.fancybox-content {
  background-color: #fff !important;
}
.bg-theme {
  background-color: #222c46;
}
body {
  font-family: Arial, sans-serif;
}
@media only screen and (max-width: 767px) {
  body {
    background: var(--card-bg-color) !important;
  }
}
.ms-back {
  transition: 0.2s;
  background-color: #0008;
  z-index: 100200;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  opacity: 0;
  visibility: hidden;
}
.ms-back.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1300px) {
  .hidden-less-1300 {
    display: none;
  }
}
.overflow-hidden {
  overflow: hidden;
}
.std-in-project-list {
  margin: 0 0 10px;
}
.std-in-project-list label {
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 5px;
}
.tooltip {
  pointer-events: none !important;
}
.tooltip-white-space-wrap {
  white-space: normal;
  word-break: break-all;
}
.form-after-label {
  opacity: 0.6;
  margin-top: -4px;
  margin-bottom: 8px;
  font-size: 90%;
}
span.std-keyboard-btn {
  background: var(--chess-edit-in-navbar-labels-chess-bg);
  color: #999;
  font-size: 12px;
  display: inline-block;
  padding: 4px 8px;
  margin: 0 5px;
  border-radius: 3px;
  box-shadow: 0px 1px 3px var(--chess-edit-in-navbar-labels-key-shadow);
  letter-spacing: 1px;
}
a.help-inline-btn {
  margin-bottom: 30px;
  display: inline-block;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  padding: 10px 20px;
  border-radius: 3px;
  color: #584c1e;
  text-decoration: none;
  box-shadow: 0px 0px 1px 1px #0006;
}
a.help-btn {
  position: fixed;
  z-index: 2222;
  background: #FFF0A1;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  color: #000000;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  border-radius: 50%;
  box-shadow: 0px 5px 12px -5px #0007;
  text-decoration: none;
  cursor: pointer;
  bottom: 25px;
  right: 25px;
}
a.help-btn.--botPanel {
  bottom: 65px;
}
a.help-btn.--botPanelScroll {
  bottom: 75px;
}
a.help-btn.--botScroll {
  bottom: 30px;
}
a.help-btn:before {
  content: "\f128";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  opacity: 0.5;
  color: #584c1e;
}
.help-menu {
  z-index: 2;
  background: #FFF0A1;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  color: #000000;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  border-radius: 10px;
  box-shadow: 0px 0px 1px 1px #0006;
  text-decoration: none !important;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .help-menu {
    display: none;
  }
}
.help-menu:before {
  content: "\f128";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  opacity: 0.5;
  color: #584c1e;
}
.help-menu-text {
  z-index: 2;
  background: #FFF0A1;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  color: #000000;
  height: 36px;
  line-height: 35px;
  text-align: center;
  font-size: 12px;
  border-radius: 10px;
  box-shadow: 0px 0px 1px 1px #0006;
  text-decoration: none !important;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  padding: 1px 11px 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .help-menu-text {
    display: none;
  }
}
.login-error {
  position: fixed;
  background: #f00;
  bottom: 0;
  color: #fff;
  z-index: 2222222222222;
  padding: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
code.black {
  color: #fff;
  background: #1e212c;
}
code.lg {
  padding: 6px 16px;
  font-size: 20px;
  margin-top: 10px;
  display: inline-block;
}
body {
  --inverse: #fff;
  --inverse-midlight: #a1a9bd;
  --inverse-superlight: #4c566b;
  --disabled-border: #535558;
  --disabled-bg: #303440;
  --disabled-color: #7a7c7e;
  --remove-bg: #6b4444;
  --remove-color: #c5a8a9;
  --warning-color: #e1b840;
  --light-area-bg: #353f58;
  --teal-color: #75dfff;
  --calendar-border: #2d3854;
  --viewitem-border-color: #8986a3;
  --form-control-placeholder-color: #50586d;
  --standart-bd: #232d45;
  --standart-color: #fff;
  --standart-color-11: #ffffff11;
  --standart-color-33: #ffffff33;
  --standart-color-66: #ffffff66;
  --standart-color-99: #ffffff99;
  --standart-color-aa: #ffffffaa;
  --standart-color-cc: #ffffffcc;
  --standart-border: #474477;
  --light-bg: #e6eaf4;
  --light-border: #c5ccdf;
  --light-color: #5c5f67;
  --dp-white-bg: #E6EAF4;
  --fc-border-color: #323c58;
  --fc-today-bg-color: transparent;
  --border-dashed: #ffffff70;
  --menu-background: #161928;
  --menu-nav-color: #a9adc8;
  --loading-bg: #232c4461;
  --loading-color: #fff;
  --form-input-bg: #323952;
  --form-input-border: #606d8c;
  --form-input-color: #ffffff;
  --modal-title-color: #fff;
  --card-part-color: #fff;
  --card-part-border: #424f73;
  --card-border-color: #404961;
  --card-bg-color: #222c46;
  --card-color: #fff;
  --card-head-background: #1c2437;
  --card-head-status-selected-bg: #2f3851;
  --card-head-status-selected-color: #787d8f;
  --card-textareas-bg: #2f3851;
  --card-textareas-color: #fff;
  --events-status-bg: #1c2335;
  --events-status-color: #757f98;
  --events-call-bg: #1c2335;
  --events-call-color: #fff;
  --events-call-system-bg: #28344e;
  --events-system-bg: #1c2335;
  --events-system-color: #fff;
  --events-comment-bg: #364161;
  --events-comment-type-bg: #3c4867;
  --events-comment-bgHover: #38415a;
  --events-comment-color: #fff;
  --events-day-bg: #4f68a9;
  --events-day-color: #fff;
  --btn-background: #6a6488;
  --btn-color: #fff;
  --btn-border-color: #5b657c;
  --btn-background-hover: #ffffff29;
  --btn-color-hover: #fff;
  --contacts-bg: #1b2337;
  --contacts-border: #222c46;
  --contacts-color: #fff;
  --std-head-bg: #3b2e5a;
  --std-head-color: #fff;
  --sc-head-back-bg: #ffffff0a;
  --sc-head-back-bg-hover: #ffffff1a;
  --std-newmodal-title-bg: #1c2437;
  --std-newmodal-title-color: #fff;
  --realtor-modal-nav-color-active: #fff;
  --realtor-modal-nav-border: #343c54;
  --realtor-modal-item-bg: #2f3b58;
  --realtor-modal-item-bg-hover: #36466f;
  --form-contol-disabled-bg: #2e3546;
  --form-contol-disabled-border: #3b4661;
  --std-filters-area-bg: #323d5a;
  --button-background-hover: #425177;
  --button-background: #2f3b58;
  --button-border: #434d6b;
  --button-border-hover: #204d74;
  --input-group-addon-bg: #22283a;
  --ui-select-area-bg: #2f3851;
  --ui-select-area-border: #606d8c;
  --settings-content-project-input-placeholder-color: #fff;
  --std-modal-closer2-border: #283454;
  --std-modal-closer2-border-hover: #3b2e5a;
  --form-control-bg: #3b2e5a;
  --ui-select-dropdown-menu-bg: #2f3851;
  --ui-select-dropdown-menu-color: #fff;
  --ui-select-dropdown-menu-bg-hover: #54437b;
  --settings-color-picker-bg: #2f3851;
  --a-link-color: #fff;
  --a-link--border: rgba(255, 255, 255, 0.4);
  --s-tasks-input: #ffffff0f;
  --table-tr-border: #38435f;
  --table-even-bg: #1c2437;
  --std-hr-border: #303a54;
  --sph-table-mi-price-text-shadow: 1px 1px #000000;
  --chess-flat-reserved: #5a6172;
}
body .view-light,
body .view-white {
  --btn-border-color: #afbad6;
  --btn-background: #cdd7ec;
  --btn-color: #2f3442;
}
body .view-light {
  --chess-right-settings-input-color: #000;
}
body .view-white {
  --ui-select-dropdown-menu-bg: #d2dbf1;
  --ui-select-dropdown-menu-color: #333;
  --ui-select-dropdown-menu-bg-hover: #54437b;
  --chess-right-settings-input-color: #333;
}
body .view-white .std-btn:hover {
  color: #293853;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.5), 0px -4px 14px -4px rgba(0, 0, 0, 0.15);
}
body .view-white a.link {
  --a-link-color: #333;
  --a-link--border: rgba(0, 0, 0, 0.4);
}
body.theme-white,
body .view-light {
  --inverse: #000;
  --inverse-midlight: #838896;
  --inverse-superlight: #b7bcc8;
  --calendar-border: #aaafbb;
  --disabled-bg: #dadce1;
  --disabled-border: #b9bdc9;
  --remove-bg: #f3d9d9;
  --remove-color: #ae3034;
  --warning-color: #c1920e;
  --light-area-bg: #d8dceb;
  --teal-color: #00abde;
  --viewitem-border-color: #778197;
  --sph-table-mi-price-text-shadow: none;
  --form-control-placeholder-color: #bcc5dd;
  --chess-flat-reserved: #868d9d;
  --std-hr-border: #8d98b1;
  --standart-bd: #e6eaf4;
  --standart-color: #444a5b;
  --standart-color-11: #444a5b11;
  --standart-color-33: #444a5b33;
  --standart-color-66: #444a5b66;
  --standart-color-99: #444a5b99;
  --standart-color-aa: #444a5baa;
  --standart-color-cc: #444a5bcc;
  --standart-border: #c1c6d1;
  --standart-color-rgb: 68, 74, 92;
  --sc-head-back-bg: #ffffff7a;
  --sc-head-back-bg-hover: #ffffffeb;
  --s-tasks-input: #d2dbf1;
  --menu-background: #e7eaf4;
  --menu-nav-color: #333333;
  --border-dashed: #000;
  --loading-bg: #e6eaf4ba;
  --loading-color: #5e5e5e;
  --form-input-bg: #d2dbf1;
  --form-input-color: #000;
  --modal-title-color: #000;
  --card-part-color: #606273;
  --card-part-border: transparent;
  --card-bg-color: #E6EAF4;
  --card-border-color: #c6cddf;
  --card-color: #282226;
  --card-head-background: #e6eaf4;
  --card-head-status-selected-bg: #f7f7f7;
  --card-head-status-selected-color: #939eb9;
  --card-textareas-bg: #fff;
  --card-textareas-color: #000;
  --events-status-bg: #c5cede;
  --events-status-color: #153658;
  --events-call-bg: #f6f9ff;
  --events-call-color: #000;
  --events-call-system-bg: #e6eaf4;
  --events-system-bg: #dcdfe7;
  --events-system-color: #4c5260;
  --events-comment-bg: #f6f9ff;
  --events-comment-type-bg: transparent;
  --events-comment-bgHover: #d2dbed;
  --events-comment-color: #000;
  --events-day-bg: #d3ebff;
  --events-day-color: #47484c;
  --btn-background: #c7cfe4;
  --btn-color: #283752;
  --btn-background-hover: #bac7e7;
  --btn-color-hover: #000;
  --contacts-bg: #c7cfe5;
  --contacts-border: #e6eaf4;
  --contacts-color: #444;
  --std-newmodal-title-bg: #e6eaf4;
  --std-newmodal-title-color: #333;
  --realtor-modal-nav-color-active: #606d8c;
  --realtor-modal-nav-border: #c6cddf;
  --realtor-modal-item-bg: #c7cfe5;
  --realtor-modal-item-bg-hover: #b5c0de;
  --form-contol-disabled-bg: #b2b8c7;
  --form-contol-disabled-border: #b2b8c7;
  --std-filters-area-bg: #d5dbe8;
  --button-background-hover: #ffffffc4;
  --button-background: #bbc9eb;
  --button-border: #c7cfe5;
  --button-border-hover: #ffffffc4;
  --input-group-addon-bg: #e6eaf4;
  --ui-select-area-bg: #d2dbf1;
  --ui-select-area-border: #8d97b1;
  --settings-content-project-input-placeholder-color: #333;
  --std-modal-closer2-border: #aab5d0;
  --std-modal-closer2-border-hover: #747f9b;
  --form-control-bg: #d2dbf1;
  --ui-select-dropdown-menu-bg: #d2dbf1;
  --ui-select-dropdown-menu-color: #333;
  --ui-select-dropdown-menu-bg-hover: #54437b;
  --settings-color-picker-bg: #c7cfe5;
  --a-link-color: #333;
  --a-link--border: rgba(0, 0, 0, 0.4);
  --table-tr-border: #bec4d1;
  --table-even-bg: #dee3f0;
}
body.theme-white section[class^="s-reports-"] h1 a,
body .view-light section[class^="s-reports-"] h1 a {
  color: #336;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
body.theme-white section[class^="s-reports-"] h1 a:hover,
body .view-light section[class^="s-reports-"] h1 a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
body.theme-white .bg-theme,
body .view-light .bg-theme {
  background-color: #e6eaf4;
}
body.theme-white .custom-scrollbar::-webkit-scrollbar-track,
body .view-light .custom-scrollbar::-webkit-scrollbar-track {
  background: #d0d5e2;
}
body.theme-white .custom-scrollbar::-webkit-scrollbar-thumb,
body .view-light .custom-scrollbar::-webkit-scrollbar-thumb {
  background: #a5afc8;
}
body.theme-white .form-control::placeholder,
body .view-light .form-control::placeholder,
body.theme-white .input textarea::placeholder,
body .view-light .input textarea::placeholder {
  color: #8a94ac;
}
body.theme-white .std-modal .form-control,
body .view-light .std-modal .form-control {
  box-shadow: none;
}
body.theme-white .std-lineloader,
body .view-light .std-lineloader {
  background: #c5cede !important;
}
body.theme-white .std-lineloader:after,
body .view-light .std-lineloader:after {
  background: #c5cede !important;
}
body.theme-white .std-modal-area-closer,
body .view-light .std-modal-area-closer {
  background-color: #d6e2ffab;
}
body.theme-white .std-modal-area-closer i,
body .view-light .std-modal-area-closer i {
  color: #e5ecff;
}
body.theme-white .std-btn-question,
body .view-light .std-btn-question {
  opacity: 0.5;
}
body.theme-white .bookModal .bm-part-title,
body .view-light .bookModal .bm-part-title {
  margin: 40px 0 20px;
  padding: 0;
}
.pointer {
  cursor: pointer;
}
.view-light {
  background-color: #e6eaf4;
}
.view-light .c-isactive {
  background-color: #cccfd6;
}
.view-light a.link {
  color: #000;
  border-color: #0004;
}
.view-light-inputs input.form-control[type="text"],
.view-light-inputs textarea.form-control {
  background: #d1dbf1;
  border-color: #8d97b1;
}
body.theme-white {
  background: #e8eaf4 !important;
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.view-white .c-interval-selecter input.form-control,
.view-light .c-interval-selecter input.form-control {
  border: 1px solid var(--form-input-border);
  background: #d2dbf1;
  height: 34px;
  line-height: 32px;
  padding: 0 2px 0 12px;
  cursor: pointer;
  position: relative;
  z-index: 45;
  color: var(--select-color);
  border-radius: 2px;
  border: 1px solid #8D97B1;
  color: #333;
}
.view-white .std-filters-area,
.view-light .std-filters-area {
  background-color: #d5dbe8;
}
.view-white .std-filters-area .std-fa-item .std-fa-label,
.view-light .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.view-white .std-nores,
.view-light .std-nores {
  color: #30394a;
}
.view-white .std-table-area > table th,
.view-light .std-table-area > table th {
  opacity: 1;
}
.view-white .std-table-area tbody tr,
.view-light .std-table-area tbody tr {
  transition: 0.3s;
}
.view-white .std-table-area tbody tr:hover,
.view-light .std-table-area tbody tr:hover {
  background-color: #dee4f2;
}
.view-white .classic-table th,
.view-light .classic-table th {
  color: #7e8aa9;
}
.view-white .std-summary-stat,
.view-light .std-summary-stat {
  border-bottom: 1px solid #c1c8d6;
  color: #30394a;
  margin: 0 -30px;
  padding: 20px 30px;
  margin-bottom: 30px;
}
.white .c-interval-selecter input.form-control {
  border: 1px solid var(--form-input-border);
  background: #d2dbf1;
  color: var(--select-color);
  border: 1px solid #8D97B1;
  color: #333;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
  pointer-events: none !important;
}
.shr-view {
  display: flex;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .shr-view {
    margin-left: 5px;
  }
}
.std-purple-tabs-area-links {
  background: var(--std-nav-tabs-bg);
  border-top: 1px solid var(--clif-border);
  height: 45px;
  display: flex;
  padding: 0 0 0 30px;
  align-items: end;
}
.std-purple-tabs-area-links > a {
  color: var(--chess-edit-navtabs-color);
  margin-right: 20px;
  padding: 0 0 10px;
  margin-bottom: 1px;
  border-bottom: 3px solid transparent;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-decoration: none;
  transition: 0.3s;
}
.std-purple-tabs-area-links > a.active {
  border-bottom-color: var(--chess-edit-navtabs-active-border-bottom);
  color: var(--chess-edit-navtabs-active-color);
  pointer-events: none;
}
.std-purple-tabs-area-links > a::hover {
  opacity: 0.6;
  cursor: pointer;
}
.std-right-modal-desc {
  margin-bottom: 20px;
}
.std-right-modal-closer {
  position: absolute;
  right: 10px;
  top: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  opacity: 0.3;
  transition: 0.3s;
}
.std-right-modal-closer:hover {
  opacity: 1;
  cursor: pointer;
}
.std-edit-title-btn {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  display: inline-block;
  opacity: 0.3;
  margin-left: 4px;
  transition: 0.3s;
}
.std-edit-title-btn:hover {
  opacity: 1;
  cursor: pointer;
}
.std-edit-title-btn:before {
  content: "\f044";
}
.std-modal-item {
  background-color: var(--realtor-modal-item-bg);
  transition: 0.2s;
}
.std-modal-item:hover {
  background-color: var(--realtor-modal-item-bg-hover);
  cursor: pointer;
}
.color-inverse {
  color: var(--inverse);
}
.std-right-modal {
  padding: 30px;
  z-index: 10;
  position: relative;
  background: var(--card-bg-color);
  border-left: 1px solid #2f3a56;
  min-height: 100vmin;
  overflow: auto;
}
.std-right-modal-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.std-newmodal-title {
  height: 71px;
  border-bottom: 1px solid var(--realtor-info-border);
  margin: -30px -30px 0;
  padding: 0 30px;
  font-size: 20px;
  color: var(--std-newmodal-title-color);
  line-height: 70px;
  position: relative;
  background: var(--std-newmodal-title-bg);
}
.std-newmodal-title .desc {
  font-size: 14px;
  opacity: 0.6;
}
.std-newmodal-title.--desc {
  line-height: 25px;
  padding-top: 10px;
  font-size: 18px;
}
.std-newmodal-title .right {
  top: 12px;
  position: absolute;
  right: 30px;
  z-index: 2;
}
.std-newmodal-h {
  font-size: 20px;
  margin: 50px 0 20px;
  color: #7d8496;
}
.std-newmodal-h:first-child {
  margin-top: 0;
}
.std-newmodal-section {
  margin-bottom: 50px;
}
.std-integration-settings {
  margin-top: 15px;
}
.std-integration-saver {
  margin-top: 18px;
}
.std-integration-setting {
  display: flex;
  margin-top: 5px;
  margin-bottom: 0px;
}
.std-integration-setting > span {
  margin-left: 15px;
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
}
.modal-lg {
  min-width: 900px;
}
.std-comment-area {
  position: relative;
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  border: 1px solid var(--form-input-border);
  border-radius: 10px;
}
.std-comment-area .input {
  margin-right: 0px;
  display: block;
  font-weight: normal;
  padding-top: 28px;
  position: relative;
}
.std-comment-area .input span {
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 12px;
  opacity: 1;
  color: #7a7f8f;
}
.std-comment-area .input textarea {
  min-height: 55px;
  max-height: 180px;
  display: block;
  width: 100%;
  border: none;
  padding: 2px 15px 0px 15px;
  color: var(--form-input-color);
  resize: none;
  border-radius: 10px;
  background-color: #0000;
  outline: none !important;
  box-shadow: none !important;
  overflow: auto;
}
.std-comment-area .btnSent {
  position: absolute;
  right: 0px;
  bottom: -45px;
  height: 34px;
  opacity: 0.2;
  visibility: hidden;
  transition: 0.2s;
  transform: scale(0.6);
  transform-origin: 100% 50%;
}
.std-comment-area .btnSent.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.std-comment-area .btnSent button {
  outline: none;
  color: #fff;
  font-size: 10px;
  float: right;
  padding: 6px 20px;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  border: none;
  box-shadow: none;
}
.std-comment-area .btnSent button.btnSent-send {
  background-color: #0c8240;
}
.std-comment-area .btnSent button.btnSent-cancel {
  background-color: transparent;
  padding: 6px 10px;
  color: var(--inverse);
}
.fc span.fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion.fc-scrollgrid-sync-inner {
  font-size: 10px;
  white-space: nowrap;
}
.fc .fc-timegrid-slot {
  font-size: 12px;
  color: #8790a9;
}
.fc .fc-timegrid-slot[data-time="01:00:00"],
.fc .fc-timegrid-slot[data-time="02:00:00"],
.fc .fc-timegrid-slot[data-time="03:00:00"],
.fc .fc-timegrid-slot[data-time="04:00:00"],
.fc .fc-timegrid-slot[data-time="05:00:00"],
.fc .fc-timegrid-slot[data-time="06:00:00"],
.fc .fc-timegrid-slot[data-time="07:00:00"],
.fc .fc-timegrid-slot[data-time="08:00:00"],
.fc .fc-timegrid-slot[data-time="09:00:00"],
.fc .fc-timegrid-slot[data-time="10:00:00"],
.fc .fc-timegrid-slot[data-time="11:00:00"],
.fc .fc-timegrid-slot[data-time="12:00:00"],
.fc .fc-timegrid-slot[data-time="13:00:00"],
.fc .fc-timegrid-slot[data-time="14:00:00"],
.fc .fc-timegrid-slot[data-time="15:00:00"],
.fc .fc-timegrid-slot[data-time="16:00:00"],
.fc .fc-timegrid-slot[data-time="17:00:00"],
.fc .fc-timegrid-slot[data-time="18:00:00"],
.fc .fc-timegrid-slot[data-time="19:00:00"],
.fc .fc-timegrid-slot[data-time="20:00:00"],
.fc .fc-timegrid-slot[data-time="21:00:00"],
.fc .fc-timegrid-slot[data-time="22:00:00"],
.fc .fc-timegrid-slot[data-time="23:00:00"] {
  color: #fff;
}
.fc .fc-daygrid-event.type-1 .fc-daygrid-event-dot {
  border-color: #716556;
}
.fc .fc-daygrid-event.type-2 .fc-daygrid-event-dot {
  border-color: #444e6b;
}
.fc .fc-daygrid-event.type-3 .fc-daygrid-event-dot {
  border-color: #3450b9;
}
.fc .fc-timegrid-event,
.fc .fc-daygrid-block-event {
  box-shadow: 0 0 2px 0px #000000;
  border: none;
}
.fc .fc-timegrid-event .fc-event-main,
.fc .fc-daygrid-block-event .fc-event-main {
  padding: 3px 5px 0;
}
.fc .fc-timegrid-event.type-1,
.fc .fc-daygrid-block-event.type-1 {
  background-color: #716556;
}
.fc .fc-timegrid-event.type-2,
.fc .fc-daygrid-block-event.type-2 {
  background-color: #444e6b;
}
.fc .fc-timegrid-event.type-3,
.fc .fc-daygrid-block-event.type-3 {
  background-color: #3450b9;
}
.fc .fc-timegrid-event.completed,
.fc .fc-daygrid-block-event.completed {
  background-color: #24891d;
}
.fc .fc-timegrid-event.counts,
.fc .fc-daygrid-block-event.counts {
  text-align: center;
}
.fc a {
  color: #fff;
  text-decoration: none;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  height: 36px;
  background: #444e6b;
}
.fc .fc-col-header-cell.fc-day {
  background: #323c58;
  font-weight: normal;
  text-transform: capitalize;
  font-size: 12px;
  letter-spacing: 2px;
  color: #4d5f92;
  line-height: 22px;
  border-right-color: #0000;
}
.fc .fc-col-header-cell.fc-day a {
  color: #9aa3bb;
}
.fc .fc-toolbar-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 5px;
}
@media only screen and (max-width: 767px) {
  .fc .fc-toolbar-title {
    font-size: 12px;
    letter-spacing: 2px;
  }
}
.fc .fc-button {
  height: 36px;
  background-color: #0000 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  min-width: 70px;
}
.fc .fc-button .fc-icon {
  font-size: 30px;
}
@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
.leaflet-control-attribution {
  display: none !important;
}
.disabled-opacity {
  opacity: 0.2;
  pointer-events: none;
}
.rub:after {
  content: '₽';
}
.rub.opacity:after {
  opacity: 0.4;
}
.std-chart {
  height: 420px;
}
.std-chart.--6 {
  height: 350px;
}
.ng-cloak {
  display: none;
}
.std-modal-subtitle {
  margin: 20px 0 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}
.std-analytic-title-desc {
  float: right;
  opacity: 0.3;
  font-size: 75%;
  margin-top: 14px;
}
.std-analytic-title-inside {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 3px;
  margin-bottom: 6px;
}
.std-calendar-big .btn-group-sm > .btn,
.std-calendar-big .btn-sm {
  padding: 10px 10px;
  font-size: 13px;
}
.std-analytic-count {
  font-size: 26px;
  margin-left: -1px;
}
.std-analytic-count.--sm {
  font-size: 18px;
  margin-left: 0px;
  opacity: 0.6;
}
.std-analytic-count.--sm .sup {
  opacity: 1;
}
.std-analytic-count.--smw {
  font-size: 18px;
  margin-left: 0px;
  opacity: 1;
}
.std-analytic-count.--smw .sup {
  opacity: 1;
}
.std-analytic-count.--rb {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 18px;
}
.std-analytic-count .sup {
  font-weight: 300;
  opacity: 0.4;
  text-transform: uppercase;
  font-size: 50%;
  letter-spacing: 2px;
}
.std-analytic-area {
  padding: 20px 30px;
  background: #323d5a;
  border-radius: 10px;
  box-shadow: 0px 30px 30px -20px rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  position: relative;
  color: #fff;
}
.std-analytic-area-quest {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  opacity: 0.4;
}
.std-analytic-title {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.std-analytic-tirs {
  display: inline-block;
  width: 30px;
  width: 40px;
  text-align: right;
  font-weight: bold;
}
.std-analytic-table-item {
  display: flex;
  justify-content: space-between;
  margin: 7px 0;
}
.std-analytic-table-item:first-child {
  margin-top: 0;
}
.std-analytic-table-item:last-child {
  margin-bottom: 0;
}
.modal-backdrop {
  /*backdrop-filter: blur(5px);*/
}
.color-picker-wrapper .color-picker-swatch:not(.input-group-addon) {
  height: auto;
  bottom: 0px;
  border-color: #606d8c;
  top: 0px;
  width: 33px;
  border-radius: 3px 0 0 3px;
}
.color-picker-wrapper .color-picker-panel .color-picker-actions .color-picker-action {
  width: auto;
  color: #545454;
  font-size: 13px;
  padding: 4px 19px;
}
.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-left {
  left: 0;
}
.std-select-nochoises {
  color: #9b9b9b;
  padding: 10px 20px;
  font-size: 12px;
}
.std-footer {
  padding: 15px 18px 14px;
  text-align: right;
  border-top: 1px solid #242f46;
  background: #151e31;
}
.std-footer .btn.btn-default {
  background-color: #0000 !important;
  color: #fff !important;
  border: none;
  font-weight: 500;
  height: 36px;
  padding: 7px 11px;
}
.std-footer .btn.btn-default i {
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.std-content-head {
  padding: 10px 0 30px;
}
.marker-pin {
  background-color: #3b2e5aab;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  line-height: 46px;
  text-align: center;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 1px 5px #000;
  border: 2px solid #341f65;
}
.cus-floor {
  text-align: center;
}
.cus-flat {
  width: 26px;
  height: 26px;
  background-color: #1f7d3c;
  display: inline-block;
  margin: 2px;
}
.form-control-placeholder {
  line-height: 34px;
}
body {
  min-height: 100vh;
  background: #3b2e5a url(../images/bg.jpg) center no-repeat;
  background-size: cover;
}
body.theme-white {
  background: #e6e6ea url(../images/crane-2.jpg) center no-repeat;
}
body.theme-white .sc-head.--color {
  background-color: #dbe7f6;
  color: #000;
}
body.theme-white .light-background .shr-viewitem {
  color: #58616d !important;
  border-color: var(--form-input-border);
}
body.theme-white .light-background .shr-viewitem:hover {
  border-color: #97abc5;
  background-color: #d0dff2;
}
body.theme-white .light-background h1 {
  font-weight: 400;
  color: #697a90;
}
body.theme-white .sph-table .spht-floor-title {
  color: #000 !important;
}
body.theme-white .sph-table .spht-flat.--solded {
  background-color: #c9d0dc;
  color: #666f86;
}
body.theme-white .sph-table .spht-flat.--oformlenie {
  background-color: #4b71c9;
}
body.theme-white .sph-table .spht-flat.--booked {
  background-color: #e2b434;
}
body.theme-white .sph-table .spht-flat.--nobook {
  background: repeating-linear-gradient(-45deg, #e1c373, #b29950 0px, #c1a96f 2px, #9c8438 6px);
}
.color-hl {
  color: var(--teal-color);
}
.popover {
  max-width: 320px;
}
.std-password {
  font-family: monospace;
}
.copy-link-container {
  border: 1px solid #606d8c;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.06);
  width: fit-content;
  font-size: 12px;
  word-break: break-all;
}
.std-other-title {
  margin: 50px 0 30px;
  font-size: 18px;
  border-bottom: 1px solid #424f73;
  color: #616d8e;
  padding: 0 0 10px;
}
.std-other-title.--first {
  margin-top: 0;
}
.std-other-title.--1 {
  margin: 10px 0 12px;
}
.ssflex {
  display: flex;
  min-height: 100vmin;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.ssflex-left {
  min-width: 260px;
  max-width: 260px;
  background: var(--ssflex-left-bg);
  font-size: 14px;
  border-right: 1px solid var(--ssflex-left-border);
  position: relative;
}
.ss-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
}
.ss-list hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #3e4f77;
}
.std-maxcontent {
  width: 900px;
}
.std-maxcontent.--md {
  width: 700px;
}
.std-maxcontent.--more {
  width: 1000px;
}
.ssflex-right {
  overflow: auto;
  position: absolute;
  left: 260px;
  top: 0;
  bottom: 0;
  right: 0;
}
.ssflex-right .std-content {
  width: 900px;
}
.ssflex-right .std-content.width-auto {
  width: auto;
}
.ssflex-right .std-view {
  width: 100%;
}
.ss-list-title {
  color: var(--ss-list-title-color);
  font-weight: bold;
  height: 65px;
  font-size: 16px;
  padding-top: 8px;
  background: var(--ss-list-title-bg);
  margin: 0px 0px 0;
  line-height: 65px;
  padding: 0 0 0 25px;
}
.ss-list-title i {
  margin-right: 10px;
}
.ss-list-item {
  margin: 0 0px;
}
.ss-list-item a {
  border: none;
  text-decoration: none;
  color: var(--ss-list-title-color);
  height: 40px;
  line-height: 40px;
  display: block;
  padding: 0 20px 0 25px;
  transition: 0.2s;
  cursor: pointer;
}
.ss-list-item a:hover {
  background: var(--ss-list-item-bg-hover);
}
.ss-list-item a.active {
  pointer-events: none;
  border-bottom: none;
  color: var(--ss-list-title-color);
  background-color: var(--ss-list-item-bg-active);
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.modal-backdrop.in {
  opacity: 0.9;
  background-color: #1a1f2d;
}
@media only screen and (max-width: 767px) {
  .ui-select-container .ui-select-search,
  .ui-select-container .ui-select-focusser {
    visibility: hidden;
  }
}
.translate-3d {
  transform: translate3d(0, 0, 0);
}
body .modal {
  /*&.fade {*/
  /*}*/
}
body .modal .modal-dialog {
  /*transform: translate(0, -100px) scale(0.7);*/
  /*transform: translate(0, 0) scale(1);*/
  transform: none;
}
@media only screen and (max-width: 767px) {
  body .modal .modal-dialog {
    max-width: 100%;
    margin: 0;
    padding: 0px;
  }
}
body .modal.in .modal-dialog {
  transform: none;
  /*transform: translate(0, 0) scale(1);*/
}
.std-right-settings {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: space-between;
  left: 0;
}
.std-right-settings .srs-body {
  overflow: auto;
  padding: 30px;
}
.std-right-settings .srs-body-flex {
  overflow: auto;
  padding: 30px;
  height: 100%;
}
.std-right-settings .srs-footer {
  background: var(--card-bg-color);
  padding: 10px 30px;
}
.std-right-settings .srs-footer .btn-link {
  color: #fff;
  text-decoration: none;
}
.std-right-settings .srs-footer-flex {
  background: #2d3750;
  border-top: 1px solid #394563;
  display: flex;
}
.std-right-settings .srs-footer-flex .btn {
  background-color: #0000;
  line-height: 50px;
  padding: 0;
  border-radius: 0px;
  color: #fff;
  margin-top: 0px;
}
.std-right-settings .srs-footer-flex .btn.--apply {
  background-color: #626c88;
}
.std-right-settings .vsd-item {
  margin-top: 5px;
  margin-bottom: 5px;
}
.std-right-settings .vsd-item-flex {
  display: flex;
  justify-content: space-between;
}
.std-right-settings .vsd-item-flex .vsd-item-title {
  margin-right: 10px;
}
.std-right-settings .vsd-item-title {
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: block;
}
.std-right-settings .vsd-title {
  font-size: 16px;
  opacity: 0.4;
  margin: 30px 0 15px;
}
.std-right-settings .vsd-title:first-child {
  margin-top: 0;
}
.std-error-area {
  background-color: #1b2338;
  padding: 20px 30px 20px 61px;
  color: #fff;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  border-left: 10px solid #fff48f;
}
.std-error-area > i {
  position: absolute;
  left: 20px;
  top: 17px;
  font-size: 26px;
}
.std-error-area p:last-child {
  margin-bottom: 0;
}
.std-error-area.passive {
  display: none;
}
.std-error-area.passive.active {
  display: block;
}
.std-error-area-2 {
  background-color: #1b2338;
  padding: 15px 20px 15px 51px;
  color: #fff;
  display: inline-block;
  position: relative;
  border-radius: 5px;
}
.std-error-area-2 > i {
  position: absolute;
  left: 17px;
  top: 17px;
  font-size: 20px;
}
.std-error-area-2 p:last-child {
  margin-bottom: 0;
}
.std-error-area-2.passive {
  display: none;
}
.std-error-area-2.passive.active {
  display: block;
}
.form-group.--toggler {
  display: flex;
  justify-content: space-between;
}
.form-group.--toggler label {
  line-height: 27px;
  margin: 0;
  font-size: 13px !important;
  color: #c0c5d4 !important;
}
.form-group.--toggler [toggler] {
  margin-left: 10px;
}
.req:after {
  content: '*';
  color: #f00;
  font-size: 18px;
  line-height: 10px;
  top: 1px;
  left: -2px;
}
.relative {
  position: relative;
}
.question:after {
  content: '?';
  color: #f00;
  font-size: 11px;
  top: 1px;
  margin-left: 5px;
  border: 1px solid;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 12px;
  font-weight: bold;
}
.std-gray {
  opacity: 0.4;
}
body.theme-white .std-gray {
  opacity: 0.6;
}
.std-view {
  width: 960px;
}
.ta-r {
  text-align: right;
}
.ta-l {
  text-align: left;
}
.ta-c {
  text-align: center;
}
.btn-icon-pre i {
  margin-right: 6px;
}
form.std-valid .ng-touched.ng-invalid {
  border-color: #a94141;
  background-color: #583c3c;
}
.std-editbtn {
  position: fixed;
  bottom: 27px;
  right: 22px;
  color: #c7cbda;
  padding: 0px 15px 0 33px;
  border-radius: 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 22;
  transition: 0.2s;
  text-transform: uppercase;
  font-size: 11px;
  height: 36px;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .std-editbtn {
    padding: 0px 10px 0 33px;
    bottom: 0;
    right: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: 25;
  }
}
.std-editbtn i {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 36px;
  width: 36px;
  text-align: center;
}
.std-editbtn:hover {
  background: #ff2;
  cursor: pointer;
}
.std-editbtn.--black {
  background: #333656;
}
.std-editbtn.--black:hover {
  background: #3a3e5f;
}
.dropdown-header,
.dropdown-menu > li > a {
  padding: 3px 13px;
  opacity: 0.5;
  font-size: 14px;
  color: #1a2258;
  margin-bottom: 6px;
  font-weight: bold;
}
.padding-20-30 {
  padding: 20px 30px;
}
.padding-30 {
  padding: 30px;
}
.std-editview-area {
  color: var(--inverse);
  position: fixed;
  z-index: 37;
  right: 0;
  width: 380px;
  border-radius: 20px 0 0 20px;
  background: #e6eaf4;
  border-left: 1px solid #c5cce0;
  top: 13px;
  bottom: 13px;
  padding: 30px;
  transition: 0.3s;
  transform: translateX(110%);
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.std-editview-area.extended {
  width: 650px;
}
.std-editview-area.extended .srs-footer {
  display: flex;
  align-items: center;
}
.std-editview-area.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  z-index: 400;
}
.shr-separator {
  line-height: 37px;
  font-size: 26px;
  opacity: 0.2;
  margin-left: 10px;
}
a.shr-viewitem:hover {
  color: inherit;
}
.shr-viewitem {
  transition: 0.2s;
  padding: 0px 11px;
  height: 36px;
  line-height: 34px;
  white-space: nowrap;
  border: 1px solid var(--viewitem-border-color);
  margin-right: -1px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 11px;
  color: var(--standart-color);
  text-decoration: none !important;
  position: relative;
}
.shr-viewitem.disabled {
  opacity: 0.8;
  background-image: linear-gradient(-45deg, #fff2 25%, transparent 25%, transparent 50%, #fff2 50%, #fff2 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.shr-viewitem.warning {
  border-color: #ffde18;
  background: #ffd50026;
}
.shr-viewitem.--grad {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%) !important;
  border: none !important;
  color: #fff !important;
  padding-top: 1px;
}
.shr-viewitem.--fix34 {
  width: 34px;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .shr-viewitem {
    font-size: 10px;
  }
}
.shr-viewitem.--more {
  padding: 0px 8px;
  position: relative;
}
.shr-viewitem.--filter {
  display: flex;
  align-items: center;
}
.shr-viewitem > i {
  font-size: 14px;
}
.shr-viewitem:hover {
  cursor: pointer;
  background-color: var(--standart-color-11);
  border: 1px solid var(--standart-color-66);
}
.shr-viewitem.active {
  background-color: var(--standart-color-33);
  border-color: var(--standart-color);
  z-index: 2;
}
.shr-viewitem.active.--my {
  background: #97377e !important;
  color: #fff !important;
}
.shr-viewitem.active:not(.--filter) {
  pointer-events: none;
}
.shr-viewitem:first-child {
  border-radius: 10px 0 0 10px;
}
.shr-viewitem:last-child,
.shr-viewitem.--last {
  border-radius: 0 10px 10px 0 !important;
}
.shr-viewitem:only-child,
.shr-viewitem.--one {
  border-radius: 10px !important;
}
.shr-viewitem:last-child.shr-viewitem:first-child {
  border-radius: 10px !important;
}
.shr-viewitem:hover {
  cursor: pointer;
}
.shr-viewitem-more-list {
  position: absolute;
  right: 0;
  top: 100%;
  padding: 10px 0;
  width: 200px;
  z-index: 22;
  border: 1px solid #394563;
  background: #262e46;
  margin-top: 0px;
  color: #fff;
  box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 0.3s;
}
.shr-viewitem-more-list.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.shr-viewitem-more-list-item {
  line-height: 30px;
  padding: 0 15px;
  transition: 0.3s;
}
.shr-viewitem-more-list-item:hover {
  cursor: pointer;
  background-color: #363f5a;
}
.std-section.std-section--inverse {
  background-color: #222c46;
  color: #fff;
  min-height: 100vmin;
}
.std-section.std-section--inverse .form-group label {
  color: #7a8090;
  font-size: 13px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.std-section.std-section--inverse .form-group input:not(.ui-select-search-hidden) {
  background: #fdfeff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  background-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  border: 1px solid #606d8c;
  border-radius: 4px;
}
.std-section.std-section--inverse .form-group input.form-control:not(.ui-select-toggle):not(.ui-select-search-hidden),
.std-section.std-section--inverse .form-group select.form-control:not(.ui-select-toggle):not(.ui-select-search-hidden) {
  background: #fdfeff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  background-color: rgba(255, 255, 255, 0.06);
  color: var(--settings-content-project-input-placeholder-color);
  border: 1px solid #606d8c;
  border-radius: 4px;
}
.std-section.std-section--inverse .form-group textarea.form-control {
  outline: none;
  box-shadow: none;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.06);
  color: var(--settings-content-project-input-placeholder-color);
  border: 1px solid #606d8c;
  border-radius: 4px;
}
.std-section.std-section--inverse .ui-select-search-hidden {
  height: 0px;
}
.std-section.std-section--inverse .sub-tabs-body {
  background-color: rgba(255, 255, 255, 0.06);
  padding: 30px;
}
.std-section.std-section--inverse .table > tbody > tr > td,
.std-section.std-section--inverse .table > tbody > tr > th,
.std-section.std-section--inverse .table > tfoot > tr > td,
.std-section.std-section--inverse .table > tfoot > tr > th,
.std-section.std-section--inverse .table > thead > tr > td,
.std-section.std-section--inverse .table > thead > tr > th {
  border-top: 1px solid var(--table-tr-border);
}
.table.--pad0 td,
.table.--pad0 th {
  padding-left: 0;
  padding-right: 0;
}
.highcharts-credits {
  display: none !important;
}
.std-nores {
  font-size: 14px;
  text-align: center;
  padding: 40px;
  letter-spacing: 0.4px;
}
.std-nores.--min {
  width: 400px;
}
input.--hidearrows::-webkit-outer-spin-button,
input.--hidearrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input.--hidearrows[type=number] {
  -moz-appearance: textfield;
}
.btn-inverse {
  background-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  border: 1px solid #606d8c;
}
.like-link {
  color: #486a94;
  cursor: pointer;
  text-decoration: underline;
}
.input-low-padding .form-control {
  padding-left: 5px;
  padding-right: 5px;
}
.opacity3 {
  opacity: 0.3;
}
.opacity5 {
  opacity: 0.5;
}
.pink-text {
  color: #ffc3c3;
}
.text-red {
  color: #ff7c7c;
}
.classic-table {
  width: 100%;
}
.classic-table.--fixed {
  table-layout: fixed;
}
.classic-table tr:nth-child(even) {
  background-color: var(--table-even-bg);
}
.classic-table td,
.classic-table th {
  padding: 6px 3px;
}
.classic-table th {
  cursor: pointer;
  color: #616d8e;
}
.bg-flat-free {
  background-color: #0c8240;
}
.bg-flat-closed {
  background-color: #d2d2d2;
}
.bg-flat-tech {
  background-color: #8a681e;
}
.bg-flat-booked {
  background-color: #d69d00;
}
.bg-flat-oformlenie {
  background-color: #2f59bb;
}
.bg-flat-solded {
  background-color: #c9c9c9;
}
.nowrap {
  white-space: nowrap;
}
.h-transition {
  transition: 0.2s;
}
.d-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ml-15 {
  margin-left: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-30 {
  margin-bottom: 15px !important;
}
body .btn.btn-primary {
  background-color: #2296f3;
  border-color: #2296f3;
}
body .btn.btn-primary:hover {
  background-color: #486a94;
  border-color: #486a94;
}
.btn {
  outline: none !important;
}
.btn.btn-success {
  background-color: #0c8240;
  border-color: #0c8240;
}
.btn-loading {
  animation: blinking 1s infinite linear;
  pointer-events: none;
}
@keyframes blinking {
  from {
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0.5;
  }
}
.overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.std-loader-area {
  transition: 0.2s;
}
.std-loader-area.loading {
  opacity: 0.3;
  pointer-events: none;
}
.std-min-height-200 {
  min-height: 200px;
}
.std-loading-area {
  position: fixed;
  top: 50%;
  left: 50%;
  font-size: 44px;
  color: #853a76;
  pointer-events: none;
  width: 400px;
  height: 300px;
  background: radial-gradient(ellipse at center, rgba(133, 58, 118, 0.15) 0%, rgba(254, 254, 254, 0) 70%);
  transform: scale(0.6);
  text-align: center;
  line-height: 300px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  margin: -150px 0 0 -200px;
  z-index: 10;
}
.std-loading-area i {
  line-height: 300px;
}
.std-loading-area.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.std-tabs {
  font-weight: normal;
}
.std-tabs .nav.nav-tabs {
  border-bottom: 2px solid #f5f7ff;
  margin: 0px 0px 30px;
  z-index: 2;
  position: relative;
  padding: 0 0px;
}
.std-tabs .nav.nav-tabs i {
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .std-tabs .nav.nav-tabs {
    margin: 0 -15px 15px;
    padding: 0 15px;
  }
}
.std-tabs .nav.nav-tabs > li {
  margin-right: 20px;
  width: auto;
  float: left;
}
.std-tabs .nav.nav-tabs > li:last-child {
  margin-right: 0;
}
.std-tabs .nav.nav-tabs > li > a {
  background-color: rgba(0, 0, 0, 0);
  color: #13519e;
  font-weight: bold;
  padding: 0 0px;
  border: none;
  height: 43px;
  line-height: 40px;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.std-tabs .nav.nav-tabs > li.active > a {
  border: none;
  border-bottom: 4px solid #3b2e5a;
}
.std-tabs.--inverse .nav.nav-tabs {
  color: white;
  border-bottom: 2px solid var(--realtor-modal-nav-border);
}
.std-tabs.--inverse .nav.nav-tabs > li > a {
  color: #778098;
}
.std-tabs.--inverse .nav.nav-tabs > li.active > a {
  color: var(--realtor-modal-nav-color-active);
  border-bottom: 4px solid #606d8c;
}
.std-tabs.--color > .nav.nav-tabs {
  color: #fff;
  background: var(--std-nav-tabs-bg);
  border-bottom: 1px solid var(--clif-border);
  padding: 10px 30px 0;
  margin: 0px 0px 0;
  width: auto;
  border-top: 1px solid var(--clif-border);
  height: 55px;
}
@media print {
  .std-tabs.--color > .nav.nav-tabs {
    padding: 0px 0 0;
    margin-top: -15px;
    margin-bottom: -5px;
    border-bottom: none;
    border-top: none;
    height: auto;
  }
}
@media print {
  .std-tabs.--color > .nav.nav-tabs > li {
    display: none;
  }
}
.std-tabs.--color > .nav.nav-tabs > li > a {
  color: var(--chess-edit-navtabs-color);
  transition: 0.3s;
}
@media print {
  .std-tabs.--color > .nav.nav-tabs > li.active {
    display: block;
    font-size: 16px;
  }
}
.std-tabs.--color > .nav.nav-tabs > li.active > a {
  color: var(--chess-edit-navtabs-active-color);
  border-bottom: 4px solid var(--chess-edit-navtabs-active-border-bottom);
  position: relative;
}
.std-tabs.--color > .nav.nav-tabs > li.active > a:after {
  content: '';
  height: 1px;
  left: 0;
  right: 0;
  bottom: -5px;
  background-color: #fff;
}
.std-tabs.sub-tabs .nav.nav-tabs {
  opacity: 0.9;
  color: #0c376b;
  border-bottom: none;
}
.std-tabs.sub-tabs .nav.nav-tabs > li {
  margin: 0;
  padding: 0 10px;
  border: 2px solid white;
  border-bottom: 2px solid #f5f7ff;
}
.std-tabs.sub-tabs .nav.nav-tabs > li.active {
  border: 2px solid #f5f7ff;
  border-bottom: 2px solid white;
  padding: 0 10px;
  border-radius: 5px 5px 0 0;
  box-shadow: -3px -2px 4px rgba(0, 0, 0, 0.15);
}
.std-tabs.sub-tabs .nav.nav-tabs > li.active > a {
  border: none;
}
.std-tabs.sub-tabs.--inverse {
  border: none;
  margin: 0;
}
.std-tabs.sub-tabs.--inverse .nav.nav-tabs {
  margin: 0;
}
.std-tabs.sub-tabs.--inverse .nav.nav-tabs > li {
  margin: 0;
  border: none;
  background-color: rgba(255, 255, 255, 0);
}
.std-tabs.sub-tabs.--inverse .nav.nav-tabs > li.active {
  background-color: rgba(255, 255, 255, 0.06);
}
.std-tabs-black-content .nav.nav-tabs {
  border-bottom: 0px solid #545f7f;
  margin: 0px 0px 30px;
  z-index: 2;
  position: relative;
  padding: 0 0px;
}
@media only screen and (max-width: 767px) {
  .std-tabs-black-content .nav.nav-tabs {
    margin: 0 -15px 15px;
    padding: 0 15px;
  }
}
.std-tabs-black-content .nav.nav-tabs > li {
  width: auto;
}
.std-tabs-black-content .nav.nav-tabs > li > a {
  background-color: #0000;
  color: #838da7;
  padding: 0 30px;
  border: none;
  height: 43px;
  line-height: 40px;
  margin-bottom: -1px;
  border: 1px solid #4e5a7b;
  border-radius: 5px;
  margin-right: 10px;
}
.std-tabs-black-content .nav.nav-tabs > li.active > a {
  color: #fff;
  background: #4e5a7b;
}
.c-mobile-burger {
  height: 60px;
  width: 40px;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  background: #00000029;
  cursor: pointer;
  position: absolute;
  left: 0;
  display: block;
  z-index: 1;
  color: #fff;
}
.view-light .std-filters-area {
  background: #d5dbe8;
}
.std-head {
  background-color: var(--std-head-bg);
  color: var(--std-head-color);
  margin: 0px 0 0px;
  padding: 20px 30px;
  height: 65px;
}
@media only screen and (max-width: 767px) {
  .std-head {
    height: 60px;
    padding: 15px;
  }
}
.std-head.--white {
  background-color: #bbc6e1;
  color: #30384e;
}
.std-head.--white a {
  color: #30384e;
  border-bottom-color: #30384e;
}
.std-head.--flex {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.std-head.--flex .std-head-right {
  margin-left: auto;
}
.std-head.--flex h1 {
  margin-top: 0;
}
.std-head.--nopad {
  padding-left: 0;
  padding-right: 0;
}
.std-head.--nobg {
  background-color: transparent;
  color: var(--inverse) !important;
}
@media print {
  .std-head {
    padding-left: 0;
    padding-right: 0;
  }
}
.std-head .head-title {
  font-size: 18px;
  margin: 0px 0 0;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  float: left;
  line-height: 36px;
}
.std-head .head-title a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: 0.2s;
}
.std-head .head-title a:hover {
  border-bottom-color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.std-head h1 {
  font-size: 18px;
  margin: -6px 0 0;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  float: left;
  line-height: 36px;
}
.std-head h1 a {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: 0.2s;
}
.std-head h1 a:hover {
  border-bottom-color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.std-head .std-head-right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .std-head .std-head-right {
    position: relative;
    z-index: 1000;
    margin-top: 8px;
  }
}
.std-head .std-head-left {
  float: left;
  margin-left: 18px;
}
@media only screen and (max-width: 767px) {
  .std-head .std-head-left {
    float: none;
    margin: 0;
    padding: 10px 10px 10px 0px;
    text-align: center;
  }
}
.std-head .std-head-left .std-head-view {
  float: left;
  margin-left: 0;
  margin-right: 30px;
}
.std-head .std-head-view {
  float: right;
  display: flex;
  margin-left: 30px;
  margin-top: -3px;
}
.std-head .std-head-view .std-head-view-viewitem {
  border: 1px solid var(--form-button-border);
  padding: 4px 14px;
  margin-right: -1px;
  border-right: none;
  color: var(--form-button-light-color);
  text-decoration: none;
}
.std-head .std-head-view .std-head-view-viewitem:last-child {
  border-right: 1px solid var(--form-button-border);
}
.std-head .std-head-view .std-head-view-viewitem:hover {
  cursor: pointer;
}
.std-head .std-head-view .std-head-view-viewitem.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.std-head .std-head-view .std-head-view-viewitem.active:hover {
  cursor: default;
}
.std-head .std-head-view .std-head-view-viewitem:only-child {
  border-radius: 2px !important;
}
.std-head .std-head-view .std-head-view-viewitem:first-child {
  border-radius: 2px 0 0 2px;
}
.std-head .std-head-view .std-head-view-viewitem:last-child {
  border-radius: 0 2px 2px 0;
}
.std-head .std-refresh {
  margin-right: -1px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.62);
  text-align: center;
  border-radius: 4px;
  top: 1px;
  margin-left: 10px;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 300;
  line-height: 22px;
  padding: 0 14px 0 14px;
  letter-spacing: 2px;
  position: relative;
}
.std-head .std-refresh .count {
  position: absolute;
  right: 0;
  background-color: rgba(255, 255, 255, 0.15);
  width: 30px;
  text-align: center;
  padding: 0;
  font-weight: bold;
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 0px;
}
.std-head .std-refresh.--green {
  border-color: #64ffa5;
  color: #70ffa8;
  padding-right: 34px;
}
.std-table-area {
  margin-left: -15px;
  margin-right: -15px;
}
.std-table-area.p30 {
  margin-left: -30px;
  margin-right: -30px;
}
.std-table-area.p30 > table td:first-child,
.std-table-area.p30 > table th:first-child {
  padding-left: 30px;
}
.std-table-area.p30 > table td:last-child,
.std-table-area.p30 > table th:last-child {
  padding-right: 30px;
}
.std-table-area .td-checkbox {
  width: 80px;
}
.std-table-area > table tr:first-child {
  /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
  /*background-color: rgba(0, 0, 0, 0);*/
}
.std-table-area > table tr:nth-child(even) {
  background-color: #1c2437;
}
.std-table-area > table td,
.std-table-area > table th {
  padding: 6px 3px;
}
.std-table-area > table td:first-child,
.std-table-area > table th:first-child {
  padding-left: 15px;
}
.std-table-area > table td:last-child,
.std-table-area > table th:last-child {
  padding-right: 15px;
}
.std-table-area > table th {
  cursor: pointer;
  opacity: 0.5;
}
.std-content {
  padding: 30px;
}
@media print {
  .std-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.std-content > .dir-la-loading {
  min-height: 200px;
}
@media only screen and (max-width: 767px) {
  .std-content {
    padding: 15px;
  }
}
.std-content.--nopad {
  padding: 0;
}
.row.--pad5 {
  margin-left: -5px;
  margin-right: -5px;
}
.row.--pad5 > * {
  padding-left: 5px;
  padding-right: 5px;
}
.row.--pad50 {
  margin-left: -50px;
  margin-right: -50px;
}
.row.--pad50 > * {
  padding-left: 50px;
  padding-right: 50px;
}
.br2 {
  height: 6px;
}
.view {
  padding-top: 0px;
  min-height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .view {
    min-height: 0px;
  }
}
.view.view-pb {
  padding-bottom: 100px;
}
.view.view-white {
  background-color: #fff;
  min-height: 100vmin;
}
.view .view-std {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .view .view-std {
    padding-top: 0;
  }
}
.view .view-std h1 {
  margin: 0 0 20px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 3px;
}
.view .view-std h1.small {
  font-size: 18px;
  position: relative;
  top: 4px;
}
@media only screen and (max-width: 767px) {
  .view .view-std h1.small {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .view .view-std h1 {
    letter-spacing: 1px;
    font-size: 20px;
    position: absolute !important;
  }
}
.view.--inverse {
  color: var(--card-color);
}
.view.--inverse:not(.--transparent-bg) {
  background: var(--card-bg-color);
}
.view.--inverse .std-text-0 {
  color: #fff;
}
.view.--inverse .std-text-1 {
  color: #b8c1da;
}
.view.--inverse .std-text-2 {
  color: #8692b3;
}
.view.--inverse .std-text-3 {
  color: #5d6886;
}
.view.--inverse .std-text-4 {
  color: #414c6a;
}
.view.--inverse a.link.--blue {
  color: var(--agencies-deals-lead-color);
  border-color: var(--agencies-deals-lead-color);
}
.view.--inverse .std-filters-area {
  background-color: var(--std-filters-area-bg);
  color: #fff;
}
.view.--inverse .std-filters-area .form-group > label {
  color: #7e8aa9;
}
.view.--inverse .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.view.--inverse .std-filters-area .std-fa-item .faf span {
  background-color: #323d5a;
  color: #7883a2;
  border-color: #485577;
}
.view.--inverse .std-filters-area .std-fa-item .faf span:before {
  border-color: #485577;
}
.view.--inverse .std-filters-area .std-fa-item .faf input:checked + span {
  color: #fff;
}
.view.--inverse .std-filters-area .std-fa-item .faf input:checked + span:after {
  border-color: transparent;
}
.view.--inverse .btn:not(.form-control):not(.btn-success):not(.btn-warning) {
  color: #cad2e6;
}
.view.--inverse .btn:not(.form-control):not(.btn-icon).view.--inverse .btn:not(.form-control):not(.btn-xs).view.--inverse .btn:not(.form-control):not(.btn-sm).view.--inverse .btn:not(.form-control):not(.btn-lg) {
  padding: 10px 16px;
}
.view.--inverse .btn:not(.form-control).btn-icon {
  width: 40px;
  font-size: 16px;
  height: 34px;
  line-height: 32px;
  padding: 0;
}
.view.--inverse .btn:not(.form-control).btn-primary {
  background: var(--button-background);
  border-color: var(--button-border);
}
.view.--inverse .btn:not(.form-control).btn-primary:hover {
  background: var(--button-background-hover);
  border-color: var(--button-border-hover);
}
.view.--inverse textarea.form-control {
  border: 1px solid #606d8c;
  background: #283044;
  color: #fff;
}
a.link {
  color: var(--a-link-color);
  text-decoration: none;
  border-bottom: 1px solid var(--a-link--border);
  line-height: 1.5em;
  transition: 0.2s;
}
a.link.--blue {
  color: #2a4092;
  border-bottom: 1px solid rgba(24, 31, 107, 0.12);
}
a.link.--blue:hover {
  cursor: pointer;
  border-bottom-color: transparent;
}
a.link:hover {
  cursor: pointer;
  border-bottom-color: transparent;
}
.link-dashed {
  color: inherit;
  border-bottom: 1px dashed #999;
  cursor: pointer;
  text-decoration: none;
}
.link-dashed:hover {
  border-bottom: 1px solid #999;
  color: inherit;
  text-decoration: none;
}
.sph-table {
  transition: 0.2s;
  padding-top: 20px;
  display: flex;
  align-items: flex-end;
  min-width: max-content;
}
.sph-table.sectionWrap {
  flex-wrap: wrap;
  width: 100%;
  min-width: 100%;
  display: block;
}
.sph-table.sectionWrap .spht-section {
  padding-bottom: 20px;
}
.sph-table.sectionWrap .spht-section.--empty {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .sph-table {
    padding: 0 100px 0px 0;
  }
}
.sph-table.passive {
  opacity: 0.5;
  pointer-events: none;
}
.sph-table .spht-section {
  padding-left: 30px;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .sph-table .spht-section {
    padding-left: 10px;
    margin-right: 20px;
  }
}
.sph-table .spht-section.--empty {
  min-width: 1000px;
  min-height: 100px;
}
.sph-table .spht-floor-title {
  max-width: 32px;
  min-width: 32px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  color: #8791a9;
  margin-left: -28px;
  padding-right: 10px;
  opacity: 0.6;
  transition: opacity 0.2s, color 0.2s;
  margin-right: 6px;
}
.sph-table .spht-floor-title.--last {
  margin-left: 16px;
}
.sph-table .spht-floors {
  margin-top: 10px;
}
.sph-table .spht-floor {
  display: flex;
  margin-bottom: 0px;
  flex-wrap: nowrap;
  min-width: max-content;
  align-items: center;
  position: relative;
}
.sph-table .spht-floor:hover .spht-floor-title {
  opacity: 1;
  font-weight: bold;
  color: #fff;
}
.sph-table .spht-floor.--lowopacity {
  opacity: 0;
  pointer-events: none;
}
.sph-table .spht-floor.--border {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .sph-table .spht-floor.--border {
    padding-bottom: 0px;
  }
}
.sph-table .spht-flat-area,
.sph-table .mi-price-full {
  display: none;
}
.sph-table .spht-flat-area {
  font-size: 12px;
  letter-spacing: -0.4px;
  overflow: hidden;
}
.sph-table .mi-price-full {
  font-size: 15px;
  margin-bottom: 3px;
  white-space: nowrap;
}
.sph-table .spht-flat-metrprice {
  white-space: nowrap;
  margin-left: 10px;
}
.sph-table .spht-flat-area-info {
  white-space: nowrap;
}
.sph-table .spht-ass {
  pointer-events: none;
  position: absolute;
  top: -4px;
  right: -4px;
  background: #853976;
  width: 16px;
  height: 14px;
  border-radius: 5px;
  line-height: 15px;
  font-size: 10px;
  text-align: center;
  z-index: 2;
}
.sph-table .spht-ass i {
  font-weight: bold;
}
.sph-table .spht-ass.--comment {
  background-color: #313131;
  left: -4px;
  right: auto;
  font-size: 8px;
}
.sph-table .spht-ass.--ass {
  background-color: #da5327;
  bottom: -4px;
  top: auto;
  font-size: 11px;
}
.sph-table .spht-flat-studio {
  font-size: 10px;
  opacity: 0.7;
  display: inline-block;
  margin-left: 1px;
}
.sph-table .spht-flats {
  display: flex;
  flex-wrap: wrap;
}
.sph-table .view-chesstable {
  text-align: left;
  font-size: 12px;
  line-height: 19px;
}
.sph-table .view-gridprice .spht-flat-rooms {
  float: left;
  text-align: center;
  width: 28px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.sph-table .view-gridprice .spht-flat-rooms.--sm {
  font-size: 11px;
}
.sph-table .view-gridprice,
.sph-table .view-chesstable {
  display: none;
}
.sph-table .view-grid .spht-flat-rooms {
  width: 28px;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.sph-table .view-grid .spht-flat-rooms.--sm {
  font-size: 11px;
}
.sph-table .view-grid .spht-flat-rooms.--number {
  font-size: 12px;
  opacity: 0.9;
  overflow: hidden;
  white-space: nowrap;
}
.sph-table [block-length="1"] {
  --block-len: 0;
}
.sph-table [block-length="2"] {
  --block-len: 1;
}
.sph-table [block-length="3"] {
  --block-len: 2;
}
.sph-table [block-length="4"] {
  --block-len: 3;
}
.sph-table [block-length="5"] {
  --block-len: 4;
}
.sph-table [block-length="6"] {
  --block-len: 5;
}
.sph-table [block-length="7"] {
  --block-len: 6;
}
.sph-table [block-length="8"] {
  --block-len: 7;
}
.sph-table [block-length="9"] {
  --block-len: 8;
}
.sph-table [block-length="10"] {
  --block-len: 9;
}
.sph-table [block-length="11"] {
  --block-len: 10;
}
.sph-table [block-length="12"] {
  --block-len: 11;
}
.sph-table [block-length="13"] {
  --block-len: 12;
}
.sph-table [block-length="14"] {
  --block-len: 13;
}
.sph-table [block-length="15"] {
  --block-len: 14;
}
.sph-table [block-length="16"] {
  --block-len: 15;
}
.sph-table [block-length="17"] {
  --block-len: 16;
}
.sph-table [block-length="18"] {
  --block-len: 17;
}
.sph-table [block-length="19"] {
  --block-len: 18;
}
.sph-table [block-length="20"] {
  --block-len: 19;
}
.sph-table [block-length="21"] {
  --block-len: 20;
}
.sph-table [block-length="22"] {
  --block-len: 21;
}
.sph-table [block-length="23"] {
  --block-len: 22;
}
.sph-table [block-length="24"] {
  --block-len: 23;
}
.sph-table [block-length="25"] {
  --block-len: 24;
}
.sph-table [block-length="26"] {
  --block-len: 25;
}
.sph-table [block-length="27"] {
  --block-len: 26;
}
.sph-table [block-length="28"] {
  --block-len: 27;
}
.sph-table .spht-flat-out {
  padding: 4px;
}
.sph-table .spht-flat-out .spht-flat {
  min-width: var(--width);
  max-width: var(--width);
}
.sph-table .spht-flat-out[block-length] {
  --width: calc(30px + 38px * var(--block-len));
}
.sph-table .spht-flat-out.--selected {
  box-shadow: inset 0px 0px 0px 5px #4cb0ed;
  border-radius: 7px;
}
.sph-table .spht-flat-out.--offset {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sph-table .spht-flat-out.--outer {
  pointer-events: none;
}
.sph-table .spht-flat-out.--outer .spht-flat {
  background: #0000;
  box-shadow: inset 0px 0px 9px #293450;
  color: #0000;
}
.sph-table .spht-flat-out.--outer .spht-ass {
  display: none !important;
}
.sph-table .spht-flat-out.--disabled {
  pointer-events: none;
}
.sph-table .spht-flat-out.--more-info-chess {
  padding: 5px;
}
.sph-table .spht-flat-out.--more-info-chess[block-length] {
  --width: calc(170px + 180px * var(--block-len));
}
.sph-table .spht-flat-out.--more-info-chess.--selected {
  box-shadow: inset 0px 0px 0px 5px #4cb0ed;
  border-radius: 15px;
}
.sph-table .spht-flat-out.--more-info-chess .view-chesstable {
  display: block;
}
.sph-table .spht-flat-out.--more-info-chess .view-chesstable span.spht-flat-rooms {
  max-width: 130px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  min-height: 20px;
  max-height: 20px;
}
.sph-table .spht-flat-out.--more-info-chess .view-grid,
.sph-table .spht-flat-out.--more-info-chess .view-gridprice {
  display: none;
}
.sph-table .spht-flat-out.--more-info-chess .spht-flat-number {
  float: right;
  margin-right: 0px;
  font-size: 13px;
  font-weight: bold;
}
.sph-table .spht-flat-out.--more-info-chess .spht-flat-number span {
  opacity: 0.5;
  font-size: 75%;
}
.sph-table .spht-flat-out.--more-info-chess .spht-flat {
  padding: 10px 10px 0 10px;
  min-height: 84px;
  max-height: 84px;
  border-radius: 10px;
}
.sph-table .spht-flat-out.--more-info-chess .mi-price-full {
  display: block;
}
.sph-table .spht-flat-out.--more-info-chess .spht-flat-area {
  display: flex;
  justify-content: space-between;
}
.sph-table .spht-flat-out.--more-more .spht-flat {
  min-height: 102px;
}
.sph-table .spht-flat-out.--more-info[block-length] {
  --width: calc(110px + 118px * var(--block-len));
}
.sph-table .spht-flat-out.--more-info .spht-flat .mi-price {
  padding: 0 5px 0 0;
  width: 74px;
}
.sph-table .spht-flat-out.--more-info .view-gridprice {
  display: block;
}
.sph-table .spht-flat-out.--more-info .view-grid,
.sph-table .spht-flat-out.--more-info .view-chesstable {
  display: none;
}
.sph-table .spht-flat-out.--more-info .spht-flat .mi-price {
  display: block;
}
.sph-table .spht-flat-out.--more-info .spht-flat .spht-flat-rooms {
  /*background: rgba(0, 0, 0, 0.2);*/
  min-width: 38px;
}
.sph-table .spht-flat {
  background-color: #0c8240;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  line-height: 30px;
}
.sph-table .spht-flat[data-type="3"] {
  border-radius: 10px;
}
.sph-table .spht-flat.discount .mi-price-full span {
  background: #e05f5f;
  box-shadow: 0px 0px 0px 3px #e05f5f;
  border-radius: 2px;
}
.sph-table .spht-flat.--booked {
  background-color: #d69d00;
}
.sph-table .spht-flat.--oformlenie {
  background-color: #284da2;
}
.sph-table .spht-flat.--solded {
  background-color: var(--chess-flats-solded-bg);
  color: #949aa8;
}
.sph-table .spht-flat.--noid {
  background-color: #8b9c86;
}
.sph-table .spht-flat.--nobook {
  /*background: repeating-linear-gradient(-45deg, #a47b0c, #a47b0c 0px, #d69d00 2px, #b38300 6px);*/
  background: repeating-linear-gradient(-45deg, #af8e37, #796b42 0px, #82734f 2px, #9c8438 6px);
}
.sph-table .spht-flat.--nodeal {
  background-color: #595959;
  background-image: url(../images/repbg.png);
}
.sph-table .spht-flat.--blessed .mi-price-full b,
.sph-table .spht-flat.--blessed .mi-price {
  background-color: #f00;
}
.sph-table .spht-flat.--seller {
  position: relative;
  /*      &:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 1px;
        bottom: 0px;
        right: 0px;
        border: 6px solid #232d46bf;
        border-top-color: #0000;
        border-left-color: #0000;

      }*/
}
.sph-table .spht-flat.--closed {
  background-color: var(--chess-flat-reserved);
}
.sph-table .spht-flat.--book_error {
  background-color: #ff0000 !important;
  box-shadow: 0px 0px 10px #f00 !important;
}
.sph-table .spht-flat.--book_warning {
  background-color: #fd6900;
  box-shadow: 0px 0px 10px #f90 !important;
}
.sph-table .spht-flat.--disabled {
  pointer-events: none;
  background: none !important;
  background-color: #262f48 !important;
  box-shadow: none !important;
  color: #0000;
}
.sph-table .spht-flat.--disabled.--disabled > * {
  opacity: 0;
}
.sph-table .spht-flat.--disabled:after {
  display: none;
}
.sph-table .spht-flat.--disabled .spht-ass {
  opacity: 0;
}
.sph-table .spht-flat.--disabled .mi-price {
  opacity: 0;
}
.sph-table .spht-flat .mi-price {
  float: right;
  text-align: right;
  display: none;
  position: absolute;
  right: 0;
  padding: 0 5px;
  width: 56px;
  font-weight: bold;
  white-space: nowrap;
}
select.form-control,
input.form-control {
  border: 1px solid #8d97b1;
  background: #fafbff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  border-radius: 2px;
}
textarea.form-control {
  border: 1px solid #b2e7ff;
  background: #fdfeff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
}
.form-control.error {
  border-color: #f00 !important;
  background-color: #944646 !important;
}
.btn {
  transition: 0.3s;
  outline: none;
}
.btn.btn-primary {
  background: #486a94;
}
.btn.btn-primary:hover {
  background: #325273;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  supported by Chrome, Opera and Firefox */
}
.form-control-text {
  height: 37px;
  line-height: 37px;
}
.ui-select-area {
  background-color: var(--ui-select-area-bg);
  color: #fff;
  border: 1px solid var(--ui-select-area-border);
  padding: 4px 5px 0px;
  border-radius: 5px;
  min-height: 36px;
}
.ui-select-match-item {
  background-color: #606d8c;
  color: #fff;
  border-color: #606d8c;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  color: #9aa8ca;
  text-shadow: none;
  font-weight: 300;
  font-size: 19px;
  display: block;
  opacity: 1;
}
.ui-select-area .ui-select-container {
  background: #0000 !important;
  border: none !important;
  padding: 0 !important;
}
.ui-select-container {
  height: 34px;
}
.ui-select-container.visible-only-focus .form-control.ui-select-toggle {
  background: none;
  border-color: transparent;
}
.ui-select-choices-row {
  transition: 0.3s;
}
.ui-select-choices-row:hover {
  background-color: var(--select-list-bg-hover);
  color: var(--select-list-color-hover);
}
.ui-select-bootstrap .ui-select-choices-row > span:focus,
.ui-select-bootstrap .ui-select-choices-row > span:hover {
  background-color: transparent !important;
  color: inherit !important;
  transition: 0.3s;
}
.ui-select-bootstrap .ui-select-choices-row.active > span {
  background-color: var(--select-list-item-selected-bg);
  color: var(--select-list-item-selected-color);
}
.ui-select-container .dropdown-header,
.ui-select-container .dropdown-menu > li > a {
  color: var(--select-list-color);
}
.ui-select-container .btn.active,
.ui-select-container .btn:active,
.ui-select-container .form-control,
.ui-select-container .btn-default-focus {
  box-shadow: none;
}
.ui-select-container .ui-select-choices-row > span {
  color: var(--select-list-color);
}
.ui-select-container .ui-select-bootstrap .ui-select-choices-row > span:hover {
  color: #babfcc;
  background-color: var(--ui-select-dropdown-menu-bg-hover);
}
.ui-select-container .dropdown-menu {
  background-color: var(--select-list-bg);
}
.ui-select-container .form-control span.empty {
  opacity: 0.2;
}
.ui-select-container .form-control,
.ui-select-container .ui-select-match {
  outline: none;
}
.ui-select-container .ui-select-match .text-muted {
  color: #787d8a;
}
.ui-select-container .form-control {
  height: 34px;
  margin-bottom: 0px;
  border-radius: 2px;
}
.ui-select-container .form-control.ui-select-search-hidden {
  height: 0px;
  border: none !important;
}
.std-calendar-inline.uib-datepicker {
  /*border: 1px solid rgb(100, 117, 158);*/
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
}
.std-calendar-inline.uib-datepicker .uib-daypicker > table {
  width: 100%;
}
.std-calendar-inline.uib-datepicker .uib-daypicker > table thead .btn {
  border-radius: 0px;
}
.std-calendar-inline.uib-datepicker .uib-day .btn-default {
  border-right: 0px;
}
.std-calendar-inline.uib-datepicker .uib-day .btn-default.active {
  background-color: #853a75;
}
.std-calendar-inline.uib-datepicker .uib-day .btn-default.active span,
.std-calendar-inline.uib-datepicker .uib-day .btn-default.active .text-info {
  color: #fff;
}
.std-calendar-inline.uib-datepicker .uib-day .btn-default[disabled] {
  opacity: 1;
  color: #00000040;
  background: repeating-linear-gradient(-45deg, #dcdcdc, #dcdcdc 0px, #fff 2px, #e4e4e4 6px);
}
.std-calendar-inline.uib-datepicker .uib-day .btn-default[disabled] .text-muted {
  color: #00000040;
}
.std-calendar-inline.uib-datepicker .uib-day .btn-default .text-info {
  color: inherit;
}
@media only screen and (max-width: 767px) {
  .std-chess.std-content {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sp-chesstable-filters .spcf-form {
    flex-wrap: wrap;
  }
  .sp-chesstable-filters .spcf-form .vap-mp-filt-item:not(:last-child) {
    margin-bottom: 15px;
  }
}
.std-chess.--filters-right .clif {
  position: fixed;
  right: 0;
  top: 65px;
  margin: 0;
  bottom: 0;
  width: 320px;
  background-color: #1f283f;
  border-left: 1px solid #2e3646;
  z-index: 10;
}
.std-chess.--filters-right .sp-chesstable-filters .vap-mp-filters {
  margin: 0;
  height: 100%;
  background-color: transparent !important;
  border-bottom: none !important;
}
.std-chess.--filters-right .scroller-area {
  top: 65px;
}
.std-chess.--inverse .sphsi-param-key span,
.std-chess.--inverse .sphsi-param-value span {
  background-color: #232d45;
}
.std-chess.--inverse .like-link {
  color: #fff;
}
.std-chess.--inverse .sph-table .spht-flat {
  /*      &.--disabled {
        opacity: 0.6;
        }*/
}
.std-chess.--inverse .sph-table .spht-flat.--closed {
  background-color: var(--chess-flat-reserved);
}
.std-chess.--inverse .sph-table .spht-flat.--oformlenie {
  background-color: #284da2;
}
.std-chess.--inverse .sph-table .spht-flat.--active.--solded {
  background-color: #949292;
  color: #ffffff;
}
.std-chess.--inverse .sph-table .spht-flat.--booked {
  opacity: 1;
  /*background-color: rgb(228, 168, 0) !important;*/
  /*box-shadow: none !important;*/
}
.std-chess.--inverse .sph-table .spht-section-title {
  color: #8791a9;
  font-weight: normal;
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .--reset {
  color: rgba(255, 255, 255, 0.69);
  border: 1px solid var(--form-input-border);
  background-color: rgba(0, 0, 0, 0);
  height: 30px;
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item.--toggler {
  padding-top: 20px;
  margin-left: 10px;
  margin-right: 15px;
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-label {
  color: var(--form-text-title-color);
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .btn {
  height: 30px;
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs .separ {
  background-color: var(--form-input-border);
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs input {
  background-color: var(--select-bg);
  border: 1px solid var(--chesstable-form-input-border);
  color: var(--form-input-text-color);
  height: 30px;
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs input:checked + span {
  background-color: var(--form-input-checked-bg);
  border-color: var(--form-input-border);
  color: var(--form-input-checked-color);
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs .faf span {
  color: var(--form-input-text-color);
  border: 1px solid var(--chesstable-form-input-border);
  background: var(--multiselect-bg);
}
.std-chess.--inverse .sp-chesstable-filters .vap-mp-filters .vap-mp-filt-item .faf span {
  color: var(--form-input-text-color);
  border: 1px solid var(--chesstable-form-input-border);
}
.ce-checkbox {
  margin: 0;
}
.ce-checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.ce-checkbox input:checked + span:after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.ce-checkbox input + span {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.ce-checkbox input + span:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
.ce-checkbox input + span:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 3px;
  background: #00a1ff;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.6);
  transition: 0.15s;
}
.ce-checkbox span {
  cursor: pointer;
}
.std-section.std-section--inverse .std-form .form-group input.form-control.ng-dirty,
.std-section.std-section--inverse .std-form .form-group textarea.form-control.ng-dirty {
  border-color: #9e9e31;
  background-color: rgba(249, 221, 24, 0.1);
}
.std-modal .ui-select-container .form-control,
.sexy-modal .ui-select-container .form-control,
.view.--inverse .ui-select-container .form-control {
  background: var(--select-bg);
  color: var(--select-color);
  border: 1px solid var(--form-input-border);
}
.std-modal .color-picker-input-wrapper,
.sexy-modal .color-picker-input-wrapper,
.view.--inverse .color-picker-input-wrapper {
  height: 36px;
}
.std-modal .color-picker-wrapper .color-picker-input-swatch,
.sexy-modal .color-picker-wrapper .color-picker-input-swatch,
.view.--inverse .color-picker-wrapper .color-picker-input-swatch {
  padding-left: 44px;
  padding-right: 10px;
  height: 36px;
  background-color: var(--settings-color-picker-bg);
  border: 1px solid #606d8c;
  border-radius: 5px;
  width: 100%;
}
.std-modal .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]),
.sexy-modal .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]),
.view.--inverse .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]) {
  background-color: #5e6984;
  border-color: #0000;
  height: auto;
  padding: 3px 9px;
  margin: 0 5px 5px 0;
}
.std-modal .input-group-btn .btn-default,
.sexy-modal .input-group-btn .btn-default,
.view.--inverse .input-group-btn .btn-default {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #ffffff !important;
  margin: 0px 0 0px -1px !important;
  height: 34px !important;
  border-color: #606d8c !important;
}
.std-modal .std-form input.form-control.ng-dirty,
.sexy-modal .std-form input.form-control.ng-dirty,
.view.--inverse .std-form input.form-control.ng-dirty,
.std-modal .std-form textarea.form-control.ng-dirty,
.sexy-modal .std-form textarea.form-control.ng-dirty,
.view.--inverse .std-form textarea.form-control.ng-dirty {
  border-color: #9e9e31;
  background-color: rgba(249, 221, 24, 0.1);
}
.std-modal .std-form .ui-select-container.ng-dirty .form-control,
.sexy-modal .std-form .ui-select-container.ng-dirty .form-control,
.view.--inverse .std-form .ui-select-container.ng-dirty .form-control {
  border-color: #9e9e31;
  background-color: rgba(249, 221, 24, 0.1);
}
.std-modal .form-control,
.sexy-modal .form-control,
.view.--inverse .form-control {
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  border: 1px solid var(--form-input-border);
}
.std-modal .form-control.visible-only-focus,
.sexy-modal .form-control.visible-only-focus,
.view.--inverse .form-control.visible-only-focus {
  background-color: transparent;
  border-color: transparent;
}
.std-modal .form-control.visible-only-focus:focus,
.sexy-modal .form-control.visible-only-focus:focus,
.view.--inverse .form-control.visible-only-focus:focus,
.std-modal .form-control.visible-only-focus:hover,
.sexy-modal .form-control.visible-only-focus:hover,
.view.--inverse .form-control.visible-only-focus:hover {
  background-color: var(--form-input-bg);
  border: 1px solid var(--form-input-border);
}
.std-modal .form-control[disabled],
.sexy-modal .form-control[disabled],
.view.--inverse .form-control[disabled] {
  background-color: var(--form-contol-disabled-bg);
  border-color: var(--form-contol-disabled-border);
  color: #8e8f92;
}
.std-modal .form-control::placeholder,
.sexy-modal .form-control::placeholder,
.view.--inverse .form-control::placeholder {
  color: var(--form-control-placeholder-color);
}
.std-modal .ui-select-match.btn-default-focus,
.sexy-modal .ui-select-match.btn-default-focus,
.view.--inverse .ui-select-match.btn-default-focus {
  background: transparent !important;
}
.std-modal .form-group > label,
.sexy-modal .form-group > label,
.view.--inverse .form-group > label,
.std-modal .input-group > label,
.sexy-modal .input-group > label,
.view.--inverse .input-group > label {
  font-size: 13px;
  font-weight: normal;
  color: #7a8090;
}
.modal-1110 .std-modal-area-closer {
  right: 1110px;
}
.modal-1110 .modal-dialog {
  width: 1110px;
}
.modal-1180 .std-modal-area-closer {
  right: 1180px;
}
.modal-1180 .modal-dialog {
  width: 1180px;
}
.modal-1260 .std-modal-area-closer {
  right: 1260px;
}
.modal-1260 .modal-dialog {
  width: 1260px;
}
.modal-1110 .modal-dialog,
.modal-1260 .modal-dialog,
.modal-1180 .modal-dialog {
  transform: none !important;
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  border-left: 1px solid var(--card-border-color);
  box-shadow: 0px 0px 20px #000000;
}
@media only screen and (max-width: 1240px) {
  .modal-1110,
  .modal-1260,
  .modal-1180 {
    /* для клиентов */
    /* для сделок */
  }
  .modal-1110 .modal-dialog,
  .modal-1260 .modal-dialog,
  .modal-1180 .modal-dialog {
    width: 100%;
    float: none;
    padding-top: 0px;
    padding-left: 50px;
  }
  .modal-1110 .leadModalIn .lm-area,
  .modal-1260 .leadModalIn .lm-area,
  .modal-1180 .leadModalIn .lm-area {
    min-width: 50%;
  }
  .modal-1110 .leadModalIn .mb-chat,
  .modal-1260 .leadModalIn .mb-chat,
  .modal-1180 .leadModalIn .mb-chat {
    min-width: 50%;
  }
  .modal-1110.bookModal .bm-flex .bm-area,
  .modal-1260.bookModal .bm-flex .bm-area,
  .modal-1180.bookModal .bm-flex .bm-area {
    min-width: 60%;
  }
  .modal-1110.bookModal .bm-flex .bm-chat,
  .modal-1260.bookModal .bm-flex .bm-chat,
  .modal-1180.bookModal .bm-flex .bm-chat {
    min-width: 40%;
  }
  .modal-1110 .std-modal-area-closer,
  .modal-1260 .std-modal-area-closer,
  .modal-1180 .std-modal-area-closer {
    width: 50px;
    left: 0;
    right: auto;
  }
  .modal-1110 .std-modal-area-closer i,
  .modal-1260 .std-modal-area-closer i,
  .modal-1180 .std-modal-area-closer i {
    left: 15px;
    font-size: 40px;
    color: #8e8e8e;
  }
}
@media only screen and (max-width: 1240px) and only screen and (max-width: 767px) {
  .modal-1110 .std-modal-area-closer,
  .modal-1260 .std-modal-area-closer,
  .modal-1180 .std-modal-area-closer {
    width: 100%;
  }
}
@media only screen and (max-width: 1240px) and only screen and (max-width: 767px) {
  .modal-1110 .std-modal-area-closer i,
  .modal-1260 .std-modal-area-closer i,
  .modal-1180 .std-modal-area-closer i {
    left: none;
  }
}
@media only screen and (max-width: 767px) {
  .modal-1110 .std-modal-area-closer,
  .modal-1260 .std-modal-area-closer,
  .modal-1180 .std-modal-area-closer {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .modal-1110 .std-modal-area-closer i,
  .modal-1260 .std-modal-area-closer i,
  .modal-1180 .std-modal-area-closer i {
    left: 50%;
  }
}
.std-modal-area-closer {
  position: fixed;
  z-index: 90;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: #1b233896;
  color: #fff;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .std-modal-area-closer {
    border-bottom: 1px solid #273046;
    left: 0 !important;
    top: 0;
    bottom: auto !important;
    right: 0 !important;
    height: 50px;
  }
  .std-modal-area-closer + .std-modal {
    margin-top: 50px;
  }
}
.std-modal-area-closer:hover {
  cursor: pointer;
  background-color: #262f4896;
}
.std-modal-area-closer:hover i {
  color: #565e73;
  right: 60px;
}
.std-modal-area-closer i {
  position: absolute;
  top: 50%;
  font-size: 100px;
  color: #3a4154;
  right: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .std-modal-area-closer i {
    font-size: 30px;
    right: auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    text-align: center;
    top: 6px;
    left: 50%;
    margin-left: -20px;
  }
}
.std-no-pointer {
  pointer-events: none !important;
}
.std-modal {
  padding: 30px;
  color: var(--card-color);
  background: var(--card-bg-color);
  border: none;
  border-radius: 10px;
  z-index: 95;
  position: relative;
}
.std-modal.--right {
  min-height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .std-modal {
    padding: 30px 20px;
  }
  .std-modal.--long {
    padding-bottom: 70px;
  }
  .std-modal.--long .modal-footer {
    position: fixed;
    right: 20px;
    bottom: 30px;
    background: var(--card-bg-color);
    left: 0;
    border-top: 1px solid #454b58;
  }
}
.std-modal hr {
  margin-left: -30px;
  margin-right: -30px;
  border-top: 1px solid var(--std-hr-border);
  margin-top: 10px;
  margin-bottom: 12px;
}
.std-modal hr.more {
  margin-top: 20px;
  margin-bottom: 25px;
}
.std-modal .popover {
  border: 1px solid #293d5a !important;
  outline: none !important;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  background: #232b40;
}
.std-modal .popover.right > .arrow {
  border-right-color: #293d5a;
}
.std-modal .popover.right > .arrow:after {
  border-right-color: #232b40;
}
.std-modal .popover .popover-title {
  background: #232b40;
  border-bottom-color: #293d5a;
  padding: 13px 15px;
}
.std-modal .popover-inner {
  background: rgba(0, 0, 0, 0);
  outline: none;
}
.std-modal .input-group-addon {
  background: var(--input-group-addon-bg);
  border: 1px solid #64759e;
  color: #6e7585;
  font-size: 12px;
  padding: 0 8px;
}
.std-modal.--inverse {
  color: #000;
  background: #fff;
}
.std-modal.--inverse .modal-header {
  background-color: #3b2e5a;
  color: #fff;
}
.std-modal.--inverse .std-modal-closer {
  color: #fff;
}
.std-modal .modal-footer {
  text-align: right;
  border: 0;
  padding: 15px 18px;
  margin: 10px -30px -30px;
}
.std-modal .modal-footer.--black {
  border-top: 1px solid #2e3546;
  background: rgba(0, 0, 0, 0.1);
  margin-top: 30px;
}
.std-modal .modal-footer.--black label {
  margin-bottom: 0px;
  margin-right: 5px;
}
.std-modal .modal-footer toggler-inline:first-child {
  float: left;
  margin-top: -4px;
  margin-left: 10px;
}
.std-modal .modal-footer .mf-left {
  float: left;
  display: flex;
  font-size: 12px;
}
.std-modal .modal-footer .mf-left-item {
  margin-right: 20px;
}
.std-modal .modal-footer .mf-right {
  float: right;
  display: flex;
  font-size: 12px;
}
.std-modal .modal-footer .mf-left-item {
  margin-right: 20px;
}
.std-modal .modal-footer .mf-right-item {
  margin-left: 20px;
}
.std-modal .modal-footer .mf-right-item i {
  margin-right: 5px;
}
.std-modal .modal-footer .mf-right-item span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.std-modal .modal-footer .btn {
  outline: none;
}
.std-modal .modal-footer .btn.btn-default {
  background-color: rgba(0, 0, 0, 0) !important;
  color: #ffffff;
  border: none;
  font-weight: 500;
}
.std-modal .modal-footer .btn.btn-default[disabled] {
  opacity: 0.2;
}
.std-modal h3 {
  font-size: 16px;
  margin: 0 0 10px;
  font-weight: 300;
  letter-spacing: 1px;
}
.std-modal .modal-title {
  line-height: 50px;
}
.std-modal .modal-header {
  padding: 0px 20px;
  background: rgba(0, 0, 0, 0.1);
  height: 50px;
  color: #ffffff;
  margin: -30px -30px 0;
  border-bottom: 1px solid #2e3546;
  line-height: 50px;
}
.std-modal .std-modal-closer {
  position: absolute;
  right: 2px;
  opacity: 0.3;
  font-size: 21px;
  top: -2px;
  padding: 10px;
  transition: 0.3s;
  z-index: 3000;
}
@media only screen and (max-width: 767px) {
  .std-modal .std-modal-closer {
    right: 10px;
  }
}
.std-modal .std-modal-closer:hover {
  opacity: 1;
  cursor: pointer;
}
.std-modal .std-modal-closer2 {
  position: absolute;
  right: 0;
  font-size: 13px;
  top: 0;
  transition: 0.3s;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #626c88;
  border: 25px solid var(--std-modal-closer2-border);
  border-left-color: #0000 !important;
  border-bottom-color: #0000 !important;
}
.std-modal .std-modal-closer2:hover {
  border-color: var(--std-modal-closer2-border-hover);
  color: #fff;
  cursor: pointer;
}
.std-modal .std-modal-closer2 i {
  top: -16px;
  right: -14px;
  position: absolute;
}
.std-modal .std-modal-title {
  margin: 0 0 30px;
  font-size: 17px;
  letter-spacing: 2px;
  color: var(--modal-title-color);
  text-transform: uppercase;
  font-weight: 300;
}
.std-modal .std-modal-title-big {
  margin: 0 0 30px;
  font-size: 33px;
  letter-spacing: 8px;
  color: #767c8c;
  text-transform: uppercase;
  font-weight: 300;
}
.std-modal .std-modal-title-big2 {
  margin: 0 0 30px;
  font-size: 20px;
  letter-spacing: 5px;
  color: #767c8c;
  text-transform: uppercase;
  font-weight: 300;
}
.std-modal .std-modal-desc {
  margin-bottom: 30px;
  margin-top: 30px;
}
.modal-content {
  border: none;
  background: #0000;
  box-shadow: 0 9px 15px rgba(0, 0, 0, 0.3);
  border-radius: 9px;
  /*overflow: hidden;*/
}
.ui-select-bootstrap .ui-select-choices-row > span {
  padding: 5px 13px;
}
.ui-select-bootstrap .ui-select-choices-row .active > span {
  background-color: #03a9f4;
}
.std-modal-2 .modal-dialog {
  width: 700px;
  margin: -1px auto;
  height: 680px;
  top: 20px;
  transform: translateY(0px) !important;
}
.std-modal-2 .modal-content {
  min-height: 100%;
  box-shadow: 0 5px 15px rgba(15, 23, 43, 0.88);
  border-radius: 3px;
  border: none !important;
  /*overflow: hidden;*/
}
.std-modal-2 .modal-header {
  padding: 15px 30px;
  background: #3b2e5a;
  height: 50px;
  color: #ffffff;
  border-bottom: none;
}
.std-modal-2 .modal-body {
  position: relative;
  padding: 30px;
  background-color: #e4f4ff;
  height: 630px;
  border-radius: 3px 0 0 3px;
}
.std-modal-2 .pm-closer {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  opacity: 0.5;
  transition: 0.2s;
}
.std-modal-2 .pm-closer:hover {
  opacity: 1;
  cursor: pointer;
}
.std-modal-2 .pm-closer i {
  font-size: 22px;
  float: right;
}
.std-modal-2 .pm-closer span {
  font-size: 14px;
  line-height: 29px;
  display: inline-block;
  margin-right: 8px;
}
.uib-datepicker {
  outline: none;
}
.uib-datepicker .dropdown-menu {
  padding: 0 0 10px;
  margin: 0;
  border: none;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
}
.uib-datepicker thead tr:nth-child(1) {
  background-color: #853a76;
  color: #ffffff;
  font-weight: normal;
}
.uib-datepicker thead tr:nth-child(1) th {
  border-color: rgba(0, 0, 0, 0);
  font-weight: normal;
  font-size: 12px;
  padding: 0 0 3px;
}
.uib-datepicker thead tr:nth-child(1) .btn {
  border: none;
  background: rgba(0, 0, 0, 0);
  outline: none;
  color: #ffffff;
}
.uib-datepicker thead tr:nth-child(1) .uib-left i:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  content: "\f053";
  font-size: 18px;
}
.uib-datepicker thead tr:nth-child(1) .uib-right i:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  content: "\f054" !important;
  font-size: 18px;
}
.uib-datepicker thead tr:nth-child(1) strong {
  font-size: 12px;
}
.uib-datepicker thead tr:nth-child(2) {
  background-color: #853a76;
  color: #ffffff;
  font-weight: normal;
}
.uib-datepicker thead tr:nth-child(2) th {
  border-color: rgba(0, 0, 0, 0);
  font-weight: normal;
  font-size: 12px;
  padding: 0 0 3px;
}
.uib-datepicker thead tr:nth-child(2) th span {
  font-weight: normal;
}
.uib-datepicker .uib-day .btn-default {
  border-radius: 0;
  border: 1px solid #eaeaea;
  margin: 0 0 -1px -1px;
}
.uib-datepicker .uib-day .btn-default:hover {
  background-color: #853a76;
  color: #ffffff;
}
.uib-datepicker .uib-day .btn-default[disabled] {
  opacity: 0.4;
  background: #d6d6d6;
  border-color: #dedede;
}
.uib-datepicker-popup {
  box-shadow: none;
  border: none;
}
.uib-datepicker-popup .uib-button-bar {
  padding: 8px 0px 2px;
}
.uib-datepicker-popup.dropdown-menu {
  padding: 0;
  background-color: transparent;
}
.uib-datepicker-popup .uib-datepicker {
  background-color: #fff;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0px 0px 21px #853a75;
}
.uib-datepicker-popup .uib-yearpicker,
.uib-datepicker-popup .uib-monthpicker,
.uib-datepicker-popup .uib-daypicker {
  outline: none !important;
}
.uib-datepicker-popup .uib-monthpicker {
  min-width: 300px;
}
.uib-datepicker-popup .btn-default {
  border-radius: 0px !important;
  border-color: #eeeeee !important;
  margin: 0 -1px -1px 0 !important;
}
.uib-datepicker-popup thead .btn-default {
  background-color: #0000 !important;
  height: 36px !important;
}
.link {
  /*color: #fff;*/
  /*border-bottom: 1px solid #fff;*/
}
@media only screen and (max-width: 767px) {
  .sc-head-mobilebg {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    background: #333755;
    height: 70px;
    z-index: 20;
  }
}
.sc-head {
  display: flex;
  color: var(--standart-color);
  padding: 0;
  margin: -30px 0 30px;
  min-height: 65px;
  max-height: 65px;
  border-bottom: 1px solid var(--standart-border);
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .sc-head {
    left: 0;
    right: 0;
    min-height: 50px;
    max-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
  }
}
.sc-head.--notop {
  margin-top: 0;
}
.sc-head.--nobot {
  margin-bottom: 0;
}
.sc-head.--color {
  background-color: #3b2e5a;
}
.sc-head.--kanban {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .sc-head.--kanban .filter-btn {
    position: static;
    top: 5px;
    right: 10px;
    z-index: 3;
  }
  .sc-head.--kanban h1 {
    font-size: 18px;
    text-transform: none;
    letter-spacing: 1px;
    height: 40px;
    padding: 0 0 0 55px;
    line-height: 40px;
    background: #32264c;
    position: absolute;
    z-index: 2;
    margin: 0 !important;
    top: 0;
    left: 0;
    right: 0;
  }
  .sc-head.--kanban .sc-head-left {
    margin-top: 0px;
  }
  .sc-head.--kanban .sc-head-right {
    margin-top: 0px;
    margin-right: 10px;
  }
}
.sc-head h1 {
  margin-top: 18px !important;
  margin-left: 30px !important;
  white-space: nowrap;
}
.sc-head .sc-head-title-2line {
  padding-left: 30px;
}
.sc-head .sc-head-back {
  padding: 0 10px 0 10px;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s;
  border-left: 1px solid var(--clif-border);
  height: 65px;
  line-height: 65px;
  background: var(--sc-head-back-bg);
  margin-right: -20px;
  margin-left: 20px;
  color: var(--inverse);
  text-decoration: none;
  min-width: 190px;
  text-align: center;
}
.sc-head .sc-head-back:hover {
  cursor: pointer;
  background: var(--sc-head-back-bg-hover);
}
.sc-head .sc-head-subtitle {
  opacity: 0.5;
  margin-bottom: 2px;
  font-size: 13px;
  margin-top: -4px;
}
.sc-head .sc-head-title-2line h1 {
  padding: 0;
  margin: 0 0 0 0 !important;
  font-size: 18px;
  font-weight: normal;
}
.sc-head label.shr-view-check {
  position: relative;
  float: left;
  margin-right: 5px;
  font-weight: normal;
}
.sc-head label.shr-view-check input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.sc-head label.shr-view-check input:checked + span {
  background-color: #2a2a58;
  color: #385fab;
  color: #fff;
}
.sc-head label.shr-view-check input:checked + span:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  border: 1px solid #2a2a58;
  top: 5px;
  border-radius: 3px;
  background: #00a1ff;
}
.sc-head label.shr-view-check input + span {
  position: relative;
  padding-left: 30px;
  display: block;
}
.sc-head label.shr-view-check input + span:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  border: 1px solid #d2d2d2;
  top: 5px;
  border-radius: 3px;
}
.sc-head label.shr-view-check span {
  border: 1px solid #a76d9b;
  height: 30px;
  min-width: 30px;
  text-align: center;
  line-height: 28px;
  transition: 0.3s;
  cursor: pointer;
  color: #ffffff;
  border-radius: 3px;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px) {
  .sc-head label.shr-view-check span {
    height: 50px;
    width: 50px;
    line-height: 46px;
    margin-right: 10px;
  }
}
.sc-head-h1 {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 3px;
  font-size: 18px;
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .sc-head-h1 {
    font-size: 14px;
    margin-left: 15px;
    margin-top: 5px;
  }
}
.sc-head-left {
  margin-left: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .sc-head-left {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .sc-head-left.mobile-fix-top {
    position: fixed;
    top: 5px;
    z-index: 102;
    right: 6px;
  }
}
.sc-head-rightaction {
  display: inline-block;
  text-align: center;
  padding: 0px 25px 0px;
  position: relative;
  transition: 0.3s;
  white-space: nowrap;
  border-left: 1px solid #394563;
  background: #606d8c;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: 12px;
}
.sc-head-rightaction:hover {
  cursor: pointer;
}
.sc-head-right {
  margin-left: auto;
  display: flex;
  margin-right: 20px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .sc-head-right.mobile-fix-bottom {
    position: fixed;
    bottom: 21px;
    z-index: 25;
    right: 0;
  }
}
.std-filters-area {
  padding: 15px 30px 8px;
  background: #e4f6ff;
  margin: -30px -30px 0px;
  /*.vap-mp-filt-item {*/
}
@media only screen and (max-width: 767px) {
  .std-filters-area {
    margin: -15px -15px 0px;
    padding: 15px 15px 8px;
  }
}
.std-filters-area.white {
  background-color: var(--dp-white-bg);
}
@media print {
  .std-filters-area {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
  }
}
.std-filters-area.flex {
  flex-wrap: wrap;
  align-items: end;
  padding: 5px 30px 15px;
}
.std-filters-area.flex .std-fa-item {
  margin-bottom: 0;
  margin-top: 10px;
}
.std-filters-area .std-fa-label,
.std-filters-area .form-group > label {
  font-size: 13px;
  font-weight: 700;
  opacity: 1;
  color: #182a63;
  margin-bottom: 6px;
}
.std-filters-area .std-fa-label span,
.std-filters-area .form-group > label span {
  float: left;
}
.std-filters-area .std-fa-label iaaa,
.std-filters-area .form-group > label iaaa {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid;
  text-align: center;
  line-height: 15px;
  font-size: 13px;
  margin-top: 3px;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 3px;
  margin-left: 6px;
}
.std-filters-area .std-fa-label iaaa:hover,
.std-filters-area .form-group > label iaaa:hover {
  opacity: 1;
}
.std-filters-area .std-fa-item {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  min-width: 200px;
  max-width: 200px;
}
.std-filters-area .std-fa-item.w130 {
  min-width: 130px;
  max-width: 130px;
}
.std-filters-area .std-fa-item.w150 {
  min-width: 150px;
  max-width: 150px;
}
.std-filters-area .std-fa-item.w250 {
  min-width: 250px;
  max-width: 250px;
}
.std-filters-area .std-fa-item.--custom-date {
  min-width: auto;
  max-width: 1000px;
}
.std-filters-area .std-fa-item.--last {
  margin-right: 0;
  float: right;
}
.std-filters-area .std-fa-item.--btn {
  margin-top: 23px;
}
@media only screen and (max-width: 767px) {
  .std-filters-area .std-fa-item {
    width: 100%;
    min-width: 100%;
    position: relative;
  }
  .std-filters-area .std-fa-item.--btn {
    margin-top: 15px;
  }
  .std-filters-area .std-fa-item.--btn .vkd,
  .std-filters-area .std-fa-item.--btn .vkd-invers {
    font-size: 1.5rem !important;
    margin: 0 !important;
  }
}
.std-filters-area .std-fa-item.passive {
  opacity: 0.2;
  pointer-events: none;
}
.std-filters-area .std-fa-item .faf label {
  position: relative;
  float: left;
  margin-right: 5px;
}
.std-filters-area .std-fa-item .faf input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.std-filters-area .std-fa-item .faf input[type="checkbox"]:checked + span {
  background-color: #2a2a58;
  color: #385fab;
  color: #fff;
}
@media print {
  .std-filters-area .std-fa-item .faf input[type="checkbox"]:checked + span {
    font-weight: bold;
    opacity: 1;
  }
}
.std-filters-area .std-fa-item .faf input[type="checkbox"]:checked + span:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  border: 1px solid #2a2a58;
  top: 5px;
  border-radius: 3px;
  background: #00a1ff;
}
@media print {
  .std-filters-area .std-fa-item .faf input[type="checkbox"]:checked + span:after {
    content: 'v';
    line-height: 15px;
  }
}
.std-filters-area .std-fa-item .faf input[type="checkbox"] + span {
  position: relative;
  padding-left: 30px;
  display: block;
}
@media print {
  .std-filters-area .std-fa-item .faf input[type="checkbox"] + span {
    font-weight: normal;
    opacity: 0.5;
  }
}
.std-filters-area .std-fa-item .faf input[type="checkbox"] + span:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 5px;
  border: 1px solid #d2d2d2;
  top: 5px;
  border-radius: 3px;
}
.std-filters-area .std-fa-item .faf span {
  border: 1px solid #d2d2d2;
  color: #2a2a58;
  height: 30px;
  display: inline-block;
  min-width: 30px;
  text-align: center;
  line-height: 28px;
  transition: 0.3s;
  cursor: pointer;
  color: #385fab;
  border-radius: 3px;
  padding: 0 5px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .std-filters-area .std-fa-item .faf span {
    height: 50px;
    width: 50px;
    line-height: 46px;
    margin-right: 10px;
  }
}
.std-filters-area .std-fa-item .std-fa-inputs select {
  border: 1px solid #d2d2d2;
  box-shadow: none;
  line-height: 26px;
  height: 30px;
  font-size: 14px;
  width: 160px;
  color: #385fab;
  font-weight: bold;
  padding: 0 10px;
  appearance: none;
}
@media only screen and (max-width: 767px) {
  .std-filters-area .std-fa-item .std-fa-inputs select {
    width: 100%;
    height: 40px;
  }
}
.std-filters-area .std-fa-item .std-fa-inputs .separ {
  line-height: 26px;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 2px;
  width: 7px;
  background: #385fab;
  margin-top: 15px;
}
.std-filters-area .std-fa-item .std-fa-inputs label input {
  font-size: 14px;
  outline: none;
  border: 1px solid #d2d2d2;
  padding: 3px 10px;
  font-weight: bold;
  letter-spacing: 1px;
  float: left;
  border-radius: 3px;
  color: #385fab;
}
.std-filters-area .std-fa-item .std-fa-inputs.vp-1 input {
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .std-filters-area .std-fa-item .std-fa-inputs.vp-1 input {
    width: 120px;
    height: 40px;
  }
}
.std-filters-area .std-fa-item .std-fa-inputs.vp-2 input {
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .std-filters-area .std-fa-item .std-fa-inputs.vp-2 input {
    width: 120px;
    height: 40px;
  }
}
.std-filters-area-form-flex {
  display: flex;
  flex-wrap: wrap;
}
.std-filters-area-form-flex > .std-fa-item {
  float: none;
}
.invbg .form-group > label {
  color: var(--inverse);
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.invbg .form-group .form-control {
  color: var(--chess-right-settings-input-arrow-color);
  background-color: var(--s-tasks-input);
  border: 1px solid #606d8c;
}
.invbg .form-group .btn.ui-select-toggle {
  padding: 6px 12px;
}
.invbg .form-group .ui-select-search-hidden {
  display: none;
}
.invbg .form-group .ui-select-match.btn-default-focus {
  background-color: #ffffff0f;
}
.invbg .form-group input.form-control,
.invbg .form-group input.form-control {
  /*background: #fdfeff;*/
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.std-lineloader {
  width: 100%;
  display: inline-block;
  height: 14px;
  background-color: #2f3851;
  border-radius: 10px;
  overflow: hidden;
}
.std-lineloader.--100 {
  width: 100px;
}
.std-lineloader.--150 {
  width: 150px;
}
.std-lineloader.--200 {
  width: 200px;
}
.std-lineloader.--250 {
  width: 250px;
}
.std-lineloader.--300 {
  width: 300px;
}
.std-lineloader.--350 {
  width: 350px;
}
.std-lineloader:after {
  content: '';
  animation-duration: 4.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(115deg, #2f3851 13%, #424b67 18%, #2f3851 27%);
  background-size: 1000px 14px;
  height: 100%;
  position: relative;
  display: block;
}
.std-rows .std-row {
  margin-bottom: 1px;
  border-bottom: 1px solid #ffffff14;
  min-height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.std-rows .std-row.std-row--head {
  opacity: 0.4;
  font-weight: bold;
}
.std-row-action {
  background-color: var(--btn-background);
  padding: 0px;
  border-radius: 3px;
  border: none;
  transition: 0.2s;
  color: var(--btn-color);
  line-height: 32px;
  width: 32px;
  text-align: center;
}
.std-row-action.no-bg {
  background-color: transparent;
}
.std-row-action:hover {
  background-color: #ffffff40;
  cursor: pointer;
  text-decoration: none;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.ui-select-match-text {
  overflow: hidden;
}
.white,
.view-light {
  --select-bg: #d2dbf1;
  --select-color: #333;
  --form-input-border: #8d97b1;
}
.white.ui-select-container .btn-default,
.view-light.ui-select-container .btn-default {
  background-color: #D2DBF1;
  border-radius: 2px;
  border: 1px solid #8D97B1;
  color: #333;
}
.white.ui-select-container .ui-select-match-text,
.view-light.ui-select-container .ui-select-match-text {
  color: #333;
}
.white .ui-select-container .btn-default,
.view-light .ui-select-container .btn-default {
  background-color: #D2DBF1;
  border-radius: 2px;
  border: 1px solid #8D97B1;
  color: #333;
}
.white .ui-select-container .btn,
.view-light .ui-select-container .btn {
  padding: 6px 12px 0;
}
.white .ui-select-container .form-control,
.view-light .ui-select-container .form-control {
  height: 34px;
}
.white .ui-select-container .form-control span,
.view-light .ui-select-container .form-control span {
  color: #333;
  margin-top: 0px;
}
.white .ui-select-container .form-control:hover,
.view-light .ui-select-container .form-control:hover {
  border-color: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
body.theme-white .changeFlatsParamModal .cfp-fl-link {
  border: 1px solid var(--chess-edit-flat-change-param-modal-index-border);
  background: var(--chess-edit-flat-change-param-modal-index-bg);
}
body.theme-white .changeFlatsParamModal .cfp-fl-link:hover {
  background: var(--chess-edit-flat-change-param-modal-index-bg-hover);
}
body.theme-white .changeFlatsParamModal .cfp-price-item {
  background: #c6cee7;
  border: 1px solid #8d97b1;
}
body.theme-white .changeFlatsParamModal .cfp-price-item.active {
  background: var(--color-blue);
  border-color: var(--color-blue);
  color: #fff;
}
body.theme-white .changeFlatsParamModal .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]) {
  color: #616d8e !important;
}
body.theme-white .exportHouseModal span.ehm-selecter {
  color: #adaeb7;
  text-transform: uppercase;
  margin-left: 10px;
  transition: 0.3s;
  cursor: pointer;
}
body.theme-white .exportHouseModal span.ehm-selecter.active {
  font-weight: bold;
  color: #333;
}
body.theme-white .exportHouseModal .ehm-item:hover {
  background-color: #bdc4e17a;
}
.std-overflow-auto {
  overflow-x: auto;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-color: #c6cfe5;
}
.rotate180 {
  transform: rotate(180deg);
}
.std-download {
  border: 1px solid var(--form-button-border);
  color: var(--form-button-light-color);
  border-left: none;
  border-radius: 0 2px 2px 0;
  padding: 4px 14px;
  width: 160px;
  text-align: center;
  margin-left: 1px;
}
.std-download:hover {
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .tplStd {
    padding-top: 0px;
  }
}
.tplStd.--withoutMenu .viewcontent {
  left: 0;
}
.tplStd .viewcontent {
  transition: 0.3s;
  position: fixed;
  overflow: auto;
  left: 220px;
  top: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .tplStd .viewcontent {
    padding-top: 0;
    padding-bottom: 50px;
    position: static;
    overflow: visible;
  }
}
@media print {
  .tplStd .viewcontent {
    position: static;
  }
}
.tplStd span.search-mobile-back {
  color: #fff;
  position: absolute;
  top: 17px;
  font-size: 16px;
  right: 0;
  left: 0;
  text-align: center;
}
.tplStd .tplstd-loader {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
}
.tplStd .tplstd-loader .t-l-ico {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  background: #e6dcdc;
}
.tplStd .cat {
  position: relative;
  width: 100%;
  max-width: 20em;
  overflow: hidden;
  background-color: #e6dcdc;
}
.tplStd .cat::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.tplStd .cat:hover > * {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.tplStd .cat:active > * {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.tplStd .cat__head,
.tplStd .cat__tail,
.tplStd .cat__body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: rotating 2.79s cubic-bezier(0.65, 0.54, 0.12, 0.93) infinite;
  animation: rotating 2.79s cubic-bezier(0.65, 0.54, 0.12, 0.93) infinite;
}
.tplStd .cat__head::before,
.tplStd .cat__tail::before,
.tplStd .cat__body::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-size: 200%;
  background-repeat: no-repeat;
  background-image: url("../images/cat_loader.png");
}
.tplStd .cat__head::before {
  top: 0;
  right: 0;
  background-position: 100% 0%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tplStd .cat__tail {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tplStd .cat__tail::before {
  left: 0;
  bottom: 0;
  background-position: 0% 100%;
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.tplStd .cat__body {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.tplStd .cat__body:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.tplStd .cat__body::before {
  right: 0;
  bottom: 0;
  background-position: 100% 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.tplStd .box {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  justify-content: center;
  align-items: center;
  background-color: #e6dcdc;
  position: absolute;
  width: 100%;
  height: 100%;
}
.tplStd .content .c-close {
  display: none;
}
.tplStd .content.minimize {
  /*   .st-bottom {
        opacity: 0;
        visibility: hidden;
      }*/
}
.tplStd .content.minimize .abbr {
  display: block;
}
.tplStd .content.minimize .csbsa-placeholder {
  display: none;
}
.tplStd .content.minimize .st-nav a {
  padding-left: 5px;
  position: relative;
}
.tplStd .content.minimize .st-nav a .flex-item {
  display: block;
  width: 100%;
  position: relative;
}
.tplStd .content.minimize .st-nav a .flex-item .nav-title {
  display: none;
}
.tplStd .content.minimize .s-topmenu:hover .st-nav a .flex-item .nav-title {
  display: block;
}
.tplStd .content.minimize .tm-logout {
  display: none;
}
.tplStd .content.minimize .csbsa-input input.form-control {
  padding-left: 35px;
}
.tplStd .content.minimize .st-bottom {
  padding-left: 3px;
}
.tplStd .content.minimize billing-check,
.tplStd .content.minimize .st-bottom {
  display: none;
}
.tplStd .content.minimize .s-topmenu:hover {
  width: 220px;
}
.tplStd .content.minimize .s-topmenu:hover .abbr {
  display: none;
}
.tplStd .content.minimize .s-topmenu:hover billing-check {
  display: block;
}
.tplStd .content.minimize .s-topmenu:hover .st-bottom {
  display: flex;
  padding-left: 0;
}
.tplStd .content.minimize .s-topmenu:hover .csbsa-placeholder {
  display: block;
}
.tplStd .content.minimize .s-topmenu:hover .st-nav {
  overflow: auto;
}
.tplStd .content.minimize .s-topmenu:hover .sts-sver {
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu:hover .stb-name {
  transition-delay: 0.2s;
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu:hover .st-nav a span {
  transition-delay: 0.2s;
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu:hover .tm-logout {
  display: block;
}
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu,
.tplStd .content.minimize .s-topmenu:hover .c-leads-button-menu,
.tplStd .content.minimize .s-topmenu:hover .c-charges-button-menu,
.tplStd .content.minimize .s-topmenu:hover .c-pays-button-menu,
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu,
.tplStd .content.minimize .s-topmenu:hover .c-news-button-menu {
  right: 2px;
  left: auto;
  top: 4px;
  flex-direction: row;
  align-items: center;
  max-width: none;
}
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu {
  right: -1px;
  top: 0;
  padding-top: 6px;
}
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu,
.tplStd .content.minimize .s-topmenu:hover .c-charges-button-menu {
  flex-direction: row;
  align-items: center;
  max-width: none;
}
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu .ctbm-item.--collapsed,
.tplStd .content.minimize .s-topmenu:hover .c-charges-button-menu .ctbm-item.--collapsed {
  display: none !important;
}
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu .ctbm-item.--all,
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu .ctbm-item.--out {
  display: block !important;
}
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu .ctbm-item.--meets {
  display: flex !important;
}
.tplStd .content.minimize .s-topmenu:hover .c-tasks-button-menu .ctbm-item.--meets .icon {
  display: inline-block;
}
.tplStd .content.minimize .s-topmenu:hover .c-charges-button-menu .ctbm-item.--toaccept,
.tplStd .content.minimize .s-topmenu:hover .c-charges-button-menu .ctbm-item.--all,
.tplStd .content.minimize .s-topmenu:hover .c-charges-button-menu .ctbm-item.--out {
  display: flex !important;
}
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu {
  flex-direction: row;
  align-items: center;
  max-width: none;
}
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu .ctb-item.--work,
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu .ctb-item.--feedback,
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu .ctb-item.--completed {
  display: block !important;
}
.tplStd .content.minimize .s-topmenu:hover .c-tickets-button-menu .ctb-item.--collapsed {
  display: none !important;
}
.tplStd .content.minimize .s-topmenu:hover .ctbm-item {
  height: 26px;
  min-width: 26px;
  line-height: 26px;
  padding: 0 6px;
  font-size: 10px;
  border-radius: 9px;
  margin-left: 3px;
  margin-bottom: 0;
}
.tplStd .content.minimize .s-topmenu:hover .ctbm-item.--meets .icon {
  display: inline-block;
}
.tplStd .content.minimize .s-topmenu:hover .ctbm-item span {
  font-size: 13px;
}
.tplStd .content.minimize .s-topmenu:hover .ctb-item {
  padding: 1px 7px;
  margin-left: 3px;
  margin-bottom: 0;
  font-size: inherit;
  min-width: 0;
  height: auto;
  line-height: inherit;
  border-radius: 4px;
}
.tplStd .content.minimize .s-topmenu:hover .c-wazzup-button-menu .cwbm-count {
  right: 2px;
  left: auto;
  top: 4px;
  height: 26px;
  min-width: 26px;
  line-height: 26px;
  font-size: 12px;
  padding: 0 6px;
  border-radius: 9px;
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu {
  width: 50px;
  /* .st-desc {
          display: none;
        }*/
  /*  .st-nav a {
          padding: 0 10px;

          span {
            opacity: 0;
            visibility: hidden;
          }
        }
*/
}
.tplStd .content.minimize .s-topmenu .st-nav {
  overflow: hidden;
}
.tplStd .content.minimize .s-topmenu .st-logo {
  opacity: 0;
}
.tplStd .content.minimize .s-topmenu .csb-icon {
  width: 50px;
}
.tplStd .content.minimize .s-topmenu .st-nav a span {
  opacity: 0;
  visibility: hidden;
}
.tplStd .content.minimize .s-topmenu .st-nav a .ctbm-item,
.tplStd .content.minimize .s-topmenu .st-nav a .ctbm-item span,
.tplStd .content.minimize .s-topmenu .st-nav a .ctbm-item .ringer,
.tplStd .content.minimize .s-topmenu .st-nav a .ctbm-item .ringer span,
.tplStd .content.minimize .s-topmenu .st-nav a .ctb-item,
.tplStd .content.minimize .s-topmenu .st-nav a .cwbm-count {
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu .c-leads-button-menu,
.tplStd .content.minimize .s-topmenu .c-pays-button-menu,
.tplStd .content.minimize .s-topmenu .c-news-button-menu {
  right: 2px;
  left: auto;
  top: 0;
  z-index: 2;
  flex-direction: column;
  align-items: flex-end;
  max-width: calc(100% - 8px);
}
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu,
.tplStd .content.minimize .s-topmenu .c-charges-button-menu {
  right: 2px;
  left: auto;
  top: 0;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-end;
  max-width: calc(100% - 8px);
}
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu .ctbm-item.--collapsed,
.tplStd .content.minimize .s-topmenu .c-charges-button-menu .ctbm-item.--collapsed {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  padding: 0 4px;
  margin: 0;
  font-size: 9px;
  border-radius: 8px;
  background: var(--menu-ctbm-item-all-bg, #ffffff1a);
}
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu .ctbm-item.--collapsed.--has-overdue,
.tplStd .content.minimize .s-topmenu .c-charges-button-menu .ctbm-item.--collapsed.--has-overdue {
  background-color: #ad6162;
}
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu .ctbm-item.--collapsed span,
.tplStd .content.minimize .s-topmenu .c-charges-button-menu .ctbm-item.--collapsed span {
  font-size: 9px;
  line-height: 16px;
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu .ctbm-item.--all,
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu .ctbm-item.--out,
.tplStd .content.minimize .s-topmenu .c-tasks-button-menu .ctbm-item.--meets {
  display: none !important;
}
.tplStd .content.minimize .s-topmenu .c-charges-button-menu .ctbm-item.--toaccept,
.tplStd .content.minimize .s-topmenu .c-charges-button-menu .ctbm-item.--all,
.tplStd .content.minimize .s-topmenu .c-charges-button-menu .ctbm-item.--out {
  display: none !important;
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu {
  right: 2px;
  left: auto;
  top: 0;
  padding-top: 0;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-end;
  max-width: calc(100% - 8px);
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--collapsed {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  padding: 0 4px;
  margin: 0;
  font-size: 9px;
  font-weight: bold;
  border-radius: 8px;
  background: #646464;
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--collapsed.--alert-feedback {
  background: #ef8400;
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--collapsed.--alert-completed {
  background: #4f8e32;
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--collapsed.--alert-split {
  background: linear-gradient(90deg, #ef8400 50%, #4f8e32 50%);
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--collapsed span {
  font-size: 9px;
  line-height: 16px;
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--work,
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--feedback,
.tplStd .content.minimize .s-topmenu .c-tickets-button-menu .ctb-item.--completed {
  display: none !important;
}
.tplStd .content.minimize .s-topmenu .ctbm-item {
  height: 14px;
  min-width: 14px;
  line-height: 14px;
  padding: 0 3px;
  font-size: 9px;
  border-radius: 7px;
  margin-left: 0;
  margin-bottom: 1px;
}
.tplStd .content.minimize .s-topmenu .ctbm-item.--meets .icon {
  display: none;
}
.tplStd .content.minimize .s-topmenu .ctbm-item span {
  font-size: 9px;
}
.tplStd .content.minimize .s-topmenu .ctb-item {
  height: 14px;
  min-width: 14px;
  line-height: 14px;
  padding: 0 3px;
  font-size: 9px;
  border-radius: 7px;
  margin-left: 0;
  margin-bottom: 1px;
}
.tplStd .content.minimize .s-topmenu .c-wazzup-button-menu .cwbm-count {
  right: 2px;
  left: auto;
  top: 0;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  font-size: 9px;
  padding: 0 4px;
  border-radius: 8px;
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu .--r {
  opacity: 1;
  visibility: visible;
}
.tplStd .content.minimize .s-topmenu .--l {
  opacity: 0;
  visibility: hidden;
}
.tplStd .content.minimize .s-topmenu .sts-sver {
  opacity: 0;
  visibility: hidden;
}
.tplStd .content.minimize .s-topmenu .stb-name {
  opacity: 0;
  visibility: hidden;
}
.tplStd .content.minimize .viewcontent {
  left: 50px;
}
.tplStd .content .c-mobile-burger {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tplStd .content .st-logo {
    width: 100%;
  }
  .tplStd .content .viewcontent {
    left: 0;
  }
  .tplStd .content .s-topmenu {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-120%);
  }
  .tplStd .content .s-topmenu.active {
    width: 240px;
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
  }
  .tplStd .content .c-close {
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 20px;
    background: #fff;
    color: #444;
    cursor: pointer;
    position: absolute;
    left: 100%;
    display: block;
    z-index: 2;
    border-radius: 50%;
    top: 10px;
    margin-left: 10px;
  }
  .tplStd .content .st-bottom {
    bottom: 0;
  }
  .tplStd .content .st-sbottom {
    display: none;
  }
}
@media only screen and (max-width: 767px) and only screen and (max-width: 767px) {
  .tplStd .content .s-topmenu.active {
    width: 270px;
  }
}
.tplStd .intro {
  width: 90%;
  max-width: 36rem;
  padding-bottom: 1rem;
  margin: 0 auto 1em;
  padding-top: 0.5em;
  font-size: calc(1rem + 2vmin);
  text-transform: capitalize;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
  text-align: center;
}
.tplStd .intro small {
  display: block;
  opacity: 0.5;
  font-style: italic;
  text-transform: none;
}
.tplStd .info {
  margin: 0;
  padding: 1em;
  font-size: 0.9em;
  font-style: italic;
  font-family: serif;
  text-align: right;
  opacity: 0.5;
}
.tplStd .info a {
  color: inherit;
}
.fade-animation {
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.fade-animation.fa-active {
  opacity: 1;
  visibility: visible;
}
body [background-theme="dark"] {
  --standart-color: #fff;
  --kanban-filters-bg: #0000003b;
  --standart-border: #474477;
}
body [background-theme="white"] {
  --standart-color: #000;
  --kanban-filters-bg: #ffffff87;
  --standart-border: #00000054;
}
body [background-theme="white"] .c-lead-status-col .scs-head-title {
  background: #ffffff96;
  border-radius: 10px;
}
body [background-theme="white"] .scs-ht-count {
  line-height: 30px;
  height: 30px;
  border-radius: 10px;
}
body [background-theme="white"] .c-lead-status-col .scs-body-stats {
  background: #ffffff96;
}
body [background-theme="white"] .scs-head-text-text {
  margin-left: 15px;
}
body [background-theme="white"] .scs-noclients {
  background: #ffffff96;
}
body [background-theme="white"] .c-leads-opened-requests .clpr-title {
  background: #ffffff96;
  padding-left: 15px;
  border-radius: 10px;
}
body [background-theme="white"] .c-leads-opened-requests .clpr-nores {
  background: #ffffff96;
}
body [background-theme="white"] .c-leads-opened-requests .count {
  margin-left: -15px;
  border-radius: 10px;
  height: 30px;
  line-height: 30px;
}
body [background-theme="white"].s_leads {
  --standart-color-cc: #2f323a;
  --standart-color-33: #00000033;
  --standart-color-99: #00000099;
  --standart-color-11: #00000011;
}
body [background-theme="white"].s_leads .c-leads-opened-requests .clpr-title b,
body [background-theme="white"].s_leads .c-leads-opened-requests .count {
  text-shadow: 0px 1px 11px #fff;
}
/*
В этом файле переопределяем стили, связанные с bootstrap, под наш дизайн
*/
.pagination.on-white-bg > .active > a,
.pagination.on-white-bg > .active > a:focus,
.pagination.on-white-bg.active > a:hover,
.pagination.on-white-bg > .active > span,
.pagination.on-white-bg > .active > span:focus,
.pagination.on-white-bg > .active > span:hover {
  background-color: #0680c7;
  border-color: #1b6fa0;
  color: #fff;
  pointer-events: none;
}
.pagination.on-white-bg > li > a,
.pagination.on-white-bg > li > span {
  background-color: #f1f4fa;
  border: 1px solid #9eadd4;
  color: #5f5f5f;
}
.pagination.on-white-bg > li > a:focus,
.pagination.on-white-bg > li > a:hover,
.pagination.on-white-bg > li > span:focus,
.pagination.on-white-bg > li > span:hover {
  color: #23527c;
  background-color: #fff;
  border-color: #1b6fa0;
}
.daterangepicker .ranges li.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--color-blue);
}
body.theme-white .std-btn.--grad {
  background: linear-gradient(131deg, rgba(155, 53, 122, 0.8) 0%, rgba(46, 83, 216, 0.8) 100%);
}
body.theme-white .std-btn.--gradfull {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
}
.std-block-edit {
  position: absolute;
  font-size: 14px;
  background: var(--btn-background);
  color: var(--btn-color);
  line-height: 40px;
  border-radius: 5px;
  top: 10px;
  right: 10px;
  text-align: center;
  transition: 0.2s;
  width: 40px;
  height: 40px;
}
.std-block-edit:hover {
  background-color: var(--btn-background-hover);
  cursor: pointer;
  color: var(--btn-color-hover);
  text-decoration: none;
}
.std-reports-table-download {
  background: #cfd9ef;
  color: #434c62;
  padding: 5px 9px 5px 27px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  transition: 0.3s;
  font-weight: normal;
}
.std-reports-table-download:hover {
  background: #c4d4f9;
  cursor: pointer;
}
.std-reports-table-download i {
  position: absolute;
  left: 8px;
  font-size: 16px;
  top: 6px;
}
.--grad {
  background: linear-gradient(131deg, rgba(155, 53, 122, 0.57) 0%, rgba(46, 83, 216, 0.52) 100%);
  border: none !important;
  color: #fff !important;
}
.--wz {
  background-color: #429a42 !important;
  border: none !important;
  color: #fff !important;
}
.--gradfull {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  border: none !important;
  color: #fff !important;
}
.std-btn {
  background-color: var(--btn-background);
  padding: 10px 20px;
  border-radius: 3px;
  border: none;
  transition: 0.2s;
  color: var(--btn-color);
  border: 1px solid var(--btn-border-color);
  position: relative;
  display: inline-block;
  text-decoration: none !important;
  white-space: nowrap;
}
.std-btn.--help {
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  border: none;
  height: 34px;
  width: 34px;
  text-align: center;
  padding: 0 !important;
  font-size: 20px !important;
}
.std-btn.--help:before {
  content: "\f128";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  opacity: 0.5;
  color: var(--modsexy-btns-color);
}
.std-btn.--black:before {
  color: #000;
}
.std-btn.--block {
  display: block;
  width: 100%;
}
.std-btn.--border {
  background: #0000;
  border: 1px solid #616b86;
}
.std-btn.--border2 {
  padding: 9px 20px;
  background: #0000;
  color: #6e7791;
  border-color: #525d7a;
}
.std-btn.--sm {
  padding: 0px 14px;
  line-height: 34px;
  font-size: 13px;
}
.std-btn.--sm34 {
  padding: 0px 14px;
  line-height: 32px;
  font-size: 13px;
}
.std-btn.--sm34.--icon {
  padding-left: 33px;
}
.std-btn.--sm34.--icon i {
  left: 0px;
  width: 34px;
  height: 32px;
  line-height: 33px;
}
.std-btn i {
  position: absolute;
  left: 4px;
  top: 0;
  width: 34px;
  height: 34px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
}
.std-btn .std-btn-question {
  opacity: 0.3;
  margin-left: 2px;
  position: relative;
  top: 1px;
}
.std-btn .std-btn-question.--full {
  opacity: 1;
}
.std-btn icon {
  font-size: 14px;
  margin: 0 -4px 0;
  position: relative;
  top: 1px;
}
.std-btn.--iconsolo {
  position: relative;
}
.std-btn.--iconsolo icon {
  position: absolute;
}
.std-btn.--xs {
  padding: 0px 13px;
  line-height: 26px;
  font-size: 12px;
}
.std-btn.--xs.--icon {
  padding-left: 33px;
}
.std-btn.--xs.--iconsolo {
  width: 28px;
}
.std-btn.--xs.--iconsolo icon {
  font-size: 20px;
}
.std-btn.--xs i {
  left: 2px;
  font-size: 12px;
  top: 0;
  height: 26px;
  width: 30px;
  line-height: 26px;
}
.std-btn.--icon {
  padding-left: 41px;
}
.std-btn.blue {
  background-color: var(--color-blue);
  color: #fff;
}
.std-btn:hover {
  background-color: var(--btn-background-hover);
  cursor: pointer;
  color: var(--btn-color-hover);
  text-decoration: none;
}
.std-btn[disabled] {
  background: #2f3851;
  color: #787d8a;
}
.std-btn.lg-block {
  width: 100%;
  padding: 20px;
  font-size: 16px;
}
.std-btn.no-bg {
  background: transparent !important;
}
.std-buttons-line {
  display: flex;
  align-items: center;
}
.std-buttons-line > * {
  margin-right: 10px;
}
.std-icon {
  opacity: 0.5;
  height: 26px;
  display: inline-block;
  width: 26px;
  text-align: center;
  line-height: 26px;
  margin-left: 2px;
  border-radius: 3px;
  transition: 0.2s;
  color: inherit;
}
.std-icon:hover {
  opacity: 1;
  cursor: pointer;
  color: inherit;
}
.std-refresh {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%) !important;
  border: none;
  width: 46px;
  height: 36px;
  font-size: 17px;
  border-radius: 10px;
  margin-left: 6px;
  transition: 0.2s;
  color: #fff !important;
  text-decoration: none !important;
}
.std-refresh.btn {
  width: auto;
}
.std-refresh.btn > span {
  font-size: 13px;
  position: relative;
  top: -2px;
  margin-left: 2px;
}
@media only screen and (max-width: 767px) {
  .std-refresh.btn {
    line-height: 29px;
  }
}
.std-refresh.small {
  width: 36px;
}
@media only screen and (max-width: 767px) {
  .std-refresh {
    width: 40px;
    height: 40px;
  }
}
.std-refresh i {
  padding-top: 1.7px;
}
.std-refresh:hover {
  cursor: pointer;
}
.theme-white {
  --cal-day-bg: #ffffff;
  --cal-day-color: #263151;
  --cal-day-border: #9fa7ba;
  --cal-border: #8d97b1;
  --fc-highlight-color: #8c9ec975;
}
.theme-white .std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default[disabled] {
  background: repeating-linear-gradient(-45deg, #e7eaf4, #fbfbfb 0px, #e7eaf4 2px, #d3d6de 6px);
  color: #8f94a3;
}
.theme-white .std-calendar-dark.std-calendar-inline.uib-datepicker .btn-default .text-muted {
  color: #bebebe;
}
.fc-event-time {
  font-weight: bold;
}
.theme-dark {
  --cal-day-bg: #2d3854;
  --cal-day-color: #fff;
  --cal-day-border: #4b5365;
  --cal-border: #404a61;
  --fc-highlight-color: #8c9ec975;
}
.theme-dark .std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default[disabled] {
  background: repeating-linear-gradient(-45deg, #222c46, #2d3854 0px, #4d5874 2px, #222c46 6px);
  color: #919191;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker {
  border: 1px solid var(--cal-border);
  background-color: transparent;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker thead tr:nth-child(1) {
  background-color: var(--tasks-addtask-calendar-head-bg);
}
.std-calendar-dark.std-calendar-inline.uib-datepicker thead tr:nth-child(1) .btn {
  color: var(--tasks-text-color);
}
.std-calendar-dark.std-calendar-inline.uib-datepicker thead tr:nth-child(2) {
  background-color: var(--tasks-addtask-calendar-head-bg);
  color: var(--tasks-text-color);
}
.std-calendar-dark.std-calendar-inline.uib-datepicker table {
  width: 100%;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default.active {
  color: var(--cal-day-color);
  background-color: var(--cal-day-bg);
  box-shadow: none;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default.btn-info.active {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  color: #fff;
  box-shadow: 0px 0px 1px 1px var(--cal-day-color);
  position: relative;
  border-radius: 3px;
  border: none;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default.active span {
  color: inherit;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default[disabled] .text-muted {
  color: inherit;
}
.std-calendar-dark.std-calendar-inline.uib-datepicker tbody td .btn-default {
  color: var(--cal-day-color);
  background-color: var(--cal-day-bg);
}
.std-calendar-dark.std-calendar-inline.uib-datepicker .uib-day .btn-default {
  border-color: var(--cal-day-border);
}
.scs-card-agency {
  background: #dc1b1b17;
  margin: 0px -13px -1px;
  padding: 7px 3px 7px 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  border-bottom: 1px solid #e7d2d247;
  border-top: 1px solid #e7d2d247;
}
.scs-card-footer {
  margin-top: 10px;
  color: #737373;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}
.scs-card-assigns {
  display: block;
  background: #8682a6;
  color: #fff;
  padding: 4px 0;
  border-radius: 0px;
  text-align: center;
  margin: -7px -14px 7px;
  font-weight: bold;
}
.scs-card-desc {
  overflow: hidden;
  font-size: 13px;
  max-height: 46px;
  line-height: 1.2em;
  margin: 6px 0 9px;
  position: relative;
  white-space: normal;
  text-overflow: ellipsis;
  color: #737373;
}
.scs-card-desc-books {
  overflow: hidden;
  font-size: 13px;
  max-height: 49px;
  line-height: 1.2em;
  margin: 6px 0 9px;
  position: relative;
  white-space: normal;
  text-overflow: ellipsis;
  color: #737373;
  padding-top: 1px;
  padding-bottom: 2px;
}
.scs-card-tasks {
  margin: 0 -13px 0;
  background: #0086ff1f;
}
.scs-card-tasks .scs-card-task {
  padding: 5px 30px 5px 13px;
  line-height: 1.3em;
  margin: -1px 0px 0px 0px;
  border-top: 1px solid #dae7f3;
  border-bottom: 1px solid #dae7f3;
  font-size: 12px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.scs-card-tasks .scs-card-task.full {
  padding-right: 5px;
}
.scs-card-tasks .scs-card-task.expired {
  background-color: #ff000536;
  border-bottom-color: #ce9696;
  border-top-color: #ce9696;
  z-index: 2;
}
.scs-card-tasks .scs-card-task.expired .scs-card-task-icon {
  color: #a53738;
}
.scs-card-tasks .scs-card-task b {
  margin-bottom: 3px;
  display: block;
  overflow: inherit;
  text-overflow: ellipsis;
}
.scs-card-tasks .scs-card-task b.--old {
  color: #bf0000;
}
.scs-card-tasks .scs-card-task .scs-card-task-icon {
  display: inline-block;
  font-size: 19px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: 3px;
  top: 8px;
  color: #91a2b1;
}
.scs-card-tasks .scs-card-task-typer {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  padding: 0px 6px;
  border-radius: 3px;
  margin-right: 1px;
}
body {
  --color-contrast: #fff;
  --color-blue: #2e53d8;
}
body.theme-white {
  --color-contrast: #000;
}
body {
  --std-row-bg: #303950;
  --el-buttons-list-item-color: #fff;
  --el-buttons-list-item-bg: #303950;
  --el-buttons-list-item-bg-hover: #374058;
  --el-buttons-list-item-bg-selected: #616e8b;
  --el-buttons-list-item-border: #616e8b;
  --el-highlights-bg: #ffffff11;
  --color-red: #fc6c6c;
  --color-orange: #ffcb00;
  --color-green: #2ec300;
  --el-btn-color-bg: #2f3851;
  --el-plate-bg: #37415a;
}
body.theme-white,
body .view-light {
  --std-row-bg: #fff;
  --el-buttons-list-item-color: #000;
  --el-buttons-list-item-bg: #e7eaf4;
  --el-buttons-list-item-bg-hover: #d8dcf0;
  --el-buttons-list-item-bg-selected: #b1c0e3;
  --el-buttons-list-item-border: #bebfe4;
  --el-highlights-bg: #0717600f;
  --color-red: #c84c4c;
  --color-orange: #d98913;
  --color-green: #2ec300;
  --el-btn-color-bg: #c7cfe4;
  --el-plate-bg: #fff;
}
body.theme-white .std-howto,
body .view-light .std-howto {
  background-color: #00000017;
}
body.theme-white .std-noelems-area,
body .view-light .std-noelems-area,
body.theme-white .std-elems-loading,
body .view-light .std-elems-loading {
  background-image: repeating-linear-gradient(-45deg, #0000000a 0, #0000000a 20px, #00000000 20px, #00000000 23px);
}
body.theme-white .std-drag-zone,
body .view-light .std-drag-zone {
  background: #f5f5f5;
}
body.theme-white .std-drag-zone::before,
body .view-light .std-drag-zone::before {
  background: linear-gradient(120deg, transparent 35%, rgba(80, 60, 150, 0.1) 45%, rgba(120, 80, 220, 0.28) 50%, rgba(80, 60, 150, 0.1) 55%, transparent 65%);
}
body.theme-white .sexy-modal,
body .view-light .sexy-modal {
  --el-plate-bg: #cfd7ec;
}
body.theme-white .std-head h1 > a {
  color: #000 !important;
  border-bottom-color: #000 !important;
}
body.demo-mode .demo-blur,
body.demo-mode .scs-card-agent,
body.demo-mode .st-menu-obj a,
body.demo-mode .house-selector h1,
body.demo-mode .sphsi-param[data-key="project"],
body.demo-mode .flatsStatModal .std-modal-title,
body.demo-mode .sp-project h2 > span {
  filter: blur(5px);
}
*:focus:not(:focus-visible) {
  outline: none !important;
}
p.dd-before {
  font-size: 12px;
  padding: 6px 15px;
  border-bottom: 1px solid #ddd;
}
ul.dropdown-menu li a {
  line-height: 30px;
  cursor: pointer;
  margin: 0;
  padding: 0 14px;
}
ul.dropdown-menu li {
  margin-bottom: 0;
  padding: 0;
}
.std-form-sticky-buttons {
  margin-top: 15px;
  position: sticky;
  bottom: 10px;
  z-index: 222;
}
.std-form-sticky-buttons .std-btn {
  line-height: 50px;
  border-radius: 15px;
  font-size: 16px;
}
.el-plate {
  background: var(--el-plate-bg);
  margin-bottom: 10px;
  border-radius: 9px;
  padding: 15px 20px;
  transition: 0.3s;
  display: block;
  text-decoration: none !important;
  color: inherit !important;
  position: relative;
}
.el-plate:hover {
  cursor: pointer;
  transform: scale(1.01);
  box-shadow: 0px 3px 10px -7px #000f;
}
.el-plate .el-plate-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.el-plate .el-plate-small {
  font-size: 85%;
  opacity: 0.7;
}
.el-plate .el-plate-right {
  text-align: right;
}
.el-plate .el-plate-place {
  height: 10px;
}
.el-plate .el-plate-text {
  line-height: 1.6em;
}
.w1200 {
  width: 1200px;
  margin: auto;
}
.form-text {
  line-height: 34px;
}
.togglers-line > * {
  margin-right: 15px;
}
.togglers-line > *:last-child {
  margin-right: 0;
}
.std-noelems-area {
  background-image: repeating-linear-gradient(-45deg, #ffffff0d 0, #ffffff0d 20px, #ffffff00 20px, #ffffff00 23px);
  border-radius: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}
.std-drag-zone {
  position: relative;
  overflow: hidden;
  background: #2d374f;
  border-radius: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  border: 2px dashed #9296a0;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
.std-drag-zone::before {
  content: '';
  position: absolute;
  inset: -50%;
  background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.08) 45%, rgba(170, 130, 255, 0.25) 50%, rgba(255, 255, 255, 0.08) 55%, transparent 65%);
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.std-drag-zone.std-dragover {
  border-color: #bdaaff !important;
  background: #4a3c70;
}
.std-drag-zone.std-dragover::before {
  opacity: 1;
  animation: drag-shine 1.8s linear infinite;
}
@keyframes drag-shine {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(50%);
  }
}
span.pereus {
  background: #7b8ab3;
  color: #fff;
  border-radius: 5px;
  min-width: 25px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  position: absolute;
  top: 9px;
  right: 7px;
}
.std-elems-loading {
  background-image: repeating-linear-gradient(-45deg, #ffffff0d 0, #ffffff0d 20px, #ffffff00 20px, #ffffff00 23px);
  border-radius: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  animation-duration: 39.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -30vw 0;
  }
  100% {
    background-position: 70vw 0;
  }
}
.ui-select-bootstrap > .ui-select-choices {
  width: auto;
  max-width: 150%;
  min-width: 100%;
}
.std-count-on-black {
  background: #ffffff12;
  border-radius: 3px;
  min-width: 27px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.std-count-on-black.active {
  background: #fff3;
}
.std-color-red {
  color: var(--color-red);
}
.std-color-red-real {
  color: #f00;
}
.std-color-green {
  color: var(--color-green);
}
.std-color-orange,
.std-color-warn,
.std-color-warning {
  color: var(--color-orange);
}
.el-buttons-list {
  color: var(--el-buttons-list-item-color);
}
.el-buttons-list.line {
  width: 100%;
  display: flex;
}
.el-buttons-list.line .el-buttons-list-item {
  margin-bottom: 0;
  margin-right: 5px;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  justify-content: center;
}
.el-buttons-list.line .el-buttons-list-item:last-child {
  margin-right: 0;
}
.el-buttons-list-item {
  margin-bottom: 10px;
  background: var(--el-buttons-list-item-bg);
  border: 1px solid var(--el-buttons-list-item-border);
  border-radius: 4px;
  padding: 7px 12px;
  display: flex;
  justify-content: space-between;
  min-height: 34px;
  align-items: center;
  transition: 0.3s;
  color: inherit;
  text-decoration: none !important;
}
.el-buttons-list-item.disabled {
  opacity: 0.8;
  pointer-events: none;
}
.el-buttons-list-item.selected {
  background: var(--el-buttons-list-item-bg-selected) !important;
}
.el-buttons-list-item:hover:not(.disabled-hover) {
  color: inherit;
  background: var(--el-buttons-list-item-bg-hover);
  cursor: pointer;
}
.el-buttons-list-item:last-child {
  margin-bottom: 0px;
}
.std-bottom-panel {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 220px;
  transition: 0.3s;
  background: #0680c7;
  color: #fff;
  padding: 20px;
  transform: translateY(110%);
  z-index: 100;
}
.std-bottom-panel.active {
  transform: translateY(0%);
}
.std-bottom-panel button.sbp-closer {
  display: inline-block;
  margin-left: 10px;
  background-color: #41a3dd;
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  transition: 0.3s;
  margin-right: 8px;
}
.std-bottom-panel .sbp-content {
  display: flex;
  justify-content: space-between;
}
.std-bottom-panel .spb-closer {
  margin-left: 10px;
  font-size: 15px;
  background-color: #41a3dd;
  padding: 0 4px;
  border-radius: 2px;
}
.std-bottom-panel .sbp-buttons button {
  background-color: #41a3dd;
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  transition: 0.3s;
  margin-right: 8px;
}
img.integration-leads-icon {
  width: 25px;
  margin-right: 8px;
}
.std-list-block {
  background-color: #ffffff17;
  padding: 10px 15px;
  border-radius: 3px;
  margin-bottom: 10px;
  color: inherit;
  text-decoration: none !important;
}
.std-list-block.big {
  margin-bottom: 15px;
  padding: 16px 22px;
  border-radius: 10px;
  border: 1px solid #5f677b;
}
.std-list-block:not(.disable-hover) {
  transition: 0.3s;
}
.std-list-block:not(.disable-hover):hover {
  background-color: #ffffff27;
  cursor: pointer;
  transform: scale(1.01);
  color: inherit;
}
.std-list-block:last-child {
  margin-bottom: 0;
}
.std-bg-highlight {
  background: var(--el-highlights-bg);
}
.theme-white .std-list-block {
  background-color: #d3dcf0;
}
.theme-white .std-list-block:hover {
  background-color: #c9d4ec;
}
.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.small-desc {
  font-size: 12px;
  line-height: 1.3em;
}
.small-desc p {
  margin-bottom: 5px;
}
.std-howto {
  display: inline-block;
  margin-left: 5px;
  border-left: 2px solid;
  border-right: 2px solid;
  padding: 0 3px;
  border-radius: 4px;
  background-color: #ffffff1a;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  line-height: 15px;
  color: inherit;
}
.std-loading-allow {
  transition: 0.2s;
}
.std-loading-allow.loading {
  opacity: 0.2;
  pointer-events: none;
}
.std-modal-titlesep {
  margin: 50px -30px 20px;
  font-size: 14px;
  border-bottom: 1px solid var(--leadModal-part-title-border);
  padding: 0 30px 10px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.std-el-datarow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.std-el-datarow-input {
  width: 100%;
}
.std-el-burger {
  height: 34px;
  min-width: 34px;
  background: var(--el-btn-color-bg);
  line-height: 34px;
  text-align: center;
  font-size: 17px;
  border-radius: 5px;
  cursor: ns-resize;
}
.std-el-datarow > * {
  margin-right: 8px;
}
.std-el-datarow > *:last-child {
  margin-right: 0;
}
.std-el-remover {
  height: 34px;
  min-width: 34px;
  background: var(--el-btn-color-bg);
  line-height: 34px;
  text-align: center;
  font-size: 17px;
  border-radius: 5px;
  cursor: pointer;
}
.std-el-datarow:last-child {
  margin-bottom: 0;
}
.std-el-datarow-text-nowrap {
  white-space: nowrap;
}
.std-el-btn-placeholder {
  min-width: 34px;
}
.std-filters-row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .std-filters-row {
    display: block;
  }
}
.std-filters-row > * {
  margin-right: 10px;
  width: 200px;
}
.std-filters-row > *:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .std-filters-row > * {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.rank-medal {
  display: inline-block;
  width: 35px;
  height: 27px;
  border-radius: 4px;
  margin-left: 0px;
  text-align: center;
  line-height: 24px;
  background: transparent;
  border: 1px solid #d4d8e2;
  color: #c9c8c8;
  white-space: nowrap;
}
.rank-medal i {
  font-size: 13px;
}
.rank-medal[rank="1"] {
  background: #e7eaf4;
  color: #555b78;
}
.rank-medal[rank="2"] {
  background: #d5deff;
  border-color: #bdc6ea;
  color: #000;
}
.rank-medal[rank="3"] {
  background: #fff6c8;
  color: #7d4f08;
  border-color: #e1d8ca;
}
.rank-medal[rank="4"] {
  color: #ffd800;
  background: #2d47b4;
  border-color: #2d47b4;
}
.rank-medal[rank="4"] .small-rank {
  opacity: 1;
}
.rank-medal .small-rank {
  font-size: 11px;
  display: inline-block;
  margin-left: -1px;
  position: relative;
  top: -3px;
  opacity: 0.7;
}
body .white-inputs .ui-select-container .form-control {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #c6cad5 !important;
}
body .white-inputs .ui-select-bootstrap .ui-select-match-text {
  color: #434e63;
}
body .white-inputs .c-toggler-inline .slider.round {
  border: 1px solid #c6cad5;
}
body .white-inputs .c-toggler-inline .slider {
  background-color: #fdfeff;
}
body .white-inputs .c-toggler-inline .slider:before {
  background-color: #b7becf;
}
body.theme-dark .std-white-filters.--purple {
  --form-input-border: #5b4a83;
  --select-bg: #473a64;
  --select-list-bg: #473a64;
}
body.theme-dark .std-white-filters.--purple button {
  border: transparent;
}
.std-white-filters {
  display: flex;
  align-items: end;
  margin: -30px -30px 30px;
  padding: 5px 30px 25px;
  border-bottom: 1px solid #c6cfe4;
  flex-wrap: wrap;
}
.std-white-filters.--purple {
  border-top: 1px solid var(--clif-border);
  border-bottom: 1px solid var(--clif-border);
  padding: 0px 30px 20px;
  color: var(--standart-border);
  background-color: var(--std-head-bg);
}
.std-white-filters.nomarg {
  padding: 5px 30px 20px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .std-white-filters {
    margin: -15px -15px 15px;
    padding: 0px 15px 20px !important;
  }
}
.std-white-filters .filters-inputs {
  display: flex;
  align-items: center;
}
.std-white-filters .filters-inputs input {
  width: 70px;
  text-align: center;
}
.std-white-filters.no-bottom-margin {
  margin-bottom: 0;
}
.std-white-filters .count {
  margin-bottom: 6px;
  white-space: nowrap;
}
.std-white-filters > div {
  margin-right: 15px;
  min-width: 175px;
  max-width: 175px;
}
.std-white-filters > * {
  margin-bottom: 0;
  margin-top: 15px;
  margin-right: 15px;
}
.std-white-filters .form-group input {
  padding-left: 8px;
  padding-right: 8px;
}
.std-white-filters .form-group.wauto {
  min-width: 10px;
  max-width: 100000px;
}
.std-white-filters .form-group > label {
  color: #7e8aa9;
  font-size: 13px;
  height: 22px;
  margin-bottom: 0 !important;
  display: block;
}
.std-white-filters .form-group.w185 {
  min-width: 185px;
  max-width: 185px;
}
.std-white-filters .form-group.w-date {
  min-width: 210px;
  max-width: 210px;
}
.std-white-filters .form-group.w200 {
  min-width: 200px;
  max-width: 200px;
}
.std-white-filters .form-group.w300 {
  min-width: 300px;
  max-width: 300px;
}
.std-white-filters .form-group.w230 {
  min-width: 230px;
  max-width: 230px;
}
.std-white-filters .form-group.w250 {
  min-width: 250px;
  max-width: 250px;
}
@media only screen and (max-width: 767px) {
  .std-white-filters .form-group.mw150 {
    min-width: 150px;
    max-width: 150px;
  }
}
.std-white-filters .form-group.w150 {
  min-width: 150px;
  max-width: 150px;
}
.std-white-filters .form-group.w135 {
  min-width: 135px;
  max-width: 135px;
}
.std-white-filters .form-group.auto {
  min-width: auto;
  max-width: 1000px !important;
}
.std-white-filters > *:last-child {
  margin-right: 0;
}
.std-white-filters .filter-flex-input {
  display: flex;
  align-items: center;
}
body {
  --hover-transparent-base-hovered: #fff1;
}
body.theme-white {
  --hover-transparent-base-hovered: #0001;
}
.hover-transparent-base {
  transition: 0.3s;
}
.hover-transparent-base:hover {
  background-color: var(--hover-transparent-base-hovered);
  cursor: pointer;
}
.theme-dark {
  --modsexy-area-bg: #222c46;
  --modsexy-area-color: #fff;
  --modsexy-btns-bg: #485066;
  --modsexy-btns-border: #5b657c;
  --modsexy-btns-color: #fff;
  --modsexy-statuses-bg: #fff2;
  --modsexy-statuses-color: #fff;
  --modsexy-statuses-border: #fff4;
  --modsexy-statuses-opavis: 0.5;
  --modsexy-statuses-active-bg: #fff;
  --modsexy-scroll-bg: #ffffff17;
  --modsexy-scroll-color: #fff;
  --modsexy-scroll-border: #fff3;
  --modsexy-fixed-bg: #222a3fe3;
}
.theme-dark .sm-events {
  color: #fff;
  background: linear-gradient(109deg, #242C44 0%, #342C57 100%);
}
.theme-white {
  --modsexy-area-bg: #fff;
  --modsexy-area-color: #000;
  --modsexy-btns-bg: #f6f6f6;
  --modsexy-btns-border: #acacac;
  --modsexy-btns-color: #4b4b4b;
  --modsexy-statuses-bg: #fff;
  --modsexy-statuses-color: #000;
  --modsexy-statuses-border: #0004;
  --modsexy-statuses-opavis: 0.8;
  --modsexy-statuses-active-bg: #28354e;
  --modsexy-scroll-bg: #00000017;
  --modsexy-scroll-color: #000;
  --modsexy-scroll-border: #0003;
  --modsexy-fixed-bg: #ffffffe6;
}
.theme-white .sm-events {
  color: #000;
  background: linear-gradient(109deg, #f0e2ec 0%, #a2b0e3 100%);
}
.theme-white .sexy-modal {
  background: linear-gradient(222deg, #f4f6ff 0%, #dfe7ff 100%);
}
.theme-white .sexy-modal:after {
  opacity: 0.05;
}
.theme-white .sm-sexy-btn {
  background: #ccdaf9;
  border: 1px solid #1b3cc169;
  color: #000000 !important;
}
.theme-white .sm-sexy-btn:hover {
  background-color: #4792ff4a;
  border-color: #0043ff80;
}
@media only screen and (max-width: 767px) {
  .mobile-scroll {
    overflow: auto;
  }
}
.sm-sexy-left-btn-bodytext {
  white-space: nowrap;
}
.modal-open .modal.sexy-modal {
  overflow-x: auto;
}
.sm-sexy-top-btns {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .sm-sexy-top-btns {
    display: block;
    padding: 15px;
  }
}
.sm-sexy-top-btns.full {
  width: 100%;
}
.sm-sexy-left-btn-text.big {
  font-size: 16px;
  font-weight: bold;
}
.sm-sexy-btn {
  display: flex;
  border: 1px solid #ffffff21;
  border-radius: 15px;
  padding: 10px 13px 10px 13px;
  align-items: center;
  background: #fff1;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 15px;
  max-width: 350px;
  color: #fff !important;
  height: 100%;
  min-height: 58px;
  text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
  .sm-sexy-btn {
    max-width: 100000px !important;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .sm-sexy-btn:last-child {
    margin-bottom: 0;
  }
}
.sm-sexy-btn.title {
  max-width: 600px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sm-sexy-btn.title-sm {
  max-width: 430px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sm-sexy-btn:last-child {
  margin-right: 0;
}
.sm-sexy-btn.m150 {
  min-width: 202px;
  max-width: 202px;
  overflow: hidden;
}
.sm-sexy-btn.m150 .sm-sexy-left-btn-text {
  white-space: nowrap;
}
.sm-sexy-btn.msteps {
  min-width: 58px;
  max-width: 58px;
}
@media only screen and (max-width: 767px) {
  .sm-sexy-btn.msteps {
    max-width: 1000px;
  }
}
.sm-sexy-btn.full {
  width: 100%;
  max-width: 100000px;
}
.sm-sexy-btn.sm-anim {
  opacity: 0;
  transform: scale(1.05);
  visibility: hidden;
}
.sm-sexy-btn.showed {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.sm-sexy-btn.--trans {
  border-color: transparent !important;
  background-color: transparent !important;
  cursor: default !important;
}
.sm-sexy-btn .sm-sexy-left-btn-label {
  opacity: 0.4;
  font-size: 11px;
  margin-bottom: 0px;
}
.sm-sexy-btn .sm-sexy-left-btn-body {
  margin-left: 0px;
  overflow: hidden;
}
.sm-sexy-btn .sm-sexy-left-btn-icon {
  font-size: 28px;
  height: 31px;
  position: relative;
  margin-top: -9px;
  opacity: 0.55;
  margin-right: 10px;
}
.sm-sexy-btn .sm-sexy-left-btn-icon:last-child {
  margin-right: 0;
}
.sm-sexy-btn:hover {
  background: #fff2;
  border-color: #fff3;
}
.card-loader {
  font-size: 14px;
  padding: 50px;
  text-align: center;
  color: var(--modsexy-btns-color);
}
.sm-h {
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .sm-sexy-top-fixed-place {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .sm-sexy-top-fixed-place {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .sm-sexy-top-fixed {
    position: fixed;
    top: 0px;
    left: 50%;
    width: 1220px;
    margin-left: -610px;
    z-index: 22;
    border-radius: 0 0 20px 20px;
    padding: 20px 10px 10px;
    transition: 0.3s;
  }
  .sm-sexy-top-fixed.active {
    box-shadow: 0px 2px 4px #0003;
    background: var(--modsexy-fixed-bg);
  }
}
.sm-sexy-btn.text.color {
  background: #2e52d0;
  color: #fff !important;
}
.sm-sexy-top-fixed-place .sm-sexy-top {
  margin-bottom: 0;
  padding-top: 0;
}
.sm-sexy-top {
  display: flex;
  justify-content: space-between;
  color: #fff;
  margin-bottom: 20px;
  align-items: center;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .sm-sexy-top {
    display: block;
    padding-top: 0;
  }
}
.sm-sexy-top .sm-sexy-top-left-big {
  font-size: 16px;
}
.sm-sexy-top .sm-sexy-top-left-small {
  opacity: 0.7;
  margin-bottom: 2px;
}
.sm-sexy-top .sm-sexy-top-right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .sm-sexy-top .sm-sexy-top-right {
    justify-content: space-between;
    padding-left: 15px;
    margin-top: -5px;
    flex-direction: row-reverse;
  }
  .sm-sexy-top .sm-sexy-top-right .sm-sexy-btn {
    margin-bottom: 0 !important;
  }
  .sm-sexy-top .sm-sexy-top-right .sm-sexy-btn.sm-anim.--trans {
    text-align: right !important;
  }
}
.sm-preholder {
  min-height: 170px;
}
.sm-preholder-sm {
  min-height: 100px;
}
.sm-h-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sm-anim {
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.3);
}
.sm-anim.noscale {
  transform: scale(1) !important;
}
.sm-anim.low-scale {
  transform: scale(1.1);
}
.sm-anim.showed {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.sexy-modal {
  background: #4D5671;
  background: linear-gradient(222deg, #4d5671 0%, #293761 100%);
}
.sexy-modal.closer-absolute .smc-cl {
  position: absolute;
}
.sexy-modal.uniteScroll .sm-events {
  top: auto;
  max-height: 100000px;
  overflow: visible;
  position: static;
  margin-bottom: 30px;
}
.sexy-modal.uniteScroll .sm-scroll-top {
  display: none;
}
.sexy-modal.uniteScroll .cm-day-title {
  top: 105px;
}
.sexy-modal.fixed-top .sm-events {
  top: 100px;
}
.sexy-modal.fixed-top .sm-scroll-top {
  height: 50px;
  bottom: 20px;
}
.sexy-modal.lefter .modal-dialog {
  margin: 0 20px 0 auto;
}
@media only screen and (max-width: 767px) {
  .sexy-modal.lefter .modal-dialog {
    margin: 0;
  }
}
.sexy-modal.lefter .sm-sexy-top-fixed {
  right: 10px;
  left: auto;
}
.sexy-modal.lefter .sm-scroll-top {
  right: 55px;
  left: auto;
}
.sexy-modal.mobil .sm-sexy-top-fixed {
  left: 0;
  right: 0;
  margin-left: 0;
  width: auto;
}
.sexy-modal.mobil .sm-scroll-top {
  display: none;
}
.sexy-modal.mobil [data-key="link"] {
  margin-right: 60px;
}
.sexy-modal.mobil [data-key="link"] .sm-sexy-left-btn-icon {
  margin-right: 0;
}
.sexy-modal.mobil [data-key="link"] .sm-sexy-left-btn-body {
  display: none;
}
.sexy-modal.mobil .sm-sexy-btn.title {
  max-width: 400px;
}
.sexy-modal .anim-statuses {
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.sexy-modal .anim-statuses.showed {
  opacity: 1;
  visibility: visible;
}
.sexy-modal .anim-statuses.showed-vis {
  opacity: var(--modsexy-statuses-opavis);
  visibility: visible;
}
.sexy-modal .sm-scroll-top {
  position: fixed;
  left: 50%;
  width: 430px;
  bottom: 30px;
  background: var(--modsexy-scroll-bg);
  margin-left: 135px;
  height: 90px;
  border-radius: 15px;
  color: var(--modsexy-scroll-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--modsexy-scroll-border);
  transition: 0.3s;
  cursor: pointer;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-scroll-top {
    display: none;
  }
}
.sexy-modal .sm-scroll-top:hover {
  opacity: 1;
  cursor: pointer;
}
.sexy-modal:after {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: url(../images/catbg.svg) center repeat;
  z-index: 1;
  opacity: 0.15;
  background-size: 560px;
  pointer-events: none;
}
.sexy-modal .sm-topper-label {
  margin-top: 0px;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}
.sexy-modal .sm-topper {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-topper {
    display: block;
  }
  .sexy-modal .sm-topper > * {
    width: 100% !important;
  }
  .sexy-modal .sm-topper > *:last-child {
    width: 100% !important;
    margin-left: 0px !important;
  }
}
.sexy-modal .sm-topper > * {
  width: 100%;
}
.sexy-modal .sm-topper > *:last-child {
  margin-left: 20px;
  width: 70%;
}
.sexy-modal .sm-area-loaded {
  min-height: 70px;
  font-weight: bold;
  text-align: center;
  line-height: 80px;
}
.sexy-modal .sm-area-padding {
  padding: 20px;
}
.sexy-modal .sm-header {
  padding: 20px 20px 20px;
  min-height: 67px;
  top: 0;
  position: sticky;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
  background: var(--modsexy-area-bg);
  color: var(--modsexy-area-color);
  border-radius: 15px 15px 0 0;
}
.sexy-modal .sm-header-info-title {
  font-weight: bold;
}
.sexy-modal .sm-header-info-desc {
  margin-top: 3px;
}
.sexy-modal .modal-content {
  background: transparent;
  box-shadow: none;
}
.sexy-modal .modal-dialog {
  width: 1200px;
  margin-bottom: 0;
  z-index: 2;
}
.sexy-modal .sm-flex {
  display: flex;
  position: relative;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-flex {
    overflow-x: auto;
  }
  .sexy-modal .sm-flex.mobile-flex-line {
    display: block;
    overflow: visible;
  }
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-flex.mobile-flex-line .sm-area,
  .sexy-modal .sm-flex.mobile-flex-line .sm-events {
    width: 100%;
    max-width: 100%;
    min-width: 0px;
    margin-bottom: 0px;
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) {
  .sexy-modal.w50per .sm-area {
    max-width: 590px;
    min-width: 590px;
  }
}
@media only screen and (min-width: 768px) {
  .sexy-modal.w50per .sm-events {
    max-width: 590px;
    min-width: 590px;
  }
}
.sexy-modal .sm-area {
  margin-right: 20px;
  max-width: 690px;
  min-width: 690px;
  margin-bottom: 30px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-area:not(.mobile-flex-line) {
    min-width: 330px;
    margin-bottom: 0px;
  }
}
.sexy-modal .sm-area-bg {
  background: var(--modsexy-area-bg);
  color: var(--modsexy-area-color);
  border-radius: 15px;
}
.sexy-modal .sm-area-bg.no-mt {
  margin-top: 0 !important;
}
.sexy-modal .sm-area-bg.mt {
  margin-top: 20px !important;
}
.sexy-modal .sm-area-bg:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-area-bg {
    border-radius: 0;
  }
}
.sexy-modal .sm-events {
  border-radius: 15px;
  max-width: 490px;
  min-width: 490px;
  position: relative;
  overflow: auto;
  max-height: calc(100vh - 60px);
  position: sticky;
  top: 30px;
  box-shadow: 0px 13px 9px -11px #0003;
  z-index: 7;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-events {
    min-width: 300px;
    max-height: 100000px;
    overflow: visible;
  }
}
.sexy-modal .std-btn:not(.--gradfull):not(.--grad) {
  background: var(--modsexy-btns-bg);
  border-color: var(--modsexy-btns-border);
  color: var(--modsexy-btns-color);
}
.sexy-modal .sm-back {
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin-top: -30px;
  padding: 30px 0;
  opacity: 0.6;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .sexy-modal .sm-back {
    margin-top: 0px;
    padding: 15px 0;
  }
}
.sexy-modal .sm-back:hover {
  cursor: pointer;
  opacity: 1;
}
.sexy-modal .sm-tabs {
  margin-top: 30px;
}
.sexy-modal .sm-tabs .nav-tabs.nav-justified {
  display: flex;
}
.sexy-modal .sm-tabs .nav-tabs.nav-justified > li {
  width: 100%;
  display: block;
  margin: 0 5px;
}
.sexy-modal .sm-tabs a.nav-link {
  color: var(--modsexy-scroll-color);
  white-space: nowrap;
  border: 1px solid var(--modsexy-scroll-border) !important;
  background: var(--modsexy-scroll-bg);
}
.sexy-modal .sm-tabs li.active a.nav-link {
  color: #000 !important;
  background: #fff !important;
}
.sexy-modal .sm-tabs .tab-content {
  margin-top: 20px;
}
.sexy-modal .sm-tabs .nav-tabs.nav-justified > li > a {
  border: none;
}
.sexy-modal .sm-tabs .nav-tabs.nav-justified > li > a {
  border-radius: 8px;
}
.sexy-modal .sm-tabs .nav-tabs.nav-justified > li a {
  transition: 0.3s;
}
.sexy-modal .sm-tabs .nav-tabs.nav-justified > li:hover a {
  background: #ffffff2b;
  color: #fff;
}
body {
  --modal-full-alert-bg: #35405e;
  --modal-full-alert-color: #dfe8ff;
  --settings-house-modal-btn-clear-bg: #303a54;
}
body.theme-white {
  --modal-full-alert-bg: #abb8ce;
  --modal-full-alert-color: #35405e;
  --settings-house-modal-btn-clear-bg: #6f7d9d;
}
body.theme-white .std-modal {
  --cunm-user-bg: #dbe0eb;
  --cunm-user-bg-hover: #acb7d1;
  --std-modal-bgitem-bg: #ffffff;
  --std-modal-bgitem-bg-hover: #546284;
}
body.theme-white .std-modal-fixed-head {
  background: #d8dbe1;
  border-bottom: 1px solid #bfc2ca;
}
.modal-max-grad .std-modal {
  background: #E7EAF3;
  background: linear-gradient(90deg, #e7eaf3 0%, #e7e9f3 55%, #e4dcf8 100%);
}
.std-modal {
  --std-modal-bgitem-bg: #394563;
  --std-modal-bgitem-bg-hover: #546284;
}
.std-modal .std-modal-bgitem {
  background-color: var(--std-modal-bgitem-bg);
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
  border-radius: 2px;
}
.std-modal .std-modal-bgitem:hover {
  background-color: var(--cunm-user-bg-hover);
  cursor: pointer;
}
.std-modal .std-modal-bgitem.loading {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1rem, rgba(255, 255, 255, 0.1) 1rem, rgba(255, 255, 255, 0.1) 2rem);
  background-size: 200% 200%;
  animation: loaderStripes 10s linear infinite;
  pointer-events: none;
  opacity: 0.6;
}
.std-modal-full-alert {
  font-size: 12px;
  color: var(--modal-full-alert-color);
  display: flex;
  background: var(--modal-full-alert-bg);
  padding: 20px 30px;
  margin: -15px -30px 20px;
  justify-content: space-between;
  align-items: center;
}
.std-modal-full-alert p {
  margin-bottom: 0;
}
.std-big-modal .std-btn.--sm {
  line-height: 32px;
}
.std-big-modal.modal-light {
  --form-control-placeholder-color: #9ca2b0;
  --settings-house-modal-btn-clear-bg: #a2aec9;
}
.std-big-modal.modal-light .link {
  color: #000;
  border-bottom: 1px solid #999;
}
.std-big-modal.modal-light .ui-select-bootstrap .ui-select-match-text {
  color: #000;
}
.std-big-modal.modal-light .std-btn {
  color: #636a77;
  background-color: #fff;
}
.std-big-modal.modal-light .std-btn.blue {
  background-color: var(--color-blue);
  color: #fff;
}
.std-big-modal.modal-light .std-btn[disabled] {
  opacity: 0.3;
  cursor: disabled;
}
.std-big-modal.modal-light .dir-la-loading {
  background-color: transparent;
}
.std-big-modal.modal-light .dir-la-loading .dll-in .dll-in2 > div {
  background-color: #777;
}
.std-big-modal.modal-light .std-modal {
  background-color: var(--light-bg);
  color: var(--light-color);
}
.std-big-modal.modal-light .std-modal .std-modal-title {
  color: var(--light-color);
  font-weight: normal;
}
.std-big-modal.modal-light .std-modal .form-control {
  background-color: #d3dcf0;
  color: #333333;
  border: 1px solid #8e98b0;
}
.std-big-modal.modal-light .std-modal .form-control[disabled] {
  opacity: 0.7;
}
.std-big-modal.modal-light .std-modal-fixed-head {
  background-color: var(--light-bg);
  border-bottom-color: var(--light-border);
}
.std-big-modal.modal-light .modal-content > .inner > .closer {
  border-right-color: var(--light-border);
  background: linear-gradient(270deg, #e6eaf4 0%, rgba(230, 234, 244, 0.2) 100%);
}
.std-big-modal.modal-light .modal-content > .inner > .closer i {
  color: #a5a9b5;
}
.std-big-modal.modal.fade .modal-dialog {
  transform: translate(10%, 0);
  transition: transform 0.3s ease-out;
}
.std-big-modal.modal.fade.in .modal-dialog {
  transform: translate(0, 0);
}
.std-big-modal.modal.fade.in .modal-dialog .modal-content > .inner > .closer {
  opacity: 1;
  visibility: visible;
}
.std-big-modal .modal-dialog {
  width: 100%;
  margin: 0;
}
.std-big-modal .modal-content {
  border-radius: 0px;
  box-shadow: none;
}
.std-big-modal .std-modal {
  min-height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .std-big-modal .std-modal {
    min-width: 0px !important;
    width: 100%;
  }
}
.std-big-modal .modal-content > .inner {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .std-big-modal .modal-content > .inner {
    display: block;
  }
}
.std-big-modal .modal-content > .inner > .closer {
  width: 100%;
  position: relative;
  text-align: right;
  background: linear-gradient(270deg, #222c46 0%, rgba(34, 44, 70, 0.3) 100%);
  border-right: 1px solid #303a54;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-delay: 0.3s;
}
@media only screen and (max-width: 767px) {
  .std-big-modal .modal-content > .inner > .closer {
    height: 50px;
    background: #48567a;
  }
  .std-big-modal .modal-content > .inner > .closer div {
    height: 50px !important;
    line-height: 50px;
  }
  .std-big-modal .modal-content > .inner > .closer i {
    top: 0;
    font-size: 30px !important;
    margin-left: 0px !important;
    position: static !important;
    width: 100% !important;
    text-align: center !important;
    height: 100% !important;
    line-height: 50px !important;
    transform: none !important;
  }
}
.std-big-modal .modal-content > .inner > .closer.--success i {
  color: #fff6;
  width: 130px;
  height: 130px;
  line-height: 139px;
  text-align: center;
}
.std-big-modal .modal-content > .inner > .closer.--success i.fa-check {
  margin-left: -130px;
}
.std-big-modal .modal-content > .inner > .closer.--success:hover {
  cursor: pointer;
}
.std-big-modal .modal-content > .inner > .closer.--success:hover i {
  color: #fff;
}
.std-big-modal .modal-content > .inner > .closer div {
  height: 100vmin;
  position: sticky;
  top: 0;
}
.std-big-modal .modal-content > .inner > .closer i {
  position: absolute;
  z-index: 22;
  color: #34415d;
  font-size: 80px;
  top: 50%;
  margin-left: -80px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.std-big-modal .modal-content > .inner > .closer i.fa-check {
  margin-left: -110px;
}
.std-big-modal .modal-content > .inner > .closer:hover {
  cursor: pointer;
}
.std-big-modal .modal-content > .inner > .closer:hover i {
  color: #7d8494;
}
.std-modal-fixed-head {
  position: sticky;
  top: 0;
  background: #222c46;
  z-index: 73;
  border-bottom: 1px solid #303a54;
  margin: -30px -30px 20px;
  padding: 0px 30px;
  line-height: 70px;
  display: flex;
  height: 71px;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .std-modal-fixed-head {
    position: static;
    display: block;
    height: auto;
    padding-bottom: 15px;
  }
}
.std-modal-fixed-head.--nocloser .std-modal-fixed-head-right {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .std-modal-fixed-head.--nocloser .std-modal-fixed-head-right {
    flex-wrap: wrap;
  }
  .std-modal-fixed-head.--nocloser .std-modal-fixed-head-right .std-modal-fixed-head-btn {
    width: 100%;
    margin-left: 0;
  }
  .std-modal-fixed-head.--nocloser .std-modal-fixed-head-right .std-modal-fixed-head-btn.--clear {
    margin-bottom: 10px;
  }
}
.std-modal-fixed-head .std-modal-title {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .std-modal-fixed-head .std-modal-title {
    line-height: 50px;
  }
}
.std-modal-fixed-head .std-modal-closer {
  padding: 0 0px;
  font-size: 23px;
  top: 0;
  right: 0;
  width: 70px;
  text-align: center;
}
.std-modal-fixed-head .std-modal-fixed-head-right {
  margin-right: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.std-modal-fixed-head .std-modal-fixed-head-right .c-toggler-inline {
  margin: 0 30px 0;
}
.std-modal-fixed-head .std-modal-fixed-head-btn {
  padding: 0 20px;
  font-size: 14px;
  transition: 0.3s;
  transition-property: transform, color;
  color: #ffffffd9;
  border-radius: 4px;
  line-height: 42px;
  letter-spacing: 0.5px;
  cursor: pointer;
  border: none;
  backface-visibility: hidden;
  margin-left: 10px;
  text-decoration: none;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .std-modal-fixed-head .std-modal-fixed-head-btn {
    font-size: 12px;
    padding: 0 15px;
    line-height: 38px;
  }
}
.std-modal-fixed-head .std-modal-fixed-head-btn:first-child {
  margin-left: 0;
}
.std-modal-fixed-head .std-modal-fixed-head-btn[disabled] {
  background: #ff000021;
  box-shadow: 0px 0px 0px 2px #fd9b9b5e;
  color: #fff;
  opacity: 0.6;
  pointer-events: none;
}
.std-modal-fixed-head .std-modal-fixed-head-btn:hover {
  color: #fff;
}
.std-modal-fixed-head .std-modal-fixed-head-btn.--save {
  background: var(--color-blue);
}
.std-modal-fixed-head .std-modal-fixed-head-btn.--clear {
  background: var(--settings-house-modal-btn-clear-bg);
}
.std-modal-fixed-head .std-modal-fixed-head-btn.loading {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1rem, rgba(255, 255, 255, 0.1) 1rem, rgba(255, 255, 255, 0.1) 2rem);
  background-size: 200% 200%;
  animation: loaderStripes 10s linear infinite;
  pointer-events: none;
  opacity: 0.6;
}
@keyframes loaderStripes {
  100% {
    background-position: 100% 100%;
  }
}
.std-plans-view .std-plans-view-flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-left: -10px;
  margin-right: -10px;
}
.std-plans-view .sp-plan-image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.std-plans-view .spf-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .std-plans-view .spf-top {
    display: block;
  }
}
.std-plans-view .spf-top-right {
  display: flex;
  align-items: center;
}
.std-plans-view .sort-label {
  margin-right: 20px;
  opacity: 0.5;
}
.std-plans-view .list-flat-floor {
  width: 80px;
  white-space: nowrap;
  text-align: right;
}
.std-plans-view .open-flat {
  width: 50px;
  text-align: right;
}
.std-plans-view .list-flat-price {
  text-align: right;
  width: 160px;
}
.std-plans-view .list-flat {
  margin-bottom: 10px;
  display: flex;
  background: #e7ecf0;
  padding: 9px 10px;
  align-items: center;
  justify-content: center;
  width: 200px;
  border-radius: 3px;
}
.std-plans-view .list-flat,
.std-plans-view .sp-plan-flats-backer {
  transition: 0.3s;
}
.std-plans-view .list-flat:hover,
.std-plans-view .sp-plan-flats-backer:hover {
  cursor: pointer;
  background-color: #d0eaff;
}
.std-plans-view span.rooms-sign {
  border: 1px solid #000;
  padding: 2px 0px;
  border-radius: 3px;
  width: 24px;
  display: inline-block;
  text-align: center;
  float: right;
  position: relative;
  top: -3px;
}
.std-plans-view .sp-plan-price {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.std-plans-view .sp-plan-bottom-row {
  display: flex;
  justify-content: space-between;
}
.std-plans-view .sp-plan:hover {
  cursor: pointer;
}
.std-plans-view .sp-plan-outer {
  width: 33.33%;
  padding: 10px;
}
@media only screen and (max-width: 1300px) {
  .std-plans-view .sp-plan-outer {
    width: 50%;
  }
}
@media only screen and (min-width: 1660px) {
  .std-plans-view .sp-plan-outer {
    width: 25%;
  }
}
@media only screen and (min-width: 2000px) {
  .std-plans-view .sp-plan-outer {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .std-plans-view .sp-plan-outer {
    width: 100%;
  }
}
.std-plans-view .sp-plan {
  background: #fff;
  color: #000;
  padding: 20px;
  font-size: 14px;
  border-radius: 5px;
  transition: 0.2s;
}
.std-plans-view .sp-plan.opened .sp-plan-image {
  transform: translateX(-15px);
  opacity: 0;
  visibility: hidden;
}
.std-plans-view .sp-plan.opened .sp-plan-flats {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}
.std-plans-view .sp-plan-flats,
.std-plans-view .sp-plan-image {
  transition: 0.3s;
}
.std-plans-view .sp-plan-flats-backer {
  position: absolute;
  top: 50%;
  display: flex;
  align-items: center;
  background: #e7ecf0;
  left: 0;
  height: 50px;
  width: 58px;
  border-radius: 0 10px 10px 0;
  padding-left: 13px;
  color: #18285d;
  transform: translateY(-50%);
}
.std-plans-view .sp-plan-flats-list {
  position: absolute;
  left: 70px;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  width: auto;
  display: flex;
}
.std-plans-view .sp-plan-flats-list-flex {
  display: flex;
  flex-direction: column;
  margin: auto;
  justify-content: center;
}
.std-plans-view .sp-plan-slider {
  position: relative;
  padding-top: 100%;
  margin-top: 7px;
  margin-bottom: 10px;
}
.std-plans-view .sp-plan-flats {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  bottom: 0;
  overflow: auto;
  padding: 0 15px;
  display: flex;
  transform: translateX(15px);
  opacity: 0;
  visibility: hidden;
}
.std-reports-table-ms {
  float: right;
  display: flex;
  align-items: center;
}
.std-reports-table-ms .group-item label {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  margin: 0;
  display: block;
  font-weight: normal;
}
.std-reports-table-ms > label {
  opacity: 0.5;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  margin-right: 6px;
}
.sm-th-title {
  display: block;
  opacity: 0.6;
  font-size: 85%;
  font-weight: normal;
  margin-top: 4px;
}
.report-warning {
  background: #eefaff;
  margin: 30px 0 30px;
  padding: 17px 100px 15px 20px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 4px 20px -10px rgba(0, 0, 0, 0.2);
  color: #000;
}
.report-warning i {
  right: -50px;
  position: absolute;
  font-size: 240px;
  opacity: 0.1;
  top: 50%;
  transform: translateY(-45%) rotate(15deg);
}
.std-reports-nav {
  position: sticky;
  top: 0;
  padding-top: 15px;
}
.std-reports-nav-flex {
  display: flex;
}
.std-reports-nav-content {
  width: 100%;
}
.std-reports-nav-right {
  margin-left: 30px;
  min-width: 250px;
}
.std-reports-nav-title {
  font-weight: bold;
}
.std-reports-nav div {
  margin-bottom: 7px;
}
.std-reports-nav a {
  border-bottom: 1px dashed;
  text-decoration: none;
}
.std-reports-group-title {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  text-align: center;
  white-space: nowrap;
  align-items: center;
  margin-bottom: 20px;
  background: #e7eaf4;
  position: sticky;
  top: 0;
  z-index: 22;
  padding-top: 10px;
  padding-bottom: 10px;
}
.std-reports-group-title:after {
  content: '';
  margin-left: 30px;
}
.std-reports-group-title:before {
  content: '';
  margin-right: 30px;
}
.std-reports-group-title:before,
.std-reports-group-title:after {
  height: 4px;
  background: #c7cfe4;
  display: block;
  width: 100%;
}
.std-reports-table-title {
  font-size: 20px;
  color: #343539;
  margin: 30px 0 12px;
}
.looker-perenos {
  color: #5b6890;
  font-weight: bold;
  margin-bottom: 30px;
}
.th-col {
  white-space: nowrap;
  max-width: 200px;
}
.stdr-row {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
  overflow: auto;
}
.stdr-col {
  width: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.stdr-col > .stdr-row:first-child {
  margin-top: 0;
}
.stdr-header {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 12px;
  color: #5b6890;
}
.stdr-header.top-margin {
  margin-top: 30px;
}
.custom-scrollbar-kanban {
  padding-right: 3px;
}
.custom-scrollbar-kanban::-webkit-scrollbar {
  width: 7px;
}
.custom-scrollbar-kanban::-webkit-scrollbar-track {
  background: #514a72;
  overflow: visible;
  border-radius: 10px;
}
.custom-scrollbar-kanban::-webkit-scrollbar-thumb {
  background: #a6a2b8;
  position: relative;
  border-radius: 10px;
  /*border-radius: 10px;*/
  /*box-shadow: inset 2px 2px 2px hsla(0, 0%, 100%, .25), inset -2px -2px 2px rgba(0, 0, 0, .25);*/
}
.custom-scrollbar {
  padding-right: 3px;
}
@media only screen and (max-width: 767px) {
  .custom-scrollbar {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .custom-scrollbar:hover::-webkit-scrollbar-track,
  .custom-scrollbar.showed::-webkit-scrollbar-track,
  .custom-scrollbar.scrollBar-visible::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .custom-scrollbar:hover.fullbg::-webkit-scrollbar-track,
  .custom-scrollbar.showed.fullbg::-webkit-scrollbar-track,
  .custom-scrollbar.scrollBar-visible.fullbg::-webkit-scrollbar-track {
    background-color: #6d6884 !important;
  }
  .custom-scrollbar:hover::-webkit-scrollbar-thumb,
  .custom-scrollbar.showed::-webkit-scrollbar-thumb,
  .custom-scrollbar.scrollBar-visible::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .custom-scrollbar::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
  opacity: 0;
  transition: 0.3s;
}
.custom-scrollbar.custom-scrollbar--black::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
  box-shadow: none;
}
.custom-scrollbar.custom-scrollbar--black::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 768px) {
  .theme-white .custom-scrollbar:hover::-webkit-scrollbar-track,
  .theme-white .custom-scrollbar.showed::-webkit-scrollbar-track,
  .theme-white .custom-scrollbar.scrollBar-visible::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .theme-white .custom-scrollbar:hover.fullbg::-webkit-scrollbar-track,
  .theme-white .custom-scrollbar.showed.fullbg::-webkit-scrollbar-track,
  .theme-white .custom-scrollbar.scrollBar-visible.fullbg::-webkit-scrollbar-track {
    background-color: #c6d4ea !important;
  }
  .theme-white .custom-scrollbar:hover::-webkit-scrollbar-thumb,
  .theme-white .custom-scrollbar.showed::-webkit-scrollbar-thumb,
  .theme-white .custom-scrollbar.scrollBar-visible::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
  }
}
.std-sexytabs-container {
  width: 1000px;
  display: flex;
  padding: 30px;
}
.std-sexytabs-menu {
  min-width: 240px;
  max-width: 240px;
  margin-right: 40px;
}
.std-sexytabs-menu-inner {
  position: sticky;
  top: 20px;
}
.std-sexytabs-content {
  width: 100%;
}
.std-sexytabs-tab-title {
  font-size: 24px;
  font-weight: bold;
}
.std-sexytabs-tab-header {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.std-sexytabs-menulink {
  background: #d6dcea;
  display: block;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 10px 16px;
  color: inherit !important;
  text-decoration: none !important;
  transition: 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 0.85;
}
.std-sexytabs-menulink.selected {
  background: #fff;
  opacity: 1;
}
.std-sexytabs-menulink img:first-child {
  margin-left: -5px;
  margin-right: 10px;
}
.std-right-sidebar {
  position: fixed;
  right: 0;
  width: 440px;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 12222;
  box-shadow: 0px 0px 100px #0004;
  transition: 0.5s;
  visibility: hidden;
  transform: translateX(100%);
  opacity: 0;
}
.std-right-sidebar.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
}
.std-right-sidebar .std-right-sidebar-content {
  padding: 30px;
}
.slider-grad.rzslider .rz-pointer {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
}
.slider-grad.rzslider .rz-bar {
  background: #d1d5e7;
}
.slider-grad.rzslider .rz-selection {
  background: #3a4fcc;
}
.slider-grad.rzslider .rz-pointer.rz-active:after {
  background: #fff;
}
body {
  --std-table-rows-border: #3e4f77;
  --std-tr-head-color: #fff;
  --std-tr-head-bg: #343d55;
  --std-tr-body-color: #fff;
  --std-tr-hover-bg: #fff1;
}
body .white,
body .view-light,
body.theme-white {
  --std-table-rows-border: #9eadd4;
  --std-tr-head-color: #4d566c;
  --std-tr-head-bg: #cfd4e3;
  --std-tr-body-color: #666e82;
  --std-tr-hover-bg: #0001;
}
.flex {
  display: flex;
}
.flex.flex-between {
  justify-content: space-between;
}
.std-table-white-report {
  margin: 0 0px;
  background: #fff;
  border-radius: 10px;
}
.std-table-white-report .table {
  margin-bottom: 0px;
}
.std-table-white-report td:first-child,
.std-table-white-report th:first-child {
  padding-left: 15px;
}
.std-table-white-report td:last-child,
.std-table-white-report th:last-child,
.std-table-white-report td.last,
.std-table-white-report th.last {
  padding-right: 15px;
}
.std-table-minus-margin {
  margin: 0 -30px;
}
.std-table-minus-margin .table {
  margin-bottom: 0px;
}
.std-table-minus-margin td:first-child,
.std-table-minus-margin th:first-child {
  padding-left: 30px;
}
.std-table-minus-margin td:last-child,
.std-table-minus-margin th:last-child,
.std-table-minus-margin td.last,
.std-table-minus-margin th.last {
  padding-right: 30px;
}
.table.enable-sorting th {
  transition: 0.3s;
}
.table.enable-sorting th:hover {
  background: #16358412;
  cursor: pointer;
}
.table.width-auto {
  width: auto;
}
.table.fs13 {
  font-size: 13px;
}
.table.table-align-middle td {
  vertical-align: middle;
}
.table.enable-td-hovering tbody tr {
  transition: 0.3s;
}
.table.enable-td-hovering tbody tr:hover {
  background: #1b2c580d;
}
.table.enable-td-hovering-click tbody tr {
  transition: 0.3s;
}
.table.enable-td-hovering-click tbody tr:hover {
  background: #1b2c580d;
  cursor: pointer;
}
.table-common-info {
  background: #d5dbe8;
}
.std-table-rows {
  overflow-x: auto;
}
.std-table-rows .td-40 {
  min-width: 40px;
  max-width: 90px;
}
.std-table-rows .td-60 {
  min-width: 60px;
  max-width: 120px;
}
.std-table-rows .td-80 {
  min-width: 80px;
  max-width: 140px;
}
.std-table-rows .td-100 {
  min-width: 100px;
  max-width: 160px;
}
.std-table-rows .td-110 {
  min-width: 110px;
  max-width: 170px;
}
.std-table-rows .td-120 {
  min-width: 120px;
  max-width: 180px;
}
.std-table-rows .td-130 {
  min-width: 130px;
  max-width: 170px;
}
.std-table-rows .td-140 {
  min-width: 140px;
  max-width: 200px;
}
.std-table-rows .td-160 {
  min-width: 160px;
  max-width: 220px;
}
.std-table-rows .td-180 {
  min-width: 180px;
  max-width: 240px;
}
.std-table-rows .td-200 {
  min-width: 200px;
  max-width: 260px;
}
.std-table-rows .td-220 {
  min-width: 220px;
  max-width: 280px;
}
.std-table-rows .td-240 {
  min-width: 240px;
  max-width: 300px;
}
.std-table-rows .td-300 {
  min-width: 300px;
  max-width: 340px;
}
.std-table-rows .td-400 {
  min-width: 400px;
  max-width: 400px;
}
.std-table-rows .td-500 {
  min-width: 500px;
  max-width: 500px;
}
.std-table-rows .flex-width-100 {
  width: 100%;
}
.std-table-rows .min-width-180 {
  min-width: 180px;
}
.std-table-rows .justify-center {
  justify-content: center;
}
.std-table-rows .std-table-date {
  min-width: 160px;
  max-width: 160px;
}
.std-table-rows .std-tr-head,
.std-table-rows .std-tr-body-row {
  display: flex;
  align-items: center;
}
.std-table-rows .std-trh-item:not(:last-child),
.std-table-rows .std-trb-item:not(:last-child) {
  margin-right: 30px;
}
.std-table-rows .std-tr-head {
  font-weight: bold;
  padding: 15px 0;
  border-bottom: 2px solid var(--std-table-rows-border);
  color: var(--std-tr-head-color);
}
.std-table-rows .std-tr-body-row {
  padding: 5px 0;
  border-bottom: 1px solid var(--std-table-rows-border);
  color: var(--std-tr-head-color);
}
.std-table-rows .trb-item-buttons {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.std-table-rows .trb-item-buttons > *:not(:last-child) {
  margin-right: 5px;
}
.std-table-rows .trb-item-buttons > * {
  flex-shrink: 0;
}
table.std-reports-table-stat {
  font-size: 13px;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 0 1px #9fa3ae;
  border-radius: 10px;
  border-style: hidden;
  overflow: hidden;
}
table.std-reports-table-stat tfoot {
  background: #d1d7e2;
  font-weight: bold;
}
table.std-reports-table-stat td {
  border: 1px solid #a0a7b8;
  padding: 4px 10px;
  height: 28px;
}
table.std-reports-table-stat thead {
  font-weight: bold;
  background: #d1d7e2;
}
table.std-reports-table-stat thead td {
  white-space: nowrap;
}
table.std-reports-table-stat tbody tr:nth-child(even) {
  background: #f5f6f7;
}
table.std-reports-table-stat .td-line-percent {
  position: relative;
}
table.std-reports-table-stat .line-percent {
  display: block;
  background: #82bff7;
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  bottom: 1px;
  border-radius: 0 3px 3px 0;
  min-width: 7px;
}
table.std-reports-table-stat .td-line-percent span {
  position: relative;
  z-index: 2;
  font-weight: bold;
}
.vertical-align-middle > td {
  vertical-align: middle !important;
}
.std-table-sets {
  border: 1px solid #ffffff21;
  border-radius: 2px;
  width: fit-content;
}
.std-table-sets.full {
  width: 100%;
}
.std-table-sets.full .std-table-sets-head {
  width: 100%;
}
.std-table-sets .std-table-sets-head .sts-row {
  opacity: 0.6;
  margin-bottom: 0;
  line-height: 1.2em;
  align-items: center;
  padding: 5px 0;
}
.std-table-sets .std-table-sets-body .sts-row:hover {
  background-color: var(--std-tr-hover-bg);
}
.std-table-sets .sts-row {
  display: flex;
  margin-bottom: 0px;
  line-height: 30px;
  align-items: center;
}
.std-table-sets .sts-w {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  color: inherit;
  text-decoration: none;
}
.std-table-sets .sts-w:last-child {
  margin-right: 0;
}
.std-table-sets .sts-w.--icon {
  min-width: 40px;
  max-width: 40px;
  text-align: center;
  transition: 0.3s;
}
.std-table-sets .sts-w.--icon:hover {
  cursor: pointer;
  background-color: var(--std-tr-head-bg);
}
.std-table-sets .sts-w:first-child:not(.--icon) {
  padding-left: 10px;
}
.std-table-sets .sts-w.--auto {
  width: 100%;
  overflow: visible;
  white-space: normal;
  text-overflow: unset;
  line-height: 20px;
  word-break: break-word;
}
.std-table-sets .sts-w.--40 {
  min-width: 40px;
}
.std-table-sets .sts-w.--50 {
  min-width: 50px;
}
.std-table-sets .sts-w.--60 {
  min-width: 60px;
}
.std-table-sets .sts-w.--70 {
  min-width: 70px;
}
.std-table-sets .sts-w.--80 {
  min-width: 80px;
}
.std-table-sets .sts-w.--100 {
  min-width: 100px;
}
.std-table-sets .sts-w.--120 {
  min-width: 120px;
}
.std-table-sets .sts-w.--140 {
  min-width: 140px;
}
.std-table-sets .sts-w.--150 {
  min-width: 150px;
}
.std-table-sets .sts-w.--160 {
  min-width: 160px;
}
.std-table-sets .sts-w.--180 {
  min-width: 180px;
}
.std-table-sets .sts-w.--200 {
  min-width: 200px;
}
.std-table-sets .sts-w.--220 {
  min-width: 220px;
}
.std-table-sets .sts-w.--240 {
  min-width: 240px;
}
.std-table-sets .sts-w.--260 {
  min-width: 260px;
}
.std-table-sets .sts-w.--280 {
  min-width: 280px;
}
.std-table-sets .sts-w.--300 {
  min-width: 300px;
  max-width: 300px;
}
.std-table-sets .sts-w.--400 {
  min-width: 400px;
}
.std-table-sets .std-table-sets-head {
  font-size: 85%;
  background: var(--std-tr-head-bg);
  width: fit-content;
  padding: 5px 0 5px;
  margin-bottom: 7px;
  position: sticky;
  top: 0px;
  z-index: 2;
  width: 100%;
}
.std-tabledata th.w100 {
  width: 100%;
}
.std-tabledata thead {
  color: #727c94;
}
.std-tabledata td.td-number {
  text-align: right;
}
body {
  --top-menu-item-icon-color: #a9adc8;
  --top-menu-item-hover-bg: #1e1731;
  --top-menu-item-hover-color: #fff;
  --top-menu-item-hover-icon-color: #fff;
  --top-menu-item-active-color: #fff;
  --top-menu-item-active-bg: #4e4b71;
  --top-menu-logo-bg: #1f1635;
  --top-menu-logo-border: #2f3348;
  --top-menu-footer-color: #fff;
  --top-menu-footer-bottom-bg: #0000004d;
}
body.theme-white {
  --top-menu-item-icon-color: #000;
  --top-menu-item-hover-bg: #b8c9e1;
  --top-menu-item-hover-color: #543c92;
  --top-menu-item-hover-icon-color: #543c92;
  --top-menu-item-active-color: #000;
  --top-menu-item-active-bg: #bab8d7;
  --top-menu-logo-bg: #8ea5c3;
  --top-menu-logo-border: #b4c2e5;
  --top-menu-footer-color: #000;
  --top-menu-footer-bottom-bg: #8ea5c3;
}
body.theme-white .s-topmenu {
  border-right: 1px solid #c1c6d1;
}
body.theme-white .st-sbottom {
  background-color: #434b6c;
}
body.theme-white .st-bottom {
  background-color: #fff;
  color: #000;
}
.mobile-search-area {
  background: var(--standart-bd);
  color: var(--inverse);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 123;
}
.mobile-search-area .msa-top {
  display: flex;
  justify-content: space-between;
  height: 60px;
  align-items: center;
  padding: 0 15px;
}
.mobile-search-area .csb-input-title {
  font-size: 20px;
}
.mobile-bottom {
  position: fixed;
  bottom: 18px;
  left: 15px;
  z-index: 50;
  display: none;
}
@media only screen and (max-width: 767px) {
  .mobile-bottom {
    display: flex;
  }
}
.mobile-bottom .mb-item {
  display: flex;
  line-height: 42px;
  padding: 0 15px;
  border-radius: 21px;
  background: #ecf3ff;
  margin-right: 7px;
  box-shadow: 0px 4px 10px -3px #0005;
}
.mobile-bottom .mb-item-text {
  margin-left: 9px;
}
.search-modal {
  position: fixed;
  z-index: 222;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  background: #15192aed;
}
@media only screen and (max-width: 767px) {
  .search-modal {
    z-index: 1042;
    display: block;
  }
}
.search-modal-closer {
  position: absolute;
  z-index: 2;
  left: -1px;
  width: 220px;
  bottom: 20px;
  border-radius: 0 20px 20px 0;
  top: 20px;
  background: #5757574a;
  transition: 0.3s;
  border: 1px solid #454a65;
  cursor: pointer;
  opacity: 0.7;
}
.search-modal-closer:hover {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .search-modal-closer {
    position: absolute;
    height: 60px;
    top: 10px;
    right: 10px;
    width: auto;
    left: 10px;
    border-radius: 10px;
    bottom: auto;
  }
}
.search-modal-closer i {
  position: absolute;
  font-size: 60px;
  color: #fff;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
.search-modal-area {
  position: absolute;
  top: 20px;
  left: 240px;
  overflow: auto;
  right: 20px;
  bottom: 20px;
  border-radius: 20px;
  max-width: 1350px;
  color: var(--inverse);
  background: var(--card-bg-color);
}
@media only screen and (max-width: 767px) {
  .search-modal-area {
    position: absolute;
    top: 80px;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
}
.notification {
  right: 30px;
  bottom: 30px;
  color: white;
  position: fixed;
  border-radius: 5px;
  padding: 15px 30px;
  animation-fill-mode: both;
  animation-duration: 800ms;
  z-index: 2051;
  box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.25);
}
.notification.success {
  background-color: #0c8240;
}
.notification.error {
  background-color: #b71414;
}
.notification.infor {
  background-color: #3f4a67;
}
.fadeOut {
  animation-name: fadeOut;
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
body.menu-show-projects .st-menu-obj {
  display: block;
}
.theme-white .theme-toggler-sun {
  display: block !important;
}
.theme-dark .theme-toggler-moon {
  display: block !important;
}
.s-topmenu {
  background-color: var(--menu-background);
  background-size: cover;
  color: #fff;
  position: fixed;
  left: 0;
  width: 220px;
  top: 0;
  bottom: 0;
  z-index: 40;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .s-topmenu {
    z-index: 4000;
  }
}
.s-topmenu .theme-toggler {
  display: none;
}
.s-topmenu .fast-search {
  position: absolute;
  background: #44475c;
  top: 4px;
  font-size: 12px;
  border-radius: 6px;
  height: 26px;
  line-height: 26px;
  padding-right: 9px;
  padding-left: 8px;
  opacity: 0.5;
  transition: 0.3s;
  color: #fff;
  right: 4px;
}
.s-topmenu .fast-search:hover {
  cursor: pointer;
  opacity: 1;
}
.s-topmenu .fast-search i {
  font-size: 13px;
  line-height: 26px;
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.s-topmenu .fast-search span {
  position: relative;
  top: -1px;
}
.s-topmenu .help-center {
  position: relative;
}
.s-topmenu .menu-links {
  margin-top: 15px;
  margin-bottom: 15px;
}
.s-topmenu .st-menu-obj {
  display: none;
}
.s-topmenu .st-menu-obj a {
  line-height: 23px !important;
  height: 23px !important;
  padding-left: 10px !important;
}
.s-topmenu .st-menu-obj a span {
  text-transform: none !important;
  font-size: 12px;
}
.s-topmenu .st-menu-obj b {
  display: inline-block;
  width: 25px;
  text-align: center;
  margin-right: 7px;
}
.s-topmenu .flex-item {
  display: flex;
  justify-content: space-between;
}
.s-topmenu .after-links {
  margin-top: 10px;
}
.s-topmenu svg path,
.s-topmenu svg rect {
  fill: #3b2e5a;
}
.s-topmenu .loader {
  position: fixed;
  right: 30px;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.7);
  transition: 0.2s;
}
.s-topmenu .loader.active {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.s-topmenu .abbr {
  display: none;
}
.s-topmenu .st-search {
  position: relative;
  padding: 10px 6px;
}
.s-topmenu .st-left {
  display: block;
}
.s-topmenu .abbr {
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 12px;
  width: 47px;
}
.s-topmenu .st-nav .submenu-item a {
  font-size: 13px !important;
  line-height: 25px;
  height: 25px;
  padding-left: 47px;
}
.s-topmenu .submenu {
  margin-top: 2px;
  margin-bottom: 5px;
  display: none;
}
.s-topmenu .submenu.active {
  display: block;
}
.s-topmenu .st-menu-obj {
  margin-left: 2px;
}
.s-topmenu .st-nav {
  height: 100%;
  overflow: auto;
  padding-bottom: 40px;
  padding-left: 6px;
  padding-right: 6px;
}
@media only screen and (max-width: 767px) {
  .s-topmenu .st-nav {
    padding-top: 0px;
  }
}
.s-topmenu .st-nav .nav-title {
  font-size: 13px;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .s-topmenu .st-nav .nav-title {
    font-size: 14px;
  }
}
.s-topmenu .st-nav .st-desc {
  font-size: 11px;
  padding: 20px;
  color: rgba(255, 255, 255, 0.58);
  line-height: 1.4em;
}
.s-topmenu .st-nav .st-desc a {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  font-size: inherit;
  padding: 0;
  border-bottom: 1px solid #ffffff;
}
.s-topmenu .st-nav .funnel-item .nav-title {
  line-height: 13px;
  overflow: visible;
  white-space: normal;
  align-items: center;
  display: flex;
  height: 36px;
}
.s-topmenu .st-sbottom {
  height: 45px;
  line-height: 17px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-topmenu .st-sbottom i {
  width: 44px;
  height: 40px;
  font-size: 16px;
  float: right;
  line-height: 40px;
  position: absolute;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
  top: 3px;
  left: 7px;
}
.s-topmenu .st-sbottom i.--r {
  left: 8px;
}
.s-topmenu .st-sbottom i.--l {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.s-topmenu .st-bottom {
  line-height: 40px;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 10px;
  min-height: 40px;
  display: flex;
  justify-content: space-between;
  position: relative;
  background-color: #303240;
}
.s-topmenu .st-bottom .st-text-bot {
  display: none;
}
@media only screen and (max-width: 767px) {
  .s-topmenu .st-bottom .st-text-bot {
    display: inline-block;
    font-size: 10px;
    margin: 0 7px;
    position: relative;
    top: -1px;
  }
}
.s-topmenu .st-bottom .stb-icon {
  display: block;
  padding-left: 13px;
  line-height: 40px;
  text-align: center;
  margin-top: 0px;
  font-size: 16px;
  height: 40px;
  transition: 0.3s;
  position: absolute;
  left: 0;
}
.s-topmenu .st-bottom .stb-name {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 14px;
  padding-left: 15px;
}
.s-topmenu .st-bottom .stb-name span {
  transform: translateY(-50%);
  display: block;
  width: 100%;
  top: 50%;
  position: absolute;
}
.s-topmenu .st-bottom .tm-logout {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border-bottom: none;
  margin-left: auto;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 12px;
}
.s-topmenu .st-logo-img {
  width: 104px;
  height: 19px;
  background-image: url(../images/logo2.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-left: 17px;
}
.s-topmenu .sts-sver {
  font-size: 11px;
  line-height: 11px;
}
.s-topmenu .sts-toggler {
  position: relative;
  text-align: left;
  background: #ffffff0f;
  width: 86px;
  color: #ffffff87;
  padding: 10px 0 0 24px;
  height: 45px;
  transition: 0.3s;
}
.s-topmenu .sts-toggler:hover {
  background: #ffffff1f;
  cursor: pointer;
}
.s-topmenu .stb-name {
  transition: 0.3s;
}
.s-topmenu hr {
  border-top-color: #473648;
  margin: 5px 0px;
}
.s-topmenu .fast-links-title {
  font-size: 12px;
  padding-left: 8px;
  opacity: 0.5;
  margin-bottom: 7px;
}
.s-topmenu .fast-links {
  margin-top: 20px;
}
.s-topmenu .fast-link {
  padding: 4px 5px 4px 8px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-topmenu span.fast-link-devname {
  white-space: nowrap;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 7px;
}
.s-topmenu span.fast-link-now {
  font-size: 12px;
  white-space: nowrap;
}
.s-topmenu .st-nav a {
  width: 100%;
  height: 33px;
  display: block;
  line-height: 33px;
  font-size: 14px;
  padding: 0 0 0 6px;
  transition: 0.2s;
  overflow: hidden;
  outline: none!important;
  color: var(--menu-nav-color);
}
.s-topmenu .st-nav a.search {
  margin-top: 16px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .s-topmenu .st-nav a {
    height: 38px;
    line-height: 37px;
    font-size: 15px;
  }
}
.s-topmenu .st-nav a:hover {
  cursor: pointer;
  color: var(--top-menu-item-hover-color);
}
.s-topmenu .st-nav a:hover i {
  color: var(--top-menu-item-hover-icon-color);
  opacity: 1;
}
.s-topmenu .st-nav a.active {
  background-color: var(--top-menu-item-active-bg);
  color: var(--top-menu-item-active-color);
  border-radius: 10px;
}
.s-topmenu .st-nav a.active i {
  color: var(--top-menu-item-active-color);
  opacity: 1;
}
.s-topmenu .st-nav a i {
  float: left;
  line-height: 35px;
  margin-right: 10px;
  width: 26px;
  text-align: center;
  margin-top: 0px;
  font-size: 16px;
  color: var(--top-menu-item-icon-color);
  transition: 0.3s;
  opacity: 0.45;
}
@media only screen and (max-width: 767px) {
  .s-topmenu .st-nav a i {
    margin-top: 2px;
  }
}
.s-topmenu .st-nav a i.fs17 {
  font-size: 17px;
}
.s-topmenu .st-nav a i.fs18 {
  font-size: 18px;
}
.s-topmenu .st-nav a i.fs20 {
  font-size: 20px;
}
.s-topmenu a {
  color: var(--top-menu-footer-color);
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .s-topmenu {
    border-right: 1px solid #473748;
  }
  .s-topmenu:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
    background: linear-gradient(90deg, #2b1d2b 0%, rgba(43, 29, 43, 0) 100%);
    left: 100%;
    margin-left: 1px;
  }
}
.stm-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.9);
  transition: 0.4s;
}
.stm-backdrop.active {
  opacity: 1;
  visibility: visible;
}
.wa-error {
  padding: 15px;
  font-size: 11px;
}
.c-aa {
  position: relative;
}
.c-aa .sudgs {
  position: absolute;
  background: #cad2db;
  color: #232d45;
  z-index: 2;
  left: 0;
  right: 0;
  font-size: 12px;
  border: 1px solid #616e8b;
  padding: 8px 0;
  border-radius: 4px;
  max-height: 150px;
  overflow: auto;
}
.c-aa .close-pl {
  float: right;
  margin-right: 15px;
  opacity: 0.5;
  cursor: pointer;
}
.c-aa .sudgs-item {
  margin-bottom: 0;
  padding: 6px 15px;
  line-height: 16px;
  transition: 0.3s;
}
.c-aa .sudgs-item:hover {
  background: #fff;
  cursor: pointer;
}
.c-aa .sudgs-title {
  margin: 5px 0 0 15px;
  font-weight: bold;
  margin-bottom: 7px;
}
img.agency-icon {
  max-width: 20px;
  margin-right: 4px;
  margin-left: 0;
  max-height: 17px;
  position: relative;
  top: -1px;
}
.c-agencySeleter .nm-relg {
  margin-top: 11px;
  font-size: 11px;
  color: #88959e;
}
.c-agencySeleter .nm-relg .btn {
  margin-left: 4px;
}
@media only screen and (max-width: 767px) {
  .c-agencySeleter [type="search"] {
    visibility: visible !important;
  }
}
.alert-modal {
  text-align: center;
}
.c-bes .house-title {
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}
.c-bes .house-title:fisrt-child {
  margin-top: 10px;
}
.c-bes .ia16-house {
  margin-bottom: 5px;
}
.c-bes .house-name {
  line-height: 32px;
  font-size: 13px;
}
.c-bes .bes-upload-form {
  margin-top: 14px;
}
.c-bes .bes-upload-pin {
  margin: 8px 0;
}
.c-bes .bes-upload-actions {
  display: flex;
  gap: 8px;
}
.c-bes .csam-а.--start {
  font-size: 85%;
  opacity: 0.5;
}
.c-bes .csam-а {
  display: flex;
  margin-bottom: 10px;
}
.c-bes .csam-number {
  margin-right: 10px;
  width: 190px;
}
.c-bes .csam-obj {
  margin-right: 10px;
  width: 390px;
}
.c-bes .csam-date {
  width: 160px;
  margin-right: 10px;
}
.c-bes .csam-bill-id {
  margin-right: 10px;
  width: 300px;
}
.c-bes .csam-dp-bill-id {
  margin-right: 10px;
  width: 360px;
}
.c-billing-check {
  line-height: 40px;
  padding-left: 15px;
  font-size: 12px;
  background: #36454c;
  cursor: pointer;
  color: #fff !important;
}
.c-billing-check a {
  color: #fff;
}
.c-billing-check .out-error {
  font-size: 12px;
  line-height: 1.3em;
  padding: 15px 15px 2px 0;
}
.c-billing-check .bill-days {
  display: inline-block;
  border: 1px solid #5c5e72;
  line-height: 24px;
  background: #fff1;
  text-align: center;
  border-radius: 5px;
  font-size: 12px;
  padding-left: 9px;
  padding-right: 9px;
  position: absolute;
  right: 10px;
  margin-top: 6px;
}
.c-billing-check .out-error {
  color: #fff;
}
.c-billing-check.warning .bill-days {
  background: #ff1d1d;
  color: #fff;
  border-color: #ff0000;
}
.bookCTModal .modal-dialog {
  width: 600px;
  transform: none !important;
}
.c-book-deal-summary .bds-settings,
.c-book-deal-summary .bds-help {
  float: right;
  cursor: pointer;
  opacity: 0.45;
  font-size: 14px;
  color: inherit;
  margin-left: 8px;
}
.c-book-deal-summary .bds-settings:hover,
.c-book-deal-summary .bds-help:hover {
  opacity: 0.85;
}
.c-book-deal-summary .bds-count {
  display: inline-block;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  margin-left: 8px;
  line-height: 22px;
  text-align: center;
  border-radius: 11px;
  background: var(--warning-color);
  color: #1c2437;
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
}
.c-book-deal-summary .bds-ok {
  font-size: 13px;
  opacity: 0.55;
}
.c-book-deal-summary .bds-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
}
.c-book-deal-summary .bds-item {
  display: flex;
  align-items: flex-start;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 500;
}
.c-book-deal-summary .bds-item i {
  flex-shrink: 0;
  margin: 2px 10px 0 0;
  font-size: 16px;
}
.c-book-deal-summary .bds-item.--miss {
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(225, 184, 64, 0.18);
  box-shadow: inset 0 0 0 1px rgba(225, 184, 64, 0.4);
  color: inherit;
}
.c-book-deal-summary .bds-item.--miss i {
  color: var(--warning-color);
}
.c-book-deal-summary.--has-miss .sm-area-bg {
  box-shadow: inset 4px 0 0 var(--warning-color);
}
.c-book-deal-summary.--has-miss .sm-topper-label {
  opacity: 1;
}
body.theme-white .c-book-deal-summary .bds-item.--miss {
  background: rgba(193, 146, 14, 0.12);
  box-shadow: inset 0 0 0 1px rgba(193, 146, 14, 0.35);
}
body {
  --c-bookModal-isDeponent-color: #fff;
  --c-bookModal-part-bg: rgba(255, 255, 255, 0.1);
  --c-bookModal-part-bg-hover: rgba(255, 255, 255, 0.2);
  --c-bookModal-download-bg: #1b2338;
  --c-bookModal-download-color: #fff;
  --c-bookModal-button-return-bg: #5e6984;
}
body.theme-white {
  --c-bookModal-isDeponent-color: #000;
  --c-bookModal-part-bg: #c7cfe5;
  --c-bookModal-part-bg-hover: #bfcae9;
  --c-bookModal-download-bg: #c5cede;
  --c-bookModal-download-color: #333;
  --c-bookModal-button-return-bg: #c1cce7;
}
img.partner-icon {
  max-width: 30px;
  max-height: 30px;
  margin-right: 6px;
}
.bds-other-settings {
  margin-top: 10px;
}
.bds-other-settings .help-inline-btn {
  display: inline-block;
  margin-right: 12px;
}
.bookModal .sphsi-params .sphsi-param-key {
  max-width: 70%;
  margin-right: 5px;
  white-space: normal;
}
.bookModal .sphsi-params .sphsi-param-value {
  max-width: 60%;
}
.bookModal .sm-events {
  max-height: calc(100vh - 190px);
}
@media only screen and (max-width: 767px) {
  .bookModal .sm-events {
    max-height: 100000px;
  }
}
.bookModal .modal-dialog {
  margin: 0 auto;
}
.bookModal .flats-logs {
  margin-bottom: 15px;
}
.bookModal .flats-logs .std-btn + .std-btn {
  margin-top: 8px;
}
.bookModal .bm-priceinfo-item-add {
  margin-top: -4px;
}
.bookModal .std-error-area-2 {
  background-color: var(--c-bookModal-download-bg);
  color: var(--c-bookModal-download-color);
}
.bookModal .flat-comment {
  margin: 17px 0;
  font-size: 13px;
}
.bookModal .bm-priceinfo-area {
  margin: 15px 0 -6px;
}
.bookModal .bm-priceinfo-area.--start {
  padding: 21px 20px 7px 20px;
  margin: -20px -20px 20px;
}
.bookModal .bm-priceinfo-area.--start:first-child {
  border-radius: 15px 0 0 0;
}
.bookModal .bm-priceinfo-area.--start:nth-child(2) {
  margin: -18px -20px 20px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-priceinfo-area.--start {
    margin: 0px -15px 0;
    padding: 15px 15px;
  }
}
.bookModal .bm-priceinfo-item {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 8px;
}
.bookModal .sphsi-skid {
  display: none;
}
@media only screen and (max-width: 1240px) {
  .bookModal {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .bookModal {
    padding-right: 0;
  }
}
.bookModal .sphs-text .std-btn {
  margin-top: 10px;
}
.bookModal .--btnfle {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.bookModal .--btnfle .std-btn {
  width: 100%;
  text-align: center;
  margin-right: 0px;
}
.bookModal .--btnfle i {
  font-size: 17px;
}
.bookModal .bm-small-title {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: bold;
}
.bookModal .bm-part-title-desc {
  float: right;
  font-size: 10px;
  text-align: right;
  opacity: 0.5;
  margin-top: 2px;
}
.bookModal .bm-comment-area {
  margin: 0px 0px 0;
}
.bookModal .bm-changepricediv {
  margin-top: 20px;
}
.bookModal .bm-flex-top {
  display: flex;
  margin: 0px 0px 0;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-flex-top {
    display: block;
  }
}
.bookModal .bm-flex-top-left {
  min-width: 350px;
  border-right: 1px solid var(--card-border-color);
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-flex-top-left {
    min-width: 0px;
    padding: 15px;
    margin-top: 0px;
  }
}
.bookModal .bm-flex-top-right {
  width: 390px;
  padding: 20px 15px 20px 20px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-flex-top-right {
    padding: 6px 10px 30px 15px;
    width: 100%;
  }
}
.bookModal .bmftr-flex {
  display: flex;
  margin: -5px -20px -10px;
  padding: 20px 20px 3px;
}
.bookModal .sphsi-param {
  border-bottom-color: var(--card-border-color);
}
.bookModal .sphs-text b {
  display: block;
}
.bookModal .bmtb-text {
  margin-bottom: 15px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.bookModal .sphs-text {
  /*margin-left: 15px;*/
  display: flex;
  align-items: center;
}
.bookModal .bm-agency-area {
  margin: 20px -20px 0px -20px;
  border-top: 1px solid var(--card-border-color);
  padding: 20px 20px 0 20px;
}
.bookModal .cbmad-row-edit {
  width: 20px;
  text-align: right;
  margin-left: 0px;
  position: relative;
  top: -1px;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.3s;
  display: inline-block;
}
.bookModal .cbmad-row-edit:hover {
  opacity: 1;
}
.bookModal .bm-realtor {
  margin-top: 5px;
}
.bookModal .bm-realtor .bm-realtor-contact {
  /*min-width: 200px;*/
  margin-right: 5px;
  /*max-width: 200px;*/
}
.bookModal .bm-realtor .bm-realtor-text {
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bookModal .bm-realtor .bm-realtor-btn {
  white-space: nowrap;
  padding-top: 8px;
  margin-left: 1px;
}
.bookModal .bmt-name i {
  transition: 0.2s;
  font-size: 20px;
  margin-left: 10px;
  color: #494f60;
  position: relative;
  top: -1px;
}
.bookModal .bmt-name:hover {
  cursor: pointer;
}
.bookModal .bmt-name:hover i {
  color: #fff;
}
.bookModal .lm-statuses-loader {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid var(--card-border-color);
  bottom: 0;
  height: 40px;
  padding: 5px 0 0 30px;
}
.bookModal .lm-statuses-loader .std-lineloader {
  margin-right: 20px;
}
.bookModal .sphs-img {
  height: 70px;
  width: 70px;
  margin-right: 15px;
}
.bookModal .sphs-img img {
  width: 100%;
  float: left;
}
.bookModal .bm-bron {
  white-space: nowrap;
}
.bookModal .bmic-pricearea {
  height: 70px;
  position: relative;
  padding: 0px 30px;
  white-space: nowrap;
  border-right: 1px solid var(--card-border-color);
  font-size: 12px;
}
.bookModal .bmic-pricearea-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.bookModal .bm-changeprice {
  display: inline-block;
  margin: 0px 0 0 5px;
  position: relative;
  top: -1px;
  opacity: 0.25;
  transition: 0.2s;
}
.bookModal .bm-changeprice:hover {
  opacity: 1;
  cursor: pointer;
}
.bookModal .bm-flex {
  display: flex;
  flex-direction: row;
  padding: 0px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-flex {
    overflow: auto;
  }
}
.bookModal .bm-flex .bm-area {
  min-width: 610px;
  padding: 20px 30px 0 30px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-flex .bm-area {
    min-width: 85% !important;
    padding: 0px 14px;
  }
}
.bookModal .bm-flex .bm-chat {
  max-width: 520px;
  min-width: 520px;
  position: relative;
  border-left: 1px solid var(--card-border-color);
  margin: 0px 0 0px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-flex .bm-chat {
    min-width: 100% !important;
    margin: 0 0px;
    width: auto;
    max-width: 10000px;
    border-top: 1px solid #4b5675;
  }
}
.bookModal .bookModalIn {
  padding: 0;
  min-height: 100vmin;
  position: relative;
  z-index: 100;
}
.bookModal .bookModalIn.closed .cbmad-row-edit {
  display: none !important;
}
.bookModal .bookModalIn.closed a.bmtp-edit {
  display: none;
}
.bookModal .bookModalIn.closed .hide-on-closed-book {
  display: none !important;
}
.bookModal .bookModalIn .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]) {
  background-color: var(--c-bookModal-button-return-bg);
}
.bookModal .bookModalIn .bm-statusname {
  opacity: 0.5;
}
.bookModal .bookModalIn .bmi-content {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .bookModal .bookModalIn .bmi-content {
    width: 100%;
    min-height: 0px;
  }
}
.bookModal .bookModalIn .sbt-days {
  color: #fff;
}
.bookModal .bookModalIn .bm-flat-info {
  font-size: 12px;
}
.bookModal .bookModalIn .bmfi-fast-to {
  margin: 10px 0 10px;
}
.bookModal .bookModalIn .bmfift-item-out {
  width: 100%;
}
.bookModal .bookModalIn .--otdelka {
  display: none;
}
.bookModal .bookModalIn .bmfift-item {
  width: 100%;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  /*   &.--war {
      background-color: #e29522;
    }
    &.--suc {
      background-color: #2484e8;
    }*/
}
.bookModal .bookModalIn .bmfift-item.--close {
  background-color: #dc2f2f;
}
.bookModal .bookModalIn .ds-change {
  text-decoration: none;
  /*color: #fff;*/
}
.bookModal .bookModalIn .bm-header {
  min-height: 75px;
  position: sticky;
  padding: 0px 20px 0 30px;
  background-color: var(--card-head-background);
  border-bottom: 1px solid var(--card-border-color);
  top: 0;
  z-index: 80;
}
@media only screen and (max-width: 767px) {
  .bookModal .bookModalIn .bm-header {
    position: relative;
    height: auto;
    top: auto;
    /*line-height: 30px;*/
    padding: 5px 15px 0px;
  }
}
.bookModal .bookModalIn h2 {
  font-size: 20px;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}
.bookModal .bookModalIn h3 {
  font-size: 16px;
  margin: 0 0 17px;
  font-weight: 300;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bookModalIn h3:not(.first) {
    margin-top: 30px;
  }
}
.bookModal .bookModalIn .bm-title {
  font-size: 20px;
  padding-top: 0px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .bookModal .bookModalIn .bm-title {
    display: block;
    margin-bottom: 0;
  }
}
.bookModal .bookModalIn .bm-title strong {
  padding: 1px 30px 1px 0;
  padding-bottom: 3px;
  border-radius: 4px;
  transition: 0.2s;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 70px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bookModalIn .bm-title strong {
    line-height: 40px;
    display: flex;
    height: 40px;
    margin: 0;
    padding: 0;
  }
  .bookModal .bookModalIn .bm-title strong span {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bookModal .bookModalIn .bm-title strong i {
    min-width: 40px;
    line-height: 40px;
    text-align: center;
  }
}
.bookModal .bookModalIn .bm-title strong:hover {
  /*border-color: rgba(255, 255, 255, 0.48);*/
  /*cursor: pointer;*/
}
.bookModal .bookModalIn hr {
  margin: 10px 11px;
  opacity: 0.1;
}
.bookModal .bookModalIn .bm-buttons {
  margin-top: 10px;
}
.bookModal .bookModalIn .bm-buttons .btn {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.23);
  color: rgba(255, 255, 255, 0.81);
}
.bookModal .bookModalIn .bm-buttons .btn.--danger {
  border-color: #f00;
}
.bookModal .bookModalIn .sphsi-params {
  margin-top: 15px;
}
.bookModal .bookModalIn .sphsi-param {
  font-size: 13px;
}
.bookModal .bookModalIn .sphsi-param-key span,
.bookModal .bookModalIn .sphsi-param-value span {
  background-color: var(--modsexy-area-bg);
}
.bookModal .bm-topbook {
  background-color: #8b4947;
  color: #fff;
  margin: 0px 0px 20px;
  padding: 20px;
  font-size: 14px;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .bookModal .bm-topbook {
    margin: 0 -15px;
  }
}
.bookModal .lm-contacts-label {
  display: none;
}
.bookModal .bm-conter {
  height: 20px;
  border-radius: 5px;
  display: inline-block;
  position: absolute;
  margin-left: 10px;
  margin-top: 1px;
  font-size: 10px;
  padding: 1px 9px;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.5px;
  background: #394463;
  white-space: nowrap;
}
.bookModal .bm-docs-errors {
  margin: 10px 0 0;
}
.bookModal .bm-docs-errors a {
  position: absolute;
  display: block;
  color: #fff;
  font-weight: bold;
  left: 0px;
  bottom: 10px;
  right: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.bookModal .bm-docs-error {
  border-radius: 10px;
  margin-right: 20px;
  position: relative;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
}
.bookModal .bm-mortgage-status {
  height: 20px;
  border-radius: 5px;
  display: inline-block;
  position: absolute;
  margin-left: 10px;
  margin-top: 6px;
  font-size: 10px;
  padding: 1px 9px;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: 0.5px;
  background: #394463;
}
.bookModal .bm-tabset {
  border-top: 1px solid #424f73;
  margin: 60px -30px 0;
  padding: 0 30px;
}
.bookModal .bm-tabset .std-tabs {
  margin-top: -43px;
}
.bookModal .bm-ass {
  width: 500px;
}
.bookModal .bm-ass.passive {
  opacity: 0.4;
  pointer-events: none;
}
.bookModal .price-story-table {
  margin: -30px;
}
.bookModal .price-story-table .pst-tr {
  display: flex;
  padding: 0 30px;
}
.bookModal .price-story-table .pst-tr .small {
  opacity: 0.7;
}
.bookModal .price-story-table .pst-tr.pst-head {
  border-bottom: 1px solid #606d8c;
}
.bookModal .price-story-table .pst-tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.bookModal .price-story-table .pst-tr .pst-th,
.bookModal .price-story-table .pst-tr .pst-td {
  width: 100%;
  padding: 10px;
}
.bookModal .price-story-table .pst-tr .pst-th.lnh-40,
.bookModal .price-story-table .pst-tr .pst-td.lnh-40 {
  line-height: 40px;
}
.bookModal .price-story-table .pst-tr .pst-th.green,
.bookModal .price-story-table .pst-tr .pst-td.green {
  background-color: rgba(0, 255, 0, 0.05);
}
.bookModal .price-story-table .pst-tr .pst-th.red,
.bookModal .price-story-table .pst-tr .pst-td.red {
  background-color: rgba(255, 0, 0, 0.05);
}
.bookModal .price-story-table .pst-tr .pst-th.--who,
.bookModal .price-story-table .pst-tr .pst-td.--who {
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 180px;
}
.bookModal .price-story-table .pst-tr .pst-th {
  font-weight: 900;
}
.bookModal .bm-price {
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 4px;
}
.bookModal .bm-part {
  margin-bottom: 50px;
}
.bookModal .bm-part-title {
  margin: 50px -30px 20px;
  font-size: 22px;
  border-bottom: 1px solid var(--card-part-border);
  color: var(--card-part-color);
  padding: 0 30px 10px;
  font-weight: 400;
}
.bookModal .bm-part-title > i {
  font-size: 18px;
  position: relative;
  top: 0px;
  margin-left: 4px;
}
.bookModal .bm-part-title-inline-toggler {
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -1px;
}
.bookModal .lm-footer {
  margin: 30px -30px 50px;
  padding: 0 30px;
  font-size: 12px;
  color: #7a8090;
}
.bookModal .lm-footer b {
  color: #afb2b9;
}
.bookModal .--ipoteka {
  display: none;
}
@media only screen and (max-width: 767px) {
  .bmi-content-scroll {
    overflow: auto;
  }
}
.bm-id {
  display: flex;
  align-items: center;
  position: static;
  white-space: nowrap;
  margin-left: auto;
  font-size: 14px;
  text-align: right;
  line-height: 1.7em;
}
.bm-id .link {
  font-size: 12px;
  opacity: 0.4;
  cursor: pointer;
  transition: 0.3s;
}
.bm-id .link:hover {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .bm-id {
    display: none;
  }
}
.bm-id .bm-id-in {
  opacity: 0.3;
  display: block;
  margin-right: 13px;
}
.c-book-modal-certs .cbmc-list {
  margin-bottom: 10px;
}
.c-book-modal-certs .cbmc-item-type {
  width: 250px;
}
.c-book-modal-certs .cbmc-item-number {
  width: 140px;
}
.c-book-modal-certs .cbmc-item-amount {
  width: 100px;
  padding-left: 20px;
}
.c-book-modal-certs span.bmc-showmore {
  font-size: 12px;
  margin-left: 6px;
  opacity: 0.5;
  border-bottom: 1px dashed;
  cursor: pointer;
}
.c-book-modal-certs span.offed {
  font-size: 71%;
  margin-right: 2px;
  position: relative;
  top: -1px;
}
.c-book-modal-certs span.cbmc-item-fill {
  display: inline-block;
  background: var(--color-contrast);
  width: 4px;
  height: 14px;
  position: relative;
  top: 2px;
  border-radius: 2px;
  opacity: 0.2;
}
.c-book-modal-certs span.cbmc-item-fill.active {
  opacity: 0.8;
}
.c-book-modal-dops .cbmc-list {
  margin-bottom: 10px;
}
.c-book-modal-dops .cbmc-item-type {
  width: 370px;
}
.c-book-modal-dops .cbmc-item-number {
  width: 180px;
}
.c-book-modal-dops span.bmc-showmore {
  font-size: 12px;
  margin-left: 6px;
  opacity: 0.5;
  border-bottom: 1px dashed;
  cursor: pointer;
}
.c-book-modal-dops span.offed {
  font-size: 71%;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.c-book-modal-additives {
  margin-top: 12px;
}
.c-book-modal-additives .cbmad-before {
  font-size: 13px;
  opacity: 0.4;
}
.c-book-modal-additives .cbmad-after {
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.4;
}
.c-book-modal-additives .cbmad-after span {
  cursor: pointer;
}
.c-book-modal-additives span.iconsa {
  background: #68ff55;
  min-width: 19px;
  min-height: 19px;
  border-radius: 5px;
  color: #000;
  text-align: center;
  line-height: 20px;
  position: absolute;
  overflow: hidden;
  display: inline-block;
  left: 0;
  top: -2px;
}
.c-book-modal-additives span.iconsa[type="down"] {
  background: #ffc500;
}
.c-book-modal-additives span.iconsa[type="key"] {
  background: #55b8ff;
}
.c-book-modal-additives span.iconsa[type="key"] i {
  font-size: 14px;
  top: 3px;
}
.c-book-modal-additives span.iconsa[type="diff"] {
  background: #ff46c1;
}
.c-book-modal-additives span.iconsa[type="diff"] i {
  font-size: 16px;
  left: 0;
  top: 2px;
}
.c-book-modal-additives span.iconsa i {
  font-size: 19px;
  left: 3px;
  top: 1px;
  position: absolute;
}
.c-book-modal-additives .cbmad-nomods {
  font-size: 13px;
}
.c-book-modal-additives .cbmad-row-header {
  display: flex;
  justify-content: space-between;
}
.c-book-modal-additives .cbmad-row-amount {
  white-space: nowrap;
  font-size: 13px;
  margin-left: auto;
}
.c-book-modal-additives .cbmad-row-comment {
  font-size: 12px;
  opacity: 0.5;
  margin: 0px 0 2px;
  line-height: 14px;
}
.c-book-modal-additives .cbmad-row-title {
  overflow: hidden;
  padding-right: 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2em;
}
.c-book-modal-additives .cbmad-row {
  width: 100%;
  margin-top: 12px;
  padding-left: 28px;
  position: relative;
}
.c-book-modal-additives .cbmad-row-edit {
  width: 20px;
  text-align: right;
  margin-left: 5px;
  position: relative;
  top: -1px;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.3s;
}
.c-book-modal-additives .cbmad-row-edit:hover {
  opacity: 1;
}
body {
  --c-bma-bg: #353d54;
}
body.theme-white {
  --c-bma-bg: #d4dbeb;
}
.bma-ba {
  margin-bottom: 20px;
}
.bma-ba .proc-vote {
  display: flex;
  min-height: 50px;
  align-items: center;
  border-radius: 3px;
  margin-top: 11px;
  padding: 8px 13px;
  background: var(--c-bma-bg);
}
.bma-ba .proc-vote.auto .std-color-green {
  color: #939bae !important;
}
.bma-ba .bma-ba-proc {
  margin: 20px 0 0;
}
.bma-ba .proc-good {
  margin-top: 5px;
}
.bma-ba .proc-icon {
  min-width: 35px;
  font-size: 18px;
  margin-top: 2px;
}
.bma-ba .proc-vote-info {
  margin-left: auto;
  white-space: nowrap;
}
.bma-ba .proc-comemnt {
  margin-top: 5px;
  opacity: 0.5;
}
.bma-ba .proc-btns {
  margin-left: 10px;
}
body {
  --cbma-item-bg: #37425f;
  --cbma-item-color: #fff;
}
body.theme-white {
  --cbma-item-bg: #7481a4;
  --cbma-item-color: #333;
}
.c-book-modal-analytic .cbma-item-days {
  border-left: 1px solid #444956;
  padding-left: 23px;
  margin: 6px 0;
  position: relative;
  max-height: 0px;
  min-height: 2px;
  font-size: 12px;
}
.c-book-modal-analytic .cbma-item-days span {
  opacity: 0;
}
.c-book-modal-analytic .cbma-item-days span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #a0abca;
}
.c-book-modal-analytic .cbma-stat {
  position: absolute;
  right: 20px;
  text-align: right;
}
.c-book-modal-analytic .sources {
  margin-bottom: 30px;
}
.c-book-modal-analytic .cbma-stat-item {
  margin-bottom: 25px;
  text-align: center;
  background: #37425f;
  padding: 15px 50px;
  border-radius: 5px;
}
.c-book-modal-analytic .cbma-stat-value {
  font-size: 20px;
}
.c-book-modal-analytic .cbma-stat-title {
  opacity: 0.5;
  font-size: 12px;
  margin-top: 10px;
}
.c-book-modal-analytic .cbma-item-daystart {
  position: absolute;
  left: 26px;
  font-size: 12px;
  background-color: #004fa0;
  padding: 3px 10px;
  border-radius: 3px;
  top: -1px;
  transform: translateX(-50%);
  color: #fff;
}
.c-book-modal-analytic .cbma-item-date {
  display: inline-block;
  opacity: 0.7;
  margin-left: 11px;
  font-size: 12px;
}
.c-book-modal-analytic .cbma-item-title {
  padding-left: 24px;
}
.c-book-modal-analytic .cbma-item {
  padding-left: 80px;
  position: relative;
  color: #798092;
  opacity: 0;
  transition: 0.5s;
}
.c-book-modal-analytic .cbma-item.showed {
  opacity: 1;
}
.c-book-modal-analytic .cbma-item .cbma-check {
  color: #13d823;
  font-size: 13px;
  position: relative;
  top: -1px;
  margin: 0 0 0 2px;
  position: absolute;
  left: 67px;
  width: 23px;
  height: 23px;
  border: 1px solid #757c8e;
  border-radius: 5px;
  text-align: center;
  line-height: 22px;
}
.c-book-modal-analytic .cbma-item .cbma-check i {
  display: none;
}
.c-book-modal-analytic .cbma-item.active {
  color: var(--cbma-item-color);
}
.c-book-modal-analytic .cbma-item.active .cbma-item-daystart {
  background-color: var(--cbma-item-bg);
}
.c-book-modal-analytic .cbma-item.active .cbma-check {
  border-color: #14cb25;
}
.c-book-modal-analytic .cbma-item.active .cbma-check i {
  display: inline-block;
}
.c-book-modal-analytic .cbma-item.active .cbma-item-days {
  min-height: 30px;
  max-height: 70px;
}
.c-book-modal-analytic .cbma-item.active .cbma-item-days span {
  opacity: 1;
}
body {
  --book-modal-a-list-bg: #2f3b58;
  --book-modal-a-list-offed-bg: #3a3f4a;
  --book-modal-a-list-offed-bg-hover: #36466f;
  --book-modal-a-list-offed-color-hover: #fff;
}
body.theme-white {
  --book-modal-a-list-bg: #d8dded;
  --book-modal-a-list-offed-bg: #dcdfe7;
  --book-modal-a-list-offed-bg-hover: #a9b7dc;
  --book-modal-a-list-offed-color-hover: #3a4863;
}
.c-book-modal_assignments .cbma-list-item {
  display: flex;
  background: var(--book-modal-a-list-bg);
  padding: 10px 20px;
  margin-bottom: 9px;
  transition: 0.3s;
}
.c-book-modal_assignments .cbma-list-item.offed {
  background: var(--book-modal-a-list-offed-bg);
  color: #888;
}
.c-book-modal_assignments .cbma-list-item:hover {
  background-color: var(--book-modal-a-list-offed-bg-hover);
  cursor: pointer;
  color: var(--book-modal-a-list-offed-color-hover);
}
.c-book-modal_assignments .cbma-list-item-index {
  font-weight: bold;
  min-width: 30px;
  max-width: 30px;
}
.c-book-modal_assignments .cbma-list-item-edit {
  margin-left: 30px;
}
.c-book-modal_assignments .cbma-list-item-sobst {
  margin-left: 10px;
  white-space: nowrap;
}
.c-book-modal_assignments .cbma-list-item-date {
  min-width: 140px;
  max-width: 140px;
  margin-left: 20px;
}
.c-book-modal_assignments .cbma-list-item-comiss {
  margin-left: auto;
  min-width: 90px;
  max-width: 90px;
  padding-left: 10px;
}
.c-book-modal_assignments .cbma-list-item-number {
  margin-left: auto;
  white-space: nowrap;
  width: 100%;
}
.c-book-modal_otherdocs .cbmo-row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .c-book-modal_otherdocs .cbmo-row {
    flex-wrap: wrap;
  }
}
.c-book-modal_otherdocs .cbmo-col.--need {
  min-width: 150px;
}
.c-book-modal_otherdocs .cbmo-col {
  margin-right: 10px;
}
.c-book-modal_otherdocs .cbmo-col.--date {
  min-width: 130px;
}
.c-book-modal_otherdocs .cbmo-col.--amount {
  min-width: 130px;
}
.c-book-modal_otherdocs .cbmo-col.--number {
  width: 100%;
}
.c-book-modal_otherdocs .add-after {
  font-size: 12px;
  opacity: 0.7;
  margin-top: -33px;
  width: 300px;
}
.c-book-modal_otherdocs span.type-defaults {
  display: inline-block;
  margin: 0 6px;
}
.c-book-modal_otherdocs .val-def {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}
.c-book-modal_parts .sdd-parts-nores {
  text-align: center;
  margin: 0px 20px 8px 0;
  opacity: 0.6;
}
.c-book-modal_parts .sdd-parts-nores a {
  cursor: pointer;
}
.c-book-modal_parts .sdd-part.--start {
  opacity: 0.4;
  font-size: 85%;
}
.c-book-modal_parts .sdd-add {
  height: 36px;
  line-height: 34px;
  font-size: 14px;
}
.c-book-modal_parts .sdd-add:first-child {
  margin-top: 0px;
}
.c-book-modal_parts .part-deponent {
  margin-left: 10px;
  min-width: 70px;
}
.c-book-modal_parts .part-deponent .c-toggler-inline {
  margin: 0;
  margin-top: 3px;
}
.c-book-modal_parts .sdd-part-import {
  color: #11ff90;
  font-weight: bold;
  margin-right: 10px;
  font-size: 16px;
}
.c-book-modal_parts .sdd-parts {
  margin-top: 0px;
  align-items: center;
  display: flex;
  margin-right: -20px;
  flex-wrap: wrap;
}
.c-book-modal_parts .sdd-parts.haveParts {
  margin-bottom: -18px;
}
.c-book-modal_parts .sdd-parts .sdd-part {
  max-width: 620px;
  min-width: 620px;
}
.c-book-modal_parts .sdd-parts .sdd-part.active .ssspd-text {
  opacity: 1 !important;
}
.c-book-modal_parts .sdd-parts .sdd-part.active .sddpd-input {
  opacity: 1 !important;
}
.c-book-modal_parts .sdd-parts .sddp-clicked {
  background-color: var(--c-bookModal-part-bg);
  padding: 9px 15px;
  transition: 0.3s;
  min-height: 36px;
  border-radius: 2px;
}
.c-book-modal_parts .sdd-parts .sddp-clicked:hover {
  cursor: pointer;
  background-color: var(--c-bookModal-part-bg-hover);
}
.c-book-modal_parts .sdd-parts .sddp-clicked i {
  float: right;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: -13px -19px 0 0;
  font-size: 11px;
  opacity: 0.6;
}
.c-book-modal_parts .sdd-parts .sdd-part-title-num {
  opacity: 0.4;
  font-size: 10px;
}
.c-book-modal_parts .sdd-parts .sdd-part-title {
  margin-bottom: 5px;
  font-size: 12px;
  height: 17px;
}
.c-book-modal_parts .sdd-parts .sdd-part-fio {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.c-book-modal_parts span.part-fio {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 7px;
  font-size: 13px;
}
.c-book-modal_parts .part-type {
  min-width: 120px;
  margin-left: 10px;
}
.c-book-modal_parts .part-dol {
  min-width: 110px;
  margin-left: 10px;
}
.c-book-modal_parts .part-dol-flex {
  align-items: center;
  display: flex;
  max-width: 120px;
}
.c-book-modal_parts .part-dol-flex input {
  width: 45px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.c-book-modal_parts span.separator {
  margin: 0 5px;
}
.c-book-modal_parts .part-sorting {
  min-width: 30px;
  text-align: center;
  cursor: ns-resize;
}
.c-book-modal_parts .el-buttons-list-item {
  justify-content: normal;
}
.c-book-modal_parts span.part-edit {
  margin-left: auto;
}
.c-book-modal_parts span.part-archived {
  margin-right: 12px;
}
.c-book-modal_parts .sdd-part {
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
}
.c-book-modal_parts .sdd-part.passive {
  opacity: 0.4;
}
.c-book-modal_parts .prop-selecter {
  margin-top: 15px;
}
.c-book-modal_parts span.no-prim {
  opacity: 0.4;
  font-size: 13px;
}
.c-book-modal-payinfo .pay-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.c-book-modal-payinfo .linerow-doctype {
  min-width: 165px;
}
.c-book-modal-payinfo span.edit-docprice {
  font-size: 16px;
  position: absolute;
  margin-left: 6px;
  cursor: pointer;
}
.c-book-modal-payinfo .pricedoc-flex-calc {
  padding-top: 23px;
  width: 181px;
  text-align: left;
  font-size: 12px;
}
.c-book-modal-payinfo .pw-kop {
  margin-bottom: 10px;
}
.c-book-modal-payinfo .linerow {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .c-book-modal-payinfo .linerow {
    flex-wrap: wrap;
  }
}
.c-book-modal-payinfo .linerow.sm > * {
  margin-right: 8px;
}
.c-book-modal-payinfo .linerow > * {
  margin-right: 15px;
}
.c-book-modal-payinfo .linerow > *:last-child {
  margin-right: -15px;
}
.c-book-modal-payinfo .linerow-price {
  width: 105px;
}
.c-book-modal-payinfo .linerow-pricedoc {
  width: 120px;
}
.c-book-modal-payinfo .linerow-fp {
  width: 115px;
}
.c-book-modal-payinfo .linerow-pvp {
  width: 67px;
}
.c-book-modal-payinfo .linerow-body {
  width: 116px;
}
.c-book-modal-payinfo .linerow-run {
  width: 152px;
  padding-top: 24px;
}
.c-book-modal-payinfo .linerow-nal {
  width: 117px;
}
.c-book-modal-payinfo form {
  margin: -50px -20px -20px;
  padding: 60px 20px 20px;
  border-radius: 15px;
  transition: 0.2s;
}
.c-book-modal-payinfo form.ng-dirty {
  box-shadow: inset 0px 0px 10px #52b2ff;
}
.bookTechModal .modal-dialog {
  width: 600px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
body {
  --projects-sphsi-param-key-bg: #232d45;
  --projects-sphsi-param-key-link-color: #fff;
  --c-bfl-top-bg: #1f283f;
  --c-bfl-top-border: #2e3546;
}
body.theme-white {
  --projects-sphsi-param-key-bg: #transparent;
  --projects-sphsi-param-key-link-color: #232d45;
  --c-bfl-top-bg: #dbe7f6;
  --c-bfl-top-border: #c0cfe2;
}
.booking-from-leads {
  min-height: 400px;
  height: 100%;
  padding: 0;
}
.booking-from-leads .top-row {
  min-height: 50px;
  background: var(--c-bfl-top-bg);
  z-index: 2;
  border-bottom: 1px solid var(--c-bfl-top-border);
  padding-left: 30px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .top-row {
    padding-left: 15px;
  }
}
.booking-from-leads .chess-flex {
  display: flex;
  height: 100vh;
  flex-direction: column;
}
.booking-from-leads .std-chess {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.booking-from-leads .std-modal-closer {
  z-index: 1000;
}
.booking-from-leads h2 .btn {
  display: none !important;
}
.booking-from-leads .alerty {
  padding: 30px;
  width: 820px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.booking-from-leads .modal-header {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.booking-from-leads .flexer {
  display: flex;
  flex-direction: column;
  height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .flexer {
    height: 100%;
  }
}
.booking-from-leads .bfl-projects {
  padding: 30px;
  height: 100%;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .bfl-projects {
    padding: 0 15px 15px;
  }
}
.booking-from-leads .modal-dialog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  margin: 0;
  padding: 0;
  height: auto;
}
.booking-from-leads .scroller-area {
  overflow: auto;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .scroller-area {
    position: static;
    padding: 0 10px;
    overflow: visible;
    padding-bottom: 50px;
  }
}
.booking-from-leads .std-chess {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .std-chess {
    overflow: visible;
    overflow-y: auto;
    height: 100vh;
  }
}
.booking-from-leads .cbf-alert-already {
  display: none !important;
}
.booking-from-leads .sphs-book {
  background: #1f293f;
  border-left: 2px solid #182338;
}
.booking-from-leads .modal-content {
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .sp-chesstable .sph-table-wrap {
    overflow: visible;
  }
}
.booking-from-leads .std-chess.--inverse .sp-chesstable-filters .vap-mp-filters {
  background-color: #3b2e5a;
  border-top: 1px solid #4a3c6b;
  border-bottom: 1px solid #4a3c6b;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .std-chess.--inverse .sp-chesstable-filters .vap-mp-filters {
    padding: 15px;
  }
}
.booking-from-leads .back-to {
  width: 170px;
  cursor: pointer;
}
.booking-from-leads .sp-chesstable-filters {
  margin: 0px 0px 0px 0px;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .sp-chesstable-filters {
    margin-top: 0;
  }
}
.booking-from-leads .modal-header {
  padding-left: 30px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .modal-header {
    padding-left: 15px;
  }
}
.booking-from-leads .--showPrice {
  display: none;
}
.booking-from-leads .--shtitle {
  float: left;
  border-right: 1px solid #2e3646;
  height: 86px;
  margin: 0px -10px -10px -30px;
  line-height: 81px;
  padding: 0 27px;
  background-color: #182238;
  transition: 0.3s;
}
.booking-from-leads .--shtitle:hover {
  cursor: pointer;
  background-color: #283861;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .--shtitle {
    height: 49px;
    margin: 0;
    padding-left: 0;
    line-height: 49px;
  }
}
.booking-from-leads .sph-selected {
  position: fixed;
  right: 1px;
  top: 0px;
  bottom: 1px;
  transition: 0.5s;
  transform: translateX(110%);
  z-index: 1020;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .sph-selected {
    transform: translateY(110%);
    left: 0;
    right: 0;
    width: auto;
  }
}
.booking-from-leads .sph-selected.active {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .sph-selected.active {
    transform: translateY(0);
  }
}
.booking-from-leads .sph-selected.inBook {
  width: 1000px;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .sph-selected.inBook {
    width: auto;
  }
}
.booking-from-leads .sph-selected .sphs-hide {
  width: 100%;
  color: var(--chess-right-card-button-color);
  font-size: 14px;
  opacity: 0.7;
  transition: 0.3s;
  outline: none;
  float: right;
  border: none;
  background: rgba(0, 0, 0, 0);
  line-height: 44px;
  padding: 0;
  text-transform: uppercase;
}
.booking-from-leads .sph-selected .sphs-hide:hover {
  opacity: 1;
}
.booking-from-leads .sph-selected .sphs-hide i {
  font-size: 22px;
  position: absolute;
  top: 11px;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .booking-from-leads .sph-selected .sphs-subinner {
    max-width: 320px;
    margin: auto;
  }
}
.booking-from-leads .sph-selected .sphs-subinner .like-link {
  color: var(--projects-sphsi-param-key-link-color);
}
.booking-from-leads .sph-selected img {
  width: 100%;
}
.booking-from-leads .sph-selected .sph-pop-area {
  /*min-width: 180px;*/
  display: flex;
}
.booking-from-leads .sph-selected .sph-pop-area .sph-row {
  white-space: nowrap;
}
.booking-from-leads .sph-selected .sph-pop-area img {
  width: 74px;
  height: 74px;
  margin: -7px 15px -7px -12px;
}
.c-bvw {
  margin-bottom: 10px;
}
.c-bvw .ssda {
  background: #9fd4eb;
  color: #000 !important;
  border-radius: 5px;
}
.c-bvw .ssda .nav-title {
  opacity: 1!important;
  color: #000 !important;
}
.c-bvw .ssda a {
  opacity: 1!important;
}
.c-bvw .ssda i {
  color: #000 !important;
}
.c-calendar-view {
  font-size: 13px;
}
.c-calendar-view.small .ccv-week-day-count {
  line-height: 15px;
}
.c-calendar-view.small .ccv-week-day {
  height: 15px;
  min-width: 34.3px;
  font-size: 11px;
}
.c-calendar-view.small .ccv-week-day-day {
  display: none;
}
.c-calendar-view.hovered .ccv-week-day:hover {
  cursor: pointer;
  box-shadow: 0px 0px 0px 3px #436788;
}
.c-calendar-view .ccv-week-day {
  min-width: 36px;
  height: 36px;
  transition: 0.2s;
  margin-right: 5px;
  position: relative;
  border-radius: 2px;
}
.c-calendar-view .ccv-week-day.disabled {
  pointer-events: none;
}
.c-calendar-view .ccv-week-day.disabled .ccv-week-day-count {
  color: #999;
}
.c-calendar-view .ccv-week-day:last-child {
  margin-right: 0px;
}
.c-calendar-view .ccv-week-days {
  display: flex;
}
.c-calendar-view .ccv-week {
  margin-bottom: 5px;
  display: flex;
}
.c-calendar-view .ccv-open {
  margin-top: 7px;
  opacity: 0.6;
}
.c-calendar-view .ccv-week-day-day {
  position: absolute;
  font-size: 9px;
  right: 2px;
  bottom: -1px;
  opacity: 0.6;
}
.c-calendar-view .ccv-week-day-count {
  line-height: 36px;
  text-align: center;
}
.c-calendar-view .ccv-top {
  margin-bottom: 12px;
}
.c-calendar-view .ccv-weekdays {
  margin-bottom: -6px;
  background: #dfe3ea;
  border-radius: 3px;
  color: #858585;
  display: none;
  margin-top: 5px;
}
.c-calendar-view .ccv-weekday {
  width: 36px;
  text-align: center;
  margin-right: 5px;
  line-height: 19px;
}
.c-calendar-view .ccv-weekday:last-child {
  margin-right: 0;
}
.c-calendar-view .ccv-month-title {
  text-align: center;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}
.c-calendar-view .ccv-month {
  background: #fff;
  border: 1px solid #9fa3ae;
  padding: 10px 15px 8px;
  max-width: 314px;
  margin-bottom: -1px;
}
.c-calendar-view .ccv-month:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.c-calendar-view .ccv-month:first-child .ccv-weekdays {
  display: flex;
}
.c-calendar-view .ccv-month:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.c-calendar-view .ccv-week-day[data-color="0"] {
  background: #f7f9ff;
  box-shadow: inset 0px 0px 2px 1px #eaebee;
}
.c-calendar-view .ccv-week-day[data-color="1"] {
  background: #d3daea;
}
.c-calendar-view .ccv-week-day[data-color="2"] {
  background: #bac7e3;
}
.c-calendar-view .ccv-week-day[data-color="3"] {
  background: #8295bd;
  color: #fff;
}
.c-calendar-view .ccv-week-day[data-color="4"] {
  background: #56678b;
  color: #fff;
}
.c-calendar-view span.ccv-weeks-count-num {
  opacity: 0.5;
  margin-left: 6px;
}
.c-calendar-view .ccv-week-count {
  line-height: 36px;
  min-width: 40px;
  text-align: center;
}
.c-calendar-view .ccv-week-day.out {
  color: transparent;
  background-color: transparent;
  pointer-events: none;
  box-shadow: inset 0px 0px 2px 1px #eaebee;
}
.c-call-now {
  position: fixed;
  left: 0;
  width: 220px;
  bottom: 0px;
  background: #33384c;
  height: 300px;
  z-index: 20000000;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
  border-radius: 4px 4px 0 0;
  color: #fff;
  transition: 0.3s;
  pointer-events: none;
  transform: translateY(20%);
  opacity: 0;
  visibility: hidden;
}
.c-call-now.active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.c-call-now a.link {
  font-size: 12px;
  opacity: 0.4;
  text-decoration: none;
  border-bottom: none;
  margin-top: 10px;
  display: inline-block;
}
.c-call-now .ccn-closer {
  min-width: 34px;
  max-width: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  transition: 0.2s;
  color: #9397a7;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #0000002e;
}
.c-call-now .ccn-closer:hover {
  background-color: #44495f;
  cursor: pointer;
  color: #fff;
}
.c-call-now .ccn-actions-lead {
  border: 1px solid #606477;
  padding: 6px 20px;
  border-radius: 3px;
  margin-top: 0px;
  white-space: nowrap;
  margin-left: 20px;
  margin-right: 20px;
  transition: 0.2s;
  text-align: center;
  margin-bottom: 10px;
  text-decoration: none!important;
  color: #fff;
  display: block;
}
.c-call-now .ccn-actions-lead:hover {
  cursor: pointer;
  border-color: #fff;
  background-color: #414658;
}
.c-call-now .ccn-title {
  padding: 15px;
  text-align: center;
}
.c-call-now .ccn-title-phone {
  white-space: nowrap;
  opacity: 0.4;
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 15px;
}
.c-call-now .ccn-title-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.c-call-now .ccn-title-stage,
.c-call-now .ccn-title-resp {
  margin-top: 5px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}
.c-call-now .ccn-title-stage i,
.c-call-now .ccn-title-resp i {
  display: inline-block;
  margin-right: 6px;
}
.c-call-now .ccn-title-stage b,
.c-call-now .ccn-title-resp b {
  font-weight: normal;
}
.c-call-now .ccn-icon {
  background: #242735;
  position: relative;
  text-align: center;
  color: #27b947;
  height: 95px;
  padding: 0 15px;
}
.c-call-now .ccn-icon div {
  bottom: 12px;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 12px;
}
.c-call-now .ccn-icon .ccni {
  font-size: 30px;
  margin-top: 13px;
  line-height: 50px;
  position: absolute;
  left: 50%;
  width: 50px;
  text-align: center;
  margin-left: -25px;
}
.c-call-now .ccn-icon span {
  position: absolute;
  left: 90px;
  width: 40px;
  height: 40px;
  display: block;
  top: 11px;
}
.c-call-now .ccn-icon span b {
  position: absolute;
  top: 1px;
  right: -3px;
  width: 10px;
  height: 10px;
  line-height: 8px;
  animation: 1.3s linear 0s infinite key_move;
}
.c-call-now .ccn-icon span i {
  transform: rotate(45deg);
  font-size: 12px;
}
@keyframes key_move {
  0% {
    transform: translateX(0px) translateY(0px);
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateX(-5px) translateY(5px);
  }
  100% {
    opacity: 0;
    transform: translateX(-10px) translateY(10px);
  }
}
.c-call-now-lead {
  display: none;
  background: #8ee37e;
  color: #000;
  margin: 20px 0;
  border-radius: 5px;
  padding: 12px 20px;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 0px;
  width: 100%;
}
.c-call-now-lead.active {
  display: flex;
}
.c-calling-users-binding .td-row.--start {
  opacity: 0.5;
}
.c-calling-users-binding .td-row {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.c-calling-users-binding .td-title {
  min-width: 140px;
  overflow: hidden;
  max-width: 140px;
}
.c-calling-users-binding .td-val {
  min-width: 190px;
  margin-left: 20px;
}
.c-calling-users-binding .td-val-flex {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.c-calling-users-binding .td-val-flex input[type="text"] {
  width: 100%;
}
.c-calling-users-binding span.phone-call-status {
  display: inline-block;
  min-width: 34px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #999;
  margin-left: 7px;
  border-radius: 2px;
  cursor: pointer;
  font-size: 17px;
}
.changeAgencyRealtorModal {
  /*background: @modalBackgroundColor;*/
}
.changeAgencyRealtorModal .modal-dialog {
  width: 600px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeAgencyRealtorModal .nm-nochoises {
  padding: 10px;
}
.changeAgencyRealtorModal .nm-nochoises .btn {
  margin-top: 10px;
}
.changeAgencyRealtorModal .type-btn {
  margin-top: 30px;
}
.changeAgencyRealtorModal .type-val {
  margin-top: 30px;
}
.changeBookPriceModal {
  /*background: @modalBackgroundColor;*/
}
.changeBookPriceModal .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeDealAnComissionDate {
  background: #2d334459;
}
.changeDealAnComissionDate .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeDealAnComissionDate .uib-daypicker > table {
  width: 100%;
}
.changeFlatsParamModal {
  background: #2d334459;
}
.changeFlatsParamModal .modal-dialog {
  width: auto;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeFlatsParamModal .modal-content {
  box-shadow: none !important;
}
.changeFlatsParamModal .top-stat {
  margin-top: -10px;
  margin-bottom: 40px;
}
.changeFlatsParamModal b.stat-count {
  background: #3859a9;
  color: #fff;
  font-size: 16px;
  padding: 5px 7px;
  font-weight: normal;
  border-radius: 7px;
  margin: 0 3px;
}
.changeFlatsParamModal .std-modal {
  width: 770px;
  margin: auto;
}
.changeFlatsParamModal .std-modal.price-check {
  width: 1260px;
}
.changeFlatsParamModal .std-modal.paramMode {
  width: 550px;
}
.changeFlatsParamModal .std-modal.paramMode.price-check {
  width: 1040px;
}
.changeFlatsParamModal .std-modal.paramMode .fast-links,
.changeFlatsParamModal .std-modal.paramMode .cfp-subtitle {
  display: none;
}
.changeFlatsParamModal .flexer {
  display: flex;
  margin-top: -10px;
}
.changeFlatsParamModal .fast-links {
  width: 190px;
  margin-right: 30px;
}
.changeFlatsParamModal .cfp-content {
  width: 490px;
}
.changeFlatsParamModal .cfp-content-check {
  width: 460px;
  margin-left: 30px;
}
.changeFlatsParamModal .click-label {
  margin-top: 12px;
}
.changeFlatsParamModal span.click-link {
  border-bottom: 1px solid;
  cursor: pointer;
}
.changeFlatsParamModal .cfp-subtitle {
  font-size: 14px;
  border-bottom: 1px solid #424f73;
  color: #616d8e;
  padding: 0 0 5px;
  font-weight: bold;
  margin: 0 0 20px;
}
.changeFlatsParamModal .cfp-fl-link {
  padding: 8px 15px;
  border: 1px solid #606d8c;
  margin-bottom: 10px;
  border-radius: 5px;
  font-size: 13px;
  background: #2f3851;
  transition: 0.3s;
  padding-right: 0;
}
.changeFlatsParamModal .cfp-fl-link:hover {
  background-color: #334063;
  cursor: pointer;
}
.changeFlatsParamModal .sjfaf-choises .ui-select-choices {
  width: 1000px;
  margin-left: -250px;
}
.changeFlatsParamModal .sjfaf-choises .ui-select-choices-row {
  float: left;
  width: 25%;
}
.changeFlatsParamModal .sjfaf-choises .ui-select-choices {
  max-height: 450px;
}
.changeFlatsParamModal .sjfaf-choise {
  padding: 10px;
}
.changeFlatsParamModal .sjfaf-choise img {
  width: 100%;
}
.changeFlatsParamModal .sjfaf-choise div {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin: 4px 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.changeFlatsParamModal .cfp-price-flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -6px;
}
.changeFlatsParamModal .cfp-price-item {
  background: #2f3851;
  border: 1px solid #606d8c;
  margin: 0 6px;
  width: 25%;
  border-radius: 4px;
  padding: 10px;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
.changeFlatsParamModal .cfp-price-item.active {
  background: var(--color-blue);
  border-color: var(--color-blue);
}
.changeFlatsParamModal .cfp-price-item.active span.cfp-pi-r,
.changeFlatsParamModal .cfp-price-item.active span.cfp-pi-val {
  opacity: 1;
}
.changeFlatsParamModal .cfp-pi-desc {
  font-size: 12px;
  line-height: 15px;
}
.changeFlatsParamModal .cfp-pi-title {
  display: flex;
  justify-content: space-between;
  height: 45px;
  font-size: 20px;
}
.changeFlatsParamModal span.cfp-pi-val {
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 7px;
  top: 7px;
  opacity: 0.3;
  font-size: 27px;
  line-height: 38px;
  transition: 0.3s;
}
.changeFlatsParamModal span.cfp-pi-val.--m {
  text-transform: uppercase;
  font-size: 23px;
  border-radius: 0;
}
.changeFlatsParamModal .row-delta {
  text-align: right;
  width: 100px;
}
.changeFlatsParamModal span.cfp-pi-r {
  transition: 0.3s;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 50px;
  opacity: 0.3;
  position: absolute;
  left: 7px;
  top: 6px;
}
.changeFlatsParamModal span.cfp-pi-r.--e {
  font-size: 36px;
  left: 8px;
  top: 13px;
}
.changeFlatsParamModal .flats-prices {
  margin-top: 30px;
}
.changeFlatsParamModal .flats-prices-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  border-bottom: 1px solid #9993;
  padding-bottom: 5px;
}
.changeFlatsParamModal .row-number {
  width: 55px;
}
.changeFlatsParamModal .row-floor {
  width: 30px;
  text-align: center;
}
.changeFlatsParamModal .row-area {
  width: 55px;
  text-align: center;
}
.changeFlatsParamModal .row-price {
  width: 110px;
  text-align: right;
}
.changeFlatsParamModal .row-newprice {
  text-align: right;
  width: 110px;
}
.changeFlatsParamModal .mprice {
  font-size: 85%;
  color: #999;
}
.changeFlatsParamModal .err-text {
  color: #ffc737;
}
.changeFlatsParamModal .flats-prices-row.--start {
  opacity: 0.5;
  font-size: 85%;
}
body {
  --cunm-user-bg: #394563;
  --cunm-user-bg-hover: #546284;
}
body.theme-white {
  --cunm-user-bg: #cbd3e3;
  --cunm-user-bg-hover: #acb7d1;
}
.changeUserNowModal {
  /*background: @modalBackgroundColor;*/
}
.changeUserNowModal .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeUserNowModal .cunm-user {
  background: var(--cunm-user-bg);
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
}
.changeUserNowModal .cunm-user:hover {
  background: var(--cunm-user-bg-hover);
  cursor: pointer;
}
.c-charges-button-menu {
  position: absolute;
  right: 2px;
  top: 4px;
  display: flex;
}
.c-charges-button-menu .ctbm-item.--collapsed {
  display: none;
}
.c-charges-button-menu .ctbm-list {
  position: fixed;
  z-index: 222;
  transform: translateY(-50%);
  margin-left: 0px;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}
.c-charges-button-menu .ctbm-list-in {
  width: 330px;
  background: #fff;
  color: #494949;
  text-align: left;
  font-size: 12px;
  margin-left: 36px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.c-check-lead-realtor {
  margin-bottom: 20px;
}
.c-check-lead-realtor .cclr-info {
  margin: 10px 0 13px;
}
checkbox {
  display: inline-block;
}
checkbox[disabled] {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.7;
}
.c-checkbox {
  position: relative;
  opacity: 1 !important;
  transition: 0.2s;
  display: flex;
  margin: 0;
}
.c-checkbox.disabled {
  opacity: 0.6;
  pointer-events: none;
  filter: grayscale(1);
}
.c-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.c-checkbox .slider {
  cursor: pointer;
  background-color: #c8d0e3;
  transition: 0.4s;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  border: none;
  position: relative;
}
.c-checkbox .cti-text {
  font-weight: normal;
  line-height: 26px;
  white-space: nowrap;
}
.c-checkbox .slider:before {
  position: absolute;
  content: "";
  transition: 0.4s;
  right: 5px;
  top: 5px;
  left: 5px;
  bottom: 5px;
  border-radius: 8px;
}
.c-checkbox input:checked + .slider {
  background-color: #ffffff;
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2);
}
.c-checkbox input:focus + .slider {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2);
}
.c-checkbox input:checked + .slider:before {
  background-color: #2c98f0;
}
body {
  --chess-flats-noflat-shadow: #293450;
  --chess-flats-disabled-bg: #2d3650;
  --chess-flats-solded-bg: #363c5e;
  --chess-button-tuning-view-bg: #333656;
  --chess-button-tuning-view-bg-hover: #3a3e5f;
  --chess-button-tuning-view-color: #c7cbda;
  --chess-right-settings-input-color: #fff;
  --chess-right-settings-close-color: #cad2e6;
  --chess-right-settings-border-left: #101c3a;
  --chess-right-card-color: #fff;
  --chess-right-card-button-color: #608a9c;
  --chess-right-card-button-bg: rgba(0, 0, 0, 0);
  --chess-right-settings-input-arrow-color: #fff;
  --sph-hic-item-3-bg: #dde2f199;
  --chess-section-color: #acb0ba;
}
body.theme-white {
  --chess-flats-noflat-shadow: #C6CEE7;
  --chess-flats-disabled-bg: #dde2f1;
  --chess-flats-solded-bg: #C6CEE7;
  --chess-button-tuning-view-bg: #dbe7f6;
  --chess-button-tuning-view-bg-hover: #C6CEE7;
  --chess-button-tuning-view-color: #333;
  --chess-right-settings-input-color: #333;
  --chess-right-settings-close-color: #8D97B1;
  --chess-right-settings-border-left: #8D97B1;
  --chess-right-card-color: #333;
  --chess-right-card-button-color: #333;
  --chess-right-card-button-bg: #C6CEE7;
  --chess-right-settings-input-arrow-color: #333;
  --sph-hic-item-3-bg: #7599c37a;
  --chess-section-color: #454c68;
}
body.theme-white .c-flat-price-story .price-story-item.red {
  background-color: rgba(255, 0, 0, 0.2);
}
body.theme-white .c-flat-price-story .price-story-item.green {
  background-color: rgba(0, 255, 0, 0.2);
}
.sph-table .spht-flat-out.--outer .spht-flat {
  box-shadow: inset 0px 0px 9px var(--chess-flats-noflat-shadow);
}
.spht-flat-out .popover-content {
  color: #000;
}
.sph-table .spht-flat .popover-content {
  color: #000;
}
.sph-table .spht-flat.--disabled {
  background-color: var(--chess-flats-disabled-bg) !important;
  color: #0000 !important;
}
.sph-table .spht-flat.--solded {
  background-color: var(--chess-flats-solded-bg);
}
.std-editbtn {
  color: var(--chess-button-tuning-view-color);
}
.std-editbtn.--black {
  background: var(--chess-button-tuning-view-bg);
}
.std-editbtn.--black:hover {
  background: var(--chess-button-tuning-view-bg-hover);
}
.s_project_house .sph-s-close .sphs-hide {
  color: var(--chess-right-card-button-color);
  background: var(--chess-right-card-button-bg);
}
.std-editview-area {
  background: var(--card-bg-color);
  border-left: 1px solid var(--chess-right-settings-border-left);
}
.sphsi-param .sphsi-param-key span,
.sphsi-param .sphsi-param-value span {
  background-color: var(--card-bg-color);
  color: var(--chess-right-card-color);
}
div .c-flatinfo .sphs-links-panel .sphs-links-link a {
  color: var(--chess-right-card-color);
}
.sphsi-param-start,
.sphs-inner-area {
  color: var(--chess-right-card-color);
}
.c-flatinfo {
  background-color: var(--card-bg-color);
}
.ui-select-bootstrap .ui-select-match-text {
  color: var(--chess-right-settings-input-color);
}
.view.--inverse .btn:not(.form-control):not(.btn-success):not(.btn-warning) {
  color: var(--chess-right-settings-close-color);
}
.chesstable-popover {
  pointer-events: none !important;
  max-width: 400px;
}
.sphs-book {
  overflow: auto;
  top: 36px;
  position: absolute;
  right: 0;
  width: 671px;
  background: #ffffff;
  padding: 7px 30px 0px 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  transform: scale(0.9);
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .sphs-book {
    position: fixed;
    z-index: 11;
    left: 0;
    right: 0;
    width: auto;
    top: 72px;
    bottom: 0;
    background: #ffffff;
    transform: translateY(110%);
    padding-bottom: 100px;
  }
}
.sphs-book h2 {
  font-size: 20px;
  margin: 26px 0 19px;
}
.sphs-book.active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
@media only screen and (max-width: 767px) {
  .sphs-book.active {
    transform: translateY(0%);
  }
}
.sp-chesstable {
  transform-origin: 0 0;
  user-select: none;
}
@media only screen and (max-width: 767px) {
  .sp-chesstable {
    transform: scale(1) !important;
  }
}
.sp-chesstable .spht-section-title {
  font-size: 16px;
  font-weight: bold;
  color: var(--chess-section-color);
  margin-left: 13px;
}
@media only screen and (max-width: 767px) {
  .sp-chesstable .spht-section-title {
    margin-left: 2px;
  }
}
.sp-chesstable .price-row {
  display: flex;
  justify-content: space-between;
  min-height: 22px;
  max-height: 22px;
}
.sp-chesstable .position {
  position: absolute;
  color: #000;
  left: 0;
  right: 0;
  text-align: center;
  top: 100%;
  margin-top: 7px;
  display: none;
}
.sp-chesstable .--s {
  display: none !important;
}
.sp-chesstable .client-info,
.sp-chesstable .org-info,
.sp-chesstable .client-org-info {
  display: none;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.sp-chesstable.show-dop-org .org-info {
  display: block;
}
.sp-chesstable.hide-comments .spht-ass.--comment {
  display: none;
}
.sp-chesstable.show-dop-client .client-info {
  display: block;
}
.sp-chesstable.show-dop-client-org .client-org-info {
  display: block;
}
.sp-chesstable.show-dop-client-org[data-view="3"] .spht-floor.--lowopacity {
  min-height: 112px;
  max-height: 112px;
}
@media only screen and (max-width: 767px) {
  .sp-chesstable.show-dop-client-org[data-view="3"] .sfl-floor {
    height: 94px;
    line-height: 94px;
  }
}
.sp-chesstable[data-view="0"] .spht-floor.--lowopacity,
.sp-chesstable[data-view="1"] .spht-floor.--lowopacity,
.sp-chesstable[data-view="2"] .spht-floor.--lowopacity {
  min-height: 38px;
  max-height: 38px;
}
.sp-chesstable[data-view="3"] .spht-floor.--lowopacity {
  min-height: 94px;
  max-height: 94px;
}
.sp-chesstable[data-view="3"] .spht-floor-title {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .sp-chesstable {
    padding-top: 30px;
    display: flex;
  }
  .sp-chesstable .spht-floor-title {
    margin-left: 0px;
  }
  .sp-chesstable[data-view="1"] .sfl-floor,
  .sp-chesstable[data-view="2"] .sfl-floor {
    /*        height: 34px;*/
    /*        line-height: 34px;*/
  }
  .sp-chesstable[data-view="3"] .sfl-floor {
    height: 76px;
    line-height: 76px;
  }
  .sp-chesstable[data-view="3"] .spht-floor.--border {
    margin-bottom: 0;
  }
  .sp-chesstable .spht-section.--empty {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .sp-chesstable .sph-table-wrap {
    overflow: auto;
  }
}
@media only screen and (max-width: 767px) {
  .sp-chesstable .spht-section:first-child {
    padding-left: 26px;
  }
}
.sp-chesstable .sfl-floor {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  text-align: right;
}
.ct-sph-pop-area {
  margin: -9px -14px;
  display: flex;
  position: relative;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
}
.ct-sph-pop-area:after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 12px;
  background: #0c8240;
  left: -1px;
  border-radius: 5px 0 0 5px;
  pointer-events: none;
}
.ct-sph-pop-area:before {
  content: '';
  border: 10px solid #0000;
  border-right: 10px solid #0c8240;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: -21px;
  pointer-events: none;
}
.ct-sph-pop-area[data-status="1"]:after {
  background: #d69d00;
}
.ct-sph-pop-area[data-status="1"]:before {
  border-right-color: #d69d00;
}
.ct-sph-pop-area[data-status="2"]:after {
  background: #284da2;
}
.ct-sph-pop-area[data-status="2"]:before {
  border-right-color: #284da2;
}
.ct-sph-pop-area[data-status="3"]:after {
  background: #2c314f;
}
.ct-sph-pop-area[data-status="3"]:before {
  border-right-color: #2c314f;
}
.ct-sph-pop-area[data-status="-1"]:after {
  background: var(--chess-flat-reserved);
}
.ct-sph-pop-area[data-status="-1"]:before {
  border-right-color: var(--chess-flat-reserved);
}
.ct-sph-pop-area .sph-actions span {
  font-size: 12px;
  display: inline-block;
  letter-spacing: -0.3px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 3px;
  border-radius: 3px;
}
.ct-sph-pop-area .sph-price-new {
  font-size: 18px;
}
.ct-sph-pop-area .sph-price.old-price {
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: -1px;
  font-weight: normal;
  text-decoration: line-through;
}
.ct-sph-pop-area .sph-img {
  min-width: 85px;
  max-width: 85px;
  margin: 0px 0 0px 0px;
  min-height: 85px;
  padding: 3px;
  margin-left: 11px;
}
.ct-sph-pop-area .sph-price {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 3px;
}
.ct-sph-pop-area .sph-text {
  max-width: 280px;
  font-size: 13px;
  border-left: 1px solid #ececec;
  padding: 10px 10px;
  margin: -1px 0 -1px 11px;
}
.ct-sph-pop-area .sph-row {
  white-space: nowrap;
}
.ct-sph-pop-area .sph-row.--price {
  background: #fff2cf;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  margin: 6px 0 2px;
  border: 1px solid #f1d790;
}
.ct-sph-pop-area .sph-row.--can {
  background: #daf5d2;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 3px;
  margin: 6px 0 2px;
  border: 1px solid #a4e27e;
}
.ct-sph-pop-area .sph-row .--ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ct-sph-pop-area .sph-an {
  border-top: 1px solid #ececec;
  padding: 7px 10px 8px 10px;
  margin: 6px -11px -10px -10px;
  font-size: 11px;
  background: #ececec;
  border-radius: 0px 0px 5px 0;
}
.ct-sph-pop-area .sph-img-in {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 5px 0 0 5px;
}
.ct-sph-pop-area .sph-img-in.--no {
  background-image: url(../images/nophoto.jpg);
  opacity: 0.5;
}
.sp-chesstable-dealslist a.open-from {
  position: absolute;
  color: #fff;
  right: 10px;
  opacity: 0.5;
  transition: 0.3s;
  top: 7px;
}
.sp-chesstable-dealslist .start-discl {
  opacity: 0.4;
  font-size: 11px;
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 20px;
}
.sp-chesstable-dealslist .spcd-deal {
  position: relative;
  font-size: 13px;
}
.sp-chesstable-dealslist a.open-from:hover {
  opacity: 1;
  cursor: pointer;
}
.sp-chesstable-dealslist .spcd-deal-title {
  padding-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sp-chesstable-dealslist .status-info {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}
.sp-chesstable-dealslist .status-info.--last {
  margin-top: 6px;
}
.sp-chesstable-dealslist .info-stat {
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}
.sp-chesstable-dealslist .info-stat-row {
  text-align: center;
}
.sp-chesstable-dealslist .info-stat-text {
  font-size: 11px;
  line-height: 1.2em;
  margin-top: 2px;
  opacity: 0.5;
}
.sp-chesstable-dealslist .info-stat-count {
  font-size: 14px;
}
.sp-chesstable-dealslist .status-color {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 3px;
  border-radius: 2px;
}
.sp-chesstable-dealslist .status-color {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 3px;
  border-radius: 2px;
}
.sp-chesstable-dealslist .spcd-deal-flat {
  opacity: 0.6;
  margin-bottom: 6px;
}
.sp-chesstable-dealslist .status-col {
  max-width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sp-chesstable-dealslist .status-col.--max {
  max-width: 10000px;
}
body {
  --c-chesstable-editor-text-color: #828ca5;
  --c-chesstable-editor-flat-bg: #313c58;
  --c-chesstable-editor-flat-bg-selected: #0680c7;
  --c-chesstable-editor-flat-bg-disabled: #333f5c;
  --c-chesstable-editor-flat-bg-hover: #485881;
  --c-chesstable-editor-flat-bg-green: #229920;
}
body.theme-white {
  --c-chesstable-editor-text-color: #2a313f;
  --c-chesstable-editor-flat-bg: #b9c5d7;
  --c-chesstable-editor-flat-bg-selected: #45bbff;
  --c-chesstable-editor-flat-bg-disabled: #e0e8f3;
  --c-chesstable-editor-flat-bg-hover: #8899c5;
  --c-chesstable-editor-flat-bg-green: #12db2b;
}
.chesstable-popover {
  pointer-events: none !important;
  max-width: 400px;
}
.c-chesstable-editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.c-chesstable-editor .filters {
  display: flex;
  align-items: end;
}
.c-chesstable-editor .filters .form-group.--select {
  min-width: 140px;
}
.c-chesstable-editor .filters .form-group.--sselect {
  min-width: 190px;
}
.c-chesstable-editor .filters .form-group.--start {
  min-width: 115px;
}
.c-chesstable-editor .filters .form-group.--first {
  margin-right: 35px;
}
.c-chesstable-editor .filters > * {
  margin-right: 15px;
}
.c-chesstable-editor .filters .inputs-group {
  display: flex;
  align-items: center;
}
.c-chesstable-editor .filters .inputs-group input {
  width: 50px;
}
.c-chesstable-editor .filters .inputs-group .separator {
  margin: 0 3px;
}
.c-chesstable-editor .filters-area {
  margin: 30px 0 0;
}
.c-chesstable-editor .cce-sections {
  display: flex;
  align-items: flex-end;
  min-width: max-content;
  padding: 0px;
  margin-top: 30px;
  margin-bottom: 130px;
  user-select: none;
}
.c-chesstable-editor .cce-scroll {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 30px;
}
.c-chesstable-editor .cce-desc {
  font-size: 12px;
  color: var(--c-chesstable-editor-text-color);
}
.c-chesstable-editor .cce-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  overflow: hidden;
  pointer-events: none;
  z-index: 10;
}
.c-chesstable-editor .cce-footer .cce-footer-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0680c7;
  color: #fff;
  padding: 0px 30px;
  height: 70px;
  display: flex;
  justify-content: space-between;
  transition: 0.4s;
  transform: translateY(110%);
  overflow: hidden;
}
.c-chesstable-editor .cce-footer.active {
  pointer-events: all;
}
.c-chesstable-editor .cce-footer.active .cce-footer-inner {
  transform: translateY(0px);
}
.c-chesstable-editor .cce-footer-right button {
  background: #41a3dd;
  border: none;
  color: #fff;
  padding: 6px 14px;
  margin-left: 5px;
  border-radius: 5px;
  border: 1px solid #41a3dd;
}
.c-chesstable-editor .cce-footer-right button.--cancel {
  background: transparent;
  border: 1px solid #41a3dd;
  color: #cee9f9;
}
.c-chesstable-editor .cce-footer-right {
  padding-top: 17px;
}
.c-chesstable-editor .cce-footer-left {
  line-height: 70px;
}
.c-chesstable-editor .cce-footer-left b {
  background: #599cd1;
  padding: 4px 10px;
  border-radius: 4px;
  margin: 0 5px;
}
.c-chesstable-editor .c-chesstable-editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 120px;
  bottom: 0;
  overflow: auto;
}
.c-chesstable-editor .cce-flats {
  display: flex;
}
.c-chesstable-editor .cce-floor-title {
  line-height: 30px;
  margin-right: 20px;
  text-align: right;
  width: 24px;
  opacity: 0.3;
  font-size: 12px;
}
.c-chesstable-editor .cce-section-title {
  font-weight: bold;
  margin-bottom: 15px;
  margin-left: 44px;
}
.c-chesstable-editor span.flexer {
  justify-content: space-between;
  display: flex;
  padding: 0 5px;
}
.c-chesstable-editor .cce-flat {
  width: 30px;
  height: 30px;
  background: var(--c-chesstable-editor-flat-bg);
  margin-right: 8px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  cursor: default;
  position: relative;
}
.c-chesstable-editor .cce-flat.w2 {
  width: 60px;
}
.c-chesstable-editor .cce-flat:hover {
  background: var(--c-chesstable-editor-flat-bg-hover);
}
.c-chesstable-editor .cce-flat.--empty {
  background: transparent;
}
.c-chesstable-editor .cce-flat.--green:after {
  content: '';
  background: var(--c-chesstable-editor-flat-bg-green);
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 1px;
  top: 1px;
  left: 1px;
  bottom: 1px;
}
.c-chesstable-editor .cce-flat.--green span {
  position: relative;
  z-index: 2;
}
.c-chesstable-editor .cce-flat.--selected {
  background: var(--c-chesstable-editor-flat-bg-selected);
  box-shadow: 0px 0px 0px 2px #0680c7;
}
.c-chesstable-editor .cce-flat.--out {
  pointer-events: none;
  color: transparent !important;
  background: transparent !important;
  border: 1px solid #00000091;
}
.c-chesstable-editor .cce-flat.--disable {
  background: var(--c-chesstable-editor-flat-bg-disabled);
  box-shadow: none;
  color: #7a8294;
  pointer-events: none;
}
.c-chesstable-editor .cce-floor {
  margin-bottom: 8px;
  display: flex;
}
.c-chesstable-editor .cce-section {
  margin-right: 20px;
}
body {
  --chess-inputs-border: #8d889c;
  --chess-inputs-selected-bg: #fff;
  --chess-inputs-selected-color: #000;
  --chess-button-reset-color: #fff;
  --chess-button-reset-bg: #4a3c6b;
}
body.theme-white,
body .view-light {
  --chess-button-reset-color: #000;
  --chess-button-reset-bg: #c7cfe5;
}
.sp-chesstable-filters {
  padding: 20px 30px 7px;
}
.sp-chesstable-filters .c-multiselect .cm-view {
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .sp-chesstable-filters {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sp-chesstable-filters .spc-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.sp-chesstable-filters .spcf-reset {
  white-space: nowrap;
  padding: 0 14px;
  height: 34px;
  border: none;
  background: var(--chess-button-reset-bg);
  color: var(--chess-button-reset-color);
  font-size: 12px;
  border-radius: 10px;
}
.sp-chesstable-filters .spc-item {
  margin-right: 16px;
  margin-bottom: 15px;
}
.sp-chesstable-filters .spc-item.--toggler {
  height: 34px;
}
.sp-chesstable-filters .c-multiselect .cm-view {
  background: transparent;
  border-color: var(--chess-inputs-border);
  border-radius: 10px;
}
.sp-chesstable-filters .spc-item.--multi {
  min-width: 120px;
  max-width: 120px;
}
.sp-chesstable-filters .spc-label {
  margin-bottom: 8px;
  font-size: 85%;
  opacity: 0.6;
}
.sp-chesstable-filters .spc-inputs {
  display: flex;
  align-items: center;
}
.sp-chesstable-filters .spc-inputs input[type="text"] {
  min-width: 80px;
  max-width: 80px;
  background: transparent;
  border: 1px solid var(--chess-inputs-border);
  height: 34px;
  border-radius: 10px;
  text-align: center;
  padding: 0 5px;
  outline: none;
}
.sp-chesstable-filters .spc-inputs.area input[type="text"] {
  min-width: 50px;
  max-width: 50px;
}
.sp-chesstable-filters .spc-inputs > label {
  margin-right: 7px;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: normal;
}
.sp-chesstable-filters .spc-inputs > label:last-child {
  margin-right: 0;
}
.sp-chesstable-filters .spc-inputs > label span {
  line-height: 32px;
  text-align: center;
  display: block;
  min-width: 34px;
  height: 34px;
  position: relative;
  border: 1px solid var(--chess-inputs-border);
  border-radius: 10px;
  transition: 0.3s;
}
.sp-chesstable-filters .spc-inputs > label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.sp-chesstable-filters .spc-inputs > label input[type="checkbox"]:checked + span {
  background: var(--chess-inputs-selected-bg);
  border-color: var(--chess-inputs-selected-bg);
  color: var(--chess-inputs-selected-color);
}
.sph-house-info-count-area {
  height: 44px;
  margin: 0px 0 0;
}
@media only screen and (max-width: 767px) {
  .sph-house-info-count-area {
    height: auto;
  }
}
.sph-house-info-count-area .sph-house-info-counts {
  display: flex;
  font-size: 1.3rem;
  color: var(--inverse);
  flex-wrap: wrap;
  align-items: initial;
  align-content: center;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .sph-house-info-count-area .sph-house-info-counts {
    flex-wrap: nowrap;
  }
}
.sph-house-info-count-area .sps-count {
  padding: 0px 6px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  min-width: 28px;
  border-radius: 5px;
  margin-right: 3px;
  line-height: 28px;
}
.sph-house-info-count-area .sps-title {
  display: inline-block;
  margin-left: 3px;
  font-size: 11px;
  opacity: 0.6;
}
.sph-house-info-count-area .sph-hic-total {
  margin-right: 18px;
  text-transform: uppercase;
  color: var(--inverse);
  display: flex;
  align-items: center;
  font-size: 11px;
}
.sph-house-info-count-area .sph-hic-total b {
  border: 1px solid var(--inverse);
  height: 28px;
  display: block;
  min-width: 28px;
  padding: 0 6px;
  text-align: center;
  line-height: 26px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: normal;
  margin-right: 6px;
}
.sph-house-info-count-area .sph-hic-item {
  cursor: pointer;
  margin: 0px 20px 0px 0;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.sph-house-info-count-area .sph-hic-item.selected .sps-title {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .sph-house-info-count-area .sph-hic-item {
    margin-right: 10px;
  }
}
.sph-house-info-count-area .sph-hic-item:hover {
  cursor: pointer;
}
.sph-house-info-count-area .sph-hic-item[data-status="0"] .sps-count {
  background-color: #0c8240;
}
.sph-house-info-count-area .sph-hic-item[data-status="-1"] .sps-count {
  background-color: var(--chess-flat-reserved);
}
.sph-house-info-count-area .sph-hic-item[data-status="2"] .sps-count {
  background-color: #284da2;
}
.sph-house-info-count-area .sph-hic-item[data-status="2"] .sps-count.--alt {
  background-color: #4f6db1;
  background-image: url(../images/repbg.png);
  opacity: 1;
}
.sph-house-info-count-area .sph-hic-item[data-status="3"] .sps-count {
  background-color: var(--chess-flats-solded-bg);
  color: var(--inverse);
}
.sph-house-info-count-area .sph-hic-item[data-status="3"] .sps-count.--alt {
  background-color: #595959;
  background-image: url(../images/repbg.png);
  opacity: 1;
}
.sph-house-info-count-area .sph-hic-item[data-status="1"] .sps-count {
  background-color: #d69d00;
}
.sph-house-info-count-area .sph-hic-item[data-status="1"] .sps-count.--alt {
  background-color: #b98b0b;
  background-image: url(../images/repbg.png);
}
.closeBookModal {
  /*background: @modalBackgroundColor;*/
}
.closeBookModal .modal-dialog {
  width: 580px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.closeBookModal .modal-content .el-buttons-list-item {
  justify-content: flex-start;
}
.closeBookModal .modal-content .el-buttons-list-item span {
  display: inline-block;
  margin-left: 10px;
}
.closeLeadModal {
  /*background: @modalBackgroundColor;*/
}
.closeLeadModal .modal-dialog {
  width: 1000px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.closeLeadModal .clm-statuses {
  display: flex;
  margin: 0 -10px;
}
.closeLeadModal .more-info {
  margin: -10px 0 30px;
}
.closeLeadModal span.agent-icon {
  float: right;
  font-size: 20px;
  opacity: 0.5;
}
.closeLeadModal .klei {
  margin-top: 20px;
}
.closeLeadModal .klei .std-btn {
  text-align: center;
  display: block;
  width: 100%;
}
.closeLeadModal .clm-status {
  width: 50%;
  margin: 0 10px;
}
.closeLeadModal .clm-status:first-child {
  max-width: 20%;
}
.closeLeadModal .clm-status.loading {
  opacity: 0.3;
  pointer-events: none;
}
.closeLeadModal .attention {
  background: #ffd843;
  color: #40392c;
  padding: 20px 30px;
  margin: -10px -30px 30px;
}
.closeLeadModal .clm-status-title {
  font-weight: bold;
  font-size: 14px;
}
.closeLeadModal .clm-status-type {
  border: 1px solid #4a5675;
  margin-top: 7px;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
  line-height: 1.4em;
  transition: 0.3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.closeLeadModal .clm-status-type.passive {
  opacity: 0.3;
  pointer-events: none;
}
.closeLeadModal .clm-status-type:hover {
  background: #4a5675;
  cursor: pointer;
}
.closeLeadModal .clm-statuses.loading {
  opacity: 0.3;
  pointer-events: none;
}
.confirm-modal {
  text-align: center;
}
.c-custom-fields-area[position="220"],
.c-custom-fields-area[position="230"] {
  margin-top: 20px;
}
.c-custom-fields-area .custom-field {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-custom-fields-area .custom-field {
    display: block;
    margin-bottom: 13px;
  }
}
.c-custom-fields-area .custom-field-label {
  width: 37%;
  margin-bottom: 0;
  margin-right: 15px;
  opacity: 0.9;
  line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
  .c-custom-fields-area .custom-field-label {
    width: 100%;
    margin-bottom: 6px;
    font-size: 13px;
  }
}
.c-custom-fields-area .cfl-pin {
  display: inline-block;
  margin-top: 7px;
  line-height: 24px;
  height: 26px;
  padding: 0 8px;
  font-size: 11px;
}
.c-custom-fields-area [field-id="desc"] textarea {
  min-height: 90px;
}
.c-custom-fields-area .custom-field-header {
  font-weight: bold;
  opacity: 1;
  margin-top: 30px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 15px;
  color: #5983ff;
}
.c-custom-fields-area textarea {
  max-height: 300px;
  overflow: auto;
}
.c-custom-fields-area .custom-field-value {
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .c-custom-fields-area .custom-field-value {
    width: 100%;
    min-height: 27px;
  }
}
.c-custom-fields-area .custom-field-wrap {
  margin-bottom: 10px;
}
.c-custom-fields-area .custom-field-wrap:last-child {
  margin-bottom: 0;
}
.c-custom-fields-area .field-flex {
  display: flex;
}
.c-custom-fields-area .field-flex .std-btn {
  min-width: 34px;
  margin-left: 8px;
}
.c-custom-fields-area .field-flex .std-btn i {
  left: 0px;
  top: -1px;
  width: 34px;
  height: 34px;
  line-height: 36px;
  font-size: 13px;
}
.c-custom-fields-area toggler-inline {
  float: left;
}
.c-custom-fields-area .c-toggler-inline {
  margin: 0;
}
.c-custom-fields-area .buttons {
  position: sticky;
  bottom: 20px;
  z-index: 242;
  margin-top: 20px;
}
.c-custom-fields-area .buttons .std-btn {
  line-height: 50px;
}
.c-custom-fields-multi-options .multisel-list {
  margin-bottom: 10px;
  position: relative;
}
.c-cfs .custom-field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.c-cfs .custom-field-label {
  width: 40%;
  margin-bottom: 0;
  overflow: hidden;
  margin-right: 15px;
  font-size: 12px;
  white-space: normal;
  line-height: 13px;
}
.c-cfs .custom-field-label .field-title {
  opacity: 0.4;
}
.c-cfs .custom-field-label .field-req {
  color: #f00;
  font-size: 14px;
  position: relative;
  top: 1px;
}
.c-cfs .custom-field-value {
  width: 60%;
}
.c-cfs .custom-field:last-child {
  margin-bottom: 0;
}
.c-custom-input {
  position: relative;
  border: 1px solid #606d8c;
  border-radius: 5px;
  height: 56px;
  margin-bottom: 20px;
  background: var(--form-input-bg);
}
.c-custom-input label {
  margin: 0;
  width: 100%;
  display: block;
}
.c-custom-input .stdi-label {
  position: absolute;
  top: 0;
  font-size: 14px;
  font-weight: 400;
  display: block;
  left: 12px;
  transform: translateY(16px);
  transform-origin: 0 0;
  transition: 0.3s;
  color: #828a9e;
}
.c-custom-input input {
  width: 100%;
  margin: 0;
  border: none;
  outline: 0;
  height: 56px;
  padding: 20px 40px 4px 12px;
  background: 0 0;
  font-weight: normal;
  font-size: 15px;
}
.c-custom-input input:focus + .stdi-label,
.c-custom-input .stdi-label.--active {
  transform: scale(0.8) translateY(9px);
  color: #828a9e;
}
.c-dataset-colums-date {
  position: relative;
  border: 1px solid #9fa6b8;
  background: #f9fbff;
}
.c-dataset-colums-date .ccd {
  position: absolute;
  right: 0;
  top: -37px;
}
.c-dataset-colums-date rect.highcharts-plot-background {
  fill: #e7eaf4 !important;
}
.c-dataset-colums-date rect.highcharts-background {
  fill: #dfe3e9 !important;
}
.c-dataset-grid {
  padding: 1px;
}
.c-dataset-grid.flexer .div-mb-flex {
  display: flex;
  justify-content: space-between;
}
.c-dataset-grid .th-col {
  background: #dfe3ea;
  font-weight: bold;
}
.c-dataset-grid td.total {
  border-right-width: 3px;
  background: #dfe3ea;
  font-weight: bold;
}
.c-dataset-grid tr.total td {
  background: #dfe3ea;
  font-weight: bold;
}
.c-dataset-grid tr.total {
  border-bottom: 3px solid #9fa7b7;
}
.c-dataset-grid .empty-field {
  opacity: 0.4;
}
.c-dataset-grid .enable-filter {
  cursor: pointer;
}
.c-dataset-grid .cds-footer-right {
  margin-left: 10px;
}
.c-dataset-grid .cdg-after {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.7;
  display: flex;
  justify-content: space-between;
}
.c-dataset-grid .td-col-val:last-child {
  margin-left: 15px;
}
.c-dataset-grid .td-col-val:first-child {
  margin-left: 0 !important;
}
.c-dataset-grid .td-col-val:last-child:first-child {
  text-align: center;
  display: block;
  width: 100%;
}
.c-dataset-grid span.operator-percent {
  opacity: 0.6;
  font-size: 85%;
}
.c-dataset-grid span.fast-filter {
  float: right;
  color: #6b727f;
}
dataset-number {
  display: block;
  height: 100%;
}
.c-dataset-number {
  height: 100%;
  background: #fff;
  text-align: center;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #9fa3ae;
}
.c-dataset-number .cdn-title {
  opacity: 0.6;
}
.c-dataset-number .cdn-number {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
.c-dataset-registry {
  font-size: 13px;
  position: relative;
}
.c-dataset-registry.row-auto .table-buttons {
  position: absolute;
  right: 0;
  top: -37px;
}
.c-dataset-registry table tbody tr:hover {
  background-color: #f3f5fc;
}
.c-dataset-registry .empty-field {
  opacity: 0.4;
}
.c-dataset-registry .col-number {
  text-align: right;
}
.c-dataset-registry .col-number .col-flex {
  float: right;
}
.c-dataset-registry .cdr-settings {
  position: absolute;
  right: 0;
  top: -31px;
  opacity: 0.5;
}
.c-dataset-registry .cdr-scroll {
  overflow: auto;
}
.c-dataset-registry .cdr-scroll .table {
  margin-bottom: 0px;
}
.c-dataset-registry .enable-filter {
  cursor: pointer;
}
.c-dataset-registry .col-flex {
  display: flex;
  position: relative;
}
.c-dataset-registry .col-title {
  white-space: nowrap;
}
.c-dataset-registry .col-sort {
  margin-left: 4px;
  font-size: 16px;
  height: 18px;
  position: relative;
  top: -2px;
}
.c-dataset-registry .cut1 {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-dataset-registry .cut2 {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-dataset-registry table {
  background: #fff;
}
.c-dataset-registry .all-count {
  margin-right: 17px;
}
.c-dataset-registry .table-bordered > thead > tr > th {
  border-color: #9fa7b7;
}
.c-dataset-registry thead {
  background: #dfe3ea;
}
.c-dataset-registry span.table-nav {
  display: inline-block;
  background: #Fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #c5cfe5;
  margin-left: 6px;
}
.c-dataset-registry span.table-nav:hover {
  cursor: pointer;
}
.c-dataset-registry span.table-nav.passive {
  opacity: 0.5;
  background: transparent;
  pointer-events: none;
}
.c-dataset-registry .table-navigation {
  display: flex;
  justify-content: flex-end;
}
.c-dataset-registry span.table-nav {
  margin-left: 6px;
}
.c-dataset-registry .table-buttons {
  display: flex;
  align-items: center;
}
.c-dataset-registry .table-after {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
dataset-summary {
  margin-bottom: 0px;
  display: block;
  height: 100%;
  position: relative;
}
.c-dataset-summary {
  height: 100%;
}
.c-dataset-summary.fullHeight .cds-scroll {
  max-height: 10000px;
}
.c-dataset-summary.fullHeight .cds-overflow {
  display: none;
}
.c-dataset-summary .cds-scroll {
  padding: 1px;
}
.c-dataset-summary td {
  vertical-align: top;
}
.c-dataset-summary .pluser {
  color: #596794;
  margin-left: auto;
  font-size: 16px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.c-dataset-summary thead {
  position: sticky;
  top: 0;
}
.c-dataset-summary tfoot {
  position: sticky;
  bottom: 0;
}
.c-dataset-summary .enable-hover {
  cursor: pointer;
}
.c-dataset-summary .col-sort {
  margin-left: 4px;
  font-size: 14px;
  height: 18px;
  position: relative;
  top: -1px;
}
.c-dataset-summary span.percent-out {
  position: relative;
  display: block;
  margin: -4px -10px;
  height: 28px;
  min-width: 60px;
}
.c-dataset-summary span.percent-val {
  position: relative;
  line-height: 28px;
  margin-right: 5px;
}
.c-dataset-summary .col-flex {
  display: flex;
  position: relative;
}
.c-dataset-summary .col-flex.val {
  justify-content: end;
}
.c-dataset-summary .cds-footer {
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
  display: flex;
  justify-content: space-between;
  margin-top: 11px;
}
.view-light .c-date-input input.form-control {
  background-color: #d3dbf1;
}
.c-date-input {
  position: relative;
  /*.uib-datepicker-popup .btn-default{
    color: #999;
  }*/
}
.c-date-input.errored .text-input {
  background-color: #7c3e3e;
  border-color: #c83b3b;
}
.c-date-input.errored .cd-icon {
  border-color: #c83b3b !important;
}
.c-date-input .cd-input {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}
.c-date-input .text-input {
  position: relative;
  z-index: 3;
}
.c-date-input .cd-icon {
  position: absolute;
  right: 0;
  top: 0;
  color: #7f94c5 !important;
  border-color: var(--form-input-border) !important;
  background-color: #0000 !important;
  color: var(--form-input-color);
  border-radius: 0px 2px 2px 0;
  z-index: 33;
  padding: 0 !important;
  height: 34px !important;
  width: 34px;
  margin: 0 !important;
}
.c-date-input .ng-invalid-parse {
  border-color: #a94141;
  background-color: #583c3c;
}
.c-date-input .text-muted {
  color: #dadada;
}
.c-datepicker {
  position: relative;
  /*
  .uib-datepicker .uib-day .btn-default{
    color: #000!important;
  }*/
  /*.uib-datepicker-popup .btn-default{
    color: #999;
  }*/
}
.c-datepicker .cd-input {
  margin-right: 10px;
}
.c-datepicker .cd-icon {
  position: absolute;
  right: 0;
  top: 0;
  color: #7f94c5 !important;
  border-color: var(--form-input-border) !important;
  background-color: #0000 !important;
  color: var(--form-input-color);
  border-radius: 0px 2px 2px 0;
  z-index: 33;
  padding: 0 !important;
  height: 34px!important;
  width: 34px;
  margin: 0 !important;
}
.c-datepicker .ng-invalid-parse {
  border-color: #a94141;
  background-color: #583c3c;
}
.c-datepicker .text-muted {
  color: #dadada;
}
.c-days-line-data {
  background: #fff;
  border-radius: 10px;
  position: relative;
}
.c-days-line-data.min .cdld-day {
  min-width: 15px;
  max-width: 15px;
}
.c-days-line-data.min .cdld-day .month {
  padding-top: 0px;
  margin-top: 0px;
  margin-left: -4px;
}
.c-days-line-data.min .cdld-day .day {
  font-size: 12px;
}
.c-days-line-data.min .cdld-day .counter {
  opacity: 0;
  visibility: hidden;
  min-width: 31px;
  text-align: center;
  margin-left: -7px;
}
.c-days-line-data.min .cdld-day:nth-child(even) .counter {
  opacity: 1;
  visibility: visible;
}
.c-days-line-data.min .cdld-day:hover .counter {
  opacity: 1;
  visibility: visible;
  background: #fff;
}
.c-days-line-data .sda {
  padding-top: 50px;
}
.c-days-line-data .sr-group-title {
  font-size: 18px;
}
.c-days-line-data .sr-group-flex {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 20px;
  left: 30px;
  right: 30px;
  align-items: center;
}
.c-days-line-data .cdld-day {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-right: 5px;
  min-width: 31px;
  text-align: center;
  justify-content: end;
}
.c-days-line-data .cdld-day.friday {
  margin-right: 15px;
}
.c-days-line-data .cdld-flex {
  display: flex;
  padding-bottom: 40px;
  padding-left: 30px;
}
.c-days-line-data .cdld-flex:after {
  content: '';
  min-width: 10px;
}
.c-days-line-data .line {
  background: #7b92b8;
  border-radius: 3px;
}
.c-days-line-data .line.empty {
  background: transparent;
  border: 1px solid #666;
}
.c-days-line-data .month {
  position: absolute;
  top: 100%;
  left: 0;
  text-align: center;
  font-weight: bold;
  border-left: 3px solid #000;
  padding-top: 10px;
  margin-top: -10px;
  margin-left: -4px;
  padding-left: 13px;
  white-space: nowrap;
}
.c-days-line-data .day {
  opacity: 0.7;
  font-size: 13px;
  text-align: center;
}
.c-days-line-data .counter {
  font-size: 13px;
  transition: 0.2s;
}
body {
  --dad-radio-item-bg: #374055;
  --dad-radio-item-border: #656f86;
  --dad-radio-item-active-color: #fff;
  --dad-checker-bg: #4f5973;
  --dad-form-item-bg: #364056;
  --input-commission-bg: #22283a;
  --input-commission-border: #64759e;
}
body.theme-white {
  --dad-radio-item-bg: #cad2e6;
  --dad-radio-item-border: #7e8aa6;
  --dad-radio-item-active-color: #333;
  --dad-checker-bg: #7e8aa6;
  --dad-form-item-bg: #b0bedb;
  --input-commission-bg: #afb8d2;
  --input-commission-border: #8d97b1;
}
.dealAnDetailsModal {
  /*background: @modalBackgroundColor;*/
}
.dealAnDetailsModal .std-modal .input-group-addon {
  background: var(--input-commission-bg);
  border: 1px solid var(--input-commission-border);
}
.dealAnDetailsModal .modal-dialog {
  width: 1100px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.dealAnDetailsModal .dad-form-item {
  background: var(--dad-form-item-bg);
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 5px;
  position: relative;
}
.dealAnDetailsModal .dad-form-item hr {
  border-top: 2px solid #505663;
  margin: 9px -15px;
}
.dealAnDetailsModal .dad-forms {
  margin-top: 10px;
}
.dealAnDetailsModal .dadfi-date {
  font-size: 11px;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -20px;
}
.dealAnDetailsModal .dadfi-comment {
  font-size: 12px;
  margin: 6px 0;
}
.dealAnDetailsModal .dad-radio-item {
  background: var(--dad-radio-item-bg);
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid var(--dad-radio-item-border);
  position: relative;
}
.dealAnDetailsModal .dad-radio-item.active label {
  color: var(--dad-radio-item-active-color);
}
.dealAnDetailsModal .dad-radio-item label {
  padding: 10px 10px 10px 40px;
  margin: 0;
  color: #a0a8bb;
}
.dealAnDetailsModal .dad-radio-item label input {
  opacity: 0;
  position: absolute;
}
.dealAnDetailsModal .dad-radio-item label input:checked + .dad-checker:after {
  background-color: #2968ff;
}
.dealAnDetailsModal .dad-checker {
  position: absolute;
  left: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  top: 12px;
  background-color: var(--dad-checker-bg);
}
.dealAnDetailsModal .dad-checker:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
}
.c-deal-docs-pays {
  margin-bottom: 30px;
  margin-right: -20px;
  margin-top: 15px;
}
.c-deal-docs-pays .cddp-pays {
  margin-bottom: 10px;
}
.c-deal-docs-pays .cddp-pay {
  display: flex;
  margin-bottom: 7px;
}
.c-deal-docs-pays .cddp-pay-amount {
  width: 110px;
  margin-right: 10px;
}
.c-deal-docs-pays .cddp-pay-date {
  width: 130px;
}
.c-deal-docs-pays .cddp-pay.--start {
  font-size: 12px;
  opacity: 0.5;
}
.c-deal-docs-pays span.sof {
  display: inline-block;
  background: #ea4445;
  font-size: 13px;
  padding: 1px 5px;
  border-radius: 5px;
  margin-left: 3px;
  color: #fff;
}
.c-deal-docs-pays .cddp-pay-amount input {
  padding: 4px;
}
.c-deal-docs-pays .cpp-hover {
  border-bottom: 1px dashed var(--border-dashed);
  padding-bottom: 1px;
  margin-right: 4px;
  cursor: pointer;
  font-size: 12px;
}
.c-deal-docs-pays .dp-num {
  line-height: 34px;
  margin-right: 6px;
  font-size: 12px;
  opacity: 0.5;
  min-width: 16px;
  text-align: center;
  max-width: 16px;
  border-radius: 3px;
}
.c-deal-docs-pays .dp-num.bad {
  background: #ff6868;
}
.c-deal-docs-pays .dp-action {
  max-width: 54px;
  min-width: 54px;
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-left: 7px;
}
.c-deal-docs-pays .dp-action i {
  text-align: center;
  height: 25px;
  width: 25px;
  line-height: 26px;
  background: #ffffff0f;
  border-radius: 2px;
  font-size: 13px;
  margin-right: 4px;
}
.c-deal-docs-pays .dp-action i:last-child {
  margin-right: 0;
}
.c-deal-docs-pays .cddp-pay-ordate {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 12px;
  margin-left: 6px;
  width: 302px;
}
.c-deal-docs-pays .cddp-pay-ordate.--ext {
  width: 402px;
}
.c-deal-docs-pays .cddp-pay-ordate-input {
  min-width: 37px;
  margin: 0 4px;
  max-width: 37px;
}
.c-deal-docs-pays .cddp-pay-ordate-input input {
  padding: 0;
  text-align: center;
  font-size: 12px;
}
.c-deal-docs-pays .cddp-pay-ordate-select {
  width: 145px;
  margin-left: 6px;
}
.c-deal-docs-pays .cddp-pay-ordate-select.--day {
  margin-right: 6px;
}
.c-deal-docs-pays .cddp-pay-ordate-select .btn {
  font-size: 12px;
  line-height: 20px;
}
.c-deal-docs-pays .cdd-table-row.--start {
  opacity: 0.5;
  font-size: 12px;
}
.c-deal-docs-pays .cdd-table-row {
  display: flex;
  margin-bottom: 4px;
}
.c-deal-docs-pays .cdd-table-td.--amount {
  width: 100px;
  margin-right: 20px;
}
.c-deal-docs-pays .cdd-table-td.--date {
  width: 100px;
}
.c-deal-docs-pays .cdd-table-td.--total {
  width: 120px;
}
.c-deal-docs-pays .cdd-table-td.--status {
  width: 120px;
}
.c-deal-docs-pays span.pay-future {
  opacity: 0.4;
}
.c-deal-docs-pays span.pay-bad {
  font-weight: bold;
  color: #ea4545;
}
.c-pays-plan-out.full {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 22222;
  display: flex;
  color: #000;
}
.c-pays-plan .no-sync {
  color: #ff4c4c;
}
.c-pays-plan .dp-num {
  line-height: 34px;
  margin-right: 8px;
  font-size: 12px;
  opacity: 0.5;
  min-width: 10px;
  max-width: 10px;
}
.c-pays-plan .dp-esc {
  min-width: 188px;
  max-width: 188px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-left: 49px;
  text-align: center;
}
.c-pays-plan .dp-esc-amount {
  min-width: 90px;
  text-align: right;
  margin-right: 25px;
  max-width: 90px;
}
.c-pays-plan .dp-esc-date {
  width: 70px;
  margin-right: 11px;
}
.c-pays-plan .dp-esc-status {
  margin-left: auto;
  display: none;
}
.c-pays-plan span.dp-check-yes {
  position: relative;
  top: -3px;
}
.c-pays-plan .c-pays-plan-item {
  position: relative;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  height: 46px;
}
.c-pays-plan .c-pays-plan-item:first-child {
  height: 20px;
}
.c-pays-plan .c-pays-plan-item > div > p,
.c-pays-plan .c-pays-plan-item > div > b {
  margin-bottom: 0px;
  font-size: 12px;
  opacity: 0.5;
}
.c-pays-plan .c-pays-plan-item input {
  padding-left: 5px;
  padding-right: 5px;
}
.c-pays-plan .dpl-paystext {
  margin-top: 15px;
}
.c-pays-plan .c-fin-actions {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .c-pays-plan .c-add-new {
    margin: 10px 0 15px 0;
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .c-pays-plan .dpl-payslist + .std-btn {
    display: block;
    width: 100%;
  }
}
.c-pays-plan p.dpl-error {
  color: #ff6666;
  font-weight: bold;
  font-size: 16px;
}
.c-pays-plan .cpp-hover {
  border-bottom: 1px dashed var(--border-dashed);
  padding-bottom: 1px;
  margin-right: 4px;
  cursor: pointer;
}
.c-pays-plan .c-pays-plan-closer i {
  font-size: 17px !important;
}
.c-pays-plan .pays-actions {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.c-pays-plan .dpl-payslist {
  margin: 20px 0 0px;
}
@media only screen and (max-width: 767px) {
  .c-pays-plan .dpl-payslist {
    margin: 20px -15px -5px;
    overflow: auto;
    padding: 0 15px;
  }
}
.c-pays-plan .dp-sum {
  min-width: 110px;
  max-width: 110px;
}
.c-pays-plan .dp-date {
  margin-left: 10px;
  min-width: 120px;
  max-width: 120px;
  margin-right: 10px;
}
.c-pays-plan .dp-bill {
  min-width: 255px;
  max-width: 255px;
}
.c-pays-plan .dp-check {
  margin-left: 10px;
  margin-right: 10px;
  max-width: 70px;
  min-width: 70px;
  padding-top: 5px;
}
.c-pays-plan .dp-action {
  max-width: 60px;
  min-width: 60px;
  display: flex;
  align-items: center;
  margin-top: 0px;
}
.c-pays-plan .dp-action i {
  text-align: center;
  height: 25px;
  width: 25px;
  line-height: 26px;
  background: #ffffff0f;
  border-radius: 2px;
  font-size: 13px;
  margin-right: 4px;
}
.c-pays-plan .dp-action-left {
  max-width: 36px;
  min-width: 36px;
  margin-right: 0;
  text-align: center;
}
.c-pays-plan .cpp-attention {
  margin: 25px 0 30px;
}
.c-pays-plan .std-error-area {
  margin-top: 30px;
}
.c-pays-plan .final-stat-row.--start {
  opacity: 0.5;
  font-size: 85%;
}
.c-pays-plan .final-stat-row {
  display: flex;
  margin-top: 6px;
}
.c-pays-plan .fsr-bill {
  width: 100%;
}
.c-pays-plan .fsr-amount {
  min-width: 120px;
  text-align: right;
}
.c-pays-plan .final-stat {
  margin-top: 40px;
  margin-bottom: 70px;
}
body {
  --deals-filters-modal-checkbox-bg: #ffffff0f;
  --deals-filters-modal-checkbox-bg-checked: #ffffff40;
  --deals-filters-modal-checkbox-border: #64759e;
  --deals-filters-modal-checkbox-color: #fff;
  --deals-filters-modal-checkbox-color-checked: #fff;
}
body.theme-white {
  --deals-filters-modal-checkbox-bg: #d2dbf1;
  --deals-filters-modal-checkbox-bg-checked: #5e6984;
  --deals-filters-modal-checkbox-border: #8d97b1;
  --deals-filters-modal-checkbox-color: #333;
  --deals-filters-modal-checkbox-color-checked: #fff;
}
.deals-filters-modal .col-title {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 58px;
}
.deals-filters-modal .col-title:first-child {
  margin-top: 5px;
}
.deals-filters-modal .cfs {
  width: 700px;
}
.deals-filters-modal .std-modal {
  min-width: 1200px;
  max-width: 1200px;
}
.deals-filters-modal .std-modal h3 {
  font-size: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .deals-filters-modal .std-modal h3 {
    margin: 20px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .deals-filters-modal .std-modal .row::after {
    display: none;
  }
}
.deals-filters-modal .inputs-separator {
  margin-top: 6px;
  text-align: center;
}
.deals-filters-modal .switch {
  opacity: 1;
}
.deals-filters-modal .dfm-body {
  min-height: 400px;
}
.deals-filters-modal .more-height {
  min-height: 80px;
}
.deals-filters-modal .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  height: 29px;
}
.deals-filters-modal .ui-select-match-item.btn-default {
  height: 24px;
  line-height: 21px;
  padding: 0px 10px;
}
.deals-filters-modal .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  color: #ffffff;
}
.deals-filters-modal .checkbox-container label {
  transition: 0.3s;
  opacity: 1;
  background-color: var(--deals-filters-modal-checkbox-bg);
  color: var(--deals-filters-modal-checkbox-color);
  border: 1px solid var(--deals-filters-modal-checkbox-border);
  outline: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  width: 100%;
  height: 36px;
  cursor: pointer;
  padding: 0px 12px;
  border-radius: 4px;
  display: block;
  margin: 0;
}
.deals-filters-modal .checkbox-container input {
  display: none;
}
.deals-filters-modal .checkbox-container input:checked + label {
  background-color: var(--deals-filters-modal-checkbox-bg-checked);
  color: var(--deals-filters-modal-checkbox-color-checked);
}
body {
  --kanban-filters-bg: #0000003b;
  --kanban-chip-hover: rgba(255, 255, 255, 0.14);
}
body.theme-white {
  --kanban-filters-bg: #ffffff59;
  --kanban-chip-hover: rgba(0, 0, 0, 0.06);
}
.c-deals-filters-params {
  max-height: 89px;
  overflow: auto;
}
.c-deals-filters-params .sc-filtersdata {
  padding: 10px 130px 10px 30px;
  color: var(--standart-color);
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--standart-border);
  background: var(--kanban-filters-bg);
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .c-deals-filters-params .sc-filtersdata {
    padding: 10px 10px;
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.c-deals-filters-params .scfd-title {
  margin-right: 10px;
  opacity: 0.4;
}
.c-deals-filters-params .scfd-item {
  display: flex;
  white-space: nowrap;
  margin-right: 20px;
  align-items: center;
}
.c-deals-filters-params .scfd-item:last-child {
  margin-right: 0;
}
.c-deals-filters-params .scfd-item.--removable {
  cursor: pointer;
  padding: 2px 6px;
  margin: -2px 14px -2px -6px;
  border-radius: 4px;
  transition: 0.15s;
}
.c-deals-filters-params .scfd-item.--removable:hover {
  background: var(--kanban-chip-hover);
}
.c-deals-filters-params .scfd-item.--removable:hover .scfd-remove {
  opacity: 1;
}
.c-deals-filters-params .scfd-remove {
  margin-left: 6px;
  opacity: 0.4;
  font-size: 12px;
}
.c-deals-filters-params .scfd-value {
  max-width: 580px;
  white-space: normal;
}
@media only screen and (max-width: 767px) {
  .c-deals-filters-params .scfd-value {
    white-space: nowrap;
    max-width: 10000000px;
  }
}
.c-deals-filters-params .scfd-item i {
  line-height: 20px;
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.c-deals-status-col span.queue {
  background: #ffd900;
  padding: 1px 6px;
  border-radius: 5px;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.c-deals-status-col span.queue:last-child {
  margin-right: -6px;
}
.c-deals-status-col span.queue i {
  font-size: 10px;
  position: relative;
  top: -1px;
  opacity: 0.7;
}
.c-deals-status-col .scs-head {
  display: flex;
  justify-content: space-between;
  margin-right: 0px;
  background-color: #d69d00;
  padding: 5px 6px 6px 13px;
  border-radius: 5px;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .c-deals-status-col .scs-head {
    margin-right: 0;
  }
}
.c-deals-status-col .scs-head.--nolongerbook {
  background-color: #2f59bb;
}
.c-deals-status-col .scs-head.--closedbook {
  background-color: #67628c;
}
.c-deals-status-col .scs-head.--payready {
  background-color: #4c4965;
}
.c-deals-status-col .pay-type {
  display: inline-block;
  margin-right: 0px;
  background: #d9d9ea;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 11px;
  margin-bottom: -4px;
  position: relative;
  top: -1px;
  color: #3c3c3c;
}
.c-deals-status-col .not-my {
  color: #2f59bb;
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.c-deals-status-col .scs-loadthis {
  color: var(--inverse);
  line-height: 16px;
  font-size: 12px;
  margin-top: 10px;
}
.c-deals-status-col .scs-loadthis p {
  opacity: 0.6;
  margin-bottom: 15px;
}
.c-deals-status-col .price-new {
  float: right;
  display: inline-block;
  background: #8782a6;
  color: #ffffff;
  border-radius: 15px 0 0 15px;
  font-size: 12px;
  padding: 2px 11px 2px 7px;
  position: relative;
  top: -2px;
  margin-right: -10px;
}
.c-deals-status-col .last-header {
  margin: 10px 0 2px;
  font-weight: 400;
  opacity: 0.5;
}
.c-deals-status-col span.dsc-percent {
  color: #c3bdb5;
}
.c-deals-status-col .--last2 {
  margin-top: 3px;
  display: flex;
  justify-content: space-between;
  width: 259px;
}
.c-deals-status-col .--last3 {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  color: #fff6;
  width: 259px;
}
.c-deals-status-col .dsc-pay-error {
  color: #f58484;
  opacity: 1;
  position: relative;
  top: 0px;
  margin-right: 2px;
  font-size: 12px;
}
.c-deals-status-col .scs-head-settings {
  opacity: 0.3;
  cursor: pointer;
  transition: 0.3s;
  margin-left: auto;
  z-index: 15;
  position: relative;
}
.c-deals-status-col .scs-head-settings:hover {
  opacity: 0.8;
}
.c-deals-status-col .scs-head-settings-list {
  right: 5px;
  top: 20px;
  position: absolute;
  z-index: 10;
  min-width: 150px;
  color: white;
  border-radius: 5px;
  background-color: #000000;
}
.c-deals-status-col .scs-head-settings-list:after {
  top: -5px;
  right: 0px;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #000000;
  border-bottom: 10px solid #000000;
  position: absolute;
}
.c-deals-status-col .scs-head-settings-list .scs-h-s-l-item {
  z-index: 1;
  cursor: pointer;
  transition: 0.3s;
  padding: 5px 10px;
  position: relative;
}
.c-deals-status-col .scs-head-amount {
  background: #ffffff3b;
  color: #ffffffbf;
  padding: 0px 8px 0;
  border-radius: 0 4px 4px 0;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
  margin: -5px -6px -6px 0;
  line-height: 32px;
}
.c-deals-status-col .scs-head-amount strong {
  background-color: #ffffff47;
  margin: -1px 7px -12px -8px;
  padding: 2px 0px;
  border-radius: 0;
  text-align: center;
  width: 30px;
  height: 32px;
  display: inline-block;
  position: relative;
  top: 1px;
  line-height: 28px;
  float: left;
  color: #fff;
}
.discountInfoModal section.discountInfoModal-in.std-modal {
  padding: 0;
  background-color: #fff !important;
  color: #000 !important;
}
.discountInfoModal .closer {
  text-align: center;
  line-height: 50px;
}
.discountInfoModal .std-modal-closer {
  right: auto;
  left: 100%;
  margin-left: 10px;
  opacity: 0.7;
  color: #fff;
}
.discountInfoModal .modal-content {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.discountInfoModal .modal-dialog {
  width: 540px;
  margin: -1px auto;
  top: 20px;
  /*transform: translateY(0px) !important;*/
}
@media only screen and (max-width: 767px) {
  .discountInfoModal .modal-dialog {
    width: 100%;
    top: 0px;
    position: absolute;
  }
}
.discountInfoModal .modal-dialog input.form-control {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
.discountInfoModal .discount-img {
  padding-top: 66%;
  overflow: hidden;
  /*border-radius: 6px 6px 0 0;*/
  position: relative;
  background-color: #f9f9f9;
}
.discountInfoModal .discount-img .disc-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
}
.discountInfoModal .discount-img .fas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 150px;
  opacity: 0.1;
  z-index: 1;
}
.discountInfoModal .text {
  padding: 0px 40px;
  padding-top: 20px;
}
@media only screen and (max-width: 992px) {
  .discountInfoModal .text .disc-date {
    text-align: center;
  }
}
.discountInfoModal .text .discount-title {
  font-weight: bold;
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.discountInfoModal .text .disc-date {
  font-weight: 600;
  font-size: 1.1em;
}
.discountInfoModal .text .date-button {
  padding: 20px 0 20px;
}
.discountInfoModal .text .date-button .disc-button {
  display: flex;
}
.discountInfoModal .text .date-button .disc-button .button-flat,
.discountInfoModal .text .date-button .disc-button a {
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  color: #979c99;
  text-align: center;
  border: none;
  text-decoration: none;
  transition: 0.3s;
}
.discountInfoModal .text .date-button .disc-button .button-flat:hover,
.discountInfoModal .text .date-button .disc-button a:hover {
  color: #000;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.discountInfoModal .text .date-button .disc-button .button-flat {
  background: rgba(0, 0, 0, 0.05);
  flex: 1 1 70%;
}
.discountInfoModal .text .date-button .disc-button .button-more {
  flex: 1 1 30%;
  margin-left: 10px;
}
@media only screen and (max-width: 992px) {
  .discountInfoModal .text .date-button .disc-button {
    flex-wrap: wrap;
  }
  .discountInfoModal .text .date-button .disc-button .button-flat,
  .discountInfoModal .text .date-button .disc-button a {
    flex: 1 1 100%;
  }
}
.c-document-template-editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #000;
}
.c-document-template-editor .ctera-section-area-comment {
  margin: -5px 0 10px;
  font-size: 12px;
  opacity: 0.7;
}
.c-document-template-editor .cter-item-comment {
  font-size: 12px;
  opacity: 0.7;
  margin-bottom: 10px;
}
.c-document-template-editor .ctera-section-area {
  font-weight: bold;
  margin: 0 -20px 10px;
  background: #eee;
  padding: 10px 20px;
}
.c-document-template-editor .ctera-section {
  margin-bottom: 30px;
}
.c-document-template-editor .cter-area {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 0px 20px 20px;
}
.c-document-template-editor .cter-search-wrap {
  position: sticky;
  top: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  background: #fff;
  margin: -20px -20px 0;
  padding: 12px 20px;
}
.c-document-template-editor .cter-search-wrap .c-search-input {
  flex: 1;
  min-width: 0;
}
.c-document-template-editor .cter-search-clear {
  flex-shrink: 0;
  height: 34px;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid #ddd;
  background: #f5f5f5;
  border-radius: 6px;
  color: #333;
  font-size: 13px;
  cursor: pointer;
}
.c-document-template-editor .cter-search-clear:disabled {
  opacity: 0.4;
  cursor: default;
}
.c-document-template-editor .cter-empty {
  padding: 30px 0;
  text-align: center;
  color: #999;
}
.c-document-template-editor .cter-area-legend {
  margin: 0 -20px 20px;
  padding: 20px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}
.c-document-template-editor .cte-right {
  position: absolute;
  right: 0;
  width: 440px;
  top: 0;
  bottom: 0;
  background: #fff;
  border-left: 1px solid #ccc;
  padding: 20px;
}
.c-document-template-editor .cte-closer {
  margin: -20px -20px 0;
}
.c-document-template-editor .cte-legend {
  text-align: center;
  background: #eee;
  height: 50px;
  font-size: 12px;
  padding: 7px 20px 0;
  border-bottom: 1px solid #ddd;
}
.c-document-template-editor .cte-closebtn {
  display: block;
  background: #3b2e5a;
  width: 100%;
  outline: none;
  border: none;
  padding: 10px 0;
  border-radius: 0;
  color: #fff;
  height: 60px;
  font-size: 16px;
}
.c-document-template-editor .cte-doc {
  position: absolute;
  right: 440px;
  left: 0;
  top: 0;
  bottom: 0;
}
.c-document-template-editor .cte-doc iframe {
  width: 100%;
  height: 100%;
}
.c-document-template-editor .cted-frame {
  z-index: 5;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.c-document-template-editor .cted-load {
  position: absolute;
  top: 50%;
  z-index: 4;
  left: 0;
  right: 0;
  text-align: center;
  color: #aaa;
}
.c-duration-select {
  display: flex;
  max-width: 190px;
}
.c-duration-select > input {
  margin-right: 10px;
  min-width: 75px;
  max-width: 75px;
}
.c-duration-select .ui-select-container {
  width: 100%;
}
.c-dvizh-btns {
  position: relative;
}
.c-dvizh-btns .cwbm-frame {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-dvizh-btns img {
  width: 16px;
  margin-left: 5px;
  margin-right: 13px;
  height: 16px;
  position: relative;
  top: -1px;
}
.editHouseItemModal {
  background: #2d334459;
}
.editHouseItemModal .modal-dialog {
  width: 450px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.editHouseItemModal .sjfaf-choises .ui-select-choices {
  width: 1000px;
  margin-left: -400px;
  margin-top: 10px;
}
.editHouseItemModal .sjfaf-choises .ui-select-choices-row {
  float: left;
  width: 25%;
}
.editHouseItemModal .sjfaf-choises .ui-select-choices {
  max-height: 450px;
}
.editHouseItemModal .sjfaf-choise {
  padding: 10px;
}
.editHouseItemModal .sjfaf-choise img {
  width: 100%;
}
.editHouseItemModal .sjfaf-choise div {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin: 4px 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body {
  --events-block-call-recplay-bg-hover: #2f3954;
  --events-block-call-recplay-color-hover: #fff;
  --events-block-call-missed-gradient: linear-gradient(90deg, #5f3232 0%, #45477a 100%);
}
body.theme-white {
  --events-block-call-recplay-bg-hover: #c1ccea;
  --events-block-call-recplay-color-hover: #153658;
  --events-block-call-missed-gradient: linear-gradient(90deg, #ebd1d7 0%, #ffd2d2 100%);
}
.c-events-block-call {
  background: var(--events-call-bg);
  color: var(--events-call-color);
  padding: 14px 30px 14px 15px;
  margin-bottom: 15px;
  position: relative;
  margin-left: 0px;
  border-radius: 15px;
}
.c-events-block-call.missed {
  background: #5f3232;
  /*background: linear-gradient(90deg, rgba(95, 50, 50, 1) 0%, rgba(95, 50, 50, 0) 100%);*/
  background: var(--events-block-call-missed-gradient);
}
.c-events-block-call.missed .crv2-type {
  top: 2px;
  color: #bb8f8f;
}
.c-events-block-call[direction="out"] {
  border: 1px solid #427cea;
  background: #2b6fec1f;
}
.c-events-block-call[direction="in"] {
  border: 1px solid #1aa451;
  background: #008b3724;
}
.c-events-block-call .cebc-actions {
  top: 12px;
  position: absolute;
  right: 8px;
  display: flex;
  z-index: 3;
}
.c-events-block-call .cebc-action {
  font-size: 16px;
  width: 28px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}
.c-events-block-call .cebc-action.ssf {
  opacity: 0.25;
}
.c-events-block-call .cebc-action.active {
  opacity: 1;
}
.c-events-block-call .cebc-action:hover {
  opacity: 1;
}
.c-events-block-call .crv2-desc-group {
  margin-bottom: 10px;
  opacity: 0.8;
  font-size: 12px;
}
.c-events-block-call .summary-show {
  margin-top: 10px;
  border-bottom: 1px dashed;
  display: inline-block;
  cursor: pointer;
}
.c-events-block-call.not-answered .arr {
  color: #d25050;
}
.c-events-block-call .crv2-desc {
  font-weight: bold;
  font-size: 14px;
  min-height: 30px;
}
.c-events-block-call audio {
  width: 80%;
}
.c-events-block-call .ctr2-rec-play {
  display: inline-block;
  border: 1px solid #ffffff42;
  height: 26px;
  line-height: 24px;
  padding: 0 12px 0 31px;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 10px;
  position: relative;
  transition: 0.3s;
}
.c-events-block-call .ctr2-rec-play:hover {
  background: var(--events-block-call-recplay-bg-hover);
  cursor: pointer;
  color: var(--events-block-call-recplay-color-hover);
}
.c-events-block-call .summary {
  margin: 10px -30px 0px -15px;
  padding: 10px 15px;
}
.c-events-block-call .crv2-rec {
  min-height: 40px;
  margin: 10px 0;
}
.c-events-block-call .crv2-rec.--2 {
  display: inline-block;
  min-height: 30px;
  margin: 0 0 0 10px;
}
.c-events-block-call .crv2-rec.--3 {
  display: inline-block;
  min-height: 30px;
  margin: 0 0 0 0px;
}
.c-events-block-call .ctr2-rec-play i {
  font-size: 12px;
  position: absolute;
  left: 12px;
  line-height: 25px;
  top: 0px;
}
.c-events-block-call .crl-record-v2-title-in {
  margin: 0px -30px 20px;
  font-size: 20px;
  border-bottom: 1px solid #4e576f;
  padding: 0 30px 10px;
}
.c-events-block-call .crl-record-v2-title {
  margin-bottom: 40px;
}
.c-events-block-call .crv2-dir.--out {
  color: #00ab46;
}
.c-events-block-call .crv2-dir.--in {
  color: #427beb;
}
.c-events-block-call .crl-record-v2 {
  background: #1b2338;
  padding: 15px 30px 15px 20px;
  margin-bottom: 15px;
  position: relative;
  margin-left: 50px;
}
.c-events-block-call .crl-record-v2.missed {
  background: #5f3232;
  background: linear-gradient(90deg, #5f3232 0%, rgba(95, 50, 50, 0) 100%);
}
.c-events-block-call .crl-record-v2.not-answered .arr {
  color: #d25050;
}
.c-events-block-call .crv2-path {
  font-size: 12px;
  margin-top: 6px;
  opacity: 0.5;
}
body {
  --ceb-name-color: #9ca5bf;
  --task-border: #ffffff4a;
  --task-border-hover: #ffffff85;
  --ceb-border-blocks: #fff4;
}
body.theme-white {
  --ceb-name-color: #6c717e;
  --task-border: #0000004a;
  --task-border-hover: #0000007a;
  --ceb-border-blocks: #0004;
}
.theme-dark {
  --evblock-textarea-background: #2f3851;
  --evblock-textarea-border: #606d8b;
  --evblock-textarea-color: #ffffff;
  --evblock-comments-sys-bg: #ffffff0d;
  --evblock-comments-sys-border: #4e496a;
  --evblock-daytitle-bg: #3a4567;
  --evblock-daytitle-color: #fff;
  --evblock-agency-bg: #c4a35a1f;
  --evblock-agency-border: #c4a35a73;
}
.theme-white {
  --evblock-textarea-background: #fff;
  --evblock-textarea-border: #fff;
  --evblock-textarea-color: #000;
  --evblock-comments-sys-bg: #ffffff96;
  --evblock-comments-sys-border: #ffffff96;
  --evblock-daytitle-bg: #fff;
  --evblock-daytitle-color: #000;
  --evblock-agency-bg: #fff7e6;
  --evblock-agency-border: #c4a35acc;
}
.theme-white .c-events-block-v2 {
  --ceb-textarea-placeholder-color: #999;
  --ceb-textarea-bg: #ffffff;
}
@media only screen and (max-width: 767px) {
  .theme-white .c-events-block-v2 {
    padding-bottom: 100px;
  }
}
.theme-white .c-events-block-v2 .link-block {
  background: #0a82ff38;
  color: #000;
}
.theme-white .c-events-block-v2 .message-block {
  color: #000;
}
.theme-white .c-events-block-v2 .chat {
  color: #333;
}
.theme-white .c-events-block-v2 button.type-toggler.active {
  background: #ffffffb3;
}
.theme-white .c-mess-chat-message {
  background-color: #fff !important;
}
events-block-v2[store="3"] .comment-form {
  border-bottom: none !important;
}
.c-events-block-v2 {
  position: relative;
  padding: 20px 25px;
  --ceb-textarea-placeholder-color: #979dac;
  --ceb-textarea-bg: #464e64;
}
.c-events-block-v2 .comment-form {
  margin: -20px -25px 25px;
  padding: 25px 25px 19px;
  border-bottom: 1px solid var(--ceb-border-blocks);
  position: relative;
}
.c-events-block-v2 .lent-area {
  margin-bottom: 20px;
}
.c-events-block-v2 .lent-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
.c-events-block-v2 .lent-right {
  display: flex;
  width: 100%;
  align-items: center;
}
.c-events-block-v2 .lent-search {
  width: 100%;
}
.c-events-block-v2 .after-text-gray {
  margin-top: 15px;
  font-size: 90%;
}
.c-events-block-v2 .lent-search input {
  width: 100%;
  line-height: 20px;
  height: 28px;
}
.c-events-block-v2 .lent-right button {
  margin-left: 7px;
}
.c-events-block-v2 .message-block-text {
  word-break: break-word;
}
.c-events-block-v2 .cm-day-hiddencount {
  opacity: 0.5;
  font-size: 12px;
  text-align: center;
  margin: -10px 0 10px;
}
.c-events-block-v2 .lent-title {
  margin-top: 0px;
  white-space: nowrap;
  margin-right: 25px;
  font-weight: bold;
}
.c-events-block-v2 .smb-area {
  margin-top: 0px;
}
.c-events-block-v2 .cman-list {
  margin: 0 0 22px;
}
.c-events-block-v2 .cman-list-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: linear-gradient(90deg, #c4a35a 0%, #a7843d 100%);
  color: #fff;
  cursor: pointer;
}
.c-events-block-v2 .cman-list-row:last-child {
  margin-bottom: 0;
}
.c-events-block-v2 .cman-list-row > i {
  flex-shrink: 0;
  font-size: 16px;
}
.c-events-block-v2 .cman-list-when {
  line-height: 1.25;
}
.c-events-block-v2 .cman-list-when span {
  display: block;
  font-size: 12px;
  opacity: 0.8;
}
.c-events-block-v2 .cman-list-agency {
  margin-left: auto;
  min-width: 0;
  font-weight: bold;
  text-align: right;
  word-break: break-word;
}
.c-events-block-v2 .chat-message.agency-flash .cm-comment.--agency {
  box-shadow: 0 0 0 3px #c4a35a;
}
.c-events-block-v2 .cm-sets-area {
  margin-top: 2px;
  margin-bottom: 10px;
}
.c-events-block-v2 .cm-sets {
  margin-right: 20px;
  font-size: 12px;
}
.c-events-block-v2 button.type-toggler {
  background: transparent;
  border: none;
  opacity: 0.8;
  border: 1px solid #9994;
  border-radius: 3px;
  transition: 0.2s;
}
.c-events-block-v2 button.type-toggler:hover {
  cursor: pointer;
}
.c-events-block-v2 button.type-toggler.active {
  opacity: 1;
  background: #8c8c8c7a;
  border: 1px solid #9997;
}
.c-events-block-v2 .togglers-type {
  display: flex;
  white-space: nowrap;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
  font-size: 12px;
}
.c-events-block-v2 span.separator {
  opacity: 0.4;
  margin-right: 6px;
}
.c-events-block-v2 .togglers-block {
  margin-right: 18px;
  margin-bottom: 7px;
}
.c-events-block-v2 .text-container p {
  margin-bottom: 7px;
  line-height: 1.3em;
}
.c-events-block-v2 .load-more {
  margin-bottom: 40px;
}
.c-events-block-v2 .text-container p:last-child {
  margin-bottom: 0;
}
.c-events-block-v2 .cm-please {
  background: #303951;
  color: #fff;
  padding: 30px 40px 20px;
  font-size: 13px;
  border-radius: 30px;
}
.c-events-block-v2 .cm-time {
  position: absolute;
  right: 15px;
  bottom: 11px;
  z-index: 2;
  font-size: 12px;
  color: var(--ceb-name-color);
}
.c-events-block-v2 .cm-time.timeBefore {
  position: static;
  text-align: center;
  font-weight: bold;
}
.c-events-block-v2 .c-mess-chat-item {
  margin-top: 12px;
}
.c-events-block-v2 .c-mess-chat-author {
  font-weight: bold;
}
.c-events-block-v2 .c-mess-chat-author.in {
  color: #41a3f6;
}
.c-events-block-v2 .c-mess-chat-author.out {
  color: #868eac;
}
.c-events-block-v2 .c-mess-chat-message {
  background: rgba(255, 255, 255, 0.1);
  margin-top: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  position: relative;
  padding-right: 45px;
  display: inline-block;
}
.c-events-block-v2 .c-mess-type-2-image {
  width: 120px;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
}
.c-events-block-v2 .c-mess-type-2-image:last-child {
  margin-right: 0;
}
.c-events-block-v2 .c-mess-type-2 {
  display: flex;
  flex-wrap: wrap;
}
.c-events-block-v2 .c-mess-time {
  position: absolute;
  right: 6px;
  font-size: 85%;
  bottom: 5px;
  opacity: 0.7;
}
.c-events-block-v2 .cc-records {
  position: fixed;
  color: #6f7584;
  font-size: 12px;
  right: 170px;
  bottom: 15px;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  background: #fff;
  padding: 7px 17px;
  border-radius: 5px;
}
.c-events-block-v2 .cc-records.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .c-events-block-v2 .cc-records {
    display: none;
  }
}
.c-events-block-v2 span.eb-param {
  opacity: 0.5;
}
.c-events-block-v2 .eb-system {
  font-size: 90%;
  opacity: 0.5;
}
.c-events-block-v2 .eb-system:first-child {
  margin-bottom: 5px;
}
.c-events-block-v2 .eb-system:last-child {
  margin-top: 5px;
}
.c-events-block-v2 .eb-system .eb-param {
  opacity: 1;
}
.c-events-block-v2 .message-block {
  background: rgba(0, 0, 0, 0.15);
  padding: 12px 50px 13px 15px;
  border-radius: 5px;
}
.c-events-block-v2 .message-block-title {
  font-size: 12px;
  margin-bottom: 10px;
}
.c-events-block-v2 .message-block-title .message-block-title-text {
  opacity: 0.5;
}
.c-events-block-v2 .sep-2-br {
  height: 10px;
}
.c-events-block-v2 .link-block {
  font-family: monospace;
  background: #ffffff24;
  padding: 2px 2px;
  margin-right: 4px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 90%;
}
.c-events-block-v2 .link-external {
  color: inherit;
}
.c-events-block-v2 .cm-comment-changestatus {
  margin: 0px -20px 0px;
  padding: 5px 29px 5px 34px;
  color: var(--events-status-color);
}
.c-events-block-v2 .cmcc-flex {
  text-align: center;
  font-size: 12px;
}
.c-events-block-v2 .cmcc-flex.--spec {
  max-width: 390px;
  margin: auto;
}
.c-events-block-v2 .cmcc-flex i {
  font-size: 20px;
  color: #464f66;
  line-height: 35px;
  margin: 0 20px;
}
.c-events-block-v2 .cmcc-from {
  text-transform: uppercase;
  padding: 9px 20px 7px;
  font-size: 12px;
  letter-spacing: 1px;
  position: relative;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  background: #2f3851;
  color: #878c9e;
  border-radius: 2px;
}
.c-events-block-v2 .cmcc-to {
  text-transform: uppercase;
  padding: 9px 20px 7px;
  font-size: 12px;
  letter-spacing: 1px;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  background: #1d84dc;
  color: #fff;
  border-radius: 2px;
}
.c-events-block-v2 .cm-name-from {
  display: block;
  opacity: 0.4;
  font-size: 10px;
  margin-bottom: 4px;
}
.c-events-block-v2 span.signal {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.c-events-block-v2 span.signal.meet {
  background-color: #3450b9;
}
.c-events-block-v2 span.signal.delo {
  background-color: #716556;
}
.c-events-block-v2 span.signal.call {
  background-color: #444e6b;
}
.c-events-block-v2 .ceb-fast-area {
  max-height: 360px;
  position: absolute;
  left: 0;
  right: 0;
  top: 59px;
  background: #fff;
  z-index: 7;
  overflow: auto;
  background: var(--card-bg-color);
  border-bottom: 1px solid var(--card-border-color);
  box-shadow: 0px 16px 16px -9px #000000;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
.c-events-block-v2 .ceb-fast-area.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.c-events-block-v2 .ceb-fast {
  position: absolute;
  top: 10px;
  left: 15px;
  color: var(--evblock-textarea-color);
  opacity: 1;
  transition: 0.3s;
  font-size: 13px;
  cursor: text;
  height: 1px;
  padding: 0;
}
.c-events-block-v2 .ceb-fast.passive {
  opacity: 0;
  visibility: hidden;
}
.c-events-block-v2 .fast-choose {
  opacity: 0.5;
  border-bottom: 1px solid;
  transition: 0.3s;
  position: absolute;
  white-space: nowrap;
  margin-left: 4px;
  line-height: 14px;
  display: inline-block;
  margin-top: 2px;
}
.c-events-block-v2 span.fast-choose:hover {
  opacity: 1;
  cursor: pointer;
}
.c-events-block-v2 span.no-click {
  pointer-events: none;
  opacity: 0.5;
}
.c-events-block-v2 .btnSent {
  visibility: hidden;
  transition: 0.2s;
  transform: scale(0.8);
  transform-origin: 100% 50%;
  position: absolute !important;
  right: 0;
  top: 8px;
}
.c-events-block-v2 .btnSent.active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.c-events-block-v2 .btnSent button {
  outline: none;
  color: #fff;
  font-size: 10px;
  float: right;
  padding: 6px 20px;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  border: none;
  box-shadow: none;
}
.c-events-block-v2 .btnSent button.btnSent-send {
  background-color: #0c8240;
}
.c-events-block-v2 .btnSent button.btnSent-cancel {
  background-color: transparent;
  padding: 6px 10px;
  color: var(--inverse);
}
.c-events-block-v2 .cm-icon-type-area {
  font-size: 28px;
  color: inherit;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  opacity: 0.3;
}
.c-events-block-v2 .cm-icon-type-area small:first-child {
  margin-top: 5px;
}
.c-events-block-v2 .cm-icon-type-area[data-ctype="1"] {
  /*background-color: #285735;*/
}
.c-events-block-v2 .cm-icon-type-area[data-ctype="-1"] {
  background-color: #572828;
}
.c-events-block-v2 .is_comment .cm-time {
  color: #8e96ab;
}
.c-events-block-v2 .cm-icon-type {
  margin-right: 2px;
  margin-left: 2px;
}
.c-events-block-v2 .cm-icon-type.--2 {
  transform: rotate(215deg);
}
.c-events-block-v2 .chat-nores {
  text-align: center;
  color: var(--keysDealModal-area-chat-color);
  opacity: 0.5;
  margin-top: 20px;
}
.c-events-block-v2 .chat-more {
  text-align: center;
  padding: 10px 0 40px;
}
.c-events-block-v2 .chat-more button {
  background-color: #0000001c;
  border: none;
  padding: 8px 20px;
  color: #312f2d;
  border-radius: 5px;
  transition: 0.3s;
}
.c-events-block-v2 .chat-more button:hover {
  background-color: #00000026;
  cursor: pointer;
}
.c-events-block-v2 .chat-messages {
  padding-bottom: 0px;
}
.c-events-block-v2 .cm-day-title {
  text-align: center;
  margin-bottom: 20px;
  position: sticky;
  top: 15px;
  z-index: 2;
}
.c-events-block-v2 .cm-day-title span {
  background-color: var(--evblock-daytitle-bg);
  color: var(--evblock-daytitle-color);
  padding: 5px 20px;
  border-radius: 20px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
}
.c-events-block-v2 .cm-day-title i {
  display: inline-block;
  margin-right: 4px;
}
.c-events-block-v2 .send-comment-form {
  z-index: 222;
  min-height: 40px;
  order: 2;
  transition: 0.3s;
  margin: 0px;
  width: auto;
  color: #fff;
}
.c-events-block-v2 .send-comment-form.passive {
  opacity: 0.5;
  pointer-events: none;
}
.c-events-block-v2 .chat-title {
  order: 2;
  background-color: #f6e6da;
  height: 32px;
  text-align: center;
  line-height: 32px;
  text-transform: uppercase;
  font-size: 10px;
  border-bottom: 1px solid #eadacd;
  color: #a99687;
}
.c-events-block-v2 .input {
  display: block;
  font-weight: normal;
}
.c-events-block-v2 .input textarea {
  min-height: 54px;
  max-height: 180px;
  display: block;
  width: 100%;
  border: none;
  padding: 10px 45px 10px 15px;
  resize: none;
  border-radius: 10px;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px;
  background-color: var(--evblock-textarea-background);
  color: var(--evblock-textarea-color);
  border: 1px solid var(--evblock-textarea-border);
}
.c-events-block-v2 .input textarea::placeholder {
  color: #999;
}
.c-events-block-v2 .ceb-form {
  position: relative;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  z-index: 5;
}
.c-events-block-v2 .ceb-form.morebot {
  margin-bottom: 50px;
}
.c-events-block-v2 .ceb-form.morebot .cfa-area {
  margin-bottom: 1px;
}
.c-events-block-v2 .ceb-form .addnew {
  position: absolute;
  left: 0;
}
.c-events-block-v2 .cm-task-top {
  border-bottom: 1px solid var(--task-border);
  height: 40px;
  display: flex;
  justify-content: space-between;
  margin: -10px -15px 0px;
  align-items: center;
  padding: 0 15px;
  transition: 0.2s;
  color: #fff;
}
.c-events-block-v2 .cm-task-type {
  font-weight: bold;
  font-size: 14px;
}
.c-events-block-v2 .cm-stat {
  margin-bottom: 30px;
  color: #6a7182;
  font-size: 12px;
  margin-top: 5px;
}
.c-events-block-v2 span.emoji-number {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.c-events-block-v2 .chat {
  height: 100%;
  color: #fff;
  /*padding-left: 20px;*/
}
.c-events-block-v2 .chat .pic {
  position: absolute;
}
.c-events-block-v2 .chat .pic img {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
.c-events-block-v2 .chat .chat-content {
  min-height: 120px;
  order: 3;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-events-block-v2 .chat .chat-content {
    overflow: visible;
  }
}
.c-events-block-v2 .chat .cm-task-top[type="3"] {
  background: #3450b9;
}
.c-events-block-v2 .chat .cm-task-top[type="3"][state="-1"] {
  background-color: #606168 !important;
}
.c-events-block-v2 .chat .cm-task-top[type="3"][state="1"] {
  background-color: #406f33 !important;
}
.c-events-block-v2 .chat .cm-task-top[type="1"] {
  background: #716556;
}
.c-events-block-v2 .chat .cm-task-top[type="2"] {
  background: #454e6b;
}
.c-events-block-v2 .chat .statuses-icon {
  position: absolute;
  right: 15px;
  top: 14px;
  font-size: 30px;
  opacity: 0.3;
}
.c-events-block-v2 .chat .cmc-icon {
  top: 10px;
  font-size: 30px;
  position: absolute;
  right: 13px;
  color: #7b849c;
}
.c-events-block-v2 .chat .statuses-flex {
  display: flex;
  align-items: center;
  margin-top: 5px;
  flex-wrap: wrap;
}
.c-events-block-v2 .chat .statuses-sep {
  margin: 0 10px;
}
.c-events-block-v2 .chat .cm-comment {
  padding: 12px 55px 13px 15px;
  position: relative;
  border-radius: 15px;
  background-color: var(--events-comment-bg);
  color: var(--events-comment-color);
  border: none;
}
.c-events-block-v2 .chat .cm-comment.--system {
  background-color: var(--evblock-comments-sys-bg);
  color: var(--events-system-color);
  border: 1px solid var(--evblock-comments-sys-border);
  padding-right: 15px;
}
.c-events-block-v2 .chat .cm-comment.--system .cm-name {
  /*opacity: 0.5;*/
}
.c-events-block-v2 .chat .cm-comment.--system .cm-title,
.c-events-block-v2 .chat .cm-comment.--system .cm-name,
.c-events-block-v2 .chat .cm-comment.--system .cm-time {
  /*color: #8e96ab;*/
}
.c-events-block-v2 .chat .cm-comment.--agency {
  padding: 0 15px 13px;
  background-color: var(--evblock-agency-bg);
  border: 1px solid var(--evblock-agency-border);
  overflow: hidden;
}
.c-events-block-v2 .chat .cm-comment .cman-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 -15px 12px;
  padding: 11px 15px;
  background: linear-gradient(90deg, #c4a35a 0%, #a7843d 100%);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.2px;
}
.c-events-block-v2 .chat .cm-comment .cman-head i {
  font-size: 18px;
}
.c-events-block-v2 .chat .cm-comment .cm-title,
.c-events-block-v2 .chat .cm-comment .cm-name,
.c-events-block-v2 .chat .cm-comment .cm-time {
  color: #6b7182;
}
.c-events-block-v2 .chat .chat-message.outdated .cm-task-top {
  animation: outdatedTask 3s infinite linear;
}
.c-events-block-v2 .chat .cm-task {
  padding: 10px 15px 10px 15px;
  position: relative;
  border-radius: 15px;
  transition: 0.2s;
  color: var(--events-comment-color);
  background: var(--events-comment-bg);
  border: 1px solid var(--task-border);
  overflow: hidden;
}
.c-events-block-v2 .chat .cm-task .cm-text {
  padding: 18px 55px 10px 15px !important;
}
.c-events-block-v2 .chat .cm-task:hover {
  cursor: pointer;
  background-color: var(--events-comment-bgHover);
  border-color: var(--task-border-hover);
}
.c-events-block-v2 .chat .cm-task:hover .cm-task-top {
  border-bottom-color: var(--task-border-hover);
}
.c-events-block-v2 .chat .cm-text {
  max-height: 400px;
  overflow: auto;
  word-break: break-word;
  margin: 0px -15px 0;
  padding: 3px 15px 10px;
}
.c-events-block-v2 .chat .cm-text a {
  color: inherit;
  border-bottom: 1px solid #999;
}
.c-events-block-v2 .chat .cm-text small {
  font-size: 12px;
  display: block;
  margin: 8px 0 0px;
  color: #808596;
}
.c-events-block-v2 .chat .cm-text small:first-child {
  margin-top: 5px;
}
.c-events-block-v2 .chat .cm-text small:last-child {
  margin-bottom: 0;
}
.c-events-block-v2 .chat .cm-text-top {
  margin-bottom: 4px;
}
.c-events-block-v2 .chat .chat-message {
  margin-bottom: 20px;
  font-size: 13px;
  min-height: 10px;
  padding-left: 0px;
  position: relative;
  color: #fff;
}
.c-events-block-v2 .chat .chat-message.--fromLead .cm-text {
  /*border: 1px solid #c1b0a0;*/
}
.c-events-block-v2 .chat .cm-day {
  margin-bottom: 20px;
}
.c-events-block-v2 .chat .cm-day.planned {
  border-bottom: 1px solid var(--ceb-border-blocks);
  margin: 0 -25px 25px;
  padding: 0 25px 10px;
}
.c-events-block-v2 .chat .cm-day.planned .cm-day-title span {
  background-color: #73767e;
  color: #fff;
}
.c-events-block-v2 .chat .cm-lead {
  background: #cebfb6;
  color: #46362b;
  float: right;
  font-size: 8px;
  padding: 2px 5px;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: -7px;
}
.c-events-block-v2 .chat .cm-title {
  font-size: 12px;
  margin-top: 10px;
  color: #ad9f93;
  line-height: 12px;
}
.c-events-block-v2 .chat .cm-name {
  color: var(--ceb-name-color);
  display: inline-block;
}
.c-events-block-v2 .chat .cm-name.--robot {
  color: #765a84;
}
.c-events-block-v2 .chat .message {
  position: relative;
  margin-bottom: 10px;
}
.c-events-block-v2 .chat .message .text {
  border-radius: 3px;
  padding: 10px 10px 5px 10px;
}
.c-events-block-v2 .chat .message .messageDate {
  margin-top: 7px;
  color: gray;
  font-size: 10px;
}
.c-events-block-v2 .chat .messageSystem {
  text-align: center;
}
.c-events-block-v2 .chat .messageSystem .text {
  color: #ffffff;
  max-width: 85%;
  display: inline-block;
}
.c-events-block-v2 .chat .messageSystem .messageDate {
  margin-top: -4px;
}
.c-events-block-v2 .chat .messageIn {
  padding-left: 40px;
}
.c-events-block-v2 .chat .messageIn .pic {
  left: 0;
  top: 0;
}
.c-events-block-v2 .chat .messageIn .text {
  box-shadow: 5px 5px 12px 2px rgba(0, 0, 0, 0.1);
  color: white;
  background-color: #174c78;
  max-width: 75%;
  display: inline-block;
}
.c-events-block-v2 .chat .messageIn .messageDate {
  margin-left: 0px;
}
.c-events-block-v2 .chat .messageOut {
  padding-right: 40px;
  text-align: right;
}
.c-events-block-v2 .chat .messageOut .pic {
  right: 0;
  top: 0;
}
.c-events-block-v2 .chat .messageOut .text {
  background-color: white;
  box-shadow: -5px 5px 12px 2px rgba(0, 0, 0, 0.1);
  color: #000;
  max-width: 75%;
  display: inline-block;
  text-align: left;
}
.c-events-block-v2 .chat .messageOut .messageDate {
  margin-right: 0px;
}
.c-events-block-v2 .chat .ceb-adder {
  font-size: 12px;
  margin-bottom: 7px;
  color: #8c919e;
  margin-left: 10px;
  margin-top: -15px;
}
.c-events-block-v2 .chat .ip-add {
  display: flex;
  margin-left: -6px;
  transition: 0.2s;
  flex-wrap: wrap;
}
.c-events-block-v2 .chat .ip-add.passive {
  opacity: 0;
  visibility: hidden;
}
.c-events-block-v2 .chat .after-label {
  position: relative;
}
.c-events-block-v2 .chat .ip-add-action {
  margin-right: 2px;
  font-size: 12px;
  line-height: 24px;
  padding: 0px 6px;
  border-radius: 2px;
  margin-bottom: 2px;
  transition: 0.2s;
  white-space: nowrap;
  color: var(--inverse);
}
@media only screen and (max-width: 767px) {
  .c-events-block-v2 .chat .ip-add-action {
    padding: 0px 4px;
  }
}
.c-events-block-v2 .chat .ip-add-action.--desc {
  opacity: 0.3;
  padding: 0;
  margin-right: 15px;
  text-transform: none;
  pointer-events: none;
}
.c-events-block-v2 .chat .ip-add-action:hover {
  background: #454e64;
  cursor: pointer;
}
.c-events-block-v2 .chat .ip-add-action.active {
  background-color: #2f3851;
  border-bottom: 1px solid #222c46;
}
.c-events-block-v2 .chat .ip-add-title {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 30px;
  color: #667292;
  margin-left: 12px;
  margin-right: 20px;
}
@keyframes outdatedTask {
  from {
    background-color: #733434;
  }
  50% {
    background-color: #ff2626;
  }
  to {
    background-color: #733434;
  }
}
.facadeImagePlanerModal {
  width: 100%;
}
.facadeImagePlanerModal .modal-dialog {
  width: 100%;
  min-height: 100vmin;
  background-color: #fff;
  margin: 0;
}
.facadeImagePlanerModal div#map {
  height: 100%;
}
.facadeImagePlanerModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.facadeImagePlanerModal h1 {
  font-size: 24px;
  margin: 0 0 10px;
}
.facadeImagePlanerModal .setigo {
  margin-top: 30px;
}
.facadeImagePlanerModal .house-info-section {
  margin-top: 10px;
  margin-bottom: 10px;
}
.facadeImagePlanerModal .section-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.facadeImagePlanerModal .house-info-section-floors {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
.facadeImagePlanerModal .house-info-section-floor {
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #364261;
  margin: 0 5px 5px 0;
  border-radius: 2px;
  cursor: pointer;
}
.facadeImagePlanerModal .house-info-section-floor.selected {
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.9);
}
.facadeImagePlanerModal .house-info-section-floor.polygon {
  background-color: #7e95b1;
}
.facadeImagePlanerModal .modal-floor-planer {
  position: relative;
}
.facadeImagePlanerModal .mfp-area-info-change {
  font-size: 12px;
  margin: 20px 0 0;
}
.facadeImagePlanerModal .mfp-area {
  display: flex;
  height: 100vmin;
}
.facadeImagePlanerModal .mfp-area-info {
  min-width: 400px;
  max-width: 400px;
  padding: 30px;
  border-right: 1px solid #ddd;
  color: var(--card-color);
  background: var(--card-bg-color);
  overflow: auto;
}
.facadeImagePlanerModal .mfp-area-map {
  width: 100%;
  height: 100%;
  position: relative;
}
.facadeImagePlanerModal .mfp-closer {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 22px;
  line-height: 37px;
  z-index: 433;
  background: #fff;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  border: 2px solid #00000045;
  transition: 0.2s;
}
.facadeImagePlanerModal .mfp-closer:hover {
  background: #eee;
  cursor: pointer;
}
.facadeImagePlanerModal .point-pin {
  background: #4c5b84;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.facadeImagePlanerModal .point-pin:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  display: block;
  border-radius: 50%;
  margin: 5px 0 0 5px;
}
.facadeImagePlanerModal .point-pin.--current {
  background-color: #005aff;
}
.facadeImagePlanerModal .point-pin.--active {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9) !important;
}
.facadeImagePlanerModal .point-pin.--active:after {
  display: none;
}
.facadeImagePlanerModal .point-number {
  text-align: center;
  line-height: 30px;
  pointer-events: none;
}
.facadeImagePlanerModal .point-number span {
  background-color: #4c5b84;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  padding: 0 7px;
  border-radius: 4px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin-top: 4px;
}
body {
  --faqbtn-i-color: #fff48f;
}
body.theme-white {
  --faqbtn-i-color: #deb100;
}
faq-btn:first-child .c-faqbtn {
  margin-left: 0;
}
faq-btn.white i {
  color: #486bc7;
}
.c-faqbtn {
  margin-left: 30px;
  cursor: pointer;
  white-space: nowrap;
}
.c-faqbtn ng-transclude {
  border-bottom: 1px dashed;
  padding-bottom: 3px;
}
.c-faqbtn i {
  font-size: 20px;
  color: var(--faqbtn-i-color);
  position: relative;
  margin-right: 3px;
  top: 3px;
}
.faqModal {
  background: #2d334459;
}
.faqModal .modal-dialog {
  width: 480px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.faqModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.faqModal .colors {
  margin: 0 -10px;
}
.faqModal .colors .color {
  display: block;
  margin: 10px;
  float: left;
  width: 53px;
  height: 30px;
  position: relative;
}
.faqModal .colors input {
  opacity: 0;
}
.faqModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 23px;
  text-shadow: 1px 1px 0px #000;
}
.theme-white .c-fast-comments-area {
  --cfca-view-color: #000;
  --cfca-view-bg: #d2dbf1;
  --cfca-view-bg-hover: #c6d1ea;
}
.c-fast-comments-area {
  --cfca-view-color: #fff;
  --cfca-view-bg: #364161;
  --cfca-view-bg-hover: #434f71;
  color: var(--cfca-view-color);
  font-size: 12px;
  padding: 30px 25px;
}
.c-fast-comments-area .cfca-add {
  position: absolute;
  right: 20px;
  background: #454e64;
  padding: 5px 10px;
  border-radius: 2px;
  top: 26px;
}
.c-fast-comments-area .cfca-comments-nores {
  margin-top: 40px;
}
.c-fast-comments-area .cfca-comment-view {
  background: var(--cfca-view-bg);
  border-radius: 5px;
  transition: 0.2s;
}
.c-fast-comments-area .cfca-comment-view:hover {
  background-color: var(--cfca-view-bg-hover);
  cursor: pointer;
}
.c-fast-comments-area .cfca-comment-view i {
  font-size: 16px !important;
  opacity: 0.3;
  transition: 0.3s;
}
.c-fast-comments-area .cfca-comment-view i:hover {
  opacity: 1;
  cursor: pointer;
}
.c-fast-comments-area .cfca-comment-view span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px;
}
.c-fast-comments-area .cfca-comment {
  height: 36px;
  margin-top: 10px;
  line-height: 36px;
}
.c-fast-comments-area .cfca-comments {
  margin-top: 18px;
}
.c-fast-comments-area .cfca-comment span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-fast-comments-area .cfca-comment-area {
  display: flex;
}
.c-fast-comments-area .cfca-comment-area i {
  width: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 22px;
  margin-left: 10px;
}
.feedDescEditModal {
  /*background: @modalBackgroundColor;*/
}
.feedDescEditModal .modal-dialog {
  width: 1100px;
}
.feedDescEditModal .fields-vals {
  max-height: 448px;
  overflow: auto;
}
.feedParentEditModal {
  /*background: @modalBackgroundColor;*/
}
.feedParentEditModal .std-modal {
  min-width: 950px;
  max-width: 950px;
}
.feedParentEditModal .feed-small {
  opacity: 0.5;
  margin-bottom: 2px;
  display: block;
}
.feedParentEditModal .feed-reason {
  font-size: 12px;
  opacity: 0.5;
}
.feedParentEditModal .feed-format .ui-select-container {
  pointer-events: none;
}
.feedParentEditModal .image-sort {
  display: flex;
  border: 1px solid #999;
  margin-bottom: -1px;
  line-height: 40px;
  background: var(--card-bg-color);
}
.feedParentEditModal .image-sort-option {
  margin-left: auto;
  width: 40px;
  cursor: pointer;
  text-align: center;
}
.feedParentEditModal .image-sort-sort {
  width: 40px;
  text-align: center;
}
.feedParentEditModal .image-sort.passive {
  opacity: 0.4;
}
.feedParentEditModal .images-sort {
  margin-top: 8px;
  margin-bottom: 20px;
  position: relative;
}
.feedParentEditModal .additional {
  background: #4a5d76;
  padding: 20px 30px;
  margin: 10px 0 40px;
  color: #fff;
}
.feedParentEditModal .adder {
  text-align: center;
  margin-bottom: 20px;
}
.feedParentEditModal .flex-cfield {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.feedParentEditModal .flex-cfield-title {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feedParentEditModal .flex-cfield.--start > * {
  opacity: 0.4;
  font-size: 12px;
}
.feedParentEditModal .flex-cfield-val {
  width: 300px;
}
.feedParentEditModal .flex-cfields {
  margin-top: 20px;
}
.feedParentEditModal .feeditem-content {
  display: flex;
}
.feedParentEditModal .house-left {
  width: 500px;
  margin-right: 50px;
}
.feedParentEditModal .house-right {
  width: 300px;
}
.feedParentEditModal .fl-param {
  margin-top: 30px;
}
.feedParentEditModal .cian-prices {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #ddd;
}
.feedParentEditModal .cian-prices-more {
  margin: 4px 0 8px;
}
.feedParentEditModal .cian-price {
  margin-top: 16px;
}
.feedParentEditModal .cian-price-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
.feedParentEditModal .cian-price-head b {
  font-weight: 600;
  line-height: 1.35;
}
.feedParentEditModal .cian-price-head .link {
  flex: none;
}
.feedParentEditModal .cian-price-error,
.feedParentEditModal .cian-price-hint {
  color: #c0392b;
  font-size: 12px;
  margin-top: 4px;
}
.feedParentEditModal .awfg {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.feedParentEditModal .awfg button {
  margin-left: 10px;
}
.feedParentEditModal .btns-bot {
  display: flex;
}
.feedParentEditModal .btns-bot-btn {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.feedParentEditModal .btns-bot-btn button {
  margin-right: 4px;
}
.feedParentEditModal .feeditem {
  position: relative;
  margin-top: 30px;
}
.feedParentEditModal .feeditem.--removed .feeditem-content {
  pointer-events: none;
  opacity: 0.2;
}
.feedParentEditModal .feeditem .remover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  margin-top: 25px;
}
.feedParentEditModal .feeditem .copier {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  margin-top: 25px;
}
.c-f-area.comment .cfa-area {
  margin-top: 11px;
}
.c-f-area.comment .cfa-size,
.c-f-area.comment .cfa-info {
  display: none !important;
}
.c-f-area .afa {
  display: none !important;
}
.c-f-area .cfa-area {
  padding: 0px 0px;
  margin: 20px 0 20px;
  font-size: 14px;
}
.c-f-area .attach {
  position: absolute;
  right: 0px;
  width: 40px;
  font-size: 18px;
  opacity: 0.5;
  transition: 0.3s;
  height: 40px;
  line-height: 40px;
  text-align: center;
  top: 0;
  color: var(--inverse);
}
.c-f-area .attach:hover {
  cursor: pointer;
  opacity: 1;
}
.c-f-area .cfa-files {
  color: var(--inverse);
}
.c-f-area .cfa-area-title {
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 7px;
}
.c-f-area .cfa-fl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-f-area .cfa-no {
  margin-bottom: 20px;
  font-weight: bold;
}
.c-f-area .cfa-last {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.c-f-area .cfa-file {
  background: #fff;
  margin-bottom: 10px;
  display: flex;
  padding: 8px 12px;
  align-items: center;
}
.c-f-area .cfa-file.waiting {
  opacity: 0.5;
  pointer-events: none;
}
.c-f-area .edit-name {
  opacity: 0.5;
  display: inline-block;
  margin-right: 5px;
  transition: 0.3s;
}
.c-f-area .edit-name:hover {
  cursor: pointer;
  opacity: 1;
}
.c-f-area .cfa-file-status {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  padding-right: 10px;
}
.c-f-area .cfa-file-name {
  width: 100%;
  line-height: 1.3em;
  padding-right: 9px;
}
.c-f-area .cfa-sub {
  font-size: 90%;
  margin-top: 4px;
  opacity: 0.5;
}
.c-f-area .icons {
  color: var(--inverse);
  opacity: 0.7;
  transition: 0.3s;
  width: 36px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
}
.c-f-area .cfa-file-buttons {
  display: flex;
  align-items: center;
  margin-right: -10px;
  min-width: 144px;
  justify-content: end;
}
.c-f-area .icons:hover {
  cursor: pointer;
  opacity: 1;
}
.c-f-area .cfa-size {
  min-width: 84px;
  text-align: right;
}
.c-f-area .cfa-header {
  display: flex;
  align-items: center;
  font-size: 90%;
  opacity: 0.5;
  margin-bottom: 10px;
}
.c-f-area .cfa-h-date {
  margin-left: auto;
}
.c-f-area .cfa-h-buttons {
  min-width: 172px;
  text-align: right;
}
.c-f-area .cfa-info {
  margin-left: auto;
  min-width: 100px;
  text-align: right;
  margin-right: 24px;
}
.c-f-area .cfa-title {
  width: 100%;
  white-space: normal;
  word-break: break-word;
}
.c-f-area .std-list-block {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  margin-bottom: 15px;
  color: inherit;
  text-decoration: none;
}
.c-bi-yadisk h3 {
  display: inline-block;
  position: relative;
}
.c-bi-yadisk .cbig-files {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -8px 0;
}
.c-bi-yadisk .cbig-view {
  font-size: 12px;
  margin: 0px 0 17px;
  letter-spacing: 0px;
  font-weight: 400;
  color: #888d9a;
  position: relative;
}
.c-bi-yadisk .cbig-nav {
  display: flex;
  margin-left: 20px;
  position: absolute;
  left: 60px;
  top: -7px;
  color: var(--c-bi-googledrive-color);
}
.c-bi-yadisk .cbig-nav-item {
  width: 34px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  opacity: 0.4;
  font-size: 20px;
  cursor: pointer;
}
.c-bi-yadisk .cbig-nav-item.active {
  opacity: 1;
}
.c-bi-yadisk .cbig-link {
  float: right;
  color: var(--c-bi-googledrive-color);
  position: relative;
  top: -2px;
  text-decoration: none;
  z-index: 2;
}
.c-bi-yadisk a.cbig-file {
  display: block;
  width: 119px;
  height: 103px;
  margin: 0 2px 20px;
  text-align: center;
  color: var(--c-bi-googledrive-color);
  padding: 15px 8px 1px;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.3s;
}
.c-bi-yadisk a.cbig-file:hover {
  cursor: pointer;
  background-color: var(--c-bi-googledrive-bg-hover);
}
.c-bi-yadisk i.typeicon {
  --fa-secondary-color: #000;
}
.c-bi-yadisk i.typeicon.fa-file-pdf {
  --fa-primary-color: #ce1b1b;
}
.c-bi-yadisk i.typeicon.fa-file-word {
  --fa-primary-color: #1b7ffb;
}
.c-bi-yadisk i.typeicon.fa-file-archive {
  --fa-primary-color: #b1b1b1;
}
.c-bi-yadisk i.typeicon.fa-file-image {
  --fa-primary-color: #fff1c8;
}
.c-bi-yadisk i.typeicon.fa-file-excel {
  --fa-primary-color: #14ab34;
}
.c-bi-yadisk i.typeicon.fa-file {
  --fa-primary-color: #4e5a79;
}
.c-bi-yadisk i.typeicon.big {
  font-size: 50px;
}
.c-bi-yadisk .cbig-download {
  color: var(--c-bi-googledrive-color);
  text-decoration: none;
  display: inline-block;
  line-height: 36px;
  width: 30px;
  text-align: center;
}
.c-bi-yadisk a.cbig-file span {
  font-size: 12px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 10px 0 0;
}
.c-bi-yadisk .cbig-table {
  margin: 10px 0px 0;
}
.c-bi-yadisk .cbig-table .--sorted {
  transition: 0.3s;
}
.c-bi-yadisk .cbig-table .--sorted:hover {
  color: var(--c-bi-googledrive-color);
  cursor: pointer;
}
.c-bi-yadisk .cbig-table .--sorted i {
  position: relative;
  font-size: 20px;
  color: var(--c-bi-googledrive-color);
  margin-left: 4px;
  top: -1px;
}
.c-bi-yadisk .cbig-table .--sorted.sort-active {
  color: var(--c-bi-googledrive-sort-active-color);
}
.c-bi-yadisk .cbig-table-row {
  display: flex;
  font-size: 13px;
  height: 34px;
  line-height: 34px;
  transition: 0.3s;
  justify-content: space-between;
}
.c-bi-yadisk .cbig-table-row.--row:hover {
  background-color: var(--c-bi-googledrive-bg-hover);
  cursor: pointer;
}
.c-bi-yadisk .cbig-table-row.--head {
  font-weight: bold;
  color: #5f6679;
  width: 100%;
}
.c-bi-yadisk .cbig-tr-td img {
  width: 20px;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.c-bi-yadisk .cbig-tr-td img.--icon {
  width: 16px;
  margin-right: 5px;
}
.c-bi-yadisk .cbig-tr-td.--1 {
  width: 390px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
  display: flex;
}
.c-bi-yadisk .cbig-tr-td.--2 {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-bi-yadisk .cbig-tr-td.--3 {
  width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.c-bi-yadisk .cbig-tr-td.--4 {
  width: 30px;
  text-align: center;
}
.c-bi-yadisk .table-icon {
  font-size: 20px;
  min-width: 24px;
  text-align: left;
  margin-right: 5px;
}
.c-bi-yadisk .cbig-thumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px;
}
.c-bi-yadisk .cbig-thumb-imgth {
  position: absolute;
  left: 50%;
  top: 33px;
  margin: 0px 0 0 -32px;
  width: 64px;
  height: 64px;
  background-size: cover;
  z-index: 1;
}
.c-bi-yadisk .cbig-thumb-imgsrc {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 2;
}
.c-bi-yadisk .cbig-thumb {
  width: 186px;
  margin: 10px;
  text-align: center;
  color: var(--c-bi-googledrive-color);
  text-decoration: none;
  position: relative;
}
.c-bi-yadisk .cbig-thumb:hover .cbig-thumb-img {
  background-color: #2e3a58;
}
.c-bi-yadisk .cbig-thumb .cbig-thumb-img {
  height: 130px;
  background-color: #2d3750;
  z-index: 2;
  position: relative;
  transition: 0.3s;
}
.c-bi-yadisk .cbig-thumb img {
  width: 16px;
  height: 16px;
  margin: 10px 10px 0 0;
}
.c-bi-yadisk .cbig-thumb span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 8px;
}
.c-bi-yadisk .cbig-thumb-desc {
  display: flex;
}
.filter-btn {
  float: right;
  display: flex;
  margin-left: 15px;
  margin-top: 0px;
  position: relative;
  border-radius: 5px;
}
.filter-btn .filters-count {
  padding: 0 0 0 1px;
  background-color: #c70808;
  margin: 0px -8px 0px 8px;
  display: block;
  font-size: 15px;
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 26px;
  float: right;
  border-radius: 6px;
}
.filter-btn .filters-count i {
  transition: 0.2s;
}
.filter-btn .filters-count:hover i {
  transform: scale(1.25);
}
.filter-btn .filters-more {
  padding: 5px 12px;
  background-color: #0000;
  margin: -5px -15px -5px 5px;
  border-radius: 0px 4px 4px 0;
  display: block;
  float: right;
}
.filter-btn .fast-filter-title {
  font-size: 12px;
}
.filter-btn .fast-filters {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  right: 0;
  max-width: 300px;
  min-width: 190px;
  top: 29px;
  z-index: 2222;
  padding-top: 10px;
}
.filter-btn .fast-filters .fast-filters-in {
  border-radius: 5px;
  background: #fff;
  color: #000;
  padding: 7px 0;
  font-size: 13px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}
.filter-btn .ff-remove {
  position: absolute;
  right: 100%;
  top: 2px;
  opacity: 0;
  visibility: hidden;
  padding-left: 9px;
  padding-right: 9px;
  transition: 0.3s;
  transform: scale(0.6);
}
.filter-btn .ff-remove i {
  line-height: 28px;
  border-radius: 50%;
  background: #fff;
  height: 28px;
  width: 28px;
  text-align: center;
}
.filter-btn .bg-i {
  position: absolute;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50%;
  line-height: 14px;
  font-size: 14px;
  right: -7px;
  top: 18px;
  background: #3d3765;
  color: #fff;
  padding-left: 1px;
}
.filter-btn .fast-filter-title {
  font-size: 12px;
  padding: 5px 20px;
  color: #aaa;
}
.filter-btn .fast-filter {
  transition: 0.2s;
  position: relative;
}
.filter-btn .fast-filter .ff-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 20px;
}
.filter-btn .fast-filter:hover {
  background-color: #ddd;
  cursor: pointer;
}
.filter-btn .fast-filter:hover .ff-remove {
  opacity: 0.6;
  visibility: visible;
  transform: scale(1);
}
.filter-btn .fast-filter:hover .ff-remove:hover {
  opacity: 1;
}
.filter-btn.applied {
  border-radius: 8px !important;
}
.filter-btn.applied .shr-viewitem {
  background-color: #da6060;
  border-color: #da6060;
  color: #fff;
  border-radius: 8px !important;
}
.filter-btn.more:hover .fast-filters {
  opacity: 1;
  visibility: visible;
}
.c-finance-debtors {
  background: #e6eaf4;
}
.c-finance-debtors .std-filters-area {
  background: none;
}
.c-finance-debtors .std-filters-area form {
  display: flex;
  margin-bottom: 5px;
}
.c-finance-debtors .std-filters-area input.form-control[type="text"] {
  height: 34px;
  border-color: #8d97b1;
  background-color: #d2dbf1;
}
.c-finance-debtors .std-filters-area .std-fa-item {
  width: 180px;
}
.c-finance-debtors .std-filters-area-plus-button {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 2px solid #bcc6dc;
}
.c-finance-debtors .download-btn-bg {
  background-color: #bbc9eb;
  padding: 7px 10px;
  text-align: center;
  border-radius: 3px;
  transition: 0.2s;
  margin-bottom: 15px;
}
.c-finance-debtors .download-btn-bg i {
  color: #283752;
  margin-right: 3px;
}
.c-finance-debtors .download-btn-bg:hover {
  background-color: #ffffffc4;
  cursor: pointer;
}
.c-finance-debtors .download-btn-bg a {
  color: #283752;
  text-decoration: none;
}
.c-finance-debtors .registry-filters-item p {
  color: #182a63;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 6px;
}
.c-finance-debtors .cfd-info {
  display: flex;
  margin: 30px 0;
}
@media print {
  .c-finance-debtors .cfd-info {
    margin: 0px 0 20px;
  }
}
.c-finance-debtors .cfd-link {
  color: #697caa;
  font-weight: bold;
  transition: 0.3s;
}
.c-finance-debtors .cfd-link:hover {
  cursor: pointer;
  color: #39596b;
}
.c-finance-debtors .cfd-info-item {
  padding: 15px 30px;
  background: #d8deec;
  margin-right: 30px;
  border-radius: 5px;
}
@media print {
  .c-finance-debtors .cfd-info-item {
    background: transparent;
    padding: 0;
    margin-right: 50px;
  }
}
.c-finance-debtors .cfd-info-item label {
  font-weight: normal;
}
.c-finance-debtors .cfd-info-item b {
  font-size: 30px;
  display: block;
}
@media print {
  .c-finance-debtors .cfd-info-item b {
    font-size: 24px;
  }
}
.c-finance-debtors .cfd-table {
  margin-top: 50px;
  padding-bottom: 30px;
}
@media print {
  .c-finance-debtors .cfd-table {
    padding-bottom: 0;
    margin-top: 0px;
  }
}
.c-finance-debtors .cfd-debtor {
  width: 800px;
  border-bottom: 2px solid #bcc6dc;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
@media print {
  .c-finance-debtors .cfd-debtor {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.c-finance-debtors .cfddb-width {
  display: inline-block;
  width: 100px;
  text-align: right;
}
@media print {
  .c-finance-debtors .cfddb-width {
    width: auto;
  }
}
.c-finance-debtors .cfd-debtor-phone {
  position: absolute;
  right: 0;
  top: -1px;
}
@media print {
  .c-finance-debtors .cfd-debtor-phone {
    position: static;
    margin-left: 15px;
    float: left;
    font-size: 16px;
  }
}
.c-finance-debtors .cfd-debtor-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
  float: left;
}
@media print {
  .c-finance-debtors .cfd-debtor-title {
    margin-bottom: 2px;
  }
}
.c-finance-debtors .cfd-debtor-status {
  position: absolute;
  right: 0;
  top: 30px;
}
@media print {
  .c-finance-debtors .cfd-debtor-status {
    top: 0;
  }
}
.c-finance-debtors .cfd-debtor-status-red {
  color: #900;
  font-weight: bold;
}
.c-finance-debtors .cfd-debtor-status-greed {
  color: #090;
}
@media print {
  .c-finance-debtors .cfd-debtor-status-greed {
    opacity: 0.5;
  }
}
.c-finance-debtors .cfd-debtor-sum {
  clear: both;
}
.c-finance-debtors .cfd-debtor-sum span {
  display: inline-block;
  margin-left: 7px;
  /*color: #f00;*/
}
.c-finance-debtors .cfd-debtor-book {
  margin-top: 20px;
}
@media print {
  .c-finance-debtors .cfd-debtor-book {
    margin-top: 10px;
    font-size: 13px;
    break-inside: avoid;
    /*width: 100%;*/
    /*display: block;*/
  }
}
.c-finance-debtors .cfddb-area {
  display: flex;
}
.c-finance-debtors .cfddb-title {
  width: 340px;
}
.c-finance-debtors .cfddb-sum {
  width: 110px;
}
.c-finance-debtors .cfddb-payed {
  width: 150px;
}
.c-finance-debtors .cfddb-last {
  width: 200px;
}
@media print {
  .c-finance-debtors .cfddb-paytable-pay {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
  }
}
.c-finance-debtors .cfddb-paytable-pay.--exp {
  color: #900;
}
.c-finance-debtors .cfddb-label {
  font-weight: normal;
  opacity: 0.5;
  display: block;
  font-size: 12px;
  margin: 0 0 2px;
}
.c-finance-debtors .cfddb-paytable {
  margin-top: 10px;
  text-align: right;
}
@media print {
  .c-finance-debtors .cfddb-paytable {
    text-align: left;
    margin-top: 3px;
  }
}
.findleadModal {
  /*padding: 0;*/
}
.findleadModal .modal-dialog {
  width: 760px;
  margin: -1px auto 50px;
  /*height: 680px;*/
  top: 20px;
}
.findleadModal .fl-intro {
  margin-top: -20px;
  opacity: 0.5;
  margin-bottom: 20px;
}
.findleadModal .fl-flex {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .findleadModal .fl-flex {
    display: block;
  }
}
.findleadModal .fl-flex-item {
  width: 48%;
  min-width: 48%;
}
@media only screen and (max-width: 767px) {
  .findleadModal .fl-flex-item {
    width: 100%;
    margin-bottom: 15px;
  }
}
.findleadModal .fl-flex-item:last-child {
  margin-right: 0;
}
.findleadModal .fl-flex-item-title {
  font-weight: bold;
}
.findleadModal form.fl-in-flex {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.findleadModal form.fl-in-flex input {
  margin-right: 10px;
  height: 44px;
  font-size: 16px;
}
.findleadModal .search-title {
  margin-top: 20px;
  margin-bottom: 20px;
}
.findleadModal .search-res-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.findleadModal .search-res-item-title-top {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.findleadModal .search-res-item-title-contacts {
  font-size: 85%;
}
.findleadModal .search-res-item-title {
  overflow: hidden;
}
.c-flatinfo-panel {
  color: #434b5b;
}
.c-flatinfo-panel .scfl {
  height: 100vmin;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .c-flatinfo-panel .scfl {
    height: auto;
  }
}
.c-flatinfo-panel .sphsi-title {
  font-size: 17px;
  margin-bottom: 17px;
  margin-top: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}
.c-flatinfo-panel .sets-already {
  font-size: 90%;
  font-weight: bold;
}
.c-flatinfo-panel .sets-item-title {
  width: 100%;
}
.c-flatinfo-panel .el-buttons-list-item {
  border-radius: 10px;
}
.c-flatinfo-panel .ci-badge {
  position: absolute;
  top: 10px;
  bottom: 10px;
  width: 40px;
  right: 10px;
  border-radius: 100px;
}
.c-flatinfo-panel .ci-left.with-badge {
  padding-right: 40px;
}
.c-flatinfo-panel a.sets-link {
  line-height: 60px;
  font-size: 18px;
  color: inherit;
  opacity: 0.7;
  margin: -10px -14px -10px 10px;
  min-width: 40px;
  text-align: center;
}
.c-flatinfo-panel a.sets-link.start {
  margin-right: 10px;
  margin-left: -10px;
}
.c-flatinfo-panel .sets-sub {
  font-size: 88%;
  margin-top: 3px;
  opacity: 0.5;
}
.c-flatinfo-panel .sets-sub {
  font-size: 88%;
  margin-top: 3px;
  opacity: 0.5;
}
.c-flatinfo-panel .sets-desc {
  margin-bottom: 14px;
}
.c-flatinfo-panel .cfi-image {
  position: relative;
}
.c-flatinfo-panel .el-buttons-list-item {
  padding: 10px 15px;
}
.c-flatinfo-panel .spgg-info {
  margin-bottom: 15px;
}
.c-flatinfo-panel .pres-row {
  display: flex;
}
.c-flatinfo-panel .pres-row a:nth-child(2) {
  margin-left: 10px;
}
.c-flatinfo-panel .project-row {
  display: flex;
  justify-content: space-between;
  margin: 0 -8px 14px;
}
.c-flatinfo-panel .structure-info {
  background: #fff;
  width: 100%;
  text-align: center;
  margin: 0 7px;
  border-radius: 8px;
  padding: 10px 0;
}
.c-flatinfo-panel .structure-info.proj {
  width: 141%;
}
.c-flatinfo-panel .project-info {
  margin-bottom: 30px;
  margin-top: 10px;
}
.c-flatinfo-panel .structure-info-val {
  font-weight: bold;
}
.c-flatinfo-panel .structure-info-title {
  font-size: 90%;
  margin-bottom: 4px;
  opacity: 0.7;
}
.c-flatinfo-panel .cfi-images {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.c-flatinfo-panel .cfi-images .cfii-image {
  width: 8px;
  height: 8px;
  background: #2a2a28;
  display: inline-block;
  border-radius: 50%;
  margin: 8px 2px;
  opacity: 0.2;
}
.c-flatinfo-panel .cfi-images .cfii-image:first-child {
  opacity: 1;
}
.c-flatinfo-panel .cfi-images .cfii-image img {
  display: none;
}
.c-flatinfo-panel .sphs-inner {
  overflow: auto;
  overflow-x: hidden;
}
.c-flatinfo-panel .sphs-img {
  padding-top: 100%;
  position: relative;
  background: #fff;
  cursor: pointer;
}
.c-flatinfo-panel .sphs-img img {
  width: 96%;
  height: 96%;
  left: 2%;
  top: 2%;
  position: absolute;
}
.c-flatinfo-panel .sphs-inner-area {
  margin: 35px 0 15px;
  color: #000;
}
.c-flatinfo-panel .sphs-inner-area.one {
  margin-top: -15px;
}
.c-flatinfo-panel .sphs-inner-area.one .config-item {
  background: #fff !important;
  cursor: default !important;
  border: none;
  padding: 16px;
  border-radius: 10px;
}
.c-flatinfo-panel .sphs-inner-area.one .ci-right {
  font-size: 15px;
  line-height: 1.5em;
}
.c-flatinfo-panel .sphs-inner-area.one .ci-right .priceval {
  font-weight: bold;
}
.c-flatinfo-panel .sphs-inner-area h4 {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
.c-flatinfo-panel .comment-block i {
  position: absolute;
  font-size: 40px;
  right: 13px;
  top: 14px;
  transform: rotate(0deg);
  opacity: 0.2;
}
.c-flatinfo-panel .comment-block {
  background: #ffffff;
  padding: 20px 65px 20px 25px;
  margin: 20px -25px;
  position: relative;
  overflow: hidden;
}
.c-flatinfo-panel .sphs-content {
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .c-flatinfo-panel .sphs-content {
    padding: 0 15px;
  }
}
.c-flatinfo-panel .sphs-links-panel {
  width: 100%;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.c-flatinfo-panel .spht-discount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.c-flatinfo-panel .spht-discount button {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 3px;
}
.flatfb .fancybox-thumbs__list a {
  display: block;
  float: none;
  width: 100%;
  padding-top: 100%;
  max-height: 1000px;
  max-width: 1000px;
  background-position: center;
  background-size: contain;
  background-color: #fff;
}
.flatfb .flatfb-wrap {
  min-width: 600px;
  max-width: 80%;
  position: relative;
}
.flatfb .fancybox-thumbs {
  background: #00000087;
  border: none;
}
.flatfb .fancybox-thumbs__list a::before {
  border-color: #215cab;
}
.flatfb img.flatfb-img {
  width: 100%;
  opacity: 0;
}
.flatfb .flatfb-svg {
  position: absolute;
  left: 44px;
  right: 44px;
  top: 44px;
  bottom: 44px;
  height: auto;
  opacity: 1;
}
.flatfb .flatfb-svg polygon {
  fill: #215cab2b;
  stroke: #215cab;
  stroke-width: 0.5%;
}
.sph-selected {
  position: fixed;
  right: 0;
  top: 0px;
  bottom: 0;
  background: var(--standart-bd);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  transition: 0.5s transform, 0.5s opacity, 0.5s visibility;
  transform: translateX(110%);
  z-index: 1020;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  width: 450px;
}
@media only screen and (max-width: 767px) {
  .sph-selected {
    transform: translateY(110%);
    left: 0;
    right: 0;
    width: auto;
  }
}
.sph-selected > a.help-btn {
  right: 10px;
  top: 14px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  line-height: 34px;
  margin-right: 10px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .sph-selected > a.help-btn {
    display: none;
  }
}
.sph-selected.full {
  width: 950px;
}
@media only screen and (max-width: 767px) {
  .sph-selected.full {
    width: auto;
  }
}
.sph-selected.active {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .sph-selected.active {
    transform: translateY(0);
  }
}
.sph-selected.inBook {
  width: 1000px;
}
@media only screen and (max-width: 767px) {
  .sph-selected.inBook {
    width: auto;
  }
}
.sph-selected img.flatin-img {
  width: 100%;
  opacity: 0;
}
.sph-selected .sphs-floor-inner {
  position: relative;
}
.sph-selected .floor-area {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .sph-selected .floor-area {
    display: none;
  }
  .sph-selected .floor-area.show {
    display: block;
  }
}
.sph-selected .sphs-floor {
  position: relative;
  margin-top: 15px;
  cursor: pointer;
  border-top: 1px solid #c5cddf;
  padding: 10px;
}
.sph-selected .flatin-svg {
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
  opacity: 1;
}
.sph-selected .flatin-svg polygon {
  fill: #99357b3d;
  stroke: #99357b;
  stroke-width: 1.5%;
}
.sph-selected .sphsi-buttons a,
.sph-selected .sphsi-buttons button {
  margin-top: 10px;
  text-align: center;
}
.sph-selected .sphs-subinner {
  display: flex;
  background: #e7eaf4;
  min-height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .sph-selected .sphs-subinner {
    display: block;
  }
}
.sph-selected .cfi-image {
  width: 470px;
  background: #fff;
  border-right: 1px solid #c5cddf;
}
@media only screen and (max-width: 767px) {
  .sph-selected .cfi-image {
    width: 100%;
  }
}
.sph-selected .sphs-content {
  width: 470px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .sph-selected .sphs-content {
    width: 100%;
    margin-left: 0px;
  }
}
.sph-selected .start-div {
  width: 100%;
  line-height: 20px;
}
.sph-selected small.conf-ititle {
  display: block;
  opacity: 0.6;
  font-size: 12px;
  color: #fff;
}
.sph-selected .dwe {
  margin-top: 40px;
}
.sph-selected .dwe div {
  margin-bottom: 12px;
}
.sph-selected .action-info {
  display: inline-block;
  font-size: 15px;
  opacity: 0.5;
  margin-left: 2px;
  position: relative;
  top: 0px;
}
.sph-selected .config-item {
  position: relative;
  line-height: 1.35em;
}
.sph-selected .config-item.mr {
  margin-right: 30px;
}
.sph-selected .config-item.discount-ci .ci-right {
  min-width: 90px;
}
.sph-selected .ci-right {
  white-space: nowrap;
}
.sph-selected .in-area-after {
  margin-top: 9px;
  font-size: 88%;
  opacity: 0.7;
}
.sph-selected .sph-bot {
  margin-top: 20px;
  z-index: 2;
}
.sph-selected .sph-bot button {
  line-height: 1.2em;
  text-align: center;
  font-size: 16px;
  padding: 15px 50px;
  width: 100%;
  border: none;
  transition: 0.3s;
  outline: none;
  border-radius: 5px;
  color: #fff;
}
.sph-selected .sph-bot button.--start {
  background-color: #0c8240;
  display: flex;
  align-items: center;
}
.sph-selected .sph-bot button.--start:hover {
  background-color: #10773e;
}
.sph-selected .sph-bot button:hover {
  cursor: pointer;
}
.sph-selected .book-area {
  margin-bottom: 50px;
}
.sph-selected .sph-pop-area {
  /*min-width: 180px;*/
  display: flex;
}
.sph-selected .sph-pop-area .sph-row {
  white-space: nowrap;
}
.sph-selected .sph-pop-area img {
  width: 74px;
  height: 74px;
  margin: -7px 15px -7px -12px;
}
.sphsi-params {
  margin-top: -10px;
}
.sphsi-params .external-id {
  margin-bottom: 10px;
}
.sphsi-params .sphsi-go {
  margin-bottom: 20px;
}
.sphsi-params .sphsi-go a {
  display: block;
  text-align: center;
}
.sphsi-params .sphsi-go-no {
  opacity: 0.5;
  text-align: center;
}
.sphsi-params a.iamgerr img {
  width: 100%;
}
.sphsi-params a.iamgerr {
  min-width: 94px;
  max-height: 94px;
  min-height: 94px;
  max-width: 90px;
  margin-right: 5px;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 6px;
  cursor: pointer;
  margin-left: 6px;
  border: 1px solid #7c7c7c;
  background: #fff;
  padding: 3px;
}
.sphsi-params img.asdfe {
  position: absolute;
  width: 70px;
  height: 70px;
  right: 17px;
  top: 9px;
  border-radius: 10px;
  cursor: pointer;
}
.sphsi-params .sphsi-showmoreparams {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  opacity: 0.5;
}
.sphsi-params .deal-parama {
  margin-bottom: 10px;
}
.sphsi-params .params-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -5px 0px;
  font-size: 13px;
}
.sphsi-params .params-flex-item {
  width: 100%;
  margin: 5px;
  padding: 8px 0;
  text-align: center;
  border-radius: 7px;
}
.sphsi-params .params-flex-item.pr {
  width: 211%;
  min-height: 94px;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sphsi-params .params-flex-item-title {
  margin-bottom: 4px;
  opacity: 0.5;
  font-size: 90%;
}
.sphsi-params .no-acees-to-price {
  margin-bottom: 10px;
}
.sphsi-params .sphsi-param-start {
  font-size: 13px;
  margin-bottom: 8px;
}
.sphsi-params .ci-right {
  white-space: nowrap;
  margin-left: 5px;
}
.sphsi-params .config-selecter {
  margin-bottom: 20px;
}
.sphsi-params .refresh-crm {
  text-align: center;
  line-height: 40px;
  opacity: 0.7;
  border: 1px solid #586589;
  border-radius: 3px;
  margin-top: 7px;
  cursor: pointer;
}
.sphsi-params .sphsi-param {
  display: flex;
  margin-bottom: 6px;
  font-size: 14px;
  border-bottom: 1px dotted #486a94;
  justify-content: space-between;
}
.sphsi-params .sphsi-param.--newLine {
  display: block;
}
.sphsi-params .sphsi-param.--high {
  border-bottom-color: #ff7171;
  color: #ff8080;
  font-weight: bold;
}
.sphsi-params .sphsi-param.param-price {
  opacity: 0.6;
}
.sphsi-params .sphsi-param-key {
  white-space: nowrap;
  font-weight: bold;
}
.sphsi-params .sphsi-param-key span,
.sphsi-params .sphsi-param-value span {
  background: var(--standart-bd);
  color: var(--standart-color);
  display: inline-block;
  position: relative;
  top: 4px;
  padding: 0;
}
.sphsi-params .sphsi-param-value {
  text-align: right;
  white-space: nowrap;
  position: relative;
  top: 1px;
}
.sphsi-params .sphsi-param-value span {
  white-space: normal;
  word-break: break-word;
}
.sphsi-params .sphsip-str {
  font-size: 12px;
  margin-top: 5px;
  opacity: 0.6;
  font-weight: normal;
  display: block;
}
.sphsi-params .mortgage-area {
  margin-top: 15px;
  font-size: 14px;
}
.sphsi-params .sphsi-features {
  background: #E6EAF4;
  padding: 20px 15px 11px;
  margin: 20px -15px 0;
  color: #545b6d;
}
.sphsi-params .sphsi-features .sphsi-feature {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sphsi-params .sphsi-features .sphsi-feature .feature {
  display: flex;
  align-items: center;
  width: 50%;
  margin-bottom: 10px;
  font-weight: bold;
}
.sphsi-params .sphsi-features .sphsi-feature .feature p {
  margin-bottom: 0;
  line-height: 130%;
  font-size: 12px;
}
.sphsi-params .sphsi-features .sphsi-feature .feature img {
  margin: 0;
  margin-right: 15px;
  width: 34px;
}
.sphsi-params .sphsi-skid {
  margin: 20px -15px;
  padding: 0 15px 0px;
}
.sphsi-params .sphsi-skid-title {
  margin-bottom: 3px;
  opacity: 0.5;
  font-weight: bold;
}
.sphsi-params .color-info {
  margin: 20px 0;
  font-size: 12px;
  line-height: 1.2em;
}
.sphsi-params .color-info-bg {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 4px;
  border-radius: 3px;
}
.sphsi-params .color-info p {
  margin-bottom: 4px;
}
.c-flat-price-story {
  margin: 0 -15px;
}
.c-flat-price-story .cfps-no {
  margin-left: 15px;
  opacity: 0.5;
}
.c-flat-price-story .price-story-item {
  padding: 7px 15px 11px;
}
.c-flat-price-story .price-story-item.green {
  background-color: rgba(0, 255, 0, 0.1);
  border-bottom: 1px solid rgba(0, 255, 0, 0.1);
}
.c-flat-price-story .price-story-item.red {
  background-color: rgba(255, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 0, 0, 0.1);
}
.c-flat-price-story .price-story-item > div {
  width: 100%;
}
.c-flat-price-story .price-story-item .ta-r {
  text-align: right;
}
.c-flat-price-story .sm-disc {
  opacity: 0.5;
  font-size: 85%;
  margin-left: 15px;
  margin-bottom: 10px;
}
.c-flat-price-story .price-story-item-flex {
  display: flex;
  justify-content: space-between;
}
.c-flat-price-story .comment {
  opacity: 0.5;
  font-size: 12px;
  margin-top: 3px;
}
.c-flat-price-story .event-header {
  display: flex;
  justify-content: space-between;
  font-size: 85%;
  margin: 5px 0 4px;
  opacity: 0.6;
}
.c-flat-price-story .deal-button {
  margin-top: 6px;
  font-size: 85%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.c-flat-price-story .deal-button button {
  margin-right: 10px;
}
.c-flat-price-story .deal-button span {
  line-height: 1.3em;
}
.sp-flats-plans a.how-group {
  display: inline-block;
  margin-left: 20px;
  opacity: 0.5;
}
.sp-flats-plans span.bad-codes {
  background: #50576d;
  color: #fff;
  padding: 3px 8px 5px;
  border-radius: 6px;
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .sp-flats-plans span.bad-codes {
    margin: 10px 0 12px;
  }
}
.sp-flats-plans .sp-plan-top-row {
  display: flex;
  justify-content: space-between;
}
.sectionImagePlanerModal .fpd-mover-buttons {
  height: 110px;
}
.floorPlanerModal {
  width: 100%;
}
.floorPlanerModal .modal-dialog {
  width: 100%;
  min-height: 100vmin;
  background-color: #fff;
  margin: 0;
}
.floorPlanerModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.floorPlanerModal header {
  height: 60px;
  border-bottom: 1px solid #ddd;
  line-height: 60px;
  background: #3b2e5a;
  color: #fff;
}
.floorPlanerModal .mfp-closer {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 22px;
  line-height: 50px;
  z-index: 4;
  background: #fff;
  border: 5px solid #3b2e5a;
  border-radius: 50%;
  color: #3b2e5a;
  cursor: pointer;
}
.floorPlanerModal .mfp-info {
  margin: -20px -20px 30px;
  background: #eee;
  padding: 20px 20px 10px;
}
.floorPlanerModal .mfp-i-title {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 11px;
}
.floorPlanerModal .mfp-af-legend {
  /*float: right;*/
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.floorPlanerModal .mfp-l-item {
  margin-right: 0;
  margin-bottom: 10px;
  width: 175px;
}
.floorPlanerModal .mfp-l-item.--yes span {
  background-color: #0c8240;
  border-color: #0c8240;
}
.floorPlanerModal .mfp-l-item.--cursor span {
  background: #1d37b9 !important;
  color: #fff !important;
}
.floorPlanerModal .mfp-l-item.--point span {
  border-color: #005aff;
  box-shadow: 0px 0px 0px 2px #005aff;
}
.floorPlanerModal .mfp-l-item span {
  width: 22px;
  height: 22px;
  float: left;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 10px;
  border: 1px solid #ddd;
  background-color: #eee;
}
.floorPlanerModal .point-poly-area {
  stroke-width: 2;
  fill: #0c8240;
  fill-opacity: 0.2;
  stroke: #0c8240;
}
.floorPlanerModal .point-poly-area:hover,
.floorPlanerModal .point-poly-area.--hovered {
  stroke: #1d37b9;
  fill: #1d37b9;
  fill-opacity: 0.4;
  z-index: 3;
}
.floorPlanerModal .point-pin {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.floorPlanerModal .point-pin.--current {
  background-color: #005aff;
}
.floorPlanerModal .point-pin.--active {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9) !important;
}
.floorPlanerModal .mfp-af-title {
  margin-bottom: 12px;
  color: #999;
}
.floorPlanerModal .mfp-area-map {
  width: 100%;
  position: relative;
}
.floorPlanerModal .mfp-area-map .map {
  width: 100%;
  height: 100%;
}
.floorPlanerModal .mfp-af-flat {
  border: 1px solid #ddd;
  width: 30px;
  height: 30px;
  margin: 7px 7px 0 0;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: #eee;
  cursor: pointer;
}
.floorPlanerModal .mfp-af-flat.selected {
  border-color: #005aff;
  box-shadow: 0px 0px 0px 2px #005aff;
}
.floorPlanerModal .mfp-af-flat.completed {
  background-color: #0c8240;
  border-color: #0c8240;
  color: #fff;
}
.floorPlanerModal .mfp-af-flat.hovered {
  background: #1d37b9 !important;
  color: #fff !important;
}
.floorPlanerModal .mfp-af-area {
  display: flex;
  flex-wrap: wrap;
}
.floorPlanerModal .mfp-title {
  font-size: 20px;
  padding: 0 0 0 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.floorPlanerModal .mfp-area {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.floorPlanerModal .mfp-area-flats {
  padding: 20px 20px;
  border-right: 1px solid #ddd;
  min-width: 415px;
  max-width: 415px;
  height: 100%;
  overflow: auto;
}
.floorPlanerModal .mfp-rez {
  position: fixed;
  left: 50%;
  z-index: 2;
  bottom: 20px;
  margin-left: 203px;
  background: #3b2e5a;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  transform: translateX(-50%);
}
.floorPlanerModal .mfp-rez .mfp-rezim {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 20px;
  transition: 0.3s;
}
.floorPlanerModal .mfp-rez .mfp-rezim:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
.floorPlanerModal .mfp-rez .mfp-rezim.active {
  background-color: #fff;
  color: #3b2e5a;
}
.fullscreen-toggler.active {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: auto;
  z-index: 222;
}
.c-funnel-children .cfc-child-adder {
  margin-top: 10px;
}
.c-funnel-children .cfc-card-row.--start {
  opacity: 0.5;
  font-size: 85%;
  margin-bottom: 6px;
}
.c-funnel-children .cfc-card-row {
  display: flex;
  justify-content: space-between;
}
.c-funnel-children a.cfc-card.cbmc-item.el-buttons-list-item {
  display: block;
  padding: 10px 15px;
}
.c-funnel-children .cfc-child-nocards {
  margin-top: 10px;
}
.c-funnel-children .cfc-child-cards {
  margin-top: 10px;
}
.c-funnel-children .cfc-child-cards .el-plate-text {
  color: var(--modsexy-statuses-color);
}
@media only screen and (max-width: 767px) {
  .c-funnel-children .cfc-child-cards .el-plate-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .c-funnel-children .cfc-child-cards .el-plate-right {
    text-align: left;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .c-funnel-children .sm-h-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.c-funnel-children .part-title {
  margin: 50px -30px 20px;
  font-size: 14px;
  border-bottom: 1px solid var(--leadModal-part-title-border);
  color: var(--inverse);
  padding: 0 30px 10px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .c-funnel-children .part-title {
    margin: 40px -20px 20px;
    padding: 0 20px 10px;
  }
}
gallery.w940 .c-gallery-item {
  margin: 0 25px 25px 0;
  width: 216px;
  height: 216px;
}
gallery.w940 .c-gallery-item:nth-child(4n-1) {
  margin-right: 0!important;
}
gallery.w940 .c-gallery .cg-start {
  margin: 0 25px 25px 0;
  width: 216px;
  height: 216px;
}
.c-gallery .ui-sortable-placeholder {
  background: #ffffff11;
}
.c-gallery .cg-start,
.c-gallery .ui-sortable-placeholder {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #ffffff24;
  transition: 0.2s;
  border-radius: 10px;
}
.c-gallery .cg-start.--info,
.c-gallery .ui-sortable-placeholder.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-gallery .cg-start.--info i,
.c-gallery .ui-sortable-placeholder.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-gallery .cg-start.--start,
.c-gallery .ui-sortable-placeholder.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-gallery .cg-start.--start:hover,
.c-gallery .ui-sortable-placeholder.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-gallery .cg-start.--start span,
.c-gallery .ui-sortable-placeholder.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-gallery .cg-start.--start i,
.c-gallery .ui-sortable-placeholder.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-gallery-item {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #ffffff24;
  border-radius: 10px;
}
.c-gallery-item.gal-highlight {
  box-shadow: 0px 0px 0px 20px #05f;
}
.c-gallery-item .cgi-item {
  transition: 0.3s;
  height: 100%;
  width: 100%;
}
.c-gallery-item .cgi-item.--loading {
  opacity: 0.4;
  transform: scale(0.8);
}
.c-gallery-item .cgi-3dtour {
  background: #c99696;
  z-index: 5;
  position: absolute;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 0 0 10px 0;
  top: 0;
}
.c-gallery-item .cgi-doc-plan {
  background: #1f1f1f;
  color: #fff;
  z-index: 5;
  position: absolute;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 0 0 10px 0;
  top: 0;
  left: 0;
}
.c-gallery-item .chfp-plan-comment {
  background: #cbd1e0;
  z-index: 2;
  position: absolute;
  left: 50%;
  max-width: 100%;
  transform: translateX(-50%);
  bottom: 20px;
  font-size: 12px;
  color: #000;
  padding: 3px 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-gallery-item .drapndrops {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #232d45a1;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.c-gallery-item .drapndrops-change {
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  border: 2px solid #fff;
  margin-bottom: -2px;
  transition: 0.2s;
}
.c-gallery-item .drapndrops-change.dragover {
  background: #0004;
}
.c-gallery-item .drapndrops-change.loading {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1rem, rgba(255, 255, 255, 0.1) 1rem, rgba(255, 255, 255, 0.1) 2rem);
  background-size: 200% 200%;
  animation: loaderStripes 10s linear infinite;
  pointer-events: none;
  opacity: 0.6;
}
.c-gallery-item .cgi-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 4px 10px;
  color: #000;
  border-radius: 4px;
  letter-spacing: 1px;
  font-weight: bold;
}
.c-gallery-item .cgi-counter {
  position: absolute;
  bottom: 21px;
  right: 10px;
  z-index: 2;
  color: #fff;
  background: #000;
  padding: 6px 11px;
  border-radius: 5px;
  font-size: 12px;
}
.c-gallery-item img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  left: 50%;
}
.c-gallery-item .cgi-remove {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #000;
  text-align: center;
  opacity: 0.6;
  transition: 0.3s;
  font-size: 18px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 6;
}
.c-gallery-item .cgi-remove:hover {
  opacity: 1;
  cursor: pointer;
}
.c-gallery-item .cgi-remove:hover .cgi-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.c-gallery-item .cgi-menu {
  position: absolute;
  right: 0;
  top: 0;
  background: #eee;
  font-size: 12px;
  width: 180px;
  text-align: left;
  transition: 0.3s;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  padding: 5px 0 5px;
  border-radius: 2px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}
.c-gallery-item .cgi-menu-label {
  font-weight: bold;
  font-size: 12px;
  margin-left: 15px;
  color: #999;
}
.c-gallery-item .cgi-menu-item {
  line-height: 30px;
  padding: 0 15px;
  font-size: 14px;
  color: #666;
  transition: 0.2s;
  display: block;
  text-decoration: none !important;
}
.c-gallery-item .cgi-menu-item:hover {
  background: #dedede;
  color: #000;
  cursor: pointer;
}
.c-gallery-item.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-gallery-item.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-gallery-item.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-gallery-item.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-gallery-item.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-gallery-item.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-gallery-item .cgi-notactive {
  position: absolute;
  z-index: 4;
  background: #222c46b8;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 80px;
}
.c-gallery-item .cgi-notactive button {
  background: var(--card-bg-color);
  padding: 5px 17px;
  border: none;
  color: #c9d1e5;
  border-radius: 4px;
  font-size: 12px;
}
.c-gallery-item .chfp-plan-footer {
  display: flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  box-sizing: border-box;
  z-index: 5;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  bottom: -13px;
}
.c-gallery-item .chfp-plan-footer .chfp-plan-name {
  font-weight: bold;
  letter-spacing: 1px;
  min-width: 0;
  flex: 1 1 auto;
  border-radius: 5px;
  transition: 0.2s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.c-gallery-item .chfp-plan-footer .chfp-plan-name:hover {
  background-color: #eee;
  cursor: pointer;
}
.c-gallery-item .chfp-plan-footer .chfp-plan-name input {
  display: block;
  width: 200px;
  max-width: 100%;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  height: 30px;
  outline: none;
}
.c-gallery-item .chfp-plan-footer .chfp-plan-name span {
  padding: 4px 10px;
  display: block;
  color: #0c1022;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-gallery-item .chfp-plan-footer.--passive {
  pointer-events: none;
  background-color: #9095a2;
  color: #4a4c52;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}
.c-gallery-item .chfp-plan-footer .chfp-plan-warnings {
  flex-shrink: 0;
  border-radius: 5px;
  padding: 4px 6px;
  background: #ff8500;
  color: #fff;
  align-items: center;
  box-shadow: 0 5px 10px var(--chess-edit-gallery-plan-shadow);
  transition: 0.15s;
}
.c-house-data-checklist {
  /* th.td-plan {
    width: 150px;
  }

  th.td-floor {
    width: 150px;
  }

  th.td-dog1 {
    width: 150px;
  }

  th.td-dog2 {
    width: 150px;
  }

  th.td-dog3 {
    width: 150px;
  }

  th.td-dog4 {
    width: 150px;
  }
*/
}
.c-house-data-checklist[image-size="0"] img {
  max-width: 150px;
  min-width: 150px;
}
.c-house-data-checklist[image-size="1"] img {
  max-width: 120px;
  min-width: 120px;
}
.c-house-data-checklist[image-size="2"] img {
  max-width: 90px;
  min-width: 90px;
}
.c-house-data-checklist[image-size="3"] img {
  max-width: 70px;
  min-width: 70px;
}
.c-house-data-checklist[image-size="4"] img {
  max-width: 50px;
  min-width: 50px;
}
.c-house-data-checklist .chdc-topfilters {
  margin-bottom: 20px;
  display: flex;
}
.c-house-data-checklist .chdc-topfilter {
  width: 300px;
}
.c-house-data-checklist .chdc-top {
  margin-bottom: 20px;
  display: flex;
}
.c-house-data-checklist .chdc-top .std-btn:last-child {
  margin-left: auto;
}
.c-house-data-checklist .chdc-area {
  color: #576383;
  display: inline-block;
  width: 20px;
}
.c-house-data-checklist th.td-num {
  width: 50px;
}
.c-house-data-checklist th.td-area {
  min-width: 107px;
}
.c-house-data-checklist table td,
.c-house-data-checklist table th {
  border: 1px solid #3d4762;
  padding: 10px;
}
.c-house-data-checklist table span {
  text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.c-house-dogovor-plans {
  padding-bottom: 100px;
}
.c-house-dogovor-plans .chdp-top {
  margin-bottom: 30px;
  max-width: 800px;
}
.c-house-dogovor-plans .chfp-plan-edit {
  position: absolute;
  background: #000000c2;
  font-size: 11px;
  right: 5px;
  top: 5px;
  padding: 4px 10px;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
}
.c-house-dogovor-plans .chfp-plan {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #fff;
  transition: 0.2s;
}
.c-house-dogovor-plans .chfp-plan img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
}
.c-house-dogovor-plans .chfp-plan.--loading {
  opacity: 0.4;
  transform: scale(0.8);
}
.c-house-dogovor-plans .chfp-plan.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-house-dogovor-plans .chfp-plan.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-house-dogovor-plans .chfp-plan.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-house-dogovor-plans .chfp-plan.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-house-dogovor-plans .chfp-plan.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-house-dogovor-plans .chfp-plan.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-house-dogovor-plans .chfp-plan-name {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  letter-spacing: 1px;
  background: #fff;
  padding: 4px 20px;
  border-radius: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  bottom: -13px;
  color: #0c1022;
  box-shadow: 0px 5px 10px #000000;
  white-space: nowrap;
}
.c-house-flats-plans {
  padding-bottom: 100px;
}
.c-house-flats-plans .ddrop {
  margin-right: 25px;
}
.c-house-flats-plans .chfp-settings {
  display: flex;
}
.c-house-flats-plans .chfp-settings {
  margin-bottom: 30px;
}
.c-house-flats-plans .searchs {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-top: -15px;
}
.c-house-flats-plans .searchs input {
  width: 70px;
  text-align: center;
  margin-left: 10px;
  margin-right: 9px;
}
.c-house-flats-plans .searchs > span {
  white-space: nowrap;
  margin-right: 5px;
}
.c-house-flats-plans .chfp-button {
  margin-top: -2px;
  margin-right: 40px;
}
.c-house-flats-plans .chfp-button span {
  margin-left: 7px;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.c-house-flats-plans .chfp-plan {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #fff;
  transition: 0.2s;
}
.c-house-flats-plans .chfp-plan img {
  width: 100%;
}
.c-house-flats-plans .chfp-plan.--loading {
  opacity: 0.4;
  transform: scale(0.8);
}
.c-house-flats-plans .chfp-plan.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-house-flats-plans .chfp-plan.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-house-flats-plans .chfp-plan.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-house-flats-plans .chfp-plan.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-house-flats-plans .chfp-plan.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-house-flats-plans .chfp-plan.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-houseFloorsViewer {
  height: 100%;
  position: relative;
  background: #fff;
  color: #000;
  z-index: 20;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer {
    height: 100%;
    z-index: 50;
  }
}
.c-houseFloorsViewer img.leaflet-image-layer {
  filter: grayscale(1);
  opacity: 0.8;
}
.c-houseFloorsViewer .map-wrapper {
  width: 100%;
}
.c-houseFloorsViewer.is-land .point-poly-area:hover {
  stroke-width: 4px;
  stroke: #fff;
  z-index: 6;
}
.c-houseFloorsViewer[data-color="grey"] {
  background: #747474;
}
.c-houseFloorsViewer[data-color="black"] {
  background: #141414;
}
.c-houseFloorsViewer.show-numbers .point-number {
  display: block;
}
.c-houseFloorsViewer .cpa-showtoggle {
  border: 2px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 2px;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 1193;
  transition: 0.2s;
  font-size: 12px;
  background: #f1f1f1;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .cpa-showtoggle {
    background: #fff;
    font-size: 10px;
    padding: 3px 5px;
  }
}
.c-houseFloorsViewer .cpa-showtoggle:hover {
  background: #eee;
}
.c-houseFloorsViewer .cpa-sections-area {
  background: #e0e5ed;
  overflow: auto;
  min-width: max-content;
}
.c-houseFloorsViewer .cpa-sections {
  display: flex;
  min-width: max-content;
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
  border-right: 1px solid #b7bcc5;
}
.c-houseFloorsViewer .cpa-section {
  margin-bottom: 8px;
  margin-top: 18px;
  padding: 0 3px;
}
.c-houseFloorsViewer .cpa-section:first-child {
  padding-left: 6px;
}
.c-houseFloorsViewer .cpa-section:last-child {
  padding-right: 6px;
}
.c-houseFloorsViewer .cpa-section-title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 12px;
  background: #e1e5ed;
  position: sticky;
  top: 0px;
  z-index: 2;
  padding-bottom: 10px;
  padding-top: 10px;
}
.c-houseFloorsViewer .cpa-section-title b {
  display: block;
  font-size: 16px;
  margin-top: 0px;
}
.c-houseFloorsViewer .frees-rings {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}
.c-houseFloorsViewer span.free-grad {
  width: 6px;
  height: 10px;
  background: #67b68a;
  border-radius: 7px;
  display: inline-block;
  margin-top: -2px;
  margin-bottom: -2px;
  box-shadow: 0px 0px 0px 2px #fff;
}
.c-houseFloorsViewer .cpa-floor-line {
  cursor: pointer;
  line-height: 34px;
  min-width: 46px;
  text-align: center;
  height: 34px;
  color: #000000;
  background: #fff;
  margin: 0 0 6px;
  border-radius: 5px;
  position: relative;
}
.c-houseFloorsViewer .cpa-floor-line.empty {
  pointer-events: none;
  background: transparent !important;
}
.c-houseFloorsViewer .cpa-floor-line.solded {
  color: #8d99b1;
  background: #eaedf2;
  border: 1px solid #c8cbd3;
}
.c-houseFloorsViewer .cpa-floor-line.active {
  opacity: 1;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
}
.c-houseFloorsViewer .cpa-floor-line.active .frees-rings {
  display: none;
}
.c-houseFloorsViewer .cpa-floors.min .cpa-floor {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  margin: 2px 2px;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .cpa-floors.min .cpa-floor {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.c-houseFloorsViewer .cpa-floors.min {
  top: 20px;
  bottom: 20px;
  transform: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .cpa-floors.min {
    top: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    right: 60px;
    overflow: auto;
    left: 0;
    bottom: 10px;
    left: 10px;
  }
}
.c-houseFloorsViewer .cpa-floors.min .cpa-floor span {
  display: none;
}
.c-houseFloorsViewer .leaflet-container {
  background-color: transparent;
}
.c-houseFloorsViewer .leaflet-control-attribution {
  display: none;
}
.c-houseFloorsViewer .cpa-floors {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 2152;
  transform: translateY(-50%);
  color: #000;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .cpa-floors {
    left: 50%;
    bottom: 10px;
    top: auto;
    transform: translateX(-50%);
  }
}
.c-houseFloorsViewer .point-number {
  background: #fff;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  display: none;
}
.c-houseFloorsViewer .cpa-floor {
  width: 80px;
  height: 80px;
  color: #fff;
  background: #3b2e5a;
  transform: scale(0.9);
  border-radius: 50%;
  margin: 10px 0;
  line-height: 62px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  opacity: 0.8;
}
.c-houseFloorsViewer .cpa-floor span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  top: 51px;
  transition: 0.4s;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .cpa-floor span {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .cpa-floor {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 50px;
    font-size: 24px;
  }
}
.c-houseFloorsViewer .cpa-floor:hover {
  cursor: pointer;
  transform: scale(0.9);
  opacity: 1;
}
.c-houseFloorsViewer .cpa-floor.active {
  transform: scale(1);
  opacity: 1;
}
.c-houseFloorsViewer .sp-exit {
  position: fixed;
  top: -11px;
  z-index: 222;
  background: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: #45386d;
  font-size: 20px;
  right: 15px;
  margin-top: -25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.c-houseFloorsViewer .sf-planinfo {
  position: fixed;
  width: 260px;
  height: auto;
  font-size: 16px;
  pointer-events: none;
  background: #fff;
  z-index: 3222;
  margin: 20px 0 0 20px;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(0%);
  visibility: hidden;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .sf-planinfo {
    left: 0;
    right: 0;
    width: auto;
    bottom: 0;
    transform: translateY(100%);
    transition: 0.3s;
    padding: 30px 20px;
    margin: 0;
    visibility: visible;
    padding-bottom: 100px;
  }
}
.c-houseFloorsViewer .sf-planinfo.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .c-houseFloorsViewer .sf-planinfo.active {
    transform: translateY(0%);
    pointer-events: all;
  }
}
.c-houseFloorsViewer .sf-planinfo .btn {
  position: absolute;
  top: auto;
  font-size: 18px;
  padding: 27px 20px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0px;
  background: #353e5d;
  outline: none;
  border: none;
}
.c-houseFloorsViewer .sf-planinfo .sfp-floor {
  font-size: 20px;
}
.c-houseFloorsViewer .sf-planinfo .sfp-floor span {
  font-weight: bold;
}
.c-houseFloorsViewer .sf-planinfo .sfp-noflats {
  text-align: center;
  padding: 40px 0;
  font-size: 16px;
}
.c-houseFloorsViewer .sf-planinfo .sfp-room {
  width: 44px;
  height: 44px;
  background: #eee;
  float: left;
  margin: 5px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  color: #bbb;
}
.c-houseFloorsViewer .sf-planinfo .sfp-room.active {
  background: #44386e;
  color: #fff;
}
.c-houseFloorsViewer .sf-planinfo .sfp-rooms {
  margin: 10px -5px;
}
.c-houseFloorsViewer .sf-planinfo .planinfo-row {
  border-top: 1px solid #ececec;
  padding: 7px 20px 8px 20px;
  margin: 6px -20px -20px -20px;
  font-size: 11px;
  background: #ececec;
  border-radius: 0px 0px 5px 5px;
  white-space: nowrap;
}
.c-houseFloorsViewer .sf-planinfo .planinfo-row .--ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.c-houseFloorsViewer .map-outer {
  width: 100%;
  height: 100%;
  position: relative;
}
.c-houseFloorsViewer .map {
  width: 100%;
  height: 100%;
}
.c-houseFloorsViewer .map.bad {
  opacity: 0;
  pointer-events: none;
}
.c-houseFloorsViewer .point-poly-area {
  stroke-width: 4px;
}
.c-houseFloorsViewer .point-poly-area.status--2 {
  fill: #000;
  stroke: #0000;
  z-index: 1;
  pointer-events: none !important;
}
.c-houseFloorsViewer .point-poly-area.status--1 {
  fill: #bfbfbf;
  stroke: #bdbdbd;
  z-index: 5;
}
.c-houseFloorsViewer .point-poly-area.status-0 {
  fill: #0a824091;
  stroke: #0a8240a3;
  z-index: 5;
}
.c-houseFloorsViewer .point-poly-area.status-0.is-ass {
  stroke: #3f247e;
  stroke-width: 3px;
  stroke-dasharray: 10;
}
.c-houseFloorsViewer .point-poly-area.status-1 {
  fill: #c39a01;
  stroke: #c39a01;
  z-index: 4;
}
.c-houseFloorsViewer .point-poly-area.status-1.book-warning {
  stroke: #ff7d00;
  fill: #ff6e00;
  fill-opacity: 0.4;
}
.c-houseFloorsViewer .point-poly-area.status-1.book-error {
  stroke: #ff0000;
  fill: #ff0000;
  fill-opacity: 0.4;
}
.c-houseFloorsViewer .point-poly-area.status-1.book-no-deal {
  fill: url(#polyTechBook);
  fill-opacity: 0.4;
  stroke: #86701d;
}
.c-houseFloorsViewer .point-poly-area.status-2 {
  fill: #284da2;
  stroke: #284da2;
  z-index: 3;
  fill-opacity: 0.7;
}
.c-houseFloorsViewer .point-poly-area.status-3 {
  fill: #c1c7dc78;
  stroke: #a2b2c2;
  z-index: 2;
  fill-opacity: 0.85;
}
.c-house-images-loader {
  padding-bottom: 100px;
}
.c-house-images-loader .chfp-plan {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #ffffff24;
  transition: 0.2s;
}
.c-house-images-loader .chfp-plan.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-house-images-loader .chfp-plan.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-house-images-loader .chfp-plan.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-house-images-loader .chfp-plan.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-house-images-loader .chfp-plan.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-house-images-loader .chfp-plan.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-house-sections-plans {
  padding-bottom: 100px;
}
.c-house-sections-plans .chfp-plan-edit {
  position: absolute;
  background: #000000c2;
  font-size: 11px;
  right: 5px;
  top: 5px;
  padding: 4px 10px;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
}
.c-house-sections-plans .chfp-settings {
  margin-bottom: 30px;
}
.c-house-sections-plans .chfp-plan {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #fff;
  transition: 0.2s;
}
.c-house-sections-plans .chfp-plan img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
}
.c-house-sections-plans .chfp-plan.--loading {
  opacity: 0.4;
  transform: scale(0.8);
}
.c-house-sections-plans .chfp-plan.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-house-sections-plans .chfp-plan.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-house-sections-plans .chfp-plan.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-house-sections-plans .chfp-plan.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-house-sections-plans .chfp-plan.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-house-sections-plans .chfp-plan.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-house-tags-editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 120px;
  bottom: 0;
}
.c-house-tags-editor .chte-flex {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.c-house-tags-editor .chte-top {
  display: flex;
  justify-content: space-between;
}
.c-house-tags-editor .chte-right {
  padding: 20px 30px;
  text-align: right;
  min-width: 350px;
}
.c-house-tags-editor chesstable-editor {
  width: 100%;
  height: 100%;
  position: relative;
  border-top: 1px solid #354160;
}
.c-house-tags-editor .chte-tag {
  background: #222c46;
  display: inline-block;
  margin: 10px 10px 0px 0;
  border: 1px solid #354160;
  border-radius: 2px;
  padding: 4px 10px;
  color: #bec4d5;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
.c-house-tags-editor .chte-tag.active {
  background-color: #354160;
  color: #fff;
}
.c-house-tags-editor .chte-tag i {
  position: absolute;
  left: 100%;
  margin-left: -6px;
  top: -1px;
}
ii-btn {
  white-space: nowrap;
  position: relative;
  padding: 0 30px;
  line-height: 44px;
  display: inline-block;
  font-weight: normal;
  color: #ffffff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
  background-size: 300% 300%;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease, opacit 0.3s ease;
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
  z-index: 1;
  animation: gradientFlow 8s ease infinite, pulse 3s ease-in-out infinite;
  /* Анимация перетекания цветов */
  /* Анимация пульсации */
  /* Анимация свечения */
  /* Дополнительный эффект частиц */
}
ii-btn.passive {
  opacity: 0.8;
  filter: grayscale(1);
  pointer-events: none;
}
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4), 0 0 0 0 rgba(102, 126, 234, 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6), 0 0 0 10px rgba(102, 126, 234, 0);
  }
}
@keyframes glow {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
ii-btn:before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: glow 3s ease-in-out infinite;
  z-index: -1;
}
ii-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s ease, height 0.6s ease;
  z-index: -1;
}
ii-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6), 0 0 20px rgba(0, 212, 255, 0.5);
}
ii-btn:hover::after {
  width: 300px;
  height: 300px;
}
ii-btn .particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  box-shadow: 0 0 6px rgba(102, 126, 234, 0.8);
}
@keyframes particleFloat {
  0% {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(var(--ty)) translateX(var(--tx)) scale(0);
  }
}
.ii-set-preloader {
  /* Анимация зданий */
  /* SVG иконка дома */
  /* Пульсирующие точки */
}
.ii-set-preloader .preloader {
  border-radius: 20px;
  padding: 40px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  text-align: center;
  position: relative;
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 22222;
}
.ii-set-preloader .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
  padding: 0;
}
.ii-set-preloader .close-btn:hover {
  background-color: #f0f0f033;
}
.ii-set-preloader .close-btn::before,
.ii-set-preloader .close-btn::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
}
.ii-set-preloader .close-btn::before {
  transform: rotate(45deg);
}
.ii-set-preloader .close-btn::after {
  transform: rotate(-45deg);
}
.ii-set-preloader .preloader-timer {
  font-size: 14px;
  opacity: 0.5;
  margin-top: 15px;
  font-weight: 400;
}
.ii-set-preloader .preloader-title {
  font-size: 1.5rem;
  margin-bottom: 30px;
  font-weight: 600;
}
.ii-set-preloader .animation-container {
  position: relative;
  height: 200px;
  margin-bottom: 20px;
  overflow: hidden;
}
.ii-set-preloader .house {
  position: absolute;
  width: 60px;
  height: 60px;
  opacity: 0;
  animation: houseAppearAndFade 2.5s ease-out forwards;
}
@keyframes houseAppearAndFade {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.5);
  }
  10% {
    opacity: 1;
    transform: translateY(-5px) scale(1.05);
  }
  20% {
    transform: translateY(0) scale(1);
  }
  70% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px) scale(0.9);
  }
}
.ii-set-preloader .house svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.ii-set-preloader .dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
}
.ii-set-preloader .dot {
  width: 10px;
  height: 10px;
  background: #667eea;
  border-radius: 50%;
  animation: pulseDotIISET 1.4s ease-in-out infinite;
}
.ii-set-preloader .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.ii-set-preloader .dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes pulseDotIISET {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
}
.c-images-loader {
  padding-bottom: 100px;
}
.c-images-loader .chfp-plan {
  float: left;
  margin: 0 30px 30px 0;
  width: 240px;
  position: relative;
  height: 240px;
  background: #ffffff24;
  transition: 0.2s;
}
.c-images-loader .chfp-plan.--info {
  background: #27324a;
  border: 1px solid #394054;
  border-radius: 10px;
  font-size: 12px;
  padding: 43px 25px 0 25px;
  color: #b3b5c3;
}
.c-images-loader .chfp-plan.--info i {
  position: absolute;
  font-size: 40px;
  top: -11px;
  right: -10px;
  color: #afb3bc;
  background: var(--card-bg-color);
  border-radius: 50%;
}
.c-images-loader .chfp-plan.--start {
  background: #0000;
  border: 1px solid #626a82;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  padding-top: 110px;
  transition: 0.3s;
}
.c-images-loader .chfp-plan.--start:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.c-images-loader .chfp-plan.--start span {
  opacity: 0.5;
  display: block;
  margin-top: 25px;
  font-size: 12px;
}
.c-images-loader .chfp-plan.--start i {
  position: absolute;
  top: 37px;
  font-size: 40px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.c-interval-selecter label {
  font-size: 12px;
  font-weight: normal;
  color: #7a8090;
}
.c-interval-selecter .cis-value {
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  border: 1px solid var(--form-input-border);
  height: 34px;
  line-height: 32px;
  padding: 0 12px;
  border-radius: 2px;
  transition: 0.3s;
}
.c-interval-selecter .cis-value:hover {
  filter: contrast(1.4);
  cursor: pointer;
}
.c-interval-selecter.--empty-date input.form-control {
  color: transparent;
}
.c-interval-selecter.--empty-date input.form-control::placeholder {
  color: transparent;
  opacity: 0;
}
.c-interval-selecter .empty-date-text {
  position: absolute;
  left: 1px;
  right: 28px;
  top: 1px;
  height: 32px;
  line-height: 32px;
  padding-left: 11px;
  pointer-events: none;
  color: var(--form-input-color, inherit);
  background: var(--form-input-bg, #fff);
}
.c-interval-selecter .parent {
  position: relative;
}
.c-interval-selecter span.clear {
  position: absolute;
  right: 4px;
  top: 7px;
  line-height: 21px;
  width: 22px;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
  z-index: 22222;
  color: var(--inverse);
  background: var(--inverse-superlight);
  border-radius: 4px;
}
.c-interval-selecter span.chooseTime {
  position: absolute;
  right: 26px;
  top: 0;
  border-left: 1px solid #606d8c;
  line-height: 34px;
  width: 30px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
  padding-right: 1px;
}
.c-isactive {
  width: 20px;
  height: 20px;
  background: #445173;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  top: 4px;
  color: #fff;
}
.c-isactive.active {
  background-color: #079446;
}
.c-isactive i {
  font-size: 20px;
  position: absolute;
  top: 1px;
  left: 0px;
  opacity: 1;
}
.lateBookModal {
  background: #2d334459;
}
.lateBookModal .modal-dialog {
  width: 380px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.lateBookModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.c-affiliation .affil.--start {
  opacity: 0.5;
  font-size: 85%;
}
.c-affiliation .affil {
  display: flex;
  margin-bottom: 10px;
}
.c-affiliation .affil-btn {
  min-width: 190px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c-affiliation .affil-name {
  width: 100%;
}
.c-affiliation .affil-comemnt {
  width: 70%;
}
.c-affiliation .btnka {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  background: #2d3546;
  right: 10px;
  top: 5px;
  border-radius: 5px;
  font-size: 15px;
}
.c-affiliation .colka {
  position: relative;
  margin-bottom: 10px;
}
.leadChangeSourceCtrl {
  /*background: @modalBackgroundColor;*/
}
.leadChangeSourceCtrl .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.leadChangeSourceCtrl .cunm-user {
  background: #394563;
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
}
.leadChangeSourceCtrl .cunm-user:hover {
  background: #546284;
  cursor: pointer;
}
body {
  --c-lead-contacts-color: #fff;
  --c-lead-contacts-area-bg: #14171f;
  --c-lead-contacts-area-color: #dfdfdf;
}
body.theme-white {
  --c-lead-contacts-color: #000;
  --c-lead-contacts-area-bg: #fff;
  --c-lead-contacts-area-color: #000;
}
.c-lead-contacts > label {
  font-size: 12px;
  font-weight: normal;
  color: #7a8090;
}
.c-lead-contacts .sm-topper-label {
  display: inline-block;
}
.c-lead-contacts .infos {
  padding: 0 13px 13px;
  line-height: 1.3em;
  opacity: 0.6;
}
.c-lead-contacts .infos-row {
  margin-top: 9px;
}
.c-lead-contacts span.tz-diff {
  position: absolute;
  background: var(--c-lead-contacts-area-bg);
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 21px;
  border-radius: 5px;
  text-align: center;
  right: -11px;
  top: -12px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  font-weight: bold;
}
.c-lead-contacts .clc-contacts {
  transition: 0.1s;
}
.c-lead-contacts .clc-contacts.loading {
  filter: blur(2px);
  pointer-events: none;
}
.c-lead-contacts .clc-nores .std-lineloader {
  height: 36px;
}
.c-lead-contacts .clc-contact {
  position: relative;
  padding: 0;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  border-radius: 0px;
  margin-bottom: 0px;
  margin-top: 7px;
  display: flex;
  align-items: center;
}
.c-lead-contacts .clc-buttons {
  border: 1px solid var(--form-input-border);
  background: var(--form-input-bg);
  border-radius: 7px;
  display: flex;
  line-height: 35px;
  z-index: 3;
  position: relative;
}
.c-lead-contacts span.clc-icon.--wa {
  color: #4bc30d;
}
.c-lead-contacts span.clc-icon.--tg {
  color: #5197d4;
  font-size: 22px;
}
.c-lead-contacts span.clc-icon.--sms {
  color: #679ad5;
  font-size: 19px;
}
.c-lead-contacts span.clc-icon.--copy {
  font-size: 19px;
  text-align: center;
  color: #909090;
}
.c-lead-contacts span.clc-wz {
  width: 22px;
  margin-right: 7px;
  background: #46a137;
  color: #fff;
  line-height: 22px;
  height: 22px;
  font-size: 10px;
  text-align: center;
  border-radius: 2px;
}
.c-lead-contacts .clc-text {
  white-space: nowrap;
}
.c-lead-contacts span.clc-icon {
  font-size: 23px;
  margin-right: 7px;
  width: 22px;
}
.c-lead-contacts a.clc-btns-area-item {
  color: inherit;
  text-decoration: none;
  padding: 0 0px 0 12px;
  line-height: 36px;
  transition: 0.2s;
  display: flex;
  align-items: center;
}
.c-lead-contacts a.clc-btns-area-item:hover {
  background: #0001;
  cursor: pointer;
}
.c-lead-contacts .clc-buttons-pre {
  position: relative;
  z-index: 2;
  margin-right: 10px;
}
.c-lead-contacts .clc-buttons-pre.ext {
  min-width: 205px;
  max-width: 205px;
}
.c-lead-contacts .clc-buttons-pre:hover,
.c-lead-contacts .clc-buttons-pre:has(.clc-btns-area.showed) {
  z-index: 50;
}
.c-lead-contacts .clc-btns-area {
  background: var(--c-lead-contacts-area-bg);
  color: var(--c-lead-contacts-area-color);
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  z-index: 2;
  padding-top: 55px;
  border-radius: 14px;
  box-shadow: 0px 6px 10px #0003;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding-bottom: 10px;
}
.c-lead-contacts .clc-btns-area.showed {
  opacity: 1;
  visibility: visible;
}
.c-lead-contacts .clc-comment {
  line-height: 16px;
  overflow: hidden;
  max-height: 33px;
}
.c-lead-contacts .clc-buttons-text {
  width: 100%;
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 130px;
  cursor: pointer;
}
.c-lead-contacts .clc-more-btn {
  opacity: 0.6;
  transition: 0.3s;
}
.c-lead-contacts .clc-more-btn:hover {
  opacity: 1;
  cursor: pointer;
}
.c-lead-contacts span.clc-client-time {
  display: inline-block;
  margin-left: 10px;
  color: var(--inverse);
}
.c-lead-contacts .clc-more-btn {
  min-width: 30px;
  text-align: center;
  font-size: 18px;
  border-left: 1px solid var(--form-input-border);
}
.c-lead-contacts a.clc-buttons-btn {
  display: inline-block;
  color: inherit;
  min-width: 33px;
  max-width: 34px;
  text-align: center;
  border-left: 1px solid var(--form-input-border);
  font-size: 14px;
  cursor: pointer;
}
.c-lead-contacts a.clc-buttons-btn.--max {
  background: url(../images/mess/max.webp) center no-repeat;
  background-size: 24px;
}
.c-lead-contacts a.clc-buttons-btn.--smicon {
  font-size: 20px;
}
.c-lead-contacts .lm-contacts-label {
  transition: 0.3s;
}
body.theme-white .c-lead-history .clh-order {
  border-color: #00000018;
}
body.theme-white .c-lead-history .clh-order-item.active {
  background: #68789c;
}
.c-lead-history .sm-h-flex {
  margin-bottom: 12px;
}
.c-lead-history .clh-order {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ffffff22;
}
.c-lead-history .clh-order-item {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  opacity: 0.55;
  user-select: none;
  white-space: nowrap;
}
.c-lead-history .clh-order-item.active {
  opacity: 1;
  background: #5e6984;
  color: #fff;
  cursor: default;
  pointer-events: none;
}
.c-lead-history .clh-order-item:hover:not(.active) {
  opacity: 0.85;
}
.c-lead-history .clh-list {
  position: relative;
}
.c-lead-history .clh-year {
  position: relative;
  padding: 6px 0 12px 22px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  opacity: 0.78;
}
.c-lead-history .clh-year:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: currentColor;
  opacity: 0.14;
}
.c-lead-history .clh-item {
  position: relative;
  padding: 0 0 16px 22px;
  font-size: 13px;
  line-height: 1.4;
}
.c-lead-history .clh-item:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: currentColor;
  opacity: 0.14;
}
.c-lead-history .clh-item:after {
  content: '';
  position: absolute;
  left: 1px;
  top: 5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.32;
}
.c-lead-history .clh-item.--now:after {
  opacity: 0.85;
}
.c-lead-history .clh-row:first-child .clh-item:before {
  top: 8px;
}
.c-lead-history .clh-row:last-child .clh-item {
  padding-bottom: 2px;
}
.c-lead-history .clh-row:last-child .clh-item:before {
  bottom: auto;
  height: 8px;
}
.c-lead-history .clh-item-when {
  font-size: 12px;
  opacity: 0.55;
  margin-bottom: 2px;
}
.c-lead-history .clh-item-who:before {
  content: '·';
  margin: 0 6px;
  opacity: 0.7;
}
.c-lead-history .clh-item-what {
  font-size: 14px;
}
.c-lead-history .clh-item-sub {
  margin-top: 2px;
  font-size: 12px;
  opacity: 0.5;
}
.c-lead-history .clh-item.--now .clh-item-what {
  font-weight: 600;
}
.clib-flexer {
  display: flex;
  align-items: center;
  max-width: 400px;
  margin-bottom: 10px;
}
.clr-title {
  max-width: 120px;
  min-width: 120px;
}
body {
  --leadModal-part-title-border: #424f73;
}
body.theme-white {
  --leadModal-part-title-border: #c7cddf;
}
body.theme-white .leadModalIn span.lmt-tags-item.--def {
  background-color: #0002;
  color: #000;
}
.leadModal .ai-text {
  padding: 20px;
}
.leadModal .sm-events {
  max-height: calc(100vh - 190px);
}
@media only screen and (max-width: 767px) {
  .leadModal .sm-events {
    max-height: 100000px;
  }
}
.leadModal .modal-dialog {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .leadModal .give-me {
    min-width: 200px;
  }
}
.leadModal .choose-user {
  margin-left: 5px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .leadModal .choose-user {
    margin-left: 0;
    margin-top: 7px;
  }
}
.leadModal span.lmt-tags-item-border {
  display: inline-block;
  border: 15px solid transparent;
  width: 1px;
  height: 1px;
  margin-right: -3px;
  border-radius: 4px;
}
.leadModal span.lmt-tags-item {
  display: inline-flex !important;
  align-items: center;
}
.leadModal .ai-sov {
  padding: 22px;
}
.leadModal .ai-sov-title {
  font-weight: bold;
  margin-bottom: 10px;
  opacity: 0.6;
}
.leadModal span.lmt-tags-item-text {
  padding-left: 16px;
  position: relative;
  line-height: 30px;
  font-size: 13px;
  border-radius: 5px;
  white-space: nowrap;
  display: inline-block;
  padding-right: 10px;
}
.leadModal span.lmt-tags-item-text:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  left: 0px;
  top: 12px;
}
.leadModal .lmtmi-title {
  color: #fff;
}
.leadModal .user-photo img {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #999;
}
.leadModal .lm-row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .leadModal .lm-row {
    display: block;
  }
}
.leadModal .user-photo {
  max-width: 206px;
}
.leadModal .user-photo img {
  transition: 0.2s;
  position: relative;
}
.leadModal .user-photo img:hover {
  transform: scale(2);
  z-index: 2222;
}
.leadModal .lm-flex {
  display: flex;
  flex-direction: row;
  min-height: 100vmin;
  margin-top: -110px;
  padding-top: 110px;
}
@media only screen and (max-width: 767px) {
  .leadModal .lm-flex {
    min-height: 0px;
    overflow: auto;
  }
}
.leadModal .lm-statuses-loader {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid var(--card-border-color);
  bottom: 0;
  height: 40px;
  padding: 5px 0 0 30px;
}
.leadModal .lm-statuses-loader .std-lineloader {
  margin-right: 20px;
}
.leadModal .bmt-name i {
  transition: 0.2s;
  font-size: 18px;
  color: #494f60;
  margin-top: 5px;
  margin-left: 9px;
}
.leadModal .bmt-name:hover {
  cursor: pointer;
}
.leadModal .bmt-name:hover i {
  color: #fff;
}
.leadModal .show-uveds {
  margin: 10px 0;
}
.leadModal .lm-custom-fields {
  margin-top: 20px;
}
.leadModal .lm-realtor {
  display: flex;
  margin-top: -5px;
}
.leadModal .lm-realtor-contact {
  min-width: 200px;
  margin-right: 10px;
  max-width: 200px;
}
.leadModal .lm-realtor-text {
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.leadModal .lm-realtor-btn {
  white-space: nowrap;
  padding-top: 8px;
  margin-left: 1px;
}
.leadModal .bmt-project {
  margin: 0px 15px 0 15px;
  position: relative;
  font-size: 14px;
  color: #ffffff;
  transition: 0.3s;
  white-space: nowrap;
  line-height: 33px;
  padding: 1px 15px;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .leadModal .bmt-project {
    line-height: 34px;
    margin: 0 0 0 -15px;
  }
}
.leadModal .bmt-project.--error {
  background-color: #712c2c;
  color: #e5a0a0;
}
.leadModal .bmt-project.--error i {
  color: #8c5454;
}
.leadModal .bmt-project.--error:hover i {
  color: #fff;
}
.leadModal .bmt-project:hover {
  color: #fff;
  cursor: pointer;
}
.leadModal .bmt-project:hover i {
  color: #fff;
}
.leadModal .bmt-project i {
  transition: 0.2s;
  font-size: 18px;
  margin-left: 3px;
  color: #494f60;
}
.leadModal .lm-comment-area {
  margin: 20px 0px 0px;
}
.leadModal .lm-books-ring {
  width: 23px;
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  border-radius: 3px;
  height: 22px;
  position: relative;
}
.leadModal .bmt-name {
  display: flex;
  padding: 1px 5px 1px 0;
  padding-bottom: 3px;
  border-radius: 4px;
  /*transition: 0.2s;*/
  font-weight: 400;
  letter-spacing: 1px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .leadModal .bmt-name {
    display: block;
    padding: 0;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
  }
  .leadModal .bmt-name i {
    position: relative;
    top: -2px;
  }
}
.leadModal .bmt-name:hover {
  /*border-color: rgba(255, 255, 255, 0.48);*/
  /*cursor: pointer;*/
}
.leadModal .bmt-name span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.leadModal .bm-title {
  font-size: 20px;
  padding-top: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  height: 69px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .leadModal .bm-title {
    display: block;
    height: auto;
    font-size: 17px;
    padding: 12px 0;
  }
}
.leadModal .lm-source i {
  margin-left: 5px;
}
.leadModal .lm-direct {
  color: #ff8f8f;
  margin: 13px 0 6px;
  line-height: 1.2em;
  font-size: 13px;
  display: block;
  text-align: center;
}
.leadModal .lm-area {
  margin-right: 0px;
  width: 100%;
  padding: 10px 30px;
}
@media only screen and (max-width: 767px) {
  .leadModal .lm-area {
    min-width: 85% !important;
    padding: 10px 20px;
  }
}
.leadModal .lm-agency .lm-agency-label {
  opacity: 0.5;
}
.leadModal .lm-tags-manage-area {
  max-height: 50vmin;
  overflow: auto;
  color: #000;
}
.leadModal .lm-tagsarea .btn {
  padding: 0px 12px 0px 34px;
  position: relative;
  font-size: 13px;
  height: 30px;
  line-height: 20px;
  margin-left: -5px;
  color: #a6a8ab;
  background: #0000;
  border-color: #0000;
}
.leadModal .lm-tagsarea .btn i {
  font-size: 16px;
  position: absolute;
  left: 6px;
  top: 7px;
  opacity: 0.5;
}
.leadModal .lm-tagsarea .btn:hover {
  background: #3f475f;
  cursor: pointer;
  border-color: #79839c;
  color: #fff;
}
.leadModal .bm-id {
  display: flex;
  align-items: center;
  position: static;
  white-space: nowrap;
}
.leadModal .bm-id-in {
  margin-right: 13px;
}
.leadModal .btnSent {
  position: static;
}
.leadModal .savegh {
  margin-top: 10px;
  text-align: right;
}
.leadModal .tags {
  border-top: 1px solid #89898987;
  margin-top: 15px;
}
.leadModal b.lm-bold-2 {
  margin-top: 0px;
  display: block;
  margin-bottom: 15px;
}
.leadModal .top-card {
  display: flex;
  justify-content: space-between;
  margin-bottom: -13px;
}
.leadModal .tc-contacts {
  width: 100%;
}
.leadModal .lm-tagsarea {
  text-align: right;
  margin-left: 20px;
  align-self: flex-end;
}
.leadModal span.lmt-tags-item.--def {
  cursor: pointer;
  background: #ffffff14;
  font-size: 90%;
  color: #ffffff;
}
.leadModal .lmt-tags-no {
  margin-left: 0px;
  margin-top: 5px;
  opacity: 0.7;
}
.leadModal .lmt-tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  color: #fff;
  margin-bottom: 14px;
}
.leadModal .bm-buttons {
  margin-top: 10px;
}
.leadModal .bm-header {
  min-height: 110px;
  position: sticky;
  padding: 0px 15px 40px 30px;
  background-color: var(--card-head-background);
  border-bottom: 1px solid var(--card-border-color);
  top: 0;
  z-index: 80;
}
@media only screen and (max-width: 767px) {
  .leadModal .bm-header {
    height: auto;
    padding: 0 20px;
    position: relative;
    top: auto;
  }
}
.leadModal .bmh-slash {
  transform: rotate(10deg);
}
.leadModal .poptaglead {
  max-width: 400px;
  min-width: 300px;
}
.leadModal .lmt-tags-item {
  display: inline-block;
  margin: 2px 8px 5px -15px;
}
.leadModal label.lm-tags-manage-item {
  display: block;
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  padding: 0 10px 0 40px;
  font-weight: normal;
  position: relative;
}
.leadModal label.lm-tags-manage-item .lmtmi-check {
  position: absolute;
  width: 22px;
  height: 22px;
  left: 9px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.38);
  top: 6px;
  transition: 0.2s;
}
.leadModal label.lm-tags-manage-item .lmtmi-check:after {
  content: '';
  position: absolute;
  background-color: transparent;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 6px;
  transition: 0.2s;
}
.leadModal label.lm-tags-manage-item input {
  opacity: 0;
  position: absolute;
  height: 1px;
  width: 1px;
}
.leadModal label.lm-tags-manage-item input:checked + .lmtmi-check {
  background-color: #ffffff;
}
.leadModal label.lm-tags-manage-item input:checked + .lmtmi-check:after {
  background-color: #004fa0;
}
.leadModal h2 {
  font-size: 20px;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}
.leadModal h3 {
  font-size: 16px;
  margin: 0 0 17px;
  font-weight: 300;
  letter-spacing: 1px;
}
.leadModal .lm-books-area {
  margin-top: 10px;
  margin-bottom: 20px;
}
.leadModal .lm-books-records-nores,
.leadModal .lm-books-area-nores {
  /*padding: 20px;*/
  /*text-align: center;*/
}
.leadModal .lm-resp {
  min-height: 70px;
}
.leadModal .lm-resp .btn {
  padding: 2px 10px;
}
.leadModal .start-booking-container {
  text-align: center;
}
.leadModal .lm-taskarea {
  margin-bottom: 30px;
}
.leadModal .editIcon {
  font-size: 20px;
  cursor: pointer;
}
.leadModal .lmt-comment {
  background: rgba(255, 255, 255, 0.06);
  padding: 6px 15px;
  border-radius: 5px;
  margin: 8px 0px 0;
  font-size: 13px;
}
.leadModal .sg-nopointer {
  opacity: 0.8;
  pointer-events: none;
}
.leadModal .ds-change {
  text-decoration: none;
  /*color: #fff;*/
}
.leadModal .modal-body {
  padding: 0px;
  background-color: var(--card-bg-color);
  border-radius: 3px 0 0 3px;
  margin: 0 0px 0px;
}
.leadModal .mf-left {
  display: flex;
  justify-content: center;
}
.leadModal .mf-left-item {
  margin-right: 20px;
}
.leadModal .mb-profile {
  /*padding: 20px;*/
}
.leadModal .mb-chat {
  min-width: 520px;
  max-width: 520px;
  position: relative;
  border-left: 1px solid var(--card-border-color);
  margin: 0px 0 0px;
}
@media only screen and (max-width: 767px) {
  .leadModal .mb-chat {
    min-width: 95% !important;
  }
}
.leadModal .lm-part {
  margin-bottom: 50px;
}
.leadModal .lm-part-title {
  margin: 50px -30px 20px;
  font-size: 14px;
  border-bottom: 1px solid var(--leadModal-part-title-border);
  color: #fff;
  padding: 0 30px 10px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .leadModal .lm-part-title {
    margin: 40px -20px 20px;
    padding: 0 20px 10px;
  }
}
.c-lead-status-col {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 10px;
}
.c-lead-status-col:hover span.stat {
  opacity: 0.5;
}
.c-lead-status-col .scs-filters {
  margin: 10px 0;
}
.c-lead-status-col .scs-card-changedstatus {
  background: #ddd;
  margin: 0px -13px 0px;
  padding: 6px 13px;
  font-size: 12px;
}
.c-lead-status-col span.stat {
  margin-left: auto;
  font-size: 17px;
  opacity: 0;
  transition: 0.3s;
}
.c-lead-status-col .superstat {
  margin-bottom: 30px;
}
.c-lead-status-col .superstat-block {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
}
.c-lead-status-col .not-my {
  color: #2f59bb;
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.c-lead-status-col .superstat-title {
  font-weight: bold;
}
.c-lead-status-col .superstat-title i {
  display: inline-block;
  margin-left: 1px;
}
.c-lead-status-col .superstat-title.--clickable {
  cursor: pointer;
  border-radius: 4px;
  padding: 4px 6px;
  margin: 0 -6px;
  transition: 0.15s;
}
.c-lead-status-col .superstat-title.--clickable:hover {
  background: rgba(0, 0, 0, 0.05);
}
.c-lead-status-col .superstat-title.--clickable.active {
  background: rgba(66, 57, 100, 0.08);
}
.c-lead-status-col .ss-row {
  display: flex;
  font-size: 12px;
}
.c-lead-status-col .ss-row-w {
  background: #423964;
  height: 10px;
}
.c-lead-status-col .ss-row-count {
  font-weight: bold;
}
.c-lead-status-col .ss-row-title {
  overflow: hidden;
  max-width: 90px;
  min-width: 90px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-lead-status-col .ss-row-title.--w150 {
  max-width: 150px;
  min-width: 150px;
}
.c-lead-status-col .ss-row-gr {
  display: flex;
  width: 100%;
  align-items: center;
}
.c-lead-status-col .ss-row-w {
  border-radius: 2px;
  background: #656184;
  height: 13px;
  margin-right: 8px;
}
.c-lead-status-col .ss-row {
  margin-top: 4px;
}
.c-lead-status-col .superstat-arr {
  margin-top: 10px;
}
.c-lead-status-col .superstat-arr .ccv-month {
  background-color: transparent;
  border: none;
  padding: 5px 10px 5px;
}
.c-lead-status-col .superstat-arr .ccv-month-title {
  display: none;
}
.c-lead-status-col .ss-week-count {
  font-weight: bold;
  font-size: 12px;
}
.c-lead-status-col .ss-week-h {
  border-radius: 2px;
}
.c-lead-status-col .ss-week-str {
  opacity: 0.6;
  font-size: 12px;
  line-height: 15px;
  margin-top: 6px;
}
.c-lead-status-col .ss-week {
  width: 100%;
  margin-right: 3px;
  margin-left: 4px;
  text-align: center;
}
.c-lead-status-col .ss-week-h {
  width: 100%;
  background: #4f4e77;
}
.c-lead-status-col .scs-card.--changedStatus {
  opacity: 0.8;
}
.c-lead-status-col .scs-head-title {
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
  margin-bottom: 6px;
}
.c-lead-status-col .scs-head-title:hover {
  cursor: pointer;
}
.c-lead-status-col .scs-head-title:hover span.stat {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .c-lead-status-col .scs-head-title {
    max-width: 300px;
  }
}
.c-lead-status-col .scs-ht-meets {
  display: flex;
  margin-bottom: 7px;
  background: #fff;
  border-radius: 5px;
  justify-content: center;
  padding: 6px 0;
}
.c-lead-status-col span.meets-str {
  padding: 3px 5px;
  font-size: 13px;
  margin-right: 5px;
  border-radius: 5px;
}
.c-lead-status-col span.meets-str-1 {
  opacity: 0.6;
  display: inline-block;
  margin-right: 3px;
}
.c-lead-status-col span.scs-head-text-text {
  overflow: hidden;
  margin-right: 8px;
}
.c-lead-status-col .scs-head-text {
  white-space: normal;
}
.c-lead-status-col span.scs-ht-meets {
  background-color: var(--standart-color-33);
  margin: 0px 10px 0px 9px;
  border-radius: 5px;
  color: var(--standart-color);
  margin-left: auto;
  height: 26px;
  text-align: center;
  min-width: 40px;
  line-height: 25px;
}
.c-lead-status-col span.scs-ht-meets:hover {
  cursor: pointer;
}
.c-lead-status-col .scs-body-stats {
  color: var(--standart-color);
  font-size: 12px;
  margin-bottom: 8px;
  background-color: var(--standart-color-11);
  padding: 10px 15px;
  border-radius: 5px;
  margin-top: 7px;
}
.c-lead-status-col .scs-body-stats .scs-body-stat {
  border-bottom: 1px solid var(--standart-color-33);
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 15px 4px;
  display: flex;
  transition: 0.2s;
}
.c-lead-status-col .scs-body-stats .scs-body-stat:hover {
  cursor: pointer;
  background-color: var(--standart-color-33);
}
.c-lead-status-col .scs-body-stats .scs-body-stat.--start {
  opacity: 0.5;
}
.c-lead-status-col .scs-body-stats .scs-body-stat.--last {
  font-weight: bold;
  border-bottom: none;
  background: #ffffff24;
  margin: -1px -15px -10px;
  padding: 8px 15px;
  border-radius: 0px 0px 5px 5px;
}
.c-lead-status-col .scs-body-stats .scsbs-title {
  width: 100%;
  display: inline-block;
}
.c-lead-status-col .scs-body-stats .scsbs-metr {
  width: 50px;
  display: inline-block;
  text-align: center;
}
.c-lead-status-col .scs-body-stats .scsbs-count {
  width: 60px;
  display: inline-block;
  text-align: right;
}
.c-lead-status-col .scs-body-stats .scsbs-amount {
  width: 93px;
  text-align: right;
  display: inline-block;
}
body {
  --menu-ctbm-item-all-bg: #ffffff1a;
}
body.theme-white {
  --menu-ctbm-item-all-bg: #6f8bb1;
}
.ctbm-item {
  background: #432e77;
  height: 26px;
  font-size: 10px;
  border-radius: 9px;
  color: #fff;
  line-height: 26px;
  font-weight: normal;
  padding: 0 6px;
  margin-left: 3px;
  min-width: 26px;
  text-align: center;
}
.ctbm-item.--out {
  background-color: #ad6162;
}
.ctbm-item.--all {
  background-color: var(--menu-ctbm-item-all-bg);
}
.ctbm-item.--meets {
  display: flex;
  align-items: center;
}
.ctbm-item.--meets .icon {
  margin-right: 4px;
}
.ctbm-item:hover .ctbm-list {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.ctbm-item i {
  font-size: 12px;
  line-height: 23px;
  margin-right: 5px;
  opacity: 0.5;
}
.ctbm-item span {
  font-size: 13px;
}
.c-leads-button-menu {
  position: absolute;
  right: 2px;
  top: 4px;
  display: flex;
}
.c-leads-button-menu .ctbm-list {
  position: fixed;
  z-index: 222;
  transform: translateY(-50%);
  margin-left: 0px;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}
.c-leads-button-menu .ctbm-list-in {
  width: 330px;
  background: #fff;
  color: #494949;
  text-align: left;
  font-size: 12px;
  margin-left: 36px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.c-leads-button-menu .ctbm-list-title {
  font-weight: bold;
  color: #b0b0b0;
  padding: 10px 0 0 14px;
}
.c-leads-button-menu .ctbm-list-item {
  border-top: 1px solid #eee;
  padding: 8px 14px;
  font-weight: 400;
  transition: 0.2s;
}
.c-leads-button-menu .ctbm-list-item:hover {
  background-color: #eee;
  cursor: pointer;
}
.c-leads-button-menu .ctbm-list-item:last-child {
  border-bottom: none;
}
.c-leads-button-menu .ctbm-list-item-title {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.c-leads-button-menu .clit-date {
  font-weight: bold;
  white-space: nowrap;
  min-width: 85px;
  text-align: right;
  max-width: 85px;
}
.c-leads-button-menu .clit-type {
  display: none;
}
.c-leads-button-menu .clit-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-leads-button-menu .ctbm-list-item-info {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-lcff .cf-header {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}
.leads-filters-modal .std-modal {
  min-width: 1100px;
}
.leads-filters-modal .inputs-separator {
  margin-top: 6px;
  text-align: center;
}
.leads-filters-modal .switch {
  opacity: 1;
}
.leads-filters-modal .dfm-body {
  min-height: 400px;
}
.leads-filters-modal .moeg {
  font-size: 12px;
  margin-top: 10px;
  opacity: 0.3;
}
.leads-filters-modal span.lfm-fastfilter {
  font-size: 12px;
  opacity: 0.5;
  background: #ffffff52;
  padding: 3px 6px;
  border-radius: 2px;
  cursor: pointer;
}
.leads-filters-modal .psa {
  padding-left: 50px;
}
@media only screen and (max-width: 767px) {
  .leads-filters-modal .psa {
    padding-left: 0;
  }
}
.leads-filters-modal .more-height {
  min-height: 80px;
}
.leads-filters-modal .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  height: 29px;
}
.leads-filters-modal .ui-select-match-item.btn-default {
  height: 24px;
  line-height: 21px;
  padding: 0px 10px;
}
.leads-filters-modal .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  color: #ffffff;
}
.leads-filters-modal .checkbox-container label {
  transition: 0.3s;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.06);
  color: #ffffff;
  border: 1px solid #64759e;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  width: 100%;
  height: 36px;
  cursor: pointer;
  padding: 0px 12px;
  border-radius: 4px;
  display: block;
  margin: 0;
}
.leads-filters-modal .checkbox-container input {
  display: none;
}
.leads-filters-modal .checkbox-container input:checked + label {
  background-color: rgba(255, 255, 255, 0.25);
}
.c-leads-filters-params {
  max-height: 89px;
  overflow: auto;
}
.c-leads-filters-params .sc-filtersdata {
  padding: 10px 450px 10px 30px;
  color: var(--standart-color);
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--standart-border);
  background: var(--kanban-filters-bg);
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .c-leads-filters-params .sc-filtersdata {
    padding: 12px 15px;
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.c-leads-filters-params .scfd-title {
  margin-right: 10px;
  opacity: 0.4;
}
.c-leads-filters-params .scfd-item {
  display: flex;
  white-space: nowrap;
  margin-right: 20px;
  align-items: center;
}
.c-leads-filters-params .scfd-item:last-child {
  margin-right: 0;
}
.c-leads-filters-params .scfd-item.--removable {
  cursor: pointer;
  padding: 2px 6px;
  margin: -2px 14px -2px -6px;
  border-radius: 4px;
  transition: 0.15s;
}
.c-leads-filters-params .scfd-item.--removable:hover {
  background: var(--kanban-chip-hover, rgba(255, 255, 255, 0.14));
}
.c-leads-filters-params .scfd-item.--removable:hover .scfd-remove {
  opacity: 1;
}
.c-leads-filters-params .scfd-remove {
  margin-left: 6px;
  opacity: 0.4;
  font-size: 12px;
}
.c-leads-filters-params .scfd-value {
  max-width: 580px;
  white-space: normal;
}
@media only screen and (max-width: 767px) {
  .c-leads-filters-params .scfd-value {
    white-space: nowrap;
    max-width: 10000000px;
  }
}
.c-leads-filters-params .scfd-item i {
  line-height: 20px;
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.c-leads-opened-requests {
  min-width: 280px;
  margin-right: 0px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .c-leads-opened-requests {
    top: 10px;
  }
}
.c-leads-opened-requests .count {
  background-color: var(--kanban-counter-bg);
  margin: 0;
  border-radius: 4px;
  text-align: center;
  min-width: 30px;
  display: inline-block;
  margin-right: 6px;
  color: var(--kanban-counter-color);
  height: 26px;
  line-height: 26px;
}
.c-leads-opened-requests .clpr-title {
  margin: 0px 0 0px;
  height: 30px;
  line-height: 30px;
}
.c-leads-opened-requests .clpr-list {
  margin-top: 8px;
  overflow: auto;
  height: 100%;
}
.c-leads-opened-requests .clpr-title b {
  color: var(--standart-color-cc);
  font-weight: 500;
  position: relative;
  z-index: 20;
}
.c-leads-opened-requests .clpr-title i {
  color: var(--standart-color);
}
.c-leads-opened-requests .foot-q {
  overflow: hidden;
  margin-right: 7px;
  text-overflow: ellipsis;
}
.c-leads-opened-requests .clpr-req {
  font-size: 12px;
  background: #ffebeb;
  margin-bottom: 10px;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
  color: #333;
  border: 1px solid #fff;
}
.c-leads-opened-requests .clpr-req:last-child {
  margin-bottom: 0;
}
.c-leads-opened-requests .clpr-req.good {
  background: #e5f0ff;
  border-color: #c1cbd9;
}
.c-leads-opened-requests .clpr-req.good .clpr-req-text {
  background: #cadcf5;
}
.c-leads-opened-requests .camw-flex {
  display: flex;
  justify-content: space-between;
}
.c-leads-opened-requests .other-count {
  background: #d0d5e2;
  min-width: 20px;
  text-align: center;
  line-height: 18px;
  border-radius: 3px;
  margin-right: -5px;
}
.c-leads-opened-requests .clpr-nores {
  font-size: 13px;
  color: var(--standart-color-99);
  padding: 15px;
  background-color: var(--standart-color-11);
  white-space: normal;
  text-align: left;
  border-radius: 6px;
}
.c-leads-opened-requests .clpr-req-footer {
  display: flex;
  justify-content: space-between;
}
.c-leads-opened-requests .clpr-req-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 5px;
  font-weight: bold;
  font-size: 13px;
}
.c-leads-opened-requests .clpr-req-status {
  margin: 0px 0 4px;
}
.c-leads-opened-requests .clpr-req-text {
  margin: 1px -10px 5px;
  padding: 5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: #f2bebf;
}
.c-leads-stats-area {
  height: 115px;
  position: relative;
  margin-top: 15px;
}
.c-leads-stats-area .nexter {
  position: absolute;
  z-index: 54;
  color: #6a6a6a;
  width: 20px;
  height: 20px;
  right: 9px;
  background: transparent;
  border-radius: 6px;
  text-align: center;
  border: 1px solid #d2d2d2;
  line-height: 19px;
  top: 6px;
  padding-left: 1px;
  cursor: pointer;
  background-color: #eef2f7;
}
.c-leads-stats-area .infor {
  position: absolute;
  z-index: 54;
  color: #a0a0a0;
  width: 20px;
  height: 20px;
  right: 33px;
  background: transparent;
  border-radius: 6px;
  text-align: center;
  border: 1px solid #d2d2d2;
  line-height: 19px;
  top: 6px;
  padding-left: 0px;
  cursor: pointer;
  font-size: 10px;
  background: #fff;
}
.c-leads-stats-area .percent {
  display: inline-block;
  margin-left: -4px;
  font-size: 100%;
}
.c-leads-stats-area .clsa-area {
  background: #fff;
  border-radius: 8px;
  padding: 7px 12px;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  transform: translateX(12px);
  top: 0;
  height: 115px;
  display: flex;
  flex-direction: column;
}
.c-leads-stats-area .clsa-area.conv .clsa-height {
  background-color: #bdbccb;
  position: relative;
  overflow: hidden;
}
.c-leads-stats-area .clsa-area.conv .clsa-height:after {
  content: '%';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 11px;
  opacity: 0.4;
}
.c-leads-stats-area .clsa-area.showed {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.c-leads-stats-area .clsa-area.mover {
  transform: translateX(-12px);
}
.c-leads-stats-area .clsa-graph {
  display: flex;
  margin: auto -2px 0;
}
.c-leads-stats-area .clsa-title {
  font-weight: bold;
  margin-bottom: 8px;
}
.c-leads-stats-area .clsa-day {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 2px;
  font-size: 11px;
  text-align: center;
  justify-content: flex-end;
}
.c-leads-stats-area .clsa-day.oldWeek .clsa-daytitle {
  opacity: 0.6;
}
.c-leads-stats-area .clsa-day.weekend {
  opacity: 0.8;
}
.c-leads-stats-area .clsa-day.weekend .clsa-daytitle {
  color: #c54d4d;
}
.c-leads-stats-area .clsa-height {
  background: #656183;
  border-radius: 3px;
  width: 100%;
  min-height: 4px;
}
.c-leads-table-view .table-head {
  display: flex;
  align-items: center;
  color: #8D97B1;
  border-bottom: 3px solid #9EADD4;
  padding: 10px 0;
  font-size: 15px;
}
.c-leads-table-view .table-head p {
  margin: 0;
}
.c-leads-table-view .sl-tablefooter {
  margin-bottom: 100px;
  padding: 0 30px;
}
.c-leads-table-view .ce-checkbox {
  margin: 5px 12px 0 0;
}
.c-leads-table-view .ce-checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.c-leads-table-view .ce-checkbox input:checked + span:after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.c-leads-table-view .ce-checkbox input + span {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}
.c-leads-table-view .ce-checkbox input + span:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #8D97B1;
  border-radius: 3px;
}
.c-leads-table-view .ce-checkbox input + span:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 3px;
  background: #0680c7;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.6);
  transition: 0.15s;
}
.c-leads-table-view .table-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 220px;
  transition: 0.3s;
  background: #0680c7;
  color: #fff;
  padding: 20px;
  transform: translateY(110%);
  z-index: 100;
}
.c-leads-table-view .table-footer.active {
  transform: translateY(0);
}
.c-leads-table-view .table-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-leads-table-view .table-footer-selected {
  display: flex;
  align-items: center;
}
.c-leads-table-view .table-footer-selected p {
  margin: 0;
}
.c-leads-table-view .table-footer-close {
  margin-left: 10px;
  font-size: 15px;
  background-color: #41a3dd;
  padding: 0 4px;
  border-radius: 2px;
}
.c-leads-table-view .table-footer-close:hover {
  cursor: pointer;
}
.c-leads-table-view .table-footer-buttons button {
  background-color: #41a3dd;
  padding: 6px 12px;
  border: none;
  border-radius: 2px;
  transition: 0.3s;
  margin-right: 8px;
}
.c-leads-table-view .table-footer-buttons button:hover {
  background-color: #115c89;
}
.c-leads-table-view .table-footer-buttons button:last-child {
  margin-right: 0px;
}
.c-leads-table-view .sl-tf-show {
  background: #d3daea;
  padding: 2px 8px 4px;
  border-radius: 2px;
  cursor: pointer;
}
.c-leads-table-view .th-status,
.c-leads-table-view .td-status {
  min-width: 220px;
  padding-left: 10px;
  padding-right: 10px;
}
.c-leads-table-view .th-date,
.c-leads-table-view .td-date {
  min-width: 130px;
}
.c-leads-table-view .th-responsible,
.c-leads-table-view .td-responsible {
  min-width: 195px;
}
.c-leads-table-view .th-project,
.c-leads-table-view .td-project {
  min-width: 120px;
}
.c-leads-table-view .th-name,
.c-leads-table-view .td-name {
  flex-grow: 1;
  min-width: 210px;
  width: 50%;
}
.c-leads-table-view .th-agency,
.c-leads-table-view .td-agency {
  flex-grow: 1;
  min-width: 180px;
  width: 33%;
  padding: 0 18px;
}
.c-leads-table-view .table-body-line {
  display: flex;
  align-items: center;
  padding: 4px 0;
  border-bottom: 1px solid #9eadd4;
  transition: 0.3s;
  min-height: 42px;
}
.c-leads-table-view .table-body-line p {
  margin: 0;
}
.c-leads-table-view .td-agency .td-realtor {
  text-overflow: ellipsis;
}
.c-leads-table-view .td-name {
  display: flex;
  justify-content: space-between;
}
.c-leads-table-view .td-name-tag {
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 10px;
  margin-left: 2px;
  color: #fff;
}
.c-leads-table-view .td-agency-realtor {
  font-size: 10px;
}
.c-leads-table-view .td-name-tags-container {
  display: flex;
  margin-top: 3px;
}
.c-leads-table-view .td-name-name {
  padding-right: 8px;
  overflow: hidden;
  white-space: nowrap;
}
.c-leads-table-view .td-name-name a {
  color: #333;
  text-decoration: underline;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.c-leads-table-view .td-name-name a:hover {
  cursor: pointer;
}
.c-leads-table-view .td-agency-container {
  display: flex;
  padding-right: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dir-la-loading {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background-color: var(--loading-bg);
  z-index: 2222;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.dir-la-loading.--red {
  background-color: #00000057;
}
.dir-la-loading .dll-in {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  pointer-events: none;
  width: 400px;
  height: 300px;
  /*background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(254, 254, 254, 0) 70%);*/
  transform: scale(0.6);
  line-height: 300px;
  margin: -150px 0 0 -200px;
  z-index: 10;
  text-align: center;
  padding: 110px 0 0 154px;
}
.dir-la-loading .dll-in .dll-in2 {
  position: relative;
}
.dir-la-loading .dll-in .dll-in2 > div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--loading-color);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.dir-la-loading .dll-in .dll-in2 > div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.dir-la-loading .dll-in .dll-in2 > div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.dir-la-loading .dll-in .dll-in2 > div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.dir-la-loading .dll-in .dll-in2 > div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
.dir-la-loading.active {
  opacity: 1;
  visibility: visible;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.c-loaderOn-parent {
  position: relative;
}
.c-loaderOn {
  /*position: relative;*/
}
.c-loaderOn svg path,
.c-loaderOn svg rect {
  fill: #fff;
}
.c-loaderOn .loader {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  height: 24px;
  width: 24px;
}
.c-loaderOn[data-position="out-right"] .loader {
  left: 100%;
  right: auto;
  margin-left: 6px;
}
.c-loaderOn .c-ltext {
  position: absolute;
  left: 50%;
  top: 50%;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.c-loaderOn .opacity0 {
  opacity: 0;
}
.c-loaderOn .opacity1 {
  opacity: 1;
}
.c-l-on {
  opacity: 0.8;
  pointer-events: none;
}
.c-sdelkarf-frame .cwbm-frame {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-sdelkarf-frame .cwbm-frame-back {
  position: absolute;
  left: 0;
  right: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.c-sdelkarf-frame .cwbm-frame-back:hover {
  cursor: pointer;
  background-color: #262f4896;
}
.c-sdelkarf-frame .cwbm-frame-back:hover i {
  color: #545e7b;
  right: 100px;
}
.c-sdelkarf-frame .cwbm-frame-back i {
  position: absolute;
  top: 50%;
  font-size: 100px;
  color: #232a3e;
  right: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
  text-shadow: 0px 2px 10px #05123338;
}
.c-sdelkarf-frame .cwbm-frame-area {
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  bottom: 0;
}
.c-sdelkarf-frame .cwbm-frame-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
body {
  --modalDialogModal-mdao-bg: #000;
  --modalDialogModal-mdao-color: #bfbfbf;
}
body.theme-white {
  --modalDialogModal-mdao-bg: #d4dbe9;
  --modalDialogModal-mdao-color: #333;
}
.de8 {
  position: fixed;
  bottom: 20px;
  right: 27px;
  width: 440px;
  top: auto;
  left: auto;
  box-shadow: 0px 2px 10px #0009;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  transform: scale(0.8);
}
.de8.big {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.de8 .modal-dialog {
  width: 100%;
  margin: 0;
}
.modalDialogModal .modal-dialog {
  width: 400px;
  transform: none !important;
}
.modalDialogModal pre.mdaow {
  font-size: 11px;
  background: #000;
  color: #bfbfbf;
  white-space: break-spaces;
  word-break: break-all;
  margin-top: 2px;
  border-color: #535353;
}
.modalDialogConfirmModal .modal-text {
  word-break: break-word;
  max-height: 400px;
  overflow: auto;
}
.modalDialogConfirmModal.modal.fade .modal-dialog {
  transform: translate(-50%, -50%) scale(0.8);
  position: fixed;
  left: 50%;
  top: 50%;
  margin: 0;
}
.modalDialogConfirmModal.modal.fade.in .modal-dialog {
  transform: translate(-50%, -50%) scale(1);
}
.modalDialogConfirmModal .modal-dialog {
  width: 400px;
}
.c-modals-show .cms-window {
  position: fixed;
  display: flex;
  flex-direction: column;
  background: #33384c;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  min-width: 200px;
  min-height: 100px;
  color: #fff;
}
.c-modals-show .cms-window.is-interacting iframe {
  pointer-events: none;
}
.c-modals-show .cms-head {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  min-height: 34px;
  padding: 0 0 0 12px;
  background: #242735;
  cursor: move;
  user-select: none;
}
.c-modals-show .cms-title {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  opacity: 0.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-modals-show .cms-close {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #9397a7;
  line-height: 34px;
  padding: 0;
  cursor: pointer;
  transition: 0.2s;
}
.c-modals-show .cms-close:hover {
  background: rgba(0, 0, 0, 0.18);
  color: #fff;
}
.c-modals-show .cms-body {
  position: relative;
  flex: 1;
  min-height: 0;
  background: #fff;
}
.c-modals-show .cms-body iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  background: #fff;
}
.c-modals-show .cms-resize {
  position: absolute;
  z-index: 2;
}
.c-modals-show .cms-resize-n {
  top: 0;
  left: 10px;
  right: 10px;
  height: 8px;
  cursor: ns-resize;
}
.c-modals-show .cms-resize-s {
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 8px;
  cursor: ns-resize;
}
.c-modals-show .cms-resize-e {
  top: 10px;
  right: 0;
  bottom: 10px;
  width: 8px;
  cursor: ew-resize;
}
.c-modals-show .cms-resize-w {
  top: 10px;
  left: 0;
  bottom: 10px;
  width: 8px;
  cursor: ew-resize;
}
.c-modals-show .cms-resize-ne,
.c-modals-show .cms-resize-nw,
.c-modals-show .cms-resize-se,
.c-modals-show .cms-resize-sw {
  width: 14px;
  height: 14px;
  z-index: 3;
}
.c-modals-show .cms-resize-ne {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.c-modals-show .cms-resize-nw {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.c-modals-show .cms-resize-se {
  right: 0;
  bottom: 0;
  cursor: nwse-resize;
}
.c-modals-show .cms-resize-se:after {
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(255, 255, 255, 0.55);
  border-bottom: 2px solid rgba(255, 255, 255, 0.55);
}
.c-modals-show .cms-resize-sw {
  left: 0;
  bottom: 0;
  cursor: nesw-resize;
}
.theme-dark {
  --multiselect-modal-border: #485167;
  --multiselect-modal-bg: #222c46;
  --multiselect-modal-color: #fff;
  --multiselect-modal-bg-hover: #353f57;
  --multiselect-modal-color-blue: #fff;
  --multiselect-modal-ring-border: #585858;
  --multiselect-modal-ring-border-selected: #fff;
  --multiselect-modal-only-color-hover: #2e53d8;
}
.theme-white {
  --multiselect-modal-border: #ddd;
  --multiselect-modal-bg: #fff;
  --multiselect-modal-color: #000;
  --multiselect-modal-bg-hover: #eceffa;
  --multiselect-modal-color-blue: #2e53d8;
  --multiselect-modal-ring-border: #b5b5b5;
  --multiselect-modal-ring-border-selected: #2e53d8;
  --multiselect-modal-only-color-hover: #fff;
}
.std-tg-modal-area {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 90vmin;
}
@media only screen and (max-width: 767px) {
  .std-tg-modal-area {
    max-height: 90vh;
  }
}
.std-tg-modal-top {
  min-height: 60px;
  border-bottom: 1px solid var(--multiselect-modal-border);
  display: flex;
  padding: 0 15px;
  justify-content: space-between;
  align-items: center;
}
.std-tg-modal-search {
  width: 100%;
  margin-left: -7px;
}
.std-tg-modal-scroll {
  overflow: auto;
  min-height: 200px;
}
.std-tg-modal-scroll .no-choise {
  padding: 15px;
  color: var(--multiselect-modal-color);
}
.std-tg-modal-closer {
  font-size: 22px;
  color: var(--multiselect-modal-color-blue);
  min-width: 32px;
  cursor: pointer;
  text-align: center;
  margin: 0 -5px 0 5px;
}
.std-tg-modal-bottom-btn {
  text-align: center;
  background: var(--color-blue);
  color: #fff;
  line-height: 50px;
  border-radius: 10px;
  cursor: pointer;
}
.std-tg-modal-bottom {
  padding: 10px 13px;
  border-top: 1px solid var(--multiselect-modal-border);
}
.multiSelectModal {
  user-select: none;
}
.multiSelectModal .cm-departs {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 19px;
}
.multiSelectModal .cm-sepr {
  opacity: 0.6;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  margin-right: 10px;
  color: var(--multiselect-modal-color);
}
.multiSelectModal .cm-depart {
  border: 1px solid var(--multiselect-modal-color-blue);
  display: flex;
  padding: 4px 6px;
  border-radius: 10px;
  color: var(--multiselect-modal-color-blue);
  transition: 0.3s;
  margin-right: 7px;
  margin-bottom: 8px;
}
.multiSelectModal .cm-depart-count {
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
}
.multiSelectModal .cm-depart:hover {
  background: var(--multiselect-modal-color-blue);
  color: var(--multiselect-modal-only-color-hover);
  cursor: pointer;
}
.multiSelectModal .only {
  color: var(--multiselect-modal-color-blue);
  font-weight: bold;
  transition: 0.2s;
  line-height: 28px;
  height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  margin-right: -15px;
}
.multiSelectModal .only:hover {
  cursor: pointer;
  background: var(--multiselect-modal-color-blue);
  color: var(--multiselect-modal-only-color-hover);
}
.multiSelectModal .modal-dialog {
  position: fixed;
  margin: 0;
  left: 50%;
  top: 40px;
  transform: translate(-50%, 0%) !important;
  max-height: 90%;
  border-radius: 10px;
  width: 500px;
  background: var(--multiselect-modal-bg);
}
@media only screen and (max-width: 767px) {
  .multiSelectModal .modal-dialog {
    width: 100%;
    top: 0;
    max-height: 100%;
    border-radius: 0;
  }
}
.multiSelectModal .cm-list-header {
  color: var(--multiselect-modal-color-blue);
  font-weight: bold;
  padding: 0 19px;
}
.multiSelectModal .cm-list-header span {
  line-height: 40px;
  display: inline-block;
  margin-right: 9px;
  cursor: pointer;
}
.multiSelectModal .cm-list-item {
  height: 30px;
  display: flex;
  line-height: 30px;
  padding: 0 19px;
  color: var(--multiselect-modal-color);
  transition: 0.3s;
}
.multiSelectModal .cm-list-item:hover {
  cursor: pointer;
  background: var(--multiselect-modal-bg-hover);
}
.multiSelectModal .cm-list-item span {
  padding: 8px 12px 8px 0;
  min-width: 26px;
  max-width: 26px;
  display: block;
  margin-right: 5px;
}
.multiSelectModal .cm-list-item span:after {
  border: 1px solid var(--multiselect-modal-ring-border);
  content: '';
  width: 100%;
  display: block;
  height: 100%;
  transition: 0.3s;
  border-radius: 4px;
}
.multiSelectModal .cm-list-item .value {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.multiSelectModal .cm-list-item.active span:after {
  background-color: var(--color-blue);
  border-color: var(--multiselect-modal-ring-border-selected);
}
body {
  --form-input-item-bg: #2f3851;
}
body.theme-white {
  --form-input-border: #8D97B1;
}
body {
  --select-bg: #2f3851;
  --select-color: #fff;
  --select-list-bg: #2f3851;
  --select-list-bg-hover: #353f58;
  --select-list-color: #babfcc;
  --select-list-color-hover: #fff;
  --select-list-item-selected-bg: #515d7e;
  --select-list-item-selected-color: #fff;
}
body .white,
body.theme-white {
  --select-bg: #D2DBF1;
  --select-list-bg: #D2DBF1;
  --select-color: #333;
  --select-list-color: #333;
  --select-list-bg-hover: #bfccea;
  --select-list-color-hover: #333;
}
.white .c-multiselect,
body.theme-white .c-multiselect {
  color: #333;
}
.white .c-multiselect .cm-view,
body.theme-white .c-multiselect .cm-view {
  border: 1px solid #8D97B1;
  color: #333;
}
.white .c-multiselect .cm-view span.empty,
body.theme-white .c-multiselect .cm-view span.empty {
  opacity: 1;
}
.white .c-multiselect .cm-list,
body.theme-white .c-multiselect .cm-list {
  border-color: var(--form-input-border);
}
.white .c-multiselect .cm-list-item,
body.theme-white .c-multiselect .cm-list-item {
  border-color: var(--form-input-border);
}
.white .c-multiselect .cm-list-item.active > span:after,
body.theme-white .c-multiselect .cm-list-item.active > span:after {
  background-color: #8D97B1;
  border-color: #8D97B1;
}
.white .c-multiselect.loading .cm-view,
body.theme-white .c-multiselect.loading .cm-view {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1rem, rgba(255, 255, 255, 0.2) 1rem, rgba(255, 255, 255, 0.2) 2rem);
  background-size: 200% 200%;
  animation: loaderStripes 10s linear infinite;
  pointer-events: none;
}
.c-multiselect {
  position: relative;
  user-select: none;
  color: #fff;
  font-size: 14px;
}
.c-multiselect .only {
  margin-left: auto;
  text-align: right;
  transition: 0.3s;
  width: auto;
  padding: 0 12px;
  margin-right: -15px;
  font-size: 12px;
}
.c-multiselect .only:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.15);
}
.c-multiselect .cm-sepr {
  padding: 0 12px;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0px;
  opacity: 0.5;
}
.c-multiselect .cm-depart {
  display: flex;
  justify-content: space-between;
  padding: 5px 12px;
  transition: 0.3s;
}
.c-multiselect .cm-depart:hover {
  background-color: var(--select-list-bg-hover);
  cursor: pointer;
  color: var(--select-list-color-hover);
}
.c-multiselect .cm-departs {
  margin-bottom: 10px;
}
.c-multiselect .cm-depart-count {
  white-space: nowrap;
}
.c-multiselect .cm-depart-title {
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-multiselect .cm-list-item {
  height: 30px;
  display: flex;
  line-height: 30px;
  padding: 0 12px;
  color: var(--select-list-color);
  transition: 0.3s;
}
.c-multiselect .cm-list-item:hover {
  background-color: var(--select-list-bg-hover);
  cursor: pointer;
  color: var(--select-list-color-hover);
}
.c-multiselect .cm-list-item span {
  padding: 8px 12px 8px 0;
  min-width: 26px;
  max-width: 26px;
  display: block;
}
.c-multiselect .cm-list-item span:after {
  border: 1px solid var(--form-input-border);
  content: '';
  width: 100%;
  display: block;
  height: 100%;
  transition: 0.3s;
  border-radius: 4px;
}
.c-multiselect .cm-list-item .value {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.c-multiselect .cm-list-item.active span:after {
  background-color: #2296f3;
  border-color: #2296f3;
}
.c-multiselect .cm-view {
  border: 1px solid var(--form-input-border);
  background: var(--select-bg);
  border-radius: 2px;
  height: 34px;
  line-height: 32px;
  padding: 0 12px;
  padding-right: 20px;
  cursor: pointer;
  position: relative;
  z-index: 45;
  color: var(--select-color);
}
.c-multiselect .cm-view i {
  position: absolute;
  right: 9px;
  top: 10px;
}
.c-multiselect .cm-view i.i-list {
  font-size: 13px;
  right: 7px;
}
.c-multiselect .cm-view span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-multiselect .cm-view span.empty {
  opacity: 0.2;
}
.c-multiselect .cm-list-header {
  /*background: #0000000f;*/
  /*color: #0000008f;*/
  background: var(--select-bg);
  color: var(--select-color);
  text-transform: uppercase;
  justify-content: space-between;
  padding: 8px 12px;
  display: flex;
  font-size: 11px;
  font-weight: bold;
}
.c-multiselect .cm-list-header span {
  white-space: nowrap;
}
.c-multiselect .cm-list-inner {
  max-height: 302px;
  overflow: auto;
}
.c-multiselect .cm-list {
  position: absolute;
  top: 100%;
  background: var(--select-list-bg);
  z-index: 12220;
  border: 1px solid var(--form-input-border);
  margin-top: 5px;
  min-width: 180px;
  max-width: 400px;
  padding: 7px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  overflow: hidden;
  transition: 0.2s;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .c-multiselect .cm-list {
    display: none;
  }
}
.c-multiselect .cm-list.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
@media only screen and (max-width: 767px) {
  .c-multiselect .cm-list.active {
    display: block;
  }
}
.c-multiselect .cm-list.toTop {
  top: auto;
  bottom: 100%;
  margin-top: 0px;
  margin-bottom: -1px;
}
.c-multiselect .cm-list.toLeft {
  right: 0;
}
body {
  --multy-switcher-item-selected-label-color: #fff;
  --multy-switcher-item-label-color: #7c869e;
  --multy-switcher-item-label-hover-color: #9ea9c3;
  --multy-switcher-item-background-color: #2f3851;
  --multy-switcher-item-background-hover-color: #3c4765;
  --multy-switcher-item-selected-background-color: #5e6984;
  --multy-switcher-border-color: #606d8c;
}
body.theme-white,
body .view-light {
  --multy-switcher-item-selected-label-color: #fff;
  --multy-switcher-item-label-color: #5f6f94;
  --multy-switcher-item-label-hover-color: #fff;
  --multy-switcher-item-background-color: #d2dbf1;
  --multy-switcher-item-background-hover-color: #96a3c4;
  --multy-switcher-item-selected-background-color: #68789c;
  --multy-switcher-border-color: #8d97b1;
}
.multy-switcher input[type=radio] {
  position: absolute;
  /*visibility: hidden;*/
  /*display: none;*/
}
.multy-switcher .group-item {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.multy-switcher .group-item.selected {
  pointer-events: none;
}
.multy-switcher .group-item.selected label {
  background-color: var(--multy-switcher-item-selected-background-color);
  color: var(--multy-switcher-item-selected-label-color);
  cursor: default;
  pointer-events: none;
}
.multy-switcher label {
  padding: 0 10px;
  width: 100%;
  opacity: 1;
  white-space: nowrap;
  color: #9a929e;
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin: 0;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  border-left: solid 1px #675f6b;
}
.multy-switcher .radio-group {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  color: #ffffff;
  justify-content: space-around;
  border: 1px solid var(--multy-switcher-border-color);
}
.multy-switcher .radio-group:first-child label {
  border-left: none;
}
.std-modal input[type="search"] {
  padding: 0 10px;
}
.std-modal input[type="search"]::placeholder {
  color: #50586d;
}
.std-modal .multy-switcher label {
  padding: 0 10px;
  width: 100%;
  opacity: 1;
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin: 0;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  background: var(--multy-switcher-item-background-color);
  color: var(--multy-switcher-item-label-color);
  transition: 0.2s;
}
.std-modal .multy-switcher label:hover {
  background-color: var(--multy-switcher-item-background-hover-color);
  cursor: pointer;
  color: var(--multy-switcher-item-label-hover-color);
}
.std-modal .multy-switcher .group-item.selected label {
  background-color: var(--multy-switcher-item-selected-background-color);
  color: var(--multy-switcher-item-selected-label-color);
}
.std-modal .multy-switcher .group-item.selected label:hover {
  background-color: var(--multy-switcher-item-selected-background-color);
  color: var(--multy-switcher-item-selected-label-color);
}
body {
  --newleadModal-input-bg: #2f3851;
  --newleadModal-input-border: #64759e;
  --newleadModal-input-checked-bg: #64759e;
}
body.theme-white {
  --newleadModal-input-bg: #d2dbf1;
  --newleadModal-input-border: #8d98b1;
  --newleadModal-input-checked-bg: #a4b1d0;
}
.newleadModal {
  /*padding: 0;*/
}
.newleadModal .modal-dialog {
  width: 550px;
  margin: -1px auto 50px;
  /*height: 680px;*/
  top: 20px;
}
.newleadModal .nlm-start {
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .newleadModal .nlm-start {
    width: 100%;
  }
}
.newleadModal .search-title {
  margin-top: 20px;
  text-align: center;
}
.newleadModal .search-res-item {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  width: 100%;
  align-items: center;
}
.newleadModal .search-title {
  margin-top: 20px;
  text-align: center;
}
.newleadModal .book-search {
  margin-top: 30px;
  text-align: center;
}
.newleadModal .book-info-flex {
  display: flex;
  margin: 10px auto;
}
.newleadModal .book-info-flex input {
  height: 42px;
  margin-right: 10px;
}
.newleadModal .book-info-flex button {
  width: 100px;
}
.newleadModal .custom-field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.newleadModal .custom-field-label {
  width: 30%;
  margin-bottom: 0;
  overflow: hidden;
  margin-right: 15px;
  font-size: 12px;
  white-space: normal;
  line-height: 13px;
}
.newleadModal .custom-field-label span {
  opacity: 0.4;
}
.newleadModal .custom-field-label sup {
  color: #f00;
}
.newleadModal .custom-field-value {
  width: 70%;
}
.newleadModal .custom-field:last-child {
  margin-bottom: 0;
}
.newleadModal toggler-inline {
  float: left;
}
.newleadModal .c-toggler-inline {
  margin: 0;
}
.newleadModal .buttons {
  margin-top: 10px;
}
.newleadModal .nlm-types {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}
.newleadModal .nlm-types.--project {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -10px;
}
.newleadModal .nlm-types.--project label.nlm-type {
  width: auto;
  margin: 0 0px 10px 10px;
  white-space: nowrap;
}
.newleadModal .nlm-types.--project label.nlm-type > div {
  padding: 0 10px;
  line-height: 32px;
}
.newleadModal label.nlm-type.our {
  min-width: 160px;
  width: auto;
}
.newleadModal label.nlm-type {
  width: 100%;
  margin: 0 10px;
}
.newleadModal label.nlm-type input {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.newleadModal label.nlm-type input:checked + div {
  background: var(--newleadModal-input-checked-bg);
}
.newleadModal label.nlm-type > div {
  width: 100%;
  background: var(--newleadModal-input-bg);
  border: 1px solid var(--newleadModal-input-border);
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
  display: block;
  transition: 0.2s;
  font-weight: normal;
  font-size: 13px;
}
.newleadModal label.nlm-type > div:hover {
  cursor: pointer;
}
.newleadModal .nlm-foot-pad {
  padding-bottom: 50px;
}
.newleadModal .nlm-phone {
  margin-bottom: 15px;
}
.newleadModal .nlm-start-input {
  margin: 20px auto;
  width: 200px;
}
.newleadModal .nlm-start-input .form-control {
  font-size: 20px;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.newleadModal .nlm-cf-error {
  font-size: 12px;
  margin: 10px 0 0;
}
.newleadModal .nlm-start-text {
  text-align: center;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .newleadModal .nlm-start-text br {
    display: none;
  }
}
.newleadModal .nlm-start-bad {
  margin: 40px 0 0;
}
.newleadModal .nlm-start-btn {
  text-align: center;
}
.newleadModal .bm-header {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #2a3144;
}
.newleadModal .modal-content {
  /*min-height: 100%;*/
  /*box-shadow: 0 5px 15px rgba(15, 23, 43, 0.88);*/
  /*border-radius: 3px;*/
  /*border: none !important;*/
  /*overflow: hidden;*/
}
.newleadModal .mb-card {
  background: rgba(0, 0, 0, 0);
  border-radius: 5px;
  border: 1px solid #475373;
  padding: 24px 30px;
}
.newleadModal .nlm-start-badtitle {
  font-size: 20px;
  text-align: center;
  margin: 0 0 20px;
  color: var(--inverse);
  font-weight: bold;
}
.newleadModal .mb-card-desc {
  margin-bottom: 10px;
  margin-top: 4px;
  font-size: 12px;
  max-height: 100px;
  overflow: hidden;
}
.newleadModal .mf-add {
  font-size: 12px;
  position: absolute;
  width: 220px;
  text-align: left;
  right: 15px;
  top: 16px;
}
.newleadModal .modal-footer {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
  border-top: 0;
  padding: 10px;
}
.newleadModal .modal-header {
  padding: 15px 30px;
  background: #3b2e5a;
  height: 50px;
  color: #ffffff;
  border-bottom: none;
}
.newleadModal .modal-body {
  position: relative;
  /*height: 630px;*/
}
.newleadModal .sdm-send-comment-form {
  background: #fff;
  z-index: 222;
  min-height: 60px;
  width: 100%;
  order: 3;
  transition: 0.3s;
}
.newleadModal .sdm-send-comment-form.passive {
  opacity: 0.5;
  pointer-events: none;
}
.newleadModal .pm-closer {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  opacity: 0.5;
  transition: 0.2s;
}
.newleadModal .pm-closer:hover {
  opacity: 1;
  cursor: pointer;
}
.newleadModal .pm-closer i {
  font-size: 22px;
  float: right;
}
.newleadModal .pm-closer span {
  font-size: 14px;
  line-height: 29px;
  display: inline-block;
  margin-right: 8px;
}
.newleadModal .nm-nochoises {
  padding: 12px 9px;
  font-size: 13px;
}
.newleadModal .nm-nochoises .btn {
  margin-top: 10px;
}
.newleadModal .norealtors {
  font-size: 12px;
}
.newleadModal label {
  font-size: 12px;
}
.newleadModal h2,
.newleadModal h3 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 10px 0 10px;
}
.c-news-button-menu {
  position: absolute;
  right: 2px;
  top: 4px;
  display: flex;
}
.c-news-button-menu .ctbm-item {
  background: #ffe99f;
  box-shadow: 0px 0px 5px #ffe99f;
  color: #161928;
  font-weight: bold;
}
.c-nskan-buttons button.std-btn {
  margin-top: 10px;
}
.c-nskan-buttons button.std-btn.--mortgage {
  background: #616058;
  color: #fff;
}
.c-parking-area {
  height: 100%;
  position: relative;
  background: #fff;
  color: #000;
  z-index: 20;
}
@media only screen and (max-width: 767px) {
  .c-parking-area {
    height: 100%;
    z-index: 50;
  }
}
.c-parking-area.is-land .point-poly-area:hover {
  stroke-width: 4px;
  stroke: #fff;
  z-index: 6;
}
.c-parking-area[data-color="grey"] {
  background: #747474;
}
.c-parking-area[data-color="black"] {
  background: #141414;
}
.c-parking-area.show-numbers .point-number {
  display: block;
}
.c-parking-area .old-price {
  color: #f66;
}
.c-parking-area .cpa-show-sections {
  position: absolute;
  top: 17px;
  border: 1px solid #cdcdcd;
  left: 10px;
  border-radius: 12px;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 1193;
  transition: 0.2s;
  font-size: 12px;
  background: #ffffff;
}
.c-parking-area .leaflet-control-zoom.leaflet-bar.leaflet-control {
  margin-right: 20px;
  margin-bottom: 20px;
}
.c-parking-area .cpa-btns {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1122;
  display: flex;
}
.c-parking-area .cpa-showtoggle {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 8px;
  padding: 9px 15px;
  cursor: pointer;
  z-index: 1193;
  transition: 0.2s;
  font-size: 13px;
  background: #f1f1f1;
  border-radius: 30px;
  display: flex;
  align-items: center;
}
.c-parking-area .cpa-showtoggle i {
  font-size: 16px;
  opacity: 0.7;
  margin-right: 7px;
}
.c-parking-area .cpa-showtoggle span {
  margin-top: -2px;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-showtoggle {
    background: #fff;
    font-size: 10px;
    padding: 3px 5px;
  }
}
.c-parking-area .cpa-showtoggle:hover {
  background: #eee;
}
.c-parking-area .cpa-sections {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 130px;
  z-index: 2222;
  background: #ecf2f5;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-sections {
    display: none;
  }
  .c-parking-area .cpa-sections.showed {
    display: block;
  }
}
.c-parking-area .cpa-section {
  margin-bottom: 8px;
  margin-top: 18px;
}
.c-parking-area .cpa-section-title {
  font-weight: bold;
  opacity: 0.6;
  padding-left: 10px;
  margin-bottom: 5px;
}
.c-parking-area .cpa-floor-line {
  padding: 2px 10px;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.3s;
}
.c-parking-area .cpa-floor-line.active {
  opacity: 1;
  font-weight: bold;
}
.c-parking-area .cpa-floors.min .cpa-floor {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  margin: 2px 2px;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-floors.min .cpa-floor {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }
}
.c-parking-area .cpa-floors.min {
  top: 20px;
  bottom: 20px;
  transform: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-floors.min {
    top: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    right: 0px;
    overflow: auto;
    bottom: 76px;
    left: 0px;
    position: fixed;
    padding: 10px;
  }
}
.c-parking-area .cpa-floors.min .cpa-floor span {
  display: none;
}
.c-parking-area .leaflet-container {
  background-color: transparent;
}
.c-parking-area .leaflet-control-attribution {
  display: none;
}
.c-parking-area .cpa-floors {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 2152;
  transform: translateY(-50%);
  color: #000;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-floors {
    left: 10px;
    bottom: 29px;
    top: auto;
    position: fixed;
    right: 10px;
  }
}
.c-parking-area .point-number {
  background: #fff;
  border-radius: 50%;
  line-height: 32px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  display: none;
}
.c-parking-area .cpa-floor {
  width: 80px;
  height: 80px;
  color: #fff;
  background: #3b2e5a;
  transform: scale(0.9);
  border-radius: 50%;
  margin: 10px 0;
  line-height: 62px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  opacity: 0.8;
}
.c-parking-area .cpa-floor span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  top: 51px;
  transition: 0.4s;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-floor span {
    top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .c-parking-area .cpa-floor {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 50px;
    font-size: 24px;
  }
}
.c-parking-area .cpa-floor:hover {
  cursor: pointer;
  transform: scale(0.9);
  opacity: 1;
}
.c-parking-area .cpa-floor.active {
  transform: scale(1);
  opacity: 1;
}
.c-parking-area .sp-exit {
  position: fixed;
  top: -11px;
  z-index: 222;
  background: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: #45386d;
  font-size: 20px;
  right: 15px;
  margin-top: -25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.c-parking-area .sf-planinfo {
  position: fixed;
  width: 260px;
  height: auto;
  font-size: 16px;
  pointer-events: none;
  background: #fff;
  z-index: 3222;
  margin: 20px 0 0 20px;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2);
  transform: translateY(0%);
  visibility: hidden;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .sf-planinfo {
    left: 0;
    right: 0;
    width: auto;
    bottom: 0;
    transform: translateY(100%);
    transition: 0.3s;
    padding: 30px 20px;
    margin: 0;
    visibility: visible;
    padding-bottom: 100px;
  }
}
.c-parking-area .sf-planinfo.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .c-parking-area .sf-planinfo.active {
    transform: translateY(0%);
    pointer-events: all;
  }
}
.c-parking-area .sf-planinfo .btn {
  position: absolute;
  top: auto;
  font-size: 18px;
  padding: 27px 20px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0px;
  background: #353e5d;
  outline: none;
  border: none;
}
.c-parking-area .sf-planinfo .sfp-floor {
  font-size: 20px;
}
.c-parking-area .sf-planinfo .sfp-floor span {
  font-weight: bold;
}
.c-parking-area .sf-planinfo .sfp-noflats {
  text-align: center;
  padding: 40px 0;
  font-size: 16px;
}
.c-parking-area .sf-planinfo .sfp-room {
  width: 44px;
  height: 44px;
  background: #eee;
  float: left;
  margin: 5px;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  color: #bbb;
}
.c-parking-area .sf-planinfo .sfp-room.active {
  background: #44386e;
  color: #fff;
}
.c-parking-area .sf-planinfo .sfp-rooms {
  margin: 10px -5px;
}
.c-parking-area .sf-planinfo .planinfo-row {
  border-top: 1px solid #ececec;
  padding: 7px 20px 8px 20px;
  margin: 6px -20px -20px -20px;
  font-size: 11px;
  background: #ececec;
  border-radius: 0px 0px 5px 5px;
  white-space: nowrap;
}
.c-parking-area .sf-planinfo .planinfo-row .--ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@keyframes stroke-red {
  0% {
    stroke: #f00;
  }
  50% {
    stroke: #f66;
  }
  100% {
    stroke: #f00;
  }
}
.c-parking-area .map {
  width: 100%;
  height: 100%;
}
.c-parking-area .map.bad {
  opacity: 0;
  pointer-events: none;
}
.c-parking-area .point-poly-area {
  stroke-width: 0;
}
.c-parking-area .point-poly-area.sale {
  stroke: #f00;
  stroke-width: 4px;
  animation: stroke-red 3s infinite linear;
}
.c-parking-area .point-poly-area.status--2 {
  fill: #000;
  stroke: #0000;
  z-index: 1;
  pointer-events: none !important;
}
.c-parking-area .point-poly-area.status--1 {
  fill: #bfbfbf;
  stroke: #bdbdbd;
  z-index: 5;
}
.c-parking-area .point-poly-area.status-0 {
  fill: #6be80b;
  stroke: #489e12;
  z-index: 5;
}
.c-parking-area .point-poly-area.status-0.is-ass {
  stroke: #3f247e;
  stroke-width: 3px;
  stroke-dasharray: 10;
}
.c-parking-area .point-poly-area.status-1 {
  fill: #c39a01;
  stroke: #c39a01;
  z-index: 4;
}
.c-parking-area .point-poly-area.status-1.book-warning {
  stroke: #ff7d00;
  fill: #ff6e00;
  fill-opacity: 0.4;
}
.c-parking-area .point-poly-area.status-1.book-error {
  stroke: #ff0000;
  fill: #ff0000;
  fill-opacity: 0.4;
}
.c-parking-area .point-poly-area.status-1.book-no-deal {
  fill: #5a4110;
  fill-opacity: 0.5;
}
.c-parking-area .point-poly-area.status-2 {
  fill: #284da2;
  stroke: #284da2;
  z-index: 3;
  fill-opacity: 0.7;
}
.c-parking-area .point-poly-area.status-3 {
  fill: #ffffff;
  stroke: #ffffff;
  z-index: 2;
  fill-opacity: 0.85;
  stroke-width: 0;
}
.c-parking-area .point-poly-area.status-3:hover {
  fill-opacity: 0.4;
}
body {
  --pm-title-color: #fff;
}
body.theme-white {
  --pm-title-color: #333;
}
.participantModal .modal-dialog {
  transform: none !important;
}
.participantModal .pm-contacts-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 15px;
}
.participantModal .std-modal {
  min-width: 900px;
  max-width: 900px;
}
.participantModal .std-modal.filesPreview {
  margin-right: 500px;
  min-width: 750px;
  max-width: 750px;
}
.participantModal .files-area {
  height: 100%;
}
.participantModal .files-nav {
  z-index: 2;
  background: #ffffff;
  min-height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #000;
}
.participantModal .file-changer {
  min-width: 100px;
  max-width: 100px;
  border: 1px solid #000;
  margin: 6px;
  border-radius: 7px;
  line-height: 38px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.participantModal .file-frame {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}
.participantModal .file-frame.active {
  opacity: 1;
  visibility: visible;
}
.participantModal .file-frame iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.participantModal .smodal-flex {
  display: flex;
  justify-content: space-between;
}
.participantModal .files {
  position: fixed;
  right: 10px;
  top: 10px;
  bottom: 10px;
  width: 480px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
.participantModal .radio-group {
  line-height: 30px;
}
.participantModal .disccl {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.participantModal .disccl-right-desc {
  opacity: 0.6;
  font-size: 85%;
}
.participantModal .fioflex {
  display: flex;
}
.participantModal .fioflex > div {
  width: 100%;
}
.participantModal .fioflex .looper {
  margin-left: 10px;
}
.participantModal .fast-search {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.participantModal .inn-search {
  margin-bottom: 30px;
}
.participantModal .looper {
  background: rgba(255, 255, 255, 0.1);
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  margin-top: 24px;
  border: transparent;
  line-height: 34px;
  border-radius: 2px;
  text-align: center;
  font-size: 17px;
  cursor: pointer;
}
.participantModal .gender {
  margin: 6px 0 0;
}
.participantModal .gender label {
  opacity: 1;
}
.participantModal .pm-hiddens {
  font-size: 12px;
  margin-top: 10px;
  color: #777d8d;
  bottom: 23px;
}
.participantModal .pm-h-field-title {
  margin-right: 10px;
}
.participantModal .pm-h-field {
  display: inline-block;
  margin-right: 10px;
  opacity: 0.5;
  color: var(--pm-title-color);
  transition: 0.2s;
}
.participantModal .pm-h-field:hover {
  opacity: 1;
  cursor: pointer;
}
.participantModal .pm-datewarning {
  padding: 18px 20px 12px;
  background: #4c4b3e;
  font-size: 13px;
  margin: -4px 0 20px;
  color: #fff;
}
.participantModal .pm-hide {
  font-size: 10px;
  opacity: 0.3;
  position: relative;
  top: -1px;
  margin-left: 5px;
  transition: 0.3s;
}
.participantModal .pm-hide:hover {
  opacity: 0.6;
  cursor: pointer;
}
.participantModal label {
  font-size: 13px;
}
.participantModal .footer {
  margin-top: 20px;
  text-align: center;
}
.participantModal .pm-finded-fio {
  position: relative;
}
.participantModal .pm-ff-result {
  background: #353e56;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 7px;
  padding: 15px;
  z-index: 2;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
  font-size: 14px;
  color: #fff;
  width: 588px;
}
@media only screen and (max-width: 767px) {
  .participantModal .pm-ff-result {
    width: 100%;
  }
}
.participantModal .pm-ff-result.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.participantModal .pm-ff-loader {
  position: absolute;
  right: 10px;
  top: -32px;
  font-size: 20px;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.participantModal .pm-ff-loader.active {
  opacity: 1;
  visibility: visible;
}
.participantModal .pm-title {
  margin: 0 0 20px;
}
.participantModal .pm-title i {
  font-size: 30px;
  color: var(--pm-title-color);
  float: left;
  margin-right: 15px;
}
.participantModal .pm-title span {
  font-size: 19px;
  color: var(--pm-title-color);
  letter-spacing: 1px;
}
.participantModal .pm-mt {
  margin-top: 63px;
}
.c-pays-button-menu {
  position: absolute;
  right: 2px;
  top: 4px;
  display: flex;
}
.c-phones-exceptions .csam-phone {
  margin: 11px 0 15px;
  color: var(--inverse);
}
.c-phones-exceptions .csam-phone-flex {
  display: flex;
  margin-bottom: 10px;
}
.c-phones-exceptions .csam-phone-flex .utm {
  margin-right: 10px;
}
.c-phones-exceptions .hhtile {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 120%;
}
.c-phones-exceptions .csam-phone-phone {
  min-width: 120px;
  margin-right: 10px;
  max-width: 120px;
}
.c-phones-exceptions .csam-phone-comment {
  min-width: 210px;
  margin-right: 10px;
  max-width: 210px;
}
.c-phones-exceptions .csam-phone-project {
  min-width: 190px;
  margin-right: 10px;
  max-width: 190px;
}
.c-phones-exceptions .csam-phones {
  margin-top: 20px;
  margin-bottom: 0px;
}
.c-phones-exceptions .csam-phone-name {
  min-width: 180px;
  margin-right: 20px;
  max-width: 180px;
}
.c-phones-exceptions .csam-phone-source {
  max-width: 200px;
  min-width: 200px;
  margin-right: 10px;
}
.c-phones-exceptions .phones-area .btn-block {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
}
.c-phones-leads .csam-phone {
  margin: 11px 0 15px;
  color: #fff;
}
.c-phones-leads .csam-phone-flex {
  display: flex;
  margin-bottom: 10px;
}
.c-phones-leads .csam-phone-flex .utm {
  margin-right: 10px;
}
.c-phones-leads .csam-phone-phone {
  min-width: 150px;
  margin-right: 10px;
  max-width: 150px;
}
.c-phones-leads .csam-phone-project {
  min-width: 190px;
  margin-right: 10px;
  max-width: 190px;
}
.c-phones-leads .csam-phones {
  margin-top: 40px;
  margin-bottom: 0px;
}
.c-phones-leads .csam-phone-name {
  min-width: 180px;
  margin-right: 20px;
  max-width: 180px;
}
.c-phones-leads .csam-phone-source {
  max-width: 200px;
  min-width: 200px;
  margin-right: 10px;
}
.c-phones-lines .csam-phone {
  margin: 11px 0 15px;
  color: #fff;
}
.c-phones-lines .csam-phone-flex {
  display: flex;
  margin-bottom: 10px;
}
.c-phones-lines .csam-phone-flex .utm {
  margin-right: 10px;
}
.c-phones-lines .csam-phone-phone {
  min-width: 160px;
  margin-right: 10px;
  max-width: 160px;
}
.c-phones-lines .csam-phone-project,
.c-phones-lines .csam-phone-role {
  min-width: 300px;
  margin-right: 10px;
  max-width: 300px;
}
.c-phones-lines .csam-phones {
  margin-top: 40px;
  margin-bottom: 0px;
}
.c-phones-lines .csam-phone-name {
  min-width: 180px;
  margin-right: 20px;
  max-width: 180px;
}
.c-phones-lines .csam-phone-source {
  max-width: 200px;
  min-width: 200px;
  margin-right: 10px;
}
.c-polygon-drawer {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  user-select: none;
}
.c-polygon-drawer div#map {
  height: 100%;
}
body {
  --sp-houses-no-color: #fff;
}
body .c-projects {
  --cp-titles: #fff;
  --cp-houses-bg: #282539;
}
body.theme-white {
  --sp-houses-no-color: #000;
}
body.theme-white .c-projects {
  --cp-titles: #000;
  --cp-houses-bg: #fff;
}
body.theme-white .c-projects .sp-project h2 {
  font-weight: 400;
}
body.theme-white .c-projects .sp-project .spl-house-title {
  font-weight: 400;
}
.c-projects {
  display: flex;
}
.c-projects.one .sp-slide:first-child {
  width: 650px;
}
@media only screen and (max-width: 767px) {
  .c-projects.one .sp-slide:first-child {
    width: 100%;
  }
}
.c-projects.one .sp-slide:last-child {
  display: none;
}
.c-projects.one .sp-slide:first-child {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .c-projects {
    padding-top: 0px;
    display: block;
  }
}
.c-projects .sp-slide {
  width: 500px;
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-slide {
    width: 100%;
    margin-right: 0;
  }
}
.c-projects .sp-project {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project {
    margin-right: 0;
    float: none;
    margin-bottom: 0px;
  }
}
.c-projects .sp-project.minHeight .spl-house {
  margin-bottom: 3px;
}
.c-projects .sp-project.minHeight .spl-house.offset {
  margin-top: 15px;
}
.c-projects .sp-project.minHeight a.spl-ha-edit,
.c-projects .sp-project.minHeight .spl-house-area {
  line-height: 32px;
}
.c-projects .sp-project .sp-houses-stageinfo {
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-projects .sp-project .sp-houses-stageinfo-title-btns {
  display: flex;
}
.c-projects .sp-project .sp-houses-stageinfo-title-btns > * {
  margin-left: 5px;
}
.c-projects .sp-project .sp-houses-stageinfo-title {
  font-size: 16px;
  font-weight: bold;
}
.c-projects .sp-project .spl-house {
  width: 100%;
  background: var(--cp-houses-bg);
  margin-bottom: 10px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-right: 5px;
}
.c-projects .sp-project .spl-house:first-child {
  margin-top: 0px !important;
}
.c-projects .sp-project .spl-house.nofree {
  opacity: 0.5;
}
.c-projects .sp-project .spl-house.offset {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .spl-house {
    width: 100%;
  }
}
.c-projects .sp-project .spl-house:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 5px;
  bottom: 5px;
  width: 10px;
  border-radius: 8px;
  display: none;
}
.c-projects .sp-project .spl-house[data-type="1"]:before {
  background-color: #49628f;
}
.c-projects .sp-project .spl-house[data-type="2"]:before {
  background-color: #4e5b72;
}
.c-projects .sp-project .spl-house[data-type="3"]:before {
  background-color: #64615b;
}
.c-projects .sp-project .spl-house[data-type="4"]:before {
  background-color: #5f4c74;
}
.c-projects .sp-project a.spl-house-area {
  width: 100%;
  display: block;
  line-height: 40px;
  padding: 0 8px 0 15px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
.c-projects .sp-project .spl-house-free {
  min-width: 110px;
  text-align: right;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .spl-house-free {
    line-height: 20px;
    margin-top: 0px;
    font-size: 13px;
  }
}
.c-projects .sp-project .spl-house-book {
  min-width: 50px;
  text-align: right;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .spl-house-book {
    line-height: 22px;
  }
}
.c-projects .sp-project .spl-house-priceform {
  margin-left: auto;
  white-space: nowrap;
}
.c-projects .sp-project a.spl-ha-edit {
  width: 30px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: var(--cp-titles);
  opacity: 0.2;
  transition: 0.3s;
  border-radius: 0 10px 10px 0;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project a.spl-ha-edit {
    line-height: 50px;
    opacity: 1;
  }
}
.c-projects .sp-project .spl-house-text {
  display: flex;
  justify-content: space-between;
  color: var(--cp-titles);
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .spl-house-text {
    margin: 5px 0;
  }
}
.c-projects .sp-project .spl-house-title {
  line-height: 18px;
  padding-right: 12px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .spl-house-title {
    line-height: 18px;
    margin: 10px 0;
  }
}
.c-projects .sp-project a.spl-ha-edit:hover {
  opacity: 0.7;
  cursor: pointer;
}
.c-projects .sp-project a.spl-house-area:hover {
  opacity: 1;
  cursor: pointer;
}
.c-projects .sp-project a.sp-project-view {
  transition: 0.2s;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  margin-top: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 11px;
  color: var(--cp-titles) !important;
  text-decoration: none !important;
  background: #0000001a;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project a.sp-project-view {
    margin-top: -7px;
    display: none;
  }
}
.c-projects .sp-project h2 {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 3px;
  margin: 19px 0 17px;
  color: var(--cp-titles);
}
.c-projects .sp-project h2 .btn.btn-default {
  margin: -5px 0 0 20px;
  font-size: 10px;
  line-height: 21px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project h2 .btn.btn-default {
    display: none;
  }
}
.c-projects .sp-project h2 .std-btn {
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project h2 {
    font-size: 16px;
    margin: 35px 0 20px;
  }
  .c-projects .sp-project h2 button {
    margin-top: -5px;
  }
}
.c-projects .sp-project .sp-houses-no {
  opacity: 0.6;
  margin-top: 22px;
  margin-right: 30px;
  color: var(--sp-houses-no-color);
}
.c-projects .sp-project .sp-houses {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .sp-houses {
    margin: 0 -10px;
  }
}
.c-projects .sp-project .sp-ha-edit,
.c-projects .sp-project .sp-p-edit {
  display: none;
}
.c-projects .sp-project .sp-house {
  width: 250px;
  padding: 0 15px;
  text-decoration: none;
  color: #000;
  transition: 0.2s;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .sp-house {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 20px;
  }
}
.c-projects .sp-project .sp-house:hover {
  transform: scale(1.03);
  cursor: pointer;
}
.c-projects .sp-project .sp-house-title {
  font-weight: bold;
  letter-spacing: 1px;
  background: #fff;
  padding: 4px 20px;
  border-radius: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  bottom: -13px;
  color: #0c1022;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .sp-house-title {
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.c-projects .sp-project .sp-house-area {
  border-radius: 16px;
  background-color: #4a3d6f;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4);
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
}
.c-projects .sp-project .sp-house-image {
  height: 165px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .c-projects .sp-project .sp-house-image {
    padding-top: 66%;
    height: auto;
  }
}
.c-projects .sp-project .sp-house-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0px;
}
.c-projects .sp-project .sp-house-input {
  font-weight: bold;
  letter-spacing: 1px;
  background: #3b2e5ad9;
  padding: 4px 12px;
  border-radius: 5px;
}
.c-projects .sp-project .sp-house-address {
  margin-top: 6px;
  font-size: 14px;
  color: #a2a2a2;
}
.c-rbd [data-area] {
  margin-left: -11px;
}
.c-rbd .std-reports-table-title {
  margin-top: 20px;
  margin-bottom: 18px;
}
.c-sdelkarf-button-menu {
  position: relative;
}
.c-sdelkarf-button-menu .cwbm-frame {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-sdelkarf-frame .cwbm-frame {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-sdelkarf-frame .cwbm-frame-back {
  position: absolute;
  left: 0;
  right: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.c-sdelkarf-frame .cwbm-frame-back:hover {
  cursor: pointer;
  background-color: #262f4896;
}
.c-sdelkarf-frame .cwbm-frame-back:hover i {
  color: #545e7b;
  right: 100px;
}
.c-sdelkarf-frame .cwbm-frame-back i {
  position: absolute;
  top: 50%;
  font-size: 100px;
  color: #232a3e;
  right: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
  text-shadow: 0px 2px 10px #05123338;
}
.c-sdelkarf-frame .cwbm-frame-area {
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  bottom: 0;
}
.c-sdelkarf-frame .cwbm-frame-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
body .s-search {
  --ss-advice-bg: #2f3851;
  --ss-advice-bange-bg: #64759e;
}
body.theme-white .s-search {
  --ss-advice-bg: #d3d8e5;
  --ss-advice-bange-bg: #ffffff;
}
.s-search .search-comments {
  margin-top: 7px;
}
.s-search .ss-right {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-right {
    margin-top: 20px;
  }
}
.s-search .ss-right-flex {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-right-flex {
    margin-right: 0;
  }
}
.s-search .ss-right-sect {
  background: var(--ss-advice-bg);
  width: 300px;
  margin-right: 30px;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-right-sect {
    margin-right: 0;
    width: 100%;
    margin-bottom: 15px;
  }
}
.s-search .ss-section-flex {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-section-flex {
    margin-right: 0;
  }
}
.s-search .ss-item-row {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font-size: 90%;
}
.s-search .ss-item-row-label {
  opacity: 0.5;
}
.s-search a.ss-item {
  background: #fff;
  padding: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 300px;
  border-radius: 20px;
  color: #000;
  text-decoration: none;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .s-search a.ss-item {
    width: 100%;
    margin-right: 0;
  }
}
.s-search .ss-item-title {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.1em;
  margin-right: 4px;
}
.s-search .ss-item-after {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-item-after {
    flex-direction: column;
    text-align: center;
  }
}
.s-search .ss-item-after .std-btn {
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-item-after .std-btn {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.s-search .ss-item:hover {
  transform: translateY(-4px);
  cursor: pointer;
  box-shadow: 0px 2px 4px #0003;
}
.s-search .ss-item-desc {
  font-size: 90%;
  opacity: 0.6;
  line-height: 1.7em;
  margin-top: 0px;
  margin-bottom: 10px;
}
.s-search .ss-item-desc.last {
  color: #002981;
}
.s-search .ss-item-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.s-search .ss-item-deals {
  font-size: 90%;
  font-weight: bold;
  color: #4c75d9;
  white-space: nowrap;
  margin-left: 10px;
}
.s-search .ss-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.s-search .item-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-search .ss-item-bot {
  display: flex;
  justify-content: space-between;
  font-size: 90%;
  opacity: 0.8;
  margin-top: auto;
}
.s-search .ss-item-bot-status {
  font-weight: bold;
}
.s-search .ss-right-title b {
  background: #b8c5e2;
  color: #000;
  padding: 7px 7px;
  margin-left: 7px;
  font-size: 74%;
  border-radius: 10px;
  position: relative;
  top: -1px;
}
.s-search .not-found {
  font-weight: bold;
  font-size: 26px;
  margin-top: 30px;
}
.s-search .ss-right-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--inverse-midlight);
}
.s-search .ss-rs-text {
  margin-bottom: 10px;
  font-size: 13px;
}
.s-search .examples {
  margin-top: auto;
}
.s-search .example {
  font-size: 85%;
  font-weight: bold;
  display: inline-block;
  margin-right: 12px;
}
.s-search .ss-rs-title {
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 18px;
}
.s-search .ss-rs-badges {
  margin-top: 10px;
}
.s-search .ss-rs-badges-label {
  font-size: 85%;
  opacity: 0.6;
  margin-bottom: 4px;
}
.s-search .ss-rs-badges-flex {
  display: flex;
  flex-wrap: wrap;
}
.s-search .warn {
  color: #ff0000;
}
.s-search .ss-section {
  margin-bottom: 50px;
  margin-top: 30px;
}
.s-search .ss-toggler {
  display: flex;
  align-items: center;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .s-search .ss-toggler {
    display: none;
  }
}
.s-search span.bange {
  background: var(--ss-advice-bange-bg);
  font-size: 75%;
  padding: 5px 11px;
  margin-right: 6px;
  border-radius: 13px;
  margin-top: 5px;
}
.s-search span.bange:last-child {
  margin-right: 0;
}
.s-search .ss-togg {
  margin-right: 20px;
  margin-top: 5px;
}
.s-search form.ss-search {
  display: flex;
  align-items: center;
  max-width: 500px;
  min-width: 500px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .s-search form.ss-search {
    margin-right: 0;
    margin-bottom: 15px;
    min-width: 100%;
    max-width: 100%;
  }
}
.s-search form.ss-search input {
  border-radius: 10px;
  height: 50px;
  margin-right: 11px;
  padding-left: 18px;
  font-size: 16px;
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  border: 1px solid var(--form-input-border);
}
.s-search form.ss-search .std-btn {
  border-radius: 10px;
}
.c-search-input {
  background: #eee;
  border-radius: 6px;
  position: relative;
}
.c-search-input input.csi-input {
  height: 34px;
  line-height: 34px;
  padding: 0 30px 0 40px;
  width: 100%;
  background: transparent;
  border: none;
}
.c-search-input span.csi-search {
  position: absolute;
  color: #999;
  left: 12px;
  top: 7px;
}
.c-search-input span.csi-clear {
  position: absolute;
  right: 3px;
  top: 0px;
  line-height: 34px;
  width: 24px;
  text-align: center;
  color: #999;
}
.c-search-input .cm-list-header {
  text-transform: uppercase;
  justify-content: space-between;
  padding: 8px 12px;
  display: flex;
  font-size: 11px;
  font-weight: bold;
}
.c-search-input .cm-list-header span {
  white-space: nowrap;
}
.sectionImagePlanerModal {
  width: 100%;
}
.sectionImagePlanerModal .modal-dialog {
  width: 100%;
  min-height: 100vmin;
  background-color: #fff;
  margin: 0;
}
.sectionImagePlanerModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.sectionImagePlanerModal .mfp-mover {
  margin-top: 20px;
}
.sectionImagePlanerModal .mfp-mover-buttons {
  position: relative;
  width: 290px;
}
.sectionImagePlanerModal .mfp-mover-flex {
  display: flex;
}
.sectionImagePlanerModal .map-tooltip {
  position: absolute;
  left: 50%;
  z-index: 22222;
  bottom: 20px;
  background: #4c5c84;
  color: #fff;
  padding: 8px 17px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  transform: translateX(-50%);
}
.sectionImagePlanerModal span.sip-area {
  font-size: 80%;
  opacity: 0.6;
  display: block;
}
.sectionImagePlanerModal .mfp-mover-btn {
  background: #eee;
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 3px;
  /* box-shadow: 0px 0px 2px rgb(0 0 0 / 34%); */
  line-height: 30px;
  text-align: center;
}
.sectionImagePlanerModal .mfp-mover-btn.--up {
  top: 0;
  left: 50px;
}
.sectionImagePlanerModal .mfp-mover-btn.--right {
  left: 90px;
  top: 40px;
}
.sectionImagePlanerModal .mfp-mover-btn.--down {
  top: 80px;
  left: 50px;
}
.sectionImagePlanerModal .mfp-mover-btn.--left {
  top: 40px;
  left: 10px;
}
.sectionImagePlanerModal .--scale1 {
  left: 10px;
  top: 0;
}
.sectionImagePlanerModal .--scale2 {
  left: 90px;
  top: 0;
}
.sectionImagePlanerModal .mfp-mover-input {
  position: absolute;
  left: 50px;
  text-align: center;
  font-size: 12px;
  width: 30px;
  height: 30px;
  top: 40px;
}
.sectionImagePlanerModal .mfp-mover-input input {
  width: 100%;
  text-align: center;
  line-height: 30px;
  padding: 0;
  height: 30px;
}
.sectionImagePlanerModal .sip-poly {
  border: 1px solid #e3e3e3;
  display: flex;
  margin-bottom: 10px;
  padding: 10px 20px;
  justify-content: space-between;
  transition: 0.3s;
}
.sectionImagePlanerModal .sip-poly:hover {
  background: #f7f7f7;
  cursor: pointer;
}
.sectionImagePlanerModal header {
  height: 60px;
  border-bottom: 1px solid #ddd;
  line-height: 60px;
  background: #3b2e5a;
  color: #fff;
}
.sectionImagePlanerModal .sip-section {
  margin-bottom: 20px;
  padding: 0px;
}
.sectionImagePlanerModal .sip-section-title {
  font-weight: bold;
  font-size: 14px;
}
.sectionImagePlanerModal .sip-floor {
  margin-top: 10px;
  padding-left: 40px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.sectionImagePlanerModal .sip-floor-title {
  position: absolute;
  left: 0;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-weight: bold;
}
.sectionImagePlanerModal .sip-flat {
  float: left;
  width: 30px;
  height: 34px;
  line-height: 14px;
  background: #f7f7f7;
  text-align: center;
  margin: 0 5px 5px 0;
  color: #666;
  font-size: 13px;
  border: 1px solid #ddd;
  padding-top: 3px;
}
.sectionImagePlanerModal .sip-flat.active {
  background: #4c5b84;
  color: #fff;
  border-color: #4c5b84;
}
.sectionImagePlanerModal .sip-flat.selected {
  box-shadow: 0px 0px 0px 2px #002bff;
}
.sectionImagePlanerModal .sip-flat:hover {
  background: #dcdee4;
  color: #000;
  cursor: pointer;
}
.sectionImagePlanerModal span.mouse {
  background: #4b5c83;
  color: #fff;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 12px;
}
.sectionImagePlanerModal .dda {
  font-size: 13px;
  margin-bottom: 20px;
  color: #666;
}
.sectionImagePlanerModal .group-title {
  font-weight: bold;
  color: #413c8b;
  font-size: 18px;
  margin-bottom: 10px;
}
.sectionImagePlanerModal .group {
  margin-bottom: 20px;
}
.sectionImagePlanerModal .sip-plans-filter {
  padding: 0 20px 0 10px;
  margin-bottom: 10px;
}
.sectionImagePlanerModal .sip-plans-filter input {
  background-color: #3d3f465e;
  height: 44px;
  border: none;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
}
.sectionImagePlanerModal .mfp-closer-green {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 4;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s;
}
.sectionImagePlanerModal .mfp-closer-green:hover {
  cursor: pointer;
}
.sectionImagePlanerModal .mfp-info {
  margin: -20px -20px 30px;
  background: #eee;
  padding: 20px 20px 10px;
}
.sectionImagePlanerModal .mfp-i-title {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 11px;
}
.sectionImagePlanerModal .mfp-af-legend {
  /*float: right;*/
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.sectionImagePlanerModal .mfp-l-item {
  margin-right: 0;
  margin-bottom: 10px;
  width: 175px;
}
.sectionImagePlanerModal .mfp-l-item.--yes span {
  background-color: #0c8240;
  border-color: #0c8240;
}
.sectionImagePlanerModal .mfp-l-item.--cursor span {
  background: #1d37b9 !important;
  color: #fff !important;
}
.sectionImagePlanerModal .mfp-l-item.--point span {
  border-color: #005aff;
  box-shadow: 0px 0px 0px 2px #005aff;
}
.sectionImagePlanerModal .mfp-l-item span {
  width: 22px;
  height: 22px;
  float: left;
  border-radius: 2px;
  position: relative;
  top: -1px;
  margin-right: 10px;
  border: 1px solid #ddd;
  background-color: #eee;
}
.sectionImagePlanerModal .point-poly-area {
  stroke-width: 2;
  fill: #0c8240;
  fill-opacity: 0.2;
  stroke: #0c8240;
}
.sectionImagePlanerModal .point-poly-area:hover,
.sectionImagePlanerModal .point-poly-area.--hovered {
  stroke: #1d37b9;
  fill: #1d37b9;
  fill-opacity: 0.4;
  z-index: 3;
}
.sectionImagePlanerModal .point-pin {
  background: #4c5b84;
  border-radius: 50%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.sectionImagePlanerModal .point-pin:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  display: block;
  border-radius: 50%;
  margin: 5px 0 0 5px;
}
.sectionImagePlanerModal .point-pin.--current {
  background-color: #005aff;
}
.sectionImagePlanerModal .point-pin.--active {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9) !important;
}
.sectionImagePlanerModal .point-pin.--active:after {
  display: none;
}
.sectionImagePlanerModal .point-number {
  text-align: center;
  line-height: 30px;
  pointer-events: none;
}
.sectionImagePlanerModal .point-number span {
  background-color: #4c5b84;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  padding: 0 7px;
  border-radius: 4px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin-top: 4px;
}
.sectionImagePlanerModal .mfp-af-title {
  margin-bottom: 12px;
  color: #999;
}
.sectionImagePlanerModal .mfp-area-map {
  width: 100%;
  position: relative;
  user-select: none;
}
.sectionImagePlanerModal .mfp-area-map .map {
  width: 100%;
  height: 100%;
  cursor: crosshair;
}
.sectionImagePlanerModal .mfp-af-flat {
  border: 1px solid #ddd;
  width: 30px;
  height: 30px;
  margin: 7px 7px 0 0;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  background-color: #eee;
  cursor: pointer;
}
.sectionImagePlanerModal .mfp-af-flat.selected {
  border-color: #005aff;
  box-shadow: 0px 0px 0px 2px #005aff;
}
.sectionImagePlanerModal .mfp-af-flat.completed {
  background-color: #0c8240;
  border-color: #0c8240;
  color: #fff;
}
.sectionImagePlanerModal .mfp-af-flat.hovered {
  background: #1d37b9 !important;
  color: #fff !important;
}
.sectionImagePlanerModal .mfp-af-area {
  display: flex;
  flex-wrap: wrap;
}
.sectionImagePlanerModal .mfp-title {
  font-size: 20px;
  padding: 0 0 0 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.sectionImagePlanerModal .mfp-area {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.sectionImagePlanerModal .mfp-rez {
  position: fixed;
  left: 50%;
  z-index: 2;
  bottom: 20px;
  margin-left: 203px;
  background: #3b2e5a;
  color: #fff;
  padding: 5px;
  border-radius: 30px;
  transform: translateX(-50%);
}
.sectionImagePlanerModal .mfp-rez .mfp-rezim {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 20px;
  transition: 0.3s;
}
.sectionImagePlanerModal .mfp-rez .mfp-rezim:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
.sectionImagePlanerModal .mfp-rez .mfp-rezim.active {
  background-color: #fff;
  color: #3b2e5a;
}
.sectionImagePlanerModal .sip-house {
  position: fixed;
  background: #2c314f;
  z-index: 30;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  transition: 0.3s;
  opacity: 0;
  transform: translateY(10%);
  visibility: hidden;
  pointer-events: none;
  padding: 50px 50px 150px 50px;
  overflow: auto;
}
.sectionImagePlanerModal .sip-house.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: none;
}
.sectionImagePlanerModal .mfp-area-flat-selecter {
  position: fixed;
  width: 480px;
  z-index: 2;
  background: #696d75;
  transform: translateX(-110%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  top: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
}
.sectionImagePlanerModal .mfp-area-flat-selecter.--white {
  background-color: #fff;
  color: #000;
}
.sectionImagePlanerModal .mfp-area-flat-selecter.active {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: translateX(0);
}
.sectionImagePlanerModal .sip-select {
  bottom: 0;
  position: relative;
  background: #52555a;
  border-radius: 0px;
  z-index: 7;
  left: 0;
  right: 0;
  text-align: center;
}
.sectionImagePlanerModal .sip-select .btn {
  background-color: #4c5b84;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 20px;
  color: #fff;
}
.sectionImagePlanerModal h1 {
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 20px;
}
.sectionImagePlanerModal .sip-flats {
  padding: 0px ​0 30px 0px;
  overflow: auto;
}
.sectionImagePlanerModal .sip-plans {
  padding: 10px 0 30px 10px;
  overflow: auto;
}
.sectionImagePlanerModal .mfp-area-info {
  min-width: 480px;
  background: #fff;
  min-height: 100vmin;
  padding: 30px;
  max-width: 480px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 23022;
  overflow: auto;
}
.sectionImagePlanerModal .mfp-area-info.custom-scrollbar {
  overflow: auto;
}
.sectionImagePlanerModal .sip-plan-subtitle {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  background: #4c5b84bf;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  padding: 8px 23px;
  font-size: 12px;
  border-radius: 15px;
  top: 50%;
  bottom: auto;
  transition: 0.2s;
}
.sectionImagePlanerModal .sip-plan {
  float: left;
  width: 210px;
  height: 210px;
  margin: 10px;
  margin-bottom: 15px;
  position: relative;
  transition: 0.2s;
}
.sectionImagePlanerModal .sip-plan:nth-child(2n-1) {
  margin-right: 0;
}
.sectionImagePlanerModal .sip-plan:hover {
  cursor: pointer;
  box-shadow: 0px 4px 19px #433b76;
  transform: scale(1.04);
  z-index: 3;
}
.sectionImagePlanerModal .sip-plan:hover .sip-plan-subtitle {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.sectionImagePlanerModal .sip-plan.already {
  opacity: 0.7;
}
.sectionImagePlanerModal .sip-plans-title {
  text-align: center;
  padding: 10px 0 20px;
  font-size: 16px;
}
.sectionImagePlanerModal .sip-plan img {
  width: 100%;
}
.sectionImagePlanerModal .sip-plan-title {
  font-weight: bold;
  letter-spacing: 1px;
  background: #fff;
  padding: 4px 10px;
  border-radius: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  bottom: -13px;
  color: #0c1022;
  transition: 0.2s;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.c-settings-books-dictionaries .csb-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.c-settings-books-dictionaries .csb-items {
  margin-bottom: 0px;
}
.c-settings-books-dictionaries .csb-item {
  display: flex;
  line-height: 25px;
  margin-bottom: 3px;
}
.c-settings-books-dictionaries .inp {
  width: 100%;
  margin-left: 14px;
}
.c-settings-books-dictionaries .cog {
  min-width: 20px;
  text-align: center;
}
.c-settings-books-dictionaries .burger {
  margin-right: 12px;
}
.c-settings-books-dictionaries .flexf {
  display: flex;
  flex-wrap: wrap;
}
.c-settings-books-dictionaries .rowsf {
  margin-right: 20px;
  width: 360px;
  margin-bottom: 40px;
}
.c-settings-books-dictionaries .csb-item.passive {
  opacity: 0.5;
}
.c-settings-books-dictionaries .csb-item.passive .eye {
  color: #ffb500;
}
.c-settings-books-dictionaries .csb-item .eye {
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  min-width: 20px;
  text-align: center;
}
.settingsCheckingAccountModal {
  /*background: @modalBackgroundColor;*/
}
.settingsCheckingAccountModal .modal-dialog {
  width: 450px;
  margin: -1px auto;
  top: 20px;
}
.settingsCheckingAccountModal .std-modal {
  min-height: 317px;
}
.settingsCheckingAccountModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.settingsCheckingAccountModal .colors {
  margin: 0 -10px;
}
.settingsCheckingAccountModal .colors .color {
  display: block;
  margin: 10px;
  float: left;
  width: 53px;
  height: 30px;
  position: relative;
}
.settingsCheckingAccountModal .colors input {
  opacity: 0;
}
.settingsCheckingAccountModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 23px;
  text-shadow: 1px 1px 0px #000;
}
.c-settings-ca .csca-top {
  margin-bottom: 30px;
}
.c-settings-ca .std-table-area {
  max-width: 700px;
}
.c-settings-ca .sts-row {
  line-height: 1.4em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.c-settings-ca .sa-project {
  white-space: normal;
}
.settingsCreateFieldFlatsModal {
  background: #2d334459;
}
.settingsCreateFieldFlatsModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.settingsCreateFieldFlatsModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.settingsCreateFieldFlatsModal .colors {
  margin: 0 -10px;
}
.settingsCreateFieldFlatsModal .colors .color {
  display: block;
  margin: 10px;
  float: left;
  width: 53px;
  height: 30px;
  position: relative;
}
.settingsCreateFieldFlatsModal .colors input {
  opacity: 0;
}
.settingsCreateFieldFlatsModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 23px;
  text-shadow: 1px 1px 0px #000;
}
.settingsCreateFieldModal {
  background: #2d334459;
}
.settingsCreateFieldModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.settingsCreateFieldModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.settingsCreateFieldModal .colors {
  margin: 0 -10px;
}
.settingsCreateFieldModal .colors .color {
  display: block;
  margin: 10px;
  float: left;
  width: 53px;
  height: 30px;
  position: relative;
}
.settingsCreateFieldModal .colors input {
  opacity: 0;
}
.settingsCreateFieldModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 23px;
  text-shadow: 1px 1px 0px #000;
}
.settingsCreateFlatsTagModal {
  background: #2d334459;
}
.settingsCreateFlatsTagModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.settingsCreateFlatsTagModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.settingsCreateFlatsTagModal .colors {
  margin: 0 -10px;
}
.settingsCreateFlatsTagModal .colors .color {
  display: block;
  margin: 10px;
  float: left;
  width: 53px;
  height: 30px;
  position: relative;
}
.settingsCreateFlatsTagModal .colors input {
  opacity: 0;
}
.settingsCreateFlatsTagModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 23px;
  text-shadow: 1px 1px 0px #000;
}
.settingsCreateFlatsTagModal .icons {
  display: flex;
  flex-wrap: wrap;
}
.settingsCreateFlatsTagModal .icons-icon {
  background: #fff;
  padding: 5px;
  margin: 0 4px 4px 0;
  border-radius: 4px;
}
.settingsCreateFlatsTagModal .icons-icon.selected {
  background: #b0dbff;
}
.settingsCreateFlatsTagModal .icons-icon img {
  width: 42px;
  height: 42px;
}
.settingsCreateFlatsTagModal .description {
  font-size: 12px!important;
  padding-bottom: 10px!important;
}
.settingsCreateFlatsTagModal .link {
  color: #7a8090 !important;
}
.settingsCreateTagModal {
  background: #2d334459;
}
.settingsCreateTagModal .modal-dialog {
  width: 480px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.settingsCreateTagModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.settingsCreateTagModal label.color {
  display: inline-block;
  width: 90px;
  text-align: center;
  line-height: 40px;
  padding-top: 4px;
  margin-right: 14px;
  margin-bottom: 12px;
}
.c-sds {
  padding: 0 30px;
  margin-top: 40px;
  position: relative;
  margin-bottom: 100px;
}
.c-sds .sss-b-op {
  transition: 0.2s;
}
.c-sds .sss-b-op.dis {
  pointer-events: none;
  opacity: 0.2;
}
.c-sds .sss-b-sogl-in {
  margin-top: 10px;
}
.c-sds .sss-b-sogl-in .form-group {
  margin-bottom: 15px;
}
.c-sds .sss-b-sogl {
  margin-bottom: 30px;
}
.c-sds .sss-b-op-title {
  min-width: 170px;
  max-width: 170px;
  margin-right: 15px;
}
.c-sds .sss-b-in {
  display: flex;
}
.c-sds .sss-b-op-flat {
  min-width: 160px;
  max-width: 160px;
  margin-right: 15px;
}
.c-sds .sss-id {
  min-width: 40px;
  font-size: 12px;
  opacity: 0.5;
}
.c-sds .sss-b-in .sss-id {
  line-height: 34px;
}
.c-sds .sss-b-op-an {
  min-width: 70px;
}
.c-sds .sss-book-statuses {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  overflow: auto;
}
.c-sds .sss-b-op {
  transition: 0.2s;
}
.c-sds .sss-b-op.dis {
  pointer-events: none;
  opacity: 0.2;
}
.c-sds .info-q {
  font-size: 24px;
  opacity: 0.5;
  line-height: 45px;
}
.c-sds .sss-book-status.--left {
  min-width: 30px;
  padding-top: 72px;
}
.c-sds .statuses-flex {
  display: flex;
}
.c-sds .status {
  margin-right: 20px;
  font-weight: bold;
}
.c-sds .deleted {
  line-height: 1.3em;
  display: block;
}
.c-sds .sss-book-status {
  min-width: 180px;
  margin-right: 15px;
  margin-top: 10px;
  position: relative;
  margin-bottom: 10px;
}
.c-sds .sss-book-status:after {
  position: absolute;
  left: 100%;
  width: 30px;
  background-color: #fff;
  height: 2px;
  top: 50%;
  /*content: '';*/
}
.c-sds .sss-book-status.--add {
  padding-top: 24px;
  /*font-size: 16px;*/
}
.c-sds .sss-book-status.--add span {
  /*background-color: #2f3851;*/
  /*padding: 20px 30px;*/
}
.c-sds .actions {
  float: right;
  display: flex;
}
.c-sds .trash {
  margin-right: 5px;
}
.c-sds .actions i {
  margin-left: 4px;
  opacity: 0.5;
  transition: 0.3s;
}
.c-sds .actions i:hover {
  opacity: 1;
  cursor: pointer;
}
.c-sds .sss-bt {
  padding: 15px;
  border: 1px solid #606d8c;
  font-size: 12px;
  text-align: center;
  margin: 20px 0 0px;
  border-radius: 20px;
}
.c-sds .on-sort {
  height: 34px;
  display: inline-block;
  line-height: 34px;
  float: right;
  margin-right: 10px;
  width: 34px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background: #2f3851;
  cursor: ns-resize;
}
.c-sds span.color {
  width: 16px;
  height: 16px;
  display: inline-block;
  float: left;
  background: #fff;
  margin-top: 2px;
  margin-right: 7px;
  border-radius: 2px;
}
.c-sds .c-toggler {
  margin-top: 4px;
}
.c-sds .sss-bt {
  font-size: 12px;
  margin-top: 4px;
  line-height: 14px;
}
.c-sds .form-group > label {
  color: #616573;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.c-sds .form-group .btn-default {
  background-color: #2f3851;
  color: #fff;
  height: 36px;
  border-color: #606d8c;
  padding: 7px 11px;
}
.c-sds .form-group .ui-select-match.btn-default-focus {
  background: transparent !important;
}
.c-sds .form-group .input-group-btn .btn-default {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff;
  margin: 0px 0 0px -1px;
  height: 36px;
}
.c-sds .form-group > input.form-control {
  background: #fdfeff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  background-color: rgba(255, 255, 255, 0.06);
  color: var(--inverse);
  border: 1px solid #606d8c;
  border-radius: 4px;
}
.c-settings-fields .csf-area {
  max-width: 500px;
}
.c-settings-fields.--tasks .csf-area {
  max-width: 860px;
}
.c-settings-fields .sct-tag {
  padding: 7px 10px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.c-settings-fields .this-header {
  font-weight: bold;
  margin-bottom: -7px;
}
.c-settings-fields .csf-grid-wrap {
  overflow: auto;
  max-height: min(68vh, 740px);
  margin: 16px 0 20px;
  border: 1px solid var(--standart-color-33);
  border-radius: 8px;
  background: var(--card-bg-color);
}
.c-settings-fields .csf-rows {
  display: inline-block;
  min-width: 100%;
  margin: 0;
}
.c-settings-fields .csf-row {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
  background: var(--card-bg-color);
  border-bottom: 1px solid var(--standart-color-11);
}
.c-settings-fields .csf-row:last-child {
  border-bottom: none;
}
.c-settings-fields .csf-row:hover:not(.first):not(.csf-row-group) {
  background: color-mix(in srgb, var(--card-bg-color) 88%, var(--standart-color));
}
.c-settings-fields .csf-row:hover:not(.first):not(.csf-row-group) .csf-row-title {
  background: color-mix(in srgb, var(--card-bg-color) 88%, var(--standart-color));
}
.c-settings-fields .csf-row.csf-row-group {
  background: color-mix(in srgb, var(--card-bg-color) 82%, var(--standart-color));
}
.c-settings-fields .csf-row.csf-row-group .csf-row-title {
  background: color-mix(in srgb, var(--card-bg-color) 82%, var(--standart-color));
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--standart-color-99);
}
.c-settings-fields .csf-row.csf-row-group .csf-row-item {
  padding: 4px 0;
}
.c-settings-fields .csf-row-title {
  position: sticky;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  min-width: 220px;
  max-width: 220px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.3;
  background: var(--card-bg-color);
  box-shadow: 6px 0 8px -6px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-settings-fields .csf-row-item {
  box-sizing: border-box;
  min-width: 88px;
  max-width: 88px;
  padding: 6px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--standart-color-11);
}
.c-settings-fields .csf-row-item .c-toggler-inline {
  margin: 0;
}
.c-settings-fields .csf-row-item .c-toggler-inline.isSmall .slider {
  margin-right: 0;
  top: 0;
}
.c-settings-fields .csf-row.first {
  position: sticky;
  top: 0;
  z-index: 3;
  font-size: 11px;
  font-weight: 500;
  background: var(--card-bg-color);
  box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.28);
}
.c-settings-fields .csf-row.first .csf-row-title {
  z-index: 4;
  color: var(--standart-color-99);
  font-weight: 500;
}
.c-settings-fields .csf-row.first .csf-row-item {
  min-height: 48px;
  padding: 8px 6px;
  align-items: center;
}
.c-settings-fields .csf-status-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.1px;
  word-break: break-word;
}
.c-settings-fields .heag {
  margin-top: 50px;
  font-size: 20px;
  margin-bottom: 10px;
}
.c-settings-fields-flats {
  max-width: 1000px;
}
.c-settings-fields-flats .sct-tag {
  padding: 7px 10px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.s-configurations .std-block-edit {
  position: static;
  font-size: 12px;
  background: var(--sfi-edit-bg);
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
}
.s-configurations .std-block-edit:hover {
  cursor: pointer;
  background: var(--sfi-edit-bg-hover);
}
.s-configurations .contentet {
  width: 800px;
}
.c-settings-flats-decorations {
  max-width: 800px;
}
.c-settings-flats-decorations .sct-tag {
  padding: 7px 10px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.c-settings-tags-flats {
  max-width: 800px;
}
.c-settings-tags-flats .sct-tag {
  padding: 7px 10px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.c-settings-funnels-statuses .sf-status {
  display: flex;
  align-items: center;
  border-right: 2px solid #c5cfe5;
  min-width: 330px;
  width: 100%;
  max-width: 450px;
  flex-direction: column;
  position: relative;
}
.c-settings-funnels-statuses .sf-status.closed-good .sf-status-head {
  background: #dbffcb;
}
.c-settings-funnels-statuses .sf-status.closed-bad .sf-status-head {
  background: #fdd;
}
.c-settings-funnels-statuses .trigger-runs {
  font-size: 11px;
  opacity: 0.6;
}
.c-settings-funnels-statuses .trigger-runs i {
  display: inline-block;
  margin-left: 1px;
  cursor: pointer;
}
.c-settings-funnels-statuses .sf-trigger {
  background: #fff;
  padding: 6px 15px;
  border-radius: 5px;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.c-settings-funnels-statuses .sf-status-head-desc {
  background: #f1f1f1;
  width: 100%;
  text-align: center;
  padding: 6px;
  font-size: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #c5cfe5;
  color: #727884;
  letter-spacing: 1px;
}
.c-settings-funnels-statuses .trigger-type {
  font-weight: bold;
}
.c-settings-funnels-statuses .trigger-comment {
  font-weight: normal;
  font-size: 12px;
  margin-top: 6px;
  color: #2e58ba;
  margin-bottom: 7px;
}
.c-settings-funnels-statuses .trigger-moves {
  margin-bottom: 7px;
}
.c-settings-funnels-statuses .trigger-move {
  margin-top: 7px;
  font-size: 13px;
}
.c-settings-funnels-statuses .trigger-move:first-child {
  margin-top: 0;
}
.c-settings-funnels-statuses .trigger-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-settings-funnels-statuses .trigger-actions {
  display: flex;
  margin-right: -10px;
}
.c-settings-funnels-statuses .trigger-action {
  min-width: 24px;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}
.c-settings-funnels-statuses .trigger-action.move {
  cursor: move;
  font-size: 15px;
  padding-top: 1px;
}
.c-settings-funnels-statuses .trigger-action.warn {
  cursor: default;
  font-size: 20px;
}
.c-settings-funnels-statuses .sf-actions {
  padding: 20px;
  width: 100%;
}
.c-settings-funnels-statuses .sf-saver {
  position: fixed;
  top: 20px;
  right: 20px;
}
.c-settings-funnels-statuses .sf-status-new {
  position: absolute;
  left: 100%;
  z-index: 23;
  width: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  margin-left: -12px;
  top: 36px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 1px 4px #0005;
  cursor: pointer;
}
.c-settings-funnels-statuses .sf-status-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #c5cfe5;
}
.c-settings-funnels-statuses .sf-status-title {
  width: 100%;
  margin: 0 10px;
}
.c-settings-funnels-statuses .sf-status-title input {
  text-align: center;
  background: transparent;
  border: none;
  line-height: 50px;
  height: 50px;
  box-shadow: none;
  font-weight: bold;
}
.c-settings-funnels-statuses .sss-book-statuses {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
}
.c-settings-funnels-statuses .sf-trigger.passive {
  background: #cad3e6;
}
.c-settings-funnels-statuses .sf-status-id {
  min-width: 40px;
  opacity: 0.6;
}
.c-settings-funnels-statuses .warn-status {
  display: inline-block;
  font-weight: bold;
  margin-top: 11px;
}
.c-settings-funnels-statuses .sss-book-status {
  margin-top: 30px;
}
.c-settings-funnels-statuses .sf-status-sort {
  min-width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  cursor: move;
}
.c-settings-funnels-statuses .sf-status-action {
  font-size: 18px;
  cursor: pointer;
}
.c-settings-funnels-statuses .sf-status-remove {
  cursor: pointer;
  font-size: 16px;
  min-width: 40px;
  line-height: 40px;
  text-align: center;
}
.c-settings-funnels-statuses .sf-substatuses {
  width: 100%;
  padding: 15px 20px;
}
.c-settings-funnels-statuses .sf-status-h {
  font-weight: bold;
  margin-bottom: 10px;
  opacity: 0.8;
  color: #2f447d;
}
.c-settings-funnels-statuses .sf-substatus {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  align-items: center;
}
.c-settings-funnels-statuses .sf-substatus.removed input {
  text-decoration: line-through;
  background: #fee;
}
.c-settings-funnels-statuses .sf-sub-title {
  width: 100%;
}
.c-settings-funnels-statuses .sf-sub-need-comment {
  margin-left: 9px;
  margin-right: 3px;
  font-size: 17px;
  position: relative;
  top: 1px;
  cursor: pointer;
}
.c-settings-funnels-statuses .sf-sub-title input {
  width: 100%;
  line-height: 30px;
  padding: 0 6px;
  border: 1px solid #666;
}
.c-settings-funnels-statuses .sf-sub-sort {
  line-height: 35px;
  min-width: 20px;
  cursor: move;
}
.c-settings-funnels-statuses .sf-sub-trash {
  min-width: 20px;
  text-align: right;
  cursor: pointer;
  font-size: 15px;
  margin-left: 5px;
}
.c-settings-funnels-statuses .sf-status-desc {
  margin-bottom: 12px;
  opacity: 0.7;
  font-size: 95%;
}
.c-settings-leads-autoresp .sla-porject.--start {
  opacity: 0.5;
  font-size: 12px;
  margin-top: 30px;
}
.c-settings-leads-autoresp .sla-porject {
  margin-bottom: 10px;
  display: flex;
  width: 840px;
  align-items: center;
}
.c-settings-leads-autoresp .sla-porject-title {
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 20px;
}
.c-settings-leads-autoresp .sla-porject-users {
  width: 270px;
  margin-right: 20px;
}
.c-settings-leads-autoresp .sla-porject-active {
  width: 85px;
}
.c-settings-leads-autoresp .sla-porject-log {
  width: 100px;
  text-align: right;
}
.c-settings-leads-autoresp .sla-porject-task {
  width: 90px;
}
.c-settings-leads-autoresp .c-toggler-inline {
  margin: 3px 0 0;
}
.c-settings-leads-autoresp .sla-porject-users-count {
  min-width: 60px;
  max-width: 60px;
}
.c-settings-leads-autoresp .sla-porject-log .std-btn {
  white-space: nowrap;
}
.c-settings-leads-autoresp .sla-date {
  width: 30px;
}
.c-settings-leads-autoresp .sla-date i {
  opacity: 0.3;
}
.c-settings-leads-autoresp .sla-date i.active {
  opacity: 1;
}
.c-settings-leads-closes .cslc-status {
  min-width: 880px;
  max-width: 880px;
}
.c-settings-leads-closes .cslc-st-group {
  margin-left: 10px;
  min-width: 200px;
  max-width: 200px;
}
.c-settings-leads-closes .cslc-status-title {
  font-size: 16px;
  margin: 30px 0 10px;
  font-weight: bold;
}
.c-settings-leads-closes .cslc-status-type {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.c-settings-leads-closes .cslc-status-type.--start {
  font-size: 80%;
  opacity: 0.5;
}
.c-settings-leads-closes .cslc-status-type.is_removed {
  opacity: 0.6;
}
.c-settings-leads-closes .cslc-area {
  display: flex;
  align-items: center;
}
.c-settings-leads-closes .c-toggler-inline {
  margin: 0;
}
.c-settings-leads-closes .st-toggler {
  padding-top: 6px;
}
.c-settings-leads-closes .cslc-st-aw {
  min-width: 80px;
  max-width: 80px;
}
.c-settings-leads-closes .cslc-st-id {
  min-width: 40px;
  opacity: 0.5;
  font-size: 12px;
}
.c-settings-leads-closes .cslc-st-title {
  min-width: 200px;
  max-width: 200px;
  margin-right: 15px;
}
.c-settings-leads-closes .cslc-st-sort {
  height: 34px;
  line-height: 34px;
  width: 34px;
  text-align: center;
  border-radius: 3px;
  margin-right: 10px;
}
.c-settings-leads-closes .cslc-st-days {
  min-width: 250px;
  max-width: 250px;
  margin-right: 10px;
}
.c-settings-leads-closes .wf {
  display: flex;
}
.c-settings-leads-closes .w1 {
  margin-right: 10px;
  min-width: 210px;
}
.c-settings-leads-closes .w2 {
  min-width: 80px;
  max-width: 80px;
}
.c-settings-leads-closes .cslc-st-sorts {
  line-height: 34px;
  min-width: 34px;
  text-align: center;
  border-radius: 3px;
  margin-right: 10px;
}
.c-settings-leads-closes .cslc-st-actions {
  min-width: 34px;
  max-width: 34px;
  background: #2f3851;
  line-height: 34px;
  margin-left: 10px;
  text-align: center;
  font-size: 18px;
}
.c-settings-leads-closes .cslc-st-actionss {
  min-width: 80px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.c-settings-leads-sources .sct-tag {
  padding: 7px 10px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.c-settings-leads-sources .csl-top {
  display: flex;
  align-items: center;
}
.c-settings-leads-sources .csl-text {
  margin-left: 22px;
}
.c-settings-leads-statuses {
  overflow: auto;
  margin-top: 0px;
  position: relative;
  padding-bottom: 100px;
}
.c-settings-leads-statuses .std-other-title {
  margin-top: 50px;
  margin-bottom: 20px;
}
.c-settings-leads-statuses .sss-book-statuses {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  overflow: auto;
  margin-bottom: 30px;
}
.c-settings-leads-statuses .awfdv {
  margin: 15px 0;
  opacity: 0.7;
  font-size: 12px;
}
.c-settings-leads-statuses .sss-b-op {
  transition: 0.2s;
}
.c-settings-leads-statuses .sss-b-op.dis {
  pointer-events: none;
  opacity: 0.2;
}
.c-settings-leads-statuses .info-q {
  font-size: 24px;
  opacity: 0.5;
  line-height: 45px;
}
.c-settings-leads-statuses .sss-book-status.--left {
  min-width: 100px;
  padding-top: 72px;
}
.c-settings-leads-statuses .statuses-flex {
  display: flex;
}
.c-settings-leads-statuses .status {
  margin-right: 20px;
  font-weight: bold;
}
.c-settings-leads-statuses .deleted {
  line-height: 1.3em;
  display: block;
}
.c-settings-leads-statuses .sss-book-status {
  min-width: 200px;
  margin-right: 15px;
  margin-top: 10px;
  position: relative;
  margin-bottom: 10px;
}
.c-settings-leads-statuses .sss-book-status:after {
  position: absolute;
  left: 100%;
  width: 30px;
  background-color: #fff;
  height: 2px;
  top: 50%;
  /*content: '';*/
}
.c-settings-leads-statuses .sss-book-status.--add {
  padding-top: 24px;
  /*font-size: 16px;*/
}
.c-settings-leads-statuses .sss-book-status.--add span {
  /*background-color: #2f3851;*/
  /*padding: 20px 30px;*/
}
.c-settings-leads-statuses .actions {
  float: right;
  display: flex;
}
.c-settings-leads-statuses .trash {
  margin-right: 5px;
}
.c-settings-leads-statuses .actions i {
  margin-left: 4px;
  opacity: 0.5;
  transition: 0.3s;
}
.c-settings-leads-statuses .actions i:hover {
  opacity: 1;
  cursor: pointer;
}
.c-settings-leads-statuses .sss-bt {
  padding: 15px;
  border: 1px solid #606d8c;
  font-size: 12px;
  text-align: center;
  margin: 20px 0 0px;
  border-radius: 20px;
}
.c-settings-leads-statuses .form-group > label {
  color: #616573;
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
.c-settings-leads-statuses .form-group .btn-default {
  background-color: #2f3851;
  color: #fff;
  height: 36px;
  border-color: #606d8c;
  padding: 7px 11px;
}
.c-settings-leads-statuses .form-group .ui-select-match.btn-default-focus {
  background: transparent !important;
}
.c-settings-leads-statuses .form-group .input-group-btn .btn-default {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff;
  margin: 0px 0 0px -1px;
  height: 36px;
}
.c-settings-leads-statuses .form-group > input.form-control {
  background: #fdfeff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  background-color: rgba(255, 255, 255, 0.06);
  color: var(--inverse);
  border: 1px solid #606d8c;
  border-radius: 4px;
}
.settings-save-user-modal .modal-dialog {
  width: 500px;
}
.settings-save-user-modal .footer {
  text-align: center;
  margin-top: 30px;
}
.settings-save-user-modal .newpass {
  display: block;
  margin-top: 15px;
}
body {
  --settingsSignsModal-sign-bg: #00000033;
}
body.theme-white {
  --settingsSignsModal-sign-bg: #dbe0ec;
}
.settingsSignsModal {
  /*background: @modalBackgroundColor;*/
}
.settingsSignsModal .modal-dialog {
  width: 720px;
}
.settingsSignsModal .std-modal {
  min-height: 197px;
}
.settingsSignsModal .s-label {
  position: absolute;
  right: 10px;
  top: 13px;
  display: flex;
}
.settingsSignsModal .s-label > label {
  margin-top: 5px;
  margin-right: 10px;
}
.settingsSignsModal .ss-add-btn {
  margin: 20px 0 0;
}
.settingsSignsModal .signs .sign-data {
  height: 0;
  padding: 0 10px;
  overflow: hidden;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.settingsSignsModal .signs .sign {
  position: relative;
  margin: 10px 0;
  transition: 0.2s;
  background-color: var(--settingsSignsModal-sign-bg);
}
.settingsSignsModal .signs .sign .sign-name {
  cursor: pointer;
  font-size: 2rem;
  padding: 10px;
}
.settingsSignsModal .signs .active-sign .sign-data {
  padding: 10px;
  height: auto;
  opacity: 1;
  visibility: visible;
}
.c-settings-tags {
  max-width: 350px;
}
.c-settings-tags .sct-tag {
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.3px;
  width: 33px;
  height: 18px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  top: 4px;
}
.theme-white {
  --smc-opacity: 0.4;
  --smc-opacity-hover: 0.8;
  --smc-opacity-bg: #a7b3e459;
  --smc-arrow-color: #000;
  --smc-arrow-opacity-hover: 0.7;
}
.theme-dark {
  --smc-opacity: 0.04;
  --smc-opacity-hover: 0.1;
  --smc-opacity-bg: #fff;
  --smc-arrow-color: #fff;
  --smc-arrow-opacity-hover: 1;
}
.smc {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: 0.2s;
}
.smc.active {
  opacity: 1;
}
.smc.active .smc-in {
  transform: translateX(0px);
}
.smc:hover {
  cursor: pointer;
}
.smc:hover .smc-arr {
  opacity: var(--smc-arrow-opacity-hover);
}
.smc:hover .smc-in {
  opacity: var(--smc-opacity-hover);
}
.smc .smc-in {
  position: absolute;
  z-index: 2;
  left: -1px;
  right: 20px;
  bottom: 20px;
  border-radius: 0 20px 20px 0;
  top: 20px;
  background: var(--smc-opacity-bg);
  transition: 0.3s;
  opacity: var(--smc-opacity);
  border: 1px solid #8f9bca;
  transform: translateX(-100px);
}
.smc .smc-arr {
  color: var(--smc-arrow-color);
  font-size: 60px;
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.15;
  transition: 0.3s;
  z-index: 3;
}
.smc-cl {
  position: fixed;
  background: #fff;
  width: 40px;
  height: 40px;
  z-index: 222;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  top: 20px;
  right: 20px;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.9);
  box-shadow: 0px 1px 4px #0004;
}
.smc-cl:hover {
  transform: scale(1);
}
.smc-cl.active {
  transform: scale(1);
  opacity: 1;
}
[show-ifnot] {
  display: none;
  position: relative;
}
[show-ifnot].vis {
  display: block;
}
[show-ifnot] .std-action-bg-flex {
  margin: 20px 0;
  background: #fff;
  border-radius: 20px;
  display: flex;
  padding: 30px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
[show-ifnot] .std-action-text {
  padding-right: 20px;
}
[show-ifnot] .std-action-text p:last-child {
  margin-bottom: 0;
}
[show-ifnot] .std-btn {
  border-radius: 20px;
}
[show-ifnot] .std-action-bg-closer {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 0px;
  font-size: 17px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.c-side-frame .cwbm-frame {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-side-frame .cwbm-frame-back {
  position: absolute;
  left: 0;
  right: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.c-side-frame .cwbm-frame-back:hover {
  cursor: pointer;
  background-color: #262f4896;
}
.c-side-frame .cwbm-frame-back:hover i {
  color: #545e7b;
  right: 100px;
}
.c-side-frame .cwbm-frame-back i {
  position: absolute;
  top: 50%;
  font-size: 100px;
  color: #232a3e;
  right: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
  text-shadow: 0px 2px 10px #05123338;
}
.c-side-frame .cwbm-frame-area {
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  bottom: 0;
}
.c-side-frame .cwbm-frame-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
body {
  --site-widget-copy-modal-textarea-bg: #000;
  --site-widget-copy-modal-btn-bg: #5e6984;
}
body.theme-white {
  --site-widget-copy-modal-textarea-bg: #d4dbe9;
  --site-widget-copy-modal-btn-bg: #aebce0;
}
.siteWidgetCopyModal {
  /*background: @modalBackgroundColor;*/
}
.siteWidgetCopyModal .modal-dialog {
  /*width: 500px;*/
}
.siteWidgetCopyModal .std-modal {
  min-height: 406px;
}
.siteWidgetCopyModal .code-textarea {
  line-height: 20px;
  background: var(--site-widget-copy-modal-textarea-bg);
  padding: 30px;
  width: 100%;
}
.siteWidgetCopyModal .btn {
  background-color: var(--site-widget-copy-modal-btn-bg) !important;
}
body {
  --site-widget-catalog-modal-facades-house-bg: #2f3851;
  --site-widget-catalog-modal-facades-house-border: #414c69;
  --site-widget-catalog-modal-swm-slf-bg: #2f3851;
}
body.theme-white {
  --site-widget-catalog-modal-facades-house-bg: #d5deef;
  --site-widget-catalog-modal-facades-house-border: #cfdbf0;
  --site-widget-catalog-modal-swm-slf-bg: #5f74ab;
}
.siteWidgetMasterCatalogModal {
  /*background: @modalBackgroundColor;*/
}
.siteWidgetMasterCatalogModal .modal-dialog {
  width: 1000px;
}
.siteWidgetMasterCatalogModal .swc-flex-btn {
  display: flex;
}
.siteWidgetMasterCatalogModal .swc-flex-btn-1 {
  min-width: 210px;
  max-width: 210px;
}
.siteWidgetMasterCatalogModal .swc-flex-btn-2 {
  min-width: 300px;
  max-width: 300px;
}
.siteWidgetMasterCatalogModal .swc-flex-btn-3 {
  min-width: 300px;
  max-width: 300px;
}
.siteWidgetMasterCatalogModal .swc-fb2-title {
  margin: 25px 0 20px;
  opacity: 0.5;
}
.siteWidgetMasterCatalogModal .swc-fb-preview {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #2c51d3;
  position: relative;
  transform-origin: 0 0;
  padding: 10px;
  color: #2c51d3;
}
.siteWidgetMasterCatalogModal .swc-fb-preview-in {
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.siteWidgetMasterCatalogModal .swc-fb-preview svg {
  width: 40px;
  height: 40px;
  stroke: #2c51d3;
  fill: #2c51d3;
  position: absolute;
  left: 50%;
  top: 22px;
  transform: translateX(-50%);
}
.siteWidgetMasterCatalogModal .swc-fb-preview .title {
  display: block;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 69px;
  left: 50%;
  transform: translate(-50%);
  line-height: 13px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.siteWidgetMasterCatalogModal .ad-enable-domains {
  float: right;
  color: #e9a1a1;
  font-size: 12px;
  margin-top: 11px;
  font-weight: bold;
}
.siteWidgetMasterCatalogModal .swc-item-area-colors {
  display: flex;
  flex-wrap: wrap;
}
.siteWidgetMasterCatalogModal .swc-item-area-colors:first-child {
  margin-top: -30px;
}
.siteWidgetMasterCatalogModal .swc-item-area-colors .form-group {
  margin-right: 0px;
  display: inline-block;
  width: 120px;
  margin-right: 20px;
}
.siteWidgetMasterCatalogModal .swc-item-area-colors .form-group:nth-child(3n) {
  margin-right: 0;
}
.siteWidgetMasterCatalogModal .add-title {
  font-size: 18px;
  margin: 25px 0px 20px;
  color: #7a7f90;
}
.siteWidgetMasterCatalogModal .sp-item {
  display: flex;
  margin-bottom: 20px;
}
.siteWidgetMasterCatalogModal .sp-item > * {
  margin-right: 15px;
}
.siteWidgetMasterCatalogModal .sp-item-title {
  width: 210px;
}
.siteWidgetMasterCatalogModal .sp-item-closer {
  margin-right: 0;
  width: 20px;
  text-align: right;
  font-size: 20px;
  padding-top: 27px;
}
.siteWidgetMasterCatalogModal .sp-item-desc {
  width: 240px;
}
.siteWidgetMasterCatalogModal .sp-item-catalog {
  width: 210px;
}
.siteWidgetMasterCatalogModal .sp-item-iamge {
  width: 170px;
}
.siteWidgetMasterCatalogModal .sp-item-closer span {
  text-align: center;
  display: block;
}
.siteWidgetMasterCatalogModal .swm-slf {
  display: inline-block;
  font-size: 12px;
  background: var(--site-widget-catalog-modal-swm-slf-bg);
  color: #fff;
  padding: 6px 15px;
  border-radius: 5px;
  margin-left: 10px;
  position: relative;
  top: -1px;
  cursor: pointer;
}
.siteWidgetMasterCatalogModal .swm-code {
  font-size: 12px;
}
.c-sites-projects-matcher .csam-phone {
  margin: 11px 0 15px;
  color: #fff;
}
.c-sites-projects-matcher .csam-phone-flex {
  display: flex;
  margin-bottom: 10px;
}
.c-sites-projects-matcher .csam-phone-flex .utm {
  margin-right: 10px;
}
.c-sites-projects-matcher .csam-phone-phone {
  min-width: 270px;
  margin-right: 10px;
  max-width: 270px;
}
.c-sites-projects-matcher .csam-phone-project {
  min-width: 230px;
  margin-right: 10px;
  max-width: 230px;
}
.c-sites-projects-matcher .csam-phones {
  margin-top: 40px;
  margin-bottom: 0px;
}
.c-sites-projects-matcher .csam-phone-name {
  min-width: 180px;
  margin-right: 20px;
  max-width: 180px;
}
.c-sites-projects-matcher .csam-phone-source {
  max-width: 200px;
  min-width: 200px;
  margin-right: 10px;
}
.c-sdelkarf-button-menu {
  position: relative;
}
.c-sdelkarf-button-menu .cwbm-frame {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-sdelkarf-frame .cwbm-frame {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-sdelkarf-frame .cwbm-frame-back {
  position: absolute;
  left: 0;
  right: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.c-sdelkarf-frame .cwbm-frame-back:hover {
  cursor: pointer;
  background-color: #262f4896;
}
.c-sdelkarf-frame .cwbm-frame-back:hover i {
  color: #545e7b;
  right: 100px;
}
.c-sdelkarf-frame .cwbm-frame-back i {
  position: absolute;
  top: 50%;
  font-size: 100px;
  color: #232a3e;
  right: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
  text-shadow: 0px 2px 10px #05123338;
}
.c-sdelkarf-frame .cwbm-frame-area {
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  bottom: 0;
}
.c-sdelkarf-frame .cwbm-frame-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.c-sms-integration-actions {
  margin-bottom: 30px;
}
.c-sms-integration-actions .csia-h {
  font-weight: bold;
  font-size: 16px;
  margin: 30px 0 8px;
}
.c-sms-integration-actions .csia-template {
  margin: 20px 0 30px;
}
.c-source-replacer .csam-phone {
  margin: 11px 0 15px;
  color: #fff;
}
.c-source-replacer .csam-phone-flex {
  display: flex;
  margin-bottom: 10px;
}
.c-source-replacer .csam-phone-flex .utm {
  margin-right: 10px;
  width: 100%;
}
.c-source-replacer .csam-phone-flex .utm:last-child {
  margin-right: 0;
}
.c-source-replacer .csam-phone-phone {
  min-width: 150px;
  margin-right: 10px;
  max-width: 150px;
}
.c-source-replacer .csam-phone-project {
  min-width: 190px;
  margin-right: 10px;
  max-width: 190px;
}
.c-source-replacer .csam-phones {
  margin-top: 40px;
  margin-bottom: 0px;
}
.c-source-replacer .csam-phone-name {
  min-width: 180px;
  margin-right: 20px;
  max-width: 180px;
}
.c-source-replacer .csam-phone-flex.top {
  justify-content: space-between;
  margin-bottom: -10px;
}
.c-source-replacer .csam-phone-source {
  min-width: 400px;
  max-width: 400px;
}
.startBookModal {
  /*background: @modalBackgroundColor;*/
}
.startBookModal .modal-dialog {
  width: 580px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
@media only screen and (max-width: 767px) {
  .startBookModal .modal-dialog {
    width: 100%;
    margin: auto;
    top: auto;
    position: static;
    margin-left: 30px;
  }
}
.startBookModal .flat-info {
  margin-top: -25px;
  margin-bottom: 20px;
}
.startBookModal .--cancel {
  margin-top: 15px!important;
}
.startBookModal .c-bookindForm {
  position: relative;
  min-height: 200px;
}
.startBookModal .c-bookindForm .cbf-backdrop {
  position: absolute;
  top: 47px;
  bottom: 0;
  right: 0;
  left: 0;
  background: #a94949;
  z-index: 5;
  padding: 30px;
  transition: 0.3s;
  margin: -7px -30px -30px;
  opacity: 0;
  visibility: hidden;
}
.startBookModal .c-bookindForm .cbf-backdrop.active {
  opacity: 1;
  visibility: visible;
}
.startBookModal .c-bookindForm .fio-validation {
  margin-bottom: 14px;
}
.startBookModal .c-bookindForm .cbf-backdrop-awd {
  margin-top: 10px;
}
.startBookModal .c-bookindForm .--an {
  line-height: 20px;
  height: 22px;
  padding: 0 10px;
  margin: -2px 0 0;
  display: inline-block;
  position: relative;
  top: -2px;
}
.startBookModal .c-bookindForm .awdfaf {
  padding-bottom: 10px;
}
.startBookModal .c-bookindForm .cbf-backdrop-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.startBookModal .c-bookindForm .cbf-backdrop-text {
  margin-bottom: 20px;
  line-height: 1.5em;
  font-size: 14px;
}
.startBookModal .c-bookindForm .margin-top {
  margin-top: 20px;
}
.startBookModal .c-bookindForm .cbf-alert-already {
  font-size: 12px;
  color: #dfe8ff;
  display: flex;
  background: #35405e;
  padding: 20px 30px;
  margin: 0px -30px 20px;
  justify-content: space-between;
}
.startBookModal .c-bookindForm .cbf-alert-already p {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .startBookModal .c-bookindForm .cbf-alert-already {
    display: block;
  }
  .startBookModal .c-bookindForm .cbf-alert-already p {
    margin-bottom: 10px;
  }
}
.startBookModal .c-bookindForm .cbf-alert-alreadygreen {
  font-size: 12px;
  margin: 0 0 15px;
  color: #069013;
}
.startBookModal .c-bookindForm .cbf-footer {
  padding: 15px;
  text-align: center;
  margin-top: 10px;
}
.startBookModal .c-bookindForm .mf-add {
  position: absolute;
  left: 406px;
  font-size: 12px;
  text-align: left;
  width: 170px;
  top: 21px;
}
.c-statuses-selector-funnel {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  padding-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  .c-statuses-selector-funnel {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c-statuses-selector-funnel .bm-status {
  background: var(--modsexy-statuses-bg);
  padding: 10px 16px;
  border-radius: 0 20px 20px 0;
  color: var(--modsexy-statuses-color);
  opacity: 0.6;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 10px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--modsexy-statuses-border);
  position: relative;
}
.c-statuses-selector-funnel .bm-status.good,
.c-statuses-selector-funnel .bm-status.bad {
  border-radius: 5px;
  text-align: center;
}
.c-statuses-selector-funnel .bm-status.good span.status-time,
.c-statuses-selector-funnel .bm-status.bad span.status-time {
  border-radius: 5px;
}
.c-statuses-selector-funnel span.status-time {
  background: #ffffff33;
  color: #ffffff;
  font-weight: bold;
  line-height: 42px;
  margin-left: 9px;
  border-radius: 5px 20px 20px 5px;
  padding: 0 10px;
  margin-right: -17px;
  font-size: 12px;
  margin-top: -11px;
  margin-bottom: -11px;
}
.c-statuses-selector-funnel .bm-status.active {
  background: #206bff;
  color: #fff;
  opacity: 1;
  pointer-events: none;
  border-color: #206bff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.c-statuses-selector-funnel .bm-status.active.good {
  background: #498929;
  border-color: #52af37;
}
.c-statuses-selector-funnel .bm-status.active.bad {
  background: #ac3a3a;
  border-color: #db5151;
}
.c-statuses-selector-funnel .bm-status:hover {
  opacity: 1;
}
.c-statuses-selector-funnel .bm-status:last-child {
  margin-right: 0;
}
.c-statuses-selector-deal {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  padding-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  .c-statuses-selector-deal {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c-statuses-selector-deal.deal-off .bm-status {
  border: 1px solid #fff4 !important;
  background: #fff2 !important;
  pointer-events: none !important;
}
.c-statuses-selector-deal.deal-off .bm-status.active {
  background: #c64242 !important;
}
.c-statuses-selector-deal span.babd {
  min-width: 7px;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  border-radius: 3px 0 0 3px;
}
.c-statuses-selector-deal .bm-status {
  background: var(--modsexy-statuses-bg);
  padding: 10px 16px;
  border-radius: 4px 20px 20px 4px;
  color: var(--modsexy-statuses-color);
  opacity: 0.5;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 10px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--modsexy-statuses-border);
  position: relative;
}
.c-statuses-selector-deal .bm-status.good,
.c-statuses-selector-deal .bm-status.bad,
.c-statuses-selector-deal .bm-status.--delete {
  border-radius: 5px;
  text-align: center;
}
.c-statuses-selector-deal .bm-status.good span.status-time,
.c-statuses-selector-deal .bm-status.bad span.status-time,
.c-statuses-selector-deal .bm-status.--delete span.status-time {
  border-radius: 5px;
}
.c-statuses-selector-deal span.status-time {
  background: #ffffff33;
  color: #ffffff;
  font-weight: bold;
  line-height: 42px;
  margin-left: 9px;
  border-radius: 5px 20px 20px 5px;
  padding: 0 10px;
  margin-right: -17px;
  font-size: 12px;
  margin-top: -11px;
  margin-bottom: -11px;
}
.c-statuses-selector-deal .bm-status.active {
  background: #206bff;
  color: #fff;
  opacity: 1;
  pointer-events: none;
  border-color: var(--modsexy-statuses-active-bg);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.c-statuses-selector-deal .bm-status.active[data-flat-status="1"] {
  background: #d69d00;
}
.c-statuses-selector-deal .bm-status.active[data-flat-status="2"] {
  background: #3058bb;
}
.c-statuses-selector-deal .bm-status.active[data-flat-status="3"] {
  background: #6e6a97;
}
.c-statuses-selector-deal .bm-status.active .babd {
  display: none !important;
}
.c-statuses-selector-deal .bm-status.active.good {
  background: #498929;
  border-color: #52af37;
  pointer-events: all;
}
.c-statuses-selector-deal .bm-status.active.bad {
  background: #ac3a3a;
  border-color: #db5151;
  pointer-events: all;
}
.c-statuses-selector-deal .bm-status:hover {
  opacity: 1;
}
.c-statuses-selector-deal .bm-status:last-child {
  margin-right: 0;
}
.c-statuses-selector-lead {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  padding-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  .c-statuses-selector-lead {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c-statuses-selector-lead .bm-status {
  background: var(--modsexy-statuses-bg);
  padding: 10px 16px;
  border-radius: 4px 20px 20px 4px;
  color: var(--modsexy-statuses-color);
  opacity: 0.6;
  transition: 0.3s;
  cursor: pointer;
  margin-right: 10px;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--modsexy-statuses-border);
  position: relative;
}
.c-statuses-selector-lead .bm-status.good,
.c-statuses-selector-lead .bm-status.bad,
.c-statuses-selector-lead .bm-status.--delete {
  border-radius: 5px;
  text-align: center;
}
.c-statuses-selector-lead .bm-status.good span.status-time,
.c-statuses-selector-lead .bm-status.bad span.status-time,
.c-statuses-selector-lead .bm-status.--delete span.status-time {
  border-radius: 5px;
}
.c-statuses-selector-lead span.status-time {
  background: #ffffff33;
  color: #ffffff;
  font-weight: bold;
  line-height: 42px;
  margin-left: 9px;
  border-radius: 5px 20px 20px 5px;
  padding: 0 10px;
  margin-right: -17px;
  font-size: 12px;
  margin-top: -11px;
  margin-bottom: -11px;
}
.c-statuses-selector-lead .bm-status.active {
  background: #206bff;
  color: #fff;
  opacity: 1;
  pointer-events: none;
  border-color: #206bff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.c-statuses-selector-lead .bm-status.active.good {
  background: #498929;
  border-color: #52af37;
  pointer-events: all;
}
.c-statuses-selector-lead .bm-status.active.bad {
  background: #ac3a3a;
  border-color: #db5151;
  pointer-events: all;
}
.c-statuses-selector-lead .bm-status:hover {
  opacity: 1;
}
.c-statuses-selector-lead .bm-status:last-child {
  margin-right: 0;
}
.c-tasks-button-menu {
  position: absolute;
  right: 2px;
  top: 4px;
  display: flex;
}
.c-tasks-button-menu .ctbm-item.--collapsed {
  display: none;
}
.c-tasks-button-menu .ctbm-list {
  position: fixed;
  z-index: 222;
  transform: translateY(-50%);
  margin-left: 0px;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s;
}
.c-tasks-button-menu .ctbm-list-in {
  width: 330px;
  background: #fff;
  color: #494949;
  text-align: left;
  font-size: 12px;
  margin-left: 36px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.c-tasks-button-menu .ctbm-list-title {
  font-weight: bold;
  color: #b0b0b0;
  padding: 10px 0 0 14px;
}
.c-tasks-button-menu .ctbm-list-item {
  border-top: 1px solid #eee;
  padding: 8px 14px;
  font-weight: 400;
  transition: 0.2s;
}
.c-tasks-button-menu .ctbm-list-item:hover {
  background-color: #eee;
  cursor: pointer;
}
.c-tasks-button-menu .ctbm-list-item:last-child {
  border-bottom: none;
}
.c-tasks-button-menu .ctbm-list-item-title {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.c-tasks-button-menu .clit-date {
  font-weight: bold;
  white-space: nowrap;
  min-width: 85px;
  text-align: right;
  max-width: 85px;
}
.c-tasks-button-menu .clit-type {
  display: none;
}
.c-tasks-button-menu .clit-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-tasks-button-menu .ctbm-list-item-info {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.c-tasks-button-menu .ringer {
  font-size: 12px;
  display: flex;
}
.c-files-area.minsize .cfa-area {
  background: #e7eaf4;
  border: none;
  margin: 0;
  padding: 10px 0px 20px;
}
.c-files-area.minsize .cfa-area-title {
  display: none;
}
.c-files-area.minsize .cfa-file-status {
  display: none;
}
.c-files-area.minsize .cfa-no {
  margin-bottom: 0;
  opacity: 0.2;
  font-weight: bold;
  margin-left: 10px;
}
.c-files-area.minsize .cfa-last span {
  display: none;
}
.c-files-area.minsize .cfa-files {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.c-files-area.minsize .cfa-file {
  margin-left: 10px;
  border-radius: 4px;
}
.c-files-area.minsize .afa {
  display: block!important;
  margin-left: 2px;
  margin-right: -18px;
}
.c-files-area.minsize .cfa-last {
  margin-top: 0;
}
.c-files-area.minsize .cfa-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.c-files-area.minsize .std-btn {
  height: 34px;
  padding: 7px 17px;
  font-size: 12px;
}
.c-files-area .afa {
  display: none!important;
}
.c-files-area .cfa-area {
  padding: 22px 30px;
  background: #d4dcef;
  border: 3px dashed #8e98af;
  margin: 30px 0 30px;
  font-size: 14px;
}
.c-files-area .cfa-area-title {
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 7px;
}
.c-files-area .cfa-no {
  margin-bottom: 20px;
  font-weight: bold;
}
.c-files-area .cfa-last {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.c-files-area .cfa-last span {
  font-size: 12px;
  line-height: 1.3em;
  margin-left: 10px;
  opacity: 0.6;
}
.c-files-area .cfa-file {
  background: #fff;
  margin-bottom: 10px;
  display: flex;
  padding: 8px 12px;
  align-items: center;
}
.c-files-area .cfa-file.waiting {
  opacity: 0.5;
  pointer-events: none;
}
.c-files-area .edit-name {
  opacity: 0.5;
  display: inline-block;
  margin-right: 5px;
  transition: 0.3s;
}
.c-files-area .edit-name:hover {
  cursor: pointer;
  opacity: 1;
}
.c-files-area .cfa-file-status {
  min-width: 100px;
  text-align: right;
}
.c-files-area .cfa-file-name {
  width: 100%;
  line-height: 1.3em;
  padding-right: 9px;
}
.c-files-area span.icons {
  display: flex;
  float: right;
  margin-top: -5px;
  margin-bottom: -5px;
  margin-right: -7px;
}
.c-files-area span.icons > * {
  display: block;
  width: 30px;
  text-align: center;
  background: #d6dce5;
  height: 30px;
  line-height: 30px;
  margin-left: 4px;
  color: #000;
  text-decoration: none;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
}
.c-ticket-messages {
  padding-bottom: 20px;
  position: relative;
}
.c-ticket-messages .message-files {
  margin-top: 10px;
  margin-right: 40px;
}
.c-ticket-messages .message-files:first-child {
  margin-top: 0;
}
.c-ticket-messages .typeing {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: right;
  font-weight: bold;
  opacity: 0.6;
}
.c-ticket-messages .file-link {
  line-height: 1.2em;
}
.c-ticket-messages .message-file {
  margin-top: 10px;
}
.c-ticket-messages .message-wrap.our {
  text-align: right;
}
.c-ticket-messages .message-wrap.our .message {
  background: #fff;
}
.c-ticket-messages .group:first-child .group-title-area {
  margin-top: 0;
}
.c-ticket-messages .user-block {
  text-align: right;
  margin-top: 20px;
}
.c-ticket-messages .user-block.dp {
  text-align: left;
}
.c-ticket-messages .user-name {
  font-weight: bold;
  margin-bottom: 9px;
}
.c-ticket-messages .user-block.dev .message {
  background-color: #c6cdef;
}
.c-ticket-messages .user-block.dp .message {
  background-color: #ffffff;
}
.c-ticket-messages .message-when {
  position: absolute;
  right: 7px;
  bottom: 3px;
  font-size: 12px;
  opacity: 0.7;
}
.c-ticket-messages .group-title-area {
  text-align: center;
  position: sticky;
  top: -10px;
  z-index: 3;
  margin-top: 40px;
  margin-bottom: 20px;
}
.c-ticket-messages .link-block {
  font-family: monospace;
  background: #0000001a;
  padding: 2px 2px;
  margin-right: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 90%;
  word-break: break-word;
  color: #0b4890;
}
.c-ticket-messages .link-external {
  color: inherit;
}
.c-ticket-messages .group-title {
  display: inline-block;
  padding: 7px 16px 8px;
  background: #fdfdfd;
  border-radius: 18px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.c-ticket-messages span.time-place {
  display: inline-block;
  min-width: 36px;
}
.c-ticket-messages .message {
  display: inline-block;
  text-align: left;
  padding: 11px 13px;
  font-size: 14px;
  max-width: 80%;
  position: relative;
  border-radius: 6px;
}
.c-ticket-messages .message .message-text::after {
  content: '';
  display: inline-block;
  width: 35px;
}
.c-ticket-messages .message-bot {
  display: flex;
  font-size: 85%;
  margin-top: 7px;
  opacity: 0.6;
}
.c-ticket-messages .message-wrap {
  margin-bottom: 9px;
}
.c-ticket-messages .message-bot {
  justify-content: space-between;
}
.c-ticket-messages .message-who {
  margin-right: 20px;
}
.c-tickets-button-menu {
  position: absolute;
  right: -1px;
  top: 0;
  padding-top: 6px;
  display: flex;
}
.c-tickets-button-menu .ctb-item.--collapsed {
  display: none;
}
.c-tickets-button-menu .ctb-item {
  background: #646464;
  color: #fff;
  padding: 1px 7px;
  border-radius: 4px;
  margin-left: 3px;
  cursor: pointer;
}
.c-tickets-button-menu .ctb-item.--feedback {
  background: #ef8400;
}
.c-tickets-button-menu .ctb-item.--completed {
  background: #4f8e32;
}
body {
  --c-toggler-bg: #2f3851;
  --c-toggler-border: #64759e;
  --c-toggler-round-bg: #626c88;
}
body.theme-white,
body .view-light {
  --c-toggler-bg: #c7cfe5;
  --c-toggler-border: #a9b7d7;
  --c-toggler-round-bg: #9fa7bf;
}
.switch-container {
  height: 24px;
}
.switch-container .switch-text {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  margin-right: 5px;
}
.form-group .c-toggler {
  display: block!important;
}
label.switch,
.c-toggler {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 36px;
  opacity: 1 !important;
  transition: 0.2s;
  margin-bottom: 0!important;
}
label.switch.disabled,
.c-toggler.disabled {
  opacity: 0.6;
  pointer-events: none;
  filter: grayscale(1);
}
label.switch.--small,
.c-toggler.--small {
  width: 60px;
  height: 26px;
}
label.switch.--small .slider:before,
.c-toggler.--small .slider:before {
  height: 22px;
  width: 22px;
  left: 1px;
  bottom: 1px;
  transform: scale(0.7);
}
label.switch.--small input:checked + .slider:before,
.c-toggler.--small input:checked + .slider:before {
  transform: translateX(33px);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
label.switch input,
.c-toggler input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
label.switch .slider,
.c-toggler .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--c-toggler-bg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
label.switch .slider:before,
.c-toggler .slider:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 4px;
  bottom: 3px;
  background-color: var(--c-toggler-round-bg);
  transition: 0.4s;
}
label.switch input:checked + .slider,
.c-toggler input:checked + .slider {
  background-color: #2196f3;
  border-color: #2196f3;
}
label.switch input:focus + .slider,
.c-toggler input:focus + .slider {
  box-shadow: 0 0 1px var(--color-blue);
}
label.switch input:checked + .slider:before,
.c-toggler input:checked + .slider:before {
  transform: translateX(38px);
  background-color: #fff !important;
}
label.switch .slider.round,
.c-toggler .slider.round {
  border-radius: 34px;
  border: 1px solid var(--c-toggler-border);
}
label.switch .slider.round:before,
.c-toggler .slider.round:before {
  border-radius: 50%;
}
label.switch.--inline,
.c-toggler.--inline {
  top: -2px;
  margin-left: 4px;
  width: 67px;
  height: 28px;
}
label.switch.--inline .slider:before,
.c-toggler.--inline .slider:before {
  width: 24px;
  height: 24px;
  top: 1px;
  left: 1px;
}
toggler-inline {
  display: inline-block;
}
toggler-inline[disabled] {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.7;
}
.c-toggler-inline {
  position: relative;
  opacity: 1 !important;
  transition: 0.2s;
  display: flex;
  margin: 5px 0 10px;
}
.c-toggler-inline.disabled {
  opacity: 0.6;
  pointer-events: none;
  filter: grayscale(1);
}
.c-toggler-inline .ti-text {
  white-space: normal;
  line-height: 1.2em;
  font-size: 12px;
  opacity: 0.6;
}
.c-toggler-inline .ti-title {
  font-weight: 500;
  letter-spacing: -0.3px;
  white-space: nowrap;
}
.c-toggler-inline input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.c-toggler-inline .slider {
  cursor: pointer;
  background-color: #2f3851;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  min-width: 60px;
  min-height: 26px;
  max-height: 26px;
  max-width: 60px;
  margin-right: 10px;
  position: relative;
}
.c-toggler-inline.isMinimal input:checked + .slider:before {
  transform: translateX(25px);
  background-color: #fff !important;
}
.c-toggler-inline.isMinimal .slider {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  min-width: 40px !important;
}
.c-toggler-inline.isMinimal .slider:before {
  left: -4px;
  z-index: 4;
}
.c-toggler-inline.isMinimal .slider:after {
  height: 1px;
  background: #616e8b;
  content: '';
  z-index: 3;
  width: 100%;
  display: block;
  margin-top: 12px;
}
.c-toggler-inline.isSmall {
  margin: 5px 0 0px;
}
.c-toggler-inline.isSmall .slider {
  min-width: 34px;
  min-height: 17px;
  max-height: 17px;
  max-width: 34px;
  margin-right: 7px;
  position: relative;
  top: 5px;
}
.c-toggler-inline.isSmall .slider:before {
  height: 11px;
  width: 11px;
  left: 1px;
  bottom: 2px;
}
.c-toggler-inline.isSmall input:checked + .slider:before {
  transform: translateX(17px);
}
.c-toggler-inline .cti-text {
  font-weight: normal;
  line-height: 26px;
  white-space: nowrap;
}
.c-toggler-inline .cti-text small {
  display: block;
  white-space: normal;
  line-height: 1.5em;
}
.c-toggler-inline .slider:before {
  position: absolute;
  content: "";
  background-color: #626c88;
  transition: 0.4s;
  height: 22px;
  width: 23px;
  left: 1px;
  bottom: 1px;
  transform: scale(0.7);
}
.c-toggler-inline input:checked + .slider {
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
}
.c-toggler-inline input:focus + .slider {
  box-shadow: 0 0 1px var(--color-blue);
}
.c-toggler-inline input:checked + .slider:before {
  transform: translateX(32px);
  background-color: #fff !important;
}
.c-toggler-inline .slider.round {
  border-radius: 34px;
  border: 1px solid #64759e;
}
.c-toggler-inline .slider.round:before {
  border-radius: 50%;
}
.c-toggler-inline.--inline {
  top: -2px;
  margin-left: 4px;
  width: 67px;
  height: 28px;
}
.c-toggler-inline.--inline .slider:before {
  width: 24px;
  height: 24px;
  top: 1px;
  left: 1px;
}
.white > .c-toggler-inline .slider {
  background: #d2dbf1;
  border-color: #8d97b1;
}
.white > .c-toggler-inline .slider:before {
  background-color: #8d97b1;
}
.white > .c-toggler-inline input:checked + .slider {
  background-color: #2196f3;
  border-color: #2196f3;
}
.white > .c-toggler-inline input:focus + .slider {
  box-shadow: 0 0 1px var(--color-blue);
}
.white > .c-toggler-inline input:checked + .slider:before {
  transform: translateX(32px);
  background-color: #ffffff;
}
[touch-scroll] {
  user-select: none;
}
.ultra-modal-backdrop {
  background: rgba(10, 14, 24, 0.55);
}
.ultra-modal {
  --um-shell: #eef1f7;
  --um-shell-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
  --um-border: #2a3348;
  --um-hero-text: #fff;
  --um-body-bg: #eef1f7;
  --um-card-bg: #fff;
  --um-text: #171d2b;
  --um-muted: #8b93a7;
  --um-line: #e0e5ef;
  --um-row-hover: rgba(23, 29, 43, 0.03);
  --um-close-bg: rgba(255, 255, 255, 0.08);
  --um-chip-auto-bg: #e8f6e4;
  --um-chip-auto-color: #3f8d32;
  --um-chip-excel-bg: #e8eef8;
  --um-chip-excel-color: #3d5aa8;
  --um-chip-edit-bg: #eeeaf8;
  --um-chip-edit-color: #5c4d9a;
  --um-up: #3f8d32;
  --um-down: #c45b5b;
  --um-empty-bg: #fff;
  --um-loader: #8b93a7;
  --um-width: 1040px;
}
.ultra-modal.--light {
  --um-shell: #eef1f7;
  --um-shell-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
  --um-border: #2a3348;
  --um-hero-text: #fff;
  --um-body-bg: #eef1f7;
  --um-card-bg: #fff;
  --um-text: #171d2b;
  --um-muted: #8b93a7;
  --um-line: #e0e5ef;
  --um-row-hover: rgba(23, 29, 43, 0.03);
  --um-close-bg: rgba(255, 255, 255, 0.08);
  --um-chip-auto-bg: #e8f6e4;
  --um-chip-auto-color: #3f8d32;
  --um-chip-excel-bg: #e8eef8;
  --um-chip-excel-color: #3d5aa8;
  --um-chip-edit-bg: #eeeaf8;
  --um-chip-edit-color: #5c4d9a;
  --um-up: #3f8d32;
  --um-down: #c45b5b;
  --um-empty-bg: #fff;
  --um-loader: #8b93a7;
}
.ultra-modal.--dark {
  --um-shell: #171d2b;
  --um-shell-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  --um-border: #2a3348;
  --um-hero-text: #fff;
  --um-body-bg: #121826;
  --um-card-bg: #1c2436;
  --um-text: #e8edf7;
  --um-muted: #8b93a7;
  --um-line: #2a3348;
  --um-row-hover: rgba(255, 255, 255, 0.035);
  --um-close-bg: rgba(255, 255, 255, 0.08);
  --um-chip-auto-bg: #1e3a28;
  --um-chip-auto-color: #8ee08a;
  --um-chip-excel-bg: #24314a;
  --um-chip-excel-color: #9db4e8;
  --um-chip-edit-bg: #2a2744;
  --um-chip-edit-color: #c4b5f0;
  --um-up: #7ee08a;
  --um-down: #f0a0a0;
  --um-empty-bg: #1c2436;
  --um-loader: #c5cce0;
}
.ultra-modal.--sm {
  --um-width: 720px;
}
.ultra-modal.--md {
  --um-width: 880px;
}
.ultra-modal.--lg {
  --um-width: 1040px;
}
.ultra-modal.--xl {
  --um-width: 1200px;
}
.ultra-modal .modal-dialog {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: auto;
  width: var(--um-width);
  max-width: calc(100vw - 32px);
  margin: 0;
  height: auto;
}
.ultra-modal.modal.fade .modal-dialog {
  transform: translateY(16px);
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ultra-modal.modal.fade.in .modal-dialog {
  transform: translateY(0);
}
.ultra-modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.ultra-modal .daterangepicker {
  z-index: 1060;
}
.ultra-modal .dir-la-loading {
  background-color: transparent;
}
.ultra-modal .dir-la-loading .dll-in .dll-in2 > div {
  background-color: var(--um-loader);
}
body.theme-dark .ultra-modal:not(.--light) {
  --um-shell: #171d2b;
  --um-shell-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  --um-border: #2a3348;
  --um-hero-text: #fff;
  --um-body-bg: #121826;
  --um-card-bg: #1c2436;
  --um-text: #e8edf7;
  --um-muted: #8b93a7;
  --um-line: #2a3348;
  --um-row-hover: rgba(255, 255, 255, 0.035);
  --um-close-bg: rgba(255, 255, 255, 0.08);
  --um-chip-auto-bg: #1e3a28;
  --um-chip-auto-color: #8ee08a;
  --um-chip-excel-bg: #24314a;
  --um-chip-excel-color: #9db4e8;
  --um-chip-edit-bg: #2a2744;
  --um-chip-edit-color: #c4b5f0;
  --um-up: #7ee08a;
  --um-down: #f0a0a0;
  --um-empty-bg: #1c2436;
  --um-loader: #c5cce0;
}
.um {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: none;
  border-radius: 16px;
  overflow: hidden;
  isolation: isolate;
  box-shadow: var(--um-shell-shadow);
  color: var(--um-text);
}
.um::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--um-border);
  pointer-events: none;
  z-index: 5;
}
.um-hero {
  position: relative;
  flex-shrink: 0;
  padding: 18px 18px 18px 24px;
  color: var(--um-hero-text);
  background: radial-gradient(900px 160px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(700px 140px at 120% 0%, rgba(44, 152, 240, 0.2), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.um-hero-row {
  display: flex;
  align-items: flex-start;
  gap: 12px 16px;
}
.um-heading {
  min-width: 0;
  flex: 1;
}
.um-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 6px;
  font-weight: 600;
}
.um-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}
.um-sub {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.68;
}
.um-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  margin-left: auto;
}
.um-sort {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  padding: 3px;
}
.um-sort-btn {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  border-radius: 999px;
  padding: 0 10px;
  height: 28px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  line-height: 28px;
}
.um-sort-btn.--on {
  background: #fff;
  color: #171d2b;
}
.um-close {
  width: 36px;
  height: 36px;
  border: 0;
  background: var(--um-close-bg);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 36px;
  padding: 0;
  transition: 0.2s;
}
.um-close:hover {
  background: rgba(255, 255, 255, 0.16);
}
.um-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  margin-top: 18px;
}
.um-stat b {
  display: block;
  font-size: 20px;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.um-stat span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.55;
}
.um-stat.--accent b {
  color: #b6f0b0;
}
.um-content {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: var(--um-shell);
  overflow: hidden;
}
.um-body {
  flex: 1;
  overflow: auto;
  min-height: 0;
  padding: 16px 18px 24px;
}
.um-card {
  background: var(--um-card-bg);
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
  overflow: hidden;
}
.um-table-wrap {
  overflow: auto;
}
.um-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.um-table th,
.um-table td {
  padding: 12px 14px;
  vertical-align: top;
  border-bottom: 1px solid var(--um-line);
}
.um-table th {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--um-muted);
  white-space: nowrap;
}
.um-table tbody tr:last-child td {
  border-bottom: 0;
}
.um-table tbody tr:hover td {
  background: var(--um-row-hover);
}
.um-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.um-chip.--auto {
  background: var(--um-chip-auto-bg);
  color: var(--um-chip-auto-color);
}
.um-chip.--excel {
  background: var(--um-chip-excel-bg);
  color: var(--um-chip-excel-color);
}
.um-chip.--editor {
  background: var(--um-chip-edit-bg);
  color: var(--um-chip-edit-color);
}
.um-empty {
  background: var(--um-empty-bg);
  border-radius: 14px;
  padding: 56px 24px;
  text-align: center;
}
.um-empty-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(92, 168, 69, 0.12);
  color: #5ca845;
  font-size: 22px;
}
.um-empty-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--um-muted);
  font-weight: 700;
}
.um-empty-title {
  margin-top: 6px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.um-empty p {
  margin: 8px 0 0;
  color: var(--um-muted);
  font-size: 14px;
}
.um-hint {
  text-align: center;
  color: var(--um-muted);
  padding: 36px 16px;
}
@media (max-width: 900px) {
  .ultra-modal .modal-dialog {
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    width: auto;
    max-width: none;
  }
}
.c-upload-btn {
  position: relative;
}
.c-upload-btn .cub-logo {
  margin-top: 14px;
  width: 176px;
  height: 86px;
  text-align: center;
  background: #00000024;
  position: relative;
  cursor: pointer;
}
.c-upload-btn .cub-logo.white-bg {
  background-color: #fff;
}
.c-upload-btn .cub-logo:hover .cub-change {
  opacity: 1;
  visibility: visible;
}
.c-upload-btn .cub-remove {
  position: absolute;
  z-index: 2;
  left: 5px;
  background: #000;
  width: 20px;
  text-align: center;
  top: 3px;
  color: #fff;
}
.c-upload-btn .cub-load {
  z-index: 3;
  position: relative;
  font-size: 63px;
  line-height: 52px;
}
.c-upload-btn .cub-logo img {
  max-width: 176px;
  max-height: 86px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-upload-btn .cub-change {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #1a202f;
  padding: 5px 10px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  color: #fff;
}
.view-settings-comings .ui-select-bootstrap .ui-select-match-text {
  color: #999 !important;
}
.view-settings-deals .row.vsd-item {
  display: flex;
  justify-content: space-between;
}
.view-settings-deals .row.vsd-item::before,
.view-settings-deals .row.vsd-item::after {
  display: none;
}
.view-settings-listing .vsl-flex {
  display: flex;
  align-items: center;
}
.view-settings-listing .vsl-flex toggler-inline {
  margin-left: auto;
}
.view-settings-listing .vsl-flex > b {
  line-height: 14px;
  margin-top: -3px;
  font-size: 13px;
  padding-right: 13px;
}
.view-settings-listing span.handle {
  min-width: 21px;
  margin-top: -1px;
  max-width: 21px;
}
.c-wazzup-button-menu {
  position: relative;
}
.c-wazzup-button-menu .cwbm-frame {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-wazzup-button-menu .cwbm-count {
  position: absolute;
  background: #432e77;
  min-width: 26px;
  height: 26px;
  border-radius: 9px;
  right: 2px;
  top: 4px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  pointer-events: none;
  padding: 0 6px;
}
.c-wazzup-frame .cwbm-frame {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1a2031;
}
.c-wazzup-frame .cwbm-frame-back {
  position: absolute;
  left: 0;
  right: 0;
  width: 180px;
  top: 0;
  bottom: 0;
  transition: 0.3s;
}
.c-wazzup-frame .cwbm-frame-back:hover {
  cursor: pointer;
  background-color: #262f4896;
}
.c-wazzup-frame .cwbm-frame-back:hover i {
  color: #545e7b;
  right: 100px;
}
.c-wazzup-frame .cwbm-frame-back i {
  position: absolute;
  top: 50%;
  font-size: 100px;
  color: #232a3e;
  right: 60px;
  transform: translateY(-50%);
  transition: 0.3s;
  text-shadow: 0px 2px 10px #05123338;
}
.c-wazzup-frame .wait-text {
  position: absolute;
  z-index: 1;
  color: #fff;
  left: 50%;
  top: 50%;
  font-weight: bold;
  font-size: 16px;
  opacity: 0.5;
}
.c-wazzup-frame .cwbm-frame-area {
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  z-index: 2;
  bottom: 0;
}
.c-wazzup-frame .cwbm-frame-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .c-wazzup-frame .cwbm-frame-area {
    position: relative;
    height: 100%;
    left: unset;
  }
}
.finder1CDocModal {
  /*background: @modalBackgroundColor;*/
}
.finder1CDocModal .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.finder1CDocModal .search-btn {
  text-align: center;
}
.finder1CDocModal .result-code {
  font-size: 12px;
  display: flex;
  margin-top: 6px;
}
.finder1CDocModal .result-description {
  font-size: 12px;
  margin-top: 4px;
}
.finder1CDocModal .results {
  margin-top: 30px;
}
.finder1CDocModal .result {
  margin-top: 15px;
}
.finder1CDocModal .flex input {
  margin-right: 10px;
}
.finder1CDocModal .flex button {
  height: 34px;
  display: block;
  width: 100%;
}
.finder1CDocModal .this-code {
  display: inline-block;
  margin-left: 10px;
  opacity: 0.4;
}
body {
  --ma-stats-bg: #1c2437;
  --realtor-info-border: #3e4661;
  --realtor-rieltor-bg-hover: #38435f;
}
body.theme-white {
  --ma-stats-bg: #fff;
  --realtor-info-border: #c6cddf;
  --realtor-rieltor-bg-hover: #c3d1e3;
}
.agencyInfoModal .modal-dialog {
  margin: 0 auto;
}
.agencyInfoModal .sm-events {
  max-height: calc(100vh - 120px);
}
.agencyInfoModal .san-info-btns {
  margin-top: 10px;
}
.agencyInfoModal .sm-log {
  padding: 0px;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 12px;
}
.agencyInfoModal .sm-log-title {
  opacity: 0.6;
  font-weight: normal;
}
.agencyInfoModal .sm-log-data {
  padding: 0px;
  margin-top: 4px;
  font-size: 12px;
}
.agencyInfoModal .ma-stats {
  display: flex;
  margin: 0px 0px 0px;
  height: 100px;
  background: var(--ma-stats-bg);
  border-radius: 15px;
}
.agencyInfoModal .ma-stats .std-tabs.--inverse .nav.nav-tabs > li.active > a {
  color: #333;
}
.agencyInfoModal .ma-stat {
  margin: 0 5px;
  text-align: center;
  padding: 17px 6px 9px;
  width: 100%;
}
.agencyInfoModal .ma-stat:last-child {
  min-width: 28%;
}
.agencyInfoModal .ma-stat-count {
  font-size: 24px;
  margin-bottom: 0px;
}
.agencyInfoModal .ma-stat-title {
  color: #a3a7ae;
  line-height: 1.4em;
  font-size: 11px;
  margin-top: 3px;
}
.agencyInfoModal .ri-deals {
  margin-top: 30px;
}
.agencyInfoModal .san-info {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}
.agencyInfoModal .san-info span {
  float: right;
  margin-top: -8px;
}
.agencyInfoModal .san-arr {
  margin-top: 30px;
}
.agencyInfoModal .std-modal-area-closer {
  right: 1111px;
}
.agencyInfoModal .realtorInfoIn {
  min-height: 100vmin;
  padding-bottom: 0;
}
.agencyInfoModal .ri-deal {
  padding: 15px 20px;
  margin: 0px 0 10px;
  border-radius: 6px;
  justify-content: space-between;
}
.agencyInfoModal .ri-deal-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.agencyInfoModal .ri-deal-status {
  padding: 0px 0;
}
.agencyInfoModal .rm-flex {
  display: flex;
  margin: 0px -30px 0 -30px;
  padding-top: 0px;
  overflow: hidden;
}
.agencyInfoModal .rm-right {
  min-width: 520px;
  position: relative;
  border-left: 1px solid var(--card-border-color);
  margin: -71px 0 0px;
  max-width: 520px;
  min-height: 100vmin;
  padding-top: 70px;
}
.agencyInfoModal .rm-left {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}
.agencyInfoModal .sa-c-rl-rieltor {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 10px 10px;
  margin: 0 -10px;
  transition: 0.2s;
}
.agencyInfoModal .sa-c-rl-rieltor.--start {
  font-size: 12px;
}
.agencyInfoModal .sa-c-rl-rieltor:hover {
  background: var(--realtor-rieltor-bg-hover);
  cursor: pointer;
}
.agencyInfoModal .saa-title {
  min-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.agencyInfoModal .saa-leads {
  min-width: 60px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 60px;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-align: right;
}
.agencyInfoModal .saa-books {
  min-width: 60px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 60px;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-align: right;
}
.agencyInfoModal .saa-deals {
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80px;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-align: right;
}
.agencyInfoModal .saa-last {
  min-width: 79px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 79px;
  text-overflow: ellipsis;
  margin-right: 0px;
  text-align: right;
}
.aiSetsIntroModal {
  transition: 0 !important;
  /* Animated background particles */
  /* Gradient orbs */
  /* Main content */
  /* SVG Skyline */
  /* Responsive */
}
.aiSetsIntroModal .modal-dialog {
  width: auto;
  left: 0;
  top: 0;
  margin: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #000000cc;
  backdrop-filter: blur(3px);
  transition: 0 !important;
}
.aiSetsIntroModal .ais-text-op {
  opacity: 0.8;
}
.aiSetsIntroModal .link {
  color: #fff !important;
  border-bottom-color: #fff !important;
}
.aiSetsIntroModal .ais-btn {
  margin-top: 50px;
  position: relative;
  z-index: 10;
}
.aiSetsIntroModal .modal-content {
  position: fixed;
  box-shadow: none;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: none;
  transition: 0 !important;
}
.aiSetsIntroModal .ais-flex-image {
  min-width: 200px;
  max-width: 200px;
  height: 200px;
  position: relative;
}
.aiSetsIntroModal .ais-flex-image img {
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: 15s;
}
.aiSetsIntroModal img.fakesd {
  animation: meAnimate 20s 1 ease-in-out;
}
.aiSetsIntroModal .ais-title {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 50px;
}
@keyframes meAnimate {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  20.2% {
    opacity: 1;
  }
  20.4% {
    opacity: 0.2;
  }
  25% {
    opacity: 0.25;
  }
  25.2% {
    opacity: 1;
  }
  25.4% {
    opacity: 0.25;
  }
  55% {
    opacity: 0.55;
  }
  55.2% {
    opacity: 1;
  }
  55.4% {
    opacity: 0.55;
  }
  60% {
    opacity: 0.6;
  }
  60.2% {
    opacity: 1;
  }
  60.4% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.8;
  }
  80.2% {
    opacity: 0;
  }
  80.4% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.aiSetsIntroModal .ais-flex {
  display: flex;
}
.aiSetsIntroModal .ais-text {
  margin-left: 50px;
  text-align: left;
  font-size: 18px;
}
.aiSetsIntroModal .bg {
  background: linear-gradient(135deg, #0a0a0a7a 0%, #1a1a2e 50%, #16213e 100%);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.aiSetsIntroModal .background-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.aiSetsIntroModal .particle {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  animation: floatAiSets 20s infinite ease-in-out;
}
@keyframes floatAiSets {
  0%,
  100% {
    transform: translateY(0) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  50% {
    transform: translateY(-100px) translateX(50px);
    opacity: 0.5;
  }
}
.aiSetsIntroModal .gradient-orb {
  position: fixed;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
  animation: pulseAiSets 15s infinite ease-in-out;
}
.aiSetsIntroModal .orb-1 {
  width: 400px;
  height: 400px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  top: -200px;
  left: -200px;
  animation-delay: 0s;
}
.aiSetsIntroModal .orb-2 {
  width: 300px;
  height: 300px;
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  bottom: -150px;
  right: -150px;
  animation-delay: 5s;
}
.aiSetsIntroModal .orb-3 {
  width: 350px;
  height: 350px;
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  top: 50%;
  right: -175px;
  animation-delay: 10s;
}
@keyframes pulseAiSets {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.5;
  }
}
.aiSetsIntroModal .containerss {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 809px;
  animation: fadeInUpAiSets 0.4s ease-out;
  margin-top: 110px;
  padding-bottom: 100px;
}
@keyframes fadeInUpAiSets {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.aiSetsIntroModal h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 30px;
  background: linear-gradient(135deg, #ffffff 0%, #a0a0a0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
}
.aiSetsIntroModal .subtitle {
  font-size: 1.5rem;
  margin-bottom: 40px;
  color: #d0d0d0;
  line-height: 1.6;
  font-weight: 300;
}
.aiSetsIntroModal .company-name {
  font-size: 2.5rem;
  font-weight: 600;
  color: #667eea;
  margin: 30px 0;
  text-shadow: 0 0 20px rgba(102, 126, 234, 0.5);
}
.aiSetsIntroModal .description {
  font-size: 1.3rem;
  margin-bottom: 50px;
  color: #b0b0b0;
  line-height: 1.8;
}
.aiSetsIntroModal .start-button {
  display: inline-block;
  padding: 20px 60px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
  position: relative;
  overflow: hidden;
}
.aiSetsIntroModal .start-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
.aiSetsIntroModal .start-button:hover::before {
  width: 300px;
  height: 300px;
}
.aiSetsIntroModal .start-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);
}
.aiSetsIntroModal .start-button:active {
  transform: translateY(-1px);
}
.aiSetsIntroModal .start-button span {
  position: relative;
  z-index: 1;
}
.aiSetsIntroModal .skyline-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 0;
  opacity: 0.6;
  pointer-events: none;
}
.aiSetsIntroModal .skyline-svg {
  width: 100%;
  height: 100%;
}
.aiSetsIntroModal .building {
  animation: buildingGlowAiSets 3s infinite ease-in-out;
}
@keyframes buildingGlowAiSets {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
  }
}
@media (max-width: 768px) {
  .aiSetsIntroModal h1 {
    font-size: 2.5rem;
  }
  .aiSetsIntroModal .subtitle {
    font-size: 1.2rem;
  }
  .aiSetsIntroModal .company-name {
    font-size: 2rem;
  }
  .aiSetsIntroModal .description {
    font-size: 1.1rem;
  }
  .aiSetsIntroModal .start-button {
    padding: 18px 50px;
    font-size: 1.3rem;
  }
}
.audioPlayerModal {
  background: #2d334459;
}
.audioPlayerModal .modal-dialog {
  width: 600px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.audioPlayerModal audio {
  width: 100%;
}
.audioPlayerModal .awfgr {
  line-height: 54px;
  text-align: center;
}
.audioPlayerModal .direct-link {
  margin-top: 10px;
  font-size: 13px;
}
.automateActionModal {
  background: #2d334459;
}
.automateActionModal .modal-dialog {
  width: 800px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.automateActionModal .sd-togle {
  position: absolute;
  margin-left: 210px;
  top: 23px;
}
.automateActionModal .std-modal-subtitle {
  margin-top: 30px;
}
.automateActionModal .aa-num {
  text-align: center;
  margin: 0px 0;
  font-size: 20px;
  opacity: 0.3;
}
.automateActionModal .remover {
  position: absolute;
  right: 15px;
  border-bottom: 1px dashed;
  font-size: 12px;
  cursor: pointer;
}
.automateActionModal .setting.reqthis .form-group > label {
  color: var(--color-red);
}
.automateLogsModal .al-filters-card {
  padding: 16px 16px 8px;
  margin-bottom: 12px;
}
.automateLogsModal .al-filters {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.automateLogsModal .al-filters .form-group {
  width: 210px;
  margin: 0;
}
.automateLogsModal .al-filters label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--um-muted);
  margin-bottom: 6px;
}
.automateLogsModal .al-search-btn,
.automateLogsModal .al-excel-btn,
.automateLogsModal .al-copy {
  border: 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
}
.automateLogsModal .al-search-btn {
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 16px;
  height: 36px;
}
.automateLogsModal .al-search-btn:hover {
  opacity: 0.86;
}
.automateLogsModal .al-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 2px 12px;
  color: var(--um-muted);
  font-size: 13px;
}
.automateLogsModal .al-summary b {
  color: var(--um-text);
}
.automateLogsModal .al-summary-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
}
.automateLogsModal .al-excel-btn {
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 12px;
  height: 30px;
}
.automateLogsModal .al-excel-btn i {
  margin-right: 6px;
}
.automateLogsModal .al-excel-btn:hover {
  opacity: 0.86;
}
.automateLogsModal .al-logs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.automateLogsModal .al-log {
  padding: 14px 16px 16px;
}
.automateLogsModal .al-log-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.automateLogsModal .al-log-type {
  min-width: 0;
}
.automateLogsModal .al-log-type b {
  display: block;
  font-size: 14px;
  letter-spacing: -0.02em;
  word-break: break-all;
}
.automateLogsModal .al-status {
  display: inline-block;
  margin-top: 6px;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  background: #e8eef8;
  color: #3d5aa8;
}
.automateLogsModal .al-log-date {
  color: var(--um-muted);
  font-size: 12px;
  white-space: nowrap;
  padding-top: 2px;
}
.automateLogsModal .al-log-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 10px;
  color: var(--um-muted);
  font-size: 13px;
}
.automateLogsModal .al-log-meta a {
  color: #171d2b;
  font-weight: 600;
}
.automateLogsModal .al-log-cols {
  display: flex;
  gap: 16px;
}
.automateLogsModal .al-log-col,
.automateLogsModal .al-log-data {
  flex: 1;
  min-width: 0;
  overflow: auto;
  max-height: 420px;
}
.automateLogsModal .al-log-col-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--um-muted);
  margin-bottom: 8px;
}
.automateLogsModal .al-log-empty {
  color: var(--um-muted);
  font-size: 13px;
}
.automateLogsModal .al-copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  background: #eef1f7;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 12px;
  height: 30px;
}
.automateLogsModal .al-copy:hover {
  background: #e0e5ef;
}
.bookAdditivModal {
  /*background: @modalBackgroundColor;*/
}
.bookAdditivModal .modal-dialog {
  width: 580px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.bookAdditivModal .ba-loader {
  min-height: 300px;
}
.bookAdditivModal .type-info {
  margin-top: -20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.bookAdditivModal .label-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
.bookAdditivModal .ba-sm,
.bookAdditivModal .transp {
  opacity: 0.5;
}
.bookAdditivModal .ba-config-price {
  white-space: nowrap;
  margin-left: 70px;
}
.book-assignment-modal .std-modal {
  min-width: 700px;
  max-width: 700px;
}
.book-assignment-modal .ba-parts-title {
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: bold;
}
.book-assignment-modal .ba-parts-list-item {
  display: flex;
  background: var(--el-buttons-list-item-bg);
  padding: 10px 20px;
  margin-bottom: 9px;
  justify-content: space-between;
  width: 312px;
  margin-right: 16px;
  align-items: center;
  transition: 0.3s;
}
.book-assignment-modal .ba-parts-list-item:hover {
  cursor: pointer;
}
.book-assignment-modal .ba-parts-list-item:nth-child(2n) {
  margin-right: 0;
}
.book-assignment-modal .ba-parts-list {
  display: flex;
  flex-wrap: wrap;
}
.book-assignment-modal .ba-parts-list-item-fio {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bookCertificateModal .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.bookCertificateModal .ba-loader {
  min-height: 300px;
}
.bookCertificateModal .ba-sm,
.bookCertificateModal .transp {
  opacity: 0.5;
}
.bookCertificateModal .ba-config-price {
  white-space: nowrap;
}
.bookDealSummarySettingsModal .modal-dialog {
  width: 600px;
}
.bookDealSummarySettingsModal .bds-settings-lead {
  padding: 0 20px;
  margin-bottom: 8px;
  opacity: 0.7;
}
.bookDealSummarySettingsModal .bds-settings-help {
  display: inline-block;
  margin: 0 20px 16px;
}
.bookDealSummarySettingsModal .bds-settings-list {
  padding: 0 20px 10px;
  max-height: calc(100vh - 280px);
  overflow: auto;
}
.bookDealSummarySettingsModal .bds-settings-group {
  margin: 30px 0 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  opacity: 0.45;
}
.bookDealSummarySettingsModal .bds-settings-row {
  padding: 12px 0;
  border-top: 1px solid var(--standart-border, #e6e6e6);
}
.bookDealSummarySettingsModal .bds-settings-hint {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.5;
}
.bookDealSummarySettingsModal .bds-settings-stage {
  margin-top: 10px;
  max-width: 320px;
}
.bookDealSummarySettingsModal .bds-settings-stage label {
  display: block;
  font-weight: normal;
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 4px;
}
.bookDocpriceModal {
  /*background: @modalBackgroundColor;*/
}
.bookDocpriceModal .modal-dialog {
  width: 580px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.bookDocpriceModal .ba-loader {
  min-height: 300px;
}
.bookDocpriceModal .ba-sm,
.bookDocpriceModal .transp {
  opacity: 0.5;
}
.bookDocpriceModal .ba-config-price {
  white-space: nowrap;
}
body.theme-white .bookDocsModal {
  --bm-errors-template-color: #dfb806;
}
.bookDocsModal {
  /*background: @modalBackgroundColor;*/
  --bm-errors-template-color: #ffff00;
}
.bookDocsModal .modal-dialog {
  width: 1100px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.bookDocsModal .c-bm-cd .bm-errors-template {
  display: inline-block;
  color: var(--bm-errors-template-color);
  margin-top: 20px;
  border: 1px solid;
  padding: 20px;
}
.bookDocsModal .c-bm-cd .bm-errors-template strong {
  display: inline-block;
  margin-right: 20px;
}
.bookDopnikModal .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.bookDopnikModal .ba-loader {
  min-height: 300px;
}
.bookDopnikModal .ba-sm,
.bookDopnikModal .transp {
  opacity: 0.5;
}
.bookDopnikModal .ba-config-price {
  white-space: nowrap;
}
.booksAgreeSettingsModal .modal-dialog {
  width: 440px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.callDecrModal {
  background: #2d334459;
}
.callDecrModal .std-modal {
  min-width: 700px;
}
.callDecrModal .tabled-row {
  display: flex;
  margin-bottom: 10px;
}
.callDecrModal .tabled-time {
  min-width: 60px;
}
.callDecrModal .tabled-owner {
  min-width: 120px;
}
.callsStatModal td.col-sub-stat {
  width: 100px;
}
.callsStatModal td.col-stat {
  width: 120px;
}
.callsStatModal td.call-st {
  width: 260px;
}
.callsStatModal .morestat {
  width: 750px;
}
body {
  --changeArrayModalCtrl-item-bg: #394563;
  --changeArrayModalCtrl-item-bg-hover: #546284;
}
body.theme-white {
  --changeArrayModalCtrl-item-bg: #cad3e8;
  --changeArrayModalCtrl-item-bg-hover: #b0bee0;
}
.changeArrayModalCtrl {
  /*background: @modalBackgroundColor;*/
}
.changeArrayModalCtrl .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeArrayModalCtrl .cunm-user {
  background: var(--changeArrayModalCtrl-item-bg);
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
}
.changeArrayModalCtrl .cunm-user:hover {
  background: var(--changeArrayModalCtrl-item-bg-hover);
  cursor: pointer;
}
.changeDealAnPreComissionModal {
  /*background: @modalBackgroundColor;*/
}
.changeDealAnPreComissionModal .modal-dialog {
  width: 600px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeDealAnPreComissionModal .flexrow {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}
.changeDealAnPreComissionModal .flexcol {
  width: 100%;
}
.changeDealAnPreComissionModal .flexcol-title {
  font-weight: bold;
  /* margin-top: 15px; */
}
.changeDealAnPreComissionModal .flexcol-val {
  margin-bottom: 10px;
}
.changeDealAnPreComissionModal .flexcol-bad {
  line-height: 28px;
  opacity: 0.5;
}
.changeDealAnPreComissionModal .final-flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px 10px;
}
.changeDealAnPreComissionModal .final-flex .final-item {
  width: 100%;
  margin: 0 10px;
}
.changeDealAnPreComissionModal .com-val {
  margin: 20px 0 10px;
}
.changeDealAnPreComissionModal .flexcol {
  margin: 0 10px;
}
.changeDealAnPreComissionModal .flexrow {
  margin: 0 -10px;
}
.changeLeadsArrayStatus {
  /*background: @modalBackgroundColor;*/
}
.changeLeadsArrayStatus .modal-dialog {
  width: 1000px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeLeadsArrayStatus .cl-statuses {
  display: flex;
  justify-content: space-between;
  margin: 30px -10px 20px;
}
.changeLeadsArrayStatus .cl-status {
  width: 100%;
  margin: 0 10px;
}
.changeLeadsArrayStatus .cl-status-title {
  opacity: 0.5;
  font-weight: bold;
}
.changeProjectModal {
  /*background: @modalBackgroundColor;*/
}
.changeProjectModal .modal-dialog {
  width: 360px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeProjectModal .cunm-user {
  background: #394563;
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
}
.changeProjectModal .cunm-user:hover {
  background: #546284;
  cursor: pointer;
}
.changeRealtorAgencyModal {
  /*background: @modalBackgroundColor;*/
}
.changeRealtorAgencyModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeRealtorAgencyModal .nm-nochoises {
  color: #000;
  padding: 10px;
}
body {
  --modal-house-bg: #2f3851;
  --modal-house-border: #606d8c;
  --modal-house-button: #4a5778;
}
body.theme-white {
  --modal-house-bg: #c8d3e6;
  --modal-house-border: #b8c5db;
  --modal-house-button: #a4b0cf;
}
.configurationModalCtrl {
  background: #2d334459;
}
.configurationModalCtrl .std-modal {
  min-width: 1140px;
}
.configurationModalCtrl .sc-group {
  position: relative;
  border-bottom: 3px solid #999;
  margin: 0 -30px 0px;
  padding: 30px;
}
.configurationModalCtrl .sc-group-inner {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.configurationModalCtrl .remove {
  z-index: 2;
  margin-left: auto;
}
.configurationModalCtrl .sc-group-head {
  display: flex;
  margin-left: 0px;
  margin-top: 20px;
  margin-bottom: 15px;
}
.configurationModalCtrl .sc-group-head > * {
  margin-right: 15px;
}
.configurationModalCtrl .sc-group-header {
  display: flex;
  align-items: center;
}
.configurationModalCtrl .sc-group-anme {
  min-width: 600px;
}
.configurationModalCtrl .sc-group-number {
  font-size: 18px;
  font-weight: bold;
  margin-right: 20px;
}
.configurationModalCtrl .sc-group-title {
  width: 250px;
}
.configurationModalCtrl .sc-group-title:last-child {
  margin-right: 0;
}
.configurationModalCtrl table {
  width: 100%;
  margin: 10px 0 20px;
}
.configurationModalCtrl .preview-out {
  background: #fff;
  text-align: center;
  padding: 38px;
}
.configurationModalCtrl .preview-in {
  margin: auto;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
}
.configurationModalCtrl .project-title {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.configurationModalCtrl .md-badges-colors {
  display: flex;
}
.configurationModalCtrl .md-badges-colors span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  transition: 0.3s;
}
.configurationModalCtrl .md-badges-colors span i {
  opacity: 0;
}
.configurationModalCtrl .md-badges-colors span.active {
  box-shadow: 0px 0px 10px #fff;
  transform: scale(1.2);
}
.configurationModalCtrl .md-badges-colors span.active i {
  opacity: 1;
}
.configurationModalCtrl .md-badges {
  display: flex;
  justify-content: space-between;
}
.configurationModalCtrl .md-badges span {
  line-height: 34px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
}
.configurationModalCtrl .md-badges span.active {
  background: #596485;
}
.configurationModalCtrl .houses {
  display: flex;
  flex-wrap: wrap;
}
.configurationModalCtrl .house {
  margin-right: 10px;
  width: 178px;
  text-align: center;
  border: 1px solid var(--modal-house-border);
  margin-bottom: 10px;
  border-radius: 2px;
  background: var(--modal-house-bg);
  padding: 10px 0;
}
.configurationModalCtrl .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.configurationModalCtrl .house button {
  background: var(--modal-house-button);
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
}
.createRealtorModal {
  /*background: @modalBackgroundColor;*/
}
.createRealtorModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.createRealtorModal .nm-nochoises {
  color: #000;
  padding: 10px;
}
.createTicketModal {
  background: #2d334459;
}
.createTicketModal .std-modal {
  min-width: 800px;
}
.createTicketModal form {
  margin-top: 30px;
}
.datafeedEditModal .modal-dialog {
  width: 600px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.dealDocsPaysCalcModal .std-modal {
  padding: 0;
}
.dealDocsPaysCalcModal .mfi-h {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}
.dealDocsPaysCalcModal .modal-dialog {
  width: 960px;
  margin: -1px auto;
  top: 20px;
}
.dealDocsPaysCalcModal .inner {
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .dealDocsPaysCalcModal .inner {
    padding: 20px;
  }
}
.dealDocsPaysCalcModal .pay-num {
  min-width: 25px;
}
.dealDocsPaysCalcModal .pay-num-line {
  line-height: 34px;
}
.dealDocsPaysCalcModal .or-start {
  height: 10px;
  border: 1px solid #999;
  border-bottom: none;
  margin: 0 -10px;
  margin-top: 30px;
}
.dealDocsPaysCalcModal .pay-actions {
  text-align: right;
  width: 100%;
}
.dealDocsPaysCalcModal .pay-actions.cont {
  display: flex;
  height: 34px;
  justify-content: flex-end;
  align-items: center;
}
.dealDocsPaysCalcModal .nakop-error {
  margin-top: 30px;
}
.dealDocsPaysCalcModal .pays-empty {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  opacity: 0.5;
  margin-top: 27px;
}
.dealDocsPaysCalcModal .pay-row {
  display: flex;
  margin-bottom: 10px;
}
.dealDocsPaysCalcModal .pay-row.--start {
  opacity: 0.5;
}
.dealDocsPaysCalcModal .pay-row .ic {
  border: 1px solid #999;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
}
.dealDocsPaysCalcModal .pay-date {
  min-width: 140px;
  max-width: 140px;
  margin-right: 15px;
}
.dealDocsPaysCalcModal .final {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dealDocsPaysCalcModal .pay-amount {
  min-width: 140px;
  max-width: 140px;
  margin-right: 15px;
  text-align: right;
  display: flex;
  align-items: center;
}
.dealDocsPaysCalcModal .pay-nakop {
  min-width: 140px;
  max-width: 140px;
  text-align: right;
  margin-right: 15px;
}
.dealDocsPaysCalcModal .pay-amount input {
  text-align: right;
}
.dealDocsPaysCalcModal .asd[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.dealDocsPaysCalcModal .or-end {
  height: 10px;
  border: 1px solid #999;
  border-top: none;
  margin: -3px -10px;
  margin-bottom: 26px;
}
.dealDocsPaysCalcModal .or {
  text-align: center;
  margin-bottom: 10px;
}
.dealDocsPaysCalcModal .input-height {
  line-height: 34px;
}
.dealDocsPaysCalcModal .area-flex {
  display: flex;
  margin-top: 30px;
}
.dealDocsPaysCalcModal .area-flex-left {
  min-width: 260px;
  margin-right: 60px;
}
.dealDocsPaysCalcModal .area-flex-right {
  width: 100%;
}
.dealDocsPaysCalcModal .col-title:first-child {
  margin-top: 0;
}
.dealDocsPaysCalcModal .sum-flex {
  display: flex;
}
.dealDocsPaysCalcModal .sum-flex-sum {
  margin-right: 10px;
}
.dealDocsPaysCalcModal .sum-flex-type {
  min-width: 70px;
}
.dealDocsPaysCalcModal .col-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 30px;
}
.dealPaysCompareModal .std-modal {
  min-width: 1000px;
}
.dealPaysCompareModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.dealPaysCompareModal .preview-out {
  background: #fff;
  text-align: center;
  padding: 38px;
}
.dealPaysCompareModal .preview-in {
  margin: auto;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
}
.dealPaysCompareModal .project-title {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dealPaysCompareModal .md-badges-colors {
  display: flex;
}
.dealPaysCompareModal .md-badges-colors span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  transition: 0.3s;
}
.dealPaysCompareModal .md-badges-colors span i {
  opacity: 0;
}
.dealPaysCompareModal .md-badges-colors span.active {
  box-shadow: 0px 0px 10px #fff;
  transform: scale(1.2);
}
.dealPaysCompareModal .md-badges-colors span.active i {
  opacity: 1;
}
.dealPaysCompareModal .md-badges {
  display: flex;
  justify-content: space-between;
}
.dealPaysCompareModal .md-badges span {
  line-height: 34px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
}
.dealPaysCompareModal .md-badges span.active {
  background: #596485;
}
.dealPaysCompareModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.dealPaysCompareModal .house {
  margin-right: 10px;
  width: 200px;
  text-align: center;
  border: 1px solid #c5cdde;
  margin-bottom: 10px;
  border-radius: 2px;
  background: #d6dbe9;
  padding: 10px 0;
}
.dealPaysCompareModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.dealPaysCompareModal .house button {
  background: #2c98f0;
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
  color: #fff;
}
body {
  --discountModal-md-badges-bg-active: #596485;
  --discountModal-pp-row-counter: #2f3950;
}
body.theme-white {
  --discountModal-md-badges-bg-active: #a6b1d3;
  --discountModal-pp-row-counter: #aebbdb;
}
.discountModalCtrlModal {
  background: #2d334459;
}
.discountModalCtrlModal .dfe-project-row {
  max-width: 520px;
}
.discountModalCtrlModal .dfe-project-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}
.discountModalCtrlModal .dfe-project-controls .ui-select-container {
  flex: 1;
  min-width: 0;
}
.discountModalCtrlModal .dfe-project-controls .std-btn {
  padding: 7px 20px;
  flex-shrink: 0;
  white-space: nowrap;
}
.discountModalCtrlModal .std-modal {
  min-width: 1100px;
}
.discountModalCtrlModal .std-modal-subtitle {
  margin-top: 40px;
}
.discountModalCtrlModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.discountModalCtrlModal .preview-out {
  background: #fff;
  text-align: center;
  padding: 38px;
}
.discountModalCtrlModal .catalog-title {
  opacity: 0.5;
  font-size: 12px;
}
.discountModalCtrlModal .pp-row {
  display: flex;
  margin-top: 20px;
}
.discountModalCtrlModal .pp-row-info {
  width: 100%;
}
.discountModalCtrlModal .pp-row-counter {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: var(--discountModal-pp-row-counter);
  margin-right: 20px;
  margin-top: 25px;
}
.discountModalCtrlModal .pp-row-remover {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: var(--discountModal-pp-row-counter);
  margin-left: 20px;
  margin-top: 25px;
}
.discountModalCtrlModal .preview-in {
  margin: auto;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
}
.discountModalCtrlModal .md-badges-colors {
  display: flex;
  flex-wrap: wrap;
}
.discountModalCtrlModal .md-badges-colors span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  margin-bottom: 5px;
  transition: 0.3s;
}
.discountModalCtrlModal .md-badges-colors span i {
  opacity: 0;
}
.discountModalCtrlModal .md-badges-colors span.active {
  box-shadow: 0px 0px 10px #fff;
  transform: scale(1.2);
}
.discountModalCtrlModal .md-badges-colors span.active i {
  opacity: 1;
}
.discountModalCtrlModal .md-badges {
  display: flex;
  justify-content: space-between;
}
.discountModalCtrlModal .md-badges span {
  line-height: 34px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
}
.discountModalCtrlModal .md-badges span.active {
  background: var(--discountModal-md-badges-bg-active);
}
.discountModalCtrlModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.discountModalCtrlModal .house {
  margin-right: 10px;
  width: 200px;
  text-align: center;
  border: 1px solid var(--modal-house-border);
  margin-bottom: 10px;
  border-radius: 2px;
  background: var(--modal-house-bg);
  padding: 10px 0;
}
.discountModalCtrlModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.discountModalCtrlModal .house button {
  background: var(--modal-house-button);
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
}
.discountFlatsEditorModal.ultra-modal {
  --um-width: calc(100vw - 32px);
}
.discountFlatsEditorModal.ultra-modal .modal-dialog {
  left: 16px;
  right: 16px;
  width: auto;
  max-width: none;
}
.discountFlatsEditorModal.ultra-modal .um-content {
  overflow: hidden;
  position: relative;
}
.discountFlatsEditorModal.ultra-modal .um-body {
  overflow: hidden;
}
.discountFlatsEditorModal .form-control,
.discountFlatsEditorModal .ui-select-bootstrap > .ui-select-match > .btn,
.discountFlatsEditorModal .ui-select-bootstrap .ui-select-match-text {
  color: var(--um-text);
}
.discountFlatsEditorModal .ui-select-bootstrap .ui-select-placeholder {
  color: var(--um-text);
  opacity: 0.55;
}
.discountFlatsEditorModal .form-control::placeholder {
  color: var(--um-muted);
  opacity: 1;
}
.discountFlatsEditorModal .dfe-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 16px;
  min-height: 0;
}
.discountFlatsEditorModal .dfe-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
.discountFlatsEditorModal .dfe-filters-btn {
  float: none;
  margin: 0;
}
.discountFlatsEditorModal .dfe-filters-btn .shr-viewitem {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
  background: transparent;
  height: 36px;
  min-width: 36px;
  padding: 0 10px;
  justify-content: center;
}
.discountFlatsEditorModal .dfe-filters-btn .shr-viewitem:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.55);
}
.discountFlatsEditorModal .dfe-filters-overlay {
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  z-index: 12;
  overflow: visible;
}
.discountFlatsEditorModal .dfe-filters-area.std-filters-area {
  margin: 12px 0 0;
  padding: 12px 14px 4px;
  border-radius: 14px;
  overflow: visible;
  background: var(--um-card-bg);
  border: 1px solid var(--um-line);
  box-shadow: 0 10px 28px rgba(24, 42, 99, 0.16);
}
.discountFlatsEditorModal .dfe-filters-actions {
  min-width: auto;
  max-width: none;
}
.discountFlatsEditorModal .dfe-mass-btns {
  min-width: auto;
  max-width: none;
}
.discountFlatsEditorModal .dfe-mass-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.discountFlatsEditorModal .dfe-mass-bar {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 72px;
  z-index: 8;
  margin: 0;
  padding: 10px 14px;
  border-radius: 14px;
  background: var(--um-card-bg);
  border: 1px solid var(--um-line);
  box-shadow: 0 10px 28px rgba(24, 42, 99, 0.18);
  overflow: visible;
  pointer-events: auto;
}
.discountFlatsEditorModal .dfe-mass-bar.--expanded {
  padding-bottom: 4px;
}
.discountFlatsEditorModal .dfe-mass-bar-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}
.discountFlatsEditorModal .dfe-mass-bar.--expanded .dfe-mass-bar-head {
  margin-bottom: 10px;
}
.discountFlatsEditorModal .dfe-mass-bar-count {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  color: #182a63;
}
.discountFlatsEditorModal .dfe-mass-bar-close {
  flex-shrink: 0;
  cursor: pointer;
}
.discountFlatsEditorModal .dfe-mass-bar-fields.std-filters-area {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.discountFlatsEditorModal .dfe-range {
  display: flex;
  align-items: center;
  gap: 6px;
}
.discountFlatsEditorModal .dfe-range .form-control {
  min-width: 0;
  flex: 1;
}
.discountFlatsEditorModal .dfe-range-sep {
  opacity: 0.55;
  flex-shrink: 0;
}
.discountFlatsEditorModal .dfe-conflict-banner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff4e5;
  color: #8a5a00;
  font-size: 13px;
  line-height: 1.45;
}
.discountFlatsEditorModal .dfe-conflict-banner i {
  margin-top: 2px;
  flex-shrink: 0;
  color: #c98400;
}
.discountFlatsEditorModal .dfe-conflict-banner b {
  color: #6d4700;
}
.discountFlatsEditorModal .dfe-conflict-link {
  margin-left: 4px;
  color: #6d4700;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
}
.discountFlatsEditorModal .dfe-conflict-link:hover {
  color: #4a3200;
}
.discountFlatsEditorModal .dfe-table-card {
  flex: 1;
  min-height: 0;
  overflow: auto;
  user-select: none;
}
.discountFlatsEditorModal .dfe-table-card.--with-mass-form {
  padding-bottom: 200px;
}
.discountFlatsEditorModal .dfe-table {
  min-width: 1100px;
}
.discountFlatsEditorModal .dfe-table th,
.discountFlatsEditorModal .dfe-table td {
  vertical-align: middle;
}
.discountFlatsEditorModal .dfe-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--um-card-bg);
}
.discountFlatsEditorModal .dfe-table .form-control,
.discountFlatsEditorModal .dfe-table .ui-select-bootstrap > .ui-select-match > .btn {
  font-size: 13px;
}
.discountFlatsEditorModal .dfe-table .ui-select-bootstrap > .ui-select-match > .btn {
  line-height: 20px;
}
.discountFlatsEditorModal .dfe-table tbody tr.--filled td {
  background: rgba(63, 141, 50, 0.06);
}
.discountFlatsEditorModal .dfe-table tbody tr.--selected td {
  background: rgba(44, 152, 240, 0.08);
}
.discountFlatsEditorModal .dfe-table tbody tr.--conflict td {
  background: rgba(201, 132, 0, 0.08);
}
.discountFlatsEditorModal .dfe-table tbody tr.--pick {
  cursor: pointer;
  user-select: none;
}
.discountFlatsEditorModal .dfe-col-check {
  width: 42px;
  text-align: center;
}
.discountFlatsEditorModal .dfe-col-check input {
  margin: 0;
  cursor: pointer;
}
.discountFlatsEditorModal .dfe-col-flat {
  min-width: 220px;
}
.discountFlatsEditorModal .dfe-flat-main {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}
.discountFlatsEditorModal .dfe-flat-num {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--um-text);
}
.discountFlatsEditorModal .dfe-flat-meta {
  font-size: 12px;
  color: var(--um-muted);
  line-height: 1.35;
}
.discountFlatsEditorModal .dfe-chip-conflict {
  background: #fff0d6 !important;
  color: #a66b00 !important;
}
.discountFlatsEditorModal .dfe-flat-conflict {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
  color: #a66b00;
}
.discountFlatsEditorModal .dfe-col-type {
  min-width: 170px;
}
.discountFlatsEditorModal .dfe-col-value {
  min-width: 110px;
  max-width: 130px;
}
.discountFlatsEditorModal .dfe-col-area {
  min-width: 180px;
}
.discountFlatsEditorModal .dfe-col-round {
  min-width: 130px;
}
.discountFlatsEditorModal .dfe-col-round-value {
  min-width: 140px;
  max-width: 170px;
}
.discountFlatsEditorModal .dfe-col-clear {
  width: 44px;
  text-align: center;
}
.discountFlatsEditorModal .dfe-cell-empty {
  display: block;
  color: var(--um-muted);
  opacity: 0.7;
  line-height: 32px;
  padding: 0 4px;
}
.discountFlatsEditorModal .dfe-footer {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: var(--um-card-bg);
  border-top: 1px solid var(--um-line);
}
.discountFlatsEditorModal .dfe-footer-left {
  font-size: 13px;
  color: var(--um-muted);
}
.discountFlatsEditorModal .dfe-footer-left b {
  color: var(--um-text);
}
.discountFlatsEditorModal .dfe-footer-right {
  display: flex;
  gap: 8px;
}
.discountFlatsEditorModal .dfe-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: #eef1f7;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 16px;
  height: 36px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.discountFlatsEditorModal .dfe-btn-ghost:hover {
  background: #e0e5ef;
}
.discountFlatsEditorModal .dfe-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 18px;
  height: 36px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.28);
}
.discountFlatsEditorModal .dfe-btn-primary:hover {
  background: #1f86dc;
}
.discountFlatsEditorModal .dfe-btn-primary[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}
body {
  --discountHouseSelectorModal-bg: #222c46;
}
body.theme-white {
  --discountHouseSelectorModal-bg: #d8e1ed;
}
.discountHouseSelectorModal {
  background: #2d334459;
}
.discountHouseSelectorModal .modal-dialog {
  margin: -1px auto;
  width: 100%;
  top: 0;
  transform: translateY(0px) !important;
}
.discountHouseSelectorModal .aef {
  height: 100vmin;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--discountHouseSelectorModal-bg);
}
.exportChessModal .std-modal {
  min-width: 1000px;
  max-width: 1000px;
}
.exportChessModal .awfergt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exportChessModal .ece-lead {
  opacity: 0.7;
  font-size: 13px;
  line-height: 1.4;
  margin: 4px 0 18px;
}
.exportChessModal .ece-grid {
  display: flex;
  gap: 28px;
  padding: 8px 0 12px;
}
.exportChessModal .ece-col {
  flex: 1;
  min-width: 0;
}
.exportChessModal .ece-block {
  margin-bottom: 22px;
}
.exportChessModal .ece-title {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}
.exportChessModal .ece-desc {
  opacity: 0.55;
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 10px;
}
.exportChessModal .ece-toggles {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 10px;
}
.exportChessModal .ece-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: 10px;
}
.exportChessModal .ece-fields {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 10px;
}
.exportChessModal .ece-field {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
}
.exportChessModal .ece-field.--join {
  margin-left: 18px;
}
.exportChessModal .ece-field-placeholder {
  height: 32px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
}
.exportChessModal .ece-sort {
  cursor: grab;
  opacity: 0.35;
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}
.exportChessModal .ece-sort:hover {
  opacity: 0.8;
}
.exportChessModal .ece-field .ece-check {
  flex: 1;
  min-width: 0;
}
.exportChessModal .ece-join {
  border: 0;
  background: transparent;
  opacity: 0.3;
  color: inherit;
  padding: 2px 6px;
  cursor: pointer;
  flex-shrink: 0;
}
.exportChessModal .ece-join:hover {
  opacity: 0.7;
}
.exportChessModal .ece-join.active {
  opacity: 1;
  color: var(--color-blue);
}
.exportChessModal .ece-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: normal;
  margin: 0;
  cursor: pointer;
  font-size: 13px;
}
.exportChessModal .ece-check input {
  margin: 0;
}
.exportChessModal .ece-warn {
  margin-top: 8px;
  color: #e8a0a0;
  font-size: 12px;
}
.exportChessModal .ece-preview {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-top: 8px;
}
.exportChessModal .ece-preview-floor {
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f2f7;
  color: #334155;
  font-weight: 700;
  border-radius: 4px;
  font-size: 14px;
}
.exportChessModal .ece-preview-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 90px;
  padding: 10px 8px;
  background: #f0f2f7;
  color: #60708a;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.35;
  text-align: right;
}
.exportChessModal .ece-preview-cell {
  flex: 1;
  min-height: 72px;
  border: 1px solid #c8e6c9;
  background: #c8e6c9;
  color: #1b5e20;
  border-radius: 4px;
  padding: 10px 12px;
  text-align: center;
  font-size: 12px;
  line-height: 1.35;
}
.exportChessModal .ece-preview.--rows .ece-preview-cell {
  text-align: left;
}
.exportChessModal .ece-preview-empty {
  opacity: 0.6;
  padding-top: 18px;
}
.exportChessModal .multy-switcher {
  width: 100%;
}
body.theme-white .exportChessModal .ece-warn {
  color: #b42318;
}
body.theme-white .exportChessModal .ece-field {
  background: rgba(0, 0, 0, 0.03);
}
body.theme-white .exportChessModal .ece-field-placeholder {
  background: rgba(0, 0, 0, 0.06);
}
body.theme-white .exportChessModal .ece-preview-floor,
body.theme-white .exportChessModal .ece-preview-label {
  background: #e8edf6;
}
body {
  --std-right-modal-buttons-bg: #2a3450;
  --std-right-modal-buttons-bg-active: #3c4764;
}
body.theme-white {
  --std-right-modal-buttons-bg: #cad5f0;
  --std-right-modal-buttons-bg-active: #b4c3e6;
}
.exportDealsModal {
  /*	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: auto;
	width: 840px;
	background: var(--card-bg-color);
	color: #fff;*/
}
.exportDealsModal .std-modal {
  min-width: 1240px;
  max-width: 1240px;
}
.exportDealsModal .codes {
  word-break: break-word;
  display: block;
  font-size: 9px;
}
.exportDealsModal .form-control {
  background: var(--select-bg);
  color: var(--select-color);
  border: 1px solid var(--form-input-border);
}
.exportDealsModal .std-right-modal-predesc {
  background: #ffffff1b;
  padding: 15px 30px;
  margin: 20px -30px 20px;
}
.exportDealsModal .modal-dialog {
  width: 100%;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.exportDealsModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.exportDealsModal .edm-viewall {
  display: block;
  opacity: 0.5;
  font-weight: normal;
}
.exportDealsModal .std-right-modal-buttons {
  display: flex;
  margin-bottom: 20px;
  max-width: 220px;
}
.exportDealsModal .std-right-modal-buttons span {
  width: 100%;
  text-align: center;
  padding: 8px 10px;
  background: var(--std-right-modal-buttons-bg);
  transition: 0.3s;
  white-space: nowrap;
}
.exportDealsModal .std-right-modal-buttons span.active,
.exportDealsModal .std-right-modal-buttons span:hover {
  cursor: pointer;
  background: var(--std-right-modal-buttons-bg-active);
}
.exportDealsModal .std-right-modal-buttons span.active {
  pointer-events: none;
}
.exportDealsModal .edm-item-download {
  margin: 0px 0 0px;
  border: 1px solid #3d4864;
  padding: 6px 10px 6px 31px;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  transition: 0.3s;
  font-size: 10px;
  min-width: 110px;
  height: 28px;
  margin-left: 10px;
}
.exportDealsModal .edm-item-download i {
  font-size: 14px;
  margin-right: 10px;
  position: absolute;
  left: 9px;
  top: 7px;
}
.exportDealsModal .std-right-modal {
  padding: 30px;
}
.exportDealsModal .std-right-modal-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.exportDealsModal .edm-item {
  padding: 10px 30px 10px;
  transition: 0.3s;
  position: relative;
  border-bottom: 1px solid #2f3a56;
  margin-bottom: -1px;
  display: flex;
  font-size: 13px;
  align-items: center;
}
.exportDealsModal .edm-item.--add {
  text-align: center;
  font-weight: bold;
  border-bottom: none;
  padding: 20px 30px;
}
.exportDealsModal .edm-item:hover .edm-item-download {
  background-color: #404b64;
}
.exportDealsModal .edme-center {
  border-top: 1px solid #9993;
  border-bottom: 1px solid #9993;
  padding: 20px 30px;
}
.exportDealsModal .edme-bottom {
  height: 100%;
  border-left: 1px solid #2f3a56;
  padding: 30px;
  overflow: auto;
  min-width: 600px;
}
.exportDealsModal .edme-top {
  padding: 20px 30px;
  overflow: hidden;
  height: 100px;
  display: flex;
  align-items: center;
}
.exportDealsModal .edme-field {
  display: inline-block;
  background: #313d5c;
  color: #efefef;
  padding: 4px 8px;
  margin: 0 3px 3px 0;
  border-radius: 4px;
  white-space: nowrap;
  cursor: move;
  font-size: 12px;
}
.exportDealsModal .edmeb-group-nofields {
  opacity: 0.5;
}
.exportDealsModal .edm-toggler {
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 4px;
}
.exportDealsModal .edme-top-input {
  width: 380px;
}
.exportDealsModal .edme-top-save {
  margin-left: auto;
}
.exportDealsModal .edmeb-group {
  margin-bottom: 20px;
}
.exportDealsModal .edmeb-group-title {
  font-weight: bold;
  padding-right: 20px;
  margin-bottom: 8px;
}
.exportDealsModal span.add-group {
  border-bottom: 1px dashed;
  opacity: 0.6;
  font-weight: normal;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}
.exportDealsModal .edmeb-group-fields-sub {
  margin-bottom: 10px;
}
.exportDealsModal .edmeb-group-fields-sub:last-child {
  margin-bottom: 0;
}
.exportDealsModal .edmeb-group-fields span {
  display: inline-block;
  background: #313d5c;
  color: #efefef;
  padding: 3px 7px;
  margin: 0 3px 3px 0;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 12px;
}
.exportDealsModal .edmeb-group-fields span.active {
  opacity: 0.2;
}
.exportDealsModal .edme-field[data-type="flat"],
.exportDealsModal .edmeb-group-fields span[data-type="flat"] {
  background-color: #315a5c;
}
.exportDealsModal .edme-field[data-type="agency"],
.exportDealsModal .edmeb-group-fields span[data-type="agency"] {
  background-color: #5c4b31;
}
.exportDealsModal .edme-field[data-type="lead"],
.exportDealsModal .edmeb-group-fields span[data-type="lead"] {
  background-color: #3c5c31;
}
.exportDealsModal .edme-field[data-type="book"],
.exportDealsModal .edmeb-group-fields span[data-type="book"],
.exportDealsModal .edme-field[data-type="deals"],
.exportDealsModal .edmeb-group-fields span[data-type="deals"] {
  background-color: #5c3152;
}
.exportDealsModal .edme-field[data-type="marketing"],
.exportDealsModal .edmeb-group-fields span[data-type="marketing"] {
  background-color: #315a5c;
}
.exportDealsModal .edme-field[data-type="custom"],
.exportDealsModal .edmeb-group-fields span[data-type="custom"],
.exportDealsModal .edme-field[data-type="custom_flat"],
.exportDealsModal .edmeb-group-fields span[data-type="custom_flat"] {
  background-color: #5c3131;
}
.exportDealsModal .edm-editor {
  position: fixed;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 1101px;
  background: var(--card-bg-color);
  border-left: 1px solid #2f3a56;
  transition: 0.5s;
  transform: translateX(250px);
  z-index: 124;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  max-height: 100vmin;
}
.exportDealsModal .edm-editor.active {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0px);
  visibility: visible;
}
.exportDealsModal .emd-info {
  line-height: 17px;
  text-align: right;
  font-size: 12px;
  opacity: 0.5;
  margin-right: 10px;
}
.exportDealsModal .edm-loadlist {
  display: flex;
  margin-top: 30px;
  align-items: center;
}
.exportDealsModal .edm-loadlist-text {
  font-size: 13px;
  min-width: 270px;
  max-width: 270px;
}
.exportDealsModal .edm-loadlist-select {
  min-width: 333px;
  max-width: 333px;
  margin: 0 10px 0 10px;
}
.exportDealsModal .edm-item-edit {
  position: absolute;
  right: 17px;
  top: 50%;
  font-size: 20px;
  opacity: 0.3;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: 0.3s;
  margin-top: -20px;
}
.exportDealsModal .edm-item-edit:hover {
  opacity: 1;
  cursor: pointer;
}
.exportDealsModal .edm-list {
  margin: 0 -30px;
}
.exportDealsModal .edm-list.disabled {
  opacity: 0.2;
  filter: grayscale(1);
  pointer-events: none;
}
.exportDealsModal .edm-item-title {
  font-weight: bold;
  padding-right: 10px;
  min-width: 300px;
  max-width: 300px;
  line-height: 1.3em;
}
.exportDealsModal .edm-item-title-sm {
  font-weight: bold;
  padding-right: 10px;
  min-width: 220px;
  max-width: 220px;
  line-height: 1.3em;
}
.exportDealsModal .edm-item-fields {
  overflow: hidden;
  min-width: 630px;
  max-width: 630px;
}
.exportDealsModal .edm-item-desc {
  min-width: 480px;
  max-width: 480px;
  margin-right: 10px;
}
.exportDealsModal .edm-item-fields span {
  font-size: 10px;
  display: inline-block;
  margin: 0 3px 1px 0;
  background: #313d5c;
  color: #8992ab;
  padding: 2px 4px;
  line-height: 12px;
  border-radius: 3px;
  white-space: nowrap;
}
.exportDealsModal .edm-item:hover {
  background: #2b354e;
  cursor: pointer;
}
.exportDealsModal .edm-item-fields-title {
  min-width: 90px;
}
body {
  --std-right-modal-buttons-bg: #2a3450;
  --std-right-modal-buttons-bg-active: #3c4764;
}
body.theme-white {
  --std-right-modal-buttons-bg: #cad5f0;
  --std-right-modal-buttons-bg-active: #b4c3e6;
}
.exportDealsSchemeEditorModal {
  /*	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: auto;
	width: 840px;
	background: var(--card-bg-color);
	color: #fff;*/
}
.exportDealsSchemeEditorModal .std-modal {
  min-width: 1100px;
  max-width: 1100px;
}
.exportDealsSchemeEditorModal .edme-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.exportDealsSchemeEditorModal .awdg {
  white-space: nowrap;
  margin-left: 20px;
}
.exportDealsSchemeEditorModal .codes {
  word-break: break-word;
  display: block;
  font-size: 9px;
}
.exportDealsSchemeEditorModal .form-control {
  background: var(--select-bg);
  color: var(--select-color);
  border: 1px solid var(--form-input-border);
}
.exportDealsSchemeEditorModal .std-right-modal-predesc {
  background: #ffffff1b;
  padding: 15px 30px;
  margin: 20px -30px 20px;
}
.exportDealsSchemeEditorModal .modal-dialog {
  width: 100%;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.exportDealsSchemeEditorModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.exportDealsSchemeEditorModal .edm-viewall {
  display: block;
  opacity: 0.5;
  font-weight: normal;
}
.exportDealsSchemeEditorModal .std-right-modal-buttons {
  display: flex;
  margin-bottom: 20px;
  max-width: 220px;
}
.exportDealsSchemeEditorModal .std-right-modal-buttons span {
  width: 100%;
  text-align: center;
  padding: 8px 10px;
  background: var(--std-right-modal-buttons-bg);
  transition: 0.3s;
  white-space: nowrap;
}
.exportDealsSchemeEditorModal .std-right-modal-buttons span.active,
.exportDealsSchemeEditorModal .std-right-modal-buttons span:hover {
  cursor: pointer;
  background: var(--std-right-modal-buttons-bg-active);
}
.exportDealsSchemeEditorModal .std-right-modal-buttons span.active {
  pointer-events: none;
}
.exportDealsSchemeEditorModal .edm-item-download {
  margin: 0px 0 0px;
  border: 1px solid #3d4864;
  padding: 6px 10px 6px 31px;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  transition: 0.3s;
  font-size: 10px;
  min-width: 110px;
  height: 28px;
}
.exportDealsSchemeEditorModal .edm-item-download i {
  font-size: 14px;
  margin-right: 10px;
  position: absolute;
  left: 9px;
  top: 7px;
}
.exportDealsSchemeEditorModal .std-right-modal {
  padding: 30px;
}
.exportDealsSchemeEditorModal .std-right-modal-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.exportDealsSchemeEditorModal .edm-item {
  padding: 10px 30px 10px;
  transition: 0.3s;
  position: relative;
  border-bottom: 1px solid #2f3a56;
  margin-bottom: -1px;
  display: flex;
  font-size: 13px;
  align-items: center;
}
.exportDealsSchemeEditorModal .edm-item.--add {
  text-align: center;
  font-weight: bold;
  border-bottom: none;
  padding: 20px 30px;
}
.exportDealsSchemeEditorModal .edm-item:hover .edm-item-download {
  background-color: #404b64;
}
.exportDealsSchemeEditorModal .edme-center {
  border-top: 1px solid #9993;
  border-bottom: 1px solid #9993;
  padding: 20px 30px;
}
.exportDealsSchemeEditorModal .edme-bottom {
  height: 100%;
  border-left: 1px solid #2f3a56;
  padding: 30px;
  overflow: auto;
  min-width: 600px;
}
.exportDealsSchemeEditorModal .edme-top {
  padding: 20px 30px;
  overflow: hidden;
  height: 100px;
  display: flex;
  align-items: center;
}
.exportDealsSchemeEditorModal .edme-field {
  display: inline-block;
  background: #313d5c;
  color: #efefef;
  padding: 4px 8px;
  margin: 0 3px 3px 0;
  border-radius: 4px;
  white-space: nowrap;
  cursor: move;
  font-size: 12px;
}
.exportDealsSchemeEditorModal .edmeb-group-nofields {
  opacity: 0.5;
}
.exportDealsSchemeEditorModal .edm-toggler {
  margin-right: 20px;
  margin-left: 20px;
  margin-top: 4px;
}
.exportDealsSchemeEditorModal .edme-top-input {
  width: 380px;
}
.exportDealsSchemeEditorModal .edme-top-save {
  margin-left: auto;
}
.exportDealsSchemeEditorModal .edmeb-group {
  margin-bottom: 20px;
}
.exportDealsSchemeEditorModal .edmeb-group-title {
  font-weight: bold;
  padding-right: 20px;
  margin-bottom: 13px;
}
.exportDealsSchemeEditorModal span.add-group {
  border-bottom: 1px dashed;
  opacity: 0.6;
  font-weight: normal;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}
.exportDealsSchemeEditorModal .edmeb-group-fields-sub {
  margin-bottom: 10px;
}
.exportDealsSchemeEditorModal .edmeb-group-fields-sub:last-child {
  margin-bottom: 0;
}
.exportDealsSchemeEditorModal .edmeb-group-fields span {
  display: inline-block;
  background: #313d5c;
  color: #efefef;
  padding: 3px 7px;
  margin: 0 7px 6px 0;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
}
.exportDealsSchemeEditorModal .edmeb-group-fields span.active {
  opacity: 0.2;
}
.exportDealsSchemeEditorModal .edme-field[data-type="flat"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="flat"] {
  background-color: #315a5c;
}
.exportDealsSchemeEditorModal .edme-field[data-type="agency"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="agency"] {
  background-color: #5c4b31;
}
.exportDealsSchemeEditorModal .edme-field[data-type="lead"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="lead"] {
  background-color: #3c5c31;
}
.exportDealsSchemeEditorModal .edme-field[data-type="book"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="book"],
.exportDealsSchemeEditorModal .edme-field[data-type="deals"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="deals"] {
  background-color: #5c3152;
}
.exportDealsSchemeEditorModal .edme-field[data-type="marketing"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="marketing"] {
  background-color: #315a5c;
}
.exportDealsSchemeEditorModal .edme-field[data-type="custom"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="custom"],
.exportDealsSchemeEditorModal .edme-field[data-type="custom_flat"],
.exportDealsSchemeEditorModal .edmeb-group-fields span[data-type="custom_flat"] {
  background-color: #5c3131;
}
.exportDealsSchemeEditorModal .edm-editor {
  position: fixed;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 1101px;
  background: var(--card-bg-color);
  border-left: 1px solid #2f3a56;
  z-index: 124;
  display: flex;
  flex-direction: column;
  max-height: 100vmin;
}
.exportDealsSchemeEditorModal .emd-info {
  line-height: 17px;
  text-align: right;
  font-size: 12px;
  opacity: 0.5;
  margin-right: 10px;
}
.exportDealsSchemeEditorModal .edm-loadlist {
  display: flex;
  margin-top: 30px;
  align-items: center;
}
.exportDealsSchemeEditorModal .edm-loadlist-text {
  font-size: 13px;
  min-width: 270px;
  max-width: 270px;
}
.exportDealsSchemeEditorModal .edm-loadlist-select {
  min-width: 333px;
  max-width: 333px;
  margin: 0 10px 0 10px;
}
.exportDealsSchemeEditorModal .edm-item-edit {
  position: absolute;
  right: 17px;
  top: 50%;
  font-size: 20px;
  opacity: 0.3;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transition: 0.3s;
  margin-top: -20px;
}
.exportDealsSchemeEditorModal .edm-item-edit:hover {
  opacity: 1;
  cursor: pointer;
}
.exportDealsSchemeEditorModal .edm-list {
  margin: 0 -30px;
}
.exportDealsSchemeEditorModal .edm-list.disabled {
  opacity: 0.2;
  filter: grayscale(1);
  pointer-events: none;
}
.exportDealsSchemeEditorModal .edm-item-title {
  font-weight: bold;
  padding-right: 10px;
  min-width: 250px;
  max-width: 250px;
  line-height: 1.3em;
}
.exportDealsSchemeEditorModal .edm-item-title-sm {
  font-weight: bold;
  padding-right: 10px;
  min-width: 220px;
  max-width: 220px;
  line-height: 1.3em;
}
.exportDealsSchemeEditorModal .edm-item-fields {
  overflow: hidden;
  min-width: 570px;
  max-width: 570px;
}
.exportDealsSchemeEditorModal .edm-item-desc {
  min-width: 480px;
  max-width: 480px;
  margin-right: 10px;
}
.exportDealsSchemeEditorModal .edm-item-fields span {
  font-size: 10px;
  display: inline-block;
  margin: 0 3px 1px 0;
  background: #313d5c;
  color: #8992ab;
  padding: 2px 4px;
  line-height: 12px;
  border-radius: 3px;
  white-space: nowrap;
}
.exportDealsSchemeEditorModal .edm-item:hover {
  background: #2b354e;
  cursor: pointer;
}
.exportDealsSchemeEditorModal .edm-item-fields-title {
  min-width: 70px;
}
body .exportHouseModal {
  --warn-color: #73755a;
}
body.theme-white .exportHouseModal {
  --warn-color: #ff0;
}
.exportHouseModal .std-modal {
  min-width: 650px;
}
.exportHouseModal .ehm-loader {
  margin-top: 78px;
}
.exportHouseModal .ehm-header {
  text-align: center;
  margin-bottom: 25px;
}
.exportHouseModal .ehm-header i {
  font-size: 22px;
  opacity: 0.3;
}
.exportHouseModal .ehmi-top {
  margin: 10px 0 10px 0;
  display: flex;
  justify-content: center;
}
.exportHouseModal .ehmi-sep {
  line-height: 35px;
  margin: 0 6px;
  opacity: 0.3;
  font-weight: bold;
  font-size: 20px;
}
.exportHouseModal span.ehmi-title {
  opacity: 0.3;
}
.exportHouseModal .ehmi-roub {
  line-height: 40px;
  margin: 0 2px;
  opacity: 0.3;
  font-size: 55px;
  position: relative;
  top: -3px;
}
.exportHouseModal .ehm-item {
  border: 1px solid #626a82;
  border-radius: 4px;
  text-align: center;
  position: relative;
  transition: 0.3s;
  line-height: 160px;
  font-size: 14px;
  width: 187px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 20px 10px 24px;
}
.exportHouseModal .ehm-item b {
  font-size: 16px;
  line-height: 1.1em;
}
.exportHouseModal .ehm-item.--disabled {
  pointer-events: none;
}
.exportHouseModal .ehm-item:hover {
  background-color: #535c73;
  cursor: pointer;
  border-color: #cecece;
}
.exportHouseModal .ehm-item i {
  opacity: 0.3;
  display: block;
  font-size: 40px;
}
.exportHouseModal .ehm-item.--upload i {
  margin-top: 93px;
}
.exportHouseModal .ehm-flex {
  display: flex;
  justify-content: space-between;
}
.exportHouseModal .ehm-item-desc {
  opacity: 0.6;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
}
.exportHouseModal .ehm-title {
  font-size: 16px;
  opacity: 0.5;
  margin-bottom: 12px;
  margin-top: 20px;
}
.exportHouseModal .ehmi-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 11px;
  opacity: 0.5;
  padding: 10px;
}
.exportHouseModal .ehm-row {
  margin: 20px 0 0;
}
.exportHouseModal .ehm-upload {
  background: var(--color-blue);
  text-align: center;
  padding: 18px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  color: #fff;
}
.exportHouseModal b.warn {
  background: var(--warn-color);
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 12px;
  margin-left: 4px;
}
.exportHouseModal .ehm-selecter {
  opacity: 0.6;
}
.exportHouseModal .ehm-selecter.active {
  opacity: 1;
}
.feedTypesModal {
  background: #2d334459;
}
.feedTypesModal .modal-dialog {
  width: 1000px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.feedTypesModal .group-links {
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
}
.feedTypesModal .group-link {
  width: 25%;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.feedTypesModal img.cat-img {
  height: 100px;
  display: block;
  background: #fff;
  border-radius: 20px;
}
.feedTypesModal .group-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}
.feedTypesModal .cat-title {
  margin-top: 10px;
}
.finplanerCodeModal .std-modal {
  min-width: 1000px;
  padding-bottom: 100px;
  background: #fff !important;
}
.finplanerCodeModal .notwarn {
  font-size: 85%;
  opacity: 0.7;
}
.finplanerCodeModal th.td-actions {
  min-width: 160px;
  max-width: 160px;
  width: 160px;
}
.finplanerCodeModal .notwarn.--red.ng-scope {
  color: #f00;
  font-weight: bold;
}
.finplanerCodeModal th.td-status {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
.finplanerCodeModal .price-changer {
  display: inline-block;
  margin: -4px 0px -4px -6px;
  padding: 4px 10px 5px 35px;
  border-radius: 1px;
  position: relative;
  color: #000;
  text-decoration: none;
  transition: 0.15s;
}
.finplanerCodeModal .price-changer.loading {
  opacity: 0.5;
  pointer-events: none;
}
.finplanerCodeModal .price-changer i {
  position: absolute;
  top: 17px;
  left: 8px;
  font-size: 16px;
  opacity: 0.5;
  transition: 0.3s;
}
.finplanerCodeModal .price-changer:hover {
  background: #e8eaf4;
  cursor: pointer;
}
.finplanerCodeModal .price-changer:hover i {
  opacity: 1;
}
.finplanerCodeModal .flats-changer {
  display: flex;
}
.finplanerCodeModal .areablock {
  margin-bottom: 100px;
}
.finplanerCodeModal .flat-color {
  background: #000;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  border-radius: 3px;
  transition: 0.3s;
  opacity: 0.8;
  position: relative;
}
.finplanerCodeModal .flat-color:hover {
  transform: scale(1.15);
  opacity: 1;
  cursor: pointer;
}
.finplanerCodeModal .flat-color.active {
  pointer-events: none;
  transform: scale(1);
  opacity: 1;
  box-shadow: 0px 0px 0px 3px #304353;
}
.finplanerCodeModal .flat-color:last-child {
  margin-right: 0;
}
.finplanerCodeModal .ce-checkbox {
  margin-top: 6px;
}
.finplanerCodeModal .flat-color.reserve {
  background: #b6bac6;
}
.finplanerCodeModal .flat-color.free {
  background: #16a657;
}
.finplanerCodeModal .flat-color.booked {
  background: #d59d01;
}
.finplanerCodeModal .fast-actions-wrap {
  display: flex;
  align-items: center;
  background: #e7eaf4;
  margin: -20px -30px 20px;
  padding: 20px 30px;
  border-bottom: 1px solid #c4ccdf;
  line-height: 1.1em;
}
.finplanerCodeModal .fast-right {
  margin-left: auto;
  margin-top: 5px;
}
.finplanerCodeModal a.open-flat {
  font-size: 19px;
  color: inherit;
  text-decoration: none;
  position: relative;
  top: 1px;
}
.finplanerCodeModal .fast-actions {
  display: flex;
}
.finplanerCodeModal .fast-actions.passive {
  opacity: 0.4;
  pointer-events: none;
}
.finplanerCodeModal .fast-actions-title {
  font-weight: bold;
}
.finplanerCodeModal .fast-action-title {
  font-weight: bold;
  margin-right: 14px;
}
.finplanerCodeModal .fast-action {
  margin-left: 40px;
  display: flex;
  align-items: center;
}
.finplanerCodeModal .flats-table thead th {
  line-height: 1.3em;
  padding-bottom: 10px;
}
.finplanerCodeModal .flats-table td,
.finplanerCodeModal .flats-table th {
  vertical-align: middle;
  padding: 4px;
}
.finplanerCodeModal .flats-table td:first-child,
.finplanerCodeModal .flats-table th:first-child {
  padding-left: 0;
}
.finplanerCodeModal .flats-table td:last-child,
.finplanerCodeModal .flats-table th:last-child {
  padding-left: 0;
}
.finplanerCodeModal .chart-dyn {
  height: 200px;
}
.finplanerCodeModal .topstat {
  display: flex;
  width: 77%;
  padding: 20px 0;
  border-right: 1px solid #c5cdde;
  margin-right: 3%;
}
.finplanerCodeModal .topstat-col {
  line-height: 40px;
  margin-right: 0px;
  min-width: 125px;
}
.finplanerCodeModal .topstat-col:first-child {
  font-weight: bold;
  min-width: 220px;
}
.finplanerCodeModal .topstat-col:last-child {
  margin-right: 0;
  width: 100%;
}
.finplanerCodeModal .topstat-col small {
  display: block;
}
.finplanerCodeModal .vib-count {
  display: inline-block;
  background: #fff;
  padding: 0px 13px;
  font-weight: bold;
  border-radius: 7px;
}
.finplanerCodeModal .vib-types {
  width: 240px;
  margin-top: 20px;
}
.finplanerCodeModal .val-metrprice {
  font-size: 12px;
  color: #939292;
}
.finplanerCodeModal .val-metrprice i.awdg {
  font-size: 9px;
  background: #9ba2b4;
  width: 16px;
  height: 16px;
  text-align: center;
  position: absolute;
  line-height: 16px;
  border-radius: 50%;
  color: #fff;
  margin-left: 4px;
}
.finplanerCodeModal .inc-rules-row-freeprice {
  margin-left: 15px;
  white-space: nowrap;
  min-width: 190px;
  display: flex;
  align-items: center;
}
.finplanerCodeModal .topstat-col-title {
  font-weight: bold;
}
.finplanerCodeModal .topfloors-floor-number {
  position: absolute;
  background: #fff;
  right: 100%;
  top: 50%;
  width: 170px;
  transform: translate(-10px, -50%);
  box-shadow: 0px 2px 9px -6px;
  border-radius: 2px;
  padding: 10px 20px;
  line-height: 19px;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.finplanerCodeModal .titleblock {
  color: #131f3d;
  margin-bottom: 20px;
  font-size: 18px;
}
.finplanerCodeModal .separ {
  margin: 30px -30px;
  background: #c6cdde;
  height: 1px;
}
.finplanerCodeModal .topfloors-floor {
  position: relative;
  height: 100%;
  background: #d6dae6;
  margin-bottom: 1px;
}
.finplanerCodeModal .topfloors-floor:hover .topfloors-floor-number {
  opacity: 1;
  visibility: visible;
}
.finplanerCodeModal .topfloors-floors {
  height: 220px;
  display: flex;
  flex-direction: column;
}
.finplanerCodeModal .topfloors-floor-in {
  background-color: #5ebc1e;
  height: 100%;
}
.finplanerCodeModal .topfloors-floor-number b {
  display: block;
  font-size: 16px;
}
.finplanerCodeModal .toparea {
  display: flex;
  margin: -20px -30px 30px;
  padding: 0 30px;
  border-bottom: 1px solid #c5cdde;
}
.finplanerCodeModal .topfloors {
  width: 20%;
  padding: 30px 0;
}
.finplanerCodeModal .topfloors-title {
  font-weight: bold;
  margin-bottom: 20px;
}
.finplanerCodeModal .book-row {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.finplanerCodeModal .book-row:first-child {
  font-weight: 500;
  color: #afb3bf;
}
.finplanerCodeModal .book-row-floor {
  width: 50px;
  text-align: right;
  margin-right: 15px;
}
.finplanerCodeModal .book-row-price {
  width: 100px;
  text-align: right;
}
.finplanerCodeModal .book-row-action {
  width: 120px;
}
.finplanerCodeModal .book-row-end {
  width: 120px;
}
.finplanerCodeModal .book-row-days {
  width: 120px;
}
.finplanerCodeModal .book-row-day {
  width: 150px;
  margin-left: 15px;
}
.finplanerCodeModal .book-row-title {
  min-width: 220px;
  max-width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.finplanerCodeModal .whtf-vib {
  float: right;
  margin-top: 24px;
}
.finplanerCodeModal .plans-flex {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.finplanerCodeModal .plans-flex-add {
  background: #fff;
  min-width: 40px;
  border-radius: 2px;
  text-align: center;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}
.finplanerCodeModal .plans-flex-add i {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.finplanerCodeModal .plans-flex-scroll {
  width: 100%;
  align-items: center;
  display: flex;
  overflow: auto;
  margin: 0 10px;
}
.finplanerCodeModal .plans-flex-scroll-plan-count input {
  width: 60px;
  margin: 0 2px;
  text-align: center;
}
.finplanerCodeModal .plans-flex-scroll-plan-month {
  text-align: center;
  font-size: 12px;
  margin-bottom: 6px;
}
.finplanerCodeModal .plans-flex-scroll-plan-count {
  margin-bottom: 8px;
}
.finplanerCodeModal .error-block {
  background: #fbcbcb;
  display: inline-block;
  padding: 6px 15px;
  border-radius: 2px;
  margin-top: 13px;
}
.finplanerCodeModal .sfpg-rows {
  display: flex;
  margin: 30px -5px 50px;
}
.finplanerCodeModal .sfpg-row {
  margin: 0 5px;
  min-width: 120px;
  position: relative;
  max-width: 120px;
}
.finplanerCodeModal .sfpg-row.--ext {
  width: 130px;
}
.finplanerCodeModal .sfpg-row label {
  font-size: 11px;
}
.finplanerCodeModal .sfpg-row .--plus {
  position: absolute;
  top: 4px;
}
.finplanerCodeModal .sfpg-row .--plus.--left {
  left: -15px;
  width: 20px;
  text-align: center;
}
.finplanerCodeModal .sfpg-row .--plus.--right {
  right: -15px;
  width: 20px;
  text-align: center;
}
.finplanerCodeModal .sfpg-row:hover .sfpg-row-closer i {
  opacity: 0.2;
  visibility: visible;
  z-index: 2;
}
.finplanerCodeModal .sfpg-row:hover .sfpg-row-closer i:hover {
  opacity: 1;
  cursor: pointer;
}
.finplanerCodeModal .sfpg-row .sfpg-row-title {
  height: 35px;
  line-height: 1.2em;
  font-size: 14px;
  font-weight: bold;
  color: #2b1c2b;
}
.finplanerCodeModal .sfpg-row .sfpg-row-price {
  line-height: 34px;
  min-height: 36px;
  background: #eeeeee;
  border: 1px solid #b2e6ff;
  border-radius: 5px;
  padding: 0 12px;
}
.finplanerCodeModal .sfpg-row .sfpg-row-closer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
}
.finplanerCodeModal .sfpg-row .sfpg-row-closer i {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
}
.finplanerCodeModal .inc-rules-row {
  display: flex;
  margin-bottom: 10px;
  margin-top: 0px;
  align-items: center;
}
.finplanerCodeModal .inc-rules-row.--start {
  font-weight: 500;
  color: #afb3bf;
}
.finplanerCodeModal .inc-rules-row:last-child .inc-rules-row-copy {
  display: block;
  line-height: 34px;
  width: 28px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.finplanerCodeModal .inc-rules-row-trig {
  margin-left: 15px;
  width: 160px;
}
.finplanerCodeModal .inc-rules-row-trig2 {
  margin-left: 15px;
  width: 130px;
}
.finplanerCodeModal .inc-rules-row-count {
  width: 120px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  margin-left: 0px;
}
.finplanerCodeModal .inc-rules-row-count input {
  text-align: right;
}
.finplanerCodeModal .inc-rules-row-count span {
  display: inline-block;
  margin-right: 10px;
}
.finplanerCodeModal .booked-count {
  background: #fbffbd;
  margin: 15px 0px;
  padding: 10px 15px;
  border-radius: 3px;
}
.finplanerCodeModal .inc-rules-row-type {
  width: 145px;
  margin-right: 15px;
}
.finplanerCodeModal .inc-rules-row-type.--disable {
  pointer-events: none;
}
.finplanerCodeModal .free-now {
  background: #fff;
  display: inline-block;
  padding: 9px 18px;
  border-radius: 7px;
  margin: 20px 0 0px;
}
.finplanerCodeModal .free-now b {
  display: block;
  font-size: 17px;
}
.finplanerCodeModal .inc-rules-row-amount {
  width: 110px;
}
.finplanerCodeModal .inc-rules-row-copy {
  display: none;
}
.finplanerCodeModal span.grayfuture {
  display: inline-block;
  color: #a8b1c5;
  font-size: 12px;
  margin-left: 10px;
}
.finplanerCodeModal span.awe {
  display: inline-block;
  width: 34px;
  font-weight: bold;
  font-size: 16px;
}
.finplanerCodeModal span.sep {
  opacity: 0.4;
}
.finplanerCodeModal .inc-rules-row-remove {
  line-height: 34px;
  width: 26px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
}
.finplanerCodeModal .titleblock-2 {
  color: #131f3d;
  margin: 20px 0 10px;
  font-size: 15px;
  font-weight: bold;
}
.finplanerCodeModal .inc-rules {
  display: flex;
}
.finplanerCodeModal .inc-rules-row-fog {
  width: 120px;
}
.finplanerCodeModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.finplanerCodeModal .house {
  margin-right: 10px;
  width: 195px;
  text-align: center;
  border: 1px solid #c5cdde;
  margin-bottom: 10px;
  border-radius: 2px;
  background: #d6dbe9;
  padding: 10px 0;
}
.finplanerCodeModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.finplanerCodeModal .house button {
  background: #2c98f0;
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
  color: #fff;
}
.finplanerStageModal .modal-dialog {
  width: 460px;
  margin: -1px auto 50px;
  top: 20px;
  transform: translateY(0px) !important;
}
.firstEnterModal .modal-dialog {
  width: 430px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.flatParamsChangesModal .fpc-table {
  min-width: 920px;
}
.flatParamsChangesModal .fpc-when {
  white-space: nowrap;
  color: var(--um-muted);
  width: 150px;
}
.flatParamsChangesModal .fpc-param {
  font-weight: 600;
  letter-spacing: -0.02em;
}
.flatParamsChangesModal .fpc-key {
  margin-top: 3px;
  font-size: 11px;
  color: var(--um-muted);
}
.flatParamsChangesModal .fpc-val {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.flatParamsChangesModal .fpc-arrow {
  width: 28px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--um-muted);
  opacity: 0.55;
  text-align: center;
}
.flatParamsChangesModal .fpc-delta {
  margin-top: 3px;
  font-size: 11px;
  font-weight: 700;
}
.flatParamsChangesModal .fpc-delta.--up {
  color: var(--um-up);
}
.flatParamsChangesModal .fpc-delta.--down {
  color: var(--um-down);
}
.flatParamsChangesModal .fpc-who {
  font-weight: 600;
}
.flatParamsChangesModal .fpc-reason {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--um-muted);
  max-width: 280px;
}
.flatParamsChangesModal tr.--robot .fpc-who {
  color: var(--um-chip-auto-color);
}
.flatPriceHistoryModal .fph-warn {
  margin-bottom: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff7e8;
  color: #8a6a28;
  font-size: 13px;
}
.flatPriceHistoryModal .fph-timeline {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.flatPriceHistoryModal .fph-item {
  padding: 14px 16px 16px;
  position: relative;
  border-left: 3px solid #d0d6e4;
}
.flatPriceHistoryModal .fph-item.--price_change.--up {
  border-left-color: #5ca845;
}
.flatPriceHistoryModal .fph-item.--price_change.--down {
  border-left-color: #d26565;
}
.flatPriceHistoryModal .fph-item.--book_created {
  border-left-color: #2c98f0;
}
.flatPriceHistoryModal .fph-item.--book_closed {
  border-left-color: #8b93a7;
}
.flatPriceHistoryModal .fph-item.--comment {
  border-left-color: #8a6ad4;
}
.flatPriceHistoryModal .fph-item.--current {
  box-shadow: inset 0 0 0 1px rgba(44, 152, 240, 0.28);
}
.flatPriceHistoryModal .fph-item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.flatPriceHistoryModal .fph-type {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.flatPriceHistoryModal .fph-type b {
  font-size: 14px;
  letter-spacing: -0.02em;
}
.flatPriceHistoryModal .fph-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef1f7;
  color: #5d667a;
  flex-shrink: 0;
}
.flatPriceHistoryModal .fph-item.--price_change.--up .fph-icon {
  background: #e8f6e4;
  color: #3f8d32;
}
.flatPriceHistoryModal .fph-item.--price_change.--down .fph-icon {
  background: #f8e8e8;
  color: #c45b5b;
}
.flatPriceHistoryModal .fph-item.--book_created .fph-icon {
  background: #e6f3fd;
  color: #2c98f0;
}
.flatPriceHistoryModal .fph-date {
  color: var(--um-muted);
  font-size: 12px;
  white-space: nowrap;
  padding-top: 5px;
}
.flatPriceHistoryModal .fph-price-main,
.flatPriceHistoryModal .fph-deal-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.flatPriceHistoryModal .fph-price-main {
  align-items: center;
  flex-wrap: wrap;
  font-variant-numeric: tabular-nums;
}
.flatPriceHistoryModal .fph-price-main i {
  opacity: 0.4;
  font-size: 12px;
}
.flatPriceHistoryModal .fph-old {
  color: var(--um-muted);
}
.flatPriceHistoryModal .fph-new {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.flatPriceHistoryModal .fph-delta {
  font-size: 13px;
  font-weight: 700;
}
.flatPriceHistoryModal .fph-delta.--up {
  color: var(--um-up);
}
.flatPriceHistoryModal .fph-delta.--down {
  color: var(--um-down);
}
.flatPriceHistoryModal .fph-meta {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--um-muted);
}
.flatPriceHistoryModal .fph-meta b {
  color: var(--um-text);
  margin-right: 4px;
}
.flatPriceHistoryModal .fph-client {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.flatPriceHistoryModal .fph-deal-price {
  text-align: right;
  flex-shrink: 0;
}
.flatPriceHistoryModal .fph-deal-price span,
.flatPriceHistoryModal .fph-deal-price small {
  display: block;
  color: var(--um-muted);
  font-size: 11px;
}
.flatPriceHistoryModal .fph-deal-price b {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  letter-spacing: -0.03em;
}
.flatPriceHistoryModal .fph-deal-price small {
  margin-top: 4px;
}
.flatPriceHistoryModal .fph-link {
  display: inline-flex;
  margin-top: 10px;
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 12px;
  height: 30px;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.flatPriceHistoryModal .fph-link:hover {
  color: #fff;
  opacity: 0.86;
}
.flatPriceHistoryModal .fph-rebook .fph-meta {
  margin-top: 0;
}
.flatsStatModal .std-modal {
  min-width: 1200px;
}
.flatsStatModal toggler-inline {
  margin-left: auto;
  margin-right: 20px;
}
.flatsStatModal .std-modal-title {
  line-height: 20px;
  text-transform: none;
}
.flatsStatModal .visi {
  display: none;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .std-modal-fixed-head {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.flatsStatModal .anal-info {
  border-bottom: 1px solid #c4ccdf;
  margin: 0px -30px 0px;
  padding: 20px 30px;
}
.flatsStatModal .ai-house {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.flatsStatModal .group-title {
  color: #000;
}
.flatsStatModal span.sos {
  background: #000000;
  color: #fff;
  display: inline-block;
  width: 20px;
  border-radius: 4px;
}
.flatsStatModal .ai-house-floors {
  min-width: 220px;
  text-align: center;
}
.flatsStatModal .ai-house-avg {
  min-width: 100px;
  text-align: center;
}
.flatsStatModal .ai-house-price {
  min-width: 200px;
}
.flatsStatModal .ai-house-last {
  min-width: 100px;
}
.flatsStatModal span.sos.--res {
  background: #595f73;
}
.flatsStatModal .anal-more {
  padding: 20px 0 20px;
  text-align: center;
}
.flatsStatModal span.sos.--book {
  background: #e6b716;
}
.flatsStatModal span.sos.--free {
  background: #74b651;
}
.flatsStatModal .ai-house-title {
  min-width: 160px;
}
.flatsStatModal .ai-house-solded {
  min-width: 100px;
  text-align: right;
}
.flatsStatModal .ai-house.--start {
  color: #9ea1a9;
  margin-top: 0;
}
.flatsStatModal .ai-house-reserves {
  min-width: 40px;
  text-align: center;
}
.flatsStatModal span.sos.--emp {
  background: transparent;
  height: 20px;
  border: 2px solid #595f72;
}
.flatsStatModal .ai-house-books {
  min-width: 40px;
  text-align: center;
}
.flatsStatModal .ai-house-freecount {
  min-width: 40px;
  text-align: center;
}
.flatsStatModal .ai-house-all {
  min-width: 40px;
  text-align: center;
}
.flatsStatModal .ai-head {
  font-weight: bold;
  margin-bottom: 6px;
}
.flatsStatModal .td-agency {
  width: 200px;
  line-height: 14px;
}
.flatsStatModal .desc-info {
  margin-top: 30px;
  margin-bottom: -10px;
  font-weight: bold;
}
.flatsStatModal .stat-area {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .stat-area {
    display: block;
    overflow: auto;
  }
}
.flatsStatModal .stat-area-item {
  width: 100%;
  margin: 0 15px;
}
.flatsStatModal tbody.line-res {
  background: #fff;
}
.flatsStatModal tbody.line-res:nth-child(odd) {
  background: #f0f2f9;
}
.flatsStatModal .types {
  line-height: 14px;
  display: flex;
  background: #d9deea;
  margin: -20px -30px 0px;
  padding: 16px 30px 3px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .types {
    overflow: auto;
  }
}
.flatsStatModal .waiting {
  min-height: 300px;
}
.flatsStatModal .types > * {
  min-width: 300px;
  max-width: 300px;
  margin-right: 10px;
}
.flatsStatModal .faw-percent {
  min-width: 320px;
  max-width: 360px;
}
.flatsStatModal .desc-disc {
  font-size: 12px;
  line-height: 1.1em;
  opacity: 0.7;
  float: right;
  margin: 33px 0 0;
  text-align: right;
}
.flatsStatModal .area-warning {
  color: #b24c4c;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 0px;
}
.flatsStatModal .td-short {
  width: 140px;
  line-height: 14px;
}
.flatsStatModal .td-short-rooms {
  width: 40px;
  line-height: 14px;
}
.flatsStatModal .itog-title {
  margin: -10px 0 20px;
  font-size: 20px;
  color: #909293;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .min-xs-width {
    width: 120px;
    display: inline-block;
  }
}
.flatsStatModal .counts-area-out {
  margin: 0px -30px 0px;
  background: #fff;
  padding: 30px 30px;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .counts-area-out {
    margin: 0px -20px 20px;
    padding: 30px 20px;
    padding-bottom: 0;
  }
}
.flatsStatModal .counts-area {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .counts-area {
    flex-wrap: wrap;
  }
}
.flatsStatModal .count-item {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .flatsStatModal .count-item {
    width: 50%;
    margin-bottom: 20px;
  }
}
.flatsStatModal .count-item-digit {
  font-weight: bold;
  font-size: 20px;
}
.flatsStatModal .count-item-desc {
  opacity: 0.7;
}
.flatsStatModal thead {
  text-align: center;
}
.funnelCardModal .modal-dialog {
  margin: 0 auto;
}
.funnelCardModal .sm-events {
  max-height: calc(100vh - 190px);
}
@media only screen and (max-width: 767px) {
  .funnelCardModal .sm-events {
    max-height: none;
  }
}
.funnelCardModal .deal-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .funnelCardModal .deal-area {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.funnelCardModal .deal-area-left-title {
  margin-bottom: 3px;
  opacity: 0.5;
  font-size: 85%;
}
.funnelCardModal .deal-area-left-name {
  font-weight: bold;
}
.funnelCardModal .deal-area-left-status {
  display: block;
  font-weight: normal;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .funnelCardModal .deal-area-right {
    width: 100%;
  }
  .funnelCardModal .deal-area-right .std-btn {
    width: 100%;
    justify-content: center;
  }
}
.funnelTriggerModal {
  background: #2d334459;
}
.funnelTriggerModal .std-modal {
  min-width: 1000px;
}
.funnelTriggerModal .fl-filter {
  background: var(--card-textareas-bg);
  padding: 17px 20px 7px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.funnelTriggerModal .sd-togle {
  position: absolute;
  margin-left: 210px;
  top: 23px;
}
.funnelTriggerModal .sob-desc {
  font-size: 90%;
  opacity: 0.8;
  margin-bottom: 25px;
}
.funnelTriggerModal .sob {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
}
.funnelTriggerModal .ft-flex {
  display: flex;
  justify-content: space-between;
}
.funnelTriggerModal .fl-left {
  width: 100%;
  margin-right: 60px;
}
.funnelTriggerModal .fl-right {
  width: 100%;
}
.funnelTriggerModal .event-desc {
  margin-bottom: 10px;
  opacity: 0.6;
}
.funnelTriggerModal .std-modal-subtitle {
  margin-top: 30px;
}
.funnelTriggerModal .remove {
  position: absolute;
  right: 18px;
  font-size: 20px;
  top: 10px;
  cursor: pointer;
  z-index: 2;
}
.funnelTriggerModal .fl-filter-h {
  font-weight: bold;
  margin-bottom: 7px;
  opacity: 0.8;
}
.funnelTriggerModal .aa-num {
  text-align: center;
  margin: 0px 0;
  font-size: 20px;
  opacity: 0.3;
}
.funnelTriggerModal .remover {
  position: absolute;
  right: 15px;
  border-bottom: 1px dashed;
  font-size: 12px;
  cursor: pointer;
}
.funnelTriggerModal .setting.reqthis .form-group > label {
  color: var(--color-red);
}
.funnelsStatModal .std-modal {
  width: 1200px;
  min-width: 1200px;
  max-width: 1200px;
  flex-shrink: 0;
  overflow-x: hidden;
}
.funnelsStatModal .filter-note {
  text-align: center;
  opacity: 0.65;
  margin: 0 0 16px;
  font-size: 13px;
}
.funnelsStatModal .counts-area-out {
  margin: 0 -30px 8px;
  background: #fff;
  padding: 4px 30px 22px;
}
.funnelsStatModal .counts-area {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.funnelsStatModal .count-item {
  flex: 1 1 110px;
  min-width: 110px;
  text-align: center;
  border: 1px solid #c4ccdf;
  border-radius: 10px;
  padding: 12px 8px;
}
.funnelsStatModal .count-item-digit {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
}
.funnelsStatModal .count-item-desc {
  opacity: 0.7;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.3;
}
.funnelsStatModal .std-reports-table-title {
  margin: 22px 0 6px;
}
.funnelsStatModal .std-reports-table-desc {
  margin: 0 0 10px;
  opacity: 0.7;
  font-size: 13px;
  line-height: 1.4;
}
.funnelsStatModal .fs-block {
  margin-bottom: 8px;
}
.funnelsStatModal .fs-table-wrap {
  overflow-x: auto;
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #9fa3ae;
}
.funnelsStatModal .fs-age-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}
.funnelsStatModal .fs-age-label {
  width: 140px;
  flex-shrink: 0;
  font-size: 13px;
}
.funnelsStatModal .fs-age-bar {
  flex: 1;
  height: 10px;
  background: #e6eaf2;
  border-radius: 6px;
  overflow: hidden;
}
.funnelsStatModal .fs-age-fill {
  display: block;
  height: 100%;
  background: #7aa7e0;
  border-radius: 6px;
  min-width: 0;
}
.funnelsStatModal .fs-age-row:last-child .fs-age-fill {
  background: #d97a7a;
}
.funnelsStatModal .fs-age-val {
  width: 90px;
  flex-shrink: 0;
  text-align: right;
  font-size: 13px;
  white-space: nowrap;
}
.funnelsStatModal .fs-age-pct {
  opacity: 0.55;
  margin-left: 8px;
}
.funnelsStatModal .sort-info {
  font-weight: normal;
  white-space: nowrap;
  font-size: 11px;
  margin-top: 2px;
}
.funnelsStatModal .sort-info-col {
  margin: 0 3px;
  border-bottom: 1px dashed;
  cursor: pointer;
}
.funnelsStatModal .lm-percents,
.funnelsStatModal .lm-count {
  display: inline-block;
  white-space: nowrap;
}
.funnelsStatModal .lm-percents {
  font-weight: bold;
  min-width: 44px;
  text-align: right;
}
.funnelsStatModal .lm-count {
  min-width: 28px;
  text-align: center;
  margin-left: 6px;
}
.funnelsStatModal .lm-flex {
  min-width: 84px;
  text-align: center;
  white-space: nowrap;
}
.funnelsStatModal table.fs-days-table {
  font-size: 13px;
}
.funnelsStatModal table.fs-days-table td {
  vertical-align: middle !important;
  white-space: nowrap;
}
.funnelsStatModal table.fs-days-table tbody {
  background: #fff;
}
.funnelsStatModal table.fs-days-table thead {
  background: #dfe3ea;
}
.funnelsStatModal table.fs-days-table .fs-sticky {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 160px;
  max-width: 200px;
  text-align: left;
  background: #dfe3ea;
}
.funnelsStatModal table.fs-days-table tbody .fs-sticky {
  background: #fff;
}
.funnelsStatModal table.fs-days-table .fs-th-title {
  display: block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.funnelsStatModal table.fs-days-table .fs-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.funnelsStatModal table.fs-compact {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}
.funnelsStatModal table.fs-compact th,
.funnelsStatModal table.fs-compact td {
  border: 1px solid #c5cad6;
  padding: 6px 10px;
  height: 28px;
}
.funnelsStatModal table.fs-compact thead th {
  background: #d1d7e2;
  white-space: nowrap;
}
.funnelsStatModal table.fs-compact thead th:first-child {
  text-align: left;
}
.funnelsStatModal table.fs-compact tbody tr:nth-child(even) {
  background: #f5f6f7;
}
.funnelsStatModal table.fs-compact .num {
  width: 72px;
  text-align: right;
  white-space: nowrap;
}
.funnelsStatModal table.fs-compact .fs-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.funnelsStatModal .fs-pct {
  position: relative;
  height: 22px;
}
.funnelsStatModal .fs-pct-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #cfe3f8;
  border-radius: 3px;
}
.funnelsStatModal .fs-pct-val {
  position: relative;
  line-height: 22px;
  padding-left: 6px;
}
.funnelsStatModal thead {
  text-align: center;
}
.genplanHouseMapperModal {
  width: 100%;
}
.genplanHouseMapperModal .modal-dialog {
  width: 100%;
  min-height: 100vmin;
  background-color: #fff;
  margin: 0;
}
.genplanHouseMapperModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.genplanHouseMapperModal .point-pin {
  position: relative;
  pointer-events: none;
}
.genplanHouseMapperModal .point-pin div {
  background: #000000a3;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  padding: 5px 10px;
  border-radius: 3px;
}
.genplanHouseMapperModal .mfp-closer {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 22px;
  line-height: 37px;
  z-index: 4;
  background: #fff;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  border: 2px solid #00000045;
  transition: 0.2s;
}
.genplanHouseMapperModal .mfp-closer:hover {
  background: #eee;
  cursor: pointer;
}
.genplanHouseMapperModal .ghm-flex {
  height: 100vmin;
  display: flex;
}
.genplanHouseMapperModal .ghm-fr-preload {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.genplanHouseMapperModal .ghm-flex-left {
  height: 100vmin;
  min-width: 290px;
  max-width: 290px;
  padding: 20px;
}
.genplanHouseMapperModal .ghm-flex-right {
  height: 100vmin;
  width: 100%;
  position: relative;
  background: #ddd;
}
.genplanHouseMapperModal .ghm-flex-right-map {
  height: 100%;
  position: relative;
  z-index: 5;
}
.genplanHouseMapperModal .ghm-fr-desc {
  position: absolute;
  background: #fff;
  bottom: 20px;
  left: 50%;
  z-index: 22222;
  padding: 5px 10px;
  text-align: center;
  border-radius: 3px;
  transform: translateX(-50%);
  pointer-events: none;
}
.genplanHouseMapperMapModal {
  width: 100%;
}
.genplanHouseMapperMapModal .modal-dialog {
  width: 100%;
  min-height: 100vmin;
  background-color: #fff;
  margin: 0;
}
.genplanHouseMapperMapModal .modal-content {
  box-shadow: none;
  border-radius: 0px;
}
.genplanHouseMapperMapModal span.poly-now {
  color: #00f;
}
.genplanHouseMapperMapModal .point-complex {
  pointer-events: none;
}
.genplanHouseMapperMapModal .point-complex .point {
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.genplanHouseMapperMapModal .point-complex .title {
  position: absolute;
  top: 10px;
  white-space: nowrap;
  font-size: 10px;
  background: #fff;
  padding: 4px 10px;
  border-radius: 10px;
  transform: translateX(-50%);
  margin-top: 4px;
}
.genplanHouseMapperMapModal .point-pin {
  position: relative;
  pointer-events: none !important;
}
.genplanHouseMapperMapModal .point-pin div {
  background: #000000a3;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  padding: 5px 10px;
  border-radius: 3px;
}
.genplanHouseMapperMapModal .total-colors {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #eee;
  margin: 0 -20px 15px;
  padding: 10px 20px 0px;
}
.genplanHouseMapperMapModal .total-colors-title {
  width: 100%;
  font-size: 12px;
  margin-bottom: 8px;
}
.genplanHouseMapperMapModal .total-colors-color {
  margin-right: 10px;
  font-size: 12px;
}
.genplanHouseMapperMapModal .mfp-closer {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 22px;
  line-height: 37px;
  z-index: 4;
  background: #fff;
  border-radius: 3px;
  color: #000;
  cursor: pointer;
  border: 2px solid #00000045;
  transition: 0.2s;
}
.genplanHouseMapperMapModal .mfp-closer:hover {
  background: #eee;
  cursor: pointer;
}
.genplanHouseMapperMapModal .ghm-flex {
  height: 100vmin;
  display: flex;
}
.genplanHouseMapperMapModal .ghm-fr-preload {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.genplanHouseMapperMapModal .ghm-flex-left {
  height: 100vmin;
  min-width: 380px;
  max-width: 380px;
  padding: 20px;
  overflow: auto;
}
.genplanHouseMapperMapModal .map {
  height: 100%;
  z-index: 2;
}
.genplanHouseMapperMapModal .house {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.genplanHouseMapperMapModal .house-title {
  font-weight: bold;
}
.genplanHouseMapperMapModal span.poly-no {
  color: #d6760e;
  border-bottom: 1px solid;
  cursor: pointer;
}
.genplanHouseMapperMapModal .so-icon {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 15px;
}
.genplanHouseMapperMapModal .so-icon-title {
  width: 200px;
}
.genplanHouseMapperMapModal .so-icon-color {
  width: 100px;
}
.genplanHouseMapperMapModal .point-icon .title {
  white-space: nowrap;
  background: #ffffffb8;
  width: auto;
  position: absolute;
  left: 20px;
  top: -16px;
  padding: 0 10px;
  line-height: 30px;
  border-radius: 4px;
  z-index: 2222;
}
.genplanHouseMapperMapModal .point-icon .icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-size: 17px;
  margin-top: -15px;
  margin-left: -15px;
  position: relative;
  z-index: 2000;
}
.genplanHouseMapperMapModal .color-picker-input-wrapper {
  height: 34px;
}
.genplanHouseMapperMapModal .color-picker-wrapper .color-picker-input-swatch {
  height: 34px;
}
.genplanHouseMapperMapModal .so-icon-icon {
  width: 200px;
}
.genplanHouseMapperMapModal .so-icon-color {
  margin-bottom: 6px;
  margin-right: 10px;
}
.genplanHouseMapperMapModal .so-icon-action {
  position: absolute;
  right: -7px;
  top: 23px;
  font-size: 20px;
  cursor: pointer;
}
.genplanHouseMapperMapModal .so-icon-title input {
  font-size: 12px;
}
.genplanHouseMapperMapModal .so-icon-icon input {
  font-size: 12px;
}
.genplanHouseMapperMapModal .tig-title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
}
.genplanHouseMapperMapModal .ghm-flex-right {
  height: 100vmin;
  width: 100%;
  position: relative;
  background: #ddd;
}
.genplanHouseMapperMapModal .ghm-flex-right-map {
  height: 100%;
  position: relative;
  z-index: 5;
}
.genplanHouseMapperMapModal .ghm-fr-desc {
  position: absolute;
  background: #fff;
  bottom: 20px;
  left: 50%;
  z-index: 22222;
  padding: 5px 10px;
  text-align: center;
  border-radius: 3px;
  transform: translateX(-50%);
}
.genplanHouseMapperMapModal .ghm-fr-desc span {
  display: inline-block;
  font-size: 13px;
  opacity: 0.5;
  border-bottom: 1px solid;
  margin-left: 4px;
  cursor: pointer;
}
.houseFlatsTopModal.--collapsed {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}
.houseFlatsTopModal .hft-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.houseFlatsTopModal .hft-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  cursor: pointer;
}
.houseFlatsTopModal .hft-item:hover {
  background: var(--um-row-hover);
}
.houseFlatsTopModal .hft-rank {
  width: 28px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--um-muted);
  text-align: center;
}
.houseFlatsTopModal .hft-img {
  width: 85px;
  height: 85px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px;
  background: var(--um-body-bg);
}
.houseFlatsTopModal .hft-img.--no .hft-img-in {
  background-image: url(../images/nophoto.jpg);
  opacity: 0.5;
}
.houseFlatsTopModal .hft-img-in {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.houseFlatsTopModal .hft-main {
  min-width: 0;
  flex: 1;
}
.houseFlatsTopModal .hft-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}
.houseFlatsTopModal .hft-num {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.houseFlatsTopModal .hft-meta {
  font-size: 12px;
  line-height: 1.35;
  color: var(--um-muted);
}
.houseFlatsTopModal .hft-discounts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.houseFlatsTopModal .hft-discount {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.3px;
  padding: 3px 6px;
  border-radius: 3px;
  line-height: 1.2;
  background: var(--um-chip-excel-bg);
  color: var(--um-chip-excel-color);
}
.houseFlatsTopModal .hft-aside {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.houseFlatsTopModal .hft-area {
  flex-shrink: 0;
  font-size: 13px;
  color: var(--um-muted);
  white-space: nowrap;
}
.houseFlatsTopModal .hft-price {
  flex-shrink: 0;
  text-align: right;
}
.houseFlatsTopModal .hft-price b {
  display: block;
  font-size: 16px;
  letter-spacing: -0.03em;
}
.houseFlatsTopModal .hft-price span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  color: var(--um-up);
}
.houseFlatsTopModal .hft-price-old {
  opacity: 0.5;
  font-size: 13px;
  font-weight: normal;
  text-decoration: line-through;
  margin-bottom: 1px;
}
@media only screen and (max-width: 767px) {
  .houseFlatsTopModal .um-hero {
    padding: 14px 14px 14px 16px;
  }
  .houseFlatsTopModal .um-title {
    font-size: 18px;
    padding-right: 40px;
  }
  .houseFlatsTopModal .um-sub {
    display: none;
  }
  .houseFlatsTopModal .um-hero-row {
    flex-wrap: wrap;
    gap: 10px 12px;
  }
  .houseFlatsTopModal .um-actions {
    width: 100%;
    margin-left: 0;
  }
  .houseFlatsTopModal .um-close {
    position: absolute;
    top: 12px;
    right: 12px;
  }
  .houseFlatsTopModal .um-sort-btn {
    height: 32px;
    line-height: 32px;
  }
  .houseFlatsTopModal .um-stats {
    margin-top: 12px;
    gap: 12px 16px;
  }
  .houseFlatsTopModal .um-stat b {
    font-size: 16px;
  }
  .houseFlatsTopModal .um-body {
    padding: 12px;
  }
  .houseFlatsTopModal .hft-item {
    display: grid;
    grid-template-columns: 22px 56px 1fr;
    align-items: start;
    gap: 6px 10px;
    padding: 12px;
  }
  .houseFlatsTopModal .hft-rank {
    width: auto;
    grid-row: 1 / span 2;
    padding-top: 2px;
  }
  .houseFlatsTopModal .hft-img {
    width: 56px;
    height: 56px;
    grid-row: 1 / span 2;
  }
  .houseFlatsTopModal .hft-main {
    grid-column: 3;
  }
  .houseFlatsTopModal .hft-aside {
    grid-column: 3;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .houseFlatsTopModal .hft-price {
    text-align: left;
  }
  .houseFlatsTopModal .hft-price b {
    font-size: 15px;
  }
}
.houseFlatsTopBackdrop.--collapsed {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}
.finplanerStageModal .modal-dialog {
  width: 460px;
  margin: -1px auto 50px;
  top: 20px;
  transform: translateY(0px) !important;
}
.iframeTourModal {
  right: 480px;
  border-right: 1px solid #e2e4eb;
}
.iframeTourModal .modal-dialog {
  width: 100%;
  margin: 30px auto;
  height: 100%;
  margin: 0;
  background: #fff;
}
.iframeTourModal .modal-content {
  height: 100%;
}
.iframeTourModal .modal-inner {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.iframeTourModal .sph-s-close {
  background: #eaeaea;
  right: 0;
}
.iframeTourModal .loader-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 16px;
  z-index: 1;
}
.iframeTourModal .load-sm {
  font-size: 11px;
  opacity: 0.4;
  margin-top: 10px;
}
.iframeTourModal .frame-area {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.iframeTourModal .frame-area iframe {
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 0 0 5px 5px;
}
@media only screen and (max-width: 767px) {
  .iframeTourModal {
    right: 0;
    border-right: unset;
  }
  .iframeTourModal .std-btn {
    border-radius: unset;
    border: unset;
  }
  .iframeTourModal .frame-area iframe {
    border-radius: unset;
  }
}
.integrationLogsModal .il-filters-card {
  padding: 16px 16px 8px;
  margin-bottom: 12px;
}
.integrationLogsModal .il-filters {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.integrationLogsModal .il-filters .form-group {
  width: 210px;
  margin: 0;
}
.integrationLogsModal .il-filters label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--um-muted);
  margin-bottom: 6px;
}
.integrationLogsModal .il-search-btn {
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 16px;
  height: 36px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.integrationLogsModal .il-search-btn:hover {
  opacity: 0.86;
}
.integrationLogsModal .il-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0 2px 12px;
  color: var(--um-muted);
  font-size: 13px;
}
.integrationLogsModal .il-summary b {
  color: var(--um-text);
}
.integrationLogsModal .il-summary-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
}
.integrationLogsModal .il-excel-btn {
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 12px;
  height: 30px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.integrationLogsModal .il-excel-btn i {
  margin-right: 6px;
}
.integrationLogsModal .il-excel-btn:hover {
  opacity: 0.86;
}
.integrationLogsModal .il-logs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.integrationLogsModal .il-log {
  padding: 14px 16px 16px;
}
.integrationLogsModal .il-log-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.integrationLogsModal .il-log-type b {
  font-size: 14px;
  letter-spacing: -0.02em;
}
.integrationLogsModal .il-log-date {
  color: var(--um-muted);
  font-size: 12px;
  white-space: nowrap;
  padding-top: 2px;
}
.integrationLogsModal .il-log-cols {
  display: flex;
  gap: 16px;
}
.integrationLogsModal .il-log-col {
  flex: 1;
  min-width: 0;
  overflow: auto;
  max-height: 420px;
}
.integrationLogsModal .il-log-col-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--um-muted);
  margin-bottom: 8px;
}
.integrationLogsModal .il-log-empty {
  color: var(--um-muted);
  font-size: 13px;
}
.integrationLogsModal .il-copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  border: 0;
  background: #eef1f7;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 12px;
  height: 30px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.integrationLogsModal .il-copy:hover {
  background: #e0e5ef;
}
.leadContactsModal .modal-dialog {
  width: 890px;
}
.leadContactsModal .std-modal {
  padding: 30px 30px 30px 50px;
}
.leadContactsModal .lcm-phone-osn {
  min-width: 120px;
  max-width: 120px;
}
.leadContactsModal .lcm-phone-type {
  min-width: 110px;
  max-width: 110px;
  margin-right: 10px;
}
.leadContactsModal .placeholder {
  background: var(--disabled-bg);
  color: var(--disabled-color);
  border-radius: 2px;
  line-height: 32px;
  border: 1px solid var(--disabled-border);
  padding: 0 10px;
}
.leadContactsModal .lcm-phone-osn-radio {
  line-height: 34px;
  cursor: pointer;
}
.leadContactsModal .lcm-phone-osn-radio b {
  font-weight: normal;
  opacity: 0.5;
  transition: 0.3s;
}
.leadContactsModal button.lcmpa-btn {
  background: #2f3851;
  border: 1px solid #64759e;
  border-radius: 2px;
  line-height: 30px;
  width: 34px;
  font-size: 16px;
  color: #a2a8b7;
  transition: 0.3s;
  margin-right: 8px;
}
.leadContactsModal button.lcmpa-btn.--rm {
  background-color: var(--remove-bg);
  border-color: var(--remove-color);
  color: var(--remove-color);
}
.leadContactsModal button.lcmpa-btn.--rmno {
  background-color: #303440;
  border-color: var(--disabled-border);
  color: #6a6b6f;
}
.leadContactsModal .lcm-phone-osn-radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.leadContactsModal .lcm-phone-osn-radio input + span {
  width: 16px;
  height: 16px;
  background: #2f3a58;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 3px;
  border-radius: 50%;
  transform: scale(0.7);
  transition: 0.3s;
}
.leadContactsModal .lcm-phone-osn-radio input:checked + span {
  background: #158efb;
  transform: scale(1);
}
.leadContactsModal .lcm-phone-osn-radio input:checked + span + b {
  color: #fff;
  opacity: 1;
}
.leadContactsModal .lcm-phone-sort i {
  background: var(--inverse-superlight);
  width: 26px;
  height: 34px;
  text-align: center;
  line-height: 36px;
  border-radius: 2px;
  font-size: 18px;
  color: var(--inverse-midlight);
}
.leadContactsModal .lcm-phone-sort {
  width: 26px;
  position: absolute;
  left: -38px;
  text-align: right;
  top: 0px;
  cursor: grab;
}
.leadContactsModal .lcm-phone-actions {
  margin-left: 10px;
  white-space: nowrap;
}
.leadContactsModal .lcm-phone {
  display: flex;
  padding-bottom: 15px;
  position: relative;
  padding-left: 0px;
  background: var(--card-bg-color);
}
.leadContactsModal .lcm-phone.--start {
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.leadContactsModal .lcm-phone.--start label {
  font-size: 12px;
  font-weight: normal;
  color: #7a8090;
}
.leadContactsModal .lcm-phone[data-type="2"] .aalcm-phone-phone {
  min-width: 270px;
  max-width: 270px;
}
.leadContactsModal span.lcm-phone-phone-place {
  display: block;
  line-height: 32px;
  border: 1px solid var(--disabled-border);
  border-radius: 2px;
  padding: 0 12px;
  background: var(--disabled-bg);
  color: var(--disabled-color);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.leadContactsModal .lcm-phone-phone {
  min-width: 300px;
  max-width: 300px;
  margin-right: 10px;
}
.leadContactsModal .lcm-phone-comment {
  width: 100%;
  display: flex;
}
.leadContactsModal .lcm-phone-comment .std-btn {
  margin-left: 10px;
  margin-top: 1px;
}
.leadContactsModal .lcm-phone-comment.--desc {
  padding-top: 6px;
}
.leadMarketingRequestsModal .std-modal {
  min-width: 1120px;
}
.leadMarketingRequestsModal .after-info {
  margin-top: 30px;
}
.leadMarketingRequestsModal .request {
  background: var(--light-area-bg);
  margin-bottom: 10px;
  padding: 20px;
  border-radius: 10px;
}
.leadMarketingRequestsModal .request-top {
  display: flex;
  justify-content: space-between;
}
.leadMarketingRequestsModal .rt-right {
  display: flex;
  gap: 50px;
}
.leadMarketingRequestsModal .rb-fromlead {
  margin-left: auto;
}
.leadMarketingRequestsModal .source {
  font-weight: bold;
}
.leadMarketingRequestsModal .request-bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.leadMarketingRequestsModal .request-bottom.--sr {
  opacity: 0.4;
}
.leadMarketingRequestsModal .rb-item-key {
  opacity: 0.5;
  margin-right: 15px;
}
.leadMarketingRequestsModal .rb-item {
  display: flex;
  margin-right: 30px;
}
.leadSourceModal {
  background: #2d334459;
}
.leadSourceModal .modal-dialog {
  width: 430px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.leadsStatModal .std-modal {
  min-width: 1200px;
}
.leadsStatModal .types {
  line-height: 14px;
  display: flex;
  background: #d9deea;
  margin: -20px -30px 20px;
  padding: 16px 30px 3px;
}
.leadsStatModal .lm-percents {
  font-weight: bold;
}
.leadsStatModal .ls-days-table {
  font-size: 13px;
}
.leadsStatModal .td-clients {
  width: 70px;
}
.leadsStatModal .sa-flex {
  display: flex;
  justify-content: space-between;
}
.leadsStatModal .asdv {
  color: #c84c4c;
  border: 1px solid #c84c4c;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  background: #f4ede7;
  margin-bottom: 30px;
}
.leadsStatModal span.sa-flex-percent {
  opacity: 0.6;
}
.leadsStatModal .conv-link {
  margin-bottom: 6px;
}
.leadsStatModal .lm-count {
  text-align: center;
  opacity: 0.7;
  font-size: 14px;
}
.leadsStatModal .sort-info {
  font-weight: normal;
  white-space: nowrap;
  font-size: 12px;
  display: flex;
  justify-content: center;
}
.leadsStatModal .sort-info-col {
  margin: 0 4px;
  border-bottom: 1px dashed;
  cursor: pointer;
}
.leadsStatModal .sort-info-title {
  width: 100%;
}
.leadsStatModal .lm-percents {
  width: 49px;
  text-align: right;
}
.leadsStatModal .lm-count {
  width: 50px;
}
.leadsStatModal .lm-flex {
  min-width: 110px;
  text-align: center;
}
.leadsStatModal .lm-count {
  display: inline-block;
}
.leadsStatModal .lm-percents {
  display: inline-block;
}
.leadsStatModal table.ls-days-table td {
  vertical-align: middle !important;
}
.leadsStatModal table.ls-days-table tbody {
  background: #fff;
}
.leadsStatModal table.ls-days-table thead {
  background: #dfe3ea;
}
.leadsStatModal .td-agency {
  width: 190px;
  max-width: 210px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.leadsStatModal .std-reports-table-desc {
  margin-top: -10px;
  margin-bottom: 10px;
  opacity: 0.7;
  font-size: 13px;
}
.leadsStatModal .td-short {
  width: 140px;
  line-height: 14px;
}
.leadsStatModal .counts-area-out {
  margin: -20px -30px 0px;
  background: #fff;
  padding: 30px 30px;
}
.leadsStatModal .counts-area {
  display: flex;
  justify-content: space-between;
}
.leadsStatModal .itog-title {
  margin: -10px 0 20px;
  font-size: 20px;
  color: #909293;
  text-align: center;
}
.leadsStatModal .count-item {
  text-align: center;
}
.leadsStatModal .count-item-digit {
  font-weight: bold;
  font-size: 20px;
}
.leadsStatModal .count-item-desc {
  opacity: 0.7;
}
.leadsStatModal thead {
  text-align: center;
}
.linkFloorsToSectionPlanModal {
  /*background: @modalBackgroundColor;*/
}
.linkFloorsToSectionPlanModal .modal-dialog {
  width: 960px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.linkFloorsToSectionPlanModal .sf-sections {
  display: flex;
  margin-top: 21px;
  flex-wrap: wrap;
}
.linkFloorsToSectionPlanModal .sf-section {
  margin-right: 15px;
}
.linkFloorsToSectionPlanModal .sf-section-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.linkFloorsToSectionPlanModal .sf-section-floors {
  display: flex;
  flex-wrap: wrap;
  max-width: 160px;
}
.linkFloorsToSectionPlanModal .sf-section-floor {
  text-align: center;
  background: #00000030;
  font-size: 12px;
  margin-bottom: 5px;
  width: 26px;
  margin-right: 5px;
}
.linkFloorsToSectionPlanModal .sf-section-floor span {
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  cursor: pointer;
}
.linkFloorsToSectionPlanModal .sf-section-floor span.disabled {
  background: #1a2543;
  color: #5a688a;
}
.linkFloorsToSectionPlanModal .sf-section-floor.selected {
  background: #0048c8;
}
.massSendSmsModal {
  /*background: @modalBackgroundColor;*/
}
.massSendSmsModal .modal-dialog {
  width: 830px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.massSendSmsModal .flexer-item {
  display: flex;
  margin-bottom: 15px;
}
.massSendSmsModal .flexer-item.--start {
  opacity: 0.5;
  font-weight: bold;
}
.massSendSmsModal .flexer-item-key {
  min-width: 220px;
  max-width: 220px;
}
.massSendSmsModal .flexer-item-desc {
  min-width: 300px;
  max-width: 300px;
}
.massSendSmsModal .flexer-item-example {
  min-width: 250px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.massSendSmsModal .flexer {
  margin-top: 20px;
}
.massSendSmsModal code {
  background: #3f4b6b;
  color: #cdd6ec;
  padding: 5px;
  cursor: pointer;
}
.mcpKeyModal .modal-dialog {
  width: 560px;
  max-width: calc(100vw - 32px);
}
.mcpKeyModal .mcp-key-modal-lead {
  opacity: 0.7;
  margin: 0 0 16px;
  line-height: 1.45;
}
.mcpKeyModal .mcp-key-modal-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  font-size: 12px;
  color: #7b849c;
}
.mcpKeyModal .mcp-key-modal-status span:first-child {
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 600;
  color: #fff;
}
.mcpKeyModal .mcp-key-modal-status.--on span:first-child {
  background: #2f9e6b;
}
.mcpKeyModal .mcp-key-modal-status.--off span:first-child {
  background: #9aa3b8;
}
.mcpKeyModal .mcp-key-modal-ok {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #e9f8f0;
  color: #246347;
  font-size: 13px;
  line-height: 1.4;
}
.mcpKeyModal .mcp-key-modal-comment {
  display: flex;
  gap: 10px;
  align-items: center;
}
.mcpKeyModal .mcp-key-modal-comment .form-control {
  flex: 1;
}
.mcpKeyModal .mcp-copy {
  margin-bottom: 16px;
}
.mcpKeyModal .mcp-copy-label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}
.mcpKeyModal .mcp-copy-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f4f6fb;
  cursor: pointer;
  transition: 0.15s ease;
}
.mcpKeyModal .mcp-copy-row:hover {
  background: #e9eefb;
}
.mcpKeyModal .mcp-copy-row code {
  flex: 1;
  background: none;
  padding: 0;
  font-size: 12px;
  word-break: break-all;
  white-space: normal;
}
.mcpKeyModal .mcp-copy-row i {
  flex-shrink: 0;
  opacity: 0.55;
}
.mcpKeyModal .mcp-copy-hint {
  font-size: 12px;
  color: #8d97b1;
}
.mcpKeyModal .mcp-key-modal-actions {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.mcpKeyModal .std-btn.--ghost {
  background: transparent;
  box-shadow: none;
}
.messageTemplateModal {
  /*background: @modalBackgroundColor;*/
}
.messageTemplateModal .modal-dialog {
  width: 830px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.messageTemplateModal .flexer-item {
  display: flex;
  margin-bottom: 15px;
}
.messageTemplateModal .flexer-item.--start {
  opacity: 0.5;
  font-weight: bold;
}
.messageTemplateModal .flexer-item-key {
  min-width: 220px;
  max-width: 220px;
}
.messageTemplateModal .flexer-item-desc {
  min-width: 300px;
  max-width: 300px;
}
.messageTemplateModal .flexer-item-example {
  min-width: 250px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messageTemplateModal .flexer {
  margin-top: 20px;
}
.messageTemplateModal code {
  background: #3f4b6b;
  color: #cdd6ec;
  padding: 5px;
  cursor: pointer;
}
.mortgageFlatInfoModal section.discountInfoModal-in.std-modal {
  padding: 0;
  background-color: transparent !important;
  color: #000 !important;
}
.mortgageFlatInfoModal .inner {
  padding: 40px;
}
@media only screen and (max-width: 767px) {
  .mortgageFlatInfoModal .inner {
    padding: 20px;
  }
}
.mortgageFlatInfoModal .mfi-h {
  font-size: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .mortgageFlatInfoModal .mfi-h {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.mortgageFlatInfoModal .progs-area {
  margin-top: 40px;
}
.mortgageFlatInfoModal .progs-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.mortgageFlatInfoModal .prog-flex {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mortgageFlatInfoModal .prog-icon {
  min-width: 33px;
  margin-right: 15px;
  max-width: 33px;
}
.mortgageFlatInfoModal .prog-icon img {
  border-radius: 6px;
  width: 100%;
}
.mortgageFlatInfoModal .prog-comment {
  margin-top: 0px;
  opacity: 0.4;
  margin-left: 48px;
}
.mortgageFlatInfoModal .progs-desc {
  margin-top: -10px;
  margin-bottom: 25px;
  opacity: 0.5;
}
.mortgageFlatInfoModal .prog-row {
  display: flex;
}
.mortgageFlatInfoModal .prog-titlearea {
  /* font-weight: bold; */
  min-width: 200px;
}
.mortgageFlatInfoModal .prog-pay {
  margin-left: auto;
  min-width: 170px;
}
.mortgageFlatInfoModal .ppay {
  font-weight: bold;
}
.mortgageFlatInfoModal .prog-bank {
  font-weight: bold;
}
.mortgageFlatInfoModal .prog-amount {
  min-width: 180px;
  margin-right: 20px;
}
.mortgageFlatInfoModal .prog-label {
  opacity: 0.4;
  margin-bottom: 2px;
  min-width: 66px;
}
.mortgageFlatInfoModal .closer {
  text-align: center;
  line-height: 50px;
}
.mortgageFlatInfoModal .std-modal-closer {
  right: auto;
  left: 100%;
  margin-left: 10px;
  opacity: 0.7;
  color: #fff;
}
.mortgageFlatInfoModal .modal-content {
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.mortgageFlatInfoModal .modal-dialog {
  width: 800px;
  margin: -1px auto;
  top: 20px;
  background: #e6eaf4;
}
@media only screen and (max-width: 767px) {
  .mortgageFlatInfoModal .modal-dialog {
    width: 100%;
    top: 0px;
    position: absolute;
  }
}
.mortgageFlatInfoModal .modal-dialog input.form-control {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
.mortgageFlatInfoModal span.fake-input {
  position: absolute;
  left: 0;
  top: 0px;
  right: 0;
  height: 50px;
  line-height: 51px;
  color: #274d67;
  font-weight: bold;
  font-size: 19px;
  padding-left: 16px;
}
.mortgageFlatInfoModal span.fake-input.--disabled {
  background: #dadce3;
  color: #74777d;
}
.mortgageFlatInfoModal .ipcf-input input.form-control {
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 19px;
  color: transparent;
  position: relative;
  z-index: 2;
  background-color: transparent;
  padding: 0px 15px;
  border: 1px solid #ddd;
  box-shadow: none;
  border: none;
  border-radius: 3px 3px 0 0;
}
.mortgageFlatInfoModal .ipcf-input input.form-control.error {
  border-color: #f00 !important;
  background: #ffe6e6;
}
.mortgageFlatInfoModal .ipcf-input input.form-control:focus {
  color: #45386d;
}
.mortgageFlatInfoModal .ipcf-input input.form-control:focus + .fake-input {
  display: none;
}
.mortgageFlatInfoModal .ipcf-count {
  position: absolute;
  right: 6px;
  top: 13px;
}
.mortgageFlatInfoModal .ip-calc-field {
  margin: 0 0 20px;
  color: #000;
  width: 340px;
}
@media only screen and (max-width: 767px) {
  .mortgageFlatInfoModal .ip-calc-field {
    margin: 0 0px -10px;
    width: 100%;
  }
}
.mortgageFlatInfoModal .ipcf-label {
  min-width: 140px;
  line-height: 33px;
  opacity: 0.6;
}
.mortgageFlatInfoModal .ipcf-input {
  width: 100%;
  position: relative;
  background: #fff;
  height: 50px;
}
.mortgageFlatInfoModal .mfi-calc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .mortgageFlatInfoModal .mfi-calc {
    display: block;
  }
}
.mortgageFlatInfoModal .rasca {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: center;
}
.mortgageFlatInfoModal .params {
  display: flex;
}
.mortgageFlatInfoModal .param-value {
  font-weight: bold;
  font-size: 20px;
}
.mortgageFlatInfoModal .param-title {
  font-size: 13px;
}
.mortgageFlatInfoModal .param {
  margin-right: 40px;
}
.mortgageFlatInfoModal .param:last-child {
  margin-right: 0;
}
.mortgageFlatInfoModal .rzslider {
  margin: -3px 0px 15px;
  position: absolute;
}
.mortgageFlatInfoModal .rzslider .rz-bar {
  background: #b9b9b9;
}
.mortgageFlatInfoModal .rzslider .rz-pointer {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  border-radius: 50%;
  top: -9px;
  width: 24px;
  height: 24px;
}
.mortgageFlatInfoModal .rzslider .rz-pointer:after {
  top: 3px;
  width: 18px;
  height: 18px;
  left: 3px;
  border-radius: 50%;
  display: none;
}
.mortgageFlatInfoModal .rzslider .rz-pointer.rz-active {
  outline: none;
}
.mortgageFlatInfoModal .rzslider .rz-pointer.rz-active:after {
  background-color: #fff;
  background: #888;
}
.mortgageFlatInfoModal .rzslider .rz-model-value {
  display: none !important;
}
.mortgageFlatInfoModal .rzslider .rz-bubble {
  font-weight: bold;
  color: #f99;
  bottom: 23px;
  font-size: 18px;
}
.mortgageFlatInfoModal .rzslider .rz-bubble.rz-limit {
  color: #b1bcd8;
  display: none !important;
}
.mortgageFlatInfoModal .rzslider .rz-bar.rz-selection {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
}
.mortgageFlatInfoModal .rzslider .rz-bar-wrapper {
  padding-top: 17px;
}
body .day-wrap {
  background: #313f64;
}
body.theme-white .day-wrap {
  background: #fff;
}
.multi-schedule {
  min-height: 100vmin;
  height: 100%;
  padding: 0;
}
.multi-schedule .mc-filters {
  border-bottom: 1px solid var(--form-input-border);
  padding: 20px 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.multi-schedule .days {
  display: flex;
}
.multi-schedule .users {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 10px;
  align-items: center;
}
.multi-schedule .no-allow {
  text-align: center;
  display: block;
}
.multi-schedule .user {
  text-align: center;
}
.multi-schedule .user.username {
  font-weight: bold;
}
.multi-schedule .username {
  width: 160px;
}
.multi-schedule .mcf-right {
  display: flex;
}
.multi-schedule .interval {
  min-width: 75px;
}
.multi-schedule .intervals {
  min-width: 250px;
}
.multi-schedule .intinfo {
  min-width: 70px;
  max-width: 70px;
}
.multi-schedule .in-do {
  font-size: 11px;
  opacity: 0.6;
}
.multi-schedule .user {
  max-width: 90px;
  min-width: 90px;
  font-size: 12px;
}
.multi-schedule .username {
  line-height: 1.3em;
}
.multi-schedule .day {
  padding: 0 30px 30px;
  border-right: 1px solid var(--form-input-border);
  border-bottom: 1px solid var(--form-input-border);
}
.multi-schedule .users.users-top {
  border-bottom: 1px solid var(--form-input-border);
  border-top: 1px solid var(--form-input-border);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
}
.multi-schedule .day-wrap {
  position: sticky;
  top: 0px;
  z-index: 2;
  margin-left: -30px;
  margin-right: -30px;
}
.multi-schedule .day-title {
  line-height: 30px;
  text-align: center;
}
.multi-schedule .mc-filters-area {
  display: flex;
  align-items: end;
}
.multi-schedule .mc-filters .form-group {
  min-width: 220px;
  max-width: 220px;
  margin-bottom: 0;
  margin-right: 15px;
}
.multi-schedule .mc-filters .form-group.mcf-hour {
  min-width: 310px;
  max-width: 310px;
}
.multi-schedule .mc-filters .form-group.mcf-step {
  min-width: 140px;
  max-width: 140px;
}
.multi-schedule .mc-filters .form-group.mcf-hours {
  max-width: 80px;
  min-width: 80px;
}
.multi-schedule .mc-view {
  height: 100%;
  overflow: auto;
}
.multi-schedule .mcf-hour-title {
  font-size: 85%;
  margin-right: 15px;
  opacity: 0.5;
}
.multi-schedule .std-modal-closer {
  z-index: 1000;
}
.multi-schedule .flexer {
  display: flex;
  flex-direction: column;
  height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .multi-schedule .flexer {
    height: 100%;
  }
}
.multi-schedule .modal-dialog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  margin: 0;
  padding: 0;
  height: auto;
}
.notification-add-channel {
  /*background: @modalBackgroundColor;*/
}
.notification-add-channel .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.notification-add-channel .cunm-user {
  background: #394563;
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
}
.notification-add-channel .cunm-user:hover {
  background: #546284;
  cursor: pointer;
}
.paysStatModal .std-modal {
  min-width: 1250px;
}
.paysStatModal .asdv {
  color: #c84c4c;
  border: 1px solid #c84c4c;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  background: #f4ede7;
  margin-bottom: 30px;
  margin-top: 30px;
}
.paysStatModal .std-reports-table-desc {
  margin-top: -10px;
  margin-bottom: 10px;
  opacity: 0.7;
  font-size: 13px;
}
.paysStatModal .counts-area-out {
  margin: -20px -30px 30px;
  background: #fff;
  padding: 30px 30px;
}
.paysStatModal .counts-area {
  display: flex;
  justify-content: space-between;
}
.paysStatModal .itog-title {
  margin: -10px 0 20px;
  font-size: 20px;
  text-align: center;
}
.paysStatModal .counts-row-flex {
  display: flex;
  justify-content: space-between;
}
.paysStatModal .counts-row {
  width: 100%;
  border: 1px solid #c4ccdf;
  margin: 0 20px;
  padding: 20px;
  border-radius: 10px;
}
.paysStatModal .counts-area {
  margin: 0 -20px;
}
.paysStatModal .count-item {
  text-align: center;
}
.paysStatModal .count-item-digit {
  font-weight: bold;
  font-size: 20px;
}
.paysStatModal .count-item-desc {
  opacity: 0.7;
}
.pinSituationModal .modal-dialog {
  width: 440px;
}
.pinSituationModal .ps-lead {
  opacity: 0.7;
  margin-bottom: 14px;
  line-height: 1.4;
}
.pinSituationModal textarea.form-control {
  min-height: 110px;
  resize: vertical;
}
.pinSituationModal .ps-place-hint {
  margin-top: 2px;
  font-size: 12px;
  opacity: 0.55;
  line-height: 1.45;
}
.plan3dTourModal {
  /*background: @modalBackgroundColor;*/
}
.plan3dTourModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.plan3dTourModal .nm-nochoises {
  color: #000;
  padding: 10px;
}
.planAlternativesMC {
  background: #2d334459;
}
.planAlternativesMC .modal-dialog {
  width: 1140px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.planAlternativesMC .mpa-flex {
  display: flex;
}
.planAlternativesMC .mpa-left {
  width: 270px;
  margin-right: 0px;
  border-right: 1px solid #37415a;
  padding-right: 30px;
}
.planAlternativesMC .mpa-left img {
  width: 100%;
  margin-bottom: 15px;
}
.planAlternativesMC .mpa-right {
  width: 810px;
  margin-left: 30px;
  margin-right: -30px;
}
.dco-cd-backdrop {
  background: rgba(10, 14, 24, 0.55);
}
.pricerulesCodeModal .modal-dialog {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: auto;
  width: 1040px;
  max-width: calc(100vw - 32px);
  margin: 0;
  height: auto;
}
.pricerulesCodeModal.modal.fade .modal-dialog {
  transform: translateY(16px);
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pricerulesCodeModal.modal.fade.in .modal-dialog {
  transform: translateY(0);
}
.pricerulesCodeModal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.pricerulesCodeModal .dco-cd {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #eef1f7;
  border-radius: 16px;
  overflow: visible;
  isolation: isolate;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
}
.pricerulesCodeModal .dco-cd-hero {
  position: relative;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
  padding: 16px 16px 16px 22px;
  color: #fff;
  background: radial-gradient(900px 160px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(700px 140px at 120% 0%, rgba(44, 152, 240, 0.2), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.pricerulesCodeModal .dco-cd-close {
  width: 36px;
  height: 36px;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
}
.pricerulesCodeModal .dco-cd-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 4px;
}
.pricerulesCodeModal .dco-cd-title-row {
  display: flex;
  align-items: center;
  gap: 12px 16px;
}
.pricerulesCodeModal .dco-cd-heading {
  min-width: 0;
  flex: 1;
}
.pricerulesCodeModal .dco-cd-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pricerulesCodeModal .dco-cd-title i {
  font-size: 14px;
  opacity: 0.55;
  cursor: pointer;
}
.pricerulesCodeModal .dco-cd-title i:hover {
  opacity: 1;
}
.pricerulesCodeModal .dco-cd-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  margin-left: auto;
}
.pricerulesCodeModal .dco-cd-warn {
  color: #ffd56a;
  font-size: 18px;
  cursor: help;
}
.pricerulesCodeModal .dco-cd-save {
  margin-left: 0;
  border: 0;
  background: #5ca845;
  color: #fff;
  border-radius: 999px;
  padding: 0 16px;
  line-height: 36px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.pricerulesCodeModal .dco-cd-save[disabled] {
  opacity: 0.4;
  cursor: default;
}
.pricerulesCodeModal .dco-cd-body {
  flex: 1;
  overflow: auto;
  min-height: 0;
  border-radius: 0 0 16px 16px;
}
.pricerulesCodeModal .dco-cd-hint {
  text-align: center;
  color: #8b93a7;
  padding: 36px 16px;
}
.pricerulesCodeModal .area {
  padding: 8px 20px 32px;
}
.pricerulesCodeModal .std-tabs .nav.nav-tabs {
  background: #fff;
  border-bottom: 1px solid #e0e5ef;
  margin: -8px -20px 20px;
  padding: 0 20px;
  width: auto;
}
.pricerulesCodeModal .std-tabs .nav.nav-tabs > li > a {
  color: #8b93a7;
  font-weight: 600;
}
.pricerulesCodeModal .std-tabs .nav.nav-tabs > li.active > a {
  color: #171d2b;
  border-bottom-color: #5ca845;
}
.pricerulesCodeModal .std-btn {
  color: #4d5870;
  background-color: #fff;
}
.pricerulesCodeModal .std-btn.blue {
  background-color: #2c98f0;
  color: #fff;
}
.pricerulesCodeModal .std-btn[disabled] {
  opacity: 0.4;
}
.pricerulesCodeModal .form-control {
  background-color: #fff;
  color: #171d2b;
  border: 1px solid #d0d6e4;
}
.pricerulesCodeModal .chart-dyn {
  height: 200px;
}
.pricerulesCodeModal .inc-rules-left {
  width: 100%;
}
.pricerulesCodeModal .topstat-col {
  line-height: 40px;
  margin-right: 0px;
  min-width: 125px;
}
.pricerulesCodeModal .topstat-col:first-child {
  font-weight: bold;
  min-width: 220px;
}
.pricerulesCodeModal .topstat-col:last-child {
  margin-right: 0;
  width: 100%;
}
.pricerulesCodeModal .topstat-col small {
  display: block;
}
.pricerulesCodeModal .vib-count {
  display: inline-block;
  background: #fff;
  padding: 0px 13px;
  font-weight: bold;
  border-radius: 7px;
}
.pricerulesCodeModal .vib-types {
  width: 240px;
  margin-top: 20px;
}
.pricerulesCodeModal .val-price {
  font-size: 14px;
  font-weight: 700;
  color: #171d2b;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.pricerulesCodeModal .val-metrprice {
  font-size: 12px;
  color: #8b93a7;
}
.pricerulesCodeModal .val-metrprice i.awdg {
  font-size: 9px;
  background: #9ba2b4;
  width: 16px;
  height: 16px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  border-radius: 50%;
  color: #fff;
  margin-left: 4px;
}
.pricerulesCodeModal .inc-rules-row-freeprice {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.pricerulesCodeModal .topstat-col-title {
  font-weight: bold;
}
.pricerulesCodeModal .topfloors-floor-number {
  position: absolute;
  background: #fff;
  right: 100%;
  top: 50%;
  width: 170px;
  transform: translate(-10px, -50%);
  box-shadow: 0px 2px 9px -6px;
  border-radius: 2px;
  padding: 10px 20px;
  line-height: 19px;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.pricerulesCodeModal .titleblock {
  color: #171d2b;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.pricerulesCodeModal .separ {
  margin: 30px -30px;
  background: #c6cdde;
  height: 1px;
}
.pricerulesCodeModal .topfloors-floor {
  position: relative;
  height: 100%;
  background: #d6dae6;
  margin-bottom: 1px;
}
.pricerulesCodeModal .topfloors-floor:hover .topfloors-floor-number {
  opacity: 1;
  visibility: visible;
}
.pricerulesCodeModal .topfloors-floors {
  height: 220px;
  display: flex;
  flex-direction: column;
}
.pricerulesCodeModal .topfloors-floor-in {
  background-color: #5ebc1e;
  height: 100%;
}
.pricerulesCodeModal .topfloors-floor-number b {
  display: block;
  font-size: 16px;
}
.pricerulesCodeModal .toparea {
  display: flex;
  margin: 0 0 16px;
  padding: 8px 20px;
  border: none;
  background: #fff;
  border-radius: 12px;
}
.pricerulesCodeModal .topstat {
  display: flex;
  width: 77%;
  padding: 12px 0;
  border-right: 1px solid #e4e8f0;
  margin-right: 3%;
}
.pricerulesCodeModal .topfloors {
  width: 20%;
  padding: 30px 0;
}
.pricerulesCodeModal .topfloors-title {
  font-weight: bold;
  margin-bottom: 20px;
}
.pricerulesCodeModal .dco-books-empty {
  padding: 28px 16px;
  background: #fff;
  border-radius: 14px;
  color: #8b93a7;
  text-align: center;
}
.pricerulesCodeModal .dco-books {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pricerulesCodeModal .dco-books-cols,
.pricerulesCodeModal .dco-book {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) 160px 150px 120px 108px;
  gap: 12px 16px;
  align-items: center;
}
.pricerulesCodeModal .dco-books-cols {
  padding: 0 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-book {
  padding: 14px 16px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-book-who,
.pricerulesCodeModal .dco-book-money,
.pricerulesCodeModal .dco-book-when,
.pricerulesCodeModal .dco-book-until {
  min-width: 0;
}
.pricerulesCodeModal .dco-book-who b,
.pricerulesCodeModal .dco-book-money b,
.pricerulesCodeModal .dco-book-when b,
.pricerulesCodeModal .dco-book-until b {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricerulesCodeModal .dco-book-who small,
.pricerulesCodeModal .dco-book-money small,
.pricerulesCodeModal .dco-book-when small,
.pricerulesCodeModal .dco-book-until small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-book-flat {
  display: inline-block;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #2c98f0;
  text-decoration: none;
}
.pricerulesCodeModal .dco-book-flat:hover {
  border-bottom: 1px solid #2c98f0;
}
.pricerulesCodeModal .dco-book-open {
  justify-self: end;
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 14px;
  height: 34px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.pricerulesCodeModal .whtf-vib {
  float: right;
  margin-top: 24px;
}
.pricerulesCodeModal .dco-inc-error {
  display: block;
  margin-top: 16px;
  padding: 14px 16px;
  background: #fff4f4;
  border-radius: 14px;
  color: #b42318;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: inset 0 0 0 1px #f3c4c4;
}
.pricerulesCodeModal .sfpg-rows {
  display: flex;
  margin: 30px -5px 50px;
}
.pricerulesCodeModal .sfpg-row {
  margin: 0 5px;
  min-width: 120px;
  position: relative;
  max-width: 120px;
}
.pricerulesCodeModal .sfpg-row.--ext {
  width: 130px;
}
.pricerulesCodeModal .sfpg-row label {
  font-size: 11px;
}
.pricerulesCodeModal .sfpg-row .--plus {
  position: absolute;
  top: 4px;
}
.pricerulesCodeModal .sfpg-row .--plus.--left {
  left: -15px;
  width: 20px;
  text-align: center;
}
.pricerulesCodeModal .sfpg-row .--plus.--right {
  right: -15px;
  width: 20px;
  text-align: center;
}
.pricerulesCodeModal .sfpg-row:hover .sfpg-row-closer i {
  opacity: 0.2;
  visibility: visible;
  z-index: 2;
}
.pricerulesCodeModal .sfpg-row:hover .sfpg-row-closer i:hover {
  opacity: 1;
  cursor: pointer;
}
.pricerulesCodeModal .sfpg-row .sfpg-row-title {
  height: 35px;
  line-height: 1.2em;
  font-size: 14px;
  font-weight: bold;
  color: #2b1c2b;
}
.pricerulesCodeModal .sfpg-row .sfpg-row-price {
  line-height: 34px;
  min-height: 36px;
  background: #eeeeee;
  border: 1px solid #b2e6ff;
  border-radius: 5px;
  padding: 0 12px;
}
.pricerulesCodeModal .sfpg-row .sfpg-row-closer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
}
.pricerulesCodeModal .sfpg-row .sfpg-row-closer i {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
}
.pricerulesCodeModal .inc-rules-rows {
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: visible;
}
.pricerulesCodeModal .inc-rules-row {
  display: grid;
  grid-template-columns: 108px 150px 112px 148px minmax(170px, 1fr) 72px;
  gap: 10px 12px;
  align-items: center;
  background: #fff;
  border-radius: 14px;
  padding: 10px 14px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .inc-rules-row.--start {
  background: transparent;
  box-shadow: none;
  padding: 0 14px 2px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
  line-height: 1.25;
}
.pricerulesCodeModal .inc-rules-row.--fired {
  grid-template-columns: 108px 160px 120px minmax(160px, 1fr);
}
.pricerulesCodeModal .inc-rules-row.--err {
  background: #fff4f4;
  box-shadow: inset 0 0 0 1px #f3c4c4;
}
.pricerulesCodeModal .inc-rules-row.--done {
  background: #f6f8fc;
}
.pricerulesCodeModal .inc-rules-row input.form-control {
  height: 36px;
  border-radius: 10px;
  border: 1px solid #d0d6e4;
  box-shadow: none;
  font-size: 14px;
  font-weight: 700;
  color: #171d2b;
  text-align: right;
  padding: 0 10px;
}
.pricerulesCodeModal .inc-rules-row input.form-control:focus {
  border-color: #2c98f0;
  box-shadow: 0 0 0 3px rgba(44, 152, 240, 0.12);
}
.pricerulesCodeModal .inc-rules-row input.form-control[disabled] {
  background: #eef1f7;
  color: #8b93a7;
  font-weight: 600;
}
.pricerulesCodeModal .inc-rules-row .ui-select-bootstrap .ui-select-toggle {
  height: 36px;
  line-height: 34px;
  border-radius: 10px;
  border-color: #d0d6e4;
  padding: 0 28px 0 10px;
  font-size: 13px;
  font-weight: 600;
}
.pricerulesCodeModal .inc-rules-row-trig,
.pricerulesCodeModal .inc-rules-row-trig2 {
  min-width: 0;
}
.pricerulesCodeModal .inc-rules-row:not(.--start) .inc-rules-row-trig,
.pricerulesCodeModal .inc-rules-row:not(.--start) .inc-rules-row-trig2 {
  font-size: 13px;
  font-weight: 600;
  color: #5d667a;
  line-height: 1.3;
}
.pricerulesCodeModal .inc-rules-row:not(.--start) .inc-rules-row-trig2 .std-color-red {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  background: #ffe3e3;
  color: #d33a3a;
  font-size: 12px;
  font-weight: 700;
}
.pricerulesCodeModal .inc-rules-row-count,
.pricerulesCodeModal .inc-rules-row-type,
.pricerulesCodeModal .inc-rules-row-amount,
.pricerulesCodeModal .inc-rules-row-acts {
  min-width: 0;
}
.pricerulesCodeModal .inc-rules-row-count span {
  display: inline-block;
  margin-right: 10px;
}
.pricerulesCodeModal .inc-rules-row-acts {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.pricerulesCodeModal .inc-rules-ico {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  background: #eef1f7;
  color: #5d667a;
  cursor: pointer;
  padding: 0;
  line-height: 32px;
  text-align: center;
}
.pricerulesCodeModal .inc-rules-ico:hover {
  background: #e4e8f0;
  color: #171d2b;
}
.pricerulesCodeModal .inc-rules-ico.--del:hover {
  background: #ffe3e3;
  color: #d33a3a;
}
.pricerulesCodeModal .inc-rules-done {
  font-size: 12px;
  font-weight: 600;
  color: #8b93a7;
  white-space: nowrap;
}
.pricerulesCodeModal .booked-count {
  background: #fbffbd;
  margin: 15px 0px;
  padding: 10px 15px;
  border-radius: 3px;
}
.pricerulesCodeModal .inc-rules-row-type.--disable {
  pointer-events: none;
}
.pricerulesCodeModal .dco-tail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin-top: 20px;
}
.pricerulesCodeModal .dco-metric {
  min-width: 0;
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-metric .ui-select-bootstrap {
  margin-top: 10px;
}
.pricerulesCodeModal .dco-metric .ui-select-bootstrap .ui-select-toggle {
  height: 36px;
  line-height: 34px;
  border-radius: 10px;
  border-color: #d0d6e4;
  padding: 0 28px 0 10px;
  font-size: 13px;
  font-weight: 600;
}
.pricerulesCodeModal .dco-metric-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
  line-height: 1.3;
}
.pricerulesCodeModal .dco-metric-value {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
  line-height: 1.25;
}
.pricerulesCodeModal .dco-metric-value.--mute {
  color: #8b93a7;
  font-size: 18px;
}
.pricerulesCodeModal .dco-metric-sub {
  margin-top: 6px;
  font-size: 12px;
  color: #8b93a7;
  line-height: 1.45;
}
.pricerulesCodeModal .dco-metric-sub i.awdg {
  font-size: 9px;
  background: #9ba2b4;
  width: 16px;
  height: 16px;
  text-align: center;
  display: inline-block;
  line-height: 16px;
  border-radius: 50%;
  color: #fff;
  margin-left: 4px;
}
.pricerulesCodeModal .dco-fired {
  margin-top: 32px;
}
.pricerulesCodeModal .dco-fired-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.pricerulesCodeModal .dco-fired-bar > i {
  color: #8b93a7;
  cursor: help;
}
.pricerulesCodeModal .dco-fired-clear {
  border: 0;
  background: #fff;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 16px;
  height: 38px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-fired-clear:hover {
  background: #ffe3e3;
  color: #d33a3a;
}
.pricerulesCodeModal .inc-rules-row-amount {
  min-width: 0;
}
.pricerulesCodeModal span.grayfuture {
  display: inline-block;
  color: #a8b1c5;
  font-size: 12px;
  margin-left: 10px;
}
.pricerulesCodeModal span.awe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 8px;
  background: #eef1f7;
  font-weight: 700;
  font-size: 14px;
  color: #171d2b;
}
.pricerulesCodeModal span.sep {
  opacity: 0.4;
}
.pricerulesCodeModal .titleblock-2 {
  color: #131f3d;
  margin: 20px 0 10px;
  font-size: 15px;
  font-weight: bold;
}
.pricerulesCodeModal .inc-rules {
  display: flex;
}
.pricerulesCodeModal .inc-rules-row-fog {
  width: 120px;
}
.pricerulesCodeModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.pricerulesCodeModal .house {
  margin-right: 10px;
  width: 195px;
  text-align: center;
  border: none;
  margin-bottom: 10px;
  border-radius: 12px;
  background: #fff;
  padding: 14px 0;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.pricerulesCodeModal .house button {
  background: #2c98f0;
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
  color: #fff;
}
.pricerulesCodeModal .dco-inc-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 16px;
}
.pricerulesCodeModal .dco-inc-add {
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 16px;
  height: 38px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.28);
}
.pricerulesCodeModal .dco-inc-add:hover {
  background: #1f86dc;
}
.pricerulesCodeModal .dco-inc-end {
  max-width: 420px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-inc-ladder {
  border: 0;
  background: #fff;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 16px;
  height: 38px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-inc-ladder:hover,
.pricerulesCodeModal .dco-inc-ladder.--on {
  background: #171d2b;
  color: #fff;
}
.pricerulesCodeModal .dco-inc-apply {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  background: #fff;
  border-radius: 999px;
  padding: 6px 12px 6px 16px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-inc-apply span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #171d2b;
  line-height: 1.2;
}
.pricerulesCodeModal .dco-inc-apply small {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-inc-apply .c-toggler-inline {
  margin: 0;
}
.pricerulesCodeModal .dco-inc-apply > i {
  color: #8b93a7;
  cursor: help;
}
.pricerulesCodeModal .code-history {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid #dce1eb;
}
.pricerulesCodeModal .code-history-empty {
  margin: 0;
  font-size: 13px;
  color: #8b93a7;
  line-height: 1.45;
}
.pricerulesCodeModal .code-history-row {
  background: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 8px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .code-history-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 6px;
}
.pricerulesCodeModal .code-history-meta b {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
}
.pricerulesCodeModal .code-history-meta span {
  font-size: 12px;
  color: #8b93a7;
  white-space: nowrap;
}
.pricerulesCodeModal .code-history-comment {
  font-size: 13px;
  color: #5d667a;
  line-height: 1.4;
}
.pricerulesCodeModal .code-history-item {
  font-size: 13px;
  color: #8b93a7;
  margin-top: 4px;
}
.pricerulesCodeModal .code-history-link {
  border: 0;
  padding: 0;
  background: none;
  color: #2c98f0;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.pricerulesCodeModal .code-history-link:hover {
  border-bottom: 1px solid #2c98f0;
}
.pricerulesCodeModal .dco-hist-modal {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.pricerulesCodeModal .dco-hist-modal-back {
  position: absolute;
  inset: 0;
  background: rgba(16, 22, 36, 0.42);
  border-radius: 16px;
}
.pricerulesCodeModal .dco-hist-modal-card {
  position: relative;
  width: 100%;
  max-width: 720px;
  max-height: calc(100% - 16px);
  overflow: auto;
  background: #fff;
  border-radius: 18px;
  padding: 28px 28px 24px;
  box-shadow: 0 24px 50px rgba(18, 24, 38, 0.22);
}
.pricerulesCodeModal .dco-hist-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: #eef1f7;
  color: #4d5870;
  cursor: pointer;
}
.pricerulesCodeModal .dco-hist-modal-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-hist-modal-title {
  margin: 6px 0 8px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
}
.pricerulesCodeModal .dco-hist-modal-lead {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.45;
  color: #5d667a;
}
.pricerulesCodeModal .dco-hist-steps {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pricerulesCodeModal .dco-hist-steps-head,
.pricerulesCodeModal .dco-hist-steps-row {
  display: grid;
  grid-template-columns: 36px 1fr 1fr;
  gap: 12px;
  align-items: center;
}
.pricerulesCodeModal .dco-hist-steps-head {
  padding: 0 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-hist-steps-row {
  padding: 10px 12px;
  background: #f6f8fb;
  border-radius: 12px;
}
.pricerulesCodeModal .dco-hist-steps-row span,
.pricerulesCodeModal .dco-hist-steps-row b {
  font-size: 13px;
  font-weight: 700;
  color: #171d2b;
}
.pricerulesCodeModal .dco-hist-steps-row small {
  font-size: 12px;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-hist-steps-row.--changed {
  background: #eef6ff;
}
.pricerulesCodeModal .dco-hist-steps-row.--changed b {
  color: #1f6fbd;
}
.pricerulesCodeModal .dco-fh-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 4px;
}
.pricerulesCodeModal .dco-fh-head .titleblock {
  margin-bottom: 8px;
}
.pricerulesCodeModal .dco-fh-lead {
  margin: 0 0 16px;
  font-size: 13px;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-fh-sort {
  display: inline-flex;
  flex-shrink: 0;
  padding: 3px;
  background: #eef1f7;
  border-radius: 999px;
}
.pricerulesCodeModal .dco-fh-sort button {
  border: 0;
  background: transparent;
  color: #5d667a;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.pricerulesCodeModal .dco-fh-sort button.on {
  background: #fff;
  color: #171d2b;
  box-shadow: 0 1px 2px rgba(24, 32, 54, 0.08);
}
.pricerulesCodeModal .dco-fh {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pricerulesCodeModal .dco-fh-item {
  display: grid;
  grid-template-columns: 168px minmax(0, 1.1fr) minmax(0, 1fr) 160px 108px;
  gap: 12px 16px;
  align-items: center;
  padding: 14px 16px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-fh-item.--out {
  opacity: 0.72;
}
.pricerulesCodeModal .dco-fh-item.--unbook .dco-fh-type span,
.pricerulesCodeModal .dco-fh-item.--left_group .dco-fh-type span {
  background: #fdecec;
  color: #cd5959;
}
.pricerulesCodeModal .dco-fh-item.--joined_group .dco-fh-type span {
  background: #e8f6e4;
  color: #3f8d32;
}
.pricerulesCodeModal .dco-fh-item.--price .dco-fh-type span {
  background: #e7eefc;
  color: #3d6bb3;
}
.pricerulesCodeModal .dco-fh-item.--status .dco-fh-type span {
  background: #eef1f7;
  color: #4d5870;
}
.pricerulesCodeModal .dco-fh-type span {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef1f7;
  color: #4d5870;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}
.pricerulesCodeModal .dco-fh-flat,
.pricerulesCodeModal .dco-fh-detail,
.pricerulesCodeModal .dco-fh-who {
  min-width: 0;
}
.pricerulesCodeModal .dco-fh-flat a,
.pricerulesCodeModal .dco-fh-detail a,
.pricerulesCodeModal .dco-fh-who a,
.pricerulesCodeModal .dco-fh-flat b,
.pricerulesCodeModal .dco-fh-detail b,
.pricerulesCodeModal .dco-fh-who b {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricerulesCodeModal .dco-fh-flat a,
.pricerulesCodeModal .dco-fh-detail a,
.pricerulesCodeModal .dco-fh-who a {
  display: inline-block;
  max-width: 100%;
  color: #2c98f0;
}
.pricerulesCodeModal .dco-fh-flat a:hover,
.pricerulesCodeModal .dco-fh-detail a:hover,
.pricerulesCodeModal .dco-fh-who a:hover {
  border-bottom: 1px solid #2c98f0;
}
.pricerulesCodeModal .dco-fh-flat small,
.pricerulesCodeModal .dco-fh-detail small,
.pricerulesCodeModal .dco-fh-who small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #8b93a7;
}
.pricerulesCodeModal .dco-fh-flat small {
  color: #cd5959;
}
.pricerulesCodeModal .dco-fh-item .dco-book-open {
  justify-self: end;
}
.pricerulesCodeModal .bind-warn {
  background: #fff4e5;
  border: 1px solid #f0d9b5;
  color: #8a6d3b;
  padding: 10px 14px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.pricerulesCodeModal .dco-now {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 4px 0 20px;
}
.pricerulesCodeModal .dco-now-gap {
  margin: -8px 0 20px;
  padding: 12px 14px;
  background: #fff7f7;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #9a4a4a;
  box-shadow: inset 0 0 0 1px #f3c4c4;
}
.pricerulesCodeModal .ladder-box {
  margin-top: 20px;
  background: #fff;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .ladder-title {
  font-weight: 600;
  margin-bottom: 6px;
}
.pricerulesCodeModal .ladder-row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.pricerulesCodeModal .ladder-row .form-group {
  margin-bottom: 0;
  min-width: 140px;
}
.pricerulesCodeModal .ladder-build {
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 18px;
  height: 38px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.28);
}
.pricerulesCodeModal .ladder-build:hover {
  background: #1f86dc;
}
.pricerulesCodeModal .dco-set {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}
.pricerulesCodeModal .dco-set-card {
  min-width: 0;
  background: #fff;
  border-radius: 14px;
  padding: 16px 16px 18px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.pricerulesCodeModal .dco-set-card p {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #5d667a;
}
.pricerulesCodeModal .dco-set-card .ui-select-bootstrap {
  margin-top: 12px;
}
.pricerulesCodeModal .dco-set-card.--off {
  background: #fff7f7;
}
.pricerulesCodeModal .dco-set-card.--hidden {
  background: #f7f4ee;
}
.pricerulesCodeModal .dco-set-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.pricerulesCodeModal .dco-set-top span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
  margin-bottom: 4px;
}
.pricerulesCodeModal .dco-set-top b {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
  line-height: 1.2;
}
.pricerulesCodeModal .dco-set-top em {
  flex-shrink: 0;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  padding: 4px 8px;
  line-height: 1;
}
.pricerulesCodeModal .dco-set-top em.on {
  background: #e8f6e4;
  color: #3f8d32;
}
.pricerulesCodeModal .dco-set-top em.off {
  background: #f4ead4;
  color: #9a7428;
}
.pricerulesCodeModal .dco-set-top .c-toggler-inline {
  margin: 2px 0 0;
  flex-shrink: 0;
}
.pricerulesCodeModal .dco-set-btn {
  margin-top: 14px;
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 14px;
  height: 34px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.pricerulesCodeModal .dco-set-btn.--show {
  background: #5ca845;
}
@media (max-width: 900px) {
  .pricerulesCodeModal .dco-set {
    grid-template-columns: 1fr;
  }
}
.dco-st-backdrop {
  background: rgba(10, 14, 24, 0.55);
}
.pricerulesStagesModal .modal-dialog {
  position: fixed;
  top: 16px;
  bottom: 16px;
  left: 50%;
  width: 720px;
  max-width: calc(100vw - 48px);
  margin: 0;
  height: auto;
}
.pricerulesStagesModal.modal.fade .modal-dialog {
  transform: translateX(-50%) translateY(16px);
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.pricerulesStagesModal.modal.fade.in .modal-dialog {
  transform: translateX(-50%) translateY(0);
}
.pricerulesStagesModal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}
.dco-st {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #eef1f7;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
}
.dco-st-hero {
  position: relative;
  flex-shrink: 0;
  padding: 18px 52px 16px 22px;
  color: #fff;
  background: radial-gradient(900px 160px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(700px 140px at 120% 0%, rgba(44, 152, 240, 0.2), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.dco-st-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
}
.dco-st-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 6px;
}
.dco-st-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.dco-st-toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 18px;
  background: #fff;
  border-bottom: 1px solid #e0e5ef;
}
.dco-st-toolbar p {
  margin: 0 0 0 auto;
  font-size: 12px;
  line-height: 1.4;
  color: #8b93a7;
  text-align: right;
}
.dco-st-toolbar button {
  flex-shrink: 0;
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 14px;
  line-height: 32px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.dco-st-toolbar button[disabled] {
  opacity: 0.4;
  cursor: default;
}
.dco-st-body {
  flex: 1;
  overflow: auto;
  padding: 12px 16px 24px;
}
.dco-st-hint,
.dco-st-empty {
  text-align: center;
  color: #8b93a7;
  padding: 36px 16px;
  margin: 0;
}
.dco-st-sec {
  margin: 22px 4px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.dco-st-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #fff;
  border-radius: 12px;
  margin-top: 8px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.dco-st-card.is-hidden {
  background: #f7f4ea;
}
.dco-st-card-main {
  min-width: 0;
  flex: 1;
}
.dco-st-card-name {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
}
.dco-st-card-meta {
  margin-top: 2px;
  font-size: 12px;
  color: #8b93a7;
}
.dco-st-card-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.dco-st-card-actions button {
  border: 0;
  background: #eef1f7;
  color: #4d5870;
  border-radius: 999px;
  padding: 0 12px;
  line-height: 28px;
  font-size: 12px;
  cursor: pointer;
}
.dco-st-card-actions button.--ghost {
  background: transparent;
  color: #8b93a7;
}
.dco-st-card-actions button.--dark {
  background: #171d2b;
  color: #fff;
}
.dco-st-card-actions button[disabled] {
  opacity: 0.4;
  cursor: default;
}
.purchaseProgramModalCtrlModal {
  background: #2d334459;
}
.purchaseProgramModalCtrlModal .std-modal {
  min-width: 1000px;
}
.purchaseProgramModalCtrlModal .std-modal {
  padding-bottom: 100px;
}
.purchaseProgramModalCtrlModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.purchaseProgramModalCtrlModal .preview-out {
  background: #fff;
  text-align: center;
  padding: 38px;
}
.purchaseProgramModalCtrlModal .preview-in {
  margin: auto;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
}
.purchaseProgramModalCtrlModal .md-badges-colors {
  display: flex;
}
.purchaseProgramModalCtrlModal .md-badges-colors span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  transition: 0.3s;
}
.purchaseProgramModalCtrlModal .md-badges-colors span i {
  opacity: 0;
}
.purchaseProgramModalCtrlModal .md-badges-colors span.active {
  box-shadow: 0px 0px 10px #fff;
  transform: scale(1.2);
}
.purchaseProgramModalCtrlModal .md-badges-colors span.active i {
  opacity: 1;
}
.purchaseProgramModalCtrlModal .md-badges {
  display: flex;
  justify-content: space-between;
}
.purchaseProgramModalCtrlModal .md-badges span {
  line-height: 34px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
}
.purchaseProgramModalCtrlModal .md-badges span.active {
  background: #596485;
}
.purchaseProgramModalCtrlModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.purchaseProgramModalCtrlModal .house {
  margin-right: 10px;
  width: 200px;
  text-align: center;
  border: 1px solid var(--modal-house-border);
  margin-bottom: 10px;
  border-radius: 2px;
  background: var(--card-head-status-selected-bg);
  padding: 10px 0;
}
.purchaseProgramModalCtrlModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.purchaseProgramModalCtrlModal .house button {
  background: var(--modal-house-button);
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
}
.purchaseProgramModalCtrlModal .pp-row {
  display: flex;
  margin-top: 20px;
}
.purchaseProgramModalCtrlModal .pp-row-info {
  width: 100%;
}
.purchaseProgramModalCtrlModal .pp-row-counter {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: var(--discountModal-pp-row-counter);
  margin-right: 20px;
  margin-top: 25px;
}
.purchaseProgramModalCtrlModal .pp-row-remover {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: var(--discountModal-pp-row-counter);
  margin-left: 20px;
  margin-top: 25px;
}
.realtorInfoModal .modal-dialog {
  margin: 0 auto;
}
.realtorInfoModal .sm-events {
  max-height: calc(100vh - 120px);
}
.realtorInfoModal .san-info-btns {
  margin-top: 10px;
}
.realtorInfoModal .sm-log {
  padding: 0px;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 12px;
}
.realtorInfoModal .sm-log-title {
  opacity: 0.6;
  font-weight: normal;
}
.realtorInfoModal .sm-log-data {
  padding: 0px;
  margin-top: 4px;
  font-size: 12px;
}
.realtorInfoModal .lm-contacts-label {
  display: none;
}
.realtorInfoModal .daw {
  margin-top: 10px;
}
.realtorInfoModal .sm-areas {
  display: flex;
  margin-top: 20px;
}
.realtorInfoModal .sm-areas .sm-area-bg {
  margin-top: 0 !important;
  height: 100% !important;
  width: 100%;
  min-height: 139px;
}
.realtorInfoModal .sm-areas .sm-area-bg:first-child {
  margin-right: 20px;
}
.realtorInfoModal .ma-stats {
  display: flex;
  margin: 0px 0px 0px;
  height: 100px;
  border-bottom: 1px solid var(--realtor-info-border);
  background: var(--ma-stats-bg);
  border-radius: 15px;
}
.realtorInfoModal .ma-stats .std-tabs.--inverse .nav.nav-tabs > li.active > a {
  color: #333;
}
.realtorInfoModal .sm-h-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.realtorInfoModal .ma-stat {
  margin: 0 5px;
  text-align: center;
  padding: 17px 6px 9px;
  width: 100%;
}
.realtorInfoModal .ma-stat:last-child {
  min-width: 28%;
}
.realtorInfoModal .ma-stat-count {
  font-size: 24px;
  margin-bottom: 0px;
}
.realtorInfoModal .ma-stat-title {
  color: #a3a7ae;
  line-height: 1.4em;
  font-size: 11px;
  margin-top: 3px;
}
.realtorInfoModal .ri-deals {
  margin-top: 30px;
}
.realtorInfoModal .san-info {
  position: relative;
  margin-top: 6px;
  margin-bottom: 6px;
}
.realtorInfoModal .san-info span {
  float: right;
  margin-top: -8px;
}
.realtorInfoModal .san-arr {
  margin-top: 30px;
}
.realtorInfoModal .std-modal-area-closer {
  right: 1111px;
}
.realtorInfoModal .realtorInfoIn {
  min-height: 100vmin;
  padding-bottom: 0;
}
.realtorInfoModal .ri-deal {
  padding: 15px 20px;
  margin: 0px 0 10px;
  justify-content: space-between;
}
.realtorInfoModal .ri-deal-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.realtorInfoModal .ri-deal-status {
  padding: 0px 0;
}
.realtorInfoModal .rm-flex {
  display: flex;
  margin: 0px -30px 0 -30px;
  padding-top: 0px;
  overflow: hidden;
}
.realtorInfoModal .rm-right {
  min-width: 520px;
  position: relative;
  border-left: 1px solid var(--card-border-color);
  margin: -71px 0 0px;
  max-width: 520px;
  min-height: 100vmin;
  padding-top: 70px;
}
.realtorInfoModal .rm-left {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}
.realtorInfoModal .sa-c-rl-rieltor {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 10px 10px;
  margin: 0 -10px;
  transition: 0.2s;
}
.realtorInfoModal .sa-c-rl-rieltor.--start {
  font-size: 12px;
}
.realtorInfoModal .sa-c-rl-rieltor:hover {
  background: var(--realtor-rieltor-bg-hover);
  cursor: pointer;
}
.realtorInfoModal .saa-title {
  min-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.realtorInfoModal .saa-leads {
  min-width: 60px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 60px;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-align: right;
}
.realtorInfoModal .saa-books {
  min-width: 60px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 60px;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-align: right;
}
.realtorInfoModal .saa-deals {
  min-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80px;
  text-overflow: ellipsis;
  margin-right: 10px;
  text-align: right;
}
.realtorInfoModal .saa-last {
  min-width: 79px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 79px;
  text-overflow: ellipsis;
  margin-right: 0px;
  text-align: right;
}
.registryColsModal .std-modal {
  width: 1100px;
}
.registryColsModal .col-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.registryColsModal .col-row-sort {
  min-width: 30px;
  margin-right: 15px;
}
.registryColsModal .col-row-field {
  min-width: 200px;
}
.registryColsModal .col-row-title {
  min-width: 180px;
  margin-right: 15px;
}
.registryColsModal .col-row-titlefull {
  min-width: 250px;
  margin-right: 15px;
}
.registryColsModal .col-row-cut {
  min-width: 100px;
  max-width: 100px;
}
.registryColsModal .col-row-type {
  display: flex;
  margin-right: 15px;
  min-width: 132px;
}
.registryColsModal .col-row.--start {
  opacity: 0.5;
  font-size: 85%;
  margin-bottom: 10px;
}
.registryColsModal .col-row-type .type {
  margin-right: 5px;
  width: 28px;
  height: 28px;
  background: #ffffff;
  line-height: 28px;
  text-align: center;
  opacity: 0.3;
}
.registryColsModal .col-row-type .type.active {
  opacity: 1;
}
.registryColsModal .col-row-order {
  min-width: 60px;
}
.registryColsModal .order-btn {
  display: inline-block;
  font-size: 20px;
  background: #fff;
  line-height: 34px;
  width: 34px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
}
.registryColsModal .keys-filter {
  width: 300px;
  margin-top: -10px;
  margin-bottom: 20px;
}
.registryColsModal span.sorttr {
  font-size: 20px;
  line-height: 34px;
  height: 34px;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  text-align: center;
  border-radius: 4px;
  cursor: row-resize;
}
.registryColsModal .col-row-delete {
  min-width: 40px;
  text-align: right;
}
.registryColsModal .col-row-delete i {
  font-size: 20px;
  cursor: pointer;
}
.registryColsModal .key-item.--start {
  font-size: 85%;
  opacity: 0.4;
  margin-bottom: 10px;
}
.registryColsModal .key-item {
  align-items: center;
}
.registryColsModal .key-item-type {
  min-width: 110px;
}
.registryColsModal .keys-label {
  font-size: 16px;
  margin-top: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}
.registryColsModal .key-item {
  display: flex;
  margin-bottom: 12px;
}
.registryColsModal .key-item-key {
  min-width: 200px;
}
.registryColsModal .key-item-title {
  min-width: 300px;
}
.selectListModalService {
  /*background: @modalBackgroundColor;*/
}
.selectListModalService .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.selectListModalService .awfg {
  margin: 6px 0 20px;
}
.selectListModalService .cunm-user {
  background: var(--cunm-user-bg);
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.selectListModalService .cunm-user:hover {
  background: var(--cunm-user-bg-hover);
  cursor: pointer;
}
.selectListModalService span.cunm-primary {
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.5;
  line-height: 20px;
}
.selectListModalService span.cunm-icon {
  font-size: 16px;
  position: absolute;
  top: 0px;
  line-height: 36px;
  right: 0;
  width: 40px;
  text-align: center;
}
.selectMobileListModal {
  /*background: @modalBackgroundColor;*/
}
.selectMobileListModal .modal-dialog {
  width: auto;
  transform: none !important;
}
.selectMobileListModal .list-item {
  background: var(--light-area-bg);
  color: var(--inverse);
  text-align: center;
  margin-bottom: 10px;
  line-height: 50px;
  border-radius: 10px;
}
.selectMobileListModal .list-item.--clear {
  background: transparent !important;
  color: #b7e1ff !important;
  opacity: 0.9;
  line-height: 40px;
  font-weight: bold;
}
.selectMobileListModal .list-text {
  margin-bottom: 20px;
  font-size: 15px;
  color: #fff;
  text-align: center;
}
.selectMobileListModal .list {
  padding: 10px 10px 10px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2222;
  transform: translateY(100px);
  transition: 0.4s;
}
.selectMobileListModal .list.opened {
  transform: translateY(0);
}
.selectMobileListModal .list-item-title {
  font-size: 15px;
}
.settingsDopfieldsAccess .std-modal {
  min-width: 1200px;
}
.settingsDopfieldsAccess .infor-flex {
  display: flex;
  align-items: center;
}
.settingsDopfieldsAccess .infor-flex-btn {
  background: #e6eaf4;
  padding: 6px 10px;
  border-radius: 5px;
  margin-right: 4px;
  cursor: pointer;
  border: 1px solid #abb3c9;
}
.settingsDopfieldsAccess .infor-flex-btn.active {
  background: #fff;
  color: #000;
}
.settingsDopfieldsAccess .infor-flex-title {
  margin-right: 20px;
}
.settingsDopfieldsAccess .infor-areas {
  margin-top: 20px;
}
.settingsDopfieldsAccess .infor-area {
  margin-top: 0px;
}
.settingsDopfieldsAccess .infros-scroll {
  overflow: auto;
}
.settingsDopfieldsAccess .infor-area-title {
  font-weight: bold;
  margin-bottom: 15px;
}
.settingsDopfieldsAccess .infor-col-btns {
  display: flex;
}
.settingsDopfieldsAccess .infor-table {
  font-size: 13px;
}
.settingsDopfieldsAccess .col-btn {
  margin-right: 0px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  font-size: 15px;
}
.settingsDopfieldsAccess .col-btn.active {
  background: var(--color-blue);
  color: #fff;
}
.settingsDopfieldsAccess .tdflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settingsDopfieldsAccess .infor-col-btns.--all {
  background: #fff;
  border-radius: 5px;
}
.settingsDopfieldsAccess .infor-col-btns.--all.--head {
  margin-top: 10px;
}
.settingsFlatsDecorationModal {
  background: #2d334459;
}
.settingsFlatsDecorationModal .std-modal {
  min-width: 1100px;
}
.settingsFlatsDecorationModal .c-images-loader {
  padding-bottom: 10px;
}
.settingsFlatsDecorationModal .subtitle {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.settingsFlatsDecorationModal .c-gallery .cg-start.--start {
  margin: 0 25px 25px 0;
}
.settingsFlatsDecorationModal .c-gallery-item {
  margin: 0 25px 25px 0;
}
.settingsFlatsDecorationModal .c-gallery-item:nth-child(4n-1) {
  margin-right: 0;
}
body {
  --cldm-togglertop-bg: #2d3854;
  --cldm-togglertop-color: #757b8b;
  --cldm-togglertop-border: #606d8b;
  --cldm-resp-place-active-bg: #606d8c;
  --cldm-resp-place-active-color: #fff;
  --cldm-label-color: #fff;
  --modal-task-fast-fr-bg: #ffffff1f;
  --taskmodal-point-bg: #e7ebf5;
  --modal-task-hour-color: #aaafbb;
  --modal-task-textarea-background: #323952;
  --modal-task-textarea-color: #fff;
  --modal-task-textarea-border: #606d8c;
  --modal-task-conf-bg: #3a4568;
  --modal-task-conf-color: #fff;
}
body.theme-white {
  --cldm-togglertop-bg: #f6f6f6;
  --cldm-togglertop-color: #505e7f;
  --cldm-togglertop-border: #ababab;
  --cldm-resp-place-active-bg: #afbee3;
  --cldm-resp-place-active-color: #374261;
  --cldm-label-color: #000;
  --modal-task-fast-fr-bg: #8892ab;
  --taskmodal-point-bg: #e7ebf5;
  --modal-task-hour-color: #515c78;
  --modal-task-textarea-background: #c7cfe5;
  --modal-task-textarea-color: #000;
  --modal-task-textarea-border: #8d97b1;
  --modal-task-conf-bg: #d0d6e7;
  --modal-task-conf-color: #000;
}
body.theme-white .taskModal .awesg {
  color: #000;
}
body.theme-white .cldm-timeline-already-task[data-type="2"] {
  color: #000;
}
body.theme-white .cldm-timeline-hour {
  border-right: 1px solid #05113363;
  border-left: 1px solid #05113363;
}
body.theme-white .cldm-timeline-hour-area-item {
  width: 100%;
  height: 15px;
  cursor: pointer;
  position: relative;
}
body.theme-white .cldm-timeline-hour-area-item:nth-child(1) {
  border-top: 1px solid #05113363;
}
body.theme-white .cldm-timeline-hour-area-item:nth-child(3) {
  border-top: 1px solid #00000024;
}
.taskModal .sm-area {
  margin-right: 20px;
  max-width: 650px;
  min-width: 650px;
  margin-bottom: 30px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .taskModal .sm-area {
    margin-right: 0;
  }
}
.taskModal .sm-events {
  min-width: 530px;
  max-width: 530px;
}
.taskModal .sm-flex.weekend .cldm-timeline-hour-area-item {
  pointer-events: none !important;
}
@media only screen and (max-width: 767px) {
  .taskModal .sm-flex {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .taskModal .sm-flex.mobile-flex-line .sm-events {
    display: block;
    height: auto;
    min-width: 0;
    max-width: 100%;
    position: relative;
    overflow: visible;
  }
}
.taskModal .task-conf-right {
  margin-left: 15px;
}
.taskModal .task-conf-right.text {
  font-size: 13px;
}
.taskModal .lent-right {
  display: none !important;
}
.taskModal .posdk {
  text-align: center;
  font-size: 85%;
  margin-top: 10px;
}
.taskModal .full-viewer {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.taskModal .full-viewer span {
  font-size: 85%;
  display: inline-block;
  margin-left: 12px;
  opacity: 0.5;
  margin-top: 1px;
}
.taskModal .meet-place {
  font-size: 12px;
  opacity: 0.3;
  margin-top: -4px;
}
.taskModal .task-text-area {
  word-break: break-word;
}
.taskModal .colrow {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 767px) {
  .taskModal .colrow {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
.taskModal .awd {
  margin-top: 10px;
  color: #e06868;
  font-size: 15px;
}
.taskModal .col-item {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .taskModal .col-item {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.taskModal .col-item.--date {
  min-width: 270px;
  max-width: 270px;
}
@media only screen and (max-width: 767px) {
  .taskModal .col-item.--date {
    min-width: 100%;
    max-width: 100%;
  }
}
.taskModal .on-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -5px;
  margin-bottom: 30px;
}
.taskModal .sm-inner.showTimes .sm-events {
  display: block;
  position: fixed;
  top: 30%;
  right: 0px;
  z-index: 222;
  left: 0px;
  bottom: 0px;
  max-width: auto;
  min-width: auto;
  border: 15px solid #181c25;
  border-radius: 0;
}
.taskModal .sm-inner.showTimes .fake-height {
  height: 50vh;
  display: block;
}
.taskModal .cldm-togglers {
  margin-top: 10px;
}
.taskModal .cldm-fast {
  padding: 0px 13px 0;
  position: absolute;
  bottom: 9px;
  width: 100%;
  z-index: 2;
  max-height: 67px;
  overflow: hidden;
}
.taskModal .cldm-fast .form-group {
  margin-bottom: 11px;
}
.taskModal span.floor-num {
  padding: 6px;
  margin-left: -6px;
  position: relative;
  top: -2px;
}
@media only screen and (max-width: 767px) {
  .taskModal span.floor-num {
    pointer-events: none;
  }
}
.taskModal span.floor-num.hover-enabled {
  cursor: pointer;
}
.taskModal .cldm-fast-fr {
  display: flex;
  flex-wrap: wrap;
}
.taskModal .cldm-fast-fr span {
  max-width: 200px;
  display: inline-block;
}
.taskModal .cldm-fast-fr label {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
}
.taskModal .cldm-fast-fr span {
  display: inline-block;
  font-size: 11px;
  background: var(--modal-task-fast-fr-bg);
  margin: 0 3px 3px 0;
  padding: 2px 4px;
  border-radius: 2px;
  color: #ffffffbd;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 210px;
}
.taskModal .white-label {
  opacity: 1;
}
.taskModal .taskModalIn {
  z-index: 100;
  position: relative;
}
.taskModal span.weekend-plan {
  font-size: 17px;
  font-weight: bold;
  margin-top: 7px;
}
.taskModal .bm-weekend-info {
  margin-bottom: 20px;
}
.taskModal .weekend .cldm-right-info {
  max-height: 55px;
  min-height: 55px;
}
.taskModal .weekend .cldm-timeline-hour-area-item {
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .taskModal span.cldm-object-type {
    display: none;
  }
}
.taskModal .cldm-object-typedesc {
  position: absolute;
  right: 30px;
  top: 16px;
  width: 600px;
  line-height: 1.4em;
  font-size: 12px;
  text-align: right;
  color: #586073;
}
.taskModal .bm-title-link {
  margin-left: auto;
  margin-right: 20px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .taskModal .bm-title-link .std-btn {
    width: 100%;
    text-align: center;
  }
}
.taskModal .link-block {
  font-family: monospace;
  background: var(--inverse-superlight);
  padding: 2px 2px;
  margin-right: 4px;
  cursor: pointer;
  color: var(--inverse);
  text-decoration: none;
  letter-spacing: -0.6px;
}
.taskModal .link-external {
  color: inherit;
}
.taskModal .white-comment {
  line-height: 1.3em;
  opacity: 0.35;
  font-size: 12px;
}
.taskModal .dark-label {
  opacity: 0.35;
}
.taskModal span.cldm-object-title div {
  display: inline-block;
}
.taskModal span.cldm-object-title.--loader {
  padding-top: 29px;
  min-width: 260px;
  max-width: 260px;
  margin: 0 17px;
}
.taskModal span.cldm-object-title i {
  opacity: 0.4;
  margin-left: 6px;
}
.taskModal .cldm-textarea {
  font-weight: normal;
  max-width: 1000px;
  width: auto;
  display: block;
  position: relative;
  margin: 20px 20px 0;
}
.taskModal .cldm-text {
  min-height: 120px;
  max-height: 200px;
  z-index: 2;
  position: relative;
  margin-top: 0px;
  background-color: var(--modal-task-textarea-background);
  color: var(--modal-task-textarea-color);
  outline: none;
  box-shadow: none;
  resize: none !important;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-area-flex {
    height: auto;
    overflow: auto;
    padding-top: 0;
    margin-top: 0;
  }
}
.taskModal .cldm-right {
  height: 100%;
  position: relative;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-right {
    height: auto;
    overflow: visible;
  }
}
.taskModal .cldm-right.sss {
  height: calc(100vh - 100px);
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-right.sss {
    height: 100%;
  }
}
.taskModal .std-modal .std-modal-title-big2 {
  color: #fff;
}
.taskModal .cldm-timeline-hour-area {
  height: 60px;
}
.taskModal .cldm-timeline-hour-area-item {
  width: 100%;
  height: 15px;
  cursor: pointer;
  position: relative;
}
.taskModal .cldm-timeline-hour-area-item:nth-child(1) {
  border-top: 1px solid #37415d;
}
.taskModal .cldm-timeline-hour-area-item:nth-child(3) {
  border-top: 1px solid #0000002e;
}
.taskModal .cldm-timeline-hour-area-item div {
  position: absolute;
  z-index: 2;
  top: -2px;
  font-size: 11px;
  margin-bottom: 4px;
  background: #606d8c;
  color: #fff;
  padding: 2px 4px;
  width: 36px;
  text-align: center;
  left: -41px;
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
}
.taskModal .cldm-timeline-hour-area-item span {
  display: none;
}
.taskModal .cldm-timeline-hour-area-item:hover div,
.taskModal .cldm-timeline-hour-area-item .active div {
  visibility: visible;
  opacity: 1;
}
.taskModal .cldm-timeline-hour-area-item.already {
  background: #d67474;
}
.taskModal .load-caplabel {
  position: absolute;
  left: 0px;
  margin-top: 4px;
  z-index: 2;
  font-size: 10px;
}
.taskModal .cldm-timeline {
  width: 100%;
  user-select: none;
}
.taskModal .cldm-timeline.--place {
  width: 30%;
}
.taskModal .cldm-timeline.--place .cldm-timeline-hours {
  pointer-events: none;
}
.taskModal .cldm-timeline.--place .cldm-timeline-already-task {
  border-radius: 10px;
  text-decoration: none !important;
  color: inherit !important;
}
.taskModal .cldm-timeline.--place .cldm-timeline-hour {
  border-left: none !important;
  border-right: none !important;
}
.taskModal .cldm-timeline.--place .cldm-timeline-hour .cldm-timeline-hour-area-item {
  border-bottom: none !important;
  border-top: none !important;
}
.taskModal .cldm-timeline.--place .cldm-timeline-hours {
  margin-left: -11px;
  padding-left: 0;
  padding-right: 0;
}
.taskModal .cldm-timeline.--place .cldm-timeline-already-task {
  left: -10px;
  right: 5px;
}
.taskModal .cldm-timeline-already-place {
  position: absolute;
  background: #ffffff24;
  height: 30px;
  z-index: 22;
  top: 1px;
}
.taskModal .cldm-timeline-hours {
  /*display: flex;*/
  padding-left: 50px;
  position: relative;
  z-index: 3;
  padding-right: 20px;
}
.taskModal .on-time-value {
  font-size: 18px;
  font-weight: bold;
}
.taskModal .cldm-timelines {
  padding: 20px;
  position: relative;
  border-bottom: 1px solid #2f3851;
  height: 100%;
  min-height: 400px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-timelines {
    padding: 20px;
    position: relative;
    border-bottom: 1px solid #2f3851;
    height: 100%;
    overflow: auto;
    max-height: 10px;
  }
}
.taskModal .cldm-timelines-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px 0;
  display: flex;
}
.taskModal .cldm-timeline-hour {
  border-right: 1px solid #37415d;
  border-left: 1px solid #37415d;
  margin: 0px 0px 0 0px;
  position: relative;
  color: #6d7385;
  height: 60px;
}
.taskModal .cldm-timeline-hour:last-child {
  border-bottom: 1px solid #37415d;
}
.taskModal .cldm-timeline-hour-title {
  position: absolute;
  font-size: 14px;
  top: -8px;
  margin-bottom: 6px;
  left: -30px;
  width: 30px;
  color: var(--modal-task-hour-color);
}
.taskModal .cldm-timeline-hour-title.--last {
  left: -30px;
  top: auto;
  bottom: -15px;
}
.taskModal .form-group {
  margin-bottom: 20px;
}
.taskModal .form-group label {
  font-size: 12px;
  margin-bottom: 7px;
  color: var(--cldm-label-color);
  font-weight: bold;
}
.taskModal .cldm-desc {
  line-height: 1.2em;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-desc {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-desc .br {
    display: inline-block;
    width: 4px;
  }
}
.taskModal .cldm-desc span {
  font-weight: 400;
  color: #8c919e;
}
.taskModal .not-edited {
  font-size: 12px;
  opacity: 0.5;
  padding-top: 10px;
  padding-left: 30px;
}
.taskModal .awesg {
  margin: 16px 0 -5px;
  font-size: 14px;
  color: #fff;
}
.taskModal .cldm-add {
  display: flex;
  z-index: 3;
  margin-left: auto;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-add {
    margin-right: 0;
  }
}
.taskModal .cldm-togglertop {
  background: var(--cldm-togglertop-bg);
  color: var(--cldm-togglertop-color);
  transition: 0.3s;
  position: relative;
  white-space: nowrap;
  padding: 0 10px;
  margin: 0px 0px 0 6px;
  border-radius: 5px;
  border: 1px solid var(--cldm-togglertop-border);
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-togglertop {
    width: 100%;
    text-align: center;
  }
}
.taskModal .cldm-togglertop.--custom {
  color: #fff !important;
  opacity: 1 !important;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-togglertop {
    margin-top: 0px;
  }
  .taskModal .cldm-togglertop:first-child {
    margin-left: 0;
  }
}
.taskModal .cldm-togglertop:hover {
  cursor: pointer;
}
.taskModal .cldm-togglertop.active {
  color: #fff;
  opacity: 1;
  /*background-color: @selected_bg;*/
}
.taskModal .cldm-togglertop.active.--task {
  background-color: #716556;
}
.taskModal .cldm-togglertop.active.--call {
  background-color: #444e6b;
}
.taskModal .cldm-togglertop.active.--meet {
  background-color: #3450b9;
}
.taskModal .cldm-togglertop i {
  font-size: 16px;
  line-height: 30px;
  top: 0;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  top: 1px;
}
.taskModal .cldm-togglertop i.--2 {
  transform: rotate(215deg);
  top: -2px;
  font-size: 19px;
}
.taskModal .std-modal {
  padding: 0;
}
.taskModal .cldm-task {
  display: flex;
  padding: 3px 50px;
  margin: 0 -50px;
}
.taskModal .cldm-task.--new {
  background: #505c7b;
}
.taskModal .cldm-task-task {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.taskModal .cldm-task-time {
  min-width: 70px;
  font-family: monospace;
}
.taskModal .cldm-rt-flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.taskModal .cldm-tasksinfo {
  /*border-bottom: 1px solid #2f3851;*/
  padding: 0px 0px;
}
.taskModal .cldm-tasksinfo-task {
  background: #716556;
  color: #fff;
  font-size: 10px;
  margin-bottom: 1px;
  padding: 2px 19px;
}
.taskModal .cldm-tasks-nores {
  font-size: 12px;
  color: #aaafbb;
}
.taskModal .cldm-tasksinfo-title {
  font-size: 12px;
  margin-bottom: 7px;
  color: #8c919e;
  padding: 7px 0 0px 20px;
}
.taskModal .cldm-tasks-item {
  display: flex;
  font-size: 12px;
  margin-bottom: 6px;
  color: #aaafbb;
}
.taskModal .cldm-tasks-item-time {
  min-width: 90px;
  font-size: 12px;
  max-width: 90px;
}
.taskModal .cldm-tasks-item-text {
  max-height: 51px;
  overflow: hidden;
}
.taskModal .cldm-tasks-item-text:hover {
  max-height: 10000px;
}
.taskModal .cldm-area-edit .form-group {
  margin-bottom: 15px;
}
.taskModal .cldm-area-edit .form-group label {
  margin-bottom: 3px;
}
.taskModal .cldm-area-content {
  padding: 20px 20px 20px;
  overflow: auto;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-area-content {
    padding-bottom: 40px;
  }
}
.taskModal .timer .form-group {
  margin-bottom: 10px;
}
.taskModal .timer .form-group .form-control {
  padding-right: 0;
}
.taskModal .task-flex-item i {
  position: absolute;
  font-size: 20px;
  left: 0px;
  top: 1px;
  width: 40px;
  text-align: center;
  pointer-events: none;
  background: #3a4568;
  color: #c0c4d1;
  line-height: 40px;
  border-radius: 7px;
}
.taskModal .taskm-fle {
  display: flex;
  justify-content: space-between;
}
.taskModal .taskm-fle-text {
  width: 100%;
}
.taskModal .task-flex {
  display: flex;
  margin: 30px 0 -15px;
  flex-wrap: wrap;
}
.taskModal .task-flex.last {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .taskModal .task-flex {
    display: block;
    margin: 0 0 20px;
  }
}
.taskModal .task-flex-item-text p:last-child {
  margin-bottom: 0;
}
.taskModal span.comp-status {
  font-weight: bold;
  font-size: 18px;
}
.taskModal .comp-result {
  display: flex;
  margin-top: 25px;
  margin-bottom: -10px;
}
.taskModal .comp-fields {
  margin-top: 20px;
}
.taskModal .comp-field {
  display: flex;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.3em;
}
.taskModal .comp-field-title {
  min-width: 160px;
  max-width: 220px;
  margin-right: 16px;
  font-weight: bold;
}
.taskModal .comp-user {
  white-space: nowrap;
  margin-right: 20px;
  font-weight: bold;
}
.taskModal .comp-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.taskModal span.comp-time {
  font-weight: bold;
}
.taskModal .compelted {
  padding: 20px 20px;
  display: block;
  margin: 10px 0px 0px;
  color: #000;
  border-radius: 20px;
}
.taskModal .comp-time {
  margin-top: 4px;
  opacity: 0.6;
}
.taskModal .compelted.--good {
  background: #a5e59f;
}
.taskModal .compelted.--bad {
  background: #e5a89f;
}
.taskModal .final-title {
  font-weight: bold;
  margin: 30px 0 10px;
}
.taskModal .task-conf {
  display: flex;
  background: var(--modal-task-conf-bg);
  color: var(--modal-task-conf-color);
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  padding: 15px;
}
.taskModal .task-conf.--small {
  padding: 0;
  background: transparent;
}
.taskModal .task-conf-left {
  display: flex;
  align-items: center;
}
.taskModal .task-conf-left-text-1 {
  font-size: 90%;
  opacity: 0.6;
}
.taskModal .task-conf-left-icon.blur {
  filter: grayscale(1);
  background: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
}
.taskModal .task-conf-left-icon.blur img {
  width: 30px;
  height: 30px;
}
.taskModal .task-conf-left-icon img {
  margin-top: 1px;
  width: 40px;
  height: 40px;
}
.taskModal .task-conf-left-text-2 {
  font-weight: bold;
  margin-top: 4px;
}
.taskModal .task-conf-left-text {
  margin-left: 15px;
}
.taskModal .task-flex-item {
  border-radius: 7px;
  padding: 0px 0px 0px 50px;
  position: relative;
  margin: 0 0px 15px 0;
  width: 50%;
}
.taskModal .task-flex-item.--full {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .taskModal .task-flex-item {
    margin: 0 0 14px;
    width: 100%;
  }
}
.taskModal .task-flex-item-label {
  opacity: 0.5;
  font-size: 90%;
  margin-bottom: 3px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-left {
    min-width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-timeline-hour-area-item div {
    display: none !important;
  }
}
.taskModal .create-btn .std-btn {
  line-height: 22px;
}
.taskModal .create-btn small {
  display: block;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .taskModal .sm-events {
    height: auto;
    display: none;
  }
  .taskModal .sm-events .cldm-timeline-hour-area-item:hover {
    background: inherit !important;
  }
  .taskModal .sm-events .cldm-timeline-hour-area-item:hover.active {
    background: #8a9ac3db !important;
  }
}
.taskModal .sm-events[data-type="1"] .cldm-timeline-hour-area-item:hover,
.taskModal .sm-events[data-type="1"] .cldm-timeline-hour-area-item.active {
  background: #8a9ac3db;
}
.taskModal .sm-events[data-type="1"] .cldm-timeline-hour-area-item:hover span.current {
  display: block;
}
.taskModal .sm-events[data-type="2"] .cldm-timeline-hour-area-item:hover,
.taskModal .sm-events[data-type="2"] .cldm-timeline-hour-area-item.active {
  background: #8a9ac3db;
}
.taskModal .sm-events[data-type="2"] .cldm-timeline-hour-area-item:hover span.current {
  display: block;
}
.taskModal .sm-events[data-type="3"] .cldm-timeline-hour-area-item:hover,
.taskModal .sm-events[data-type="3"] .cldm-timeline-hour-area-item.active {
  background: #8a9ac3db;
}
.taskModal .sm-events[data-type="3"] .cldm-timeline-hour-area-item:hover span.current {
  display: block;
}
.taskModal .sm-events[data-drag="1"][data-type="3"] .cldm-timeline-hour-area-item:hover span.end {
  display: block;
}
.taskModal .sm-events[data-drag="1"][data-type="3"] .cldm-timeline-hour-area-item:hover span.current {
  display: none;
}
.taskModal .cldm-area {
  display: flex;
  flex-direction: column;
}
.taskModal .cldm-task-task span {
  color: #868b9d;
}
.taskModal .cldm-task-desc {
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 14px;
}
.taskModal .cldm-blur {
  transition: 0.2s;
}
.taskModal .cldm-blur.active {
  opacity: 0.3;
  pointer-events: none;
  filter: blur(3px);
}
.taskModal .cldm-left-text {
  padding: 20px;
}
.taskModal .bm-title-start {
  margin-right: 9px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .taskModal .bm-title-start {
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
  }
}
.taskModal .other-title {
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.taskModal .bm-title {
  display: flex;
  padding-left: 20px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .taskModal .bm-title {
    display: block;
    padding-right: 20px;
  }
}
.taskModal .load-w {
  text-align: center;
  margin-top: 8px;
  font-weight: bold;
}
.taskModal .cldm-area-top {
  border-radius: 15px;
  position: sticky;
  top: 0;
  background: var(--modsexy-area-bg);
  z-index: 3;
  padding: 9px 0 10px;
  min-height: 67px;
  margin-top: 14px;
}
.taskModal .cldm-area-top.loaded {
  border-bottom: 1px solid var(--card-border-color);
  border-radius: 0px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-area-top {
    border-bottom: 1px solid var(--card-border-color);
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
    position: static;
    border-radius: none;
  }
}
.taskModal .cldm-area-top.--loader {
  /*padding-top: 5px;*/
  padding-left: 20px;
}
.taskModal .cldm-area-top.--loader .std-lineloader {
  width: 300px;
}
.taskModal .cldm-flex {
  display: flex;
}
.taskModal .cldm-tabs {
  /*margin: 0 -50px;*/
  margin-top: 20px;
}
.taskModal .cldm-resp {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.taskModal .cldm-resp-loader {
  width: 60px;
  margin: 3px 5px 8px 0;
}
.taskModal .cldm-resp-loader:nth-child(2) {
  width: 110px;
}
.taskModal .cldm-resp-loader:nth-child(3) {
  width: 90px;
}
.taskModal .cldm-resp-loader:nth-child(3) {
  width: 70px;
}
.taskModal .cldm-right-info {
  border-bottom: 1px solid #2f3851;
  min-height: 80px;
  max-height: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-right-info {
    min-height: 75px;
    max-height: 75px;
    text-align: left;
    padding-left: 11px;
  }
}
.taskModal .cldm-timearea {
  display: flex;
  line-height: 30px;
  margin-top: -6px;
  margin-bottom: 15px;
}
.taskModal .cldm-timearea-date {
  margin-right: 8px;
  font-weight: bold;
}
.taskModal .cldm-timearea-time {
  display: flex;
}
.taskModal .cldm-timearea-timeblock {
  display: flex;
  margin-left: 7px;
  margin-right: 7px;
}
.taskModal .cldm-timearea-timeblock input {
  height: 30px;
  padding: 0;
  text-align: center;
  width: 50px;
  line-height: 30px;
}
.taskModal .cldm-timearea-timeblock .sep:after {
  content: ':';
  display: inline-block;
  margin: 0 2px;
  opacity: 0.6;
}
.taskModal .cldm-right-timeline {
  height: 100%;
}
.taskModal .cldm-resp-user,
.taskModal .cldm-resp-place {
  background: var(--cldm-togglertop-bg);
  margin: 0 5px 5px 0;
  padding: 3px 6px;
  border-radius: 2px;
  color: var(--cldm-togglertop-color);
  transition: 0.2s;
  white-space: nowrap;
  min-width: 33px;
  text-align: center;
  font-size: 12px;
}
.taskModal .cldm-resp-user:hover,
.taskModal .cldm-resp-place:hover {
  color: #8e95a7;
  background: #35415f;
  cursor: pointer;
}
.taskModal .cldm-resp-user.active,
.taskModal .cldm-resp-place.active {
  background-color: var(--cldm-resp-place-active-bg);
  color: var(--cldm-resp-place-active-color);
  pointer-events: none;
}
.taskModal .cldm-flex-left {
  margin-right: 30px;
  width: 100%;
}
.taskModal .cldm-task {
  max-width: 700px;
}
.taskModal .cldm-flex-right {
  width: 250px;
}
.taskModal .w50 {
  width: 60%;
}
.taskModal .lent-area {
  display: none;
}
.taskModal .flex-views {
  display: flex;
}
.taskModal .flex-views-select {
  width: 100%;
}
.taskModal .flex-views .full-viewer {
  margin-top: 0;
  margin-left: 20px;
  min-width: 265px;
}
.taskModal .flex-views .full-viewer button {
  width: 100%;
}
.taskModal .cldm-buttons {
  margin: 20px 0px 0;
  display: flex;
}
.taskModal .cldm-buttons .std-btn {
  width: 100%;
}
.taskModal .cldm-buttons .std-btn.-not-full {
  width: 69.3%;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-buttons .std-btn.-not-full {
    width: 100%;
  }
}
.taskModal .cldm-buttons *:first-child {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-buttons *:first-child {
    margin-bottom: 10px;
  }
}
.taskModal .cldm-buttons *:first-child:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-buttons *:first-child:last-child {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .taskModal .cldm-buttons {
    margin: 0 0px;
    display: flex;
    flex-direction: column;
  }
}
.taskModal .minutes {
  display: flex;
  align-content: space-between;
  width: 100%;
  padding: 0 6px;
}
.taskModal .hour {
  display: flex;
  margin-bottom: -1px;
  height: 25px;
  line-height: 25px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) {
  .taskModal .hour:hover {
    background-color: #eaeaea;
  }
  .taskModal .hour:hover .minute {
    color: #5d5b5b;
  }
  .taskModal .hour:hover .minute:hover {
    color: #000;
    background: #d0cdcd;
    cursor: pointer;
  }
}
.taskModal .hour:first-child {
  height: 30px;
  padding-top: 7px;
}
.taskModal .hour:first-child .hour-title {
  margin-top: -7px;
  padding-top: 7px;
}
.taskModal .hour:last-child {
  height: 30px;
}
.taskModal .cldm-timeline-already-task {
  position: absolute;
  right: 20px;
  z-index: 1;
  top: 0px;
  left: 50px;
  overflow: hidden;
  padding: 0 5px;
  color: #fff;
}
.taskModal .cldm-timeline-already-task.it_is {
  background: repeating-linear-gradient(135deg, #3d4b6f, #3d4b6f 5px, #465298 5px, #465298 10px) !important;
}
.taskModal .cldm-timeline-already-task span {
  font-size: 10px;
  line-height: 13px;
  display: block;
}
.taskModal .cldm-timeline-already-task i {
  display: none;
  line-height: 16px;
  font-size: 9px;
}
.taskModal .cldm-timeline-already-task[data-type="1"] {
  /*border-color: @colorTask;*/
  /*background: #d07d1778;*/
  background: #716556;
}
.taskModal .cldm-timeline-already-task[data-type="2"] {
  /*      border-color: @colorCall;
      background: @colorCall;*/
  background: transparent;
  width: 15px;
  font-size: 7px;
  height: 15px;
  line-height: 13px;
  padding: 0;
  text-align: center;
  border-radius: 0px;
  right: 5px;
  left: auto;
}
.taskModal .cldm-timeline-already-task[data-type="2"] span {
  display: none;
}
.taskModal .cldm-timeline-already-task[data-type="2"] i {
  display: block;
}
.taskModal .cldm-timeline-already-task[data-type="3"] {
  background: #3450b9;
}
.taskModal .cldm-timeline-already {
  position: relative;
  z-index: 2;
}
.taskModal .hour-title {
  min-width: 30px;
  text-align: center;
  background: #853a76;
  font-size: 12px;
  font-family: monospace;
  transition: 0.3s;
}
.taskModal .hour-title:hover {
  cursor: pointer;
  font-weight: bold;
}
.taskModal .minute {
  width: 100%;
  text-align: center;
  font-size: 11px;
  color: #b1b1b1;
  transition: 0.3s;
  font-family: monospace;
}
.taskModal .times {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.taskCompleteModal .modal-dialog {
  width: 500px;
}
.taskCompleteModal .modal-content,
.taskCompleteModal .std-modal {
  overflow: visible;
}
.taskCompleteModal .tc-types {
  display: flex;
  margin: 0 -10px 20px;
  width: auto;
}
.taskCompleteModal .tc-label {
  display: block;
  font-weight: normal;
  overflow: visible;
}
.taskCompleteModal .tc-fields {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid rgba(100, 117, 158, 0.35);
  overflow: visible;
  position: relative;
  z-index: 5;
}
.taskCompleteModal .tc-fields .form-group {
  margin-bottom: 14px;
  overflow: visible;
  position: relative;
}
.taskCompleteModal .tc-fields .c-multiselect {
  z-index: 10;
}
.taskCompleteModal .tc-fields label {
  display: block;
  margin-bottom: 6px;
}
.taskCompleteModal .modal-footer {
  position: relative;
  z-index: 1;
}
.taskCompleteModal .ssd {
  display: flex;
  justify-content: flex-end;
}
.taskCompleteModal .ssd.has-back {
  justify-content: space-between;
}
.taskCompleteModal .tc-type {
  height: 60px;
  border: 1px solid #64759e;
  border-radius: 5px;
  width: 100%;
  margin: 0 10px;
  text-align: center;
  line-height: 60px;
  color: #9098af;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
  transition: 0.2s;
}
.taskCompleteModal .tc-type:hover {
  background: #2b3756;
  color: #a9b0c5;
  cursor: pointer;
}
.taskCompleteModal .tc-type.active {
  cursor: default;
  color: #fff;
}
.taskCompleteModal .tc-type.active.--yes {
  background-color: #285735;
  border-color: #285735;
}
.taskCompleteModal .tc-type.active.--no {
  background-color: #572828;
  border-color: #572828;
}
.taskCompleteMobileModal .modal-dialog {
  width: auto;
  transform: none !important;
  pointer-events: none;
}
.taskCompleteMobileModal .std-modal {
  padding: 0;
  background: transparent;
  pointer-events: none;
}
.taskCompleteMobileModal .list {
  padding: 16px 12px 10px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2222;
  max-height: 90vh;
  overflow-y: auto;
  background: var(--card-bg-color);
  color: var(--standart-color);
  border-radius: 16px 16px 0 0;
  transform: translateY(40px);
  opacity: 0;
  transition: 0.35s ease;
  pointer-events: auto;
}
.taskCompleteMobileModal .list.opened {
  transform: translateY(0);
  opacity: 1;
}
.taskCompleteMobileModal .list-text {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--modal-title-color);
  text-align: center;
}
.taskCompleteMobileModal .list-item {
  background: var(--light-area-bg);
  color: var(--inverse);
  text-align: center;
  margin-bottom: 10px;
  line-height: 50px;
  border-radius: 10px;
}
.taskCompleteMobileModal .list-item.--clear {
  background: transparent !important;
  color: var(--teal-color) !important;
  opacity: 0.9;
  line-height: 40px;
  font-weight: bold;
}
.taskCompleteMobileModal .list-item.--disabled {
  opacity: 0.45;
  pointer-events: none;
}
.taskCompleteMobileModal .list-item-title {
  font-size: 15px;
}
.taskCompleteMobileModal .tc-label {
  display: block;
  font-weight: normal;
  overflow: visible;
  margin-bottom: 12px;
}
.taskCompleteMobileModal .tc-types {
  display: flex;
  margin: 0 -5px 16px;
}
.taskCompleteMobileModal .tc-type {
  height: 48px;
  border: 1px solid var(--standart-border);
  border-radius: 10px;
  width: 100%;
  margin: 0 5px;
  text-align: center;
  line-height: 48px;
  color: var(--standart-color-99);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
  transition: 0.2s;
}
.taskCompleteMobileModal .tc-type.active {
  color: #fff;
}
.taskCompleteMobileModal .tc-type.active.--yes {
  background-color: #285735;
  border-color: #285735;
}
.taskCompleteMobileModal .tc-type.active.--no {
  background-color: #572828;
  border-color: #572828;
}
.taskCompleteMobileModal .tc-fields {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--standart-border);
  overflow: visible;
  position: relative;
  z-index: 5;
}
.taskCompleteMobileModal .tc-fields .form-group {
  margin-bottom: 14px;
  overflow: visible;
  position: relative;
}
.taskCompleteMobileModal .tc-fields .c-multiselect {
  z-index: 10;
}
.taskCompleteMobileModal .tc-fields label {
  display: block;
  margin-bottom: 6px;
}
.taskCompleteMobileModal .tc-actions {
  position: relative;
  z-index: 1;
}
.taskRevertMobileModal .modal-dialog {
  width: auto;
  transform: none !important;
  pointer-events: none;
}
.taskRevertMobileModal .std-modal {
  padding: 0;
  background: transparent;
  pointer-events: none;
}
.taskRevertMobileModal .list {
  padding: 16px 12px 10px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2222;
  max-height: 90vh;
  overflow-y: auto;
  background: var(--card-bg-color);
  color: var(--standart-color);
  border-radius: 16px 16px 0 0;
  transform: translateY(40px);
  opacity: 0;
  transition: 0.35s ease;
  pointer-events: auto;
}
.taskRevertMobileModal .list.opened {
  transform: translateY(0);
  opacity: 1;
}
.taskRevertMobileModal .list-text {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--modal-title-color);
  text-align: center;
}
.taskRevertMobileModal .list-item {
  background: var(--light-area-bg);
  color: var(--inverse);
  text-align: center;
  margin-bottom: 10px;
  line-height: 50px;
  border-radius: 10px;
}
.taskRevertMobileModal .list-item.--clear {
  background: transparent !important;
  color: var(--teal-color) !important;
  opacity: 0.9;
  line-height: 40px;
  font-weight: bold;
}
.taskRevertMobileModal .list-item.--disabled {
  opacity: 0.45;
  pointer-events: none;
}
.taskRevertMobileModal .list-item-title {
  font-size: 15px;
}
.taskRevertMobileModal .actions {
  position: relative;
  z-index: 1;
}
.tasksStatModal .std-modal {
  min-width: 1250px;
}
.tasksStatModal .asdv {
  color: #c84c4c;
  border: 1px solid #c84c4c;
  padding: 24px 30px;
  text-align: center;
  border-radius: 10px;
  background: #f4ede7;
  margin-bottom: 16px;
  line-height: 1.45;
}
.tasksStatModal .filter-note {
  text-align: center;
  opacity: 0.65;
  margin-bottom: 24px;
  font-size: 13px;
}
.tasksStatModal .std-reports-table-desc {
  margin-top: -10px;
  margin-bottom: 12px;
  opacity: 0.7;
  font-size: 13px;
}
.tasksStatModal .std-modal-fixed-head .std-modal-fixed-head-btn.--clear {
  color: #5c6478;
  background: transparent;
  border: 1px solid #aeb6c8;
}
.tasksStatModal .std-modal-fixed-head .std-modal-fixed-head-btn.--clear:hover {
  color: #333;
  border-color: #8d97b1;
  background: #eef1f7;
}
.tasksStatModal .table-footnote {
  margin-top: 8px;
  margin-bottom: 10px;
  opacity: 0.65;
  font-size: 12px;
}
.tasksStatModal .tables-row {
  margin-top: 28px;
}
.tasksStatModal .counts-area-out {
  margin: 0 -30px 30px;
  background: #fff;
  padding: 10px 30px 30px;
}
.tasksStatModal .counts-area {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.tasksStatModal .count-item {
  flex: 1;
  text-align: center;
  border: 1px solid #c4ccdf;
  border-radius: 10px;
  padding: 18px 12px;
}
.tasksStatModal .count-item-digit {
  font-weight: bold;
  font-size: 28px;
  line-height: 1.2;
  min-height: 34px;
}
.tasksStatModal .count-item-digit.--hint {
  font-size: 14px;
  font-weight: normal;
  opacity: 0.7;
  padding: 6px 4px 0;
}
.tasksStatModal .count-item-desc {
  opacity: 0.7;
  margin-top: 6px;
  font-size: 13px;
}
.tasksStatModal .muted {
  opacity: 0.45;
}
.tasksStatModal thead {
  text-align: center;
}
.changeRealtorAgencyModal {
  /*background: @modalBackgroundColor;*/
}
.changeRealtorAgencyModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeRealtorAgencyModal .nm-nochoises {
  color: #000;
  padding: 10px;
}
.uniteLeadsSourcesModal {
  /*background: @modalBackgroundColor;*/
}
.uniteLeadsSourcesModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.uniteLeadsSourcesModal .nm-nochoises {
  color: #000;
  padding: 10px;
}
.changeRealtorAgencyModal {
  /*background: @modalBackgroundColor;*/
}
.changeRealtorAgencyModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.changeRealtorAgencyModal .nm-nochoises {
  color: #000;
  padding: 10px;
}
body {
  --ul-type-selected-bg: #3e4661;
  --ul-type-selected-color: #fff;
  --ul-content-cl-bg: #2e3957;
  --ul-content-border: #3a4667;
  --ul-content-cr-bg: #2b3450;
  --ul-content-ulcc-texti-color: #adb2c1;
  --ul-content-ulcc-texti-strong-color: #fff;
  --ul-content-ulcc-ext-color: #fff;
  --userLogModal-btn-bg: #486a94;
  --userLogModal-btn-color: #fff;
}
body.theme-white {
  --ul-type-selected-bg: #b4c3e6;
  --ul-type-selected-color: #333;
  --ul-content-cl-bg: #d8dfef;
  --ul-content-border: #9eaac3;
  --ul-content-cr-bg: #bcc6dc;
  --ul-content-ulcc-texti-color: #3d455c;
  --ul-content-ulcc-texti-strong-color: #333;
  --ul-content-ulcc-ext-color: #333;
  --userLogModal-btn-bg: #bbc9eb;
  --userLogModal-btn-color: #333;
}
body.theme-white .userLogModal .btn.btn-primary {
  border: none;
}
.userLogModal .btn.btn-primary {
  background: var(--userLogModal-btn-bg);
  color: var(--userLogModal-btn-color);
}
.userLogModal .std-newmodal-title {
  height: 100px;
}
.userLogModal .modal-dialog {
  width: 560px;
  transform: none !important;
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  border-left: 1px solid var(--card-border-color);
  box-shadow: 0px 0px 20px #000000;
}
.userLogModal .ul-datepicker {
  margin-top: 15px;
  display: flex;
  margin-bottom: -15px;
}
.userLogModal .ul-datepicker .form-group {
  max-width: 150px;
}
.userLogModal .ul-typer {
  display: flex;
  margin-top: -35px;
  z-index: 2;
  position: relative;
}
.userLogModal .ul-type {
  background: var(--chess-edit-in-navbar-labels-button-bg);
  margin-right: 10px;
  line-height: 34px;
  padding: 0 20px;
  border-radius: 2px 2px 0 0;
  color: #848b9a;
  white-space: nowrap;
  cursor: pointer;
}
.userLogModal .ul-type.selected {
  background: var(--ul-type-selected-bg);
  color: var(--ul-type-selected-color);
}
.userLogModal .ul-content-c {
  display: flex;
  margin: 25px 0 0;
}
.userLogModal .ul-content-cl {
  width: 500px;
  padding: 15px 20px;
  background: var(--ul-content-cl-bg);
  border-radius: 5px;
  border: 1px solid var(--ul-content-border);
  transition: 0.3s;
}
.userLogModal .ul-content-cl:hover {
  cursor: pointer !important;
  transform: scale(1.02);
}
.userLogModal .ul-loadmore {
  text-align: center;
  width: 500px;
  padding: 30px 0 50px;
}
.userLogModal .ulcc-date {
  font-size: 12px;
  color: #6d7997;
  margin-bottom: 4px;
}
.userLogModal .cm-text {
  max-height: 290px;
  overflow: auto;
  padding-bottom: 13px;
  margin-bottom: 5px;
}
.userLogModal .ul-content-cr {
  font-size: 12px;
  margin: 0 -20px -15px;
  padding: 10px 20px;
  border-top: 1px solid var(--ul-content-border);
  background: var(--ul-content-cr-bg);
  border-radius: 0 0 5px 5px;
  position: relative;
}
.userLogModal .cm-comment {
  margin-bottom: 15px;
}
.userLogModal .cm-comment:last-child {
  margin-bottom: 0;
}
.userLogModal .ulcc-texti {
  color: var(--ul-content-ulcc-texti-color);
}
.userLogModal .ulcc-texti strong {
  color: var(--ul-content-ulcc-texti-strong-color);
}
.userLogModal a.ulcc-ext {
  position: absolute;
  color: var(--ul-content-ulcc-ext-color);
  text-decoration: none;
  font-size: 16px;
  right: 0;
  bottom: 0;
  height: 36px;
  line-height: 36px;
  text-align: center;
  opacity: 0.7;
  transition: 0.3s;
  display: flex;
}
.userLogModal a.ulcc-ext i {
  line-height: 36px;
  width: 36px;
}
.userLogModal a.ulcc-ext span {
  font-size: 12px;
  line-height: 34px;
}
.userLogModal a.ulcc-ext:hover {
  opacity: 1;
  cursor: pointer;
}
.userLogModal .modal-content {
  box-shadow: none;
}
.userLogModal .std-modal-area-closer {
  right: 561px;
}
.userLogModal .userLogModalIn {
  min-height: 100vmin;
  padding-bottom: 0;
}
.user-telegram-settings-modal .modal-dialog {
  width: 500px;
  transform: none !important;
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  border-left: 1px solid var(--card-border-color);
  box-shadow: 0px 0px 20px #000000;
}
.user-telegram-settings-modal .modal-content {
  box-shadow: none;
}
.user-telegram-settings-modal .std-modal-area-closer {
  right: 501px;
}
.user-telegram-settings-modal .uts-part-header {
  font-size: 20px;
  opacity: 0.4;
  margin-bottom: 14px;
}
.user-telegram-settings-modal .uts-part {
  margin-bottom: 20px;
}
.user-telegram-settings-modal .uts-disla {
  opacity: 0.4;
  font-size: 12px;
}
.user-telegram-settings-modal .uts-desc {
  font-size: 14px;
  margin-bottom: 30px;
}
.user-telegram-settings-modal .uts-togglers-flex {
  display: flex;
  margin-top: 1px;
}
.user-telegram-settings-modal .uts-togglers-flex > * {
  margin-right: 10px;
}
.weektimeSelecterModal {
  /*background: @modalBackgroundColor;*/
}
.weektimeSelecterModal .modal-dialog {
  width: 950px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.weektimeSelecterModal .day-times {
  margin-left: 26px;
  display: flex;
  margin-top: 3px;
}
.weektimeSelecterModal .day {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.weektimeSelecterModal .day-time {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.weektimeSelecterModal .day-time input {
  width: 50px;
  text-align: center;
}
.weektimeSelecterModal span.fromt {
  margin-right: 10px;
}
.weektimeSelecterModal span.sep {
  width: 10px;
  display: inline-block;
  text-align: center;
}
.weektimeSelecterModal .day-title toggler-inline {
  margin-right: 11px;
}
.weektimeSelecterModal .day-close {
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 20px;
}
.weektimeSelecterModal .day {
  position: relative;
  display: flex;
  align-items: center;
}
.workdayItemsModal {
  /*background: @modalBackgroundColor;*/
}
.workdayItemsModal .modal-dialog {
  width: 500px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.workdayItemsModal .awfg {
  margin: 6px 0 30px;
}
.workdayItemsModal .cunm-user {
  background: var(--cunm-user-bg);
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.workdayItemsModal .cunm-user:hover {
  background: var(--cunm-user-bg-hover);
  cursor: pointer;
}
.workdayItemsModal span.cunm-primary {
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.5;
  line-height: 20px;
}
.workdayItemsModal span.cunm-icon {
  font-size: 16px;
  position: absolute;
  top: 0px;
  line-height: 36px;
  right: 0;
  width: 40px;
  text-align: center;
}
body {
  --ss-list-title-bg: #32264e;
  --ss-list-title-color: #fff;
  --ssflex-left-bg: #1b253e;
  --ssflex-left-border: #39496f;
  --ss-list-item-bg-active: #516494;
  --ss-list-item-bg-hover: #3f4c6b;
  --agencies-item-bg-hover: #38435f;
  --agencies-input-search-bg: #0000002e;
  --agencies-input-search-color: #fff;
}
body.theme-white {
  --ss-list-title-bg: #9fb0c7;
  --ss-list-title-color: #333;
  --ssflex-left-bg: #c3d1e3;
  --ssflex-left-border: #9fb0c7;
  --ss-list-item-bg-active: #aebed3;
  --ss-list-item-bg-hover: #b6c7dc;
  --agencies-item-bg-hover: #c3d1e3;
  --agencies-input-search-bg: #afbed72e;
  --agencies-input-search-color: #333;
}
body.theme-white .s_agencies .std-head .std-head-view .std-head-view-viewitem:hover {
  border-color: #97abc5;
  background-color: #d0dff2;
}
.s_agencies {
  background-color: #222c46;
  color: #fff;
  min-height: 100vmin;
  /*
  .list-days {
    font-weight: bold;
    background: #314169;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 4px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    transform: scale(1.15) translateX(10px);
    display: inline-block;
    line-height: 18px;

    &.active {
      opacity: 1;
      visibility: visible;
      transform: scale(1) translateX(0px);
    }
  }


  .form-group {
    &>label {
      color: #616573;
      font-size: 12px;
      font-weight: normal;
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px;
    }

    .btn-default {
      background-color: #2f3851;
      color: #fff;
      height: 36px;
      border-color: @selected_bg;
      padding: 7px 11px;
    }

    .ui-select-match.btn-default-focus {
      background: transparent !important;
    }

    .input-group-btn {
      .btn-default {
        background-color: rgba(0, 0, 0, 0);
        color: rgb(255, 255, 255);
        margin: 0px 0 0px -1px;
        height: 36px;
      }
    }

    &>input.form-control {
      background: #fdfeff;
      outline: none;
      box-shadow: none;
      font-size: 14px;
      height: 36px;
      line-height: 36px;
      background-color: rgba(255, 255, 255, 0.06);
      color: #ffffff;
      border: 1px solid @selected_bg;
      border-radius: 4px;
    }
  }*/
}
.s_agencies .s_agencies_all .sal-search input {
  background: var(--agencies-input-search-bg);
  color: var(--agencies-input-search-color);
}
.s_agencies .std-head .std-head-view .std-head-view-viewitem {
  border: 1px solid var(--form-button-border);
  color: var(--form-button-light-color);
}
.s_agencies .ss-list-title {
  background: var(--ss-list-title-bg);
  color: var(--ss-list-title-color);
}
.s_agencies .ssflex-left {
  background: var(--ssflex-left-bg);
  border-right: 1px solid var(--ssflex-left-border);
}
.s_agencies .ss-list-item a {
  color: var(--ss-list-title-color);
}
.s_agencies .ss-list-item a:hover {
  background: var(--ss-list-item-bg-hover);
}
.s_agencies .ss-list-item a.active {
  color: var(--ss-list-title-color);
  background-color: var(--ss-list-item-bg-active);
}
.s-queue .filter-apply {
  margin-left: auto;
  min-width: 330px !important;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: end;
}
.s-queue .filter-apply .std-btn {
  margin-left: 15px !important;
}
.s-queue .filter-apply div {
  font-weight: bold;
}
.s-queue .status {
  font-weight: bold;
}
.s-queue .status.passive {
  color: #98a5c6;
}
.s-queue .status.active {
  color: #009f00;
}
.s-queue th.td-obj {
  min-width: 250px;
}
.s-queue th.td-closed {
  min-width: 220px;
}
.s-queue th.td-npp {
  width: 44px;
}
.s-queue th.td-obj-status {
  width: 110px;
}
.s-queue th.td-queue-status {
  width: 120px;
}
.s-queue th.td-inserted {
  width: 120px;
}
.s-queue th.td-user {
  width: 160px;
}
.s-queue .closed-comms {
  margin-top: 4px;
}
.s-buh .table {
  font-size: 13px;
}
.s-buh .sb-flex {
  display: flex;
}
.s-buh .sb-left {
  min-width: 320px;
  max-width: 320px;
  margin-right: 30px;
}
.s-buh .bill {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px 25px;
  position: relative;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
}
.s-buh .act-info {
  position: absolute;
  right: 25px;
  bottom: 20px;
}
.s-buh .sb-left-inner {
  position: sticky;
  top: 20px;
}
.s-buh .payed-info {
  display: inline-block;
  margin-left: 20px;
}
.s-buh .dislc {
  opacity: 0.6;
  font-size: 12px;
}
.s-buh .sb-left-bg {
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px;
  margin-bottom: 20px;
}
.s-buh a.bill-open {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #757d98;
  font-weight: bold;
  padding: 10px;
}
.s-buh .desc {
  font-size: 85%;
  margin-top: 5px;
  opacity: 0.7;
  margin-bottom: 10px;
  padding-right: 50px;
}
.s-buh .sb-title-big {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #384d80;
  margin-top: 50px;
}
.s-buh .sb-title-big:first-child {
  margin-top: 0;
}
.s-buh .bill-right {
  min-width: 100px;
  text-align: right;
}
.s-buh .sb-title {
  font-weight: bold;
  margin-bottom: 5px;
  color: #384d80;
  margin-top: 20px;
}
.s-buh .sb-title:first-child {
  margin-top: 0;
}
.s-buh .fl-flex {
  display: flex;
  justify-content: space-between;
}
.s-buh .buh-pre {
  margin-top: 30px;
}
.s-buh .pu-title {
  margin-bottom: 3px;
}
.s-buh .pu-date {
  font-size: 20px;
  font-weight: bold;
}
.s-buh span.edo {
  color: #5f677f;
  display: inline-block;
}
body {
  --calls-head-button-color: #fff;
  --calls-head-button-border: #ffffff38;
}
body.theme-white {
  --calls-head-button-color: #58616d;
  --calls-head-button-border: #8d97b1;
}
.s_calls .calls-form {
  padding: 30px;
}
.s_calls .post-filters {
  margin-top: 30px;
  min-width: 160px;
}
.s_calls.view {
  background-color: #E6EAF4;
}
.s_calls .fake-call-header {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px;
}
.s_calls .fake-call-row {
  font-size: 14px;
  margin-bottom: 10px;
}
.s_calls .fake-call-row-2 {
  opacity: 0.5;
  font-size: 90%;
}
.s_calls .fake-call-row-1 {
  margin-bottom: 1px;
}
.s_calls .fake-call-row-1 span {
  color: #45a829;
  font-weight: bold;
}
.s_calls .fake-call-area {
  max-width: 480px;
  font-size: 12px;
  border: 1px solid #38bb1e;
  padding: 20px 20px 9px;
  border-radius: 20px;
  background: #00ff4511;
  margin-left: 60px;
}
.s_calls .fake-call-row {
  /* height: 30px; */
}
.s_calls span.scheme-name {
  background: rgba(0, 0, 0, 0.1);
  font-size: 8px;
  padding: 2px 5px;
  position: relative;
  top: -1px;
  border-radius: 14px;
}
.s_calls span.scheme-name.--head {
  display: none;
}
.s_calls .user-now {
  color: #7b2727;
  font-size: 90%;
}
.s_calls .smls {
  font-size: 90%;
}
.s_calls .td {
  padding: 10px 0;
  line-height: 1.45em;
}
.s_calls a.td-phone-area {
  color: inherit;
  text-decoration: none !important;
}
.s_calls .td-phone-area {
  /*padding: 10px 0;*/
  padding: 0 !important;
}
.s_calls .flex-dur {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s_calls .flex-dur input {
  width: 62px;
}
.s_calls .td-project {
  min-width: 40px;
}
.s_calls .td-project i {
  font-size: 17px;
}
.s_calls .td-project span {
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #b1bdda;
}
.s_calls .td-project span.dots {
  line-height: 15px;
}
.s_calls .create-button {
  margin-left: 10px;
  background-color: #c6cee7;
  border: none;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  border-radius: 2px;
}
.s_calls .bot-item {
  background: #646ca9;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0px 5px;
  border-radius: 4px;
}
.s_calls .no-colls {
  font-size: 20px;
  text-align: center;
  padding: 10px;
  height: 100vh;
}
.s_calls .std-head .std-head-view .std-head-view-viewitem {
  border: 1px solid var(--calls-head-button-border);
  color: var(--calls-head-button-color);
}
.s_calls a.link {
  color: #1f6ed4;
  border-color: rgba(75, 154, 255, 0.5);
}
.s_calls .sc-table {
  margin-bottom: 50px;
}
.s_calls .sc-table .--td1 {
  width: 140px;
}
.s_calls .sc-table .--td2 {
  max-width: 140px;
  min-width: 140px;
  width: 140px;
}
.s_calls .sc-table .--td3 {
  width: 230px;
}
.s_calls .sc-table .--td4 {
  width: auto;
}
.s_calls .sc-table audio {
  min-width: 600px;
}
.s_calls .sc-mode {
  display: inline-block;
  margin-right: 1px;
}
.s_calls .fas {
  margin-right: 1px;
}
.s_calls .fa-arrow-up {
  color: #427beb;
  transform: rotate(45deg);
}
.s_calls .fa-arrow-down {
  color: #16ce61;
  transform: rotate(-45deg);
}
.s_calls .fa-arrow-down.missed {
  color: #a73939;
}
.s_calls .period-f {
  min-width: 200px;
}
.s_calls .call-types-f .fas {
  margin-right: 4px;
  margin-left: 0px;
  font-size: 16px;
  position: relative;
  top: 1px;
}
.s_calls .std-content {
  max-width: 1180px;
  min-width: 1180px;
}
@media only screen and (max-width: 767px) {
  .s_calls .std-content {
    max-width: none;
    min-width: 0;
  }
}
.s_calls .std-head-view-viewitem:nth-of-type(2) {
  margin-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 0 2px 2px 0;
}
.s_calls .call-types-f {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .s_calls .call-types-f {
    flex-wrap: wrap;
  }
}
.s_calls .call-types-f > * {
  display: flex;
  align-items: center;
  padding: 0px 12px;
  border: 1px solid #8D97B1;
  transition: 0.3s;
  font-size: 12px;
  height: 34px;
}
.s_calls .call-types-f > * svg {
  margin-right: 6px;
}
.s_calls .call-types-f > * span:first-of-type {
  margin-right: 8px;
}
.s_calls .call-types-f > * span:last-of-type {
  font-weight: 500;
}
.s_calls .call-types-f > *:hover {
  cursor: pointer;
  background-color: #D2DBF1;
}
.s_calls .call-types-f > *.active {
  background-color: #C6CEE7;
}
.s_calls .call-all,
.s_calls .call-out,
.s_calls .call-missed {
  position: relative;
}
.s_calls .call-all {
  left: 1px;
  border-radius: 2px 0 0 2px;
}
.s_calls .call-out {
  right: 1px;
}
@media only screen and (max-width: 767px) {
  .s_calls .call-out {
    right: -1px;
    top: -1px;
    border-radius: 2px 0 0 2px;
  }
}
.s_calls .call-missed {
  right: 2px;
  border-radius: 0 2px 2px 0;
}
@media only screen and (max-width: 767px) {
  .s_calls .call-missed {
    right: 0px;
    top: -1px;
  }
}
.s_calls .minutes {
  font-size: 12px;
  background-color: #C6CEE7;
  padding: 1px 3px;
  border-radius: 1px;
}
.s_calls .minutes p {
  margin: 0;
}
.s_calls .table-head {
  display: flex;
  width: 100%;
  margin-top: 22px;
  color: #8D97B1;
  border-bottom: 3px solid #9EADD4;
}
.s_calls .table-head > div p {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 500;
}
.s_calls .table-head div:first-child {
  text-align: left;
}
.s_calls span.nocall {
  color: #a73939;
  font-size: 15px;
}
.s_calls .table-elements {
  font-size: 13px;
}
.s_calls .table-elements .table-date {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-top: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #e6eaf4;
  margin-right: -50px;
  padding-right: 50px;
}
.s_calls .table-elements .table-date p {
  font-size: 18px;
  font-weight: bold;
}
.s_calls .table-elements .td-summary {
  display: none;
  padding: 15px 20px 15px;
  border-top: 1px solid #cdd7ea;
}
.s_calls .table-elements span.first-call {
  position: absolute;
  font-size: 24px;
  margin-right: -33px;
  right: 0;
  margin-top: 16px;
}
.s_calls .table-elements .first-call-m {
  display: none;
}
@media only screen and (max-width: 767px) {
  .s_calls .table-elements .first-call-m {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    z-index: 1;
    font-size: 0;
    color: transparent;
  }
  .s_calls .table-elements .first-call-m:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #646ca9 transparent;
  }
  .s_calls .table-elements .first-call-m:after {
    content: '1';
    position: absolute;
    right: 7px;
    bottom: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-transform: none;
  }
}
.s_calls .table-elements .td.td-link a {
  line-height: 65px;
  color: #000;
  font-size: 18px;
  min-width: 40px;
  text-align: center;
  display: block;
  transition: 0.3s;
}
.s_calls .table-elements .td.td-link a:hover {
  background: #0001;
  cursor: pointer;
}
.s_calls .table-elements .td.td-link {
  display: flex;
  min-width: 90px;
  margin-left: auto;
  justify-content: end;
  padding: 0 10px 0 0;
}
.s_calls .table-elements .td-flex {
  display: flex;
  align-items: center;
}
.s_calls .table-elements .direction {
  font-size: 21px;
  min-width: 30px;
  max-width: 30px;
  text-align: center;
}
.s_calls .table-elements .table-element {
  transition: 0.2s;
  border: 1px solid #ced7ea;
  border-radius: 15px;
  margin-bottom: 10px;
  position: relative;
  background: #f6f7fb;
}
.s_calls .table-elements .table-element.summ .td-summary {
  display: block;
}
.s_calls .table-elements .table-element.missed {
  background: #fff3f3;
  border-color: #ffc1c1;
}
.s_calls .table-elements .table-element.clicked {
  border-color: #0897ff;
  background: #fff;
}
.s_calls .listening-button {
  background-color: #C6CEE7;
  border: none;
  padding: 4px 0px;
  font-weight: 500;
  border-radius: 1px;
  transition: all 0.3s ease-in-out;
  width: 100px;
  text-align: center;
  font-size: 12px;
  margin-left: 10px;
}
.s_calls .listening-button:hover {
  background-color: #8D97B1;
  color: #fcfcfc;
}
.s_calls .dynamics {
  display: flex;
  align-items: center;
  justify-content: center;
}
.s_calls .container-arrows {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.s_calls .container-arrows span {
  margin-right: 6px;
}
.s_calls .duration {
  text-transform: uppercase;
}
.s_calls .btn-missed {
  background-color: #a73939;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 100px;
  text-align: center;
  font-size: 12px;
  padding: 4px 0px;
  border-radius: 1px;
  font-weight: 500;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
}
.s_calls .btn-noanswer {
  background-color: #dfe3f1;
  color: #333333;
  display: flex;
  justify-content: center;
  width: 100px;
  text-align: center;
  font-size: 12px;
  padding: 4px 0px;
  border-radius: 1px;
  font-weight: 500;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
}
.s_calls .manager-fullname {
  margin-right: 8px;
}
.s_calls .phone-tooltip {
  display: flex;
  align-items: center;
}
.s_calls .phone-tooltip i {
  margin-left: 8px !important;
}
.s_calls .arrows .fas {
  font-size: 18px;
}
.s_calls .table-date-stat {
  margin-top: 6px;
}
.s_calls .lead-info {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
  font-weight: bold;
}
.s_calls .lead-info span {
  white-space: nowrap;
  transition: color 0.3s ease-in-out;
}
.s_calls .lead-info span:hover {
  cursor: pointer;
  color: #8D97B1;
}
.s_calls .lead-info-head {
  text-align: left !important;
}
.s_calls .table .td-managers {
  min-width: 200px;
  max-width: 200px;
}
.s_calls .table .td-managers p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.s_calls .table .td-leadstatus {
  min-width: 200px;
  max-width: 200px;
  white-space: nowrap;
  margin-left: 15px;
  margin-right: 10px;
  overflow: hidden;
}
.s_calls .table .td-leadstatus p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.s_calls .table .td-source {
  min-width: 200px;
  max-width: 200px;
}
.s_calls .table .td-source.--ats {
  opacity: 0.6;
}
.s_calls .table .td-site {
  min-width: 120px;
  max-width: 120px;
  margin-right: 10px;
  overflow: hidden;
}
.s_calls .table .td-phone {
  min-width: 220px;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
}
.s_calls .table .td-phone p {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.s_calls .table .td-info {
  width: 100%;
  min-width: 100px;
}
@media only screen and (max-width: 767px) {
  .s_calls .table .td-info {
    max-width: 270px;
  }
}
.s_calls .table .td-staff {
  min-width: 200px;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s_calls .table .td-start {
  min-width: 70px;
  max-width: 70px;
}
.s_calls .table .td-direction {
  min-width: 40px;
  max-width: 40px;
  margin-left: 10px;
}
.s_calls .table .td-duration {
  min-width: 55px;
  max-width: 55px;
}
.s_calls .table .td-record {
  min-width: 120px;
  max-width: 120px;
}
.s_calls .table .table-elements .table-element {
  font-size: 13px;
}
.s_calls .table .table-elements .table-element .dynamics .container-arrows {
  flex: 1 1 40%;
  max-width: 500px;
  min-width: 125px;
  display: flex;
  flex-wrap: wrap;
}
.s_calls .scs-project {
  padding: 1px 3px;
  height: 16px;
  text-align: center;
  color: #40335d;
  line-height: 12px;
  font-size: 10px;
  border-radius: 4px;
  background: #c6cfe8;
  margin-right: 2px;
  position: relative;
  top: -1px;
  min-width: 20px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .s_calls .std-white-filters > .form-group {
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    margin-right: 0;
  }
  .s_calls .std-white-filters .call-types-f {
    width: 100%;
  }
  .s_calls .std-white-filters .flex-dur {
    justify-content: flex-start;
    gap: 8px;
  }
  .s_calls .table-elements .table-date {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 6px;
  }
  .s_calls .table-elements .table-date p {
    margin: 0;
  }
  .s_calls .table-elements .table-date-stat {
    font-size: 12px;
    opacity: 0.7;
    margin-top: 0;
  }
  .s_calls .table-elements .table-element {
    overflow: hidden;
    margin-bottom: 6px;
  }
  .s_calls .table-elements .table-element .td-flex {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 8px;
    padding: 8px 10px;
    width: 100%;
    min-width: 0;
  }
  .s_calls .table-elements .table-element .td {
    padding: 0;
    line-height: 1.3;
    min-width: 0 !important;
    max-width: none !important;
  }
  .s_calls .table-elements .table-element .td-start {
    order: 1;
    font-weight: 600;
    flex: 0 0 auto;
  }
  .s_calls .table-elements .table-element .direction {
    order: 2;
    font-size: 14px;
    min-width: 18px !important;
    max-width: none !important;
    flex: 0 0 auto;
  }
  .s_calls .table-elements .table-element .td-duration {
    order: 3;
    flex: 0 0 auto;
  }
  .s_calls .table-elements .table-element .scheme-name.--head {
    display: inline-block;
    order: 4;
    top: 0;
    flex: 0 1 auto;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .s_calls .table-elements .table-element .td-link {
    order: 5;
    margin-left: auto;
    min-width: 0 !important;
    padding: 0;
    flex: 0 0 auto;
  }
  .s_calls .table-elements .table-element .td-link a {
    line-height: 28px;
    min-width: 28px;
    font-size: 15px;
  }
  .s_calls .table-elements .table-element .td-phone,
  .s_calls .table-elements .table-element a.td-phone-area {
    order: 10;
    flex: 1 1 55%;
    min-width: 0;
    max-width: 62%;
    white-space: normal;
    overflow: hidden;
    word-break: break-word;
  }
  .s_calls .table-elements .table-element .td-phone > b,
  .s_calls .table-elements .table-element a.td-phone-area > b {
    display: block;
  }
  .s_calls .table-elements .table-element .td-in-phone {
    display: block;
    font-size: 12px;
    opacity: 0.7;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .s_calls .table-elements .table-element .td-in-phone .scheme-name {
    display: none;
  }
  .s_calls .table-elements .table-element .td-leadstatus {
    order: 11;
    flex: 1 1 38%;
    min-width: 0;
    max-width: 42%;
    margin: 0 !important;
    white-space: normal;
    overflow: hidden;
    font-size: 12px;
    text-align: right;
    word-break: break-word;
  }
  .s_calls .table-elements .table-element .td-leadstatus .smls {
    margin-top: 2px;
    opacity: 0.7;
  }
  .s_calls .table-elements .table-element .bots {
    margin-bottom: 2px;
  }
  .s_calls .table-elements .table-element .td-source {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    order: 12;
    flex: 1 1 100%;
    font-size: 12px;
    opacity: 0.6;
    min-width: 0;
  }
  .s_calls .table-elements .table-element .td-source .std-gray {
    display: none;
  }
  .s_calls .table-elements .table-element .td-staff {
    display: flex;
    gap: 10px;
    align-items: end;
    order: 13;
    flex: 1 1 100%;
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
  }
  .s_calls .table-elements .table-element:has(.first-call-m) .td-staff {
    padding-right: 28px;
  }
  .s_calls .table-elements .td-summary {
    padding: 8px 10px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .viewcontent:has(.s_calls) {
    background: var(--light-bg);
  }
}
.s-charges .td-date {
  min-width: 180px;
  max-width: 180px;
}
.s-charges .td-date-ext {
  min-width: 160px;
  max-width: 160px;
}
.s-charges .td-responsible {
  min-width: 180px;
  max-width: 180px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s-charges .days-info {
  color: #f26767;
  white-space: nowrap;
}
.s-charges .td-date-prosr {
  text-align: center;
}
.s-charges .td-subject {
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-charges .task-text {
  opacity: 0.5;
}
.s-charges .task-result {
  font-weight: bold;
}
.s-charges .table td {
  vertical-align: middle;
}
.s-charges .last-100 {
  margin-top: 39px;
  float: right;
  opacity: 0.5;
}
.s-charges .sc-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.s-charges .table tr:hover {
  background-color: #1b2c5824;
  cursor: pointer;
}
.s-charges .sc-card {
  background: var(--card-bg-color);
  color: var(--card-color);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 13px;
}
.s-charges .sc-card.--overdue {
  box-shadow: inset 3px 0 0 #f26767;
}
.s-charges .sc-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.s-charges .sc-card-subject {
  font-weight: 600;
  min-width: 0;
  word-break: break-word;
}
.s-charges .sc-card-subject span {
  cursor: pointer;
}
.s-charges .sc-card-subject i {
  margin-right: 4px;
  opacity: 0.7;
}
.s-charges .sc-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 4px;
}
.s-charges .sc-card-resp {
  font-size: 12px;
  margin-bottom: 6px;
}
.s-charges .sc-card-text {
  opacity: 0.75;
  word-break: break-word;
}
.s-charges .sc-card-result {
  font-weight: bold;
  margin-top: 4px;
  word-break: break-word;
}
.s-charges.view-light .sc-card {
  background: #fff;
  color: var(--standart-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.s-charges.view-light .sc-card.--overdue {
  box-shadow: inset 3px 0 0 #f26767, 0 1px 3px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 767px) {
  .viewcontent:has(.s-charges) {
    background: var(--light-bg);
  }
}
.s-custom-report .scr-title {
  font-weight: 500;
  font-size: 40px;
  margin-bottom: 40px;
  color: #5d6787;
}
.s-custom-report .std-white-filters > div[data-type="daterange"] {
  min-width: 220px;
  max-width: 220px;
}
.s-dashboard .dash-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.s-dashboard .dash-module {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #a0a2ae;
  background: #f5f6fa;
  color: #6b6e7b;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  transition: 0.15s ease;
  text-align: left;
}
.s-dashboard .dash-module:hover {
  border-color: #6d7190;
  background: #eef0f7;
}
.s-dashboard .dash-module.is-active {
  border-color: #4e4b71;
  background: linear-gradient(180deg, #ffffff 0%, #f3f4fa 100%);
  color: #2f3144;
  box-shadow: 0 4px 12px rgba(40, 45, 70, 0.08);
}
.s-dashboard .dash-module-check {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid #a0a2ae;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  background: #fff;
  flex: 0 0 auto;
}
.s-dashboard .dash-module.is-active .dash-module-check {
  background: #4e4b71;
  border-color: #4e4b71;
}
.s-dashboard .dash-module-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
}
.s-dashboard .dash-module-hint {
  display: block;
  font-size: 11px;
  color: #8a8d9a;
  font-weight: 400;
}
.s-dashboard .dash-module.is-active .dash-module-hint {
  color: #6b6e7b;
}
.s-dashboard .dash-period {
  margin-bottom: 18px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.s-dashboard .dash-period-controls {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.s-dashboard .dash-period-field label {
  display: block;
  font-size: 12px;
  color: #6b6e7b;
  margin-bottom: 4px;
}
.s-dashboard .dash-period-field.dash-dates-field {
  min-width: 280px;
}
.s-dashboard .dash-period-field.dash-dates-field .c-interval-selecter,
.s-dashboard .dash-period-field.dash-dates-field .c-interval-selecter .parent,
.s-dashboard .dash-period-field.dash-dates-field .c-interval-selecter .form-control {
  min-width: 280px;
  width: 280px;
}
.s-dashboard .dash-project-field {
  min-width: 220px;
  max-width: 320px;
  flex: 1 1 220px;
}
.s-dashboard .dash-period-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.s-dashboard .dash-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 2px;
}
.s-dashboard .dash-preset {
  border: 1px solid #a0a2ae;
  background: #f5f6fa;
  color: #434c62;
  border-radius: 16px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
}
.s-dashboard .dash-preset:hover:not(:disabled) {
  border-color: #6d7190;
  background: #eef0f7;
}
.s-dashboard .dash-preset.is-active {
  border-color: #4e4b71;
  background: #4e4b71;
  color: #fff;
}
.s-dashboard .dash-preset:disabled {
  opacity: 0.6;
  cursor: default;
}
.s-dashboard .dash-apply {
  margin-bottom: 1px;
}
.s-dashboard .dash-period-meta {
  margin-top: 10px;
}
.s-dashboard .dash-period-compare {
  color: #6b6e7b;
  font-size: 13px;
}
.s-dashboard .dash-period-days {
  margin-left: 4px;
  color: #8a8d9a;
}
.s-dashboard .dash-edit-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px dashed #4e4b71;
  border-radius: 10px;
  background: #f3f4fa;
  color: #434c62;
  font-size: 13px;
}
.s-dashboard .dash-widgets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}
.s-dashboard .dash-widgets.is-editing .dash-widget {
  outline: 1px dashed #a0a2ae;
  outline-offset: 2px;
}
.s-dashboard .dash-widget {
  min-width: 0;
}
.s-dashboard .dash-widget.size-full {
  grid-column: span 2;
}
.s-dashboard .dash-widget.size-half {
  grid-column: span 1;
}
.s-dashboard .dash-widget-card {
  background: #fff;
  border: 1px solid #a0a2ae;
  border-radius: 12px;
  padding: 14px 16px 12px;
  min-width: 0;
  height: 100%;
}
.s-dashboard .dash-widget-card > .dash-panel {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  height: auto;
}
.s-dashboard .dash-widget-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 6px 8px;
  background: #eef0f7;
  border-radius: 8px;
}
.s-dashboard .dash-widget-handle {
  cursor: grab;
  color: #6b6e7b;
  padding: 2px 6px;
}
.s-dashboard .dash-widget-name {
  flex: 1;
  font-weight: 600;
  font-size: 13px;
  color: #434c62;
}
.s-dashboard .dash-widget-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.s-dashboard .dash-widget-title {
  font-weight: 600;
  font-size: 15px;
  color: #434c62;
  line-height: 1.3;
}
.s-dashboard .dash-widget-help {
  margin-left: 6px;
  color: #8a8d9a;
  font-size: 13px;
  cursor: help;
  vertical-align: middle;
}
.s-dashboard .dash-widget-help:hover {
  color: #4e4b71;
}
.s-dashboard .dash-widget-hide {
  border: 0;
  background: transparent;
  color: #9a2831;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.s-dashboard .dash-hidden-panel {
  margin-bottom: 30px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #a0a2ae;
  border-radius: 12px;
}
.s-dashboard .dash-hidden-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.s-dashboard .dash-hidden-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #a0a2ae;
  background: #f5f6fa;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  color: #434c62;
}
.s-dashboard .dash-hidden-item:hover {
  border-color: #4e4b71;
  background: #eef0f7;
}
.s-dashboard .dash-hidden-add {
  color: #2f8a4e;
  font-weight: 600;
}
.s-dashboard .dash-focus-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}
.s-dashboard .dash-focus-item {
  display: block;
  padding: 12px;
  border-radius: 8px;
  background: #f7f8fc;
  border: 1px solid #d7dae6;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.s-dashboard .dash-focus-item:hover {
  text-decoration: none;
  color: inherit;
  border-color: #6d7190;
}
.s-dashboard .dash-focus-item.is-bad {
  background: #fff7f7;
  border-color: #e0a0a0;
}
.s-dashboard .dash-focus-title {
  font-size: 12px;
  color: #6b6e7b;
  margin-bottom: 6px;
  line-height: 1.25;
  min-height: 30px;
}
.s-dashboard .dash-focus-value {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1.1;
  word-break: break-word;
}
.s-dashboard .dash-spam-value {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 6px;
}
.s-dashboard .dash-spam-value.is-bad {
  color: #c0392b;
}
.s-dashboard .dash-spam-meta {
  font-size: 13px;
  color: #6b6e7b;
  margin: 8px 0 12px;
}
.s-dashboard .dash-rank-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.s-dashboard .dash-rank-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f7f8fc;
  border: 1px solid #d7dae6;
}
.s-dashboard .dash-rank-item.is-risk {
  background: #fff7f7;
  border-color: #e0a0a0;
}
.s-dashboard .dash-rank-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #4e4b71;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.s-dashboard .dash-rank-name {
  font-weight: 600;
  margin-bottom: 4px;
}
.s-dashboard .dash-rank-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #6b6e7b;
}
.s-dashboard .dash-pulse {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}
.s-dashboard .dash-pulse-item {
  padding: 12px;
  border-radius: 8px;
  background: #f7f8fc;
  border: 1px solid #d7dae6;
}
.s-dashboard .dash-pulse-title {
  font-size: 12px;
  color: #6b6e7b;
  margin-bottom: 4px;
}
.s-dashboard .dash-pulse-value {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.s-dashboard .dash-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.s-dashboard .dash-step-title {
  font-size: 12px;
  color: #6b6e7b;
}
.s-dashboard .dash-step-value {
  font-size: 18px;
  font-weight: 700;
  margin: 2px 0 6px;
}
.s-dashboard .dash-step-bar {
  height: 8px;
  background: #e6e8ef;
  border-radius: 4px;
  overflow: hidden;
}
.s-dashboard .dash-step-bar span {
  display: block;
  height: 100%;
  background: #4e4b71;
  border-radius: 4px;
  min-width: 4px;
}
.s-dashboard .dash-step-share {
  margin-top: 4px;
  font-size: 11px;
  color: #8a8d9a;
}
.s-dashboard .dash-mini-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.s-dashboard .dash-mini-card {
  padding: 12px;
  border-radius: 8px;
  background: #f7f8fc;
  border: 1px solid #d7dae6;
}
.s-dashboard .dash-mini-card.is-bad {
  background: #fff7f7;
  border-color: #e0a0a0;
}
.s-dashboard .dash-channel-meta {
  margin-top: 8px;
  font-size: 13px;
  color: #5c5f6c;
  line-height: 1.5;
}
.s-dashboard .dash-ok-inline {
  margin: 0;
}
.s-dashboard .dash-error {
  padding: 20px;
  background: #fff0f0;
  border: 1px solid #e8a0a0;
  border-radius: 10px;
  color: #8a2f2f;
}
.s-dashboard .dash-error p {
  margin: 8px 0 0;
  line-height: 1.4;
}
.s-dashboard .dash-error .link {
  color: #2f4f8f;
  text-decoration: underline;
}
.s-dashboard .dash-ok {
  padding: 14px 18px;
  margin-bottom: 18px;
  background: #f0faf2;
  border: 1px solid #9ecfad;
  border-radius: 10px;
  color: #2f6b42;
}
.s-dashboard .dash-alerts {
  margin-bottom: 8px;
}
.s-dashboard .dash-alerts-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
.s-dashboard .dash-alert {
  display: block;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #e0b36a;
  background: #fff8ec;
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.s-dashboard .dash-alert:hover {
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.s-dashboard .dash-alert.critical {
  border-color: #e08a8a;
  background: #fff1f1;
}
.s-dashboard .dash-alert .dash-alert-level {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #9a2831;
  margin-bottom: 6px;
}
.s-dashboard .dash-alert .dash-alert-level.is-warn {
  color: #a15c12;
}
.s-dashboard .dash-alert .dash-alert-title {
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.3;
}
.s-dashboard .dash-alert .dash-alert-text {
  font-size: 13px;
  color: #5c5f6c;
  line-height: 1.45;
}
.s-dashboard .dash-alert .dash-alert-action {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #2f4f8f;
}
.s-dashboard .dash-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 12px;
  margin-bottom: 0;
}
.s-dashboard .dash-kpi {
  display: block;
  padding: 14px 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
  border: 1px solid #a0a2ae;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
  min-height: 110px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.s-dashboard .dash-kpi:hover {
  text-decoration: none;
  color: inherit;
  border-color: #6d7190;
  box-shadow: 0 6px 16px rgba(40, 45, 70, 0.08);
}
.s-dashboard .dash-kpi.is-bad {
  border-color: #d98a8a;
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%);
}
.s-dashboard .dash-kpi-title {
  font-size: 13px;
  color: #5c5f6c;
  margin-bottom: 8px;
  line-height: 1.25;
}
.s-dashboard .dash-kpi-value {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 6px;
}
.s-dashboard .dash-kpi-delta {
  font-size: 13px;
  font-weight: 600;
  color: #6b6e7b;
}
.s-dashboard .dash-kpi-delta.up {
  color: #2f8a4e;
}
.s-dashboard .dash-kpi-delta.down {
  color: #b45309;
}
.s-dashboard .dash-kpi-delta.bad {
  color: #c0392b;
}
.s-dashboard .dash-kpi-prev {
  margin-top: 4px;
  font-size: 12px;
  color: #8a8d9a;
}
.s-dashboard .table .dash-kpi-prev {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
.s-dashboard .dash-charts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.s-dashboard .dash-panel {
  background: #fff;
  border: 1px solid #a0a2ae;
  border-radius: 12px;
  padding: 14px 16px 10px;
  min-width: 0;
  height: 100%;
}
.s-dashboard .dash-panel-wide {
  display: flex;
  flex-direction: column;
}
.s-dashboard .dash-staff-panel {
  margin-bottom: 28px;
}
.s-dashboard .dash-money-panel {
  margin-bottom: 16px;
}
.s-dashboard .dash-panel-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
.s-dashboard .dash-panel-title {
  font-weight: 600;
  font-size: 15px;
  color: #434c62;
  margin-bottom: 6px;
}
.s-dashboard .dash-panel-link {
  font-size: 13px;
  color: #2f4f8f;
  white-space: nowrap;
}
.s-dashboard .dash-chart {
  width: 100%;
  min-height: 260px;
}
.s-dashboard .dash-chart-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  color: #8a8d9a;
  font-size: 14px;
}
.s-dashboard .rep-wbg {
  background: #ffffff;
  padding: 12px 0;
  border-radius: 10px;
  border: 1px solid #a0a2ae;
}
.s-dashboard .rep-wbg .table {
  margin-bottom: 0;
}
.s-dashboard .rep-wbg .table tr > *:first-child {
  padding-left: 15px;
}
.s-dashboard .rep-wbg .table tr > *:last-child {
  padding-right: 15px;
}
.s-dashboard .dash-sources-inline,
.s-dashboard .dash-staff-table {
  border: 0;
  padding: 0;
  margin-top: 8px;
  overflow: auto;
}
.s-dashboard .dash-sources tr.is-problem,
.s-dashboard .dash-staff-table tr.is-problem {
  background: #fff7f7;
}
.s-dashboard .dash-vk {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 4px;
  background: #4a76a8;
  color: #fff;
  vertical-align: middle;
}
.s-dashboard .dash-delta {
  display: block;
  font-size: 11px;
  color: #8a8d9a;
  font-weight: 600;
}
.s-dashboard .dash-delta.up {
  color: #2f8a4e;
}
.s-dashboard .dash-delta.down {
  color: #b45309;
}
.s-dashboard .dash-delta.bad {
  color: #c0392b;
}
@media (max-width: 1100px) {
  .s-dashboard .dash-charts-grid,
  .s-dashboard .dash-widgets {
    grid-template-columns: 1fr;
  }
  .s-dashboard .dash-widget.size-full,
  .s-dashboard .dash-widget.size-half {
    grid-column: span 1;
  }
}
@media (max-width: 767px) {
  .s-dashboard .dash-kpi-value {
    font-size: 20px;
  }
  .s-dashboard .dash-project-field {
    max-width: none;
  }
}
.s-dbaopays {
  min-height: 100vh;
  background: #f3f5f7;
  padding: 48px 16px;
  color: #222;
}
.s-dbaopays .sd-card {
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  padding: 28px 28px 32px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}
.s-dbaopays h1 {
  margin: 0 0 8px;
  font-size: 22px;
}
.s-dbaopays .sd-where {
  margin: 0 0 16px;
  font-size: 18px;
}
.s-dbaopays .sd-where span {
  display: block;
  margin-bottom: 2px;
  color: #667;
  font-size: 13px;
  font-weight: 400;
}
.s-dbaopays h2 {
  margin: 0 0 12px;
  font-size: 16px;
}
.s-dbaopays p {
  color: #667;
  margin-bottom: 22px;
}
.s-dbaopays .sd-file {
  display: flex;
  align-items: center;
  gap: 12px;
}
.s-dbaopays .sd-error {
  margin-top: 18px;
  color: #b00020;
}
.s-dbaopays .sd-report {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #e6e6e6;
}
.s_deals {
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  /* END LEADS */
  /*  .shr-view {
    float: right;
    display: flex;
    margin-left: 30px;
    margin-top: -3px;


    @media @xs {
      margin-top: 5px;
    }
  }

*/
  /* styles for '...' */
  /* create the ... */
}
.s_deals .deals-stat {
  position: absolute;
  right: 20px;
  top: 65px;
  line-height: 40px;
  color: var(--standart-color);
  font-size: 13px;
}
.s_deals span.scs-ct-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.s_deals span.scs-ct-name[status="1"] {
  background-color: #b36a38;
}
.s_deals span.scs-ct-name[status="3"] {
  background-color: #128846;
}
.s_deals .scs-card-pays-error {
  background: #fdc6c7;
  margin: 0 -13px -1px;
  padding: 5px 13px;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e38c8d;
  border-top: 1px solid #e38c8d;
}
.s_deals .scs-card-pays-error.--topvote {
  background-color: #fff71c;
  margin: -11px -13px 8px;
}
.s_deals .scs-card-pays-error.--goodproc {
  background-color: #bde3a4;
  margin: -11px -13px 8px;
  border-bottom-color: #39ae36;
  border-top-color: #39ae36;
}
.s_deals .scs-card-pays-error i {
  margin-right: 4px;
}
.s_deals span.scs-ct-mortgage {
  font-size: 12px;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  white-space: nowrap;
  border: 1px solid #128846;
  color: #128846;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 4px;
}
.s_deals span.scs-ct-mortgage[status="1"] {
  border-color: #b36a38;
  color: #b36a38;
}
.s_deals span.scs-ct-mortgage[status="3"] {
  border-color: #128846;
  color: #128846;
}
.s_deals .sd-table th {
  cursor: pointer;
}
.s_deals .sd-table .sd-table-tr:hover {
  background-color: #eee;
  cursor: pointer;
}
.s_deals .scs-ht-count {
  background-color: #ffffff47;
  margin: -2px 0 -2px 9px;
  padding: 2px 0px;
  border-radius: 4px;
  text-align: center;
  width: 30px;
  display: inline-block;
  margin-right: 6px;
  float: right;
}
.s_deals .scs-card-source {
  position: absolute;
  right: 8px;
  top: 5px;
}
.s_deals .scs-card-tags {
  margin: 0;
}
.s_deals .scs-card-tags span {
  padding: 1px 7px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  border-radius: 4px;
  margin-right: 3px;
}
.s_deals .scs-body-stats {
  color: #000;
  font-size: 12px;
  margin-bottom: 8px;
  background-color: #fff;
  padding: 10px 15px 4px;
  border-radius: 5px;
  margin-top: 7px;
}
.s_deals .scs-body-stats .scs-body-stat {
  border-bottom: 1px solid #ccc;
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 15px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s_deals .scs-body-stats .scs-body-stat:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
.s_deals .scs-body-stats .scs-body-stat.--start {
  opacity: 0.5;
}
.s_deals .scs-body-stats .scs-body-stat.--last {
  font-weight: bold;
  background: #ececec;
}
.s_deals .scs-body-stats .scsbs-title {
  width: 26px;
  display: inline-block;
}
.s_deals .scs-body-stats span.scsbs-metrprice {
  text-align: center;
  width: 38px;
  display: inline-block;
}
.s_deals .scs-body-stats .scsbs-metr {
  width: 50px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
.s_deals .scs-body-stats .scsbs-count {
  width: 34px;
  display: inline-block;
  text-align: center;
}
.s_deals .scs-body-stats .scsbs-amount {
  width: 93px;
  text-align: right;
  display: inline-block;
}
.s_deals .sch-refresh {
  margin-right: -1px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.62);
  text-align: center;
  border-radius: 4px;
  position: relative;
  top: 1px;
  margin-left: 10px;
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 300;
  line-height: 22px;
  padding: 0 14px;
  letter-spacing: 2px;
}
.s_deals .get-svod {
  position: absolute;
  right: 20px;
  top: 72px;
}
.s_deals .sc-statuses-area {
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
  user-select: none;
  height: 100%;
  position: relative;
}
.s_deals .scs-noclients {
  text-align: center;
  font-size: 13px;
  color: var(--standart-color);
  opacity: 0.3;
  padding: 30px 0;
}
.s_deals .sc-statuses {
  white-space: nowrap;
  padding: 20px 30px 0;
}
@media only screen and (max-width: 767px) {
  .s_deals .sc-statuses {
    padding: 15px 15px 0;
  }
}
.s_deals .scs-head-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 3px;
  font-size: 13px;
  line-height: 21px;
}
.s_deals .sc-status {
  min-width: 320px;
  max-width: 320px;
  margin-right: 20px;
  display: inline-block;
}
.s_deals .sc-status:last-child {
  margin-right: 100px;
}
.s_deals .sc-status.--small {
  min-width: 190px;
}
.s_deals .sc-status.--small .scs-body {
  width: 190px;
}
.s_deals .scs-card-closed {
  font-size: 12px;
  background: #9a4343;
  color: #fff;
  margin: 10px -10px -10px;
  padding: 6px 10px 9px;
}
.s_deals .scs-card-closed.--wrap {
  white-space: normal;
}
.s_deals .scs-card-closed b {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s_deals .scs-card-closed .scs-card-agent {
  color: #dcbdbd;
  margin-top: 6px;
}
.s_deals .scs-card-changedstatus {
  background: #ddd;
  margin: -10px -10px 6px;
  padding: 6px 10px;
}
.s_deals .scs-card {
  margin: 12px 0 0;
  display: flex;
  white-space: nowrap;
  padding: 0;
  transition: 0.3s;
  position: relative;
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  color: inherit;
  text-decoration: none !important;
  /*   .scs-card-book-status {
      width: 5px;
      height: 100%;
      background-color: white;
      position: absolute;

      &.--warning {
        background-color: #ffbf14;
      }

      &.--danger {
        background-color: red;
      }
    }*/
}
.s_deals .scs-card:first-child {
  margin-top: 0;
}
.s_deals .scs-card.--lastOpened:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 3;
  top: 0;
  bottom: 0;
  box-shadow: inset 0px 0px 6px 3px #007eff;
}
.s_deals .scs-card.--changedStatus {
  opacity: 0.8;
}
.s_deals .scs-card.--outdate .scs-card-book-time.--book {
  background-color: #f2bebf;
  color: #333333;
}
.s_deals .scs-card.--closed {
  background: repeating-linear-gradient(-55deg, #fff, #fff 2px, #fff1f1 1px, #fdebeb 12px);
}
.s_deals .scs-card.--today .scs-card-book-time.--book {
  background-color: #ffff5b;
  color: #5a5a21;
}
.s_deals .scs-card:hover {
  background-color: #f3f4ff;
}
.s_deals .scs-card .scs-object {
  margin: 0 0 6px;
}
.s_deals .scs-card .scs-card-content {
  width: 100%;
  padding: 15px 13px 10px;
  font-size: 13px;
}
.s_deals .scs-card .scs-card-content .scs-card-agent {
  color: #a7a7a7;
}
.s_deals .scs-card .scs-card-content .scs-card-pays {
  margin: -1px -13px -4px -13px;
  border-top: 1px solid #eaeaea;
  background: #f7f7f7;
}
.s_deals .scs-card .scs-card-content .scs-card-pays table {
  margin: 0;
  padding: 0;
  width: 100%;
}
.s_deals .scs-card .scs-card-content .scs-card-pays table td {
  padding: 3px 0;
}
.s_deals .scs-card .scs-card-content .scs-card-pays table td:first-child {
  padding-left: 13px;
}
.s_deals .scs-card .scs-card-content .scs-card-pays table td:last-child {
  padding-right: 13px;
}
.s_deals .scs-card .scs-card-content .scs-card-pays table tr {
  border-bottom: 1px solid #eaeaea;
  color: #737373;
}
.s_deals .scs-card .scs-card-content .scs-card-pays .scs-cp-pay.--current {
  background-color: #ffff5b;
  color: #5a5a21;
}
.s_deals .scs-card .scs-card-content .scs-card-pays .scs-cp-pay.--old {
  background-color: #f2bebf;
  color: #333;
  border-bottom-color: #ce9696;
}
.s_deals .scs-card .scs-card-content .scs-card-c-flat-info {
  display: flex;
  justify-content: space-between;
}
.s_deals .scs-card .scs-card-content .scs-info {
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s_deals .scs-card .scs-card-content .scs-card-book-time {
  text-align: right;
  padding: 3px 7px;
  margin: -4px -5px 0 -5px;
  border-radius: 3px;
}
.s_deals .scs-card .scs-card-content .scs-card-book-time.--long {
  color: #a7a7a7;
}
.s_deals .scs-card .scs-card-content .scs-card-title {
  font-weight: 900;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
  margin: -2px -13px 10px -13px;
  padding: 0 8px 9px 13px;
  font-size: 13px;
  display: flex;
}
.s_deals .scs-card .scs-card-content .scs-book {
  padding: 0;
}
.s_deals .scs-body {
  position: absolute;
  bottom: 10px;
  overflow: auto;
  top: 60px;
  width: 320px;
  z-index: 5;
  white-space: normal;
}
@media only screen and (max-width: 767px) {
  .s_deals .scs-body {
    padding-bottom: 40px;
  }
}
.s_deals .scs-body-inner {
  min-height: 60px;
}
.s_deals .scs-book {
  margin: 0px;
  background: #ffffff;
  padding: 4px 12px;
  border-radius: 3px;
  margin-bottom: 2px;
  margin-top: 4px;
}
.s_deals table {
  font-size: 13px;
}
.s_deals .sbt-phone {
  margin-top: 7px;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
}
.s_deals .sbt-bookdays {
  font-size: 12px;
  margin-top: 2px;
}
.s_deals .sbt-agency {
  font-size: 12px;
}
.s_deals .block-with-text {
  height: 55px;
  position: relative;
  overflow: hidden;
  padding-right: 10px;
}
.s_deals .block-with-text:before {
  /* points in the end */
  content: '';
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
  left: 0;
  height: 27px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.s_deals .svt-comment-buttons {
  margin-top: 5px;
}
.s_deals .sbt-comment-click {
  min-height: 72px;
  margin: -8px;
  padding: 8px;
}
.s_deals .sbt-td-comment {
  cursor: pointer;
}
.s_deals .sbt-td-comment i {
  opacity: 0.3;
}
.s_deals .sbt-td-comment:hover i {
  opacity: 1;
}
.s_deals .sbt-td-comment:hover .block-with-text {
  height: auto;
}
.s_deals .sbt-td-comment:hover .block-with-text:before {
  height: 0;
}
.s_settings {
  background-color: #222c46;
  color: #fff;
  min-height: 100vmin;
}
.s_settings .h2-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.s_settings .list-days {
  font-weight: bold;
  background: #314169;
  padding: 5px 8px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 4px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: scale(1.15) translateX(10px);
  display: inline-block;
  line-height: 18px;
}
.s_settings .list-days.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateX(0px);
}
.s-export-flat-status {
  min-height: 100vmin;
  background: #e8eaf4;
}
.s-export-flat-status .color-picker-actions {
  display: none !important;
}
.s-export-flat-status .sefs-flex-loaded {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding-top: 70px;
}
.s-export-flat-status .rzslider {
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}
.s-export-flat-status .go-help {
  margin-top: 40px;
}
.s-export-flat-status a.go-help-btn {
  color: #000;
  text-decoration: none;
  background: #cdcfdd;
  padding: 11px 14px;
  border-radius: 5px;
}
.s-export-flat-status .emojies {
  letter-spacing: 7px;
  display: inline-block;
}
.s-export-flat-status .rz-bubble {
  display: none !important;
}
.s-export-flat-status .sefs-discount img {
  width: 57px;
}
.s-export-flat-status .sl-info {
  text-align: center;
  margin-bottom: 8px;
}
.s-export-flat-status .ssa {
  color: #000 !important;
}
.s-export-flat-status .sefs-help {
  width: 400px;
  margin-right: 50px;
}
.s-export-flat-status .sefs-color-row {
  display: flex;
  margin-bottom: 10px;
}
.s-export-flat-status .sefs-color {
  margin-right: 20px;
}
.s-export-flat-status .sefs-help-title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
.s-export-flat-status .sefs-flex {
  display: flex;
  justify-content: center;
  padding: 40px 0;
  max-height: 830px;
  overflow: hidden;
}
.s-export-flat-status .sefs-close {
  position: fixed;
  font-size: 40px;
  opacity: 0.5;
  right: 40px;
  top: 40px;
  cursor: pointer;
}
.s-export-flat-status .sefs-preview-area-as {
  transform: scale(0.56);
  transform-origin: 0 0;
}
.s-export-flat-status .sefs-preview-area {
  width: 396px;
}
.s-export-flat-status .sefs-image-projects {
  padding-top: 36%;
  background-size: cover;
  background-position: center;
}
.s-export-flat-status .srfs-price-area {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 40px;
}
.s-export-flat-status .sefs-discount {
  margin: 0 30px;
  color: #b50000;
  font-size: 68px;
  line-height: 40px;
  position: relative;
  top: 2px;
}
.s-export-flat-status .sefs-oldprice {
  text-align: center;
  color: #787878;
  font-size: 40px;
  position: relative;
  white-space: nowrap;
}
.s-export-flat-status .sefs-oldprice:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 4px solid;
  border-color: inherit;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.s-export-flat-status .sefs-preview {
  background: #fff;
  width: 720px;
  height: 1280px;
  overflow: hidden;
  font-family: 'Manrope';
}
.s-export-flat-status .sefs-price {
  text-align: center;
  font-size: 40px;
  white-space: nowrap;
}
.s-export-flat-status .sefs-price.big {
  font-size: 50px;
}
.s-export-flat-status .sefs-info {
  margin-top: 40px;
}
.s-export-flat-status .sefs-fish {
  border: 1px solid #afb4d0;
  margin: 0 10px 10px 0;
  padding: 4px 13px;
  border-radius: 4px;
  cursor: pointer;
}
.s-export-flat-status .sefs-fish-big {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  color: #fff;
  position: absolute;
  z-index: 2;
  font-size: 54px;
  font-weight: bold;
  padding: 26px 42px;
  border-radius: 14px;
  transform: rotate(7deg);
  right: -16px;
  top: -28px;
  text-align: center;
  line-height: 50px;
}
.s-export-flat-status .no-image {
  margin-bottom: 48px;
  color: #a83737;
}
.s-export-flat-status .sefs-fishs-area {
  position: relative;
}
.s-export-flat-status .sefs-fish-big.--2 {
  font-size: 42px;
  padding: 18px 44px;
  top: -58px;
  right: -20px;
}
.s-export-flat-status .sefs-fish-big.--3 {
  font-size: 36px;
  line-height: 1.2em;
  padding: 18px 40px;
  right: -20px;
  top: -44px;
}
.s-export-flat-status .sefs-fishs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-top: 10px;
}
.s-export-flat-status .sefs-fish.active {
  background: #3a4fcc;
  color: #fff;
  border-color: #394fcd;
}
.s-export-flat-status .sefs-item {
  margin-bottom: 25px;
}
.s-export-flat-status .sefs-item-title {
  font-weight: bold;
  font-size: 16px;
}
.s-export-flat-status .sefs-item-desc {
  opacity: 0.6;
  font-size: 13px;
  margin-top: 3px;
  margin-bottom: 10px;
}
.s-export-flat-status .sefs-control {
  border: 1px solid #afb4d0;
  width: 100%;
  padding: 8px 11px;
  border-radius: 3px;
}
.s-export-flat-status .sefs-alert-area {
  text-align: center;
  margin-top: 30px;
}
.s-export-flat-status .sefs-alert {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  color: #fff;
  display: inline-block;
  padding: 22px 44px;
  font-size: 30px;
  border-radius: 8px;
  white-space: nowrap;
}
.s-export-flat-status .sefs-infotext {
  text-align: center;
  padding: 0 30px;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: 30px;
  margin-top: 25px;
  max-height: 128px;
  overflow: hidden;
}
.s-export-flat-status .sefs-settings {
  width: 400px;
  margin-left: 60px;
}
.s-export-flat-status .sefs-preview-text {
  opacity: 0.5;
  text-align: center;
  margin-top: 17px;
}
.s-export-flat-status .sefs-image-container {
  padding-top: 80%;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #999;
}
.s-export-flat-status .sefs-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.s-export-flat-viewer {
  min-height: 100vmin;
  background: #fff;
}
.s-export-flat-viewer .sec-button button {
  width: 100%;
  border: none;
  background: var(--color-blue);
  border-radius: 5px;
  font-size: 16px;
  padding: 17px 0;
  margin-top: 20px;
}
.s-export-flat-viewer .sec-button button:hover {
  cursor: pointer;
}
.s-export-flat-viewer .sefv-nocopy {
  position: fixed;
  top: 7px;
  left: 50%;
  background: #fff700;
  z-index: 2;
  white-space: nowrap;
  transform: translateX(-50%);
  margin-left: -190px;
  padding: 4px 20px;
  border-radius: 4px;
  box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .s-export-flat-viewer .sefv-nocopy {
    left: 0;
    right: 0;
    transform: none;
    margin-left: 0;
    white-space: normal;
    text-align: center;
    top: 0;
    border-radius: 0;
  }
}
.s-export-flat-viewer .sefv-flex {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .s-export-flat-viewer .sefv-flex {
    flex-direction: column-reverse;
  }
}
.s-export-flat-viewer .sef-group {
  display: flex;
  border-radius: 8px;
  padding: 4px 4px;
  background: #4e5566;
  width: 100%;
}
.s-export-flat-viewer .sef-group-btn {
  text-align: center;
  background: #4f5666;
  padding: 6px 16px;
  border-radius: 5px;
  color: #969ca8;
  transition: 0.3s;
  cursor: pointer;
  margin: 0 2px;
  width: 100%;
}
.s-export-flat-viewer .sef-group-btn.active {
  background: #848d9f;
  color: #fff;
  pointer-events: none;
}
.s-export-flat-viewer .sef-group-btn:hover {
  background: #ffffff;
  color: #444;
}
.s-export-flat-viewer .sefv-settings {
  position: relative;
  right: 0;
  min-width: 360px;
  max-width: 360px;
  min-height: 100vmin;
  border-left: 1px solid #ddd;
  background: #232d45;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .s-export-flat-viewer .sefv-settings {
    min-width: 0;
    max-width: 10000px;
    padding-top: 49px;
  }
}
.s-export-flat-viewer .sefv-frame {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .s-export-flat-viewer .sefv-frame {
    width: 100%;
    position: relative;
    height: 300px;
  }
}
.s-export-flat-viewer .sefv-frame iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.s-export-flat-viewer .sec-settings {
  display: flex;
  flex-direction: column;
}
.s-export-flat-viewer button.sec-print {
  background: #32363f;
  border: none;
  padding: 20px 0;
  font-size: 18px;
  text-transform: uppercase;
  transition: 0.3s;
  border-bottom: 1px solid #43464d;
}
.s-export-flat-viewer .sec-settings-inner {
  height: 100%;
  padding: 30px;
  overflow: auto;
}
.s-export-flat-viewer .sec-settings-inner label {
  display: block;
}
.s-export-flat-viewer .sec-settings-inner .sec-settings-title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #999;
}
.s-export-flat-viewer .sec-settings-inner .sec-settings-subtitle {
  margin: -5px 0 20px;
  font-size: 12px;
}
.s-export-flat-viewer .sec-settings-inner .form-group {
  margin-bottom: 15px;
}
.s-export-flat-viewer .sec-settings-inner .form-group select.form-control,
.s-export-flat-viewer .sec-settings-inner .form-group input.form-control {
  border: 1px solid #ccc;
  background: #fff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  border-radius: 2px;
}
.s-pricerules .error-area {
  background: #fff;
  max-width: 610px;
  padding: 30px;
  margin-bottom: 40px;
}
.prule-row {
  padding: 7px 20px;
  display: flex;
  align-items: center;
  transition: background 0.2s;
  border-bottom: 1px solid #d0d6e3;
  width: 100%;
  text-decoration: none !important;
  color: #000;
  justify-content: space-between;
  font-size: 13px;
}
.prule-row.--start {
  font-weight: bold;
  background: #fff !important;
  cursor: default;
  line-height: 1.1em;
  font-size: 13px;
  padding: 15px 20px;
  position: sticky;
  top: 0px;
  z-index: 23;
}
.prule-row.--start:hover {
  cursor: default;
}
.prule-row.enable-hover:hover {
  background: #d6dae5;
  cursor: pointer;
  color: #000;
}
.s-help .top-info {
  margin-bottom: 30px;
}
.s-help .top-info-left-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.s-help .fl-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}
.s-help .top-info-left {
  max-width: 710px;
  font-size: 14px;
  margin-right: 20px;
}
.s-help .message-wrap.dp .message {
  background: #c5d1ed;
}
.s-help .ticket {
  border: 1px solid #afbad7;
  margin: 13px 20px;
  padding: 12px 15px;
  display: block;
  transition: 0.3s;
  position: relative;
  color: #000 !important;
  text-decoration: none !important;
  background: #e7eaf4;
  border-radius: 6px;
}
.s-help .ticket:hover {
  background: #f6f8fc;
  cursor: pointer;
}
.s-help .ticket.selected {
  background: #c7cfe4;
}
.s-help .ticket.selected .ticket-arrow {
  opacity: 1;
  visibility: visible;
}
.s-help .fl-flex {
  display: flex;
  align-items: flex-end;
  margin-bottom: 15px;
  justify-content: space-between;
}
.s-help .fl-flex .help-filters-block {
  display: flex;
  gap: 3px;
  align-items: flex-end;
  z-index: 1;
}
.s-help .fl-flex .help-filters-block .form-group {
  width: 150px;
  margin-bottom: 0;
}
.s-help .fl-flex .help-filters-block .std-btn {
  height: 34px;
}
.s-help .fl-flex .fl-title {
  margin-bottom: 0;
}
.s-help .ticket-arrow {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  right: -22px;
  z-index: 22;
  top: 50%;
  margin-top: -14px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #8e9bbc;
  opacity: 0;
  visibility: hidden;
}
.s-help .tickets {
  margin: 20px -20px 0;
}
.s-help .ticket-top {
  display: flex;
  justify-content: space-between;
}
.s-help .ticket-date {
  opacity: 0.5;
}
.s-help .back-help {
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding-left: 52px;
  background: #ececec;
  color: #000;
  font-weight: bold;
}
.s-help .ticket-bot {
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.s-help .ticket-bot-user {
  opacity: 0.5;
  margin-left: 10px;
}
.s-help .ticket-bot-theme {
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-help .flexer {
  display: flex;
  justify-content: space-between;
  min-height: 100vmin;
}
.s-help .flexer-left {
  min-width: 500px;
  padding: 20px;
  max-width: 500px;
  overflow: auto;
  height: 100vmin;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .s-help .flexer-left {
    min-width: 100%;
    height: auto;
  }
}
.s-help .flexer-right {
  width: 100%;
  border-left: 1px solid #afbad7;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .s-help .flexer-right {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .s-help .help-view {
    height: 100%;
  }
}
body {
  --kanban-counter-bg: #656184;
  --kanban-counter-color: #fff;
}
body.theme-white,
body .view-light {
  --kanban-counter-bg: #c9cad6;
  --kanban-counter-color: #40455c;
}
body.theme-white .std-right-modal,
body .view-light .std-right-modal {
  color: #333;
}
body.theme-white .edm-item,
body .view-light .edm-item {
  border-top: 1px solid #8d97b1;
  border-bottom: 1px solid #8d97b1;
}
body.theme-white .edm-item:hover,
body .view-light .edm-item:hover {
  background: #D2DBF1;
}
body.theme-white .edm-item:hover .edm-item-download,
body .view-light .edm-item:hover .edm-item-download {
  background: #c6cee7;
}
body.theme-white .c-toggler-inline .slider,
body .view-light .c-toggler-inline .slider {
  border: 1px solid var(--c-toggler-border);
  background-color: var(--c-toggler-bg);
}
body.theme-white .c-toggler-inline .slider::before,
body .view-light .c-toggler-inline .slider::before {
  background-color: var(--c-toggler-round-bg);
}
body.theme-white .std-right-settings .srs-footer .btn-link,
body .view-light .std-right-settings .srs-footer .btn-link {
  color: #8d97b1;
}
body.theme-white .edm-item-fields span,
body .view-light .edm-item-fields span {
  background: #c6cee7;
  color: #0b246b;
}
body.theme-white .edm-editor.active,
body .view-light .edm-editor.active {
  color: #333;
}
body.theme-white .std-btn[disabled],
body .view-light .std-btn[disabled] {
  background: #9fa7bf;
}
body.theme-white .std-btn[disabled]:hover,
body .view-light .std-btn[disabled]:hover {
  background-color: #9fa7bf;
  color: #787d8a;
}
body.theme-white .std-btn:hover,
body .view-light .std-btn:hover {
  background-color: #ffffffc4;
  color: #283752;
}
body.theme-white .bmt-project.--error,
body .view-light .bmt-project.--error {
  background-color: #ddadad;
  color: #767676;
}
body.theme-white .bmt-project.--error:hover,
body .view-light .bmt-project.--error:hover {
  color: #333;
}
body.theme-white .bmt-project.--error:hover i,
body .view-light .bmt-project.--error:hover i {
  color: #333;
}
body.theme-white .bmt-project.--error i,
body .view-light .bmt-project.--error i {
  color: #767676;
}
body.theme-white .lm-tagsarea .btn,
body .view-light .lm-tagsarea .btn {
  color: #7c7d7e;
}
body.theme-white .lm-tagsarea .btn:hover,
body .view-light .lm-tagsarea .btn:hover {
  background: #c7cfe5;
  cursor: pointer;
  border-color: #c7cfe5;
  color: #333;
}
body.theme-white .lm-books-area-item,
body .view-light .lm-books-area-item {
  background: #c5cede;
}
body.theme-white .lm-books-area-item:hover,
body .view-light .lm-books-area-item:hover {
  background: #d5dcea;
}
body.theme-white .lm-part-title,
body .view-light .lm-part-title {
  color: #333;
}
body.theme-white .std-modal .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]),
body .view-light .std-modal .btn-default:not(.ui-select-toggle):not([uib-is-class]):not([role]):not([tabindex]) {
  color: #333 !important;
}
body.theme-white .c-events-block .chat .ip-add,
body .view-light .c-events-block .chat .ip-add,
body.theme-white .c-events-block-v2 .chat .ip-add,
body .view-light .c-events-block-v2 .chat .ip-add {
  color: #50586d;
}
body.theme-white .c-events-block .chat .ip-add .ip-add-action:hover,
body .view-light .c-events-block .chat .ip-add .ip-add-action:hover,
body.theme-white .c-events-block-v2 .chat .ip-add .ip-add-action:hover,
body .view-light .c-events-block-v2 .chat .ip-add .ip-add-action:hover {
  background: #c5cede;
}
body.theme-white .c-events-block .ceb-fast,
body .view-light .c-events-block .ceb-fast,
body.theme-white .c-events-block-v2 .ceb-fast,
body .view-light .c-events-block-v2 .ceb-fast {
  color: #000;
  opacity: 0.6;
}
body.theme-white .c-events-block .ceb-fast:hover,
body .view-light .c-events-block .ceb-fast:hover,
body.theme-white .c-events-block-v2 .ceb-fast:hover,
body .view-light .c-events-block-v2 .ceb-fast:hover {
  opacity: 1;
}
body.theme-white .c-fast-comments-area,
body .view-light .c-fast-comments-area {
  color: #333;
}
body.theme-white .c-fast-comments-area .cfca-add,
body .view-light .c-fast-comments-area .cfca-add {
  background: #c7cfe5;
}
body.theme-white .closeLeadModal .clm-status-type:hover,
body .view-light .closeLeadModal .clm-status-type:hover {
  background: #c7cfe5;
  border-color: #c7cfe5;
}
body.theme-white .c-statuses-selector-lead .bm-status.delete-active,
body .view-light .c-statuses-selector-lead .bm-status.delete-active {
  color: #d0bebe;
}
body.theme-white .c-statuses-selector-lead .bm-status.delete-active:hover,
body .view-light .c-statuses-selector-lead .bm-status.delete-active:hover {
  color: #fff;
}
body.theme-white .std-modal .popover,
body .view-light .std-modal .popover {
  border: 1px solid #c5cede !important;
  box-shadow: 0px 3px 20px #505d77;
  background: #dce1ec;
}
body.theme-white .std-modal .popover .popover-title,
body .view-light .std-modal .popover .popover-title {
  background: #dce1ec;
  border-bottom-color: #c7cfe5;
}
body.theme-white .leadModalIn label.lm-tags-manage-item input:checked + .lmtmi-check:after,
body .view-light .leadModalIn label.lm-tags-manage-item input:checked + .lmtmi-check:after {
  background-color: #c7cfe5;
}
body.theme-white .c-events-block .ceb-fast-area,
body .view-light .c-events-block .ceb-fast-area,
body.theme-white .c-events-block-v2 .ceb-fast-area,
body .view-light .c-events-block-v2 .ceb-fast-area {
  box-shadow: 0px 16px 16px -9px #72828d;
}
body.theme-white .leadModalIn .lmt-tags-item,
body .view-light .leadModalIn .lmt-tags-item {
  color: #fff;
}
body.theme-white .leadModalIn .bmt-project,
body .view-light .leadModalIn .bmt-project {
  color: #333;
}
body.theme-white .leadModalIn .bmt-project:hover,
body .view-light .leadModalIn .bmt-project:hover {
  color: #777;
}
body.theme-white .leadModalIn .bmt-project:hover i,
body .view-light .leadModalIn .bmt-project:hover i {
  color: #777;
}
body.theme-white .uib-datepicker-popup .uib-datepicker,
body .view-light .uib-datepicker-popup .uib-datepicker {
  box-shadow: 0px 0px 21px #4e7591;
}
body.theme-white .std-right-settings .srs-body,
body .view-light .std-right-settings .srs-body {
  color: #333;
}
body.theme-white .std-right-settings .srs-body .btn-link,
body .view-light .std-right-settings .srs-body .btn-link {
  color: #8d97b1;
}
body.theme-white .std-chess.--inverse .sph-table .spht-flat.--closed,
body .view-light .std-chess.--inverse .sph-table .spht-flat.--closed {
  background-color: #a2b0d2;
}
body.theme-white .booking-from-leads .std-chess.--inverse .sp-chesstable-filters .vap-mp-filters,
body .view-light .booking-from-leads .std-chess.--inverse .sp-chesstable-filters .vap-mp-filters {
  background-color: #dbe7f6;
  border-top: 1px solid #c0cfe2;
  border-bottom: 1px solid #c0cfe2;
}
body.theme-white .booking-from-leads .--shtitle,
body .view-light .booking-from-leads .--shtitle {
  border-right: 1px solid #a1b3c9;
  background-color: #a1b3c9;
}
body.theme-white .booking-from-leads .--shtitle,
body .view-light .booking-from-leads .--shtitle {
  border-right: 1px solid #a1b3c9;
  background-color: #d2dbf1;
}
body.theme-white .booking-from-leads .--shtitle:hover,
body .view-light .booking-from-leads .--shtitle:hover {
  background-color: #b9c4de;
}
body.theme-white .std-modal .modal-header,
body .view-light .std-modal .modal-header {
  color: #333;
  border-bottom: 1px solid #8d97b1;
  background: #bdc6dc;
}
body.theme-white .scs-show-if-my,
body .view-light .scs-show-if-my {
  color: #000;
}
.s_leads {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.s_leads .loader-area {
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .s_leads .loader-area {
    padding-bottom: 70px;
  }
}
.s_leads .meets-area {
  margin-top: 20px;
  margin-bottom: 10px;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .s_leads .meets-area {
    margin-bottom: 45px;
  }
}
.s_leads leads-opened-requests {
  display: block;
  max-height: 40%;
}
@media only screen and (max-width: 767px) {
  .s_leads leads-opened-requests {
    max-height: 40%;
  }
}
.s_leads .start-col {
  display: inline-flex;
  min-width: 280px;
  margin-right: 20px;
  height: 100%;
  position: relative;
  flex-direction: column;
}
.s_leads .start-col.hideTasks leads-opened-requests {
  max-height: 100%;
  height: 100%;
}
.s_leads .start-col.hideTasks .meets-area {
  display: none;
}
.s_leads span.scs-ht-days {
  opacity: 0.6;
  font-weight: normal;
  margin-left: auto;
}
.s_leads .get-svod {
  display: inline-block;
  margin-left: 10px;
}
.s_leads .scs-card-agent {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 3px;
}
.s_leads .scs-card-book-time {
  margin-left: auto;
  margin-right: 4px;
}
.s_leads .scs-card-book-time.null {
  opacity: 0.4;
}
.s_leads .scs-card-book-time i {
  margin-right: 5px;
}
.s_leads .shr-viewitem.help {
  width: 40px;
  padding: 0;
  text-align: center;
  background: #ffeeb6;
}
.s_leads .shr-viewitem.help i {
  font-size: 18px;
  line-height: 33px;
}
.s_leads .scs-show-if-my {
  color: #fff;
  font-size: 12px;
  margin-bottom: 10px;
}
.s_leads.white-bg {
  background-color: white;
}
.s_leads .sd-table-head {
  margin-bottom: 30px;
}
.s_leads .sd-table th {
  cursor: pointer;
}
.s_leads .sd-table .sd-table-tr:hover {
  background-color: #eee;
  cursor: pointer;
}
.s_leads .leads-tasks-stats {
  position: absolute;
  right: 20px;
  top: 65px;
  line-height: 40px;
  color: var(--standart-color);
  font-size: 13px;
}
.s_leads .leads-tasks-stats span {
  margin: 0 5px 0 10px;
}
.s_leads .leads-tasks-stats .lts-item {
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0 0 0 6px;
  transition: 0.15s;
}
.s_leads .leads-tasks-stats .lts-item:hover {
  background: rgba(255, 255, 255, 0.12);
}
.s_leads .leads-tasks-stats .lts-item.active {
  background: rgba(255, 255, 255, 0.18);
}
.s_leads .leads-tasks-stats .lts-item b {
  font-weight: 600;
}
.s_leads .newleads-war {
  font-size: 9px;
  position: absolute;
  top: -6px;
  color: #575419;
  margin-left: 1px;
  margin-right: -5px;
  background: #fed330;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  line-height: 16px;
  text-align: center;
  padding-left: 1px;
  right: -6px;
  opacity: 0;
  transition: 0.3s;
  visibility: hidden;
  transform: scale(0.6);
}
.s_leads .newleads-war.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.s_leads .scs-ht-count {
  background-color: var(--kanban-counter-bg);
  margin: 0px 8px 0px 0px;
  border-radius: 4px;
  display: inline-block;
  color: var(--kanban-counter-color);
  height: 26px;
  text-align: center;
  min-width: 30px;
  line-height: 25px;
  padding-left: 8px;
  padding-right: 8px;
}
.s_leads .scs-card {
  margin: 12px 0 0;
  white-space: nowrap;
  padding: 0;
  transition: 0.3s;
  position: relative;
  background-color: white;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  color: #000;
  text-decoration: none;
}
.s_leads .scs-card:first-child {
  margin-top: 0;
}
.s_leads .scs-card.--lastOpened:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  top: 0;
  bottom: 0;
  box-shadow: inset 0px 0px 6px 3px #007eff;
}
.s_leads .scs-card .scs-card-content {
  width: 100%;
  padding: 15px 13px 10px;
}
.s_leads .scs-card .scs-card-content.outdated {
  animation: blinkingLeadCard 2s infinite linear;
}
.s_leads .scs-card .scs-card-content .scs-card-c-flat-info {
  display: flex;
  justify-content: space-between;
}
.s_leads .scs-card .scs-card-content .scs-card-book-time {
  text-align: right;
}
.s_leads .scs-card .scs-card-content .scs-card-source-title {
  padding: 10px 0;
  white-space: normal;
  line-height: 1.2em;
  font-size: 12px;
}
.s_leads .scs-card .scs-card-content .scs-card-source i {
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.s_leads .scs-card .scs-card-content .scs-card-title {
  font-weight: 900;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #0000001c;
  margin: -15px -13px -1px -13px;
  padding: 10px 13px;
  display: block;
  font-size: 13px;
}
.s_leads .scs-card .scs-card-content .scs-card-title-row {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.s_leads .scs-card .scs-card-content .scs-info {
  display: flex;
}
.s_leads .scs-card .scs-card-content .scs-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 5px;
}
.s_leads .scs-card .scs-card-content .scs-card-first-meet {
  background: #e0f0ff;
  margin-top: 4px;
  font-size: 11px;
  font-weight: normal;
  color: #737373;
  white-space: nowrap;
  width: fit-content;
  border-radius: 5px;
  padding: 2px 6px;
}
.s_leads .scs-card .scs-card-content .scs-card-first-meet i {
  margin-right: 5px;
}
.s_leads .scs-card .scs-card-content .scs-project {
  padding: 1px 3px;
  height: 16px;
  min-width: 16px;
  margin-left: 4px;
  margin-top: 1px;
  text-align: center;
  color: #40335d;
  line-height: 12px;
  font-size: 10px;
  border-radius: 4px;
  background: #e6ecf1;
}
.s_leads .scs-card .scs-card-content .scs-card-tags {
  margin: 2px 0;
  display: flex;
  flex-wrap: wrap;
}
.s_leads .scs-card .scs-card-content .scs-card-tags span {
  padding: 1px 7px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  border-radius: 4px;
  margin-right: 3px;
  margin-bottom: 3px;
}
.s_leads .scs-card .scs-card-content .scs-card-agent.--no {
  color: #ff2525;
}
.s_leads .scs-card .scs-card-content .scs-book {
  padding: 0;
}
.s_leads .scs-head-settings {
  opacity: 0.3;
  cursor: pointer;
  transition: 0.3s;
  margin-left: auto;
  z-index: 15;
  position: relative;
}
.s_leads .scs-head-settings:hover {
  opacity: 0.8;
}
.s_leads .scs-head-settings-list {
  right: 5px;
  top: 20px;
  position: absolute;
  z-index: 20;
  min-width: 150px;
  color: white;
  border-radius: 5px;
  background-color: #000000;
}
.s_leads .scs-head-settings-list:after {
  top: -5px;
  right: 0px;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #000000;
  border-bottom: 10px solid #000000;
  position: absolute;
}
.s_leads .scs-head-settings-list .scs-h-s-l-item {
  z-index: 1;
  cursor: pointer;
  transition: 0.3s;
  padding: 5px 10px;
  position: relative;
}
.s_leads .sc-work-area-requests {
  display: inline-block;
  min-width: 250px;
  margin-right: 10px;
  max-width: 250px;
}
.s_leads .sc-statuses-area {
  position: relative;
  overflow: auto;
  left: 0;
  right: 0;
  overflow-y: hidden;
  overflow-x: auto;
  user-select: none;
  height: 100%;
  /*    cursor: ew-resize;*/
}
.s_leads .scs-noclients {
  text-align: left;
  font-size: 13px;
  color: var(--standart-color-99);
  padding: 16px 14px;
  background-color: var(--standart-color-11);
  border-radius: 6px;
}
.s_leads .scs-head-money {
  display: inline-block;
  margin-left: 7px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.16);
  padding: 2px 9px;
  border-radius: 3px;
}
.s_leads .sc-statuses {
  white-space: nowrap;
  padding: 15px 30px 0;
  height: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .s_leads .sc-statuses {
    padding: 15px 15px 0;
  }
}
.s_leads .sc-status {
  height: 100%;
  position: relative;
}
.s_leads .status-group {
  min-width: 320px;
  margin-right: 20px;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
}
.s_leads .sc-status.--short {
  min-width: 180px;
}
.s_leads .sc-status.--short .scs-body {
  width: 180px;
  /*position: relative;*/
  /*top: 0;*/
  /*overflow: hidden;*/
}
.s_leads .sc-status.--short .scs-body .scs-body-inner {
  overflow: hidden;
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
}
.s_leads .scs-body {
  overflow: auto;
  width: 320px;
  white-space: normal;
}
@media only screen and (max-width: 767px) {
  .s_leads .scs-body {
    padding-bottom: 10px;
  }
}
.s_leads .scs-body-inner {
  /*    background: #484069;*/
  min-height: 60px;
}
.s_leads .scs-head {
  display: flex;
  color: var(--standart-color-cc);
  font-weight: 500;
  position: relative;
  z-index: 20;
  flex-direction: column;
}
.s_leads .scs-book {
  margin: 0px;
  background: #ffffff;
  padding: 4px 12px;
  border-radius: 3px;
  margin-bottom: 2px;
  margin-top: 4px;
}
.s_leads .sl-table {
  height: 100%;
  overflow: auto;
  background-color: #e6eaf4;
  position: relative;
}
.s_leads .sl-table-container {
  padding: 0 17px 0 30px;
  font-size: 13px;
}
.s_leads .tagcolor {
  background: #ff0000;
}
.s_leads .red-text {
  color: #bf2020;
}
.s_leads .scs-card-callnow {
  background: #bfff91;
  font-size: 13px;
  padding: 4px 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 -13px;
  animation: callNowAnim 3.5s infinite linear;
}
@keyframes callNowAnim {
  from {
    background-color: #8fff3f;
  }
  50% {
    background-color: #bfff91;
  }
  to {
    background-color: #8fff3f;
  }
}
@keyframes blinkingLeadCard {
  from {
    background-color: #fff;
  }
  50% {
    background-color: #ffcc80;
  }
  to {
    background-color: #fff;
  }
}
body {
  --el-buttons-list-item-color: #fff;
  --el-buttons-list-item-bg: #303950;
  --el-buttons-list-item-bg-hover: #374058;
  --el-buttons-list-item-bg-selected: #616e8b;
  --el-buttons-list-item-border: #616e8b;
  --el-highlights-bg: #ffffff11;
  --color-red: #fc6c6c;
  --color-orange: #ffcb00;
  --color-green: #2ec300;
  --el-btn-color-bg: #2f3851;
}
body.theme-white .s_listing .std-head,
body .view-light .s_listing .std-head {
  background-color: #e7eaf4;
}
.s_listing {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100vmin;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .s_listing {
    padding-top: 30px;
    max-height: 100vmax;
  }
}
.s_listing .td-field-head {
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.s_listing .sl-content {
  overflow: auto;
}
.s_listing .stat-desc {
  margin-left: 10px;
  position: absolute;
  top: 11px;
}
.s_listing .td-border-left {
  border-right: 1px solid #00000012;
  padding-right: 5px;
  padding-left: 5px;
}
.s_listing .s_l_flats {
  transition: 0.2s;
  margin: 30px 20px 100px;
}
.s_listing .s_l_flats.loading {
  opacity: 0.3;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .s_listing .s_l_flats {
    overflow-x: auto;
    margin: 15px 15px 100px;
  }
}
.s_listing .sl-stats {
  padding: 0;
  font-size: 12px;
  white-space: nowrap;
  height: 58px;
  padding-top: 22px;
}
.s_listing .sl-stats-items {
  margin-top: 10px;
}
.s_listing .sl-stats-item {
  margin-top: 1px;
}
.s_listing .td-nn {
  min-width: 30px;
  max-width: 30px;
  text-align: center;
  line-height: 20px;
}
.s_listing span.number-pp {
  font-size: 10px;
  color: #888;
}
.s_listing .td-status-btn {
  font-size: 10px;
  color: #fff;
  border-radius: 5px;
  padding: 0px 7px;
  display: block;
  line-height: 24px;
  text-align: center;
  margin-top: 7px;
}
.s_listing .td-check {
  min-width: 40px;
  max-width: 40px;
  height: 20px;
  padding-left: 10px;
}
.s_listing .td-field {
  height: 40px;
  line-height: 40px;
}
.s_listing .td-project {
  min-width: 240px;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  margin: 3px 10px 3px 0;
}
.s_listing .td-project.--l {
  border-left: 1px solid #00000012;
}
.s_listing .td-type {
  min-width: 40px;
  max-width: 40px;
}
.s_listing .td-number {
  min-width: 40px;
  max-width: 40px;
}
.s_listing .td-position_on_floor {
  min-width: 40px;
  max-width: 40px;
}
.s_listing .td-fin_code {
  min-width: 120px;
  max-width: 120px;
}
.s_listing .td-status {
  min-width: 80px;
  max-width: 80px;
}
.s_listing .td-section {
  display: none;
}
.s_listing .td-floor {
  display: none;
}
.s_listing .td-rooms {
  min-width: 30px;
  max-width: 30px;
}
.s_listing .td-area {
  min-width: 100px;
  max-width: 100px;
}
.s_listing .td-price {
  min-width: 130px;
  max-width: 130px;
  padding-right: 0px;
}
.s_listing .bg-flat-solded {
  background-color: #9b9b9b;
}
.s_listing .td-ba {
  min-width: 120px;
  max-width: 120px;
  word-break: break-word;
  padding-right: 10px;
}
.s_listing .td-pricemetr {
  min-width: 90px;
  max-width: 90px;
  padding-right: 5px;
}
.s_listing .td-deal {
  min-width: 90px;
  max-width: 90px;
}
.s_listing .td-base {
  min-width: 110px;
  max-width: 110px;
}
.s_listing .td-basemetrprice {
  min-width: 70px;
  max-width: 70px;
}
.s_listing .td-remont {
  min-width: 150px;
  max-width: 150px;
}
.s_listing .td-serv {
  min-width: 150px;
  max-width: 150px;
}
.s_listing .td-sub {
  min-width: 150px;
  max-width: 150px;
}
.s_listing .td-org {
  min-width: 200px;
  max-width: 200px;
  line-height: 15px;
}
.s_listing .flexer {
  /* display: flex; */
}
.s_listing .smfloor {
  font-size: 12px;
  opacity: 0.6;
  margin-top: -2px;
}
.s_listing .s_l_f_flat {
  display: flex;
  font-size: 13px;
  width: max-content;
  align-items: center;
}
.s_listing .s_l_f_flat {
  padding-left: 1px;
}
.s_listing .s_l_f_flat.--start {
  font-weight: bold;
  align-items: center;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  padding-left: 0px;
}
.s_listing .s_l_f_flat.--stat {
  align-items: center;
  font-size: 13px;
  color: #484a61;
  font-weight: bold;
  background: #ededed;
  padding: 0px 0;
  margin-bottom: 0px;
  position: relative;
  border-radius: 0 0 5px 5px;
  padding-left: 1px;
}
.s_listing .sl-flats .s_l_f_flat:nth-child(even) {
  background-color: #f0f2f7;
  border-radius: 5px;
}
.s_listing .select-doc {
  width: 320px;
  color: #fff;
}
.s_listing .select-doc .ui-select-bootstrap .ui-select-match-text {
  color: #fff;
}
.s_listing span.gray {
  display: inline-block;
  opacity: 0.5;
  font-weight: bold;
}
.s_listing tr.s_l_f_flat {
  font-size: 13px;
}
.s_listing th.td-nn {
  width: 30px;
}
.s_listing th.td-check {
  width: 30px;
}
.s_listing th.td-project {
  width: 200px;
}
.s_listing .sl-footer {
  position: fixed;
  bottom: 0;
  transform: translateY(110%);
  transition: 0.3s;
  background: #0680c7;
  right: 0;
  left: 220px;
  z-index: 5;
  color: #fff;
  padding: 30px;
  border-top: 1px solid #c2d6e0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .s_listing .sl-footer {
    left: 0;
    z-index: 100;
  }
}
.s_listing .sl-footer .slf-right-item {
  float: left;
  margin-left: 30px;
}
.s_listing .sl-footer .slf-label {
  font-size: 12px;
  margin: 0 0 7px;
}
.s_listing .sl-footer .slf-flex {
  display: flex;
}
.s_listing .sl-footer .slf-flex .btn {
  background: #41a3dd;
  border: none;
}
.s_listing .sl-footer .slf-flex .btn:hover {
  background: #115c89;
}
.s_listing .sl-footer .slf-flex .btn:last-child {
  margin-left: 5px;
}
.s_listing .sl-footer .slf-flex .btn:last-child:only-child {
  margin-left: 0px;
}
.s_listing .sl-footer.active {
  transform: translateY(0);
}
.s_listing table {
  width: 100%;
}
.s_listing table tr:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: transparent !important;
}
.s_listing table tr:hover {
  cursor: pointer;
  background-color: #e1e6f0;
}
.s_listing table tr:nth-child(even) {
  background-color: #f0f2f7;
}
.s_listing table tr:nth-child(even):hover {
  background-color: #e1e6f0;
}
.s_listing table td,
.s_listing table th {
  padding: 6px 3px;
}
.s_listing table th {
  cursor: pointer;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .s_listing table th {
    min-width: 67px;
  }
}
.s_listing table .ce-checkbox {
  margin: 4px 8px 0 0;
}
.s_listing table .number-pp {
  font-size: 10px;
  text-align: center;
  width: 20px;
  display: block;
  color: #bbb;
}
.s_listing .s_l_filters .s_l_f_download {
  margin-left: auto;
  height: fit-content;
  margin-top: 38px;
}
.s_listing .s_l_flat_status {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.s_listing .vap-mp-filters {
  padding: 15px 30px;
  background: #e6eaf4;
  margin: 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters {
    margin: -30px -15px 0px;
  }
}
.s_listing .vap-mp-filters .vap-mp-filt-item {
  margin-right: 12px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters .vap-mp-filt-item.--btn .btn:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters .vap-mp-filt-item {
    width: 100%;
    position: relative;
  }
  .s_listing .vap-mp-filters .vap-mp-filt-item.--btn {
    margin-top: 15px;
  }
  .s_listing .vap-mp-filters .vap-mp-filt-item.--btn .vkd,
  .s_listing .vap-mp-filters .vap-mp-filt-item.--btn .vkd-invers {
    font-size: 1.5rem !important;
    margin: 0 !important;
  }
}
.s_listing .vap-mp-filters .vap-mp-filt-item.passive {
  opacity: 0.2;
  pointer-events: none;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-label {
  font-size: 13px;
  font-weight: 700;
  opacity: 1;
  color: #182a63;
  margin-bottom: 6px;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-label span {
  float: left;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-label i {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid;
  text-align: center;
  line-height: 15px;
  font-size: 13px;
  margin-top: 3px;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 3px;
  margin-left: 6px;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-label i:hover {
  opacity: 1;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vkd,
.s_listing .vap-mp-filters .vap-mp-filt-item .vkd-invers {
  margin-top: 28px;
  width: 100px;
  height: 30px;
  padding: 0;
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  background: #00aaff;
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters .vap-mp-filt-item .vkd,
  .s_listing .vap-mp-filters .vap-mp-filt-item .vkd-invers {
    margin-top: 28px;
    margin-bottom: 20px;
    width: 100%;
    height: 50px;
  }
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vkd-invers {
  background: #fff;
  color: #00aaff;
  border: 1px solid #00aaff;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs select {
  border: 1px solid #d2d2d2;
  box-shadow: none;
  line-height: 26px;
  height: 30px;
  font-size: 14px;
  width: 160px;
  color: #385fab;
  font-weight: bold;
  padding: 0 10px;
  appearance: none;
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs select {
    width: 100%;
    height: 40px;
  }
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs .separ {
  line-height: 26px;
  color: #ccc;
  float: left;
  font-size: 0;
  height: 2px;
  width: 7px;
  background: #8d97b1;
  margin-top: 15px;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs input {
  font-size: 14px;
  outline: none;
  height: 34px;
  background-color: #d2dbf1;
  border: 1px solid #8d97b1;
  padding: 3px 10px;
  font-weight: bold;
  letter-spacing: 1px;
  float: left;
  border-radius: 3px;
  color: #333;
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs.vp-1 input {
  width: 70px;
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs.vp-1 input {
    width: 120px;
    height: 40px;
  }
}
.s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs.vp-2 input {
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .s_listing .vap-mp-filters .vap-mp-filt-item .vap-mp-filt-inputs.vp-2 input {
    width: 120px;
    height: 40px;
  }
}
.s_login {
  position: relative;
  min-height: 100vmin;
  background-color: #e6eaf4;
  overflow: auto;
  padding: 0 0 70px;
}
@media only screen and (max-width: 767px) {
  .s_login {
    overflow: visible;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .s_login {
    display: block;
    height: auto;
    min-height: 0px;
  }
}
.s_login .go-after {
  text-align: center;
  margin-bottom: 20px;
}
.s_login .sl-after {
  opacity: 0.5;
  margin-bottom: 10px;
}
.s_login .sl-bg {
  position: relative;
  margin: -50px;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-bg {
    padding-top: 100%;
    min-width: 100%;
    margin-top: 0;
  }
}
.s_login .insert-code {
  margin-bottom: 30px;
}
.s_login .sl-area {
  display: flex;
  margin: auto;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-area {
    display: block;
    min-height: 100vh;
    height: auto;
  }
}
.s_login a.news-a.other {
  min-height: 84px;
  background: #d5dcef;
  justify-content: center;
}
.s_login a.news-a {
  display: flex;
  background: #fff;
  border-radius: 20px;
  min-height: 100px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  align-items: center;
  font-size: 17px;
  position: relative;
  transition: 0.3s;
}
.s_login a.news-a i {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  right: 10px;
  position: absolute;
  top: 50%;
  line-height: 30px;
  font-size: 30px;
  margin-top: -15px;
}
.s_login a.news-a:hover {
  border-radius: 40px 100px 100px 40px;
  cursor: pointer;
}
.s_login a.news-a:hover i {
  opacity: 1;
  visibility: visible;
  right: 20px;
}
.s_login .news-image-area {
  min-width: 100px;
  height: 100%;
  min-height: 100px;
  background-position: center;
  background-size: contain;
  border-radius: 20px;
}
.s_login .sl-news {
  max-width: 400px;
  margin-left: 100px;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-news {
    width: 100%;
    padding: 15px;
    overflow: hidden;
    margin-left: 0;
  }
}
.s_login .sl-news-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 60px;
  opacity: 0.5;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-news-title {
    font-size: 17px;
    margin-top: 30px;
    text-align: center;
  }
}
.s_login .news-title {
  padding: 10px 25px 10px 17px;
  line-height: 1.1em;
}
@media only screen and (max-width: 1200px) {
  .s_login .sl-img {
    height: max-content;
  }
}
.s_login .sl-img img {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .s_login .sl-img img {
    height: max-content;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .s_login .sl-img img {
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .s_login .sl-img img {
    max-width: 100%;
  }
}
.s_login .sl-screen {
  background: url(../images/svg/screen.svg) center no-repeat;
  width: 65%;
  height: 45%;
  position: absolute;
  top: 12%;
  background-size: contain;
  right: 0%;
  animation: flow 12s ease-in-out infinite;
}
.s_login .sl-gear {
  background: url(../images/svg/gear.svg) center no-repeat;
  width: 19%;
  height: 19%;
  position: absolute;
  top: 25%;
  background-size: contain;
  left: 10%;
  animation: spin 22s linear infinite;
}
.s_login .sl-gear.--2 {
  left: 28%;
  top: 17%;
  width: 11%;
  height: 11%;
  animation: spin 6s linear infinite;
}
.s_login .sl-button-reg {
  margin-bottom: 40px;
  margin-top: 16px;
  color: #8f8f8f;
  font-size: 12px;
}
.s_login .sl-button-reg a {
  color: #8f8f8f;
  border-bottom: 1px solid #000;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
}
.s_login .sl-button {
  text-align: center;
  margin: 25px 0 20px;
  width: 100%;
}
.s_login .sl-button button {
  background-color: #0000;
  border: 1px solid #eee;
  padding: 9px 50px;
  width: 100%;
  color: #fff !important;
  transition: 0.2s;
}
.s_login .sl-button button:hover {
  background-color: #fff2;
}
.s_login .sl-form-area {
  width: 400px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-form-area {
    width: 100%;
  }
}
.s_login .sl-form {
  color: #000;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-form {
    max-width: 100%;
    transform: none;
    margin: auto;
    position: relative;
    left: auto;
    top: auto;
    padding-bottom: 0;
  }
}
.s_login .sl-form label {
  opacity: 0.3;
  font-weight: normal;
  margin-bottom: 6px;
}
.s_login .sl-form input {
  background-color: #ffffff !important;
  border: 2px solid #99a6d1;
  height: 60px;
  color: #30282d !important;
  font-size: 20px;
  font-family: monospace;
  border-radius: 20px;
  line-height: 56px;
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .s_login .sl-form input {
    font-size: 16px;
  }
}
.s_login .sl-form input:-webkit-autofill,
.s_login .sl-form input:-webkit-autofill:hover,
.s_login .sl-form input:-webkit-autofill:focus,
.s_login .sl-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.s_login .sc-danger {
  color: #eb2525;
  margin: 25px 0;
  background: #ebd7df;
  padding: 11px 20px;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .s_login .sc-danger {
    position: static;
  }
}
.s_login .sl-password-area {
  position: relative;
}
.s_login .sl-password-area i {
  position: absolute;
  right: 0;
  line-height: 64px;
  width: 50px;
  font-size: 20px;
  text-align: center;
  z-index: 2;
  color: #95367f;
  cursor: pointer;
}
.s_login .slb-button {
  padding: 0 30px !important;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #fff;
  border-radius: 15px;
  font-size: 18px;
  display: inline-block;
  position: relative;
  font-weight: 500;
  background: #9b357a;
  background: linear-gradient(90deg, #9b357a 0%, #2e53d8 100%);
  border: none;
}
.s_login .slb-button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .s_login .slb-button {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .s_login .slb-button {
    background-size: 100%;
    transition: 0.3s;
  }
  .s_login .slb-button:hover {
    background-size: 260%;
  }
}
.s_login .slb-button:after {
  border-radius: 15px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.13) 100%);
}
@media only screen and (max-width: 767px) {
  .s_login form {
    width: 100%;
    margin: 0;
    padding: 20px 15px 0px;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flow {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12%);
  }
  100% {
    transform: translateY(0);
  }
}
.s-places {
  height: 100%;
  position: relative;
}
.s-places .fc-timegrid-slot {
  cursor: pointer;
}
.s-places .fc-timegrid-slots tbody tr:nth-child(4n+1) {
  border-top: 2px solid #888;
}
.s-places .fc-day-today {
  background: #cedbfa !important;
}
.s-places .fc-day-today .fc-scrollgrid-sync-inner {
  background: #7c8baf !important;
}
.s-places .fc-day-today .fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
  color: white !important;
}
.s-places .s-places {
  display: flex;
  flex-direction: column;
  height: 100vmin;
  overflow: hidden;
}
.s-places .sp-legend {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #fff;
  display: flex;
  padding: 13px 21px;
  z-index: 22;
  border-radius: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.s-places .sp-legend-item {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.s-places .sp-legend-item:last-child {
  margin-right: 0;
}
.s-places .sp-legend-item-color {
  background: #716556;
  min-width: 20px;
  min-height: 20px;
  margin-right: 7px;
  border-radius: 4px;
}
.s-places .sp-legend-item-color.--3 {
  background: #25891d;
}
.s-places .sp-legend-item-color.--1 {
  background: #3450b9;
}
.s-places .place-selector {
  display: flex;
  align-items: center;
  height: 70px;
  padding: 0 20px;
  border-bottom: 1px solid #b1b7c6;
}
.s-places .ps-comment {
  margin-left: auto;
  font-size: 12px;
  line-height: 1.3em;
  margin-right: 20px;
}
.s-places tbody .fc-scrollgrid-section:first-child {
  display: none;
}
.s-places .sp-calendar {
  height: 100vmin;
  overflow: auto;
  margin-top: -70px;
  padding-top: 70px;
}
.s-places .ps-title {
  font-weight: bold;
  margin-right: 25px;
  font-size: 12px;
  line-height: 1.3em;
}
.s-places .place-selector button {
  background: transparent;
  border: 1px solid #b1b7c6;
  font-size: 13px;
  margin-left: -1px;
  padding: 3px 10px;
}
.s-places .place-selector button.active {
  background: #7c8baf;
  color: #fff;
  border-color: #7c8baf;
}
.s-places .fc .fc-toolbar.fc-header-toolbar {
  background: #ffffffcf;
}
.s-places .fc-theme-standard td {
  border-color: #b1b7c6;
}
.s-places .fc .fc-col-header-cell.fc-day {
  background: #fff;
  color: #000;
}
.s-places .fc .fc-col-header-cell.fc-day a {
  color: #000;
}
.s-places .fc .fc-button-primary {
  color: #000;
}
.s-places .fc-v-event .fc-event-title {
  line-height: 1.2em;
}
.s-places .fc-v-event .fc-event-title.fc-sticky {
  position: relative;
}
.s-places .fc .fc-timegrid-slot[data-time="01:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="02:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="03:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="04:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="05:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="06:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="07:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="08:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="09:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="10:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="11:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="12:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="13:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="14:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="15:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="16:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="17:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="18:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="19:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="20:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="21:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="22:00:00"],
.s-places .fc .fc-timegrid-slot[data-time="23:00:00"] {
  color: #000;
  font-weight: bold;
}
.s-places .ps-desc {
  margin-left: auto;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.s_profile .sp-block-title {
  font-size: 20px;
  margin: 0 0 10px;
}
.s_profile .sp-block {
  margin-top: 40px;
}
.s_profile .discl {
  margin-bottom: 10px;
  color: #a4751f;
}
.s_profile .sal-data-row {
  margin-bottom: 30px;
}
.s_profile .sal-data-row-fullname {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.s_profile .sal-data-row-deals {
  margin-top: 10px;
}
.s_profile .sal-data-row-deals-prep {
  margin-bottom: 4px;
  font-size: 12px;
  opacity: 0.4;
}
.s_profile textarea.form-control {
  border: 1px solid #8d97b1;
  background: #fafbff;
  outline: none;
  box-shadow: none;
  font-size: 14px;
}
.s_profile .after-desc {
  line-height: 1.2em;
  margin-bottom: 0;
}
.s_profile .salary {
  background: #fffd3f;
  padding: 1px 6px;
  border-radius: 7px;
}
.s_profile .backgrounds {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 20px;
}
.s_profile .background {
  background: #eee;
  width: 196px;
  height: 111px;
  margin: 5px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  transition: 0.3s;
}
.s_profile .background.active {
  box-shadow: 0px 0px 0px 6px #4dacff;
}
.s_profile .prof-block {
  background: #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 25px;
}
.s_profile .prof-block.blick {
  animation: blick 2s normal forwards;
}
.s_profile .prof-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.s_profile .fast-link-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 15px;
  align-items: center;
}
@keyframes blick {
  from {
    background: #fff;
  }
  25% {
    background: #ffcb76;
  }
  50% {
    background: #fff;
  }
  75% {
    background: #ffcb76;
  }
  to {
    background: #fff;
  }
}
.std-reports-table-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download-btn-reports {
  margin-bottom: 3px;
  color: #fff;
  background-color: var(--color-blue);
  text-align: center;
  border-radius: 3px;
  transition: 0.2s;
  display: inline-block;
}
.download-btn-reports:hover {
  background-color: #1d83d3;
}
.download-btn-reports i {
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  .download-btn-reports {
    margin: 10px 0;
    width: 100%;
  }
}
.s-reports .make-compare {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  margin: 1px 0 30px;
  justify-content: space-between;
}
.s-reports .sri-no-access {
  margin-top: 9px;
  font-weight: bold;
  color: #000;
  display: inline-block;
}
.s-reports .sr-desc {
  opacity: 0.5;
}
.s-reports .sr-dde {
  margin-top: 20px;
  font-weight: bold;
  opacity: 0.6;
}
.s-reports .sr-title {
  font-size: 20px;
  font-weight: bold;
}
.s-reports .rep-items {
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap;
}
.s-reports .rep-item-wrap {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .s-reports .rep-item-wrap {
    width: 100%;
  }
}
.s-reports .fast-search-isn {
  float: left;
  margin-top: -5px;
  margin-left: 20px;
  width: 270px;
}
@media only screen and (max-width: 767px) {
  .s-reports .fast-search-isn {
    float: none;
    position: fixed;
    top: 3px;
    z-index: 222;
    right: 0px;
    left: 150px;
    margin-top: 0;
    margin-left: 0;
    width: auto;
    border-radius: 10px !important;
  }
}
.s-reports .sr-col.--base {
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .s-reports .sr-col.--base {
    padding-right: 15px;
  }
}
.s-reports .sr-col.--extend {
  background: #d5d8e0;
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .s-reports .sr-col.--extend {
    padding-left: none;
    background: transparent;
    padding-left: 15px;
  }
}
.s-reports .sr-row {
  display: flex;
  min-height: calc(100vmin - 65px);
}
@media only screen and (max-width: 767px) {
  .s-reports .sr-row {
    min-height: 100px;
    display: block;
    margin-top: 40px;
    padding-top: 0px;
  }
}
.s-reports .sr-col {
  width: 50%;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .s-reports .sr-col {
    width: 100%;
    padding: 15px;
  }
}
.s-reports .s-reports-item {
  background: #fff;
  height: 100%;
  transition: 0.3s;
  border-radius: 6px;
}
.s-reports .s-reports-item.passive {
  background: #d8dbe4;
  opacity: 0.7;
}
.s-reports .s-reports-item.active:hover {
  box-shadow: 0 0 0 1px #a0a3ae;
  background: #f4f6ff;
}
.s-reports .sri-a {
  color: #000;
  text-decoration: none;
  padding: 12px 15px;
  display: block;
}
.s-reports .sri-desc {
  opacity: 0.5;
  line-height: 1.2em;
  margin-top: 7px;
}
.s-reports .sri-title {
  font-weight: bold;
  line-height: 1.2em;
}
.s-reports .sr-group-title {
  font-weight: bold;
  opacity: 0.6;
  margin-bottom: 7px;
  margin-top: 20px;
}
.s-reports .report-tag {
  display: inline-block;
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 5px;
  float: right;
  margin-top: 11px;
  margin-right: 9px;
}
.s-reports .rep-flex {
  display: flex;
}
.s-reports .rep-flex-right {
  min-width: 370px;
  background: #fff;
  padding: 20px;
}
.s-reports .sf-gds-flex .std-btn.--border {
  border-color: #c0c9de;
  margin-right: 7px;
}
.s-reports .sf-gds-flex {
  display: flex;
  align-items: center;
}
.s-reports .sf-gds-flex .std-btn {
  margin-right: 10px;
}
.s-reports .std-content-flex {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.s-reports .std-content-flex .s-reports-group {
  width: 33%;
}
.s-reports .s-reports-title {
  font-size: 18px;
  color: #616d8e;
  padding: 0 0 10px;
}
.s-reports .s-reports-group {
  min-height: 90px;
  margin-bottom: 40px;
}
.s-reports .s-reports-group a {
  color: #333;
  text-decoration: underline;
}
.s-reports .s-reports-group a:hover {
  color: #8d97b1;
  text-decoration: none;
}
.rowso {
  display: flex;
  width: 100%;
}
.rowso .toghe {
  width: 100%;
}
.rowso .caldd {
  margin-right: 30px;
}
.calendar-row {
  display: flex;
  margin-top: 20px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.calendar-row + .calendar-row {
  margin-top: -50px !important;
}
.calendar-row .calendar-item {
  width: 340px;
  margin-top: 30px;
}
.calendar-row .calendar-item-title {
  font-size: 18px;
  margin-bottom: 20px;
}
.funnel-arr .funnel-item-row {
  display: flex;
  justify-content: space-between;
}
.funnel-arr .funnel-item-width {
  background: #8d97b1;
  height: 100%;
  border-radius: 4px;
  min-width: 30px;
  padding-right: 3px;
  color: #fff;
  text-align: right;
}
.funnel-arr .funnel-item-count {
  font-weight: bold;
}
.funnel-arr .funnel-item-area {
  height: 26px;
  line-height: 26px;
  background: #dce0ec;
  border-radius: 4px;
  overflow: hidden;
}
.funnel-arr .funnel-item-width.trash {
  background: #b4a0a0;
}
.funnel-arr .funnel-item-width.middle {
  background: #c0c0c0;
}
.funnel-arr .funnel-item-width.booking {
  background: #94c983;
}
.funnel-arr .funnel-item {
  margin-bottom: 14px;
}
.funnel-arr .funnel-item-area {
  margin-top: 5px;
}
.s-scc .sc-content {
  width: 1380px;
  margin: auto;
}
.s-scc .sc-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
.s-scc .sc-title {
  font-weight: bold;
  font-size: 30px;
  color: #8387ad;
}
.s-scc .sc-date {
  text-align: right;
}
.s-scc .sc-flex {
  display: flex;
  margin: 30px -20px;
}
.s-scc .sc-flex-col {
  min-width: 315px;
  margin: 0 20px;
}
.s-scc .sc-flex-title {
  font-size: 20px;
  font-weight: bold;
}
.s-scc .sc-card {
  background: #fff;
  margin-bottom: 15px;
  border-radius: 20px;
  padding: 15px;
  font-size: 13px;
  word-break: break-word;
}
.s-scc .sc-card-title {
  font-weight: bold;
  margin-bottom: 8px;
}
.s-scc .sc-card-bot {
  display: flex;
  justify-content: space-between;
  opacity: 0.6;
  margin-top: 8px;
}
.s-sets .set-area {
  margin-top: 10px;
  background: var(--std-row-bg);
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .s-sets .set-area {
    flex-direction: column;
  }
}
.s-sets .set-link {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 25px 20px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .s-sets .set-link {
    padding: 15px;
  }
}
.s-sets .fae {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
.s-sets .set-date i {
  margin-right: 10px;
  display: inline-block;
}
.s-sets .set-date {
  opacity: 0.7;
  margin-top: 3px;
  font-size: 85%;
}
@media only screen and (max-width: 767px) {
  .s-sets .started-left {
    display: none;
  }
}
.s-sets .sets-flex {
  max-width: 1100px;
}
@media only screen and (max-width: 767px) {
  .s-sets .sets-flex {
    flex-direction: column-reverse;
  }
}
.s-sets .sets-flex.full {
  display: flex;
  justify-content: space-between;
}
.s-sets .sets-flex.full .sets-flex-right {
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .s-sets .sets-flex.full .sets-flex-right {
    padding-top: 0;
  }
}
.s-sets .nores b {
  font-size: 18px;
  margin-bottom: 30px;
  display: block;
}
.s-sets .sets-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}
.s-sets .sets-flex-left {
  width: 760px;
}
@media only screen and (max-width: 767px) {
  .s-sets .sets-flex-left {
    width: 100%;
  }
}
.s-sets .sets-flex-right {
  max-width: 300px;
  font-size: 14px;
  padding-top: 30px;
}
.s-sets .started {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .s-sets .started {
    display: block;
  }
}
.s-sets .started-right {
  display: flex;
  align-items: center;
}
.s-sets .started-label {
  margin-right: 12px;
  font-size: 12px;
}
.s-sets .set-view {
  margin-left: 15px;
  min-width: 160px;
  max-width: 162px;
  overflow: hidden;
  white-space: nowrap;
}
.s-sets .lead-i {
  font-size: 19px;
  position: relative;
  top: 1px;
}
.s-sets .set-info {
  width: 100%;
}
.s-sets .set-actions-sep {
  width: 1px;
  background: #e6eaf4;
  height: 29px;
  margin: 0 4px;
}
.s-sets .set-title {
  font-weight: bold;
  margin-bottom: 3px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 3px;
}
.s-sets span.from-ai {
  background: #6647b4;
  font-size: 10px;
  padding: 3px 7px;
  border-radius: 4px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  color: #fff;
}
.s-sets .set-action {
  height: 100%;
  line-height: 85px;
  font-size: 17px;
  color: inherit;
  min-width: 44px;
  max-width: 44px;
  text-align: center;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .s-sets .set-action {
    line-height: 45px;
  }
}
.s-sets .set-action:last-child {
  padding-right: 10px;
  padding-left: 6px;
  min-width: 50px;
}
.s-sets .set-action:hover {
  background-color: var(--el-highlights-bg);
  cursor: pointer;
}
.s-sets .set-actions {
  display: flex;
  align-items: center;
}
body {
  --std-table-area-bg: #1c2437;
  --settings-sps-projects-bg: #32264e;
  --settings-sps-textarea-bg: #283044;
  --settings-sps-textarea-color: #fff;
  --settings-flats-c-isactive-bg: #445173;
  --settings-leads-book-status-bg: #2e3a5a;
}
body.theme-white {
  --std-table-area-bg: #d9dfed;
  --settings-sps-projects-bg: #b6c8e1;
  --settings-sps-textarea-bg: #d2dbf1;
  --settings-sps-textarea-color: #333;
  --settings-flats-c-isactive-bg: #c5cbdc;
  --settings-leads-book-status-bg: #d1d8eb;
}
.s_settings {
  background-color: #222c46;
  color: #fff;
  min-height: 100vmin;
}
.s_settings .daw {
  margin-top: 20px;
  display: inline-block;
  margin-left: 25px;
}
.s_settings .c-settings-leads-closes .cslc-st-sort,
.s_settings .c-settings-leads-closes .cslc-st-actions {
  color: var(--s_settings_on-sort-color);
  background: var(--s_settings_on-sort-bg);
}
.s_settings .c-sds .on-sort {
  color: var(--s_settings_on-sort-color);
  background: var(--s_settings_on-sort-bg);
}
.s_settings .c-isactive {
  background: var(--settings-flats-c-isactive-bg);
}
.s_settings .c-isactive.active {
  background-color: #079446;
}
.s_settings .classic-table tr:nth-child(even) {
  background-color: var(--std-table-area-bg);
}
.s_settings .c-faqbtn i {
  color: var(--s_settings_c-faqbtn-color);
}
.s_settings .view.--inverse textarea.form-control {
  background: var(--settings-sps-textarea-bg);
  color: var(--settings-sps-textarea-color);
}
.s_settings .sps-projects .ss-list-title {
  background: var(--settings-sps-projects-bg);
}
.s_settings .std-table-area > table tr:nth-child(even) {
  background-color: var(--std-table-area-bg);
}
.s_settings .ss-list-title {
  background: var(--ss-list-title-bg);
  color: var(--ss-list-title-color);
}
.s_settings .ssflex-left {
  background: var(--ssflex-left-bg);
  border-right: 1px solid var(--ssflex-left-border);
}
.s_settings .ss-list-item a {
  color: var(--ss-list-title-color);
}
.s_settings .ss-list-item a:hover {
  background: var(--ss-list-item-bg-hover);
}
.s_settings .ss-list-item a.active {
  background-color: var(--ss-list-item-bg-active);
}
.s_settings .std-tabs.--color > .nav.nav-tabs {
  background: var(--std-nav-tabs-bg);
  border-top: 1px solid var(--clif-border);
  border-bottom: 1px solid var(--clif-border);
}
.s_settings .std-tabs.--color > .nav.nav-tabs li.active > a {
  border-bottom: 4px solid var(--chess-edit-navtabs-active-border-bottom);
  color: var(--chess-edit-navtabs-active-color);
}
.s_settings .std-tabs.--color > .nav.nav-tabs li a {
  color: var(--chess-edit-navtabs-color);
}
.s_settings .h2-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.s_settings .list-days {
  font-weight: bold;
  background: #314169;
  padding: 5px 8px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 4px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transform: scale(1.15) translateX(10px);
  display: inline-block;
  line-height: 18px;
}
.s_settings .list-days.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateX(0px);
}
body {
  --tasks-head-body-border: #394563;
  --tasks-text-color: #fff;
  --tasks-head-button-add-task: #606d8c;
  --tasks-head-button-filters-open-bg-hover: #2c3754;
  --tasks-table-task-bg: #614545b8;
  --tasks-table-task-color: #f7e4e4;
  --tasks-table-task-subject-result-bg-hover: #69525a;
  --tasks-table-task-tasktype-icon-color: #fff;
  --tasks-calendar-header-toolbar-bg: #444e6b;
  --tasks-calendar-header-toolbar-bottom-bg: #323c58;
  --tasks-calendar-header-toolbar-bottom-color: #9aa3bb;
  --tasks-calendar-allday-border-bottom: #575e70;
  --tasks-filters-bg: #2d3750;
  --tasks-filters-tomorrow-today-bg: #39435a;
  --tasks-filters-tomorrow-today-color: #999;
  --tasks-filters-btn-cancel-bg: #0000;
  --tasks-filters-btn-apply-bg: #626c88;
  --tasks-addtask-responsible-bg: #2d3854;
  --tasks-addtask-responsible-bg-hover: #35415f;
  --tasks-addtask-time-before-after-bg: #222c46;
  --tasks-addtask-calendar-head-bg: #2d3854;
  --tasks-addtask-calendar-default-color: #c6cad4;
  --tasks-addtask-calendar-active-bg: #606d8c;
  --tasks-addtask-calendar-result-btn-color: #9098af;
  --tasks-already-time-color: #fff;
  --tasks-in-deal-icon-bg: #572828;
}
body.theme-white {
  --tasks-head-body-border: #9eadd4;
  --tasks-text-color: #333;
  --tasks-head-button-add-task: #9eadd4;
  --tasks-head-button-filters-open-bg-hover: #9eadd485;
  --tasks-table-task-bg: #f4caca63;
  --tasks-table-task-color: #333;
  --tasks-table-task-subject-result-bg-hover: #ddbcbc;
  --tasks-table-task-tasktype-icon-color: #fff;
  --tasks-calendar-header-toolbar-bg: #d6def0;
  --tasks-calendar-header-toolbar-bottom-bg: #d6def0;
  --tasks-calendar-header-toolbar-bottom-color: #5c657b;
  --tasks-calendar-allday-border-bottom: #9eadd4;
  --tasks-filters-bg: #dde3f1;
  --tasks-filters-tomorrow-today-bg: #c1cce7;
  --tasks-filters-tomorrow-today-color: #6e6e6e;
  --tasks-filters-btn-cancel-bg: #c5cfe6;
  --tasks-filters-btn-apply-bg: #a2aecb;
  --tasks-addtask-responsible-bg: #d4ddf1;
  --tasks-addtask-responsible-bg-hover: #d4ddf1;
  --tasks-addtask-time-before-after-bg: #e6eaf4;
  --tasks-addtask-calendar-head-bg: #d4ddf1;
  --tasks-addtask-calendar-default-color: #333;
  --tasks-addtask-calendar-active-bg: #7a8db6;
  --tasks-addtask-calendar-result-btn-color: #333;
  --tasks-already-time-color: #fff;
  --tasks-in-deal-icon-bg: #c7cfe5;
}
body.theme-white .shi-count {
  font-weight: 400;
}
body.theme-white .taskModal .cldm-button {
  color: #fff;
}
body.theme-white .taskModal .cldm-button.--back {
  color: #333;
}
body.theme-white .taskModal .cldm-button.--back:hover {
  color: #fff;
}
.c-events-block .cm-text .cm-icon-type-area[data-ctype="-1"] {
  background-color: var(--tasks-in-deal-icon-bg);
}
.taskCompleteModal .tc-type {
  color: var(--tasks-addtask-calendar-result-btn-color);
}
.taskModal .cldm-timeline-already {
  color: var(--tasks-already-time-color);
}
.taskModal .text-area {
  margin-bottom: 30px;
}
.taskModal .cldm-timelines::before {
  background: linear-gradient(180deg, var(--tasks-addtask-time-before-after-bg) 0%, rgba(34, 44, 70, 0) 100%);
}
.taskModal .cldm-timelines::after {
  background: linear-gradient(0deg, var(--tasks-addtask-time-before-after-bg) 0%, rgba(34, 44, 70, 0) 100%);
}
.taskModal .cldm-right-info {
  border-bottom: 1px solid var(--tasks-head-body-border);
}
.taskModal .cldm-area-top {
  border-bottom: 1px solid var(--tasks-head-body-border);
}
.taskModal .bm-title {
  color: var(--tasks-text-color);
}
.taskModal .awesg {
  color: var(--tasks-text-color);
}
.taskModal .cldm-resp-user,
.taskModal .cldm-resp-place {
  background: var(--tasks-addtask-responsible-bg);
  color: #757b8b;
}
.taskModal .cldm-resp-user:hover,
.taskModal .cldm-resp-place:hover {
  background: var(--tasks-addtask-responsible-bg);
}
.s_tasks {
  height: 100vmin;
  background: var(--card-bg-color);
  color: var(--tasks-text-color);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .s_tasks {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .s_tasks .sc-head-left {
    width: 100%;
    justify-content: space-between;
  }
}
.s_tasks .add-selecter {
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%) !important;
  border: none;
  height: 36px;
  width: 50px;
  line-height: 36px;
  font-size: 30px;
  border-radius: 8px;
  margin-left: 2px;
}
@media only screen and (max-width: 767px) {
  .s_tasks .sc-head-left.mobile-fix-top {
    top: 0;
  }
}
.s_tasks span.shi-count-int {
  margin-left: 10px;
  opacity: 0.6;
}
.s_tasks .sc-head {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .s_tasks .sc-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 222;
    background: var(--standart-bd);
  }
}
.s_tasks .sc-head-h1 {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .s_tasks .sc-head-h1 {
    margin-left: 15px;
    display: flex;
    align-items: center;
  }
}
.s_tasks .st-view {
  height: 100%;
}
.s_tasks .c-events-block .cm-icon-type-area[data-ctype="-1"] {
  background-color: #572828;
}
.s_tasks .taskModal .cldm-area-top {
  border-bottom: 1px solid var(--tasks-head-body-border);
}
.s_tasks .std-right-settings .srs-footer-flex .btn {
  background-color: var(--tasks-filters-btn-cancel-bg);
  color: var(--tasks-text-color);
}
.s_tasks .std-right-settings .srs-footer-flex .btn.--apply {
  background-color: var(--tasks-filters-btn-apply-bg);
}
.s_tasks .std-right-settings .srs-footer-flex {
  border-top: 1px solid var(--tasks-head-body-border);
}
.s_tasks .view-settings-tasks label span.vst-date {
  background: var(--tasks-filters-tomorrow-today-bg);
  color: var(--tasks-filters-tomorrow-today-color);
}
.s_tasks .std-right-settings.--flex {
  color: var(--tasks-text-color);
}
.s_tasks .fc a {
  color: var(--tasks-text-color);
}
.s_tasks .fc .fc-cell-shaded,
.s_tasks .fc .fc-day-disabled {
  background: var(--tasks-calendar-allday-border-bottom);
}
.s_tasks .fc .fc-timegrid-slot[data-time="01:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="02:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="03:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="04:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="05:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="06:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="07:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="08:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="09:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="10:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="11:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="12:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="13:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="14:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="15:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="16:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="17:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="18:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="19:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="20:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="21:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="22:00:00"],
.s_tasks .fc .fc-timegrid-slot[data-time="23:00:00"] {
  color: var(--tasks-text-color);
}
.s_tasks .fc-theme-standard td,
.s_tasks .fc-theme-standard th {
  border: 1px solid var(--tasks-head-body-border);
}
.s_tasks .fc .fc-button .fc-icon {
  color: var(--tasks-text-color);
}
.s_tasks .fc-theme-standard .fc-scrollgrid {
  border: 1px solid var(--tasks-head-body-border);
}
.s_tasks .fc .fc-col-header-cell.fc-day {
  background: var(--tasks-calendar-header-toolbar-bottom-bg);
}
.s_tasks .fc .fc-col-header-cell.fc-day a {
  color: var(--tasks-calendar-header-toolbar-bottom-color);
}
.s_tasks .fc .fc-toolbar.fc-header-toolbar {
  background: var(--tasks-calendar-header-toolbar-bg);
}
.s_tasks .s_tasks_list .stl-tasktype.--sm i {
  color: var(--tasks-table-task-tasktype-icon-color);
}
.s_tasks .s_tasks_list table tr.task-tr.is_old td.--object span:hover,
.s_tasks .s_tasks_list table tr.task-tr.is_old th.--object span:hover {
  background: var(--tasks-table-task-subject-result-bg-hover);
}
.s_tasks .s_tasks_list table tr.task-tr.is_old .stl-close-result {
  background-color: var(--tasks-table-task-subject-result-bg-hover);
}
.s_tasks .s_tasks_list table tr.task-tr.is_old {
  background: var(--tasks-table-task-bg);
  color: var(--tasks-table-task-color);
}
.s_tasks .s_tasks_list table thead {
  border-bottom: 1px solid var(--tasks-head-body-border);
}
.s_tasks .s_tasks_list table tbody tr.task-tr {
  border-bottom: 1px solid var(--tasks-head-body-border);
}
.s_tasks .std-editview-area {
  width: 720px;
  top: 65px;
}
@media only screen and (max-width: 767px) {
  .s_tasks .std-editview-area {
    width: 100%;
    top: 40px;
  }
  .s_tasks .std-editview-area .srs-body {
    padding-top: 60px;
  }
}
.s_tasks .st-head-add-task {
  white-space: nowrap;
  border-left: 1px solid var(--tasks-head-body-border);
  min-width: 160px;
  max-width: 160px;
  display: flex;
  background: var(--tasks-head-button-add-task);
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-add-task {
    white-space: nowrap;
    border-left: 1px solid #394563;
    background: #606d8c;
  }
}
.s_tasks .st-head-add-task button {
  line-height: 63px;
  background-color: transparent;
  padding: 0 20px;
  border: none;
  display: block;
  width: 100%;
}
.s_tasks .st-head-add-task i {
  display: inline-block;
  font-size: 17px;
  position: relative;
  top: 2px;
  margin-left: 4px;
  opacity: 0.4;
}
.s_tasks .st-head {
  min-height: 65px;
  max-height: 65px;
  border-bottom: 1px solid var(--tasks-head-body-border);
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head {
    min-height: 40px;
    max-height: 40px;
    line-height: 40px;
  }
}
.s_tasks .st-head-actions {
  padding-right: 30px;
}
.s_tasks .st-head-actions .std-btn {
  margin-top: 12px;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .s_tasks .shi-text {
    position: fixed;
    top: 0;
    left: 40px;
    right: 0px;
    line-height: 40px;
    padding-left: 15px;
  }
}
.s_tasks .st-head-filters-open {
  height: 64px;
  line-height: 64px;
  font-size: 20px;
  border-left: 1px solid var(--tasks-head-body-border);
  min-width: 64px;
  text-align: center;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-filters-open {
    height: 50px;
    line-height: 50px;
    font-size: 23px;
    background: #858a98;
    text-align: center;
    min-width: 50px;
    position: fixed;
    bottom: 10px;
    z-index: 22;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
    border: none;
    right: 10px;
    padding-top: 1px;
  }
}
.s_tasks .st-head-filters-open:hover {
  background-color: var(--tasks-head-button-filters-open-bg-hover);
  cursor: pointer;
}
.s_tasks .st-head-info {
  width: 100%;
}
.s_tasks .st-body {
  height: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-body {
    padding-top: 50px;
    background: var(--card-bg-color);
    padding-bottom: 0;
  }
}
.s_tasks .st-head-links {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-links {
    padding-left: 3px;
    margin-left: auto;
  }
}
.s_tasks .st-head-links a {
  line-height: 64px;
  text-decoration: none;
  color: var(--tasks-text-color);
  font-size: 12px;
  padding: 0 4px;
  opacity: 0.7;
  transition: 0.3s;
  display: inline-block;
  letter-spacing: 1px;
  font-weight: 400;
}
.s_tasks .st-head-links a:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-links a {
    line-height: 50px;
    font-size: 13px;
    padding: 0 0px 0 7px;
    letter-spacing: -0.5px;
  }
  .s_tasks .st-head-links a:first-child {
    padding-left: 6px;
  }
}
.s_tasks .st-head-links a:hover {
  opacity: 1;
  cursor: pointer;
}
.s_tasks .st-head-links a.active {
  opacity: 1;
}
.s_tasks .st-head-info {
  display: flex;
  justify-content: space-between;
  line-height: 64px;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-info {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    line-height: 40px;
    height: 40px;
  }
}
.s_tasks .shi-count {
  white-space: nowrap;
  color: var(--inverse);
}
@media only screen and (max-width: 767px) {
  .s_tasks .shi-count {
    display: none;
  }
}
.s_tasks .st-head-filters {
  display: flex;
  border-left: 1px solid var(--tasks-head-body-border);
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-filters {
    padding-left: 0;
    border-left: none;
  }
}
.s_tasks .st-head-filters-types {
  display: flex;
  height: 30px;
  margin-left: 0px;
  width: 99px;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-filters-types {
    width: 89px;
  }
}
.s_tasks .st-head-filters-type {
  min-width: 110px;
  max-width: 110px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: -3px;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-filters-type {
    margin-right: 3px;
  }
}
.s_tasks .st-head-filters-type label {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .s_tasks .st-head-filters-type label {
    margin-top: 3px;
  }
}
.s_tasks .st-head-filters-type label.active span {
  opacity: 1;
}
.s_tasks .st-head-filters-type label.active span:after {
  opacity: 1;
  visibility: visible;
}
.s_tasks .st-head-filters-type span {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.2s;
  position: relative;
}
.s_tasks .st-head-filters-type span:after {
  content: '';
  width: 20px;
  height: 7px;
  border-radius: 5px 5px 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 30px;
  left: 5px;
  transition: 0.2s;
}
.s_tasks .st-head-filters-type span.--1:after {
  background-color: #716556;
}
.s_tasks .st-head-filters-type span.--2:after {
  background-color: #444e6b;
}
.s_tasks .st-head-filters-type span.--3:after {
  background-color: #3450b9;
}
.s_tasks .st-head-filters-type i {
  font-size: 18px;
}
.s_tasks .st-head-filters-type i.--2 {
  position: relative;
  transform: rotate(225deg);
  font-size: 21px;
  top: -3px;
}
.booksStatModal .std-modal {
  min-width: 1250px;
}
.booksStatModal .types {
  line-height: 14px;
  display: flex;
  background: #d9deea;
  margin: -20px -30px 20px;
  padding: 16px 30px 3px;
  flex-wrap: wrap;
}
.booksStatModal .types > * {
  margin-right: 10px;
}
.booksStatModal .faw-percent {
  min-width: 320px;
  max-width: 360px;
  margin-right: 10px;
}
.booksStatModal .td-agency {
  width: 190px;
  max-width: 210px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.booksStatModal .disclai {
  opacity: 0.5;
  margin-top: 17px;
  line-height: 1.3em;
  margin-left: auto;
  text-align: right;
}
.booksStatModal .asdv {
  color: #c84c4c;
  border: 1px solid #c84c4c;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  background: #f4ede7;
  margin-bottom: 30px;
  margin-top: 30px;
}
.booksStatModal .std-reports-table-desc {
  margin-top: -10px;
  margin-bottom: 10px;
  opacity: 0.7;
  font-size: 13px;
}
.booksStatModal .td-short {
  width: 140px;
  line-height: 14px;
}
.booksStatModal .counts-area-out {
  margin: -20px -30px 30px;
  background: #fff;
  padding: 30px 30px;
}
.booksStatModal .counts-area {
  display: flex;
  justify-content: space-between;
}
.booksStatModal .itog-title {
  margin: -10px 0 20px;
  font-size: 20px;
  text-align: center;
}
.booksStatModal .counts-row-flex {
  display: flex;
  justify-content: space-between;
}
.booksStatModal .counts-row {
  width: 100%;
  border: 1px solid #c4ccdf;
  margin: 0 20px;
  padding: 20px;
  border-radius: 10px;
}
.booksStatModal .counts-area {
  margin: 0 -20px;
}
.booksStatModal .counts-row-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px;
  opacity: 0.5;
  margin-top: -7px;
}
.booksStatModal .subssd {
  font-size: 16px;
  opacity: 0.5;
  margin-top: 5px;
}
.booksStatModal .count-item {
  text-align: center;
}
.booksStatModal .count-item-digit {
  font-weight: bold;
  font-size: 20px;
}
.booksStatModal .count-item-desc {
  opacity: 0.7;
}
.booksStatModal thead {
  text-align: center;
}
.c-bi-m2 {
  position: relative;
}
.c-bi-m2 .go-to {
  margin-top: 10px;
}
.c-bi-m2 .cbis-closer {
  margin-top: 15px;
  font-size: 12px;
  color: #6b7182;
}
.c-bi-m2 .cbis-closer a {
  color: #6b7182;
  border-bottom-color: #ffffff2e;
}
.c-bi-m2 .sbis-notcreataed {
  padding-top: 4px;
}
.c-bi-sdelkarf {
  position: relative;
}
.c-bi-sdelkarf .already {
  color: #f99;
}
.c-bi-sdelkarf .go-to {
  margin-top: 10px;
}
.c-bi-sdelkarf .cbis-closer {
  margin-top: 15px;
  font-size: 12px;
  color: #6b7182;
}
.c-bi-sdelkarf .cbis-closer a {
  color: #6b7182;
  border-bottom-color: #ffffff2e;
}
.c-bi-sdelkarf .cds-amount {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: -10px;
}
.c-bi-sdelkarf table {
  width: 350px;
  margin-top: 30px;
  border: 1px solid #424f73;
}
.c-bi-sdelkarf table td,
.c-bi-sdelkarf table th {
  border: 1px solid #424f73;
  padding: 7px 15px;
}
.c-bi-sdelkarf .cbis-nores {
  margin: 30px 0 10px;
}
.c-bi-sdelkarf .sbis-notcreataed {
  padding-top: 4px;
}
.c-bi-sdelkarf {
  position: relative;
}
.c-bi-sdelkarf .already {
  color: #f99;
}
.c-bi-sdelkarf .go-to {
  margin-top: 10px;
}
.c-bi-sdelkarf .cbis-closer {
  margin-top: 15px;
  font-size: 12px;
  color: #6b7182;
}
.c-bi-sdelkarf .cbis-closer a {
  color: #6b7182;
  border-bottom-color: #ffffff2e;
}
.c-bi-sdelkarf .cds-amount {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: -10px;
}
.c-bi-sdelkarf table {
  width: 350px;
  margin-top: 30px;
  border: 1px solid #424f73;
}
.c-bi-sdelkarf table td,
.c-bi-sdelkarf table th {
  border: 1px solid #424f73;
  padding: 7px 15px;
}
.c-bi-sdelkarf .cbis-nores {
  margin: 30px 0 10px;
}
.c-bi-sdelkarf .sbis-notcreataed {
  padding-top: 4px;
}
.c-bi-smartdeal {
  position: relative;
}
.c-bi-smartdeal .go-to {
  margin-top: 10px;
}
.c-bi-smartdeal .cbis-closer {
  margin-top: 15px;
  font-size: 12px;
  color: #6b7182;
}
.c-bi-smartdeal .cbis-closer a {
  color: #6b7182;
  border-bottom-color: #ffffff2e;
}
.c-bi-smartdeal .sbis-notcreataed {
  padding-top: 4px;
}
.c-bi-1c {
  position: relative;
  margin-top: 30px;
}
.c-bi-1c img {
  width: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.c-bi-1c .flex {
  align-items: center;
  margin-bottom: 10px;
}
.c-bi-1c .bi-links-title {
  font-weight: bold;
  width: 100%;
}
.c-bi-1c .bi-links-last {
  opacity: 0.4;
  font-weight: normal;
}
.c-bi-1c .bi-buttons {
  margin-top: 17px;
}
.c-bi-1c .bi-buttons button {
  margin-right: 5px;
}
.c-bi-1c .bi-link {
  display: flex;
  font-size: 13px;
  border-top: 1px solid #f6f7ff36;
  margin-top: 10px;
  padding-top: 10px;
  align-items: center;
}
.c-bi-1c .bi-link-connector {
  min-width: 55%;
}
.c-bi-1c .bi-link-code {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
}
.c-bi-1c .bi-link-desc {
  text-align: right;
  width: 45%;
}
.c-bi-1c .bi-link-ref {
  min-width: 240px;
  opacity: 0.4;
}
.c-bi-alfabank .request.--start {
  opacity: 0.5;
  font-size: 85%;
  margin-bottom: -5px;
}
.c-bi-alfabank .request {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.c-bi-alfabank .requests-id {
  width: 230px;
}
.c-bi-alfabank .requests-date {
  width: 170px;
}
.c-bi-alfabank .requests-action {
  margin-left: auto;
}
.c-bi-alfabank .requests {
  margin-top: 30px;
}
.c-lib-dvizh .req-el {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.c-lib-dvizh .cl-status {
  margin-left: auto;
}
.c-lib-dvizh a.go-link {
  color: inherit;
  margin-left: 20px;
  opacity: 0.5;
  transition: 0.3s;
}
.c-lib-dvizh a.go-link:hover {
  opacity: 1;
  cursor: pointer;
}
.c-lib-roistat .clr-leads {
  white-space: nowrap;
  margin-left: 10px;
  cursor: pointer;
}
.c-lib-roistat .clr-leads {
  white-space: nowrap;
  margin-left: 10px;
}
.c-lib-roistat .clib-editor {
  font-size: 13px;
}
.c-lib-roistat .clib-editor-row {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.c-lib-roistat .c-toggler-inline {
  top: -5px;
}
.c-lib-roistat .cer-date {
  min-width: 150px;
}
.c-lib-roistat .cer-toggler {
  min-width: 80px;
}
.c-lib-roistat .clib-editor-text {
  font-size: 13px;
  margin: 20px 0;
  opacity: 0.6;
}
.c-lib-roistat .clib-editor-row.--start {
  opacity: 0.4;
  font-size: 12px;
}
.c-lib-roistat .cer-visit {
  width: 100%;
  padding-right: 10px;
  line-height: 15px;
}
.c-agencymodal-editor .cae-saver {
  text-align: right;
  margin: 7px 0 0px;
}
.c-agencymodal-editor .cae-title {
  margin: 30px 0 15px;
  font-size: 18px;
}
.c-agencymodal-editor hr {
  margin-left: 0;
  margin-right: 0;
  border-top: 2px solid #343c54;
  margin-top: 40px;
  margin-bottom: 12px;
}
.c-agencymodal-editor .c-custom-fields-area {
  margin-top: 15px;
}
.closeTechbookModal {
  /*background: @modalBackgroundColor;*/
}
.closeTechbookModal .modal-dialog {
  width: 580px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.closeTechbookModal .std-modal {
  min-height: 450px;
}
.closeTechbookModal span.sep {
  display: inline-block;
  margin: 0 5px;
}
.closeTechbookModal .flexer {
  display: flex;
  align-items: center;
}
.closeTechbookModal .flexer input {
  width: 160px;
  margin-right: 20px;
}
.closeTechbookModal .ct-block {
  margin-bottom: 30px;
  margin-top: 30px;
}
.closeTechbookModal .ct-block > p > b {
  opacity: 0.7;
}
.s_agencies_all {
  display: flex;
  flex-direction: column;
  height: 100vmin;
  overflow: hidden;
  max-height: 100vmin;
}
.s_agencies_all .saa-doppple {
  min-width: 180px;
  margin-left: 10px;
  max-width: 180px;
}
.s_agencies_all .stat-info {
  margin-left: 20px;
}
.s_agencies_all .after-top {
  overflow: auto;
  height: calc(100vh - 65px);
}
.s_agencies_all .top-info {
  padding: 0;
}
.s_agencies_all .top-info .std-white-filters {
  margin: 0;
  border-bottom: none;
}
.s_agencies_all .list-area {
  padding: 0 0px;
}
.s_agencies_all .sa-c-a-agency {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  transition: 0.2s;
  padding: 10px 0px;
  margin: 0 0px;
  width: max-content;
  border-bottom: 1px solid #9994;
}
.s_agencies_all .sa-c-a-agency:hover {
  background: var(--agencies-item-bg-hover);
  cursor: pointer;
}
.s_agencies_all .sa-c-a-agency:hover .saa-title {
  background: var(--agencies-item-bg-hover);
}
.s_agencies_all .sa-c-a-agency:hover.--start {
  cursor: default;
  background-color: var(--card-bg-color);
}
.s_agencies_all .sa-c-a-agency:hover.--start .saa-title {
  cursor: default;
  background-color: var(--card-bg-color);
}
.s_agencies_all .sa-c-a-agency.--start {
  color: #727c94;
  border-top: 1px solid #727c94;
  border-bottom: 1px solid #727c94;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  position: sticky;
  top: 0px;
  background: var(--card-bg-color);
  z-index: 3;
}
.s_agencies_all .saa-title {
  max-width: 380px;
  min-width: 380px;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: sticky;
  left: 0px;
  background: var(--card-bg-color);
  z-index: 2;
  border-right: 1px solid #9994;
  margin-top: -10px;
  margin-bottom: -10px;
  display: flex;
  align-items: center;
  padding-left: 30px;
  transition: 0.3s;
}
.s_agencies_all .saa-realtors {
  max-width: 90px;
  min-width: 90px;
  margin-right: 10px;
  text-align: right;
}
.s_agencies_all .saa-leads {
  max-width: 95px;
  min-width: 95px;
  margin-right: 10px;
  text-align: right;
}
.s_agencies_all .saa-books {
  max-width: 95px;
  min-width: 95px;
  margin-right: 10px;
  text-align: right;
}
.s_agencies_all .saa-deals {
  max-width: 115px;
  min-width: 115px;
  margin-right: 10px;
  text-align: right;
}
.s_agencies_all .saa-conversion {
  max-width: 135px;
  min-width: 135px;
  margin-right: 10px;
  text-align: right;
}
.s_agencies_all .saa-comiss {
  max-width: 95px;
  min-width: 95px;
  margin-right: 20px;
  text-align: right;
}
.s_agencies_all .saa-last {
  min-width: 100px;
  max-width: 100px;
  text-align: right;
}
.s-an-comission .std-block-edit {
  position: static;
  font-size: 12px;
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
}
.commissionSchemeModal {
  background: #2d334459;
}
.commissionSchemeModal .std-modal {
  min-width: 1000px;
}
.commissionSchemeModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.commissionSchemeModal .preview-out {
  background: #fff;
  text-align: center;
  padding: 38px;
}
.commissionSchemeModal .catalog-title {
  opacity: 0.5;
  font-size: 12px;
}
.commissionSchemeModal .project-title {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.commissionSchemeModal .pp-row {
  display: flex;
  margin-top: 20px;
}
.commissionSchemeModal .pp-row-info {
  width: 100%;
}
.commissionSchemeModal .pp-row-counter {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: #d6dbe8;
  margin-right: 20px;
  margin-top: 25px;
}
.commissionSchemeModal .pp-row-remover {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  background: #d6dbe8;
  margin-left: 20px;
  margin-top: 25px;
}
.commissionSchemeModal .preview-in {
  margin: auto;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
}
.commissionSchemeModal .md-badges-colors {
  display: flex;
  flex-wrap: wrap;
}
.commissionSchemeModal .md-badges-colors span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  margin-bottom: 5px;
  transition: 0.3s;
}
.commissionSchemeModal .md-badges-colors span i {
  opacity: 0;
}
.commissionSchemeModal .md-badges-colors span.active {
  box-shadow: 0px 0px 10px #fff;
  transform: scale(1.2);
}
.commissionSchemeModal .md-badges-colors span.active i {
  opacity: 1;
}
.commissionSchemeModal .md-badges {
  display: flex;
  justify-content: space-between;
}
.commissionSchemeModal .md-badges span {
  line-height: 34px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
}
.commissionSchemeModal .md-badges span.active {
  background: var(--discountModal-md-badges-bg-active);
}
.commissionSchemeModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.commissionSchemeModal .house {
  margin-right: 10px;
  width: 195px;
  text-align: center;
  border: 1px solid #c5cdde;
  margin-bottom: 10px;
  border-radius: 2px;
  background: #d6dbe9;
  padding: 10px 0;
}
.commissionSchemeModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.commissionSchemeModal .house button {
  background: #2c98f0;
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
  color: #fff;
}
body {
  --s_agencies_deals-pink-text-color: #ffc3c3;
  --s_agencies_deals-no-akt-color: #f7ec05;
  --s_agencies_deals-link-agencies: #2a4092;
  --s_agencies_deals-btn-primary-bg: #2296f3;
  --s_agencies_deals-btn-primary-hover: #486a94;
  --s_agencies_deals-btn-primary-border: #2296f3;
}
body.theme-white {
  --s_agencies_deals-pink-text-color: #dc9d9d;
  --s_agencies_deals-no-akt-color: #8d97b1;
  --s_agencies_deals-link-agencies: #697a90;
  --s_agencies_deals-btn-primary-bg: #b6c3e5;
  --s_agencies_deals-btn-primary-bg-hover: #879dbf;
  --s_agencies_deals-btn-primary-border: #adb8d7;
}
.s_agencies_deals {
  color: #414755;
  padding-bottom: 100px;
  /* .ui-select-container {
    width: 180px;
  }*/
}
.s_agencies_deals .is-plan {
  color: #cc6a6a;
  font-weight: bold;
}
.s_agencies_deals .btn.btn-primary {
  background: var(--s_agencies_deals-btn-primary-bg);
  border-color: var(--s_agencies_deals-btn-primary-border);
}
.s_agencies_deals .btn.btn-primary:hover {
  background: var(--s_agencies_deals-btn-primary-bg-hover);
  border-color: var(--s_agencies_deals-btn-primary-bg-hover);
}
.s_agencies_deals a.link.--blue {
  color: var(--s_agencies_deals-link-agencies);
}
.s_agencies_deals .agencies-stat {
  margin-top: 20px;
}
.s_agencies_deals .agencies-stat-row {
  display: flex;
  width: 600px;
  margin-top: 6px;
}
.s_agencies_deals .agencies-stat-row.--head {
  font-weight: bold;
  color: #7e8aa9;
}
.s_agencies_deals .agencies-stat-row-td.--1 {
  min-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s_agencies_deals .agencies-stat-row-td.--2 {
  text-align: right;
  min-width: 120px;
}
.s_agencies_deals .agencies-stat-row-td.--3 {
  text-align: right;
  min-width: 130px;
}
.s_agencies_deals .book-desc {
  line-height: 18px;
  margin: 6px 0;
}
.s_agencies_deals tbody {
  border-top: 1px solid #c1c8d6;
}
.s_agencies_deals .td-digit {
  white-space: nowrap;
  text-align: right;
  padding-right: 15px;
}
.s_agencies_deals span.rooms {
  background: #d5dbe7;
  text-transform: uppercase;
  width: 26px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  position: relative;
  top: 0px;
  border-radius: 2px;
}
.s_agencies_deals span.comission-percent {
  background: #d5dbe7;
  text-transform: uppercase;
  display: inline-block;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  position: relative;
  top: 2px;
  border-radius: 2px;
  padding: 0 6px;
}
.s_agencies_deals .far.no-akt {
  color: #e7b64c;
}
.s_agencies_deals .pink-text {
  color: #cc6a6a;
}
.s_agencies_deals .table {
  font-size: 12px;
}
.s_agencies_deals .icon-plus {
  opacity: 0.3;
  margin-right: 3px;
}
.s_agencies_deals tr.--opacity {
  opacity: 0.4;
}
.s_agencies_deals .red {
  color: #f00;
}
.s_agencies_deals .no-akt {
  font-size: 21px;
  color: #f7ec05;
  margin-top: 4px;
}
.s_agencies_history.view-light {
  color: #30394a;
}
.s_agencies_history.view-light .std-head h1 {
  color: #30394a;
}
.s_agencies_history.view-light .std-color-gray {
  color: #6b7388;
}
.s_agencies_history.view-light .classic-table td {
  color: #30394a;
}
.s_agencies_history.view-light .classic-table th {
  color: #7e8aa9;
}
body {
  --agencies-deals-lead-color: #fff;
  --agencies-deals-lead-border: #ffffff52;
  --agencies-deals-faqbtn-color: #fff48f;
}
body.theme-white {
  --agencies-deals-lead-color: #697a90;
  --agencies-deals-lead-border: #697a90;
  --agencies-deals-faqbtn-color: #697a90;
}
.s_agencies_parse .c-faqbtn i {
  color: var(--agencies-deals-faqbtn-color);
}
.s_agencies_parse.view.--inverse a.link.--blue {
  color: var(--agencies-deals-lead-color);
  border-color: var(--agencies-deals-lead-border);
}
.s_agencies_parse .act-icons {
  display: flex;
  font-size: 18px;
}
.s_agencies_parse .act-icons i {
  margin-right: 20px;
}
.s_agencies_parse .lead-item {
  position: relative;
  top: 0px;
  font-size: 19px;
}
.s_agencies_parse .sap-flex {
  display: flex;
  padding: 30px;
  margin: 0 -30px;
  overflow: auto;
}
.s_agencies_parse .sap-flex-right {
  margin-left: 50px;
  min-width: 330px;
  max-width: 330px;
}
.s_agencies_parse .sap-flex-left {
  min-width: 840px;
  max-width: 840px;
}
.s_agencies_parse .table {
  font-size: 12px;
}
.s_agencies_parse .icon-plus {
  opacity: 0.3;
  margin-right: 3px;
}
.s_agencies_parse tr.--opacity {
  opacity: 0.4;
}
.s_agencies_parse .red {
  color: #f00;
}
.s_agencies_parse .sad-deals-stats {
  margin: 0px -30px 30px;
  font-size: 16px;
  border-bottom: 1px solid #9ccee6;
  padding: 20px 30px;
}
.s_agencies_parse .std-fa-item .c-multiselect {
  width: 180px;
}
.s-agents .sal-search {
  display: inline-flex;
  position: relative;
  top: -3px;
  margin-left: 0px;
}
.s-agents .sal-search input {
  display: block;
  background: #fff;
  width: 190px;
  height: 29px;
  line-height: 25px;
  padding: 0 11px;
  border-radius: 2px;
  margin-top: 0px;
  color: #000;
  outline: none;
  font-size: 12px;
  border: 1px solid #bdc9e4;
}
.s-agents .table-icon {
  font-size: 17px;
}
.s-agents span.top-200 {
  opacity: 0.5;
  font-size: 14px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.s-agents .top-line-flex {
  display: flex;
  flex-wrap: wrap;
}
.s-agents .top-line {
  overflow: auto;
  margin: 0 -30px;
  padding: 10px 30px 15px;
}
.s-agents .top-line-item {
  background: #ffffff;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 10px;
  min-width: 260px;
  display: flex;
  align-items: center;
  padding: 5px 5px 5px 10px;
  max-width: 260px;
  transition: 0.2s;
}
.s-agents .top-line-item.showall {
  background: #c7cfe4;
  min-width: 140px;
  max-width: 140px;
  text-align: center;
  justify-content: center;
}
.s-agents .top-line-item .rank-medal {
  margin-right: 6px;
}
.s-agents .tli-right-agent {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-agents .tli-right-agency {
  font-size: 85%;
  opacity: 0.6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s-agents .tli-left {
  transform: scale(1.2);
  margin-right: 4px;
}
.s-agents .sal-list {
  margin-top: 20px;
}
.s-agents .tli-count {
  min-width: 30px;
  margin-left: auto;
}
.s-agents .tli-right {
  max-width: 170px;
}
.s-agents .tli-right.full {
  max-width: 200px;
}
.s-agents a.tli-count-in {
  height: 32px;
  display: block;
  line-height: 32px;
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.s-agents .top-line-item:hover {
  transform: scale(1.02);
  cursor: pointer;
}
.s-agents .top-area {
  margin-bottom: 15px;
}
.s-agents .top-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.s-agents .top-row-desc {
  margin-left: 20px;
  opacity: 0.5;
}
.s-agents .top-row-title {
  margin-right: 20px;
  font-size: 20px;
}
.s-agents .top-row-switch * {
  font-weight: normal !important;
}
.s-agents .saa-rank {
  min-width: 60px;
}
.s-agents .saa-rank.--table {
  margin-top: -1px;
  position: absolute;
}
.s-agents .td-string {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-agents .std-white-filters {
  margin-top: -20px;
}
.s-agents .sub-info {
  font-size: 14px;
  opacity: 0.5;
}
.s-agents .realtor-tr {
  cursor: pointer;
}
.s-agents .realtor-tr .rank-medal {
  position: absolute;
  margin-top: -3px;
}
.s-agents .search-help {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 14px;
  opacity: 0.5;
}
.s-agents .flex-inline {
  display: flex;
  align-items: center;
}
.s-agents .flex-inline .rank-medal {
  margin-right: 6px;
}
.s-agents .flex-inline > * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-agents .sa-c-a-agency {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  transition: 0.2s;
  padding: 10px 10px;
  margin: 0 -10px;
}
.s-agents .sa-c-a-agency:hover {
  background: #38435f;
}
.s-agents .sa-c-a-agency:hover.--start {
  background-color: transparent;
}
.s-agents .sa-c-a-agency.--start {
  color: #727c94;
  border-bottom: 1px solid #727c94;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
}
.s-agents .saa-title {
  max-width: 230px;
  min-width: 230px;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s-agents .saa-leads {
  max-width: 90px;
  min-width: 90px;
  margin-right: 10px;
  text-align: right;
}
.s-agents .saa-books {
  max-width: 85px;
  min-width: 85px;
  margin-right: 10px;
  text-align: right;
}
.s-agents .saa-deals {
  max-width: 115px;
  min-width: 115px;
  margin-right: 10px;
  text-align: right;
}
.s-agents .saa-conversion {
  max-width: 135px;
  min-width: 135px;
  margin-right: 10px;
  text-align: right;
}
.s-agents .saa-last {
  width: 100%;
  text-align: right;
}
.s-agents .saa-an {
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-pricerules .error-area {
  background: #fff;
  max-width: 610px;
  padding: 30px;
  margin-bottom: 40px;
}
.s-pricerules .sp-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px;
}
.s-pricerules .dco-index-hero {
  padding: 28px 28px 24px;
  border-radius: 16px;
  color: #fff;
  background: radial-gradient(1200px 220px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(800px 180px at 120% 0%, rgba(44, 152, 240, 0.22), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.s-pricerules .dco-index-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 10px;
}
.s-pricerules .dco-index-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
.s-pricerules .dco-index-lead {
  margin: 12px 0 0;
  opacity: 0.72;
  font-size: 15px;
  line-height: 1.5;
}
.s-pricerules .dco-index-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin-top: 22px;
}
.s-pricerules .dco-index-stat b {
  display: block;
  font-size: 22px;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.s-pricerules .dco-index-stat span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.55;
}
.s-pricerules .dco-index-stat.--money b {
  color: #b6f0b0;
}
.s-pricerules .dco-index-projects {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  margin: 18px 0 48px;
}
.s-pricerules .dco-index-card {
  display: block;
  background: #fff;
  border-radius: 14px;
  padding: 18px 18px 16px;
  text-decoration: none !important;
  color: inherit;
  box-shadow: 0 8px 24px -18px rgba(18, 24, 38, 0.45);
  transition: 0.2s;
}
.s-pricerules .dco-index-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -18px rgba(18, 24, 38, 0.55);
  color: inherit;
}
.s-pricerules .dco-index-card.empty {
  opacity: 0.78;
}
.s-pricerules .dco-index-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.s-pricerules .dco-index-card-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.s-pricerules .dco-index-card-go {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eef1f7;
  color: #4d5870;
  text-align: center;
  line-height: 28px;
  flex-shrink: 0;
}
.s-pricerules .dco-index-card-money {
  margin-top: 14px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #5ca845;
}
.s-pricerules .dco-index-card-money.--zero {
  color: #8a93a8;
  font-size: 15px;
  font-weight: 600;
}
.s-pricerules .dco-index-card-money-label {
  margin-top: 2px;
  font-size: 12px;
  color: #8a93a8;
}
.s-pricerules .dco-index-card-meta {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  font-size: 12px;
  color: #6d768c;
}
.s-pricerules .dco-index-card-last {
  margin-top: 10px;
  font-size: 12px;
  color: #8a93a8;
}
.s-pricerules .dco-index-card-last.--setup {
  color: #b07a2a;
}
.s-pricerules .dco-index-other {
  background: #fff;
  border-radius: 14px;
  padding: 22px 24px 20px;
  max-width: 860px;
  color: #5a6478;
}
.s-pricerules .dco-index-other p {
  margin: 8px 0 16px;
  max-width: 640px;
  line-height: 1.5;
}
.s-pricerules .dco-index-other a {
  color: #3d6bb3;
}
.s-pricerules .dco-index-other-title {
  font-size: 18px;
  font-weight: 700;
  color: #2c3344;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.s-pricerules .dco-index-other-projects {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.s-pricerules .dco-index-other-btn {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 8px;
  background: #eef1f7;
  color: #3a4458 !important;
  text-decoration: none !important;
  font-size: 13px;
}
.s-pricerules .dco-index-other-btn:hover {
  background: #e2e7f2;
}
.prule-row {
  padding: 7px 20px;
  display: flex;
  align-items: center;
  transition: background 0.2s;
  border-bottom: 1px solid #d0d6e3;
  width: 100%;
  text-decoration: none !important;
  color: #000;
  justify-content: space-between;
  font-size: 13px;
}
.prule-row.--start {
  font-weight: bold;
  background: #fff !important;
  cursor: default;
  line-height: 1.1em;
  font-size: 13px;
  padding: 15px 20px;
  position: sticky;
  top: 0px;
  z-index: 23;
}
.prule-row.--start:hover {
  cursor: default;
}
.prule-row.enable-hover:hover {
  background: #d6dae5;
  cursor: pointer;
  color: #000;
}
body {
  --sd-template-item-start-color: #fff;
  --sd-template-item-color-active: #fff;
  --sd-template-item-border: #333e5d;
  --sd-template-item-hover: #333c54;
  --sd-template-item-parts-title: #111a32;
  --sd-template-item-parts-btns-bg: #2f3851;
  --sd-template-item-parts-btns-bg-hover: #3c4662;
  --sd-template-item-parts-btns-color: #fff;
  --sd-template-item-parts-btns-color-hover: #fff;
}
body.theme-white {
  --sd-template-item-start-color: #727c94;
  --sd-template-item-color-active: #333;
  --sd-template-item-border: #bac2d8;
  --sd-template-item-hover: #fff;
  --sd-template-item-parts-title: #d9e0ec;
  --sd-template-item-parts-btns-bg: #c2c9dc;
  --sd-template-item-parts-btns-bg-hover: #b1bcd9;
  --sd-template-item-parts-btns-color: #515e84;
  --sd-template-item-parts-btns-color-hover: #515e84;
}
.s_docs .filter {
  display: flex;
}
.s_docs .filter > * {
  margin-right: 10px;
  width: 200px;
}
.s_docs .sd-add {
  /*float: right;*/
  margin-bottom: 30px;
}
.s_docs .sd-desc {
  background: var(--card-bg-color);
  color: var(--card-color);
  max-width: 580px;
  margin: 0 0 40px;
}
.s_docs .sd-editor {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f9f9f9;
}
.s_docs .std-footer {
  margin: 20px -30px -30px;
}
.s_docs .template-container {
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
  position: relative;
  background-color: #1c2437;
}
.s_docs .template-container.active .tc-header {
  border-bottom: 1px solid #2f3a52;
}
.s_docs .template-container.--new {
  background: repeating-linear-gradient(45deg, #20293e, #20293e 10px, #1c2437 10px, #1c2437 20px);
}
.s_docs .template-container .template-active-status {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: #626c88;
  position: absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
}
.s_docs .template-container .template-active-status.--active {
  background-color: green;
}
.s_docs .template-container .tc-close {
  top: 15px;
  right: 25px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
  position: absolute;
  color: #fff;
}
.s_docs .template-container .tc-header {
  cursor: pointer;
  font-weight: 900;
  padding: 20px 30px;
  margin: -15px;
  position: relative;
  color: #fff;
}
.s_docs .template-container .tc-body {
  margin-top: 30px;
  padding: 15px;
}
.s_docs .template-container .tc-body .col-md-4 {
  min-height: 76px;
}
.s_docs .sd-template-item {
  display: flex;
  font-size: 13px;
  margin-bottom: 0px;
  padding: 3px 10px;
  line-height: 36px;
  position: relative;
  color: #7c8599;
  border-bottom: 1px solid var(--sd-template-item-border);
  transition: background 0.2s;
}
.s_docs .sd-template-item.--start {
  color: var(--sd-template-item-start-color);
  font-weight: bold;
  background: transparent;
}
.s_docs .sd-template-item.active {
  color: var(--sd-template-item-color-active);
}
.s_docs .sd-template-item:hover {
  background: var(--sd-template-item-hover);
}
.s_docs .sd-template-item.--item .sd-template-item-actions {
  padding-top: 2px;
  margin-top: 1px;
}
.s_docs .sd-template-item-actions {
  display: flex;
  min-width: 240px;
  max-width: 240px;
}
.s_docs .sd-btn {
  display: inline-block;
  background: var(--sd-template-item-parts-btns-bg);
  border: none;
  color: var(--sd-template-item-parts-btns-color);
  min-width: 30px;
  line-height: 28px;
  outline: none;
  text-align: center;
  height: 30px;
  font-size: 12px;
  padding: 0px 9px;
  transition: 0.2s;
  margin-right: 5px;
  border-radius: 3px;
  white-space: nowrap;
}
.s_docs .sd-btn:hover {
  cursor: pointer;
  background: var(--sd-template-item-parts-btns-bg-hover);
  color: var(--sd-template-item-parts-btns-color);
}
.s_docs .sd-btn[data-key="handle"] {
  cursor: grab;
}
.s_docs .sd-template-item-title {
  min-width: 415px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.s_docs .sd-template-item-title span {
  background: var(--sd-template-item-parts-title);
  font-size: 10px;
  margin-right: 4px;
  color: #999;
  padding: 3px 5px;
}
.s_docs .sd-template-item-project {
  min-width: 120px;
  margin-right: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.s_docs .sd-template-item-dateuser {
  min-width: 150px;
  max-width: 150px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.s_docs .sd-template-item-dateinserted {
  min-width: 110px;
  max-width: 110px;
}
.s_docs .sd-template-item-dateinserted.--today {
  color: #ddbe64;
  font-weight: bold;
}
body {
  --export-parts-title-color: #fff;
}
body.theme-white {
  --export-parts-title-color: #2c3a54;
}
.s-export-parts .ssef-title {
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--export-parts-title-color);
}
.s-export-parts .sse-project {
  margin-bottom: 20px;
}
.s-export-parts .ssef-house {
  margin-right: 10px;
  margin-bottom: 10px;
}
.s_fin_comings {
  padding-bottom: 100px;
}
.s_fin_comings.isPeriod th.nowrap.month-start {
  min-width: 170px;
}
.s_fin_comings.weeksMode th.nowrap.month-start {
  min-width: 140px;
}
.s_fin_comings .td-right-icons {
  position: absolute;
  margin-top: 3px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
}
.s_fin_comings .td-right-icons > * {
  margin-left: 4px;
}
.s_fin_comings span.closed {
  background: #f00;
  color: #fff;
  padding: 4px 6px;
  border-radius: 8px;
  font-size: 11px;
}
.s_fin_comings .right-area {
  margin-left: auto;
  margin-top: -15px;
}
.s_fin_comings .sums {
  display: flex;
  justify-content: space-between;
}
.s_fin_comings .std-white-filters {
  margin-top: -10px;
}
.s_fin_comings td.td-koeff {
  min-width: 60px;
  text-align: right;
}
.s_fin_comings td.td-regdays {
  min-width: 60px;
  text-align: right;
}
.s_fin_comings .early-pays {
  background: #fff1e5;
  margin: 0 -30px;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .s_fin_comings .std-purple-tabs-area-links {
    padding: 84px 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .s_fin_comings .std-content {
    padding: 15px;
    margin-top: 0px;
  }
}
.s_fin_comings .td-docnun {
  min-width: 120px;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s_fin_comings .td-paytype {
  max-width: 200px;
  min-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s_fin_comings span.matkap {
  font-size: 14px;
  color: #8d97b1;
}
.s_fin_comings span.expired {
  font-size: 14px;
  color: #f44949;
}
.s_fin_comings .table-wrapper-info {
  position: absolute;
  top: -30px;
  border-left: 1px solid #c2cbdd;
  border-top: 1px solid #c2cbdd;
  border-right: 1px solid #c2cbdd;
  left: 349px;
  right: 20px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px;
  font-size: 12px;
  color: #8f9fc7;
}
.s_fin_comings .month-dl {
  opacity: 0.65;
  font-size: 15px;
  margin-top: 1px;
  transition: 0.3s;
}
.s_fin_comings .month-dl:hover {
  opacity: 1;
  cursor: pointer;
}
.s_fin_comings .sfcd-item {
  min-width: 140px;
  max-width: 140px;
}
.s_fin_comings .sfcd-sep {
  min-width: 15px;
  text-align: center;
  line-height: 35px;
  opacity: 0.23;
}
.s_fin_comings .sfcd-sep:after {
  content: ' – ';
}
.s_fin_comings .row-after {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.s_fin_comings .row-after .right {
  margin-left: auto;
  margin-top: -11px;
}
.s_fin_comings .std-filters-area input.form-control.client[type="text"] {
  height: 34px;
  border-color: #8d97b1;
  background-color: #d2dbf1;
  width: 110px;
}
@media only screen and (max-width: 767px) {
  .s_fin_comings .std-filters-area input.form-control.client[type="text"] {
    width: 100%;
  }
}
.s_fin_comings .sfc-datepicker {
  display: flex;
}
.s_fin_comings h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 32px;
}
.s_fin_comings .table-wrapper {
  overflow: auto;
  margin-left: 349px;
  padding-right: 20px;
  background: #e6eaf4;
}
.s_fin_comings .table {
  background-color: #fff;
}
.s_fin_comings .table-area {
  position: relative;
  margin: 0px -30px 0px;
}
@media only screen and (max-width: 767px) {
  .s_fin_comings .table-area {
    margin: 0px -15px 0px;
  }
}
.s_fin_comings .emptyheight {
  background-color: var(--dp-white-bg);
  height: 30px;
  margin: 0 -30px;
}
.s_fin_comings .--monthtd {
  min-width: 108px;
}
.s_fin_comings .month-start {
  background-color: #d4d9e7;
}
.s_fin_comings .table-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 350px;
  background: #ffffff;
}
.s_fin_comings .pays-error {
  color: #d40000;
  margin-left: 7px;
}
.s_fin_comings .max-width-row {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
}
.s_fin_comings .--greencheck {
  color: #ff0;
}
.s_fin_comings .table {
  font-size: 12px;
}
.s_fin_comings .table .td-area {
  width: 70px;
}
.s_fin_comings .table .td-flatprice {
  width: 100px;
}
.s_fin_comings .table .head-height {
  height: 78px;
}
.s_fin_comings .table td,
.s_fin_comings .table th {
  padding: 3px 5px;
  height: 26px;
}
.s_fin_comings .table td.--tdlast,
.s_fin_comings .table th.--tdlast {
  border-right: 4px solid #9fa9c2;
}
.s_fin_comings .table tr {
  opacity: 0.9;
}
.s_fin_comings .table tr.--deal_unpayed {
  opacity: 1;
}
.s_fin_comings .table tr.--first_payed_row td {
  border-top: 4px solid #9fa9c2;
}
.s_fin_comings .table .price-td-div {
  min-width: 85px;
}
.s_fin_comings .pay_color_success {
  background-color: #bbd6bb;
}
.s_fin_comings .pay_color_error {
  background-color: #f7aaaa;
  border: 2px solid #b54d4d;
}
.s_fin_comings .pay_color_warning {
  background-color: #ff0;
}
.s_fin_comings .sfc-pay-nes {
  font-size: 10px;
  opacity: 0.6;
  display: inline-block;
  margin-left: 5px;
}
.s_fin_comings.weeksMode .table .head-height {
  height: 85px;
}
.s_fin_comings .sfcd-item {
  min-width: 140px;
  max-width: 140px;
}
.s_fin_comings .sfcd-sep {
  min-width: 15px;
  text-align: center;
  line-height: 35px;
  opacity: 0.23;
}
.s_fin_comings .sfcd-sep:after {
  content: ' – ';
}
.s_fin_comings .std-filters-area .std-fa-item {
  min-width: 100px;
}
.s_fin_comings .tr-deal:hover {
  background-color: #eee;
}
.s_fin_comings span.many-bills {
  color: #b8a13a;
  font-weight: bold;
}
.s_fin_comings .std-filters-area input.form-control.client[type="text"] {
  height: 34px;
  border-color: #8d97b1;
  background-color: #d2dbf1;
  width: 110px;
}
.s_fin_comings .sfc-datepicker {
  display: flex;
}
.s_fin_comings h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 32px;
}
.s_fin_comings .table-wrapper {
  overflow: auto;
  margin-left: 349px;
  user-select: none;
}
.s_fin_dateline {
  padding-bottom: 100px;
}
.s_fin_dateline .date-line {
  height: 30px;
  background: #efefef;
  border-radius: 5px;
  overflow: hidden;
}
.s_fin_dateline h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 32px;
}
.s_fin_dateline .project {
  margin-top: 50px;
  margin-bottom: 50px;
}
.s_fin_dateline .date-line-inner {
  height: 100%;
  /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);*/
  float: left;
}
.s_fin_dateline .date-line-inner.--time {
  background-color: #98cfff;
}
.s_fin_dateline .date-line-inner.--booked {
  background-color: #ffbc00;
}
.s_fin_dateline .date-line-inner.--solded {
  background-color: #a6c3ca;
}
.s_fin_dateline .date-group {
  margin-top: 20px;
}
.s_fin_dateline .data-group-item {
  margin: 7px 0 10px;
}
.s_fin_dateline .data-group-title {
  font-size: 24px;
  margin: 31px 0 9px;
  font-weight: bold;
}
.s_fin_dateline .dt-stat {
  margin: 9px 0 0 30px;
  background: #e1f7ff;
  padding: 26px;
  line-height: 1.5em;
  float: left;
}
.s-fin-debtors .std-filters-area .std-fa-item {
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .s-fin-debtors .std-filters-area .std-fa-item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .s-fin-debtors .std-filters-area form {
    flex-wrap: wrap;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .s-fin-debtors .std-filters-area .download-btn {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .s-fin-debtors .std-filters-area-plus-button {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .s-fin-debtors .cfd-table {
    overflow-x: auto;
  }
}
.s-fin-install .deal-check {
  font-size: 15px;
}
.s-fin-install .deal-check.check-warn {
  color: #ff7944;
}
.s-fin-install .deal-check.check-bad {
  color: #f00;
}
.s-fin-install .deal-check.check-good {
  color: #39bc1b;
}
.s-fin-install .sinst-info {
  display: flex;
  background: #fff;
  padding: 15px 30px 22px;
  margin: 0px -30px 0px;
}
.s-fin-install .sinst-info-row {
  margin-right: 50px;
  text-align: center;
}
.s-fin-install .sinst-info-count {
  font-size: 24px;
  font-weight: bold;
}
.s-fin-install .sinst-info-text {
  font-size: 13px;
  line-height: 1.2em;
  margin-top: 7px;
}
.s-fin-install b.backaw {
  color: #a7590e;
}
.s-fin-install .bad-money {
  font-weight: bold;
  color: #d90000;
}
.s-fin-install .--check {
  min-width: 70px;
}
.s-fin-install .--name {
  min-width: 200px;
  max-width: 200px;
}
.s-fin-install .--kolvo {
  min-width: 130px;
}
.s-fin-install .--dolg {
  min-width: 135px;
}
.s-fin-install .--ondate {
  min-width: 113px;
}
.s-fin-install .--object {
  min-width: 170px;
}
.s-fin-install .--user {
  min-width: 150px;
  max-width: 150px;
}
.s_fin_month {
  padding-bottom: 100px;
}
.s_fin_month.isPeriod th.nowrap.month-start {
  min-width: 170px;
}
.s_fin_month.weeksMode th.nowrap.month-start {
  min-width: 140px;
}
.s_fin_month .right-area {
  margin-left: auto;
  margin-top: -15px;
}
.s_fin_month .sums {
  display: flex;
  justify-content: space-between;
}
.s_fin_month .std-white-filters {
  margin-top: -10px;
}
.s_fin_month td.td-koeff {
  min-width: 60px;
  text-align: right;
}
.s_fin_month td.td-regdays {
  min-width: 60px;
  text-align: right;
}
.s_fin_month .early-pays {
  background: #fff1e5;
  margin: 0 -30px;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .s_fin_month .std-purple-tabs-area-links {
    padding: 84px 0 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .s_fin_month .std-content {
    padding: 15px;
    margin-top: 0px;
  }
}
.s_fin_month .td-docnun {
  min-width: 120px;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s_fin_month .td-paytype {
  max-width: 200px;
  min-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s_fin_month span.matkap {
  font-size: 14px;
  margin-left: 3px;
  color: #8d97b1;
  position: absolute;
  right: 5px;
  margin-top: -1px;
}
.s_fin_month span.expired {
  font-size: 14px;
  margin-left: 3px;
  color: #f44949;
  position: absolute;
  right: 5px;
  margin-top: -1px;
}
.s_fin_month .table-wrapper-info {
  position: absolute;
  top: -30px;
  border-left: 1px solid #c2cbdd;
  border-top: 1px solid #c2cbdd;
  border-right: 1px solid #c2cbdd;
  left: 349px;
  right: 20px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 30px;
  font-size: 12px;
  color: #8f9fc7;
}
.s_fin_month .month-dl {
  opacity: 0.65;
  font-size: 15px;
  margin-top: 1px;
  transition: 0.3s;
}
.s_fin_month .month-dl:hover {
  opacity: 1;
  cursor: pointer;
}
.s_fin_month .sfcd-item {
  min-width: 140px;
  max-width: 140px;
}
.s_fin_month .sfcd-sep {
  min-width: 15px;
  text-align: center;
  line-height: 35px;
  opacity: 0.23;
}
.s_fin_month .sfcd-sep:after {
  content: ' – ';
}
.s_fin_month .row-after {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.s_fin_month .row-after .right {
  margin-left: auto;
  margin-top: -11px;
}
.s_fin_month .std-filters-area input.form-control.client[type="text"] {
  height: 34px;
  border-color: #8d97b1;
  background-color: #d2dbf1;
  width: 110px;
}
@media only screen and (max-width: 767px) {
  .s_fin_month .std-filters-area input.form-control.client[type="text"] {
    width: 100%;
  }
}
.s_fin_month .sfc-datepicker {
  display: flex;
}
.s_fin_month h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 32px;
}
.s_fin_month .table-wrapper {
  overflow: auto;
  margin-left: 349px;
  padding-right: 20px;
  background: #e6eaf4;
}
.s_fin_month .table {
  background-color: #fff;
}
.s_fin_month .table-area {
  position: relative;
  margin: 0px -30px 0px;
}
@media only screen and (max-width: 767px) {
  .s_fin_month .table-area {
    margin: 0px -15px 0px;
  }
}
.s_fin_month .emptyheight {
  background-color: var(--dp-white-bg);
  height: 30px;
  margin: 0 -30px;
}
.s_fin_month .--monthtd {
  min-width: 70px;
  max-width: 70px;
}
.s_fin_month .month-start {
  background-color: #d4d9e7;
}
.s_fin_month .table-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 350px;
  background: #ffffff;
}
.s_fin_month .pays-error {
  color: #d40000;
  margin-left: 7px;
}
.s_fin_month .max-width-row {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
}
.s_fin_month .--greencheck {
  color: #ff0;
}
.s_fin_month .table {
  font-size: 12px;
}
.s_fin_month .table .td-area {
  width: 70px;
}
.s_fin_month .table .td-flatprice {
  width: 100px;
}
.s_fin_month .table .head-height {
  height: 54px;
}
.s_fin_month .table td,
.s_fin_month .table th {
  padding: 3px 5px;
  height: 26px;
}
.s_fin_month .table td.--tdlast,
.s_fin_month .table th.--tdlast {
  border-right: 4px solid #9fa9c2;
}
.s_fin_month .table tr {
  opacity: 0.9;
}
.s_fin_month .table tr.--deal_unpayed {
  opacity: 1;
}
.s_fin_month .table tr.--first_payed_row td {
  border-top: 4px solid #9fa9c2;
}
.s_fin_month .table .price-td-div {
  min-width: 85px;
}
.s_fin_month .pay_color_success {
  background-color: #bbd6bb;
}
.s_fin_month .pay_color_error {
  background-color: #f7aaaa;
  border: 2px solid #b54d4d;
}
.s_fin_month .pay_color_warning {
  background-color: #ff0;
}
.s_fin_month .sfc-pay-nes {
  font-size: 10px;
  opacity: 0.6;
  display: inline-block;
  margin-left: 5px;
}
.s_fin_month.weeksMode .table .head-height {
  height: 85px;
}
.s_fin_month .sfcd-item {
  min-width: 140px;
  max-width: 140px;
}
.s_fin_month .sfcd-sep {
  min-width: 15px;
  text-align: center;
  line-height: 35px;
  opacity: 0.23;
}
.s_fin_month .sfcd-sep:after {
  content: ' – ';
}
.s_fin_month .std-filters-area .std-fa-item {
  min-width: 100px;
}
.s_fin_month .tr-deal:hover {
  background-color: #eee;
}
.s_fin_month span.many-bills {
  color: #b8a13a;
  font-weight: bold;
}
.s_fin_month .std-filters-area input.form-control.client[type="text"] {
  height: 34px;
  border-color: #8d97b1;
  background-color: #d2dbf1;
  width: 110px;
}
.s_fin_month .sfc-datepicker {
  display: flex;
}
.s_fin_month h2 {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 32px;
}
.s_fin_month .table-wrapper {
  overflow: auto;
  margin-left: 349px;
  user-select: none;
}
.s-fin-regirstry .reester-right {
  padding-top: 15px;
}
.s-fin-regirstry .book-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 340px;
}
.s-finplaner-project {
  background: #f0f0f0;
}
.s-finplaner-project.view-stages {
  background: #4c4e5a;
}
.s-finplaner-project.view-stages .sp-codes {
  border: 20px solid #4c4e5a;
}
.s-finplaner-project.view-stages .real-codes {
  border-radius: 0 0 10px 10px;
}
.s-finplaner-project.view-stages .sp-adder {
  display: block;
}
.s-finplaner-project .rival-area-map {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}
.s-finplaner-project [class$="-ground-pane"] {
  filter: grayscale(0.8);
}
.s-finplaner-project label.ra-house-title {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px 7px 15px;
  cursor: pointer;
  align-items: center;
  margin-bottom: 0px;
}
.s-finplaner-project .ra-search {
  margin-bottom: 40px;
  margin-top: -15px;
  position: relative;
  width: 100%;
  font-weight: normal;
}
.s-finplaner-project .clearer {
  position: absolute;
  right: 0;
  top: 2px;
  height: 32px;
  width: 32px;
  font-size: 17px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.s-finplaner-project .ra-right {
  display: flex;
  align-items: center;
}
.s-finplaner-project .c-toggler-inline .slider {
  background-color: #ced3e5;
}
.s-finplaner-project .mover-map {
  background: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #47516e;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #ced3e5;
}
.s-finplaner-project label.ra-project-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.s-finplaner-project .rap-right {
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.s-finplaner-project .rap-left {
  display: flex;
}
.s-finplaner-project .rap-right a {
  display: inline-block;
  margin-left: 10px;
  opacity: 0.5;
  transition: 0.3s;
}
.s-finplaner-project .rap-right a:hover {
  opacity: 1;
  cursor: pointer;
}
.s-finplaner-project .ra-project-house {
  background: #f1f3fc;
  border: 1px solid #ced3e6;
  border-radius: 4px;
  transition: 0.3s;
  margin-bottom: 10px;
}
.s-finplaner-project .ra-project-house.active {
  background: #bce1ff;
}
.s-finplaner-project .ra-project-house.active:hover {
  background: #bce1ff;
  cursor: pointer;
}
.s-finplaner-project .ra-project-house:hover {
  background-color: #e4e7f4;
  cursor: pointer;
}
.s-finplaner-project .rival-area {
  position: fixed;
  top: 90px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background: #fff;
  display: flex;
}
.s-finplaner-project .rival-area-right {
  width: 100%;
  position: relative;
  background: #eee;
}
.s-finplaner-project .ra-start {
  margin-bottom: 30px;
}
.s-finplaner-project .ra-house-title {
  font-weight: normal;
}
.s-finplaner-project .rival-area-left {
  min-width: 560px;
  overflow: auto;
  padding: 30px;
}
.s-finplaner-project .house-point {
  height: 20px;
  width: 20px;
  border: 1px solid #7771a3;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 25px;
  line-height: 12px;
  box-shadow: 0px 0px 0px 3px #000000;
}
.s-finplaner-project .house-point.passive {
  opacity: 0.4;
  box-shadow: none;
}
.s-finplaner-project span.color-info {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 5px;
  position: relative;
  top: -1px;
  margin-right: 9px;
}
.s-finplaner-project .rival-map-load {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 16px;
  z-index: 1;
  opacity: 0.4;
}
.s-finplaner-project label.ra-project-title {
  font-size: 16px;
}
.s-finplaner-project span.proj-title {
  line-height: 1.1em;
}
.s-finplaner-project .ra-project-houses {
  margin-top: 10px;
}
.s-finplaner-project .ra-project {
  margin-bottom: 30px;
}
.s-finplaner-project toggler-inline {
  position: relative;
  top: -1px;
}
.s-finplaner-project .no-rival {
  font-size: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 223;
  right: 0;
  text-align: center;
  background: #d47723;
  color: #fff;
  padding: 30px;
}
.s-finplaner-project .rival-area-loading {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 50px;
}
.s-finplaner-project .spl-code-group {
  border: 1px solid #a1aec9;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 9px -6px rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}
.s-finplaner-project .spl-code-group:first-child {
  margin-top: 0;
}
.s-finplaner-project .code-objtv-quest {
  position: absolute;
  left: 50%;
  margin-left: -5px;
}
.s-finplaner-project .sp-leftif {
  width: 100%;
  overflow: auto;
}
.s-finplaner-project .sp-head {
  padding: 20px 20px 20px;
  background: #e6eaf4;
  display: flex;
  align-items: center;
}
.s-finplaner-project .no-groups {
  font-size: 16px;
  padding: 40px 20px;
  color: #fff;
}
.s-finplaner-project .no-groups a {
  color: #fff;
}
.s-finplaner-project .sp-adder {
  color: #fff;
  padding: 17px 20px;
  border-radius: 7px;
  text-align: center;
  display: none;
}
.s-finplaner-project .code-full {
  width: 100%;
  min-width: 400px;
  text-align: center;
  background: #898daf;
  height: 52px;
  margin-top: -5px;
  margin-bottom: -5px;
  line-height: 52px;
  color: #fff;
}
.s-finplaner-project .code-full.--sm {
  color: #dcdef1;
}
.s-finplaner-project .code-full-flex {
  width: 100%;
  min-width: 400px;
  text-align: center;
  height: 52px;
  margin-top: -5px;
  margin-bottom: -5px;
  position: relative;
  display: flex;
  align-items: center;
}
.s-finplaner-project .code-full-flex.--black {
  color: #fff;
  background: #898daf;
}
.s-finplaner-project .objctv-info {
  position: absolute;
  border: 1px solid #d1d6e3;
  border-top: none;
  border-radius: 0 0 10px 10px;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0 10px;
  background: #fff;
}
.s-finplaner-project .code-light {
  min-width: 60px;
}
.s-finplaner-project .lighter {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.s-finplaner-project .lighter.red span {
  background-color: #f34d4d;
}
.s-finplaner-project .lighter.warn span {
  background-color: #f4c443;
}
.s-finplaner-project .lighter.green span {
  background-color: #10b21c;
}
.s-finplaner-project .lighter span {
  width: 7px;
  height: 23px;
  margin: 0 2px;
  border-radius: 2px;
}
.s-finplaner-project .lighter span:first-child {
  height: 13px;
}
.s-finplaner-project .lighter span:nth-child(2) {
  height: 18px;
}
.s-finplaner-project i[uib-tooltip] {
  opacity: 0.6;
}
.s-finplaner-project .objctv-info img {
  width: 220px;
  margin-right: 10px;
}
.s-finplaner-project .objctv-info i {
  margin-top: 6px;
}
.s-finplaner-project .solorow {
  line-height: 42px;
}
.s-finplaner-project .code-objtv {
  min-width: 100px;
  max-width: 100px;
  text-align: center;
}
.s-finplaner-project .code-objtv .subinfo {
  opacity: 1;
  color: #dcdde6;
}
.s-finplaner-project .low {
  color: #fff48e;
}
.s-finplaner-project .more {
  color: #ffc8c8;
}
.s-finplaner-project .bold {
  font-weight: bold;
}
.s-finplaner-project .cold-sp-flex {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.s-finplaner-project .cold-sp-flex-left {
  justify-content: space-between;
  display: flex;
  width: 100%;
}
.s-finplaner-project .cold-sp-flex-w {
  width: 100%;
  background: #ffffff;
  height: 9px;
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid #d1d6e3;
  margin-top: 7px;
  margin-bottom: 4px;
}
.s-finplaner-project .cold-sp-flex-win {
  background: #b3c0d9;
  height: 100%;
}
.s-finplaner-project .back {
  background: #00000014;
  color: #656b78;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  line-height: 45px;
}
.s-finplaner-project .dco-project {
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
}
.s-finplaner-project .dco-desc {
  margin-left: 30px;
}
.s-finplaner-project .dco-title {
  font-weight: bold;
  font-size: 13px;
}
.s-finplaner-project .sp-info {
  font-size: 11px;
  margin-bottom: 20px;
}
.s-finplaner-project .fast-fo {
  position: fixed;
  right: 220px;
  bottom: 30px;
}
.s-finplaner-project .vvod {
  font-weight: normal;
  font-size: 14px;
  opacity: 0.5;
}
.s-finplaner-project .line-fill {
  background: #989cc1;
  height: 100%;
}
.s-finplaner-project .spk-line-line {
  border-radius: 3px;
  overflow: hidden;
}
.s-finplaner-project .spl-korpus {
  background: #4c4e5a;
  color: #fff;
}
.s-finplaner-project .spk-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #676c97;
  padding: 10px 20px;
  border-radius: 10px 10px 0 0;
}
.s-finplaner-project .spk-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 15px;
}
.s-finplaner-project .spk-line-top {
  display: flex;
  justify-content: space-between;
}
.s-finplaner-project .spk-line-line {
  height: 10px;
  background: #2b2d34;
  margin: 10px 0;
  width: 400px;
}
.s-finplaner-project .spk-left-title {
  font-weight: bold;
  font-size: 18px;
}
.s-finplaner-project span.percent {
  position: absolute;
  right: 7px;
  top: 5px;
  opacity: 0.5;
  pointer-events: none;
}
.s-finplaner-project .spk-block-input {
  width: 60px;
  color: #000;
  position: relative;
}
.s-finplaner-project .spk-block-input input {
  width: 100%;
  padding-left: 10px;
  height: 30px;
  border-radius: 6px;
  border: none;
}
.s-finplaner-project .spk-left-info {
  margin-top: 5px;
  opacity: 0.5;
}
.s-finplaner-project .spk-block-row {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
  align-items: center;
}
.s-finplaner-project .spk-block-row b {
  font-size: 16px;
}
.s-finplaner-project .spk-block-row span {
  margin-right: 20px;
  opacity: 0.6;
}
.s-finplaner-project .spk-block-left {
  margin-bottom: 6px;
  white-space: nowrap;
  opacity: 0.6;
}
.s-finplaner-project .spk-block-right {
  font-size: 120%;
}
.s-finplaner-project .meters {
  opacity: 0.4;
  display: inline-block;
  margin-left: 15px;
}
.s-finplaner-project .sp-body {
  display: flex;
  justify-content: space-between;
  height: 100vmin;
  width: 100%;
  overflow: hidden;
}
.s-finplaner-project .spl-code {
  padding: 5px 0px 5px 20px;
  display: flex;
  align-items: center;
  transition: background 0.2s;
  border-bottom: 1px solid #d0d6e3;
  background: #fff;
}
.s-finplaner-project .spl-code:hover {
  background: #d6dae5;
  cursor: pointer;
}
.s-finplaner-project .spl-code.stopped {
  background-color: #f5eaea !important;
  opacity: 0.8 !important;
}
.s-finplaner-project .spl-code.--start {
  font-weight: bold;
  background: #fff !important;
  cursor: default;
  line-height: 1.1em;
  font-size: 13px;
  padding: 15px 20px;
  position: sticky;
  top: 0px;
  z-index: 23;
  padding-left: 40px;
}
.s-finplaner-project .spl-code:last-child {
  border-bottom: none;
}
.s-finplaner-project .no-stage-codes {
  text-align: center;
  color: #fff;
  margin: 30px 0 60px;
}
.s-finplaner-project .spk-left {
  display: flex;
  align-items: center;
}
.s-finplaner-project .spk-buttons {
  margin-left: 40px;
  margin-right: 270px;
}
.s-finplaner-project .dco-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.s-finplaner-project .tooltip-info {
  margin-top: 5px;
}
.s-finplaner-project .dco-stat {
  margin-bottom: 10px;
}
.s-finplaner-project span.group-toggler {
  color: #2E53D8;
  font-size: 18px;
  position: absolute;
  margin-left: 9px;
  margin-top: -2px;
}
.s-finplaner-project .sp-codes {
  width: max-content;
  margin: auto;
}
.s-finplaner-project .real-codes {
  padding: 20px;
  background: #f0f0f0;
}
.s-finplaner-project .spl-code.top {
  background: #F3F5F9;
}
.s-finplaner-project .code-solded-percent {
  text-align: center;
  min-width: 80px !important;
  max-width: 80px !important;
}
.s-finplaner-project .code-field-min {
  min-width: 90px;
  text-align: center;
}
.s-finplaner-project .code-title {
  min-width: 120px;
  position: relative;
}
.s-finplaner-project .subinfo {
  opacity: 0.5;
}
.s-finplaner-project .code-field {
  text-align: center;
  min-width: 110px;
}
.s-finplaner-project .code-field-140 {
  text-align: center;
  min-width: 140px;
}
.s-funnels {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .s-funnels {
    position: fixed;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
  }
}
.s-funnels .sf-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  flex-direction: column;
}
.s-funnels .sc-statuses-area {
  height: 100%;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-statuses-area {
    padding-bottom: 70px;
  }
}
.s-funnels .scs-card-tasks {
  margin: 0;
}
.s-funnels .mobile-stats {
  border-bottom: 1px solid #c1c6d1;
  line-height: 29px;
  text-align: center;
  font-size: 13px;
  background: #f9f9f9;
}
.s-funnels .stats {
  margin-left: 20px;
  white-space: nowrap;
}
.s-funnels .sc-head-smtitle {
  font-weight: bold;
}
.s-funnels .scs-card-content.--changedStatus {
  opacity: 0.8;
}
.s-funnels .scs-card-changedstatus {
  background: #ddd;
  margin: 0px 0px 0px;
  padding: 6px 10px;
  font-size: 12px;
}
.s-funnels input.search-query {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border: none;
  outline: none;
  background: transparent;
  transition: 0.3s;
}
.s-funnels .filters-area {
  position: fixed;
  top: 0px;
  background: #fff;
  padding: 20px;
  box-shadow: 0px 2px 84px #092f6499;
  right: 0px;
  width: 420px;
  transition: 0.3s;
  z-index: 3;
  transform: translateX(30px);
  opacity: 0;
  visibility: hidden;
  bottom: 0px;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .s-funnels .filters-area {
    width: 100%;
    padding-top: 60px;
    z-index: 222;
  }
}
.s-funnels .sc-search-line-inner {
  z-index: 4;
}
.s-funnels .sc-line {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  flex-wrap: wrap;
  overflow: auto;
  max-height: 50px;
  min-height: 50px;
  border-bottom: 1px solid var(--standart-border);
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-line {
    justify-content: flex-start;
    padding: 6px 10px;
    max-height: none;
    min-height: 0;
  }
}
.s-funnels .sc-line-filter {
  margin: 2px 4px;
  font-size: 13px;
  background: #ffffff;
  padding: 4px 8px;
  border-radius: 7px;
  max-width: 450px;
  overflow: auto;
}
.s-funnels span.sc-line-filter-title.ng-binding {
  opacity: 0.7;
  margin-right: 10px;
}
.s-funnels span.sc-line-filter-value {
  font-weight: bold;
}
.s-funnels span.sc-line-filter-remove {
  cursor: pointer;
}
.s-funnels .filter-row-flex {
  display: flex;
  margin-top: 4px;
}
@media only screen and (max-width: 767px) {
  .s-funnels .filter-row-flex {
    flex-direction: column;
  }
}
.s-funnels .filter-row-type {
  min-width: 165px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .s-funnels .filter-row-type {
    min-width: 0;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.s-funnels .filter-row-vals {
  width: 100%;
}
.s-funnels .filters-area.showed {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}
.s-funnels .filter-row-title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 13px;
}
.s-funnels .filter-row {
  margin-bottom: 10px;
  margin-top: 0px;
}
.s-funnels .sc-search-input {
  width: 100%;
}
.s-funnels .sc-search-line-filters {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.s-funnels .open-filters {
  margin-right: 20px;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .s-funnels .open-filters {
    margin-right: 10px;
    color: #fff;
  }
}
.s-funnels .export {
  margin-right: 10px;
  font-size: 13px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-head-right.mobile-fix-bottom .open-filters {
    color: #fff;
  }
  .s-funnels .sc-head-right.mobile-fix-bottom .shr-viewitem {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.35);
  }
  .s-funnels .sc-head-right.mobile-fix-bottom .shr-viewitem.active {
    background: rgba(255, 255, 255, 0.18);
  }
}
.s-funnels .sc-search-line {
  margin-left: 0;
  margin-right: 10px;
  position: relative;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-search-line {
    margin-right: 8px;
  }
}
.s-funnels .sf-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #7a87a6;
}
.s-funnels .sc-fake-status {
  min-width: 5px;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-fake-status {
    min-width: 20px;
  }
}
.s-funnels .scs-card-content {
  background: #fff;
  margin-top: 8px;
  border-radius: 7px;
  font-size: 13px;
  transition: 0.3s;
}
.s-funnels .scs-card-content:hover {
  cursor: pointer;
  background-color: #cfd6e7;
}
.s-funnels .scs-card-title {
  white-space: normal;
  font-weight: bold;
  padding: 9px 10px 8px;
  border-bottom: 1px solid #cfd6e7;
  line-height: 1.2em;
  overflow: hidden;
}
.s-funnels .scs-card-footer {
  padding: 0px 10px 5px;
}
.s-funnels .sc-head {
  margin-top: 0;
}
.s-funnels .sc-head-smtitle {
  line-height: 18px;
  padding-left: 20px;
  font-weight: 500;
  margin-right: 0px;
  white-space: nowrap;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-head-smtitle {
    margin-left: 30px;
    font-size: 14px;
  }
}
.s-funnels .sc-statuses {
  display: flex;
  white-space: nowrap;
  padding: 15px 20px 0;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-statuses {
    padding: 12px 12px 0;
  }
}
.s-funnels span.scs-name {
  display: block;
  max-height: 48px;
  overflow: hidden;
}
.s-funnels .sc-status {
  min-width: 290px;
  margin-right: 15px;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-status {
    min-width: 260px;
    margin-right: 10px;
  }
}
.s-funnels .sc-status-header {
  display: flex;
  border-radius: 6px;
  align-items: center;
  padding: 0 10px;
  min-width: 32px;
}
@media only screen and (max-width: 767px) {
  .s-funnels .sc-head-left {
    margin-left: 0;
  }
}
.s-funnels .sc-status-count {
  color: #000;
  background: #00000017;
  line-height: 28px;
  min-width: 28px;
  text-align: center;
  border-radius: 5px;
  margin-right: 10px;
  margin-left: -10px;
}
.s-funnels .sc-status-title {
  line-height: 32px;
}
.s-funnels .scs-cards {
  overflow: auto;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .s-funnels .scs-cards {
    padding-bottom: 10px;
  }
}
.s-funnels .scs-cards-empty {
  margin-top: 8px;
  background: #d4d9e7;
  text-align: center;
  font-size: 13px;
  padding: 11px;
  border-radius: 8px;
  color: #6e7076;
}
.s-help-ticket {
  height: 100vmin;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket {
    height: 100%;
    overflow: auto;
    background: #e7eaf4;
  }
}
.s-help-ticket .sh-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
}
.s-help-ticket .sh-content {
  padding: 20px;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .sh-content {
    overflow: visible;
  }
}
.s-help-ticket .message-files {
  margin-top: 10px;
  margin-bottom: 12px;
}
.s-help-ticket .message-files:first-child {
  margin-top: 0;
}
.s-help-ticket .star-stars {
  display: flex;
}
.s-help-ticket .star-area {
  text-align: center;
  border: 3px solid #afbad6;
  display: inline-block;
  border-radius: 10px;
  margin-top: 10px;
  padding: 30px;
}
.s-help-ticket .star-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .star-flex {
    flex-wrap: wrap;
  }
}
.s-help-ticket .star-btn {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .star-btn {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.s-help-ticket .star-item {
  font-size: 32px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: #2b53db;
}
.s-help-ticket .star-item .y {
  display: none;
}
.s-help-ticket .star-item.selected .y {
  display: inline-block;
}
.s-help-ticket .star-item.selected .n {
  display: none;
}
.s-help-ticket .tick-start {
  display: flex;
  justify-content: space-between;
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .tick-start {
    flex-direction: column;
  }
}
.s-help-ticket .tick-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .tick-text {
    flex-direction: column;
    align-items: flex-start;
  }
}
.s-help-ticket .tick-status {
  white-space: nowrap;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .tick-status {
    margin-left: 0;
  }
}
.s-help-ticket textarea.form-control {
  padding: 12px 70px 12px 12px;
  border: none;
  max-height: 400px;
  min-height: 75px;
  box-shadow: 0px 1px 7px #00000014;
  position: relative;
  z-index: 2;
}
.s-help-ticket .tick-title {
  font-weight: bold;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .tick-title {
    white-space: normal;
    text-overflow: none;
    font-size: 14px;
    overflow: visible;
  }
}
.s-help-ticket .sep-2-br {
  height: 10px;
}
.s-help-ticket .sh-flex {
  display: flex;
  flex-direction: column;
  height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .sh-flex {
    height: 100%;
  }
}
.s-help-ticket .form-placeholder {
  position: absolute;
  z-index: 3;
  opacity: 0.5;
  left: 33px;
  top: 12px;
  pointer-events: none;
}
.s-help-ticket .link-block {
  font-family: monospace;
  background: #00000024;
  padding: 2px 2px;
  margin-right: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 90%;
}
.s-help-ticket .link-external {
  color: inherit;
}
.s-help-ticket .sh-top {
  border-bottom: 1px solid #afbad7;
  padding: 20px 20px 17px;
}
.s-help-ticket .sh-bot {
  margin-top: auto;
  position: relative;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .s-help-ticket .sh-bot {
    padding: 0 20px 40px;
  }
}
.s-help-ticket .send-btn {
  position: absolute;
  right: 30px;
  background: linear-gradient(131deg, #9b357a 0%, #2e53d8 100%);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 49px;
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  padding-right: 4px;
  cursor: pointer;
  top: 13px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transform: scale(0.8);
  z-index: 4;
}
.s-help-ticket .send-btn.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.s-help-ticket .send-btn.send {
  opacity: 0.6;
  pointer-events: none;
}
.s-help-ticket .star-outer {
  display: flex;
  justify-content: end;
}
.s-help-ticket .message-bot {
  display: flex;
  font-size: 85%;
  margin-top: 7px;
  opacity: 0.6;
}
.s-help-ticket .message-wrap {
  margin-bottom: 9px;
}
.s-help-ticket .message-bot {
  justify-content: space-between;
}
.s-help-ticket .message-who {
  margin-right: 20px;
}
.s-checkdoubles .final {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 10px;
}
.s-checkdoubles h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.s-checkdoubles .fin-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.4;
  color: #444;
}
.s-checkdoubles .fin-left {
  margin-right: 15px;
  font-weight: bold;
}
.s-import-deals .sopostav-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.s-import-deals .sopostav-key {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  letter-spacing: -0.4px;
}
.s-import-deals .sopostav-value {
  min-width: 230px;
  max-width: 230px;
}
.s-import-deals h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.s-import-deals .final-button {
  margin-top: 15px;
}
.s-import-deals .error-line {
  display: block;
  margin-bottom: 2px;
}
.s-discounts {
  --disc-flag-bg: rgba(255, 255, 255, 0.08);
  --disc-flag-color: rgba(255, 255, 255, 0.62);
  --disc-alert-soon-bg: rgba(255, 203, 0, 0.12);
  --disc-alert-expired-bg: rgba(252, 108, 108, 0.12);
  --disc-row-soon: rgba(255, 203, 0, 0.06);
  --disc-row-expired: rgba(252, 108, 108, 0.07);
  --disc-row-later: rgba(44, 152, 240, 0.08);
}
body.theme-white .s-discounts {
  --disc-flag-bg: rgba(47, 57, 80, 0.08);
  --disc-flag-color: rgba(47, 57, 80, 0.62);
  --disc-alert-soon-bg: rgba(217, 137, 19, 0.1);
  --disc-alert-expired-bg: rgba(200, 76, 76, 0.1);
  --disc-row-soon: rgba(217, 137, 19, 0.06);
  --disc-row-expired: rgba(200, 76, 76, 0.06);
  --disc-row-later: rgba(44, 152, 240, 0.06);
}
.s-discounts .std-block-edit {
  position: static;
  font-size: 12px;
  background: var(--sfi-edit-bg);
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
}
.s-discounts .std-block-edit:hover {
  cursor: pointer;
  background: var(--sfi-edit-bg-hover);
}
.s-discounts .disc-id {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 15px;
}
.s-discounts .disc-badge-bg {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  flex-shrink: 0;
  opacity: 1;
}
.s-discounts .flats-count {
  font-size: 85%;
  margin-top: 1px;
}
.s-discounts .catalog-title {
  opacity: 0.5;
  font-size: 12px;
  margin-top: 2px;
}
.s-discounts .disc-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.s-discounts .disc-flag {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 3px;
  background: var(--disc-flag-bg);
  color: var(--disc-flag-color);
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  cursor: default;
}
.s-discounts .disc-date-status {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
}
.s-discounts .disc-date-status.soon,
.s-discounts .disc-date-status.later {
  color: var(--color-orange);
}
.s-discounts .disc-date-status.today,
.s-discounts .disc-date-status.expired {
  color: var(--color-red);
}
.s-discounts .discounts-alerts {
  margin: -10px 0 18px;
}
.s-discounts .discounts-alert {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.35;
  margin-bottom: 8px;
}
.s-discounts .discounts-alert i {
  width: 16px;
  text-align: center;
}
.s-discounts .discounts-alert:last-child {
  margin-bottom: 0;
}
.s-discounts .discounts-alert.is-soon {
  background: var(--disc-alert-soon-bg);
  color: var(--color-orange);
}
.s-discounts .discounts-alert.is-expired {
  background: var(--disc-alert-expired-bg);
  color: var(--color-red);
}
.s-discounts .disc-empty {
  margin: 18px 0 8px;
  opacity: 0.65;
}
.s-discounts .std-white-filters .--clear {
  opacity: 0.8;
}
.s-discounts .std-tr-body-row.is-ending-soon {
  background: var(--disc-row-soon);
  box-shadow: inset 3px 0 0 var(--color-orange);
}
.s-discounts .std-tr-body-row.is-expired {
  background: var(--disc-row-expired);
  box-shadow: inset 3px 0 0 var(--color-red);
}
.s-discounts .std-tr-body-row.is-later {
  background: var(--disc-row-later);
  box-shadow: inset 3px 0 0 #2c98f0;
}
body {
  --std-nav-tabs-bg: #3b2e5a;
  --form-button-light-color: #fff;
  --form-button-border: #ffffff38;
  --sf-item-border: #3e4f77;
  --sfi-edit-bg: #4a536a;
  --sfi-edit-color: #fff;
  --sfi-edit-bg-hover: #ffffff36;
  --sfi-btn-bg: #4a536a;
  --std-other-title-border: #424f73;
}
body.theme-white {
  --std-head-bg: transparent;
  --std-head-color: #697a90;
  --std-nav-tabs-bg: #dbe7f6;
  --form-button-border: #8d97b1;
  --form-button-light-color: #58616d;
  --sf-item-border: #858da5;
  --sfi-edit-bg: #b1bbd4;
  --sfi-edit-color: #6e7890;
  --sfi-edit-bg-hover: #c2cfec;
  --sfi-btn-bg: #b1bbd4;
  --std-other-title-border: #616d8e;
}
body.theme-white .s_feeds .std-head .std-head-view .std-head-view-viewitem:hover {
  border-color: #97abc5;
  background-color: #d0dff2;
}
body.theme-white .std-section.std-section--inverse {
  background-color: var(--card-bg-color);
  color: var(--chess-edit-text-color);
}
.s_feeds .sfi-edit {
  color: var(--sfi-edit-color);
}
.s_feeds .sf-d-project-fields {
  display: flex;
  align-items: flex-end;
}
.s_feeds .sf-d-project-fields .form-group {
  width: 150px;
  margin-right: 10px;
}
.s_feeds .std-other-title {
  border-bottom: 1px solid var(--std-other-title-border);
}
.s_feeds .std-head .std-head-view .std-head-view-viewitem {
  border: 1px solid var(--form-button-border);
  color: var(--form-button-light-color);
}
.s_feeds .std-tabs.--color > .nav.nav-tabs {
  background: var(--std-nav-tabs-bg);
  border-top: 1px solid var(--clif-border);
  border-bottom: 1px solid var(--clif-border);
}
.s_feeds .std-tabs.--color > .nav.nav-tabs li a {
  color: var(--chess-edit-navtabs-color);
}
.s_feeds .std-tabs.--color > .nav.nav-tabs li.active > a {
  border-bottom: 4px solid var(--chess-edit-navtabs-active-border-bottom);
  color: var(--chess-edit-navtabs-active-color);
}
.s_feeds .users-table .w-150 {
  width: 150px;
}
.s_feeds .users-table .w-100 {
  width: 100px;
}
.s_feeds .users-table .ta-c {
  text-align: center;
}
.s_feeds .spin {
  animation: spin 1s infinite;
}
.s_feeds .trb-item-2 {
  color: #fff;
  padding: 3px 10px 5px;
  white-space: nowrap;
  border-radius: 3px;
  background: #4b5776;
}
.s_feeds .trb-item-2[data-type="5"] {
  background-color: #9a357a;
}
.s_feeds .trb-item-2[data-type="16"],
.s_feeds .trb-item-2[data-type="19"] {
  background-color: #245bf3;
}
.s_feeds .trb-item-2[data-type="20"] {
  background-color: #86fe02;
  color: #000;
}
.s_feeds .trb-item-2[data-type="21"] {
  background-color: #37A611;
  color: #fff;
}
.s_feeds .trb-item-2[data-type="15"] {
  background-color: #88c53e;
}
.s_feeds .trb-item-2[data-type="1"],
.s_feeds .trb-item-2[data-type="23"] {
  background-color: #fed42a;
  color: #000;
}
.s_feeds .trb-item-2[data-type="11"] {
  background-color: #447bba;
}
.s_feeds .trb-item-2[data-type="18"] {
  background: linear-gradient(97.26deg, #ed3cca 0.49%, #df34d2 14.88%, #d02bd9 29.27%, #bf22e1 43.14%, #ae1ae8 57.02%, #9a10f0 70.89%, #8306f7 84.76%, #7c1af8 99.15%), linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
}
.s_feeds .trb-item-2[data-type="17"] {
  background-color: #2ead00;
}
.s_feeds .trb-item-2[data-type="6"] {
  color: #ffdd06;
  background-color: #ff5226;
}
.s_feeds .trb-item-2[data-type="2"],
.s_feeds .trb-item-2[data-type="10"] {
  background-color: #039e36;
}
.s_feeds .trb-item-2[data-type="3"],
.s_feeds .trb-item-2[data-type="12"] {
  background-color: #01a9ff;
}
.s_feeds .trb-item-2[data-type="4"],
.s_feeds .trb-item-2[data-type="13"] {
  background-color: #0661ec;
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.s_feeds .sfi-btn {
  font-size: 12px;
  background: var(--sfi-btn-bg);
  padding: 9px 15px;
  border-radius: 4px 4px 4px 4px;
  text-align: center;
  transition: 0.2s;
}
.s_feeds .sfi-btn:hover {
  cursor: pointer;
  background: var(--sfi-edit-bg-hover);
}
.s_feeds .sfi-edit {
  font-size: 12px;
  background: var(--sfi-edit-bg);
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
}
.s_feeds .sfi-edit:hover {
  cursor: pointer;
  background: var(--sfi-edit-bg-hover);
}
.s_feeds .tab-content .tab-pane:nth-child(2) .sfi-edit {
  position: absolute;
  top: 10px;
  right: 10px;
}
.s_feeds .sf-flex {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
.s_feeds .sf-flex-desc {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
.s_feeds .sfi-type {
  font-size: 14px;
  margin: 0px -30px 10px -30px;
  border-bottom: 1px solid var(--sf-item-border);
  padding: 0 60px 20px 30px;
  font-weight: bold;
}
.s_feeds .sf-item {
  width: 350px;
  margin: 15px;
  padding: 20px 30px 74px 30px;
  border: 1px solid var(--sf-item-border);
  border-radius: 5px;
  position: relative;
  background-color: var(--chess-edit-gallery-info-bg);
}
.s_feeds .sf-item.--dis {
  padding-bottom: 30px;
}
.s_feeds .sffd-title {
  font-size: 16px;
  margin: 3px 0 20px;
  font-weight: bold;
  padding-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s_feeds .sffd-text {
  max-height: 140px;
  overflow: hidden;
  opacity: 0.8;
}
.s_feeds .sf-item-d {
  width: 350px;
  margin: 15px;
  padding: 20px 30px 30px 30px;
  border: 1px solid var(--sf-item-border);
  border-radius: 5px;
  position: relative;
  background-color: var(--chess-edit-gallery-info-bg);
}
.s_feeds .sf-item-d.--dis {
  padding-bottom: 30px;
}
.s_feeds .sfi-part {
  margin-top: 15px;
}
.s_feeds .sfi-part label {
  opacity: 0.4;
  font-weight: normal;
  display: block;
  font-size: 12px;
  margin-bottom: 1px;
}
.s_feeds .vidget .copy-btn {
  transform: translate(0, -5px);
}
.s_feeds .vidget .code-textarea {
  color: white;
  height: auto;
  background-color: #1e1e1e;
}
.s_feeds .org {
  margin: 10px 0;
  transition: 0.2s;
  background-color: rgba(0, 0, 0, 0.2);
}
.s_feeds .org .org-name {
  cursor: pointer;
  font-size: 2rem;
  padding: 10px;
}
.s_feeds .org .org-info {
  height: 0;
  padding: 0 10px;
  transition: 0.2s;
  overflow: hidden;
  position: relative;
}
.s_feeds .org .active-org {
  height: auto;
  padding: 10px;
}
.s_feeds .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}
.s_feeds .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.s_feeds .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.s_feeds .slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.s_feeds input:checked + .slider {
  background-color: var(--color-blue);
}
.s_feeds input:focus + .slider {
  box-shadow: 0 0 1px var(--color-blue);
}
.s_feeds input:checked + .slider:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.s_feeds .slider.round {
  border-radius: 34px;
}
.s_feeds .slider.round:before {
  border-radius: 50%;
}
.s_feeds .sf-d-project {
  margin-bottom: 15px;
}
.s_feeds .sf-d-project-title {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 10px;
}
.s_feeds .sf-d-houses {
  /*    display: flex;*/
  /*    flex-wrap: wrap;*/
}
.s_feeds .sf-d-house a {
  color: var(--btn-color);
}
.s_feeds .sf-d-house-title {
  margin-bottom: 5px;
}
.s_feeds a.sf-d-house-edit {
  border-left: 1px solid #ffffff24;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  background: #fff1;
  transition: 0.3s;
}
.s_feeds a.sf-d-house-edit:hover {
  background: #fff2;
}
.s_feeds .sf-i-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.s_feeds .sd-i-flex-item {
  margin-bottom: 20px;
}
.s-import-req {
  font-size: 20px;
  position: absolute;
  margin-left: 4px;
  margin-top: -1px;
  color: #f00;
}
.s-import-view .sopostav-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.s-import-view .sopostav-key {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  letter-spacing: -0.4px;
}
.s-import-view .sopostav-value {
  min-width: 230px;
  max-width: 230px;
}
.s-import-view h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.s-import-view .final-button {
  margin-top: 15px;
}
.s-import-view .error-line {
  display: block;
  margin-bottom: 2px;
}
.s-import-req {
  font-size: 20px;
  position: absolute;
  margin-left: 4px;
  margin-top: -1px;
  color: #f00;
}
.s-import-view .sopostav-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
.s-import-view .sopostav-key {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  letter-spacing: -0.4px;
}
.s-import-view .sopostav-value {
  min-width: 230px;
  max-width: 230px;
}
.s-import-view h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
.s-import-view .final-button {
  margin-top: 15px;
}
.s-import-view .error-line {
  display: block;
  margin-bottom: 2px;
}
.s-metrika-goals .contt {
  max-width: 800px;
}
.s-metrika-goals .goals-section {
  margin-bottom: 20px;
  margin-top: 20px;
}
.s-metrika-goals .goals-section-title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}
.s-metrika-goals .goal-row {
  margin-top: 6px;
}
.s-metrika-goals .goal-row-sect {
  margin-top: 14px;
}
.s-metrika-goals .goal-row.--pad {
  margin-left: 15px;
}
.s-programs .std-block-edit {
  position: static;
  font-size: 12px;
  background: var(--sfi-edit-bg);
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
}
.s-programs .std-block-edit:hover {
  cursor: pointer;
  background: var(--sfi-edit-bg-hover);
}
.s-project-fin .std-head {
  min-height: 65px;
}
.s-project-fin .shf-area-right {
  min-width: 300px;
  border-left: 1px solid #abaeb6;
}
.s-project-fin .shf-area-left {
  width: 100%;
  overflow: auto;
}
.s-project-fin .shf-floors {
  border-right: 1px solid #abaeb6;
  padding-top: 72px;
}
.s-project-fin .shf-area {
  padding: 20px;
}
.s-project-fin .sp-head {
  padding: 15px 20px 15px;
  background: #e6eaf4;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #abaeb6;
}
.s-project-fin .back {
  background: #00000014;
  color: #656b78;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  line-height: 45px;
}
.s-project-fin .dco-project {
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
}
.s-project-fin .dco-desc {
  margin-left: 30px;
}
.s-project-fin .dco-title {
  font-weight: bold;
  font-size: 13px;
}
.s-project-fin .dco-filters {
  margin-left: auto;
  width: 320px;
}
.s-project-fin .sp-floor {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.s-project-fin .ft-left {
  display: flex;
  align-items: center;
}
.s-project-fin .pol-val {
  display: flex;
  align-items: center;
}
.s-project-fin .pol-start {
  display: flex;
  align-items: center;
}
.s-project-fin .ft-center {
  display: flex;
  align-items: center;
}
.s-project-fin .pol-select,
.s-project-fin .pol-select4 {
  font-size: 18px;
}
.s-project-fin span.dire-minus {
  position: relative;
  font-size: 24px;
  line-height: 10px;
  top: -3px;
}
.s-project-fin .pol-set {
  margin-left: 40px;
}
.s-project-fin .pol-start {
  margin-right: 40px;
}
.s-project-fin .ft-centerer {
  display: flex;
  align-items: center;
  min-width: 420px;
  user-select: none;
}
.s-project-fin .dwa {
  text-align: center;
  font-size: 16px;
  align-self: center;
  justify-self: center;
  margin: auto;
}
.s-project-fin .pol-select {
  min-width: 180px;
}
.s-project-fin .std-btn.--sm34.dire {
  font-size: 27px;
  padding: 0;
  min-width: 34px;
  text-align: center;
}
.s-project-fin .pol-val input {
  width: 140px;
  text-align: center;
  margin: 0 20px;
  padding: 0 2px;
  height: 46px;
  border-radius: 10px;
  border-color: #518ee3;
  background: #e1efff;
  font-size: 16px;
  font-weight: bold;
}
.s-project-fin .pol-val-title {
  font-size: 20px;
}
.s-project-fin .stat {
  min-width: 660px;
  padding: 20px;
}
.s-project-fin .fixed-top {
  position: sticky;
  top: 0;
  background: #fff;
  height: 70px;
  z-index: 22;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #abadb6;
  border-top: 1px solid #abadb6;
}
.s-project-fin .scroll {
  overflow-x: auto;
  user-select: none;
  border-right: 1px solid #abadb6;
}
.s-project-fin .line-checkbox {
  background: #fff;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #c2c4ca;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
}
.s-project-fin .line-checkbox:after {
  content: '';
  background: #3a8cff;
  position: absolute;
  left: 2px;
  right: 2px;
  top: 50%;
  height: 6px;
  border-radius: 3px;
  transform: translateY(-50%);
  transition: 0.3s;
  opacity: 0;
}
.s-project-fin .line-checkbox[state="1"]:after {
  opacity: 1;
}
.s-project-fin .line-checkbox[state="2"] {
  transform: scale(1.35);
}
.s-project-fin .line-checkbox[state="2"]:after {
  opacity: 1;
  left: 1px;
  right: 1px;
  height: 16px;
}
.s-project-fin .sp-floor-checkbox {
  min-width: 20px;
}
.s-project-fin .flat-row {
  display: flex;
  justify-content: space-between;
}
.s-project-fin .sp-fake-floor {
  min-width: 70px;
}
.s-project-fin .sp-flat-fake {
  min-width: 180px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
.s-project-fin .flat-row.--price {
  font-size: 18px;
  font-weight: bold;
}
.s-project-fin .flat-row.--pricem2 {
  opacity: 0.6;
}
.s-project-fin .sline {
  position: relative;
}
.s-project-fin .sright {
  min-width: 300px;
  padding: 20px;
}
.s-project-fin .flat-index {
  background: #ffe400;
  position: absolute;
  right: 8px;
  min-width: 28px;
  bottom: 10px;
  border-radius: 40px;
  font-weight: bold;
  font-family: monospace;
}
.s-project-fin .adder-price {
  font-size: 70%;
  color: #00ac38;
}
.s-project-fin .adder-price.min {
  color: #ff4a4a;
}
.s-project-fin .sp-flat {
  width: 180px;
  height: 100px;
  background: #ffffff;
  margin-right: 10px;
  text-align: center;
  line-height: 28px;
  border-radius: 10px;
  transition: 0.2s;
  padding: 10px;
  position: relative;
}
.s-project-fin .sp-flat.solded {
  background: #e2e6f0;
  color: #505050;
  pointer-events: none;
  border: 1px solid #c3c6cd;
  opacity: 0.6;
}
.s-project-fin .sp-flat.booked {
  background: #ebe9e0;
  color: #7b6c30;
  pointer-events: none;
  border: 1px solid #cbc69d;
  opacity: 0.5;
}
.s-project-fin .sp-flat.add-plus {
  background: #f3ffea;
}
.s-project-fin .sp-flat.add-minus {
  background: #ffbebe;
}
.s-project-fin .sp-flat.selected {
  box-shadow: 0px 0px 2px 1px #0f73dd;
}
.s-project-fin .sp-flat.selected[flat-status="0"] {
  background: #c9e2ff;
}
.s-project-fin .sp-floor-number {
  min-width: 50px;
  text-align: center;
}
.s-project-fin .sp-house-sections {
  display: flex;
  width: max-content;
}
.s-project-fin .sp-section-title {
  font-size: 20px;
  font-weight: bold;
  color: #4d598e;
}
.s-project-fin .sp-house {
  margin-bottom: 20px;
}
.s-project-fin .sp-house-title {
  font-weight: bold;
}
.s-project-fin .sp-section {
  margin-right: 30px;
  padding: 20px;
}
.s-project-fin .sp-floor-flats {
  display: flex;
  align-items: center;
}
.s-project-fin .house-btn {
  border: 1px solid #abadb6;
  min-width: 110px;
  text-align: center;
  margin-right: 10px;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
  transition: 0.2s;
}
.s-project-fin .houses-toggler {
  display: flex;
  padding: 0;
  margin-left: auto;
}
.s-project-fin .house-btn-title {
  font-weight: bold;
}
.s-project-fin .house-btn.active {
  background: #fff;
}
.c-process {
  height: 100vmin;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.c-process .cp-top {
  height: 90px;
  background: #f2f9ff;
  display: flex;
  padding: 0 20px;
  align-items: center;
}
.c-process .cp-top > a {
  display: inline-block;
  background: #deeaf5;
  padding: 0px 20px;
  color: #3774a6;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 20px;
  height: 40px;
  line-height: 40px;
}
.c-process .cp-top-subtitle {
  font-size: 12px;
  opacity: 0.6;
  margin-bottom: 5px;
}
.c-process .cp-top-input input {
  height: 40px;
  padding: 0 10px;
  width: 500px;
  border: 1px solid #dde6ee;
  font-size: 16px;
  color: #000;
  border-radius: 4px;
  font-family: monospace;
}
.c-profile-gc .cpgc-form {
  display: flex;
}
.c-profile-gc .cpgc-form .btn {
  margin-left: 10px;
}
.c-profile-max code {
  cursor: pointer;
  font-size: 30px;
  padding: 10px 20px;
  margin: 5px 0 20px;
  display: inline-block;
}
.profile-mcp .mcp-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 22px 0 16px;
}
.profile-mcp .mcp-toolbar .prof-title {
  margin-bottom: 4px;
}
.profile-mcp .mcp-toolbar-meta {
  font-size: 12px;
  color: #8d97b1;
}
.profile-mcp .mcp-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 168px;
  padding: 28px 20px;
  border: 1px dashed #cfd6e6;
  border-radius: 18px;
  background: linear-gradient(180deg, #f7f9ff 0%, #f3f6fb 100%);
  text-align: center;
  cursor: pointer;
  transition: 0.15s ease;
}
.profile-mcp .mcp-empty:hover {
  border-color: #8da4d8;
  transform: translateY(-1px);
}
.profile-mcp .mcp-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(61, 90, 160, 0.08);
  color: #4d6bb3;
  font-size: 20px;
}
.profile-mcp .mcp-empty-title {
  font-weight: 700;
  margin-bottom: 4px;
}
.profile-mcp .mcp-empty-desc {
  font-size: 13px;
  color: #8d97b1;
}
.profile-mcp .mcp-keys {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile-mcp .mcp-key {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  background: #f4f6fb;
  cursor: pointer;
  transition: 0.15s ease;
}
.profile-mcp .mcp-key:hover {
  background: #ebf0fb;
  transform: translateY(-1px);
}
.profile-mcp .mcp-key.--off {
  opacity: 0.62;
}
.profile-mcp .mcp-key-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #fff;
  color: #4d6bb3;
  font-size: 18px;
  flex-shrink: 0;
}
.profile-mcp .mcp-key.--off .mcp-key-icon {
  color: #8d97b1;
}
.profile-mcp .mcp-key-body {
  min-width: 0;
  flex: 1;
}
.profile-mcp .mcp-key-title {
  font-weight: 700;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-mcp .mcp-key-meta {
  font-size: 12px;
  color: #8d97b1;
}
.profile-mcp .mcp-key-side {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: #b3bbcd;
}
.profile-mcp .mcp-key-badge {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: lowercase;
}
.profile-mcp .mcp-key-badge.--on {
  background: #e4f6ee;
  color: #1f7a52;
}
.profile-mcp .mcp-key-badge.--off {
  background: #eceff5;
  color: #7b849c;
}
.c-profile-tg code {
  cursor: pointer;
  font-size: 30px;
  padding: 10px 20px;
  margin: 5px 0 20px;
  display: inline-block;
}
body.in-touch-scrolling .chesstable-popover {
  display: none !important;
}
f.leaf-popup {
  width: 180px;
}
f.leaf-popup .lp-title {
  font-size: 20px;
  margin-bottom: 16px;
}
f.leaf-popup .lp-price {
  font-size: 14px;
}
body {
  --selecter-bg: #4a3c6b;
  --clif: #3b2e5a;
  --clif-border: #4a3c6b;
  --sph-cbm-bg: #393e5d;
  --ssph-counts-bg: #1a2339;
  --ssph-counts-border: #343f5b;
  --ssph-counts-data-status-3-bg: #ffffff24;
  --sph-views-settings-bg: #ffffff1a;
  --ssph-counts-data-status-3-color: #fff;
}
body .s_project_house {
  --chevron-bg: #ffffff29;
}
body.theme-white {
  --sph-cbm-bg: #b8c8db;
  --selecter-bg: #f6faff;
  --ssph-counts-bg: #aab7d6;
  --ssph-counts-border: #8491b2;
  --ssph-counts-data-status-3-bg: #d7dde7;
  --sph-views-settings-bg: #ffffff57;
  --ssph-counts-data-status-3-color: #000;
}
body.theme-white .s_project_house {
  --clif: #dbe7f6;
  --clif-border: #c0cfe2;
  --chevron-bg: #d2dbf1;
}
body.theme-white .s_project_house .sph-cbm {
  color: #333;
}
@media only screen and (max-width: 767px) {
  body.theme-white .sph-right {
    background: #fff;
  }
}
.s_project_house {
  padding-top: 0 !important;
  background-color: #222c46bf;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .s_project_house[viewmode="2"] .sph-area {
    position: fixed;
    top: 100px;
    bottom: 0;
  }
  .s_project_house .std-head-left {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 10px 5px;
  }
}
.s_project_house > a.help-btn {
  z-index: 999;
}
.s_project_house .plans-wrapper {
  padding: 0 30px 30px;
}
.s_project_house .house-selector-houses {
  background: #fff;
  position: absolute;
  top: 100%;
  color: #454545;
  padding: 30px 30px;
  z-index: 300;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  min-width: 400px;
  max-height: 70vh;
  overflow: auto;
  box-shadow: 0px 2px 16px -6px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 10px 10px;
}
.s_project_house .house-selector-houses.blocked {
  pointer-events: none !important;
}
@media only screen and (max-width: 767px) {
  .s_project_house .house-selector-houses {
    min-width: 0px;
    left: 0;
    right: 0;
    flex-wrap: wrap;
  }
}
.s_project_house .std-refresh {
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .std-refresh {
    position: absolute;
    z-index: 111;
    top: 4px;
    right: 15px;
  }
}
.s_project_house .house-selector-houses {
  display: flex;
}
.s_project_house .hsh-group {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .hsh-group {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.s_project_house .hsh-group:last-child {
  margin-right: 0;
}
.s_project_house .hsh-link {
  white-space: nowrap;
  margin-bottom: 3px;
}
.s_project_house .hsh-group-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.s_project_house .hsh-link a {
  text-decoration: none;
  color: #3c65ae;
}
.s_project_house .house-selector {
  position: relative;
}
.s_project_house .house-selector.enable-hover {
  background: var(--selecter-bg);
  padding-right: 20px;
}
.s_project_house .house-selector.enable-hover i {
  display: inline-block;
  margin-left: 3px;
}
.s_project_house .house-selector.enable-hover:hover .house-selector-houses {
  opacity: 1;
  visibility: visible;
}
.s_project_house .house-selector h1 i {
  font-size: 13px;
  background: var(--chevron-bg);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  position: relative;
  top: -2px;
  display: none;
  padding-left: 1px;
}
@media only screen and (max-width: 767px) {
  .s_project_house[data-house-type="2"] .flex-area .std-chess,
  .s_project_house[data-house-type="3"] .flex-area .std-chess,
  .s_project_house[data-house-type="4"] .flex-area .std-chess {
    display: none;
  }
}
.s_project_house[data-house-type="6"] .sph-table {
  display: block;
  min-width: 0px;
}
.s_project_house[data-house-type="6"] .spht-section {
  width: 100%;
}
.s_project_house[data-house-type="6"] .spht-floor {
  min-width: 0px;
}
.s_project_house[data-house-type="5"] .--s {
  display: flex !important;
  justify-content: space-between;
}
.s_project_house[data-house-type="5"] .--m {
  display: none !important;
}
.s_project_house[data-house-type="5"] .spht-floor-title {
  display: none;
}
.s_project_house[data-house-type="5"] .sph-table {
  min-width: 100%;
  display: block;
}
.s_project_house[data-house-type="5"] .sph-table .spht-section {
  padding-left: 0;
}
.s_project_house[data-house-type="5"] .sph-table .spht-floor {
  min-width: 100%;
}
.s_project_house[data-house-type="5"] .spht-section {
  width: 100%;
}
.s_project_house[data-house-type="5"] .sph-table .spht-flat-out.--more-info-chess .spht-flat {
  min-width: 140px;
  max-width: 140px;
  min-height: 51px;
  max-height: 70px;
  padding: 6px 7px 0 7px;
}
.s_project_house .sh-deals-panel {
  position: absolute;
  right: 0;
  top: 65px;
  width: 380px;
  bottom: 45px;
  border-left: 1px solid #fff2;
  z-index: 123;
  background: var(--card-bg-color);
}
.s_project_house .sh-deals-panel-inner {
  height: 100%;
  overflow: auto;
  padding: 15px;
}
.s_project_house .flex-area {
  height: 100vmin;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .s_project_house .flex-area {
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .s_project_house .flex-area.deals-opened .std-content {
    margin-right: 380px;
  }
  .s_project_house .flex-area.deals-opened .sph-area {
    margin-right: 380px;
    width: auto;
  }
}
.s_project_house .std-editbtn.--black {
  display: none !important;
}
.s_project_house .sph-slider-area {
  display: flex;
  margin-right: 20px;
  align-items: center;
  margin-top: -2px;
}
.s_project_house .sph-slider {
  min-width: 80px;
  max-width: 80px;
}
.s_project_house .sph-slider .rzslider {
  margin: 0;
}
.s_project_house .sph-slider .rzslider .rz-bar.rz-selection {
  background: transparent;
}
.s_project_house .sph-slider .rzslider .rz-pointer {
  top: -11px;
  z-index: 3;
  width: 26px;
  height: 26px;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 16px;
  transition: all linear 0.3s;
  color: #fff;
}
.s_project_house .sph-slider .rzslider .rz-pointer:after {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  content: "\f00e";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  color: #000;
  line-height: 28px;
  text-align: center;
  background: transparent !important;
}
.s_project_house .sph-slider .rz-limit,
.s_project_house .sph-slider .rz-model-value {
  display: none !important;
}
.s_project_house .sph-right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sph-right {
    position: fixed;
    bottom: 21px;
    z-index: 44;
    right: 4px;
    display: block;
  }
  .s_project_house .sph-right .sph-views-title {
    display: none;
  }
}
.s_project_house .sph-views-settings {
  text-transform: uppercase;
  font-size: 10px;
  display: flex;
  align-items: center;
  margin-left: 15px;
  line-height: 37px;
  background: var(--sph-views-settings-bg);
  padding: 0 15px;
  transition: 0.3s;
  border-radius: 10px;
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sph-views-settings {
    margin-left: auto;
    margin-left: 10px;
  }
}
.s_project_house .sph-views-settings:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2);
}
.s_project_house .sph-views-settings i {
  font-size: 17px;
  margin-left: 5px;
}
.s_project_house .sph-counts {
  background: var(--ssph-counts-bg);
  border-top: 1px solid var(--ssph-counts-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  max-height: 55px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sph-counts {
    padding: 0px 0px;
    position: static;
    border-top: none;
    border-bottom: 1px solid #374362;
    background: #222a3f;
    height: auto;
    order: 1;
    min-height: auto;
    max-height: auto;
  }
}
.s_project_house .std-content {
  padding: 0;
}
.s_project_house .sph-views {
  display: flex;
  align-items: center;
}
.s_project_house .sph-counts-inner {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sph-counts-inner {
    position: static;
    width: 100%;
    overflow: auto;
    padding: 13px 13px;
    margin-left: 0;
  }
}
.s_project_house .sph-views-item {
  width: 30px;
  line-height: 26px;
  text-align: center;
  font-size: 23px;
  opacity: 0.5;
  transition: 0.2s;
}
.s_project_house .sph-views-item.--dev {
  font-size: 14px;
}
.s_project_house .sph-views-item.active {
  pointer-events: none;
  opacity: 1;
}
.s_project_house .sph-views-item:hover {
  opacity: 0.8;
  cursor: pointer;
}
.s_project_house .sph-views-title {
  margin-right: 10px;
  opacity: 0.3;
  font-size: 10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sph-views-title {
    margin-left: 15px;
  }
}
.s_project_house .sph-area {
  width: 100%;
  height: 100%;
  position: relative;
}
.s_project_house .sph-area.dev4Area {
  background: #fff;
}
.s_project_house .sph-area.dev4Area .position {
  display: block;
}
.s_project_house .sph-area.dev4Area .spht-floor:last-child .position,
.s_project_house .sph-area.dev4Area .spht-floor:first-child .position,
.s_project_house .sph-area.dev4Area .spht-floor.--offset_new .position {
  display: block;
}
.s_project_house .sph-area.dev4Area .spht-floor:first-child .position,
.s_project_house .sph-area.dev4Area .spht-floor.--offset_new .position {
  top: -46px;
}
.s_project_house .sph-area.dev4Area .spht-floor.--border {
  margin-bottom: 36px;
}
.s_project_house .sph-area.dev4Area .spht-flat-number {
  opacity: 1 !important;
  color: #d5d5d5 !important;
}
.s_project_house .sph-area.dev4Area .spht-floor-title {
  color: #000 !important;
}
.s_project_house .sph-area.dev4Area .spht-flat.--booked {
  background: #3022ff !important;
}
.s_project_house .sph-area.dev4Area .spht-flat.--booked.--book_error {
  background: repeating-linear-gradient(-45deg, #3022ff, #7a73e2 0px, #3022ff 2px, #2a248b 6px) !important;
}
.s_project_house .sph-area.dev4Area .spht-flat.--solded {
  background: #505050 !important;
  color: #bbb !important;
}
.s_project_house .sph-area.dev4Area .spht-flat.--closed {
  background: #563b17 !important;
}
.s_project_house .sph-area.dev4Area .spht-flat.--booked.--nobook {
  background: #a88254 !important;
  color: #fff1e1;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sph-area {
    position: static;
    order: 3;
  }
}
.s_project_house .sc-head {
  margin-bottom: -1px;
  margin-top: 0;
}
.s_project_house .sc-head h1 {
  font-size: 20px;
  margin-top: 22px !important;
  text-transform: none;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .sc-head h1 {
    font-size: 16px;
    white-space: nowrap;
    letter-spacing: 0px;
    padding: 0 0 0 15px !important;
    margin: 0 0 0 0px !important;
    position: static;
    line-height: 50px;
    position: static !important;
  }
}
@media only screen and (max-width: 767px) {
  .s_project_house .sc-head {
    margin-top: 0 !important;
    min-height: 50px;
    max-height: 50px;
  }
}
.s_project_house .map-area {
  position: absolute;
  overflow: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.s_project_house .map-area .map {
  width: 100%;
  height: 100%;
  cursor: default !important;
}
@media only screen and (max-width: 767px) {
  .s_project_house .map-area .map {
    position: absolute;
    bottom: 33px;
    top: 0;
    height: auto;
  }
}
.s_project_house .map-area .map path.--free {
  fill: #0d9e0e;
  stroke: #178c01;
}
.s_project_house .map-area .map path.--booked {
  fill: #ffe133;
  stroke: #ffd400;
}
.s_project_house .map-area .map path.--solded {
  fill: #5d5d5d;
  stroke: #676667;
  fill-opacity: 0.8;
}
.s_project_house .map-area .map path.--oformlenie {
  fill: #023eff;
  stroke: #1570f9;
}
.s_project_house .map-area .map path.--closed {
  fill: #848282;
  stroke: #676767;
}
.s_project_house .scroller-area {
  position: absolute;
  overflow: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 10px 30px;
}
@media only screen and (max-width: 767px) {
  .s_project_house .scroller-area {
    top: 0px;
    position: static;
    padding: 0;
    overflow: visible;
  }
}
.s_project_house .clif {
  margin: 0px 0 0;
  display: flex;
  width: 100%;
  background: var(--clif);
  border-bottom: 1px solid var(--clif-border);
  border-top: 1px solid var(--clif-border);
  position: relative;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .s_project_house .clif {
    display: block;
  }
}
.s_project_house .filters-left {
  display: flex;
  margin-top: 33px;
  margin-right: 20px;
}
.s_project_house .filters-left > * {
  margin-right: 4px;
}
.s_project_house .filters-left > *:last-child {
  margin-right: 0;
}
.s_project_house .spht-section {
  padding-bottom: 40px;
}
.s_project_house .dps-dt-end.active {
  color: #00e600;
}
.s_project_house .bm-buttons {
  margin-top: 20px;
}
.s_project_house .bm-buttons .btn {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border: 2px solid rgba(255, 255, 255, 0.68);
  color: #ffffff;
  padding: 9px;
  margin-bottom: 10px;
  border-radius: 7px;
}
.s_project_house .bm-buttons .btn.--danger {
  border-color: #ffb2b2;
  color: #ffabab;
}
.s_project_house .sph-cbm {
  margin: -10px -30px 30px;
  background: var(--sph-cbm-bg);
  padding: 30px;
  font-size: 14px;
}
.s_project_house .sbt-comment-click:hover {
  padding: 2px 6px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  margin: -3px -7px;
  border-radius: 3px;
  cursor: pointer;
}
.s_project_house .lock-icons {
  margin-left: 5px;
  pointer-events: none;
  opacity: 0.2;
  transition: 0.2s;
}
.s_project_house .lock-icons.active {
  opacity: 1;
  pointer-events: all;
}
.s_project_house .lock-icons i {
  width: 28px;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.06);
  display: inline-block;
  text-align: center;
  line-height: 26px;
  border-radius: 3px;
  color: #853a75;
  cursor: pointer;
}
.s_project_house .sph-head {
  background: #3b2e5a;
  color: #ffffff;
  margin: -30px -30px 0;
  padding: 0px 30px;
  height: 44px;
  line-height: 44px;
}
.s_project_house .sph-head .sph-buttons {
  margin-top: -1px;
  margin-left: 30px;
}
.s_project_house .sph-head h1 {
  margin-bottom: 0;
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 44px;
  font-size: 18px;
}
.s_project_house .sph-head-right {
  /*width: 100%;*/
}
.s_project_house .sph-head-right a {
  text-decoration: none;
  line-height: 44px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.s_project_house .sph-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  font-size: 44px;
  color: #853a76;
  pointer-events: none;
  width: 400px;
  height: 300px;
  background: radial-gradient(ellipse at center, rgba(133, 58, 118, 0.15) 0%, rgba(254, 254, 254, 0) 70%);
  transform: scale(0.6);
  text-align: center;
  line-height: 300px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  margin: -150px 0 0 -200px;
  z-index: 10;
}
.s_project_house .sph-loading i {
  line-height: 300px;
}
.s_project_house .sph-loading.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.sph-s-close {
  height: 44px;
  background: #fff;
  border-bottom: none;
  position: absolute;
  z-index: 5;
  right: 100%;
  width: 44px;
  margin: 10px 10px 0 0;
  border-radius: 10px;
  color: #8e8e8e;
  transition: 0.2s;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  .sph-s-close {
    top: 0;
    right: 0;
    background: #eee;
  }
}
.sph-s-close:hover {
  color: #000;
  background-color: #eee;
  transform: scale(1.1);
  cursor: pointer;
}
body .s_projects {
  --sp-infoset-bg: #ffffff21;
  --sp-grid-house-bg: #272539;
  --sp-grid-house-color: #fff;
}
body.theme-white .s_projects {
  --sp-infoset-bg: #fff;
  --sp-grid-house-bg: #fff;
  --sp-grid-house-color: #000;
}
.s_projects.--inverse {
  color: #fff;
  min-height: 100vmin;
}
.s_projects .no-flats {
  color: var(--inverse);
  padding-top: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.s_projects .fil-changed {
  color: var(--inverse);
  font-size: 12px;
  text-align: right;
  max-width: 160px;
  opacity: 0.5;
}
.s_projects .sp-slide-p {
  width: 50%;
}
.s_projects .is-left {
  display: flex;
  flex-wrap: wrap;
}
.s_projects .is-type {
  margin-right: 40px;
  color: var(--inverse);
  margin-top: 10px;
  margin-bottom: 10px;
}
.s_projects .info-set {
  background: var(--sp-infoset-bg);
  max-width: 1040px;
  border-radius: 15px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
}
.s_projects .is-closed {
  position: absolute;
  right: -30px;
  top: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--inverse);
}
.s_projects .is-type-title {
  font-weight: bold;
  margin-bottom: 3px;
}
.s_projects .is-type-count {
  margin-bottom: 7px;
}
.s_projects .is-type-price {
  font-size: 90%;
  opacity: 0.5;
}
.s_projects .is-type-area {
  font-size: 90%;
  opacity: 0.5;
}
.s_projects .is-type:last-child {
  margin-right: 0;
}
.s_projects .is-right {
  margin-left: 50px;
}
.s_projects .c-projects-p {
  display: flex;
  margin-left: -30px;
  margin-right: 0px;
  flex-wrap: wrap;
}
.s_projects .c-projects-p .std-btn.--xs {
  border: none !important;
}
.s_projects .sptp-buttons {
  margin-left: auto;
  margin-top: 4px;
  display: flex;
  margin-right: -7px;
}
.s_projects .sptp-buttons > * {
  margin-left: 7px;
}
.s_projects a.spl-house-svod {
  position: absolute;
  top: 0px;
  color: #fff;
  text-align: center;
  line-height: 33px;
  right: 0px;
  opacity: 0.4;
  transition: 0.3s;
  width: 34px;
  padding-top: 4px;
}
.s_projects a.spl-house-svod:hover {
  cursor: pointer;
  opacity: 1;
}
.s_projects a.spl-house-edits {
  position: absolute;
  bottom: 0px;
  color: #fff;
  width: 40px;
  text-align: center;
  line-height: 43px;
  right: 0px;
  opacity: 0.4;
  transition: 0.3s;
  padding-left: 8px;
}
.s_projects a.spl-house-edits:hover {
  cursor: pointer;
  opacity: 1;
}
.s_projects .flat-grid {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: 0px;
  border-radius: 2px;
}
.s_projects .flat-grid.--green {
  background: #39a537;
}
.s_projects .flat-grid.--book {
  background: #e5c229;
}
.s_projects .spl-house-book-p {
  display: inline-block;
  margin-left: 15px;
}
.s_projects .sp-houses-stageinfo-title-btns-p {
  opacity: 0.4;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.s_projects .sp-houses-stageinfo-title-btns-p:hover {
  cursor: pointer;
  opacity: 1;
}
.s_projects .sp-houses-stageinfo-p {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  padding-right: 30px;
}
.s_projects .sp-houses-stageinfo-title-p {
  font-weight: bold;
  margin-right: 11px;
}
.s_projects .spl-house-p:last-child {
  margin-right: 0;
}
.s_projects h2.sp-project-title-p {
  margin: 0 0 10px 15px;
  position: sticky;
  top: 0px;
  z-index: 2;
  border: 1px solid #837da4;
  padding: 0px 15px 3px;
  border-radius: 4px;
  background: #544e77;
  line-height: 40px;
  display: flex;
  align-items: center;
}
.s_projects .sp-project-in-p {
  margin-top: 30px;
}
.s_projects .spl-house-text-p {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 64px;
}
.s_projects .sp-project-p {
  padding: 0 0px 0 15px;
}
.s_projects .spl-bot {
  margin-top: auto;
}
.s_projects .sp-houses-stage-p {
  border-radius: 4px;
  margin-left: 15px;
  margin-top: 15px;
  min-width: 100%;
  width: max-content;
  padding-right: 15px;
}
.s_projects .sp-houses-stage-p.one {
  margin-top: 0;
}
.s_projects .sp-houses-list-p {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px;
}
.s_projects .spl-house-title-p {
  line-height: 1.1em;
  margin-bottom: 9px;
  font-weight: bold;
  padding-right: 16px;
}
.s_projects .spl-house-priceform-p {
  opacity: 0.7;
  margin-top: 4px;
}
.s_projects .spl-house-p {
  background: var(--sp-grid-house-bg);
  border-radius: 8px;
  height: 100%;
  position: relative;
}
.s_projects a.spl-house-area-p {
  color: var(--sp-grid-house-color);
  text-decoration: none;
  padding: 14px 15px 13px;
  display: block;
  height: 100%;
}
.s_projects .sp-houses-list-in-p {
  display: flex;
  flex-wrap: wrap;
}
.s_projects h2 span {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0px;
}
.s_projects .std-head-right {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .s_projects .std-head-right {
    margin: 0 0px 0 0;
  }
}
.s_projects .std-head {
  padding-top: 0;
  padding-bottom: 0;
}
.s_projects .action-btns {
  padding: 15px;
}
.s_projects .action-btns .std-btn {
  margin-bottom: 10px;
  text-align: center;
}
.s_projects .sp-houses-stage {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .s_projects .sp-houses-stage {
    margin-bottom: 0;
  }
}
.s_projects .std-white-filters {
  margin-bottom: 10px;
}
.s_projects span.opener-flats {
  border-bottom: 1px dashed;
}
.s_projects .imagethis {
  font-size: 20px;
  margin-left: 6px;
}
.s_projects .spl-house-out-p {
  padding: 7px;
  min-width: 216px;
}
@media (min-width: 900px) {
  .s_projects .spl-house-out-p {
    width: 50%;
  }
}
@media (min-width: 1580px) {
  .s_projects .spl-house-out-p {
    width: 33.33%;
  }
}
@media (min-width: 2000px) {
  .s_projects .spl-house-out-p {
    width: 25%;
  }
}
@media (min-width: 2500px) {
  .s_projects .spl-house-out-p {
    width: 20%;
  }
}
.s-project-view .house-info {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.s-project-view .house-title {
  font-size: 16px;
}
.s-project-view .house-stat {
  margin-left: 30px;
  margin-right: 10px;
}
.s-reports-agencies-list .std-content {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-list .std-content {
    padding: 40px 15px 15px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-list .std-head h1 {
    font-size: 15px;
  }
}
.s-reports-agencies-list .sa-c-agencies .sa-c-a-agency:hover {
  background: #c3d1e3;
}
.s-reports-agencies-list .sa-c-a-agency {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  transition: 0.2s;
  padding: 10px 10px;
  margin: 0 -10px;
}
.s-reports-agencies-list .sa-c-a-agency:hover {
  background: #38435f;
}
.s-reports-agencies-list .sa-c-a-agency:hover.--start {
  background-color: transparent;
}
.s-reports-agencies-list .sa-c-a-agency.--start {
  color: #727c94;
  border-bottom: 1px solid #727c94;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-list .sa-c-a-agency.--start {
    width: 115vh;
    padding-right: 6px;
  }
}
.s-reports-agencies-list .saa-title {
  max-width: 210px;
  min-width: 210px;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s-reports-agencies-list .saa-realtors {
  max-width: 50px;
  min-width: 50px;
  margin-right: 10px;
  text-align: right;
}
.s-reports-agencies-list .saa-leads {
  max-width: 155px;
  min-width: 155px;
  margin-right: 10px;
  text-align: right;
}
.s-reports-agencies-list .saa-books {
  max-width: 155px;
  min-width: 155px;
  margin-right: 10px;
  text-align: right;
}
.s-reports-agencies-list .saa-deals {
  max-width: 155px;
  min-width: 155px;
  margin-right: 10px;
  text-align: right;
}
.s-reports-agencies-list .saa-conversion {
  max-width: 160px;
  min-width: 160px;
  margin-right: 10px;
  text-align: right;
}
.s-reports-agencies-list .saa-last {
  min-width: 80px;
  width: 100%;
  text-align: right;
}
.s-reports-aval .scl-diff {
  background-color: #736464;
  padding: 30px 30px 20px 160px;
  margin: 30px 0 0;
  border-radius: 10px;
  color: #e6dddd;
  font-size: 16px;
  position: relative;
}
.s-reports-aval .scl-diff i {
  font-size: 100px;
  position: absolute;
  left: 22px;
  opacity: 0.2;
}
.s-reports-aval .std-fa-item {
  width: 400px;
}
@media only screen and (max-width: 767px) {
  .s-reports-aval .std-fa-item {
    width: 100%;
  }
}
body {
  --scb-book-bg: #323d5a;
  --scb-book-fio-color: #fff;
  --scb-book-status-b-color: #b9bbc1;
  --scb-book-span-status-color: #fff;
}
body.theme-white {
  --scb-book-bg: #cedaf8;
  --scb-book-fio-color: #333;
  --scb-book-status-b-color: #929292;
  --scb-book-span-status-color: #333;
}
body.theme-white .s-reports-closedeals .scb-book-flatrooms {
  color: #fff;
}
.s-reports-closedeals .scb-books .std-table-rows {
  padding: 0 30px;
  margin: 0 -30px;
}
@media only screen and (max-width: 767px) {
  .s-reports-closedeals .scb-books .std-table-rows {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .s-reports-closedeals .std-tr-head,
  .s-reports-closedeals .std-tr-body {
    width: 140vh;
  }
}
.s-reports-closedeals .std-filters-area {
  background: #d5dbe8;
}
@media only screen and (max-width: 767px) {
  .s-reports-closedeals .std-fa-item > div {
    width: 100%;
  }
}
.s-reports-closedeals .table > tbody > tr > td,
.s-reports-closedeals .table > tbody > tr > th,
.s-reports-closedeals .table > tfoot > tr > td,
.s-reports-closedeals .table > tfoot > tr > th,
.s-reports-closedeals .table > thead > tr > td,
.s-reports-closedeals .table > thead > tr > th {
  border-top: 1px solid #bec4d1;
}
.s-reports-closedeals .table > thead > tr > th {
  border-bottom: 2px solid #bec4d1;
}
.s-reports-closedeals .table > thead {
  color: #727c94;
}
.s-reports-closedeals .trb-item-4 > span {
  padding: 2px 7px;
  font-size: 12px;
  border: 1px solid #8e98b2;
  background-color: transparent;
  display: inline-block;
  border-radius: 2px;
  margin-right: 3px;
  position: relative;
  top: 1px;
  margin-bottom: 3px;
}
.s-reports-closedeals .td-close-date {
  min-width: 150px;
  max-width: 150px;
}
.s-reports-closedeals .td-object {
  min-width: 180px;
  max-width: 180px;
}
.s-reports-closedeals .td-resp {
  min-width: 170px;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closedeals .td-status {
  min-width: 120px;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closedeals .td-days {
  min-width: 60px;
  max-width: 60px;
  text-align: right;
}
.s-reports-closedeals .td-deal {
  min-width: 200px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closedeals .std-filters-area {
  background: #d5dbe8;
}
.s-reports-closedeals .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-closedeals a.link.--blue {
  color: #697a90;
  border-bottom: 1px solid #697a90;
}
.s-reports-closedeals .scb-count {
  margin-top: 32px;
}
.s-reports-closeleads .table > tbody > tr > td,
.s-reports-closeleads .table > tbody > tr > th,
.s-reports-closeleads .table > tfoot > tr > td,
.s-reports-closeleads .table > tfoot > tr > th,
.s-reports-closeleads .table > thead > tr > td,
.s-reports-closeleads .table > thead > tr > th {
  border-top: 1px solid #bec4d1;
}
.s-reports-closeleads .table > thead > tr > th {
  border-bottom: 2px solid #bec4d1;
}
.s-reports-closeleads .table > thead {
  color: #727c94;
}
.s-reports-closeleads .std-filters-area {
  background: #d5dbe8;
}
.s-reports-closeleads .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-closeleads .td-close-date {
  min-width: 105px;
  max-width: 105px;
}
.s-reports-closeleads .td-object {
  min-width: 180px;
  max-width: 180px;
}
.s-reports-closeleads .td-resp {
  min-width: 155px;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closeleads .td-source {
  min-width: 155px;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closeleads .td-site {
  min-width: 155px;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closeleads .td-status {
  min-width: 200px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-reports-closeleads .scb-count {
  margin-top: 32px;
  float: left;
  white-space: nowrap;
}
.s-reports-closeleads .td-days {
  min-width: 50px;
  max-width: 50px;
  text-align: center;
}
.s-reports-closeleads .td-meet {
  padding-right: 20px;
}
.s-reports-closeleads .td-deal {
  min-width: 200px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body {
  --scb-book-bg: #323d5a;
  --scb-book-fio-color: #fff;
  --scb-book-status-b-color: #b9bbc1;
  --scb-book-span-status-color: #fff;
}
body.theme-white {
  --scb-book-bg: #cedaf8;
  --scb-book-fio-color: #333;
  --scb-book-status-b-color: #929292;
  --scb-book-span-status-color: #333;
}
body.theme-white .s-reports-closedeals .scb-book-flatrooms {
  color: #fff;
}
.s-reports-marketing-request .max-width-140 {
  max-width: 140px;
}
.s-reports-marketing-request .max-width-120 {
  max-width: 120px;
}
.s-reports-marketing-request .max-width-80 {
  max-width: 80px;
}
.s-reports-marketing-request .srmr-info {
  display: flex;
  justify-content: space-between;
}
.s-reports-marketing-request .cfd-info-showed-count {
  margin: 30px 0;
  padding: 15px 0px;
}
.s-reports-marketing-request .trb-item-buttons span {
  border-bottom: 1px solid #8e98b2;
}
.s-reports-marketing-request .trb-item-buttons span:hover {
  cursor: pointer;
}
.s-reports-marketing-request .cfd-info {
  display: flex;
  margin: 30px 0;
}
.s-reports-marketing-request .cfd-info-item label {
  font-weight: normal;
}
.s-reports-marketing-request .cfd-info-item b {
  font-size: 30px;
  display: block;
}
.s-reports-marketing-request .utm-campaign,
.s-reports-marketing-request .request-source {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.s-reports-marketing-request .cfd-info-item {
  padding: 15px 30px;
  background: #d8deec;
  margin-right: 30px;
  border-radius: 5px;
}
.s-reports-marketing-request .c-interval-selecter {
  width: 180px;
}
.s-reports-marketing-request .scb-books .std-table-rows {
  padding: 0 30px;
  margin: 0 -30px;
}
.s-reports-marketing-request .std-filters-area {
  background: #d5dbe8;
}
.s-reports-marketing-request .std-table-rows .margin-right-20 {
  margin-right: 20px;
}
.s-reports-marketing-request .std-table-rows .std-tr-body-row {
  padding: 8px 0;
}
.s-reports-marketing-request .std-table-rows .trb-item-1 b {
  border-bottom: 1px solid #8e98b2;
}
.s-reports-marketing-request .std-table-rows .trb-item-1 b:hover {
  cursor: pointer;
}
.s-reports-marketing-request .std-table-rows .trb-item-2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.s-reports-marketing-request .std-table-rows .trb-item-4 > span {
  padding: 2px 7px;
  font-size: 12px;
  border: 1px solid #8e98b2;
  background-color: transparent;
  display: inline-block;
  border-radius: 2px;
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.s-reports-marketing-request .std-filters-area {
  background: #d5dbe8;
}
.s-reports-marketing-request .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-marketing-request a.link.--blue {
  color: #697a90;
  border-bottom: 1px solid #697a90;
}
.s-reports-marketing-request .scb-book-no-result {
  padding: 10px;
}
.s-reports-marketing-request .scb-book {
  background: var(--scb-book-bg);
  border-radius: 10px;
  margin: 30px 0;
  padding: 20px 30px;
  position: relative;
}
.s-reports-marketing-request .scb-book-fio {
  color: #71798e;
}
.s-reports-marketing-request .scb-book-fio b {
  color: var(--scb-book-fio-color);
  font-weight: normal;
}
.s-reports-marketing-request .scb-book-comment {
  margin-top: 8px;
  max-width: 450px;
}
.s-reports-marketing-request .scb-book-status {
  color: #71798e;
  margin: 24px 0 -6px;
  font-size: 12px;
}
.s-reports-marketing-request .scb-book-status b {
  color: var(--scb-book-status-b-color);
  font-weight: normal;
}
.s-reports-marketing-request .scb-book-user {
  color: #fff;
  max-width: 510px;
}
.s-reports-marketing-request .scb-book-user b {
  color: #fff;
  font-weight: normal;
}
.s-reports-marketing-request span.scb-book-days {
  display: inline-block;
  border-radius: 3px;
  margin-left: 10px;
}
.s-reports-marketing-request span.scb-book-statuss {
  display: inline-block;
  border-radius: 3px;
  margin-left: 2px;
}
.s-reports-marketing-request span.scb-book-days,
.s-reports-marketing-request span.scb-book-statuss {
  padding: 2px 7px;
  font-size: 12px;
  border: 1px solid #8e98b2;
}
.s-reports-marketing-request .scb-book-buttons {
  position: absolute;
  right: 20px;
  bottom: 13px;
}
.s-reports-marketing-request .scb-book-buttons span {
  font-weight: bold;
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
}
.s-reports-marketing-request .scb-book-flat {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
  font-size: 14px;
}
.s-set-editor {
  /* НЕБО */
  /* Контейнер для звезд с вращением */
  /* Звезды разных размеров */
  /* Пульсация звезд */
  /* Мерцание */
  /* Плавающие частицы */
  /* Туманность */
  /* Светящиеся точки */
}
.s-set-editor.ai .set-top {
  background: #1b202fd9;
  max-width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
}
@media only screen and (max-width: 767px) {
  .s-set-editor.ai .set-top {
    padding-left: 0;
    padding-right: 0;
  }
}
.s-set-editor.ai .--trans .sm-sexy-left-btn-body {
  color: #fff;
}
.s-set-editor.ai .cti-text,
.s-set-editor.ai .set-startcomment,
.s-set-editor.ai .set-startcomment a,
.s-set-editor.ai .comment-label {
  color: #fff !important;
}
.s-set-editor.ai .std-nores {
  color: #fff !important;
}
.s-set-editor .set-content {
  position: relative;
  z-index: 3;
}
.s-set-editor .ii-areated {
  max-width: 1000px;
  margin: 50px auto;
  background: #2f35467a;
  color: #fff;
  padding: 40px;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-set-editor .iia-right {
  display: flex;
  align-items: center;
}
.s-set-editor .iia-right-1 {
  margin-right: 20px;
  pointer-events: none;
}
.s-set-editor .iia-left {
  font-size: 16px;
}
.s-set-editor .avatar {
  min-height: 120px;
  max-width: 120px;
  min-width: 120px;
  margin-right: 30px;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .avatar {
    margin-right: 10px;
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    min-height: 60px;
  }
}
.s-set-editor .avatar i {
  position: absolute;
  font-size: 40px;
  top: 18px;
  left: 41px;
  color: #5c5c5c;
  border-radius: 50%;
}
.s-set-editor .set-top-left {
  display: flex;
}
.s-set-editor .set-flat.--start {
  opacity: 0.7;
  font-weight: bold;
  font-size: 85%;
  padding-top: 0;
  padding-bottom: 0;
}
.s-set-editor .set-start-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.s-set-editor .set-avatar-area {
  display: flex;
  align-items: center;
}
.s-set-editor .set-user {
  white-space: nowrap;
  margin-right: 40px;
  font-size: 16px;
  line-height: 1.7em;
}
.s-set-editor .set-after {
  font-size: 14px;
  max-width: 540px;
  text-align: right;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .set-after {
    display: none;
  }
}
.s-set-editor .set-flat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  position: relative;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .set-flat {
    flex-direction: column;
  }
}
.s-set-editor .set-flat.change {
  filter: blur(2px);
  opacity: 0.8;
  transform: scale(0.95);
  pointer-events: none;
}
.s-set-editor .set-flat.deleted {
  opacity: 0.5;
}
.s-set-editor .set-flat-image {
  min-width: 100px;
  max-width: 100px;
  margin: -15px 0 -15px -16px;
}
.s-set-editor .set-startcomment {
  max-width: 1000px;
  margin: 30px auto;
  color: var(--inverse);
}
.s-set-editor .set-startcomment a {
  color: var(--inverse);
  border-bottom-color: var(--inverse);
}
.s-set-editor .set-startcomment textarea {
  border: 1px solid var(--form-input-border);
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  width: 100%;
  display: block;
  border-radius: 6px;
  padding: 18px 90px 18px 20px;
  outline: none;
  font-size: 16px;
}
.s-set-editor .comment-area {
  margin-bottom: 20px;
}
.s-set-editor .comment-placeholder {
  position: absolute;
  white-space: nowrap;
  top: 9px;
  left: 11px;
  pointer-events: none;
  opacity: 0.5;
}
.s-set-editor .btns-flex {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .btns-flex .sm-sexy-top-btns {
    display: flex;
    padding: 0;
  }
  .s-set-editor .btns-flex .sm-sexy-top-btns .sm-sexy-btn {
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 2px;
  }
}
.s-set-editor path {
  fill: #0090d69e;
}
.s-set-editor .iamge-palne-in {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-set-editor .iamge-palne {
  width: 570px;
  height: 570px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.s-set-editor ii-btn.ii-icon {
  height: 58px;
  line-height: 58px;
  font-size: 30px;
  padding: 0;
  width: 58px;
  text-align: center;
}
.s-set-editor .comment-area textarea {
  width: 100%;
  border: 1px solid var(--form-input-border);
  background-color: var(--form-input-bg);
  color: var(--form-input-color);
  border-radius: 6px;
  padding: 8px 10px;
  outline: none;
}
.s-set-editor .no-image {
  width: 100%;
  padding-top: 100%;
  background: #f6f6f6;
  border-radius: 20px;
  position: relative;
  color: #000;
}
.s-set-editor .no-image span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.s-set-editor .set-flat-image img {
  width: 100%;
  transition: 0.4s;
}
.s-set-editor .comment-label {
  margin-bottom: 15px;
  font-weight: bold;
  color: var(--inverse);
}
.s-set-editor .sm-sexy-top .cti-text {
  color: var(--inverse);
}
.s-set-editor .set-flat-actions-in {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  margin-right: -10px;
}
.s-set-editor .set-flat-actions {
  min-width: 140px;
  text-align: right;
}
.s-set-editor .set-flat-price {
  min-width: 100px;
  text-align: right;
}
.s-set-editor .set-flat-rooms {
  min-width: 80px;
}
.s-set-editor .set-flat-floor {
  min-width: 80px;
}
.s-set-editor .set-flat-number {
  min-width: 130px;
}
.s-set-editor .set-flat-area {
  min-width: 100px;
}
.s-set-editor .set-flat-project {
  width: 100%;
  margin-left: 40px;
}
.s-set-editor .sub-info {
  margin-top: 5px;
  opacity: 0.5;
}
.s-set-editor .set-action {
  color: inherit;
  font-size: 20px;
  margin-left: 3px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: 0.3s;
}
.s-set-editor .set-action.sort {
  width: 30px;
  cursor: move;
}
.s-set-editor .set-comment-area ii-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.s-set-editor .set-comment-area {
  position: relative;
}
.s-set-editor .set-area {
  max-width: 1000px;
  margin: 40px auto;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .sm-sexy-top-right {
    flex-wrap: wrap;
    padding-right: 15px;
  }
}
.s-set-editor .set-top {
  max-width: 1000px;
  margin: auto;
  position: sticky;
  top: 0px;
  z-index: 33;
  background: var(--card-bg-color);
  padding-bottom: 1px;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .set-top {
    position: static;
    margin: -15px -15px 10px;
  }
}
.s-set-editor .set-top-date {
  margin-left: 50px;
}
.s-set-editor .set-top-label {
  opacity: 0.6;
  margin-bottom: 3px;
  font-size: 90%;
}
.s-set-editor .set-top-right {
  display: flex;
  align-items: center;
}
.s-set-editor .set-top-right toggler-inline {
  margin-top: 6px;
  margin-right: 20px;
}
.s-set-editor .set-top-right > * {
  margin-left: 10px;
}
.s-set-editor .flat-image-area {
  min-width: 570px;
  max-width: 570px;
  max-height: 570px;
  min-height: 570px;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .flat-image-area {
    width: 100%;
    min-height: 100px;
    min-width: 0px;
    max-width: 1570px;
  }
}
.s-set-editor .flat-image-area img {
  width: 100%;
  border-radius: 20px;
}
.s-set-editor .flat-info-area {
  margin-left: 30px;
  max-width: 400px;
  min-width: 400px;
}
@media only screen and (max-width: 767px) {
  .s-set-editor .flat-info-area {
    margin-left: 0;
    margin-top: 15px;
    min-width: 0px;
    max-width: 10000px;
  }
}
.s-set-editor .fia-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-left: -8px;
  margin-right: -8px;
}
.s-set-editor .fia-col {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  margin: 0 8px;
  text-align: center;
  padding: 15px 3px;
  color: #000;
}
.s-set-editor .fia-col.sm {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 158px;
  max-height: 156px;
  justify-content: center;
}
.s-set-editor .fia-col.sm svg {
  max-width: 100%;
  max-height: 100%;
}
.s-set-editor .fia-col-label {
  font-size: 87%;
  opacity: 0.6;
  margin-bottom: 4px;
}
.s-set-editor .fia-col-value {
  font-weight: bold;
}
.s-set-editor .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(149deg, #1f2840 0%, #0a0e1a 50%, #212b48 100%);
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}
.s-set-editor .stars-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  animation: rotate-stars 900s linear infinite;
}
@keyframes rotate-stars {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.s-set-editor .star {
  position: absolute;
  background: white;
  border-radius: 50%;
  opacity: 0.3;
}
.s-set-editor .star.small {
  width: 1px;
  height: 1px;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.s-set-editor .star.medium {
  width: 2px;
  height: 2px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}
.s-set-editor .star.large {
  width: 3px;
  height: 3px;
  box-shadow: 0 0 4px #ffffff;
}
@keyframes pulseStart {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.2);
  }
}
.s-set-editor .star.pulse {
  animation: pulseStart 3s ease-in-out infinite;
}
.s-set-editor .star.pulse-slow {
  animation: pulseStart 5s ease-in-out infinite;
}
.s-set-editor .star.pulse-fast {
  animation: pulseStart 2s ease-in-out infinite;
}
@keyframes twinkleStars {
  0%,
  100% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.6;
  }
}
.s-set-editor .star.twinkle {
  animation: twinkleStars 4s ease-in-out infinite;
}
.s-set-editor .particle {
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}
@keyframes floatStars {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(-100vh) translateX(50px);
    opacity: 0;
  }
}
.s-set-editor .particle {
  animation: floatStars 20s linear infinite;
}
.s-set-editor .nebula {
  position: absolute;
  border-radius: 50%;
  opacity: 0.1;
  filter: blur(60px);
}
.s-set-editor .nebula-1 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(138, 43, 226, 0.3), transparent);
  top: 20%;
  left: 10%;
  animation: nebula-driftStars 30s ease-in-out infinite;
}
.s-set-editor .nebula-2 {
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(0, 191, 255, 0.2), transparent);
  top: 60%;
  right: 15%;
  animation: nebula-driftStars 25s ease-in-out infinite reverse;
}
.s-set-editor .nebula-3 {
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(255, 20, 147, 0.2), transparent);
  bottom: 10%;
  left: 50%;
  animation: nebula-driftStars 35s ease-in-out infinite;
}
@keyframes nebula-driftStars {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(50px, -30px) scale(1.1);
  }
  66% {
    transform: translate(-30px, 50px) scale(0.9);
  }
}
.s-set-editor .glow-point {
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.4);
}
@keyframes glowStars {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
}
.s-set-editor .glow-point {
  animation: glowStars 4s ease-in-out infinite;
}
.s-settings-automate .std-content {
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: 48px;
}
.s-settings-automate .am-hero {
  padding: 22px 28px 24px;
  border-radius: 16px;
  color: #fff;
  background: radial-gradient(1200px 220px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(800px 180px at 120% 0%, rgba(44, 152, 240, 0.22), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.s-settings-automate .am-back {
  display: inline-block;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  font-size: 13px;
}
.s-settings-automate .am-back:hover {
  color: #fff;
}
.s-settings-automate .am-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  font-weight: 600;
  margin-bottom: 8px;
}
.s-settings-automate .am-title {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
.s-settings-automate .am-lead {
  margin: 12px 0 0;
  opacity: 0.72;
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
}
.s-settings-automate .am-lead a {
  color: #fff;
  text-decoration: underline;
}
.s-settings-automate .am-warn {
  margin-top: 16px;
  background: #fff;
  border-radius: 16px;
  padding: 22px 24px;
  box-shadow: 0 8px 24px -18px rgba(18, 24, 38, 0.45);
}
.s-settings-automate .am-warn p {
  margin: 8px 0 0;
  color: #5d667a;
  line-height: 1.5;
}
.s-settings-automate .am-warn-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-settings-automate .am-warn-title {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.s-settings-automate .am-stores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 16px;
}
.s-settings-automate .am-store {
  border: 0;
  background: #fff;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 14px;
  height: 36px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-settings-automate .am-store span {
  margin-left: 6px;
  opacity: 0.45;
}
.s-settings-automate .am-store.is-on {
  background: #171d2b;
  color: #fff;
}
.s-settings-automate .am-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px 16px;
  margin-bottom: 16px;
}
.s-settings-automate .am-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.s-settings-automate .am-filters .form-group {
  width: 260px;
  margin: 0;
}
.s-settings-automate .am-filters label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
  margin-bottom: 6px;
}
.s-settings-automate .am-add {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 18px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.28);
}
.s-settings-automate .am-add i {
  font-size: 12px;
}
.s-settings-automate .am-add:hover {
  background: #1f86dc;
}
.s-settings-automate .am-empty {
  margin: 28px auto;
  max-width: 520px;
  background: #fff;
  border-radius: 20px;
  padding: 40px 40px 36px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(23, 29, 43, 0.06);
}
.s-settings-automate .am-empty p {
  margin: 0 auto 22px;
  max-width: 400px;
  font-size: 14px;
  line-height: 1.55;
  color: #5d667a;
}
.s-settings-automate .am-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, #eef6ff 0%, #e4f0fc 100%);
  color: #2c98f0;
  font-size: 22px;
}
.s-settings-automate .am-empty-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-settings-automate .am-empty-title {
  margin: 8px 0 10px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
}
.s-settings-automate .am-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.s-settings-automate .am-off {
  margin-top: 28px;
}
.s-settings-automate .am-off-title {
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-settings-automate .am-card {
  display: flex;
  gap: 12px;
  background: #fff;
  border-radius: 14px;
  padding: 16px 16px 14px;
  box-shadow: 0 8px 24px -18px rgba(18, 24, 38, 0.45);
  transition: 0.2s;
}
.s-settings-automate .am-card:hover {
  box-shadow: 0 14px 30px -18px rgba(18, 24, 38, 0.55);
}
.s-settings-automate .am-card.am-card--off {
  opacity: 0.72;
}
.s-settings-automate .am-card-handle {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #eef1f7;
  color: #5d667a;
  text-align: center;
  line-height: 28px;
  cursor: grab;
  flex-shrink: 0;
  margin-top: 2px;
}
.s-settings-automate .am-card-body {
  min-width: 0;
  flex: 1;
}
.s-settings-automate .am-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.s-settings-automate .am-card-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.s-settings-automate .am-card-meta {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  font-size: 12px;
  color: #8a93a8;
}
.s-settings-automate .am-card-tools {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.s-settings-automate .am-icon-btn {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #eef1f7;
  color: #4d5870;
  cursor: pointer;
}
.s-settings-automate .am-icon-btn:hover {
  background: #e0e5ef;
}
.s-settings-automate .am-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #171d2b;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.s-settings-automate .am-edit-btn:hover {
  background: #0f1420;
}
.s-settings-automate .am-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px 20px;
  margin-top: 14px;
}
.s-settings-automate .am-col-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
  margin-bottom: 8px;
}
.s-settings-automate .am-col-empty {
  font-size: 13px;
  color: #8a93a8;
}
.s-settings-automate .am-chip {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 8px;
  font-size: 13px;
}
.s-settings-automate .am-chip span {
  color: #8a93a8;
  font-size: 12px;
}
.s-settings-automate .am-chip b {
  font-weight: 600;
  color: #171d2b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.s-settings-automate .am-chip.am-chip--warn b {
  color: #c84c4c;
}
.s-settings-automate .am-action {
  margin-bottom: 10px;
}
.s-settings-automate .am-action-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
}
.s-settings-automate .am-action-params {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
  color: #5d667a;
}
.s-settings-automate .am-action-params span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.s-settings-automate .am-card-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eef1f7;
}
.s-settings-automate .am-card-dates {
  font-size: 12px;
  color: #8a93a8;
}
.s-settings-automate .am-card-activity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 12px;
  margin-left: auto;
}
.s-settings-automate .am-card-logs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.s-settings-automate .am-card-fired {
  font-size: 12px;
  color: #171d2b;
  font-weight: 600;
  white-space: nowrap;
}
.s-settings-automate .am-log-btn {
  border: 0;
  background: #eef1f7;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 10px;
  height: 28px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.s-settings-automate .am-log-btn:hover {
  background: #e0e5ef;
}
.s_settings_billing .ssb-tariff-name {
  font-size: 24px;
  color: #c5cfe8;
}
.s_settings_billing .ssb-tariff-desc {
  font-size: 17px;
  margin: 5px 0 40px;
}
.s-settings-bp .sbp-toolbar {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 24px 0 20px;
}
.s-settings-bp .sbp-hint {
  opacity: 0.65;
}
.s-settings-bp .sbp-empty {
  padding: 40px 0;
  opacity: 0.6;
}
.s-settings-bp .sbp-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.s-settings-bp .sbp-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--std-row-bg);
  border-radius: 10px;
  padding: 16px 18px;
  cursor: pointer;
  transition: 0.15s;
}
.s-settings-bp .sbp-card:hover {
  box-shadow: 0 6px 18px rgba(46, 83, 216, 0.08);
}
.s-settings-bp .sbp-card-main {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.s-settings-bp .sbp-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(131deg, rgba(155, 53, 122, 0.16) 0%, rgba(46, 83, 216, 0.16) 100%);
  color: #2e53d8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.s-settings-bp .sbp-card-title {
  font-weight: 700;
  font-size: 16px;
}
.s-settings-bp .sbp-badge {
  display: inline-block;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 600;
  background: #eef2ff;
  color: #2e53d8;
  border-radius: 999px;
  padding: 2px 8px;
  vertical-align: middle;
}
.s-settings-bp .sbp-card-meta,
.s-settings-bp .sbp-card-comment {
  margin-top: 4px;
  opacity: 0.55;
  font-size: 13px;
}
.s-settings-bp .sbp-card-side {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.s-settings-bp .sbp-card-actions {
  display: flex;
  gap: 6px;
}
body {
  --s_content-sps-projects-border: #39496f;
  --s_content-sps-projects-bg: #1b253e;
  --s_content-sps-projects-link-color: #fff;
  --s_content-sps-projects-link-bg: #fff2;
  --s_content-sps-projects-link-bg-hover: #3f4c6b;
  --s_content-sps-projects-link-bg-active: #516494;
}
body.theme-white {
  --s_content-sps-projects-border: #b6c8e1;
  --s_content-sps-projects-bg: #ccd8e9;
  --s_content-sps-projects-link-bg: #799ac640;
  --s_content-sps-projects-link-color: #333;
  --s_content-sps-projects-link-bg-hover: #c0cee1;
  --s_content-sps-projects-link-bg-active: #a9bdd9;
}
.s_content span.noactive {
  margin-left: 10px;
  font-size: 16px;
}
.s_content .sc-view {
  padding-left: 300px;
}
.s_content .sps-projects .btns {
  background: #3b2e5a;
  padding: 0px 10px;
  border-radius: 5px;
  position: relative;
  top: -2px;
  text-transform: initial;
  letter-spacing: 0.9px;
  color: #fff !important;
  text-align: center;
  line-height: 26px;
  font-size: 11px;
  transition: 0.3s;
  font-weight: 300;
  margin-left: 5px;
}
.s_content .sp-p-edit {
  display: inline-block;
  z-index: 3;
  text-decoration: none;
}
.s_content .sp-p-edit:hover {
  cursor: pointer;
  opacity: 1;
}
.s_content hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid var(--user-role-hr-border);
}
.s_content .sps-project-link {
  font-size: 16px;
  color: var(--s_content-sps-projects-link-color);
  text-decoration: none;
  padding: 0px 0px;
  border-radius: 3px;
  width: 34px;
  position: relative;
  border: 1px solid #999;
  line-height: 32px;
  text-align: center;
  opacity: 0.5;
}
.s_content .sps-project-link:hover {
  cursor: move;
  opacity: 1;
}
.s_content .project-buttons {
  display: flex;
  align-items: center;
}
.s_content .project-buttons > * {
  margin-left: 10px;
}
.s_content .project-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s_content .project-title {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.s_content .project-title i {
  margin-left: 10px;
  opacity: 0.4;
  transition: 0.3s;
}
.s_content .project-title:hover {
  cursor: pointer;
}
.s_content .project-title:hover i {
  opacity: 1;
}
.s_content span.project-stages-title {
  display: inline-block;
  margin-right: 7px;
  font-size: 12px;
}
.s_content .stages {
  flex-wrap: wrap;
  margin-top: 10px;
}
.s_content .stage {
  border-top: 1px solid var(--inverse-superlight);
  padding: 20px 30px 20px;
  margin: 0 -30px 0px;
}
.s_content .stage .stage-title {
  display: block;
}
.s_content .stage .awd {
  display: block;
}
.s_content .stage .sp-houses {
  margin-top: 0;
}
.s_content .stage-title {
  min-width: 120px;
  font-size: 14px;
  line-height: 1.2em;
  display: none;
  opacity: 0.7;
  margin-bottom: 10px;
}
.s_content .sp-house {
  padding: 4px 16px;
  text-decoration: none;
  position: relative;
  color: var(--s_content-sps-projects-link-color);
  display: block;
  background: var(--s_content-sps-projects-link-bg);
  margin-right: 5px;
  border-radius: 3px;
  white-space: nowrap;
  margin-bottom: 5px;
}
.s_content .sp-house i {
  margin: 0px 5px 0 -15px;
  height: 24px;
  line-height: 25px;
  width: 24px;
  text-align: center;
  opacity: 0.5;
}
.s_content .sp-group {
  padding: 10px;
  background: #0001;
  border-radius: 10px;
  margin-right: 10px;
  margin-top: 10px;
  min-width: 253px;
}
.s_content .sp-groups {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
}
.s_content .group-house {
  padding: 5px 10px;
  background: var(--btn-background);
  border-radius: 7px;
  margin-top: 8px;
  cursor: pointer;
}
.s_content .group-house.is-not-active {
  opacity: 0.5;
}
.s_content .group-house i {
  margin-right: 11px;
  cursor: move;
}
.s_content .group-title {
  opacity: 0.7;
  margin-bottom: 7px;
}
.s_content .sps-start {
  margin: -30px -25px 0;
}
.s_content .sp-houses-no {
  font-size: 13px;
  opacity: 0.4;
  margin-top: 10px;
}
.s_content .sps-project {
  margin-bottom: 30px;
  background: var(--std-row-bg);
  padding: 22px 30px;
  border-radius: 20px;
}
.s_content .sps-project h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 3px;
  margin: 0 0 20px;
}
.s_content .sps-project h2 .btn.btn-default {
  padding: 0px 20px;
  margin: -5px 0 0 20px;
  height: 32px;
  line-height: 30px;
  font-size: 11px;
}
.s_content .sps-project .sp-houses {
  display: flex;
  justify-content: left;
  margin-top: 10px;
  flex-wrap: wrap;
}
.s_content .sps-project .sp-house-title {
  font-weight: bold;
  letter-spacing: 1px;
  background: #fff;
  padding: 4px 20px;
  border-radius: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  bottom: -13px;
  color: #0c1022;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}
.s_content .sps-project .sp-house-area {
  border-radius: 16px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.4);
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
}
.s_content .sps-project .sp-house-image {
  height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  border-radius: 16px;
}
.s_content .sps-project .sp-house-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0px;
  color: #fff;
}
.s_content .sps-project .sp-house-input {
  font-weight: bold;
  letter-spacing: 1px;
  background: #3b2e5ad9;
  padding: 4px 12px;
  border-radius: 5px;
}
.s_content .sps-project .sp-house-address {
  margin-top: 6px;
  font-size: 14px;
  color: #a2a2a2;
}
body.theme-white .s_settings_deals .c-sds .sss-book-status {
  background: none;
}
.s_settings_deals .c-sds .on-sort {
  color: var(--s_settings_on-sort-color);
  background: var(--s_settings_on-sort-bg);
}
.s_settings_deals .ssd-req-wrap {
  overflow: auto;
  max-height: min(68vh, 740px);
  margin: 16px 0 24px;
  border: 1px solid var(--standart-color-33);
  border-radius: 8px;
  background: var(--card-bg-color);
}
.s_settings_deals .ssd-req-types {
  display: inline-block;
  min-width: 100%;
  margin: 0;
}
.s_settings_deals .ssd-req-type {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  width: max-content;
  min-width: 100%;
  background: var(--card-bg-color);
  border-bottom: 1px solid var(--standart-color-11);
}
.s_settings_deals .ssd-req-type:last-child {
  border-bottom: none;
}
.s_settings_deals .ssd-req-type:hover:not(.first) {
  background: color-mix(in srgb, var(--card-bg-color) 88%, var(--standart-color));
}
.s_settings_deals .ssd-req-type:hover:not(.first) .ssd-req-type-title {
  background: color-mix(in srgb, var(--card-bg-color) 88%, var(--standart-color));
}
.s_settings_deals .ssd-req-type-val {
  box-sizing: border-box;
  min-width: 88px;
  max-width: 88px;
  padding: 6px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--standart-color-11);
  overflow: hidden;
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
}
.s_settings_deals .ssd-req-type-val.--head {
  min-height: 48px;
  padding: 8px 6px;
  align-items: center;
  font-weight: 500;
}
.s_settings_deals .ssd-req-type-val.--head span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.s_settings_deals .ssd-req-type-val.--val toggler-inline {
  position: relative;
  top: 0;
}
.s_settings_deals .ssd-req-type-title {
  position: sticky;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
  min-width: 250px;
  max-width: 250px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  background: var(--card-bg-color);
  box-shadow: 6px 0 8px -6px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s_settings_deals .ssd-req-type-title[data-padding="1"] {
  padding-left: 24px;
}
.s_settings_deals .ssd-req-type.first {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--card-bg-color);
  box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.28);
}
.s_settings_deals .ssd-req-type.first .ssd-req-type-title {
  z-index: 4;
  color: var(--standart-color-99);
  font-weight: 500;
}
.s_settings_deals .ssd-req-type .c-toggler-inline {
  margin: 0;
}
.s_settings_deals .ssd-req-type .c-toggler-inline.isSmall .slider {
  margin-right: 0;
  top: 0;
}
.s-settings-funnels .users-info {
  font-size: 88%;
  white-space: normal;
  line-height: 1.3em;
  padding: 6px 0;
}
body {
  --settings-integrations-color: #fff;
  --settings-integrations-color-hover: #fff;
  --settings-integrations-item-color: #fff;
  --settings-integrations-item-head-active-color: #959db1;
  --settings-integrations-item-head-active-border: #2f3a52;
  --settings-integrations-item-head-active-b-color: #fff;
}
body.theme-white {
  --settings-integrations-color: #333;
  --settings-integrations-color-hover: #707070;
  --settings-integrations-item-color: #333;
  --settings-integrations-item-head-active-color: #788094;
  --settings-integrations-item-head-active-border: #98a6c4;
  --settings-integrations-item-head-active-b-color: #333;
}
.c-integrations .search-area {
  margin-bottom: 30px;
  width: 300px;
}
.c-integrations .c-integrations__integrations-header {
  font-size: 2rem;
  margin-bottom: 16px;
}
.c-integrations .c-integrations__group-header {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 16px;
}
.c-integrations .c-integrations__active {
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.c-integrations .c-integrations__group {
  padding: 12px 0;
}
.c-integrations .integration {
  margin-right: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  color: var(--settings-integrations-color);
  text-decoration: none;
  font-size: 12px;
  margin-bottom: 12px;
}
.c-integrations .integration.active img {
  opacity: 1;
}
.c-integrations .integration:hover {
  color: var(--settings-integrations-color-hover);
}
.c-integrations .integration:hover img {
  opacity: 1;
}
.c-integrations .bl-blockx-fl {
  display: flex;
}
.c-integrations .bl-block {
  border: 1px solid #999;
  border-radius: 10px;
  padding: 20px;
  margin-right: 20px;
  min-width: 410px;
  padding-bottom: 0;
}
.c-integrations .bl-block:last-child {
  margin-right: 0;
}
.c-integrations .bl-block-title {
  opacity: 0.5;
  font-weight: bold;
  margin-bottom: 16px;
}
.c-integrations .c-integrations__group {
  margin-top: 20px;
}
.c-integrations .integration img {
  width: 90px;
  height: 90px;
  margin: 0 auto 4px;
  border-radius: 4px;
}
.c-integrations .integration div {
  height: 34px;
  max-width: 90px;
}
body {
  --settings-ssn-channels-bg: #2a3550;
  --settings-ssn-channels-border: #3e4f77;
}
body.theme-white {
  --settings-ssn-channels-bg: #ffffff;
  --settings-ssn-channels-border: #5b657c;
}
.s_settings_notifications .pre-text {
  display: flex;
  justify-content: space-between;
  max-width: 700px;
  align-items: center;
  margin-bottom: 30px;
}
.s_settings_notifications .help-inline-btn {
  margin-bottom: 0;
}
.s_settings_notifications .nomore {
  font-size: 20px;
  margin-bottom: 60px;
  color: #f00;
  font-weight: bold;
}
.s_settings_notifications .reports-area {
  border-top: 1px solid var(--settings-ssn-channels-border);
  margin: 20px -20px 0;
  padding: 20px 20px 0;
}
.s_settings_notifications .chan-no-rep {
  margin-bottom: 10px;
  /* font-weight: bold; */
  opacity: 0.7;
}
.s_settings_notifications .ssnc-problem {
  font-size: 12px;
  word-break: break-word;
  line-height: 1.4em;
  margin: 15px 0;
}
.s_settings_notifications .ssn-channel-start {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.s_settings_notifications .ssnc-name {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
}
.s_settings_notifications .ssn-channel {
  margin-bottom: 15px;
  padding: 20px 20px 20px 20px;
  border: 1px solid var(--settings-ssn-channels-border);
  border-radius: 5px;
  position: relative;
  background-color: var(--settings-ssn-channels-bg);
}
.s_settings_notifications .ssnc-active {
  padding-top: 2px;
}
.s_settings_notifications .ssn-scheme {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.s_settings_notifications .ssn-scheme.--start {
  font-size: 12px;
  color: #606d8c;
}
.s_settings_notifications .lssf {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.s_settings_notifications .cslc-st-sort {
  border: 1px solid var(--settings-ssn-channels-border);
  min-width: 34px;
  min-height: 34px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  margin-right: 10px;
}
.s_settings_notifications .ssns-type {
  min-width: 240px;
  margin-right: 10px;
}
.s_settings_notifications .ssns-list {
  min-width: 200px;
  margin-right: 10px;
}
.s_settings_notifications .ssns-channel {
  min-width: 200px;
  margin-right: 10px;
}
.s_settings_notifications .ssns-time {
  min-width: 130px;
  max-width: 130px;
  margin-right: 10px;
}
.s_settings_notifications .ssns-closer {
  margin-left: auto;
  width: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
}
.s_settings_notifications .ssnc-source {
  opacity: 0.7;
  font-size: 13px;
  margin: 7px 0 10px;
}
.s_settings_notifications .ssnc-closer {
  position: absolute;
  right: 4px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 5px;
  text-align: center;
  opacity: 0.2;
  transition: 0.2s;
}
.s_settings_notifications .ssnc-closer:hover {
  opacity: 1;
  cursor: pointer;
}
.s_settings_notifications .ssns-params {
  min-width: 233px;
  margin-right: 11px;
}
.s_settings_notifications .ssns-type-report {
  display: flex;
  min-width: 300px;
  max-width: 300px;
  margin-right: 10px;
  align-items: center;
}
.s_settings_notifications .ssn-scheme.ng-scope.removed {
  opacity: 0.5;
}
.s_settings_notifications .ssns-type-report .ui-select-container {
  width: 100%;
}
.s_settings_notifications span.play {
  font-size: 20px;
  margin-top: 2px;
}
.s_settings_notifications span.sss-bs-add {
  border: 1px solid #454e64;
  padding: 11px 20px;
  border-radius: 3px;
  margin-right: 15px;
  cursor: pointer;
}
.s_settings_notifications .sss-book-status {
  margin: 50px 0;
}
body {
  --s_settings_orgs-bg: #1b2338;
  --s_settings_so-signslen-color: #999;
  --s_settings_on-amw-color: #ababab;
  --s_settings_on-sort-color: #fff;
  --s_settings_on-sort-bg: #262f48;
  --s_settings_pm-title-color: #fff;
  --s_settings_pm-active-org-border: #2f3a52;
  --s_settings_c-faqbtn-color: #fff48f;
}
body.theme-white {
  --s_settings_orgs-bg: #d7ddec;
  --s_settings_so-signslen-color: #8b94a1;
  --s_settings_on-amw-color: #8b94a1;
  --s_settings_on-sort-color: #8b94a1;
  --s_settings_on-sort-bg: #c7cfe5;
  --s_settings_pm-title-color: #333;
  --s_settings_pm-active-org-border: #99a3bc;
  --s_settings_c-faqbtn-color: #deb100;
}
.s_settings_orgs .c-faqbtn i {
  color: var(--s_settings_c-faqbtn-color);
}
.s_settings_orgs .so-signslen {
  font-size: 14px;
  margin: -1px 6px 0 0;
  color: var(--s_settings_so-signslen-color);
}
.s_settings_orgs .so-signslen .btn {
  margin-left: 20px;
}
.s_settings_orgs .cso-top {
  margin-bottom: 30px;
}
.s_settings_orgs .on-amw {
  color: var(--s_settings_on-amw-color);
  display: inline-block;
  margin-right: 20px;
  margin-top: 5px;
  font-size: 14px;
}
.s_settings_orgs .pm-title {
  margin: 30px 0 15px;
}
.s_settings_orgs .pm-title i {
  font-size: 30px;
  color: var(--s_settings_pm-title-color);
  float: left;
  margin-right: 15px;
}
.s_settings_orgs .pm-title span {
  font-size: 19px;
  color: var(--s_settings_pm-title-color);
  letter-spacing: 1px;
}
.s_settings_orgs .on-sort {
  height: 34px;
  display: inline-block;
  line-height: 34px;
  float: right;
  margin-left: 10px;
  width: 34px;
  border-radius: 3px;
  text-align: center;
  color: var(--s_settings_on-sort-color);
  background: var(--s_settings_on-sort-bg);
  cursor: ns-resize;
}
.s_settings_orgs .org {
  margin: 10px 0;
  background-color: var(--s_settings_orgs-bg);
}
.s_settings_orgs .org .org-name {
  cursor: pointer;
  font-size: 2rem;
  padding: 20px 30px;
}
.s_settings_orgs .org .org-info {
  height: 0;
  padding: 0 30px;
  transition: 0.2s;
  overflow: hidden;
  position: relative;
  border-top: 1px solid transparent;
}
.s_settings_orgs .org .active-org {
  height: auto;
  padding: 30px;
  border-top-color: var(--s_settings_pm-active-org-border);
}
.s_settings_statuses {
  transform: translate(0, 0);
  min-height: 100vmin;
}
.s_settings_statuses .sss-book-statuses-fix {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  top: 180px;
  overflow: auto;
  padding: 0 30px;
}
.s_settings_statuses .sss-book-statuses {
  display: flex;
  flex-wrap: nowrap;
}
.s_settings_statuses .sss-b-op {
  transition: 0.2s;
}
.s_settings_statuses .sss-b-op.dis {
  pointer-events: none;
  opacity: 0.2;
}
.s_settings_statuses .sss-book-status {
  min-width: 220px;
  margin-right: 40px;
}
.s_settings_statuses .sss-bt {
  padding: 15px;
  border: 1px solid #606d8c;
  font-size: 12px;
  text-align: center;
  margin: 20px 0 50px;
  border-radius: 20px;
}
.s_settings_tasks .sst-places {
  margin-top: 30px;
  margin-bottom: 20px;
}
.s_settings_tasks .sst-places .sst-place {
  display: flex;
  margin-bottom: 7px;
}
.s_settings_tasks .sst-places .sst-place-title {
  width: 260px;
  margin-right: 20px;
}
.s_settings_tasks .sst-places .sst-place.--start {
  opacity: 0.4;
  margin-bottom: 15px;
}
.s_settings_tasks .on-sort {
  height: 34px;
  display: inline-block;
  line-height: 34px;
  float: right;
  margin-right: 10px;
  width: 34px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background: #2f3851;
  cursor: ns-resize;
}
.s_settings_tasks span.color-label {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  margin-right: 8px;
}
.s_settings_tasks .sst-type-types {
  min-width: 300px;
  max-width: 300px;
  padding-right: 20px;
}
.s_settings_tasks span.sst-type-type {
  opacity: 0.3;
}
.s_settings_tasks span.sst-type-type.active {
  opacity: 1;
}
.s_settings_tasks .sst-types {
  margin-top: 30px;
  margin-bottom: 20px;
}
.s_settings_tasks .sst-types .sst-type {
  display: flex;
  margin-bottom: 7px;
  align-items: center;
}
.s_settings_tasks .sst-types .sst-type-active {
  width: 100px;
}
.s_settings_tasks .sst-types .sst-type-title {
  align-items: center;
  min-width: 260px;
  max-width: 260px;
  margin-right: 20px;
  display: flex;
}
.s_settings_tasks .sst-types .sst-type.--start {
  opacity: 0.4;
  margin-bottom: 15px;
  padding-left: 44px;
}
body {
  --ssu-role-bg: #1b2338;
}
body.theme-white {
  --ssu-role-bg: #d7ddec;
}
.s_settings_users .report-warning {
  margin-top: 0;
  margin-bottom: 30px;
}
.s_settings_users .search {
  display: flex;
  align-items: center;
}
.s_settings_users .search input {
  min-width: 300px;
  margin-right: 15px;
}
.s_settings_users .ssu-role-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s_settings_users .ssu-role-id {
  margin-right: 20px;
  font-size: 70%;
  opacity: 0.5;
  min-width: 33px;
}
.s_settings_users .td-depart {
  padding-right: 15px;
}
.s_settings_users .td-id {
  min-width: 60px;
  max-width: 60px;
}
.s_settings_users .depart {
  font-size: 85%;
  opacity: 0.5;
}
.s_settings_users .td-user {
  min-width: 200px;
}
.s_settings_users .td-date {
  min-width: 120px;
  max-width: 120px;
}
.s_settings_users .td-number {
  min-width: 120px;
  max-width: 120px;
}
.s_settings_users .ssu-role-count {
  white-space: nowrap;
}
.s_settings_users p.comment-info {
  float: right;
  text-align: right;
}
.s_settings_users .ssu-role-count {
  font-size: 14px;
  margin-left: auto;
}
.s_settings_users .ssu-role-count .label-opacity {
  opacity: 0.4;
}
.s_settings_users .ssu-role-count b {
  font-size: 20px;
}
.s_settings_users .c-toggler {
  margin-top: 5px;
}
.s_settings_users .users-page-access {
  margin-top: 24px;
}
.s_settings_users .users-page-access p {
  margin: 0;
}
.s_settings_users .users-page-access p + p {
  margin-top: 4px;
}
.s_settings_users .users-table {
  margin-top: 30px;
}
.s_settings_users .ssu-roles {
  margin-top: 30px;
}
.s_settings_users .is-admin-row {
  background-color: #51504d;
}
.s_settings_users .is-admin {
  font-size: 11px;
  color: #e9d998;
}
.s_settings_users .ssu-role {
  margin-bottom: 15px;
  background-color: var(--ssu-role-bg);
}
.s_settings_users .ssu-role.--opened .ssu-role-header {
  border-bottom-color: #2f3a52;
}
.s_settings_users .ssu-role-header {
  font-size: 1.8rem;
  border-bottom: none;
  padding: 10px 20px;
  transition: 0.3s;
  cursor: pointer;
}
body {
  --settings-catalog-border: #3e4f77;
  --settings-catalog-bg: #2a3550;
  --settings-catalog-button: #4a536a;
  --settings-catalog-sfi-edit-bg-hover: #ffffff36;
}
body.theme-white {
  --settings-catalog-border: #bfc7db;
  --settings-catalog-bg: #c1cce4;
  --settings-catalog-button: #929fc2;
  --settings-catalog-sfi-edit-bg-hover: #92a4cc;
}
.s_widget_catalog {
  padding-bottom: 0px;
}
.s_widget_catalog .sw-list {
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
.s_widget_catalog .stat-flex {
  display: flex;
  justify-content: end;
}
.s_widget_catalog .stat-item {
  width: 53px;
  text-align: right;
}
.s_widget_catalog .std-content {
  width: 100%;
}
.s_widget_catalog .catalog-type {
  margin-top: 0px;
}
.s_widget_catalog .sw-item {
  width: 260px;
  margin: 15px;
  padding: 20px 30px 70px 30px;
  border: 1px solid var(--settings-catalog-border);
  border-radius: 5px;
  position: relative;
  background-color: var(--settings-catalog-bg);
}
.s_widget_catalog .sw-item.--dis {
  padding-bottom: 30px;
}
.s_widget_catalog .swi-title {
  margin-right: 30px;
}
.s_widget_catalog .swi-item {
  margin-top: 15px;
}
.s_widget_catalog .swi-item .swi-item-label {
  opacity: 0.4;
  font-weight: normal;
  display: block;
  font-size: 12px;
  margin-bottom: 1px;
}
.s_widget_catalog .sfi-btn {
  font-size: 12px;
  background: var(--sfi-btn-bg);
  padding: 9px 15px;
  border-radius: 4px 4px 4px 4px;
  text-align: center;
  transition: 0.2s;
}
.s_widget_catalog .sfi-btn:hover {
  cursor: pointer;
  background: #ffffff36;
}
.s_widget_catalog .sfi-edit {
  font-size: 12px;
  background: var(--sfi-edit-bg);
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
.s_widget_catalog .sfi-edit:hover {
  cursor: pointer;
  background: var(--settings-catalog-sfi-edit-bg-hover);
}
.s_widget_catalog .sw-frame-area-top {
  height: 540px;
  overflow: hidden;
  width: auto;
}
.s_widget_catalog .sw-frame-area {
  width: 1400px;
  height: 900px;
  right: 30px;
  bottom: 20px;
  z-index: 2222;
  transform: scale(0.6);
  transform-origin: 0 0;
}
.s_widget_catalog .sw-frame {
  width: 100%;
  height: 100%;
  border: none;
}
.s_widget_catalog .sw-demo {
  margin: 30px 0 10px;
  opacity: 0.5;
}
.s_tasks_calendar {
  height: 100%;
  position: relative;
}
.s_tasks_calendar .fc-scroller-harness .fc-scroller {
  overflow: hidden;
  max-height: 30vmin;
}
.s_tasks_calendar .fc-scroller-harness .fc-scroller.fc-scroller-liquid-absolute {
  overflow: auto;
  max-height: 100vmin;
}
@media only screen and (max-width: 767px) {
  .s_tasks_calendar {
    height: calc(100vh - 150px);
    overflow: hidden;
  }
  .s_tasks_calendar.--week,
  .s_tasks_calendar.--month {
    overflow-x: auto;
  }
  .s_tasks_calendar.--week .fc,
  .s_tasks_calendar.--month .fc {
    min-width: 1200px;
  }
  .s_tasks_calendar .fc-scroller-harness .fc-scroller {
    max-height: none !important;
  }
  .s_tasks_calendar .fc-scroller-liquid-absolute {
    position: relative;
    height: calc(100vh - 190px);
    overflow: auto !important;
  }
  .s_tasks_calendar .fc-timegrid-body {
    box-sizing: content-box !important;
    padding-bottom: 90px !important;
  }
}
body {
  --tasks-kanban-cards-bg: #fff1;
  --tasks-kanban-cards-bg-hover: #fff2;
  --tasks-kanban-opener-bg: #464f64;
}
body.theme-white {
  --tasks-kanban-cards-bg: #fff;
  --tasks-kanban-cards-bg-hover: #d4dae9;
  --tasks-kanban-opener-bg: #c8d0e4;
}
.s-tasks-kanban .stl-tasktype {
  padding: 0px 0px;
  border-radius: 2px;
  text-align: center;
  line-height: 21px;
  display: inline-flex;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 3px;
  position: relative;
  top: -1px;
  color: #fff;
}
.s-tasks-kanban .stl-tasktype i {
  font-size: 13px;
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.s-tasks-kanban .stl-tasktype.--1 {
  background-color: #716556;
}
.s-tasks-kanban .stl-tasktype.--2 {
  background-color: #444e6b;
}
.s-tasks-kanban .stl-tasktype.--3 {
  background-color: #3450b9;
}
.s-tasks-kanban .kb-list {
  max-width: 410px;
  width: 100%;
  margin-right: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 310px;
}
.s-tasks-kanban .kb-list-tasks-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  margin-top: 10px;
}
.s-tasks-kanban .kb-flex {
  display: flex;
  position: absolute;
  bottom: 0;
  top: 0;
  overflow: hidden;
  left: 18px;
  justify-content: center;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .s-tasks-kanban .kb-flex {
    overflow: auto;
    position: relative;
    justify-content: flex-start;
    left: 0;
    padding-left: 10px;
    padding-bottom: 25px;
  }
}
.s-tasks-kanban .kb-list-nores {
  padding-left: 8px;
  margin-top: 10px;
}
.s-tasks-kanban .kb-list-tasks-obj .opener {
  display: inline-block;
  background: var(--tasks-kanban-opener-bg);
  padding: 5px;
  border-radius: 7px;
  position: absolute;
  cursor: pointer;
  right: 6px;
  top: 7px;
}
.s-tasks-kanban .kb-list-task {
  background: var(--tasks-kanban-cards-bg);
  margin-bottom: 8px;
  font-size: 13px;
  padding: 10px 10px 8px;
  border-radius: 5px;
  transition: 0.3s;
  position: relative;
}
.s-tasks-kanban .kb-list-task:hover {
  background: var(--tasks-kanban-cards-bg-hover);
  cursor: pointer;
}
.s-tasks-kanban .kb-list-tasks-date {
  margin: -1px 0 2px;
}
.s-tasks-kanban .kb-list-tasks {
  overflow: auto;
}
.s-tasks-kanban .kb-list-title {
  display: flex;
  padding: 15px 0 10px;
  align-items: center;
}
.s-tasks-kanban .kb-list-title button {
  margin-left: auto;
}
.s-tasks-kanban .kb-list-title-text {
  padding-left: 8px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}
.s-tasks-kanban .date-info {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.5px;
  font-weight: normal;
  text-transform: none;
}
.s-tasks-kanban .kb-list-title-icons {
  display: flex;
  margin-left: 15px;
}
.s-tasks-kanban .kb-list-title-icons div {
  margin-left: 10px;
}
.s-tasks-kanban .kb-list-tasks-obj {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 7px;
  font-weight: bold;
}
.s-tasks-kanban span.task-closed {
  background: #daceba;
  display: inline-block;
  margin-right: 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 1px 6px;
}
.s-tasks-kanban .kb-list-task.ng-scope.closed {
  opacity: 0.6;
}
.s-tasks-kanban .kb-list.--master {
  max-width: 200px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .s-tasks-kanban .kb-list.--master {
    overflow: auto;
    display: block;
  }
}
.s-tasks-kanban .kb-list.--master .kb-list-title {
  margin-top: 3px;
  margin-bottom: 3px;
}
.s-tasks-kanban .kb-list.--master .kb-list-title-text {
  margin-left: 0;
}
.s-tasks-kanban .kb-list.--master button {
  margin-right: auto;
}
.s-tasks-kanban .kb-list.--master .kb-list-title-icons {
  margin-left: 0;
  margin-top: 5px;
  margin-bottom: 10px;
}
.s-tasks-kanban .kb-list.--master .kb-list-title {
  flex-direction: column;
  align-items: center;
}
body {
  --tasks-listmobile-cards-bg: #394563;
}
body.theme-white {
  --tasks-listmobile-cards-bg: #fff;
}
.s_tasks_list-mobile {
  padding-bottom: 50px;
  background: var(--card-bg-color);
}
.s_tasks_list-mobile .stlm-list-item {
  padding: 10px 10px;
  background: var(--tasks-listmobile-cards-bg);
  margin-top: 10px;
  position: relative;
  border-radius: 5px;
}
.s_tasks_list-mobile .stlm-list-item.is_old {
  background: #614545b8;
  color: #f7e4e4;
}
.s_tasks_list-mobile .stlm-list-item.is_closed {
  background: #333846;
  color: #8c8c8c;
}
.s_tasks_list-mobile .stlm-list-item-text {
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.s_tasks_list-mobile .stlm-list-item-source {
  font-size: 12px;
  margin-top: 6px;
}
.s_tasks_list-mobile .stlm-list {
  padding: 4px 14px;
}
.s_tasks_list-mobile .stl-tasktype {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 12px;
  font-size: 10px;
  position: relative;
  top: 0px;
  margin-right: 4px;
}
.s_tasks_list-mobile .stl-tasktype i {
  font-size: 12px;
  margin-right: 5px;
}
.s_tasks_list-mobile .stl-tasktype.--1 {
  background-color: #716556;
}
.s_tasks_list-mobile .stl-tasktype.--2 {
  background-color: #444e6b;
}
.s_tasks_list-mobile .stl-tasktype.--3 {
  background-color: #3450b9;
}
.s_tasks_list-mobile .stl-tasktype.--sm {
  padding: 1px 4px;
  margin-right: 5px;
}
.s_tasks_list-mobile .stl-tasktype.--sm i {
  margin-right: 0;
  font-size: 11px;
}
.s_tasks_list-mobile .stlm-list-item-date {
  font-size: 12px;
  margin-bottom: 5px;
}
.s_tasks_list-mobile .stlm-list-item-date span {
  color: #fff;
}
.s_tasks_list-mobile .stl-close-result {
  background: #00000024;
  padding: 6px 14px;
  text-align: center;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 7px 0 0 0;
}
.s_tasks_list-mobile .stlm-list-item-resp {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 12px;
}
body {
  --tasks-list-bg-hover: #2d3956;
  --tasks-list-result-bg: #3a4461;
  --tasks-list-deal-bg-hover: #3a4461;
  --tasks-list-closed-bg: #334138;
  --tasks-list-closed-bg-error: #623c3c;
  --tasks-list-closed-color: #fff;
}
body.theme-white {
  --tasks-list-bg-hover: #c3cee9;
  --tasks-list-result-bg: #90a3d5;
  --tasks-list-deal-bg-hover: #90a3d5;
  --tasks-list-closed-bg: #dcf5e4;
  --tasks-list-closed-bg-error: #ffd8d8;
  --tasks-list-closed-color: #000;
}
.task-typeblock {
  font-size: 12px;
  padding: 1px 8px;
  border-radius: 30px;
  margin-right: 5px;
  display: inline-block;
  color: #fff !important;
}
.s_tasks_list {
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0;
}
.s_tasks_list .stl-scroller {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.s_tasks_list .stl-filters {
  border-bottom: 1px solid #394563;
  padding: 10px 26px;
}
.s_tasks_list span.stlf-date {
  display: inline-block;
  background: #333e58;
  color: #6c7386;
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 3px;
  transition: 0.2s;
}
.s_tasks_list span.stlf-date:hover,
.s_tasks_list span.stlf-date.active {
  background-color: #505a73;
  cursor: pointer;
  color: #dcdcdc;
}
.s_tasks_list .stl-nores {
  position: absolute;
  top: 70px;
  left: 20px;
}
.s_tasks_list .stlf-desc {
  margin-right: 10px;
  font-size: 12px;
  opacity: 0.2;
}
.s_tasks_list table {
  width: 100%;
  font-size: 13px;
}
.s_tasks_list table thead {
  border-bottom: 1px solid #394563;
  height: 36px;
}
.s_tasks_list table .task-tr.is_closed {
  background: var(--tasks-list-closed-bg);
  color: var(--tasks-list-closed-color);
}
.s_tasks_list table .task-tr.is_closed[closed-state="-1"] {
  background-color: var(--tasks-list-closed-bg-error);
}
.s_tasks_list table .task-tr.is_old:not(.is_closed) {
  background: #614545b8;
  color: #f7e4e4;
}
.s_tasks_list table .task-tr.is_old:not(.is_closed) td.--object span:hover,
.s_tasks_list table .task-tr.is_old:not(.is_closed) th.--object span:hover {
  background: #69525a;
}
.s_tasks_list table .task-tr.is_old:not(.is_closed) .stl-close-result {
  background-color: #6f5b62;
}
.s_tasks_list table tr td,
.s_tasks_list table tr th {
  padding: 7px 10px;
  vertical-align: bottom;
}
.s_tasks_list table tr td:first-child,
.s_tasks_list table tr th:first-child {
  padding-left: 20px;
}
.s_tasks_list table tr td:last-child,
.s_tasks_list table tr th:last-child {
  padding-right: 20px;
}
.s_tasks_list table tr td.--types,
.s_tasks_list table tr th.--types {
  padding-top: 0px;
  padding-bottom: 0px;
}
.s_tasks_list table tr td.--result,
.s_tasks_list table tr th.--result {
  position: relative;
}
.s_tasks_list table tr td.--project,
.s_tasks_list table tr th.--project {
  min-width: 100px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
}
.s_tasks_list table tr td.--creator,
.s_tasks_list table tr th.--creator {
  min-width: 130px;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
}
.s_tasks_list table tr td.--object,
.s_tasks_list table tr th.--object {
  min-width: 200px;
}
.s_tasks_list table tr td.--object.--row i,
.s_tasks_list table tr th.--object.--row i {
  width: 20px;
  text-align: center;
}
.s_tasks_list table tr td.--object.--row span,
.s_tasks_list table tr th.--object.--row span {
  white-space: nowrap;
  display: block;
  margin: -7px -10px;
  padding: 7px 10px;
  transition: 0.2s;
  max-width: 200px;
  overflow: hidden;
}
.s_tasks_list table tr td.--object.--row span:hover,
.s_tasks_list table tr th.--object.--row span:hover {
  background: var(--tasks-list-deal-bg-hover);
  cursor: pointer;
}
.s_tasks_list table tr td.--object.--row span i,
.s_tasks_list table tr th.--object.--row span i {
  margin-right: 5px;
}
.s_tasks_list table tr td.--text,
.s_tasks_list table tr th.--text {
  width: 100%;
  min-width: 200px;
}
.s_tasks_list table tr td.--resp,
.s_tasks_list table tr th.--resp {
  min-width: 170px;
  max-width: 250px;
}
.s_tasks_list table tr td.--resp span,
.s_tasks_list table tr th.--resp span {
  white-space: nowrap;
}
.s_tasks_list table tr td .text-inner,
.s_tasks_list table tr th .text-inner {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
.s_tasks_list table tr td .text-inner-post,
.s_tasks_list table tr th .text-inner-post {
  position: absolute;
}
.s_tasks_list table tbody tr {
  border-bottom: 1px solid #333846;
  transition: 0.2s;
}
.s_tasks_list table tbody tr:hover {
  cursor: pointer;
  background-color: var(--tasks-list-bg-hover);
}
.s_tasks_list table tbody tr:hover .stl-close-result {
  opacity: 0.7;
  visibility: visible;
}
.s_tasks_list table tbody tr:hover .stl-close-result:hover {
  cursor: pointer;
  opacity: 1;
}
.s_tasks_list table th {
  padding: 7px 10px;
}
.s_tasks_list table th.--result {
  min-width: 190px;
}
@media (min-width: 1500px) {
  .s_tasks_list table th.--result {
    min-width: 290px;
  }
}
@media (min-width: 1800px) {
  .s_tasks_list table th.--result {
    min-width: 390px;
  }
}
.s_tasks_list table th.--date,
.s_tasks_list table th.--dt-closed {
  min-width: 200px;
  max-width: 200px;
}
.s_tasks_list table .--type {
  min-width: 30px;
  max-width: 30px;
  padding-left: 0;
  padding-right: 0;
}
.s_tasks_list table .--date.new-day,
.s_tasks_list table .--dt-closed.new-day {
  padding-top: 50px;
}
.s_tasks_list span.task-place {
  background: #fff3;
  font-size: 11px;
  padding: 3px 6px 3px 19px;
  position: relative;
  margin-right: 7px;
  border-radius: 20px;
  top: -1px;
}
.s_tasks_list span.task-place i {
  left: 5px;
  font-size: 17px;
  position: absolute;
  top: 6px;
}
.s_tasks_list .stl-close-result {
  white-space: nowrap;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--tasks-list-result-bg);
  transition: 0.3s;
}
.s_tasks_list .stl-tasktype {
  display: inline-block;
  padding: 0px 0px;
  border-radius: 2px;
  text-align: center;
  line-height: 26px;
  width: 25px;
}
.s_tasks_list .stl-tasktype i {
  opacity: 0.7;
  font-size: 16px;
  line-height: 26px;
  position: relative;
  top: 1px;
}
.s_tasks_list .stl-tasktype.--1 {
  background-color: #716556;
}
.s_tasks_list .stl-tasktype.--2 {
  background-color: #444e6b;
}
.s_tasks_list .stl-tasktype.--3 {
  background-color: #3450b9;
}
.s_tasks_list .new-day {
  margin-top: 20px;
  opacity: 0.4;
  font-size: 16px;
  margin-bottom: 9px;
}
.s_tasks_list td.--type {
  padding-top: 0px !important;
  padding-bottom: 4px !important;
}
.s-tech-colors {
  background: #fff;
  min-height: 100vmin;
}
.s-tech-colors .flex {
  display: flex;
  justify-content: center;
}
.s-tech-colors .block {
  width: 600px;
  height: 100vmin;
  padding: 40px;
}
.s-tech-colors .black {
  background-color: #222c46;
}
.s-tech-colors .block-color-bg {
  min-width: 100px;
  border: 3px solid #d017ff;
  min-height: 25px;
  border-radius: 5px;
  margin-left: auto;
}
.s-tech-colors .block-color {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.s-tech-colors .block-color-text {
  min-width: 180px;
  text-align: right;
  font-size: 13px;
}
.s-pricerules-project .sp-head {
  padding: 18px 20px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  background: radial-gradient(900px 160px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(700px 140px at 120% 0%, rgba(44, 152, 240, 0.2), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.s-pricerules-project .sp-head label {
  color: rgba(255, 255, 255, 0.55);
}
.s-pricerules-project .sp-head .std-btn {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 0;
}
.s-pricerules-project span.non-linked {
  color: #cd595a;
  display: inline-block;
  font-weight: bold;
  margin-left: 8px;
}
.s-pricerules-project .dco-empty {
  margin: 40px auto;
  max-width: 520px;
  background: #fff;
  border-radius: 20px;
  padding: 40px 40px 36px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(23, 29, 43, 0.06);
}
.s-pricerules-project .dco-empty p {
  margin: 0 auto 26px;
  max-width: 400px;
  font-size: 14px;
  line-height: 1.55;
  color: #5d667a;
}
.s-pricerules-project .dco-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  border-radius: 16px;
  background: linear-gradient(180deg, #eef6ff 0%, #e4f0fc 100%);
  color: #2c98f0;
  font-size: 22px;
}
.s-pricerules-project .dco-empty-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-empty-title {
  margin: 8px 0 10px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
}
.s-pricerules-project .dco-empty-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 22px;
  height: 44px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.28);
}
.s-pricerules-project .dco-empty-btn i {
  font-size: 12px;
}
.s-pricerules-project .dco-empty-btn:hover {
  background: #1f86dc;
}
.s-pricerules-project .dco-empty-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.s-pricerules-project .dco-empty-ai {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  border: 0;
  background: #eef6ff;
  color: #1f6fbd;
  border-radius: 999px;
  padding: 0 20px;
  height: 42px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.s-pricerules-project .dco-empty-ai i {
  font-size: 12px;
}
.s-pricerules-project .dco-empty-ai:hover {
  background: #e0f0ff;
}
.s-pricerules-project .dco-split {
  position: fixed;
  inset: 0;
  z-index: 390;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.s-pricerules-project .dco-split.active {
  opacity: 1;
  visibility: visible;
}
.s-pricerules-project .dco-split-back {
  position: absolute;
  inset: 0;
  background: rgba(10, 14, 24, 0.62);
  cursor: pointer;
}
.s-pricerules-project .dco-split-card {
  position: relative;
  width: 760px;
  max-width: 100%;
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #eef1f7;
  border-radius: 18px;
  padding: 28px 28px 24px;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.32);
}
.s-pricerules-project .dco-split-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #4d5870;
  cursor: pointer;
}
.s-pricerules-project .dco-split-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-split-title {
  margin: 6px 0 10px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
}
.s-pricerules-project .dco-split-lead,
.s-pricerules-project .dco-split-load,
.s-pricerules-project .dco-split-empty p,
.s-pricerules-project .dco-split-skipped {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #5d667a;
}
.s-pricerules-project .dco-split-house {
  background: #fff;
  border-radius: 16px;
  padding: 16px 18px 14px;
  margin-bottom: 10px;
}
.s-pricerules-project .dco-split-house-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.s-pricerules-project .dco-split-house-top b {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #171d2b;
}
.s-pricerules-project .dco-split-house-top span {
  font-size: 12px;
  color: #8b93a7;
}
.s-pricerules-project .dco-split-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.s-pricerules-project .dco-split-stats div {
  background: #f6f8fb;
  border-radius: 12px;
  padding: 10px 12px;
}
.s-pricerules-project .dco-split-stats small,
.s-pricerules-project .dco-split-stats em {
  display: block;
  font-size: 11px;
  color: #8b93a7;
}
.s-pricerules-project .dco-split-stats b {
  display: block;
  margin: 4px 0 2px;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #171d2b;
}
.s-pricerules-project .dco-split-prefer {
  margin: 0 0 16px;
  padding: 14px 16px 6px;
  background: #fff;
  border-radius: 16px;
}
.s-pricerules-project .dco-split-prefer-title {
  font-size: 13px;
  font-weight: 700;
  color: #171d2b;
}
.s-pricerules-project .dco-split-modes {
  display: inline-flex;
  margin: 14px 0 12px;
  padding: 3px;
  background: #eef1f7;
  border-radius: 999px;
}
.s-pricerules-project .dco-split-modes button {
  border: 0;
  background: transparent;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #5d667a;
  cursor: pointer;
}
.s-pricerules-project .dco-split-modes button.on {
  background: #fff;
  color: #171d2b;
  box-shadow: 0 1px 2px rgba(24, 32, 54, 0.08);
}
.s-pricerules-project .dco-split-form label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #8b93a7;
}
.s-pricerules-project .dco-split-form input {
  width: 100%;
  height: 40px;
  border: 1px solid #dce1eb;
  border-radius: 10px;
  padding: 0 12px;
  background: #fff;
}
.s-pricerules-project .dco-split-form small {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #8b93a7;
}
.s-pricerules-project .dco-split-form.--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.s-pricerules-project .dco-split-form.--grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.s-pricerules-project .dco-split-forecast {
  margin-top: 12px;
  font-size: 13px;
  color: #5d667a;
  line-height: 1.45;
}
.s-pricerules-project .dco-split-forecast b {
  color: #171d2b;
}
.s-pricerules-project .dco-split-forecast em {
  color: #8b93a7;
  font-style: normal;
}
.s-pricerules-project .dco-split-forecast.--ok {
  color: #3f8d32;
}
.s-pricerules-project .dco-split-forecast.--bad {
  color: #cd5959;
}
.s-pricerules-project .dco-split-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  height: 44px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.28);
}
.s-pricerules-project .dco-split-next:disabled {
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
}
.s-pricerules-project .sm-icon {
  margin-left: 10px;
  position: relative;
  top: 9px;
  z-index: 2;
}
.s-pricerules-project .why-book {
  font-size: 85%;
  margin-top: 5px;
  opacity: 0.6;
}
.s-pricerules-project .zeroval {
  opacity: 0.3;
}
.s-pricerules-project .sp-last-total b {
  display: block;
  font-size: 26px;
  letter-spacing: -0.03em;
  color: #b6f0b0;
}
.s-pricerules-project .spl-type {
  opacity: 0.7;
  font-size: 12px;
}
.s-pricerules-project .spl-code-sort {
  position: sticky;
  left: 16px;
  z-index: 3;
  min-width: 46px;
  padding-left: 16px;
  align-self: stretch;
  display: flex;
  align-items: center;
  background: #fff;
}
.s-pricerules-project .total-actions {
  margin-right: auto;
}
.s-pricerules-project .toggler {
  padding-top: 7px;
  margin-left: auto;
}
.s-pricerules-project .total-num {
  margin-right: 20px;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.s-pricerules-project .total-num b {
  display: block;
  font-size: 20px;
  letter-spacing: -0.03em;
  color: #b6f0b0;
}
.s-pricerules-project .total-num.--spread b {
  font-size: 16px;
  line-height: 1.25;
}
.s-pricerules-project .total-num .info-block {
  opacity: 1;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.55);
}
.s-pricerules-project .total-num .round-hint {
  display: inline-block;
  margin-left: 6px;
  font-size: 15px;
  color: #ffd56a;
  opacity: 1;
  position: relative;
  top: -1px;
  cursor: help;
}
.s-pricerules-project .total-spread {
  font-size: 12px;
  color: #8fd87f;
  margin-top: 2px;
  font-weight: normal;
}
.s-pricerules-project .back {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 4px 12px;
  border-radius: 8px;
  text-decoration: none;
  display: block;
  line-height: 45px;
}
.s-pricerules-project .dco-project {
  font-weight: 700;
  font-size: 24px;
  margin-top: 0;
  letter-spacing: -0.03em;
}
.s-pricerules-project .dco-desc {
  margin-left: 30px;
}
.s-pricerules-project .dco-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
}
.s-pricerules-project .sp-info {
  font-size: 11px;
  margin-bottom: 20px;
}
.s-pricerules-project .total-title {
  font-size: 14px;
  text-align: left;
}
.s-pricerules-project .spl-code-count {
  min-width: 60px;
  font-weight: bold;
}
.s-pricerules-project .spl-code-area {
  min-width: 108px;
  font-weight: 700;
  color: #171d2b;
  margin-left: 8px;
}
.s-pricerules-project .spl-code-strat {
  min-width: 80px;
}
.s-pricerules-project .sp-info-title {
  margin: 35px 0 16px;
}
.s-pricerules-project span.spl-code-error {
  font-weight: normal;
  font-size: 11px;
  color: #8b3c3c;
  background: #e6cece;
  padding: 3px 7px;
  border-radius: 2px;
  margin-left: 10px;
  margin-top: 0px;
}
.s-pricerules-project span.spl-code-error:first-child {
  margin-left: -5px;
}
.s-pricerules-project .spl-metrpice {
  opacity: 0.7;
  font-size: 12px;
}
.s-pricerules-project span.no-inc {
  color: #cd5959;
  font-weight: 700;
  background: #fdecec;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
}
.s-pricerules-project .inc-ready {
  display: inline-block;
  background: #e8f6e4;
  color: #3f8d32;
  padding: 5px 10px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}
.s-pricerules-project .spl-code-name {
  font-weight: 700;
  font-size: 15px;
  color: #171d2b;
  letter-spacing: -0.02em;
}
.s-pricerules-project .spl-code-plan {
  min-width: 150px;
  max-width: 150px;
  font-weight: 700;
  color: #171d2b;
}
.s-pricerules-project .spl-code-action {
  min-width: 230px;
  max-width: 230px;
  margin-left: 15px;
}
.s-pricerules-project .spl-code-last {
  min-width: 118px;
  max-width: 130px;
  margin-left: 8px;
}
.s-pricerules-project .spl-last-ago {
  font-weight: 700;
  color: #171d2b;
}
.s-pricerules-project .spl-last-empty {
  color: #9aa3b7;
  font-size: 12px;
}
.s-pricerules-project .spl-code-spark {
  min-width: 124px;
  max-width: 148px;
  margin-left: 8px;
}
.s-pricerules-project .spl-spark {
  width: 108px;
  height: 26px;
}
.s-pricerules-project .spl-spark-svg {
  display: block;
  width: 108px;
  height: 26px;
}
.s-pricerules-project .spl-type.--unbook {
  color: #cd5959;
}
.s-pricerules-project span.spl-code-warning {
  font-weight: 600;
  font-size: 11px;
  color: #8b6a3c;
  background: #e4ddbb;
  padding: 3px 8px;
  border-radius: 999px;
  margin-left: 8px;
  margin-top: 0;
  margin-right: 4px;
}
.s-pricerules-project h1 {
  font-size: 18px;
  color: #656b78;
  margin: 0;
  margin-left: 20px;
}
.s-pricerules-project .sp-body {
  display: flex;
  justify-content: space-between;
  height: 100vmin;
  width: 100%;
  overflow: hidden;
}
.s-pricerules-project .spl-code {
  padding: 14px 16px 14px 0;
  display: flex;
  align-items: center;
  transition: 0.2s;
  background: #fff;
  border: none;
  border-radius: 12px;
  margin: 0 16px 8px;
  width: max-content;
  min-width: calc(100% - 32px);
  box-sizing: border-box;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-pricerules-project .spl-code > * {
  flex-shrink: 0;
}
.s-pricerules-project .spl-code:hover {
  background: #fff;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(24, 32, 54, 0.1);
}
.s-pricerules-project .spl-code.stopped {
  background-color: #f8ecec !important;
  opacity: 1 !important;
}
.s-pricerules-project .spl-code.--start {
  align-items: flex-end;
  font-weight: 600;
  background: #e8ecf4 !important;
  box-shadow: none;
  cursor: default;
  line-height: 1.2;
  font-size: 11px;
  color: #8b93a7;
  padding: 8px 16px 8px 0;
  position: sticky;
  top: 0;
  z-index: 23;
  margin: 0 16px;
  min-width: calc(100% - 32px);
  width: auto;
  border-radius: 0;
  transform: none;
}
.s-pricerules-project .spl-code.--start:hover {
  box-shadow: none;
  transform: none;
  cursor: default;
}
.s-pricerules-project .spl-code.--start .spl-h {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #5d667a;
  letter-spacing: -0.01em;
}
.s-pricerules-project .spl-code.--start .spl-h-sub {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 500;
  color: #9aa3b7;
}
.s-pricerules-project .spl-code.--start .fa-question-circle {
  opacity: 0.45;
  font-size: 10px;
}
.s-pricerules-project .spl-code.--start .spl-code-count,
.s-pricerules-project .spl-code.--start .spl-code-area,
.s-pricerules-project .spl-code.--start .spl-code-numbers,
.s-pricerules-project .spl-code.--start .spl-code-convers,
.s-pricerules-project .spl-code.--start .spl-code-dealdays {
  text-align: center;
}
.s-pricerules-project .spl-code.--start .spl-code-sort,
.s-pricerules-project .spl-code.--start .spl-code-title {
  z-index: 24;
}
.s-pricerules-project .spl-code.--start .spl-code-title {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-end;
}
.s-pricerules-project .spl-code-title {
  position: sticky;
  left: 62px;
  z-index: 2;
  min-width: 220px;
  max-width: 220px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: stretch;
  background: #fff;
  padding-right: 12px;
  box-shadow: 8px 0 12px -8px rgba(24, 32, 54, 0.22);
}
.s-pricerules-project .spl-code.stopped .spl-code-sort,
.s-pricerules-project .spl-code.stopped .spl-code-title {
  background: #f8ecec;
}
.s-pricerules-project .spl-code.--start .spl-code-sort,
.s-pricerules-project .spl-code.--start .spl-code-title {
  background: #e8ecf4;
}
.s-pricerules-project .spl-code-stat {
  display: flex;
  width: 100%;
  height: 10px;
  gap: 3px;
  padding: 0;
  background: #e8ecf4;
  border-radius: 999px;
  overflow: hidden;
}
.s-pricerules-project .spl-code-stat-line {
  height: 10px;
  min-width: 4px;
  border-radius: 0;
}
.s-pricerules-project .spl-code-stat-line.--free {
  background-color: #5ca845;
}
.s-pricerules-project .spl-code-stat-line.--booked {
  background-color: #e2c43a;
}
.s-pricerules-project .spl-code-stat-line.--solded {
  background: #c5ccde;
}
.s-pricerules-project .spl-code-stat-line.--reserved {
  background-color: #9aa3b3;
}
.s-pricerules-project .spl-code-statrow {
  flex: 1 0 140px;
  min-width: 140px;
  width: auto;
}
.s-pricerules-project .spl-h-legend {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 5px;
}
.s-pricerules-project .spl-h-legend i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.s-pricerules-project .spl-h-legend i.--free {
  background: #5ca845;
}
.s-pricerules-project .spl-h-legend i.--reserved {
  background: #9aa3b3;
}
.s-pricerules-project .spl-h-legend i.--booked {
  background: #e2c43a;
}
.s-pricerules-project .spl-h-legend i.--solded {
  background: #c5ccde;
}
.s-pricerules-project .sp-select-house {
  min-width: 250px;
}
.s-pricerules-project .spl-code-numbers {
  min-width: 150px;
  max-width: 150px;
  text-align: center;
}
.s-pricerules-project .sip-select-house {
  width: 200px;
  margin-left: 20px;
}
.s-pricerules-project .info-block {
  font-size: 90%;
  opacity: 0.55;
  margin-top: 2px;
  color: #fff;
}
.s-pricerules-project .total-more {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  height: 22px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  vertical-align: middle;
}
.s-pricerules-project .total-more:hover {
  background: rgba(255, 255, 255, 0.22);
}
.s-pricerules-project .total {
  margin: 16px 16px 0;
  font-size: 13px;
  display: flex;
  min-height: 84px;
  width: calc(100% - 32px);
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  align-items: center;
  padding: 12px 20px;
  text-align: center;
  justify-content: space-between;
  border: none;
  border-radius: 12px;
  color: #fff;
  background: radial-gradient(700px 120px at 100% 0%, rgba(92, 168, 69, 0.18), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.s-pricerules-project .total-center {
  display: flex;
  align-items: flex-end;
}
.s-pricerules-project .dco-filters {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  margin-left: auto;
  margin-right: 40px;
}
.s-pricerules-project .dco-area-filter-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.s-pricerules-project .dco-area-filter input {
  width: 64px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #171d2b;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
}
.s-pricerules-project .dco-area-filter span {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
}
.s-pricerules-project .dco-area-filter.on input {
  box-shadow: 0 0 0 2px rgba(92, 168, 69, 0.55);
}
.s-pricerules-project .dco-area-filter-clear {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.s-pricerules-project .dco-area-filter-clear:hover {
  background: rgba(255, 255, 255, 0.18);
}
.s-pricerules-project .sp-leftif {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #e8ecf4;
  display: flex;
  flex-direction: column;
}
.s-pricerules-project .sp-main {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.s-pricerules-project .total-count,
.s-pricerules-project .total-metrprice,
.s-pricerules-project .total-metrs {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 15px;
}
.s-pricerules-project .total-count {
  margin-left: 20px;
  margin-right: 20px;
}
.s-pricerules-project .total-metrprice {
  margin-right: 20px;
}
.s-pricerules-project .total-amount {
  font-size: 20px;
  font-weight: bold;
  margin-left: 19px;
}
.s-pricerules-project .stage-sel {
  display: flex;
  align-items: center;
}
.s-pricerules-project .stage-sel button {
  margin-left: 10px;
}
.s-pricerules-project .sp-codes {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0 0 88px;
  overscroll-behavior: contain;
}
.s-pricerules-project .spl-codes-table,
.s-pricerules-project .spl-codes-list {
  width: max-content;
  min-width: 100%;
}
.s-pricerules-project .dco-feed-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(10, 14, 24, 0.55);
  z-index: 390;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: pointer;
}
.s-pricerules-project .dco-feed-backdrop.active {
  opacity: 1;
  visibility: visible;
}
.s-pricerules-project .sp-last-incs {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  width: 620px;
  max-width: calc(100vw - 32px);
  padding: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  background: #eef1f7;
  border-radius: 16px;
  isolation: isolate;
  z-index: 400;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
}
.s-pricerules-project .sp-last-incs.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.s-pricerules-project .sp-last-incs.is-loading .dco-feed-money,
.s-pricerules-project .sp-last-incs.is-loading .dco-feed-sub,
.s-pricerules-project .sp-last-incs.is-loading .dco-spark,
.s-pricerules-project .sp-last-incs.is-loading .dco-feed-insight,
.s-pricerules-project .sp-last-incs.is-loading .events-summary {
  filter: blur(5px);
  opacity: 0.55;
  pointer-events: none;
  transition: 0.2s ease;
}
.s-pricerules-project .dco-feed-hero {
  position: relative;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
  padding: 22px 52px 18px 22px;
  background: radial-gradient(1200px 180px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(800px 160px at 120% 0%, rgba(44, 152, 240, 0.22), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
  color: #fff;
}
.s-pricerules-project .dco-feed-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  z-index: 5;
}
.s-pricerules-project .dco-feed-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 8px;
}
.s-pricerules-project .dco-feed-money {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #b6f0b0;
}
.s-pricerules-project .dco-feed-sub {
  margin-top: 6px;
  font-size: 13px;
  opacity: 0.7;
}
.s-pricerules-project .dco-spark {
  display: flex;
  align-items: flex-end;
  height: 52px;
  margin-top: 16px;
}
.s-pricerules-project .dco-spark-bar {
  flex: 1;
  min-width: 2px;
  margin-right: 2px;
  border-radius: 2px 2px 0 0;
  background: rgba(255, 255, 255, 0.16);
  cursor: pointer;
}
.s-pricerules-project .dco-spark-bar:last-child {
  margin-right: 0;
}
.s-pricerules-project .dco-spark-bar.hot {
  background: linear-gradient(180deg, #d4ffcf 0%, #5ca845 100%);
}
.s-pricerules-project .dco-spark-bar.unbook {
  background: #e27a7a;
  opacity: 0.85;
}
.s-pricerules-project .dco-spark-bar.empty {
  height: 8% !important;
  opacity: 0.25;
}
.s-pricerules-project .dco-spark-bar:hover {
  filter: brightness(1.18);
}
.s-pricerules-project .dco-feed-insight {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.72);
}
.s-pricerules-project .dco-feed-body {
  flex: 1;
  overflow: auto;
  padding: 16px 18px 40px;
  border-radius: 0 0 16px 16px;
}
.s-pricerules-project .events-empty {
  text-align: center;
  color: #939292;
  padding: 30px 10px;
}
.s-pricerules-project .dco-day {
  margin-top: 10px;
}
.s-pricerules-project .dco-day:first-child .dco-day-head {
  margin-top: 8px;
}
.s-pricerules-project .dco-day-head {
  display: flex;
  align-items: baseline;
  margin: 22px 0 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
}
.s-pricerules-project .dco-day-head b {
  margin-left: auto;
  color: #5ca845;
  font-size: 15px;
  font-weight: 700;
}
.s-pricerules-project .dco-day-head em {
  margin-left: 10px;
  font-style: normal;
  font-weight: 600;
  color: #cd5959;
  font-size: 13px;
}
.s-pricerules-project .dco-tl-item {
  display: flex;
  position: relative;
  padding-bottom: 12px;
}
.s-pricerules-project .dco-tl-item:last-child {
  padding-bottom: 0;
}
.s-pricerules-project .dco-tl-rail {
  width: 22px;
  position: relative;
  flex-shrink: 0;
  margin-right: 10px;
}
.s-pricerules-project .dco-tl-rail:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 22px;
  bottom: -12px;
  width: 2px;
  background: #d5dae6;
}
.s-pricerules-project .dco-tl-item:last-child .dco-tl-rail:before {
  display: none;
}
.s-pricerules-project .dco-tl-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #9aa3b8;
  color: #fff;
  text-align: center;
  line-height: 22px;
  font-size: 10px;
  position: relative;
  z-index: 1;
}
.s-pricerules-project .dco-tl-item.--trigger .dco-tl-dot {
  background: #5ca845;
  box-shadow: 0 0 0 4px rgba(92, 168, 69, 0.16);
}
.s-pricerules-project .dco-tl-item.--unbook .dco-tl-dot {
  background: #cd5959;
  box-shadow: 0 0 0 4px rgba(205, 89, 89, 0.16);
}
.s-pricerules-project .dco-tl-card {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  padding: 10px 12px 8px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-pricerules-project .dco-tl-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.s-pricerules-project .dco-tl-link {
  margin-left: auto;
  display: inline-block;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 10px;
  line-height: 22px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}
.s-pricerules-project .dco-tl-link:hover,
.s-pricerules-project .dco-tl-link:focus {
  background: #2c3a52;
  color: #fff;
  text-decoration: none;
}
.s-pricerules-project .dco-tl-time {
  flex-shrink: 0;
  margin: 0 0 0 auto;
  font-size: 11px;
  line-height: 1.35;
  color: #afb3bf;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.s-pricerules-project .dco-tl-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.s-pricerules-project .dco-tl-ago {
  font-size: 11px;
  color: #939292;
  white-space: nowrap;
  margin-left: 8px;
}
.s-pricerules-project .dco-tl-group {
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
  color: #2c3a52;
  margin-bottom: 4px;
}
.s-pricerules-project .dco-tl-main {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: #656b78;
  line-height: 1.35;
}
.s-pricerules-project .dco-tl-main b {
  color: #3f8d32;
}
.s-pricerules-project .dco-tl-item.--unbook .dco-tl-main {
  color: #8a4545;
}
.s-pricerules-project .month-val.fast-sale {
  color: #e27f27;
}
.s-pricerules-project .in-sale {
  color: #0a9f00;
}
.s-pricerules-project .spl-code-solded {
  min-width: 132px;
  display: flex;
  margin-right: 20px;
  justify-content: space-between;
  text-align: center;
}
.s-pricerules-project .spl-code-solded b {
  min-width: 28px;
}
.s-pricerules-project .spl-code-solded b:nth-child(1) {
  color: #5ca845;
}
.s-pricerules-project .spl-code-solded b:nth-child(2) {
  color: #7d8699;
}
.s-pricerules-project .spl-code-solded b:nth-child(3) {
  color: #c9a227;
}
.s-pricerules-project .spl-code-solded b:nth-child(4) {
  color: #8b93a7;
}
.s-pricerules-project .spl-code-solded.--head {
  margin-top: 0;
  margin-bottom: 0;
}
.s-pricerules-project .spl-code-solded.--head .spl-st {
  min-width: 28px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}
.s-pricerules-project .spl-code-solded.--head .spl-st.--free {
  color: #5ca845;
}
.s-pricerules-project .spl-code-solded.--head .spl-st.--reserved {
  color: #7d8699;
}
.s-pricerules-project .spl-code-solded.--head .spl-st.--booked {
  color: #c9a227;
}
.s-pricerules-project .spl-code-solded.--head .spl-st.--solded {
  color: #8b93a7;
}
.s-pricerules-project .spl-code-month {
  min-width: 140px;
}
.s-pricerules-project .spl-code-convers {
  min-width: 64px;
  text-align: center;
  font-size: 13px;
  margin-right: 8px;
}
.s-pricerules-project .spl-code-dealdays {
  min-width: 48px;
  font-size: 13px;
  text-align: center;
  margin-right: 16px;
  margin-left: 4px;
}
.s-pricerules-project .month-flex {
  display: flex;
  justify-content: space-between;
}
.s-pricerules-project .month-flex.--top {
  margin-top: 10px;
}
.s-pricerules-project .month-val {
  width: 50%;
}
.s-pricerules-project .sp-last-incs-title {
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}
.s-pricerules-project .sp-last-inc {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.s-pricerules-project .sp-last-inc-date {
  font-size: 13px;
}
.s-pricerules-project .sp-last-inc-row1 {
  display: flex;
  justify-content: space-between;
}
.s-pricerules-project .sp-last-inc-new {
  margin-top: 10px;
  border-top: 1px solid #c5ccdf;
  padding-top: 9px;
}
.s-pricerules-project .sp-last-inc-amount {
  opacity: 0.7;
  font-size: 90%;
  margin-top: 1px;
}
.s-pricerules-project .total-actions-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 360px;
  margin-right: 20px;
  text-align: left;
}
.s-pricerules-project .total-actions-left button {
  margin: 4px 8px 4px 0;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 0;
}
.s-pricerules-project .total-actions-left .dco-add-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #2c98f0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.32);
}
.s-pricerules-project .total-actions-left .dco-add-group i {
  font-size: 11px;
}
.s-pricerules-project .total-actions-left .dco-add-group:hover:not(:disabled) {
  background: #1f86dc;
}
.s-pricerules-project .total-actions-left .dco-add-group:disabled {
  opacity: 0.55;
  cursor: default;
  box-shadow: none;
}
.s-pricerules-project .total-actions-left .choose-stage {
  color: rgba(255, 255, 255, 0.65);
}
.s-pricerules-project .spl-percent-spread {
  font-size: 12px;
  color: #5ca845;
  margin-top: 2px;
}
.s-pricerules-project .spl-code.hidden-group {
  opacity: 0.7;
}
.s-pricerules-project .active-filter {
  background: #2c98f0 !important;
  color: #fff !important;
  border-color: #2c98f0 !important;
}
.s-pricerules-project .events-days {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 8px 0 12px;
}
.s-pricerules-project .dco-chips {
  display: inline-flex;
  align-items: center;
  background: #e8ecf4;
  border-radius: 999px;
  padding: 3px;
  margin-bottom: 6px;
}
.s-pricerules-project .dco-chips button {
  border: 0;
  background: transparent;
  color: #5d667a;
  border-radius: 999px;
  padding: 0 12px;
  line-height: 26px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.s-pricerules-project .dco-chips button.on {
  background: #171d2b;
  color: #fff;
  box-shadow: 0 1px 4px rgba(18, 24, 38, 0.18);
}
.s-pricerules-project .events-dates {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-bottom: 6px;
}
.s-pricerules-project .events-dates-sep {
  margin: 0 6px;
  color: #8b93a7;
  font-size: 12px;
}
.s-pricerules-project .events-date {
  width: 92px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  padding: 0 8px;
  font-size: 12px;
  color: #171d2b;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-pricerules-project .events-summary {
  display: flex;
  margin-bottom: 10px;
}
.s-pricerules-project .events-summary-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  margin-right: 6px;
  cursor: pointer;
  line-height: 1.15;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-pricerules-project .events-summary-item:last-child {
  margin-right: 0;
}
.s-pricerules-project .events-summary-item b {
  flex-shrink: 0;
  font-size: 22px;
  letter-spacing: -0.03em;
  line-height: 1;
}
.s-pricerules-project .events-summary-item.--trigger i,
.s-pricerules-project .events-summary-item.--trigger b {
  color: #5ca845;
}
.s-pricerules-project .events-summary-item.--unbook i,
.s-pricerules-project .events-summary-item.--unbook b {
  color: #cd5959;
}
.s-pricerules-project .events-summary-item.off {
  opacity: 0.4;
}
.s-pricerules-project .events-summary-meta {
  min-width: 0;
}
.s-pricerules-project .events-summary-meta i {
  display: block;
  opacity: 0.55;
  font-size: 11px;
  margin-bottom: 3px;
}
.s-pricerules-project .events-summary-meta span {
  display: block;
  font-size: 11px;
  color: #656b78;
}
.s-pricerules-project .events-hint {
  font-size: 12px;
  color: #939292;
  margin-bottom: 10px;
}
.s-pricerules-project .events-type {
  display: inline-block;
  font-size: 11px;
  background: #eef1f7;
  border-radius: 4px;
  padding: 1px 6px;
  margin-right: 6px;
  color: #656b78;
}
.s-pricerules-project .dco-tl-item.--unbook .events-type {
  background: #fdecec;
  color: #cd5959;
}
.s-pricerules-project .dco-tl-item.--trigger .events-type {
  background: #e8f6e4;
  color: #5ca845;
}
.s-pricerules-project .dco-view {
  position: fixed;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  pointer-events: none;
}
.s-pricerules-project .dco-view-fabs,
.s-pricerules-project .dco-view-side,
.s-pricerules-project .dco-view-fab,
.s-pricerules-project .dco-view-panel {
  pointer-events: auto;
}
.s-pricerules-project .dco-view-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.s-pricerules-project .dco-view-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.s-pricerules-project .dco-view-round {
  background: #ffd56a;
  color: #171d2b;
  border-radius: 999px;
  padding: 0 18px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: help;
  box-shadow: 0 10px 24px rgba(18, 24, 38, 0.16);
}
.s-pricerules-project .dco-view-fab {
  border: 0;
  background: #171d2b;
  color: #fff;
  border-radius: 999px;
  padding: 0 18px;
  height: 44px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(18, 24, 38, 0.28);
}
.s-pricerules-project .dco-view-fab i {
  margin-right: 8px;
}
.s-pricerules-project .dco-view-fab.--demand {
  background: #254a62;
}
.s-pricerules-project .dco-view-fab.--matrix {
  background: #2c3a52;
}
.s-pricerules-project .dco-view-fab.--feed {
  background: #3a4d2c;
}
.s-pricerules-project .dco-view-fabs {
  display: flex;
  gap: 8px;
}
.s-pricerules-project .dco-view-panel {
  width: 300px;
  max-height: 70vh;
  overflow: auto;
  background: #fff;
  border-radius: 16px;
  padding: 16px 16px 12px;
  margin-bottom: 10px;
  box-shadow: 0 18px 40px rgba(18, 24, 38, 0.22);
}
.s-pricerules-project .dco-view-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
.s-pricerules-project .dco-view-sec {
  margin: 12px 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-view-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.35;
  padding: 5px 0;
  margin: 0;
  font-weight: 500;
  cursor: pointer;
}
.s-pricerules-project .dco-view-check input {
  margin-top: 2px;
  flex-shrink: 0;
}
.s-pricerules-project .dco-view-reset {
  display: block;
  width: 100%;
  margin-top: 12px;
  border: 0;
  background: #eef1f7;
  color: #4d5870;
  border-radius: 8px;
  line-height: 34px;
  cursor: pointer;
}
.s-pricerules-project .dco-mx-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(10, 14, 24, 0.55);
  z-index: 340;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: pointer;
}
.s-pricerules-project .dco-mx-backdrop.active {
  opacity: 1;
  visibility: visible;
}
.s-pricerules-project .dco-matrix {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: auto;
  width: 1020px;
  max-width: calc(100vw - 32px);
  z-index: 350;
  background: #eef1f7;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  isolation: isolate;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
}
.s-pricerules-project .dco-matrix.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.s-pricerules-project .dco-mx-hero {
  position: relative;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
  padding: 18px 52px 16px 22px;
  color: #fff;
  background: radial-gradient(900px 160px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.s-pricerules-project .dco-mx-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
}
.s-pricerules-project .dco-mx-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 6px;
}
.s-pricerules-project .dco-mx-title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.s-pricerules-project .dco-mx-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.s-pricerules-project .dco-mx-how {
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 16px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.35);
}
.s-pricerules-project .dco-mx-how:hover {
  background: #1f86dc;
}
.s-pricerules-project .dco-mx-stat {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.s-pricerules-project .dco-mx-stat span {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}
.s-pricerules-project .dco-mx-stat .--ahead {
  color: #b6f0b0;
}
.s-pricerules-project .dco-mx-stat .--ok {
  color: #d7e4ff;
}
.s-pricerules-project .dco-mx-stat .--slow {
  color: #ffd56a;
}
.s-pricerules-project .dco-mx-stat .--stop {
  color: #f0b4b4;
}
.s-pricerules-project .dco-demand {
  position: fixed;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: auto;
  width: 920px;
  max-width: calc(100vw - 32px);
  z-index: 350;
  background: #eef1f7;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  isolation: isolate;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.28);
}
.s-pricerules-project .dco-demand.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.s-pricerules-project .dco-demand .dco-mx-hero {
  flex-shrink: 0;
}
.s-pricerules-project .dco-demand .dco-mx-demand {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border-radius: 0 0 16px 16px;
}
.s-pricerules-project .dco-demand-setup-open {
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 999px;
  padding: 0 16px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.35);
}
.s-pricerules-project .dco-demand-setup-open:hover {
  background: #1f86dc;
}
.s-pricerules-project .dco-demand-days {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.s-pricerules-project .dco-demand-days > span {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  margin-right: 4px;
}
.s-pricerules-project .dco-demand-days button {
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  padding: 0 12px;
  height: 32px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.s-pricerules-project .dco-demand-days button.on {
  background: #fff;
  color: #171d2b;
}
.s-pricerules-project .dco-demand-days label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}
.s-pricerules-project .dco-demand-days input {
  width: 64px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #171d2b;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
}
.s-pricerules-project .dco-demand-note {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.55);
  max-width: 640px;
}
.s-pricerules-project .dco-mx-demand {
  padding: 16px 20px 20px;
  background: transparent;
}
.s-pricerules-project .dco-mx-demand-head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px 20px;
  margin: 12px 0 8px;
}
.s-pricerules-project .dco-mx-demand-head > span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-demand-tools {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 14px;
}
.s-pricerules-project .dco-mx-demand-setup {
  background: #fff;
  border-radius: 12px;
  padding: 18px 16px 14px;
}
.s-pricerules-project .dco-total-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 380;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.s-pricerules-project .dco-total-modal.active {
  opacity: 1;
  visibility: visible;
}
.s-pricerules-project .dco-total-modal-back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(10, 14, 24, 0.62);
  cursor: pointer;
}
.s-pricerules-project .dco-total-modal-card {
  position: relative;
  width: 820px;
  max-width: 100%;
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #eef1f7;
  border-radius: 16px;
  padding: 22px 24px 24px;
  isolation: isolate;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.32);
}
.s-pricerules-project .dco-total-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: #fff;
  color: #171d2b;
  border-radius: 50%;
  cursor: pointer;
}
.s-pricerules-project .dco-total-modal-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-total-modal-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
  margin: 6px 36px 8px 0;
}
.s-pricerules-project .dco-total-modal-lead {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.45;
  color: #6b7386;
}
.s-pricerules-project .dco-total-round {
  margin: -6px 0 16px;
  background: #fff6d6;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
  color: #5a4a16;
}
.s-pricerules-project .dco-total-formula {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1.15fr);
  gap: 8px;
  align-items: stretch;
  margin-bottom: 16px;
}
.s-pricerules-project .dco-total-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #8b93a7;
}
.s-pricerules-project .dco-total-metric {
  background: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-pricerules-project .dco-total-metric.--sum {
  background: #171d2b;
  color: #fff;
}
.s-pricerules-project .dco-total-metric.--sum .dco-total-metric-kicker,
.s-pricerules-project .dco-total-metric.--sum .dco-total-metric-sub {
  color: rgba(255, 255, 255, 0.55);
}
.s-pricerules-project .dco-total-metric.--sum .dco-total-metric-value {
  color: #b6f0b0;
}
.s-pricerules-project .dco-total-metric-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-total-metric-value {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
  line-height: 1.25;
}
.s-pricerules-project .dco-total-metric-sub {
  margin-top: 6px;
  font-size: 12px;
  color: #8b93a7;
  line-height: 1.4;
}
.s-pricerules-project .dco-total-fork {
  background: #fff;
  border-radius: 14px;
  padding: 16px 18px 18px;
  box-shadow: 0 1px 0 rgba(24, 32, 54, 0.04);
}
.s-pricerules-project .dco-total-fork > p {
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #5d667a;
}
.s-pricerules-project .dco-total-fork-title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #171d2b;
  margin-bottom: 8px;
}
.s-pricerules-project .dco-total-range {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.s-pricerules-project .dco-total-range span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-total-range b {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  color: #171d2b;
}
.s-pricerules-project .dco-total-range-bar {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8fd87f, #2c98f0);
}
.s-pricerules-project .dco-total-scens {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.s-pricerules-project .dco-total-scen {
  background: #eef1f7;
  border-radius: 12px;
  padding: 12px 14px;
}
.s-pricerules-project .dco-total-scen small {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #8b93a7;
}
.s-pricerules-project .dco-total-scen-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
  margin-bottom: 8px;
}
.s-pricerules-project .dco-total-scen-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
  font-size: 13px;
  color: #5d667a;
}
.s-pricerules-project .dco-total-scen-row b {
  color: #171d2b;
  white-space: nowrap;
}
.s-pricerules-project .dco-total-groups .dco-total-fork-title {
  margin-top: 4px;
}
.s-pricerules-project .dco-total-group {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 10px 0;
  border-top: 1px solid #e4e8f0;
  font-size: 13px;
  color: #171d2b;
}
.s-pricerules-project .dco-total-group span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #8b93a7;
}
.s-pricerules-project .dco-total-ok {
  background: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 13px;
  color: #5d667a;
  line-height: 1.45;
}
.s-pricerules-project .dco-demand-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 380;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.s-pricerules-project .dco-demand-modal.active {
  opacity: 1;
  visibility: visible;
}
.s-pricerules-project .dco-demand-modal-back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(10, 14, 24, 0.62);
  cursor: pointer;
}
.s-pricerules-project .dco-demand-modal-card {
  position: relative;
  width: 860px;
  max-width: 100%;
  background: #fff;
  border-radius: 16px;
  padding: 22px 24px 20px;
  isolation: isolate;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.32);
}
.s-pricerules-project .dco-demand-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: #eef1f7;
  color: #171d2b;
  border-radius: 50%;
  cursor: pointer;
}
.s-pricerules-project .dco-demand-modal-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
  margin-bottom: 6px;
}
.s-pricerules-project .dco-demand-modal-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #171d2b;
  margin: 8px 36px 8px 0;
}
.s-pricerules-project .dco-demand-modal-lead {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #6b7386;
}
.s-pricerules-project .dco-demand-slider {
  padding: 22px 8px 0;
  user-select: none;
}
.s-pricerules-project .dco-demand-rail {
  position: relative;
  height: 52px;
  margin: 0 10px;
}
.s-pricerules-project .dco-demand-seg {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #d7e6f5;
  cursor: pointer;
}
.s-pricerules-project .dco-demand-seg:nth-child(even) {
  background: #c4d8ee;
}
.s-pricerules-project .dco-demand-seg.--open {
  background: #e4e8f0;
}
.s-pricerules-project .dco-demand-seg.--first {
  border-radius: 10px 0 0 10px;
}
.s-pricerules-project .dco-demand-seg.--last {
  border-radius: 0 10px 10px 0;
}
.s-pricerules-project .dco-demand-seg.--first.--last {
  border-radius: 10px;
}
.s-pricerules-project .dco-demand-seg span {
  pointer-events: none;
  font-size: 12px;
  font-weight: 700;
  color: #2c4a66;
  white-space: nowrap;
}
.s-pricerules-project .dco-demand-seg.--open span {
  color: #6b7386;
}
.s-pricerules-project .dco-demand-handle {
  position: absolute;
  top: -6px;
  bottom: -6px;
  width: 16px;
  margin-left: -8px;
  z-index: 2;
  cursor: ew-resize;
}
.s-pricerules-project .dco-demand-handle:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  width: 4px;
  border-radius: 999px;
  background: #171d2b;
  box-shadow: 0 2px 8px rgba(18, 24, 38, 0.28);
}
.s-pricerules-project .dco-demand-handle b {
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 700;
  color: #171d2b;
  white-space: nowrap;
}
.s-pricerules-project .dco-demand-handle i {
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  border-radius: 50%;
  background: #eef1f7;
  cursor: pointer;
}
.s-pricerules-project .dco-demand-handle i:before,
.s-pricerules-project .dco-demand-handle i:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  width: 8px;
  height: 2px;
  background: #8b93a7;
}
.s-pricerules-project .dco-demand-handle i:before {
  transform: rotate(45deg);
}
.s-pricerules-project .dco-demand-handle i:after {
  transform: rotate(-45deg);
}
.s-pricerules-project .dco-demand-handle i:hover {
  background: #ecd4d4;
}
.s-pricerules-project .dco-demand-handle i:hover:before,
.s-pricerules-project .dco-demand-handle i:hover:after {
  background: #cd5959;
}
.s-pricerules-project .dco-demand-axis {
  position: relative;
  height: 22px;
  margin: 14px 10px 4px;
  color: #8b93a7;
  font-size: 11px;
  font-weight: 600;
}
.s-pricerules-project .dco-demand-axis span {
  position: absolute;
  transform: translateX(-50%);
}
.s-pricerules-project .dco-mx-demand-setup-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 16px;
}
.s-pricerules-project .dco-mx-demand-setup-actions button {
  border: 0;
  background: #eef1f7;
  color: #4d5870;
  border-radius: 999px;
  padding: 0 14px;
  height: 32px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.s-pricerules-project .dco-mx-demand-setup-actions button.--save {
  background: #171d2b;
  color: #fff;
}
.s-pricerules-project .dco-mx-demand-setup > p {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-demand-legend {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-demand-legend span {
  display: flex;
  align-items: center;
  gap: 6px;
  text-align: left;
  white-space: nowrap;
}
.s-pricerules-project .dco-mx-demand-legend i {
  display: block;
  width: 16px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
}
.s-pricerules-project .dco-mx-demand-legend .now {
  background: #5aa7e6;
}
.s-pricerules-project .dco-mx-demand-legend .prev {
  background: #c5cad6;
}
.s-pricerules-project .dco-mx-demand-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
}
.s-pricerules-project .dco-mx-demand-insights {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.s-pricerules-project .dco-mx-demand-cols {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) 100px 88px 88px;
  align-items: end;
  gap: 8px 16px;
  padding: 0 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-demand-cols > span:nth-child(4),
.s-pricerules-project .dco-mx-demand-cols > span:nth-child(5) {
  text-align: right;
}
.s-pricerules-project .dco-mx-demand-insight {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 14px 12px;
  background: #171d2b;
  border-radius: 12px;
  color: #fff;
}
.s-pricerules-project .dco-mx-demand-insight span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 2px;
}
.s-pricerules-project .dco-mx-demand-insight b {
  display: block;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin-bottom: 6px;
}
.s-pricerules-project .dco-mx-demand-insight small {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.3;
}
.s-pricerules-project .dco-mx-demand-insight.empty {
  background: #fff;
}
.s-pricerules-project .dco-mx-demand-insight.empty span,
.s-pricerules-project .dco-mx-demand-insight.empty small {
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-demand-insight.empty b {
  color: #c5cad6;
}
.s-pricerules-project .dco-mx-demand-insight.wash {
  background: #2b2416;
}
.s-pricerules-project .dco-mx-demand-insight.thin {
  background: #1a2618;
}
.s-pricerules-project .dco-mx-demand-bars {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.s-pricerules-project .dco-mx-demand-col {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) 100px 88px 88px;
  align-items: center;
  gap: 8px 16px;
  min-width: 0;
  padding: 12px 16px;
  background: #fff;
  border-radius: 12px;
  cursor: default;
}
.s-pricerules-project .dco-mx-demand-col.hot {
  background: #eef5fc;
}
.s-pricerules-project .dco-mx-demand-col.wash {
  background: #fff6e8;
}
.s-pricerules-project .dco-mx-demand-col.empty b {
  color: #c5cad6;
}
.s-pricerules-project .dco-mx-demand-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  min-width: 0;
}
.s-pricerules-project .dco-mx-demand-metric b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.1;
  color: #171d2b;
}
.s-pricerules-project .dco-mx-demand-metric em {
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  color: transparent;
  min-height: 14px;
}
.s-pricerules-project .dco-mx-demand-metric em.up {
  color: #5ca845;
}
.s-pricerules-project .dco-mx-demand-metric em.down {
  color: #cd5959;
}
.s-pricerules-project .dco-mx-demand-meta {
  min-width: 0;
}
.s-pricerules-project .dco-mx-demand-meta .dco-mx-demand-name {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.s-pricerules-project .dco-mx-demand-meta span {
  display: block;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: #171d2b;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-pricerules-project .dco-mx-demand-meta small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 600;
  color: #8b93a7;
  line-height: 1.3;
}
.s-pricerules-project .dco-demand-filter {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 6px;
  background: #eef1f6;
  color: #6b7388;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  cursor: pointer;
}
.s-pricerules-project .dco-demand-filter:hover,
.s-pricerules-project .dco-demand-filter.on {
  background: #171d2b;
  color: #fff;
}
.s-pricerules-project .dco-mx-demand-leftbar {
  width: 100px;
}
.s-pricerules-project .dco-mx-demand-leftbar span {
  display: block;
  width: 100px;
  height: 10px;
  background: #e4e8f0;
  border-radius: 999px;
  overflow: hidden;
}
.s-pricerules-project .dco-mx-demand-leftbar span i {
  display: block;
  height: 100%;
  min-width: 0;
  background: #5ca845;
  border-radius: 999px;
}
.s-pricerules-project .dco-mx-demand-leftbar em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
  color: #171d2b;
  letter-spacing: -0.02em;
}
.s-pricerules-project .dco-mx-demand-tracks {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.s-pricerules-project .dco-mx-demand-tracks span {
  display: block;
  height: 10px;
  background: #e4e8f0;
  border-radius: 999px;
  overflow: hidden;
}
.s-pricerules-project .dco-mx-demand-tracks span i {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: 999px;
}
.s-pricerules-project .dco-mx-demand-tracks span.now i {
  background: #5aa7e6;
}
.s-pricerules-project .dco-mx-demand-tracks span.prev i {
  background: #c5cad6;
}
.s-pricerules-project .dco-mx-demand-col.hot .dco-mx-demand-tracks span.now i {
  background: #2c7fbf;
}
.s-pricerules-project .dco-mx-demand-col.wash .dco-mx-demand-tracks span.now i {
  background: #d0892a;
}
.s-pricerules-project .dco-mx-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 18px;
  background: #fff;
  border-bottom: 1px solid #e0e5ef;
}
.s-pricerules-project .dco-mx-toolbar button {
  border: 0;
  background: #eef1f7;
  color: #4d5870;
  border-radius: 999px;
  padding: 0 12px;
  line-height: 28px;
  font-size: 12px;
  cursor: pointer;
}
.s-pricerules-project .dco-mx-toolbar button.on {
  background: #171d2b;
  color: #fff;
}
.s-pricerules-project .dco-mx-toolbar .dco-mx-sort-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8b93a7;
  margin-right: 4px;
}
.s-pricerules-project .dco-mx-legend {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.s-pricerules-project .dco-mx-legend i.--0 {
  background: #e6eaf4;
}
.s-pricerules-project .dco-mx-legend i.--1 {
  background: #8fd87f;
}
.s-pricerules-project .dco-mx-legend i.--2 {
  background: #5ca845;
}
.s-pricerules-project .dco-mx-legend i.--3 {
  background: #2f7a28;
}
.s-pricerules-project .dco-mx-body {
  overflow: auto;
  padding: 0 10px 20px;
  border-radius: 0 0 16px 16px;
}
.s-pricerules-project .dco-mx-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 10px;
  background: #fff;
  border-radius: 8px;
  margin-top: 6px;
  cursor: pointer;
}
.s-pricerules-project .dco-mx-row:hover {
  box-shadow: 0 8px 20px rgba(18, 24, 38, 0.08);
}
.s-pricerules-project .dco-mx-row.--head {
  position: sticky;
  top: 0;
  z-index: 2;
  margin-top: 0;
  background: #eef1f7;
  box-shadow: none;
  cursor: default;
  font-size: 11px;
  font-weight: 700;
  color: #8b93a7;
  padding-top: 8px;
  padding-bottom: 8px;
}
.s-pricerules-project .dco-mx-name {
  width: 180px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.s-pricerules-project .dco-mx-name span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-pricerules-project .dco-mx-heatwrap {
  width: 418px;
  flex-shrink: 0;
}
.s-pricerules-project .dco-mx-heat {
  display: block;
  width: 418px;
  height: 14px;
}
.s-pricerules-project .dco-mx-axis {
  display: flex;
}
.s-pricerules-project .dco-mx-axis span {
  width: 14px;
  font-size: 9px;
  line-height: 1;
  color: #9aa3b7;
  overflow: visible;
  white-space: nowrap;
}
.s-pricerules-project .dco-mx-axis .weekend {
  color: #c5cad6;
}
.s-pricerules-project .dco-mx-tempo {
  width: 86px;
  flex-shrink: 0;
  font-size: 12px;
}
.s-pricerules-project .dco-mx-tempo span {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 700;
  background: #eef1f7;
}
.s-pricerules-project .dco-mx-row.--ahead .dco-mx-tempo span {
  background: #e8f6e4;
  color: #3f8d32;
}
.s-pricerules-project .dco-mx-row.--ok .dco-mx-tempo span {
  background: #e7eefc;
  color: #3d6bb3;
}
.s-pricerules-project .dco-mx-row.--slow .dco-mx-tempo span {
  background: #fff4e5;
  color: #b07a2a;
}
.s-pricerules-project .dco-mx-row.--stop .dco-mx-tempo span,
.s-pricerules-project .dco-mx-row.--nostep .dco-mx-tempo span {
  background: #fdecec;
  color: #cd5959;
}
.s-pricerules-project .dco-mx-last,
.s-pricerules-project .dco-mx-next {
  width: 110px;
  flex-shrink: 0;
  font-size: 12px;
  color: #5d667a;
}
.s-pricerules-project .dco-mx-empty {
  padding: 24px 10px;
  color: #8b93a7;
}
.s-pricerules-project .dco-mx-help {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(10, 14, 24, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: pointer;
}
.s-pricerules-project .dco-mx-help.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.s-pricerules-project .dco-mx-help-card {
  width: 560px;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  background: #eef1f7;
  border-radius: 16px;
  overflow: visible;
  isolation: isolate;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.32);
  cursor: default;
}
.s-pricerules-project .dco-mx-help-hero {
  position: relative;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
  padding: 18px 52px 16px 22px;
  color: #fff;
  background: radial-gradient(700px 140px at 120% 0%, rgba(44, 152, 240, 0.28), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.s-pricerules-project .dco-mx-help-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.s-pricerules-project .dco-mx-help-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 6px;
}
.s-pricerules-project .dco-mx-help-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.s-pricerules-project .dco-mx-help-body {
  overflow: auto;
  padding: 18px 22px 22px;
}
.s-pricerules-project .dco-mx-help-sec {
  margin-bottom: 16px;
}
.s-pricerules-project .dco-mx-help-sec h4 {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  color: #171d2b;
}
.s-pricerules-project .dco-mx-help-sec p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #4d5870;
}
.s-pricerules-project .dco-mx-help-sec ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.s-pricerules-project .dco-mx-help-sec ul.--plain li {
  padding-left: 0;
}
.s-pricerules-project .dco-mx-help-sec li {
  position: relative;
  margin: 0 0 6px;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.4;
  color: #4d5870;
}
.s-pricerules-project .dco-mx-help-sec li i {
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.s-pricerules-project .dco-mx-help-sec li i.--0 {
  background: #e6eaf4;
}
.s-pricerules-project .dco-mx-help-sec li i.--1 {
  background: #8fd87f;
}
.s-pricerules-project .dco-mx-help-sec li i.--2 {
  background: #5ca845;
}
.s-pricerules-project .dco-mx-help-sec li i.--3 {
  background: #2f7a28;
}
.s-pricerules-project .dco-mx-help-sec li b.--ahead {
  color: #2f7a28;
}
.s-pricerules-project .dco-mx-help-sec li b.--ok {
  color: #3d6bb3;
}
.s-pricerules-project .dco-mx-help-sec li b.--slow {
  color: #b07a2a;
}
.s-pricerules-project .dco-mx-help-sec li b.--stop {
  color: #cd5959;
}
.s-pricerules-project .dco-mx-help-ok {
  display: block;
  width: 100%;
  margin-top: 8px;
  border: 0;
  background: #2c98f0;
  color: #fff;
  border-radius: 10px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.s-pricerules-project .dco-mx-help-ok:hover {
  background: #1f86dc;
}
.s-pricerules-steageeditor {
  --bgColor: #e6eaf4;
  font-size: 13px;
}
.s-pricerules-steageeditor .spl-month {
  min-width: 100px;
  max-width: 100px;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  line-height: 40px;
  border-left: 1px solid transparent;
}
.s-pricerules-steageeditor .spl-month.--codein {
  border-left: 1px solid #d0d6e3;
}
.s-pricerules-steageeditor .spl-month input {
  width: 100%;
}
.s-pricerules-steageeditor .plan-input {
  margin: -2px -1px -1px;
}
.s-pricerules-steageeditor .spl-code-count {
  margin-left: auto;
  min-width: 70px;
  font-weight: bold;
}
.s-pricerules-steageeditor span.copy-to-up {
  opacity: 0.4;
  font-size: 14px;
  position: absolute;
  margin-left: 1px;
  transition: 0.3s;
}
.s-pricerules-steageeditor span.copy-to-up:hover {
  opacity: 1;
  cursor: pointer;
}
.s-pricerules-steageeditor .dco-togglers {
  margin-right: 20px;
  display: flex;
}
.s-pricerules-steageeditor .sm-togglers {
  margin-right: 20px;
}
.s-pricerules-steageeditor .month-params-group {
  display: flex;
  align-items: center;
  height: 26px;
}
.s-pricerules-steageeditor .month-params-group-info.--border {
  text-align: left;
  margin-left: 10px;
  border-left: 1px solid #a7b2cd;
  border-radius: 6px;
  padding-left: 7px;
}
.s-pricerules-steageeditor .mpgi-row {
  height: 22px;
  font-weight: normal;
  line-height: 22px;
  font-size: 12px;
}
.s-pricerules-steageeditor .month-params-group-title {
  width: 26px;
}
.s-pricerules-steageeditor .warn {
  margin-top: 15px;
  color: #e94d4d;
}
.s-pricerules-steageeditor .month-params-group-info {
  width: 100%;
}
.s-pricerules-steageeditor .mpgi-row.--start {
  height: 28px;
  line-height: 28px;
}
.s-pricerules-steageeditor .mpgi-row.--start input {
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
}
.s-pricerules-steageeditor .month-params-group-info.error input {
  background-color: #fee;
}
.s-pricerules-steageeditor .month-params-group-info.error .mpgi-row.--fact {
  color: #e94d4d;
  font-weight: bold;
}
.s-pricerules-steageeditor .sco-right {
  position: sticky;
  right: 0;
  border-left: 1px solid #d0d6e3;
  background: var(--bgColor);
  min-width: 240px;
}
.s-pricerules-steageeditor .sco-info {
  position: sticky;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  min-width: 300px;
  max-width: 300px;
  font-size: 13px;
  padding: 0 10px;
}
.s-pricerules-steageeditor .sco-info.--color {
  border-right: 1px solid #d0d6e3;
  background: var(--bgColor);
}
.s-pricerules-steageeditor .zeroval {
  color: #b3b3b3;
}
.s-pricerules-steageeditor span.last-plan {
  display: inline-block;
  background: #ffc271;
  border-radius: 3px;
  min-width: 15px;
  text-align: center;
  line-height: 19px;
  margin-left: 5px;
}
.s-pricerules-steageeditor .si-title {
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
}
.s-pricerules-steageeditor .si-title i {
  margin-right: 2px;
  opacity: 0.6;
  transition: 0.3s;
}
.s-pricerules-steageeditor .si-title:hover i {
  opacity: 1;
}
.s-pricerules-steageeditor .si-count {
  margin-bottom: 10px;
}
.s-pricerules-steageeditor .spl-code-outer {
  position: relative;
  display: flex;
  border-bottom: 1px solid #d0d6e3;
}
.s-pricerules-steageeditor .whitecol {
  position: sticky;
  top: 0;
  background: var(--bgColor);
  width: max-content;
  z-index: 22;
  min-width: 100%;
}
.s-pricerules-steageeditor .month-params-group:last-child {
  margin-bottom: 0;
}
.s-pricerules-steageeditor .dco-togglers {
  margin-left: auto;
}
.s-pricerules-steageeditor .sp-codes {
  padding-bottom: 100px;
  overflow: auto;
}
.s-pricerules-steageeditor .dco-project {
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
}
.s-pricerules-steageeditor .dco-desc {
  margin-left: 30px;
}
.s-pricerules-steageeditor .dco-title {
  font-weight: bold;
  font-size: 13px;
}
.s-pricerules-steageeditor .back {
  background: #00000014;
  color: #656b78;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  line-height: 45px;
}
.s-pricerules-steageeditor .sp-head {
  padding: 20px 20px 20px;
  background: #e6eaf4;
  display: flex;
  align-items: center;
}
.s-pricerules-steageeditor .sp-body {
  display: flex;
  justify-content: space-between;
  height: 100vmin;
  width: 100%;
  overflow: hidden;
}
.s-pricerules-steageeditor .currentMonthHeader {
  font-weight: bold;
  background: #c7cfe4;
  min-width: 101px;
  max-width: 101px;
  border-radius: 10px 10px 0 0;
}
.s-pricerules-steageeditor .spl-code {
  margin-left: -1px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  transition: background 0.2s;
}
.s-pricerules-steageeditor .spl-code.--start {
  background: var(--bgColor) !important;
  cursor: default;
  line-height: 1.1em;
  position: sticky;
  top: 0;
}
.s-pricerules-steageeditor .spl-code-title {
  min-width: 210px;
  max-width: 210px;
  display: flex;
  flex-wrap: wrap;
}
.s-pricerules-steageeditor .spl-last {
  min-width: 240px;
}
.s-pricerules-steageeditor .sp-leftif {
  height: 100vmin;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: auto;
}
.s-pricerules-steageeditor .add-plus {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background: #fff;
  cursor: pointer;
}
.s-pricerules-steageeditor .spl-plus {
  min-width: 30px;
  margin: 0 10px;
}
.s-pricerules-steagenew-plan {
  --bgColor: #e6eaf4;
  font-size: 13px;
}
.s-pricerules-steagenew-plan .spl-month {
  min-width: 100px;
  max-width: 100px;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  line-height: 40px;
  border-left: 1px solid transparent;
}
.s-pricerules-steagenew-plan .spl-month.--codein {
  border-left: 1px solid #d0d6e3;
}
.s-pricerules-steagenew-plan .spl-month input {
  width: 100%;
}
.s-pricerules-steagenew-plan .dco-save {
  margin-left: auto;
}
.s-pricerules-steagenew-plan .plan-input {
  margin: -2px -1px -1px;
  position: relative;
}
.s-pricerules-steagenew-plan .spl-code-count {
  margin-left: auto;
  min-width: 70px;
  font-weight: bold;
}
.s-pricerules-steagenew-plan i.min-count {
  position: absolute;
  right: 5px;
  opacity: 0.6;
  top: 8px;
}
.s-pricerules-steagenew-plan span.copy-to-up {
  opacity: 0.4;
  font-size: 14px;
  position: absolute;
  margin-left: 1px;
  transition: 0.3s;
}
.s-pricerules-steagenew-plan span.copy-to-up:hover {
  opacity: 1;
  cursor: pointer;
}
.s-pricerules-steagenew-plan .dco-togglers {
  margin-right: 20px;
  display: flex;
}
.s-pricerules-steagenew-plan .sm-togglers {
  margin-right: 20px;
}
.s-pricerules-steagenew-plan .month-params-group {
  display: flex;
  align-items: center;
  height: 26px;
}
.s-pricerules-steagenew-plan .month-params-group-info.--border {
  text-align: left;
  margin-left: 10px;
  border-left: 1px solid #a7b2cd;
  border-radius: 6px;
  padding-left: 7px;
}
.s-pricerules-steagenew-plan .mpgi-row {
  height: 22px;
  font-weight: normal;
  line-height: 22px;
  font-size: 12px;
}
.s-pricerules-steagenew-plan .month-params-group-title {
  width: 26px;
}
.s-pricerules-steagenew-plan .warn {
  margin-top: 15px;
  color: #e94d4d;
}
.s-pricerules-steagenew-plan .month-params-group-info {
  width: 100%;
}
.s-pricerules-steagenew-plan .mpgi-row.--start {
  height: 28px;
  line-height: 28px;
}
.s-pricerules-steagenew-plan .mpgi-row.--start input {
  height: 26px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
}
.s-pricerules-steagenew-plan .mpgi-row.--start input.bad {
  background: #ffe5e5;
}
.s-pricerules-steagenew-plan .month-params-group-info.error input {
  background-color: #fee;
}
.s-pricerules-steagenew-plan .month-params-group-info.error .mpgi-row.--fact {
  color: #e94d4d;
  font-weight: bold;
}
.s-pricerules-steagenew-plan .sco-right {
  position: sticky;
  right: 0;
  border-left: 1px solid #d0d6e3;
  background: var(--bgColor);
  min-width: 240px;
}
.s-pricerules-steagenew-plan .sco-info {
  position: sticky;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  min-width: 300px;
  max-width: 300px;
  font-size: 13px;
  padding: 0 10px;
}
.s-pricerules-steagenew-plan .sco-info.--color {
  border-right: 1px solid #d0d6e3;
  background: var(--bgColor);
}
.s-pricerules-steagenew-plan .zeroval {
  color: #b3b3b3;
}
.s-pricerules-steagenew-plan span.last-plan {
  display: inline-block;
  background: #ffc271;
  border-radius: 3px;
  min-width: 15px;
  text-align: center;
  line-height: 19px;
  margin-left: 5px;
}
.s-pricerules-steagenew-plan .si-title {
  font-weight: bold;
  margin-bottom: 10px;
  cursor: pointer;
}
.s-pricerules-steagenew-plan .si-title i {
  margin-right: 2px;
  opacity: 0.6;
  transition: 0.3s;
}
.s-pricerules-steagenew-plan .si-title:hover i {
  opacity: 1;
}
.s-pricerules-steagenew-plan .si-count {
  margin-bottom: 10px;
}
.s-pricerules-steagenew-plan .spl-code-outer {
  position: relative;
  display: flex;
  border-bottom: 1px solid #d0d6e3;
}
.s-pricerules-steagenew-plan .whitecol {
  position: sticky;
  top: 0;
  background: var(--bgColor);
  width: max-content;
  z-index: 22;
  min-width: 100%;
}
.s-pricerules-steagenew-plan .month-params-group:last-child {
  margin-bottom: 0;
}
.s-pricerules-steagenew-plan .dco-togglers {
  margin-left: auto;
}
.s-pricerules-steagenew-plan .sp-codes {
  padding-bottom: 100px;
  overflow: auto;
}
.s-pricerules-steagenew-plan .dco-project {
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
}
.s-pricerules-steagenew-plan .dco-desc {
  margin-left: 30px;
}
.s-pricerules-steagenew-plan .dco-title {
  font-weight: bold;
  font-size: 13px;
}
.s-pricerules-steagenew-plan .back {
  background: #00000014;
  color: #656b78;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  line-height: 45px;
}
.s-pricerules-steagenew-plan .sp-head {
  padding: 20px 20px 20px;
  background: #e6eaf4;
  display: flex;
  align-items: center;
}
.s-pricerules-steagenew-plan .sp-body {
  display: flex;
  justify-content: space-between;
  height: 100vmin;
  width: 100%;
  overflow: hidden;
}
.s-pricerules-steagenew-plan .currentMonthHeader {
  font-weight: bold;
  background: #c7cfe4;
  min-width: 101px;
  max-width: 101px;
  border-radius: 10px 10px 0 0;
}
.s-pricerules-steagenew-plan .spl-code {
  margin-left: -1px;
  background: #f0f0f0;
  display: flex;
  align-items: center;
  transition: background 0.2s;
}
.s-pricerules-steagenew-plan .spl-code.--start {
  background: var(--bgColor) !important;
  cursor: default;
  line-height: 1.1em;
  position: sticky;
  top: 0;
}
.s-pricerules-steagenew-plan .spl-code-title {
  min-width: 210px;
  max-width: 210px;
  display: flex;
  flex-wrap: wrap;
}
.s-pricerules-steagenew-plan .spl-last {
  min-width: 240px;
}
.s-pricerules-steagenew-plan .sp-leftif {
  height: 100vmin;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: auto;
}
.s-pricerules-steagenew-plan .add-plus {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background: #fff;
  cursor: pointer;
}
.s-pricerules-steagenew-plan .spl-plus {
  min-width: 30px;
  margin: 0 10px;
}
.s-pricerules-steageplans .dco-project {
  font-weight: bold;
  font-size: 24px;
  margin-top: 0px;
}
.s-pricerules-steageplans .dco-desc {
  margin-left: 30px;
}
.s-pricerules-steageplans .dco-title {
  font-weight: bold;
  font-size: 13px;
}
.s-pricerules-steageplans .back {
  background: #00000014;
  color: #656b78;
  padding: 4px 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  line-height: 45px;
}
.s-pricerules-steageplans .sp-head {
  padding: 20px 20px 20px;
  background: #e6eaf4;
  display: flex;
  align-items: center;
}
.s-pricerules-steageplans .dco-save {
  margin-left: auto;
}
.s-pricerules-steageplans .plan-title {
  width: 100%;
}
.s-pricerules-steageplans .plan-action {
  min-width: 230px;
  text-align: right;
}
.s-pricerules-steageplans .plan-date {
  min-width: 150px;
  max-width: 150px;
}
.s-pricerules-steageplans .plan-who {
  min-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.s-pricerules-steageplans .plan-rubles {
  min-width: 100px;
  text-align: right;
  margin-right: 20px;
}
.s-pricerules-steageplans .plan-main {
  margin-left: 20px;
  min-width: 160px;
  text-align: right;
}
.editTemplateModal {
  /*background: @modalBackgroundColor;*/
}
.editTemplateModal .modal-dialog {
  width: 700px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.editTemplateModal .area {
  min-height: 200px;
}
.editTemplateModal .cunm-user {
  background: #394563;
  margin-top: 10px;
  padding: 8px 17px;
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
}
.editTemplateModal .cunm-user:hover {
  background: #546284;
  cursor: pointer;
}
.editTemplateModal span.cunm-primary {
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.5;
  line-height: 20px;
}
.feedsRedefinitionModal .std-modal {
  min-width: 1000px;
}
.feedsRedefinitionModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.feedsRedefinitionModal .preview-out {
  background: #fff;
  text-align: center;
  padding: 38px;
}
.feedsRedefinitionModal .preview-in {
  margin: auto;
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
}
.feedsRedefinitionModal .project-title {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.feedsRedefinitionModal .md-badges-colors {
  display: flex;
}
.feedsRedefinitionModal .md-badges-colors span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  transition: 0.3s;
}
.feedsRedefinitionModal .md-badges-colors span i {
  opacity: 0;
}
.feedsRedefinitionModal .md-badges-colors span.active {
  box-shadow: 0px 0px 10px #fff;
  transform: scale(1.2);
}
.feedsRedefinitionModal .md-badges-colors span.active i {
  opacity: 1;
}
.feedsRedefinitionModal .md-badges {
  display: flex;
  justify-content: space-between;
}
.feedsRedefinitionModal .md-badges span {
  line-height: 34px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  width: 44px;
  text-align: center;
  border-radius: 2px;
  background-color: transparent;
}
.feedsRedefinitionModal .md-badges span.active {
  background: #596485;
}
.feedsRedefinitionModal .houses {
  display: flex;
  flex-wrap: wrap;
}
.feedsRedefinitionModal .house {
  margin-right: 10px;
  width: 200px;
  text-align: center;
  border: 1px solid #c5cdde;
  margin-bottom: 10px;
  border-radius: 2px;
  background: #d6dbe9;
  padding: 10px 0;
}
.feedsRedefinitionModal .house-info {
  margin: 10px 10px;
  font-size: 12px;
}
.feedsRedefinitionModal .house button {
  background: #2c98f0;
  border: none;
  padding: 4px 12px;
  border-radius: 4px;
  color: #fff;
}
.c-feeds-redifinitions .std-block-edit {
  position: static;
  font-size: 12px;
  line-height: 35px;
  border-radius: 4px;
  text-align: center;
  transition: 0.2s;
  width: 35px;
  height: 35px;
}
.c-bpitem .cbpi-container {
  width: 285px;
  text-align: center;
  border-radius: 6px;
  padding: 6px;
}
.c-bpitem .cbpi-task-vals {
  display: flex;
}
.c-bpitem .cbpi-condition-vals {
  display: flex;
}
.c-bpitem .cbpi-container.task {
  background: #e0f2ff;
  border: 1px solid #ccdfed;
}
.c-bpitem .cbpi-container.moveTo {
  background: #e0ffe7;
  border: 1px solid #ceefd5;
}
.c-bpitem .cbpi-container.condition {
  background: #fff3c4;
  border: 1px solid #f5d6b8;
  width: 100%;
}
.c-bpitem .cbpi-container.task-val {
  background: #f8f8f8;
  border: 1px solid #eee;
}
.c-bpitem .cbpi-condition-val-title {
  font-weight: bold;
  text-align: center;
  margin: 6px;
}
body {
  --chess-edit-header-bg: #3b2e5a;
  --chess-edit-header-color: #fff;
  --chess-edit-navtabs-color: #756c8b;
  --chess-edit-navtabs-active-color: #fff;
  --chess-edit-navtabs-active-border-bottom: #fff;
  --chess-edit-filters-bg: #27324a;
  --chess-edit-filters-border-bottom: #343c54;
  --chess-edit-filters-slider-border: #a9b7d7;
  --chess-edit-filters-slider-active-border: #2196f3;
  --chess-edit-filters-slider-active-bg: #2196f3;
  --chess-edit-outer-shadow: #3c4c75;
  --chess-edit-floor-settings-bg: #8791a9;
  --chess-edit-flat-left-bg: #232d45;
  --chess-edit-flat-left-color: #fff;
  --chess-edit-flat-top-bg: #2a3f71;
  --chess-edit-flat-top-color: #fff;
  --chess-edit-flat-top-button-color: #cad2e6;
  --chess-edit-flat-top-button-bg: #2f3b58;
  --chess-edit-flat-top-button-border: #434d6b;
  --chess-edit-flat-top-button-bg-hover: #425177;
  --chess-edit-flat-top-button-border-hover: #6f80ad;
  --chess-edit-flat-change-param-modal-index-border: #606d8c;
  --chess-edit-flat-change-param-modal-index-bg: #2f3851;
  --chess-edit-flat-change-param-modal-index-bg-hover: #334063;
  --chess-edit-gallery-color: #fff;
  --chess-edit-gallery-bg-hover: #535c73;
  --chess-edit-gallery-info-bg: #27324a;
  --chess-edit-gallery-info-color: #b3b5c3;
  --chess-edit-gallery-info-border: #394054;
  --chess-edit-gallery-info-link-color: #ffffff;
  --chess-edit-gallery-plan-shadow: #000;
  --chess-edit-gallery-item-bg: #ffffff24;
  --chess-edit-text-color: #fff;
  --chess-edit-in-navbar-button-hover: #ffffff40;
  --chess-edit-in-navbar-labels-chess-bg: #313c58;
  --chess-edit-in-navbar-labels-chess-bg-hover: #485881;
  --chess-edit-in-navbar-labels-button-bg: #222c46;
  --chess-edit-in-navbar-labels-button-border: #354160;
  --chess-edit-in-navbar-labels-button-color: #bec4d5;
  --chess-edit-in-navbar-labels-button-bg-hover: #354160;
  --chess-edit-in-navbar-labels-key-shadow: #373c4a;
  --chess-edit-in-navbar-labels-key-selected: #0680c7;
}
body.theme-white {
  --chess-edit-header-bg: #dbe7f6;
  --chess-edit-header-color: #697a90;
  --chess-edit-navtabs-color: #8D97B1;
  --chess-edit-navtabs-active-color: #3b709a;
  --chess-edit-navtabs-active-border-bottom: #3b709a;
  --clif-border: #c0cfe2;
  --chess-edit-filters-bg: #dbe7f6;
  --chess-edit-filters-border-bottom: #c0cfe2;
  --chess-edit-filters-slider-border: #8d97b1;
  --chess-edit-filters-slider-active-border: #4db0ff;
  --chess-edit-filters-slider-active-bg: #4db0ff;
  --chess-edit-outer-shadow: #c6cee7;
  --chess-edit-floor-settings-bg: #333;
  --chess-edit-flat-left-bg: #dbe7f6;
  --chess-edit-flat-left-color: #333;
  --chess-edit-flat-top-bg: #c0cfe2;
  --chess-edit-flat-top-color: #5a5e6f;
  --chess-edit-flat-top-button-color: #5a5e6f;
  --chess-edit-flat-top-button-bg: #b2c2d7;
  --chess-edit-flat-top-button-border: #b2c2d7;
  --chess-edit-flat-top-button-bg-hover: #9fb0c6;
  --chess-edit-flat-top-button-border-hover: #9fb0c6;
  --chess-edit-flat-change-param-modal-index-border: #8d97b1;
  --chess-edit-flat-change-param-modal-index-bg: #d2dbf1;
  --chess-edit-flat-change-param-modal-index-bg-hover: #c6cee7;
  --chess-edit-gallery-color: #333;
  --chess-edit-gallery-bg-hover: #c6cee7;
  --chess-edit-gallery-info-bg: #e0e5f3;
  --chess-edit-gallery-info-color: #333;
  --chess-edit-gallery-info-border: #626a82;
  --chess-edit-gallery-info-link-color: #8d97b1;
  --chess-edit-gallery-plan-shadow: #c6cee7;
  --chess-edit-gallery-item-bg: #e0e5f3;
  --chess-edit-text-color: #333;
  --chess-edit-in-navbar-button-hover: #b1bad5;
  --chess-edit-in-navbar-labels-chess-bg: #c6cee7;
  --chess-edit-in-navbar-labels-chess-bg-hover: #d2dbf1;
  --chess-edit-in-navbar-labels-button-bg: #cad5f0;
  --chess-edit-in-navbar-labels-button-border: #aebcdd;
  --chess-edit-in-navbar-labels-button-color: #989fb0;
  --chess-edit-in-navbar-labels-button-bg-hover: #b4c3e6;
  --chess-edit-in-navbar-labels-key-shadow: #c6cee7;
  --chess-edit-in-navbar-labels-key-selected: #8d97b1;
}
body.theme-white .std-head h1 {
  font-weight: 400;
}
body.theme-white .s_project_house_edit .--not-free {
  opacity: 0.4 !important;
}
body.theme-white .s_project_house_edit .std-tabs.--color .tab-content .nav.nav-justified {
  background: none;
  border-top: none;
}
.s_project_house_edit {
  /*padding: 0 30px;*/
  position: relative;
  display: flex;
  /* .shr-view {
  float: right;
  display: flex;
  margin-top: 10px;

  .shr-viewitem {
  border: 1px solid rgba(255, 255, 255, 0.22);
  padding: 4px 14px;
  margin-right: -1px;
  border-right: none;

  &:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.22);
}

&:hover {
cursor: pointer;
}

&.active {
background-color: rgba(255, 255, 255, 0.3);

&:hover {
cursor: default;
}
}

&:first-child {
border-radius: 5px 0 0 5px;
}

&:last-child {
border-radius: 0 5px 5px 0;
}
}
}
*/
}
.s_project_house_edit.show-left-area .sph-hovered {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.s_project_house_edit .std-content {
  padding: 10px 30px;
}
.s_project_house_edit .sc-head {
  margin-bottom: -1px;
  margin-top: 0;
}
.s_project_house_edit .spe-area {
  width: 100%;
  position: relative;
}
.s_project_house_edit .sph-flat-panel {
  min-width: 350px;
}
.s_project_house_edit .std-head {
  background-color: var(--chess-edit-header-bg);
  color: var(--chess-edit-header-color);
  /*margin-right: 320px;*/
}
.s_project_house_edit .std-head .std-head-view .std-head-view-viewitem {
  color: var(--chess-edit-header-color);
  border-color: var(--form-input-border);
}
.s_project_house_edit .std-tabs.--color > .nav.nav-tabs {
  background: var(--chess-edit-header-bg);
  border-bottom: 1px solid var(--clif-border);
  border-top: 1px solid var(--clif-border);
}
.s_project_house_edit .std-tabs.--color > .nav.nav-tabs > li > a {
  color: var(--chess-edit-navtabs-color);
}
.s_project_house_edit .std-tabs.--color > .nav.nav-tabs li.active > a {
  border-bottom: 4px solid var(--chess-edit-navtabs-active-border-bottom);
  color: var(--chess-edit-navtabs-active-color);
}
.s_project_house_edit label.switch .slider.round {
  border: 1px solid var(--chess-edit-filters-slider-border);
}
.s_project_house_edit label.switch input:checked + .slider {
  border: 1px solid var(--chess-edit-filters-slider-active-border);
  background-color: var(--chess-edit-filters-slider-active-bg);
}
.s_project_house_edit .c-gallery .cg-start.--start {
  color: var(--chess-edit-gallery-color);
}
.s_project_house_edit .c-gallery .cg-start.--start:hover {
  color: var(--chess-edit-gallery-color);
  background-color: var(--chess-edit-gallery-bg-hover);
}
.s_project_house_edit .c-gallery .cg-start.--info,
.s_project_house_edit .c-gallery .c-gallery .ui-sortable-placeholder.--info {
  background: var(--chess-edit-gallery-info-bg);
  border: 1px solid var(--chess-edit-gallery-info-border);
  color: var(--chess-edit-gallery-info-color);
}
.s_project_house_edit .c-gallery .cg-start.--info a.link,
.s_project_house_edit .c-gallery .c-gallery .ui-sortable-placeholder.--info a.link {
  color: var(--chess-edit-gallery-info-link-color);
  border-bottom: 1px solid var(--chess-edit-gallery-info-link-color);
}
.s_project_house_edit .c-gallery .cg-start.--info a.link :hover,
.s_project_house_edit .c-gallery .c-gallery .ui-sortable-placeholder.--info a.link :hover {
  border-bottom-color: transparent;
}
.s_project_house_edit .c-gallery .chfp-plan-name {
  box-shadow: 0px 5px 10px var(--chess-edit-gallery-plan-shadow);
}
.s_project_house_edit .c-gallery .c-gallery-item {
  background: var(--chess-edit-gallery-item-bg);
}
.s_project_house_edit .inputs-group {
  display: flex;
}
.s_project_house_edit .inputs-group input {
  width: 60px;
  align-items: center;
  padding: 0 4px;
  text-align: center;
}
.s_project_house_edit .separator {
  line-height: 34px;
  margin: 0 2px;
}
.s_project_house_edit .filters {
  display: flex;
  flex-wrap: wrap;
}
.s_project_house_edit .filters .form-group {
  margin-right: 16px;
  margin-bottom: 15px;
  min-width: 130px;
  max-width: 130px;
}
.s_project_house_edit .filters .form-group.--last {
  display: flex;
  align-items: flex-end;
}
.s_project_house_edit .filters .form-group.--select {
  min-width: 180px;
  max-width: 180px;
}
.s_project_house_edit .filters .form-group.--number {
  min-width: 100px;
  max-width: 100px;
}
.s_project_house_edit .c-house-dogovor-plans .chdp-top {
  color: var(--chess-edit-text-color);
}
.s_project_house_edit .c-house-dogovor-plans .chdp-top .std-btn:hover {
  background-color: var(--chess-edit-in-navbar-button-hover);
  color: var(--chess-edit-text-color);
}
.s_project_house_edit .c-house-data-checklist {
  color: var(--chess-edit-text-color);
}
.s_project_house_edit .c-house-data-checklist .std-btn.--xs:hover {
  background-color: var(--chess-edit-in-navbar-button-hover);
  color: var(--chess-edit-text-color);
}
.s_project_house_edit .c-house-tags-editor .chte-flex {
  color: var(--chess-edit-text-color);
}
.s_project_house_edit .c-house-tags-editor .cce-flat {
  background: var(--chess-edit-in-navbar-labels-chess-bg);
}
.s_project_house_edit .c-house-tags-editor .cce-flat:hover {
  background: var(--chess-edit-in-navbar-labels-chess-bg-hover);
}
.s_project_house_edit .c-house-tags-editor .cce-flat.--empty {
  background: transparent;
}
.s_project_house_edit .c-house-tags-editor .chte-tag {
  background: var(--chess-edit-in-navbar-labels-button-bg);
  border: 1px solid var(--chess-edit-in-navbar-labels-button-border);
  color: var(--chess-edit-in-navbar-labels-button-color);
}
.s_project_house_edit .c-house-tags-editor .chte-tag.active {
  background-color: var(--chess-edit-in-navbar-labels-button-bg-hover);
  border: 1px solid var(--chess-edit-in-navbar-labels-button-bg-hover);
  color: var(--chess-edit-text-color);
}
.s_project_house_edit span.std-keyboard-btn {
  background: var(--chess-edit-in-navbar-labels-chess-bg);
  box-shadow: 0px 1px 3px var(--chess-edit-in-navbar-labels-key-shadow);
}
.s_project_house_edit .c-chesstable-editor .cce-flat.--selected {
  background: #0680c7;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .s_project_house_edit {
    /*width: 100%;*/
    overflow: auto;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
    /*padding: 30px 100px 100px 30px;*/
  }
}
.s_project_house_edit .translucent {
  opacity: 0.5;
}
.s_project_house_edit .for-docs {
  margin-top: -20px;
}
.s_project_house_edit .for-docs .tab-content {
  padding-top: 0px;
}
.s_project_house_edit .--ext .spht-floor-title {
  max-width: 29px;
  min-width: 29px;
  font-size: 12px;
  opacity: 0.6;
  margin-left: -34px;
  color: #8791a9;
  border: 1px solid #8791a9;
  height: 29px;
  text-align: center;
  margin-right: 5px;
  border-radius: 4px;
  line-height: 28px;
  padding: 0;
  cursor: pointer;
}
.s_project_house_edit .--ext .spht-section {
  padding-left: 30px;
  margin-right: 30px;
  min-width: 300px;
}
.s_project_house_edit .--ext .spht-section-title .spht-section-title-text {
  border: 1px solid #5f6981;
  display: inline-block;
  color: #5f6981;
  padding: 2px 8px;
  border-radius: 5px;
}
.s_project_house_edit .--ext .spht-section-title .spht-s-discl {
  color: #ff9b9b;
  font-size: 12px;
  margin: 3px 4px 0 10px;
}
.s_project_house_edit .--ext .spht-section-title .spht-s-discl i {
  font-size: 12px;
  margin: 0 3px;
}
.s_project_house_edit .--ext .spht-section-title i {
  font-size: 16px;
  margin: 0 0 0 3px;
  position: relative;
  top: 1px;
  transition: 0.2s;
}
.s_project_house_edit .--ext .spht-section-title i:hover {
  cursor: pointer;
  color: #fff;
}
.s_project_house_edit .sphsi-comment {
  margin-top: 20px;
  margin-bottom: -15px;
}
.s_project_house_edit .sphsi-comment-label {
  font-size: 12px;
  opacity: 0.4;
}
.s_project_house_edit .sphsi-comment-val {
  font-size: 13px;
}
.s_project_house_edit .bad-warn-price .spht-flat {
  box-shadow: inset 0 0 0px 4px #f00, 0 0 0px 1px #f00;
  position: relative;
}
.s_project_house_edit .bad-warn-price .spht-flat:after {
  content: '';
  position: absolute;
  pointer-events: none;
  background: #ff0000;
  background: linear-gradient(335deg, #ff0000 0%, rgba(255, 0, 0, 0.0130646) 56%);
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.s_project_house_edit .params-container {
  position: relative;
  z-index: 2;
}
.s_project_house_edit .spht-flat-days {
  min-width: 59px;
  line-height: 20px;
}
.s_project_house_edit .sphe-group .form-group {
  margin-bottom: 5px;
}
.s_project_house_edit .sphe-params-filter {
  min-width: 630px;
  max-width: 630px;
  margin-right: 40px;
}
.s_project_house_edit .sph-legend-flats {
  margin-top: 20px;
  display: flex;
  font-size: 13px;
}
.s_project_house_edit .sph-hovered-place {
  position: absolute;
  right: 0;
  width: 350px;
  padding: 30px;
  text-align: center;
  opacity: 0.5;
  top: 200px;
}
.s_project_house_edit .sph-legend-flat-desc {
  margin-right: 20px;
  opacity: 0.5;
}
.s_project_house_edit .filters {
  margin-top: -3px;
}
.s_project_house_edit .eh-title {
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: -10px;
  font-size: 14px;
  position: relative;
}
.s_project_house_edit .eh-title span {
  position: absolute;
  top: 3px;
}
.s_project_house_edit .group-col {
  display: flex;
  align-items: center;
  height: 42px;
}
.s_project_house_edit .group-col.--head {
  font-size: 85%;
  opacity: 0.5;
  margin-top: 1px;
  margin-bottom: 10px;
  height: auto;
}
.s_project_house_edit .group-col-select {
  min-width: 400px;
  margin-right: 15px;
}
.s_project_house_edit .group-col-remove {
  margin-right: 15px;
  width: 90px;
}
.s_project_house_edit .group-col-remove button {
  display: block;
  width: 100%;
}
.s_project_house_edit .group-col-width {
  width: 80px;
}
.s_project_house_edit .group-col-width input {
  padding-right: 0px;
}
.s_project_house_edit .group-col-bold {
  width: 80px;
}
.s_project_house_edit .group-col-bold toggler-inline {
  position: relative;
  top: 3px;
}
.s_project_house_edit .witem {
  width: 62px;
}
.s_project_house_edit .witem input {
  width: 100% !important;
  padding-right: 0;
}
.s_project_house_edit .sph-legend-flat {
  margin: 0 20px 10px 0;
}
.s_project_house_edit .sph-legend-flat span {
  float: left;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  position: relative;
  top: 0px;
  margin-right: 5px;
}
.s_project_house_edit .sph-legend-flat.---2 span {
  box-shadow: inset 0px 0px 4px var(--chess-edit-outer-shadow);
}
.s_project_house_edit .sph-legend-flat.---1 span {
  background-color: var(--chess-flat-reserved);
}
.s_project_house_edit .sph-legend-flat.--0 span {
  background-color: #0c8240;
}
.s_project_house_edit .sph-legend-flat.--1 span {
  background-color: #d69d00;
}
.s_project_house_edit .sph-legend-flat.--2 span {
  background-color: #284da2;
}
.s_project_house_edit .sph-legend-flat.--3 span {
  background-color: #2c314f;
  box-shadow: 0px 0px 1px #696969;
}
.s_project_house_edit .sph-sets {
  position: fixed;
  bottom: 30px;
  z-index: 405;
  right: 30px;
}
.s_project_house_edit .scroll-area {
  position: absolute;
  overflow: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 120px;
  padding: 0 30px 100px;
}
.s_project_house_edit .--ext .spht-section.--empty {
  min-width: 350px;
}
.s_project_house_edit .price-story {
  margin: 0px 0px 0;
}
.s_project_house_edit .price-story h4 {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 2px;
  margin: 0 0 20px;
}
.s_project_house_edit .w-30 {
  min-width: 28px;
  width: 28px;
  display: inline-block;
  text-align: center;
}
.s_project_house_edit .w-45 {
  min-width: 45px;
  width: 45px;
  display: inline-block;
  text-align: center;
}
.s_project_house_edit .w-60 {
  min-width: 60px;
  width: 60px;
  display: inline-block;
  text-align: center;
}
.s_project_house_edit .w-90 {
  min-width: 90px;
  width: 90px;
  display: block;
  text-align: center;
}
.s_project_house_edit .w-70 {
  min-width: 70px;
  width: 70px;
  display: block;
  text-align: center;
}
.s_project_house_edit .--not-free {
  opacity: 0.1 !important;
  pointer-events: none !important;
}
.s_project_house_edit.--inverse {
  background-color: #222c46;
  color: var(--chess-edit-text-color);
  min-height: 100vmin;
}
.s_project_house_edit.--closed {
  background-color: var(--chess-flat-reserved);
}
.s_project_house_edit .vap-mp-filters {
  margin: 0px -30px 10px;
  display: flex;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--chess-edit-filters-border-bottom);
  background: var(--chess-edit-filters-bg);
  padding: 30px 30px 10px;
}
.s_project_house_edit .sph-head {
  background: #3b2e5a;
  color: #ffffff;
  margin: -30px -30px 0;
  padding: 0px 30px;
  height: 44px;
  line-height: 44px;
}
.s_project_house_edit .sph-head .sph-buttons {
  margin-top: -1px;
  margin-left: 30px;
}
.s_project_house_edit .sph-head h1 {
  margin-bottom: 0;
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 44px;
  font-size: 18px;
}
.s_project_house_edit .subs {
  display: flex;
  min-height: 45px;
}
.s_project_house_edit .subs .c-toggler-inline {
  margin-top: -8px;
}
.s_project_house_edit .sph-head-right {
  /*width: 100%;*/
}
.s_project_house_edit .sph-head-right a {
  text-decoration: none;
  line-height: 44px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.s_project_house_edit .fast-choosese-title {
  margin-right: 10px;
  font-size: 12px;
  color: #7a8090;
  white-space: nowrap;
}
.s_project_house_edit .sph-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  font-size: 44px;
  color: #853a76;
  pointer-events: none;
  width: 400px;
  height: 300px;
  background: radial-gradient(ellipse at center, rgba(133, 58, 118, 0.15) 0%, rgba(254, 254, 254, 0) 70%);
  transform: scale(0.6);
  text-align: center;
  line-height: 300px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  margin: -150px 0 0 -200px;
  z-index: 10;
}
.s_project_house_edit .sph-loading i {
  line-height: 300px;
}
.s_project_house_edit .sph-loading.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.s_project_house_edit .spe-area {
  /*position: fixed;*/
}
.s_project_house_edit .tab-content {
  padding-top: 30px;
}
.s_project_house_edit i.spht-floor-image {
  position: absolute;
  opacity: 0.5;
  left: -10px;
  font-size: 12px;
  color: #ff8383;
  top: 4px;
}
.s_project_house_edit .spht-floor {
  /*margin-bottom: 5px;*/
  /*padding-right: 370px;*/
  position: relative;
  padding-left: 34px;
}
.s_project_house_edit .spht-floor .spht-floor-settings {
  left: -23px;
  font-size: 16px;
  position: absolute;
  top: 10px;
  transition: 0.2s;
  color: #8791a9;
}
.s_project_house_edit .spht-floor .spht-floor-settings:hover {
  cursor: pointer;
  color: var(--chess-edit-floor-settings-bg);
}
.s_project_house_edit .sph-legend {
  margin: 20px 0 0px;
  font-size: 12px;
  color: #7a8090;
  padding: 15px 25px;
}
.s_project_house_edit .spht-floors {
  font-size: 13px;
}
.s_project_house_edit .spht-floors.is_line .params-container {
  display: flex;
}
.s_project_house_edit .spht-floors.is_line .sph-flat-param {
  border-right: 1px solid #fff6;
}
.s_project_house_edit .spht-floors.is_line .sph-flat-param:last-child {
  border-right: none;
}
.s_project_house_edit .params-container {
  padding: 3px 0;
}
.s_project_house_edit .sph-flat-param {
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  height: 20px;
}
.s_project_house_edit .sph-flat-param.is_bold {
  font-weight: bold;
}
.s_project_house_edit .spht-flat {
  max-width: 100%;
  background-color: #0c8240;
  color: #ffffff;
  text-align: center;
  line-height: 28px;
  min-height: 28px;
  max-height: 100px;
  cursor: pointer;
  position: relative;
  /*    &.--solded {
  opacity: 0.15;
  background-color: rgba(255, 255, 255, 0.11);
  }*/
}
.s_project_house_edit .spht-flat.--outer {
  background: #0000;
  color: #0000;
  box-shadow: inset 0px 0px 9px var(--chess-edit-outer-shadow);
}
.s_project_house_edit .spht-flat.--selected {
  box-shadow: 0px 0px 0px 3px #00c4ff;
  z-index: 2;
  border-color: #0050ff;
}
.s_project_house_edit .spht-flat.--highlight {
  background-color: #3ac5ff;
  box-shadow: 0px 0px 0px 3px #39c5ff;
  border-color: #39c5ff;
}
.s_project_house_edit .spht-flat .--k {
  display: none;
}
.s_project_house_edit .spht-flat .sph-flat-code {
  font-size: 11px;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s_project_house_edit .spht-flat.--full-data {
  min-width: 120px;
  max-width: 120px;
  width: 120px;
  min-height: 48px;
  max-height: 48px;
  height: 60px;
  text-align: left;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 5px;
}
.s_project_house_edit .spht-flat.--full-data .--k {
  display: inline-block;
}
.s_project_house_edit .spht-flat.--full-data .sph-flat-rooms {
  font-size: 12px;
  position: absolute;
  bottom: 6px;
  left: -3px;
}
.s_project_house_edit .spht-flat.--full-data .spht-flat-area {
  display: inline-block;
  margin-left: 22px;
}
.s_project_house_edit span.sel-count {
  margin-right: 20px;
  color: #fff;
}
.s_project_house_edit .flexd--ss {
  margin-left: auto !important;
}
.s_project_house_edit .spht-flat-out.--empty {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.s_project_house_edit .stdc-flex {
  /*display: flex;*/
  margin: -30px -30px 0;
}
.s_project_house_edit .stdc-flex-in {
  padding: 30px;
  /*margin-right: 320px;*/
}
.s_project_house_edit .sph-selected-group {
  position: absolute;
  z-index: 300;
  top: 65px;
  right: 0;
  left: 0;
  width: auto;
  height: 54px;
  display: flex;
  align-items: center;
  background: #0680c7;
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0 11px 0 30px;
  transition: 0.3s;
}
.s_project_house_edit .sph-selected-group.active {
  opacity: 1;
  visibility: visible;
}
.s_project_house_edit .sph-selected-group .sph-sg-inner {
  padding: 0px 30px;
  font-size: 13px;
}
.s_project_house_edit .sph-selected-group .sph-sgi-flex {
  display: flex;
  padding-top: 6px;
  font-size: 12px;
}
.s_project_house_edit .sph-selected-group .sph-sgi-flex > div {
  margin-right: 20px;
}
.s_project_house_edit .sph-selected-group button {
  background: #41a3dd;
  border: none;
  color: #fff;
  padding: 5px 14px 7px;
  margin-left: 10px;
  border-radius: 5px;
  border: 1px solid #41a3dd;
}
.s_project_house_edit .sph-selected-group button i {
  position: relative;
  font-size: 16px;
  margin-right: 6px;
  top: 1px;
}
.s_project_house_edit .sph-selected-group button.--cancel {
  background: transparent;
  border: 1px solid #41a3dd;
  color: #cee9f9;
}
.s_project_house_edit .sph-hovered {
  opacity: 0;
  visibility: hidden;
  width: 350px;
  border-left: 2px solid #d4eef9;
  z-index: 400;
  overflow: auto;
  background-color: #0c8240;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0px;
}
.s_project_house_edit .sph-hovered .sphs-hide {
  width: 100%;
  color: #608a9c;
  font-size: 14px;
  opacity: 0.7;
  transition: 0.3s;
  outline: none;
  float: right;
  border: none;
  background: rgba(0, 0, 0, 0);
  line-height: 44px;
  padding: 0;
  text-transform: uppercase;
}
.s_project_house_edit .sph-hovered.--inverse {
  background: var(--chess-edit-flat-left-bg);
  border-left: 2px solid var(--chess-edit-filters-border-bottom);
  color: var(--chess-edit-flat-left-color);
}
.s_project_house_edit .sph-hovered.inBook {
  width: 680px;
}
@media only screen and (max-width: 767px) {
  .s_project_house_edit .sph-hovered.inBook {
    width: auto;
  }
}
.s_project_house_edit .sph-hovered .sphs-inner {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .s_project_house_edit .sph-hovered .sphs-subinner {
    max-width: 320px;
    margin: auto;
  }
}
.s_project_house_edit .sph-hovered img {
  width: 100%;
}
.s_project_house_edit .sph-hovered .sphs-img {
  margin: -15px -15px -8px;
}
.s_project_house_edit .sphsi-params {
  margin-top: 30px;
}
.s_project_house_edit .sphsi-param {
  margin-bottom: 6px;
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.s_project_house_edit .sphsi-param.left .sphsi-param-value {
  text-align: left;
  overflow-wrap: anywhere;
}
.s_project_house_edit .sphsi-param-key {
  white-space: nowrap;
  font-weight: normal;
  font-size: 11px;
  color: #878ca5;
  margin-bottom: 0px;
  width: auto;
  line-height: 15px;
}
.s_project_house_edit .sphsi-param-key.--full {
  width: 100%;
  float: none;
}
.s_project_house_edit .sphsi-param-value {
  text-align: right;
  white-space: inherit;
  position: relative;
  top: 1px;
  min-width: 120px;
}
.s_project_house_edit .sphsi-param-value.--no {
  opacity: 0.5;
}
.s_project_house_edit .sphsi-buttons {
  margin-top: 30px;
}
.s_project_house_edit .sphsi-already {
  background-color: #853a76;
  margin: 0px -20px 10px;
  padding: 1px 20px 20px;
  color: #ffffff;
}
.s_project_house_edit .sphsi-already-title {
  /*color: rgb(44, 153, 202);*/
  font-size: 14px;
  margin: 20px 0 14px;
}
.s_project_house_edit .sphsi-already-subtitle {
  opacity: 0.7;
  /*color: rgb(43, 153, 202);*/
  font-size: 12px;
  margin: 20px 0 4px;
}
.s_project_house_edit .fast-choose {
  display: flex;
  margin-right: 20px;
}
.s_project_house_edit .fast-choose input {
  width: 60px;
}
.s_project_house_edit .fast-choose {
  margin-top: 10px;
  align-items: center;
}
.s_project_house_edit .fast-choose-item {
  height: 26px;
  margin-right: 5px;
  background: #ffffff3d;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 26px;
  min-width: 26px;
  border-radius: 3px;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}
.s-reports-andash .fsa-cals-flex {
  display: flex;
}
.s-reports-andash .fsa-cal {
  margin-right: 30px;
}
.s-reports-andash .white-block {
  background: #fff;
  padding: 0 20px;
  border: 1px solid #a0a2ae;
  border-radius: 10px;
  margin-top: 30px;
}
.s-reports-andash .rep-wbg {
  background: #ffffff;
  padding: 18px 0;
  border-radius: 10px;
  border: 1px solid #a0a2ae;
}
.s-reports-andash .rep-wbg .table:last-child {
  margin-bottom: 0;
}
.s-reports-andash .rep-wbg .table tr > *:first-child {
  padding-left: 15px;
}
.s-reports-andash .rep-wbg .table tr > *:last-child {
  padding-right: 15px;
}
.s-reports-andash .pie-flex {
  display: flex;
}
.s-reports-andash .table-area {
  width: 100%;
}
.s-reports-andash .pier-area {
  width: 100%;
  margin-left: 15px;
}
.s-reports-andash tr.top-border {
  border-top: 3px solid #dddddd;
}
.s-reports-andash .first-stat-area {
  display: flex;
  margin-top: -30px;
}
.s-reports-andash .fsa-rows {
  width: 100%;
}
.s-reports-andash .pie-area {
  width: 100%;
  margin-bottom: 20px;
}
.s-reports-agencies-summary .emptyarr {
  display: none;
}
.s-reports-agencies-summary th:first-child,
.s-reports-agencies-summary td:first-child {
  width: 400px;
}
.s-reports-agencies-summary .lead-sources-graph {
  display: flex;
  margin: 15px 0;
  justify-content: space-between;
}
.s-reports-agencies-summary .lead-sources-graph.column .lead-sources-item {
  width: 100%;
}
@media (max-width: 1400px) {
  .s-reports-agencies-summary .lead-sources-graph.pie {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.s-reports-agencies-summary .lead-sources-item {
  position: relative;
  font-size: 20px;
  color: #727c94;
  text-align: center;
}
.s-reports-agencies-summary .lead-sources-item .lead-sources-text {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.s-reports-agencies-summary .lead-sources-item.empty {
  text-align: center;
}
.s-reports-agencies-summary .lead-sources-item.empty p {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-summary .lead-sources-item {
    width: 100%;
  }
}
.s-reports-agencies-summary .href-leads {
  color: #333;
}
.s-reports-agencies-summary .std-filters-area .std-fa-item {
  width: 180px;
}
.s-reports-agencies-summary .c-multiselect {
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-summary .c-multiselect {
    width: 100%;
  }
}
.s-reports-agencies-summary .ui-select-container {
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-summary .ui-select-container {
    width: 100%;
  }
}
.s-reports-agencies-summary .table > tbody > tr > td,
.s-reports-agencies-summary .table > tbody > tr > th,
.s-reports-agencies-summary .table > tfoot > tr > td,
.s-reports-agencies-summary .table > tfoot > tr > th,
.s-reports-agencies-summary .table > thead > tr > td,
.s-reports-agencies-summary .table > thead > tr > th {
  border-top: 1px solid #bec4d1;
}
.s-reports-agencies-summary td:not(:first-child),
.s-reports-agencies-summary th:not(:first-child) {
  text-align: right;
}
.s-reports-agencies-summary td:first-child,
.s-reports-agencies-summary th:first-child {
  padding-left: 0;
}
.s-reports-agencies-summary td:last-child,
.s-reports-agencies-summary th:last-child {
  padding-right: 0;
}
.s-reports-agencies-summary .table > thead > tr > th {
  border-bottom: 2px solid #bec4d1;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-summary .table > thead > tr > th {
    min-width: 100px;
  }
}
.s-reports-agencies-summary .table > thead {
  color: #727c94;
}
.s-reports-agencies-summary .std-filters-area {
  background: #d5dbe8;
}
.s-reports-agencies-summary .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-agencies-summary a.link.--blue {
  color: #697a90;
  border-bottom: 1px solid #697a90;
}
@media only screen and (max-width: 767px) {
  .s-reports-agencies-summary .lead-sources-graph {
    flex-wrap: wrap;
  }
  .s-reports-agencies-summary .std-content {
    padding: 15px;
    margin-top: 55px;
  }
}
.s-ass-control .spk-line-line {
  border-radius: 3px;
  overflow: hidden;
}
.s-ass-control .spk-line-top {
  display: flex;
  justify-content: space-between;
}
.s-ass-control .spk-line-line {
  height: 10px;
  background: #bbc1cf;
  margin: 10px 0 4px;
  width: 400px;
}
.s-ass-control .line-info {
  background: #feffeb;
  padding: 10px 0 10px 30px;
  margin: -30px -30px 40px;
  font-size: 13px;
}
.s-ass-control .start-right {
  margin-left: auto;
  min-width: 400px !important;
  max-width: 400px !important;
  width: 400px !important;
  font-size: 12px;
}
.s-ass-control .sac-house-table-wrap {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.s-ass-control .sac-house-editor {
  margin-left: 60px;
  display: flex;
  align-items: center;
}
.s-ass-control .line-fill {
  background: #2a66ff;
  height: 100%;
}
.s-ass-control .sac-house-info {
  margin-right: 20px;
}
.s-ass-control .spk-nob {
  font-size: 90%;
  color: #e60000;
  font-weight: bold;
}
.s-ass-control .sac-house-head {
  display: flex;
  padding: 10px 0px;
  min-height: 70px;
  align-items: center;
  margin-bottom: 10px;
}
.s-ass-control span.percent-val.bad {
  font-weight: bold;
  color: #d51818;
}
.s-ass-control .sac-house {
  margin-bottom: 40px;
}
.s-ass-control .sac-house-rasp-input {
  display: flex;
  align-items: center;
}
.s-ass-control .sac-group-rasp-input {
  display: flex;
  align-items: center;
  margin: -3px 0 -2px;
  float: right;
}
.s-ass-control .sac-group-rasp-input input {
  height: 25px;
  width: 52px;
  padding: 0 4px;
  text-align: right;
}
.s-ass-control .sac-group-rasp-input .sgs-percent {
  opacity: 0.6;
}
.s-ass-control span.sgs-percent {
  font-weight: bold;
  margin-left: 3px;
}
.s-ass-control .sac-house-rasp-input input {
  width: 60px;
  text-align: right;
}
.s-ass-control .sac-house-rasp {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.s-ass-control .sac-house-rasp-title {
  font-size: 90%;
  text-align: right;
  margin-right: 9px;
  margin-bottom: 2px;
  opacity: 0.6;
}
.s-ass-control .flex-td {
  display: flex;
  justify-content: space-between;
}
.s-ass-control .flex-line {
  min-width: 50px;
  max-width: 60px;
  border-radius: 3px;
  background: #f4f5f9;
  margin: 0px 0 0px -1px;
  position: relative;
}
.s-ass-control .flex-line.big {
  min-width: 100px;
  max-width: 100px;
}
.s-ass-control .flex-line div {
  height: 100%;
  border-radius: 3px;
  background: #b0b4c9;
}
.s-ass-control .sac-house-title {
  font-weight: bold;
  font-size: 18px;
}
.s-ass-control .mw100 {
  min-width: 100px;
}
.s-ass-control .mw120 {
  min-width: 120px;
}
.s-ass-control .sac-house-table {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 5px 10px #00000026;
  border: 2px solid #b5bcda;
}
.s-ass-control .sac-house-table table {
  margin-bottom: 0px;
}
.s-ass-control .sac-house-table table thead {
  font-size: 85%;
  background: #e6eaf4;
}
.s-ass-control .sac-house-table table tfoot {
  font-size: 85%;
  background: #e6eaf4;
}
.s-reports-pricechanges .srp-stat {
  display: flex;
  margin-bottom: 30px;
}
.s-reports-pricechanges .srp-stat-item {
  margin-right: 50px;
}
.s-reports-pricechanges .srp-stat-label {
  font-weight: bold;
  opacity: 0.6;
}
.s-reports-pricechanges .srp-stat-count {
  margin-top: 5px;
  font-size: 20px;
  font-weight: bold;
}
.s-reports-pricechanges .srp-day {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccd2e0;
  padding-bottom: 8px;
}
.s-reports-pricechanges .fdsg {
  display: flex;
}
.s-reports-pricechanges .fdsg input {
  min-width: 120px;
  margin-right: 10px;
}
.s-reports-pricechanges .fdsg input:last-child {
  margin-right: 0;
}
.s-reports-pricechanges .srp-day-day-flex {
  display: flex;
}
.s-reports-pricechanges .srp-day.--head .srp-day-table-inf {
  padding-top: 4px;
  font-weight: bold;
}
.s-reports-pricechanges .srp-day.--head {
  font-weight: bold;
}
.s-reports-pricechanges .srp-day-day {
  min-width: 160px;
  max-width: 160px;
  padding-top: 4px;
}
.s-reports-pricechanges .srp-day-row.--head {
  background: #d5d9e4;
  font-weight: bold;
}
.s-reports-pricechanges .srp-day-count {
  min-width: 140px;
  max-width: 140px;
  text-align: right;
  padding-top: 4px;
}
.s-reports-pricechanges .srp-day-count div {
  color: #228f41;
}
.s-reports-pricechanges .srp-day-count div.--minus {
  color: #c91c1c;
  font-weight: bold;
}
.s-reports-pricechanges .srp-day-table-inf {
  margin-left: 50px;
}
.s-reports-pricechanges .srp-day-table-inf .--big {
  width: 185px;
}
.s-reports-pricechanges .srp-day-table {
  margin-top: 10px;
}
.s-reports-pricechanges .srp-day-row {
  display: flex;
}
.s-reports-pricechanges .srp-day-row-td {
  min-width: 180px;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  border: 1px solid #cbd0dd;
  margin-bottom: -1px;
  margin-right: -1px;
  padding: 3px 8px;
}
.s-reports-pricechanges .srp-day-row-td.--project {
  min-width: 250px;
  max-width: 250px;
}
.s-reports-pricechanges .srp-day-row-td.--number {
  min-width: 70px;
  max-width: 70px;
  text-align: center;
}
.s-reports-pricechanges .srp-day-row-td.--type {
  min-width: 50px;
  max-width: 50px;
  text-align: center;
}
.s-reports-pricechanges .srp-day-row-td.--time {
  max-width: 70px;
  min-width: 70px;
}
.s-reports-pricechanges .srp-day-row-td.--diff {
  text-align: right;
  min-width: 110px;
  max-width: 110px;
}
.s-reports-pricechanges .srp-day-row-td.--diff.--down {
  color: #c91c1c;
  font-weight: bold;
}
.s-reports-pricechanges .srp-day-row-td.--comment {
  width: 100%;
  max-width: 1800px;
}
.s-reports-pricechanges .srp-day-table button {
  margin-bottom: 10px;
}
body {
  --export-parts-title-color: #fff;
}
body.theme-white {
  --export-parts-title-color: #2c3a54;
}
.s-export-parts .ssef-title {
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--export-parts-title-color);
}
.s-export-parts .sse-project {
  margin-bottom: 20px;
}
.s-export-parts .ssef-house {
  margin-right: 10px;
  margin-bottom: 10px;
}
.s-export-domrf .ssef-title {
  font-size: 14px;
  margin-bottom: 10px;
}
.s-export-domrf .sse-project {
  margin-bottom: 20px;
}
.s-export-domrf .ssef-house {
  margin-right: 10px;
  margin-bottom: 10px;
}
.s-export-domrf .flex-cols {
  display: flex;
}
.s-export-domrf .flex-col {
  width: 450px;
  margin-right: 50px;
}
.s-export-domrf .flex-col:last-child {
  margin-right: 0;
}
.s-export-domrf .ssef-title {
  font-size: 14px;
  margin-bottom: 10px;
}
.s-export-domrf .sse-project {
  margin-bottom: 20px;
}
.s-export-domrf .ssef-house {
  margin-right: 10px;
  margin-bottom: 10px;
}
.s-reports-cpc .isWeekend {
  border-bottom: 2px solid #b6bccb;
}
.s-reports-cpc .cpc-top {
  display: flex;
  margin-top: -30px;
}
.s-reports-cpc .cpc-top-area {
  background: #fff;
  margin-right: 20px;
  border-radius: 10px;
  padding: 14px 20px;
  min-width: 150px;
  position: relative;
}
.s-reports-cpc .cpc-top-area-val {
  font-size: 20px;
}
.s-reports-cpc span.cpc-top-add {
  display: inline-block;
  font-size: 65%;
  opacity: 0.6;
  margin-left: 2px;
}
.s-reports-cpc a.cpc-top-link {
  position: absolute;
  bottom: 18px;
  right: 20px;
  opacity: 0.5;
  transition: 0.3s;
  display: none;
}
.s-reports-cpc a.cpc-top-link:hover {
  opacity: 1;
  cursor: pointer;
}
.s-reports-cpc .cpc-top-area-val {
  margin-top: 6px;
}
.s-reports-cpc .cpc-top-colors {
  display: flex;
  flex-direction: column;
}
.s-reports-cpc .cpc-top-line {
  display: flex;
  background: #000;
  color: #fff;
  padding: 7px 13px;
}
.s-reports-cpc .cpc-top-line:first-child {
  border-radius: 5px 5px 0 0;
}
.s-reports-cpc .cpc-top-line:last-child {
  margin-bottom: 0;
  border-radius: 0 0 5px 5px;
}
.s-reports-cpc .cpc-tl-title {
  min-width: 100px;
}
.s-reports-cpc .cpc-funnel-area {
  display: flex;
}
.s-reports-cpc .cpc-funnel-area-title {
  min-width: 160px;
}
.s-reports-cpc .cpc-funnel-area-val {
  text-align: right;
  min-width: 100px;
}
.s-reports-cpc span.cpc-funnel-add {
  display: inline-block;
  min-width: 50px;
}
.s-reports-cpc .cpc-funnel-area {
  margin-bottom: 5px;
}
.s-reports-cpc .cpc-funnel-area:last-child {
  margin-bottom: 0;
}
.s-reports-cpc .cpc-top-line.--book {
  background: #dfa100;
}
.s-reports-cpc .cpc-top-line.--oform {
  background: #3357ab;
}
.s-reports-cpc .cpc-top-line.--sold {
  background: #a1abc4;
}
.s-reports-cpc .cpc-tl-count {
  font-weight: bold;
  min-width: 35px;
  text-align: right;
  margin-right: 10px;
}
.s-reports-cpc .cpc-tl-m2 {
  min-width: 85px;
  text-align: right;
}
.s-reports-cpc .cpc-tl-rub {
  text-align: right;
  min-width: 130px;
}
.s-reports-cpc .cpc-funnel {
  padding-top: 4px;
  margin-right: 30px;
}
.s-reports-cpc .cpc-top-colors {
  margin-right: 20px;
}
.s-reports-cpc .cpc-project {
  display: flex;
}
.s-reports-cpc .cpc-project-title {
  min-width: 120px;
  font-weight: bold;
}
.s-reports-cpc .cpc-project-count {
  min-width: 80px;
}
.s-reports-cpc .cpc-project-house {
  display: flex;
  margin-bottom: 4px;
}
.s-reports-cpc .cpc-project-house-title {
  min-width: 150px;
}
.s-reports-cpc .cpc-project-house-bol {
  background: #dfa100;
  color: #fff;
  width: 30px;
  text-align: center;
}
.s-reports-cpc .house-stat {
  min-width: 250px;
  display: flex;
}
.s-reports-cpc .cpc-project-house-bol {
  min-width: 30px;
  text-align: center;
}
.s-reports-cpc .cpc-project-house-bol.oform {
  background: #3357ab;
}
.s-reports-cpc .cpc-project-house-bol.sold {
  background: #a1abc4;
}
.s-reports-cpc .cpc-project-house-bol.closed {
  background: #d8d9dd;
  color: #868da0;
}
.s-reports-cpc .cpc-content {
  padding: 30px;
  margin-top: -30px;
}
.s-reports-cpc .cpc-row2 {
  display: flex;
}
.s-reports-cpc .calendar-area {
  margin-right: 30px;
  min-width: 314px;
}
.s-reports-cmetr .cpc-content {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -20px;
  padding-bottom: 60px;
}
.s-reports-cmetr .flex-numbers {
  display: flex;
}
.s-reports-cmetr .fn-num {
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  margin-right: 15px;
  height: 158px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.s-reports-cmetr .fn-num:last-child {
  margin-right: 0;
}
.s-reports-cmetr .report-section {
  margin-bottom: 30px;
}
.s-reports-cmetr .report-section:last-child {
  margin-bottom: 0;
}
.s-reports-cmetr .fn-num-link {
  position: absolute;
  right: 17px;
  bottom: 19px;
}
.s-reports-cmetr .fn-num-num {
  font-size: 20px;
  font-weight: bold;
}
.s-reports-cmetr .fn-num-title {
  opacity: 0.7;
  margin-bottom: 7px;
}
.s-reports-cmetr span.opener {
  display: inline-block;
  float: right;
  cursor: pointer;
}
.s-reports-cmetr .after {
  margin-left: 30px;
  padding-bottom: 60px;
  font-weight: bold;
  margin-top: 20px;
}
.s-reports-cmetr .rep-wbg {
  background: #ffffff;
  padding: 5px 0;
  border-radius: 10px;
}
.s-reports-cmetr .rep-wbg .table:last-child {
  margin-bottom: 0;
}
.s-reports-cmetr .rep-wbg .table tr > *:first-child {
  padding-left: 15px;
}
.s-reports-cmetr .rep-wbg .table tr > *:last-child {
  padding-right: 15px;
}
.s-reports-cmetr .enable-hover {
  cursor: pointer;
}
.s-reports-cmetr .enable-hover:hover {
  background: #ecf1ff;
}
.s-reports-cms .isWeekend {
  border-bottom: 2px solid #b6bccb;
}
.s-reports-cms span.percent-point {
  opacity: 0.5;
  font-size: 85%;
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: 0px;
}
.s-reports-cms .left-sep {
  border-left: 1px solid #abb2c0;
  padding-left: 20px !important;
}
.s-reports-cms span.percent-point {
  opacity: 0.5;
  font-size: 85%;
  display: block;
  margin-left: 6px;
  position: relative;
  top: 0px;
  text-align: right;
  margin-top: 3px;
}
.s-reports-cms .std-tabledata td {
  vertical-align: middle;
}
.s-reports-deals-dops dataset-summary {
  height: auto;
  margin-bottom: 30px;
}
.s-reports-deals-svodka .sr-content {
  max-width: 800px;
}
.s-reports-deals-svodka .sr-content img {
  width: 100%;
}
.s-reports-deals-svodka p.image-t {
  margin-top: 30px;
  margin-bottom: 30px;
}
.s-reports-deals-timeline {
  height: 100vmin;
  overflow: hidden;
  position: relative;
}
.s-reports-deals-timeline.moved .chess {
  right: 0;
}
.s-reports-deals-timeline.moved .stat {
  transform: translateX(100%);
}
.s-reports-deals-timeline .stat {
  border-left: 2px solid #c1cadf;
  position: relative;
  box-shadow: 0px 0px 100px #0006;
  position: absolute;
  top: 0;
  right: 0;
  width: 800px;
  bottom: 0;
  z-index: 2;
  transition: 0.5s;
}
.s-reports-deals-timeline .stat .sph-s-close {
  top: 16px;
  margin-right: 30px;
}
.s-reports-deals-timeline .stat-sign-months {
  display: flex;
  padding: 0px 0px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.s-reports-deals-timeline .stat-sign-month {
  background: #15974f;
  width: 100%;
  height: 90px;
  margin-right: 1px;
}
.s-reports-deals-timeline .stat-sign-row {
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 13px;
}
.s-reports-deals-timeline .stat-sign-months {
  width: 100%;
}
.s-reports-deals-timeline .stat-sign-sign {
  min-width: 70px;
  font-weight: bold;
  padding-left: 10px;
}
.s-reports-deals-timeline .stat-sign-solded {
  width: 100%;
  background: #ffffff;
}
.s-reports-deals-timeline .stat-scroll {
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 30px;
}
.s-reports-deals-timeline .chess {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 800px;
  padding: 15px 0 100px;
  transition: 0.5s;
}
.s-reports-deals-timeline .houses {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.s-reports-deals-timeline .stat-head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.s-reports-deals-timeline .stat-title {
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
}
.s-reports-deals-timeline .stat-row {
  display: flex;
  align-items: center;
}
.s-reports-deals-timeline .stat-row.--start {
  border-radius: 7px;
  font-weight: bold;
}
.s-reports-deals-timeline .stat-row.--start > * {
  background: #fff;
  line-height: 50px;
}
.s-reports-deals-timeline .stat-row.--start > *:first-child {
  border-radius: 10px 0 0 10px;
}
.s-reports-deals-timeline .stat-row.--start > *:last-child {
  border-radius: 0 10px 10px 0;
}
.s-reports-deals-timeline .stat-row.--start .stat-sign {
  justify-content: center;
}
.s-reports-deals-timeline .stat-color {
  min-width: 30px;
  text-align: center;
}
.s-reports-deals-timeline .stat-color-bl {
  background: #b9c8d1;
  border-radius: 7px;
  min-width: 30px;
  min-height: 30px;
}
.s-reports-deals-timeline .stat-info-grad {
  width: 130px;
  height: 30px;
  border: 1px solid #c1cadf;
  border-radius: 7px;
  margin-right: 20px;
  background: #E6EAF4;
  background: linear-gradient(270deg, #E6EAF4, #B3C3EB);
}
.s-reports-deals-timeline .stat-info {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.s-reports-deals-timeline .stat-info-text {
  opacity: 0.7;
}
.s-reports-deals-timeline .stat-name {
  padding-left: 20px;
  min-width: 120px;
  width: 100%;
  max-width: 150px;
  font-weight: bold;
}
.s-reports-deals-timeline .stat-sign {
  text-align: center;
  min-width: 80px;
  border-left: 1px solid #9ba6bf;
  line-height: 50px;
  width: 100%;
}
.s-reports-deals-timeline .s-val-bg {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  transition: 0.3s;
}
.s-reports-deals-timeline .s-val-bg:hover {
  background-color: #c0c7d8;
  cursor: pointer;
}
.s-reports-deals-timeline .std-head {
  max-height: 65px;
  min-height: 65px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 2px solid #b4bfd7;
}
.s-reports-deals-timeline .timeline-area {
  display: flex;
  position: absolute;
  top: 65px;
  right: 0;
  left: 0;
  bottom: 0;
}
.s-reports-deals-timeline .chess {
  overflow: auto;
}
.s-reports-deals-timeline .filters-area {
  margin-top: 30px;
  margin-bottom: 30px;
}
.s-reports-deals-timeline .tl-area-after {
  overflow: hidden;
  height: 100%;
  position: absolute;
  left: 110px;
  right: 0;
  bottom: 0;
  top: 0;
}
.s-reports-deals-timeline .tl-area-start {
  padding: 30px;
  font-weight: bold;
}
.s-reports-deals-timeline .months-desc {
  font-size: 12px;
  opacity: 0.8;
  padding: 10px;
  text-align: center;
}
.s-reports-deals-timeline .tl-months-out {
  overflow: auto;
  min-width: 110px;
  border-right: 1px solid #b4bfd7;
}
.s-reports-deals-timeline .month {
  width: 100%;
  transition: 0.3s;
  text-align: center;
  position: relative;
  background: #fff;
  height: 44px;
  line-height: 44px;
}
.s-reports-deals-timeline .month:hover {
  cursor: pointer;
  background: #dce2f1;
}
.s-reports-deals-timeline .month.selected {
  font-weight: bold;
  background: #0038ff;
  color: #fff;
}
.s-reports-deals-timeline .floor {
  display: flex;
  align-items: center;
}
.s-reports-deals-timeline .floor-number {
  min-width: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
}
.s-reports-deals-timeline .flat {
  min-width: 30px;
  min-height: 30px;
}
.s-reports-deals-timeline .flat-inner {
  background: #15974e;
  color: #fff;
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  border-radius: 5px;
  margin: 2px;
}
.s-reports-deals-timeline .flat-inner.no-date {
  background: #c40000;
}
.s-reports-deals-timeline .flat-inner.no-deal {
  background: #505050;
}
.s-reports-deals-timeline .floor-flats {
  display: flex;
}
.s-reports-deals-timeline .house-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 8px;
}
.s-reports-deals-timeline .house {
  padding: 23px;
}
.s-reports-deals-timeline .sections {
  display: flex;
  align-items: flex-end;
}
.s-reports-deals-timeline .section {
  padding-right: 30px;
}
.s-reports-tasks-meets .--date {
  min-width: 115px;
  max-width: 115px;
}
.s-reports-tasks-meets .--an {
  min-width: 60px;
  max-width: 60px;
}
.s-reports-leads-cohorts .value {
  white-space: nowrap;
}
.s-reports-leads-cohorts .td-col {
  position: relative;
}
.s-reports-leads-cohorts span.hee {
  display: flex;
  align-items: end;
  z-index: 2;
  height: 70px;
  margin: 0 2px;
}
.s-reports-leads-cohorts .row-desc {
  margin-top: 5px;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 85%;
  max-width: 210px;
  opacity: 0.6;
}
.s-reports-leads-cohorts span.hee-in {
  display: inline-block;
  background: #97a0ba;
  width: 100%;
  border-radius: 4px;
}
.s-reports-leads-cohorts span.percent {
  opacity: 0.5;
  display: inline-block;
  margin-left: -2px;
}
.s-reports-leads-cohorts .year {
  font-size: 85%;
  opacity: 0.6;
}
.s-reports-leads-cohorts span.value {
  position: relative;
  z-index: 3;
  display: block;
  margin-top: 5px;
}
.s-reports-leads-cohorts .table > tbody {
  border-top: 8px solid #e7eaf4;
}
.s-reports-leads-cohorts .lc-row {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.s-reports-leads-cohorts .lc-row.percent-row span.hee-in {
  background-color: #98a9db;
}
.s-reports-leads-cohorts .ge {
  margin-top: 50px;
}
.s-reports-leads-cohorts .active-fields-arr {
  display: flex;
  flex-wrap: wrap;
}
.s-reports-leads-cohorts .active-field {
  margin-right: 25px;
}
.s-reports-leads-cohorts .active-fields-title {
  font-weight: bold;
  margin-bottom: 7px;
}
.s-reports-leads-cohorts .active-fields {
  margin-bottom: 50px;
}
.s-reports-leads-cohorts .lc-row-title {
  min-width: 250px;
  font-weight: bold;
}
.s-reports-leads-cohorts .lc-row-month {
  text-align: center;
  width: 100%;
  position: relative;
  margin-left: -1px;
}
.s-reports-leads-cohorts .lc-row.--start {
  position: sticky;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #99a2c8;
  border-top: 1px solid #99a2c8;
  border-right: 1px solid #99a2c8;
  margin-left: -30px;
  margin-right: -30px;
  padding-right: 30px;
  padding-left: 30px;
  z-index: 4;
}
.s-reports-leads-cohorts .lc-row.--start .td-col {
  padding: 10px 0px;
}
.s-reports-leads-cohorts .lc-row.--start .lc-row-month {
  margin-bottom: -1px;
  margin-top: -1px;
}
.s-reports-leads-new .leadrow {
  display: flex;
  font-size: 13px;
  align-items: center;
  padding: 4px 10px;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 2px;
  transition: 0.3s;
  min-height: 60px;
  border-bottom: 1px solid #c5cfe4;
  color: inherit;
  text-decoration: none;
}
.s-reports-leads-new .leadrow:hover {
  cursor: pointer;
  background: #fff;
}
.s-reports-leads-new .leadrow:hover .lead-timeline-item {
  background: #d9deec;
}
.s-reports-leads-new .tl-call {
  font-size: 20px;
}
.s-reports-leads-new .leadrow.--start {
  pointer-events: none;
  font-weight: bold;
  background: #e7eaf4;
  position: sticky;
  top: 0;
  z-index: 2;
}
.s-reports-leads-new .leadrow.--start .no-til {
  opacity: 1;
}
.s-reports-leads-new .lead-status-title {
  font-size: 85%;
  opacity: 0.6;
  margin-top: 2px;
}
.s-reports-leads-new .lead-timeline {
  display: flex;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}
.s-reports-leads-new .fa-arrow-up {
  color: #427beb;
  transform: rotate(45deg);
}
.s-reports-leads-new .fa-arrow-up.bad {
  color: #818999;
}
.s-reports-leads-new .fa-arrow-down {
  color: #16ce61;
  transform: rotate(-45deg);
}
.s-reports-leads-new .fa-arrow-down.missed {
  color: #a73939;
}
.s-reports-leads-new .lead-name {
  min-width: 200px;
  max-width: 200px;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.s-reports-leads-new span.tl-date {
  white-space: nowrap;
  display: block;
  font-size: 12px;
  margin-left: 7px;
  line-height: 15px;
  width: 100%;
}
.s-reports-leads-new span.tl-date:first-child {
  margin-left: 0;
}
.s-reports-leads-new .lead-timeline {
  flex-wrap: wrap;
}
.s-reports-leads-new .lead-timeline-item {
  background: #fdfeff;
  border-radius: 6px;
  padding: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  min-width: 58px;
}
.s-reports-leads-new .lead-source {
  min-width: 140px;
  max-width: 140px;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-reports-leads-new .lead-status {
  min-width: 200px;
  max-width: 200px;
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-reports-leads-new .task-status {
  background: #fff;
  display: inline-block;
  padding: 2px 7px;
  font-size: 85%;
  border-radius: 4px;
  margin-bottom: 3px;
}
.s-reports-leads-new .no-til {
  width: 100%;
  opacity: 0.5;
}
.s-reports-leads-new .task-status.--good {
  background: #71d299;
}
.s-reports-leads-new .task-status.--wait {
  background: #b5dbff;
}
.s-reports-leads-new .task-status.--bad {
  background: #ffd1d1;
}
.s-reports-leads-new .task-text {
  line-height: 1.3em;
  margin: 1px 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-reports-leads-new .no-rr {
  opacity: 0.5;
}
.s-reports-leads-new .lead-meetinfo {
  min-width: 100px;
  max-width: 100px;
  margin-right: 15px;
}
.s-reports-leads-new .lead-taskinfo {
  min-width: 100px;
  margin-right: 15px;
}
.s-reports-leads-new .scs-project {
  padding: 1px 3px;
  height: 16px;
  text-align: center;
  color: #40335d;
  line-height: 12px;
  font-size: 10px;
  border-radius: 4px;
  background: #c6cfe8;
  margin-right: 2px;
  position: relative;
  top: -1px;
  min-width: 20px;
  display: inline-block;
}
.s-reports-leads-sources {
  /*
	td:first-child,
	th:first-child {
		padding-left: 0;
	}

	td:last-child,
	th:last-child {
		padding-right: 0;
	}
*/
}
.s-reports-leads-sources .lead-sources-graph {
  display: flex;
  margin: 15px -15px;
}
.s-reports-leads-sources .lead-sources-graph.column .lead-sources-item {
  width: 100%;
}
.s-reports-leads-sources .lead-sources-item {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 0px 30px 20px;
  margin: 0 15px;
  border-radius: 10px;
}
.s-reports-leads-sources .lead-sources-item.small {
  width: 30%;
}
.s-reports-leads-sources .href-leads {
  color: #333;
}
.s-reports-leads-sources .std-filters-area .std-fa-item {
  width: 180px;
}
.s-reports-leads-sources .table > tbody > tr > td,
.s-reports-leads-sources .table > tbody > tr > th,
.s-reports-leads-sources .table > tfoot > tr > td,
.s-reports-leads-sources .table > tfoot > tr > th,
.s-reports-leads-sources .table > thead > tr > td,
.s-reports-leads-sources .table > thead > tr > th {
  border-top: 1px solid #bec4d1;
}
.s-reports-leads-sources .table.conversion td:not(.td-string),
.s-reports-leads-sources .table.conversion th:not(.td-string) {
  text-align: right;
}
.s-reports-leads-sources th.source,
.s-reports-leads-sources td.source {
  max-width: 180px;
}
.s-reports-leads-sources .table > thead > tr > th {
  border-bottom: 2px solid #bec4d1;
}
.s-reports-leads-sources .table > thead {
  color: #4f5972;
}
.s-reports-leads-sources .std-filters-area {
  background: #d5dbe8;
}
.s-reports-leads-sources .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-leads-sources a.link.--blue {
  color: #697a90;
  border-bottom: 1px solid #697a90;
}
@media only screen and (max-width: 767px) {
  .s-reports-leads-sources .lead-sources-graph {
    flex-wrap: wrap;
  }
  .s-reports-leads-sources .std-content {
    padding: 15px;
    margin-top: 55px;
    padding-top: 0;
  }
}
.s-reports-leads-sources td.date {
  white-space: nowrap;
}
.s-reports-leads-sources-sites .lead-sources-graph {
  display: flex;
  margin: 15px 0;
}
.s-reports-leads-sources-sites .lead-sources-graph.column .lead-sources-item {
  width: 100%;
}
.s-reports-leads-sources-sites .lead-sources-item {
  width: 100%;
  overflow: hidden;
}
.s-reports-leads-sources-sites .href-leads {
  color: #333;
}
.s-reports-leads-sources-sites .std-filters-area .std-fa-item {
  width: 180px;
}
.s-reports-leads-sources-sites .table > tbody > tr > td,
.s-reports-leads-sources-sites .table > tbody > tr > th,
.s-reports-leads-sources-sites .table > tfoot > tr > td,
.s-reports-leads-sources-sites .table > tfoot > tr > th,
.s-reports-leads-sources-sites .table > thead > tr > td,
.s-reports-leads-sources-sites .table > thead > tr > th {
  border-top: 1px solid #bec4d1;
}
.s-reports-leads-sources-sites .table.conversion td:not(.td-string),
.s-reports-leads-sources-sites .table.conversion th:not(.td-string) {
  text-align: right;
}
.s-reports-leads-sources-sites th.source,
.s-reports-leads-sources-sites td.source {
  max-width: 180px;
}
.s-reports-leads-sources-sites td:first-child,
.s-reports-leads-sources-sites th:first-child {
  padding-left: 0;
}
.s-reports-leads-sources-sites td:last-child,
.s-reports-leads-sources-sites th:last-child {
  padding-right: 0;
}
.s-reports-leads-sources-sites .table > thead > tr > th {
  border-bottom: 2px solid #bec4d1;
}
.s-reports-leads-sources-sites .table > thead {
  color: #727c94;
}
.s-reports-leads-sources-sites .std-filters-area {
  background: #d5dbe8;
}
.s-reports-leads-sources-sites .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-leads-sources-sites a.link.--blue {
  color: #697a90;
  border-bottom: 1px solid #697a90;
}
@media only screen and (max-width: 767px) {
  .s-reports-leads-sources-sites .lead-sources-graph {
    flex-wrap: wrap;
  }
  .s-reports-leads-sources-sites .std-content {
    padding: 15px;
    margin-top: 55px;
    padding-top: 0;
  }
}
.s-reports-leads-trends .report-warning {
  margin-bottom: 30px;
  margin-top: 0;
}
.s-reports-leads-trends .sr-group {
  margin-bottom: 40px;
}
.s-reports-mark-sources td.groups-title {
  min-width: 180px;
  max-width: 180px;
}
.s-reports-mark-sources td.groups-subtitle {
  min-width: 180px;
  max-width: 180px;
}
.s-reports-mark-sources .sources-table thead {
  position: sticky;
  top: 0px;
  background: #fff;
}
.s-reports-mark-sources span.group-val {
  display: block;
  word-break: break-word;
}
.s-reports-mark-sources span.flat-color {
  display: inline-block;
  background: #e7eaf4;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin-right: 7px;
  border-radius: 2px;
}
.s-reports-mark-sources span.flat-color.--3 {
  background: #c7c6cd;
}
.s-reports-mark-sources span.flat-color.--2 {
  background: #1b91f0;
}
.s-reports-mark-sources span.flat-color.--1 {
  background: #ffda50;
}
.s-export-parts .ssef-title {
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}
.s-export-parts .sse-project {
  margin-bottom: 20px;
}
.s-export-parts .ssef-house {
  margin-right: 10px;
  margin-bottom: 10px;
}
.s-reports-map .sa-filters {
  background: #d5dbe9;
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  height: 90px;
  z-index: 2;
}
.s-reports-map [class$="-ground-pane"] {
  filter: grayscale(0.8);
}
.s-reports-map .dealpoin {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #99357b;
}
.s-reports-map .std-filters-area {
  margin: 0;
  padding: 10px 30px;
}
.s-reports-map .flexer {
  position: absolute;
  top: 155px;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
}
.s-reports-map .stat {
  min-width: 420px;
  max-width: 420px;
  background: #fff;
  padding: 30px;
}
.s-reports-map .map {
  height: 100%;
  background: #f8f6f2;
}
.s-reports-map .stat-group-item-fill {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 5px;
  border-radius: 0 3px 3px 0;
  background: #9a357b;
}
.s-reports-map .stat-group-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.s-reports-map .stat-group-item.ng-scope {
  margin-bottom: 10px;
}
.s-reports-map .map-area {
  padding: 30px 0px 30px 30px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.s-reports-map .map {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.4);
}
.s-reports-map .stat-title {
  font-size: 18px;
}
.s-reports-map .stat-group {
  margin-top: 40px;
}
.s-reports-map .stat-group-title {
  font-weight: bold;
  margin-bottom: 7px;
  color: #2c53d8;
}
.s-reports-map .stat-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d5dbe9;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}
.s-reports-map .stat-group-item-val {
  display: flex;
}
.s-reports-map .stat-group-item-percent {
  min-width: 55px;
  text-align: right;
  opacity: 0.5;
}
.s-reports-map .stat {
  overflow: auto;
}
.s-reports-map .stat-info {
  margin-top: 50px;
  margin-bottom: 40px;
}
.s-reports-staff-funnel .href-leads {
  color: #333;
}
.s-reports-staff-funnel .std-filters-area .std-fa-item {
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .s-reports-staff-funnel .c-multiselect {
    width: 100%;
  }
}
.s-reports-staff-funnel .table > tbody > tr > td,
.s-reports-staff-funnel .table > tbody > tr > th,
.s-reports-staff-funnel .table > tfoot > tr > td,
.s-reports-staff-funnel .table > tfoot > tr > th,
.s-reports-staff-funnel .table > thead > tr > td,
.s-reports-staff-funnel .table > thead > tr > th {
  border-top: 1px solid #bec4d1;
}
.s-reports-staff-funnel .table.conversion td:not(:first-child),
.s-reports-staff-funnel .table.conversion th:not(:first-child) {
  text-align: right;
}
.s-reports-staff-funnel .table > thead > tr > th {
  border-bottom: 2px solid #bec4d1;
}
.s-reports-staff-funnel .table > thead {
  color: #727c94;
}
.s-reports-staff-funnel .std-filters-area {
  background: #d5dbe8;
}
.s-reports-staff-funnel .std-filters-area .std-fa-item .std-fa-label {
  color: #7e8aa9;
}
.s-reports-staff-funnel a.link.--blue {
  color: #697a90;
  border-bottom: 1px solid #697a90;
}
.s-reports-staff-funnel .lead-sources-graph {
  display: flex;
  margin: 15px 0;
}
.s-reports-staff-funnel .lead-sources-graph.column .lead-sources-item {
  width: 100%;
}
.s-reports-staff-funnel .lead-sources-item {
  width: 100%;
  overflow: hidden;
}
body {
  --ss-table-button-color: #8d97b1;
}
body.theme-white {
  --ss-table-button-color: #333;
}
.s-staff .ss-table {
  max-width: 700px;
}
.s-staff .ss-table.classic-table .btn:not(.form-control):not(.btn-success):not(.btn-warning) {
  color: var(--ss-table-button-color);
}
.s-staff tr.disabledUser {
  color: #636c84;
}
.s-staff tr.oldUser .ss-comment {
  color: #6f7688;
}
.s-reports-staff-workday .user-title {
  font-weight: bold;
}
.s-reports-staff-workday .user-day {
  display: flex;
  margin-top: 11px;
}
.s-reports-staff-workday .std-head-view toggler-inline {
  margin-left: 10px;
}
.s-reports-staff-workday .user-day-title {
  min-width: 100px;
}
.s-reports-staff-workday .udg-line {
  display: flex;
}
.s-reports-staff-workday .udg-line-day {
  display: flex;
}
.s-reports-staff-workday .legend-group {
  margin-right: 30px;
  display: flex;
}
.s-reports-staff-workday .legend-items {
  display: flex;
  margin-top: 20px;
  margin-bottom: 40px;
}
.s-reports-staff-workday .legend-group-title {
  font-weight: bold;
}
.s-reports-staff-workday .legend-item {
  margin-left: 20px;
  display: flex;
}
.s-reports-staff-workday .legend-item-step {
  width: 9px;
  height: 23px;
  margin-right: 6px;
  border-radius: 2px;
}
.s-reports-staff-workday .line-hour {
  width: 100%;
  margin-right: 4px;
}
.s-reports-staff-workday .user-day-graph {
  width: 100%;
}
.s-reports-staff-workday .udg-line-day {
  width: 100%;
}
.s-reports-staff-workday .udg-line-stat {
  min-width: 80px;
  text-align: right;
  text-align: center;
  opacity: 0.5;
}
.s-reports-staff-workday .nores {
  font-weight: bold;
}
.s-reports-staff-workday span.zerocolor {
  display: inline-block;
  width: 110px;
  background: #d5d9e8;
  height: 15px;
  position: relative;
  top: 3px;
}
.s-reports-staff-workday .line-int {
  margin-right: 1px;
  background: #d5d9e8;
  width: 100%;
  border-radius: 0px;
}
.s-reports-staff-workday .line-int.enable-hover {
  cursor: pointer;
  transition: 0.2s;
}
.s-reports-staff-workday .line-int.enable-hover:hover {
  transform: scale(1.1);
}
.s-reports-staff-workday .line-int.--comment[data-intensive="1"] {
  background: #e9c2dc;
}
.s-reports-staff-workday .line-int.--comment[data-intensive="2"] {
  background: #df9fcb;
}
.s-reports-staff-workday .line-int.--comment[data-intensive="3"] {
  background: #c567a8;
}
.s-reports-staff-workday .line-int.--comment[data-intensive="4"] {
  background: #9a357b;
}
.s-reports-staff-workday .line-int.--meet[data-intensive="1"],
.s-reports-staff-workday .line-int.--meet[data-intensive="2"],
.s-reports-staff-workday .line-int.--meet[data-intensive="3"] {
  background: #88a1dc;
}
.s-reports-staff-workday .line-int.--meet.started {
  background: #2e53d8 !important;
}
.s-reports-staff-workday .line-int.--call[data-intensive="1"] {
  background: #9199b4;
}
.s-reports-staff-workday .line-int.--call[data-intensive="2"],
.s-reports-staff-workday .line-int.--call[data-intensive="3"],
.s-reports-staff-workday .line-int.--call[data-intensive="4"] {
  background: #656f92;
}
.s-reports-staff-workday .udg-line-day.--fake {
  text-align: center;
}
.s-reports-staff-workday .user {
  margin-bottom: 30px;
}
.s-reports-staff-workday .user-title {
  font-size: 16px;
  margin-bottom: 10px;
}
.s-reports-staff-workday .hour-val {
  width: 100%;
  opacity: 0.5;
}
.s-reports-staff-workday .udg-line-info {
  min-width: 120px;
}
.s-reports-staff-workday .udg-line {
  margin-top: 6px;
}
.s-reports-staff-workday .line-hour {
  display: flex;
  background: transparent;
}
.s-reports-staff-workday .user-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.s-reports-staff-workday .user-stat {
  display: flex;
}
.s-reports-staff-workday .user-stat-item {
  margin-left: 30px;
}
.s-reports-tasks-datechanged .--date {
  min-width: 115px;
  max-width: 115px;
}
.s-reports-tasks-datechanged .--an {
  min-width: 60px;
  max-width: 60px;
}
.s-reports-tasks-meets .--date {
  min-width: 115px;
  max-width: 115px;
}
.s-reports-tasks-meets .--an {
  min-width: 60px;
  max-width: 60px;
}
.s-reports-tasks-meets span.percent {
  opacity: 0.5;
  display: inline-block;
  margin-left: 10px;
  float: right;
}
.s-reports-tasks-meets .meets-completed-graph {
  margin-top: 30px;
}
.s-reports-tasks-meets .meets-completed-item {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 0px 30px 20px;
  border-radius: 10px;
}
.s-reports-tasks-meets .meets-completed-item.small {
  width: 30%;
}
.s-reports-tasks-meets .std-head-view .multy-switcher {
  margin-top: 2px;
}
.s-reports-tasks-meets .--date {
  min-width: 115px;
  max-width: 115px;
}
.s-reports-tasks-meets .--an {
  min-width: 60px;
  max-width: 60px;
}
.s-reports-tasks-meets span.percent {
  opacity: 0.5;
  display: inline-block;
  margin-left: 10px;
  float: right;
}
.s-reports-tasks-meets .--date {
  min-width: 115px;
  max-width: 115px;
}
.s-reports-tasks-meets .--an {
  min-width: 60px;
  max-width: 60px;
}
.s-reports-tasks-meets span.percent {
  opacity: 0.5;
  display: inline-block;
  margin-left: 10px;
  float: right;
}
.s-bp-editor {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  background: #e8edf6;
  color: #1d2740;
  font-size: 14px;
}
.bpe-head {
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
  background: #fff;
  border-bottom: 1px solid #d5deee;
}
.bpe-back {
  border: 0;
  background: #eef2fb;
  color: #2e53d8;
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  font-weight: 600;
}
.bpe-title {
  height: 36px;
  min-width: 320px;
  border: 1px solid #d5deee;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 600;
}
.bpe-head-spacer {
  flex: 1;
}
.bpe-saved {
  font-size: 12px;
  color: #2ec300;
}
.bpe-saved.--wait {
  color: #8b97b8;
}
.bpe-body {
  flex: 1;
  min-height: 0;
  display: flex;
}
.bpe-palette,
.bpe-inspector {
  width: 300px;
  flex-shrink: 0;
  background: #fff;
  overflow: auto;
  padding: 16px;
}
.bpe-palette {
  border-right: 1px solid #d5deee;
}
.bpe-inspector {
  border-left: 1px solid #d5deee;
}
.bpe-palette-title,
.bpe-insp-title {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #67789c;
  margin-bottom: 12px;
}
.bpe-palette-item {
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  border: 1px solid #e4eaf5;
  background: #f7f9fd;
}
.bpe-palette-item i {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.bpe-palette-item b {
  display: block;
}
.bpe-palette-item span {
  display: block;
  font-size: 12px;
  opacity: 0.6;
  margin-top: 2px;
}
.bpe-palette-item.--condition i {
  background: #fff4d6;
  color: #c47d12;
}
.bpe-palette-item.--actions i {
  background: #e4f9ee;
  color: #1a9a55;
}
.bpe-palette-item.--end i {
  background: #eef1f6;
  color: #67789c;
}
.bpe-palette-item:hover {
  border-color: #b9c7e6;
}
.bpe-palette-hint,
.bpe-insp-desc {
  font-size: 12px;
  line-height: 1.45;
  opacity: 0.65;
  margin-top: 16px;
}
.bpe-palette-hint.--warn,
.bpe-insp-desc.--warn {
  opacity: 1;
  color: #c47d12;
  background: #fff6e5;
  padding: 8px 10px;
  border-radius: 8px;
}
.bpe-canvas {
  flex: 1;
  min-width: 0;
  position: relative;
  overflow: hidden;
  cursor: grab;
  background: radial-gradient(#c5cde3 1px, transparent 1px) 0 0 / 22px 22px, #e8edf6;
}
.bpe-world {
  position: absolute;
  left: 0;
  top: 0;
  width: 4000px;
  height: 3200px;
  transform-origin: 0 0;
  user-select: none;
}
.bpe-edges {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  pointer-events: none;
}
.bpe-edge {
  fill: none;
  stroke: #8b97b8;
  stroke-width: 2;
  pointer-events: none;
}
.bpe-edge.--yes {
  stroke: #1a9a55;
}
.bpe-edge.--no {
  stroke: #c84c4c;
}
.bpe-edge.--on {
  stroke: #2e53d8;
  stroke-width: 2.5;
}
.bpe-edge-hit {
  fill: none;
  stroke: transparent;
  stroke-width: 14;
  pointer-events: stroke;
  cursor: pointer;
}
.bpe-node {
  position: absolute;
  width: 280px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(29, 39, 64, 0.08);
  border: 1px solid #d9e1f0;
  padding: 12px 14px 18px;
  cursor: grab;
}
.bpe-node.--selected {
  border-color: #2e53d8;
  box-shadow: 0 0 0 3px rgba(46, 83, 216, 0.16);
}
.bpe-node.--event {
  border-top: 4px solid #2e53d8;
}
.bpe-node.--condition {
  border-top: 4px solid #c47d12;
}
.bpe-node.--actions {
  border-top: 4px solid #1a9a55;
}
.bpe-node.--end {
  width: 200px;
  border-top: 4px solid #8b97b8;
}
.bpe-node-kicker {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.5;
  margin-bottom: 4px;
}
.bpe-node-title {
  font-weight: 700;
  line-height: 1.35;
  word-break: break-word;
}
.bpe-node-actions {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.7;
}
.bpe-node-actions div + div {
  margin-top: 3px;
}
.bpe-port {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #8b97b8;
  display: inline-block;
}
.bpe-port.--in {
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -6px;
}
.bpe-port.--yes {
  border-color: #1a9a55;
}
.bpe-port.--no {
  border-color: #c84c4c;
}
.bpe-port-out,
.bpe-port-fork {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.bpe-port-fork {
  justify-content: space-around;
  padding: 0 24px;
}
.bpe-port-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bpe-port-label {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 2px;
}
.bpe-port-label.--yes {
  color: #1a9a55;
}
.bpe-port-label.--no {
  color: #c84c4c;
}
.bpe-add {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 0;
  background: #2e53d8;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
  margin-top: 4px;
  cursor: pointer;
}
.bpe-add-menu {
  position: absolute;
  width: 220px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(29, 39, 64, 0.16);
  padding: 6px;
  z-index: 5;
}
.bpe-add-menu div {
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.bpe-add-menu div:hover {
  background: #eef2fb;
}
.bpe-zoom {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border-radius: 10px;
  padding: 6px;
  box-shadow: 0 6px 16px rgba(29, 39, 64, 0.08);
}
.bpe-zoom button {
  border: 0;
  background: #eef2fb;
  height: 28px;
  min-width: 28px;
  border-radius: 6px;
  padding: 0 8px;
}
.bpe-zoom span {
  min-width: 48px;
  text-align: center;
  font-size: 12px;
}
.bpe-empty {
  opacity: 0.6;
  line-height: 1.45;
}
.bpe-action {
  background: #f7f9fd;
  border: 1px solid #e4eaf5;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.bpe-action-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #67789c;
}
.bpe-action-head i {
  margin-left: 8px;
  cursor: pointer;
}
.bpe-danger {
  margin-top: 16px;
  color: #c84c4c;
}
.bpe-json {
  margin-top: 20px;
  font-size: 11px;
  background: #0f1728;
  color: #d7e0f5;
  border-radius: 8px;
  padding: 10px;
  max-height: 280px;
  overflow: auto;
}
.bpe-inspector .form-group {
  margin-bottom: 12px;
}
.settings-create-house-chess-modal .std-modal {
  min-width: 1100px;
  max-width: 1100px;
}
.settings-create-house-chess-modal .section-flex {
  display: flex;
}
.settings-create-house-chess-modal .section-info {
  width: 100%;
  position: relative;
  margin-right: 10px;
}
.settings-create-house-chess-modal .section-info.--error textarea {
  border-color: #c83b3b;
}
.settings-create-house-chess-modal .section-meta {
  margin-top: 6px;
  font-size: 12px;
}
.settings-create-house-chess-modal .section-meta-error {
  color: #c83b3b;
}
.settings-create-house-chess-modal .help-inline-btn {
  margin-right: 5px;
  height: 40px;
  margin-bottom: 0;
  line-height: 40px;
  padding: 0 20px;
}
.settings-create-house-chess-modal .section-info.--add i {
  font-size: 30px;
  top: 50%;
  position: absolute;
  left: 20px;
}
.settings-create-house-chess-modal .section-info.--add {
  min-width: 60px;
  max-width: 60px;
  cursor: pointer;
}
.settings-create-house-chess-modal .addiff {
  padding-top: 19px;
  color: #999;
}
.settings-create-house-chess-modal .chess-preview {
  margin-top: 18px;
  padding: 14px 16px 16px;
  border: 1px solid var(--standart-border);
  border-radius: 5px;
  background: var(--standart-color-11);
}
.settings-create-house-chess-modal .chess-preview-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
}
.settings-create-house-chess-modal .chess-preview-title {
  font-weight: bold;
  font-size: 14px;
  margin-right: 16px;
}
.settings-create-house-chess-modal .chess-preview-total {
  font-size: 13px;
}
.settings-create-house-chess-modal .chess-preview-msg {
  font-size: 13px;
  margin-bottom: 4px;
  line-height: 1.35;
}
.settings-create-house-chess-modal .chess-preview-msg.--error {
  color: #c83b3b;
}
.settings-create-house-chess-modal .chess-preview-errors {
  margin-bottom: 8px;
}
.settings-create-house-chess-modal .chess-preview-warnings {
  margin-bottom: 10px;
}
.settings-create-house-chess-modal .chess-preview-section {
  margin-top: 14px;
}
.settings-create-house-chess-modal .chess-preview-section-title {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
}
.settings-create-house-chess-modal .chess-preview-floors-list {
  font-size: 12px;
  margin-bottom: 8px;
  line-height: 1.4;
}
.settings-create-house-chess-modal .chess-preview-floor {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.settings-create-house-chess-modal .chess-preview-floor-label {
  min-width: 28px;
  text-align: right;
  font-size: 11px;
  margin-right: 8px;
}
.settings-create-house-chess-modal .chess-preview-cells {
  display: flex;
  flex-wrap: wrap;
}
.settings-create-house-chess-modal .chess-preview-cell {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: var(--standart-color-33);
  border: 1px solid var(--standart-border);
  margin-right: 3px;
  margin-bottom: 3px;
}
body {
  --settings-house-modal-placeholder-color: #6e768987;
  --settings-house-modal-btn-clear-bg: #303a54;
}
body.theme-white {
  --settings-house-modal-placeholder-color: #939fbb;
}
.settings-house-modal .std-modal {
  min-width: 1000px;
  max-width: 1000px;
}
.settings-house-modal .std-modal .form-control::placeholder {
  color: var(--settings-house-modal-placeholder-color);
}
.settings-house-modal .c-house-images-loader {
  padding-bottom: 0;
}
.settings-project-modal .std-modal {
  min-width: 1000px;
  max-width: 1000px;
}
.settings-project-modal .work-intervals {
  display: flex;
  gap: 8px;
}
.settings-project-modal .work-interval {
  flex: 1;
  min-width: 0;
}
.settings-project-modal .work-interval-day {
  font-size: 12px;
  margin-bottom: 6px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings-project-modal .work-interval .form-control {
  padding-left: 8px;
  padding-right: 8px;
}
.settings-project-modal .work-interval .form-control + .form-control {
  margin-top: 4px;
}
.settings-stages-modal .std-modal {
  min-width: 1000px;
  max-width: 1000px;
}
.settings-stages-modal .stages {
  margin-bottom: 20px;
}
.structure-cf-modal .std-modal {
  min-width: 1000px;
  max-width: 1000px;
}
.structure-cf-modal .stages {
  margin-bottom: 20px;
}
.structure-cf-modal .std-el-datarow-input.wkey {
  min-width: 220px !important;
  max-width: 220px !important;
}
.structure-cf-modal .std-el-datarow-input {
  line-height: 1.2em;
}
.structure-cf-modal .togg {
  max-width: 120px;
  min-width: 120px;
}
.structureEditCfModal {
  background: #2d334459;
}
.structureEditCfModal .modal-dialog {
  width: 400px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.structureEditCfModal table {
  width: 100%;
  margin: 10px 0 20px;
}
.structureEditCfModal .colors {
  margin: 0 -10px;
}
.structureEditCfModal .colors .color {
  display: block;
  margin: 10px;
  float: left;
  width: 53px;
  height: 30px;
  position: relative;
}
.structureEditCfModal .colors input {
  opacity: 0;
}
.structureEditCfModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 23px;
  text-shadow: 1px 1px 0px #000;
}
.c-dev-deals-agrees-settings .proc-flex {
  display: flex;
}
.c-dev-deals-agrees-settings .proc-title {
  min-width: 200px;
  margin-right: 10px;
}
.c-dev-deals-agrees-settings .proc-status {
  margin-right: 10px;
}
.c-dev-deals-agrees-settings .proc-users {
  min-width: 210px;
}
.c-dev-deals-agrees-settings .proc-usl {
  min-width: 440px;
}
.c-dev-deals-agrees-settings .proc-flow {
  margin-top: 5px;
}
.c-dev-deals-agrees-settings .proc-title-info {
  font-size: 20px;
  margin-bottom: 10px;
}
.c-dev-deals-agrees-settings .proc-top {
  display: flex;
  justify-content: space-between;
}
.c-dev-deals-agrees-settings .proc-right {
  white-space: nowrap;
  display: flex;
  margin-top: 6px;
}
.c-dev-deals-agrees-settings .proc-right {
  font-size: 85%;
}
.c-dev-deals-agrees-settings .procs {
  margin-top: 25px;
  margin-bottom: 25px;
}
.c-dev-deals-dops-settings .sst-places {
  margin-top: 30px;
  margin-bottom: 20px;
}
.c-dev-deals-dops-settings .sst-places .sst-place {
  display: flex;
  margin-bottom: 7px;
}
.c-dev-deals-dops-settings .sst-places .sst-place-title {
  min-width: 190px;
  margin-right: 15px;
}
.c-dev-deals-dops-settings .sst-places .sst-place.--start {
  opacity: 0.4;
  margin-bottom: 15px;
}
.c-dev-deals-dops-settings .sst-place-comment {
  margin-left: 20px;
  min-width: 90px;
}
.c-dev-deals-dops-settings .sst-place-values {
  min-width: 130px;
  margin-left: 10px;
}
.c-dev-deals-dops-settings .sst-place-values a {
  display: inline-block;
  margin-top: 6px;
}
.c-dev-deals-dops-settings .sst-place-type {
  min-width: 210px;
  margin-right: 15px;
}
.c-dev-deals-dops-settings .sst-place-sort {
  min-width: 25px;
  line-height: 36px;
}
.c-dev-deals-dops-settings .sst-place-active {
  margin-left: 15px;
  min-width: 60px;
}
.c-dev-deals-dops-settings .sst-place-houses {
  min-width: 240px;
}
.c-dev-leftmenu .sst-places {
  margin-top: 30px;
  margin-bottom: 20px;
}
.c-dev-leftmenu .sst-places .sst-place {
  display: flex;
  margin-bottom: 7px;
}
.c-dev-leftmenu .sst-places .sst-place-title {
  width: 190px;
  margin-right: 15px;
}
.c-dev-leftmenu .sst-places .sst-place.--start {
  opacity: 0.4;
  margin-bottom: 15px;
}
.c-dev-leftmenu .sst-place-sort {
  width: 25px;
  line-height: 36px;
}
.c-dev-leftmenu .sst-place-url {
  margin-left: 25px;
  margin-bottom: 20px;
  width: 395px;
  margin-right: 15px;
}
.c-dev-leftmenu .sst-place-icon {
  width: 310px;
}
.c-dev-leftmenu .sst-place-users {
  width: 250px;
  margin-right: 15px;
}
.c-dev-leftmenu .sst-place-roles {
  width: 250px;
  margin-right: 15px;
}
.s-settings-funnel th.td-name {
  min-width: 280px;
  width: 280px;
}
.s-settings-funnel th.td-webhook {
  width: 100%;
}
.s-settings-funnel th.td-field {
  width: 110px;
  min-width: 110px;
}
.s-settings-funnel .table > tbody > tr > td {
  height: 52px;
  vertical-align: middle;
}
.s-settings-funnel .pre-sets {
  max-width: 500px;
}
.s-settings-funnel .after-sets {
  margin-top: 40px;
  opacity: 0.6;
}
.s-settings-funnel .sf-content {
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.s-settings-funnel .top-save {
  position: fixed;
  top: 20px;
  right: 20px;
}
.s-settings-funnel .set-title {
  font-weight: bold;
  font-size: 18px;
  color: #67789c;
  margin-bottom: 20px;
}
.s-settings-funnel .sf-head-left {
  padding-left: 20px;
  line-height: 24px;
  margin-right: 50px;
}
.s-settings-funnel .sf-head {
  height: 80px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #c5cfe5;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.s-settings-funnel .sf-head-title {
  font-size: 16px;
  font-weight: bold;
}
.s-settings-funnel .ssf-toggler {
  min-width: 390px;
}
body {
  --settings-integrations-h1-border: rgba(255, 255, 255, 0.5);
  --settings-integrations-h1-color: #fff;
  --settings-integrations-h1-border-color-hover: #ffffff;
  --settings-integrations-ssi-active-border: #404d6f;
  --settings-integrations-ssi-active-bg: #2d3854;
  --settings-integrations-ol-li-before-color: #c6d6e0;
  --settings-integrations-csam-phone-color: #fff;
}
body.theme-white {
  --settings-integrations-h1-color: #697a90;
  --settings-integrations-h1-border: #697a90;
  --settings-integrations-h1-border-color-hover: #9cb1cc;
  --settings-integrations-ssi-active-border: #a7b2d0;
  --settings-integrations-ssi-active-bg: #d7dff3;
  --settings-integrations-ol-li-before-color: #586b9c;
  --settings-integrations-csam-phone-color: #333;
}
.s_settings_integrations {
  color: var(--settings-integrations-item-color, #c5cfe8);
}
.s_settings_integrations .users-area .users-area-line {
  margin-top: 10px;
}
.s_settings_integrations .users-area .users-area-line {
  display: flex;
  align-items: center;
}
.s_settings_integrations .users-area .users-area-line-name {
  min-width: 200px;
  overflow: auto;
  max-width: 200px;
  font-size: 14px;
  line-height: 17px;
}
.s_settings_integrations .users-area .users-area-line-val {
  width: 100%;
}
.s_settings_integrations .ia-ac-project {
  margin: 10px 0;
}
.s_settings_integrations .ia-ac-project label {
  font-size: 13px;
}
.s_settings_integrations .copy-link-container {
  cursor: pointer;
}
.s_settings_integrations .c-phones-leads .csam-phone,
.s_settings_integrations .c-sites-projects-matcher .csam-phone {
  color: var(--settings-integrations-csam-phone-color);
}
.s_settings_integrations div ol.lister > li::before {
  color: var(--settings-integrations-ol-li-before-color);
}
.s_settings_integrations .std-head .std-head-view .std-head-view-viewitem {
  border: 1px solid var(--form-button-border);
  color: var(--form-button-light-color);
}
.s_settings_integrations .std-head h1 a {
  color: var(--inverse);
  border-bottom: 1px solid var(--settings-integrations-h1-border);
}
.s_settings_integrations .std-head h1 a:hover {
  border-bottom: 1px solid var(--settings-integrations-h1-border-color-hover);
}
.s_settings_integrations .custom-integration {
  padding-bottom: 100px;
}
.s_settings_integrations .int-settings {
  margin-top: 40px;
}
.s_settings_integrations .int-settings-title {
  font-size: 20px;
  margin-bottom: 16px;
}
.s_settings_integrations .int-image {
  margin: 10px 0 20px;
}
.s_settings_integrations .int-image img {
  border-radius: 4px;
}
.s_settings_integrations .int-image.--400 img {
  max-width: 400px;
}
.s_settings_integrations .int-image.--600 img {
  max-width: 600px;
}
.s_settings_integrations .int-image.--800 img {
  max-width: 800px;
}
.s_settings_integrations .ssi-pre {
  max-width: 580px;
  color: var(--settings-integrations-csam-phone-color);
  margin: 0 0 30px;
  font-size: 14px;
}
.s_settings_integrations .ssi-pre a {
  color: var(--a-link-color);
  border-bottom: 1px solid var(--a-link--border);
  text-decoration: none;
}
.s_settings_integrations .ssi-link {
  margin-bottom: 30px;
  display: inline-block;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  padding: 10px 20px;
  border-radius: 9px;
  color: #584c1e;
  text-decoration: none;
}
.s_settings_integrations .ssi-active {
  width: 400px;
  border: 1px solid var(--settings-integrations-ssi-active-border);
  border-radius: 10px;
  padding: 30px 45px;
  position: relative;
  font-size: 16px;
  margin-bottom: 30px;
  background: var(--settings-integrations-ssi-active-bg);
}
.s_settings_integrations .ssi-active-toggler {
  position: absolute;
  right: 31px;
  top: 23px;
}
.s_settings_integrations ol.lister {
  counter-reset: ol-counter;
  list-style-type: none;
  padding-left: 45px;
}
.s_settings_integrations ol.lister > li,
.s_settings_integrations ol.lister > * > li {
  margin-bottom: 22px;
  font-size: 16px;
  counter-increment: ol-counter;
  position: relative;
}
.s_settings_integrations ol.lister > li::before,
.s_settings_integrations ol.lister > * > li::before {
  content: counter(ol-counter);
  border: 1px solid #586b9c;
  width: 28px;
  height: 28px;
  font-size: 13px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  color: #c6d6e0;
  position: absolute;
  left: -45px;
  top: -2px;
}
.s_settings_integrations .disabled-integration {
  opacity: 0.2;
  cursor: not-allowed;
  filter: blur(4px);
  position: relative;
  pointer-events: none;
  user-select: none;
}
.s_settings_integrations .disabled-integration-block-layer {
  cursor: not-allowed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.s_settings_integrations .attention {
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  background-color: rgba(255, 0, 0, 0.1);
  border: 1px solid rgba(255, 0, 0, 0.4);
  margin-top: 32px;
  width: fit-content;
}
.s_settings_integrations .attention p:last-child {
  margin-bottom: 0;
}
.s_settings_integrations .i-block-title {
  font-size: 20px;
}
.autorespLogsModal {
  /*background: @modalBackgroundColor;*/
}
.autorespLogsModal .modal-dialog {
  width: 960px;
  margin: -1px auto;
  top: 20px;
  transform: translateY(0px) !important;
}
.autorespLogsModal .ilm-log {
  display: flex;
  padding: 5px 30px;
  align-items: center;
}
.autorespLogsModal .ilm-log.--top {
  opacity: 0.5;
  font-weight: bold;
}
.autorespLogsModal .ilm-log-date {
  width: 150px;
  margin-right: 20px;
}
.autorespLogsModal .ilm-log-date small {
  opacity: 0.5;
}
.autorespLogsModal .ilm-log-status {
  width: 160px;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.autorespLogsModal .ilm-log.--top {
  opacity: 0.5;
  font-weight: bold;
  margin-bottom: 15px;
}
.autorespLogsModal .ilm-log-action {
  width: 120px;
  margin-left: 10px;
}
.autorespLogsModal .ilm-log-user {
  width: 180px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
}
.autorespLogsModal .ilm-log-lead {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.autorespLogsModal .ilm-log-req {
  min-width: 600px;
  max-width: 600px;
  overflow: auto;
  max-height: 500px;
}
.autorespLogsModal .ilm-logs {
  margin: 0 -30px;
  max-height: 550px;
  overflow: auto;
}
.autorespLogsModal .ilm-log-res {
  width: 100%;
  margin-left: 30px;
}
.autorespLogsModal .ilm-log-req-title {
  font-weight: bold;
  color: #8f94a1;
  margin-bottom: 5px;
}
.taskTypeModal .modal-dialog {
  width: 800px;
}
.taskTypeModal .ttm-content .c-toggler-inline {
  margin: 0;
}
.taskTypeModal .wfl {
  display: flex;
}
.taskTypeModal .w1 {
  min-width: 256px;
  margin-bottom: 0 !important;
}
.taskTypeModal .w2 {
  margin-bottom: 0 !important;
}
.taskTypeModal .dop-vor-title {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 13px;
}
.taskTypeModal .store-statuses {
  width: 100%;
}
.taskTypeModal .store-toggler {
  min-width: 245px;
  margin-right: 12px;
  padding-top: 4px;
}
.taskTypeModal .store-line {
  display: flex;
  height: 35px;
  margin-bottom: 8px;
  align-items: center;
}
.taskTypeModal .colors {
  margin: 0 -8px;
  display: flex;
  flex-wrap: wrap;
}
.taskTypeModal .colors .color {
  display: block;
  margin: 0 0 8px 8px;
  float: left;
  width: 48px;
  height: 35px;
  position: relative;
  border-radius: 5px;
}
.taskTypeModal .colors input {
  opacity: 0;
}
.taskTypeModal .colors input:checked + span:after {
  content: '✓';
  position: absolute;
  top: 0px;
  line-height: 36px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 27px;
  text-shadow: 1px 1px 0px #000000;
  color: #fff;
}
.c-uah th.c-uah-td-time {
  min-width: 190px;
  max-width: 190px;
}
.c-uah th.c-uah-td-user {
  min-width: 240px;
  max-width: 240px;
  padding-right: 10px;
}
.c-uah .search-area {
  max-width: 500px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.c-ueh th.c-uah-td-time {
  min-width: 190px;
  max-width: 190px;
}
.c-ueh th.c-uah-td-user {
  min-width: 240px;
  max-width: 240px;
  padding-right: 10px;
}
.c-ueh .search-area {
  max-width: 500px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.c-ueh th.c-uah-td-type {
  min-width: 90px;
  max-width: 90px;
}
.c-ueh th.c-uah-td-count {
  min-width: 60px;
  max-width: 60px;
}
.usersRoleEditorModal {
  background: #2d334459;
}
.usersRoleEditorModal .modal-dialog {
  width: 1200px;
  margin: -1px auto 70px;
  top: 20px;
  transform: translateY(0px) !important;
}
body {
  --user-role-cure-section-title-color: #fff;
  --user-role-form-group-color: #bfc2ce;
  --user-role-hr-border: #45506b;
}
body.theme-white {
  --user-role-cure-section-title-color: #333;
  --user-role-form-group-color: #898ea2;
  --user-role-hr-border: #99a3bc;
}
.togglers {
  font-size: 12px;
  margin-top: -5px;
  margin-left: 17px;
}
.togglers span {
  margin-right: 4px;
  opacity: 0.6;
  transition: 0.3s;
  letter-spacing: -0.5px;
}
.togglers span:last-child {
  margin-right: 0;
}
.togglers span:hover {
  opacity: 1;
  cursor: pointer;
}
.flex-space-btw {
  display: flex;
  align-items: center;
}
.flex-space-btw.--mt {
  margin-top: 40px;
}
.flex-space-btw.--mb {
  margin-bottom: 20px;
}
.flex-space-btw.--mb .togglers {
  margin-top: 0;
}
.flex-space-btw > .cure-section-title {
  margin-bottom: 0 !important;
}
.subitems {
  padding-left: 25px;
}
.subitems .c-toggler-inline {
  margin-top: 2px;
  margin-bottom: 2px;
}
.subitems .c-toggler-inline .cti-text {
  font-size: 12px;
}
.subitems .c-toggler-inline.isSmall .slider {
  margin-right: 10px;
}
.usersRoleEditorModal .funnel-col.--view {
  min-width: 430px;
  max-width: 430px;
}
.usersRoleEditorModal .funnel-item {
  margin-top: 20px;
}
.usersRoleEditorModal .funnel-item-title {
  font-weight: bold;
  color: #67789c;
  font-size: 16px;
  margin-bottom: 15px;
}
.usersRoleEditorModal .depart {
  display: inline-block;
  margin-left: 30px;
  position: relative;
  top: 2px;
}
.usersRoleEditorModal .saih-part-title {
  font-weight: bold;
  margin-top: 15px;
  opacity: 0.6;
}
.usersRoleEditorModal .cure-section-desc {
  opacity: 0.6;
  margin: -10px 0 40px;
}
.usersRoleEditorModal .fast-roles {
  display: flex;
  flex-wrap: wrap;
}
.usersRoleEditorModal .fast-roles .btn {
  margin-right: 4px;
  font-size: 12px;
  height: 34px;
}
.usersRoleEditorModal .funnel-flex {
  display: flex;
  margin: 0 -10px;
}
.usersRoleEditorModal .funnel-col {
  margin: 0 10px;
  width: 100%;
}
.usersRoleEditorModal .funnel-col.--create {
  min-width: 140px;
  max-width: 140px;
}
.usersRoleEditorModal .funnel-col.--export {
  min-width: 140px;
  max-width: 140px;
}
.usersRoleEditorModal .с-users-role-editor {
  min-height: 100px;
  position: relative;
}
.usersRoleEditorModal .с-users-role-editor .fast-users {
  display: flex;
  flex-wrap: wrap;
}
.usersRoleEditorModal .с-users-role-editor .fast-users > div {
  margin-right: 20px;
}
.usersRoleEditorModal .с-users-role-editor .sure-item {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  margin-bottom: 0px;
  padding-right: 50px;
}
.usersRoleEditorModal .с-users-role-editor .sure-item.--ml {
  padding-left: 20px;
}
.usersRoleEditorModal .с-users-role-editor .sure-item.--tab {
  /*margin-left: 40px;*/
}
.usersRoleEditorModal .с-users-role-editor .sure-item toggler {
  margin-top: 4px;
}
.usersRoleEditorModal .с-users-role-editor .form-group > label {
  color: var(--user-role-form-group-color);
}
.usersRoleEditorModal .с-users-role-editor .sure-item-label {
  margin-left: 0px;
  line-height: 36px;
  font-size: 14px;
}
.usersRoleEditorModal .с-users-role-editor .--mttop {
  margin-top: 10px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section {
  margin: 10px 0;
}
.usersRoleEditorModal .с-users-role-editor .cure-sh-placeholder {
  line-height: 36px;
  background: #5e6984;
  text-align: center;
  border-radius: 5px;
}
.usersRoleEditorModal .с-users-role-editor .cure-field-desc {
  font-size: 12px;
  margin: 11px 0;
  line-height: 1.3em;
  color: #7c869e;
}
.usersRoleEditorModal .с-users-role-editor .cure-json {
  opacity: 0.5;
  display: none;
}
.usersRoleEditorModal .с-users-role-editor .cure-hr {
  border-top: 1px solid var(--user-role-hr-border);
  margin: 15px -30px 25px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-head {
  display: flex;
  flex-wrap: wrap;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-col-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-flex {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-title {
  font-size: 16px;
  letter-spacing: 1px;
  color: var(--user-role-cure-section-title-color);
  text-transform: uppercase;
  font-weight: bold;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-title.--mt {
  margin-top: 40px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-head-action {
  margin-right: 20px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-head-action.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-head-action.--fix {
  min-width: 170px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-col-title {
  font-weight: bold;
  margin-bottom: 10px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-col {
  width: 100%;
  margin: 0 15px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-body {
  margin: 20px -15px 0;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-body {
  display: flex;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-body-status {
  margin-left: 15px;
  width: 100px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-body-status.--start {
  width: 180px;
  margin-right: 30px;
}
.usersRoleEditorModal .с-users-role-editor .cure-section-body-functions {
  width: 210px;
  padding-top: 20px;
}
.usersRoleEditorModal .с-users-role-editor .cure-sbs-item {
  height: 36px;
  margin-bottom: 10px;
}
.usersRoleEditorModal .с-users-role-editor .cure-sbs-title {
  height: 30px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.usersRoleEditorModal .с-users-role-editor .cure-sbf-func {
  height: 36px;
  line-height: 36px;
  margin-top: 10px;
}
body {
  --site-widget-catalog-modal-facades-house-bg: #d5deef;
  --site-widget-catalog-modal-facades-house-border: #cfdbf0;
  --site-widget-catalog-modal-swm-slf-bg: #5f74ab;
}
.s-catalog .std-head h1 a {
  color: #000 !important;
  border-color: #000 !important;
}
.s-catalog .bad-sets {
  font-weight: bold;
  margin: -10px 0 30px;
  color: #f00;
}
.s-catalog .alarm-area {
  padding: 30px;
  background: #fdcbcb;
  border-radius: 20px;
  margin-bottom: 50px;
  color: #000;
  font-weight: bold;
}
.s-catalog .std-btn.loading {
  opacity: 0.5;
}
.s-catalog textarea.swm-code {
  font-family: monospace;
  font-size: 13px;
  color: #000;
}
.s-catalog a.sect-link {
  position: relative;
  top: -40px;
}
.s-catalog a.sect-link.low {
  top: -100px;
}
.s-catalog .std-head-view > * {
  margin-left: 10px;
}
.s-catalog .std-head-view toggler-inline {
  position: relative;
  top: 3px;
}
.s-catalog .std-head .std-head-right {
  margin-top: -6px;
}
.s-catalog .std-head {
  position: sticky;
  top: 0;
  background: #e6eaf4;
  z-index: 222;
  box-shadow: 0px 5px 5px -3px #0002;
  margin: 0 -30px;
  padding-left: 30px;
  padding-right: 30px;
}
.s-catalog .sect-title {
  font-size: 24px;
  margin: 50px 0 20px;
  font-weight: bold;
}
.s-catalog .sect-title.notop {
  margin-top: 0;
}
.s-catalog .menu-item a {
  display: flex;
  color: #000;
  text-decoration: none;
  align-items: center;
  line-height: 33px;
}
.s-catalog .mi-title {
  font-size: 14px;
}
.s-catalog .mi-icon {
  min-width: 22px;
  text-align: center;
  font-size: 18px;
  margin-right: 17px;
  display: flex;
  justify-content: center;
}
.s-catalog .menu-area {
  position: sticky;
  top: 90px;
}
.s-catalog .sc-cont {
  width: 1050px;
  margin: auto;
}
.s-catalog .flex-content {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.s-catalog .flex-content-left {
  min-width: 220px;
  margin-right: 30px;
}
.s-catalog .flex-content-right {
  min-width: 800px;
}
.s-catalog .chess-settings .cs-item {
  line-height: 37px;
}
.s-catalog span.house-on-map {
  margin-right: 10px;
  opacity: 0.3;
}
.s-catalog span.house-on-map.active {
  opacity: 1;
}
.s-catalog .std-error-area-2 {
  margin-bottom: 20px;
}
.s-catalog .sw-dops-area {
  margin-top: 10px;
}
.s-catalog .sw-dops-area-rows {
  margin-bottom: 10px;
}
.s-catalog .sw-dops-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.s-catalog .sw-dops-row-select {
  width: 360px;
  margin-right: 12px;
}
.s-catalog .sw-dops-row-nav {
  padding-right: 10px;
  font-size: 16px;
  padding-top: 3px;
  cursor: pointer;
}
.s-catalog .sw-dops-row-remove {
  padding-left: 10px;
  font-size: 16px;
}
.s-catalog .sw-dops-row-input {
  width: 330px;
}
.s-catalog .sw-fields-info {
  display: flex;
  flex-wrap: wrap;
}
.s-catalog .sw-fields-info > div {
  margin-right: 20px;
  width: 290px;
}
.s-catalog .swc-gp-house-badge-title {
  min-width: 120px;
  max-width: 120px;
  margin-right: 15px;
}
.s-catalog .swc-gp-house-badge-bg {
  min-width: 95px;
  max-width: 95px;
  margin-right: 15px;
}
.s-catalog .swc-gp-house-badge-bg .color-picker-wrapper .color-picker-input-swatch {
  height: 34px;
  width: 96px !important;
}
.s-catalog .swc-house-edit {
  display: flex;
  justify-content: space-between;
  background: #1a233a;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.s-catalog .swc-fb2-title {
  margin: 25px 0 20px;
  opacity: 0.5;
}
.s-catalog .sw-dops-row-doplead {
  width: 60%;
  margin-left: 15px;
}
.s-catalog .swc-item-gp-center {
  margin-top: 22px;
}
.s-catalog .sw-dops-row-textcheck {
  width: 100%;
}
.s-catalog .sw-dops-row.--start .sw-dops-row-nav {
  min-width: 24px;
}
.s-catalog .sw-dops-row.--start {
  font-size: 85%;
  opacity: 0.4;
  margin-bottom: 5px;
}
.s-catalog .sw-dops-row-req {
  min-width: 100px;
  margin-left: 20px;
}
.s-catalog .sw-dops-row-remove {
  min-width: 30px;
}
.s-catalog .swc-gp-house-toggler {
  min-width: 65px;
  max-width: 65px;
  margin-right: 8px;
}
.s-catalog .swc-gp-house-desc {
  min-width: 150px;
  margin-right: 10px;
  max-width: 150px;
}
.s-catalog .swc-fb-preview {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #2c51d3;
  position: relative;
  transform-origin: 0 0;
  padding: 10px;
  color: #2c51d3;
}
.s-catalog .swc-fb-preview-in {
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.s-catalog .swc-fb-preview svg {
  width: 40px;
  height: 40px;
  stroke: #2c51d3;
  fill: #2c51d3;
  position: absolute;
  left: 50%;
  top: 22px;
  transform: translateX(-50%);
}
.s-catalog .swc-fb-preview .title {
  display: block;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 69px;
  left: 50%;
  transform: translate(-50%);
  line-height: 13px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.s-catalog .swc-flex-btn {
  display: flex;
}
.s-catalog .swc-flex-btn-1 {
  min-width: 210px;
  max-width: 210px;
}
.s-catalog .swc-flex-btn-2 {
  min-width: 300px;
  max-width: 300px;
}
.s-catalog .swc-flex-btn-3 {
  min-width: 300px;
  max-width: 300px;
}
.s-catalog .swc-gp-house-name {
  min-width: 100px;
  max-width: 100px;
  margin-right: 12px;
}
.s-catalog .swc-gp-houses {
  margin-top: 4px;
}
.s-catalog .swc-item-area-left {
  width: 470px;
}
.s-catalog .swc-item-area-right {
  width: 470px;
  padding-left: 70px;
}
.s-catalog .swc-item-area-right:first-child {
  margin-top: 30px;
  padding-left: 0px;
}
.s-catalog .swc-gp-house {
  margin-bottom: 10px;
  display: flex;
  line-height: 34px;
}
.s-catalog .swc-gp-house.--start {
  margin-bottom: 6px;
}
.s-catalog .ad-enable-domains {
  float: right;
  color: #e9a1a1;
  font-size: 12px;
  margin-top: 11px;
  font-weight: bold;
}
.s-catalog .swc-gp-house-title {
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-catalog .swc-gp-house:first-child {
  color: #767c8c;
  font-size: 12px;
  line-height: 15px;
}
.s-catalog .add-title toggler-inline {
  /*margin-left: 13px;*/
  /*position: relative;*/
  /*top: 7px;*/
}
.s-catalog .wbg {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}
.s-catalog .swc-item-area {
  display: flex;
  margin-bottom: 30px;
}
.s-catalog .swc-item-area:last-child {
  margin-bottom: 0;
}
.s-catalog .swc-item-gp-left {
  min-width: 240px;
  max-width: 240px;
}
.s-catalog .swc-item-gp-right {
  min-width: 440px;
  padding-left: 40px;
  max-width: 440px;
}
.s-catalog .sw-flex-chess {
  display: flex;
  flex-wrap: wrap;
}
.s-catalog .sw-flex-chess > * {
  margin-right: 20px;
}
.s-catalog .sw-flex-chess > *:last-child {
  margin-right: none;
}
.s-catalog .add-subtitle {
  font-size: 15px;
  margin: 5px 0px 5px;
  color: #7a7f90;
}
.s-catalog .mi-ringer {
  width: 18px;
  height: 18px;
  background: #000;
  border-radius: 40px;
  opacity: 0.3;
  transform: scale(0.4);
  transition: 0.3s;
}
.s-catalog .mi-ringer.active {
  transform: scale(0.9);
  background-color: #2296f3;
  opacity: 1;
}
.s-catalog .sect-toggler-flex {
  display: flex;
  align-items: center;
}
.s-catalog .sect-toggler-flex toggler-inline {
  margin-top: 35px;
  margin-left: 20px;
}
.s-catalog .swc-item-area-colors-line {
  display: flex;
  flex-wrap: wrap;
}
.s-catalog .swc-item-area-colors-line > * {
  margin-right: 30px;
  min-width: 123px;
}
.s-catalog .swc-item-area-colors {
  display: flex;
  flex-wrap: wrap;
}
.s-catalog .swc-item-area-colors .form-group {
  margin-right: 0px;
  display: inline-block;
  width: 120px;
  margin-right: 20px;
}
.s-catalog .swc-item-area-colors .form-group:nth-child(2n) {
  margin-right: 0;
}
.s-catalog .swm-houses {
  display: flex;
  flex-wrap: wrap;
}
.s-catalog .swm-houses label {
  margin-right: 20px;
  position: relative;
}
.s-catalog .swm-houses span {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #64759e;
  background: #2f3851;
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.s-catalog .swm-houses span:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 2px;
  top: 2px;
  transition: 0.3s;
}
.s-catalog .swm-houses b {
  font-weight: normal;
}
.s-catalog .swm-houses input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.s-catalog .swm-houses input:checked + span:after {
  background-color: #2296f3;
}
.s-catalog .std-modal {
  min-height: 406px;
}
.s-catalog .facades {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.s-catalog .facades-house {
  margin-right: 20px;
  text-align: center;
  border: 1px solid var(--site-widget-catalog-modal-facades-house-border);
  border-radius: 2px;
  padding: 10px;
  background: var(--site-widget-catalog-modal-facades-house-bg);
  margin-bottom: 20px;
}
.s-catalog .facades-house-button {
  margin: 10px 0;
}
.s-catalog .modal-footer {
  padding-left: 30px;
}
.s-catalog .add-title {
  font-size: 18px;
  margin: 25px 0px 20px;
  color: #7a7f90;
}
.s-catalog .flat-frame-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.s-catalog .flat-frame-help {
  font-size: 14px;
  font-weight: normal;
}
.s-catalog .flat-frame-cols {
  display: flex;
  gap: 16px;
  margin-bottom: 10px;
}
.s-catalog .flat-frame-cols .form-group {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.s-catalog .toggler-inline {
  margin-bottom: 5px;
  display: flex;
  font-weight: normal;
}
.s-catalog .toggler-inline > span {
  font-weight: normal;
  line-height: 27px;
  margin-left: 15px;
}
.s-catalog .swm-slf {
  display: inline-block;
  font-size: 12px;
  background: var(--site-widget-catalog-modal-swm-slf-bg);
  color: #fff;
  padding: 6px 15px;
  border-radius: 5px;
  margin-left: 10px;
  position: relative;
  top: -1px;
  cursor: pointer;
}
.ia-0 .ia-0-intro {
  max-width: 760px;
  margin-bottom: 18px;
}
.ia-0 .ia-0-intro p {
  margin: 0 0 12px;
  line-height: 1.5;
}
.ia-0 .ia-0-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 860px;
  margin-bottom: 36px;
}
.ia-0 .ia-0-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: 138px;
  padding: 22px 20px 20px;
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ia-0 .ia-0-card:hover,
.ia-0 .ia-0-card:focus {
  text-decoration: none;
  transform: translateY(-2px);
}
.ia-0 .ia-0-card.--main {
  flex: 1.5 1 300px;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  color: #584c1e;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.ia-0 .ia-0-card.--main:hover,
.ia-0 .ia-0-card.--main:focus {
  color: #3f3514;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.ia-0 .ia-0-card.--old {
  flex: 1 1 220px;
  background: var(--s_settings_orgs-bg);
  color: var(--settings-integrations-item-color);
  border: 1px solid var(--settings-integrations-ssi-active-border);
  box-shadow: none;
}
.ia-0 .ia-0-card.--old:hover,
.ia-0 .ia-0-card.--old:focus {
  color: var(--settings-integrations-item-color);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.ia-0 .ia-0-card-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(88, 76, 30, 0.12);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ia-0 .ia-0-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  border-radius: 12px;
  font-size: 22px;
  line-height: 1;
}
.ia-0 .ia-0-card.--main .ia-0-card-icon {
  background: rgba(88, 76, 30, 0.1);
}
.ia-0 .ia-0-card.--old .ia-0-card-icon {
  background: var(--settings-integrations-ssi-active-bg);
}
.ia-0 .ia-0-card-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.ia-0 .ia-0-card-desc {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.72;
}
.ia-0 .ia-0-keys-title {
  font-size: 20px;
  margin-bottom: 8px;
}
.ia-0 .ia-0-keys-note {
  margin: 0 0 16px;
  opacity: 0.75;
}
.ia-0 .list {
  margin-top: 30px;
}
.ia-0 .list .item {
  background-color: var(--s_settings_orgs-bg);
  margin: 10px 0;
}
.ia-0 .list .item-head {
  cursor: pointer;
  font-size: 20px;
  padding: 20px 30px;
  color: var(--settings-integrations-item-color);
  display: flex;
  justify-content: space-between;
}
.ia-0 .list .item-head-active {
  font-size: 14px;
  margin-top: 5px;
  color: var(--settings-integrations-item-head-active-color);
}
.ia-0 .list .item-head-active b {
  color: var(--settings-integrations-item-head-active-b-color);
}
.ia-0 .list .item-head-last {
  margin-left: 10px;
}
.ia-0 .list .item-body {
  padding: 0 30px;
  height: 0px;
  transition: 0.3s;
  overflow: hidden;
  border-top: 1px solid transparent;
}
.ia-0 .list .item-body.active {
  height: auto;
  padding: 30px;
  border-top-color: var(--settings-integrations-item-head-active-border);
}
.ia-0 .list .ia-0-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.ia-0 .list .ia-0-created {
  margin-right: auto;
  font-size: 13px;
  color: var(--settings-integrations-item-head-active-color);
}
.ia-0 .list .ia-0-created b {
  color: var(--settings-integrations-item-head-active-b-color);
}
.ia-0 .list .ia-0-created .fa-question-circle {
  margin-left: 4px;
  cursor: help;
}
.ia102 p {
  max-width: 720px;
}
.ia102 .ia102-rule {
  max-width: 640px;
  margin: 16px 0;
  padding: 16px 16px 4px;
  border: 1px solid var(--settings-integrations-ssi-active-border);
  border-radius: 14px;
  background: var(--settings-integrations-ssi-active-bg);
}
.ia102 .ia102-rule-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.ia102 .ia102-rule-title {
  font-weight: bold;
}
.ia102 .ia102-assignee {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}
.ia102 .ia102-assignee label {
  font-weight: normal;
}
.ia102 .ia102-days {
  max-width: 120px;
}
.ia102 .ia102-hint {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.7;
}
.ia102 .ia102-actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.ia103 .ia103-area {
  margin-top: 20px;
}
.ia103 .ia103-channel,
.ia103 .ia103-user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ia103 .ia103-channel-id,
.ia103 .ia103-user-name {
  width: 220px;
  margin-right: 10px;
  line-height: 1.2em;
}
.ia103 .ia103-channel-active {
  width: 90px;
}
.ia103 .ia103-channel-new,
.ia103 .ia103-user-channel,
.ia103 .ia103-user-role {
  width: 220px;
  margin-right: 10px;
}
.ia103 .ia103-channel-source {
  width: 180px;
  margin-right: 10px;
}
.ia103 .ia103-user-new {
  width: 110px;
}
.ia103 .ia103-channel.--start {
  font-size: 12px;
  opacity: 0.4;
  align-items: flex-end;
}
.ia103 .ia103-area h3 {
  font-size: 20px;
  margin: 30px 0 20px;
  opacity: 0.5;
}
.ia103 .ia103-set-desc {
  margin-bottom: 20px;
}
.ia15 .ia15-area {
  margin-top: 20px;
}
.ia15 .ia15-channel {
  display: flex;
  margin-bottom: 10px;
}
.ia15 .ia15-channel-id {
  width: 240px;
  margin-right: 10px;
  line-height: 1.2em;
  display: flex;
  align-items: center;
}
.ia15 .ia15-channel-active {
  width: 90px;
}
.ia15 .ia15-channel-new {
  width: 220px;
}
.ia15 .ia15-channel-source {
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
}
.ia15 .ia15-channel.--start {
  font-size: 12px;
  opacity: 0.4;
}
.ia15 .ia15-user {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.ia15 .ia15-user-name {
  width: 240px;
}
.ia15 .ia15-user-channel {
  width: 440px;
}
.ia15 .ia15-area h3 {
  font-size: 20px;
  margin: 30px 0 20px;
  opacity: 0.5;
}
.ia15 .ia15-set-desc {
  margin-bottom: 20px;
}
.ia16 .ia16-house {
  margin-bottom: 20px;
}
.ia16 .ia16-house-title {
  line-height: 25px;
  font-size: 16px;
}
.ia16 .ia16-project {
  margin-bottom: 50px;
}
.ia16 .ia16-project-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.ia28 .liner {
  display: flex;
  align-items: center;
}
.ia28 .liner-toggler {
  min-width: 330px;
}
.ia28 .liner-info {
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.ia28 .liner-info-text {
  margin-right: 10px;
  opacity: 0.5;
  font-size: 12px;
}
.ia28 .liner-info-status {
  width: 300px;
}
.ia28 .liner-infocol {
  padding-top: 8px;
  margin-top: 20px;
  margin-bottom: 14px;
}
.ia28 .liner-infocol .liner-info {
  margin-bottom: 13px;
}
.ia3 .ia16-house-title {
  margin-top: 10px;
}
.ia3 .ia16-house-title p {
  margin-top: 7px;
  margin-bottom: 0;
}
/*.ia30 {
	.ia16-house-title {
		margin-top: 10px;

		p {
			margin-top: 7px;
			margin-bottom: 0;
		}
	}
}*/
.ia35 .td-row {
  display: flex;
  margin-top: 7px;
  align-items: center;
}
.ia35 .td-val {
  width: 200px;
}
.ia35 .td-title {
  width: 200px;
  overflow: hidden;
  margin-right: 10px;
  white-space: nowrap;
}
.ia35 .funnel {
  display: flex;
  margin-bottom: 10px;
}
.ia35 .funnel-name {
  width: 300px;
  margin-right: 15px;
}
.ia35 .funnel-projects {
  width: 300px;
  margin-right: 15px;
}
.ia35 .funnel.--start {
  font-size: 12px;
  opacity: 0.6;
}
.ia35 .funnels {
  margin-top: 30px;
}
.ia36 .account-info {
  margin-bottom: 10px;
  margin-top: 10px;
  background: var(--light-area-bg);
  padding: 10px 20px;
}
.ia37 .user {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ia37 .username {
  width: 190px;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}
.ia-38 .copy-link-container {
  margin-top: 10px;
}
.ia-42 .account {
  margin-bottom: 30px;
  display: flex;
}
.ia-42 .account.--start {
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 10px;
}
.ia-42 .account-url {
  width: 360px;
  margin-right: 15px;
  position: relative;
}
.ia-42 .account-bills-row {
  /* display: flex; */
}
.ia-42 .account-bill {
  display: flex;
  margin-bottom: 6px;
}
.ia-42 .account-bill-select {
  margin-right: 10px;
}
.ia-42 .account-bill-select.--1 {
  min-width: 300px;
  max-width: 300px;
}
.ia-42 .account-bill-select.--2 {
  min-width: 460px;
  max-width: 460px;
}
.ia-42 .account-bill.--start {
  font-size: 80%;
  opacity: 0.5;
}
.ia-42 .account-bill-key {
  width: 270px;
}
.ia-42 .account-remove {
  position: absolute;
  right: -34px;
  line-height: 34px;
  width: 34px;
  text-align: center;
  top: 27px;
}
.ia-42 .account-bill-remove {
  line-height: 34px;
  width: 34px;
}
.ia41 .users {
  margin-top: 20px;
}
.ia41 .user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ia41 .iser-name {
  min-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.ia41 .user input {
  width: 180px;
}
.ia-44 .td-row {
  display: flex;
  margin-top: 7px;
  align-items: center;
}
.ia-44 .td-val {
  width: 200px;
  margin-right: 10px;
}
.ia-44 .td-title {
  width: 200px;
  overflow: hidden;
  margin-right: 10px;
  white-space: nowrap;
}
.ia-7 .ia-7-project {
  margin: 0 0 10px;
}
.ia-7 .ia-7-project {
  margin: 0 0 10px;
}
.ia-7 .ia-7-project {
  margin: 0 0 10px;
}
.ia-5 .ia-5-project {
  margin: 0 0 10px;
}
.ia-5 .ia-5-maps .row {
  margin-bottom: 10px;
}
.ia51 .line {
  display: flex;
  margin-bottom: -10px;
  position: relative;
}
.ia51 .line.--help {
  margin-top: 10px;
  margin-bottom: 0px;
}
.ia51 .topf {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ia51 .line-type {
  margin-right: 20px;
  min-width: 250px;
}
.ia51 .line-houses {
  min-width: 540px;
}
.ia51 .line-comment {
  width: 100%;
}
.ia51 .linearea {
  margin-bottom: 20px;
  border: 1px solid #999;
  padding: 10px 15px 16px;
  border-radius: 4px;
}
.ia51 .line-buttons {
  display: flex;
}
.ia51 .line-buttons button {
  margin-right: 10px;
}
.ia51 .line-buttons button:last-child {
  margin-right: 0;
}
.ia51 .line-ips {
  width: 250px;
  margin-right: 20px;
}
.ia51 .line-ips textarea {
  height: 85px;
  margin-right: 20px;
}
.ia51 .help-link {
  margin-top: 10px;
  font-size: 13px;
}
.ia51 .line-buttons {
  margin-top: 4px;
  margin-bottom: 9px;
}
.ia51 .lines {
  position: relative;
}
.ia53 .org-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ia53 .org {
  background: var(--light-area-bg);
  margin-bottom: 20px;
  padding: 20px;
}
.ia53 .orgs {
  margin-top: 30px;
}
.ia53 .counter {
  border: 2px solid #999;
  padding: 20px;
  margin-bottom: 10px;
}
.ia53 .org-login {
  font-weight: bold;
}
.ia53 .org-top {
  margin-bottom: 10px;
}
.ia53 .counter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ia53 .ct-id {
  width: 190px;
  margin-right: 10px;
}
.ia53 .ct-projects {
  width: 508px;
  margin-right: 10px;
}
.ia53 .item-delete {
  margin-top: 9px;
}
.ia53 .counter-targets {
  /* background: var(--card-bg-color); */
  /* padding: 20px; */
}
.ia53 .last {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.ia53 .target {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  background: var(--card-bg-color);
  padding: 12px 20px 4px;
}
.ia53 .target-status {
  width: 270px;
}
.ia53 .target-statustype {
  width: 170px;
}
.ia53 .target-id {
  width: 220px;
}
.ia53 .org-actions {
  min-width: 250px;
  text-align: right;
}
.ia53 .org-login {
  min-width: 250px;
}
.ia53 .org-title {
  width: 100%;
  padding-right: 10px;
}
.ia59 .flexer-dd {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ia59 .flexer-dd .copy-link-container {
  width: 470px;
}
.ia59 .flexer-dd span {
  font-size: 12px;
  margin-left: 10px;
}
.ia59 .project-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}
.ia59 .project-title {
  min-width: 300px;
}
.ia59 .project-val {
  width: 100%;
}
.ia-5 .ia-5-maps .row {
  margin-bottom: 10px;
}
.ia62 .org {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ia62 .orgs {
  margin-top: 30px;
}
.ia64 span.service {
  display: flex;
  height: 32px;
  align-items: center;
  font-size: 13px;
  line-height: 1.2em;
}
.ia64 .bree {
  margin-bottom: 8px !important;
}
.ia64 .copy-link-container {
  display: block !important;
  width: 100% !important;
  cursor: pointer;
  font-size: 11px;
  line-height: 30px;
  padding: 0 10px;
}
.ia68 .access-desc {
  white-space: nowrap;
  font-size: 85%;
  opacity: 0.6;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ia68 .title68 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.ia68 tbody td {
  vertical-align: middle!important;
}
.ia68 .usersnames {
  margin-top: 4px;
  font-size: 85%;
}
.ia68 .bad-roles {
  margin-bottom: 30px;
}
.ia-7 .ia-7-project {
  margin: 0 0 10px;
}
.ia74 .org {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ia74 .orgs {
  margin-top: 30px;
}
.ia74 .org-actions {
  min-width: 250px;
  text-align: right;
}
.ia74 .org-login {
  min-width: 250px;
}
.ia74 .org-title {
  width: 100%;
  padding-right: 10px;
}
.ia76 .flexer-dd {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ia76 .flexer-dd .copy-link-container {
  width: 510px;
}
.ia76 .flexer-dd span {
  font-size: 12px;
  margin-left: 10px;
}
.ia76 .project-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}
.ia76 .project-title {
  min-width: 300px;
}
.ia76 .project-val {
  width: 100%;
}
.ia76 .flexer-dd {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ia76 .flexer-dd .copy-link-container {
  width: 510px;
}
.ia76 .flexer-dd span {
  font-size: 12px;
  margin-left: 10px;
}
.ia76 .project-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}
.ia76 .project-title {
  min-width: 300px;
}
.ia76 .project-val {
  width: 100%;
}
.ia78 .account.--start {
  opacity: 0.5;
  font-size: 85%;
  margin-bottom: 6px;
}
.ia78 .account {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
}
.ia78 .account-title {
  min-width: 180px;
  flex: 0 0 180px;
}
.ia78 .account-login {
  flex: 1 1 220px;
}
.ia78 .account-pass {
  flex: 1 1 180px;
}
.ia78 .account-server {
  min-width: 200px;
  flex: 0 0 200px;
}
.ia78 .account-actions {
  min-width: 80px;
  flex: 0 0 80px;
  text-align: right;
}
.ia78 .bitsd {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.ia79 .flexer-dd {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ia79 .flexer-dd .copy-link-container {
  width: 470px;
}
.ia79 .flexer-dd span {
  font-size: 12px;
  margin-left: 10px;
}
.ia79 .project-managers {
  width: 100%;
}
.ia79 .project-row {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.ia79 .project-title {
  min-width: 300px;
}
.ia79 .project-val {
  width: 100%;
}
.ia83 .org {
  border: 1px solid #999;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 15px 16px 8px;
}
.ia83 .org-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.ia83 .org-title {
  font-weight: bold;
}
.ia83 .ia16-house {
  margin-bottom: 5px;
}
.ia83 .house-name {
  line-height: 32px;
  font-size: 13px;
}
.ia83 .house-title {
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}
.ia83 .house-title:fisrt-child {
  margin-top: 10px;
}
.ia83 .orgs {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ia84 .users {
  margin-top: 20px;
}
.ia84 .user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ia84 .iser-name {
  min-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.ia84 .user input {
  width: 180px;
}
.ia90 .flexer-dd {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.ia90 .flexer-dd .copy-link-container {
  width: 510px;
}
.ia90 .flexer-dd span {
  font-size: 12px;
  margin-left: 10px;
}
.ia90 .project-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}
.ia90 .project-title {
  min-width: 300px;
}
.ia90 .project-val {
  width: 100%;
}
.ia93 .project.--start {
  opacity: 0.5;
  font-size: 85%;
}
.ia93 .project {
  display: flex;
  margin-bottom: 10px;
}
.ia93 .project-comment {
  min-width: 210px;
  margin-right: 10px;
}
.ia93 .project-clientid {
  width: 100%;
  margin-right: 10px;
}
.ia93 .project-secret {
  width: 100%;
}
.ia93 .bitsd {
  display: flex;
  justify-content: space-between;
}
.ia95 .account.--start {
  opacity: 0.5;
  font-size: 85%;
  margin-bottom: 6px;
}
.ia95 .account {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
}
.ia95 .account-title {
  min-width: 180px;
  flex: 0 0 180px;
}
.ia95 .account-login {
  flex: 1 1 220px;
}
.ia95 .account-pass {
  flex: 1 1 180px;
}
.ia95 .account-server {
  min-width: 140px;
  flex: 0 0 140px;
}
.ia95 .account-actions {
  min-width: 80px;
  flex: 0 0 80px;
  text-align: right;
}
.ia95 .bitsd {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.ia95 .auto-row {
  display: flex;
  align-items: center;
  margin: 14px 0;
  min-height: 34px;
}
.ia95 .auto-row-text {
  min-width: 330px;
  margin-right: 10px;
}
.ia95 .auto-row-status {
  width: 300px;
}
.ia35 .td-row {
  display: flex;
  margin-top: 7px;
  align-items: center;
}
.ia35 .td-val {
  width: 200px;
}
.ia35 .td-title {
  width: 200px;
  overflow: hidden;
  margin-right: 10px;
  white-space: nowrap;
}
.ia35 .funnel {
  display: flex;
  margin-bottom: 10px;
}
.ia35 .funnel-name {
  width: 300px;
  margin-right: 15px;
}
.ia35 .funnel-projects {
  width: 300px;
  margin-right: 15px;
}
.ia35 .funnel.--start {
  font-size: 12px;
  opacity: 0.6;
}
.ia35 .funnels {
  margin-top: 30px;
}
.ia97 .copy-link-container {
  max-width: 420px;
}
.ia97 .ia97-hint {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.65;
  word-break: break-all;
}
.ia97 .ia97-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ia97 .ia97-intro {
  max-width: 760px;
  margin-bottom: 20px;
}
.ia97 .ia97-intro p {
  margin: 0 0 12px;
  line-height: 1.5;
}
.ia97 .ia97-title {
  font-size: 20px;
  margin: 28px 0 16px;
}
.ia97 .ia97-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  max-width: 860px;
}
.ia97 .ia97-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1 1 240px;
  min-height: 148px;
  padding: 20px 16px;
  font: inherit;
  appearance: none;
  border: none;
  border-radius: 12px;
  background: linear-gradient(130deg, #fff0a1 0%, #ffda99 100%);
  color: #584c1e;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ia97 .ia97-card:hover,
.ia97 .ia97-card:focus {
  color: #3f3514;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.ia97 .ia97-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(88, 76, 30, 0.1);
  font-size: 26px;
  line-height: 1;
}
.ia97 .ia97-card-body {
  text-align: center;
}
.ia97 .ia97-card-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}
.ia97 .ia97-card-desc {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.72;
}
.ia98 {
  max-width: 980px;
  color: var(--standart-color);
}
.ia98 .std-tabs {
  max-width: none;
}
.ia98 .ia98-paid {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(44, 152, 240, 0.14);
  border: 1px solid rgba(44, 152, 240, 0.28);
  color: var(--standart-color);
}
.ia98 .ia98-paid i {
  margin-top: 2px;
  color: #2c98f0;
}
.ia98 .ia98-paid p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}
.ia98 .ia98-hero {
  padding: 28px 28px 24px;
  border-radius: 16px;
  color: #fff;
  background: radial-gradient(1200px 220px at -10% -40%, rgba(92, 168, 69, 0.28), transparent 55%), radial-gradient(800px 180px at 120% 0%, rgba(44, 152, 240, 0.22), transparent 50%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.ia98 .ia98-hero-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 10px;
  font-weight: 600;
}
.ia98 .ia98-hero-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
.ia98 .ia98-hero-lead {
  margin: 12px 0 0;
  opacity: 0.72;
  font-size: 14px;
  line-height: 1.5;
  max-width: 720px;
}
.ia98 .ia98-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin-top: 22px;
}
.ia98 .ia98-hero-stat b {
  display: block;
  font-size: 22px;
  letter-spacing: -0.03em;
  line-height: 1.1;
}
.ia98 .ia98-hero-stat span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.55;
}
.ia98 .ia98-hero-stat.--earn {
  min-width: 220px;
}
.ia98 .ia98-hero-stat.--earn b {
  font-size: 28px;
  color: #b6f0b0;
}
.ia98 .ia98-hero-stat.--earn span {
  opacity: 0.7;
}
.ia98 .ia98-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 18px 0 14px;
}
.ia98 .ia98-toolbar-hint {
  font-size: 12px;
  color: var(--standart-color-66);
}
.ia98 .ia98-add {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #2c98f0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.32);
}
.ia98 .ia98-add i {
  font-size: 11px;
}
.ia98 .ia98-add:hover {
  background: #1f86dc;
}
.ia98 .ia98-loading,
.ia98 .ia98-empty {
  background: #454f6c;
  border-radius: 14px;
  padding: 28px 24px;
  color: var(--standart-color-99);
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.ia98 .ia98-empty {
  text-align: left;
  max-width: 560px;
}
.ia98 .ia98-empty-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--light-area-bg);
  color: var(--standart-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 14px;
}
.ia98 .ia98-empty-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.55;
  font-weight: 600;
}
.ia98 .ia98-empty-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--standart-color);
  margin: 6px 0 8px;
}
.ia98 .ia98-empty p {
  margin: 0 0 18px;
  line-height: 1.5;
}
.ia98 .ia98-groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ia98 .ia98-card {
  background: #454f6c;
  border-radius: 14px;
  padding: 18px 18px 16px;
  color: var(--standart-color);
  transition: 0.2s;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.38);
}
.ia98 .ia98-card.--open {
  border-color: rgba(255, 255, 255, 0.28);
}
.ia98 .ia98-card.--off:not(.--dirty) {
  opacity: 0.78;
}
.ia98 .ia98-card.--dirty {
  border-color: var(--warning-color);
  box-shadow: 0 0 0 4px rgba(225, 184, 64, 0.22);
  animation: ia98-dirty-pulse 1.6s ease-in-out infinite;
}
.ia98 .ia98-card.--danger {
  border-color: #e35d5d;
  box-shadow: 0 0 0 4px rgba(227, 93, 93, 0.22);
}
.ia98 .ia98-card.--danger.--dirty {
  border-color: #e35d5d;
  box-shadow: 0 0 0 4px rgba(227, 93, 93, 0.22);
  animation: none;
}
@keyframes ia98-dirty-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 4px rgba(225, 184, 64, 0.16);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(225, 184, 64, 0.3);
  }
}
.ia98 .ia98-unsaved {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: -18px -18px 16px;
  padding: 12px 16px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(90deg, #ffb020 0%, #ff8a00 100%);
  color: #3a2300;
  font-size: 13px;
  cursor: pointer;
}
.ia98 .ia98-unsaved i {
  font-size: 15px;
}
.ia98 .ia98-unsaved b {
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.ia98 .ia98-unsaved span {
  opacity: 0.85;
}
.ia98 .ia98-card-top {
  cursor: pointer;
}
.ia98 .ia98-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.ia98 .ia98-card-name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ia98 .ia98-card-last {
  font-size: 12px;
  color: var(--standart-color-66);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ia98 .ia98-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.ia98 .ia98-chip.--on {
  background: rgba(92, 168, 69, 0.2);
  color: #5ca845;
}
.ia98 .ia98-chip.--off {
  background: var(--remove-bg);
  color: var(--remove-color);
}
.ia98 .ia98-chip.--danger {
  background: rgba(227, 93, 93, 0.28);
  color: #ffb4ae;
}
.ia98 .ia98-chip.--overlap {
  background: rgba(44, 152, 240, 0.22);
  color: #8ec8ff;
}
.ia98 .ia98-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.ia98 .ia98-metric {
  background: rgba(18, 24, 38, 0.42);
  border-radius: 12px;
  padding: 12px 12px 10px;
}
.ia98 .ia98-metric b {
  display: block;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--standart-color);
}
.ia98 .ia98-metric small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--standart-color-cc);
}
.ia98 .ia98-metric span {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: var(--standart-color-66);
}
.ia98 .ia98-metric.--free b {
  color: #2c98f0;
}
.ia98 .ia98-overlap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(44, 152, 240, 0.16);
  border: 1px solid rgba(44, 152, 240, 0.35);
  color: var(--standart-color);
}
.ia98 .ia98-overlap i {
  font-size: 18px;
  line-height: 1;
  margin-top: 2px;
  color: #2c98f0;
}
.ia98 .ia98-overlap b {
  display: block;
  font-size: 13px;
  line-height: 1.35;
}
.ia98 .ia98-overlap span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--standart-color-99);
}
.ia98 .ia98-danger {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 16px;
  padding: 18px 18px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, #b71c1c 0%, #e53935 60%, #ff6d00 130%);
  color: #fff;
}
.ia98 .ia98-danger i {
  font-size: 28px;
  line-height: 1;
  margin-top: 2px;
}
.ia98 .ia98-danger b {
  display: block;
  font-size: 18px;
  letter-spacing: -0.03em;
  line-height: 1.2;
  text-transform: uppercase;
}
.ia98 .ia98-danger span {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.92;
}
.ia98 .ia98-earn {
  margin-top: 14px;
  padding: 16px 18px 14px;
  border-radius: 14px;
  color: #fff;
  background: radial-gradient(700px 160px at 100% 0%, rgba(92, 168, 69, 0.28), transparent 55%), linear-gradient(180deg, #171d2b 0%, #1e2638 100%);
}
.ia98 .ia98-earn-kicker {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.55;
  font-weight: 600;
}
.ia98 .ia98-earn-kicker i {
  margin-left: 6px;
  opacity: 0.8;
}
.ia98 .ia98-earn-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
  margin-top: 10px;
}
.ia98 .ia98-earn-label {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.5;
  font-weight: 600;
}
.ia98 .ia98-earn-value {
  margin-top: 4px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: #b6f0b0;
}
.ia98 .ia98-earn-value span {
  font-size: 16px;
  margin-left: 4px;
  opacity: 0.8;
}
.ia98 .ia98-earn-m2 {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #d7f7d3;
  opacity: 0.8;
}
.ia98 .ia98-card-body {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--card-border-color);
  cursor: default;
}
.ia98 .ia98-section-title {
  margin: 18px 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--standart-color-66);
}
.ia98 .ia98-section-hint {
  margin: -6px 0 12px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--standart-color-66);
}
.ia98 .ia98-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
.ia98 .ia98-grid.--3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.ia98 .ia98-grid.--filters {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 0.85fr) minmax(0, 0.85fr);
  gap: 8px 10px;
}
.ia98 .ia98-grid.--filters .form-control {
  height: 32px;
  padding: 4px 8px;
  font-size: 13px;
}
.ia98 .ia98-grid.--filters .ia98-field label {
  margin-bottom: 4px;
  font-size: 11px;
}
.ia98 .ia98-field label,
.ia98 .ia98-field .ia98-field-label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: var(--standart-color-99);
  font-weight: 600;
}
.ia98 .ia98-field.--wide {
  grid-column: 1;
}
.ia98 .ia98-field.--toggle {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ia98 .ia98-field.--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ia98 .ia98-raise-hint {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--standart-color-99);
}
.ia98 .ia98-switch {
  position: relative;
  width: 52px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  background: #2a334c;
  cursor: pointer;
  transition: 0.2s;
}
.ia98 .ia98-switch.--on {
  background: #2c98f0;
  border-color: #2c98f0;
}
.ia98 .ia98-switch.--on .ia98-switch-knob {
  left: 29px;
  background: #fff;
}
.ia98 .ia98-switch:hover {
  filter: brightness(1.08);
}
.ia98 .ia98-switch-knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #c5cfe8;
  transition: left 0.2s, background 0.2s;
  pointer-events: none;
}
.ia98 .ia98-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}
.ia98 .ia98-save {
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #2c98f0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(44, 152, 240, 0.32);
}
.ia98 .ia98-save:hover {
  background: #1f86dc;
}
.ia98 .ia98-remove {
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: var(--remove-bg);
  color: var(--remove-color);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 860px) {
  .ia98 .ia98-metrics,
  .ia98 .ia98-grid:not(.--3):not(.--filters) {
    grid-template-columns: 1fr 1fr;
  }
  .ia98 .ia98-grid.--filters {
    grid-template-columns: 1fr 1fr;
  }
  .ia98 .ia98-earn-cols {
    grid-template-columns: 1fr;
  }
  .ia98 .ia98-earn-value {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .ia98 .ia98-metrics,
  .ia98 .ia98-grid,
  .ia98 .ia98-field.--split {
    grid-template-columns: 1fr;
  }
  .ia98 .ia98-card-head {
    flex-direction: column;
  }
}
body.theme-white .ia98 .ia98-card,
.view-light .ia98 .ia98-card,
body.theme-white .ia98 .ia98-empty,
.view-light .ia98 .ia98-empty,
body.theme-white .ia98 .ia98-loading,
.view-light .ia98 .ia98-loading {
  background: #fff;
  border-color: #d5dbe8;
  box-shadow: 0 10px 28px -18px rgba(18, 24, 38, 0.45);
}
body.theme-white .ia98 .ia98-metric,
.view-light .ia98 .ia98-metric {
  background: #eef1f8;
}
body.theme-white .ia98 .ia98-switch,
.view-light .ia98 .ia98-switch {
  background: #d5dbe8;
  border-color: #b7c0d4;
}
body.theme-white .ia98 .ia98-switch-knob,
.view-light .ia98 .ia98-switch-knob {
  background: #fff;
}
.ia99 {
  color: var(--settings-integrations-item-color);
}
.ia99 hr {
  margin: 20px 0;
  border-color: var(--settings-integrations-ssi-active-border);
}
.ia99 .ia99-share {
  max-width: 720px;
  margin: 24px 0 8px;
}
.ia99 .ia99-ents {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.ia99 .ia99-ent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 14px 13px;
  border-radius: 14px;
  background: var(--settings-integrations-ssi-active-bg);
  border: 1px solid var(--settings-integrations-ssi-active-border);
}
.ia99 .ia99-ent-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--settings-integrations-ssi-active-border);
  font-size: 14px;
}
.ia99 .ia99-ent-body {
  min-width: 0;
}
.ia99 .ia99-ent-name {
  font-weight: 700;
  margin-bottom: 2px;
}
.ia99 .ia99-ent-desc {
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.7;
}
.ia99 .ia99-hold {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px dashed var(--settings-integrations-ssi-active-border);
}
.ia99 .ia99-hold-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  opacity: 0.55;
  margin-bottom: 8px;
}
.ia99 .ia99-hold-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ia99 .ia99-hold-item {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: var(--settings-integrations-ssi-active-bg);
  border: 1px solid var(--settings-integrations-ssi-active-border);
}
@media (max-width: 720px) {
  .ia99 .ia99-ents {
    grid-template-columns: 1fr;
  }
}
.ia99 .ia99-usage {
  max-width: 640px;
  margin-top: 36px;
}
.ia99 .ia99-usage-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
.ia99 .ia99-usage-note {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.7;
}
.ia99 .ia99-empty {
  padding: 18px 16px;
  border: 1px dashed var(--settings-integrations-ssi-active-border);
  border-radius: 14px;
  background: var(--settings-integrations-ssi-active-bg);
  font-size: 13px;
  opacity: 0.85;
}
.ia99 .ia99-users {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ia99 .ia99-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--settings-integrations-ssi-active-bg);
  border: 1px solid var(--settings-integrations-ssi-active-border);
}
.ia99 .ia99-user.--off {
  opacity: 0.72;
}
.ia99 .ia99-user-body {
  min-width: 0;
}
.ia99 .ia99-user-name {
  font-weight: 700;
  margin-bottom: 3px;
}
.ia99 .ia99-user-inactive {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 600;
  opacity: 0.65;
}
.ia99 .ia99-user-meta {
  font-size: 12px;
  opacity: 0.7;
}
.ia99 .ia99-user-badge {
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.ia99 .ia99-user-badge.--on {
  background: rgba(31, 122, 82, 0.2);
  color: #2f9e68;
}
.ia99 .ia99-user-badge.--off {
  background: var(--settings-integrations-ssi-active-border);
  color: var(--settings-integrations-item-color);
  opacity: 0.85;
}
body.theme-white .ia99 .ia99-user-badge.--on {
  background: #e4f6ee;
  color: #1f7a52;
}
body.theme-white .ia99 .ia99-user-badge.--off {
  background: #eceff5;
  color: #7b849c;
}
.ia-ac .ia-ac-start {
  font-size: 14px;
  padding-top: 10px;
  margin-top: 0px;
}
.ia-ac .sss-replace-row {
  display: flex;
  margin-bottom: 10px;
}
.iasr h2 {
  font-size: 20px;
}
.iasr .liner {
  display: flex;
  align-items: center;
}
.iasr .liner-toggler {
  min-width: 330px;
}
.iasr .liner-info {
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.iasr .liner-info-text {
  margin-right: 10px;
  opacity: 0.5;
  font-size: 12px;
}
.iasr .liner-info-status {
  width: 300px;
}
.iasr .liner-infocol {
  padding-top: 8px;
  margin-top: 20px;
  margin-bottom: 14px;
}
.iasr .liner-infocol .liner-info {
  margin-bottom: 13px;
}