@charset "UTF-8";
@font-face {
  font-family: "RobotoRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype"); }

@font-face {
  font-family: "RobotoLight";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"); }

@font-face {
  font-family: "Inform";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Inform/Inform.eot?#iefix") format("embedded-opentype"), url("../fonts/Inform/Inform.woff") format("woff"), url("../fonts/Inform/Inform.ttf") format("truetype"); }

.tabs > ul li {
  display: inline-block;
  position: relative;
  vertical-align: top; }

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.6;
  font-family: "RobotoLight", sans-serif;
  height: 100vh;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  body.grid-container {
    display: grid;
    grid-template-areas: 'header view';
    grid-template-rows: 1fr;
    grid-template-columns: 50px 1fr; }
    body.grid-container header {
      grid-area: header;
      height: 100vh; }
      body.grid-container header .header-nav {
        width: 50px !important; }
        body.grid-container header .header-nav .user {
          right: -6px;
          top: 45px; }
          body.grid-container header .header-nav .user > i {
            color: #fff;
            border-color: #fff; }
      body.grid-container header .mob-button {
        left: 28px; }
        body.grid-container header .mob-button span {
          background-color: #fff; }
        body.grid-container header .mob-button p {
          display: none; }
    body.grid-container #view {
      grid-area: view;
      height: 100vh; }
  body > li.ng-scope {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
    list-style-type: none;
    z-index: 1000;
    cursor: pointer; }

.hidden {
  display: none; }

.clrp {
  padding: 0 !important; }

.clrp-left {
  padding-left: 0 !important; }

.clrp-right {
  padding-right: 0 !important; }

.clrTranslateX {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.clrTranslateY {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.clr-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.clrm {
  margin: 0 !important; }

.clrm-left {
  margin-left: 0 !important; }

.clrm-right {
  margin-right: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mt-half {
  margin-top: 5px; }

.mb-half {
  margin-bottom: 5px; }

.mt1 {
  margin-top: 10px; }

.mb1 {
  margin-bottom: 10px; }

.mt2 {
  margin-top: 20px; }

.mb2 {
  margin-bottom: 20px; }

.mt3 {
  margin-top: 30px; }

.mb3 {
  margin-bottom: 30px; }

.mt4 {
  margin-top: 40px; }

.mb4 {
  margin-bottom: 40px; }

.mt6 {
  margin-top: 60px; }

.mb6 {
  margin-bottom: 60px; }

.ml-half {
  margin-left: 5px; }

.mr-half {
  margin-right: 5px; }

.ml1 {
  margin-left: 10px; }

.mr1 {
  margin-right: 10px; }

.mr2 {
  margin-right: 20px; }

.mh-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.mh-right {
  margin-left: auto !important;
  margin-right: 0 !important; }

.p0 {
  padding: 0; }

.pl-half {
  padding-left: 5px; }

.pl1 {
  padding-left: 10px; }

.pr-half {
  padding-right: 5px; }

.pr1 {
  padding-right: 10px; }

.pl2 {
  padding-left: 20px; }

.pr2 {
  padding-right: 20px; }

.pb-half {
  padding-bottom: 5px; }

.pt-half {
  padding-top: 5px; }

.pb1 {
  padding-bottom: 10px !important; }

.pt1 {
  padding-top: 10px !important; }

.pb2 {
  padding-bottom: 20px !important; }

.pt2 {
  padding-top: 20px !important; }

.pb3 {
  padding-bottom: 30px !important; }

.pt3 {
  padding-top: 30px !important; }

.pb4 {
  padding-bottom: 40px !important; }

.pt4 {
  padding-top: 40px !important; }

.right {
  text-align: right !important; }

.left {
  text-align: left !important; }

.center {
  text-align: center !important; }

.curDef {
  cursor: default !important; }

.curPoi {
  cursor: pointer !important; }

.curDrag {
  cursor: grab !important;
  cursor: -webkit-grab; }

.border {
  border: 1px solid #ccc; }

.oh {
  overflow: hidden !important; }

.ov {
  overflow: visible !important; }

.dib {
  display: inline-block; }

.db {
  display: block !important; }

.bgc-clear {
  background-color: transparent !important;
  border-color: transparent !important; }

.index-in {
  z-index: 1000; }

.index-out {
  z-index: -100; }

.selectable {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important; }

a:hover {
  text-decoration: none;
  color: #111; }

.col-md-12 {
  position: static; }

h1, h2, h3, h4, h5, h6 {
  font-family: "RobotoRegular",sans-serif;
  font-weight: 100; }

h1, h2, h3, h4, h5, h6, ul, p, hr {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.error {
  color: #f00;
  font-size: 16px;
  display: block; }

.succes {
  color: #00A165;
  font-size: 16px;
  display: block; }

.fz8 {
  font-size: 8px !important; }

.fz10 {
  font-size: 10px !important; }

.fz11 {
  font-size: 11px !important; }

.fz12 {
  font-size: 12px !important; }

.fz14 {
  font-size: 14px !important; }

.fz16 {
  font-size: 16px !important; }

.lh16 {
  line-height: 16px !important; }

.pos-rel {
  position: relative; }

.pos-initial {
  position: initial !important; }

.full-vh {
  height: 100vh; }

.center-block {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.disable-click {
  pointer-events: none;
  cursor: default !important; }
  .disable-click.disabled {
    background-color: #ccc; }
  .disable-click img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }

.enable-click {
  pointer-events: auto !important;
  cursor: pointer !important; }

.connection-indicator {
  position: fixed;
  top: 66px;
  right: 25px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  z-index: 1000;
  -webkit-animation: shadow-pulse 1200ms ease-in-out infinite;
  animation: shadow-pulse 1200ms ease-in-out infinite; }
  .connection-indicator:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 1px;
    width: 100%;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10; }

@-webkit-keyframes shadow-pulse {
  0% {
    -webkit-box-shadow: 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px #ccc; }
  50% {
    -webkit-box-shadow: 0px 0px 25px #ccc;
    box-shadow: 0px 0px 25px #ccc; }
  100% {
    -webkit-box-shadow: 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px #ccc; } }

@keyframes shadow-pulse {
  0% {
    -webkit-box-shadow: 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px #ccc; }
  50% {
    -webkit-box-shadow: 0px 0px 25px #ccc;
    box-shadow: 0px 0px 25px #ccc; }
  100% {
    -webkit-box-shadow: 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px #ccc; } }

.placingStatusBtn {
  top: -2px !important;
  line-height: 30px !important; }
  .placingStatusBtn.pending {
    background-color: #ff2700; }
    .placingStatusBtn.pending:before {
      content: "\f00d"; }
  .placingStatusBtn.expired {
    background-color: #a30000; }
    .placingStatusBtn.expired:before {
      content: "\f05e"; }
  .placingStatusBtn.inProcess {
    background-color: #FFBC24; }
    .placingStatusBtn.inProcess:before {
      content: "\f021"; }
  .placingStatusBtn.completed {
    background-color: #009788; }
    .placingStatusBtn.completed:before {
      content: "\f00c"; }
  .placingStatusBtn.irrelevant {
    background-color: #3f369a; }
    .placingStatusBtn.irrelevant:before {
      content: "\f05e"; }

.task-list .task-item::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 5px;
  top: -2px;
  left: 0;
  opacity: 0.5; }

.task-list .task-item.pending:before {
  background-color: #ff2700; }

.task-list .task-item.expired:before {
  background-color: #a30000; }

.task-list .task-item.inProcess:before {
  background-color: #FFBC24; }

.task-list .task-item.completed:before {
  background-color: #009788; }

.task-list .task-item.irrelevant:before {
  background-color: #3f369a; }

.task-list .task-item.empty:before {
  background-color: #999; }

.task-list .task-item.inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 0px 0px 10px;
  margin-top: 5px; }
  .task-list .task-item.inner > span:before {
    top: 15px; }
  .task-list .task-item.inner .date {
    line-height: 18px; }
    .task-list .task-item.inner .date time {
      display: inline-block;
      margin-right: 5px;
      font-size: 11px;
      color: #999; }
  .task-list .task-item.inner .comment {
    position: relative;
    display: block;
    padding: 0px 5px;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    color: #999;
    margin: 0 0 10px 10px;
    border-radius: 5px; }
    .task-list .task-item.inner .comment::before, .task-list .task-item.inner .comment::after {
      position: absolute;
      font-size: 16px;
      line-height: 22px;
      color: #ccc;
      width: 15px;
      height: 15px; }
    .task-list .task-item.inner .comment::before {
      content: "\275D";
      top: -5px;
      left: -10px; }
    .task-list .task-item.inner .comment::after {
      content: "\275E";
      bottom: -5px;
      right: -5px; }
  .task-list .task-item.inner .reject {
    margin-left: 5px;
    margin-top: 10px; }
    .task-list .task-item.inner .reject .btn {
      margin-top: -5px; }

.filter-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle; }
  .filter-dot.yelow {
    background-color: #FFBC24; }
  .filter-dot.red {
    background-color: #FE6246; }
  .filter-dot.green {
    background-color: #009788; }
  .filter-dot.black {
    background-color: #111111; }

#lang-panel {
  position: fixed;
  bottom: 25px;
  right: 90px;
  line-height: 30px;
  z-index: 1001; }
  #lang-panel:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 40px;
    right: -5px;
    top: -25px;
    z-index: -1; }
  #lang-panel:hover {
    overflow: visible; }
  #lang-panel .exel-export-list {
    bottom: 35px;
    top: initial; }
    #lang-panel .exel-export-list:before {
      display: none; }
    #lang-panel .exel-export-list.active {
      right: 0; }

.custom-notification,
.app-version {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  line-height: 13px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  z-index: 1000;
  -webkit-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999; }
  .custom-notification.app-version--newVersion,
  .app-version.app-version--newVersion {
    -webkit-animation: shadow-pulse 1200ms ease-in-out infinite;
    animation: shadow-pulse 1200ms ease-in-out infinite; }
  .custom-notification__wrapper,
  .app-version__wrapper {
    position: absolute;
    top: 30%;
    -webkit-transform: translate(-50%, -5%);
    -ms-transform: translate(-50%, -5%);
    transform: translate(-50%, -5%); }
  .custom-notification__version,
  .app-version__version {
    text-transform: lowercase; }
  .custom-notification__number,
  .app-version__number {
    font-weight: 700; }
  .custom-notification .extend-tooltip,
  .app-version .extend-tooltip {
    top: 65px;
    right: 25px; }

.custom-app-notification .custom-notification {
  top: 25px;
  bottom: initial;
  line-height: 25px;
  font-size: 18px;
  background-color: #fff; }
  .custom-app-notification .custom-notification.easter img, .custom-app-notification .custom-notification.halloween img, .custom-app-notification .custom-notification.newYear img {
    max-width: 30px; }
    .custom-app-notification .custom-notification.easter img.tl, .custom-app-notification .custom-notification.halloween img.tl, .custom-app-notification .custom-notification.newYear img.tl {
      left: -5px; }
    .custom-app-notification .custom-notification.easter img.br, .custom-app-notification .custom-notification.halloween img.br, .custom-app-notification .custom-notification.newYear img.br {
      right: -10px;
      bottom: 0; }

.notification-wrap {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  right: 10px;
  width: 300px;
  height: 0 !important;
  max-height: 80vh !important;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .notification-wrap.active {
    bottom: 50px;
    height: 80vh !important; }
    .notification-wrap.active .notification-show {
      top: -40px !important; }
  .notification-wrap .notification-show {
    position: absolute;
    top: -40px;
    right: 0px;
    width: 40px;
    height: 40px;
    color: #fff;
    border-top-left-radius: 23px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-top-right-radius: 23px; }
    .notification-wrap .notification-show.onTop {
      top: -91px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .notification-wrap .notification-show .notification-new {
      position: absolute;
      top: -3px;
      right: -3px;
      min-width: 14px;
      height: 14px;
      border-radius: 50%;
      font-size: 12px;
      line-height: 12px;
      background-color: #ff2700;
      color: #fff; }
  .notification-wrap .notification-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%; }
  .notification-wrap .notification-item {
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
    color: #666; }
    .notification-wrap .notification-item:first-child {
      margin-top: 0; }
    .notification-wrap .notification-item .notification-close {
      position: absolute;
      top: 0px;
      right: 0px;
      line-height: 20px;
      background-color: transparent; }
    .notification-wrap .notification-item .notification-img {
      width: 100%; }
    .notification-wrap .notification-item .notification-content {
      position: relative; }
      .notification-wrap .notification-item .notification-content .notification-attributes {
        position: relative;
        min-height: 44px;
        padding: 0px 5px 0px 40px;
        background-color: #f9f9f9; }
        .notification-wrap .notification-item .notification-content .notification-attributes:before {
          position: absolute;
          content: "\f0e0";
          width: 40px;
          top: 0px;
          left: 0px;
          font-family: "FontAwesome";
          font-size: 28px;
          text-align: center;
          color: #ccc; }
        .notification-wrap .notification-item .notification-content .notification-attributes.warning:before {
          color: #a30000; }
        .notification-wrap .notification-item .notification-content .notification-attributes.notification:before {
          color: #ff2700; }
        .notification-wrap .notification-item .notification-content .notification-attributes.prompt:before {
          color: #FFBC24; }
        .notification-wrap .notification-item .notification-content .notification-attributes.task:before {
          color: #009788; }
        .notification-wrap .notification-item .notification-content .notification-attributes .notification-date {
          font-size: 12px;
          color: #999; }
        .notification-wrap .notification-item .notification-content .notification-attributes .notification-author {
          margin-bottom: 10px;
          color: #5869c5;
          font-size: 14px;
          line-height: 24px;
          border-bottom: 1px solid #f5f5f5; }
      .notification-wrap .notification-item .notification-content .notification-text {
        padding: 5px 5px 5px 5px;
        font-size: 14px;
        text-align: center;
        word-wrap: break-word; }
    .notification-wrap .notification-item .notification-action-block {
      padding: 5px 5px;
      text-align: right;
      border-top: 1px solid #f5f5f5;
      background-color: #f9f9f9; }

.version-list .history-list {
  font-size: 0; }
  .version-list .history-list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 14px;
    padding-left: 10px; }
    .version-list .history-list li h3 {
      position: relative; }
      .version-list .history-list li h3:before {
        position: absolute;
        content: '';
        top: 11px;
        left: -10px;
        width: 6px;
        height: 6px;
        border-radius: 50%; }
      .version-list .history-list li h3 span {
        margin-left: 15px; }

.version-list .card-block {
  text-align: left;
  padding-left: 40px; }
  .version-list .card-block .label {
    min-width: 65px; }

.version-list .changes li {
  font-size: 14px;
  margin-bottom: 5px; }
  .version-list .changes li span {
    margin-right: 10px; }

.version-list .custom-scroll {
  height: 77vh;
  max-height: 77vh; }

input, textarea, button {
  outline: none;
  border: none; }

.inline-block {
  display: inline-block !important; }

.title {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #111;
  font-size: 22px;
  position: relative; }

.subtitle {
  font-size: 18px;
  line-height: 24px;
  color: #666;
  margin-bottom: 25px; }

.label {
  vertical-align: initial;
  display: inline-block;
  line-height: 30px;
  font-size: 11px;
  text-transform: uppercase;
  color: #999;
  cursor: default; }
  .label.block {
    display: block; }

.pulse {
  -webkit-animation: shadow-pulse 1000ms ease-in-out infinite;
  animation: shadow-pulse 1000ms ease-in-out infinite; }

.icon-material {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #111;
  color: #fff;
  text-align: center;
  line-height: 25px;
  text-indent: 0;
  font-style: normal;
  text-transform: uppercase; }
  .icon-material:hover {
    z-index: 100; }
    .icon-material:hover .exel-export-list {
      opacity: 1;
      right: 0;
      display: block; }
  .icon-material .exel-export-list {
    display: none; }
  .icon-material.InWork {
    background-color: #512DA8; }
  .icon-material.Saved {
    background-color: #FFA726; }
  .icon-material.Approved {
    background-color: #4FC3F7; }
  .icon-material.Published {
    background-color: #4DB6AC; }
  .icon-material.Archived {
    background-color: #C2185B; }
  .icon-material.FastStart {
    background-color: #4caf50; }
  .icon-material.gray {
    background-color: #A1887F; }

header {
  min-height: 45px; }
  header .header-nav {
    padding-right: 0;
    z-index: 101; }
    header .header-nav.permission .mob-button {
      top: 1px; }
    header .header-nav.permission .mob-button:not(.active) span {
      background-color: #fff; }
    header .header-nav.permission .mob-button:not(.active) p {
      color: #fff; }
    header .header-nav.permission .user {
      display: none; }
    header .header-nav .user {
      position: absolute;
      right: 0px;
      top: 7px;
      padding-right: 32px;
      min-height: 32px;
      overflow: hidden; }
      header .header-nav .user.hasNewVersion:before {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        top: 0;
        left: 0;
        background-color: #f00;
        border-radius: 50%;
        z-index: 10; }
      header .header-nav .user:hover {
        overflow: visible; }
      header .header-nav .user p {
        font-size: 10px;
        text-align: left; }
        header .header-nav .user p span {
          display: block;
          font-size: 12px;
          line-height: 30px;
          letter-spacing: 1px; }
      header .header-nav .user > i {
        position: absolute;
        top: 1px;
        right: 0px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 28px;
        overflow: hidden;
        border-radius: 50%; }
      header .header-nav .user .avatar-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden; }
        header .header-nav .user .avatar-wrap img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: auto;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  header .logo img {
    max-width: 120px; }
  header ul.navigation li {
    display: inline-block;
    vertical-align: top;
    position: relative; }
    header ul.navigation li:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      bottom: 0;
      left: 0;
      display: none; }
    header ul.navigation li.active:before {
      display: block; }
    header ul.navigation li a {
      color: #111;
      display: block;
      padding: 5px 10px;
      line-height: 45px;
      position: relative;
      min-width: 120px;
      height: 45px; }
      header ul.navigation li a span {
        position: absolute;
        line-height: 20px;
        width: 100%;
        top: 50%;
        left: 0;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 5px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
    header ul.navigation li.active a {
      color: #fff;
      pointer-events: none; }
      header ul.navigation li.active a span {
        -webkit-box-shadow: 0 1px 3px #999;
        box-shadow: 0 1px 3px #999; }

.user .exel-export-list:before {
  left: 10px; }

.user .exel-export-list.active {
  right: -101px; }

.ajax-navigation {
  position: relative;
  -webkit-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
  background-color: #fff;
  padding: 16px 0px 10px 12px;
  word-wrap: break-word;
  height: 490px;
  z-index: 98;
  border-bottom-right-radius: 0 !important;
  border-radius: 10px; }
  .ajax-navigation:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    z-index: 101; }
  .ajax-navigation .search-result .product-categori {
    margin-top: 20px;
    margin-bottom: 25px; }
  .ajax-navigation .preloader-wrap .preloader.css {
    margin-left: -25px; }
  .ajax-navigation .drag-dropdown {
    padding-bottom: 5px; }
  .ajax-navigation .buttons-nav.long.absolute {
    z-index: 100 !important; }

.chain {
  position: relative;
  padding-right: 18px;
  text-align: center;
  font-style: normal; }
  .chain:last-child {
    padding-left: 0; }
    .chain:last-child:before {
      display: none; }
  .chain:before {
    position: absolute;
    content: "\f0c1";
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0px;
    margin-top: -10px;
    line-height: 20px;
    font-family: "FontAwesome"; }

.nomenclature-tree.remove li,
.drag-dropdown.remove li {
  padding-left: 0; }
  .nomenclature-tree.remove li .chekbox-btn,
  .drag-dropdown.remove li .chekbox-btn {
    position: absolute;
    top: 0;
    left: 0px; }

.nomenclature-tree li,
.drag-dropdown li {
  position: relative;
  font-size: 12px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  z-index: 99;
  min-width: 120px;
  padding-left: 16px;
  -webkit-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s; }
  .nomenclature-tree li.load,
  .drag-dropdown li.load {
    pointer-events: none; }
    .nomenclature-tree li.load:after,
    .drag-dropdown li.load:after {
      position: absolute;
      content: "\f110";
      font-family: "FontAwesome";
      margin-left: 5px;
      -webkit-animation: spin 1s infinite steps(8);
      animation: spin 1s infinite steps(8); }
  .nomenclature-tree li.upload,
  .drag-dropdown li.upload {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 15px;
    min-width: 0px; }
    .nomenclature-tree li.upload button,
    .drag-dropdown li.upload button {
      display: inline-block;
      vertical-align: top;
      width: 18px;
      height: 18px;
      margin-left: 2px;
      line-height: 15px;
      padding: 0;
      color: #fff;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      transition: background-color 0.3s; }
      .nomenclature-tree li.upload button:hover,
      .drag-dropdown li.upload button:hover {
        background-color: #fff; }
  .nomenclature-tree li.active,
  .drag-dropdown li.active {
    padding-left: 20px; }
    .nomenclature-tree li.active > ul,
    .drag-dropdown li.active > ul {
      margin-left: -5px; }
  .nomenclature-tree li:last-child, .nomenclature-tree li.upload,
  .drag-dropdown li:last-child,
  .drag-dropdown li.upload {
    border-bottom: none; }
  .nomenclature-tree li:before,
  .drag-dropdown li:before {
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 22px;
    font-family: "FontAwesome";
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s; }
  .nomenclature-tree li.group:before,
  .drag-dropdown li.group:before {
    content: "\f105"; }
  .nomenclature-tree li.group.active:before,
  .drag-dropdown li.group.active:before {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
  .nomenclature-tree li.drag,
  .drag-dropdown li.drag {
    padding-left: 0px; }
    .nomenclature-tree li.drag i,
    .drag-dropdown li.drag i {
      position: absolute;
      top: 8px;
      right: 2px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .nomenclature-tree li .btn-wrap,
  .drag-dropdown li .btn-wrap {
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .nomenclature-tree li span.product,
  .drag-dropdown li span.product {
    display: block;
    padding-right: 90px;
    padding-left: 20px; }
  .nomenclature-tree li .item-edit-panel,
  .drag-dropdown li .item-edit-panel {
    position: absolute;
    top: 0;
    right: 0; }
    .nomenclature-tree li .item-edit-panel button,
    .drag-dropdown li .item-edit-panel button {
      background-color: transparent; }

.nomenclature-tree code,
.drag-dropdown code {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.nomenclature-tree .product-categori,
.drag-dropdown .product-categori {
  display: none; }

.nomenclature-tree .danger,
.drag-dropdown .danger {
  bottom: initial;
  top: 30px;
  text-align: center;
  z-index: 100; }

.select.option .filter-config,
.custom-scroll .filter-config {
  position: absolute;
  left: 0px;
  top: 7px;
  width: 16px;
  height: 16px; }
  .select.option .filter-config span,
  .custom-scroll .filter-config span {
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #ccc;
    border-radius: 50%; }
    .select.option .filter-config span.active:nth-child(1),
    .custom-scroll .filter-config span.active:nth-child(1) {
      background-color: #FE6246; }
    .select.option .filter-config span.active:nth-child(2),
    .custom-scroll .filter-config span.active:nth-child(2) {
      background-color: #FFBC24; }
    .select.option .filter-config span.active:nth-child(3),
    .custom-scroll .filter-config span.active:nth-child(3) {
      background-color: #009788; }
    .select.option .filter-config span.active:nth-child(4),
    .custom-scroll .filter-config span.active:nth-child(4) {
      background-color: #111; }
    .select.option .filter-config span:nth-child(1),
    .custom-scroll .filter-config span:nth-child(1) {
      top: 0;
      left: 0; }
    .select.option .filter-config span:nth-child(2),
    .custom-scroll .filter-config span:nth-child(2) {
      bottom: 0;
      left: 0; }
    .select.option .filter-config span:nth-child(3),
    .custom-scroll .filter-config span:nth-child(3) {
      bottom: 0;
      right: 0; }
    .select.option .filter-config span:nth-child(4),
    .custom-scroll .filter-config span:nth-child(4) {
      top: 0;
      right: 0; }

.group.first-level span {
  display: block; }

.dropdown {
  display: none; }
  .dropdown li {
    position: relative; }
    .dropdown li:before {
      position: absolute;
      content: "\f105"; }
    .dropdown li.active:before {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .dropdown li.market-item:before {
      display: none; }
  .dropdown .dropdown-item-format h4 .btn {
    position: absolute;
    top: 0;
    right: 18px; }

.search-result {
  margin-top: 10px; }

.multiple-add {
  display: block;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  .multiple-add:before {
    position: absolute;
    content: '\25c6 \25c6 \25c6';
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
    letter-spacing: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1; }

.products-filter {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 65px;
  left: -110%;
  z-index: 100;
  margin: 0px !important;
  padding-top: 5px !important;
  padding-left: 20px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s; }
  .products-filter.active {
    left: 0; }
  .products-filter .form-group, .products-filter .filters-wrap {
    margin-bottom: 10px; }
    .products-filter .form-group:nth-child(1) .label:before, .products-filter .filters-wrap:nth-child(1) .label:before {
      background-color: #FE6246; }
    .products-filter .form-group:nth-child(2) .label:before, .products-filter .filters-wrap:nth-child(2) .label:before {
      background-color: #FFBC24; }
    .products-filter .form-group:nth-child(3) .label:before, .products-filter .filters-wrap:nth-child(3) .label:before {
      background-color: #009788; }
    .products-filter .form-group:nth-child(4) .label:before, .products-filter .filters-wrap:nth-child(4) .label:before {
      background-color: #111; }
    .products-filter .form-group .label, .products-filter .filters-wrap .label {
      position: relative;
      vertical-align: baseline;
      line-height: 24px;
      margin-left: 5px;
      padding-left: 20px; }
      .products-filter .form-group .label:before, .products-filter .filters-wrap .label:before {
        position: absolute;
        content: '';
        top: 5px;
        left: 0;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ccc; }
    .products-filter .form-group .form-group, .products-filter .filters-wrap .form-group {
      margin-bottom: 0;
      display: inline-block;
      vertical-align: top; }
      .products-filter .form-group .form-group input[type=text], .products-filter .filters-wrap .form-group input[type=text] {
        padding: 0 5px;
        height: 25px;
        font-size: 14px; }
  .products-filter .filters-wrap .hide-label {
    padding-left: 0; }
    .products-filter .filters-wrap .hide-label:before {
      display: none; }
  .products-filter .filters-wrap .select-tags-wrap .label {
    width: 80%; }
    .products-filter .filters-wrap .select-tags-wrap .label input[type="text"] {
      margin: 0; }
      .products-filter .filters-wrap .select-tags-wrap .label input[type="text"] + label {
        line-height: 25px;
        font-size: 11px; }
    .products-filter .filters-wrap .select-tags-wrap .label .mtrBtsOptions button {
      margin-bottom: 2px; }
    .products-filter .filters-wrap .select-tags-wrap .label .custom-select {
      min-width: auto;
      width: 100%;
      max-height: 200px;
      top: 2px; }
      .products-filter .filters-wrap .select-tags-wrap .label .custom-select .add-tag {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .products-filter .filters-wrap .select-tags-wrap .tag-list {
    top: 10px; }
  .products-filter .filters-wrap .item-filter-list {
    line-height: 35px; }
    .products-filter .filters-wrap .item-filter-list input[type="checkbox"], .products-filter .filters-wrap .item-filter-list input[type="checkbox"] + label {
      line-height: 25px; }

body > .product.ng-scope {
  width: 50px;
  z-index: 1000;
  height: 50px;
  background-color: #ccc;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  padding: 5px;
  -webkit-box-shadow: 0 2px 5px #999;
  box-shadow: 0 2px 5px #999; }
  body > .product.ng-scope img {
    display: none;
    width: 100%;
    max-height: 100%; }

.message-block {
  position: relative;
  color: #999;
  font-size: 14px;
  display: inline-block; }
  .message-block:before {
    content: '*';
    position: absolute;
    top: -6px;
    left: -6px; }

.hint-block {
  min-height: 185px;
  position: relative; }
  .hint-block span, .hint-block a {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 220px;
    padding: 0;
    text-align: center;
    line-height: 60px;
    color: #ccc;
    border: 4px dashed #f5f5f5;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

.popup .hint-block {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%); }
  .popup .hint-block span, .popup .hint-block a {
    min-width: 290px; }

.eqipment-decor img {
  width: 100px; }

.eqipment-decor .product {
  cursor: pointer; }

.market-edit {
  position: relative; }
  .market-edit .cont-wrap {
    height: 190px; }
    .market-edit .cont-wrap h4 {
      position: absolute;
      top: 20px;
      left: -10px;
      padding: 0px 20px;
      font-family: 'RobotoLight';
      border-top-right-radius: 22px;
      border-bottom-right-radius: 22px;
      background-color: #fff;
      -webkit-box-shadow: 1px 1px 4px #999;
      box-shadow: 1px 1px 4px #999;
      z-index: 1; }
      .market-edit .cont-wrap h4 .market-name {
        width: 182px;
        display: inline-block;
        padding: 6px 0;
        margin-left: -20px;
        text-indent: 6px;
        background-color: transparent;
        color: #999; }
        .market-edit .cont-wrap h4 .market-name span {
          display: inline-block;
          height: 23px;
          width: 182px;
          overflow: hidden;
          vertical-align: text-bottom;
          text-align: left; }
    .market-edit .cont-wrap img {
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 0;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
    .market-edit .cont-wrap .button-list {
      position: absolute;
      top: 10px;
      right: 0;
      width: 40px;
      height: 210px;
      padding-left: 2px;
      overflow: visible; }
      .market-edit .cont-wrap .button-list .btn.material {
        display: block;
        width: 30px;
        min-width: 30px;
        height: 30px;
        line-height: 28px;
        margin-bottom: 5px;
        margin-right: -40px; }
        .market-edit .cont-wrap .button-list .btn.material:hover {
          overflow: visible; }
          .market-edit .cont-wrap .button-list .btn.material:hover .exel-export-list {
            right: -16px;
            opacity: 1; }
            .market-edit .cont-wrap .button-list .btn.material:hover .exel-export-list:before {
              left: initial;
              right: 21px; }

.tag {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  padding: 1px 5px;
  background-color: #f5f5f5;
  font-size: 12px;
  line-height: 16px;
  border-radius: 5px;
  margin-right: 3px;
  margin-bottom: 3px;
  overflow: hidden;
  cursor: default;
  font-style: normal; }
  .tag.error, .tag.already_used, .tag.no_store_plan, .tag.no_access_rights {
    background-color: #f00;
    color: #fff; }
  .tag.already_present, .tag.incorrect_status, .tag.no_equipment {
    background-color: #FFBC24; }
  .tag.success {
    color: #fff;
    background-color: #009788; }

.tag-list {
  text-align: left;
  position: relative; }
  .tag-list.big-tag li {
    border-radius: 0px;
    line-height: 24px; }
    .tag-list.big-tag li button {
      height: 28px; }
  .tag-list li {
    display: inline-block;
    vertical-align: top;
    padding: 1px 5px;
    background-color: #f5f5f5;
    font-size: 12px;
    line-height: 16px;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    overflow: hidden;
    cursor: default; }
    .tag-list li button {
      margin: -2px -5px -2px 0;
      border-left: 1px solid #999;
      height: 20px; }
    .tag-list li span.add-tag,
    .tag-list li i.fa.fa-angle-right,
    .tag-list li .product-categori {
      display: none; }
    .tag-list li .form-group {
      vertical-align: middle;
      margin-top: -5px; }

.super-market-wrap {
  min-height: 185px;
  overflow: visible !important;
  padding: 10px 0px 10px 20px !important; }
  .super-market-wrap .btn-wrap {
    position: absolute !important;
    bottom: 10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%); }
  .super-market-wrap .products-filter {
    width: 97%;
    z-index: 98;
    top: 0px;
    overflow: visible; }
    .super-market-wrap .products-filter label {
      cursor: pointer; }
    .super-market-wrap .products-filter .custom-scroll {
      overflow-x: hidden; }
    .super-market-wrap .products-filter .show-info {
      top: 26px;
      right: -40px; }
  .super-market-wrap .btn.material.big {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 11; }

.in-out-item {
  width: 10px;
  height: 16px;
  display: inline-block;
  vertical-align: middle; }

sub {
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 50%; }
  sub.to-remove {
    margin-top: -2px;
    background-color: #111; }
  sub.to-add {
    margin-top: 2px;
    background-color: #FE6246; }

.marketList.small {
  margin-top: 0px; }

.marketList.edded .market-item {
  position: relative; }
  .marketList.edded .market-item:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s; }
  .marketList.edded .market-item:hover:before {
    width: 100%; }
  .marketList.edded .market-item .set-format-data {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .marketList.edded .market-item .set-format-data .item-data {
      font-size: 12px;
      margin: 0 5px;
      width: 20px;
      height: 20px;
      color: #fff;
      border-radius: 2px;
      display: inline-block;
      text-align: center; }
  .marketList.edded .market-item .counter {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #666; }
    .marketList.edded .market-item .counter .equip-count {
      width: 15px;
      text-align: center;
      height: 20px;
      cursor: default; }

.marketList.edded .btn {
  background-color: #ccc;
  position: absolute;
  right: 20px;
  top: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible; }
  .marketList.edded .btn i:nth-child(2) {
    position: absolute;
    bottom: -2px;
    right: -1px;
    color: #111; }
  .marketList.edded .btn.redirect {
    right: 40px;
    width: 20px;
    min-width: 20px;
    font-size: 12px;
    line-height: 22px;
    height: 20px;
    top: 12px;
    padding: 0; }
  .marketList.edded .btn.close-input {
    left: 2px !important;
    top: 49% !important; }

.marketList .market-item {
  padding-right: 15px;
  border-bottom: 1px solid #f5f5f5;
  cursor: default;
  font-size: 12px;
  cursor: pointer;
  text-align: left;
  transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.3s;
  -o-transition: padding 0.3s; }
  .marketList .market-item:last-child {
    border-bottom: none; }
  .marketList .market-item:hover .cont-wrap {
    width: 320px;
    height: 250px;
    right: -322px;
    opacity: 1;
    background-color: #fff; }
    .marketList .market-item:hover .cont-wrap.no-image {
      background-image: url("../img/loading-gear.gif");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50px;
      background-color: #fff; }
  .marketList .market-item:hover:before {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  .marketList .market-item:hover span:not(.btn) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
    width: 100%; }
    .marketList .market-item:hover span:not(.btn).axis-y {
      -webkit-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
      transition-delay: 0.6s;
      left: -102px;
      bottom: 122px;
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg); }
    .marketList .market-item:hover span:not(.btn).axis-z {
      -webkit-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
      left: -22px;
      bottom: 110px;
      -ms-transform: rotate(-37deg);
      transform: rotate(-37deg);
      -webkit-transform: rotate(-37deg);
      -moz-transform: rotate(-37deg);
      -o-transform: rotate(-37deg); }
  .marketList .market-item.group:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 10px 10px; }
  .marketList .market-item .clicked-text {
    display: inline-block;
    width: 95%; }
  .marketList .market-item .item-edit-panel {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 10;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
    .marketList .market-item .item-edit-panel .btn {
      position: initial;
      padding: 0;
      margin: 0;
      font-size: 12px; }
      .marketList .market-item .item-edit-panel .btn.small {
        width: 22px;
        min-width: 22px;
        height: 22px;
        line-height: 22px; }
  .marketList .market-item .remove-image {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 99;
    font-size: 14px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
  .marketList .market-item .radio-list {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0; }
    .marketList .market-item .radio-list li {
      display: inline-block;
      background-color: transparent !important;
      border-left: 1px solid #ccc;
      padding-right: 10px; }
      .marketList .market-item .radio-list li:last-child {
        padding-right: 0; }
    .marketList .market-item .radio-list button {
      margin: 0;
      padding: 0;
      position: initial; }
      .marketList .market-item .radio-list button.active {
        background-color: #fff; }
    .marketList .market-item .radio-list .label {
      margin-left: 0px;
      border-bottom: none;
      font-style: normal;
      text-transform: lowercase; }
  .marketList .market-item.format h4 {
    position: relative; }
    .marketList .market-item.format h4:before {
      position: absolute;
      content: '';
      bottom: -1px;
      left: 0;
      width: 0%;
      height: 1px;
      -webkit-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s; }
  .marketList .market-item.format .title-wrap {
    position: relative; }
    .marketList .market-item.format .title-wrap button {
      position: absolute;
      right: -10px;
      top: 3px;
      background-color: #ccc; }
      .marketList .market-item.format .title-wrap button.redirect {
        right: 40px;
        width: 20px;
        min-width: 20px;
        font-size: 12px;
        line-height: 22px;
        height: 20px;
        top: 12px;
        padding: 0; }
  .marketList .market-item.active:before {
    width: 100%; }
  .marketList .market-item input {
    width: 90%; }
    .marketList .market-item input:disabled {
      color: #999;
      background-color: transparent; }

.marketList > button {
  float: right;
  margin-top: 3px; }

.marketList .icon-material {
  float: right;
  margin-right: 5px; }

.marketList .category-btn {
  display: inline-block;
  font-size: 10px;
  margin: 0 2px; }

.marketList h4 {
  min-width: 80%;
  display: inline-block;
  text-align: left;
  line-height: 35px;
  min-height: 35px;
  font-family: 'RobotoLight'; }
  .marketList h4.category {
    width: 100%;
    padding-left: 22px;
    position: relative; }
    .marketList h4.category .dropdown-list {
      position: absolute;
      background-color: transparent;
      top: -2px;
      left: 4px;
      width: 25px;
      font-size: 16px; }
      .marketList h4.category .dropdown-list.active i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
    .marketList h4.category.inner {
      text-indent: 0; }
      .marketList h4.category.inner > span.dib {
        width: 100%;
        border-bottom: 1px solid #f5f5f5; }
  .marketList h4 sub {
    position: absolute;
    left: 0; }
    .marketList h4 sub.to-remove {
      top: 10px; }
    .marketList h4 sub.to-add {
      top: 19px; }
  .marketList h4 .formatAssortment {
    margin-left: 15px;
    font-size: 10px;
    color: #999; }

.marketList .cont-wrap {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 0px;
  height: 0px;
  z-index: 101;
  padding: 0px;
  background: #f1f1f1;
  background: -o-linear-gradient(45deg, #f1f1f1 0%, white 29%);
  background: linear-gradient(45deg, #f1f1f1 0%, white 29%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 );
  -webkit-box-shadow: 0 2px 5px #ccc;
  box-shadow: 0 2px 5px #ccc;
  overflow: hidden;
  opacity: 0;
  border-radius: 4px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .marketList .cont-wrap.product {
    cursor: pointer; }
    .marketList .cont-wrap.product:before {
      position: absolute;
      content: '\f047';
      font-family: 'FontAwesome';
      top: 10px;
      right: 10px;
      font-size: 22px; }
  .marketList .cont-wrap img {
    max-height: 90%;
    max-width: 90%;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
    .marketList .cont-wrap img.no-image {
      height: auto;
      width: 100px;
      margin-top: 70px; }
  .marketList .cont-wrap span {
    position: absolute;
    bottom: 10px;
    opacity: 0;
    left: 10px;
    width: 0%;
    height: 1px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .marketList .cont-wrap span:before {
      position: absolute;
      content: '\f0da';
      font-family: 'FontAwesome';
      top: -8px;
      right: -4px; }
    .marketList .cont-wrap span:after {
      position: absolute;
      content: attr(data-param);
      font-size: 12px;
      top: 0;
      left: 50%; }
    .marketList .cont-wrap span.axis-x {
      max-width: 300px; }
      .marketList .cont-wrap span.axis-x:after {
        top: -18px; }
    .marketList .cont-wrap span.axis-y {
      max-width: 225px; }
    .marketList .cont-wrap span.axis-z {
      z-index: -1;
      background-color: transparent; }
  .marketList .cont-wrap .preloader-wrap {
    display: block;
    top: 0;
    left: 0;
    z-index: -1; }
    .marketList .cont-wrap .preloader-wrap .preloader {
      margin: -40px auto 40px -33px; }

.basketList li .btn.material.edit {
  position: relative;
  right: -18px; }

.button-list {
  position: absolute;
  top: 22px;
  right: 0;
  width: 40px;
  height: 160px;
  overflow: hidden; }
  .button-list.left {
    left: 5px;
    top: 5px;
    right: initial; }
  .button-list button.btn,
  .button-list .file-wrap {
    display: block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    margin-bottom: 5px;
    margin-right: -40px;
    font-size: 16px !important; }

.planogram-list {
  position: absolute;
  width: 100%;
  bottom: 35px;
  left: 0;
  padding: 0 0 0 20px; }
  .planogram-list button {
    line-height: 32px;
    height: 36px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: -5px;
    margin-top: 5px; }
  .planogram-list .file-wrap {
    position: absolute;
    padding: 10px 0;
    top: -65px;
    left: 20px; }
  .planogram-list .marketList .market-item {
    padding-right: 0; }

.permission-panel .auto-table {
  top: 45px;
  left: 0;
  z-index: 100; }
  .permission-panel .auto-table .custom-scroll {
    max-height: calc( 100vh - 45px); }
    .permission-panel .auto-table .custom-scroll button {
      border: 1px solid #ccc;
      background-color: #ccc;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin: 5px 5px 0 0; }
      .permission-panel .auto-table .custom-scroll button.list {
        background-color: transparent !important;
        border: none;
        color: #ccc;
        font-size: 16px; }
        .permission-panel .auto-table .custom-scroll button.list.active {
          border: none;
          color: #FE6246; }
    .permission-panel .auto-table .custom-scroll .label {
      font-style: normal;
      font-size: 12px;
      text-transform: lowercase;
      margin-right: 5px;
      min-width: 85px; }
  .permission-panel .auto-table .col-inner .form-group {
    min-width: 35px;
    min-height: 30px;
    margin-right: 10px; }
    .permission-panel .auto-table .col-inner .form-group input[type=checkbox]:checked + label {
      background-color: #111; }

.permission-panel > .col-md-9 {
  position: absolute;
  right: 0;
  top: -37px;
  padding-right: 6px !important; }
  .permission-panel > .col-md-9 .card {
    margin: 0;
    padding: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .permission-panel > .col-md-9 .form-group input[type=text] {
    height: 30px;
    border-radius: 0; }
  .permission-panel > .col-md-9 .form-group input[type=text] + label {
    height: 30px;
    line-height: 30px; }
  .permission-panel > .col-md-9 .form-group.set-security {
    margin: 0;
    margin-right: 5px;
    padding-right: 10px;
    text-align: right; }
    .permission-panel > .col-md-9 .form-group.set-security .label {
      line-height: 27px;
      margin-right: 20px; }

.permission-panel #popup-permission .col-md-4,
.permission-panel #popup-permission .col-md-6 {
  min-height: 390px; }

.permission-panel #popup-permission .radio-list li {
  padding: 0;
  border: none; }

.permission-panel #popup-permission .marketList .btn {
  width: 25px;
  min-width: 25px;
  height: 25px;
  right: 6px; }

.permission-panel #popup-permission .buttons-nav.long.absolute {
  bottom: -8px; }

#popup-supermarket .label {
  border-bottom: 1px solid #ccc; }

#popup-edit-equipment .equip-filter-list,
#popup-equipment .equip-filter-list,
#popup-load-more .equip-filter-list {
  margin-top: 10px; }

#popup-edit-equipment .custom-scroll,
#popup-equipment .custom-scroll,
#popup-load-more .custom-scroll {
  height: 73vh;
  max-height: 73vh; }

#popup-save #eqipment-name {
  display: block;
  font-size: 14px;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc; }

#popup-save .input-wrap {
  position: relative; }
  #popup-save .input-wrap:before {
    position: absolute;
    content: '\204e';
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    line-height: 10px; }

.added-list {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 200px; }
  .added-list li {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding-left: 30px;
    padding-right: 80px;
    cursor: default; }
    .added-list li:before {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      height: 1px;
      width: 0;
      transition: width 0.3s;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -o-transition: width 0.3s; }
    .added-list li.active {
      font-family: 'OpenSansBold'; }
      .added-list li.active:before {
        width: 100%; }
      .added-list li.active span.index {
        -webkit-box-shadow: 1px 2px 6px #111;
        box-shadow: 1px 2px 6px #111;
        font-family: 'RobotoLight'; }
    .added-list li span.vendor-code {
      position: absolute;
      right: 25px;
      font-family: 'RobotoLight';
      top: 0; }
    .added-list li span.index {
      position: absolute;
      left: 0;
      top: 5px;
      width: 20px;
      height: 20px;
      text-align: center;
      color: #fff;
      line-height: 20px;
      text-indent: 0px;
      border-radius: 50%; }
    .added-list li span.param {
      position: absolute;
      right: 5px;
      top: 5px;
      height: 20px;
      line-height: 20px;
      color: #ccc;
      cursor: pointer;
      text-align: right; }
    .added-list li .param-list {
      position: absolute;
      right: 20px;
      top: 5px;
      z-index: 100;
      width: 115px;
      color: #fff;
      padding: 5px 10px;
      border-radius: 10px; }
      .added-list li .param-list li {
        text-indent: 0;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        border: none;
        line-height: 18px;
        font-size: 12px;
        font-family: 'RobotoLight'; }
        .added-list li .param-list li span {
          position: absolute;
          top: 0;
          right: 0; }

.status-bar {
  position: fixed;
  bottom: 0px;
  left: 0;
  height: 22px;
  line-height: 22px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  z-index: 100;
  font-size: 12px;
  cursor: default; }

.sector-filter {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 10;
  text-align: center;
  font-size: 0;
  -webkit-transform: translate(-40%, -85%);
  -ms-transform: translate(-40%, -85%);
  transform: translate(-40%, -85%); }
  .sector-filter:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0; }
  .sector-filter button.smaller, .sector-filter div.smaller {
    position: absolute;
    background-color: #fff;
    color: #5869c5;
    text-align: center; }
    .sector-filter button.smaller:hover .exel-export-list, .sector-filter div.smaller:hover .exel-export-list {
      top: 25px;
      right: -115px; }
    .sector-filter button.smaller:before, .sector-filter div.smaller:before {
      content: '';
      width: 100px;
      height: 30px;
      bottom: 0;
      left: -50px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      background-color: transparent; }
  .sector-filter button.top, .sector-filter div.top {
    top: -15px;
    left: -45%; }
  .sector-filter button.bottom, .sector-filter div.bottom {
    bottom: -15px;
    left: 75%; }

.prod-service {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 10;
  width: 80px;
  height: 24px;
  -webkit-box-shadow: 1px 1px 3px #5a5151;
  box-shadow: 1px 1px 3px #5a5151;
  text-align: center;
  font-size: 0;
  border-radius: 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .prod-service__comment-field {
    position: absolute;
    width: 100%;
    font-size: 11px; }
  .prod-service.one {
    width: 20px; }
    .prod-service.one button {
      border-radius: 5px; }
  .prod-service.long {
    width: auto; }
    .prod-service.long:hover {
      z-index: 100; }
    .prod-service.long span {
      display: inline-block;
      width: auto;
      position: relative;
      vertical-align: top;
      padding: 0 3px;
      font-size: 12px;
      line-height: 24px;
      color: #fff; }
      .prod-service.long span input[type="text"] {
        background-color: transparent;
        line-height: 18px;
        width: 90px; }
      .prod-service.long span .fa {
        font-size: 10px; }
    .prod-service.long button,
    .prod-service.long .cover-input {
      border-left: 1px solid #fff; }
      .prod-service.long button:hover .range-wrap,
      .prod-service.long .cover-input:hover .range-wrap {
        display: block; }
      .prod-service.long button.active,
      .prod-service.long .cover-input.active {
        background-color: #fff; }
      .prod-service.long button.btn.material,
      .prod-service.long .cover-input.btn.material {
        position: absolute;
        left: -33px;
        top: -3px;
        border-radius: 50%;
        -webkit-box-shadow: 1px 1px 3px #5a5151;
        box-shadow: 1px 1px 3px #5a5151;
        -webkit-transition: -webkit-box-shadow 0.3s;
        transition: -webkit-box-shadow 0.3s;
        -o-transition: box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
        color: #fff;
        border: none; }
        .prod-service.long button.btn.material.small,
        .prod-service.long .cover-input.btn.material.small {
          font-size: 18px;
          line-height: 32px; }
        .prod-service.long button.btn.material.smaller,
        .prod-service.long .cover-input.btn.material.smaller {
          line-height: 20px; }
          .prod-service.long button.btn.material.smaller i,
          .prod-service.long .cover-input.btn.material.smaller i {
            margin-right: -1px; }
        .prod-service.long button.btn.material i,
        .prod-service.long button.btn.material label,
        .prod-service.long .cover-input.btn.material i,
        .prod-service.long .cover-input.btn.material label {
          position: relative;
          top: 0px;
          width: 100%;
          height: 100%;
          line-height: 22px; }
    .prod-service.long .cover-input {
      padding: 0;
      width: 55px; }
      .prod-service.long .cover-input input {
        height: 22px;
        width: 30px;
        padding: 0;
        color: #111;
        text-align: center;
        margin-left: -1px; }
    .prod-service.long i.fa {
      min-width: 10px;
      text-align: center; }
      .prod-service.long i.fa .range-wrap {
        display: none;
        position: absolute;
        top: 20px;
        right: -20px; }
  .prod-service.two {
    width: 40px; }
  .prod-service.three {
    width: 60px; }
  .prod-service.four {
    width: 80px; }
  .prod-service.active {
    border: 1px solid #111;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    .prod-service.active button {
      color: #111;
      background-color: #fff; }
      .prod-service.active button:hover {
        -webkit-box-shadow: inset 0 -1px 2px #111;
        box-shadow: inset 0 -1px 2px #111; }
  .prod-service button {
    position: relative;
    display: inline-block;
    width: 22px;
    padding: 0;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s; }
    .prod-service button:disabled {
      background-color: #ccc; }
    .prod-service button:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-left: none; }
    .prod-service button:last-child {
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
    .prod-service button.active:before {
      position: absolute;
      content: '';
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 6px 6px 0;
      border-color: transparent #fff transparent transparent; }
    .prod-service button.remove-product {
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
    .prod-service button img {
      width: 60%;
      margin-top: -3px; }

.info-block {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 0px;
  background-color: rgba(254, 98, 70, 0.7);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .info-block ul {
    opacity: 0; }
  .info-block.active {
    top: 21px;
    height: 27px; }
    .info-block.active ul {
      opacity: 1;
      cursor: default;
      padding-top: 7px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
      .info-block.active ul li {
        display: inline-block;
        vertical-align: top;
        width: 33.34%;
        font-size: 10px;
        color: #fff; }

.axis-block {
  position: absolute;
  z-index: 1000;
  opacity: 0;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  margin-left: 10px; }
  .axis-block.active {
    opacity: 1; }
    .axis-block.active:before {
      height: 100px; }
    .axis-block.active:after {
      width: 100px; }
    .axis-block.active .a-y {
      bottom: 90px;
      opacity: 1; }
    .axis-block.active .a-x {
      opacity: 1;
      left: 100px; }
    .axis-block.active .a-z {
      opacity: 1;
      width: 100px;
      left: -82px;
      top: 37px; }
  .axis-block:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 0px;
    bottom: 0;
    left: 0;
    transition: height 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s; }
  .axis-block:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 1px;
    bottom: 0;
    left: 0;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s; }
  .axis-block .axis {
    position: absolute;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .axis-block .axis:before {
      position: absolute;
      font-size: 10px;
      color: #fff;
      text-align: center;
      width: 37px;
      border-radius: 5px;
      padding: 0 2px;
      left: -39px; }
  .axis-block .a-y {
    bottom: 0px;
    left: -4px; }
    .axis-block .a-y:before {
      content: attr(data-pos-y);
      top: 19px; }
  .axis-block .a-x {
    bottom: -11px;
    left: 0px; }
    .axis-block .a-x:before {
      content: attr(data-pos-x);
      top: 19px; }
  .axis-block .a-z {
    width: 0px;
    height: 1px;
    top: 0px;
    left: 0px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); }
    .axis-block .a-z:before {
      content: attr(data-pos-z);
      top: -22px;
      left: 24px; }
    .axis-block .a-z > i {
      position: absolute;
      top: -8px;
      left: 0; }
    .axis-block .a-z button {
      position: absolute;
      width: 16px;
      height: 16px;
      color: #fff;
      line-height: 12px;
      padding: 0;
      text-align: center;
      font-size: 14px;
      left: 64px;
      top: -22px;
      border-radius: 50%;
      -webkit-transition: -webkit-box-shadow 0.3s;
      transition: -webkit-box-shadow 0.3s;
      transition: box-shadow 0.3s;
      transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
      -webkit-transition: box-shadow 0.3s;
      -moz-transition: box-shadow 0.3s;
      -o-transition: box-shadow 0.3s; }
      .axis-block .a-z button:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
      .axis-block .a-z button.minus {
        left: 4px; }

.custom-scroll {
  max-height: 400px;
  min-height: 100px;
  overflow: auto; }
  .custom-scroll.small {
    height: 270px;
    overflow-x: hidden; }
  .custom-scroll.smaller {
    max-height: 200px; }

.custom-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5; }

.custom-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5; }

.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px; }

.btn {
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  line-height: 35px;
  display: inline-block;
  min-width: 170px;
  text-align: center;
  font-size: 11px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 3px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .btn:hover {
    background-color: #fff; }
  .btn.material {
    width: 40px;
    min-width: 40px;
    border: none;
    font-size: 16px;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    border-radius: 50%; }
    .btn.material:hover {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .btn.material:disabled {
      cursor: default !important;
      background-color: #ccc !important; }
    .btn.material.empty {
      background-color: #fff; }
    .btn.material.cheked {
      color: #fff; }
    .btn.material.not-active {
      margin-left: 55px; }
    .btn.material.active {
      margin-left: 0; }
    .btn.material.edit {
      width: 30px;
      height: 30px;
      line-height: 26px;
      min-width: 30px;
      margin-right: -15px;
      margin-left: 5px; }
  .btn.full {
    display: block;
    color: #fff;
    width: 100% !important; }
    .btn.full:hover {
      background-color: #fff; }
    .btn.full:disabled {
      background-color: #ccc; }
  .btn.grey {
    border-color: #666;
    color: #666; }
    .btn.grey:hover {
      background-color: #666;
      color: #fff; }
  .btn.medium {
    width: 35px;
    height: 35px;
    min-width: 35px;
    line-height: 26px; }
  .btn.small {
    width: 30px;
    height: 30px;
    min-width: 30px;
    line-height: 22px; }
  .btn.smaller {
    width: 20px;
    min-width: 20px;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0; }
  .btn.big {
    width: 50px;
    height: 50px;
    min-width: 50px;
    line-height: 42px; }
  .btn.list {
    overflow: hidden !important;
    vertical-align: bottom; }
    .btn.list:after {
      position: absolute;
      content: '';
      top: 0;
      left: -10px;
      width: 50px;
      height: 35px;
      z-index: -1; }
    .btn.list.left:hover > ul.exel-export-list {
      opacity: 1;
      left: 0px; }
    .btn.list:hover {
      overflow: visible !important; }
      .btn.list:hover > ul.exel-export-list {
        opacity: 1;
        right: 0px; }

.btns-block-position {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .btns-block-position.right {
    right: 5px; }
  .btns-block-position.left {
    left: 5px; }

.btns-wrap {
  font-size: 0; }
  .btns-wrap .btn {
    border-radius: 0;
    border-width: 1px; }
    .btns-wrap .btn.double {
      width: 49%;
      min-width: 49.5%;
      margin: 0 0.22%; }

.basket-products-result .btns-wrap {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%; }
  .basket-products-result .btns-wrap .medium.btn:first-child {
    border-bottom-left-radius: 4px; }
  .basket-products-result .btns-wrap .medium.btn:last-child {
    border-bottom-right-radius: 4px; }

#navigation-wrap.hiddenNav .option-buttons-panel {
  margin-left: 25px;
  bottom: -65vh; }

#navigation-wrap.hiddenNav .list-top-shift {
  top: 80px; }

#navigation-wrap.hiddenNav .initial {
  top: 0; }

#navigation-wrap.hiddenNav .list-left-shift {
  margin-left: 40px; }

.option-buttons-panel {
  position: absolute;
  top: 10px;
  right: -36px;
  z-index: 99; }

.save-button {
  display: block;
  margin-bottom: 5px;
  position: relative;
  z-index: 99;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  line-height: 29px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  font-size: 14px;
  border-radius: 50%; }
  .save-button.save-button--noneAfter:after {
    display: none; }
  .save-button:hover, .save-button.active {
    overflow: visible;
    background-color: #fff;
    z-index: 110; }
    .save-button:hover:before, .save-button.active:before {
      left: 15px;
      top: 15px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .save-button:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    left: -5px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .save-button:after {
    position: absolute;
    content: '';
    top: 0;
    left: -100px;
    width: 200px;
    height: 35px;
    z-index: 0; }
  .save-button:disabled {
    background-color: #ccc; }
    .save-button:disabled:before {
      background-color: #ccc; }
  .save-button ul.exel-export-list,
  .save-button div.exel-export-list {
    right: initial;
    left: -115px; }
    .save-button ul.exel-export-list:before,
    .save-button div.exel-export-list:before {
      left: 10px; }
    .save-button ul.exel-export-list.active,
    .save-button div.exel-export-list.active {
      right: initial;
      left: -5px; }

.img-wrap {
  position: relative;
  height: 190px;
  overflow: hidden; }
  .img-wrap.small img {
    height: 100%;
    max-width: 100%; }
  .img-wrap.visible {
    overflow: visible; }
  .img-wrap.gray {
    background-color: #ccc; }
  .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -o-transition: transform 0.8s; }
    .img-wrap img:hover {
      -ms-transform: translate(-50%, -50%) scale(1.1);
      transform: translate(-50%, -50%) scale(1.1);
      -webkit-transform: translate(-50%, -50%) scale(1.1);
      -moz-transform: translate(-50%, -50%) scale(1.1);
      -o-transform: translate(-50%, -50%) scale(1.1); }

.card {
  overflow: hidden;
  -webkit-box-shadow: 0 0px 4px #ccc;
  box-shadow: 0 0px 4px #ccc;
  margin: 5px;
  position: relative;
  background-color: #fff;
  padding: 10px;
  border-radius: 6px; }
  .card.visible {
    overflow: visible; }
  .card.hover {
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s; }
    .card.hover:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 80px;
      bottom: -80px;
      z-index: 1; }
    .card.hover:hover {
      -webkit-box-shadow: 0 0px 8px #666;
      box-shadow: 0 0px 8px #666; }
      .card.hover:hover:before {
        bottom: 0; }
      .card.hover:hover .descr .btn {
        bottom: 5px;
        z-index: 100; }
    .card.hover .descr {
      height: 185px; }
      .card.hover .descr .btn {
        position: absolute;
        left: 50%;
        margin-left: -85px;
        bottom: -50px; }
  .card .descr {
    padding: 10px 5px;
    height: 230px;
    position: relative; }
    .card .descr h3 {
      color: #111; }
    .card .descr p {
      color: #666;
      margin-bottom: 14px; }
    .card .descr .btn {
      display: block;
      margin: 0 auto;
      max-width: 170px; }

.tile-list .index {
  display: none; }

.tile-list .card-block {
  padding: 0; }
  .tile-list .card-block .tab-navigation {
    margin: 0; }

.tile-list.list {
  padding: 0 15px; }
  .tile-list.list .col-md-3 {
    width: 33.333%;
    padding: 0 5px;
    vertical-align: top; }
    .tile-list.list .col-md-3:nth-child(odd) .card-block {
      background-color: #f9f9f9; }
  .tile-list.list .index {
    display: inline-block;
    width: 30px;
    text-align: center;
    border-right: 1px solid #ccc;
    margin-right: 0px; }
  .tile-list.list .label {
    font-size: 10px;
    vertical-align: -webkit-baseline-middle;
    max-width: 90%;
    height: 30px;
    overflow: hidden; }
  .tile-list.list .img-wrap {
    display: none; }
  .tile-list.list .card-block {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    text-align: left; }
    .tile-list.list .card-block:before {
      display: none; }
    .tile-list.list .card-block .label {
      border-bottom: none;
      line-height: 30px;
      min-width: auto; }
    .tile-list.list .card-block .btn.material,
    .tile-list.list .card-block .tab-navigation li {
      position: absolute;
      top: 5px;
      right: 5px;
      min-width: 20px;
      width: 20px;
      height: 20px;
      line-height: 20px !important;
      padding: 0;
      font-size: 14px;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
    .tile-list.list .card-block .tab-navigation {
      display: inline-block;
      vertical-align: top;
      width: 220px;
      position: absolute;
      top: 7px;
      right: 5px;
      text-align: right; }
      .tile-list.list .card-block .tab-navigation li {
        position: initial;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        margin-right: 5px;
        font-size: 14px; }
        .tile-list.list .card-block .tab-navigation li span {
          display: none; }

.dot {
  width: 10px;
  height: 10px;
  margin: 0 2px 0 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #ccc; }
  .dot.a {
    background-color: #4CAF50; }
  .dot.b {
    background-color: #FEC337; }
  .dot.c {
    background-color: #E10404; }

.extend-content {
  position: relative;
  cursor: pointer; }
  .extend-content:before {
    position: absolute;
    content: "\f065";
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    color: #999;
    font-size: 14px;
    font-family: "FontAwesome"; }

#product-param .image-block {
  min-height: 130px; }

#product-param img {
  max-width: 100%;
  max-height: 135px;
  height: auto;
  margin-left: 15px; }

#product-param .crop {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px; }

.card-properties {
  cursor: default; }
  .card-properties.card-properties--windowTable {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .card-properties.custom-scroll {
    max-height: 300px;
    margin-left: -5px;
    margin-right: -5px; }
    .card-properties.custom-scroll .item-prop {
      margin: 5px 0; }
  .card-properties .interim {
    background-color: #f5f5f5; }
  .card-properties .auto-group-wrap {
    min-height: 30px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 0; }
    .card-properties .auto-group-wrap li.rows.info {
      display: block;
      cursor: pointer; }
      .card-properties .auto-group-wrap li.rows.info i {
        line-height: 30px; }
    .card-properties .auto-group-wrap li.rows .cols.item-prop {
      background-color: #fff; }
    .card-properties .auto-group-wrap:hover {
      -webkit-box-shadow: 0 0 6px #999;
      box-shadow: 0 0 6px #999; }
    .card-properties .auto-group-wrap .cols li:nth-child(1) {
      max-width: 25px;
      color: #fff; }
  .card-properties .card {
    margin: 0px -5px;
    padding: 5px;
    border-radius: 0; }
  .card-properties .title {
    display: block;
    text-transform: initial;
    font-size: 14px; }
    .card-properties .title:before {
      position: absolute;
      content: '';
      left: 50%;
      bottom: -10px;
      margin-left: -3px;
      width: 6px;
      height: 6px;
      border-radius: 50%; }
  .card-properties .label {
    text-align: center !important;
    border-bottom: none !important; }
  .card-properties h3.label {
    line-height: 18px; }
  .card-properties .item-prop {
    position: relative;
    text-align: left;
    line-height: 30px;
    min-height: 30px;
    margin: 5px -5px;
    padding: 0 5px;
    font-size: 13px;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    background-color: #fff; }
    .card-properties .item-prop.options {
      padding-left: 30px; }
      .card-properties .item-prop.options b {
        position: absolute;
        top: 50%;
        left: 5px;
        width: 20px;
        height: 20px;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .card-properties .item-prop.options.group:before {
        position: absolute;
        content: '';
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 10px 10px; }
    .card-properties .item-prop.new-place {
      z-index: 100;
      background-color: #f5f5f5; }
    .card-properties .item-prop.header {
      line-height: 40px; }
      .card-properties .item-prop.header span {
        background-color: #f5f5f5;
        padding: 0 4px;
        border-radius: 3px; }
      .card-properties .item-prop.header .form-group label {
        top: 13px; }
    .card-properties .item-prop:hover {
      -webkit-box-shadow: 0 0 6px #999;
      box-shadow: 0 0 6px #999; }
      .card-properties .item-prop:hover .exel-export-list {
        right: 0; }
    .card-properties .item-prop span {
      float: right;
      padding-left: 4px; }
  .card-properties .form-group {
    margin-bottom: 0;
    position: relative; }
    .card-properties .form-group label {
      position: absolute !important;
      top: 8px;
      right: 5px; }
    .card-properties .form-group i {
      font-style: normal;
      display: inline-block;
      width: 89%; }
    .card-properties .form-group span {
      float: none; }
  .card-properties .captioner-item {
    padding: 0px; }
    .card-properties .captioner-item .form-group--dropdown span {
      padding-left: 2px;
      padding-right: 32px !important; }
      .card-properties .captioner-item .form-group--dropdown span i {
        width: 10%;
        margin-right: 5px; }

.dragging,
.item-prop.dragging {
  border-top: 1px dashed #5869c5;
  border-bottom: 1px dashed #5869c5; }

.mob-button {
  position: absolute;
  width: 24px;
  height: 29px;
  cursor: pointer;
  z-index: 1110;
  top: 9px;
  left: 23px; }
  .mob-button p {
    position: absolute;
    top: -2px;
    left: 27px;
    line-height: 32px;
    transition: font-size 0.3s;
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    -o-transition: font-size 0.3s; }
  .mob-button span {
    position: absolute;
    width: 100%;
    left: 0;
    height: 2px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    border-radius: 12px; }
    .mob-button span:nth-child(1) {
      top: 5px; }
    .mob-button span:nth-child(2) {
      top: 13px; }
    .mob-button span:nth-child(3) {
      top: 21px; }
  .mob-button.active p {
    font-size: 0; }
  .mob-button.active span:nth-child(1) {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 13px;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .mob-button.active span:nth-child(2) {
    width: 0; }
  .mob-button.active span:nth-child(3) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 13px;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }

.pagination.light ul.pagination {
  font-size: 0; }
  .pagination.light ul.pagination li.control {
    border: none; }
    .pagination.light ul.pagination li.control:hover a {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .pagination.light ul.pagination li.active a, .pagination.light ul.pagination li:hover a {
    border: none; }
  .pagination.light ul.pagination li a {
    border: none;
    font-size: 16px; }

.pagination ul.pagination {
  margin-top: 20px;
  text-align: center; }
  .pagination ul.pagination li {
    display: inline-block; }
    .pagination ul.pagination li a {
      line-height: 45px;
      width: 45px;
      background-color: #fff;
      border: 1px solid #ccc;
      display: block;
      text-align: center;
      color: #ccc;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }

.login-block {
  position: relative;
  height: calc(100vh - 54px); }
  .login-block img {
    width: 170px; }
  .login-block .login-content {
    position: absolute;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

#equipment-param {
  position: relative; }
  #equipment-param img {
    max-width: 100%;
    max-height: 180px;
    height: auto; }

.absolute-block-equip-sizes {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  font-size: 11px;
  color: #999;
  background-color: transparent;
  text-shadow: 1px -1px 0px #fff;
  z-index: 10; }
  .absolute-block-equip-sizes .icon {
    min-width: 10px;
    display: inline-block;
    text-align: center; }

#equipment-block {
  min-height: 220px; }
  #equipment-block .at-carousel-wrap img {
    max-width: 100%;
    max-height: 155px;
    height: auto; }
  #equipment-block .equipment-param {
    position: relative; }
    #equipment-block .equipment-param .title-light {
      margin-top: 5px;
      text-align: right;
      padding-right: 20px; }
  #equipment-block .card-block.inner {
    padding-bottom: 10px; }
    #equipment-block .card-block.inner .label {
      padding-left: 10px;
      margin-right: -12px;
      padding-right: 10px;
      min-width: 120px !important;
      vertical-align: bottom;
      border: none; }
  #equipment-block .card-properties .item-prop {
    margin: 5px 10px 5px 0; }
  #equipment-block .range-wrap {
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px; }
    #equipment-block .range-wrap .title-light {
      margin-bottom: -15px;
      line-height: 20px; }
      #equipment-block .range-wrap .title-light.absolute {
        position: absolute;
        top: 0;
        right: 5px; }

canvas {
  display: block;
  margin: 0 auto; }

.tip-param .card-block {
  padding: 0; }

#tip-param {
  width: 100%;
  height: 100%;
  position: absolute; }

.container-fluid.canvas-options {
  position: absolute;
  width: 97%;
  z-index: 100;
  padding: 0 15px;
  right: -10px; }
  .container-fluid.canvas-options.top {
    width: 100%;
    padding: 0 10px 0 5px; }
    .container-fluid.canvas-options.top .col-sm-6 {
      padding-left: 0; }
      .container-fluid.canvas-options.top .col-sm-6 .card-block {
        border-radius: 0; }
        .container-fluid.canvas-options.top .col-sm-6 .card-block:before {
          border-radius: 0; }
  .container-fluid.canvas-options.bottom {
    bottom: -40px;
    right: 7px;
    text-align: right;
    padding-left: 22px;
    transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    -o-transition: bottom 0.3s; }
    .container-fluid.canvas-options.bottom.active {
      bottom: 15px; }
    .container-fluid.canvas-options.bottom .col-md-3,
    .container-fluid.canvas-options.bottom .col-sm-3 {
      padding-right: 0;
      padding-left: 10px; }
      .container-fluid.canvas-options.bottom .col-md-3 .card-block,
      .container-fluid.canvas-options.bottom .col-sm-3 .card-block {
        border-radius: 0; }
        .container-fluid.canvas-options.bottom .col-md-3 .card-block:before,
        .container-fluid.canvas-options.bottom .col-sm-3 .card-block:before {
          border-radius: 0; }
      .container-fluid.canvas-options.bottom .col-md-3 .card-block i, .container-fluid.canvas-options.bottom .col-md-3 .card-block span,
      .container-fluid.canvas-options.bottom .col-sm-3 .card-block i,
      .container-fluid.canvas-options.bottom .col-sm-3 .card-block span {
        min-width: 160px; }
      .container-fluid.canvas-options.bottom .col-md-3 .card-block i.fa,
      .container-fluid.canvas-options.bottom .col-sm-3 .card-block i.fa {
        min-width: initial; }
  .container-fluid.canvas-options button.canvasOptions, .container-fluid.canvas-options button.dev-tools {
    position: absolute;
    right: 50px;
    top: -32px;
    width: 40px;
    height: 40px;
    color: #fff;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px; }
  .container-fluid.canvas-options button.dev-tools {
    right: 70px;
    cursor: default;
    top: -38px; }
    .container-fluid.canvas-options button.dev-tools:disabled {
      background-color: #ccc; }
  .container-fluid.canvas-options.dev-tools {
    left: 15px;
    bottom: -365px;
    height: 360px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    -o-transition: bottom 0.3s; }
    .container-fluid.canvas-options.dev-tools pre {
      height: 330px; }
    .container-fluid.canvas-options.dev-tools.active {
      bottom: 30px; }

.popup-content.block .card {
  overflow: visible; }
  .popup-content.block .card .vendor-code {
    position: relative;
    font-size: 12px;
    line-height: 25px;
    margin-top: 5px;
    cursor: default;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 3px;
    height: 27px;
    overflow: hidden; }

.save-popup-content {
  position: relative;
  max-width: 600px;
  min-width: 600px;
  margin: 0 auto;
  min-height: 140px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
  border-radius: 10px; }
  .save-popup-content:before {
    position: absolute;
    content: '';
    top: 0;
    left: -5px;
    width: 10px;
    height: 100%;
    z-index: 100;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .save-popup-content .form-group {
    width: 585px;
    margin-left: 10px;
    margin-bottom: 10px; }
  .save-popup-content .table-list {
    margin-right: 10px; }
    .save-popup-content .table-list li span:first-child {
      width: 60%; }
    .save-popup-content .table-list li span:last-child {
      width: 40%;
      text-align: right;
      padding-right: 20px; }
  .save-popup-content .btn.full {
    width: 100%; }
  .save-popup-content button:not(.mtrBtn):disabled {
    background-color: #ccc;
    border-color: #ccc; }
    .save-popup-content button:not(.mtrBtn):disabled:hover {
      background-color: #ccc;
      color: #fff; }

.table-list {
  padding: 10px 0 0 10px;
  margin-bottom: 10px; }
  .table-list li {
    position: relative;
    font-size: 0;
    background-color: #fff;
    padding-left: 10px; }
    .table-list li:nth-child(even) {
      background-color: #f5f5f5; }
    .table-list li span {
      display: inline-block;
      font-size: 14px;
      width: 50%;
      line-height: 40px; }

.full-height {
  max-height: initial !important;
  height: calc( 100vh - 65px) !important; }
  .full-height.scroll {
    height: calc( 100vh - 160px) !important; }
  .full-height.minus30 {
    height: calc( 100vh - 30px) !important; }
  .full-height.minus75 {
    height: calc( 100vh - 75px) !important; }
  .full-height.minus100 {
    height: calc( 100vh - 100px) !important; }
  .full-height.minus200 {
    height: calc( 100vh - 200px) !important; }
  .full-height.minus250 {
    height: calc( 100vh - 250px) !important; }

.shadow-block {
  position: relative;
  line-height: 30px;
  min-height: 30px;
  padding: 5px;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc; }
  .shadow-block.half {
    display: inline-block;
    width: 49.5%;
    vertical-align: top; }
  .shadow-block.disabled {
    color: #ccc; }
    .shadow-block.disabled * {
      cursor: unset; }
    .shadow-block.disabled input, .shadow-block.disabled label {
      border-color: #ccc; }
    .shadow-block.disabled .subtitle span {
      color: #ccc; }
    .shadow-block.disabled .mtrCheckBox__input:checked + label {
      background-color: #ccc;
      border-color: #ccc; }

.card-block {
  position: relative;
  -webkit-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
  background-color: #fff;
  padding: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
  border-radius: 4px; }
  .card-block.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .card-block.light {
    padding: 0px 0px 0px 5px;
    overflow: visible; }
    .card-block.light:before {
      display: none; }
  .card-block.inner {
    padding: 0px;
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .card-block.inner:before {
      display: none; }
  .card-block.clrp {
    padding: 0; }
  .card-block.small {
    margin: 8px 0 10px;
    padding: 1px;
    padding-left: 15px;
    min-height: 26px; }
    .card-block.small input[type="range"] {
      margin: 0;
      vertical-align: middle;
      display: inline-block; }
    .card-block.small .title-light {
      margin-right: 10px;
      line-height: initial; }
      .card-block.small .title-light input, .card-block.small .title-light label {
        margin-top: -2px; }
      .card-block.small .title-light i {
        line-height: 26px; }
      .card-block.small .title-light span {
        height: auto;
        width: 30px;
        line-height: 26px;
        font-size: 11px;
        border: none;
        text-transform: uppercase;
        text-align: center; }
    .card-block.small .label {
      margin-top: 0;
      margin-left: 10px;
      border-bottom: none;
      min-width: auto;
      font-size: 11px;
      line-height: 26px;
      text-transform: uppercase; }
    .card-block.small .btn-wrap {
      text-align: left; }
    .card-block.small .btn.material {
      width: 30px;
      min-width: 30px;
      height: 30px;
      line-height: 26px;
      margin-top: -2px; }
  .card-block:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 10px;
    height: 99.5%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .card-block .col-md-6 .label {
    min-width: 90px; }
  .card-block .btn-wrap {
    position: relative; }
  .card-block .label {
    min-width: 109px;
    text-align: left;
    border-bottom: 1px solid #ccc; }
  .card-block .content-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%); }
    .card-block .content-wrap img.content-wrap {
      opacity: 0.5;
      top: 50%;
      left: 50%;
      width: auto;
      height: 400px;
      z-index: -1;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
  .card-block .custom-scroll {
    max-height: 220px;
    text-align: left; }
  .card-block .preloader-wrap {
    top: 0;
    height: 100%; }
    .card-block .preloader-wrap .preloader.css {
      margin: -35px auto 0 -20px; }

.basket-products-result .preloader-wrap {
  z-index: 99; }

.basket-products-result .tab-navigation {
  margin-bottom: 0 !important;
  z-index: 100; }

.basket-products-result .card-block {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px; }
  .basket-products-result .card-block .custom-scroll {
    max-height: 200px;
    min-height: auto; }
  .basket-products-result .card-block .drag-dropdown code {
    right: 25px; }
  .basket-products-result .card-block .drag-dropdown .btn-wrap {
    right: 0; }

.basket-products-result:before {
  position: absolute;
  content: '\f07a';
  font-family: 'FontAwesome';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.4;
  font-size: 100px;
  z-index: 1; }

.basket-products-result .search-result {
  position: relative;
  z-index: 11;
  margin-top: 0;
  background-color: #fff; }
  .basket-products-result .search-result .drag {
    margin-left: 0; }

.basket-products-result .medium.btn,
.basket-products-result .double.btn {
  line-height: 24px;
  height: 30px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .basket-products-result .medium.btn.full,
  .basket-products-result .double.btn.full {
    position: absolute;
    bottom: 0;
    left: 0px;
    max-width: 100%; }

.title-light {
  font-size: 11px;
  color: #999;
  line-height: 30px;
  text-transform: uppercase; }
  .title-light input,
  .title-light span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%; }
  .title-light i {
    font-style: normal;
    display: inline-block;
    min-width: 140px;
    text-align: left; }
  .title-light .form-group {
    display: inline-block;
    vertical-align: text-top;
    margin-bottom: 0; }
  .title-light input::-webkit-outer-spin-button,
  .title-light input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.range-wrap.small input[type=range] {
  width: 80px !important; }

.range-wrap.small .range-btn {
  width: 20px;
  height: 20px;
  line-height: 17px;
  font-size: 10px;
  text-align: center;
  padding: 0; }

.range-wrap.small span.label {
  display: block;
  text-align: center;
  border-bottom: none; }

.range-wrap.small.decor-style {
  position: absolute;
  bottom: 40px;
  left: 106px; }

.range-wrap.small.vertical {
  left: 4px;
  bottom: 120px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.range-btn {
  width: 30px;
  height: 30px;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999;
  border-radius: 50%;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s; }
  .range-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .range-btn:disabled {
    background-color: #ccc; }

#navigation-wrap {
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s; }
  #navigation-wrap.hiddenNav .market-edit .cont-wrap h4, #navigation-wrap.hiddenNav .market-edit .cont-wrap .button-list {
    position: initial; }
  #navigation-wrap.hiddenNav .tab-item-wrap {
    display: none; }
  #navigation-wrap.hiddenNav .tab-navigation ul {
    position: absolute;
    top: 0;
    left: 0; }
    #navigation-wrap.hiddenNav .tab-navigation ul li {
      display: block;
      width: auto;
      min-width: 90px;
      padding: 0 5px; }
      #navigation-wrap.hiddenNav .tab-navigation ul li.active {
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none; }
        #navigation-wrap.hiddenNav .tab-navigation ul li.active:before {
          display: none; }
      #navigation-wrap.hiddenNav .tab-navigation ul li:first-child {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 10px; }
      #navigation-wrap.hiddenNav .tab-navigation ul li:last-child {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 0 !important; }
  #navigation-wrap .market-edit #editPropertyDir {
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    z-index: 0;
    top: 6px;
    left: 12px; }
    #navigation-wrap .market-edit #editPropertyDir input {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      padding: 0;
      width: 176px !important; }
    #navigation-wrap .market-edit #editPropertyDir span {
      display: none; }
  #navigation-wrap .legend {
    position: absolute;
    top: -45px;
    right: 0px;
    width: 100%;
    cursor: default;
    padding: 1px 40px 1px 5px;
    z-index: 100;
    font-size: 14px;
    line-height: 42px;
    text-align: right;
    -webkit-box-shadow: 0 0 8px #ccc;
    box-shadow: 0 0 8px #ccc;
    overflow: hidden; }
    #navigation-wrap .legend p {
      color: #666;
      display: inline-block;
      font-size: 12px;
      line-height: 12px;
      text-align: center;
      vertical-align: middle;
      padding-left: 65px; }
    #navigation-wrap .legend span {
      display: block; }
    #navigation-wrap .legend:hover {
      overflow: visible; }
      #navigation-wrap .legend:hover ul {
        right: 0; }

#canvas-wrap {
  padding-left: 5px !important;
  position: relative;
  margin-top: -45px;
  overflow: hidden;
  transition: width 0.3s;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s; }
  #canvas-wrap .axis-x {
    position: absolute;
    bottom: 10px;
    left: 20px; }
  #canvas-wrap .canvas-options.top .col-md-6 {
    padding: 0 10px; }
  #canvas-wrap .canvas-options.top .btn.material,
  #canvas-wrap .canvas-options.top button {
    width: 20px;
    min-width: 20px;
    line-height: 21px;
    height: 20px;
    padding: 0;
    font-size: 12px; }
  #canvas-wrap.small-resize .canvas-options.bottom .title-light i {
    display: none; }
  #canvas-wrap.small-resize .canvas-options.bottom .btn-wrap .label {
    display: none; }
  #canvas-wrap.medium-resize .canvas-options.bottom .title-light i {
    font-size: 8px !important; }
  #canvas-wrap.medium-resize .canvas-options.bottom .btn-wrap .label {
    font-size: 8px !important; }
  #canvas-wrap .canvas-options.bottom .title-light {
    text-align: left; }
    #canvas-wrap .canvas-options.bottom .title-light i {
      font-size: 10px;
      display: inline-block;
      line-height: 24px;
      min-width: 95px !important; }
    #canvas-wrap .canvas-options.bottom .title-light .form-group {
      position: absolute;
      top: 5px;
      right: 8px; }
  #canvas-wrap .canvas-options.bottom .btn-wrap {
    line-height: 20px; }
    #canvas-wrap .canvas-options.bottom .btn-wrap .label {
      margin-left: 0;
      min-width: 95px;
      font-size: 10px;
      line-height: 16px; }
    #canvas-wrap .canvas-options.bottom .btn-wrap button {
      position: absolute;
      top: 4px;
      right: 8px;
      min-width: 20px;
      width: 20px;
      height: 20px;
      padding: 0;
      line-height: 21px;
      font-size: 12px; }
  #canvas-wrap.medium-resize .canvas-options.top .card-block.small .title-light,
  #canvas-wrap.medium-resize .canvas-options.top .card-block.small .label.material,
  #canvas-wrap.medium-resize .canvas-options.top .card-block.small .btn.material, #canvas-wrap.small-resize .canvas-options.top .card-block.small .title-light,
  #canvas-wrap.small-resize .canvas-options.top .card-block.small .label.material,
  #canvas-wrap.small-resize .canvas-options.top .card-block.small .btn.material {
    display: none !important; }
  #canvas-wrap.small-resize .canvas-options.top {
    width: 94%; }
    #canvas-wrap.small-resize .canvas-options.top .btn.material {
      width: 20px;
      min-width: 20px;
      line-height: 21px;
      height: 20px;
      padding: 0;
      font-size: 14px; }
    #canvas-wrap.small-resize .canvas-options.top .range-btn {
      width: 20px;
      height: 20px;
      line-height: 21px;
      font-size: 14px;
      padding: 0;
      margin-top: 5px; }
    #canvas-wrap.small-resize .canvas-options.top .range-wrap input[type=range] {
      width: 130px; }

.show-info {
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 22px;
  color: #fff;
  z-index: 98;
  text-align: center; }
  .show-info.left {
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px; }
  .show-info.right {
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px; }
  .show-info.top {
    border-top-left-radius: 23px;
    border-top-right-radius: 23px; }

#object-info, .object-info {
  position: absolute;
  bottom: 52px;
  right: -320px;
  width: 315px;
  min-height: 250px;
  z-index: 10;
  transition: right 0.5s;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -o-transition: right 0.5s; }
  #object-info.container-panel, .object-info.container-panel {
    width: 150px;
    right: -127px;
    top: 50px;
    bottom: initial;
    min-height: 30px;
    z-index: 1000; }
    #object-info.container-panel button.show-info, .object-info.container-panel button.show-info {
      left: 0px;
      top: 0px; }
    #object-info.container-panel .select.active, .object-info.container-panel .select.active {
      overflow: visible; }
    #object-info.container-panel .exel-export-list, .object-info.container-panel .exel-export-list {
      width: 150px; }
      #object-info.container-panel .exel-export-list.active, .object-info.container-panel .exel-export-list.active {
        right: 40px;
        top: 35px; }
  #object-info canvas, .object-info canvas {
    border-color: #fff;
    border-radius: 10px; }
  #object-info .show-filters,
  #object-info .show-info, .object-info .show-filters,
  .object-info .show-info {
    position: absolute;
    top: 45px;
    left: -27px;
    width: 27px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 12px;
    color: #fff;
    border-radius: 0;
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px; }
    #object-info .show-filters .exel-export-list,
    #object-info .show-info .exel-export-list, .object-info .show-filters .exel-export-list,
    .object-info .show-info .exel-export-list {
      top: 0;
      left: 200px; }
  #object-info .show-filters:hover .exel-export-list, .object-info .show-filters:hover .exel-export-list {
    left: 27px; }
  #object-info .show-info, .object-info .show-info {
    top: 10px; }
    #object-info .show-info.active i, .object-info .show-info.active i {
      -webkit-transition: -webkit-transform 0.6s;
      transition: -webkit-transform 0.6s;
      transition: transform 0.6s;
      transition: transform 0.6s, -webkit-transform 0.6s;
      -webkit-transition: transform 0.6s;
      -moz-transition: transform 0.6s;
      -o-transition: transform 0.6s;
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg); }
    #object-info .show-info:disabled, .object-info .show-info:disabled {
      background-color: #ccc; }
    #object-info .show-info span, .object-info .show-info span {
      position: absolute;
      top: 0;
      left: 25px;
      width: 150px;
      min-height: 25px; }
  #object-info img, .object-info img {
    height: 115px;
    margin-top: 20px; }
  #object-info.active, .object-info.active {
    right: 15px; }
  #object-info .title-light, .object-info .title-light {
    max-width: 200px;
    margin: 0 auto;
    margin-top: 5px;
    text-align: right; }
    #object-info .title-light i, .object-info .title-light i {
      text-align: left;
      min-width: 110px; }
    #object-info .title-light span, #object-info .title-light .btn, .object-info .title-light span, .object-info .title-light .btn {
      text-align: center; }
  #object-info .card-block, .object-info .card-block {
    min-height: 250px; }
    #object-info .card-block:before, .object-info .card-block:before {
      display: none; }
    #object-info .card-block input[type="range"], .object-info .card-block input[type="range"] {
      width: 190px; }
    #object-info .card-block .axis-x, .object-info .card-block .axis-x {
      position: absolute;
      bottom: 9px !important;
      left: 50px !important; }
    #object-info .card-block .axis-y, .object-info .card-block .axis-y {
      left: -100px !important;
      top: 118px !important;
      position: absolute;
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg); }
  #object-info.tool-panel, .object-info.tool-panel {
    width: 150px;
    right: -127px;
    top: 50px;
    bottom: initial;
    min-height: 30px;
    z-index: 1000; }
    #object-info.tool-panel .select, .object-info.tool-panel .select {
      right: 0;
      min-width: 150px;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: right 0.3s;
      -o-transition: right 0.3s;
      transition: right 0.3s; }
      #object-info.tool-panel .select:hover, .object-info.tool-panel .select:hover {
        right: 125px; }
      #object-info.tool-panel .select:before, .object-info.tool-panel .select:before {
        content: '';
        top: 15px;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: transparent;
        z-index: 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      #object-info.tool-panel .select > span, .object-info.tool-panel .select > span {
        color: #fff;
        line-height: 30px;
        display: block;
        padding-left: 8px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px; }
        #object-info.tool-panel .select > span i, .object-info.tool-panel .select > span i {
          margin-right: 10px; }
      #object-info.tool-panel .select > ul, .object-info.tool-panel .select > ul {
        top: 35px;
        width: 150px; }
    #object-info.tool-panel.active, .object-info.tool-panel.active {
      right: 0; }
    #object-info.tool-panel .card-block, .object-info.tool-panel .card-block {
      min-height: 100px;
      padding: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
    #object-info.tool-panel .tool, .object-info.tool-panel .tool {
      width: 50px;
      height: 50px;
      color: #fff;
      font-size: 22px;
      text-align: center;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
      #object-info.tool-panel .tool:hover, .object-info.tool-panel .tool:hover {
        background-color: #111; }
      #object-info.tool-panel .tool.active, .object-info.tool-panel .tool.active {
        background-color: #fff; }
      #object-info.tool-panel .tool span, .object-info.tool-panel .tool span {
        cursor: pointer; }
      #object-info.tool-panel .tool img, .object-info.tool-panel .tool img {
        width: 60%;
        height: auto;
        margin-top: 5px; }
  #object-info .reference-image img, .object-info .reference-image img {
    max-height: 115px;
    height: auto;
    max-width: 100%; }
  #object-info .reference-image .title-light, .object-info .reference-image .title-light {
    text-align: center;
    line-height: 20px; }
  #object-info .reference-image .file-wrap, .object-info .reference-image .file-wrap {
    position: initial;
    margin-right: 10px;
    padding: 0; }
  #object-info .reference-image .form-group, .object-info .reference-image .form-group {
    margin-bottom: 0;
    margin-top: 30px; }
  #object-info .button-list, .object-info .button-list {
    top: 10px; }
  #object-info .param-list, .object-info .param-list {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 280px;
    margin-left: -130px; }
    #object-info .param-list li, .object-info .param-list li {
      display: inline-block;
      vertical-align: top;
      font-size: 12px;
      position: relative;
      text-align: left;
      padding: 0 2px; }
      #object-info .param-list li.title-light, .object-info .param-list li.title-light {
        margin-top: 0;
        margin-bottom: -5px;
        position: relative;
        text-transform: lowercase; }
        #object-info .param-list li.title-light i, .object-info .param-list li.title-light i {
          min-width: 10px; }
      #object-info .param-list li.block, .object-info .param-list li.block {
        display: block;
        text-align: center;
        padding: 0; }
        #object-info .param-list li.block span, .object-info .param-list li.block span {
          border-bottom: none;
          margin: 0;
          text-align: center;
          margin-left: -30px;
          line-height: 20px; }
      #object-info .param-list li i, .object-info .param-list li i {
        color: #666;
        font-style: normal;
        line-height: 15px; }
      #object-info .param-list li input, .object-info .param-list li input {
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 0 !important;
        text-align: center;
        border-bottom: 1px solid #ccc !important; }
      #object-info .param-list li input[disabled], .object-info .param-list li input[disabled] {
        background-color: #fff;
        opacity: 0.5; }
  #object-info .deg-slider, .object-info .deg-slider {
    width: 180px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 10px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%); }
  #object-info #storeImage, .object-info #storeImage {
    position: absolute;
    cursor: auto;
    margin: 0px; }
  #object-info .navigation-equip .dots-wrap, .object-info .navigation-equip .dots-wrap {
    width: 47%;
    bottom: 21px;
    left: 137px;
    z-index: 1; }
    #object-info .navigation-equip .dots-wrap .carousel-dot, .object-info .navigation-equip .dots-wrap .carousel-dot {
      width: 8px;
      height: 8px; }

.tip-options {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .tip-options.active {
    opacity: 1;
    z-index: 1000; }
  .tip-options .range-btn {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    padding: 0; }

.line-info {
  position: absolute;
  z-index: 1;
  height: 2px;
  width: 40px;
  text-align: center;
  color: #111;
  font-family: 'OpenSansBold';
  font-size: 12px;
  line-height: 1px;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left; }
  .line-info:before, .line-info:after {
    position: absolute;
    content: '';
    top: 50%;
    width: 38%;
    height: 1px;
    border-bottom: 1px dashed #111; }
  .line-info:before {
    left: 0; }
  .line-info:after {
    right: 0; }

.wall-length {
  position: absolute;
  height: 12px;
  border-top: 1px dashed #111;
  border-left: 1px solid #111;
  border-right: 1px solid #111; }
  .wall-length:before {
    position: absolute;
    content: attr(data-length);
    left: 50%;
    top: -20px;
    font-size: 12px;
    color: #111;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%); }
  .wall-length.prew {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    border-left-color: #009788; }
  .wall-length.next {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    border-right-color: #009788; }

.danger {
  position: absolute;
  left: -110%;
  bottom: -1px;
  width: 100%;
  line-height: 42px;
  font-size: 14px;
  color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  transition: left 0.3s;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s; }
  .danger.active {
    left: -10px; }

.extend-tooltip {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 1000;
  width: 300px;
  padding: 10px 10px;
  font-size: 14px;
  text-align: center;
  color: #666;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px #ccc;
  box-shadow: 0 1px 3px #ccc;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s; }
  .extend-tooltip .btn {
    width: auto; }
  .extend-tooltip .close-tooltip {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #666;
    line-height: 20px;
    background-color: transparent; }
  .extend-tooltip img {
    position: absolute;
    max-width: 50px; }
    .extend-tooltip img.tl {
      top: 4px;
      left: 4px; }
    .extend-tooltip img.br {
      bottom: 4px;
      right: 4px;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.disable-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  z-index: -1; }

.log-info,
.canvas-error {
  position: absolute;
  z-index: 10001;
  top: 70px;
  right: -100%;
  min-width: 360px;
  max-width: 500px;
  padding: 0 10px;
  line-height: 42px;
  text-align: center;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s; }
  .log-info.active,
  .canvas-error.active {
    right: 0px; }
  .log-info .tooltip-icon,
  .canvas-error .tooltip-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    right: 15px; }

.log-info {
  top: 120px;
  background-color: #54BEEA;
  font-size: 12px;
  z-index: 10001; }
  .log-info div {
    text-align: left; }
    .log-info div p {
      display: inline-block;
      margin-right: 5px; }
      .log-info div p span {
        font-size: 14px; }
  .log-info .btn {
    height: 35px;
    min-width: 145px;
    line-height: 30px;
    margin-left: 5px;
    background-color: #111;
    border-color: #111; }

.buttons-nav {
  font-size: 0;
  margin: -10px -20px 10px; }
  .buttons-nav.long {
    margin-top: 10px !important;
    z-index: 90 !important; }
    .buttons-nav.long button {
      display: block;
      width: 100%; }
    .buttons-nav.long.absolute {
      position: absolute;
      bottom: -1px;
      left: 0;
      margin: 0;
      width: 100%;
      z-index: 100; }
  .buttons-nav button {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #fff;
    font-size: 9px;
    width: 50%;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 30px;
    -webkit-box-shadow: 0 1px 3px #111;
    box-shadow: 0 1px 3px #111;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s; }
  .buttons-nav .tab-navigation {
    margin-top: 0 !important; }
    .buttons-nav .tab-navigation ul li {
      border-radius: 0 !important;
      line-height: 30px; }

.side-tabs-wrap {
  position: relative;
  z-index: 99; }
  .side-tabs-wrap .card-block {
    z-index: 1; }
  .side-tabs-wrap ul.navigation {
    position: absolute;
    bottom: -35px;
    left: 7px;
    font-size: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    width: 100vh;
    text-align: left;
    z-index: 10;
    -webkit-transition: bottom 0.2s;
    -o-transition: bottom 0.2s;
    transition: bottom 0.2s; }
    .side-tabs-wrap ul.navigation:hover {
      bottom: -49px; }
      .side-tabs-wrap ul.navigation:hover li {
        height: 43px;
        padding-top: 19px; }
    .side-tabs-wrap ul.navigation li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      font-size: 10px;
      padding: 0px 10px;
      height: 15px;
      text-transform: uppercase;
      cursor: pointer;
      color: #fff;
      text-align: center;
      width: 47vh;
      -webkit-box-shadow: 0 -1px 3px #111;
      box-shadow: 0 -1px 3px #111;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .side-tabs-wrap ul.navigation li.active:before {
        position: absolute;
        content: '';
        left: 50%;
        margin-left: -4px;
        bottom: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0;
        border-color: transparent; }
      .side-tabs-wrap ul.navigation li:first-child {
        border-bottom-left-radius: 10px; }
      .side-tabs-wrap ul.navigation li:last-child {
        border-bottom-right-radius: 10px; }

.hiddenNav .tab-navigation.bottom,
.hiddenNav .card-block.inner,
.hiddenNav .card-block.editing-store {
  display: none; }

.hiddenNav .card-block.super-market-wrap {
  background-color: transparent; }

.tab-navigation {
  text-align: center;
  z-index: 99;
  position: relative; }
  .tab-navigation.top {
    margin-top: 5px;
    margin-bottom: -10px; }
    .tab-navigation.top ul li:not(.active--permission):first-child {
      border-top-left-radius: 4px; }
    .tab-navigation.top ul li:not(.active--permission):last-child {
      border-top-right-radius: 4px; }
  .tab-navigation.bottom {
    margin-top: -10px;
    margin-bottom: 8px; }
    .tab-navigation.bottom ul li {
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: background-color 0.2s ease-in-out;
      -o-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out; }
      .tab-navigation.bottom ul li:before {
        bottom: initial;
        top: -7px;
        border-width: 0 8px 8px;
        border-color: transparent; }
      .tab-navigation.bottom ul li:first-child {
        border-bottom-left-radius: 4px; }
      .tab-navigation.bottom ul li:last-child {
        border-bottom-right-radius: 4px; }
      .tab-navigation.bottom ul li.active {
        -webkit-box-shadow: 0 1px 3px #111;
        box-shadow: 0 1px 3px #111; }
      .tab-navigation.bottom ul li.disabled {
        pointer-events: none;
        background-color: #ccc; }
  .tab-navigation.long ul li {
    display: block;
    width: 100%; }
  .tab-navigation.five ul li {
    width: 20%; }
  .tab-navigation.four ul li {
    width: 25%; }
  .tab-navigation.three ul li {
    width: 33.33%; }
  .tab-navigation ul {
    font-size: 0; }
    .tab-navigation ul li {
      position: relative;
      color: #fff;
      display: inline-block;
      vertical-align: top;
      font-size: 9px;
      width: 50%;
      text-transform: uppercase;
      cursor: pointer;
      line-height: 30px;
      -webkit-box-shadow: 0 1px 3px #111;
      box-shadow: 0 1px 3px #111;
      -webkit-transition: -webkit-box-shadow 0.2s;
      transition: -webkit-box-shadow 0.2s;
      transition: box-shadow 0.2s;
      transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
      -webkit-transition: box-shadow 0.2s;
      -moz-transition: box-shadow 0.2s;
      -o-transition: box-shadow 0.2s; }
      .tab-navigation ul li:before {
        position: absolute;
        content: '';
        left: 50%;
        margin-left: -4px;
        bottom: -7px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        border-color: transparent transparent transparent transparent; }
      .tab-navigation ul li.active {
        -webkit-box-shadow: 0 -1px 3px #111;
        box-shadow: 0 -1px 3px #111; }
      .tab-navigation ul li button {
        background-color: transparent;
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase; }
        .tab-navigation ul li button:disabled {
          background-color: #ccc; }

.btn.close-list {
  position: absolute;
  top: 5px;
  right: 3px;
  z-index: 100; }

.editing-store {
  min-height: 235px;
  overflow: visible; }
  .editing-store .buttons-wrap.buttons-nav {
    width: 100%;
    position: absolute;
    bottom: -13px; }
  .editing-store .card-block.inner {
    padding: 0; }

footer {
  background-color: #54BEEA;
  min-height: 50px;
  color: #fff;
  position: absolute;
  margin-top: 40px;
  bottom: 0;
  left: 0;
  width: 100%; }
  footer .copy {
    position: absolute;
    min-height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 50px; }
    footer .copy a {
      color: #fff; }
      footer .copy a:hover {
        text-decoration: underline; }
    footer .copy .dev {
      position: absolute;
      right: 0;
      bottom: -45px;
      width: 150px;
      height: 40px;
      padding-left: 24px;
      background-image: url(../img/copy.png);
      background-repeat: no-repeat;
      background-position: center left;
      line-height: 14px !important;
      background-size: 20px;
      font-size: 10px;
      padding-top: 5px; }
      footer .copy .dev span {
        display: block; }

.tree-data span:nth-child(0) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 0px;
  padding-left: 10px; }
  .tree-data span:nth-child(0):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(1) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 10px;
  padding-left: 10px; }
  .tree-data span:nth-child(1):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(2) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 20px;
  padding-left: 10px; }
  .tree-data span:nth-child(2):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(3) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 30px;
  padding-left: 10px; }
  .tree-data span:nth-child(3):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(4) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 40px;
  padding-left: 10px; }
  .tree-data span:nth-child(4):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(5) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 50px;
  padding-left: 10px; }
  .tree-data span:nth-child(5):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(6) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 60px;
  padding-left: 10px; }
  .tree-data span:nth-child(6):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(7) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 70px;
  padding-left: 10px; }
  .tree-data span:nth-child(7):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(8) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 80px;
  padding-left: 10px; }
  .tree-data span:nth-child(8):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:nth-child(9) {
  display: block;
  position: relative;
  line-height: 18px;
  min-height: 18px;
  margin-left: 90px;
  padding-left: 10px; }
  .tree-data span:nth-child(9):before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -10px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; }

.tree-data span:last-child:before {
  display: none; }

.dynamic-ruler {
  position: absolute;
  height: 1px;
  border-bottom: 1px dashed #FE6246;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left; }
  .dynamic-ruler:before {
    position: absolute;
    content: '';
    top: -4px;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FE6246; }
  .dynamic-ruler:after {
    position: absolute;
    content: '';
    top: -4px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FE6246; }
  .dynamic-ruler .dynamic-ruler-info {
    position: absolute;
    border-radius: 50%;
    border: 1px dashed #111;
    background-color: transparent;
    z-index: -1; }

.save-button.ruller:hover {
  overflow: hidden; }

.save-button.ruller.active {
  overflow: visible; }

.ruler-left {
  position: absolute;
  top: 0;
  left: 0px;
  min-height: 100%;
  width: 20px;
  z-index: 97;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #f5f5f5; }
  .ruler-left ul.rulerScale li {
    background-repeat: no-repeat;
    background-size: 100% 17px;
    background-position: 0 1px; }
    .ruler-left ul.rulerScale li ol li {
      display: block;
      height: 10%; }
  .ruler-left ul.maxScale .thirdLevel {
    display: block; }
  .ruler-left ul li {
    font-size: 10px;
    position: relative;
    line-height: 20px;
    height: 50px; }
    .ruler-left ul li:before {
      position: absolute;
      content: '';
      right: -10px;
      top: 1px;
      background-color: #111;
      width: 10px;
      height: 1px; }
    .ruler-left ul li span {
      position: absolute;
      top: -8px;
      left: 0px; }
    .ruler-left ul li ol {
      padding: 0;
      margin: 0;
      list-style-type: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .ruler-left ul li ol.thirdLevel {
        display: none; }
        .ruler-left ul li ol.thirdLevel li:after {
          color: #999; }
      .ruler-left ul li ol li {
        position: absolute;
        display: none;
        left: 0; }
        .ruler-left ul li ol li:nth-child(5) {
          display: block; }
      .ruler-left ul li ol li:nth-child(0) {
        top: 0%; }
        .ruler-left ul li ol li:nth-child(0):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(0):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(1) {
        top: 10%; }
        .ruler-left ul li ol li:nth-child(1):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(1):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(2) {
        top: 20%; }
        .ruler-left ul li ol li:nth-child(2):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(2):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(3) {
        top: 30%; }
        .ruler-left ul li ol li:nth-child(3):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(3):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(4) {
        top: 40%; }
        .ruler-left ul li ol li:nth-child(4):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(4):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(5) {
        top: 50%; }
        .ruler-left ul li ol li:nth-child(5):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(5):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(6) {
        top: 60%; }
        .ruler-left ul li ol li:nth-child(6):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(6):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(7) {
        top: 70%; }
        .ruler-left ul li ol li:nth-child(7):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(7):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(8) {
        top: 80%; }
        .ruler-left ul li ol li:nth-child(8):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(8):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }
      .ruler-left ul li ol li:nth-child(9) {
        top: 90%; }
        .ruler-left ul li ol li:nth-child(9):before {
          right: -4px;
          width: 5px;
          background-color: #999; }
        .ruler-left ul li ol li:nth-child(9):after {
          position: absolute;
          content: attr(data-number);
          top: -9px;
          left: 7px; }

.ruler-wrap-b {
  position: absolute;
  height: 40px;
  left: 5px;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc; }

.ruler-bottom {
  position: absolute;
  left: 10px;
  background-color: #f5f5f5;
  bottom: 0;
  min-width: 100%;
  height: 20px; }
  .ruler-bottom ul.rulerScale li {
    background-repeat: no-repeat;
    background-size: 100% 17px;
    background-position: 0 1px; }
    .ruler-bottom ul.rulerScale li ol li {
      display: block;
      width: 10%; }
  .ruler-bottom ul.maxScale .thirdLevel {
    display: block; }
  .ruler-bottom ul li {
    font-size: 10px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: 50px; }
    .ruler-bottom ul li:first-child:before {
      display: none; }
    .ruler-bottom ul li:first-child span {
      left: 0; }
    .ruler-bottom ul li:before {
      position: absolute;
      content: '';
      left: -2px;
      top: -10px;
      background-color: #111;
      width: 1px;
      height: 10px; }
    .ruler-bottom ul li span {
      position: absolute;
      bottom: 0px;
      left: -4px;
      background-color: #f5f5f5;
      z-index: 1; }
    .ruler-bottom ul li ol {
      padding: 0;
      margin: 0;
      list-style-type: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .ruler-bottom ul li ol.thirdLevel {
        display: none; }
      .ruler-bottom ul li ol li {
        position: absolute;
        left: 0;
        display: none; }
        .ruler-bottom ul li ol li:nth-child(5) {
          display: block; }
      .ruler-bottom ul li ol li:nth-child(0) {
        left: 0%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(0):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(0):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(1) {
        left: 10%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(1):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(1):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(2) {
        left: 20%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(2):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(2):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(3) {
        left: 30%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(3):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(3):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(4) {
        left: 40%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(4):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(4):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(5) {
        left: 50%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(5):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(5):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(6) {
        left: 60%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(6):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(6):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(7) {
        left: 70%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(7):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(7):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(8) {
        left: 80%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(8):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(8):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }
      .ruler-bottom ul li ol li:nth-child(9) {
        left: 90%;
        width: 10%; }
        .ruler-bottom ul li ol li:nth-child(9):before {
          display: block;
          top: initial;
          bottom: -1px;
          width: 1px;
          height: 5px;
          background-color: #999; }
        .ruler-bottom ul li ol li:nth-child(9):after {
          position: absolute;
          content: attr(data-number);
          bottom: 2px;
          left: -9px; }

.nearby, .equipRuler {
  position: absolute; }
  .nearby.left, .equipRuler.left {
    bottom: 21px;
    width: 2px;
    height: 20px; }
    .nearby.left:before, .equipRuler.left:before {
      position: absolute;
      content: '';
      bottom: -2px;
      left: -4px;
      width: 0;
      height: 0;
      z-index: 10;
      border-style: solid;
      border-width: 0 5px 10px 5px;
      border-color: transparent transparent #009788 transparent; }
  .nearby.top, .equipRuler.top {
    left: 21px;
    width: 20px;
    height: 2px; }
    .nearby.top:before, .equipRuler.top:before {
      position: absolute;
      content: '';
      top: -4px;
      left: -2px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 10px;
      border-color: transparent transparent transparent #009788;
      z-index: 98; }

.mainRulerTip {
  position: absolute; }
  .mainRulerTip.left {
    bottom: 21px;
    width: 2px;
    height: 30px; }
    .mainRulerTip.left:before {
      position: absolute;
      content: '';
      bottom: 0px;
      left: -4px;
      width: 0;
      height: 0;
      z-index: 10;
      border-style: solid;
      border-width: 0 5px 10px 5px;
      border-color: transparent transparent #111 transparent; }
  .mainRulerTip.top {
    left: 21px;
    width: 30px;
    height: 2px; }
    .mainRulerTip.top:before {
      position: absolute;
      content: '';
      top: -4px;
      left: -2px;
      width: 0;
      height: 0;
      z-index: 98;
      border-style: solid;
      border-width: 5px 0 5px 10px;
      border-color: transparent transparent transparent #111; }

.sectional-drawing {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  .sectional-drawing span {
    position: absolute;
    bottom: -7px;
    width: 15px;
    height: 10px; }
    .sectional-drawing span:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      z-index: 98;
      border-style: solid; }
  .sectional-drawing.top {
    left: 27px;
    width: 20px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    border-right: 1px dashed #111; }
    .sectional-drawing.top:before {
      position: absolute;
      content: attr(data-length);
      top: 50%;
      left: 24px;
      width: 50px;
      font-size: 12px;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%); }
    .sectional-drawing.top.black span:before {
      border-color: transparent transparent transparent #111; }
    .sectional-drawing.top span:first-child {
      top: -6px;
      right: 12px; }
    .sectional-drawing.top span:last-child {
      bottom: -6px;
      right: 12px; }
    .sectional-drawing.top span:before {
      border-width: 5px 0 5px 10px;
      border-color: transparent transparent transparent #009788; }
    .sectional-drawing.top.count:after {
      position: absolute;
      content: attr(data-count);
      right: -8px;
      top: -20px;
      width: 15px;
      height: 15px;
      background-color: #111;
      color: #fff;
      line-height: 15px;
      font-size: 12px;
      text-align: center;
      border-radius: 50%; }
    .sectional-drawing.top.next {
      left: 20px; }
  .sectional-drawing.left {
    bottom: 28px;
    height: 20px;
    border-top: 1px dashed #111;
    border-left: 1px solid #111;
    border-right: 1px solid #111; }
    .sectional-drawing.left:before {
      position: absolute;
      content: attr(data-length);
      left: 50%;
      top: -20px;
      width: 56px;
      font-size: 12px;
      text-align: center;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%); }
    .sectional-drawing.left.black span:before {
      border-color: transparent transparent #111; }
    .sectional-drawing.left span:first-child {
      left: -6px; }
    .sectional-drawing.left span:last-child {
      right: -10px; }
    .sectional-drawing.left span:before {
      border-width: 0 5px 10px;
      border-color: transparent transparent #009788; }
    .sectional-drawing.left.count:after {
      position: absolute;
      content: attr(data-count);
      right: -17px;
      top: -17px;
      width: 15px;
      height: 15px;
      background-color: #111;
      color: #fff;
      line-height: 15px;
      font-size: 12px;
      text-align: center;
      border-radius: 50%; }
    .sectional-drawing.left.next {
      bottom: 19px; }
  .sectional-drawing.options:before {
    left: -45px; }
  .sectional-drawing.options.top {
    border-left: 1px dashed #111;
    border-right: none;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  .sectional-drawing.options span {
    right: 0 !important; }
    .sectional-drawing.options span:before {
      left: 5px;
      border-width: 5px 10px 5px 0;
      border-color: transparent #009788 transparent transparent; }
  .sectional-drawing.multiple {
    border-top-color: transparent;
    border-bottom-color: transparent; }
    .sectional-drawing.multiple:before {
      left: -45px; }
    .sectional-drawing.multiple.top {
      border-left: 1px dashed #111;
      border-right: none;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px); }
    .sectional-drawing.multiple span:after {
      position: absolute;
      content: '';
      top: 50%;
      right: 0;
      width: 100%;
      height: 1px;
      background-color: #111; }
    .sectional-drawing.multiple span:before {
      right: 0;
      left: initial;
      border-width: 5px 10px 5px 0;
      border-color: transparent #009788 transparent transparent; }

.timelinesSales {
  position: absolute;
  top: -80px;
  left: 10%;
  width: 80%;
  height: 36px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
  z-index: 10;
  border-radius: 10px;
  transition: top 0.3s;
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s; }
  .timelinesSales.active {
    top: 80px; }
  .timelinesSales .button-wrap {
    position: absolute;
    width: 90px;
    top: -28px;
    left: -45px;
    height: 90px;
    border: 23px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    z-index: -1;
    border-radius: 50%; }
    .timelinesSales .button-wrap .close {
      position: absolute;
      color: #fff;
      background-color: transparent;
      left: -22px;
      top: 8px; }
    .timelinesSales .button-wrap .bottom {
      position: absolute;
      bottom: -25px;
      left: 7px;
      background-color: transparent;
      color: #FE6246; }
    .timelinesSales .button-wrap .play.filterSale {
      position: absolute;
      top: 0px;
      left: -1px;
      width: 45px;
      height: 45px;
      background-color: #fff;
      -webkit-box-shadow: 0 0 8px #ccc;
      box-shadow: 0 0 8px #ccc;
      border-radius: 50%;
      -webkit-transition: -webkit-box-shadow 0.3s;
      transition: -webkit-box-shadow 0.3s;
      transition: box-shadow 0.3s;
      transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
      -webkit-transition: box-shadow 0.3s;
      -moz-transition: box-shadow 0.3s;
      -o-transition: box-shadow 0.3s; }
      .timelinesSales .button-wrap .play.filterSale:hover {
        -webkit-box-shadow: 0 0 2px #ccc;
        box-shadow: 0 0 2px #ccc; }
      .timelinesSales .button-wrap .play.filterSale i.fa.active:before {
        content: '\f04c'; }
  .timelinesSales input[type=range] {
    width: 96% !important; }
  .timelinesSales .day-list {
    width: 96%;
    margin: 0 auto;
    position: relative; }
    .timelinesSales .day-list li {
      position: absolute;
      top: 0;
      text-align: left;
      padding-top: 15px; }
      .timelinesSales .day-list li:first-child span {
        left: 0; }
      .timelinesSales .day-list li span {
        display: inline-block;
        font-size: 12px;
        text-align: right;
        width: 60px;
        position: absolute;
        bottom: -23px;
        padding-left: 5px;
        border-bottom: 1px solid #ccc;
        -ms-transform: rotate(55deg);
        transform: rotate(55deg);
        -webkit-transform: rotate(55deg);
        -moz-transform: rotate(55deg);
        -o-transform: rotate(55deg); }

.material-radio .label {
  vertical-align: top; }

.container-edit-panel {
  position: absolute;
  top: 85px;
  right: -180px;
  width: 30px;
  height: 100px;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s; }
  .container-edit-panel.active {
    right: 5px; }

.clone-circle {
  position: absolute;
  top: 80px;
  right: -180px;
  width: 90px;
  height: 90px;
  background-color: #fff;
  border-top-color: #fff !important;
  border-bottom-color: #fff !important;
  z-index: 100;
  border-radius: 50%;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  -moz-transition: right 0.3s;
  -o-transition: right 0.3s; }
  .clone-circle.active {
    right: 10px; }
  .clone-circle button {
    position: absolute;
    background-color: transparent; }
    .clone-circle button:nth-child(1) {
      top: 8px;
      left: -20px;
      color: #fff; }
    .clone-circle button:nth-child(2) {
      top: 8px;
      right: -20px;
      color: #fff; }
    .clone-circle button:nth-child(3) {
      top: -25px;
      left: 10px; }
    .clone-circle button:nth-child(4) {
      bottom: -25px;
      left: 10px; }
    .clone-circle button.remove-product {
      width: 25px;
      height: 25px;
      right: -32px;
      top: 52px;
      font-size: 16px;
      line-height: 15px;
      border-radius: 50%;
      padding: 0;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 1px #ccc;
      box-shadow: 0 1px 1px #ccc; }
  .clone-circle .z-extend {
    position: absolute;
    top: -2px;
    left: -3px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1; }
    .clone-circle .z-extend:after {
      position: absolute;
      content: '';
      top: 50%;
      left: 0px;
      width: 50px;
      height: 1px;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .clone-circle .z-extend:after {
      top: 0;
      height: 50px;
      z-index: -1; }
    .clone-circle .z-extend.z-change span, .clone-circle .z-extend.z-change input[type="number"] {
      background-color: #111;
      color: #fff; }
    .clone-circle .z-extend .cloneZ {
      position: absolute;
      top: 11px;
      color: #fff;
      background-color: transparent;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .clone-circle .z-extend .cloneZ:hover {
        color: #111; }
      .clone-circle .z-extend .cloneZ:nth-child(1) {
        right: 35px !important;
        left: initial; }
      .clone-circle .z-extend .cloneZ:nth-child(2) {
        left: 35px !important; }
    .clone-circle .z-extend span, .clone-circle .z-extend input[type="number"] {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 25px;
      height: 25px;
      text-align: center;
      line-height: 25px;
      background-color: #fff;
      z-index: 10;
      border-radius: 50%;
      cursor: pointer;
      font-size: 12px;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
  .clone-circle .btn.material {
    position: absolute;
    top: -32px;
    right: -32px;
    width: 25px;
    height: 25px;
    min-width: 25px;
    line-height: 25px;
    overflow: visible;
    background-color: #fff; }
    .clone-circle .btn.material .exel-export-list {
      right: -175px;
      z-index: 101; }
      .clone-circle .btn.material .exel-export-list:before {
        right: 0;
        left: initial; }
      .clone-circle .btn.material .exel-export-list li {
        -webkit-box-shadow: 0 0 3px #ccc;
        box-shadow: 0 0 3px #ccc;
        padding-left: 5px; }
        .clone-circle .btn.material .exel-export-list li .palitra {
          display: inline-block;
          vertical-align: middle;
          width: 25px;
          border-radius: 50%; }
        .clone-circle .btn.material .exel-export-list li:nth-child(4) {
          padding-left: 0; }
          .clone-circle .btn.material .exel-export-list li:nth-child(4) span.label {
            position: absolute;
            bottom: -3px;
            left: 50%;
            color: #111;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
          .clone-circle .btn.material .exel-export-list li:nth-child(4) span.palitra {
            width: 100%;
            border-radius: 0;
            vertical-align: bottom; }
            .clone-circle .btn.material .exel-export-list li:nth-child(4) span.palitra:before, .clone-circle .btn.material .exel-export-list li:nth-child(4) span.palitra:after {
              bottom: 0; }
    .clone-circle .btn.material:hover {
      overflow: visible;
      color: #fff; }
      .clone-circle .btn.material:hover .exel-export-list {
        right: 3px; }

.cancel-changes {
  position: absolute;
  width: 100%;
  z-index: 100;
  right: 0px;
  top: 2px;
  padding: 0 0 0 2px; }
  .cancel-changes ul {
    height: 3px; }
    .cancel-changes ul li {
      height: 3px;
      width: 9%;
      display: inline-block;
      vertical-align: top;
      border: 1px solid #ccc;
      background-color: #fff;
      cursor: pointer;
      margin-right: 1.1%; }
      .cancel-changes ul li:last-child {
        margin-right: 0; }
      .cancel-changes ul li.active {
        border: none; }
      .cancel-changes ul li.cansel {
        border: none;
        opacity: 0.4; }

.animation-arrow {
  position: relative;
  min-height: 40px;
  margin-left: -38px;
  margin-top: -40px;
  margin-bottom: 20px; }
  .animation-arrow.top {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 60px;
    margin-left: 30px;
    margin-bottom: -40px; }
  .animation-arrow .arrow-anim {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%; }
    .animation-arrow .arrow-anim:before, .animation-arrow .arrow-anim:after {
      content: '';
      display: block;
      height: 3px;
      position: absolute;
      top: 0;
      left: 0;
      width: 30px; }
    .animation-arrow .arrow-anim:before {
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      -ms-transform: rotate(45deg) translateX(-23%);
      transform: rotate(45deg) translateX(-23%);
      -webkit-transform: rotate(45deg) translateX(-23%);
      -moz-transform: rotate(45deg) translateX(-23%);
      -o-transform: rotate(45deg) translateX(-23%); }
    .animation-arrow .arrow-anim:after {
      -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
      transform-origin: top right;
      -ms-transform: rotate(-45deg) translateX(23%);
      transform: rotate(-45deg) translateX(23%);
      -webkit-transform: rotate(-45deg) translateX(23%);
      -moz-transform: rotate(-45deg) translateX(23%);
      -o-transform: rotate(-45deg) translateX(23%); }
  .animation-arrow .arrow-1 {
    -webkit-animation: arrow-movement 1s ease-in-out infinite;
    animation: arrow-movement 1s ease-in-out infinite; }
  .animation-arrow .arrow-2 {
    -webkit-animation: arrow-movement 1s 0.5s ease-in-out infinite;
    animation: arrow-movement 1s 0.5s ease-in-out infinite; }

.table-wrap {
  padding: 10px;
  position: relative;
  padding-right: 0;
  padding-bottom: 37px; }
  .table-wrap:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0px;
    width: 10px;
    height: 100%; }
  .table-wrap table {
    position: relative; }
    .table-wrap table:before {
      position: absolute;
      content: '';
      top: 0;
      left: -10px;
      width: 10px;
      height: 100%; }

.filters-wrap .material-radio {
  margin: 10px auto 0;
  width: 80%;
  text-align: left; }
  .filters-wrap .material-radio:last-child {
    padding: 10px 0;
    text-align: center; }
  .filters-wrap .material-radio .label {
    margin-left: 10px; }
  .filters-wrap .material-radio .form-group {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0; }
  .filters-wrap .material-radio label.disabled {
    pointer-events: none; }

.filters-wrap .subtitle {
  font-size: 14px;
  font-family: 'RobotoLight';
  margin-bottom: 10px;
  cursor: default; }
  .filters-wrap .subtitle span {
    display: inline-block;
    vertical-align: sub;
    padding: 0 5px;
    background-color: #ccc;
    color: #111;
    border-radius: 8px; }

.filters-wrap .title-light i {
  vertical-align: sub;
  margin-right: 10px; }

.filters-wrap .select-tags-wrap .card {
  min-height: 34px; }

.fixed_headers {
  table-layout: fixed;
  border-collapse: collapse; }
  .fixed_headers th, .fixed_headers td {
    padding: 5px;
    text-align: left;
    min-width: 150px;
    border-right: 1px solid #ccc;
    min-width: 80px;
    text-align: center;
    cursor: default;
    font-size: 14px; }
    .fixed_headers th:nth-child(1), .fixed_headers td:nth-child(1) {
      min-width: 30px;
      text-align: center; }
    .fixed_headers th:nth-child(2), .fixed_headers td:nth-child(2) {
      min-width: 150px;
      text-align: left; }
  .fixed_headers tbody {
    display: block;
    overflow: auto;
    width: 100%;
    background-color: #fbfbfb; }
    .fixed_headers tbody tr:first-child {
      background-color: #666;
      color: #fff;
      line-height: 40px; }
      .fixed_headers tbody tr:first-child th {
        position: relative;
        cursor: pointer;
        font-size: 12px;
        padding-right: 10px; }
        .fixed_headers tbody tr:first-child th span {
          position: absolute;
          right: 4px;
          top: 5px;
          font-size: 16px; }
    .fixed_headers tbody tr.active {
      background-color: #111 !important;
      color: #fff; }
    .fixed_headers tbody tr:nth-child(even) {
      background-color: #f5f5f5; }

.group-wrap .title {
  text-align: left;
  border-bottom: 1px solid #666; }

.group-wrap table {
  display: none; }
  .group-wrap table tr:first-child {
    background-color: #fff;
    color: #666;
    line-height: 19px; }
  .group-wrap table tr.active {
    color: #fff; }

.table-wrap .fixed-header {
  background-color: #666 !important;
  color: #fff; }
  .table-wrap .fixed-header span {
    line-height: 50px;
    font-size: 12px !important; }

.table-wrap .manufacturer-product {
  line-height: 32px;
  font-size: 0;
  text-align: left; }
  .table-wrap .manufacturer-product.active {
    background-color: #111 !important;
    color: #fff; }
  .table-wrap .manufacturer-product span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-align: center; }
    .table-wrap .manufacturer-product span:nth-child(1) {
      width: 8%; }
    .table-wrap .manufacturer-product span:nth-child(2) {
      width: 70%;
      text-align: left;
      padding-left: 5px;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc; }
    .table-wrap .manufacturer-product span:nth-child(3) {
      width: 20%; }
  .table-wrap .manufacturer-product:nth-child(odd) {
    background-color: #f5f5f5; }

.cropper-rotation-btns {
  position: absolute;
  bottom: 55px;
  width: 100%;
  z-index: 2; }
  .cropper-rotation-btns .btn {
    position: absolute;
    bottom: 0; }
    .cropper-rotation-btns .btn.left {
      left: 160px; }
    .cropper-rotation-btns .btn.right {
      right: 160px; }

@media print {
  body {
    margin-top: 50mm;
    margin-bottom: 50mm;
    margin-left: 0mm;
    margin-right: 0mm; } }

#printPage, #planogram_editPrint, #store_editPrint {
  color: black;
  width: 794px;
  height: 1123px;
  overflow: auto;
  z-index: -1; }
  #printPage.landscape-page, #planogram_editPrint.landscape-page, #store_editPrint.landscape-page {
    width: 1123px;
    height: 794px; }
  #printPage .print-watermark, #planogram_editPrint .print-watermark, #store_editPrint .print-watermark {
    background: url("../img/shelfBlack.png");
    width: 200px;
    height: 72px;
    background-size: 200px;
    position: absolute;
    opacity: 0.2;
    bottom: 4px; }
  #printPage .print-header, #planogram_editPrint .print-header, #store_editPrint .print-header {
    font-size: 14px !important;
    display: inline-block;
    width: 32%; }
  #printPage .card-properties, #planogram_editPrint .card-properties, #store_editPrint .card-properties {
    margin-top: 2px; }
    #printPage .card-properties li, #planogram_editPrint .card-properties li, #store_editPrint .card-properties li {
      min-height: -webkit-fit-content !important;
      min-height: -moz-fit-content !important;
      min-height: fit-content !important; }
      #printPage .card-properties li .print-color li, #planogram_editPrint .card-properties li .print-color li, #store_editPrint .card-properties li .print-color li {
        border: unset; }
  #printPage .header-rows .cols, #printPage .rows .cols, #planogram_editPrint .header-rows .cols, #planogram_editPrint .rows .cols, #store_editPrint .header-rows .cols, #store_editPrint .rows .cols {
    min-height: auto;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 0px; }
  #printPage .print-content, #planogram_editPrint .print-content, #store_editPrint .print-content {
    text-align: center; }
    #printPage .print-content img, #planogram_editPrint .print-content img, #store_editPrint .print-content img {
      max-width: 600px !important; }
  #printPage .auto-table, #planogram_editPrint .auto-table, #store_editPrint .auto-table {
    position: initial; }
    #printPage .auto-table .container-prod li, #planogram_editPrint .auto-table .container-prod li, #store_editPrint .auto-table .container-prod li {
      background-color: #e6e6e6; }
    #printPage .auto-table .card-properties .cols li, #planogram_editPrint .auto-table .card-properties .cols li, #store_editPrint .auto-table .card-properties .cols li {
      max-width: auto;
      padding-left: 3px; }
  #printPage .market-info, #planogram_editPrint .market-info, #store_editPrint .market-info {
    list-style-type: none; }
    #printPage .market-info li, #planogram_editPrint .market-info li, #store_editPrint .market-info li {
      list-style-type: none;
      line-height: 18px; }
    #printPage .market-info strong, #printPage .market-info span, #planogram_editPrint .market-info strong, #planogram_editPrint .market-info span, #store_editPrint .market-info strong, #store_editPrint .market-info span {
      display: block; }
  #printPage.imagePrint, #planogram_editPrint.imagePrint, #store_editPrint.imagePrint {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    right: unset;
    top: 0px; }
  #printPage.none-color, #planogram_editPrint.none-color, #store_editPrint.none-color {
    background: #fff; }
    #printPage.none-color li .gradient-bg, #planogram_editPrint.none-color li .gradient-bg, #store_editPrint.none-color li .gradient-bg {
      color: #111;
      background: unset; }
      #printPage.none-color li .gradient-bg li, #planogram_editPrint.none-color li .gradient-bg li, #store_editPrint.none-color li .gradient-bg li {
        background-color: #fff; }

#config-look {
  max-height: 800px; }

#planogram_editPrint, #store_editPrint {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  position: relative;
  z-index: 100; }
  #planogram_editPrint.landscape-page, #store_editPrint.landscape-page {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  #planogram_editPrint:before, #store_editPrint:before {
    display: none; }
  #planogram_editPrint .print-page, #store_editPrint .print-page {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important; }
    #planogram_editPrint .print-page .print-watermark, #store_editPrint .print-page .print-watermark {
      display: none; }

#popup-print-config .popup-content {
  max-width: 95%; }
  #popup-print-config .popup-content .print-config {
    display: inline-block;
    margin: 15px; }
    #popup-print-config .popup-content .print-config .exel-export-list {
      width: 200px; }

.table {
  display: inline-block;
  vertical-align: top; }
  .table ul {
    padding-left: 0 !important;
    font-size: 0;
    text-align: center; }
    .table ul li {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 4%;
      font-size: 10px; }
      .table ul li.container-table {
        width: 100%;
        margin: 0 -2px; }
    .table ul hr {
      background-color: #111; }
  .table .table-head {
    margin: 0; }
    .table .table-head li {
      color: #fff;
      border-left: 1px solid #fff;
      font-size: 12px;
      text-transform: lowercase; }
  .table .table-body {
    margin: 0; }
    .table .table-body.long li {
      width: 100% !important;
      text-align: center !important; }
    .table .table-body li {
      position: relative; }
      .table .table-body li span {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        left: 0;
        word-break: break-word;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
    .table .table-body:nth-child(even) {
      background-color: #F5F5F5; }
      .table .table-body:nth-child(even) li {
        background-color: #F5F5F5; }
    .table .table-body:nth-child(odd) {
      background-color: #ccc; }
      .table .table-body:nth-child(odd) li {
        background-color: #ccc; }

.manufacturers {
  text-align: left; }
  .manufacturers > li {
    border-bottom: 1px solid #666; }
    .manufacturers > li ul {
      display: none; }

.title-extend {
  display: block;
  position: relative;
  font-size: 12px;
  line-height: 35px;
  cursor: pointer; }
  .title-extend.active {
    background-color: #999 !important; }
  .title-extend span:nth-child(1) {
    margin-left: -4px;
    padding-left: 8px; }
  .title-extend.active i:before {
    content: "\f146"; }
  .title-extend i {
    font-size: 20px; }

.draggable-extend {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100vh;
  z-index: 99;
  cursor: col-resize;
  background-color: transparent;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s; }
  .draggable-extend.active {
    cursor: default; }
    .draggable-extend.active:hover {
      background-color: transparent !important; }
    .draggable-extend.active button i:before {
      content: '\f051'; }
  .draggable-extend button {
    position: absolute;
    left: -1px;
    bottom: 0px;
    width: 30px;
    height: 30px;
    color: #fff;
    border-left: 1px solid #fff;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px; }

.auto-table .btn.list::after {
  z-index: 0; }

.auto-table .btn.list .exel-export-list:before {
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.popupSlider {
  overflow: hidden;
  position: relative; }
  .popupSlider:after {
    position: absolute;
    content: '';
    width: 200px;
    height: 35px;
    top: 0;
    left: -100px;
    z-index: -1; }
  .popupSlider.popupSlider--layout:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .popupSlider:hover {
    overflow: visible; }
    .popupSlider:hover .exel-export-list {
      right: -50px;
      opacity: 1; }
  .popupSlider .exel-export-list {
    text-align: left;
    padding: 0 2px; }
  .popupSlider .exel-export-list--canves {
    min-height: auto; }

.exel-export-list {
  position: absolute;
  opacity: 1;
  right: -250px;
  top: 33px;
  width: 135px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 2px 4px #ccc;
  box-shadow: 0 2px 4px #ccc; }
  .exel-export-list:before {
    position: absolute;
    content: '';
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #fff transparent; }
  .exel-export-list.right:before {
    left: initial;
    right: 5%; }
  .exel-export-list.left:before {
    left: 5%; }
  .exel-export-list.exel-export-list--permission {
    opacity: 0; }
    .exel-export-list.exel-export-list--permission:before {
      left: 73%; }
    .exel-export-list.exel-export-list--permission.active--settingPermission {
      z-index: 101;
      right: -12px;
      cursor: auto;
      opacity: 1; }
  .exel-export-list.custom-scroll {
    max-height: 200px;
    top: 30px; }
  .exel-export-list.big {
    width: 220px; }
    .exel-export-list.big .li,
    .exel-export-list.big li {
      position: relative; }
      .exel-export-list.big .li.active:before,
      .exel-export-list.big li.active:before {
        content: "";
        position: absolute;
        top: -2px;
        left: -2px;
        width: 8px;
        height: 8px;
        z-index: 10;
        border-radius: 50%;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
        background-color: #009788; }
      .exel-export-list.big .li button,
      .exel-export-list.big li button {
        line-height: 30px !important; }
      .exel-export-list.big .li .btns-block-position button,
      .exel-export-list.big li .btns-block-position button {
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        width: auto;
        text-indent: 0;
        min-width: 22px;
        border-radius: 50%;
        line-height: 22px !important;
        background-color: #f5f5f5; }
        .exel-export-list.big .li .btns-block-position button:hover,
        .exel-export-list.big li .btns-block-position button:hover {
          background-color: #111 !important; }
        .exel-export-list.big .li .btns-block-position button i,
        .exel-export-list.big li .btns-block-position button i {
          margin: 0;
          padding: 0; }
      .exel-export-list.big .li .icon-material,
      .exel-export-list.big li .icon-material {
        margin-left: -3px;
        vertical-align: initial; }
  .exel-export-list.tags .add-tag {
    position: absolute;
    right: 5px;
    top: 4px;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    text-indent: 0;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); }
    .exel-export-list.tags .add-tag i {
      color: #999;
      padding: 0;
      font-size: 10px;
      margin: 0; }
  .exel-export-list.active {
    right: -50px;
    opacity: 1;
    display: block !important; }
  .exel-export-list.exel-export-list--autoWidth {
    width: auto;
    opacity: 0; }
    .exel-export-list.exel-export-list--autoWidth.active {
      opacity: 1;
      pointer-events: fill; }
    .exel-export-list.exel-export-list--autoWidth .wrapperItem.wrapperItem--name {
      width: 100%;
      padding-right: 35px; }
  .exel-export-list input {
    color: #111; }
  .exel-export-list .li, .exel-export-list li {
    position: relative;
    margin: 0px 0 5px 0;
    line-height: 25px;
    color: #111; }
    .exel-export-list .li.shadow, .exel-export-list li.shadow {
      -webkit-box-shadow: 0 0 3px #ccc;
      box-shadow: 0 0 3px #ccc; }
    .exel-export-list .li:last-child, .exel-export-list li:last-child {
      margin: 0; }
    .exel-export-list .li .settings, .exel-export-list li .settings {
      position: absolute;
      top: 0;
      right: 0; }
      .exel-export-list .li .settings input, .exel-export-list li .settings input {
        color: #111;
        width: 25px;
        text-align: center;
        background-color: transparent; }
    .exel-export-list .li.item:hover, .exel-export-list li.item:hover {
      background-color: #111;
      color: #fff !important; }
    .exel-export-list .li .option.active:after, .exel-export-list li .option.active:after {
      font-size: 12px; }
    .exel-export-list .li .option:before, .exel-export-list li .option:before {
      position: absolute;
      content: '';
      width: 15px;
      height: 15px;
      top: 5px;
      right: 5px;
      border-radius: 50%;
      background-color: #fff; }
    .exel-export-list .li .option:after, .exel-export-list li .option:after {
      position: absolute;
      content: '\2713';
      top: 5px;
      right: 8px;
      color: #fff;
      font-size: 0;
      line-height: 15px;
      -webkit-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s; }
    .exel-export-list .li button, .exel-export-list .li .item, .exel-export-list li button, .exel-export-list li .item {
      position: relative;
      background-color: transparent;
      font-size: 12px !important;
      line-height: 26px;
      cursor: pointer;
      -webkit-box-shadow: 0 0 3px #ccc;
      box-shadow: 0 0 3px #ccc;
      padding: 0;
      width: 100%;
      color: #111;
      font-family: "RobotoLight";
      text-align: left;
      text-indent: 5px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .exel-export-list .li button:hover, .exel-export-list .li button.active, .exel-export-list .li .item:hover, .exel-export-list .li .item.active, .exel-export-list li button:hover, .exel-export-list li button.active, .exel-export-list li .item:hover, .exel-export-list li .item.active {
        background-color: #111;
        color: #fff !important; }
        .exel-export-list .li button:hover + .settings input, .exel-export-list .li button.active + .settings input, .exel-export-list .li .item:hover + .settings input, .exel-export-list .li .item.active + .settings input, .exel-export-list li button:hover + .settings input, .exel-export-list li button.active + .settings input, .exel-export-list li .item:hover + .settings input, .exel-export-list li .item.active + .settings input {
          color: #fff !important; }
      .exel-export-list .li button.active + .exel-export-list, .exel-export-list .li .item.active + .exel-export-list, .exel-export-list li button.active + .exel-export-list, .exel-export-list li .item.active + .exel-export-list {
        right: 15px;
        overflow: visible !important; }
      .exel-export-list .li button.active .option, .exel-export-list .li .item.active .option, .exel-export-list li button.active .option, .exel-export-list li .item.active .option {
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg); }
      .exel-export-list .li button .option, .exel-export-list .li .item .option, .exel-export-list li button .option, .exel-export-list li .item .option {
        position: absolute;
        top: 50%;
        right: 5px;
        font-size: 14px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
      .exel-export-list .li button i, .exel-export-list .li .item i, .exel-export-list li button i, .exel-export-list li .item i {
        margin-left: -6px; }
      .exel-export-list .li button span, .exel-export-list .li .item span, .exel-export-list li button span, .exel-export-list li .item span {
        cursor: pointer; }
        .exel-export-list .li button span.config-export, .exel-export-list .li .item span.config-export, .exel-export-list li button span.config-export, .exel-export-list li .item span.config-export {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 26px;
          line-height: 24px; }
          .exel-export-list .li button span.config-export i, .exel-export-list .li .item span.config-export i, .exel-export-list li button span.config-export i, .exel-export-list li .item span.config-export i {
            margin: -3px; }
  .exel-export-list .hint-block span {
    min-width: 120px; }
  .exel-export-list__listItem {
    text-align: left; }

.extend-object-wrap {
  position: relative;
  display: inline-block;
  padding: 0 5px; }
  .extend-object-wrap .extend-object-content {
    position: fixed;
    min-width: 220px;
    top: 15px;
    right: 85px;
    z-index: 100;
    background-color: #fff;
    padding: 0 5px; }
    .extend-object-wrap .extend-object-content .auto-list-wrap {
      max-height: 300px; }

.drag-window-header {
  height: 40px;
  padding: 0 72px 0 40px;
  z-index: 100; }
  .drag-window-header .window-drag-left-panel,
  .drag-window-header .window-drag-right-panel {
    position: absolute;
    top: 4px;
    z-index: 101; }
    .drag-window-header .window-drag-left-panel > .btn,
    .drag-window-header .window-drag-right-panel > .btn {
      vertical-align: middle; }
  .drag-window-header .window-drag-left-panel {
    left: 4px; }
  .drag-window-header .window-drag-right-panel {
    right: 4px; }

.drag-window-body {
  max-height: inherit;
  height: calc(100% - 40px); }

.auto-table {
  position: fixed;
  bottom: 0px;
  right: 0;
  z-index: 999;
  background-color: #fff;
  background-image: url("../img/logoBlakc.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 160px;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  padding: 0 3px;
  overflow: hidden;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important; }
  .auto-table .custom-scroll::-webkit-scrollbar-thumb {
    background-color: #999; }
  .auto-table my-table {
    display: block;
    width: 100%; }
  .auto-table .top-extend,
  .auto-table .left-extend {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .auto-table .top-extend.draggable:before,
    .auto-table .left-extend.draggable:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      background-color: transparent; }
    .auto-table .top-extend:hover,
    .auto-table .left-extend:hover {
      background-color: #f88b77 !important; }
  .auto-table .top-extend {
    width: 100%;
    height: 3px;
    cursor: row-resize; }
    .auto-table .top-extend.draggable:before {
      width: 100%;
      height: 100vh; }
  .auto-table .left-extend {
    height: 100%;
    width: 3px;
    cursor: col-resize; }
    .auto-table .left-extend.draggable:before {
      width: 1920px;
      height: 100%; }
  .auto-table .drag-window-header .button-wrap {
    text-align: right;
    padding: 5px;
    position: relative; }
    > .auto-table .drag-window-header .button-wrap button:first-child {
      position: absolute;
      top: 5px;
      left: 5px; }
  .auto-table .drag-window-header div.btn.material {
    position: relative;
    overflow: visible;
    vertical-align: top;
    line-height: 30px;
    cursor: pointer; }
  .auto-table .drag-window-header .form-group.search {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    overflow: visible;
    width: calc(100% - 140px); }
    .auto-table .drag-window-header .form-group.search input[type=text] {
      height: 30px;
      padding: 0;
      text-indent: 5px; }
      .auto-table .drag-window-header .form-group.search input[type=text]:focus {
        -webkit-box-shadow: inset 0px 0px 3px #111;
        box-shadow: inset 0px 0px 3px #111; }
    .auto-table .drag-window-header .form-group.search button {
      width: 20px;
      height: 20px;
      min-width: 20px;
      right: 5px;
      padding: 0;
      font-size: 12px;
      line-height: 11px; }
  .auto-table .card-properties {
    background-color: #fff; }
    .auto-table .card-properties .cols {
      line-height: 30px;
      background-color: transparent; }
      .auto-table .card-properties .cols.print-color-container {
        background-color: #cccccc4a;
        opacity: 0.7; }
    .auto-table .card-properties .header-rows {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 2; }
      .auto-table .card-properties .header-rows li {
        padding: 0 3px; }
        .auto-table .card-properties .header-rows li button.remove,
        .auto-table .card-properties .header-rows li .icon-unicode {
          position: absolute;
          top: 0;
          right: 0;
          width: 20px;
          height: 100%;
          line-height: 28px;
          text-align: center;
          font-style: normal;
          background-color: transparent; }
      .auto-table .card-properties .header-rows li.col-inner.col-inner--width {
        overflow: inherit; }
    .auto-table .card-properties > li:nth-child(odd) {
      background-color: #f9f9f9; }
    .auto-table .card-properties > li:nth-child(even) {
      background-color: #fff; }
    .auto-table .card-properties > li:first-child ul {
      margin-top: 0;
      color: #fff; }
      .auto-table .card-properties > li:first-child ul li {
        cursor: pointer;
        position: relative !important;
        text-transform: lowercase;
        text-align: left; }
        .auto-table .card-properties > li:first-child ul li span {
          position: absolute;
          margin: 0;
          right: 0px;
          top: 0px;
          width: 100%;
          height: 100%;
          overflow: hidden; }
          .auto-table .card-properties > li:first-child ul li span i {
            margin-right: 4px; }
        .auto-table .card-properties > li:first-child ul li:last-child {
          border-right: none; }
        .auto-table .card-properties > li:first-child ul li div.tableContent {
          overflow: hidden; }
        .auto-table .card-properties > li:first-child ul li i.drag-cell {
          position: absolute;
          height: 100%;
          right: -3px;
          top: 0;
          bottom: 0;
          width: 6px;
          background-color: transparent;
          cursor: col-resize; }
          .auto-table .card-properties > li:first-child ul li i.drag-cell:hover {
            background-color: #f88b77 !important; }
          .auto-table .card-properties > li:first-child ul li i.drag-cell.dragging {
            position: fixed;
            right: -2px;
            width: 3px;
            z-index: 1000;
            background-color: #f88b77 !important; }
    .auto-table .card-properties > li ul li.col-inner--width {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      min-width: 25px !important;
      max-width: 450px !important;
      -webkit-box-flex: 0 !important;
      -webkit-flex: none !important;
      -ms-flex: none !important;
      flex: none !important;
      -webkit-box-align: left !important;
      -webkit-align-items: left !important;
      -ms-flex-align: left !important;
      align-items: left !important;
      padding-left: 3px; }
    .auto-table .card-properties > li ul li.error {
      background-color: #fff3f0;
      color: #f00; }
    .auto-table .card-properties > li ul li.valid {
      background-color: #95f1ba; }
    .auto-table .card-properties > li ul li:first-child {
      max-width: 25px; }
    .auto-table .card-properties > li:last-child ul {
      margin-bottom: 0; }
    .auto-table .card-properties > li h2 {
      color: #fff;
      font-family: 'RobotoLight';
      font-size: 12px;
      line-height: 30px;
      padding-left: 10px;
      position: relative; }
      .auto-table .card-properties > li h2 span {
        position: absolute;
        top: 0;
        right: 10px; }
    .auto-table .card-properties .rows.moved .drag-elm {
      position: relative; }
      .auto-table .card-properties .rows.moved .drag-elm:before {
        position: absolute;
        content: attr(data-number);
        width: 100%;
        min-width: 20px;
        left: 0;
        top: 0;
        background-color: #ccc;
        color: #666;
        font-size: 13px; }
    .auto-table .card-properties .cols {
      font-size: 0;
      margin: 5px 0;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .auto-table .card-properties .cols.active {
        background-color: #ccc !important; }
      .auto-table .card-properties .cols li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0.8;
        -webkit-flex: 0.8;
        -ms-flex: 0.8;
        flex: 0.8;
        max-width: 200px;
        vertical-align: top;
        font-size: 13px;
        min-height: 30px;
        border-right: 1px solid #ccc;
        padding-left: 0;
        text-align: left;
        min-width: 100px;
        overflow: hidden; }
        .auto-table .card-properties .cols li.col-inner--permissionUser {
          padding-left: 2px !important; }
        .auto-table .card-properties .cols li.col-inner--width {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          min-width: 25px !important;
          max-width: 450px !important;
          -webkit-box-flex: 0 !important;
          -webkit-flex: none !important;
          -ms-flex: none !important;
          flex: none !important;
          -webkit-box-align: left !important;
          -webkit-align-items: left !important;
          -ms-flex-align: left !important;
          align-items: left !important; }
          .auto-table .card-properties .cols li.col-inner--width.destroyCell {
            min-width: 0 !important;
            width: 0 !important;
            height: 0; }
          .auto-table .card-properties .cols li.col-inner--width.col-inner--groupTitle {
            border-right: none;
            padding-left: 10px;
            width: 100% !important; }
        .auto-table .card-properties .cols li.long {
          -webkit-box-flex: 3.8;
          -webkit-flex-grow: 3.8;
          -ms-flex-positive: 3.8;
          flex-grow: 3.8;
          max-width: 450px;
          min-width: 300px; }
        .auto-table .card-properties .cols li.small {
          -webkit-box-flex: 0.3;
          -webkit-flex-grow: 0.3;
          -ms-flex-positive: 0.3;
          flex-grow: 0.3;
          max-width: 150px;
          min-width: 30px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .auto-table .card-properties .cols li.col-inner--permission {
          position: relative; }
          .auto-table .card-properties .cols li.col-inner--permission .col-icon {
            position: absolute;
            font-size: 16px;
            cursor: pointer;
            color: #ccc; }
            .auto-table .card-properties .cols li.col-inner--permission .col-icon.col-icon--pen {
              right: 30px; }
            .auto-table .card-properties .cols li.col-inner--permission .col-icon.col-icon--trash {
              right: 10px; }
        .auto-table .card-properties .cols li:nth-child(1) {
          -webkit-box-flex: 0.3;
          -webkit-flex-grow: 0.3;
          -ms-flex-positive: 0.3;
          flex-grow: 0.3;
          max-width: 25px;
          min-width: 25px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .auto-table .card-properties .cols li:nth-child(2), .auto-table .card-properties .cols li:nth-child(4) {
          text-align: left; }

.drag-block-wrap {
  min-width: 380px; }

.drag-block-wrap,
.three-render-wrap {
  position: fixed;
  bottom: 0px;
  right: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
  z-index: 1001;
  overflow: hidden;
  background-color: #ebebeb;
  background-image: url("../img/loading-gear.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60px; }
  .drag-block-wrap iframe,
  .three-render-wrap iframe {
    border: none; }
  .drag-block-wrap .button-wrap,
  .three-render-wrap .button-wrap {
    text-align: right;
    height: 40px;
    line-height: 40px;
    padding: 0 5px; }
    .drag-block-wrap .button-wrap .btn,
    .three-render-wrap .button-wrap .btn {
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px #fff;
      box-shadow: 0 1px 3px #fff; }
      .drag-block-wrap .button-wrap .btn:first-child,
      .three-render-wrap .button-wrap .btn:first-child {
        position: absolute;
        top: 5px;
        left: 5px;
        cursor: move; }
        .drag-block-wrap .button-wrap .btn:first-child:disabled,
        .three-render-wrap .button-wrap .btn:first-child:disabled {
          cursor: default;
          background-color: #ccc; }

.sectors {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0;
    top: 95%; } }

@keyframes arrow-movement {
  0% {
    opacity: 0; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0;
    top: 95%; } }

.sector-editing {
  position: absolute;
  z-index: 1001;
  background-color: #fff;
  margin-top: -20px;
  margin-left: 10px;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 2px 4px 2px 8px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .sector-editing .form-group {
    position: absolute;
    width: 200px;
    top: 0;
    right: 0; }

.editing-sector-card {
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 285px;
  max-height: 285px;
  margin-left: -5px;
  border-radius: 50%;
  z-index: -1;
  background-color: #fff;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg); }
  .editing-sector-card .btn.material {
    position: absolute;
    top: -10px;
    right: -10px;
    display: none; }
  .editing-sector-card.active {
    top: 40px;
    left: 74%;
    width: 315px !important;
    height: 500px !important;
    max-width: initial;
    max-height: initial;
    border-radius: 10px;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 8px #ccc;
    box-shadow: 0 0 8px #ccc;
    z-index: 1000;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; }
    .editing-sector-card.active .btn.material {
      display: block; }
    .editing-sector-card.active .anim-list {
      opacity: 1; }
      .editing-sector-card.active .anim-list li {
        margin-left: 0; }

.anim-list {
  text-align: center;
  overflow: hidden;
  opacity: 0; }
  .anim-list:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .anim-list li {
    width: 100%;
    margin-left: 315px;
    line-height: 40px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #ccc;
    -webkit-transition: margin 0.2s;
    -o-transition: margin 0.2s;
    transition: margin 0.2s; }
  .anim-list li:nth-child(0) {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .anim-list li:nth-child(1) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .anim-list li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .anim-list li:nth-child(3) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }
  .anim-list li:nth-child(4) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s; }
  .anim-list li:nth-child(5) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s; }
  .anim-list li:nth-child(6) {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s; }
  .anim-list li:nth-child(7) {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s; }
  .anim-list li:nth-child(8) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }
  .anim-list li:nth-child(9) {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s; }
  .anim-list li:nth-child(10) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s; }
  .anim-list li:nth-child(11) {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s; }
  .anim-list li:nth-child(12) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s; }
  .anim-list li:nth-child(13) {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s; }
  .anim-list li:nth-child(14) {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s; }
  .anim-list li:nth-child(15) {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s; }
  .anim-list li:nth-child(16) {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s; }
  .anim-list li:nth-child(17) {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s; }
  .anim-list li:nth-child(18) {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s; }
  .anim-list li:nth-child(19) {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s; }

.equip-filter-list {
  font-size: 0; }
  .equip-filter-list.small {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 99; }
    .equip-filter-list.small li {
      display: block;
      width: 100%; }
      .equip-filter-list.small li button {
        border-radius: 0;
        border-bottom: 0; }
      .equip-filter-list.small li:first-child button {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .equip-filter-list.small li:last-child button {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
  .equip-filter-list li {
    display: inline-block;
    vertical-align: top;
    width: 12.5%;
    padding: 0 1px; }
    .equip-filter-list li button.btn {
      width: 100%;
      min-width: 0; }
      .equip-filter-list li button.btn.active {
        background-color: #fff; }

.custom-table li {
  margin: 0 -10px 0 -20px; }
  .custom-table li:nth-child(even) {
    background-color: #F5F5F5; }
  .custom-table li:nth-child(odd) {
    background-color: #ccc; }

#canvas-wrap.crosshair:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  cursor: crosshair; }

#canvas-wrap .showColorSchema:after {
  position: absolute;
  content: "\f105";
  height: 24px;
  width: 24px;
  top: 9px;
  right: 1px;
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 24px;
  text-align: center; }

#canvas-wrap .showColorSchema.active:after {
  content: "\f106"; }

#canvas-wrap .showColorSchema.active .card-block {
  overflow: visible; }
  #canvas-wrap .showColorSchema.active .card-block .exel-export-list {
    top: initial;
    bottom: 33px;
    right: 0; }
    #canvas-wrap .showColorSchema.active .card-block .exel-export-list li b {
      position: absolute;
      content: '';
      right: 3px;
      top: 3px;
      width: 20px;
      height: 20px;
      z-index: 1; }
    #canvas-wrap .showColorSchema.active .card-block .exel-export-list li i {
      min-width: auto !important; }

@-webkit-keyframes slideWidth {
  0% {
    width: 0;
    padding: 0; }
  100% {
    width: 115%; } }

@keyframes slideWidth {
  0% {
    width: 0;
    padding: 0; }
  100% {
    width: 115%; } }

@-webkit-keyframes btnAnimation {
  0% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes btnAnimation {
  0% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.searchEquip {
  position: relative;
  overflow: visible; }
  .searchEquip__block {
    width: 135px;
    position: absolute;
    left: 35px;
    top: 0;
    -webkit-transition: right .2s ease;
    -o-transition: right .2s ease;
    transition: right .2s ease; }
  .searchEquip__inputWrap {
    position: relative; }
  .searchEquip__input {
    width: 115%;
    -webkit-animation: slideWidth 200ms ease-in-out 1;
    animation: slideWidth 200ms ease-in-out 1;
    border-radius: 0 25px 25px 0;
    padding: 5px 30px 5px 20px;
    font-size: 12px;
    margin-left: -20px;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc; }
  .searchEquip__btnClose.btn.material {
    position: absolute;
    width: 20px;
    height: 20px;
    min-width: 20px;
    right: 5px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0;
    font-size: 12px;
    line-height: 11px;
    -webkit-animation: btnAnimation 200ms ease-in-out 1;
    animation: btnAnimation 200ms ease-in-out 1; }
  .searchEquip__equipList {
    position: relative;
    left: -2px;
    max-height: 120px;
    margin-top: 3px;
    background-color: #fff;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 4px #ccc;
    box-shadow: 0 2px 4px #ccc; }
  .searchEquip__equipItem {
    margin-bottom: 5px;
    padding: 1px 3px;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #111;
    background-color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .searchEquip__equipItem:last-child {
      margin-bottom: 0; }
    .searchEquip__equipItem:hover {
      color: #fff;
      background-color: #111; }
    .searchEquip__equipItem > i {
      padding-right: 2px;
      font-size: 12px; }

.layoutItem {
  position: relative;
  padding-left: 16px;
  margin-bottom: 3px;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc; }
  .layoutItem:last-child {
    margin-bottom: 0; }
  .layoutItem.layoutItem--default {
    color: #111; }
    .layoutItem.layoutItem--default span {
      display: inline-block;
      min-width: 20px;
      font-size: 16px;
      text-align: center;
      color: #111;
      margin: 0 2px; }
      .layoutItem.layoutItem--default span.fa.fa-play {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .layoutItem.layoutItem--active {
    color: #fff;
    background-color: #111; }
    .layoutItem.layoutItem--active .layoutItem__title,
    .layoutItem.layoutItem--active .layoutItem__inputName {
      color: #fff; }
      .layoutItem.layoutItem--active .layoutItem__title:hover,
      .layoutItem.layoutItem--active .layoutItem__inputName:hover {
        color: #ccc; }
  .layoutItem__positionBlock {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-box-shadow: 1px 0px 1px #999;
    box-shadow: 1px 0px 1px #999; }
  .layoutItem__arrow {
    position: relative;
    width: 12px;
    height: 12px; }
    .layoutItem__arrow:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-style: solid;
      -webkit-transition: border-color .2s ease;
      -o-transition: border-color .2s ease;
      transition: border-color .2s ease; }
    .layoutItem__arrow.layoutItem__arrow--top:hover:before {
      border-width: 0 3px 7px 3px;
      border-color: transparent transparent #111 transparent; }
    .layoutItem__arrow.layoutItem__arrow--top:before {
      border-width: 0 3px 7px 3px;
      border-color: transparent transparent #fff transparent; }
    .layoutItem__arrow.layoutItem__arrow--bottom:hover:before {
      border-width: 7px 3px 0 3px;
      border-color: #111 transparent transparent transparent; }
    .layoutItem__arrow.layoutItem__arrow--bottom:before {
      border-width: 7px 3px 0 3px;
      border-color: #fff transparent transparent transparent; }
  .layoutItem__title {
    position: relative;
    color: #111;
    width: 100%;
    font-size: 14px;
    padding-left: 5px;
    cursor: pointer;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .layoutItem__title input {
      width: 100%; }
    .layoutItem__title > .fa {
      position: absolute;
      bottom: 3px;
      right: 26px;
      width: 16px;
      height: 16px;
      min-width: 16px !important;
      line-height: 13px;
      text-align: center;
      font-size: 10px;
      color: #fff;
      border-radius: 50%;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .layoutItem__title > .fa:hover {
        background-color: #fff; }
  .layoutItem__inputName {
    color: #111;
    background-color: transparent; }
  .layoutItem__delete {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 22px;
    height: 22px;
    padding: 0;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    border-radius: 50%;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease; }
    .layoutItem__delete:hover {
      background-color: #fff; }
  .layoutItem__addLayout {
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 25px; }
    .layoutItem__addLayout:hover {
      color: #111; }

.layerWrap {
  position: relative;
  display: inline-block; }
  .layerWrap__currentLayerCheck {
    position: absolute;
    right: -6px;
    top: -8px;
    width: 15px;
    height: 15px;
    color: #666;
    line-height: 15px;
    font-size: 12px;
    background-color: #ccc;
    border-radius: 50%;
    z-index: 2; }
  .layerWrap .exel-export-list li:last-child {
    padding: 0 2px 2px 2px; }

.table-select {
  position: absolute;
  z-index: 100;
  background-color: #000; }
  .table-select .cover-chekbox label {
    border: none;
    width: 15px;
    min-width: 15px; }

.select {
  position: relative;
  overflow: hidden;
  width: 49%;
  min-width: 200px;
  vertical-align: top;
  text-align: left;
  padding-left: 5px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); }
  .select.full {
    width: 100%;
    min-width: auto; }
  .select.only-arrow.option {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: auto;
    height: 20px;
    width: 15px; }
    .select.only-arrow.option.title-light:before {
      right: auto; }
  .select:before {
    position: absolute;
    content: "\f105";
    right: 5px;
    top: 4px;
    font-family: "FontAwesome";
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .select.click:hover:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .select:hover, .select.click.active {
    overflow: visible; }
    .select:hover:before, .select.click.active:before {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .select:hover > .exel-export-list, .select.click.active > .exel-export-list {
      right: 0;
      top: 30px; }
  .select .exel-export-list .item {
    margin-bottom: 0;
    padding-right: 5px;
    margin: 0; }
    .select .exel-export-list .item label {
      position: absolute;
      right: 3px;
      top: 6px; }

.select.option .title-light, .date-checkbox.option .title-light {
  text-transform: capitalize;
  color: #666;
  font-size: 14px;
  line-height: 35px; }

.select.option .exel-export-list li button.active:after, .date-checkbox.option .exel-export-list li button.active:after {
  font-size: 12px; }

.select.option .exel-export-list li button:before, .date-checkbox.option .exel-export-list li button:before {
  position: absolute;
  content: '';
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  line-height: 15px;
  background-color: #fff; }

.select.option .exel-export-list li button:after, .date-checkbox.option .exel-export-list li button:after {
  position: absolute;
  content: '\2713';
  top: 5px;
  right: 8px;
  color: #fff;
  font-size: 0;
  line-height: 15px;
  -webkit-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  transition: font-size 0.3s; }

.selectBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px; }
  .selectBlock__label {
    color: #999;
    padding-right: 5px;
    text-transform: capitalize; }
  .selectBlock__select {
    color: #666;
    padding: 3px 10px 3px 5px;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid; }
  .selectBlock__option {
    color: #666; }

table.table {
  padding: 0px 1px 0px 2px; }
  table.table .select {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    min-width: 80px;
    width: 100%; }
    table.table .select:before {
      top: 0; }
    table.table .select:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 20px;
      right: 0;
      bottom: -10px;
      background-color: transparent;
      z-index: 0; }
    table.table .select ul li {
      width: 100%; }

.build-sectors {
  position: absolute;
  z-index: 1000; }

.chekbox-btn {
  position: relative;
  margin: 0;
  padding: 0;
  min-width: 16px;
  min-height: 16px;
  background-color: transparent; }
  .chekbox-btn.left:before {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .chekbox-btn.active:after {
    font-size: 12px; }
  .chekbox-btn:before {
    position: absolute;
    content: '';
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 15px;
    background-color: #fff; }
  .chekbox-btn:after {
    position: absolute;
    content: '\2713';
    top: 0px;
    right: 3px;
    color: #fff;
    font-size: 0;
    line-height: 15px;
    -webkit-transition: font-size 0.3s;
    -o-transition: font-size 0.3s;
    transition: font-size 0.3s; }

.container-panel .select:hover equipment-filter .exel-export-list {
  top: 36px; }

.container-panel .select .mtrInput {
  overflow: visible;
  width: 99%; }
  .container-panel .select .mtrInput .custom-card-render {
    position: absolute;
    top: 0;
    right: 0; }
    .container-panel .select .mtrInput .custom-card-render .btn-render {
      border: none;
      height: 35px; }

#usage-format-window {
  width: 260px;
  padding: 5px; }
  #usage-format-window:before {
    width: 0; }
  #usage-format-window .hint-block {
    min-height: 240px; }
    #usage-format-window .hint-block span {
      line-height: 30px; }
  #usage-format-window .preloader-background {
    height: 250px;
    position: inherit; }
  #usage-format-window #usage-format-table {
    min-height: unset; }
    #usage-format-window #usage-format-table .usage-store {
      position: absolute;
      top: 4px;
      left: -7px;
      color: #ccc; }
    #usage-format-window #usage-format-table .usage-rack {
      position: absolute;
      top: 6px;
      left: 30px;
      color: #ccc;
      font-size: 8px; }
    #usage-format-window #usage-format-table .usage-format-dashed {
      position: absolute;
      width: 25px;
      top: 9px;
      left: 4px;
      border-bottom: 1px dashed #ccc; }
    #usage-format-window #usage-format-table .usage-format-text {
      font-style: normal; }
      #usage-format-window #usage-format-table .usage-format-text span {
        margin-left: 31px;
        padding-left: unset; }

.auto-list-wrap {
  height: calc(100vh - 80px);
  overflow-x: hidden;
  overflow-y: auto; }
  .auto-list-wrap button {
    background-color: transparent; }
    .auto-list-wrap button:disabled {
      background-color: transparent;
      color: #999; }
  .auto-list-wrap .list-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 10px;
    z-index: 99;
    background-color: #fff; }
    .auto-list-wrap .list-header .mtrBtsOptions {
      margin-top: -15px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
      .auto-list-wrap .list-header .mtrBtsOptions button {
        font-size: 12px;
        vertical-align: -webkit-baseline-middle; }
      .auto-list-wrap .list-header .mtrBtsOptions.mtrBtsOptions--right {
        right: 10px; }
    .auto-list-wrap .list-header .mtrInput.pull input {
      text-indent: 15px; }
    .auto-list-wrap .list-header .mtrInput.pull label {
      left: 25px; }
    .auto-list-wrap .list-header textarea:focus, .auto-list-wrap .list-header textarea.ng-not-empty, .auto-list-wrap .list-header input:focus, .auto-list-wrap .list-header input.ng-not-empty {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .auto-list-wrap .filterPanel {
    position: relative;
    width: 30px;
    height: 30px;
    vertical-align: top;
    text-align: center;
    cursor: pointer; }
    .auto-list-wrap .filterPanel.checked:before {
      position: absolute;
      content: '';
      top: 3px;
      right: 5px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #f00; }
    .auto-list-wrap .filterPanel > i {
      width: 100%; }
    .auto-list-wrap .filterPanel .cover-chekbox label {
      line-height: initial;
      border: none;
      background-color: transparent; }
      .auto-list-wrap .filterPanel .cover-chekbox label:hover {
        background-color: transparent; }
    .auto-list-wrap .filterPanel .cover-chekbox .exel-export-list li label {
      position: absolute;
      top: 0;
      right: 0;
      height: 26px;
      width: 20px;
      line-height: 26px; }
    .auto-list-wrap .filterPanel .cover-chekbox .exel-export-list li + .exel-export-list {
      right: 50px; }

#QRCode img {
  display: block;
  margin: 10px auto 20px; }

.viewerImage {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px; }
  .viewerImage img {
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    position: absolute;
    margin: 0; }

#image-viewer img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  padding: 1%; }

#image-viewer .div-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: auto;
  min-width: auto; }
  #image-viewer .div-content:before {
    width: 0; }

.store-image {
  position: relative;
  z-index: 2; }

[data-image-viewer] {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

[data-сhange-password] form {
  -webkit-box-shadow: none;
  box-shadow: none; }

.store-image > button {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2; }

.custom-icon {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: -2px !important;
  margin-right: 1px;
  margin-bottom: -3px;
  background: #fff;
  border: 1px solid #999; }
  .custom-icon.top-left:before {
    top: 0;
    left: 0; }
  .custom-icon.top-right:before {
    top: 0;
    right: 0; }
  .custom-icon.bottom-left:before {
    bottom: 0;
    left: 0; }
  .custom-icon.bottom-right:before {
    bottom: 0;
    right: 0; }
  .custom-icon:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #999; }

.select-new {
  position: relative;
  display: inline-block;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #f5f5f5; }
  .select-new .cover-chekbox {
    margin-top: -15px; }
  .select-new .select-label {
    position: relative;
    display: inline-block;
    text-indent: 10px;
    font-size: 12px;
    line-height: 24px;
    color: #999; }
    .select-new .select-label:before {
      position: absolute;
      content: '*';
      top: -2px;
      left: -5px; }
    .select-new .select-label.already_used, .select-new .select-label.no_store_plan, .select-new .select-label.no_access_rights {
      color: #FE6246; }
    .select-new .select-label.already_present, .select-new .select-label.incorrect_status, .select-new .select-label.no_equipment {
      color: #FFBC24; }
  .select-new .selected {
    position: relative;
    padding-left: 5px;
    line-height: 30px;
    font-size: 14px; }
  .select-new .right-panel {
    position: absolute;
    top: 50%;
    right: 35px;
    z-index: 100; }
  .select-new .left-panel {
    z-index: 100; }
  .select-new.half {
    width: 50%; }
  .select-new.full {
    width: 100%; }

.new-table {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000; }

.corner-icon {
  top: 30px; }

.comander-grid .comander-header {
  min-height: 62px; }

.comander-grid .comander-body,
.comander-grid .auto-list-wrap {
  height: calc(100vh - 135px); }

.file-upload {
  padding: 6px 5px; }
  .file-upload input[type="file"] {
    display: none; }
  .file-upload label {
    position: relative;
    width: 100%;
    min-height: 50px;
    height: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #ccc;
    border: 4px dashed #f5f5f5; }
    .file-upload label .uploud-file-tooltip {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.drag-store-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px; }

.equip-text-wrap {
  overflow: hidden;
  width: 65%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

#mailing .title-small {
  text-transform: lowercase;
  margin-bottom: 0px; }

#mailing .hint-block {
  min-height: 120px; }
  #mailing .hint-block span {
    line-height: 50px; }

#mailing .container-fluid.clrp {
  height: 120px; }
  #mailing .container-fluid.clrp input {
    -webkit-box-shadow: none;
    box-shadow: none; }
  #mailing .container-fluid.clrp .tag-list {
    height: 50px;
    margin-top: 10px;
    min-height: auto; }
    #mailing .container-fluid.clrp .tag-list .hint-block {
      min-height: 40px; }
      #mailing .container-fluid.clrp .tag-list .hint-block span {
        line-height: 28px; }

#mailing .auto-list-wrap {
  height: calc(100vh - 429px);
  max-height: initial; }

.reportList {
  font-family: 'RobotoLight';
  color: #111;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  padding: 3px 3px 0px 0px; }
  .reportList .report-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    -webkit-box-shadow: 0 0 4px -1px #999;
    box-shadow: 0 0 4px -1px #999; }
    .reportList .report-item.unclick {
      opacity: 0.3; }
      .reportList .report-item.unclick div:not(:nth-child(1)) {
        pointer-events: none; }
    .reportList .report-item:last-child {
      margin-bottom: 0px; }
    .reportList .report-item .tag-list li {
      padding: 0px 0px 0px 5px;
      -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }
    .reportList .report-item .date-checkbox {
      display: initial; }
      .reportList .report-item .date-checkbox:before, .reportList .report-item .date-checkbox:after {
        position: absolute;
        content: '';
        height: 67%;
        width: 2px;
        background: #f5f5f5;
        margin-top: 5px; }
      .reportList .report-item .date-checkbox .report-week {
        position: fixed; }
      .reportList .report-item .date-checkbox .calendar-wrap {
        height: 140px;
        position: fixed; }
        .reportList .report-item .date-checkbox .calendar-wrap .week, .reportList .report-item .date-checkbox .calendar-wrap .week.names span {
          cursor: default; }
          .reportList .report-item .date-checkbox .calendar-wrap .week .day, .reportList .report-item .date-checkbox .calendar-wrap .week.names span .day {
            cursor: pointer; }
          .reportList .report-item .date-checkbox .calendar-wrap .week .disable-day, .reportList .report-item .date-checkbox .calendar-wrap .week.names span .disable-day {
            pointer-events: none;
            cursor: default; }
          .reportList .report-item .date-checkbox .calendar-wrap .week span.disable-day.selected, .reportList .report-item .date-checkbox .calendar-wrap .week.names span span.disable-day.selected {
            color: #ccc !important; }
            .reportList .report-item .date-checkbox .calendar-wrap .week span.disable-day.selected:after, .reportList .report-item .date-checkbox .calendar-wrap .week.names span span.disable-day.selected:after {
              background-color: #fff; }
      .reportList .report-item .date-checkbox .calendar-wrap.static-day {
        height: auto; }
        .reportList .report-item .date-checkbox .calendar-wrap.static-day .static-calendar {
          width: 100px;
          min-height: unset; }
          .reportList .report-item .date-checkbox .calendar-wrap.static-day .static-calendar .day {
            width: calc(100% / 3);
            height: 21px; }
      .reportList .report-item .date-checkbox .report-date {
        display: inline-block;
        min-width: 50px;
        text-transform: capitalize;
        position: relative;
        overflow: hidden;
        width: 49%;
        vertical-align: top;
        text-align: center;
        border-radius: unset;
        border: unset;
        color: #111; }
        .reportList .report-item .date-checkbox .report-date span {
          font-size: 12px;
          line-height: 30px;
          padding: 0px;
          pointer-events: none; }
    .reportList .report-item .report-input {
      font-size: 15px;
      line-height: 30px; }
      .reportList .report-item .report-input input {
        height: 20px;
        width: 20px;
        text-align: center;
        font-size: 15px; }
    .reportList .report-item span {
      padding-left: 5px; }

.dashboard-panel {
  max-width: calc(100vw - 50px); }
  .dashboard-panel .data-section {
    max-width: 100vw;
    height: calc((100vh - 31px)/2);
    padding: 12px 15px 5px 0px;
    position: relative; }
    .dashboard-panel .data-section:after {
      position: absolute;
      content: '';
      top: 0px;
      left: 1%;
      height: 1px;
      width: 98%;
      background: #ccc; }
    .dashboard-panel .data-section .preloader-local {
      top: 0px;
      height: 100%; }
      .dashboard-panel .data-section .preloader-local .preloader {
        top: 55%;
        left: 41%; }
    .dashboard-panel .data-section .length-info {
      position: absolute;
      font-size: 11px;
      right: calc(75% + 20px);
      top: 9px;
      z-index: 100; }
    .dashboard-panel .data-section .auto-list-wrap {
      height: calc((100vh - 76px)/2); }
      .dashboard-panel .data-section .auto-list-wrap .list-header .header-auto-list .mtrInput .clear-search {
        position: absolute;
        top: 18px;
        right: 3px;
        border-radius: 0px;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: unset; }
        .dashboard-panel .data-section .auto-list-wrap .list-header .header-auto-list .mtrInput .clear-search:disabled {
          background-color: unset !important; }
          .dashboard-panel .data-section .auto-list-wrap .list-header .header-auto-list .mtrInput .clear-search:disabled i {
            color: #ccc; }
      .dashboard-panel .data-section .auto-list-wrap .marketList {
        padding-left: 5px;
        max-width: calc(100% - 12px); }
        .dashboard-panel .data-section .auto-list-wrap .marketList h4 {
          max-width: calc(100% - 68px);
          white-space: nowrap;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis; }
        .dashboard-panel .data-section .auto-list-wrap .marketList .market-item {
          max-height: 35px; }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item.tree-item:before {
            position: absolute;
            content: '';
            left: -12px;
            bottom: 16px;
            width: 6px;
            height: 15px;
            background-color: transparent;
            border-left: 1px dashed #ccc;
            border-bottom: 1px dashed #ccc; }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item:hover span {
            width: auto; }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item a {
            margin-right: 6px;
            color: #111; }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item.active:before {
            background-color: #ffcc00; }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item .item-edit-panel .no-share {
            margin-right: 6px; }
            .dashboard-panel .data-section .auto-list-wrap .marketList .market-item .item-edit-panel .no-share:before {
              content: "";
              border-bottom: 1px solid red;
              position: absolute;
              width: 105%;
              height: 50%;
              top: 2px;
              left: -1px;
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              z-index: -1; }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item .store-fa {
            color: #ccc;
            font-size: 12px;
            -webkit-transform: translate(-1px, -12px);
            -ms-transform: translate(-1px, -12px);
            transform: translate(-1px, -12px); }
          .dashboard-panel .data-section .auto-list-wrap .marketList .market-item .in-out-item {
            vertical-align: top;
            height: 14px; }
            .dashboard-panel .data-section .auto-list-wrap .marketList .market-item .in-out-item .task-item {
              position: absolute;
              margin-top: 0px;
              border-radius: unset;
              width: 4px;
              height: 80%;
              top: 10%; }

.big-chart-block .button-wrap, .small-chart-block .button-wrap, .dashboard-header .button-wrap {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 30px; }

.big-chart-block .hint-block, .small-chart-block .hint-block, .dashboard-header .hint-block {
  height: 100%;
  min-height: unset;
  background-color: #fff; }
  .big-chart-block .hint-block span, .small-chart-block .hint-block span, .dashboard-header .hint-block span {
    width: 70%;
    line-height: 90px; }

.big-chart-block, .small-chart-block {
  position: relative;
  height: calc((100vh - 76px)/2);
  max-width: calc(100vw - 25% - 66.5px);
  padding-left: 25px; }
  .big-chart-block:after, .small-chart-block:after {
    position: absolute;
    content: '';
    left: 18px;
    top: 3%;
    width: 1px;
    height: 94%;
    background: #ccc; }
  .big-chart-block .button-wrap .btn, .small-chart-block .button-wrap .btn {
    line-height: 30px; }
  .big-chart-block .button-wrap .info, .small-chart-block .button-wrap .info {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 2px;
    height: 30px;
    position: absolute;
    z-index: -1;
    -webkit-transform: translate(-90%, 0%);
    -ms-transform: translate(-90%, 0%);
    transform: translate(-90%, 0%); }
    .big-chart-block .button-wrap .info span, .small-chart-block .button-wrap .info span {
      font-size: 14px;
      padding: 5px 25px 5px 10px; }
  .big-chart-block .svg-container, .small-chart-block .svg-container {
    overflow-y: hidden;
    display: inline-block; }
    .big-chart-block .svg-container.custom-scroll, .small-chart-block .svg-container.custom-scroll {
      max-height: unset; }
  .big-chart-block .yAxis, .small-chart-block .yAxis {
    height: calc(100% - 30px);
    top: 30px;
    position: absolute;
    display: inline-block; }

.chart-tooltip {
  position: absolute;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  pointer-events: none; }
  .chart-tooltip .t-key, .chart-tooltip .t-value {
    display: inline-block; }

.breadcrumbs {
  position: absolute;
  color: #b3b0b0;
  padding-left: 2px;
  font-size: 11px; }

#analytic-ctrl {
  height: 100vh;
  background: #f9f9f9; }
  #analytic-ctrl svg {
    opacity: 0.7; }
  #analytic-ctrl .header-block {
    height: calc(20vh - 31px);
    margin-bottom: 2%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.2%; }
    #analytic-ctrl .header-block .dashboard-header {
      width: 18.35%;
      margin-left: 1.35%;
      display: inline-block;
      height: 100%;
      border: 1px solid #e6e3e3; }
      #analytic-ctrl .header-block .dashboard-header .svg-container {
        position: relative; }
  #analytic-ctrl .dashboard-block {
    position: relative;
    padding: 2% 1.2% 2% 1.2%;
    height: calc((80vh - 31px)/2);
    width: 100%; }
    #analytic-ctrl .dashboard-block .exel-export-list {
      min-height: unset; }
    #analytic-ctrl .dashboard-block .speedometer-info {
      position: absolute;
      right: calc(1.2% + 7px); }
    #analytic-ctrl .dashboard-block .chart-header {
      position: absolute;
      top: 0px;
      width: 78%;
      display: initial;
      color: #828080; }
      #analytic-ctrl .dashboard-block .chart-header i {
        padding-left: 5px;
        font-size: 12px;
        vertical-align: 2px; }
      #analytic-ctrl .dashboard-block .chart-header .info {
        font-size: 12px;
        display: inline;
        padding-left: 10px; }
        #analytic-ctrl .dashboard-block .chart-header .info .to-add {
          border-radius: unset;
          border: 1px solid #cccccc;
          display: inline-block;
          vertical-align: 4px;
          width: 10px;
          height: 10px; }
        #analytic-ctrl .dashboard-block .chart-header .info .caret {
          font-size: 22px;
          opacity: 0.7; }
        #analytic-ctrl .dashboard-block .chart-header .info span {
          vertical-align: 2px; }
    #analytic-ctrl .dashboard-block .big-chart-block {
      width: 79.5%;
      height: 100%;
      margin-right: 1.4%;
      display: inline-block;
      max-width: unset;
      background: #fff;
      border: 1px solid #e6e3e3; }
      #analytic-ctrl .dashboard-block .big-chart-block:after {
        content: none; }
      #analytic-ctrl .dashboard-block .big-chart-block .button-wrap {
        padding: 3px 4px 0px 0px; }
    #analytic-ctrl .dashboard-block .small-chart-block {
      position: absolute;
      height: 80%;
      width: 18.35%;
      border: 1px solid #e6e3e3;
      display: inline-block;
      background: #fff; }
      #analytic-ctrl .dashboard-block .small-chart-block:after {
        content: none; }
  #analytic-ctrl .button-wrap {
    z-index: 2; }
    #analytic-ctrl .button-wrap:hover .info-context {
      display: block; }
    #analytic-ctrl .button-wrap .info-context {
      width: 264px;
      right: 0px;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      position: absolute;
      font-size: 12px;
      padding: 10px;
      margin: -7px 17px 0px 0px;
      -webkit-filter: drop-shadow(0 0 6px #ccc);
      filter: drop-shadow(0 0 6px #ccc);
      border-radius: 10px;
      display: none;
      background: #fff; }
      #analytic-ctrl .button-wrap .info-context .caret {
        font-size: 20px;
        vertical-align: -2px; }

#tasks-ctrl {
  height: calc(100vh - 31px); }
  #tasks-ctrl [data-donut-chart] {
    height: calc((100vh - 76px)/2); }
    #tasks-ctrl [data-donut-chart] .svg-container .donut-legend {
      cursor: pointer; }
  #tasks-ctrl .big-chart-block .exel-export-list.custom-scroll {
    max-height: 300px; }
  #tasks-ctrl .big-chart-block .chart-search {
    z-index: 1; }
    #tasks-ctrl .big-chart-block .chart-search .mtrInput {
      top: -17px; }
      #tasks-ctrl .big-chart-block .chart-search .mtrInput input {
        border-radius: unset;
        padding-left: 5px;
        font-size: 14px;
        height: 30px; }
    #tasks-ctrl .big-chart-block .chart-search .exel-export-list {
      right: 0px;
      width: 100%;
      min-height: unset; }
  #tasks-ctrl .auto-list-wrap {
    height: 100%; }
    #tasks-ctrl .auto-list-wrap .marketList .market-item {
      max-height: 50px; }
      #tasks-ctrl .auto-list-wrap .marketList .market-item h4 {
        line-height: 28px;
        padding-left: 10px;
        min-height: unset;
        max-width: calc(100% - 20px); }

#popup-publish-config .report-item .date-checkbox label {
  height: 40px;
  line-height: 40px; }

#popup-publish-config .report-item .date-checkbox .exel-export-list {
  position: absolute; }
  #popup-publish-config .report-item .date-checkbox .exel-export-list:before {
    top: unset; }

#popup-publish-config .report-item .date-checkbox .report-date span {
  padding: 5px;
  border-radius: 8px;
  background-color: #f5f5f5; }
  #popup-publish-config .report-item .date-checkbox .report-date span span {
    padding: unset; }

#popup-publish-config .report-item .report-name div {
  padding: 10px 0px; }

#popup-publish-config .report-item .report-name .mtrCheckBox__fakeBox {
  margin: 0 5px; }

#popup-publish-config .report-item .selected-period-block {
  border: unset; }
  #popup-publish-config .report-item .selected-period-block .calendar-wrap {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 44px; }
    #popup-publish-config .report-item .selected-period-block .calendar-wrap calendar, #popup-publish-config .report-item .selected-period-block .calendar-wrap .static-calendar {
      min-height: unset;
      margin: unset; }
  #popup-publish-config .report-item .selected-period-block .subtitle {
    cursor: pointer; }

#store-analytic .item-edit-panel button.active,
#planogram-analytic .item-edit-panel button.active {
  position: relative; }
  #store-analytic .item-edit-panel button.active:before,
  #planogram-analytic .item-edit-panel button.active:before {
    position: absolute;
    content: '';
    top: 2px;
    right: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #009788; }

#heatmap-wrap #heatmap {
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.entity-panel .entity-name {
  position: relative;
  width: 70%;
  min-width: 185px;
  line-height: 37px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px #999;
  box-shadow: 1px 1px 4px #999;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px; }

.entity-panel .entity-options {
  position: absolute;
  top: 10px;
  right: 10px; }

body .user-avatar,
body .upload-image {
  position: relative;
  min-height: 215px;
  text-align: center;
  overflow: hidden; }
  body .user-avatar.not-set,
  body .upload-image.not-set {
    border: 1px dashed #ccc; }
    body .user-avatar.not-set button,
    body .upload-image.not-set button {
      top: 50%;
      left: 50%;
      border-radius: 0;
      min-width: 40px !important;
      min-height: 40px !important;
      font-size: 20px !important;
      opacity: 0.8;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  body .user-avatar button,
  body .upload-image button {
    position: absolute;
    top: 5px;
    left: 5px; }
  body .user-avatar img,
  body .upload-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

body .access-role-list-wrap {
  -webkit-box-shadow: 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px #ccc; }
  body .access-role-list-wrap .icon-material {
    float: none;
    vertical-align: baseline; }

.bd-top {
  border-top: 1px solid; }
  .bd-top.bd-gray {
    border-color: #ccc; }

#users-list .user-search button,
#profile-card .user-search button {
  margin-left: 5px;
  vertical-align: middle; }

#users-list .user-search input[type="text"],
#profile-card .user-search input[type="text"] {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 5px 0; }

#users-list .marketList > li,
#profile-card .marketList > li {
  padding: 3px 0;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; }
  #users-list .marketList > li:nth-child(odd),
  #profile-card .marketList > li:nth-child(odd) {
    background-color: #f5f5f5; }

#users-list .marketList .user-row:hover,
#profile-card .marketList .user-row:hover {
  -webkit-box-shadow: inset 0px 0px 3px #999;
  box-shadow: inset 0px 0px 3px #999; }

#users-list .col,
#profile-card .col {
  position: relative;
  min-height: 35px; }
  #users-list .col .col-content,
  #profile-card .col .col-content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #users-list .col .col-content.right,
    #profile-card .col .col-content.right {
      left: initial;
      right: 0; }

#users-list .btn.full,
#profile-card .btn.full {
  border: none;
  border-radius: 0; }

#users-list .user-add-role-wrap,
#profile-card .user-add-role-wrap {
  position: relative; }
  #users-list .user-add-role-wrap .card-block,
  #profile-card .user-add-role-wrap .card-block {
    position: absolute;
    top: 103%;
    right: 0;
    z-index: 101;
    min-width: 250px; }
    #users-list .user-add-role-wrap .card-block.bottom,
    #profile-card .user-add-role-wrap .card-block.bottom {
      bottom: 115%;
      top: initial; }
    #users-list .user-add-role-wrap .card-block .auto-list-wrap,
    #profile-card .user-add-role-wrap .card-block .auto-list-wrap {
      height: 280px; }

#users-list .tag-list li,
#profile-card .tag-list li {
  padding: 0px 0px 0px 5px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3); }

#users-list .user-is-god:before,
#profile-card .user-is-god:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #009788; }

#users-list .user-own-role:before,
#profile-card .user-own-role:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFBC24; }

#users-list .tag-own-role,
#profile-card .tag-own-role {
  background-color: #FFBC24; }

#collage-group .btn.full {
  border-radius: 0;
  border: none; }
  #collage-group .btn.full:disabled {
    color: #fff; }

.collage {
  overflow: auto;
  padding: 20px 10px;
  margin-bottom: 50px;
  text-align: center;
  white-space: nowrap; }
  .collage .upload-image {
    width: 180px;
    height: 250px;
    vertical-align: top; }
  .collage .collage-image {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    cursor: pointer;
    height: 250px; }
    .collage .collage-image .load-image {
      height: 100%; }
    .collage .collage-image .btn-arrow .left,
    .collage .collage-image .btn-arrow .right,
    .collage .collage-image .remove-image {
      width: 20px !important;
      min-width: 25px !important;
      line-height: 25px !important;
      height: 25px !important;
      font-size: 12px !important; }
    .collage .collage-image .btn-arrow,
    .collage .collage-image .remove-image {
      opacity: 0;
      z-index: -1; }
    .collage .collage-image .remove-image {
      position: absolute;
      top: -10px;
      right: -10px;
      cursor: pointer; }
    .collage .collage-image .btn-arrow {
      width: 100%; }
      .collage .collage-image .btn-arrow .left,
      .collage .collage-image .btn-arrow .right {
        -webkit-box-shadow: 0 0 4px #ccc;
        box-shadow: 0 0 4px #ccc;
        position: absolute; }
      .collage .collage-image .btn-arrow .left {
        left: -10px; }
      .collage .collage-image .btn-arrow .right {
        right: -10px; }
    .collage .collage-image.active {
      -webkit-box-shadow: 0 0 4px #ccc;
      box-shadow: 0 0 4px #ccc; }
      .collage .collage-image.active:first-child .btn-arrow .left {
        display: none; }
      .collage .collage-image.active:last-child .btn-arrow .right {
        display: none; }
      .collage .collage-image.active .btn-arrow,
      .collage .collage-image.active .remove-image {
        opacity: 1;
        z-index: 9; }
  .collage .submit {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 10px !important; }

.extend-wrap {
  position: relative;
  min-height: 80px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  border-right: 2px solid #ccc; }
  .extend-wrap:last-child {
    border-right: none; }
  .extend-wrap .popupSlider {
    position: absolute;
    right: 0;
    color: #111; }
  .extend-wrap .extend-btn .fa {
    font-size: 24px; }
  .extend-wrap .addedExtend {
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 5px;
    right: 7px;
    background-color: #999;
    border-radius: 50%;
    opacity: 0; }
    .extend-wrap .addedExtend.active {
      opacity: 1; }

#access-groups .marketList > li,
#user-access-role .marketList > li {
  padding: 3px; }
  #access-groups .marketList > li:nth-child(odd),
  #user-access-role .marketList > li:nth-child(odd) {
    background-color: #f5f5f5; }

#access-groups .select-new.custom,
#user-access-role .select-new.custom {
  width: calc(100% - 15px);
  padding-top: 5px;
  margin-bottom: 10px;
  border-bottom-color: #ccc; }
  #access-groups .select-new.custom .selected,
  #user-access-role .select-new.custom .selected {
    margin-top: 13px; }

#access-groups .hint-block,
#user-access-role .hint-block {
  min-height: 150px; }

#access-groups .card-block,
#user-access-role .card-block {
  min-height: calc( (100vh - 150px) / 3);
  padding: 5px; }
  #access-groups .card-block:before,
  #user-access-role .card-block:before {
    width: 5px; }
  #access-groups .card-block.disabled:before,
  #user-access-role .card-block.disabled:before {
    background-color: #ccc; }
  #access-groups .card-block.disabled .img-wrap .icon,
  #user-access-role .card-block.disabled .img-wrap .icon {
    color: #ccc; }
  #access-groups .card-block .img-wrap,
  #user-access-role .card-block .img-wrap {
    height: 70px; }
    #access-groups .card-block .img-wrap .icon,
    #user-access-role .card-block .img-wrap .icon {
      font-size: 60px; }
  #access-groups .card-block .select-new,
  #user-access-role .card-block .select-new {
    border: none; }
  #access-groups .card-block hr,
  #user-access-role .card-block hr {
    width: 70%;
    margin: 5px auto 0; }
  #access-groups .card-block .mtrCheckBox,
  #user-access-role .card-block .mtrCheckBox {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 50%;
    margin-left: -50%;
    padding: 0 15px;
    text-align: center; }
    #access-groups .card-block .mtrCheckBox .mtrCheckBox__fakeBox,
    #user-access-role .card-block .mtrCheckBox .mtrCheckBox__fakeBox {
      position: absolute; }
    #access-groups .card-block .mtrCheckBox .mtrCheckBox__text,
    #user-access-role .card-block .mtrCheckBox .mtrCheckBox__text {
      display: inline-block;
      width: 100%; }

#access-groups .move-all-resources button,
#user-access-role .move-all-resources button {
  background-color: transparent;
  font-size: 16px; }

#access-groups .move-all-resources .default-resource-status,
#user-access-role .move-all-resources .default-resource-status {
  position: absolute;
  top: 0px;
  right: -10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent; }
  #access-groups .move-all-resources .default-resource-status.read,
  #user-access-role .move-all-resources .default-resource-status.read {
    background-color: #FFBC24; }
  #access-groups .move-all-resources .default-resource-status.write,
  #user-access-role .move-all-resources .default-resource-status.write {
    background-color: #009788; }

#access-groups .at-carousel-wrap .at-carousel-pagination,
#user-access-role .at-carousel-wrap .at-carousel-pagination {
  bottom: 12px; }

#access-groups .access-resource .mtrInput input,
#user-access-role .access-resource .mtrInput input {
  margin: 5px 0px !important; }

#components-panel .list-header .mtrBtsOptions button {
  width: 20px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  #components-panel .list-header .mtrBtsOptions button:hover {
    color: unset !important;
    background-color: unset !important; }

#save-reminder {
  height: 42px;
  z-index: 10000; }
  #save-reminder:before {
    position: absolute;
    content: attr(data-reminder-text);
    width: 100%;
    top: 0;
    left: 0;
    line-height: 42px;
    color: #fff; }

.bd-none {
  border: none !important; }

.w1 {
  width: 100%; }

.w2 {
  width: 50%; }

.w3 {
  width: 33.3333%; }

.w4 {
  width: 25%; }

.w5 {
  width: 20%; }

*::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px; }

*:-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px; }

*::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px; }

*:-ms-input-placeholder {
  color: #666;
  opacity: 1;
  font-size: 14px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.base-textarea {
  width: 100%;
  min-height: 50px;
  border: 1px solid #f5f5f5;
  resize: none; }

form {
  padding: 20px;
  margin: 0 auto;
  max-width: 600px;
  min-width: 500px;
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0 0px 4px #ccc;
  box-shadow: 0 0px 4px #ccc;
  border-radius: 3px; }
  form button.close {
    position: absolute;
    font-size: 15px;
    top: 0;
    right: 0;
    background-color: transparent; }
  form.full {
    width: 100%;
    max-width: 100%; }

.form-group {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden; }
  .form-group.form-group--dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    color: #333;
    text-transform: capitalize; }
  .form-group.form-group--permission {
    margin-bottom: 0;
    overflow: auto; }
    .form-group.form-group--permission input[type="checkbox"]:checked + label {
      background-color: #111; }
  .form-group.visible {
    overflow: visible; }
  .form-group.absolute {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 100;
    padding: 0 15px; }
  .form-group.form-group--popup {
    display: inline-block;
    float: left;
    width: 47%;
    margin-left: 10px; }
    .form-group.form-group--popup:nth-child(2n+1) {
      margin-left: 15px; }
  .form-group.search {
    margin-bottom: 0; }
    .form-group.search .btn.material {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40px;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      min-width: 40px;
      line-height: 22px; }
    .form-group.search .open-filter {
      position: absolute;
      top: 3px;
      right: 20px;
      font-size: 22px;
      cursor: pointer; }
      .form-group.search .open-filter.active:before {
        content: "\f0d8"; }
      .form-group.search .open-filter:before {
        position: absolute;
        content: "\f0d7";
        font-family: "FontAwesome"; }
    .form-group.search label.active {
      background-color: #fff; }
    .form-group.search.double {
      margin-top: 0; }
      .form-group.search.double button {
        position: absolute;
        top: 0;
        width: 40px !important;
        height: 40px !important;
        text-align: center;
        line-height: 40px;
        color: #fff; }
        .form-group.search.double button.active {
          background-color: #fff;
          border-right: none; }
        .form-group.search.double button:nth-child(2) {
          left: 40px;
          border-radius: 0; }
        .form-group.search.double button:nth-child(3) {
          left: 0;
          border-radius: 3px 0 0 3px;
          cursor: pointer; }
      .form-group.search.double input[type="text"]:focus, .form-group.search.double input[type="email"]:focus, .form-group.search.double input[type="password"]:focus, .form-group.search.double input[type="number"]:focus {
        padding-left: 90px; }
      .form-group.search.double input[type="text"] + label,
      .form-group.search.double input[type="email"] + label,
      .form-group.search.double input[type="password"] + label,
      .form-group.search.double input[type="number"] + label,
      .form-group.search.double textarea + label {
        width: 40px;
        left: 40px; }
  .form-group.custom-card-render {
    text-align: right; }
    .form-group.custom-card-render input[type="text"] {
      width: 90%;
      border-right: none;
      margin-right: -2px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .form-group.custom-card-render .btn-render {
      background-color: transparent;
      color: #ccc;
      font-size: 20px;
      border: 1px solid;
      padding: 0 8px;
      line-height: 38px;
      height: 40px;
      vertical-align: bottom;
      border-right: none;
      border-left: none; }
      .form-group.custom-card-render .btn-render.filter {
        position: relative;
        top: 0;
        right: 0;
        height: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        overflow: hidden; }
        .form-group.custom-card-render .btn-render.filter i {
          line-height: 38px; }
      .form-group.custom-card-render .btn-render:last-child {
        margin-right: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-right: 1px solid; }
      .form-group.custom-card-render .btn-render.active {
        border-color: #ccc; }
      .form-group.custom-card-render .btn-render:hover {
        overflow: visible; }
        .form-group.custom-card-render .btn-render:hover .exel-export-list {
          right: 0; }
  .form-group.select {
    display: inline-block;
    min-width: 320px;
    margin-bottom: 0; }
  .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group input[type="number"], .form-group textarea {
    width: 100%;
    height: 40px;
    padding: 10px 10px 10px 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    color: #666;
    border-radius: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
  .form-group textarea {
    height: auto;
    min-height: 200px;
    padding: 50px 10px 10px 10px; }
  .form-group input[type="text"] + label,
  .form-group input[type="email"] + label,
  .form-group input[type="password"] + label,
  .form-group input[type="number"] + label,
  .form-group textarea + label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    font-weight: bold;
    width: 80px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px 0 0 3px;
    transform: translateZ(0) translateX(0);
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
  .form-group textarea + label {
    width: 100%;
    border-radius: 3px 3px 0 0; }
  .form-group select + label {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    line-height: 30px;
    width: 32px;
    text-align: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s; }
  .form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="password"]:focus, .form-group input[type="number"]:focus {
    padding-left: 10px; }
  .form-group textarea:focus {
    padding-top: 10px; }
  .form-group input[type="text"]:focus + label, .form-group input[type="email"]:focus + label, .form-group input[type="password"]:focus + label, .form-group input[type="number"]:focus + label {
    width: 0;
    font-size: 0; }
  .form-group textarea:focus + label {
    transform: translateZ(0) translateY(-100%);
    -webkit-transform: translateZ(0) translateY(-100%);
    -moz-transform: translateZ(0) translateY(-100%);
    -o-transform: translateZ(0) translateY(-100%); }
  .form-group input[type="checkbox"], .form-group input[type="radio"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0; }
  .form-group input[type="radio"] + label {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    background: #ccc;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .form-group input[type="radio"] + label:before {
      content: '';
      position: absolute;
      display: block;
      height: 10px;
      width: 10px;
      top: 50%;
      left: 50%;
      background: white;
      -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
      border-radius: 100%;
      transform: translateZ(0) translate(-50%, -50%) scale(0);
      -webkit-transform: translateZ(0) translate(-50%, -50%) scale(0);
      -moz-transform: translateZ(0) translate(-50%, -50%) scale(0);
      -o-transform: translateZ(0) translate(-50%, -50%) scale(0);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
  .form-group input[type="radio"]:checked + label {
    background: #FE6246; }
    .form-group input[type="radio"]:checked + label:before {
      transform: translateZ(0) translate(-50%, -50%) scale(1);
      -webkit-transform: translateZ(0) translate(-50%, -50%) scale(1);
      -moz-transform: translateZ(0) translate(-50%, -50%) scale(1);
      -o-transform: translateZ(0) translate(-50%, -50%) scale(1); }
  .form-group div.checkbox + span.label,
  .form-group input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -9999px;
    background: #ccc;
    width: 29px;
    height: 15px;
    cursor: pointer;
    border-radius: 100px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .form-group div.checkbox + span.label:before,
    .form-group input[type="checkbox"] + label:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 100px;
      transform: translateZ(0) scale(0);
      -webkit-transform: translateZ(0) scale(0);
      -moz-transform: translateZ(0) scale(0);
      -o-transform: translateZ(0) scale(0);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
    .form-group div.checkbox + span.label:after,
    .form-group input[type="checkbox"] + label:after {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      display: block;
      height: 11px;
      width: 11px;
      background: white;
      -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
      border-radius: 100%;
      transform: translateZ(0) translateX(0);
      -webkit-transform: translateZ(0) translateX(0);
      -moz-transform: translateZ(0) translateX(0);
      -o-transform: translateZ(0) translateX(0);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
  .form-group div.checkbox.active + span.label:after,
  .form-group input[type="checkbox"]:checked + label:after {
    left: calc(100% - 13px);
    left: -o-calc(100% - 13px);
    left: -webkit-calc(100% - 13px);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0); }
  .form-group select {
    text-indent: 7px;
    height: 40px;
    width: 100%;
    display: inline-block;
    margin: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    padding-right: 32px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-text-overflow: '';
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
    outline: none;
    border-radius: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .form-group select:focus {
      outline: none; }
      .form-group select:focus + label {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg); }
  .form-group .custom-select {
    position: absolute;
    top: 25px;
    min-width: 206px;
    z-index: 10;
    padding: 5px;
    left: 0;
    max-height: 250px;
    max-width: 260px;
    margin: 0px;
    overflow: auto !important;
    border-radius: 2px; }
    .form-group .custom-select.drag-dropdown li {
      padding-left: 20px; }
      .form-group .custom-select.drag-dropdown li:hover {
        padding-left: 25px; }
    .form-group .custom-select li {
      text-transform: lowercase;
      font-size: 12px;
      border-bottom: 1px solid #f5f5f5;
      cursor: pointer;
      -webkit-transition: padding 0.3s;
      -o-transition: padding 0.3s;
      transition: padding 0.3s;
      position: relative; }
      .form-group .custom-select li i {
        padding-right: 2px; }
      .form-group .custom-select li:last-child {
        border: none; }
      .form-group .custom-select li .add-tag {
        position: absolute;
        right: 0;
        top: 1px;
        height: 18px;
        width: 18px;
        text-align: center;
        line-height: 18px;
        background-color: #f5f5f5;
        border-radius: 2px;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); }
        .form-group .custom-select li .add-tag i {
          color: #999;
          padding: 0;
          font-size: 10px; }
      .form-group .custom-select li .product-categori {
        padding-left: 10px; }
        .form-group .custom-select li .product-categori li {
          position: relative; }
          .form-group .custom-select li .product-categori li i.fa-angle-right {
            position: absolute;
            top: 4px;
            left: -6px; }

.wrapperItem {
  margin: 0 2px; }
  .wrapperItem.wrapperItem--name {
    width: 80%;
    overflow: hidden;
    white-space: nowrap; }

.addui-slider {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .addui-slider.addui-slider-horizontal {
    height: 85px;
    padding-top: 30px;
    margin: 16px 25px; }
    .addui-slider.addui-slider-horizontal .addui-slider-track {
      height: 4px;
      width: 100%;
      top: 23px;
      left: 0; }
      .addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-range {
        width: auto;
        height: 4px; }
      .addui-slider.addui-slider-horizontal .addui-slider-track .addui-slider-handle {
        left: auto;
        top: -24px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%); }
  .addui-slider * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .addui-slider:not(.addui-slider-isrange) {
    cursor: pointer; }
  .addui-slider .output {
    position: absolute;
    bottom: -5px;
    width: 100%;
    text-align: center;
    color: #111;
    font-size: 16px; }
  .addui-slider .addui-slider-track {
    display: block;
    position: relative;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 4px; }
    .addui-slider .addui-slider-track .addui-slider-range {
      display: block;
      background: #54BEEA;
      position: absolute;
      border-radius: 4px; }
    .addui-slider .addui-slider-track .addui-slider-handle {
      display: block;
      width: 50px;
      height: 50px;
      background: rgba(44, 188, 153, 0);
      -webkit-box-shadow: 0 0 5px rgba(44, 188, 153, 0);
      box-shadow: 0 0 5px rgba(44, 188, 153, 0);
      position: absolute;
      border-radius: 50px;
      cursor: pointer;
      z-index: 0; }
      .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value {
        display: block;
        background: rgba(44, 188, 153, 0);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-top: 0px;
        color: white;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        z-index: 1;
        left: 5px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s; }
        .addui-slider .addui-slider-track .addui-slider-handle .addui-slider-value span {
          display: block;
          width: 100%;
          height: 100%;
          font-size: 14px !important;
          text-align: center;
          color: #fff;
          line-height: 40px;
          position: absolute;
          z-index: 1; }
      .addui-slider .addui-slider-track .addui-slider-handle:hover {
        -webkit-box-shadow: 0 0 5px rgba(44, 188, 153, 0.5);
        box-shadow: 0 0 5px rgba(44, 188, 153, 0.5); }
        .addui-slider .addui-slider-track .addui-slider-handle:hover .addui-slider-value {
          background: rgba(44, 188, 153, 0.5);
          opacity: 1;
          margin-top: -42px; }
      .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active {
        background: rgba(44, 188, 153, 0.5);
        -webkit-box-shadow: 0 0 5px rgba(44, 188, 153, 0.5);
        box-shadow: 0 0 5px rgba(44, 188, 153, 0.5); }
        .addui-slider .addui-slider-track .addui-slider-handle.addui-slider-handle-active .addui-slider-value {
          background: rgba(44, 188, 153, 0.75);
          opacity: 1;
          margin-top: -42px; }
      .addui-slider .addui-slider-track .addui-slider-handle:after {
        display: block;
        content: " ";
        width: 20px;
        height: 20px;
        background: #54BEEA;
        border-radius: 20px;
        position: relative;
        top: 15px;
        left: 15px; }
      .addui-slider .addui-slider-track .addui-slider-handle:before {
        position: absolute;
        content: '';
        background-color: #fff;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -4px;
        top: 50%;
        left: 50%;
        z-index: 10;
        border-radius: 8px; }

input[type="range"] {
  display: block;
  -webkit-appearance: none;
  background-color: #bdc3c7;
  width: 190px;
  height: 5px;
  border-radius: 5px;
  margin: 16px auto 0;
  outline: 0; }

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid white;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  input[type="range"]::-webkit-slider-thumb:hover {
    background-color: white; }

input[disabled]::-webkit-slider-thumb {
  background-color: #ccc; }
  input[disabled]::-webkit-slider-thumb:hover {
    border: 2px solid #ccc; }

button {
  background-color: transparent; }
  button:disabled {
    color: #999; }

.addui-slider.addui-slider-vertical {
  height: 120px;
  width: 50px;
  margin: 25px 16px; }
  .addui-slider.addui-slider-vertical .output {
    bottom: 50%;
    left: 45%;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%); }
  .addui-slider.addui-slider-vertical .addui-slider-track {
    height: 100%;
    width: 4px;
    top: 0;
    left: 23px; }
    .addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-range {
      width: 4px;
      height: auto; }
    .addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle {
      left: -24px;
      top: auto;
      -ms-transform: translateY(50%);
      transform: translateY(50%);
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -o-transform: translateY(50%); }
      .addui-slider.addui-slider-vertical .addui-slider-track .addui-slider-handle.addui-slider-handle-l {
        z-index: 2; }

.file-wrap {
  position: relative; }
  .file-wrap label {
    vertical-align: bottom;
    display: inline-block; }
    .file-wrap label:hover {
      border: none; }
    .file-wrap label.loader i {
      background-image: url("../img/loading-gear.gif");
      background-size: cover; }
      .file-wrap label.loader i:before {
        opacity: 0.3; }
    .file-wrap label i {
      cursor: pointer;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      -webkit-box-shadow: 0 1px 3px #999;
      box-shadow: 0 1px 3px #999;
      border-radius: 50%;
      -webkit-transition: -webkit-box-shadow 0.3s;
      transition: -webkit-box-shadow 0.3s;
      transition: box-shadow 0.3s;
      transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
      -webkit-transition: box-shadow 0.3s;
      -moz-transition: box-shadow 0.3s;
      -o-transition: box-shadow 0.3s; }
      .file-wrap label i:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
  .file-wrap input[type="file"] {
    display: none; }
  .file-wrap button {
    vertical-align: bottom; }
  .file-wrap:hover .exel-export-list {
    right: -5px; }
    .file-wrap:hover .exel-export-list:before {
      right: 10px;
      left: initial; }

.canvas-options .range-btn,
.canvas-options .card-block.small .btn.material {
  background-color: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.canvas-options input[type="range"] {
  height: 3px; }

.canvas-options input[type="range"]::-webkit-slider-thumb {
  width: 15px;
  height: 15px; }

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .popup.opaque {
    background-color: rgba(255, 255, 255, 0.96); }
  .popup.big .custom-scroll {
    height: 77vh;
    max-height: 77vh; }
  .popup.active {
    opacity: 1;
    z-index: 10000; }
    .popup.active .popup-content {
      margin-top: 0;
      opacity: 1; }
  .popup .popup-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0; }
  .popup .popup-content {
    position: absolute;
    opacity: 0;
    min-height: 270px;
    z-index: 1;
    margin-top: 150px;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s; }
    .popup .popup-content.error-massage .save-popup-content {
      min-height: 200px; }
    .popup .popup-content.block {
      max-width: 600px;
      min-width: 600px;
      margin: 0 auto;
      min-height: 140px;
      background-color: #fff;
      -webkit-box-shadow: 0 0 8px #ccc;
      box-shadow: 0 0 8px #ccc;
      border-radius: 10px; }
      .popup .popup-content.block:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 10px;
        height: 100%;
        z-index: 999;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
      .popup .popup-content.block .card {
        padding: 5px 40px 5px 2px;
        position: relative; }
        .popup .popup-content.block .card .col-md-6 {
          padding: 0 2px; }
        .popup .popup-content.block .card .remove-row {
          position: absolute;
          top: 10px;
          right: 6px; }
      .popup .popup-content.block .button-wrap {
        padding: 0 2px !important; }
    .popup .popup-content .preloader-wrap {
      height: 100%;
      top: 0; }
    .popup .popup-content .error {
      text-align: center; }
      .popup .popup-content .error .error-content {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 0 20px 0 30px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
        .popup .popup-content .error .error-content.black {
          color: #666; }
      .popup .popup-content .error .error-information {
        top: 5px;
        position: absolute;
        left: 0;
        max-height: 190px;
        z-index: -1;
        background-color: #fff;
        padding: 5px;
        text-align: left;
        transition: top 0.3s;
        -webkit-transition: top 0.3s;
        -moz-transition: top 0.3s;
        -o-transition: top 0.3s; }
        .popup .popup-content .error .error-information.active {
          top: 100%; }
    .popup .popup-content .form-group .custom-select.drag-dropdown li:hover {
      padding-left: 20px; }
    .popup .popup-content .form-group .custom-select li:hover {
      padding-left: 0; }
  .popup .fade-out {
    position: absolute;
    top: 20px;
    right: 0px;
    width: 21px;
    height: 21px;
    line-height: 20px;
    color: #fff;
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    color: #54BEEA;
    font-weight: bold; }
  .popup .popup-close {
    position: absolute;
    right: -31px;
    top: -40px;
    line-height: 38px; }

#popup-equipment .popup-content,
#popup-edit-equipment .popup-content {
  min-height: 75vh; }
  #popup-equipment .popup-content > .tab-navigation,
  #popup-edit-equipment .popup-content > .tab-navigation {
    position: absolute;
    width: 100%;
    top: -40px;
    left: 0;
    padding-right: 15px; }
  #popup-equipment .popup-content .col-md-3,
  #popup-edit-equipment .popup-content .col-md-3 {
    display: inline-block;
    float: none; }

#popup-assortments-build #canvas-wrap {
  margin-top: 0; }

#popup-assortments-build .popup-content {
  width: 100%; }

#popup-assortments-build .popup-close {
  right: 5px;
  top: 5px; }

#popup-basket-product .popup-content {
  max-width: initial;
  padding: 0 5px 5px 15px; }

#popup-basket-product .table {
  min-height: 200px;
  overflow-x: hidden; }

#popup-basket-product .btn.full {
  margin-left: 0; }

#popup-versions {
  background-color: rgba(255, 255, 255, 0.95); }

#popup-edit-equipment .popup-content {
  top: 52%; }

#print-settings .card-block {
  max-width: 300px;
  background-color: #eee;
  margin: 5px; }
  #print-settings .card-block:hover .info {
    bottom: 0; }
  #print-settings .card-block img {
    width: 100%; }
  #print-settings .card-block .info {
    position: absolute;
    width: 100%;
    height: 150px;
    left: 0;
    bottom: -150px; }
  #print-settings .card-block button {
    position: absolute;
    bottom: 5px;
    right: 5px; }
    #print-settings .card-block button.disabled {
      background-color: #fff;
      color: #ccc; }

#autoFacingPopupBek .mtrSwitch__title {
  color: #666; }

#popup-comander .popup-content {
  background-color: #fff; }

#popup-comander .auto-list-wrap {
  height: 70vh; }

.error-content.info {
  color: #111 !important; }
  .error-content.info h2 i:before {
    content: "\f05a"; }

.error-content.warning {
  color: #bf9a19 !important; }
  .error-content.warning h2 i:before {
    content: "\f071"; }

.error-content.error h2 i:before {
  content: "\f057"; }

.acs-slider {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
  left: 0; }

.acs-panel {
  position: relative;
  display: inline-block;
  border-style: solid;
  border-color: transparent;
  cursor: pointer; }

.acs {
  position: relative;
  border: 4px solid #bdc3c7 !important;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.acs-value {
  position: absolute;
  border-style: none;
  border-radius: 100%;
  text-align: center;
  pointer-events: none;
  line-height: 4em;
  color: #111;
  background-color: transparent;
  outline: none; }

.acs-indicator {
  position: absolute;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-box-shadow: 0 1px 3px #999;
  box-shadow: 0 1px 3px #999; }

.acs-value * {
  border-radius: 100%;
  background: transparent; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#canvas-wrap.small-resize .cube-wrap {
  right: 74%; }
  #canvas-wrap.small-resize .cube-wrap.small.double {
    right: 60%; }

#canvas-wrap.medium-resize .cube-wrap {
  right: 85%; }
  #canvas-wrap.medium-resize .cube-wrap.small.double {
    right: 77%; }

.hiddenNav .cube-wrap {
  right: 90%; }
  .hiddenNav .cube-wrap.small.double {
    right: 84.5%; }

.cube-wrap {
  position: absolute;
  bottom: 95px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 100px;
  right: 87%;
  bottom: 40px;
  -webkit-transition: right 0.3s;
  -o-transition: right 0.3s;
  transition: right 0.3s; }
  .cube-wrap.small.double {
    right: 80%; }
  .cube-wrap .cube {
    -webkit-transform: rotateX(-30deg) rotateY(-60deg);
    transform: rotateX(-30deg) rotateY(-60deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    display: block; }
    .cube-wrap .cube:before {
      position: absolute;
      content: attr(data-title);
      color: #fff;
      font-size: 26px;
      left: 22px;
      top: -18px;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: rotateX(-180deg) rotateY(270deg);
      transform: rotateX(-180deg) rotateY(270deg); }
    .cube-wrap .cube.small:before {
      -webkit-transform: rotateX(0deg) rotateY(270deg);
      transform: rotateX(0deg) rotateY(270deg); }
    .cube-wrap .cube.small .face-1, .cube-wrap .cube.small .face-1:before, .cube-wrap .cube.small .face-1:after,
    .cube-wrap .cube.small .face-2, .cube-wrap .cube.small .face-2:before, .cube-wrap .cube.small .face-2:after {
      width: 3.5rem;
      height: 3.5rem;
      background-color: rgba(117, 117, 117, 0.5);
      border: 1px solid #757575; }
    .cube-wrap .cube.small .face-1:before {
      left: -3.5rem; }
    .cube-wrap .cube.small .face-1:after {
      right: -3.5rem; }
    .cube-wrap .cube.small .face-2 {
      top: 15px; }
      .cube-wrap .cube.small .face-2:before {
        top: -3.5rem; }
      .cube-wrap .cube.small .face-2:after {
        bottom: -3.5rem; }
    .cube-wrap .cube:hover {
      -webkit-transform: rotateX(-30deg) rotateY(-120deg);
      transform: rotateX(-30deg) rotateY(-120deg); }
    .cube-wrap .cube .face-1, .cube-wrap .cube .face-1:before, .cube-wrap .cube .face-1:after,
    .cube-wrap .cube .face-2, .cube-wrap .cube .face-2:before, .cube-wrap .cube .face-2:after {
      content: '';
      width: 5rem;
      height: 5rem;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      background-size: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .cube-wrap .cube .face-1 {
      -webkit-transform: rotateX(-90deg) rotateY(180deg);
      transform: rotateX(-90deg) rotateY(180deg);
      -webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);
      display: block; }
      .cube-wrap .cube .face-1:before, .cube-wrap .cube .face-1:after {
        position: absolute;
        top: 0;
        opacity: 0.56; }
      .cube-wrap .cube .face-1:before {
        left: -5rem;
        -webkit-transform: rotateY(90deg) rotateX(180deg);
        transform: rotateY(90deg) rotateX(180deg);
        -webkit-transform-origin: center right;
        -ms-transform-origin: center right;
        transform-origin: center right; }
      .cube-wrap .cube .face-1:after {
        right: -5rem;
        -webkit-transform: rotateY(-90deg) rotateX(180deg);
        transform: rotateY(-90deg) rotateX(180deg);
        -webkit-transform-origin: center left;
        -ms-transform-origin: center left;
        transform-origin: center left; }
    .cube-wrap .cube .face-2 {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateY(-5rem) rotateX(90deg);
      transform: translateY(-5rem) rotateX(90deg);
      display: block; }
      .cube-wrap .cube .face-2:before, .cube-wrap .cube .face-2:after {
        position: absolute;
        left: 0;
        opacity: 0.6; }
      .cube-wrap .cube .face-2:before {
        top: -5rem;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom; }
      .cube-wrap .cube .face-2:after {
        bottom: -5rem;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top; }

.cover-input {
  position: relative; }
  .cover-input input {
    position: relative;
    width: 75%; }
    .cover-input input:disabled {
      background-color: transparent; }
    .cover-input input:focus {
      z-index: 130; }
      .cover-input input:focus + label {
        z-index: 125; }
        .cover-input input:focus + label:after {
          width: 100%;
          height: 100%; }
    .cover-input input + label {
      position: absolute;
      top: 0;
      right: 0;
      z-index: -1; }
      .cover-input input + label:after {
        position: fixed;
        content: '';
        width: 0%;
        height: 0%;
        top: 0;
        left: 0;
        background-color: transparent; }

.cover-chekbox {
  position: relative;
  display: inline-block;
  top: 50%;
  margin-top: -11px; }
  .cover-chekbox.left {
    position: absolute;
    left: 0px; }
  .cover-chekbox.right {
    position: absolute;
    right: 0px; }

.cover-chekbox.white input:checked + label, .date-checkbox.white input:checked + label {
  color: #111;
  background-color: transparent; }

.cover-chekbox.white label, .date-checkbox.white label {
  color: #fff; }
  .cover-chekbox.white label:hover, .date-checkbox.white label:hover {
    color: #111;
    background-color: transparent; }

.cover-chekbox input, .date-checkbox input {
  display: none; }
  .cover-chekbox input:checked + label, .date-checkbox input:checked + label {
    background-color: #f5f5f5;
    z-index: 1000; }
    .cover-chekbox input:checked + label:after, .date-checkbox input:checked + label:after {
      position: fixed;
      width: 100%;
      height: 100%; }
    .cover-chekbox input:checked + label + .exel-export-list, .date-checkbox input:checked + label + .exel-export-list {
      display: block;
      right: 0;
      opacity: 1;
      z-index: 1000; }
    .cover-chekbox input:checked + label + .exel-export-list.report-week, .date-checkbox input:checked + label + .exel-export-list.report-week {
      left: 0; }

.cover-chekbox > label, .date-checkbox > label {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: 1px solid #f5f5f5;
  text-align: center;
  cursor: pointer;
  color: #666;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  .cover-chekbox > label:hover, .date-checkbox > label:hover {
    background-color: #f5f5f5; }
  .cover-chekbox > label:after, .date-checkbox > label:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1; }

.cover-chekbox .exel-export-list, .date-checkbox .exel-export-list {
  display: none; }

.customMtrCheckBox {
  min-width: 25px;
  cursor: pointer !important; }

.mtrCheckBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .mtrCheckBox.mtrCheckBox--reverse .mtrCheckBox__fakeBox {
    border-color: #fff; }
  .mtrCheckBox.mtrCheckBox--reverse .mtrCheckBox__input:checked + label {
    background-color: #fff; }
  .mtrCheckBox.mtrCheckBox--half {
    width: 49.6%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .mtrCheckBox__input {
    display: none; }
    .mtrCheckBox__input:checked + label:after {
      opacity: 1; }
  .mtrCheckBox__fakeBox {
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    margin-right: 5px;
    border: 2px solid #999;
    border-radius: 2px;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
    .mtrCheckBox__fakeBox:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 6px;
      height: 10px;
      opacity: 0;
      -webkit-transform: translate(-50%, -60%) rotate(45deg);
      -ms-transform: translate(-50%, -60%) rotate(45deg);
      transform: translate(-50%, -60%) rotate(45deg);
      border-bottom: 3px solid #fff;
      border-right: 3px solid #fff;
      -webkit-transition: opacity 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in;
      transition: opacity 0.2s ease-in; }
    .mtrCheckBox__fakeBox.mtrCheckBox__fakeBox--disable {
      border-color: #ccc;
      cursor: unset; }
    .mtrCheckBox__fakeBox.error {
      background-color: transparent !important;
      border-color: #f00 !important; }
      .mtrCheckBox__fakeBox.error:after {
        left: 2px;
        top: 1px;
        content: "\f00d";
        border: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-family: "FontAwesome";
        line-height: 15px; }
  .mtrCheckBox.mtrCheckBox--narrow label.mtrCheckBox__text {
    margin-right: 4px; }
  .mtrCheckBox.mtrCheckBox--narrow .subtitle span {
    padding: 0 4px; }
  .mtrCheckBox__text {
    font-size: 12px;
    cursor: pointer;
    line-height: 1.3;
    margin-right: 5px;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in; }
    .mtrCheckBox__text.mtrCheckBox__text--disable {
      color: #ccc;
      cursor: unset; }

.mtrBtn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 6px 10px;
  min-width: 35px;
  height: 35px;
  font-size: 14px;
  color: #999;
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden; }
  .mtrBtn:disabled {
    background-color: #f5f5f5; }
  .mtrBtn.mtrBtn--noShadow {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .mtrBtn.mtrBtn--half {
    width: 49.35%; }
  .mtrBtn.mtrBtn--full {
    width: 100%; }
  .mtrBtn.mtrBtn--small {
    padding: 0;
    min-width: 25px;
    height: 25px;
    font-size: 12px; }
  .mtrBtn.mtrBtn--active {
    background-color: #f5f5f5; }
  .mtrBtn.mtrBtn--disable {
    color: #ccc;
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .mtrBtn.mtrBtn--disable:hover {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .mtrBtn.mtrBtn--load {
    pointer-events: none; }
    .mtrBtn.mtrBtn--load i {
      -webkit-animation: spin 1s infinite steps(8);
      animation: spin 1s infinite steps(8); }
      .mtrBtn.mtrBtn--load i:before {
        content: "\f110"; }
  .mtrBtn:hover {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    overflow: visible; }
    .mtrBtn:hover .exel-export-list {
      right: 0;
      top: 30px; }
  .mtrBtn__icon {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.mtrDoubleBtn {
  position: relative;
  min-width: 90px;
  display: inline-block;
  padding: 4px 45px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.4s ease;
  transition: -webkit-box-shadow 0.4s ease;
  -o-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .mtrDoubleBtn.mtrDoubleBtn--full {
    width: 100%; }
  .mtrDoubleBtn button {
    height: 100%;
    position: absolute;
    width: 30px;
    bottom: 0;
    font-size: 12px;
    background-color: transparent;
    cursor: pointer; }
    .mtrDoubleBtn button:disabled, .mtrDoubleBtn button:active {
      color: #111;
      background-color: transparent; }
  .mtrDoubleBtn__remove {
    left: 2px;
    border-right: 1px solid #ccc; }
  .mtrDoubleBtn__add {
    right: 2px;
    border-left: 1px solid #ccc; }
  .mtrDoubleBtn__title {
    display: inline-block;
    line-height: 26px;
    font-size: 14px;
    color: #999;
    text-transform: lowercase; }
  .mtrDoubleBtn__info {
    font-style: normal; }

.mtrLabel {
  font-size: 14px;
  font-family: 'RobotoLight';
  font-weight: 100;
  color: #666; }

.mtrBtsOptions {
  top: 50%;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(-52%);
  -ms-transform: translateY(-52%);
  transform: translateY(-52%); }
  .mtrBtsOptions.mtrBtsOptions--right {
    right: 0; }
  .mtrBtsOptions.mtrBtsOptions--left {
    left: 0; }
  .mtrBtsOptions button {
    margin-left: -2px; }

.mtrSwitch {
  position: relative;
  display: inline-block;
  min-width: 90px;
  padding: 3px 35px 3px 0;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #f5f5f5;
  -webkit-transition: -webkit-box-shadow 0.4s ease;
  transition: -webkit-box-shadow 0.4s ease;
  -o-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .mtrSwitch.mtrSwitch--full {
    width: 100%; }
    .mtrSwitch.mtrSwitch--full .mtrSwitch__title {
      width: 100%; }
  .mtrSwitch.mtrSwitch--half {
    width: 49.35%; }
  .mtrSwitch.base-style {
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: top;
    border: 1px solid #fff;
    border-bottom-color: #ccc;
    margin-top: 15px;
    margin-bottom: 15px; }
  .mtrSwitch input[type="checkbox"] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0; }
  .mtrSwitch.mtrSwitch--left {
    padding-right: 0px;
    padding-left: 40px; }
    .mtrSwitch.mtrSwitch--left input[type="checkbox"] + label {
      right: initial;
      left: 4px; }
  .mtrSwitch input[type="checkbox"] + label {
    position: absolute;
    right: 4px;
    top: 50%;
    overflow: hidden;
    text-indent: -9999px;
    background: #ccc;
    width: 29px;
    height: 15px;
    cursor: pointer;
    border-radius: 100px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .mtrSwitch input[type="checkbox"] + label:before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border-radius: 100px;
      transform: translateZ(0) scale(0);
      -webkit-transform: translateZ(0) scale(0);
      -moz-transform: translateZ(0) scale(0);
      -o-transform: translateZ(0) scale(0);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
    .mtrSwitch input[type="checkbox"] + label:after {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      display: block;
      height: 10px;
      width: 11px;
      background: white;
      -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
      border-radius: 100%;
      transform: translateZ(0) translateX(0);
      -webkit-transform: translateZ(0) translateX(0);
      -moz-transform: translateZ(0) translateX(0);
      -o-transform: translateZ(0) translateX(0);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s; }
  .mtrSwitch input[type="checkbox"]:checked + label:after {
    left: calc(100% - 13px);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0); }
  .mtrSwitch__title {
    display: inline-block;
    line-height: 26px;
    font-size: 14px;
    color: #999;
    text-transform: lowercase; }

.mtrCalendar {
  position: relative;
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0px 5px 0px 30px;
  margin: 15px 0px;
  display: inline-block;
  color: #666;
  font-size: 12px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  vertical-align: top;
  overflow: hidden;
  cursor: pointer; }
  .mtrCalendar:before {
    position: absolute;
    content: "\f107";
    top: 0%;
    left: 10px;
    font-size: 14px;
    font-family: "FontAwesome";
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .mtrCalendar.active {
    overflow: visible; }
    .mtrCalendar.active:before {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }
    .mtrCalendar.active calendar {
      opacity: 1;
      top: 35px;
      z-index: 35; }
  .mtrCalendar.mtrCalendar--half {
    width: 49.5%; }
  .mtrCalendar i.fa-calendar {
    margin: 5px;
    font-size: 16px; }
  .mtrCalendar calendar {
    position: absolute;
    left: 0;
    z-index: 10;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    top: 140px;
    background-color: #fff; }

.mtrSelect {
  position: relative;
  width: 100%;
  padding-right: 3px;
  display: inline-block;
  overflow: hidden; }
  .mtrSelect.visible {
    overflow: visible; }
  .mtrSelect.mtrSelect--half {
    width: 49.6%; }
  .mtrSelect .list {
    width: 100%;
    height: 35px;
    padding: 10px;
    margin: 15px 2px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    border-bottom: 1px solid #ccc;
    background: transparent; }

.mtrInput {
  position: relative;
  width: 100%;
  padding-right: 3px;
  display: inline-block;
  overflow: hidden; }
  .mtrInput.red label {
    color: #FE6246 !important; }
  .mtrInput.red input[type="text"],
  .mtrInput.red input[type="email"],
  .mtrInput.red input[type="password"],
  .mtrInput.red input[type="phone"],
  .mtrInput.red input[type="number"],
  .mtrInput.red textarea {
    color: #FE6246;
    border-bottom-color: #FE6246; }
  .mtrInput.visible {
    overflow: visible; }
  .mtrInput.mtrInput--half {
    width: 49.6%; }
  .mtrInput.mtrInput--slimTransparent.default input[type="text"] {
    color: #666; }
    .mtrInput.mtrInput--slimTransparent.default input[type="text"]::-webkit-input-placeholder {
      color: #666; }
    .mtrInput.mtrInput--slimTransparent.default input[type="text"]::-moz-placeholder {
      color: #666; }
    .mtrInput.mtrInput--slimTransparent.default input[type="text"]:-ms-input-placeholder {
      color: #666; }
    .mtrInput.mtrInput--slimTransparent.default input[type="text"]::-ms-input-placeholder {
      color: #666; }
    .mtrInput.mtrInput--slimTransparent.default input[type="text"]::placeholder {
      color: #666; }
    .mtrInput.mtrInput--slimTransparent.default input[type="text"]:focus {
      border-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .mtrInput.mtrInput--slimTransparent input[type="text"] {
    height: 23px;
    margin: 0;
    background-color: transparent;
    color: #fff;
    padding: 0 10px; }
    .mtrInput.mtrInput--slimTransparent input[type="text"]::-webkit-input-placeholder {
      color: #fff; }
    .mtrInput.mtrInput--slimTransparent input[type="text"]::-moz-placeholder {
      color: #fff; }
    .mtrInput.mtrInput--slimTransparent input[type="text"]:-ms-input-placeholder {
      color: #fff; }
    .mtrInput.mtrInput--slimTransparent input[type="text"]::-ms-input-placeholder {
      color: #fff; }
    .mtrInput.mtrInput--slimTransparent input[type="text"]::placeholder {
      color: #fff; }
  .mtrInput input:disabled {
    background: #ccc; }
  .mtrInput input[type="text"],
  .mtrInput input[type="email"],
  .mtrInput input[type="password"],
  .mtrInput input[type="phone"],
  .mtrInput input[type="number"],
  .mtrInput textarea {
    width: 100%;
    height: 35px;
    padding: 10px;
    margin: 15px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    border-bottom: 1px solid #ccc;
    background: transparent;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
  .mtrInput label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
    color: #666;
    font-size: 14px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    white-space: nowrap;
    cursor: text; }
  .mtrInput textarea {
    height: auto;
    min-height: 80px; }
  .mtrInput textarea + label {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px); }
  .mtrInput input.ng-not-empty + label,
  .mtrInput input.not-empty + label,
  .mtrInput input:focus + label,
  .mtrInput textarea.ng-not-empty + label,
  .mtrInput textarea:focus + label {
    font-size: 12px;
    cursor: default;
    -ms-transform: translate(-10px, -35px);
    transform: translate(-10px, -35px);
    -webkit-transform: translate(-10px, -35px);
    -moz-transform: translate(-10px, -35px);
    -o-transform: translate(-10px, -35px); }
  .mtrInput textarea:focus + label,
  .mtrInput textarea.ng-not-empty + label {
    -ms-transform: translate(-10px, -60px);
    transform: translate(-10px, -60px);
    -webkit-transform: translate(-10px, -60px);
    -moz-transform: translate(-10px, -60px);
    -o-transform: translate(-10px, -60px); }
  .mtrInput .edit-panel {
    position: absolute;
    top: 0;
    right: 5px; }
    .mtrInput .edit-panel button {
      background-color: transparent; }
  .mtrInput .filters {
    position: absolute;
    width: 25px;
    height: 35px;
    min-width: 25px;
    top: 50%;
    right: 5px;
    z-index: 100;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .mtrInput .filters:hover:before {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .mtrInput .filters:before {
      content: '\f142';
      color: #666; }

.mtrRange {
  position: relative;
  padding: 0 25px; }
  .mtrRange input[type="range"] {
    width: 100%;
    height: 3px;
    margin: 5px 0;
    outline: none;
    border-radius: 5px;
    -webkit-appearance: none;
    background-color: #ccc; }
  .mtrRange input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid white;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .mtrRange input[type="range"]::-webkit-slider-thumb:hover {
      background-color: white; }
  .mtrRange__btn {
    position: absolute;
    bottom: -9px;
    font-size: 12px;
    background-color: transparent; }
    .mtrRange__btn:disabled, .mtrRange__btn:active {
      color: #111;
      background-color: transparent; }
    .mtrRange__btn.left {
      left: 0; }
    .mtrRange__btn.right {
      right: 0; }
  .mtrRange__title {
    font-size: 14px;
    color: #999;
    text-transform: lowercase; }
    .mtrRange__title input {
      width: 35px;
      text-align: center; }

.mtrCustom-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5; }

.mtrCustom-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5; }

.mtrCustom-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px; }

.mtrList {
  background-color: #fff; }
  .mtrList .item {
    font-size: 12px;
    padding: 5px;
    line-height: 16px;
    margin-bottom: 5px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc; }
    .mtrList .item:last-child {
      margin-bottom: 0; }

.mtrRadio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  font-size: 14px; }
  .mtrRadio.mtrRadio--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .mtrRadio__input {
    position: absolute;
    left: -9999px; }
    .mtrRadio__input:not(:checked) + .mtrRadio__label:after {
      opacity: 0;
      -webkit-transform: translate(0%, -50%) scale(0);
      -ms-transform: translate(0%, -50%) scale(0);
      transform: translate(0%, -50%) scale(0); }
    .mtrRadio__input:checked + .mtrRadio__label:after {
      opacity: 1;
      -webkit-transform: translate(0%, -50%) scale(1);
      -ms-transform: translate(0%, -50%) scale(1);
      transform: translate(0%, -50%) scale(1); }
  .mtrRadio__label {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    color: #999;
    text-transform: capitalize;
    cursor: pointer; }
    .mtrRadio__label:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 20px;
      height: 20px;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      border-radius: 100%; }
    .mtrRadio__label:after {
      content: '';
      top: 11px;
      left: 4px;
      position: absolute;
      width: 12px;
      height: 12px;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }

.mtrTimeSelector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 5px;
  margin-bottom: 10px;
  color: #666;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px; }
  .mtrTimeSelector__title {
    width: 100%;
    text-align: justify; }
  .mtrTimeSelector__input {
    width: 30px;
    text-align: center;
    margin: 0 5px;
    border-bottom: 1px solid; }

#buble-wrap {
  width: 100%;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.3; }

.stars {
  position: absolute;
  background: transparent;
  border-radius: 100%; }
  .stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    background: transparent;
    border-radius: 100%; }

.buble {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 1970px 1358px #ff4928, 1931px 80px #ff4928, 1758px 57px #ff4928, 1778px 1437px #ff4928, 489px 617px #ff4928, 1628px 1786px #ff4928, 588px 1612px #ff4928, 1980px 398px #ff4928, 1273px 1016px #ff4928, 1316px 800px #ff4928, 505px 343px #ff4928, 1989px 697px #ff4928, 367px 650px #ff4928, 1573px 695px #ff4928, 1485px 367px #ff4928, 947px 758px #ff4928, 415px 1567px #ff4928, 889px 1398px #ff4928, 1087px 576px #ff4928, 955px 1823px #ff4928, 1589px 1835px #ff4928, 1112px 1709px #ff4928, 980px 90px #ff4928, 1338px 305px #ff4928, 460px 717px #ff4928, 764px 1469px #ff4928, 190px 976px #ff4928, 212px 1531px #ff4928, 683px 29px #ff4928, 1438px 1387px #ff4928, 1405px 337px #ff4928, 1283px 1172px #ff4928, 1073px 1727px #ff4928, 120px 844px #ff4928, 1246px 1608px #ff4928, 967px 69px #ff4928, 542px 315px #ff4928, 711px 608px #ff4928, 14px 1125px #ff4928, 707px 479px #ff4928, 948px 1233px #ff4928, 1635px 1693px #ff4928, 1743px 868px #ff4928, 1533px 1513px #ff4928, 865px 727px #ff4928, 1449px 55px #ff4928, 187px 371px #ff4928, 1542px 603px #ff4928, 865px 1085px #ff4928, 462px 840px #ff4928, 1924px 1153px #ff4928, 721px 54px #ff4928, 677px 771px #ff4928, 478px 1442px #ff4928, 729px 336px #ff4928, 469px 362px #ff4928, 1150px 955px #ff4928, 1490px 1625px #ff4928, 1474px 1457px #ff4928, 203px 966px #ff4928, 1830px 221px #ff4928, 1876px 1193px #ff4928, 1934px 1176px #ff4928, 1621px 1192px #ff4928, 975px 268px #ff4928, 1105px 1720px #ff4928, 489px 1792px #ff4928, 487px 255px #ff4928, 1032px 1556px #ff4928, 59px 357px #ff4928, 551px 862px #ff4928, 1248px 1688px #ff4928, 601px 1233px #ff4928, 275px 428px #ff4928, 121px 1080px #ff4928, 969px 1219px #ff4928, 1067px 1914px #ff4928, 1434px 1779px #ff4928, 32px 756px #ff4928, 289px 161px #ff4928, 1950px 805px #ff4928, 726px 831px #ff4928, 743px 253px #ff4928, 1079px 238px #ff4928, 270px 1103px #ff4928, 59px 314px #ff4928, 46px 1523px #ff4928, 184px 1201px #ff4928, 1589px 724px #ff4928, 898px 329px #ff4928, 181px 1568px #ff4928, 942px 829px #ff4928, 899px 314px #ff4928, 1833px 1526px #ff4928, 1243px 553px #ff4928, 1251px 1193px #ff4928, 1697px 406px #ff4928, 1136px 1681px #ff4928, 1030px 298px #ff4928, 84px 1473px #ff4928, 848px 938px #ff4928, 669px 1637px #ff4928, 1570px 65px #ff4928, 1559px 726px #ff4928, 1144px 126px #ff4928, 373px 743px #ff4928, 1774px 1989px #ff4928, 482px 879px #ff4928, 621px 1954px #ff4928, 363px 1227px #ff4928, 758px 726px #ff4928, 1939px 1877px #ff4928, 407px 1345px #ff4928, 874px 1512px #ff4928, 7px 1498px #ff4928, 1210px 1932px #ff4928, 1246px 734px #ff4928, 596px 790px #ff4928, 842px 958px #ff4928, 1190px 62px #ff4928, 1539px 671px #ff4928, 1213px 1106px #ff4928, 1883px 41px #ff4928, 93px 988px #ff4928, 1364px 564px #ff4928, 85px 945px #ff4928, 543px 48px #ff4928, 1215px 31px #ff4928, 217px 129px #ff4928, 535px 663px #ff4928, 622px 1691px #ff4928, 1738px 1131px #ff4928, 84px 1131px #ff4928, 1963px 319px #ff4928, 544px 1569px #ff4928, 1580px 46px #ff4928, 10px 400px #ff4928, 721px 1305px #ff4928, 23px 654px #ff4928, 747px 1120px #ff4928, 1990px 1883px #ff4928, 651px 554px #ff4928, 892px 259px #ff4928, 1498px 823px #ff4928, 311px 1685px #ff4928, 1547px 1855px #ff4928, 1651px 1592px #ff4928, 241px 1873px #ff4928, 1681px 871px #ff4928, 192px 768px #ff4928, 512px 490px #ff4928, 82px 1476px #ff4928, 1532px 14px #ff4928, 1996px 956px #ff4928, 1354px 348px #ff4928, 1975px 371px #ff4928, 276px 1336px #ff4928, 1599px 30px #ff4928, 1612px 1296px #ff4928, 211px 141px #ff4928, 759px 1344px #ff4928, 1440px 306px #ff4928, 275px 1476px #ff4928, 1190px 96px #ff4928, 1197px 1648px #ff4928, 1351px 399px #ff4928, 206px 1312px #ff4928, 1732px 1553px #ff4928, 324px 832px #ff4928, 430px 241px #ff4928, 787px 292px #ff4928, 1229px 1937px #ff4928, 946px 438px #ff4928, 899px 127px #ff4928, 216px 668px #ff4928, 1865px 302px #ff4928, 753px 1101px #ff4928, 1126px 1614px #ff4928, 122px 269px #ff4928, 850px 1793px #ff4928, 1413px 13px #ff4928, 881px 1634px #ff4928, 28px 967px #ff4928, 1506px 1490px #ff4928, 1183px 22px #ff4928, 812px 1321px #ff4928, 1008px 690px #ff4928, 1142px 397px #ff4928, 1986px 290px #ff4928, 1607px 1289px #ff4928, 1062px 1003px #ff4928, 1404px 275px #ff4928, 544px 123px #ff4928, 1117px 1535px #ff4928, 820px 654px #ff4928, 1248px 1862px #ff4928, 1046px 318px #ff4928, 1755px 1925px #ff4928, 206px 1229px #ff4928, 1437px 1758px #ff4928, 103px 1651px #ff4928, 381px 1199px #ff4928, 90px 1967px #ff4928, 1765px 1397px #ff4928, 1751px 1812px #ff4928, 1725px 1350px #ff4928, 1643px 199px #ff4928, 706px 1886px #ff4928, 1061px 603px #ff4928, 1933px 3px #ff4928, 673px 1664px #ff4928, 1346px 358px #ff4928, 1372px 653px #ff4928, 1884px 1319px #ff4928, 886px 1922px #ff4928, 445px 390px #ff4928, 1076px 1458px #ff4928, 718px 1708px #ff4928, 103px 647px #ff4928, 679px 1235px #ff4928, 1569px 439px #ff4928, 1915px 1786px #ff4928, 241px 965px #ff4928, 142px 806px #ff4928, 332px 1394px #ff4928, 1457px 224px #ff4928, 1187px 771px #ff4928, 1465px 493px #ff4928, 735px 1953px #ff4928, 374px 665px #ff4928, 1127px 1500px #ff4928, 1232px 954px #ff4928, 395px 1006px #ff4928, 1357px 1400px #ff4928, 469px 1695px #ff4928, 1109px 1007px #ff4928, 168px 1658px #ff4928, 860px 342px #ff4928, 1404px 341px #ff4928, 197px 796px #ff4928, 1641px 1223px #ff4928, 304px 1967px #ff4928, 1945px 1632px #ff4928, 1277px 1752px #ff4928, 1406px 351px #ff4928, 278px 1732px #ff4928, 859px 514px #ff4928, 108px 1915px #ff4928, 1555px 1992px #ff4928, 1360px 362px #ff4928, 29px 487px #ff4928, 1438px 1775px #ff4928, 488px 92px #ff4928, 706px 1257px #ff4928, 604px 1726px #ff4928, 1935px 1915px #ff4928, 544px 788px #ff4928, 1386px 40px #ff4928, 1635px 1747px #ff4928, 1825px 1092px #ff4928, 347px 1987px #ff4928, 702px 1771px #ff4928, 1994px 328px #ff4928, 549px 915px #ff4928, 1381px 706px #ff4928, 1602px 129px #ff4928, 1069px 1415px #ff4928, 990px 990px #ff4928, 184px 403px #ff4928, 506px 844px #ff4928, 1704px 1551px #ff4928, 201px 830px #ff4928, 1326px 7px #ff4928, 138px 243px #ff4928, 968px 1153px #ff4928, 1369px 1730px #ff4928, 1561px 411px #ff4928, 261px 703px #ff4928, 55px 1286px #ff4928, 996px 1265px #ff4928, 553px 1666px #ff4928, 803px 304px #ff4928, 1600px 432px #ff4928, 1008px 1367px #ff4928, 1555px 1419px #ff4928, 1216px 37px #ff4928, 1437px 852px #ff4928, 540px 454px #ff4928, 431px 174px #ff4928, 1614px 649px #ff4928, 200px 1119px #ff4928, 1865px 250px #ff4928, 569px 1786px #ff4928, 1843px 195px #ff4928, 1793px 1019px #ff4928, 739px 1552px #ff4928, 545px 1801px #ff4928, 1375px 1230px #ff4928, 1360px 397px #ff4928, 1853px 1694px #ff4928, 1393px 128px #ff4928, 455px 1289px #ff4928, 189px 709px #ff4928, 1059px 1955px #ff4928, 1380px 868px #ff4928, 663px 900px #ff4928, 945px 257px #ff4928, 1911px 1109px #ff4928, 1764px 626px #ff4928, 281px 1092px #ff4928, 1808px 776px #ff4928, 541px 676px #ff4928, 1969px 1711px #ff4928, 533px 1995px #ff4928, 40px 1781px #ff4928, 1533px 1440px #ff4928, 495px 1123px #ff4928, 1501px 1238px #ff4928, 604px 1033px #ff4928, 1446px 1885px #ff4928, 1638px 1394px #ff4928, 365px 41px #ff4928, 740px 1712px #ff4928, 1932px 246px #ff4928, 1490px 849px #ff4928, 1889px 642px #ff4928, 838px 405px #ff4928, 1489px 1128px #ff4928, 734px 1822px #ff4928, 863px 1659px #ff4928, 870px 1759px #ff4928, 1291px 1300px #ff4928, 327px 1988px #ff4928, 117px 819px #ff4928, 867px 1943px #ff4928, 1777px 389px #ff4928, 23px 1052px #ff4928, 92px 1150px #ff4928, 884px 725px #ff4928, 1889px 1808px #ff4928, 1274px 1731px #ff4928, 794px 666px #ff4928, 52px 473px #ff4928, 623px 980px #ff4928, 1493px 1361px #ff4928, 1160px 37px #ff4928, 10px 442px #ff4928, 1218px 369px #ff4928, 1006px 282px #ff4928, 1259px 1742px #ff4928, 1060px 1370px #ff4928, 103px 723px #ff4928, 671px 478px #ff4928, 1136px 1295px #ff4928, 1097px 1941px #ff4928, 1653px 1427px #ff4928, 189px 1773px #ff4928, 1442px 1103px #ff4928, 1866px 1219px #ff4928, 1558px 1597px #ff4928, 506px 572px #ff4928, 658px 1321px #ff4928, 601px 1286px #ff4928, 1087px 303px #ff4928, 619px 1815px #ff4928, 828px 1526px #ff4928, 1257px 668px #ff4928, 1869px 720px #ff4928, 122px 1101px #ff4928, 1177px 912px #ff4928, 1618px 1459px #ff4928, 59px 1646px #ff4928, 1042px 151px #ff4928, 26px 14px #ff4928, 913px 750px #ff4928, 1473px 334px #ff4928, 480px 1073px #ff4928, 869px 789px #ff4928, 750px 1371px #ff4928, 1985px 1036px #ff4928, 1052px 1406px #ff4928, 701px 555px #ff4928, 167px 957px #ff4928, 301px 146px #ff4928, 704px 67px #ff4928, 153px 1152px #ff4928, 43px 902px #ff4928, 134px 379px #ff4928, 298px 958px #ff4928, 120px 1264px #ff4928, 275px 279px #ff4928, 1944px 267px #ff4928, 196px 316px #ff4928, 1729px 329px #ff4928, 81px 721px #ff4928, 315px 1865px #ff4928, 1025px 1127px #ff4928, 1889px 1035px #ff4928, 1160px 201px #ff4928, 582px 492px #ff4928, 1864px 1418px #ff4928, 1147px 1977px #ff4928, 951px 1065px #ff4928, 1361px 1549px #ff4928, 1382px 1896px #ff4928, 1511px 565px #ff4928, 1087px 683px #ff4928, 122px 1132px #ff4928, 1388px 718px #ff4928, 637px 1570px #ff4928, 1841px 1707px #ff4928, 376px 1721px #ff4928, 1244px 1101px #ff4928, 148px 669px #ff4928, 356px 214px #ff4928, 119px 118px #ff4928, 1183px 236px #ff4928, 217px 1879px #ff4928, 312px 1439px #ff4928, 1820px 1142px #ff4928, 1815px 982px #ff4928, 1509px 639px #ff4928, 647px 1390px #ff4928, 562px 1921px #ff4928, 1616px 1590px #ff4928, 1189px 1732px #ff4928, 315px 188px #ff4928, 1528px 778px #ff4928, 1518px 596px #ff4928, 1767px 547px #ff4928, 1781px 1893px #ff4928, 913px 141px #ff4928, 1861px 139px #ff4928, 1366px 1935px #ff4928, 1943px 1981px #ff4928, 1932px 1007px #ff4928, 1617px 639px #ff4928, 1114px 1874px #ff4928, 25px 1987px #ff4928, 1825px 355px #ff4928, 1055px 1885px #ff4928, 1837px 723px #ff4928, 1230px 1211px #ff4928, 1129px 1307px #ff4928, 1341px 807px #ff4928, 1938px 1837px #ff4928, 1864px 1185px #ff4928, 717px 1122px #ff4928, 242px 325px #ff4928, 368px 478px #ff4928, 316px 197px #ff4928, 66px 1935px #ff4928, 1366px 445px #ff4928, 76px 786px #ff4928, 230px 846px #ff4928, 1148px 517px #ff4928, 1455px 368px #ff4928, 1797px 1605px #ff4928, 1475px 912px #ff4928, 785px 1013px #ff4928, 1072px 159px #ff4928, 1937px 1880px #ff4928, 689px 1038px #ff4928, 1539px 885px #ff4928, 1548px 207px #ff4928, 1354px 17px #ff4928, 844px 1364px #ff4928, 1476px 279px #ff4928, 100px 1920px #ff4928, 1930px 476px #ff4928, 1229px 1238px #ff4928, 472px 585px #ff4928, 651px 1535px #ff4928, 187px 727px #ff4928, 1986px 410px #ff4928, 1280px 1856px #ff4928, 1047px 44px #ff4928, 1764px 335px #ff4928, 614px 1579px #ff4928, 66px 1606px #ff4928, 963px 1584px #ff4928, 1758px 271px #ff4928, 1475px 131px #ff4928, 1369px 463px #ff4928, 1320px 1311px #ff4928, 1667px 1826px #ff4928, 126px 1167px #ff4928, 1229px 1698px #ff4928, 1485px 1131px #ff4928, 1386px 1531px #ff4928, 1255px 1906px #ff4928, 1778px 194px #ff4928, 1089px 972px #ff4928, 1678px 1896px #ff4928, 603px 1472px #ff4928, 1787px 223px #ff4928, 609px 908px #ff4928, 1436px 1004px #ff4928, 182px 1898px #ff4928, 1306px 1163px #ff4928, 294px 681px #ff4928, 1237px 1259px #ff4928, 577px 528px #ff4928, 1569px 1041px #ff4928, 1472px 1102px #ff4928, 1683px 207px #ff4928, 303px 1438px #ff4928, 785px 1479px #ff4928, 1307px 136px #ff4928, 1363px 1249px #ff4928, 328px 460px #ff4928, 808px 1743px #ff4928, 515px 1029px #ff4928, 1505px 1034px #ff4928, 885px 548px #ff4928, 62px 1965px #ff4928, 1125px 864px #ff4928, 1092px 573px #ff4928, 615px 1167px #ff4928, 561px 398px #ff4928, 1774px 1202px #ff4928, 1982px 324px #ff4928, 853px 506px #ff4928, 264px 743px #ff4928, 1320px 747px #ff4928, 534px 683px #ff4928, 1197px 1359px #ff4928, 1268px 537px #ff4928, 969px 908px #ff4928, 592px 757px #ff4928, 1952px 918px #ff4928, 1287px 726px #ff4928, 1949px 1083px #ff4928, 1502px 1929px #ff4928, 250px 570px #ff4928, 1914px 413px #ff4928, 963px 1326px #ff4928, 1029px 974px #ff4928, 51px 711px #ff4928, 531px 283px #ff4928, 502px 1179px #ff4928, 1639px 295px #ff4928, 1206px 260px #ff4928, 616px 1581px #ff4928, 616px 15px #ff4928, 1981px 1615px #ff4928, 189px 1390px #ff4928, 1053px 59px #ff4928, 1209px 201px #ff4928, 610px 132px #ff4928, 1082px 1911px #ff4928, 1501px 625px #ff4928, 1955px 1014px #ff4928, 1488px 1190px #ff4928, 1520px 1754px #ff4928, 1210px 707px #ff4928, 1663px 236px #ff4928, 1833px 688px #ff4928, 1415px 1254px #ff4928, 797px 1429px #ff4928, 1111px 1719px #ff4928, 357px 1890px #ff4928, 549px 1242px #ff4928, 400px 1192px #ff4928, 1274px 994px #ff4928, 341px 1959px #ff4928, 1009px 1501px #ff4928, 1768px 340px #ff4928, 195px 1482px #ff4928, 368px 436px #ff4928, 1819px 355px #ff4928, 824px 254px #ff4928, 1740px 1685px #ff4928, 1386px 1794px #ff4928, 1731px 416px #ff4928, 994px 920px #ff4928, 1844px 935px #ff4928, 1515px 444px #ff4928, 544px 1055px #ff4928, 1210px 328px #ff4928, 213px 163px #ff4928, 1960px 1836px #ff4928, 574px 1508px #ff4928, 758px 1869px #ff4928, 475px 195px #ff4928, 610px 750px #ff4928, 754px 1196px #ff4928, 1963px 411px #ff4928, 1043px 237px #ff4928, 1898px 745px #ff4928, 1628px 790px #ff4928, 1591px 193px #ff4928, 634px 218px #ff4928, 1919px 1641px #ff4928, 856px 652px #ff4928, 1880px 996px #ff4928, 1473px 613px #ff4928, 1577px 438px #ff4928, 944px 1250px #ff4928, 223px 916px #ff4928, 104px 772px #ff4928, 1967px 985px #ff4928, 1125px 292px #ff4928, 93px 79px #ff4928, 772px 1127px #ff4928, 1225px 1735px #ff4928, 1871px 8px #ff4928, 248px 543px #ff4928, 1163px 1411px #ff4928, 635px 1144px #ff4928, 1358px 804px #ff4928, 561px 856px #ff4928, 1756px 470px #ff4928, 1878px 1377px #ff4928, 749px 1623px #ff4928, 1420px 850px #ff4928, 792px 1615px #ff4928, 582px 107px #ff4928, 581px 1654px #ff4928, 934px 57px #ff4928, 1838px 1024px #ff4928, 1645px 1642px #ff4928, 1235px 1502px #ff4928, 1655px 1504px #ff4928, 741px 396px #ff4928, 1153px 849px #ff4928, 1299px 1597px #ff4928, 1031px 448px #ff4928, 270px 113px #ff4928, 1041px 1405px #ff4928, 1651px 1688px #ff4928, 1841px 376px #ff4928, 1900px 1674px #ff4928, 1817px 760px #ff4928, 170px 447px #ff4928, 225px 50px #ff4928, 1299px 1305px #ff4928, 1604px 851px #ff4928, 175px 647px #ff4928, 1379px 985px #ff4928, 1428px 970px #ff4928, 1093px 1392px #ff4928, 1465px 1902px #ff4928, 1078px 189px #ff4928, 1548px 547px #ff4928, 1322px 935px #ff4928, 1785px 981px #ff4928, 1825px 1665px #ff4928, 916px 553px #ff4928, 657px 1787px #ff4928, 1733px 1122px #ff4928, 1820px 229px #ff4928, 1909px 1597px #ff4928, 644px 1880px #ff4928, 1627px 1713px #ff4928, 758px 420px #ff4928, 1229px 1347px #ff4928, 214px 1022px #ff4928, 1110px 6px #ff4928, 690px 879px #ff4928, 575px 1244px #ff4928, 1488px 1425px #ff4928, 1367px 799px #ff4928, 763px 376px #ff4928, 1043px 1103px #ff4928, 131px 788px #ff4928, 919px 1145px #ff4928, 683px 152px #ff4928, 1518px 1239px #ff4928, 1165px 1823px #ff4928, 145px 1018px #ff4928, 999px 94px #ff4928, 160px 115px #ff4928, 1829px 722px #ff4928, 1944px 1829px #ff4928, 1232px 1851px #ff4928, 745px 623px #ff4928, 1019px 1040px #ff4928, 1419px 31px #ff4928, 1410px 103px #ff4928, 1633px 41px #ff4928, 1676px 751px #ff4928, 294px 400px #ff4928, 991px 704px #ff4928, 218px 1953px #ff4928, 1286px 761px #ff4928, 290px 609px #ff4928, 30px 1124px #ff4928, 510px 137px #ff4928, 401px 798px #ff4928, 923px 1594px #ff4928, 1087px 234px #ff4928, 1219px 1346px #ff4928, 1006px 1743px #ff4928, 227px 1013px #ff4928, 1560px 1253px #ff4928, 1476px 527px #ff4928, 1444px 79px #ff4928, 675px 1192px #ff4928, 1881px 1207px #ff4928;
  box-shadow: 1970px 1358px #ff4928, 1931px 80px #ff4928, 1758px 57px #ff4928, 1778px 1437px #ff4928, 489px 617px #ff4928, 1628px 1786px #ff4928, 588px 1612px #ff4928, 1980px 398px #ff4928, 1273px 1016px #ff4928, 1316px 800px #ff4928, 505px 343px #ff4928, 1989px 697px #ff4928, 367px 650px #ff4928, 1573px 695px #ff4928, 1485px 367px #ff4928, 947px 758px #ff4928, 415px 1567px #ff4928, 889px 1398px #ff4928, 1087px 576px #ff4928, 955px 1823px #ff4928, 1589px 1835px #ff4928, 1112px 1709px #ff4928, 980px 90px #ff4928, 1338px 305px #ff4928, 460px 717px #ff4928, 764px 1469px #ff4928, 190px 976px #ff4928, 212px 1531px #ff4928, 683px 29px #ff4928, 1438px 1387px #ff4928, 1405px 337px #ff4928, 1283px 1172px #ff4928, 1073px 1727px #ff4928, 120px 844px #ff4928, 1246px 1608px #ff4928, 967px 69px #ff4928, 542px 315px #ff4928, 711px 608px #ff4928, 14px 1125px #ff4928, 707px 479px #ff4928, 948px 1233px #ff4928, 1635px 1693px #ff4928, 1743px 868px #ff4928, 1533px 1513px #ff4928, 865px 727px #ff4928, 1449px 55px #ff4928, 187px 371px #ff4928, 1542px 603px #ff4928, 865px 1085px #ff4928, 462px 840px #ff4928, 1924px 1153px #ff4928, 721px 54px #ff4928, 677px 771px #ff4928, 478px 1442px #ff4928, 729px 336px #ff4928, 469px 362px #ff4928, 1150px 955px #ff4928, 1490px 1625px #ff4928, 1474px 1457px #ff4928, 203px 966px #ff4928, 1830px 221px #ff4928, 1876px 1193px #ff4928, 1934px 1176px #ff4928, 1621px 1192px #ff4928, 975px 268px #ff4928, 1105px 1720px #ff4928, 489px 1792px #ff4928, 487px 255px #ff4928, 1032px 1556px #ff4928, 59px 357px #ff4928, 551px 862px #ff4928, 1248px 1688px #ff4928, 601px 1233px #ff4928, 275px 428px #ff4928, 121px 1080px #ff4928, 969px 1219px #ff4928, 1067px 1914px #ff4928, 1434px 1779px #ff4928, 32px 756px #ff4928, 289px 161px #ff4928, 1950px 805px #ff4928, 726px 831px #ff4928, 743px 253px #ff4928, 1079px 238px #ff4928, 270px 1103px #ff4928, 59px 314px #ff4928, 46px 1523px #ff4928, 184px 1201px #ff4928, 1589px 724px #ff4928, 898px 329px #ff4928, 181px 1568px #ff4928, 942px 829px #ff4928, 899px 314px #ff4928, 1833px 1526px #ff4928, 1243px 553px #ff4928, 1251px 1193px #ff4928, 1697px 406px #ff4928, 1136px 1681px #ff4928, 1030px 298px #ff4928, 84px 1473px #ff4928, 848px 938px #ff4928, 669px 1637px #ff4928, 1570px 65px #ff4928, 1559px 726px #ff4928, 1144px 126px #ff4928, 373px 743px #ff4928, 1774px 1989px #ff4928, 482px 879px #ff4928, 621px 1954px #ff4928, 363px 1227px #ff4928, 758px 726px #ff4928, 1939px 1877px #ff4928, 407px 1345px #ff4928, 874px 1512px #ff4928, 7px 1498px #ff4928, 1210px 1932px #ff4928, 1246px 734px #ff4928, 596px 790px #ff4928, 842px 958px #ff4928, 1190px 62px #ff4928, 1539px 671px #ff4928, 1213px 1106px #ff4928, 1883px 41px #ff4928, 93px 988px #ff4928, 1364px 564px #ff4928, 85px 945px #ff4928, 543px 48px #ff4928, 1215px 31px #ff4928, 217px 129px #ff4928, 535px 663px #ff4928, 622px 1691px #ff4928, 1738px 1131px #ff4928, 84px 1131px #ff4928, 1963px 319px #ff4928, 544px 1569px #ff4928, 1580px 46px #ff4928, 10px 400px #ff4928, 721px 1305px #ff4928, 23px 654px #ff4928, 747px 1120px #ff4928, 1990px 1883px #ff4928, 651px 554px #ff4928, 892px 259px #ff4928, 1498px 823px #ff4928, 311px 1685px #ff4928, 1547px 1855px #ff4928, 1651px 1592px #ff4928, 241px 1873px #ff4928, 1681px 871px #ff4928, 192px 768px #ff4928, 512px 490px #ff4928, 82px 1476px #ff4928, 1532px 14px #ff4928, 1996px 956px #ff4928, 1354px 348px #ff4928, 1975px 371px #ff4928, 276px 1336px #ff4928, 1599px 30px #ff4928, 1612px 1296px #ff4928, 211px 141px #ff4928, 759px 1344px #ff4928, 1440px 306px #ff4928, 275px 1476px #ff4928, 1190px 96px #ff4928, 1197px 1648px #ff4928, 1351px 399px #ff4928, 206px 1312px #ff4928, 1732px 1553px #ff4928, 324px 832px #ff4928, 430px 241px #ff4928, 787px 292px #ff4928, 1229px 1937px #ff4928, 946px 438px #ff4928, 899px 127px #ff4928, 216px 668px #ff4928, 1865px 302px #ff4928, 753px 1101px #ff4928, 1126px 1614px #ff4928, 122px 269px #ff4928, 850px 1793px #ff4928, 1413px 13px #ff4928, 881px 1634px #ff4928, 28px 967px #ff4928, 1506px 1490px #ff4928, 1183px 22px #ff4928, 812px 1321px #ff4928, 1008px 690px #ff4928, 1142px 397px #ff4928, 1986px 290px #ff4928, 1607px 1289px #ff4928, 1062px 1003px #ff4928, 1404px 275px #ff4928, 544px 123px #ff4928, 1117px 1535px #ff4928, 820px 654px #ff4928, 1248px 1862px #ff4928, 1046px 318px #ff4928, 1755px 1925px #ff4928, 206px 1229px #ff4928, 1437px 1758px #ff4928, 103px 1651px #ff4928, 381px 1199px #ff4928, 90px 1967px #ff4928, 1765px 1397px #ff4928, 1751px 1812px #ff4928, 1725px 1350px #ff4928, 1643px 199px #ff4928, 706px 1886px #ff4928, 1061px 603px #ff4928, 1933px 3px #ff4928, 673px 1664px #ff4928, 1346px 358px #ff4928, 1372px 653px #ff4928, 1884px 1319px #ff4928, 886px 1922px #ff4928, 445px 390px #ff4928, 1076px 1458px #ff4928, 718px 1708px #ff4928, 103px 647px #ff4928, 679px 1235px #ff4928, 1569px 439px #ff4928, 1915px 1786px #ff4928, 241px 965px #ff4928, 142px 806px #ff4928, 332px 1394px #ff4928, 1457px 224px #ff4928, 1187px 771px #ff4928, 1465px 493px #ff4928, 735px 1953px #ff4928, 374px 665px #ff4928, 1127px 1500px #ff4928, 1232px 954px #ff4928, 395px 1006px #ff4928, 1357px 1400px #ff4928, 469px 1695px #ff4928, 1109px 1007px #ff4928, 168px 1658px #ff4928, 860px 342px #ff4928, 1404px 341px #ff4928, 197px 796px #ff4928, 1641px 1223px #ff4928, 304px 1967px #ff4928, 1945px 1632px #ff4928, 1277px 1752px #ff4928, 1406px 351px #ff4928, 278px 1732px #ff4928, 859px 514px #ff4928, 108px 1915px #ff4928, 1555px 1992px #ff4928, 1360px 362px #ff4928, 29px 487px #ff4928, 1438px 1775px #ff4928, 488px 92px #ff4928, 706px 1257px #ff4928, 604px 1726px #ff4928, 1935px 1915px #ff4928, 544px 788px #ff4928, 1386px 40px #ff4928, 1635px 1747px #ff4928, 1825px 1092px #ff4928, 347px 1987px #ff4928, 702px 1771px #ff4928, 1994px 328px #ff4928, 549px 915px #ff4928, 1381px 706px #ff4928, 1602px 129px #ff4928, 1069px 1415px #ff4928, 990px 990px #ff4928, 184px 403px #ff4928, 506px 844px #ff4928, 1704px 1551px #ff4928, 201px 830px #ff4928, 1326px 7px #ff4928, 138px 243px #ff4928, 968px 1153px #ff4928, 1369px 1730px #ff4928, 1561px 411px #ff4928, 261px 703px #ff4928, 55px 1286px #ff4928, 996px 1265px #ff4928, 553px 1666px #ff4928, 803px 304px #ff4928, 1600px 432px #ff4928, 1008px 1367px #ff4928, 1555px 1419px #ff4928, 1216px 37px #ff4928, 1437px 852px #ff4928, 540px 454px #ff4928, 431px 174px #ff4928, 1614px 649px #ff4928, 200px 1119px #ff4928, 1865px 250px #ff4928, 569px 1786px #ff4928, 1843px 195px #ff4928, 1793px 1019px #ff4928, 739px 1552px #ff4928, 545px 1801px #ff4928, 1375px 1230px #ff4928, 1360px 397px #ff4928, 1853px 1694px #ff4928, 1393px 128px #ff4928, 455px 1289px #ff4928, 189px 709px #ff4928, 1059px 1955px #ff4928, 1380px 868px #ff4928, 663px 900px #ff4928, 945px 257px #ff4928, 1911px 1109px #ff4928, 1764px 626px #ff4928, 281px 1092px #ff4928, 1808px 776px #ff4928, 541px 676px #ff4928, 1969px 1711px #ff4928, 533px 1995px #ff4928, 40px 1781px #ff4928, 1533px 1440px #ff4928, 495px 1123px #ff4928, 1501px 1238px #ff4928, 604px 1033px #ff4928, 1446px 1885px #ff4928, 1638px 1394px #ff4928, 365px 41px #ff4928, 740px 1712px #ff4928, 1932px 246px #ff4928, 1490px 849px #ff4928, 1889px 642px #ff4928, 838px 405px #ff4928, 1489px 1128px #ff4928, 734px 1822px #ff4928, 863px 1659px #ff4928, 870px 1759px #ff4928, 1291px 1300px #ff4928, 327px 1988px #ff4928, 117px 819px #ff4928, 867px 1943px #ff4928, 1777px 389px #ff4928, 23px 1052px #ff4928, 92px 1150px #ff4928, 884px 725px #ff4928, 1889px 1808px #ff4928, 1274px 1731px #ff4928, 794px 666px #ff4928, 52px 473px #ff4928, 623px 980px #ff4928, 1493px 1361px #ff4928, 1160px 37px #ff4928, 10px 442px #ff4928, 1218px 369px #ff4928, 1006px 282px #ff4928, 1259px 1742px #ff4928, 1060px 1370px #ff4928, 103px 723px #ff4928, 671px 478px #ff4928, 1136px 1295px #ff4928, 1097px 1941px #ff4928, 1653px 1427px #ff4928, 189px 1773px #ff4928, 1442px 1103px #ff4928, 1866px 1219px #ff4928, 1558px 1597px #ff4928, 506px 572px #ff4928, 658px 1321px #ff4928, 601px 1286px #ff4928, 1087px 303px #ff4928, 619px 1815px #ff4928, 828px 1526px #ff4928, 1257px 668px #ff4928, 1869px 720px #ff4928, 122px 1101px #ff4928, 1177px 912px #ff4928, 1618px 1459px #ff4928, 59px 1646px #ff4928, 1042px 151px #ff4928, 26px 14px #ff4928, 913px 750px #ff4928, 1473px 334px #ff4928, 480px 1073px #ff4928, 869px 789px #ff4928, 750px 1371px #ff4928, 1985px 1036px #ff4928, 1052px 1406px #ff4928, 701px 555px #ff4928, 167px 957px #ff4928, 301px 146px #ff4928, 704px 67px #ff4928, 153px 1152px #ff4928, 43px 902px #ff4928, 134px 379px #ff4928, 298px 958px #ff4928, 120px 1264px #ff4928, 275px 279px #ff4928, 1944px 267px #ff4928, 196px 316px #ff4928, 1729px 329px #ff4928, 81px 721px #ff4928, 315px 1865px #ff4928, 1025px 1127px #ff4928, 1889px 1035px #ff4928, 1160px 201px #ff4928, 582px 492px #ff4928, 1864px 1418px #ff4928, 1147px 1977px #ff4928, 951px 1065px #ff4928, 1361px 1549px #ff4928, 1382px 1896px #ff4928, 1511px 565px #ff4928, 1087px 683px #ff4928, 122px 1132px #ff4928, 1388px 718px #ff4928, 637px 1570px #ff4928, 1841px 1707px #ff4928, 376px 1721px #ff4928, 1244px 1101px #ff4928, 148px 669px #ff4928, 356px 214px #ff4928, 119px 118px #ff4928, 1183px 236px #ff4928, 217px 1879px #ff4928, 312px 1439px #ff4928, 1820px 1142px #ff4928, 1815px 982px #ff4928, 1509px 639px #ff4928, 647px 1390px #ff4928, 562px 1921px #ff4928, 1616px 1590px #ff4928, 1189px 1732px #ff4928, 315px 188px #ff4928, 1528px 778px #ff4928, 1518px 596px #ff4928, 1767px 547px #ff4928, 1781px 1893px #ff4928, 913px 141px #ff4928, 1861px 139px #ff4928, 1366px 1935px #ff4928, 1943px 1981px #ff4928, 1932px 1007px #ff4928, 1617px 639px #ff4928, 1114px 1874px #ff4928, 25px 1987px #ff4928, 1825px 355px #ff4928, 1055px 1885px #ff4928, 1837px 723px #ff4928, 1230px 1211px #ff4928, 1129px 1307px #ff4928, 1341px 807px #ff4928, 1938px 1837px #ff4928, 1864px 1185px #ff4928, 717px 1122px #ff4928, 242px 325px #ff4928, 368px 478px #ff4928, 316px 197px #ff4928, 66px 1935px #ff4928, 1366px 445px #ff4928, 76px 786px #ff4928, 230px 846px #ff4928, 1148px 517px #ff4928, 1455px 368px #ff4928, 1797px 1605px #ff4928, 1475px 912px #ff4928, 785px 1013px #ff4928, 1072px 159px #ff4928, 1937px 1880px #ff4928, 689px 1038px #ff4928, 1539px 885px #ff4928, 1548px 207px #ff4928, 1354px 17px #ff4928, 844px 1364px #ff4928, 1476px 279px #ff4928, 100px 1920px #ff4928, 1930px 476px #ff4928, 1229px 1238px #ff4928, 472px 585px #ff4928, 651px 1535px #ff4928, 187px 727px #ff4928, 1986px 410px #ff4928, 1280px 1856px #ff4928, 1047px 44px #ff4928, 1764px 335px #ff4928, 614px 1579px #ff4928, 66px 1606px #ff4928, 963px 1584px #ff4928, 1758px 271px #ff4928, 1475px 131px #ff4928, 1369px 463px #ff4928, 1320px 1311px #ff4928, 1667px 1826px #ff4928, 126px 1167px #ff4928, 1229px 1698px #ff4928, 1485px 1131px #ff4928, 1386px 1531px #ff4928, 1255px 1906px #ff4928, 1778px 194px #ff4928, 1089px 972px #ff4928, 1678px 1896px #ff4928, 603px 1472px #ff4928, 1787px 223px #ff4928, 609px 908px #ff4928, 1436px 1004px #ff4928, 182px 1898px #ff4928, 1306px 1163px #ff4928, 294px 681px #ff4928, 1237px 1259px #ff4928, 577px 528px #ff4928, 1569px 1041px #ff4928, 1472px 1102px #ff4928, 1683px 207px #ff4928, 303px 1438px #ff4928, 785px 1479px #ff4928, 1307px 136px #ff4928, 1363px 1249px #ff4928, 328px 460px #ff4928, 808px 1743px #ff4928, 515px 1029px #ff4928, 1505px 1034px #ff4928, 885px 548px #ff4928, 62px 1965px #ff4928, 1125px 864px #ff4928, 1092px 573px #ff4928, 615px 1167px #ff4928, 561px 398px #ff4928, 1774px 1202px #ff4928, 1982px 324px #ff4928, 853px 506px #ff4928, 264px 743px #ff4928, 1320px 747px #ff4928, 534px 683px #ff4928, 1197px 1359px #ff4928, 1268px 537px #ff4928, 969px 908px #ff4928, 592px 757px #ff4928, 1952px 918px #ff4928, 1287px 726px #ff4928, 1949px 1083px #ff4928, 1502px 1929px #ff4928, 250px 570px #ff4928, 1914px 413px #ff4928, 963px 1326px #ff4928, 1029px 974px #ff4928, 51px 711px #ff4928, 531px 283px #ff4928, 502px 1179px #ff4928, 1639px 295px #ff4928, 1206px 260px #ff4928, 616px 1581px #ff4928, 616px 15px #ff4928, 1981px 1615px #ff4928, 189px 1390px #ff4928, 1053px 59px #ff4928, 1209px 201px #ff4928, 610px 132px #ff4928, 1082px 1911px #ff4928, 1501px 625px #ff4928, 1955px 1014px #ff4928, 1488px 1190px #ff4928, 1520px 1754px #ff4928, 1210px 707px #ff4928, 1663px 236px #ff4928, 1833px 688px #ff4928, 1415px 1254px #ff4928, 797px 1429px #ff4928, 1111px 1719px #ff4928, 357px 1890px #ff4928, 549px 1242px #ff4928, 400px 1192px #ff4928, 1274px 994px #ff4928, 341px 1959px #ff4928, 1009px 1501px #ff4928, 1768px 340px #ff4928, 195px 1482px #ff4928, 368px 436px #ff4928, 1819px 355px #ff4928, 824px 254px #ff4928, 1740px 1685px #ff4928, 1386px 1794px #ff4928, 1731px 416px #ff4928, 994px 920px #ff4928, 1844px 935px #ff4928, 1515px 444px #ff4928, 544px 1055px #ff4928, 1210px 328px #ff4928, 213px 163px #ff4928, 1960px 1836px #ff4928, 574px 1508px #ff4928, 758px 1869px #ff4928, 475px 195px #ff4928, 610px 750px #ff4928, 754px 1196px #ff4928, 1963px 411px #ff4928, 1043px 237px #ff4928, 1898px 745px #ff4928, 1628px 790px #ff4928, 1591px 193px #ff4928, 634px 218px #ff4928, 1919px 1641px #ff4928, 856px 652px #ff4928, 1880px 996px #ff4928, 1473px 613px #ff4928, 1577px 438px #ff4928, 944px 1250px #ff4928, 223px 916px #ff4928, 104px 772px #ff4928, 1967px 985px #ff4928, 1125px 292px #ff4928, 93px 79px #ff4928, 772px 1127px #ff4928, 1225px 1735px #ff4928, 1871px 8px #ff4928, 248px 543px #ff4928, 1163px 1411px #ff4928, 635px 1144px #ff4928, 1358px 804px #ff4928, 561px 856px #ff4928, 1756px 470px #ff4928, 1878px 1377px #ff4928, 749px 1623px #ff4928, 1420px 850px #ff4928, 792px 1615px #ff4928, 582px 107px #ff4928, 581px 1654px #ff4928, 934px 57px #ff4928, 1838px 1024px #ff4928, 1645px 1642px #ff4928, 1235px 1502px #ff4928, 1655px 1504px #ff4928, 741px 396px #ff4928, 1153px 849px #ff4928, 1299px 1597px #ff4928, 1031px 448px #ff4928, 270px 113px #ff4928, 1041px 1405px #ff4928, 1651px 1688px #ff4928, 1841px 376px #ff4928, 1900px 1674px #ff4928, 1817px 760px #ff4928, 170px 447px #ff4928, 225px 50px #ff4928, 1299px 1305px #ff4928, 1604px 851px #ff4928, 175px 647px #ff4928, 1379px 985px #ff4928, 1428px 970px #ff4928, 1093px 1392px #ff4928, 1465px 1902px #ff4928, 1078px 189px #ff4928, 1548px 547px #ff4928, 1322px 935px #ff4928, 1785px 981px #ff4928, 1825px 1665px #ff4928, 916px 553px #ff4928, 657px 1787px #ff4928, 1733px 1122px #ff4928, 1820px 229px #ff4928, 1909px 1597px #ff4928, 644px 1880px #ff4928, 1627px 1713px #ff4928, 758px 420px #ff4928, 1229px 1347px #ff4928, 214px 1022px #ff4928, 1110px 6px #ff4928, 690px 879px #ff4928, 575px 1244px #ff4928, 1488px 1425px #ff4928, 1367px 799px #ff4928, 763px 376px #ff4928, 1043px 1103px #ff4928, 131px 788px #ff4928, 919px 1145px #ff4928, 683px 152px #ff4928, 1518px 1239px #ff4928, 1165px 1823px #ff4928, 145px 1018px #ff4928, 999px 94px #ff4928, 160px 115px #ff4928, 1829px 722px #ff4928, 1944px 1829px #ff4928, 1232px 1851px #ff4928, 745px 623px #ff4928, 1019px 1040px #ff4928, 1419px 31px #ff4928, 1410px 103px #ff4928, 1633px 41px #ff4928, 1676px 751px #ff4928, 294px 400px #ff4928, 991px 704px #ff4928, 218px 1953px #ff4928, 1286px 761px #ff4928, 290px 609px #ff4928, 30px 1124px #ff4928, 510px 137px #ff4928, 401px 798px #ff4928, 923px 1594px #ff4928, 1087px 234px #ff4928, 1219px 1346px #ff4928, 1006px 1743px #ff4928, 227px 1013px #ff4928, 1560px 1253px #ff4928, 1476px 527px #ff4928, 1444px 79px #ff4928, 675px 1192px #ff4928, 1881px 1207px #ff4928; }
  .buble:after {
    width: 4px;
    height: 4px;
    -webkit-box-shadow: 1970px 1358px #ff4928, 1931px 80px #ff4928, 1758px 57px #ff4928, 1778px 1437px #ff4928, 489px 617px #ff4928, 1628px 1786px #ff4928, 588px 1612px #ff4928, 1980px 398px #ff4928, 1273px 1016px #ff4928, 1316px 800px #ff4928, 505px 343px #ff4928, 1989px 697px #ff4928, 367px 650px #ff4928, 1573px 695px #ff4928, 1485px 367px #ff4928, 947px 758px #ff4928, 415px 1567px #ff4928, 889px 1398px #ff4928, 1087px 576px #ff4928, 955px 1823px #ff4928, 1589px 1835px #ff4928, 1112px 1709px #ff4928, 980px 90px #ff4928, 1338px 305px #ff4928, 460px 717px #ff4928, 764px 1469px #ff4928, 190px 976px #ff4928, 212px 1531px #ff4928, 683px 29px #ff4928, 1438px 1387px #ff4928, 1405px 337px #ff4928, 1283px 1172px #ff4928, 1073px 1727px #ff4928, 120px 844px #ff4928, 1246px 1608px #ff4928, 967px 69px #ff4928, 542px 315px #ff4928, 711px 608px #ff4928, 14px 1125px #ff4928, 707px 479px #ff4928, 948px 1233px #ff4928, 1635px 1693px #ff4928, 1743px 868px #ff4928, 1533px 1513px #ff4928, 865px 727px #ff4928, 1449px 55px #ff4928, 187px 371px #ff4928, 1542px 603px #ff4928, 865px 1085px #ff4928, 462px 840px #ff4928, 1924px 1153px #ff4928, 721px 54px #ff4928, 677px 771px #ff4928, 478px 1442px #ff4928, 729px 336px #ff4928, 469px 362px #ff4928, 1150px 955px #ff4928, 1490px 1625px #ff4928, 1474px 1457px #ff4928, 203px 966px #ff4928, 1830px 221px #ff4928, 1876px 1193px #ff4928, 1934px 1176px #ff4928, 1621px 1192px #ff4928, 975px 268px #ff4928, 1105px 1720px #ff4928, 489px 1792px #ff4928, 487px 255px #ff4928, 1032px 1556px #ff4928, 59px 357px #ff4928, 551px 862px #ff4928, 1248px 1688px #ff4928, 601px 1233px #ff4928, 275px 428px #ff4928, 121px 1080px #ff4928, 969px 1219px #ff4928, 1067px 1914px #ff4928, 1434px 1779px #ff4928, 32px 756px #ff4928, 289px 161px #ff4928, 1950px 805px #ff4928, 726px 831px #ff4928, 743px 253px #ff4928, 1079px 238px #ff4928, 270px 1103px #ff4928, 59px 314px #ff4928, 46px 1523px #ff4928, 184px 1201px #ff4928, 1589px 724px #ff4928, 898px 329px #ff4928, 181px 1568px #ff4928, 942px 829px #ff4928, 899px 314px #ff4928, 1833px 1526px #ff4928, 1243px 553px #ff4928, 1251px 1193px #ff4928, 1697px 406px #ff4928, 1136px 1681px #ff4928, 1030px 298px #ff4928, 84px 1473px #ff4928, 848px 938px #ff4928, 669px 1637px #ff4928, 1570px 65px #ff4928, 1559px 726px #ff4928, 1144px 126px #ff4928, 373px 743px #ff4928, 1774px 1989px #ff4928, 482px 879px #ff4928, 621px 1954px #ff4928, 363px 1227px #ff4928, 758px 726px #ff4928, 1939px 1877px #ff4928, 407px 1345px #ff4928, 874px 1512px #ff4928, 7px 1498px #ff4928, 1210px 1932px #ff4928, 1246px 734px #ff4928, 596px 790px #ff4928, 842px 958px #ff4928, 1190px 62px #ff4928, 1539px 671px #ff4928, 1213px 1106px #ff4928, 1883px 41px #ff4928, 93px 988px #ff4928, 1364px 564px #ff4928, 85px 945px #ff4928, 543px 48px #ff4928, 1215px 31px #ff4928, 217px 129px #ff4928, 535px 663px #ff4928, 622px 1691px #ff4928, 1738px 1131px #ff4928, 84px 1131px #ff4928, 1963px 319px #ff4928, 544px 1569px #ff4928, 1580px 46px #ff4928, 10px 400px #ff4928, 721px 1305px #ff4928, 23px 654px #ff4928, 747px 1120px #ff4928, 1990px 1883px #ff4928, 651px 554px #ff4928, 892px 259px #ff4928, 1498px 823px #ff4928, 311px 1685px #ff4928, 1547px 1855px #ff4928, 1651px 1592px #ff4928, 241px 1873px #ff4928, 1681px 871px #ff4928, 192px 768px #ff4928, 512px 490px #ff4928, 82px 1476px #ff4928, 1532px 14px #ff4928, 1996px 956px #ff4928, 1354px 348px #ff4928, 1975px 371px #ff4928, 276px 1336px #ff4928, 1599px 30px #ff4928, 1612px 1296px #ff4928, 211px 141px #ff4928, 759px 1344px #ff4928, 1440px 306px #ff4928, 275px 1476px #ff4928, 1190px 96px #ff4928, 1197px 1648px #ff4928, 1351px 399px #ff4928, 206px 1312px #ff4928, 1732px 1553px #ff4928, 324px 832px #ff4928, 430px 241px #ff4928, 787px 292px #ff4928, 1229px 1937px #ff4928, 946px 438px #ff4928, 899px 127px #ff4928, 216px 668px #ff4928, 1865px 302px #ff4928, 753px 1101px #ff4928, 1126px 1614px #ff4928, 122px 269px #ff4928, 850px 1793px #ff4928, 1413px 13px #ff4928, 881px 1634px #ff4928, 28px 967px #ff4928, 1506px 1490px #ff4928, 1183px 22px #ff4928, 812px 1321px #ff4928, 1008px 690px #ff4928, 1142px 397px #ff4928, 1986px 290px #ff4928, 1607px 1289px #ff4928, 1062px 1003px #ff4928, 1404px 275px #ff4928, 544px 123px #ff4928, 1117px 1535px #ff4928, 820px 654px #ff4928, 1248px 1862px #ff4928, 1046px 318px #ff4928, 1755px 1925px #ff4928, 206px 1229px #ff4928, 1437px 1758px #ff4928, 103px 1651px #ff4928, 381px 1199px #ff4928, 90px 1967px #ff4928, 1765px 1397px #ff4928, 1751px 1812px #ff4928, 1725px 1350px #ff4928, 1643px 199px #ff4928, 706px 1886px #ff4928, 1061px 603px #ff4928, 1933px 3px #ff4928, 673px 1664px #ff4928, 1346px 358px #ff4928, 1372px 653px #ff4928, 1884px 1319px #ff4928, 886px 1922px #ff4928, 445px 390px #ff4928, 1076px 1458px #ff4928, 718px 1708px #ff4928, 103px 647px #ff4928, 679px 1235px #ff4928, 1569px 439px #ff4928, 1915px 1786px #ff4928, 241px 965px #ff4928, 142px 806px #ff4928, 332px 1394px #ff4928, 1457px 224px #ff4928, 1187px 771px #ff4928, 1465px 493px #ff4928, 735px 1953px #ff4928, 374px 665px #ff4928, 1127px 1500px #ff4928, 1232px 954px #ff4928, 395px 1006px #ff4928, 1357px 1400px #ff4928, 469px 1695px #ff4928, 1109px 1007px #ff4928, 168px 1658px #ff4928, 860px 342px #ff4928, 1404px 341px #ff4928, 197px 796px #ff4928, 1641px 1223px #ff4928, 304px 1967px #ff4928, 1945px 1632px #ff4928, 1277px 1752px #ff4928, 1406px 351px #ff4928, 278px 1732px #ff4928, 859px 514px #ff4928, 108px 1915px #ff4928, 1555px 1992px #ff4928, 1360px 362px #ff4928, 29px 487px #ff4928, 1438px 1775px #ff4928, 488px 92px #ff4928, 706px 1257px #ff4928, 604px 1726px #ff4928, 1935px 1915px #ff4928, 544px 788px #ff4928, 1386px 40px #ff4928, 1635px 1747px #ff4928, 1825px 1092px #ff4928, 347px 1987px #ff4928, 702px 1771px #ff4928, 1994px 328px #ff4928, 549px 915px #ff4928, 1381px 706px #ff4928, 1602px 129px #ff4928, 1069px 1415px #ff4928, 990px 990px #ff4928, 184px 403px #ff4928, 506px 844px #ff4928, 1704px 1551px #ff4928, 201px 830px #ff4928, 1326px 7px #ff4928, 138px 243px #ff4928, 968px 1153px #ff4928, 1369px 1730px #ff4928, 1561px 411px #ff4928, 261px 703px #ff4928, 55px 1286px #ff4928, 996px 1265px #ff4928, 553px 1666px #ff4928, 803px 304px #ff4928, 1600px 432px #ff4928, 1008px 1367px #ff4928, 1555px 1419px #ff4928, 1216px 37px #ff4928, 1437px 852px #ff4928, 540px 454px #ff4928, 431px 174px #ff4928, 1614px 649px #ff4928, 200px 1119px #ff4928, 1865px 250px #ff4928, 569px 1786px #ff4928, 1843px 195px #ff4928, 1793px 1019px #ff4928, 739px 1552px #ff4928, 545px 1801px #ff4928, 1375px 1230px #ff4928, 1360px 397px #ff4928, 1853px 1694px #ff4928, 1393px 128px #ff4928, 455px 1289px #ff4928, 189px 709px #ff4928, 1059px 1955px #ff4928, 1380px 868px #ff4928, 663px 900px #ff4928, 945px 257px #ff4928, 1911px 1109px #ff4928, 1764px 626px #ff4928, 281px 1092px #ff4928, 1808px 776px #ff4928, 541px 676px #ff4928, 1969px 1711px #ff4928, 533px 1995px #ff4928, 40px 1781px #ff4928, 1533px 1440px #ff4928, 495px 1123px #ff4928, 1501px 1238px #ff4928, 604px 1033px #ff4928, 1446px 1885px #ff4928, 1638px 1394px #ff4928, 365px 41px #ff4928, 740px 1712px #ff4928, 1932px 246px #ff4928, 1490px 849px #ff4928, 1889px 642px #ff4928, 838px 405px #ff4928, 1489px 1128px #ff4928, 734px 1822px #ff4928, 863px 1659px #ff4928, 870px 1759px #ff4928, 1291px 1300px #ff4928, 327px 1988px #ff4928, 117px 819px #ff4928, 867px 1943px #ff4928, 1777px 389px #ff4928, 23px 1052px #ff4928, 92px 1150px #ff4928, 884px 725px #ff4928, 1889px 1808px #ff4928, 1274px 1731px #ff4928, 794px 666px #ff4928, 52px 473px #ff4928, 623px 980px #ff4928, 1493px 1361px #ff4928, 1160px 37px #ff4928, 10px 442px #ff4928, 1218px 369px #ff4928, 1006px 282px #ff4928, 1259px 1742px #ff4928, 1060px 1370px #ff4928, 103px 723px #ff4928, 671px 478px #ff4928, 1136px 1295px #ff4928, 1097px 1941px #ff4928, 1653px 1427px #ff4928, 189px 1773px #ff4928, 1442px 1103px #ff4928, 1866px 1219px #ff4928, 1558px 1597px #ff4928, 506px 572px #ff4928, 658px 1321px #ff4928, 601px 1286px #ff4928, 1087px 303px #ff4928, 619px 1815px #ff4928, 828px 1526px #ff4928, 1257px 668px #ff4928, 1869px 720px #ff4928, 122px 1101px #ff4928, 1177px 912px #ff4928, 1618px 1459px #ff4928, 59px 1646px #ff4928, 1042px 151px #ff4928, 26px 14px #ff4928, 913px 750px #ff4928, 1473px 334px #ff4928, 480px 1073px #ff4928, 869px 789px #ff4928, 750px 1371px #ff4928, 1985px 1036px #ff4928, 1052px 1406px #ff4928, 701px 555px #ff4928, 167px 957px #ff4928, 301px 146px #ff4928, 704px 67px #ff4928, 153px 1152px #ff4928, 43px 902px #ff4928, 134px 379px #ff4928, 298px 958px #ff4928, 120px 1264px #ff4928, 275px 279px #ff4928, 1944px 267px #ff4928, 196px 316px #ff4928, 1729px 329px #ff4928, 81px 721px #ff4928, 315px 1865px #ff4928, 1025px 1127px #ff4928, 1889px 1035px #ff4928, 1160px 201px #ff4928, 582px 492px #ff4928, 1864px 1418px #ff4928, 1147px 1977px #ff4928, 951px 1065px #ff4928, 1361px 1549px #ff4928, 1382px 1896px #ff4928, 1511px 565px #ff4928, 1087px 683px #ff4928, 122px 1132px #ff4928, 1388px 718px #ff4928, 637px 1570px #ff4928, 1841px 1707px #ff4928, 376px 1721px #ff4928, 1244px 1101px #ff4928, 148px 669px #ff4928, 356px 214px #ff4928, 119px 118px #ff4928, 1183px 236px #ff4928, 217px 1879px #ff4928, 312px 1439px #ff4928, 1820px 1142px #ff4928, 1815px 982px #ff4928, 1509px 639px #ff4928, 647px 1390px #ff4928, 562px 1921px #ff4928, 1616px 1590px #ff4928, 1189px 1732px #ff4928, 315px 188px #ff4928, 1528px 778px #ff4928, 1518px 596px #ff4928, 1767px 547px #ff4928, 1781px 1893px #ff4928, 913px 141px #ff4928, 1861px 139px #ff4928, 1366px 1935px #ff4928, 1943px 1981px #ff4928, 1932px 1007px #ff4928, 1617px 639px #ff4928, 1114px 1874px #ff4928, 25px 1987px #ff4928, 1825px 355px #ff4928, 1055px 1885px #ff4928, 1837px 723px #ff4928, 1230px 1211px #ff4928, 1129px 1307px #ff4928, 1341px 807px #ff4928, 1938px 1837px #ff4928, 1864px 1185px #ff4928, 717px 1122px #ff4928, 242px 325px #ff4928, 368px 478px #ff4928, 316px 197px #ff4928, 66px 1935px #ff4928, 1366px 445px #ff4928, 76px 786px #ff4928, 230px 846px #ff4928, 1148px 517px #ff4928, 1455px 368px #ff4928, 1797px 1605px #ff4928, 1475px 912px #ff4928, 785px 1013px #ff4928, 1072px 159px #ff4928, 1937px 1880px #ff4928, 689px 1038px #ff4928, 1539px 885px #ff4928, 1548px 207px #ff4928, 1354px 17px #ff4928, 844px 1364px #ff4928, 1476px 279px #ff4928, 100px 1920px #ff4928, 1930px 476px #ff4928, 1229px 1238px #ff4928, 472px 585px #ff4928, 651px 1535px #ff4928, 187px 727px #ff4928, 1986px 410px #ff4928, 1280px 1856px #ff4928, 1047px 44px #ff4928, 1764px 335px #ff4928, 614px 1579px #ff4928, 66px 1606px #ff4928, 963px 1584px #ff4928, 1758px 271px #ff4928, 1475px 131px #ff4928, 1369px 463px #ff4928, 1320px 1311px #ff4928, 1667px 1826px #ff4928, 126px 1167px #ff4928, 1229px 1698px #ff4928, 1485px 1131px #ff4928, 1386px 1531px #ff4928, 1255px 1906px #ff4928, 1778px 194px #ff4928, 1089px 972px #ff4928, 1678px 1896px #ff4928, 603px 1472px #ff4928, 1787px 223px #ff4928, 609px 908px #ff4928, 1436px 1004px #ff4928, 182px 1898px #ff4928, 1306px 1163px #ff4928, 294px 681px #ff4928, 1237px 1259px #ff4928, 577px 528px #ff4928, 1569px 1041px #ff4928, 1472px 1102px #ff4928, 1683px 207px #ff4928, 303px 1438px #ff4928, 785px 1479px #ff4928, 1307px 136px #ff4928, 1363px 1249px #ff4928, 328px 460px #ff4928, 808px 1743px #ff4928, 515px 1029px #ff4928, 1505px 1034px #ff4928, 885px 548px #ff4928, 62px 1965px #ff4928, 1125px 864px #ff4928, 1092px 573px #ff4928, 615px 1167px #ff4928, 561px 398px #ff4928, 1774px 1202px #ff4928, 1982px 324px #ff4928, 853px 506px #ff4928, 264px 743px #ff4928, 1320px 747px #ff4928, 534px 683px #ff4928, 1197px 1359px #ff4928, 1268px 537px #ff4928, 969px 908px #ff4928, 592px 757px #ff4928, 1952px 918px #ff4928, 1287px 726px #ff4928, 1949px 1083px #ff4928, 1502px 1929px #ff4928, 250px 570px #ff4928, 1914px 413px #ff4928, 963px 1326px #ff4928, 1029px 974px #ff4928, 51px 711px #ff4928, 531px 283px #ff4928, 502px 1179px #ff4928, 1639px 295px #ff4928, 1206px 260px #ff4928, 616px 1581px #ff4928, 616px 15px #ff4928, 1981px 1615px #ff4928, 189px 1390px #ff4928, 1053px 59px #ff4928, 1209px 201px #ff4928, 610px 132px #ff4928, 1082px 1911px #ff4928, 1501px 625px #ff4928, 1955px 1014px #ff4928, 1488px 1190px #ff4928, 1520px 1754px #ff4928, 1210px 707px #ff4928, 1663px 236px #ff4928, 1833px 688px #ff4928, 1415px 1254px #ff4928, 797px 1429px #ff4928, 1111px 1719px #ff4928, 357px 1890px #ff4928, 549px 1242px #ff4928, 400px 1192px #ff4928, 1274px 994px #ff4928, 341px 1959px #ff4928, 1009px 1501px #ff4928, 1768px 340px #ff4928, 195px 1482px #ff4928, 368px 436px #ff4928, 1819px 355px #ff4928, 824px 254px #ff4928, 1740px 1685px #ff4928, 1386px 1794px #ff4928, 1731px 416px #ff4928, 994px 920px #ff4928, 1844px 935px #ff4928, 1515px 444px #ff4928, 544px 1055px #ff4928, 1210px 328px #ff4928, 213px 163px #ff4928, 1960px 1836px #ff4928, 574px 1508px #ff4928, 758px 1869px #ff4928, 475px 195px #ff4928, 610px 750px #ff4928, 754px 1196px #ff4928, 1963px 411px #ff4928, 1043px 237px #ff4928, 1898px 745px #ff4928, 1628px 790px #ff4928, 1591px 193px #ff4928, 634px 218px #ff4928, 1919px 1641px #ff4928, 856px 652px #ff4928, 1880px 996px #ff4928, 1473px 613px #ff4928, 1577px 438px #ff4928, 944px 1250px #ff4928, 223px 916px #ff4928, 104px 772px #ff4928, 1967px 985px #ff4928, 1125px 292px #ff4928, 93px 79px #ff4928, 772px 1127px #ff4928, 1225px 1735px #ff4928, 1871px 8px #ff4928, 248px 543px #ff4928, 1163px 1411px #ff4928, 635px 1144px #ff4928, 1358px 804px #ff4928, 561px 856px #ff4928, 1756px 470px #ff4928, 1878px 1377px #ff4928, 749px 1623px #ff4928, 1420px 850px #ff4928, 792px 1615px #ff4928, 582px 107px #ff4928, 581px 1654px #ff4928, 934px 57px #ff4928, 1838px 1024px #ff4928, 1645px 1642px #ff4928, 1235px 1502px #ff4928, 1655px 1504px #ff4928, 741px 396px #ff4928, 1153px 849px #ff4928, 1299px 1597px #ff4928, 1031px 448px #ff4928, 270px 113px #ff4928, 1041px 1405px #ff4928, 1651px 1688px #ff4928, 1841px 376px #ff4928, 1900px 1674px #ff4928, 1817px 760px #ff4928, 170px 447px #ff4928, 225px 50px #ff4928, 1299px 1305px #ff4928, 1604px 851px #ff4928, 175px 647px #ff4928, 1379px 985px #ff4928, 1428px 970px #ff4928, 1093px 1392px #ff4928, 1465px 1902px #ff4928, 1078px 189px #ff4928, 1548px 547px #ff4928, 1322px 935px #ff4928, 1785px 981px #ff4928, 1825px 1665px #ff4928, 916px 553px #ff4928, 657px 1787px #ff4928, 1733px 1122px #ff4928, 1820px 229px #ff4928, 1909px 1597px #ff4928, 644px 1880px #ff4928, 1627px 1713px #ff4928, 758px 420px #ff4928, 1229px 1347px #ff4928, 214px 1022px #ff4928, 1110px 6px #ff4928, 690px 879px #ff4928, 575px 1244px #ff4928, 1488px 1425px #ff4928, 1367px 799px #ff4928, 763px 376px #ff4928, 1043px 1103px #ff4928, 131px 788px #ff4928, 919px 1145px #ff4928, 683px 152px #ff4928, 1518px 1239px #ff4928, 1165px 1823px #ff4928, 145px 1018px #ff4928, 999px 94px #ff4928, 160px 115px #ff4928, 1829px 722px #ff4928, 1944px 1829px #ff4928, 1232px 1851px #ff4928, 745px 623px #ff4928, 1019px 1040px #ff4928, 1419px 31px #ff4928, 1410px 103px #ff4928, 1633px 41px #ff4928, 1676px 751px #ff4928, 294px 400px #ff4928, 991px 704px #ff4928, 218px 1953px #ff4928, 1286px 761px #ff4928, 290px 609px #ff4928, 30px 1124px #ff4928, 510px 137px #ff4928, 401px 798px #ff4928, 923px 1594px #ff4928, 1087px 234px #ff4928, 1219px 1346px #ff4928, 1006px 1743px #ff4928, 227px 1013px #ff4928, 1560px 1253px #ff4928, 1476px 527px #ff4928, 1444px 79px #ff4928, 675px 1192px #ff4928, 1881px 1207px #ff4928;
    box-shadow: 1970px 1358px #ff4928, 1931px 80px #ff4928, 1758px 57px #ff4928, 1778px 1437px #ff4928, 489px 617px #ff4928, 1628px 1786px #ff4928, 588px 1612px #ff4928, 1980px 398px #ff4928, 1273px 1016px #ff4928, 1316px 800px #ff4928, 505px 343px #ff4928, 1989px 697px #ff4928, 367px 650px #ff4928, 1573px 695px #ff4928, 1485px 367px #ff4928, 947px 758px #ff4928, 415px 1567px #ff4928, 889px 1398px #ff4928, 1087px 576px #ff4928, 955px 1823px #ff4928, 1589px 1835px #ff4928, 1112px 1709px #ff4928, 980px 90px #ff4928, 1338px 305px #ff4928, 460px 717px #ff4928, 764px 1469px #ff4928, 190px 976px #ff4928, 212px 1531px #ff4928, 683px 29px #ff4928, 1438px 1387px #ff4928, 1405px 337px #ff4928, 1283px 1172px #ff4928, 1073px 1727px #ff4928, 120px 844px #ff4928, 1246px 1608px #ff4928, 967px 69px #ff4928, 542px 315px #ff4928, 711px 608px #ff4928, 14px 1125px #ff4928, 707px 479px #ff4928, 948px 1233px #ff4928, 1635px 1693px #ff4928, 1743px 868px #ff4928, 1533px 1513px #ff4928, 865px 727px #ff4928, 1449px 55px #ff4928, 187px 371px #ff4928, 1542px 603px #ff4928, 865px 1085px #ff4928, 462px 840px #ff4928, 1924px 1153px #ff4928, 721px 54px #ff4928, 677px 771px #ff4928, 478px 1442px #ff4928, 729px 336px #ff4928, 469px 362px #ff4928, 1150px 955px #ff4928, 1490px 1625px #ff4928, 1474px 1457px #ff4928, 203px 966px #ff4928, 1830px 221px #ff4928, 1876px 1193px #ff4928, 1934px 1176px #ff4928, 1621px 1192px #ff4928, 975px 268px #ff4928, 1105px 1720px #ff4928, 489px 1792px #ff4928, 487px 255px #ff4928, 1032px 1556px #ff4928, 59px 357px #ff4928, 551px 862px #ff4928, 1248px 1688px #ff4928, 601px 1233px #ff4928, 275px 428px #ff4928, 121px 1080px #ff4928, 969px 1219px #ff4928, 1067px 1914px #ff4928, 1434px 1779px #ff4928, 32px 756px #ff4928, 289px 161px #ff4928, 1950px 805px #ff4928, 726px 831px #ff4928, 743px 253px #ff4928, 1079px 238px #ff4928, 270px 1103px #ff4928, 59px 314px #ff4928, 46px 1523px #ff4928, 184px 1201px #ff4928, 1589px 724px #ff4928, 898px 329px #ff4928, 181px 1568px #ff4928, 942px 829px #ff4928, 899px 314px #ff4928, 1833px 1526px #ff4928, 1243px 553px #ff4928, 1251px 1193px #ff4928, 1697px 406px #ff4928, 1136px 1681px #ff4928, 1030px 298px #ff4928, 84px 1473px #ff4928, 848px 938px #ff4928, 669px 1637px #ff4928, 1570px 65px #ff4928, 1559px 726px #ff4928, 1144px 126px #ff4928, 373px 743px #ff4928, 1774px 1989px #ff4928, 482px 879px #ff4928, 621px 1954px #ff4928, 363px 1227px #ff4928, 758px 726px #ff4928, 1939px 1877px #ff4928, 407px 1345px #ff4928, 874px 1512px #ff4928, 7px 1498px #ff4928, 1210px 1932px #ff4928, 1246px 734px #ff4928, 596px 790px #ff4928, 842px 958px #ff4928, 1190px 62px #ff4928, 1539px 671px #ff4928, 1213px 1106px #ff4928, 1883px 41px #ff4928, 93px 988px #ff4928, 1364px 564px #ff4928, 85px 945px #ff4928, 543px 48px #ff4928, 1215px 31px #ff4928, 217px 129px #ff4928, 535px 663px #ff4928, 622px 1691px #ff4928, 1738px 1131px #ff4928, 84px 1131px #ff4928, 1963px 319px #ff4928, 544px 1569px #ff4928, 1580px 46px #ff4928, 10px 400px #ff4928, 721px 1305px #ff4928, 23px 654px #ff4928, 747px 1120px #ff4928, 1990px 1883px #ff4928, 651px 554px #ff4928, 892px 259px #ff4928, 1498px 823px #ff4928, 311px 1685px #ff4928, 1547px 1855px #ff4928, 1651px 1592px #ff4928, 241px 1873px #ff4928, 1681px 871px #ff4928, 192px 768px #ff4928, 512px 490px #ff4928, 82px 1476px #ff4928, 1532px 14px #ff4928, 1996px 956px #ff4928, 1354px 348px #ff4928, 1975px 371px #ff4928, 276px 1336px #ff4928, 1599px 30px #ff4928, 1612px 1296px #ff4928, 211px 141px #ff4928, 759px 1344px #ff4928, 1440px 306px #ff4928, 275px 1476px #ff4928, 1190px 96px #ff4928, 1197px 1648px #ff4928, 1351px 399px #ff4928, 206px 1312px #ff4928, 1732px 1553px #ff4928, 324px 832px #ff4928, 430px 241px #ff4928, 787px 292px #ff4928, 1229px 1937px #ff4928, 946px 438px #ff4928, 899px 127px #ff4928, 216px 668px #ff4928, 1865px 302px #ff4928, 753px 1101px #ff4928, 1126px 1614px #ff4928, 122px 269px #ff4928, 850px 1793px #ff4928, 1413px 13px #ff4928, 881px 1634px #ff4928, 28px 967px #ff4928, 1506px 1490px #ff4928, 1183px 22px #ff4928, 812px 1321px #ff4928, 1008px 690px #ff4928, 1142px 397px #ff4928, 1986px 290px #ff4928, 1607px 1289px #ff4928, 1062px 1003px #ff4928, 1404px 275px #ff4928, 544px 123px #ff4928, 1117px 1535px #ff4928, 820px 654px #ff4928, 1248px 1862px #ff4928, 1046px 318px #ff4928, 1755px 1925px #ff4928, 206px 1229px #ff4928, 1437px 1758px #ff4928, 103px 1651px #ff4928, 381px 1199px #ff4928, 90px 1967px #ff4928, 1765px 1397px #ff4928, 1751px 1812px #ff4928, 1725px 1350px #ff4928, 1643px 199px #ff4928, 706px 1886px #ff4928, 1061px 603px #ff4928, 1933px 3px #ff4928, 673px 1664px #ff4928, 1346px 358px #ff4928, 1372px 653px #ff4928, 1884px 1319px #ff4928, 886px 1922px #ff4928, 445px 390px #ff4928, 1076px 1458px #ff4928, 718px 1708px #ff4928, 103px 647px #ff4928, 679px 1235px #ff4928, 1569px 439px #ff4928, 1915px 1786px #ff4928, 241px 965px #ff4928, 142px 806px #ff4928, 332px 1394px #ff4928, 1457px 224px #ff4928, 1187px 771px #ff4928, 1465px 493px #ff4928, 735px 1953px #ff4928, 374px 665px #ff4928, 1127px 1500px #ff4928, 1232px 954px #ff4928, 395px 1006px #ff4928, 1357px 1400px #ff4928, 469px 1695px #ff4928, 1109px 1007px #ff4928, 168px 1658px #ff4928, 860px 342px #ff4928, 1404px 341px #ff4928, 197px 796px #ff4928, 1641px 1223px #ff4928, 304px 1967px #ff4928, 1945px 1632px #ff4928, 1277px 1752px #ff4928, 1406px 351px #ff4928, 278px 1732px #ff4928, 859px 514px #ff4928, 108px 1915px #ff4928, 1555px 1992px #ff4928, 1360px 362px #ff4928, 29px 487px #ff4928, 1438px 1775px #ff4928, 488px 92px #ff4928, 706px 1257px #ff4928, 604px 1726px #ff4928, 1935px 1915px #ff4928, 544px 788px #ff4928, 1386px 40px #ff4928, 1635px 1747px #ff4928, 1825px 1092px #ff4928, 347px 1987px #ff4928, 702px 1771px #ff4928, 1994px 328px #ff4928, 549px 915px #ff4928, 1381px 706px #ff4928, 1602px 129px #ff4928, 1069px 1415px #ff4928, 990px 990px #ff4928, 184px 403px #ff4928, 506px 844px #ff4928, 1704px 1551px #ff4928, 201px 830px #ff4928, 1326px 7px #ff4928, 138px 243px #ff4928, 968px 1153px #ff4928, 1369px 1730px #ff4928, 1561px 411px #ff4928, 261px 703px #ff4928, 55px 1286px #ff4928, 996px 1265px #ff4928, 553px 1666px #ff4928, 803px 304px #ff4928, 1600px 432px #ff4928, 1008px 1367px #ff4928, 1555px 1419px #ff4928, 1216px 37px #ff4928, 1437px 852px #ff4928, 540px 454px #ff4928, 431px 174px #ff4928, 1614px 649px #ff4928, 200px 1119px #ff4928, 1865px 250px #ff4928, 569px 1786px #ff4928, 1843px 195px #ff4928, 1793px 1019px #ff4928, 739px 1552px #ff4928, 545px 1801px #ff4928, 1375px 1230px #ff4928, 1360px 397px #ff4928, 1853px 1694px #ff4928, 1393px 128px #ff4928, 455px 1289px #ff4928, 189px 709px #ff4928, 1059px 1955px #ff4928, 1380px 868px #ff4928, 663px 900px #ff4928, 945px 257px #ff4928, 1911px 1109px #ff4928, 1764px 626px #ff4928, 281px 1092px #ff4928, 1808px 776px #ff4928, 541px 676px #ff4928, 1969px 1711px #ff4928, 533px 1995px #ff4928, 40px 1781px #ff4928, 1533px 1440px #ff4928, 495px 1123px #ff4928, 1501px 1238px #ff4928, 604px 1033px #ff4928, 1446px 1885px #ff4928, 1638px 1394px #ff4928, 365px 41px #ff4928, 740px 1712px #ff4928, 1932px 246px #ff4928, 1490px 849px #ff4928, 1889px 642px #ff4928, 838px 405px #ff4928, 1489px 1128px #ff4928, 734px 1822px #ff4928, 863px 1659px #ff4928, 870px 1759px #ff4928, 1291px 1300px #ff4928, 327px 1988px #ff4928, 117px 819px #ff4928, 867px 1943px #ff4928, 1777px 389px #ff4928, 23px 1052px #ff4928, 92px 1150px #ff4928, 884px 725px #ff4928, 1889px 1808px #ff4928, 1274px 1731px #ff4928, 794px 666px #ff4928, 52px 473px #ff4928, 623px 980px #ff4928, 1493px 1361px #ff4928, 1160px 37px #ff4928, 10px 442px #ff4928, 1218px 369px #ff4928, 1006px 282px #ff4928, 1259px 1742px #ff4928, 1060px 1370px #ff4928, 103px 723px #ff4928, 671px 478px #ff4928, 1136px 1295px #ff4928, 1097px 1941px #ff4928, 1653px 1427px #ff4928, 189px 1773px #ff4928, 1442px 1103px #ff4928, 1866px 1219px #ff4928, 1558px 1597px #ff4928, 506px 572px #ff4928, 658px 1321px #ff4928, 601px 1286px #ff4928, 1087px 303px #ff4928, 619px 1815px #ff4928, 828px 1526px #ff4928, 1257px 668px #ff4928, 1869px 720px #ff4928, 122px 1101px #ff4928, 1177px 912px #ff4928, 1618px 1459px #ff4928, 59px 1646px #ff4928, 1042px 151px #ff4928, 26px 14px #ff4928, 913px 750px #ff4928, 1473px 334px #ff4928, 480px 1073px #ff4928, 869px 789px #ff4928, 750px 1371px #ff4928, 1985px 1036px #ff4928, 1052px 1406px #ff4928, 701px 555px #ff4928, 167px 957px #ff4928, 301px 146px #ff4928, 704px 67px #ff4928, 153px 1152px #ff4928, 43px 902px #ff4928, 134px 379px #ff4928, 298px 958px #ff4928, 120px 1264px #ff4928, 275px 279px #ff4928, 1944px 267px #ff4928, 196px 316px #ff4928, 1729px 329px #ff4928, 81px 721px #ff4928, 315px 1865px #ff4928, 1025px 1127px #ff4928, 1889px 1035px #ff4928, 1160px 201px #ff4928, 582px 492px #ff4928, 1864px 1418px #ff4928, 1147px 1977px #ff4928, 951px 1065px #ff4928, 1361px 1549px #ff4928, 1382px 1896px #ff4928, 1511px 565px #ff4928, 1087px 683px #ff4928, 122px 1132px #ff4928, 1388px 718px #ff4928, 637px 1570px #ff4928, 1841px 1707px #ff4928, 376px 1721px #ff4928, 1244px 1101px #ff4928, 148px 669px #ff4928, 356px 214px #ff4928, 119px 118px #ff4928, 1183px 236px #ff4928, 217px 1879px #ff4928, 312px 1439px #ff4928, 1820px 1142px #ff4928, 1815px 982px #ff4928, 1509px 639px #ff4928, 647px 1390px #ff4928, 562px 1921px #ff4928, 1616px 1590px #ff4928, 1189px 1732px #ff4928, 315px 188px #ff4928, 1528px 778px #ff4928, 1518px 596px #ff4928, 1767px 547px #ff4928, 1781px 1893px #ff4928, 913px 141px #ff4928, 1861px 139px #ff4928, 1366px 1935px #ff4928, 1943px 1981px #ff4928, 1932px 1007px #ff4928, 1617px 639px #ff4928, 1114px 1874px #ff4928, 25px 1987px #ff4928, 1825px 355px #ff4928, 1055px 1885px #ff4928, 1837px 723px #ff4928, 1230px 1211px #ff4928, 1129px 1307px #ff4928, 1341px 807px #ff4928, 1938px 1837px #ff4928, 1864px 1185px #ff4928, 717px 1122px #ff4928, 242px 325px #ff4928, 368px 478px #ff4928, 316px 197px #ff4928, 66px 1935px #ff4928, 1366px 445px #ff4928, 76px 786px #ff4928, 230px 846px #ff4928, 1148px 517px #ff4928, 1455px 368px #ff4928, 1797px 1605px #ff4928, 1475px 912px #ff4928, 785px 1013px #ff4928, 1072px 159px #ff4928, 1937px 1880px #ff4928, 689px 1038px #ff4928, 1539px 885px #ff4928, 1548px 207px #ff4928, 1354px 17px #ff4928, 844px 1364px #ff4928, 1476px 279px #ff4928, 100px 1920px #ff4928, 1930px 476px #ff4928, 1229px 1238px #ff4928, 472px 585px #ff4928, 651px 1535px #ff4928, 187px 727px #ff4928, 1986px 410px #ff4928, 1280px 1856px #ff4928, 1047px 44px #ff4928, 1764px 335px #ff4928, 614px 1579px #ff4928, 66px 1606px #ff4928, 963px 1584px #ff4928, 1758px 271px #ff4928, 1475px 131px #ff4928, 1369px 463px #ff4928, 1320px 1311px #ff4928, 1667px 1826px #ff4928, 126px 1167px #ff4928, 1229px 1698px #ff4928, 1485px 1131px #ff4928, 1386px 1531px #ff4928, 1255px 1906px #ff4928, 1778px 194px #ff4928, 1089px 972px #ff4928, 1678px 1896px #ff4928, 603px 1472px #ff4928, 1787px 223px #ff4928, 609px 908px #ff4928, 1436px 1004px #ff4928, 182px 1898px #ff4928, 1306px 1163px #ff4928, 294px 681px #ff4928, 1237px 1259px #ff4928, 577px 528px #ff4928, 1569px 1041px #ff4928, 1472px 1102px #ff4928, 1683px 207px #ff4928, 303px 1438px #ff4928, 785px 1479px #ff4928, 1307px 136px #ff4928, 1363px 1249px #ff4928, 328px 460px #ff4928, 808px 1743px #ff4928, 515px 1029px #ff4928, 1505px 1034px #ff4928, 885px 548px #ff4928, 62px 1965px #ff4928, 1125px 864px #ff4928, 1092px 573px #ff4928, 615px 1167px #ff4928, 561px 398px #ff4928, 1774px 1202px #ff4928, 1982px 324px #ff4928, 853px 506px #ff4928, 264px 743px #ff4928, 1320px 747px #ff4928, 534px 683px #ff4928, 1197px 1359px #ff4928, 1268px 537px #ff4928, 969px 908px #ff4928, 592px 757px #ff4928, 1952px 918px #ff4928, 1287px 726px #ff4928, 1949px 1083px #ff4928, 1502px 1929px #ff4928, 250px 570px #ff4928, 1914px 413px #ff4928, 963px 1326px #ff4928, 1029px 974px #ff4928, 51px 711px #ff4928, 531px 283px #ff4928, 502px 1179px #ff4928, 1639px 295px #ff4928, 1206px 260px #ff4928, 616px 1581px #ff4928, 616px 15px #ff4928, 1981px 1615px #ff4928, 189px 1390px #ff4928, 1053px 59px #ff4928, 1209px 201px #ff4928, 610px 132px #ff4928, 1082px 1911px #ff4928, 1501px 625px #ff4928, 1955px 1014px #ff4928, 1488px 1190px #ff4928, 1520px 1754px #ff4928, 1210px 707px #ff4928, 1663px 236px #ff4928, 1833px 688px #ff4928, 1415px 1254px #ff4928, 797px 1429px #ff4928, 1111px 1719px #ff4928, 357px 1890px #ff4928, 549px 1242px #ff4928, 400px 1192px #ff4928, 1274px 994px #ff4928, 341px 1959px #ff4928, 1009px 1501px #ff4928, 1768px 340px #ff4928, 195px 1482px #ff4928, 368px 436px #ff4928, 1819px 355px #ff4928, 824px 254px #ff4928, 1740px 1685px #ff4928, 1386px 1794px #ff4928, 1731px 416px #ff4928, 994px 920px #ff4928, 1844px 935px #ff4928, 1515px 444px #ff4928, 544px 1055px #ff4928, 1210px 328px #ff4928, 213px 163px #ff4928, 1960px 1836px #ff4928, 574px 1508px #ff4928, 758px 1869px #ff4928, 475px 195px #ff4928, 610px 750px #ff4928, 754px 1196px #ff4928, 1963px 411px #ff4928, 1043px 237px #ff4928, 1898px 745px #ff4928, 1628px 790px #ff4928, 1591px 193px #ff4928, 634px 218px #ff4928, 1919px 1641px #ff4928, 856px 652px #ff4928, 1880px 996px #ff4928, 1473px 613px #ff4928, 1577px 438px #ff4928, 944px 1250px #ff4928, 223px 916px #ff4928, 104px 772px #ff4928, 1967px 985px #ff4928, 1125px 292px #ff4928, 93px 79px #ff4928, 772px 1127px #ff4928, 1225px 1735px #ff4928, 1871px 8px #ff4928, 248px 543px #ff4928, 1163px 1411px #ff4928, 635px 1144px #ff4928, 1358px 804px #ff4928, 561px 856px #ff4928, 1756px 470px #ff4928, 1878px 1377px #ff4928, 749px 1623px #ff4928, 1420px 850px #ff4928, 792px 1615px #ff4928, 582px 107px #ff4928, 581px 1654px #ff4928, 934px 57px #ff4928, 1838px 1024px #ff4928, 1645px 1642px #ff4928, 1235px 1502px #ff4928, 1655px 1504px #ff4928, 741px 396px #ff4928, 1153px 849px #ff4928, 1299px 1597px #ff4928, 1031px 448px #ff4928, 270px 113px #ff4928, 1041px 1405px #ff4928, 1651px 1688px #ff4928, 1841px 376px #ff4928, 1900px 1674px #ff4928, 1817px 760px #ff4928, 170px 447px #ff4928, 225px 50px #ff4928, 1299px 1305px #ff4928, 1604px 851px #ff4928, 175px 647px #ff4928, 1379px 985px #ff4928, 1428px 970px #ff4928, 1093px 1392px #ff4928, 1465px 1902px #ff4928, 1078px 189px #ff4928, 1548px 547px #ff4928, 1322px 935px #ff4928, 1785px 981px #ff4928, 1825px 1665px #ff4928, 916px 553px #ff4928, 657px 1787px #ff4928, 1733px 1122px #ff4928, 1820px 229px #ff4928, 1909px 1597px #ff4928, 644px 1880px #ff4928, 1627px 1713px #ff4928, 758px 420px #ff4928, 1229px 1347px #ff4928, 214px 1022px #ff4928, 1110px 6px #ff4928, 690px 879px #ff4928, 575px 1244px #ff4928, 1488px 1425px #ff4928, 1367px 799px #ff4928, 763px 376px #ff4928, 1043px 1103px #ff4928, 131px 788px #ff4928, 919px 1145px #ff4928, 683px 152px #ff4928, 1518px 1239px #ff4928, 1165px 1823px #ff4928, 145px 1018px #ff4928, 999px 94px #ff4928, 160px 115px #ff4928, 1829px 722px #ff4928, 1944px 1829px #ff4928, 1232px 1851px #ff4928, 745px 623px #ff4928, 1019px 1040px #ff4928, 1419px 31px #ff4928, 1410px 103px #ff4928, 1633px 41px #ff4928, 1676px 751px #ff4928, 294px 400px #ff4928, 991px 704px #ff4928, 218px 1953px #ff4928, 1286px 761px #ff4928, 290px 609px #ff4928, 30px 1124px #ff4928, 510px 137px #ff4928, 401px 798px #ff4928, 923px 1594px #ff4928, 1087px 234px #ff4928, 1219px 1346px #ff4928, 1006px 1743px #ff4928, 227px 1013px #ff4928, 1560px 1253px #ff4928, 1476px 527px #ff4928, 1444px 79px #ff4928, 675px 1192px #ff4928, 1881px 1207px #ff4928; }

.buble2 {
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 329px 979px #f79f8f, 998px 846px #f79f8f, 1534px 558px #f79f8f, 1705px 1292px #f79f8f, 414px 1168px #f79f8f, 576px 104px #f79f8f, 1660px 65px #f79f8f, 1606px 440px #f79f8f, 180px 1901px #f79f8f, 40px 1021px #f79f8f, 457px 232px #f79f8f, 1691px 341px #f79f8f, 648px 500px #f79f8f, 1911px 655px #f79f8f, 1387px 1940px #f79f8f, 814px 102px #f79f8f, 1479px 976px #f79f8f, 1344px 436px #f79f8f, 340px 1752px #f79f8f, 1931px 561px #f79f8f, 1994px 345px #f79f8f, 1265px 1043px #f79f8f, 1698px 937px #f79f8f, 1577px 643px #f79f8f, 1919px 481px #f79f8f, 1556px 463px #f79f8f, 564px 422px #f79f8f, 283px 1959px #f79f8f, 426px 393px #f79f8f, 867px 1123px #f79f8f, 1016px 959px #f79f8f, 1396px 709px #f79f8f, 329px 210px #f79f8f, 788px 204px #f79f8f, 1927px 1948px #f79f8f, 1419px 1120px #f79f8f, 421px 147px #f79f8f, 1571px 1619px #f79f8f, 1446px 1472px #f79f8f, 22px 742px #f79f8f, 1175px 727px #f79f8f, 1552px 587px #f79f8f, 1310px 774px #f79f8f, 60px 319px #f79f8f, 1974px 1319px #f79f8f, 522px 1629px #f79f8f, 1320px 1041px #f79f8f, 1814px 126px #f79f8f, 1227px 331px #f79f8f, 1212px 525px #f79f8f, 1537px 1245px #f79f8f, 1321px 1586px #f79f8f, 1782px 886px #f79f8f, 1057px 1332px #f79f8f, 1582px 1899px #f79f8f, 846px 701px #f79f8f, 438px 1402px #f79f8f, 1636px 930px #f79f8f, 1320px 559px #f79f8f, 869px 1678px #f79f8f, 313px 1666px #f79f8f, 122px 1336px #f79f8f, 35px 1784px #f79f8f, 863px 339px #f79f8f, 990px 1216px #f79f8f, 1395px 1406px #f79f8f, 1181px 48px #f79f8f, 1960px 1722px #f79f8f, 1863px 975px #f79f8f, 1157px 1420px #f79f8f, 1574px 115px #f79f8f, 1622px 1659px #f79f8f, 762px 264px #f79f8f, 26px 828px #f79f8f, 1962px 1634px #f79f8f, 1815px 650px #f79f8f, 121px 517px #f79f8f, 1120px 1202px #f79f8f, 1761px 499px #f79f8f, 1317px 255px #f79f8f, 1138px 490px #f79f8f, 1185px 1171px #f79f8f, 1632px 1965px #f79f8f, 941px 428px #f79f8f, 1251px 1219px #f79f8f, 209px 229px #f79f8f, 155px 233px #f79f8f, 1918px 1644px #f79f8f, 1166px 1495px #f79f8f, 830px 1406px #f79f8f, 957px 1373px #f79f8f, 1823px 760px #f79f8f, 54px 146px #f79f8f, 910px 1273px #f79f8f, 1863px 455px #f79f8f, 634px 238px #f79f8f, 1389px 1935px #f79f8f, 487px 1834px #f79f8f, 343px 1946px #f79f8f, 1222px 491px #f79f8f, 195px 970px #f79f8f, 791px 1663px #f79f8f, 245px 710px #f79f8f, 605px 1996px #f79f8f, 671px 1100px #f79f8f, 826px 1838px #f79f8f, 1892px 38px #f79f8f, 1844px 221px #f79f8f, 1322px 954px #f79f8f, 1808px 1864px #f79f8f, 585px 1424px #f79f8f, 799px 936px #f79f8f, 1207px 1681px #f79f8f, 136px 511px #f79f8f, 1625px 1249px #f79f8f, 1061px 1082px #f79f8f, 287px 1207px #f79f8f, 1967px 75px #f79f8f, 2px 1293px #f79f8f, 1866px 375px #f79f8f, 1942px 878px #f79f8f, 1687px 611px #f79f8f, 392px 1804px #f79f8f, 985px 932px #f79f8f, 999px 521px #f79f8f, 1338px 536px #f79f8f, 853px 345px #f79f8f, 132px 842px #f79f8f, 1634px 425px #f79f8f, 172px 549px #f79f8f, 977px 87px #f79f8f, 1546px 1129px #f79f8f, 485px 634px #f79f8f, 292px 1255px #f79f8f, 186px 1732px #f79f8f, 361px 1529px #f79f8f, 209px 1310px #f79f8f, 90px 1395px #f79f8f, 46px 403px #f79f8f, 1465px 1141px #f79f8f, 1521px 349px #f79f8f, 340px 394px #f79f8f, 1658px 853px #f79f8f, 9px 1721px #f79f8f, 1985px 957px #f79f8f, 854px 677px #f79f8f, 101px 1752px #f79f8f, 377px 645px #f79f8f, 159px 1217px #f79f8f, 790px 1641px #f79f8f, 1860px 432px #f79f8f, 1722px 1438px #f79f8f, 278px 551px #f79f8f, 1888px 740px #f79f8f, 906px 242px #f79f8f, 18px 647px #f79f8f, 874px 1351px #f79f8f, 799px 420px #f79f8f, 828px 68px #f79f8f, 1561px 587px #f79f8f, 1225px 667px #f79f8f, 1436px 1297px #f79f8f, 1737px 1931px #f79f8f, 1934px 1402px #f79f8f, 1731px 888px #f79f8f, 1318px 160px #f79f8f, 1814px 307px #f79f8f, 1796px 651px #f79f8f, 1077px 202px #f79f8f, 465px 1450px #f79f8f, 318px 1213px #f79f8f, 1392px 1787px #f79f8f, 940px 131px #f79f8f, 309px 1639px #f79f8f, 280px 287px #f79f8f, 1826px 1694px #f79f8f, 1689px 1802px #f79f8f, 477px 61px #f79f8f, 1861px 296px #f79f8f, 627px 1898px #f79f8f, 1790px 707px #f79f8f, 258px 1313px #f79f8f, 234px 735px #f79f8f, 1090px 197px #f79f8f, 820px 1554px #f79f8f, 1244px 1632px #f79f8f, 1534px 264px #f79f8f, 516px 1448px #f79f8f, 674px 861px #f79f8f, 498px 920px #f79f8f, 897px 1526px #f79f8f, 684px 824px #f79f8f, 1748px 1947px #f79f8f, 1960px 837px #f79f8f, 944px 78px #f79f8f, 764px 767px #f79f8f, 187px 1318px #f79f8f, 264px 560px #f79f8f, 957px 781px #f79f8f, 403px 554px #f79f8f, 1392px 1859px #f79f8f, 818px 557px #f79f8f, 1494px 1059px #f79f8f, 1652px 943px #f79f8f, 1245px 1006px #f79f8f, 1513px 369px #f79f8f, 1513px 1575px #f79f8f, 1643px 299px #f79f8f, 1600px 1223px #f79f8f, 1803px 24px #f79f8f, 83px 1946px #f79f8f, 348px 1930px #f79f8f, 1884px 1788px #f79f8f, 915px 311px #f79f8f, 882px 793px #f79f8f, 1343px 407px #f79f8f, 377px 733px #f79f8f, 1260px 831px #f79f8f, 827px 738px #f79f8f, 1922px 194px #f79f8f, 179px 452px #f79f8f, 1654px 1991px #f79f8f, 795px 1283px #f79f8f, 1363px 174px #f79f8f, 170px 759px #f79f8f, 1685px 54px #f79f8f, 1477px 762px #f79f8f, 1366px 1240px #f79f8f, 364px 1285px #f79f8f, 931px 365px #f79f8f, 1759px 399px #f79f8f, 1885px 1134px #f79f8f, 751px 106px #f79f8f, 1753px 240px #f79f8f, 1981px 904px #f79f8f, 1344px 31px #f79f8f, 1677px 1139px #f79f8f, 333px 150px #f79f8f, 182px 832px #f79f8f, 1332px 1305px #f79f8f, 1922px 1457px #f79f8f, 552px 127px #f79f8f, 59px 1475px #f79f8f, 848px 797px #f79f8f, 681px 329px #f79f8f, 345px 1989px #f79f8f, 350px 747px #f79f8f, 285px 11px #f79f8f, 1604px 1806px #f79f8f, 4px 1074px #f79f8f;
  box-shadow: 329px 979px #f79f8f, 998px 846px #f79f8f, 1534px 558px #f79f8f, 1705px 1292px #f79f8f, 414px 1168px #f79f8f, 576px 104px #f79f8f, 1660px 65px #f79f8f, 1606px 440px #f79f8f, 180px 1901px #f79f8f, 40px 1021px #f79f8f, 457px 232px #f79f8f, 1691px 341px #f79f8f, 648px 500px #f79f8f, 1911px 655px #f79f8f, 1387px 1940px #f79f8f, 814px 102px #f79f8f, 1479px 976px #f79f8f, 1344px 436px #f79f8f, 340px 1752px #f79f8f, 1931px 561px #f79f8f, 1994px 345px #f79f8f, 1265px 1043px #f79f8f, 1698px 937px #f79f8f, 1577px 643px #f79f8f, 1919px 481px #f79f8f, 1556px 463px #f79f8f, 564px 422px #f79f8f, 283px 1959px #f79f8f, 426px 393px #f79f8f, 867px 1123px #f79f8f, 1016px 959px #f79f8f, 1396px 709px #f79f8f, 329px 210px #f79f8f, 788px 204px #f79f8f, 1927px 1948px #f79f8f, 1419px 1120px #f79f8f, 421px 147px #f79f8f, 1571px 1619px #f79f8f, 1446px 1472px #f79f8f, 22px 742px #f79f8f, 1175px 727px #f79f8f, 1552px 587px #f79f8f, 1310px 774px #f79f8f, 60px 319px #f79f8f, 1974px 1319px #f79f8f, 522px 1629px #f79f8f, 1320px 1041px #f79f8f, 1814px 126px #f79f8f, 1227px 331px #f79f8f, 1212px 525px #f79f8f, 1537px 1245px #f79f8f, 1321px 1586px #f79f8f, 1782px 886px #f79f8f, 1057px 1332px #f79f8f, 1582px 1899px #f79f8f, 846px 701px #f79f8f, 438px 1402px #f79f8f, 1636px 930px #f79f8f, 1320px 559px #f79f8f, 869px 1678px #f79f8f, 313px 1666px #f79f8f, 122px 1336px #f79f8f, 35px 1784px #f79f8f, 863px 339px #f79f8f, 990px 1216px #f79f8f, 1395px 1406px #f79f8f, 1181px 48px #f79f8f, 1960px 1722px #f79f8f, 1863px 975px #f79f8f, 1157px 1420px #f79f8f, 1574px 115px #f79f8f, 1622px 1659px #f79f8f, 762px 264px #f79f8f, 26px 828px #f79f8f, 1962px 1634px #f79f8f, 1815px 650px #f79f8f, 121px 517px #f79f8f, 1120px 1202px #f79f8f, 1761px 499px #f79f8f, 1317px 255px #f79f8f, 1138px 490px #f79f8f, 1185px 1171px #f79f8f, 1632px 1965px #f79f8f, 941px 428px #f79f8f, 1251px 1219px #f79f8f, 209px 229px #f79f8f, 155px 233px #f79f8f, 1918px 1644px #f79f8f, 1166px 1495px #f79f8f, 830px 1406px #f79f8f, 957px 1373px #f79f8f, 1823px 760px #f79f8f, 54px 146px #f79f8f, 910px 1273px #f79f8f, 1863px 455px #f79f8f, 634px 238px #f79f8f, 1389px 1935px #f79f8f, 487px 1834px #f79f8f, 343px 1946px #f79f8f, 1222px 491px #f79f8f, 195px 970px #f79f8f, 791px 1663px #f79f8f, 245px 710px #f79f8f, 605px 1996px #f79f8f, 671px 1100px #f79f8f, 826px 1838px #f79f8f, 1892px 38px #f79f8f, 1844px 221px #f79f8f, 1322px 954px #f79f8f, 1808px 1864px #f79f8f, 585px 1424px #f79f8f, 799px 936px #f79f8f, 1207px 1681px #f79f8f, 136px 511px #f79f8f, 1625px 1249px #f79f8f, 1061px 1082px #f79f8f, 287px 1207px #f79f8f, 1967px 75px #f79f8f, 2px 1293px #f79f8f, 1866px 375px #f79f8f, 1942px 878px #f79f8f, 1687px 611px #f79f8f, 392px 1804px #f79f8f, 985px 932px #f79f8f, 999px 521px #f79f8f, 1338px 536px #f79f8f, 853px 345px #f79f8f, 132px 842px #f79f8f, 1634px 425px #f79f8f, 172px 549px #f79f8f, 977px 87px #f79f8f, 1546px 1129px #f79f8f, 485px 634px #f79f8f, 292px 1255px #f79f8f, 186px 1732px #f79f8f, 361px 1529px #f79f8f, 209px 1310px #f79f8f, 90px 1395px #f79f8f, 46px 403px #f79f8f, 1465px 1141px #f79f8f, 1521px 349px #f79f8f, 340px 394px #f79f8f, 1658px 853px #f79f8f, 9px 1721px #f79f8f, 1985px 957px #f79f8f, 854px 677px #f79f8f, 101px 1752px #f79f8f, 377px 645px #f79f8f, 159px 1217px #f79f8f, 790px 1641px #f79f8f, 1860px 432px #f79f8f, 1722px 1438px #f79f8f, 278px 551px #f79f8f, 1888px 740px #f79f8f, 906px 242px #f79f8f, 18px 647px #f79f8f, 874px 1351px #f79f8f, 799px 420px #f79f8f, 828px 68px #f79f8f, 1561px 587px #f79f8f, 1225px 667px #f79f8f, 1436px 1297px #f79f8f, 1737px 1931px #f79f8f, 1934px 1402px #f79f8f, 1731px 888px #f79f8f, 1318px 160px #f79f8f, 1814px 307px #f79f8f, 1796px 651px #f79f8f, 1077px 202px #f79f8f, 465px 1450px #f79f8f, 318px 1213px #f79f8f, 1392px 1787px #f79f8f, 940px 131px #f79f8f, 309px 1639px #f79f8f, 280px 287px #f79f8f, 1826px 1694px #f79f8f, 1689px 1802px #f79f8f, 477px 61px #f79f8f, 1861px 296px #f79f8f, 627px 1898px #f79f8f, 1790px 707px #f79f8f, 258px 1313px #f79f8f, 234px 735px #f79f8f, 1090px 197px #f79f8f, 820px 1554px #f79f8f, 1244px 1632px #f79f8f, 1534px 264px #f79f8f, 516px 1448px #f79f8f, 674px 861px #f79f8f, 498px 920px #f79f8f, 897px 1526px #f79f8f, 684px 824px #f79f8f, 1748px 1947px #f79f8f, 1960px 837px #f79f8f, 944px 78px #f79f8f, 764px 767px #f79f8f, 187px 1318px #f79f8f, 264px 560px #f79f8f, 957px 781px #f79f8f, 403px 554px #f79f8f, 1392px 1859px #f79f8f, 818px 557px #f79f8f, 1494px 1059px #f79f8f, 1652px 943px #f79f8f, 1245px 1006px #f79f8f, 1513px 369px #f79f8f, 1513px 1575px #f79f8f, 1643px 299px #f79f8f, 1600px 1223px #f79f8f, 1803px 24px #f79f8f, 83px 1946px #f79f8f, 348px 1930px #f79f8f, 1884px 1788px #f79f8f, 915px 311px #f79f8f, 882px 793px #f79f8f, 1343px 407px #f79f8f, 377px 733px #f79f8f, 1260px 831px #f79f8f, 827px 738px #f79f8f, 1922px 194px #f79f8f, 179px 452px #f79f8f, 1654px 1991px #f79f8f, 795px 1283px #f79f8f, 1363px 174px #f79f8f, 170px 759px #f79f8f, 1685px 54px #f79f8f, 1477px 762px #f79f8f, 1366px 1240px #f79f8f, 364px 1285px #f79f8f, 931px 365px #f79f8f, 1759px 399px #f79f8f, 1885px 1134px #f79f8f, 751px 106px #f79f8f, 1753px 240px #f79f8f, 1981px 904px #f79f8f, 1344px 31px #f79f8f, 1677px 1139px #f79f8f, 333px 150px #f79f8f, 182px 832px #f79f8f, 1332px 1305px #f79f8f, 1922px 1457px #f79f8f, 552px 127px #f79f8f, 59px 1475px #f79f8f, 848px 797px #f79f8f, 681px 329px #f79f8f, 345px 1989px #f79f8f, 350px 747px #f79f8f, 285px 11px #f79f8f, 1604px 1806px #f79f8f, 4px 1074px #f79f8f; }
  .buble2:after {
    width: 8px;
    height: 8px;
    -webkit-box-shadow: 329px 979px #f79f8f, 998px 846px #f79f8f, 1534px 558px #f79f8f, 1705px 1292px #f79f8f, 414px 1168px #f79f8f, 576px 104px #f79f8f, 1660px 65px #f79f8f, 1606px 440px #f79f8f, 180px 1901px #f79f8f, 40px 1021px #f79f8f, 457px 232px #f79f8f, 1691px 341px #f79f8f, 648px 500px #f79f8f, 1911px 655px #f79f8f, 1387px 1940px #f79f8f, 814px 102px #f79f8f, 1479px 976px #f79f8f, 1344px 436px #f79f8f, 340px 1752px #f79f8f, 1931px 561px #f79f8f, 1994px 345px #f79f8f, 1265px 1043px #f79f8f, 1698px 937px #f79f8f, 1577px 643px #f79f8f, 1919px 481px #f79f8f, 1556px 463px #f79f8f, 564px 422px #f79f8f, 283px 1959px #f79f8f, 426px 393px #f79f8f, 867px 1123px #f79f8f, 1016px 959px #f79f8f, 1396px 709px #f79f8f, 329px 210px #f79f8f, 788px 204px #f79f8f, 1927px 1948px #f79f8f, 1419px 1120px #f79f8f, 421px 147px #f79f8f, 1571px 1619px #f79f8f, 1446px 1472px #f79f8f, 22px 742px #f79f8f, 1175px 727px #f79f8f, 1552px 587px #f79f8f, 1310px 774px #f79f8f, 60px 319px #f79f8f, 1974px 1319px #f79f8f, 522px 1629px #f79f8f, 1320px 1041px #f79f8f, 1814px 126px #f79f8f, 1227px 331px #f79f8f, 1212px 525px #f79f8f, 1537px 1245px #f79f8f, 1321px 1586px #f79f8f, 1782px 886px #f79f8f, 1057px 1332px #f79f8f, 1582px 1899px #f79f8f, 846px 701px #f79f8f, 438px 1402px #f79f8f, 1636px 930px #f79f8f, 1320px 559px #f79f8f, 869px 1678px #f79f8f, 313px 1666px #f79f8f, 122px 1336px #f79f8f, 35px 1784px #f79f8f, 863px 339px #f79f8f, 990px 1216px #f79f8f, 1395px 1406px #f79f8f, 1181px 48px #f79f8f, 1960px 1722px #f79f8f, 1863px 975px #f79f8f, 1157px 1420px #f79f8f, 1574px 115px #f79f8f, 1622px 1659px #f79f8f, 762px 264px #f79f8f, 26px 828px #f79f8f, 1962px 1634px #f79f8f, 1815px 650px #f79f8f, 121px 517px #f79f8f, 1120px 1202px #f79f8f, 1761px 499px #f79f8f, 1317px 255px #f79f8f, 1138px 490px #f79f8f, 1185px 1171px #f79f8f, 1632px 1965px #f79f8f, 941px 428px #f79f8f, 1251px 1219px #f79f8f, 209px 229px #f79f8f, 155px 233px #f79f8f, 1918px 1644px #f79f8f, 1166px 1495px #f79f8f, 830px 1406px #f79f8f, 957px 1373px #f79f8f, 1823px 760px #f79f8f, 54px 146px #f79f8f, 910px 1273px #f79f8f, 1863px 455px #f79f8f, 634px 238px #f79f8f, 1389px 1935px #f79f8f, 487px 1834px #f79f8f, 343px 1946px #f79f8f, 1222px 491px #f79f8f, 195px 970px #f79f8f, 791px 1663px #f79f8f, 245px 710px #f79f8f, 605px 1996px #f79f8f, 671px 1100px #f79f8f, 826px 1838px #f79f8f, 1892px 38px #f79f8f, 1844px 221px #f79f8f, 1322px 954px #f79f8f, 1808px 1864px #f79f8f, 585px 1424px #f79f8f, 799px 936px #f79f8f, 1207px 1681px #f79f8f, 136px 511px #f79f8f, 1625px 1249px #f79f8f, 1061px 1082px #f79f8f, 287px 1207px #f79f8f, 1967px 75px #f79f8f, 2px 1293px #f79f8f, 1866px 375px #f79f8f, 1942px 878px #f79f8f, 1687px 611px #f79f8f, 392px 1804px #f79f8f, 985px 932px #f79f8f, 999px 521px #f79f8f, 1338px 536px #f79f8f, 853px 345px #f79f8f, 132px 842px #f79f8f, 1634px 425px #f79f8f, 172px 549px #f79f8f, 977px 87px #f79f8f, 1546px 1129px #f79f8f, 485px 634px #f79f8f, 292px 1255px #f79f8f, 186px 1732px #f79f8f, 361px 1529px #f79f8f, 209px 1310px #f79f8f, 90px 1395px #f79f8f, 46px 403px #f79f8f, 1465px 1141px #f79f8f, 1521px 349px #f79f8f, 340px 394px #f79f8f, 1658px 853px #f79f8f, 9px 1721px #f79f8f, 1985px 957px #f79f8f, 854px 677px #f79f8f, 101px 1752px #f79f8f, 377px 645px #f79f8f, 159px 1217px #f79f8f, 790px 1641px #f79f8f, 1860px 432px #f79f8f, 1722px 1438px #f79f8f, 278px 551px #f79f8f, 1888px 740px #f79f8f, 906px 242px #f79f8f, 18px 647px #f79f8f, 874px 1351px #f79f8f, 799px 420px #f79f8f, 828px 68px #f79f8f, 1561px 587px #f79f8f, 1225px 667px #f79f8f, 1436px 1297px #f79f8f, 1737px 1931px #f79f8f, 1934px 1402px #f79f8f, 1731px 888px #f79f8f, 1318px 160px #f79f8f, 1814px 307px #f79f8f, 1796px 651px #f79f8f, 1077px 202px #f79f8f, 465px 1450px #f79f8f, 318px 1213px #f79f8f, 1392px 1787px #f79f8f, 940px 131px #f79f8f, 309px 1639px #f79f8f, 280px 287px #f79f8f, 1826px 1694px #f79f8f, 1689px 1802px #f79f8f, 477px 61px #f79f8f, 1861px 296px #f79f8f, 627px 1898px #f79f8f, 1790px 707px #f79f8f, 258px 1313px #f79f8f, 234px 735px #f79f8f, 1090px 197px #f79f8f, 820px 1554px #f79f8f, 1244px 1632px #f79f8f, 1534px 264px #f79f8f, 516px 1448px #f79f8f, 674px 861px #f79f8f, 498px 920px #f79f8f, 897px 1526px #f79f8f, 684px 824px #f79f8f, 1748px 1947px #f79f8f, 1960px 837px #f79f8f, 944px 78px #f79f8f, 764px 767px #f79f8f, 187px 1318px #f79f8f, 264px 560px #f79f8f, 957px 781px #f79f8f, 403px 554px #f79f8f, 1392px 1859px #f79f8f, 818px 557px #f79f8f, 1494px 1059px #f79f8f, 1652px 943px #f79f8f, 1245px 1006px #f79f8f, 1513px 369px #f79f8f, 1513px 1575px #f79f8f, 1643px 299px #f79f8f, 1600px 1223px #f79f8f, 1803px 24px #f79f8f, 83px 1946px #f79f8f, 348px 1930px #f79f8f, 1884px 1788px #f79f8f, 915px 311px #f79f8f, 882px 793px #f79f8f, 1343px 407px #f79f8f, 377px 733px #f79f8f, 1260px 831px #f79f8f, 827px 738px #f79f8f, 1922px 194px #f79f8f, 179px 452px #f79f8f, 1654px 1991px #f79f8f, 795px 1283px #f79f8f, 1363px 174px #f79f8f, 170px 759px #f79f8f, 1685px 54px #f79f8f, 1477px 762px #f79f8f, 1366px 1240px #f79f8f, 364px 1285px #f79f8f, 931px 365px #f79f8f, 1759px 399px #f79f8f, 1885px 1134px #f79f8f, 751px 106px #f79f8f, 1753px 240px #f79f8f, 1981px 904px #f79f8f, 1344px 31px #f79f8f, 1677px 1139px #f79f8f, 333px 150px #f79f8f, 182px 832px #f79f8f, 1332px 1305px #f79f8f, 1922px 1457px #f79f8f, 552px 127px #f79f8f, 59px 1475px #f79f8f, 848px 797px #f79f8f, 681px 329px #f79f8f, 345px 1989px #f79f8f, 350px 747px #f79f8f, 285px 11px #f79f8f, 1604px 1806px #f79f8f, 4px 1074px #f79f8f;
    box-shadow: 329px 979px #f79f8f, 998px 846px #f79f8f, 1534px 558px #f79f8f, 1705px 1292px #f79f8f, 414px 1168px #f79f8f, 576px 104px #f79f8f, 1660px 65px #f79f8f, 1606px 440px #f79f8f, 180px 1901px #f79f8f, 40px 1021px #f79f8f, 457px 232px #f79f8f, 1691px 341px #f79f8f, 648px 500px #f79f8f, 1911px 655px #f79f8f, 1387px 1940px #f79f8f, 814px 102px #f79f8f, 1479px 976px #f79f8f, 1344px 436px #f79f8f, 340px 1752px #f79f8f, 1931px 561px #f79f8f, 1994px 345px #f79f8f, 1265px 1043px #f79f8f, 1698px 937px #f79f8f, 1577px 643px #f79f8f, 1919px 481px #f79f8f, 1556px 463px #f79f8f, 564px 422px #f79f8f, 283px 1959px #f79f8f, 426px 393px #f79f8f, 867px 1123px #f79f8f, 1016px 959px #f79f8f, 1396px 709px #f79f8f, 329px 210px #f79f8f, 788px 204px #f79f8f, 1927px 1948px #f79f8f, 1419px 1120px #f79f8f, 421px 147px #f79f8f, 1571px 1619px #f79f8f, 1446px 1472px #f79f8f, 22px 742px #f79f8f, 1175px 727px #f79f8f, 1552px 587px #f79f8f, 1310px 774px #f79f8f, 60px 319px #f79f8f, 1974px 1319px #f79f8f, 522px 1629px #f79f8f, 1320px 1041px #f79f8f, 1814px 126px #f79f8f, 1227px 331px #f79f8f, 1212px 525px #f79f8f, 1537px 1245px #f79f8f, 1321px 1586px #f79f8f, 1782px 886px #f79f8f, 1057px 1332px #f79f8f, 1582px 1899px #f79f8f, 846px 701px #f79f8f, 438px 1402px #f79f8f, 1636px 930px #f79f8f, 1320px 559px #f79f8f, 869px 1678px #f79f8f, 313px 1666px #f79f8f, 122px 1336px #f79f8f, 35px 1784px #f79f8f, 863px 339px #f79f8f, 990px 1216px #f79f8f, 1395px 1406px #f79f8f, 1181px 48px #f79f8f, 1960px 1722px #f79f8f, 1863px 975px #f79f8f, 1157px 1420px #f79f8f, 1574px 115px #f79f8f, 1622px 1659px #f79f8f, 762px 264px #f79f8f, 26px 828px #f79f8f, 1962px 1634px #f79f8f, 1815px 650px #f79f8f, 121px 517px #f79f8f, 1120px 1202px #f79f8f, 1761px 499px #f79f8f, 1317px 255px #f79f8f, 1138px 490px #f79f8f, 1185px 1171px #f79f8f, 1632px 1965px #f79f8f, 941px 428px #f79f8f, 1251px 1219px #f79f8f, 209px 229px #f79f8f, 155px 233px #f79f8f, 1918px 1644px #f79f8f, 1166px 1495px #f79f8f, 830px 1406px #f79f8f, 957px 1373px #f79f8f, 1823px 760px #f79f8f, 54px 146px #f79f8f, 910px 1273px #f79f8f, 1863px 455px #f79f8f, 634px 238px #f79f8f, 1389px 1935px #f79f8f, 487px 1834px #f79f8f, 343px 1946px #f79f8f, 1222px 491px #f79f8f, 195px 970px #f79f8f, 791px 1663px #f79f8f, 245px 710px #f79f8f, 605px 1996px #f79f8f, 671px 1100px #f79f8f, 826px 1838px #f79f8f, 1892px 38px #f79f8f, 1844px 221px #f79f8f, 1322px 954px #f79f8f, 1808px 1864px #f79f8f, 585px 1424px #f79f8f, 799px 936px #f79f8f, 1207px 1681px #f79f8f, 136px 511px #f79f8f, 1625px 1249px #f79f8f, 1061px 1082px #f79f8f, 287px 1207px #f79f8f, 1967px 75px #f79f8f, 2px 1293px #f79f8f, 1866px 375px #f79f8f, 1942px 878px #f79f8f, 1687px 611px #f79f8f, 392px 1804px #f79f8f, 985px 932px #f79f8f, 999px 521px #f79f8f, 1338px 536px #f79f8f, 853px 345px #f79f8f, 132px 842px #f79f8f, 1634px 425px #f79f8f, 172px 549px #f79f8f, 977px 87px #f79f8f, 1546px 1129px #f79f8f, 485px 634px #f79f8f, 292px 1255px #f79f8f, 186px 1732px #f79f8f, 361px 1529px #f79f8f, 209px 1310px #f79f8f, 90px 1395px #f79f8f, 46px 403px #f79f8f, 1465px 1141px #f79f8f, 1521px 349px #f79f8f, 340px 394px #f79f8f, 1658px 853px #f79f8f, 9px 1721px #f79f8f, 1985px 957px #f79f8f, 854px 677px #f79f8f, 101px 1752px #f79f8f, 377px 645px #f79f8f, 159px 1217px #f79f8f, 790px 1641px #f79f8f, 1860px 432px #f79f8f, 1722px 1438px #f79f8f, 278px 551px #f79f8f, 1888px 740px #f79f8f, 906px 242px #f79f8f, 18px 647px #f79f8f, 874px 1351px #f79f8f, 799px 420px #f79f8f, 828px 68px #f79f8f, 1561px 587px #f79f8f, 1225px 667px #f79f8f, 1436px 1297px #f79f8f, 1737px 1931px #f79f8f, 1934px 1402px #f79f8f, 1731px 888px #f79f8f, 1318px 160px #f79f8f, 1814px 307px #f79f8f, 1796px 651px #f79f8f, 1077px 202px #f79f8f, 465px 1450px #f79f8f, 318px 1213px #f79f8f, 1392px 1787px #f79f8f, 940px 131px #f79f8f, 309px 1639px #f79f8f, 280px 287px #f79f8f, 1826px 1694px #f79f8f, 1689px 1802px #f79f8f, 477px 61px #f79f8f, 1861px 296px #f79f8f, 627px 1898px #f79f8f, 1790px 707px #f79f8f, 258px 1313px #f79f8f, 234px 735px #f79f8f, 1090px 197px #f79f8f, 820px 1554px #f79f8f, 1244px 1632px #f79f8f, 1534px 264px #f79f8f, 516px 1448px #f79f8f, 674px 861px #f79f8f, 498px 920px #f79f8f, 897px 1526px #f79f8f, 684px 824px #f79f8f, 1748px 1947px #f79f8f, 1960px 837px #f79f8f, 944px 78px #f79f8f, 764px 767px #f79f8f, 187px 1318px #f79f8f, 264px 560px #f79f8f, 957px 781px #f79f8f, 403px 554px #f79f8f, 1392px 1859px #f79f8f, 818px 557px #f79f8f, 1494px 1059px #f79f8f, 1652px 943px #f79f8f, 1245px 1006px #f79f8f, 1513px 369px #f79f8f, 1513px 1575px #f79f8f, 1643px 299px #f79f8f, 1600px 1223px #f79f8f, 1803px 24px #f79f8f, 83px 1946px #f79f8f, 348px 1930px #f79f8f, 1884px 1788px #f79f8f, 915px 311px #f79f8f, 882px 793px #f79f8f, 1343px 407px #f79f8f, 377px 733px #f79f8f, 1260px 831px #f79f8f, 827px 738px #f79f8f, 1922px 194px #f79f8f, 179px 452px #f79f8f, 1654px 1991px #f79f8f, 795px 1283px #f79f8f, 1363px 174px #f79f8f, 170px 759px #f79f8f, 1685px 54px #f79f8f, 1477px 762px #f79f8f, 1366px 1240px #f79f8f, 364px 1285px #f79f8f, 931px 365px #f79f8f, 1759px 399px #f79f8f, 1885px 1134px #f79f8f, 751px 106px #f79f8f, 1753px 240px #f79f8f, 1981px 904px #f79f8f, 1344px 31px #f79f8f, 1677px 1139px #f79f8f, 333px 150px #f79f8f, 182px 832px #f79f8f, 1332px 1305px #f79f8f, 1922px 1457px #f79f8f, 552px 127px #f79f8f, 59px 1475px #f79f8f, 848px 797px #f79f8f, 681px 329px #f79f8f, 345px 1989px #f79f8f, 350px 747px #f79f8f, 285px 11px #f79f8f, 1604px 1806px #f79f8f, 4px 1074px #f79f8f; }

.buble3 {
  width: 12px;
  height: 12px;
  -webkit-box-shadow: 802px 613px #f77761, 833px 1423px #f77761, 1164px 1508px #f77761, 1724px 1688px #f77761, 39px 1285px #f77761, 1595px 921px #f77761, 1492px 649px #f77761, 812px 783px #f77761, 3px 105px #f77761, 1052px 191px #f77761, 1503px 1784px #f77761, 1076px 1091px #f77761, 1161px 1114px #f77761, 386px 87px #f77761, 397px 902px #f77761, 509px 672px #f77761, 1063px 1826px #f77761, 1179px 978px #f77761, 272px 1997px #f77761, 1444px 1147px #f77761, 86px 1320px #f77761, 340px 875px #f77761, 1787px 1839px #f77761, 751px 1216px #f77761, 1524px 416px #f77761, 937px 1287px #f77761, 1606px 1980px #f77761, 1942px 103px #f77761, 1457px 1707px #f77761, 343px 1992px #f77761, 983px 370px #f77761, 1505px 859px #f77761, 1021px 1112px #f77761, 742px 130px #f77761, 1750px 469px #f77761, 965px 657px #f77761, 12px 532px #f77761, 1158px 567px #f77761, 528px 464px #f77761, 891px 1912px #f77761, 1742px 269px #f77761, 1477px 470px #f77761, 184px 548px #f77761, 387px 1866px #f77761, 743px 1127px #f77761, 1417px 911px #f77761, 1079px 1293px #f77761, 146px 30px #f77761, 1181px 1343px #f77761, 326px 1327px #f77761, 324px 1959px #f77761, 1627px 1751px #f77761, 623px 1051px #f77761, 875px 1124px #f77761, 1253px 751px #f77761, 298px 1513px #f77761, 1224px 231px #f77761, 708px 1865px #f77761, 365px 112px #f77761, 622px 794px #f77761, 1127px 1655px #f77761, 853px 94px #f77761, 1152px 1473px #f77761, 681px 513px #f77761, 1930px 110px #f77761, 626px 629px #f77761, 805px 934px #f77761, 387px 721px #f77761, 346px 1453px #f77761, 45px 648px #f77761, 1722px 1125px #f77761, 1003px 465px #f77761, 843px 931px #f77761, 1880px 1911px #f77761, 487px 1193px #f77761, 280px 229px #f77761, 217px 961px #f77761, 499px 796px #f77761, 849px 139px #f77761, 130px 240px #f77761, 1483px 570px #f77761, 518px 451px #f77761, 1699px 1469px #f77761, 46px 280px #f77761, 746px 1541px #f77761, 526px 1041px #f77761, 852px 1771px #f77761, 1232px 231px #f77761, 463px 416px #f77761, 491px 358px #f77761, 1074px 485px #f77761, 1599px 943px #f77761, 1873px 1468px #f77761, 255px 685px #f77761, 1635px 1929px #f77761, 1272px 1871px #f77761, 1578px 1614px #f77761, 442px 319px #f77761, 1539px 791px #f77761, 1483px 1292px #f77761;
  box-shadow: 802px 613px #f77761, 833px 1423px #f77761, 1164px 1508px #f77761, 1724px 1688px #f77761, 39px 1285px #f77761, 1595px 921px #f77761, 1492px 649px #f77761, 812px 783px #f77761, 3px 105px #f77761, 1052px 191px #f77761, 1503px 1784px #f77761, 1076px 1091px #f77761, 1161px 1114px #f77761, 386px 87px #f77761, 397px 902px #f77761, 509px 672px #f77761, 1063px 1826px #f77761, 1179px 978px #f77761, 272px 1997px #f77761, 1444px 1147px #f77761, 86px 1320px #f77761, 340px 875px #f77761, 1787px 1839px #f77761, 751px 1216px #f77761, 1524px 416px #f77761, 937px 1287px #f77761, 1606px 1980px #f77761, 1942px 103px #f77761, 1457px 1707px #f77761, 343px 1992px #f77761, 983px 370px #f77761, 1505px 859px #f77761, 1021px 1112px #f77761, 742px 130px #f77761, 1750px 469px #f77761, 965px 657px #f77761, 12px 532px #f77761, 1158px 567px #f77761, 528px 464px #f77761, 891px 1912px #f77761, 1742px 269px #f77761, 1477px 470px #f77761, 184px 548px #f77761, 387px 1866px #f77761, 743px 1127px #f77761, 1417px 911px #f77761, 1079px 1293px #f77761, 146px 30px #f77761, 1181px 1343px #f77761, 326px 1327px #f77761, 324px 1959px #f77761, 1627px 1751px #f77761, 623px 1051px #f77761, 875px 1124px #f77761, 1253px 751px #f77761, 298px 1513px #f77761, 1224px 231px #f77761, 708px 1865px #f77761, 365px 112px #f77761, 622px 794px #f77761, 1127px 1655px #f77761, 853px 94px #f77761, 1152px 1473px #f77761, 681px 513px #f77761, 1930px 110px #f77761, 626px 629px #f77761, 805px 934px #f77761, 387px 721px #f77761, 346px 1453px #f77761, 45px 648px #f77761, 1722px 1125px #f77761, 1003px 465px #f77761, 843px 931px #f77761, 1880px 1911px #f77761, 487px 1193px #f77761, 280px 229px #f77761, 217px 961px #f77761, 499px 796px #f77761, 849px 139px #f77761, 130px 240px #f77761, 1483px 570px #f77761, 518px 451px #f77761, 1699px 1469px #f77761, 46px 280px #f77761, 746px 1541px #f77761, 526px 1041px #f77761, 852px 1771px #f77761, 1232px 231px #f77761, 463px 416px #f77761, 491px 358px #f77761, 1074px 485px #f77761, 1599px 943px #f77761, 1873px 1468px #f77761, 255px 685px #f77761, 1635px 1929px #f77761, 1272px 1871px #f77761, 1578px 1614px #f77761, 442px 319px #f77761, 1539px 791px #f77761, 1483px 1292px #f77761; }
  .buble3:after {
    width: 12px;
    height: 12px;
    -webkit-box-shadow: 802px 613px #f77761, 833px 1423px #f77761, 1164px 1508px #f77761, 1724px 1688px #f77761, 39px 1285px #f77761, 1595px 921px #f77761, 1492px 649px #f77761, 812px 783px #f77761, 3px 105px #f77761, 1052px 191px #f77761, 1503px 1784px #f77761, 1076px 1091px #f77761, 1161px 1114px #f77761, 386px 87px #f77761, 397px 902px #f77761, 509px 672px #f77761, 1063px 1826px #f77761, 1179px 978px #f77761, 272px 1997px #f77761, 1444px 1147px #f77761, 86px 1320px #f77761, 340px 875px #f77761, 1787px 1839px #f77761, 751px 1216px #f77761, 1524px 416px #f77761, 937px 1287px #f77761, 1606px 1980px #f77761, 1942px 103px #f77761, 1457px 1707px #f77761, 343px 1992px #f77761, 983px 370px #f77761, 1505px 859px #f77761, 1021px 1112px #f77761, 742px 130px #f77761, 1750px 469px #f77761, 965px 657px #f77761, 12px 532px #f77761, 1158px 567px #f77761, 528px 464px #f77761, 891px 1912px #f77761, 1742px 269px #f77761, 1477px 470px #f77761, 184px 548px #f77761, 387px 1866px #f77761, 743px 1127px #f77761, 1417px 911px #f77761, 1079px 1293px #f77761, 146px 30px #f77761, 1181px 1343px #f77761, 326px 1327px #f77761, 324px 1959px #f77761, 1627px 1751px #f77761, 623px 1051px #f77761, 875px 1124px #f77761, 1253px 751px #f77761, 298px 1513px #f77761, 1224px 231px #f77761, 708px 1865px #f77761, 365px 112px #f77761, 622px 794px #f77761, 1127px 1655px #f77761, 853px 94px #f77761, 1152px 1473px #f77761, 681px 513px #f77761, 1930px 110px #f77761, 626px 629px #f77761, 805px 934px #f77761, 387px 721px #f77761, 346px 1453px #f77761, 45px 648px #f77761, 1722px 1125px #f77761, 1003px 465px #f77761, 843px 931px #f77761, 1880px 1911px #f77761, 487px 1193px #f77761, 280px 229px #f77761, 217px 961px #f77761, 499px 796px #f77761, 849px 139px #f77761, 130px 240px #f77761, 1483px 570px #f77761, 518px 451px #f77761, 1699px 1469px #f77761, 46px 280px #f77761, 746px 1541px #f77761, 526px 1041px #f77761, 852px 1771px #f77761, 1232px 231px #f77761, 463px 416px #f77761, 491px 358px #f77761, 1074px 485px #f77761, 1599px 943px #f77761, 1873px 1468px #f77761, 255px 685px #f77761, 1635px 1929px #f77761, 1272px 1871px #f77761, 1578px 1614px #f77761, 442px 319px #f77761, 1539px 791px #f77761, 1483px 1292px #f77761;
    box-shadow: 802px 613px #f77761, 833px 1423px #f77761, 1164px 1508px #f77761, 1724px 1688px #f77761, 39px 1285px #f77761, 1595px 921px #f77761, 1492px 649px #f77761, 812px 783px #f77761, 3px 105px #f77761, 1052px 191px #f77761, 1503px 1784px #f77761, 1076px 1091px #f77761, 1161px 1114px #f77761, 386px 87px #f77761, 397px 902px #f77761, 509px 672px #f77761, 1063px 1826px #f77761, 1179px 978px #f77761, 272px 1997px #f77761, 1444px 1147px #f77761, 86px 1320px #f77761, 340px 875px #f77761, 1787px 1839px #f77761, 751px 1216px #f77761, 1524px 416px #f77761, 937px 1287px #f77761, 1606px 1980px #f77761, 1942px 103px #f77761, 1457px 1707px #f77761, 343px 1992px #f77761, 983px 370px #f77761, 1505px 859px #f77761, 1021px 1112px #f77761, 742px 130px #f77761, 1750px 469px #f77761, 965px 657px #f77761, 12px 532px #f77761, 1158px 567px #f77761, 528px 464px #f77761, 891px 1912px #f77761, 1742px 269px #f77761, 1477px 470px #f77761, 184px 548px #f77761, 387px 1866px #f77761, 743px 1127px #f77761, 1417px 911px #f77761, 1079px 1293px #f77761, 146px 30px #f77761, 1181px 1343px #f77761, 326px 1327px #f77761, 324px 1959px #f77761, 1627px 1751px #f77761, 623px 1051px #f77761, 875px 1124px #f77761, 1253px 751px #f77761, 298px 1513px #f77761, 1224px 231px #f77761, 708px 1865px #f77761, 365px 112px #f77761, 622px 794px #f77761, 1127px 1655px #f77761, 853px 94px #f77761, 1152px 1473px #f77761, 681px 513px #f77761, 1930px 110px #f77761, 626px 629px #f77761, 805px 934px #f77761, 387px 721px #f77761, 346px 1453px #f77761, 45px 648px #f77761, 1722px 1125px #f77761, 1003px 465px #f77761, 843px 931px #f77761, 1880px 1911px #f77761, 487px 1193px #f77761, 280px 229px #f77761, 217px 961px #f77761, 499px 796px #f77761, 849px 139px #f77761, 130px 240px #f77761, 1483px 570px #f77761, 518px 451px #f77761, 1699px 1469px #f77761, 46px 280px #f77761, 746px 1541px #f77761, 526px 1041px #f77761, 852px 1771px #f77761, 1232px 231px #f77761, 463px 416px #f77761, 491px 358px #f77761, 1074px 485px #f77761, 1599px 943px #f77761, 1873px 1468px #f77761, 255px 685px #f77761, 1635px 1929px #f77761, 1272px 1871px #f77761, 1578px 1614px #f77761, 442px 319px #f77761, 1539px 791px #f77761, 1483px 1292px #f77761; }

.buble4 {
  width: 16px;
  height: 16px;
  -webkit-box-shadow: 789px 1198px #FE6246, 1581px 356px #FE6246, 1199px 1133px #FE6246, 1853px 1915px #FE6246, 1085px 664px #FE6246, 1694px 876px #FE6246, 72px 1534px #FE6246, 1516px 1750px #FE6246, 1046px 1361px #FE6246, 950px 305px #FE6246, 864px 281px #FE6246, 431px 1317px #FE6246, 1455px 467px #FE6246, 1039px 318px #FE6246, 493px 11px #FE6246, 445px 633px #FE6246, 1673px 959px #FE6246, 1446px 10px #FE6246, 208px 198px #FE6246, 1236px 653px #FE6246, 1838px 1257px #FE6246, 960px 484px #FE6246, 1645px 1296px #FE6246, 1909px 1942px #FE6246, 1635px 920px #FE6246, 555px 1101px #FE6246, 788px 186px #FE6246, 559px 1900px #FE6246, 1860px 93px #FE6246, 1236px 1039px #FE6246, 1783px 821px #FE6246, 845px 962px #FE6246, 1309px 1840px #FE6246, 616px 1156px #FE6246, 475px 199px #FE6246, 545px 1194px #FE6246, 684px 1418px #FE6246, 1881px 98px #FE6246, 970px 522px #FE6246, 1319px 1061px #FE6246, 1532px 865px #FE6246, 1200px 1207px #FE6246, 275px 1228px #FE6246, 160px 175px #FE6246, 652px 1232px #FE6246, 908px 1962px #FE6246, 171px 567px #FE6246, 1149px 168px #FE6246, 600px 1568px #FE6246, 347px 136px #FE6246;
  box-shadow: 789px 1198px #FE6246, 1581px 356px #FE6246, 1199px 1133px #FE6246, 1853px 1915px #FE6246, 1085px 664px #FE6246, 1694px 876px #FE6246, 72px 1534px #FE6246, 1516px 1750px #FE6246, 1046px 1361px #FE6246, 950px 305px #FE6246, 864px 281px #FE6246, 431px 1317px #FE6246, 1455px 467px #FE6246, 1039px 318px #FE6246, 493px 11px #FE6246, 445px 633px #FE6246, 1673px 959px #FE6246, 1446px 10px #FE6246, 208px 198px #FE6246, 1236px 653px #FE6246, 1838px 1257px #FE6246, 960px 484px #FE6246, 1645px 1296px #FE6246, 1909px 1942px #FE6246, 1635px 920px #FE6246, 555px 1101px #FE6246, 788px 186px #FE6246, 559px 1900px #FE6246, 1860px 93px #FE6246, 1236px 1039px #FE6246, 1783px 821px #FE6246, 845px 962px #FE6246, 1309px 1840px #FE6246, 616px 1156px #FE6246, 475px 199px #FE6246, 545px 1194px #FE6246, 684px 1418px #FE6246, 1881px 98px #FE6246, 970px 522px #FE6246, 1319px 1061px #FE6246, 1532px 865px #FE6246, 1200px 1207px #FE6246, 275px 1228px #FE6246, 160px 175px #FE6246, 652px 1232px #FE6246, 908px 1962px #FE6246, 171px 567px #FE6246, 1149px 168px #FE6246, 600px 1568px #FE6246, 347px 136px #FE6246; }
  .buble4:after {
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 789px 1198px #FE6246, 1581px 356px #FE6246, 1199px 1133px #FE6246, 1853px 1915px #FE6246, 1085px 664px #FE6246, 1694px 876px #FE6246, 72px 1534px #FE6246, 1516px 1750px #FE6246, 1046px 1361px #FE6246, 950px 305px #FE6246, 864px 281px #FE6246, 431px 1317px #FE6246, 1455px 467px #FE6246, 1039px 318px #FE6246, 493px 11px #FE6246, 445px 633px #FE6246, 1673px 959px #FE6246, 1446px 10px #FE6246, 208px 198px #FE6246, 1236px 653px #FE6246, 1838px 1257px #FE6246, 960px 484px #FE6246, 1645px 1296px #FE6246, 1909px 1942px #FE6246, 1635px 920px #FE6246, 555px 1101px #FE6246, 788px 186px #FE6246, 559px 1900px #FE6246, 1860px 93px #FE6246, 1236px 1039px #FE6246, 1783px 821px #FE6246, 845px 962px #FE6246, 1309px 1840px #FE6246, 616px 1156px #FE6246, 475px 199px #FE6246, 545px 1194px #FE6246, 684px 1418px #FE6246, 1881px 98px #FE6246, 970px 522px #FE6246, 1319px 1061px #FE6246, 1532px 865px #FE6246, 1200px 1207px #FE6246, 275px 1228px #FE6246, 160px 175px #FE6246, 652px 1232px #FE6246, 908px 1962px #FE6246, 171px 567px #FE6246, 1149px 168px #FE6246, 600px 1568px #FE6246, 347px 136px #FE6246;
    box-shadow: 789px 1198px #FE6246, 1581px 356px #FE6246, 1199px 1133px #FE6246, 1853px 1915px #FE6246, 1085px 664px #FE6246, 1694px 876px #FE6246, 72px 1534px #FE6246, 1516px 1750px #FE6246, 1046px 1361px #FE6246, 950px 305px #FE6246, 864px 281px #FE6246, 431px 1317px #FE6246, 1455px 467px #FE6246, 1039px 318px #FE6246, 493px 11px #FE6246, 445px 633px #FE6246, 1673px 959px #FE6246, 1446px 10px #FE6246, 208px 198px #FE6246, 1236px 653px #FE6246, 1838px 1257px #FE6246, 960px 484px #FE6246, 1645px 1296px #FE6246, 1909px 1942px #FE6246, 1635px 920px #FE6246, 555px 1101px #FE6246, 788px 186px #FE6246, 559px 1900px #FE6246, 1860px 93px #FE6246, 1236px 1039px #FE6246, 1783px 821px #FE6246, 845px 962px #FE6246, 1309px 1840px #FE6246, 616px 1156px #FE6246, 475px 199px #FE6246, 545px 1194px #FE6246, 684px 1418px #FE6246, 1881px 98px #FE6246, 970px 522px #FE6246, 1319px 1061px #FE6246, 1532px 865px #FE6246, 1200px 1207px #FE6246, 275px 1228px #FE6246, 160px 175px #FE6246, 652px 1232px #FE6246, 908px 1962px #FE6246, 171px 567px #FE6246, 1149px 168px #FE6246, 600px 1568px #FE6246, 347px 136px #FE6246; }

.stars-active:not(.no-animation) .buble1 {
  -webkit-animation: animStar 210s linear infinite;
  animation: animStar 210s linear infinite; }

.stars-active:not(.no-animation) .buble2 {
  -webkit-animation: animStar 160s linear infinite;
  animation: animStar 160s linear infinite; }

.stars-active:not(.no-animation) .buble3 {
  -webkit-animation: animStar 110s linear infinite;
  animation: animStar 110s linear infinite; }

.stars-active:not(.no-animation) .buble4 {
  -webkit-animation: animStar 65s linear infinite;
  animation: animStar 65s linear infinite; }

@-webkit-keyframes animStar {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes animStar {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.tabs > ul {
  border-bottom: 1px solid #54BEEA; }
  .tabs > ul li {
    line-height: 40px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer; }
    .tabs > ul li.active {
      background-color: #54BEEA;
      color: #fff; }

.tabs .tabs-wrap .tab {
  display: none; }
  .tabs .tabs-wrap .tab:first-child {
    display: block; }
    .tabs .tabs-wrap .tab:first-child .tab-content {
      opacity: 1;
      filter: alpha(opacity=100);
      margin-top: 0; }
  .tabs .tabs-wrap .tab .tab-content {
    margin-top: 150px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s; }
    .tabs .tabs-wrap .tab .tab-content.active {
      margin-top: 0;
      opacity: 1;
      filter: alpha(opacity=100); }

.table {
  position: relative;
  min-width: 100%;
  border-collapse: separate;
  padding: 2px 5px;
  font-size: 13px;
  border-spacing: 0 5px; }
  .table.table--stickyHead .table__cell.table__cell--head {
    z-index: 2;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    background-color: #999; }
  .table__row {
    color: #666;
    border-bottom: 5px solid #fff;
    -webkit-transition: -webkit-box-shadow 0.1s ease;
    transition: -webkit-box-shadow 0.1s ease;
    -o-transition: box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; }
    .table__row:hover {
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
    .table__row:nth-child(even) {
      background-color: #fbfbfb; }
  .table__cell {
    padding: 2px 7px;
    text-align: left; }
    .table__cell.table__cell--head {
      color: #fff;
      font-weight: 100;
      border-right: 1px solid #fff; }
    .table__cell.table__cell--fullWidth {
      width: 100%; }
    .table__cell.table__cell--body {
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
      .table__cell.table__cell--body:first-child {
        border-left: 1px solid #ccc; }

main .preloader-wrap {
  top: -40px; }

.preloader-wrap {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  min-height: 160px;
  background-color: rgba(255, 255, 255, 0);
  display: none;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s; }
  .preloader-wrap.preloader-wrap--window {
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .preloader-wrap.active {
    background-color: rgba(255, 255, 255, 0.8);
    display: block; }
  .preloader-wrap .preloader {
    position: absolute;
    width: 100px;
    height: 100px; }
    .preloader-wrap .preloader.gif {
      background-image: url("../img/ajax_loader.gif");
      background-repeat: no-repeat;
      background-position: 50% 50%; }
    .preloader-wrap .preloader.css {
      border: 2px solid transparent;
      border-top-color: #54BEEA;
      border-radius: 50%;
      display: block;
      margin: 40px auto;
      width: 70px;
      height: 70px;
      top: 50%;
      left: 47.5%;
      margin: -70px auto 0px 0px;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite; }
      .preloader-wrap .preloader.css.css--window {
        left: 50%;
        top: 50%;
        margin-top: -35px;
        margin-left: -35px; }
      .preloader-wrap .preloader.css:before {
        border: 2px solid transparent;
        border-radius: 50%;
        content: "";
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite; }
      .preloader-wrap .preloader.css:after {
        border: 2px solid transparent;
        border-top-color: #999;
        border-radius: 50%;
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        bottom: 15px;
        right: 15px;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite; }
      .preloader-wrap .preloader.css.left {
        left: 38.5%; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

calendar, .static-calendar {
  color: #111;
  text-align: center;
  display: block;
  margin: 0 auto 12px;
  width: 230px;
  min-height: 205px; }
  calendar .header, .static-calendar .header {
    color: #fff;
    text-align: center;
    position: relative;
    height: 30px;
    font-size: 14px; }
    calendar .header i, .static-calendar .header i {
      width: 30px;
      font-size: 12px;
      position: absolute;
      top: 0px;
      height: 100%;
      line-height: 34px;
      cursor: pointer;
      color: #fff !important;
      transition: color 0.3s;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      -o-transition: color 0.3s; }
      calendar .header i.fa-angle-right, .static-calendar .header i.fa-angle-right {
        right: 0px; }
      calendar .header i.fa-angle-left, .static-calendar .header i.fa-angle-left {
        left: 0px; }
    calendar .header span, .static-calendar .header span {
      line-height: 30px; }
  calendar .week, .static-calendar .week {
    background-color: #fff;
    cursor: pointer; }
    calendar .week.names, .static-calendar .week.names {
      background-color: #333; }
      calendar .week.names span, .static-calendar .week.names span {
        max-width: 35px;
        border: none;
        font-size: 12px; }
    calendar .week span, .static-calendar .week span {
      width: calc(100% / 7);
      display: inline-block;
      padding: 0;
      position: relative;
      z-index: 1; }
      calendar .week span.selected, .static-calendar .week span.selected {
        color: #fff !important; }
        calendar .week span.selected:after, .static-calendar .week span.selected:after {
          position: absolute;
          content: '';
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1; }
      calendar .week span.different-month, .static-calendar .week span.different-month {
        color: #999; }
      calendar .week span.disable-day, .static-calendar .week span.disable-day {
        color: #ccc; }

.calendar-wrap {
  position: absolute;
  padding: 10px;
  z-index: 1000;
  background-color: #fff;
  transition: left 0.3s;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s; }
  .calendar-wrap.bottom-left {
    left: -505px;
    bottom: 5px; }
    .calendar-wrap.bottom-left.active {
      left: 5px; }
  .calendar-wrap.top-left {
    left: -1000px;
    width: 100%;
    top: 0px; }
    .calendar-wrap.top-left.active {
      left: 0px; }
  .calendar-wrap .calendar-close-button {
    position: absolute;
    top: 0;
    right: 0; }
    .calendar-wrap .calendar-close-button:hover {
      cursor: pointer; }
  .calendar-wrap calendar,
  .calendar-wrap .static-calendar {
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; }
    .calendar-wrap calendar.end,
    .calendar-wrap .static-calendar.end {
      left: 189px; }
  .calendar-wrap .btn.small {
    position: absolute;
    top: -20px;
    right: -20px; }

.selected-period-block {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  .selected-period-block .subtitle {
    font-size: 14px;
    font-family: 'RobotoLight';
    margin: 10px 0;
    cursor: default; }
    .selected-period-block .subtitle span {
      display: inline-block;
      vertical-align: top;
      padding: 0 5px;
      background-color: #f5f5f5;
      color: #111;
      border-radius: 8px; }

#menu {
  position: fixed;
  top: 0;
  left: -700px;
  z-index: 1010;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transition: left 0.4s;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -o-transition: left 0.4s; }
  #menu.active {
    left: 0; }
  #menu .navigation {
    position: relative;
    margin-top: 45px;
    padding-left: 55px;
    text-align: left;
    z-index: 1100; }
    #menu .navigation li {
      display: block;
      transition: padding 0.3s;
      -webkit-transition: padding 0.3s;
      -moz-transition: padding 0.3s;
      -o-transition: padding 0.3s; }
      #menu .navigation li:hover {
        padding-left: 15px; }
      #menu .navigation li.active a:after {
        position: absolute;
        content: '';
        top: 22px;
        left: -28px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 50%; }
      #menu .navigation li a {
        color: #111;
        position: relative; }
        #menu .navigation li a:before {
          position: absolute;
          content: '';
          top: 17px;
          left: -33px;
          width: 20px;
          height: 20px;
          border-radius: 50%; }
  #menu .footer {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 45px;
    text-align: center;
    -webkit-box-shadow: 0 -1px 3px #ccc;
    box-shadow: 0 -1px 3px #ccc;
    line-height: 45px;
    transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    -o-transition: bottom 0.3s; }
    #menu .footer img {
      width: 110px; }
    #menu .footer a {
      color: #fff; }
    #menu .footer .soc_wrap a {
      padding: 0 6px; }

.dataWindow {
  min-width: 380px;
  max-width: 100vw;
  min-height: 190px;
  padding: 0; }
  .dataWindow.dataWindow--top {
    z-index: 1000; }
  .dataWindow__contentWrap {
    max-height: inherit;
    height: 100%; }

.tableData {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  color: #666;
  font-size: 13px;
  padding: 0 2px; }
  .tableData__col {
    max-width: 150px;
    background-color: #fff; }
    .tableData__col:last-child .tableData__item {
      border-right: none; }
  .tableData__item {
    padding: 2px 3px;
    margin-bottom: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-left: none;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .tableData__item:first-child {
      background-color: #999;
      color: #fff; }

.space-orientation {
  position: absolute;
  top: 80px;
  right: -23px;
  width: 90px;
  height: 90px;
  background-color: #fff;
  border-radius: 50%; }
  .space-orientation .btns-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 20px solid;
    border-top-color: #fff;
    border-bottom-color: #fff; }
    .space-orientation .btns-wrap.rotate-x {
      border-right-color: #111;
      border-left-color: #111; }
    .space-orientation .btns-wrap.rotate-y {
      border-bottom-color: #111; }
    .space-orientation .btns-wrap.rotate-z {
      border-top-color: #111; }
    .space-orientation .btns-wrap span {
      position: absolute;
      cursor: pointer;
      font-size: 24px;
      text-align: center;
      z-index: 100; }
      .space-orientation .btns-wrap span:nth-child(1) {
        height: 60px;
        width: 21px;
        bottom: -37px;
        left: 50%;
        line-height: 55px;
        font-size: 18px;
        -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg); }
      .space-orientation .btns-wrap span:nth-child(2) {
        top: 50%;
        left: -16px;
        width: 15px;
        line-height: 55px;
        height: 55px;
        color: #fff;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg); }
      .space-orientation .btns-wrap span:nth-child(3) {
        width: 60px;
        top: -20px;
        left: 50%;
        line-height: 22px;
        font-size: 18px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      .space-orientation .btns-wrap span:nth-child(4) {
        top: 50%;
        right: -16px;
        width: 15px;
        line-height: 55px;
        height: 55px;
        color: #fff;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .space-orientation .custom-rotation {
    position: absolute;
    top: 19px;
    left: 19px;
    width: 52px;
    height: 52px; }
    .space-orientation .custom-rotation > input {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 40px;
      height: 40px;
      text-align: center;
      border-radius: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 101; }
    .space-orientation .custom-rotation input::-webkit-outer-spin-button,
    .space-orientation .custom-rotation input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .space-orientation .custom-rotation .acs-slider {
      top: 0px;
      left: 0px;
      height: 52px;
      z-index: 100; }
      .space-orientation .custom-rotation .acs-slider .acs-indicator {
        width: 8px !important;
        height: 8px !important; }

.at-carousel-wrap {
  position: relative;
  min-height: 200px;
  overflow: hidden; }
  .at-carousel-wrap.big-pagination {
    padding-bottom: 30px; }
  .at-carousel-wrap.small-pagination {
    padding-bottom: 10px; }
  .at-carousel-wrap .at-carousel-list {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 160px;
    -webkit-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    font-size: 0; }
    .at-carousel-wrap .at-carousel-list .at-carousel-item {
      display: inline-block;
      vertical-align: top;
      font-size: 14px; }
  .at-carousel-wrap .at-carousel-navigation {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .at-carousel-wrap .at-carousel-navigation .at-carousel-navigation-prew {
      position: absolute;
      top: 0;
      left: 0; }
    .at-carousel-wrap .at-carousel-navigation .at-carousel-navigation-next {
      position: absolute;
      top: 0;
      right: 0; }
  .at-carousel-wrap .at-carousel-pagination {
    position: absolute;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center; }
    .at-carousel-wrap .at-carousel-pagination.small-pagination .at-carousel-pagination-item {
      width: 10px;
      height: 10px;
      margin: 0 2px; }
    .at-carousel-wrap .at-carousel-pagination.big-pagination:before {
      position: absolute;
      content: '';
      top: 55%;
      width: 100%;
      height: 1px;
      z-index: -1;
      background-color: #ccc; }
    .at-carousel-wrap .at-carousel-pagination.big-pagination .at-carousel-pagination-item {
      width: 15px;
      height: 15px;
      margin: 0 15px; }
    .at-carousel-wrap .at-carousel-pagination .at-carousel-pagination-item {
      display: inline-block;
      vertical-align: middle;
      width: 10px;
      height: 10px;
      margin: 0 2px;
      border-radius: 50%;
      cursor: pointer;
      background-color: #fff;
      -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1); }

.drop-down-list {
  padding: 0 5px; }
  .drop-down-list > li {
    line-height: 30px;
    margin-bottom: 5px;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    box-shadow: 0px 0px 2px #ccc;
    font-size: 12px;
    text-align: left;
    position: relative; }
    .drop-down-list > li:first-child {
      margin-top: 5px; }
    .drop-down-list > li span {
      display: block;
      background-color: #fff; }
      .drop-down-list > li span.active:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg); }
      .drop-down-list > li span:before {
        position: absolute;
        content: "\f107";
        top: 5px;
        right: 5px;
        font-size: 16px;
        font-family: 'FontAwesome';
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s; }
    .drop-down-list > li ul {
      display: none;
      padding-left: 15px; }
      .drop-down-list > li ul li {
        text-transform: initial;
        position: relative;
        border-bottom: 1px solid #ccc;
        line-height: 35px;
        position: relative;
        -webkit-transition: padding 0.3s;
        -o-transition: padding 0.3s;
        transition: padding 0.3s; }
        .drop-down-list > li ul li:last-child {
          border-bottom: none; }
        .drop-down-list > li ul li.active {
          padding-left: 10px; }
          .drop-down-list > li ul li.active:before {
            width: 100%; }

.app-version-wrap .owl {
  position: absolute;
  bottom: 75px;
  right: 32px;
  width: 45px;
  height: 82px;
  z-index: 16;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }
  .app-version-wrap .owl .owl-head {
    height: 12px;
    width: 100%;
    background-color: #FFEAA8; }
    .app-version-wrap .owl .owl-head .ears {
      height: 100%;
      background-color: #fff;
      border-radius: 0% 0% 90% 90%; }
  .app-version-wrap .owl .owl-body {
    width: 100%;
    height: 67px;
    border-radius: 0% 0% 35% 35%;
    background-color: #FFEAA8; }
    .app-version-wrap .owl .owl-body .owl-eyes {
      position: relative;
      height: 30%;
      width: 100%;
      top: 5%; }
      .app-version-wrap .owl .owl-body .owl-eyes .owleye {
        position: relative;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 20px;
        height: 22px;
        padding: 5px;
        border: 4.3px solid #FFFCE8;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 4px auto; }
        .app-version-wrap .owl .owl-body .owl-eyes .owleye .inner {
          position: absolute;
          background: #FFCD66;
          padding: 0;
          width: auto;
          height: auto;
          border: none;
          margin: 0;
          left: 1%;
          right: 1%;
          bottom: 1%;
          top: 1%; }
        .app-version-wrap .owl .owl-body .owl-eyes .owleye .inner-2 {
          left: 25%;
          right: 25%;
          bottom: 25%;
          top: 26%;
          background: #666666; }
      .app-version-wrap .owl .owl-body .owl-eyes .eyelid {
        position: absolute;
        height: 7px;
        left: 0;
        right: 0;
        background: #ddd;
        -webkit-transition: margin 0.15s ease;
        -o-transition: margin 0.15s ease;
        transition: margin 0.15s ease; }
        .app-version-wrap .owl .owl-body .owl-eyes .eyelid.top {
          top: 0;
          border-bottom: 1px solid #aaa; }
        .app-version-wrap .owl .owl-body .owl-eyes .eyelid.bottom {
          bottom: 0;
          margin-bottom: -50%;
          -webkit-animation: blink 4s ease-in-out infinite;
          animation: blink 4s ease-in-out infinite; }
    .app-version-wrap .owl .owl-body .nose {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      top: 26px;
      width: 0;
      height: 0;
      z-index: 1;
      border-style: solid;
      border-width: 5px 3px 0 3px;
      border-color: #B87F0A transparent transparent transparent; }
    .app-version-wrap .owl .owl-body .feet {
      bottom: 0;
      position: absolute;
      width: 100%;
      z-index: 10; }
      .app-version-wrap .owl .owl-body .feet .foot1 {
        background: #B87F0A;
        height: 8px;
        width: 4px;
        border-radius: 10px;
        display: inline-block;
        position: relative;
        left: 7px;
        -webkit-box-shadow: 27px 0px 0px 0px #B87F0A;
        box-shadow: 27px 0px 0px 0px #B87F0A; }
      .app-version-wrap .owl .owl-body .feet .foot2 {
        background: #B87F0A;
        height: 8px;
        width: 4px;
        border-radius: 10px;
        display: inline-block;
        position: relative;
        left: 5px;
        -webkit-box-shadow: 15px 0px 0px 0px #B87F0A;
        box-shadow: 15px 0px 0px 0px #B87F0A; }

.app-version-wrap .wing1,
.app-version-wrap .wing2,
.app-version-wrap .wing3,
.app-version-wrap .wing4,
.app-version-wrap .wing5,
.app-version-wrap .wing6 {
  position: absolute;
  right: 42px;
  top: 20px;
  width: 32px;
  height: 40px;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform: rotate(-35deg);
  border-radius: 20vmin 0px 20vmin 0px;
  z-index: -2; }

.app-version-wrap .wing7,
.app-version-wrap .wing8,
.app-version-wrap .wing9,
.app-version-wrap .wing10,
.app-version-wrap .wing11,
.app-version-wrap .wing12 {
  position: absolute;
  left: 13px;
  top: 20px;
  width: 32px;
  height: 40px;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  -webkit-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  transform: rotate(-35deg);
  border-radius: 20vmin 0px 20vmin 0px;
  z-index: -2; }

.app-version-wrap .wing1 {
  background-color: #885E09; }

.app-version-wrap .wing2 {
  background-color: #986F1E; }

.app-version-wrap .wing3 {
  background-color: #A37E34; }

.app-version-wrap .wing4 {
  background-color: #B08E4B; }

.app-version-wrap .wing5 {
  background-color: #BA9D64; }

.app-version-wrap .wing6 {
  background-color: #CDB482;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg); }

.app-version-wrap .wing7 {
  background-color: #885E09; }

.app-version-wrap .wing8 {
  background-color: #986F1E;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg); }

.app-version-wrap .wing9 {
  background-color: #A37E34; }

.app-version-wrap .wing10 {
  background-color: #B08E4B; }

.app-version-wrap .wing11 {
  background-color: #BA9D64; }

.app-version-wrap .wing12 {
  background-color: #CDB482; }

.app-version-wrap:hover .eyelid {
  height: 0px !important;
  border-bottom: none !important; }

.app-version-wrap:hover .wing1 {
  -webkit-transform: rotate(45deg) skewY(-8deg);
  -ms-transform: rotate(45deg) skewY(-8deg);
  transform: rotate(45deg) skewY(-8deg); }

.app-version-wrap:hover .wing2 {
  -webkit-transform: rotate(38deg) skewY(-8deg);
  -ms-transform: rotate(38deg) skewY(-8deg);
  transform: rotate(38deg) skewY(-8deg); }

.app-version-wrap:hover .wing3 {
  -webkit-transform: rotate(28deg) skewY(-8deg);
  -ms-transform: rotate(28deg) skewY(-8deg);
  transform: rotate(28deg) skewY(-8deg); }

.app-version-wrap:hover .wing4 {
  -webkit-transform: rotate(16deg) skewY(-8deg);
  -ms-transform: rotate(16deg) skewY(-8deg);
  transform: rotate(16deg) skewY(-8deg); }

.app-version-wrap:hover .wing5 {
  -webkit-transform: rotate(0deg) skewY(-8deg);
  -ms-transform: rotate(0deg) skewY(-8deg);
  transform: rotate(0deg) skewY(-8deg); }

.app-version-wrap:hover .wing6 {
  -webkit-transform: rotate(-22deg) skewY(-8deg);
  -ms-transform: rotate(-22deg) skewY(-8deg);
  transform: rotate(-22deg) skewY(-8deg); }

.app-version-wrap:hover .wing7 {
  -webkit-transform: rotate(-107deg) skewY(-8deg);
  -ms-transform: rotate(-107deg) skewY(-8deg);
  transform: rotate(-107deg) skewY(-8deg); }

.app-version-wrap:hover .wing8 {
  -webkit-transform: rotate(-100deg) skewY(-8deg);
  -ms-transform: rotate(-100deg) skewY(-8deg);
  transform: rotate(-100deg) skewY(-8deg); }

.app-version-wrap:hover .wing9 {
  -webkit-transform: rotate(-90deg) skewY(-8deg);
  -ms-transform: rotate(-90deg) skewY(-8deg);
  transform: rotate(-90deg) skewY(-8deg); }

.app-version-wrap:hover .wing10 {
  -webkit-transform: rotate(-78deg) skewY(-8deg);
  -ms-transform: rotate(-78deg) skewY(-8deg);
  transform: rotate(-78deg) skewY(-8deg); }

.app-version-wrap:hover .wing11 {
  -webkit-transform: rotate(-66deg) skewY(-8deg);
  -ms-transform: rotate(-66deg) skewY(-8deg);
  transform: rotate(-66deg) skewY(-8deg); }

.app-version-wrap:hover .wing12 {
  -webkit-transform: rotate(-45deg) skewY(-8deg);
  -ms-transform: rotate(-45deg) skewY(-8deg);
  transform: rotate(-45deg) skewY(-8deg); }

@-webkit-keyframes blink {
  0% {
    margin-bottom: -50%; }
  3% {
    margin-bottom: 0%; }
  6% {
    margin-bottom: -50%; }
  100% {
    margin-bottom: -50%; } }

@keyframes blink {
  0% {
    margin-bottom: -50%; }
  3% {
    margin-bottom: 0%; }
  6% {
    margin-bottom: -50%; }
  100% {
    margin-bottom: -50%; } }

.equipment__tuningBlock {
  margin-right: -8px;
  margin-left: -6px;
  padding-right: 5px;
  overflow-y: auto;
  max-height: calc(100vh - 270px); }

.equipmentPopup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .equipmentPopup__title {
    text-align: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px; }
  .equipmentPopup__block {
    padding: 0 3px;
    width: 50%; }
  .equipmentPopup__blockCenter {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px; }
  .equipmentPopup__blockHalf {
    width: 50%;
    padding: 0 3px 10px 3px; }

.surfaceCtrl {
  position: relative;
  padding-top: 5px; }
  .surfaceCtrl__titleBlock {
    max-width: calc(100% - 120px);
    display: inline-block; }
  .surfaceCtrl__title {
    line-height: 34px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    .surfaceCtrl__title.surfaceCtrl__title--square {
      line-height: 40px;
      font-size: 11px;
      text-transform: uppercase;
      text-align: right;
      color: #999;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
  .surfaceCtrl__btnBlock {
    display: inline-block;
    position: relative;
    top: -16px; }
  .surfaceCtrl__btnWrap {
    display: inline-block;
    margin: 0 10px; }
    .surfaceCtrl__btnWrap.surfaceCtrl__btnWrap--square {
      margin: 0 5px; }

.equipFilling__title {
  line-height: 30px;
  font-size: 11px;
  text-transform: uppercase;
  text-align: right;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.equipFilling__btnWrap {
  padding-left: 5px; }

.custom-scroll.custom-scroll--equipment {
  max-height: calc(100% - 200px);
  text-align: unset;
  overflow: visible;
  overflow-x: hidden;
  padding-right: 8px; }

.rowBtnTitle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 5px -5px; }
  .rowBtnTitle__title {
    color: #999;
    white-space: nowrap;
    font-size: 11px;
    overflow: hidden;
    text-align: right;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: uppercase; }
  .rowBtnTitle__btnWrap {
    margin-left: 5px;
    right: 5px; }

.distance {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-left: 1px dashed #111;
  pointer-events: none; }
  .distance.distance--top {
    border-top: 1px dashed #111;
    border-left: none; }
  .distance__number {
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    white-space: nowrap; }
    .distance__number.distance__number--top {
      top: 0;
      right: 50%;
      -webkit-transform: translate(50%, -100%);
      -ms-transform: translate(50%, -100%);
      transform: translate(50%, -100%); }
  .distance__topLine {
    position: absolute;
    top: 0;
    border-top: 1px solid #111; }
  .distance__bottomLine {
    position: absolute;
    bottom: 0;
    border-top: 1px solid #111; }
  .distance__line {
    position: absolute; }
    .distance__line.distance__line--left {
      border-left: 1px solid #111;
      left: 0; }
    .distance__line.distance__line--right {
      border-right: 1px solid #111;
      right: 0; }

.rangeMultiple {
  position: relative;
  margin: 40px 25px 15px 10px; }
  .rangeMultiple__line {
    height: 4px;
    background-color: #ccc; }
  .rangeMultiple__handle {
    top: -5px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 2px solid #fff; }
    .rangeMultiple__handle:hover {
      background-color: #fff;
      border: 2px solid; }
    .rangeMultiple__handle:last-child {
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
  .rangeMultiple__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: -32px; }
  .rangeMultiple__title {
    font-size: 14px;
    color: #999;
    text-transform: lowercase; }
  .rangeMultiple__input {
    width: 30px; }
    .rangeMultiple__input.rangeMultiple__input--right {
      text-align: right; }

.permission__icon {
  font-size: 24px;
  line-height: 30px;
  color: #fff; }

.permission__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 11px;
  margin-left: 3px;
  margin-top: 2px;
  color: #111;
  text-align: left;
  padding: 6px 2px; }
  .permission__title i {
    padding: 0 2px;
    width: auto !important; }

.permission__schemeWrap {
  height: 85vh;
  padding: 20px 15px;
  border: 1px solid #ccc;
  margin: 5px; }

.permission__tabNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.permission__tabNavLi {
  width: 100% !important; }
  .permission__tabNavLi i {
    font-size: 14px;
    padding-right: 4px;
    vertical-align: middle; }
  .permission__tabNavLi span {
    vertical-align: middle; }

.permissionTable__tableWrap {
  max-height: calc(100vh - 30px); }

.permissionTable__createUserIcon {
  position: absolute;
  z-index: 10;
  bottom: 52px;
  right: 10px; }

.permissionTable__iconWrap {
  text-align: center; }

#userSearchInputWrap input {
  width: 92%;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: -webkit-baseline-middle; }

#userSearchInputWrap .permissionTable__iconWrap {
  min-width: 20px;
  display: inline-block;
  cursor: pointer;
  padding-left: 5px;
  vertical-align: -webkit-baseline-middle; }

.permissionCheck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .permissionCheck__checkWrap {
    cursor: pointer; }
  .permissionCheck__label {
    padding: 0 5px;
    cursor: pointer; }

.popupPrintConfig__checkWrap {
  padding: 5px;
  margin: 0 5px;
  -webkit-box-shadow: 0 0 4px #ccc;
  box-shadow: 0 0 4px #ccc; }

.permissionTabs__tableWrap {
  position: relative;
  margin-left: 15px;
  margin-right: 15px; }

.permissionTabs__printSettingWrap {
  margin: 15px 15px 0 15px; }

.permissionTabs__additionalSettingWrap {
  padding-top: 15px; }

.permissionTabs__block {
  margin-bottom: 25px; }

.permissionTabs__title {
  display: inline-block;
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 10px; }

.sectorNaming {
  position: absolute;
  top: 0px;
  -webkit-transform: translate(-98%, 0%);
  -ms-transform: translate(-98%, 0%);
  transform: translate(-98%, 0%);
  z-index: -1; }
  .sectorNaming__input {
    height: 24px;
    -webkit-box-shadow: -2px 1px 3px #ccc;
    box-shadow: -2px 1px 3px #ccc;
    font-size: 16px;
    color: #111;
    padding-left: 25px;
    padding-right: 5px;
    border-radius: 15px 0 0 15px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .sectorNaming__input.sectorNaming__input--show {
      width: 0 !important;
      padding: 0 !important; }
  .sectorNaming .close-input {
    position: absolute !important;
    width: 20px;
    height: 20px;
    min-width: 20px;
    text-indent: 0 !important;
    left: 3px !important;
    top: 49% !important;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0;
    font-size: 12px;
    line-height: 19px !important; }

/*==========  Desktop First Method  ==========*/
/* windows 125% screen text size */
@media only screen and (max-width: 1536px) {
  #popup-print-config #config-look {
    max-height: 80vh; }
    #popup-print-config #config-look .auto-table {
      -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
      transform: scale(0.5); } }

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1524px) {
  .range-wrap input[type=range] {
    width: 130px; }
  .container-fluid .canvas-options.bottom .card-block {
    min-width: 15%; } }

@media only screen and (max-width: 1366px) {
  body {
    font-size: 12px; }
    body .save-button,
    body .btn.material,
    body .file-wrap {
      width: 20px !important;
      min-width: 20px !important;
      line-height: 17px !important;
      height: 20px !important;
      padding: 0;
      font-size: 10px !important; }
      body .save-button label i,
      body .btn.material label i,
      body .file-wrap label i {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important; }
    body .popup .popup-close {
      right: -20px;
      top: -20px; }
    body .option-buttons-panel div.btn.material:hover .exel-export-list {
      left: -7px; }
    body .option-buttons-panel div.btn.material .exel-export-list {
      top: 28px; }
    body .option-buttons-panel ul.active {
      left: -10px !important; }
    body .canvas-options .range-btn {
      width: 20px;
      height: 20px;
      line-height: 21px;
      font-size: 12px;
      padding: 0; }
    body .drag-window-header {
      height: 28px;
      padding: 0 50px 0 25px; }
      body .drag-window-header .btn.material ul {
        top: 21px; }
      body .drag-window-header .btn.material .param-list li {
        line-height: 23px !important;
        height: 20px !important;
        min-height: 22px;
        font-size: 11px; }
        body .drag-window-header .btn.material .param-list li label {
          top: 4px !important; }
      body .drag-window-header .mtrInput {
        margin-bottom: -4px; }
        body .drag-window-header .mtrInput input {
          height: 19px !important; }
      body .drag-window-header input {
        height: 24px; }
    body .prod-service {
      height: 20px; }
      body .prod-service.long span {
        line-height: 20px; }
      body .prod-service.long button {
        width: 20px;
        line-height: 20px;
        font-size: 11px; }
    body #product-param ul li, body .card-properties ul li {
      min-height: 25px !important;
      line-height: 25px !important;
      font-size: 11px !important; }
      body #product-param ul li .form-group label, body .card-properties ul li .form-group label {
        top: 6px !important; }
    body #product-param .title, body .card-properties .title {
      font-size: 12px; }
    body #product-param .label, body .card-properties .label {
      line-height: 14px; }
    body #navigation-wrap .market-edit #editPropertyDir {
      top: 0px; }
      body #navigation-wrap .market-edit #editPropertyDir input {
        font-size: 12px;
        height: 24px;
        width: 141px !important; }
    body #navigation-wrap h4 {
      font-size: 11px;
      line-height: 30px;
      min-height: 30px; }
    body #navigation-wrap .buttons-wrap.buttons-nav {
      bottom: -9px;
      margin: 1px;
      left: 5px; }
      body #navigation-wrap .buttons-wrap.buttons-nav .tab-navigation ul li {
        font-size: 8px;
        line-height: 25px; }
      body #navigation-wrap .buttons-wrap.buttons-nav .tab-navigation .two {
        left: -15px; }
    body #navigation-wrap .market-name {
      width: 146px;
      font-size: 12px;
      line-height: 17px; }
      body #navigation-wrap .market-name span {
        height: 16px; }
    body .button-list {
      width: 30px !important; }
      body .button-list ul {
        top: 30px; }
        body .button-list ul .icon-material {
          width: 20px;
          height: 20px;
          line-height: 20px; }
    body .planogram-list button {
      margin: 0px; }
    body .planogram-list .icon-material {
      width: 20px;
      height: 20px;
      line-height: 19px; }
    body .planogram-list .market-item {
      font-size: 11px; }
    body .drag-dropdown {
      padding-top: 0px; }
      body .drag-dropdown li {
        font-size: 11px;
        line-height: 26px; }
        body .drag-dropdown li span.product {
          padding-right: 80px; }
    body .tab-navigation ul li {
      font-size: 8px;
      line-height: 25px; }
      body .tab-navigation ul li button {
        padding: 9px; }
    body .draggable-extend button {
      bottom: 0px;
      width: 25px;
      height: 25px; }
    body #equipment-block .equipment__tuningBlock span, body #equipment-block .equipment__tuningBlock input, body #equipment-block .equipment__tuningBlock div, body #equipment-block .equipment__tuningBlock label {
      font-size: 11px !important; }
    body #equipment-block .equipment-param .img-wrap {
      height: 160px; }
    body #equipment-block .title-light span,
    body #equipment-block .title-light input {
      height: 35px;
      width: 35px;
      line-height: 35px;
      margin-right: 3px; }
    body #object-info, body .object-info {
      right: -282px;
      width: 280px;
      bottom: 40px; }
      body #object-info .tool-panel, body .object-info .tool-panel {
        min-height: 25px; }
      body #object-info .card-block, body .object-info .card-block {
        min-height: 230px; }
        body #object-info .card-block button, body .object-info .card-block button {
          font-size: 11px !important; }
        body #object-info .card-block .axis-x, body .object-info .card-block .axis-x {
          left: 41px !important;
          bottom: 10px !important; }
        body #object-info .card-block .axis-y, body .object-info .card-block .axis-y {
          left: -90px !important;
          top: 107px !important; }
        body #object-info .card-block input[type="range"], body .object-info .card-block input[type="range"] {
          width: 170px; }
      body #object-info .show-filters,
      body #object-info .show-info, body .object-info .show-filters,
      body .object-info .show-info {
        height: 25px !important;
        line-height: 25px !important; }
      body #object-info .navigation-equip, body .object-info .navigation-equip {
        min-height: 175px; }
        body #object-info .navigation-equip .carousel li img, body .object-info .navigation-equip .carousel li img {
          height: 110px !important; }
        body #object-info .navigation-equip .dots-wrap, body .object-info .navigation-equip .dots-wrap {
          left: 123px; }
      body #object-info .param-list, body .object-info .param-list {
        width: 277px; }
        body #object-info .param-list li, body .object-info .param-list li {
          font-size: 11px; }
    body .exel-export-list {
      font-size: 11px !important;
      line-height: 20px !important; }
      body .exel-export-list .deg-slider {
        width: 140px;
        height: 140px; }
      body .exel-export-list li {
        line-height: 20px; }
        body .exel-export-list li button, body .exel-export-list li .item {
          font-size: 11px !important;
          line-height: 20px !important; }
    body .basket-products-result .card-block .custom-scroll {
      max-height: 185px; }
    body #popup-edit-equipment .popup-content div.tab-navigation.top.two, body equipment-filter .popup-content div.tab-navigation.top.two {
      top: -30px; }
    body #popup-edit-equipment .custom-card-render .filter, body equipment-filter .custom-card-render .filter {
      height: 40px !important; }
    body #popup-assortment-exel-filter .popup-content {
      -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
      -ms-transform: translateX(-50%) translateY(-50%) scale(0.7);
      transform: translateX(-50%) translateY(-50%) scale(0.7); }
    body #canvas-wrap .container-fluid.canvas-options.bottom .title-light i,
    body #canvas-wrap .container-fluid.canvas-options.bottom .label {
      min-width: 125px; }
    body .d3-bar-chart .button-wrap .info {
      top: 1px; }
      body .d3-bar-chart .button-wrap .info span {
        font-size: 12px;
        padding: 2px 25px 2px 10px; }
    body .dashboard-panel .auto-list-wrap .list-header .clear-search {
      top: 26px !important; }
    body .dashboard-panel .auto-list-wrap .marketList .market-item h4 {
      min-width: 72%;
      max-width: calc(100% - 100px); }
    body .placingStatusBtn {
      top: 0px !important;
      line-height: 19px !important; }
    body #equipment-param .task-list-wrap {
      max-height: 464px !important; }
    body #popup-print-config .popup-content {
      max-height: 700px; }
      body #popup-print-config .popup-content .auto-table {
        max-height: 935px; }
    body calendar, body .static-calendar {
      min-height: 150px; }
  #mailing .reportList .report-item .tag-list li {
    padding: 0px 0px 0px 2px;
    margin-right: 1px;
      margin-right-margin-bottom: 1px; }
  #mailing .reportList .report-item .pl-half {
    font-size: 8px; }
    #mailing .reportList .report-item .pl-half button {
      height: 16px;
      font-size: 8px; }
  #mailing .reportList .report-item .report-input {
    line-height: 25px;
    font-size: 12px; }
    #mailing .reportList .report-item .report-input input {
      height: 16px;
      width: 16px;
      font-size: 11px; }
  #mailing #analytic-ctrl .chart-header i:first-child {
    vertical-align: 0px !important; }
  #mailing #analytic-ctrl .small-chart-block {
    height: 82% !important; }
  #mailing #analytic-ctrl .info-context {
    right: 0px;
    width: 221px !important;
    font-size: 11px !important;
    padding: 6px !important;
    margin: -7px 12px 0px 0px !important; }
    #mailing #analytic-ctrl .info-context h3 {
      font-size: 12px; }
    #mailing #analytic-ctrl .info-context .caret {
      font-size: 17px !important; } }

@media only screen and (max-width: 1200px) {
  #canvas-wrap .container-fluid.canvas-options.top .range-btn {
    display: none; }
  #canvas-wrap .container-fluid.canvas-options.top .card-block.small {
    padding: 1px 1px 1px 1px; }
    #canvas-wrap .container-fluid.canvas-options.top .card-block.small:before {
      display: none; }
    #canvas-wrap .container-fluid.canvas-options.top .card-block.small .title-light {
      font-size: 9px; }
    #canvas-wrap .container-fluid.canvas-options.top .card-block.small .range-wrap input[type=range] {
      width: 100px; }
  #canvas-wrap .container-fluid.canvas-options.bottom .title-light i,
  #canvas-wrap .container-fluid.canvas-options.bottom .label {
    min-width: 105px; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  #canvas-wrap .container-fluid.canvas-options.bottom .col-sm-3 {
    padding: 0 5px; }
    #canvas-wrap .container-fluid.canvas-options.bottom .col-sm-3 .card-block {
      padding: 1px 1px 1px 1px; }
      #canvas-wrap .container-fluid.canvas-options.bottom .col-sm-3 .card-block:before {
        display: none; }
      #canvas-wrap .container-fluid.canvas-options.bottom .col-sm-3 .card-block .title-light i,
      #canvas-wrap .container-fluid.canvas-options.bottom .col-sm-3 .card-block .label {
        font-size: 9px;
        min-width: 80px; }
  /**/ }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  /*Disable Animation on Mobile Devices*/
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    animation: none !important; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  /**/ }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/ }

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }