﻿.FloatLeftContainer {
  position: absolute;
  left: 2px;
  top: 5px;
  z-index: 500; }
  .FloatLeftContainer .FloatLeftPane {
    float: left;
    height: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); }
    .FloatLeftContainer .FloatLeftPane .FloatLeftPaneBody {
      height: 100%;
      width: 380px; }
    .FloatLeftContainer .FloatLeftPane.Collapse {
      display: none; }
  .FloatLeftContainer .FloatLeftToggle {
    float: left;
    background-color: rgba(255, 255, 255, 0);
    padding-left: 0;
    padding-top: 10px; }
    .FloatLeftContainer .FloatLeftToggle button.turn {
      width: 23px;
      height: 48px;
      cursor: pointer;
      background: rgba(255, 255, 255, 0.9) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAQAAAAXDMSnAAAAi0lEQVR4AX3JQcqBURQG4O/+9WNG30D3vOfSDTuQsgcZyBakZANSzMVMBme3zsBI5/VMn4ZKLP5ki1E4tYejWpilxVUtzOEUD68odYmXR5BJNp/4zllXD2phllYvamHmirsayUkfJ5ruHzueTldC08kcT5YOY9xYujqQM03XKXuaLmEtNF1e1Nz89gbL+0do6OEwRwAAAABJRU5ErkJggg==") 7px center/7px 10px no-repeat;
      border-left: 1px solid #D4D4D4;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
      border: 0;
      border-radius: 0;
      font: inherit;
      list-style: none;
      margin: 0;
      outline: 0;
      overflow: visible;
      padding: 0;
      vertical-align: baseline; }
    .FloatLeftContainer .FloatLeftToggle button.turn.Expand {
      transform: scaleX(-1); }

.Shadow-InfoBox {
  background-color: aliceblue;
  border-radius: 2px;
  border: 2px solid white;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: width 0.4s,height 0.4s,opacity 0.6s ease-in,margin-bottom 0.4s;
  z-index: 5000; }

.Shadow-Bottom {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box; }

.panelWithRWD {
  width: 700px !important;
  max-width: 700px !important; }

.panelWithRWD_big {
  width: 1220px !important;
  max-width: 1220px !important; }

.editor-panel {
  margin-top: 1vh;
  max-width: 350px; }

.common-panel {
  margin-top: 10vh;
  max-width: 300px; }

.common-panel, .editor-panel {
  background-color: rgba(76, 255, 0, 0.07); }
  .common-panel .btn, .editor-panel .btn {
    margin-left: 10px; }

.FloatButtonPanel {
  position: absolute;
  opacity: 0.8;
  z-index: 4001;
  bottom: 50px;
  right: 50px;
  display: none; }
  .FloatButtonPanel .btn {
    padding-top: 1.2em;
    padding-left: 1em;
    width: 6em !important;
    height: 6em !important;
    border-radius: 50% !important; }
  .FloatButtonPanel .btn i {
    font-size: 3em; }

@media screen and (max-width: 767px) {
  .FloatButtonPanel {
    display: block; }
  .RegularButtonPanel {
    display: none; }
  .editor-panel, .common-panel, .panelWithRWD, .panelWithRWD_big {
    width: 92vw !important; } }

#pFloatInfoPanel {
  position: fixed;
  bottom: 50px;
  right: 100px;
  width: 200px;
  height: 300px;
  overflow: hidden; }

#bAdditional {
  position: absolute;
  bottom: 5px;
  right: -17px; }

#pAdditional {
  position: absolute;
  bottom: 40px;
  right: -373px;
  height: 55vh;
  width: 390px; }

.pAdditional-lg {
  right: -1028px !important;
  width: 1050px !important; }

.pAdditional-md {
  right: -613px !important;
  width: 630px !important; }

.FloatLeftSearch {
  position: absolute;
  right: -275px;
  width: 275px;
  top: 0; }
