@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/ad538a69b0e8615ed0419c4529344ffc.ad538a69b0e8.woff2") format('woff2'), url("/static/openspb/js/d3b47375afd904983d9be8d6e239a949.d3b47375afd9.woff") format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url("/static/openspb/js/ad538a69b0e8615ed0419c4529344ffc.ad538a69b0e8.woff2") format('woff2'), url("/static/openspb/js/d3b47375afd904983d9be8d6e239a949.d3b47375afd9.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/5b4a33e176ff736a74f0ca2dd9e6b396.5b4a33e176ff.woff2") format('woff2'), url("/static/openspb/js/8a96edbbcd9a6991d79371aed0b0288e.8a96edbbcd9a.woff") format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url("/static/openspb/js/5b4a33e176ff736a74f0ca2dd9e6b396.5b4a33e176ff.woff2") format('woff2'), url("/static/openspb/js/8a96edbbcd9a6991d79371aed0b0288e.8a96edbbcd9a.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/d26871e8149b5759f814fd3c7a4f784b.d26871e8149b.woff2") format('woff2'), url("/static/openspb/js/c73eb1ceba3321a80a0aff13ad373cb4.c73eb1ceba33.woff") format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("/static/openspb/js/d26871e8149b5759f814fd3c7a4f784b.d26871e8149b.woff2") format('woff2'), url("/static/openspb/js/c73eb1ceba3321a80a0aff13ad373cb4.c73eb1ceba33.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/e8eaae902c3a4dacb9a5062667e10576.e8eaae902c3a.woff2") format('woff2'), url("/static/openspb/js/13efe6cbc10b97144a28310ebdeda594.13efe6cbc10b.woff") format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url("/static/openspb/js/e8eaae902c3a4dacb9a5062667e10576.e8eaae902c3a.woff2") format('woff2'), url("/static/openspb/js/13efe6cbc10b97144a28310ebdeda594.13efe6cbc10b.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/73f0a88bbca1bec19fb1303c689d04c6.73f0a88bbca1.woff2") format('woff2'), url("/static/openspb/js/35b07eb2f8711ae08d1f58c043880930.35b07eb2f871.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url("/static/openspb/js/73f0a88bbca1bec19fb1303c689d04c6.73f0a88bbca1.woff2") format('woff2'), url("/static/openspb/js/35b07eb2f8711ae08d1f58c043880930.35b07eb2f871.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/4357beb823a5f8d65c260f045d9e019a.4357beb823a5.woff2") format('woff2'), url("/static/openspb/js/f5902d5ef961717ed263902fc429e6ae.f5902d5ef961.woff") format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-RegularItalic';
    src: url("/static/openspb/js/4357beb823a5f8d65c260f045d9e019a.4357beb823a5.woff2") format('woff2'), url("/static/openspb/js/f5902d5ef961717ed263902fc429e6ae.f5902d5ef961.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/90d1676003d9c28c04994c18bfd8b558.90d1676003d9.woff2") format('woff2'), url("/static/openspb/js/1d6594826615607f6dc860bb49258acb.1d6594826615.woff") format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("/static/openspb/js/90d1676003d9c28c04994c18bfd8b558.90d1676003d9.woff2") format('woff2'), url("/static/openspb/js/1d6594826615607f6dc860bb49258acb.1d6594826615.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/13ec0eb5bdb821ff4930237d7c9f943f.13ec0eb5bdb8.woff2") format('woff2'), url("/static/openspb/js/83e114c316fcc3f23f524ec3e1c65984.83e114c316fc.woff") format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url("/static/openspb/js/13ec0eb5bdb821ff4930237d7c9f943f.13ec0eb5bdb8.woff2") format('woff2'), url("/static/openspb/js/83e114c316fcc3f23f524ec3e1c65984.83e114c316fc.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/b52fac2bb93c5858f3f2675e4b52e1de.b52fac2bb93c.woff2") format('woff2'), url("/static/openspb/js/50d75e48e0a3ddab1dd15d6bfb9d3700.50d75e48e0a3.woff") format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url("/static/openspb/js/b52fac2bb93c5858f3f2675e4b52e1de.b52fac2bb93c.woff2") format('woff2'), url("/static/openspb/js/50d75e48e0a3ddab1dd15d6bfb9d3700.50d75e48e0a3.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/94008e69aaf05da75c0bbf8f8bb0db41.94008e69aaf0.woff2") format('woff2'), url("/static/openspb/js/4fe0f73cc919ba2b7a3c36e4540d725c.4fe0f73cc919.woff") format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url("/static/openspb/js/94008e69aaf05da75c0bbf8f8bb0db41.94008e69aaf0.woff2") format('woff2'), url("/static/openspb/js/4fe0f73cc919ba2b7a3c36e4540d725c.4fe0f73cc919.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/59eb3601394dd87f30f82433fb39dd94.59eb3601394d.woff2") format('woff2'), url("/static/openspb/js/313a65630d341645c13e4f2a0364381d.313a65630d34.woff") format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url("/static/openspb/js/59eb3601394dd87f30f82433fb39dd94.59eb3601394d.woff2") format('woff2'), url("/static/openspb/js/313a65630d341645c13e4f2a0364381d.313a65630d34.woff") format('woff');
}

@font-face {
    font-family: 'Roboto';
    src: url("/static/openspb/js/f75569f8a5fab0893fa712d8c0d9c3fe.f75569f8a5fa.woff2") format('woff2'), url("/static/openspb/js/cc2fadc3928f2f223418887111947b40.cc2fadc3928f.woff") format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url("/static/openspb/js/f75569f8a5fab0893fa712d8c0d9c3fe.f75569f8a5fa.woff2") format('woff2'), url("/static/openspb/js/cc2fadc3928f2f223418887111947b40.cc2fadc3928f.woff") format('woff');
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/**
 * gemini-scrollbar
 * @version 1.5.3
 * @link http://noeldelgado.github.io/gemini-scrollbar/
 * @license MIT
 */

/* disable selection while dragging */
.gm-scrollbar-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* fallback for native floating scrollbars */
.gm-prevented {
  -webkit-overflow-scrolling: touch;
}
.gm-prevented > .gm-scrollbar {
  display: none;
}

/* actual gemini-scrollbar styles */
.gm-scrollbar-container {
  position: relative;
  overflow: hidden!important;
  width: 100%;
  height: 100%;
}

.gm-scrollbar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 3px;
}

.gm-scrollbar.-vertical {
  width: 6px;
  top: 2px;
}

.gm-scrollbar.-horizontal {
  height: 6px;
  left: 2px;
}

.gm-scrollbar .thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(0,0,0,.2);
  transform: translate3d(0,0,0);
}

.gm-scrollbar .thumb:hover,
.gm-scrollbar .thumb:active {
  background-color: rgba(0,0,0,.3);
}

.gm-scrollbar.-vertical .thumb {
  width: 100%;
}

.gm-scrollbar.-horizontal .thumb {
  height: 100%;
}

.gm-scrollbar-container .gm-scroll-view {
  width: 100%;
  height: 100%;
  overflow: scroll;
  transform: translate3d(0,0,0);
  -webkit-overflow-scrolling: touch;
}

/* @option: autoshow */
.gm-scrollbar-container.gm-autoshow .gm-scrollbar {
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.gm-scrollbar-container.gm-autoshow:hover > .gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:active > .gm-scrollbar,
.gm-scrollbar-container.gm-autoshow:focus > .gm-scrollbar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}

.gm-resize-trigger {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
}

.n3__fixedtable {
  overflow: hidden;
  position: relative;
}

  .n3__fixedtable__container {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .n3__fixedtable__fixed-left-col-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .n3__fixedtable__head {
    position: static;
    overflow: hidden;
  }

  .n3__fixedtable__head_fixed {
      display: table-header-group;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      position: fixed;
      z-index: 3;
    }

  .n3__fixedtable__head_fixed_invisible {
        display: none;
      }

  .n3__fixedtable__head-placeholder_invisible {
      display: none;
    }

  .n3__fixedtable__foot {
    position: static;
    overflow: hidden;
  }

  .n3__fixedtable__foot_fixed {
      display: table-header-group;
      position: fixed;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      z-index: 2;
    }

  .n3__fixedtable__foot_fixed_invisible {
        display: none;
      }

  .n3__fixedtable__foot-placeholder_invisible {
      display: none;
    }

  .n3__fixedtable__scroller {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    height: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: white;
  }

  .n3__fixedtable__scroller_fixed {
      opacity: 1;
      pointer-events: initial;
    }

  .n3__fixedtable__scroller-content {
    height: 1px;
    background-color: white;
  }

  .n3__fixedtable_recount .n3__fixedtable__head, .n3__fixedtable_recount .n3__fixedtable__foot {
      display: none;
    }

  .n3__fixedtable_recount .n3__fixedtable__fixed-left-col-wrapper .n3__fixedtable__head-placeholder, .n3__fixedtable_recount .n3__fixedtable__fixed-left-col-wrapper .n3__fixedtable__foot-placeholder {
        display: none;
      }

._29KeFyDODGFEyngKQb60o {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

._2RMUaR8BVI4N4H5fdkkqTS {
  background-color: #B2B2B2;
  color: #fff;
}

.DMsUJeSDW1EU5b36NpGqs {
  background-color: #EE6666;
  color: #fff;
}

._3-tRELAKXDonhiILLis-Z2 {
  font-size: 12px;
  line-height: 16.995px;
}

._1SNtIotpXY3KmwGAftalA5 + ._1SNtIotpXY3KmwGAftalA5 {
    margin-top: 10px;
  }

._3b2DRh4YOmdo4bzyz5dV1N {
  font-family: Verdana, Geneva, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 28px;
  border-radius: 15px;
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
}

.Uxr146kDNC5KLN54mDnkq {
  background-color: #fff;
}

._3ocAPQWqODDQ1oIKurkIN5 {
  border-color: #fff;
}

._3ZbHBm5FAhAGHNuMoA5XoZ {
  border-color: #E33D3D;
}

.Nz_pax4ThwTaBRRBH_y5F, ._1xDCUeIXR2yY9-ZiWUM4MQ {
  color: #666666;
  width: 30px;
  text-align: center;
  font-size: 15px;
  margin-top: 1px;
  border: none;
  background-color: transparent;
}

.Nz_pax4ThwTaBRRBH_y5F {
  float: left
}

._1xDCUeIXR2yY9-ZiWUM4MQ {
  float: right;
}

._2OSn9MurCBCLMvdvYxSUHa, ._19Zw4EuTR1uzS44_JkL5ui {
  cursor: pointer;
}

._30k2GY6wt6k9CsJtv83FHc {
  font-size: 12px;
  line-height: 16.995px;
  overflow: hidden;
  color: #666666;
  padding: 5px 15px;
}

._3QhxrpdJQDS1kQwqBtK8y_ {
  padding-left: 0;
}

._12kddgCd1J9IjlJ8CxX7K5 {
  padding-right: 0;
}

._2pmcJfD3-WeN63_PO2GV3a {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  max-width: 250px;
  margin: 5px 0 0 5px;
  background-color: #EEEEEE;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  padding: 1px 5px 1px 17px;
}

._2HoXk5hViw-JCHRbxAlpSD {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

._2ReEwiRL-_Qe_srqmwn4AT {
  position: absolute;
  top: 0;
  left: 4px;
  cursor: pointer;
}

._2AqMM3ZnW3B5KbeRfgIiXa {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 40px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.LR2Uz6YD_1FPiEkaDL58F {
  color: #2D2D2D;
}

.Select-control {
  height: 35px;
}

.Select-placeholder, .Select--single > .Select-control .Select-value {
  line-height: 33px;
}

/* hide white space under options in unfocused state */

.Select .Select-input {
    height: 1px;
    overflow: hidden;
    position: absolute;
  }

.Select .Select-input > input {
      margin-left: 0;
      padding-top: 4px;
    }

.Select.is-focused .Select-input {
      height: 33px;
      overflow: auto;
      position: relative;
      background-color: transparent;
    }

.Select.Select--single .Select-input {
      width: 100%;
    }

.Select.Select--single .Select-input > input {
        padding-top: 8px;
        padding-bottom: 8px;
      }

.Select.Select--multi .Select-input {
      width: 1px;
    }

.Select.Select--multi.is-focused .Select-input {
        width: auto;
      }

.Select-arrow,
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

.Select-clear-zone, .Select-clear-zone:hover, .Select-clear-zone:focus {
    color: #666;
  }

.Select--multi .Select-multi-value-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 4px;
  vertical-align: bottom;
}

.Select.Select--multi.is-focused .Select-multi-value-wrapper .Select-input {
      height: 29px;
    }

._1Z6E_W_QMFbC3rxyZyMlCh {
  width: 200px;
}

._151wYr_KznkjhYrR5b_FK- {
  font-size: 12px;
  line-height: 16.995px;
}

._2MUL9Bu1tLnHTGkoYgwYtp {
  margin: 40px 0 20px;
}

._2c-kUnSQli_SQ2dKIOWDDW {
  height: 70px;
}

._2NDQikgm8qISvj5eO8TsNO {
  font-size: 12px;
  line-height: 16.995px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

._1GE4TM9_Apwqq2VnJP3C4a {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

._1ED9L26g2n99t5YzMZ04aX {
  font-size: 12px;
  line-height: 16.995px;
  color: #1C7FBB;
  cursor: pointer;
}

._21j0s_cY0IoVq7hKpTIBfR {
  color: #FCAA62;
}

.QbZ6aR443jas7l1-udUQh {
  color: #fff;
  background-color: #B2B2B2;
}

.AOAuqH_xfUBAaXS6rUjNx {
  background-color: #EE6666;
  color: #fff;
}

.xQELF1M2Gl-jfLdYiwIA5 {
  position: relative;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
}

._7zp2bjgvEhnmhyBLuexmY {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  margin: -20px -40px;
  padding: 20px 40px;
  outline: none;
}

._2WT1K82PCrxe4PLqTW33lI {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

._1ov6c9JElFgVWM7AijM-hn {
  position: absolute;
  z-index: 2;
  white-space: nowrap;
  margin-left: -98px;
  margin-top: -60px
}

._1ov6c9JElFgVWM7AijM-hn:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: rgba(0, 0, 0, .6) transparent transparent transparent;
  }

._2MiWnI0CMQ9s1WhHrWHRw6 {
  display: inline-block;
  padding: 10px;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 5px;
}

._2pEi3d_VaWK272cs6U30KB {
  display: inline-block;
  line-height: 22px;
  color: #fff;
  cursor: pointer;
  background: transparent;
  border: none;
  font: inherit;
  padding: 0;
}

._2pEi3d_VaWK272cs6U30KB + ._2pEi3d_VaWK272cs6U30KB {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
  }

.NZK3t32Vu3h5ksC2EahBa {
  margin: auto;
}

._2WAeSgXhPO9Qan5hId4Np2 + ._2WAeSgXhPO9Qan5hId4Np2 {
    margin-top: 10px;
  }

._3XZ6NyvWeYrTM14iUX8i_I {
  overflow: hidden;
}

._1OmNYrafO9iCGlhAE9bmtb {
  float: right;
  text-align: right;
  width: 100px;
  margin-top: 3px;
}

.Jjd-uQJRc3ic0IOK6N26l {
  font-size: 13px;
}

._1GStZ7sVakkNWlYas93b78 {
  float: right;
  padding-left: 10px;
}

._1t3YD3EI_hofqgrqJs9V1t {
  display: inline-block;
  vertical-align: top;
}

._1t3YD3EI_hofqgrqJs9V1t + ._1t3YD3EI_hofqgrqJs9V1t {
    margin-left: 10px;
  }

.x47VkJB1MLIYCTrHtpLAE {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
._324Z6iwWipDbMu8-3grRoo {
  display: inline-block;
  vertical-align: bottom;
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
._1pvAjKED9UyatkfsfVTZ-v {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100px;
  text-align: center;
}

._37lpYPxe1GuEqgskvUtz6Z {
  font-size: 12px;
  line-height: 16.995px;
}

._3D-Qp-b7dxe5o8tyhHIiZm {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 24px;
  border-radius: 12px;
  background-color: #EEEEEE;
  color: #666666;
  font-size: 12px;
  line-height: 16.995px;
  padding: 3px 10px;
}

._2uA06xF5179ST8MPzd94N0 {
  float: right;
}

._5qYRrqledMu9OReAJlmVe {
  font-size: 12px;
  line-height: 16.995px;
}
._42m3QpI5QxhPuW8p8fVqq {
  font-size: 12px;
  line-height: 16.995px;
  margin-top: 20px;
}

._3-Ec4EOqsLgv9mMiB3jREQ {
  float: left;
  color: #666666;
  line-height: 10px;
}

.KkhgIobSpQH5Wl2r0hZKe {
  padding-left: 20px;
}

:root {
  --bg_gradient: linear-gradient(to bottom, rgba(0,255,255,0.3), rgba(0,255,255,0));
}
:root {
  --color_text_01: #232735;
  --color_text_02: #505565;
  --color_text_03: #8B90A0;
  --color_text_inverse: #FFFFFF;
  --color_ui_01: #FFFFFF;
  --color_ui_02: #FAFAFC;
  --color_ui_03: #F0F1F3;
  --color_ui_04: #D3D4D8;
  --color_ui_05: #A1A4B1;
  --color_ui_06: #232735;
  --color_blue_main: #056B9F;
  --color_blue_hover: #044E74;
  --color_blue_inactive: #A7C9DA;
  --color_blue_bg: #F1F9FD;
  --color_blue_light: #C1DFF5;
  --color_orange_main: #F4960A;
  --color_orange_hover: #DF8705;
  --color_orange_inactive: #F5D3A1;
  --color_orange_bg: #FDF4EA;
  --color_border: #C6CEDF;
  --color_placeholder: #B7BAC3;
  --color_error: #FB4141;
  --color_error_bg: #FCEDED;
  --color_success: #6AA571;
  --color_success_bg: #F0F9F1;
}
.font_h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 44px;
  line-height: 64px;
}
.font_h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
}
.font_h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.font_h3_regular {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}
.font_h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.font_h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.font_h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.font_h7 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
.font_body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.font_small {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.font_bold {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.font_caption {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.font_input_big {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
.font_input {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
a, a:focus, .link, .link:focus {
    outline: none;
    color: #056B9F;
    color: var(--color_blue_main);
  }
a:hover, a.focus-visible, .link:hover, .link.focus-visible {
    color: #044E74;
    color: var(--color_blue_hover);
    text-decoration: underline;
  }
a:hover, a.focus-visible, .link:hover, .link.focus-visible {
    color: #044E74;
    color: var(--color_blue_hover);
    text-decoration: underline;
  }
a:hover, a:focus-visible, .link:hover, .link:focus-visible {
    color: #044E74;
    color: var(--color_blue_hover);
    text-decoration: underline;
  }
a:active, .link:active {
    color: #044E74;
    color: var(--color_blue_hover);
  }
.modal-content {
  border-radius: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-backdrop.in {
  opacity: 0.5;
}
.modal-header .close, .modal-body .close {
    float: none;
    position: absolute;
    top: 32px;
    right: 32px;
    opacity: 1
  }
.modal-header .close::before, .modal-body .close::before {
      /* fa-times */
      content: '\f00d';
      font-family: FontAwesome;
      font-size: 24px;
      color: #056B9F;
      color: var(--color_blue_main);
    }
.modal-header .close > span, .modal-body .close > span {
      display: none;
    }
.modal-header .close:hover, .modal-body .close:hover {
      opacity: 0.75;
    }
.modal.fade .modal-dialog, .modal.in .modal-dialog {
      -webkit-transform: none;
              transform: none;
    }
.modal-body {
  padding: 32px;
}
@media (min-width: 992px) {
  .modal-lg {
    width: 1090px;
  }
}
.auth-page {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 29px 16px 80px;
  width: 672px;
  margin: 0 auto;
}
.auth-page__messages {
    padding-bottom: 15px;
  }
.auth-page__content {
    width: 449px;
    padding: 37px 16px 0;
    margin: 0 auto;
  }
.auth-page__header {
    margin-bottom: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.auth-page__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    padding-right: 16px;
    color: #232735;
    color: var(--color_text_01);
  }
.auth-page__switch {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
.auth-page__socials {
    margin-bottom: 20px;
  }
.auth-page__socials-title {
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #232735;
    color: var(--color_text_01);
  }
.auth-page__socials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px;
  }
.auth-page__social-wrapper {
    padding: 0 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
.auth-page__social-wrapper_esov {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      text-align: right;
    }
.auth-page__social_esov {
      font-family: 'Roboto', sans-serif;
      font-style: normal;
      font-weight: normal;
      font-size: 24px;
      line-height: 24px
    }
.auth-page__social_esov, .auth-page__social_esov:hover, .auth-page__social_esov.focus-visible {
        color: #232735;
        color: var(--color_text_01);
      }
.auth-page__social_esov, .auth-page__social_esov:hover, .auth-page__social_esov.focus-visible {
        color: #232735;
        color: var(--color_text_01);
      }
.auth-page__social_esov, .auth-page__social_esov:hover, .auth-page__social_esov:focus-visible {
        color: #232735;
        color: var(--color_text_01);
      }
.auth-page__form-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 21px;
}
.auth-page__password-recovery {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top : 8px;
}
.auth-page__button {
    margin-top: 40px;
  }
.captcha {
  display: block;
  width: 192px;
  height: 72px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.add-problem-additional-fields__row + .add-problem-additional-fields__row {
      margin-top: 32px;
    }
.add-problem-banner {
  padding: 52px 0 74px;
  background-color: #056B9F;
  background-color: var(--color_blue_main);
  min-width: 1300px;
  min-width: var(--grid_min-width);
}
.add-problem-banner__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: #FFFFFF;
  color: var(--color_text_inverse);
  margin-bottom: 8px;
}
.add-problem-banner__steps {
    margin-top: 34px;
  }
.add-problem-banner-step {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom
}
.add-problem-banner-step::before {
    position: absolute;
    top: 16px;
    left: 8px;
    width: 57px;
    height: 16px;
    background-image: url("/static/openspb/js/f76568adb8e81036bf2aa30ae8db3fcc.f76568adb8e8.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
.add-problem-banner-step + .add-problem-banner-step {
    padding-left: 73px
  }
.add-problem-banner-step + .add-problem-banner-step::before {
      content: '';
    }
.add-problem-banner-step__content {
    padding-left: 15px;
  }
.add-problem-banner-step__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  color: var(--color_text_inverse);
}
.add-problem-banner-step__description {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  color: #FFFFFF;
  color: var(--color_text_inverse);
  white-space: nowrap;
}
.add-problem-banner-step__description, .add-problem-banner-step__description:hover, .add-problem-banner-step__description:focus, .add-problem-banner-step__description:active {
      color: #FFFFFF;
      color: var(--color_text_inverse);
}
.add-problem-banner-step__description:hover, .add-problem-banner-step__description.focus-visible {
      text-decoration: underline;
}
.add-problem-banner-step__description:hover, .add-problem-banner-step__description.focus-visible {
      text-decoration: underline;
}
.add-problem-banner-step__description:hover, .add-problem-banner-step__description:focus-visible {
      text-decoration: underline;
}
.add-problem-form {
  position: relative;
}
.add-problem-form__nearest-building-warning,
  .add-problem-form__similar-problems,
  .add-problem-form__nearest-defects {
    margin-top: 24px;
  }
.add-problem-form__reasons {
    margin-bottom: 16px;
  }
.add-problem-form__search-alert {
    margin-bottom: 24px;
  }
.add-problem-form__map-alert {
    margin-top: 28px;
  }
.add-problem-form_freeze::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.8);
    }
.add-problem-form_freeze::after {
      content: '';
      position: absolute;
      left: 50%;
      top: 650px;
      z-index: 3;
      background-image: url("/static/openspb/img/oc_loader_public.d32d65bad6f5.svg");
      width: 81px;
      height: 81px;
      margin-left: -40px;
    }
.add-problem-form__approved-button {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-style: solid;
    border-width: 1px;
    padding: 7px 19px;
    border-radius: 20px;
    outline: none;
    border-color: #C6CEDF;
    border-color: var(--color_border);
    background-color: transparent;
    color: #505565;
    color: var(--color_text_02);
  }
.add-problem-form__approved-button-icon {
    color: #8B90A0;
    color: var(--color_text_03);
  }
.add-problem-field + .add-problem-field {
    margin-top: 60px;
  }
.add-problem-field__left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.add-problem-field__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
            flex: 0 0 80px;
  }
.add-problem-field__label {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
.add-problem-field__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.add-problem-field__description {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #232735;
  color: var(--color_text_01);
  margin-top: 8px;
  white-space: pre-wrap;
}
.add-problem-map-wrapper {
  position: relative;
}
.add-problem-map-wrapper__alert {
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 56px;
    right: 56px;
  }
.bottom-info {
  padding-top: 24px;
  margin-top: 80px;
  border-top: 1px solid #C6CEDF;
  border-top: 1px solid var(--color_border);
}
.bottom-info__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #232735;
  color: var(--color_text_01);
}
.bottom-info__phone {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.bottom-info__phone-number {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.bottom-info__links {
    margin-top: 40px;
  }
.bottom-info__link-wrapper + .bottom-info__link-wrapper {
      margin-top: 8px;
    }
.bottom-info-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.problem-nearest-defect__name {
    color: #232735;
    color: var(--color_text_01);
  }
.problem-nearest-defect__dates {
    color: #505565;
    color: var(--color_text_02);
  }
.body-content {
  position: relative;
  min-height: 100vh;
  z-index: 1;
}
.body-content_has-sidebar-border::before {
      content: '';
      display: block;
      position: absolute;
      border-left: 1px solid #C1DFF5;
      border-left: 1px solid var(--color_blue_light);
      height: 100%;
      z-index: -1;
      left: 376px;
    }
.body__has-esir > .body-content {
    min-height: calc(100vh - 50px);
  }
@media (min-width: 1400px) {
    .body-content_has-sidebar-border::before {
      left: 50%;
      -webkit-transform: translateX(-344px);
              transform: translateX(-344px);
    }
}
.category + .category {
    margin-top: 32px;
  }
.category__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.city-object-categories + .city-object-categories {
    margin-top: 40px;
  }
.city-object-categories__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.city-object-categories__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    height: 45px;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
.city-object-categories__name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #232735;
    color: var(--color_text_01);
    padding-left: 25px;
  }
.city-object-tile {
  color: #056B9F;
  color: var(--color_blue_main);
  text-align: center;
  padding: 36px;
  outline: none
}
.city-object-tile:hover, .city-object-tile.focus-visible {
    text-decoration: underline;
  }
.city-object-tile:hover, .city-object-tile.focus-visible {
    text-decoration: underline;
  }
.city-object-tile:hover, .city-object-tile:focus-visible {
    text-decoration: underline;
  }
.city-object-tile__image {
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
.city-object-tile__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}
.city-object-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.city-object-tiles__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
  }
.city-object-tiles__item_cols_4 {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%;
      }
.objects-list__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 16px;
}
.objects-list__search {
    margin-bottom: 8px;
  }
.objects-list__suggestions {
    margin-bottom: 32px;
  }
.objects-list__back {
    margin-bottom: 40px;
  }
.objects-list__approve {
    margin-top: 32px;
  }
.reason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reason + .reason {
    margin-top: 16px;
  }
.reason__radio {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    padding-top: 3px;
  }
.reason__icon-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28px;
            flex: 0 0 28px;
    height: 20px;
    padding-top: 1px;
  }
.reason__icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
.reason__icon_disabled {
      opacity: 0.6;
    }
.reason__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
.reason__name {
    display: inline;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #232735;
    color: var(--color_text_01);
    margin: 0;
  }
.reason__name_disabled {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.reason__name_clickable {
      cursor: pointer;
}
.reason__hint-icon {
    color: #8B90A0;
    color: var(--color_text_03);
    font-size: 16px;
    line-height: 16px;
    margin-left: 4px;
  }
.reason__hint-icon_danger {
      color: #FB4141;
      color: var(--color_error);
    }
.disconnections-chart {
  height: 1px;
  background-color: #C6CEDF;
  background-color: var(--color_border);
  padding: 0 16px;
  margin: 32px 0 48px;
}
.disconnections-chart__content {
    position: relative;
  }
.disconnections-chart__month {
    position: absolute
  }
.disconnections-chart__month::before {
      content: '';
      position: absolute;
      height: 9px;
      left: 0;
      bottom: 100%;
      border-left: 1px solid #C6CEDF;
      border-left: 1px solid var(--color_border);
    }
.disconnections-chart__month-text {
    position: absolute;
    top: 10px;
    left: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #505565;
    color: var(--color_text_02);
    text-align: center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
.disconnections-chart__cluster {
    position: absolute;
    top: -5px;
    margin-left: -5px;
  }
.disconnections-chart__point {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #F1F9FD;
    background-color: var(--color_blue_bg);
    border: 1px solid #056B9F;
    border: 1px solid var(--color_blue_main);
    cursor: pointer;
  }
.disconnections-chart__point_opened {
      background-color: #056B9F;
      background-color: var(--color_blue_main);
    }
.disconnections-chart__dropdown-tile {
    display: none;
    width: 252px
  }
.disconnections-chart__dropdown-tile:first-child {
      display: block;
    }
.disconnections-chart__dropdown-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 282px;
    padding: 10px 15px;
  }
.disconnections-chart__dropdown-content_multiple {
      padding-bottom: 35px
    }
.disconnections-chart__dropdown-content_multiple.slick-initialized {
        padding-bottom: 10px;
      }
.disconnections-chart__dropdown-content .slick-dots {
      margin-top: 0;
    }
.disconnections-chart__dropdown-content.slick-initialized .disconnections-chart__dropdown-tile {
        display: block;
      }
.facility-announcing__switch {
    margin-bottom: 56px;
  }
.facility-announcing__breadcrumb {
    margin-bottom: 25px;
  }
.facility-announcing__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 8px;
}
.facility-announcing__time {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #8B90A0;
  color: var(--color_text_03);
  margin-bottom: 58px;
}
.facility-announcing__text {
    word-wrap: break-word;
    word-break: break-word;
  }
.facility-announcing__buildings {
    margin-top: 62px;
  }
.facility-announcing__map {
    height: 240px;
    margin-top: 40px;
  }
.facility-announcing__map .leaflet-container {
      height: 100%;
    }
.facility-announcings__switch {
    margin-bottom: 56px;
  }
.facility-announcings__nearest {
    margin-bottom: 56px;
  }
.facility-detail__content {
    margin-top: 49px;
  }
.facility-detail__section + .facility-detail__section {
      margin-top: 56px;
    }
.facility-detail__section-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #232735;
  color: var(--color_text_01);
  margin: 0;
}
.facility-detail__section-content {
    margin-top: 36px;
  }
.facility-detail-disconnections__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: #232735;
  color: var(--color_text_01);
}
.facility-detail-disconnections__nearest {
    margin: 14px 0 31px;
  }
.facility-detail-info-block__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  color: #232735;
  color: var(--color_text_01);
}
.facility-detail-info-block__value {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-top: 12px;
}
.facility-detail-programs__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #8B90A0;
  color: var(--color_text_03);
  text-transform: uppercase;
}
.facility-detail-programs__list {
    margin-top: 4px;
  }
.facility-detail-programs__program + .facility-detail-programs__program {
      margin-top: 4px;
    }
.facility-detail-programs__program-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.facility-disconnections__switch {
    margin-bottom: 56px;
  }
.facility-disconnections__nearest {
    margin-bottom: 56px;
  }
.facility-general-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -16px -21px;
}
.facility-general-table__field {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 41.666%;
            flex: 1 1 41.666%;
    max-width: 41.666%;
    padding: 0 16px 21px
  }
.facility-general-table__field:nth-child(2n) {
      margin-left: 16.666%;
    }
.facility-header {
  padding: 50px 0 56px;
  background-color: #FAFAFC;
  background-color: var(--color_ui_02);
}
.facility-header__name-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.facility-header__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  padding: 0 16px 0 0;
  margin: 0;
  color: #232735;
  color: var(--color_text_01);
}
.facility-header__search-block {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    text-align: right;
  }
.facility-header__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px;
  }
.facility-header__info-block {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 224px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 32px;
  }
.facility-header__favorite-block {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    text-align: right;
  }
.facility-header__info-label {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #8B90A0;
  color: var(--color_text_03);
  margin-bottom: 3px;
  text-transform: uppercase;
}
.facility-header__info-value {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.facility-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.facility-item + .facility-item {
    margin-top: 24px;
  }
.facility-item__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 26px;
            flex: 0 0 26px;
  }
.facility-item__addresses {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
.facility-item__main-address {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.facility-item__additional-address {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505565;
  color: var(--color_text_02);
}
.facility-nearby-objects__top-row {
    margin-bottom: 17px;
  }
.facility-nearby-objects__map {
    height: 584px;
  }
.facility-nearby-objects__list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 584px;
    overflow-y: auto;
    border: 1px solid #C6CEDF;
    border: 1px solid var(--color_border);
  }
.facility-nearby-object {
  padding: 20px 15px;
  outline: none;
}
.facility-nearby-object_current {
    background-color: #F1F9FD;
    background-color: var(--color_blue_bg);
  }
.facility-nearby-object__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #056B9F;
  color: var(--color_blue_main);
}
.facility-nearby-object__address {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505565;
  color: var(--color_text_02);
  margin-top: 8px;
}
.facility-nearby-object:hover .facility-nearby-object__name, .facility-nearby-object.focus-visible .facility-nearby-object__name {
        text-decoration: underline;
      }
.facility-nearby-object:hover .facility-nearby-object__name, .facility-nearby-object.focus-visible .facility-nearby-object__name {
        text-decoration: underline;
      }
.facility-nearby-object:hover .facility-nearby-object__name, .facility-nearby-object:focus-visible .facility-nearby-object__name {
        text-decoration: underline;
      }
.facility-no-tep__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #232735;
  color: var(--color_text_01);
}
.facility-no-tep__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-top: 23px;
}
.facility-organization + .facility-organization {
    margin-top: 64px;
  }
.facility-organization__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin: 0;
}
.facility-organization__info {
    margin-top: 46px;
  }
.facility-program {
  padding-top: 34px;
  padding-bottom: 72px;
}
.facility-search__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  margin: 0 0 19px;
}
.facility-search__filter {
    margin-top: 19px;
  }
.facility-search__count {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505565;
  color: var(--color_text_02);
  margin-top: 11px;
}
.facility-search__results {
    margin-top: 39px;
  }
.facility-search-button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 24px;
  cursor: pointer;
  color: #056B9F;
  color: var(--color_blue_main);
}
.facility-tep__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 23px;
}
.facility-tep__info {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
}
.facility-tep__general-info {
    margin: 60px 0 70px;
  }
.facility-tep-anchor {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
}
.facility-tep-anchor:nth-child(1) .facility-tep-anchor__index::before {
        content: '1.';
      }
.facility-tep-anchor:nth-child(2) .facility-tep-anchor__index::before {
        content: '2.';
      }
.facility-tep-anchor:nth-child(3) .facility-tep-anchor__index::before {
        content: '3.';
      }
.facility-tep-anchor:nth-child(4) .facility-tep-anchor__index::before {
        content: '4.';
      }
.facility-tep-anchor:nth-child(5) .facility-tep-anchor__index::before {
        content: '5.';
      }
.facility-tep-anchor:nth-child(6) .facility-tep-anchor__index::before {
        content: '6.';
      }
.facility-tep-anchor:nth-child(7) .facility-tep-anchor__index::before {
        content: '7.';
      }
.facility-tep-anchor:nth-child(8) .facility-tep-anchor__index::before {
        content: '8.';
      }
.facility-tep-anchor:nth-child(9) .facility-tep-anchor__index::before {
        content: '9.';
      }
.facility-tep-anchor:nth-child(10) .facility-tep-anchor__index::before {
        content: '10.';
      }
.facility-tep-anchor:nth-child(11) .facility-tep-anchor__index::before {
        content: '11.';
      }
.facility-tep-anchor:nth-child(12) .facility-tep-anchor__index::before {
        content: '12.';
      }
.facility-tep-anchor:nth-child(13) .facility-tep-anchor__index::before {
        content: '13.';
      }
.facility-tep-anchor:nth-child(14) .facility-tep-anchor__index::before {
        content: '14.';
      }
.facility-tep-anchor:nth-child(15) .facility-tep-anchor__index::before {
        content: '15.';
      }
.facility-tep-anchor:nth-child(16) .facility-tep-anchor__index::before {
        content: '16.';
      }
.facility-tep-anchor:nth-child(17) .facility-tep-anchor__index::before {
        content: '17.';
      }
.facility-tep-anchor:nth-child(18) .facility-tep-anchor__index::before {
        content: '18.';
      }
.facility-tep-anchor:nth-child(19) .facility-tep-anchor__index::before {
        content: '19.';
      }
.facility-tep-anchor:nth-child(20) .facility-tep-anchor__index::before {
        content: '20.';
      }
.facility-tep-anchor:nth-child(21) .facility-tep-anchor__index::before {
        content: '21.';
      }
.facility-tep-anchor:nth-child(22) .facility-tep-anchor__index::before {
        content: '22.';
      }
.facility-tep-anchor:nth-child(23) .facility-tep-anchor__index::before {
        content: '23.';
      }
.facility-tep-anchor:nth-child(24) .facility-tep-anchor__index::before {
        content: '24.';
      }
.facility-tep-anchor:nth-child(25) .facility-tep-anchor__index::before {
        content: '25.';
      }
.facility-tep-other {
  margin-top: 56px;
}
.facility-tep-other__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #232735;
  color: var(--color_text_01);
  margin: 0 0 40px;
}
.facility-tep-section {
  margin: 51px 0 70px;
}
.facility-tep-section__title::before {
      content: "";
      display: block;
      margin-top: -114px;
      padding-top: 114px;
    }
.facility-tep-section__title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 58px;
    color: #232735;
    color: var(--color_text_01);
  }
.facility-tep-section__subsection + .facility-tep-section__subsection {
      margin-top: 40px;
    }
.facility-tep-section__subtitle {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 24px;
}
.facility-tep-section:nth-child(1) .facility-tep-section__index::before {
        content: '1.';
      }
.facility-tep-section:nth-child(2) .facility-tep-section__index::before {
        content: '2.';
      }
.facility-tep-section:nth-child(3) .facility-tep-section__index::before {
        content: '3.';
      }
.facility-tep-section:nth-child(4) .facility-tep-section__index::before {
        content: '4.';
      }
.facility-tep-section:nth-child(5) .facility-tep-section__index::before {
        content: '5.';
      }
.facility-tep-section:nth-child(6) .facility-tep-section__index::before {
        content: '6.';
      }
.facility-tep-section:nth-child(7) .facility-tep-section__index::before {
        content: '7.';
      }
.facility-tep-section:nth-child(8) .facility-tep-section__index::before {
        content: '8.';
      }
.facility-tep-section:nth-child(9) .facility-tep-section__index::before {
        content: '9.';
      }
.facility-tep-section:nth-child(10) .facility-tep-section__index::before {
        content: '10.';
      }
.facility-tep-section:nth-child(11) .facility-tep-section__index::before {
        content: '11.';
      }
.facility-tep-section:nth-child(12) .facility-tep-section__index::before {
        content: '12.';
      }
.facility-tep-section:nth-child(13) .facility-tep-section__index::before {
        content: '13.';
      }
.facility-tep-section:nth-child(14) .facility-tep-section__index::before {
        content: '14.';
      }
.facility-tep-section:nth-child(15) .facility-tep-section__index::before {
        content: '15.';
      }
.facility-tep-section:nth-child(16) .facility-tep-section__index::before {
        content: '16.';
      }
.facility-tep-section:nth-child(17) .facility-tep-section__index::before {
        content: '17.';
      }
.facility-tep-section:nth-child(18) .facility-tep-section__index::before {
        content: '18.';
      }
.facility-tep-section:nth-child(19) .facility-tep-section__index::before {
        content: '19.';
      }
.facility-tep-section:nth-child(20) .facility-tep-section__index::before {
        content: '20.';
      }
.facility-tep-section:nth-child(21) .facility-tep-section__index::before {
        content: '21.';
      }
.facility-tep-section:nth-child(22) .facility-tep-section__index::before {
        content: '22.';
      }
.facility-tep-section:nth-child(23) .facility-tep-section__index::before {
        content: '23.';
      }
.facility-tep-section:nth-child(24) .facility-tep-section__index::before {
        content: '24.';
      }
.facility-tep-section:nth-child(25) .facility-tep-section__index::before {
        content: '25.';
      }
.body__has-esir .facility-tep-section__title::before {
        margin-top: -164px;
        padding-top: 164px;
      }
.accordion {
  border-top: 1px solid #D3D4D8;
  border-top: 1px solid var(--color_ui_04);
  border-bottom: 1px solid #D3D4D8;
  border-bottom: 1px solid var(--color_ui_04);
}
.accordion + .accordion {
    border-top: none;
  }
.accordion__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #056B9F;
    color: var(--color_blue_main);
    outline: none;
    padding-top: 12px;
    padding-bottom: 12px
  }
.accordion__title:hover, .accordion__title.focus-visible {
      text-decoration: underline;
    }
.accordion__title:hover, .accordion__title.focus-visible {
      text-decoration: underline;
    }
.accordion__title:hover, .accordion__title:focus-visible {
      text-decoration: underline;
    }
.accordion__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.accordion__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
  }
.accordion__icon_opened {
      display: none;
    }
.accordion__content {
    display: none;
  }
.accordion_opened .accordion__icon_opened {
          display: block;
        }
.accordion_opened .accordion__icon_closed {
          display: none;
        }
.accordion_opened .accordion__content {
        display: block;
      }
.account-modal__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
}
.account-modal__content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 430px
  }
.account-modal__content::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 32px;
      width: 303px;
      height: 397px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-image: url("/static/openspb/img/OC_Phone_Confirm.bb6a4cac9929.svg");
    }
.account-modal__greeting {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-top: 48px;
  margin-bottom: 24px;
}
.account-modal__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.account-modal__button {
    margin-top: 80px;
  }
.authorization-required {
  padding: 79px 0;
}
.authorization-required__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 14px;
}
.button {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  border-style: solid;
  border-width: 1px;
  padding: 7px 19px;
  border-radius: 20px;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s
}
.button:hover, .button.focus-visible {
    text-decoration: none;
}
.button:hover, .button.focus-visible {
    text-decoration: none;
}
.button:hover, .button:focus-visible {
    text-decoration: none;
}
.button:active, .button_disabled {
    border-width: 2px;
    padding: 6px 18px;
}
.button_small {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 16px;
}
.button_small:active, .button_small.button_disabled {
      padding-left: 14px;
      padding-right: 14px;
}
.button_primary {
    border-color: #F4960A;
    border-color: var(--color_orange_main);
    background-color: #F4960A;
    background-color: var(--color_orange_main);
}
.button_primary, .button_primary:focus {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_primary:hover, .button_primary.focus-visible {
      border-color: #DF8705;
      border-color: var(--color_orange_hover);
      background-color: #DF8705;
      background-color: var(--color_orange_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_primary:hover, .button_primary.focus-visible {
      border-color: #DF8705;
      border-color: var(--color_orange_hover);
      background-color: #DF8705;
      background-color: var(--color_orange_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_primary:hover, .button_primary:focus-visible {
      border-color: #DF8705;
      border-color: var(--color_orange_hover);
      background-color: #DF8705;
      background-color: var(--color_orange_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_primary:active {
      border-color: #F5D3A1;
      border-color: var(--color_orange_inactive);
      background-color: #F5D3A1;
      background-color: var(--color_orange_inactive);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_secondary {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
    background-color: #056B9F;
    background-color: var(--color_blue_main);
}
.button_secondary, .button_secondary:focus {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_secondary:hover, .button_secondary.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_secondary:hover, .button_secondary.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_secondary:hover, .button_secondary:focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_secondary:active {
      border-color: #A7C9DA;
      border-color: var(--color_blue_inactive);
      background-color: #A7C9DA;
      background-color: var(--color_blue_inactive);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.button_tertiary {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
    background-color: transparent;
}
.button_tertiary, .button_tertiary:focus {
      color: #056B9F;
      color: var(--color_blue_main);
    }
.button_tertiary:hover, .button_tertiary.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #044E74;
      color: var(--color_blue_hover);
    }
.button_tertiary:hover, .button_tertiary.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #044E74;
      color: var(--color_blue_hover);
    }
.button_tertiary:hover, .button_tertiary:focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #044E74;
      color: var(--color_blue_hover);
    }
.button_tertiary:active {
      border-color: #A7C9DA;
      border-color: var(--color_blue_inactive);
      color: #A7C9DA;
      color: var(--color_blue_inactive);
    }
.button_link {
    border-color: transparent;
    background-color: transparent;
}
.button_link, .button_link:focus {
      color: #056B9F;
      color: var(--color_blue_main);
    }
.button_link, .button_link:active {
      border-left-width: 0;
      border-right-width: 0;
      padding-left: 0;
      padding-right: 0;
    }
.button_link:hover, .button_link.focus-visible {
      border-color: transparent;
      color: #044E74;
      color: var(--color_blue_hover);
    }
.button_link:hover, .button_link.focus-visible {
      border-color: transparent;
      color: #044E74;
      color: var(--color_blue_hover);
    }
.button_link:hover, .button_link:focus-visible {
      border-color: transparent;
      color: #044E74;
      color: var(--color_blue_hover);
    }
.button_link:active {
      border-color: transparent;
      color: #A7C9DA;
      color: var(--color_blue_inactive);
    }
.button_disabled {
    cursor: default;
}
.button_disabled.button_primary, .button_disabled.button_primary:hover, .button_disabled.button_primary.focus-visible, .button_disabled.button_primary:active {
          border-color: #F5D3A1;
          border-color: var(--color_orange_inactive);
          background-color: #F5D3A1;
          background-color: var(--color_orange_inactive);
          color: #FFFFFF;
          color: var(--color_text_inverse);
        }
.button_disabled.button_primary, .button_disabled.button_primary:hover, .button_disabled.button_primary.focus-visible, .button_disabled.button_primary:active {
          border-color: #F5D3A1;
          border-color: var(--color_orange_inactive);
          background-color: #F5D3A1;
          background-color: var(--color_orange_inactive);
          color: #FFFFFF;
          color: var(--color_text_inverse);
        }
.button_disabled.button_primary, .button_disabled.button_primary:hover, .button_disabled.button_primary:focus-visible, .button_disabled.button_primary:active {
          border-color: #F5D3A1;
          border-color: var(--color_orange_inactive);
          background-color: #F5D3A1;
          background-color: var(--color_orange_inactive);
          color: #FFFFFF;
          color: var(--color_text_inverse);
        }
.button_disabled.button_secondary, .button_disabled.button_secondary:hover, .button_disabled.button_secondary.focus-visible, .button_disabled.button_secondary:active {
          border-color: #A7C9DA;
          border-color: var(--color_blue_inactive);
          background-color: #A7C9DA;
          background-color: var(--color_blue_inactive);
          color: #FFFFFF;
          color: var(--color_text_inverse);
        }
.button_disabled.button_secondary, .button_disabled.button_secondary:hover, .button_disabled.button_secondary.focus-visible, .button_disabled.button_secondary:active {
          border-color: #A7C9DA;
          border-color: var(--color_blue_inactive);
          background-color: #A7C9DA;
          background-color: var(--color_blue_inactive);
          color: #FFFFFF;
          color: var(--color_text_inverse);
        }
.button_disabled.button_secondary, .button_disabled.button_secondary:hover, .button_disabled.button_secondary:focus-visible, .button_disabled.button_secondary:active {
          border-color: #A7C9DA;
          border-color: var(--color_blue_inactive);
          background-color: #A7C9DA;
          background-color: var(--color_blue_inactive);
          color: #FFFFFF;
          color: var(--color_text_inverse);
        }
.button_disabled.button_tertiary, .button_disabled.button_tertiary:hover, .button_disabled.button_tertiary.focus-visible, .button_disabled.button_tertiary:active {
          border-color: #A7C9DA;
          border-color: var(--color_blue_inactive);
          color: #A7C9DA;
          color: var(--color_blue_inactive);
        }
.button_disabled.button_tertiary, .button_disabled.button_tertiary:hover, .button_disabled.button_tertiary.focus-visible, .button_disabled.button_tertiary:active {
          border-color: #A7C9DA;
          border-color: var(--color_blue_inactive);
          color: #A7C9DA;
          color: var(--color_blue_inactive);
        }
.button_disabled.button_tertiary, .button_disabled.button_tertiary:hover, .button_disabled.button_tertiary:focus-visible, .button_disabled.button_tertiary:active {
          border-color: #A7C9DA;
          border-color: var(--color_blue_inactive);
          color: #A7C9DA;
          color: var(--color_blue_inactive);
        }
.button_disabled.button_link {
        padding-left: 0;
        padding-right: 0;
        border-left-width: 0;
        border-right-width: 0
      }
.button_disabled.button_link, .button_disabled.button_link:hover, .button_disabled.button_link.focus-visible, .button_disabled.button_link:active {
          color: #A7C9DA;
          color: var(--color_blue_inactive);
        }
.button_disabled.button_link, .button_disabled.button_link:hover, .button_disabled.button_link.focus-visible, .button_disabled.button_link:active {
          color: #A7C9DA;
          color: var(--color_blue_inactive);
        }
.button_disabled.button_link, .button_disabled.button_link:hover, .button_disabled.button_link:focus-visible, .button_disabled.button_link:active {
          color: #A7C9DA;
          color: var(--color_blue_inactive);
        }
.button-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.button-group__button {
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-style: solid;
    border-width: 1px;
    padding: 7px 19px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    border-color: #C6CEDF;
    border-color: var(--color_border);
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    color: #056B9F;
    color: var(--color_blue_main)
  }
.button-group__button:hover, .button-group__button.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      z-index: 1;
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.button-group__button:hover, .button-group__button.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      z-index: 1;
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.button-group__button:hover, .button-group__button:focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      z-index: 1;
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.button-group__button:active {
      color: #A7C9DA;
      color: var(--color_blue_inactive);
}
.button-group__button:first-child {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
}
.button-group__button:last-child {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
}
.button-group__button + .button-group__button {
      margin-left: -1px;
}
.button-group__button_active {
      cursor: default;
}
.button-group__button_active, .button-group__button_active:hover, .button-group__button_active.focus-visible, .button-group__button_active:active {
        border-color: #C6CEDF;
        border-color: var(--color_border);
        background-color: #F1F9FD;
        background-color: var(--color_blue_bg);
        color: #232735;
        color: var(--color_text_01);
      }
.button-group__button_active, .button-group__button_active:hover, .button-group__button_active.focus-visible, .button-group__button_active:active {
        border-color: #C6CEDF;
        border-color: var(--color_border);
        background-color: #F1F9FD;
        background-color: var(--color_blue_bg);
        color: #232735;
        color: var(--color_text_01);
      }
.button-group__button_active, .button-group__button_active:hover, .button-group__button_active:focus-visible, .button-group__button_active:active {
        border-color: #C6CEDF;
        border-color: var(--color_border);
        background-color: #F1F9FD;
        background-color: var(--color_blue_bg);
        color: #232735;
        color: var(--color_text_01);
      }
.button-toolbar {
  margin-bottom: -32px;
  margin-right: -32px;
}
.button-toolbar__button {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 32px;
    padding-right: 32px;
  }
.checkboxes-group + .checkboxes-group {
    margin-top: 32px;
  }
.checkboxes-group__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 16px;
}
.checkboxes-group__errors {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
  color: #FB4141;
  color: var(--color_error);
}
.checkboxes-group__error + .checkboxes-group__error {
      margin-top: 3px;
    }
.checkboxes-group__help-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-top: 3px;
  color: #505565;
  color: var(--color_text_02);
}
.checkboxes-group__content > ul {
      list-style: none;
    }
.checkboxes-group__content > ul > li + li {
          margin-top: 12px;
        }
.checkboxes-group__content > ul > li > label {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  cursor: pointer;
}
.checkboxes-group__content > ul > li > label > i {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            position: relative;
            top: -2px;
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            background-color: #FFFFFF;
            background-color: var(--color_ui_01);
            border: 1px solid #056B9F;
            border: 1px solid var(--color_blue_main);
            color: #FFFFFF;
            color: var(--color_text_inverse);
            font-family: FontAwesome;
            line-height: 14px;
            font-size: 12px;
}
.checkboxes-group__content > ul > li > label > i::before {
              content: '\f00c';
            }
.checkboxes-group__content > ul > li > label > input {
            position: relative;
            margin: 0;
            position: absolute;
            top: -10000px;
            left: -10000px;
            opacity: 0;
            visibility: hidden;
}
.checkboxes-group__content > ul > li > label > input:checked + i {
                background-color: #056B9F;
                background-color: var(--color_blue_main);
              }
.counter__number {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #F4960A;
  color: var(--color_orange_main);
  line-height: 1;
  margin-bottom: 5px;
}
.counter__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
  text-transform: uppercase;
}
.counter_big .counter__number {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  line-height: 1;
}
.disconnection-tile__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
  margin-bottom: 8px;
}
.disconnection-tile__title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.disconnection-tile__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29px;
            flex: 0 0 29px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
  }
.disconnection-tile__icon_code_0 {
        display: none;
      }
.disconnection-tile__icon_code_1 {
        background-image: url("/static/openspb/img/shutdowns/heating.f1bec9e02140.svg");
      }
.disconnection-tile__icon_code_2 {
        background-image: url("/static/openspb/img/shutdowns/water.6dc40f19572b.svg");
      }
.disconnection-tile__icon_code_3 {
        background-image: url("/static/openspb/img/shutdowns/water-disposal.3597628e3926.svg");
      }
.disconnection-tile__icon_code_4 {
        background-image: url("/static/openspb/img/shutdowns/water-hot.09b20d0a990e.svg");
      }
.disconnection-tile__icon_code_5 {
        background-image: url("/static/openspb/img/shutdowns/heating.f1bec9e02140.svg");
      }
.disconnection-tile__icon_code_6 {
        background-image: url("/static/openspb/img/shutdowns/electricity.f62b811f48cc.svg");
      }
.disconnection-tile__icon_code_7 {
        background-image: url("/static/openspb/img/shutdowns/gas.54789f21b535.svg");
      }
.disconnection-tile__icon_code_8 {
        background-image: url("/static/openspb/img/shutdowns/elevator.9fa17fc4b168.svg");
      }
.disconnection-tile__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #232735;
    color: var(--color_text_01);
  }
.disconnection-tile__period {
    margin-top: 13px;
  }
.disconnection-tile__period-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
}
.disconnection-tile__period-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
  color: #232735;
  color: var(--color_text_01);
}
.disconnection-tile__front-doors {
    margin-top: 13px;
  }
.disconnection-tile__front-doors-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
}
.disconnection-tile__front-doors-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
  color: #232735;
  color: var(--color_text_01);
}
.disconnection-tile__reporter {
    margin-top: 13px;
  }
.disconnection-tile__reporter-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
}
.disconnection-tile__reporter-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
  color: #232735;
  color: var(--color_text_01);
}
.disconnection-tile_big .disconnection-tile__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.disconnection-tile_big .disconnection-tile__icon {
        -ms-flex-preferred-size: 35px;
            flex-basis: 35px;
        height: 32px;
      }
.disconnection-tile_big .disconnection-tile__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.disconnection-tile_big .disconnection-tile__period {
        margin-top: 21px;
      }
.disconnection-tile_big .disconnection-tile__period-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.disconnection-tile_big .disconnection-tile__period-text {
        margin-top: 0;
      }
.disconnection-tile_big .disconnection-tile__reporter {
        margin-top: 26px;
      }
.disconnection-tile_big .disconnection-tile__reporter-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.disconnection-tile_big .disconnection-tile__reporter-name {
        margin-top: 0;
      }
.disconnection-tiles {
  margin: 0 -16px -64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.disconnection-tiles__tile {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 16px 64px;
  }
.field + .field {
    margin-top: 21px;
  }
.field__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #505565;
  color: var(--color_text_02);
  margin-bottom: 3px;
}
.field__label_light {
      color: #8B90A0;
      color: var(--color_text_03);
}
.field__errors {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-top: 3px;
  color: #FB4141;
  color: var(--color_error);
}
.field__error + .field__error {
      margin-top: 3px;
    }
.field__help-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-top: 3px;
  color: #505565;
  color: var(--color_text_02);
}
.field__content {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.field__content_type_default > input, .field__content_type_captcha > input, .field__content_type_date > input {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          background-color: #FFFFFF;
          background-color: var(--color_ui_01);
          border: 1px solid #C6CEDF;
          border: 1px solid var(--color_border);
          outline: none;
          border-radius: 8px;
          padding: 7px 14px;
          color: #232735;
          color: var(--color_text_01);
          width: 100%
        }
.field__content_type_default > input::-webkit-input-placeholder, .field__content_type_captcha > input::-webkit-input-placeholder, .field__content_type_date > input::-webkit-input-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
.field__content_type_default > input::-moz-placeholder, .field__content_type_captcha > input::-moz-placeholder, .field__content_type_date > input::-moz-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
.field__content_type_default > input:-ms-input-placeholder, .field__content_type_captcha > input:-ms-input-placeholder, .field__content_type_date > input:-ms-input-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
.field__content_type_default > input::-ms-input-placeholder, .field__content_type_captcha > input::-ms-input-placeholder, .field__content_type_date > input::-ms-input-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
> input::-webkit-input-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
> input::-moz-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
> input:-ms-input-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
> input::-ms-input-placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
.field__content_type_default > input::placeholder, .field__content_type_captcha > input::placeholder, .field__content_type_date > input::placeholder {
            color: #B7BAC3;
            color: var(--color_placeholder);
}
.field__content_type_default > input[disabled], .field__content_type_captcha > input[disabled], .field__content_type_date > input[disabled] {
            background-color: #F0F1F3;
            background-color: var(--color_ui_03);
}
.field__content_type_default > input:hover, .field__content_type_captcha > input:hover, .field__content_type_date > input:hover {
            border-color: #8B90A0;
            border-color: var(--color_text_03);
}
.field__content_type_default > input:focus, .field__content_type_captcha > input:focus, .field__content_type_date > input:focus {
            border-color: #056B9F;
            border-color: var(--color_blue_main);
}
.field__content_type_select > select {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          background-color: #FFFFFF;
          background-color: var(--color_ui_01);
          border: 1px solid #C6CEDF;
          border: 1px solid var(--color_border);
          border-radius: 8px;
          padding: 7px 14px;
          color: #232735;
          color: var(--color_text_01);
          width: 100%;
        }
.field__content_type_captcha > input {
          width: 192px;
        }
.field-group + .field-group {
    margin-top: 60px;
  }
.field-group__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.field-group__caption {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #232735;
  color: var(--color_text_01);
  margin-top: 4px;
}
.public-fileuploader-image__dropdown {
    min-width: 160px;
  }
.public-fileuploader-image__image {
    margin-bottom: 5px;
  }
.public-fileuploader-image__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #232735;
  color: var(--color_text_01);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px;
}
.public-fileuploader-image__control {
    display: inline-block;
    width: 25px;
    color: #056B9F;
    color: var(--color_blue_main);
    cursor: pointer;
    font-size: 13px;
    line-height: 16px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0
  }
.public-fileuploader-image__control:hover {
      color: #044E74;
      color: var(--color_blue_hover);
    }
.public-fileuploader-image__control_disabled {
      cursor: default
    }
.public-fileuploader-image__control_disabled, .public-fileuploader-image__control_disabled:hover {
        color: var(--color_blue_incative);
      }
.public-fileuploader-image__controls {
    position: absolute;
    left: 64px;
    top: 0;
    width: 25px;
    text-align: center;
  }
.public-fileuploader-image__preview-wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 64px;
    height: 64px;
    vertical-align: bottom;
  }
.public-fileuploader-image__preview-text {
    font-size: 1px;
    line-height: 1px;
    color: transparent;
  }
.public-fileuploader-image__preview-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
  }
.public-fileuploader-image__preview-image_orientation_2 {
        -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
      }
.public-fileuploader-image__preview-image_orientation_3 {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
      }
.public-fileuploader-image__preview-image_orientation_4 {
        -webkit-transform: scaleY(-1);
                transform: scaleY(-1);
      }
.public-fileuploader-image__preview-image_orientation_5 {
        -webkit-transform: rotate(90deg) scaleY(-1);
                transform: rotate(90deg) scaleY(-1);
      }
.public-fileuploader-image__preview-image_orientation_6 {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
      }
.public-fileuploader-image__preview-image_orientation_7 {
        -webkit-transform: rotate(90deg) scaleX(-1);
                transform: rotate(90deg) scaleX(-1);
      }
.public-fileuploader-image__preview-image_orientation_8 {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
      }
.filters__toggle-icon_close {
      display: none;
    }
.filters__search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.filters__toggle-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
.filters__search {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 512px;
            flex: 0 0 512px;
    padding-left: 32px;
  }
.filters__search_no-filters {
      padding-left: 0;
    }
.filters__clear {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding-left: 32px;
  }
.filters__clear-button {
    line-height: 38px;
  }
.filters__container {
    display: none;
    margin-top: 16px;
    padding: 21px 32px 32px;
    background-color: #FAFAFC;
    background-color: var(--color_ui_02);
    border: 1px solid #C6CEDF;
    border: 1px solid var(--color_border);
    border-radius: 8px;
  }
.filters__filter {
    padding-bottom: 21px;
  }
.filters__submit-block {
    margin-top: 11px;
  }
.filters__selected {
    margin-top: 16px;
  }
.filters_open .filters__toggle-icon_open {
          display: none;
        }
.filters_open .filters__toggle-icon_close {
          display: inline;
        }
.filters_open .filters__container {
        display: block;
      }
.input {
  position: relative;
}
.input__field {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #232735;
    color: var(--color_text_01);
    border-radius: 8px;
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    width: 100%;
    height: 40px;
    border: 1px solid #C6CEDF;
    border: 1px solid var(--color_border);
    padding: 9px 15px;
    outline: none
  }
.input__field::-webkit-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input__field::-moz-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input__field:-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input__field::-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__field::-webkit-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__field::-moz-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__field:-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__field::-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input__field::placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input__button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    color: #FFFFFF;
    color: var(--color_text_inverse);
    text-align: center;
    line-height: 16px;
    border: none;
    outline: none;
    padding: 12px;
    cursor: pointer;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
  }
.input_color_primary .input__field:focus {
          border-color: #F4960A;
          border-color: var(--color_orange_main);
        }
.input_color_primary .input__button {
        background-color: #F4960A;
        background-color: var(--color_orange_main)
      }
.input_color_primary .input__button:hover, .input_color_primary .input__button:focus {
          background-color: #DF8705;
          background-color: var(--color_orange_hover);
        }
.input_color_primary .input__button:active {
          background-color: #F5D3A1;
          background-color: var(--color_orange_inactive);
        }
.input_color_primary:hover .input__field {
          border-color: #F4960A;
          border-color: var(--color_orange_main)
        }
.input_color_primary:hover .input__field:hover {
            border-color: #505565;
            border-color: var(--color_text_02);
          }
.input_color_primary:hover .input__field:focus {
            border-color: #F4960A;
            border-color: var(--color_orange_main);
          }
.input_color_secondary .input__field:focus {
          border-color: #056B9F;
          border-color: var(--color_blue_main);
        }
.input_color_secondary .input__button {
        background-color: #056B9F;
        background-color: var(--color_blue_main)
      }
.input_color_secondary .input__button:hover, .input_color_secondary .input__button:focus {
          background-color: #044E74;
          background-color: var(--color_blue_hover);
        }
.input_color_secondary .input__button:active {
          background-color: #A7C9DA;
          background-color: var(--color_blue_inactive);
        }
.input_color_secondary:hover .input__field {
          border-color: #056B9F;
          border-color: var(--color_blue_main)
        }
.input_color_secondary:hover .input__field:hover {
            border-color: #505565;
            border-color: var(--color_text_02);
          }
.input_color_secondary:hover .input__field:focus {
            border-color: #056B9F;
            border-color: var(--color_blue_main);
          }
.input_has-button .input__field {
      padding-right: 45px;
    }
.input_disabled .input__field {
      background-color: #F0F1F3;
      background-color: var(--color_ui_03);
    }
.input-with-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-with-button__input {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #C6CEDF;
  border-color: var(--color_border);
  background-color: #FFFFFF;
  background-color: var(--color_ui_01);
  border-radius: 24px 0 0 24px;
  padding: 9px 16px;
  color: #232735;
  color: var(--color_text_01);
  outline: none;
}
.input-with-button__input:focus {
      border-color: #F4960A;
      border-color: var(--color_orange_main);
}
.input-with-button__input::-webkit-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input-with-button__input::-moz-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input-with-button__input:-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input-with-button__input::-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__input::-webkit-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__input::-moz-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__input:-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
&__input::-ms-input-placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input-with-button__input::placeholder {
      color: #B7BAC3;
      color: var(--color_placeholder);
}
.input-with-button__input.tt-input, .input-with-button__input.tt-hint {
      width: 100%;
}
.input-with-button__button {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  background-color: #F4960A;
  background-color: var(--color_orange_main);
  color: #FFFFFF;
  color: var(--color_text_inverse);
  border-radius: 0 24px 24px 0;
  border: none;
  padding: 8px 17px 8px 15px;
  cursor: pointer;
  outline: none;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  white-space: nowrap;
}
.input-with-button__button:hover, .input-with-button__button.focus-visible {
      background-color: #DF8705;
      background-color: var(--color_orange_hover);
}
.input-with-button__button:hover, .input-with-button__button.focus-visible {
      background-color: #DF8705;
      background-color: var(--color_orange_hover);
}
.input-with-button__button:hover, .input-with-button__button:focus-visible {
      background-color: #DF8705;
      background-color: var(--color_orange_hover);
}
.input-with-button__button:active {
      background-color: #F5D3A1;
      background-color: var(--color_orange_inactive);
}
.input-with-button:hover .input-with-button__input {
      border-color: #F4960A;
      border-color: var(--color_orange_main)
    }
.input-with-button:hover .input-with-button__input:hover {
        border-color: #505565;
        border-color: var(--color_text_02);
      }
.input-with-button:hover .input-with-button__input:focus {
        border-color: #F4960A;
        border-color: var(--color_orange_main);
      }
.input-with-button_big .input-with-button__input {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding: 15px;
}
.input-with-button_big .input-with-button__button {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  padding: 16px 24px 15px 25px;
}
.map-with-address {
  position: relative;
  z-index: 1;
  margin-bottom: 11px;
}
.map-with-address > .leaflet-container {
    z-index: 1;
    height: 360px;
  }
.map-with-address .leaflet-top {
    top: 64px;
  }
.map-with-address__search-block {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 18px;
    width: 100%;
    padding: 0 10px;
  }
.map-with-address__input-block {
    margin-right: 56px;
  }
.map-with-address__button-block {
    float: right;
  }
.map-with-address__button {
    display: inline-block;
    width: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border-style: solid;
    border-width: 1px;
    padding: 7px 12px;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    border-color: #C6CEDF;
    border-color: var(--color_border);
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    color: #056B9F;
    color: var(--color_blue_main)
  }
.map-with-address__button:hover, .map-with-address__button.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #044E74;
      color: var(--color_blue_hover);
}
.map-with-address__button:hover, .map-with-address__button.focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #044E74;
      color: var(--color_blue_hover);
}
.map-with-address__button:hover, .map-with-address__button:focus-visible {
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #044E74;
      color: var(--color_blue_hover);
}
.map-with-address__button:active {
      border-color: #A7C9DA;
      border-color: var(--color_blue_inactive);
      color: #A7C9DA;
      color: var(--color_blue_inactive);
}
.not-found {
  padding: 40px 0;
}
.not-found__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 16px;
}
.not-found__bottom-block {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 88px;
}
.pagination__pages {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 auto;
            flex: 2 0 auto;
  }
.pagination__per-page {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
.pagination__per-page-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  padding-right: 8px;
}
.pagination__per-page-select {

  }
.paginator {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
}
.paginator__page, .paginator__break {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #056B9F;
    color: var(--color_blue_main);
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    border: 1px solid #C6CEDF;
    border: 1px solid var(--color_border);
    padding: 0 16px;
    outline: none;
    white-space: nowrap
  }
.paginator__page + .paginator__page, .paginator__page + .paginator__break, .paginator__break + .paginator__page, .paginator__break + .paginator__break {
      margin-left: -1px;
}
.paginator__page {
    cursor: pointer;
  }
.paginator__page_prev {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
    }
.paginator__page_next {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
    }
.paginator__page_active {
      background-color: #F1F9FD;
      background-color: var(--color_blue_bg);
      color: #232735;
      color: var(--color_text_01);
    }
.paginator__page:hover, .paginator__page.focus-visible {
      text-decoration: none;
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.paginator__page:hover, .paginator__page.focus-visible {
      text-decoration: none;
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.paginator__page:hover, .paginator__page:focus-visible {
      text-decoration: none;
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      border-color: #044E74;
      border-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.paginator__page_disabled {
      cursor: default;
      color: #B7BAC3;
      color: var(--color_placeholder)
    }
.paginator__page_disabled:hover, .paginator__page_disabled.focus-visible {
        background-color: #FFFFFF;
        background-color: var(--color_ui_01);
        border-color: #C6CEDF;
        border-color: var(--color_border);
        color: #B7BAC3;
        color: var(--color_placeholder);
      }
.paginator__page_disabled:hover, .paginator__page_disabled.focus-visible {
        background-color: #FFFFFF;
        background-color: var(--color_ui_01);
        border-color: #C6CEDF;
        border-color: var(--color_border);
        color: #B7BAC3;
        color: var(--color_placeholder);
      }
.paginator__page_disabled:hover, .paginator__page_disabled:focus-visible {
        background-color: #FFFFFF;
        background-color: var(--color_ui_01);
        border-color: #C6CEDF;
        border-color: var(--color_border);
        color: #B7BAC3;
        color: var(--color_placeholder);
      }
.pie-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pie-chart__chart {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 224px;
            flex: 0 0 224px;
  }
.pie-chart__chart svg > g:last-child {
      pointer-events: none;
    }
.pie-chart__chart-fix-position {
    margin-left: -20px;
    margin-top: -20px;
  }
.pie-chart__description {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
.pie-chart__description-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.pie-chart__description-row + .pie-chart__description-row {
      margin-top: 16px;
    }
.pie-chart__description-counter-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
.pie-chart__description-counter {
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 2px 0;
  }
.pie-chart__description-title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #232735;
    color: var(--color_text_01);
    padding-left: 16px;
  }
.pie-chart-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pie-chart-container__chart-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
.pie-chart-container__chart svg > g:last-child {
      pointer-events: none;
    }
.pie-chart-container__description {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 245px;
            flex: 0 0 245px;
  }
.pie-chart-description__header {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  color: #8B90A0;
  color: var(--color_text_03);
}
.pie-chart-description__row {
    margin-top: 16px;
  }
.pie-chart-description__cell {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
}
.pie-chart-description__percent {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  padding: 2px 0;
}
.popper-select__area_opened {
      display: none;
    }
.popper-select__reference {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #056B9F;
    color: var(--color_blue_main);
    cursor: pointer;
    background-color: transparent;
    border: none;
  }
.popper-select__popper {
    display: none;
    border: 1px solid #C6CEDF;
    border: 1px solid var(--color_border);
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    margin: 4px 0;
  }
.popper-select__popper_visible {
      display: block;
    }
.popper-select__option {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    color: #056B9F;
    color: var(--color_blue_main);
    padding: 7px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
  }
.popper-select__option_active {
      background-color: #F1F9FD;
      background-color: var(--color_blue_bg);
      color: #232735;
      color: var(--color_text_01);
}
.popper-select__option:hover, .popper-select__option.focus-visible {
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.popper-select__option:hover, .popper-select__option.focus-visible {
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.popper-select__option:hover, .popper-select__option:focus-visible {
      background-color: #044E74;
      background-color: var(--color_blue_hover);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.popper-select_opened .popper-select__area_opened {
          display: inline;
        }
.popper-select_opened .popper-select__area_closed {
          display: none;
        }
.problem-tile {
  display: block;
  width: 100%;
  background-color: #FAFAFC;
  background-color: var(--color_ui_02);
  border: 1px solid #F0F1F3;
  border: 1px solid var(--color_ui_03);
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
}
.problem-tile__image {
    border-radius: 8px 8px 0 0;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }
.problem-tile__image_filled {
      background-size: cover;
    }
.problem-tile__content {
    padding: 16px;
  }
.problem-tile__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
  }
.problem-tile__status {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  text-transform: uppercase;
}
.problem-tile__status_3, .problem-tile__status_4 {
      color: #F4960A;
      color: var(--color_orange_main);
}
.problem-tile__status_1 {
      color: #699DD0;
}
.problem-tile__status_2 {
      color: #FB4141;
      color: var(--color_error);
}
.problem-tile__status_5 {
      color: #B263AF;
}
.problem-tile__public-controller-conclusion {
    margin-right: 8px;
  }
.problem-tile__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  text-align: right;
  color: #8B90A0;
  color: var(--color_text_03);
}
.problem-tile__reason {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  max-height: 72px;
  overflow: hidden;
}
.problem-tile__address {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-top: 24px;
  color: #505565;
  color: var(--color_text_02);
  max-height: 32px;
  overflow: hidden;
}
.problem-tile:hover, .problem-tile.focus-visible {
    border-color: #C6CEDF;
    border-color: var(--color_border);
    text-decoration: none;
  }
.problem-tile:hover .problem-tile__reason, .problem-tile.focus-visible .problem-tile__reason {
      text-decoration: underline;
    }
.problem-tile:hover, .problem-tile.focus-visible {
    border-color: #C6CEDF;
    border-color: var(--color_border);
    text-decoration: none;
  }
.problem-tile:hover, .problem-tile:focus-visible {
    border-color: #C6CEDF;
    border-color: var(--color_border);
    text-decoration: none;
  }
.problem-tile:hover .problem-tile__reason, .problem-tile.focus-visible .problem-tile__reason {
      text-decoration: underline;
    }
.problem-tile:hover .problem-tile__reason, .problem-tile:focus-visible .problem-tile__reason {
      text-decoration: underline;
    }
.problem-tile_static {
    cursor: default
  }
.problem-tile_static:hover, .problem-tile_static.focus-visible {
      border-color: #F0F1F3;
      border-color: var(--color_ui_03);
    }
.problem-tile_static:hover .problem-tile__reason, .problem-tile_static.focus-visible .problem-tile__reason {
        text-decoration: none;
      }
.problem-tile_static:hover, .problem-tile_static.focus-visible {
      border-color: #F0F1F3;
      border-color: var(--color_ui_03);
    }
.problem-tile_static:hover, .problem-tile_static:focus-visible {
      border-color: #F0F1F3;
      border-color: var(--color_ui_03);
    }
.problem-tile_static:hover .problem-tile__reason, .problem-tile_static.focus-visible .problem-tile__reason {
        text-decoration: none;
      }
.problem-tile_static:hover .problem-tile__reason, .problem-tile_static:focus-visible .problem-tile__reason {
        text-decoration: none;
      }
.problem-tiles {
  margin: 0 -16px -32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.problem-tiles__tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0 16px 32px;
  }
.problem-tiles_cols_2 .problem-tiles__tile {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%;
      }
.problem-tiles_cols_3 .problem-tiles__tile {
        -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
        max-width: 33.333%;
      }
.public-alert {
  position: relative;
  padding: 16px;
  border-radius: 4px;
}
.public-alert + .public-alert {
    margin-top: 16px;
  }
.public-alert::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 4px;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
  }
.public-alert__icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    color: #FFFFFF;
    color: var(--color_text_inverse);
  }
.public-alert__title-text {
    padding-left: 25px;
    color: #232735;
    color: var(--color_text_01);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    min-height: 24px;
  }
.public-alert__content {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.public-alert__title {
    position: relative;
  }
.public-alert__title + .public-alert__content {
      margin-top: 13px;
    }
.public-alert_type_info {
      background-color: #F1F9FD;
      background-color: var(--color_blue_bg)
    }
.public-alert_type_info::after {
        background-color: #056B9F;
        background-color: var(--color_blue_main);
      }
.public-alert_type_info .public-alert__icon {
        background-color: #056B9F;
        background-color: var(--color_blue_main);
      }
.public-alert_type_warning {
      background-color: #FDF4EA;
      background-color: var(--color_orange_bg)
    }
.public-alert_type_warning::after {
        background-color: #F4960A;
        background-color: var(--color_orange_main);
      }
.public-alert_type_warning .public-alert__icon {
        background-color: #F4960A;
        background-color: var(--color_orange_main);
      }
.public-alert_type_danger {
      background-color: #FCEDED;
      background-color: var(--color_error_bg)
    }
.public-alert_type_danger::after {
        background-color: #FB4141;
        background-color: var(--color_error);
      }
.public-alert_type_danger .public-alert__icon {
        background-color: #FB4141;
        background-color: var(--color_error);
      }
.public-alert_type_success {
      background-color: #F0F9F1;
      background-color: var(--color_success_bg)
    }
.public-alert_type_success::after {
        background-color: #6AA571;
        background-color: var(--color_success);
      }
.public-alert_type_success .public-alert__icon {
        background-color: #6AA571;
        background-color: var(--color_success);
      }
.public-checkbox {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
.public-checkbox__icon {
    margin-top: 3px;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 1px solid #056B9F;
    border: 1px solid var(--color_blue_main);
    background-color: #FFFFFF;
    background-color: var(--color_text_inverse);
    color: #FFFFFF;
    color: var(--color_text_inverse);
    font-size: 12px;
    line-height: 14px;
    text-align: center;
  }
.public-checkbox__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding-left: 24px;
  min-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.public-checkbox_disabled {
    cursor: default;
  }
.public-checkbox_disabled > .public-checkbox__icon {
      border-color: #D3D4D8;
      border-color: var(--color_ui_04);
    }
.public-checkbox__input {
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden
  }
.public-checkbox__input:checked + .public-checkbox__icon {
        background-color: #056B9F;
        background-color: var(--color_blue_main);
      }
.public-checkbox_disabled {
    cursor: default;
  }
.public-checkbox_disabled > .public-checkbox__label {
      color: #B7BAC3;
      color: var(--color_placeholder);
    }
.public-checkbox_disabled > .public-checkbox__icon {
      border-color: #D3D4D8;
      border-color: var(--color_ui_04);
    }
.public-checkbox_disabled > .public-checkbox__input:checked + .public-checkbox__icon {
        background-color: #D3D4D8;
        background-color: var(--color_ui_04);
      }
.public-checkboxes-group__item + .public-checkboxes-group__item {
      margin-top: 8px;
    }
.public-hint {
  outline: none;
  cursor: pointer;
}
.public-hint__dropdown {
    z-index: 1200;
    max-width: 400px;
  }
.public-hint__dropdown-content {
    background-color: #FAFAFC;
    background-color: var(--color_ui_02);
    border: 1px solid #C6CEDF;
    border: 1px solid var(--color_border);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 8px;
    padding: 8px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #232735;
    color: var(--color_text_01);
  }
.public-hint__dropdown-content_placement_top, .public-hint__dropdown-content_placement_top-start, .public-hint__dropdown-content_placement_top-end {
        margin-bottom: 4px;
      }
.public-hint__dropdown-content_placement_left, .public-hint__dropdown-content_placement_left-start, .public-hint__dropdown-content_placement_left-end {
        margin-right: 4px;
      }
.public-hint__dropdown-content_placement_bottom, .public-hint__dropdown-content_placement_bottom-start, .public-hint__dropdown-content_placement_bottom-end {
        margin-top: 4px;
      }
.public-hint__dropdown-content_placement_right, .public-hint__dropdown-content_placement_right-start, .public-hint__dropdown-content_placement_right-end {
        margin-left: 4px;
      }
.public-hint__dropdown-overflow {
    max-height: 600px;
    overflow: auto;
    padding: 0 8px;
  }
.public-hint__dropdown-arrow {
    display: none;
  }
@media (max-height: 612px) {
    .public-hint__dropdown-overflow {
      max-height: 90vh;
    }
}
.public-table {
  width: 100%;
}
.public-table > thead > tr > th, .public-table > thead > tr > td {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
  padding: 8px 0;
  vertical-align: top;
}
.public-table > thead > tr > th + th, .public-table > thead > tr > th + td, .public-table > thead > tr > td + th, .public-table > thead > tr > td + td {
          padding-left: 44px;
}
.public-table > tbody > tr > td {
        min-width: 90px;
        color: #232735;
        color: var(--color_text_01);
        padding: 12px 0;
        vertical-align: top;
      }
.public-table > tbody > tr > td + td {
          padding-left: 44px;
        }
.public-table > tbody > tr:first-child > td {
          padding-top: 0
        }
.public-table > tbody > tr:first-child > td::before {
            content: '';
            display: block;
            border-top: 1px solid #D3D4D8;
            border-top: 1px solid var(--color_ui_04);
            padding-top: 24px;
          }
.public-table__separation > td {
      border-top: 1px solid #D3D4D8;
      border-top: 1px solid var(--color_ui_04);
      border-bottom: 1px solid #D3D4D8;
      border-bottom: 1px solid var(--color_ui_04);
    }
.radio-input {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}
.radio-input__icon {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #056B9F;
    border: 1px solid var(--color_blue_main)
  }
.radio-input__icon::before {
      display: inline-block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #056B9F;
      background-color: var(--color_blue_main);
    }
.radio-input_disabled {
    cursor: default;
  }
.radio-input_disabled > .radio-input__icon {
      border-color: #D3D4D8;
      border-color: var(--color_ui_04)
    }
.radio-input_disabled > .radio-input__icon::before {
        background-color: #D3D4D8;
        background-color: var(--color_ui_04);
      }
.radio-input__input {
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden
  }
.radio-input__input:checked + .radio-input__icon::before {
          content: '';
        }
.public-select-clear-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #A1A4B1;
  color: var(--color_ui_05);
  font-size: 16px;
}
.public-select-clear-indicator_focused {
    color: #056B9F;
    color: var(--color_blue_main);
  }
.public-select-clear-indicator:hover {
    color: #056B9F;
    color: var(--color_blue_main);
  }
.public-select-control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #232735;
  color: var(--color_text_01);
  border-radius: 8px;
  background-color: #FFFFFF;
  background-color: var(--color_ui_01);
  border: 1px solid #C6CEDF;
  border: 1px solid var(--color_border);
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  min-height: 40px;
  position: relative;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}
.public-select-control_disabled {
    cursor: default;
}
.public-select-control_focused {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
}
.public-select-control_opened {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
}
.public-select-dropdown-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #A1A4B1;
  color: var(--color_ui_05);
  font-size: 16px;
}
.public-select-dropdown-indicator_focused {
    color: #056B9F;
    color: var(--color_blue_main);
  }
.public-select-dropdown-indicator:hover {
    color: #056B9F;
    color: var(--color_blue_main);
  }
.public-select-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2;
  background-color: #FFFFFF;
  background-color: var(--color_ui_01);
  border: 1px solid #056B9F;
  border: 1px solid var(--color_blue_main);
  border-radius: 8px;
  overflow: hidden;
}
.public-select-menu_has-error {
    border-color: #FF4677;
  }
.public-select-menu_placement_bottom {
      margin-top: 4px;
      top: 100%;
    }
.public-select-menu_placement_top {
      margin-bottom: 4px;
      bottom: 100%;
    }
.public-select-multi-value-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 30px;
  line-height: 30px;
  border-radius: 4px;
  background: #F3F5FB;
  padding: 0 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.public-select-multi-value-label {
  overflow: hidden;
  padding-left: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.public-select-multi-value-remove {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 5px 0;
  background-size: cover;
}
.public-select-option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  border: none;
  margin: 0;
  padding: 4px 14px;
  text-align: left;
  outline: none;
  cursor: pointer;
  color: #232735;
  color: var(--color_text_01);
  background-color: transparent;
}
.public-select-option_selected {
    background-color: #F1F9FD;
    background-color: var(--color_blue_bg);
}
.public-select-option:hover, .public-select-option_focused {
    background-color: #044E74;
    background-color: var(--color_blue_hover);
    color: #FFFFFF;
    color: var(--color_text_inverse);
}
.public-select-placeholder {
  color: #B7BAC3;
  color: var(--color_placeholder);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 0;
  margin-right: 2px;
}
.public-select-value-container {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 9px 15px;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow: hidden;
  color: #232735;
  color: var(--color_text_01);
}
.schedule-calendar-row {
  white-space: nowrap;
  min-width: 856px;
}
.schedule-calendar-month {
  text-align: center;
}
.schedule-calendar-month + .schedule-calendar-month {
    padding-left: 0;
  }
.schedule-calendar-month__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.schedule-calendar-month__headers {
  white-space: nowrap;
}
.schedule-calendar-month-header {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  line-height: 30px;
  color: #232735;
  color: var(--color_text_01);
}
.schedule-calendar-month-days-row {
  white-space: nowrap;
}
.schedule-calendar-month-days-row__day {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  line-height: 30px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.schedule-calendar-month-days-row__day_current-month {
    color: #232735;
    color: var(--color_text_01);
}
.schedule-calendar-month-days-row__day_selected_readonly {
      background-color: #FDF4EA;
      background-color: var(--color_orange_bg);
    }
.schedule-calendar-month-days-row__day_selected_opened, .schedule-calendar-month-days-row__day_selected_opened:hover {
        background-color: #C1DFF5;
        background-color: var(--color_blue_light);
        color: #232735;
        color: var(--color_text_01);
      }
.schedule-calendar-month-days-row__day-tooltip {
  white-space: pre-wrap;
}
.tag-list {
  margin-bottom: -16px;
  margin-left: -16px;
}
.tag-list__tag {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 16px;
    margin-left: 16px;
  }
.tag {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 3px 7px 5px 8px;
  color: #232735;
  color: var(--color_text_01);
  background-color: #FAFAFC;
  background-color: var(--color_ui_02);
  border: 1px solid #C6CEDF;
  border: 1px solid var(--color_border);
  border-radius: 24px;
  outline: none;
}
.tag_clickable {
    cursor: pointer;
    color: #056B9F;
    color: var(--color_blue_main);
    background-color: #F1F9FD;
    background-color: var(--color_blue_bg);
    border-color: #C6CEDF;
    border-color: var(--color_border);
}
.tag_clickable:hover, .tag_clickable.focus-visible {
      color: #044E74;
      color: var(--color_blue_hover);
      border-color: #044E74;
      border-color: var(--color_blue_hover);
    }
.tag_clickable:hover, .tag_clickable.focus-visible {
      color: #044E74;
      color: var(--color_blue_hover);
      border-color: #044E74;
      border-color: var(--color_blue_hover);
    }
.tag_clickable:hover, .tag_clickable:focus-visible {
      color: #044E74;
      color: var(--color_blue_hover);
      border-color: #044E74;
      border-color: var(--color_blue_hover);
    }
.textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #232735;
  color: var(--color_text_01);
  border-radius: 8px;
  background-color: #FFFFFF;
  background-color: var(--color_ui_01);
  width: 100%;
  border: 1px solid #C6CEDF;
  border: 1px solid var(--color_border);
  padding: 9px 15px;
  outline: none;
  resize: vertical;
  height: 152px;
  min-height: 40px
}
.textarea::-webkit-input-placeholder {
    color: #B7BAC3;
    color: var(--color_placeholder);
}
.textarea::-moz-placeholder {
    color: #B7BAC3;
    color: var(--color_placeholder);
}
.textarea:-ms-input-placeholder {
    color: #B7BAC3;
    color: var(--color_placeholder);
}
.textarea::-ms-input-placeholder {
    color: #B7BAC3;
    color: var(--color_placeholder);
}
.textarea::placeholder {
    color: #B7BAC3;
    color: var(--color_placeholder);
}
.textarea:hover {
    border-color: #505565;
    border-color: var(--color_text_02);
}
.textarea.focus-visible {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
}
.textarea.focus-visible {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
}
.textarea:focus-visible {
    border-color: #056B9F;
    border-color: var(--color_blue_main);
}
.textarea_disabled {

  }
.text-separator {
  position: relative;
  text-align: center;
  margin: 20px 0
}
.text-separator::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #8B90A0;
    background-color: var(--color_text_03);
  }
.text-separator__text {
    position: relative;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #8B90A0;
    color: var(--color_text_03);
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    padding: 0 8px;
  }
.twitter-typeahead {
  width: 100%;
}
.tt-menu {
  margin-top: 4px;
  width: 100%;
}
.tt-dataset {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #FFFFFF;
  background-color: var(--color_ui_01);
  border: 1px solid #056B9F;
  border: 1px solid var(--color_blue_main);
  border-radius: 8px;
}
.tt-suggestion {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  border: none;
  margin: 0;
  padding: 4px 14px;
  text-align: left;
  outline: none;
  cursor: pointer;
  color: #232735;
  color: var(--color_text_01);
  background-color: transparent
}
.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    background-color: #044E74;
    background-color: var(--color_blue_hover);
    color: #FFFFFF;
    color: var(--color_text_inverse);
}
.typeahead-small {
  display: block;
  margin-top: 4px;
}
.feedback-detail {
  padding: 33px 0 80px;
}
.feedback-detail__breadcrumb {
    margin-bottom: 17px;
  }
.feedback-detail__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #232735;
  color: var(--color_text_01);
  margin: 0 0 13px;
}
.feedback-detail__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.feedback-detail__messages {
    margin-top: 57px;
  }
.feedback-list {
  margin: 0 -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.feedback-list__tile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 60px;
  }
.feedback-message {
  border-radius: 8px;
  background-color: #F5F5F5;
  padding: 19px 24px 16px;
}
.feedback-message + .feedback-message {
    margin-top: 32px;
  }
.feedback-message__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505565;
  color: var(--color_text_02);
  margin-bottom: 16px;
}
.feedback-message__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.feedback-tile__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.feedback-tile__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  color: #232735;
  color: var(--color_text_01);
  word-wrap: break-word;
  word-break: break-word;
}
.feedback-tile__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  white-space: pre-line;
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  max-height: 72px;
}
.footer-pusher {
  height: 144px;
}
.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("/static/openspb/js/30c8c9fec2f12a4928b7894cdc368cbd.30c8c9fec2f1.png");
  padding-top: 32px;
  height: 144px;
  min-width: 1300px;
  min-width: var(--grid_min-width)
}
.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,255,0.3)), to(rgba(0,255,255,0)));
    background: linear-gradient(to bottom, rgba(0,255,255,0.3), rgba(0,255,255,0));
    background: var(--bg_gradient);
  }
.footer__logo {
    display: inline-block;
    padding-top: 8px
  }
.footer__logo:hover, .footer__logo.focus-visible {
      opacity: 0.85;
    }
.footer__logo:hover, .footer__logo.focus-visible {
      opacity: 0.85;
    }
.footer__logo:hover, .footer__logo:focus-visible {
      opacity: 0.85;
    }
.footer__reference {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.footer__reference + .footer__reference {
      margin-top: 16px;
}
.footer__reference-link, .footer__reference-link:hover, .footer__reference-link:focus, .footer__reference-link.focus-visible {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.footer__reference-link, .footer__reference-link:hover, .footer__reference-link:focus, .footer__reference-link.focus-visible {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.footer__reference-link, .footer__reference-link:hover, .footer__reference-link:focus, .footer__reference-link:focus-visible {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.footer__app-links {
    padding-top: 6px;
    margin-bottom: 20px;
  }
.footer__copyright {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  color: var(--color_text_inverse);
}
.footer__social-block {
    padding-top: 20px;
  }
.footer__social {
    font-size: 24px
  }
.footer__social, .footer__social:hover, .footer__social:focus, .footer__social.focus-visible {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.footer__social, .footer__social:hover, .footer__social:focus, .footer__social.focus-visible {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.footer__social, .footer__social:hover, .footer__social:focus, .footer__social:focus-visible {
      color: #FFFFFF;
      color: var(--color_text_inverse);
    }
.footer__social:hover, .footer__social.focus-visible {
      opacity: 0.75;
      text-decoration: none;
    }
.footer__social:hover, .footer__social.focus-visible {
      opacity: 0.75;
      text-decoration: none;
    }
.footer__social:hover, .footer__social:focus-visible {
      opacity: 0.75;
      text-decoration: none;
    }
.footer__social + .footer__social {
      margin-left: 32px;
    }
.footer-app-link {
  display: inline-block;
  height: 40px;
  vertical-align: bottom
}
.footer-app-link:hover {
    text-decoration: none;
  }
.footer-app-link + .footer-app-link {
    margin-left: 25px;
  }
.footer-app-link__image {
    height: 40px;
  }
.new__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 64px;
  min-width: 1300px;
  min-width: var(--grid_min-width);
  max-width: 1440px;
  max-width: var(--grid_max-width);
  margin: 0 auto;
}
:root {
  --grid_min-width: 1300px;
  --grid_max-width: 1440px;
}
.user-menu__area_opened {
      display: none;
    }
.user-menu__reference {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #056B9F;
    color: var(--color_blue_main);
    cursor: pointer;
    background-color: transparent;
    border: none;
  }
.user-menu__popper {
    display: none;
    border: 1px solid #056B9F;
    border: 1px solid var(--color_blue_main);
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    margin: 16px 0;
    padding: 14px 0;
    z-index: 120;
  }
.user-menu__popper_visible {
      display: block;
    }
.user-menu__link {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
    color: #232735;
    color: var(--color_text_01);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    padding: 4px 14px;
    text-decoration: none
  }
.user-menu__link:hover, .user-menu__link.focus-visible {
      background-color: #056B9F;
      background-color: var(--color_blue_main);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.user-menu__link:hover, .user-menu__link.focus-visible {
      background-color: #056B9F;
      background-color: var(--color_blue_main);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.user-menu__link:hover, .user-menu__link:focus-visible {
      background-color: #056B9F;
      background-color: var(--color_blue_main);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.user-menu__separator {
    padding: 10px 14px
  }
.user-menu__separator::before {
      content: '';
      display: block;
      border-top: 1px solid #C6CEDF;
      border-top: 1px solid var(--color_border);
    }
.user-menu_opened .user-menu__area_opened {
          display: inline;
        }
.user-menu_opened .user-menu__area_closed {
          display: none;
        }
.header-link__image-wrapper {
    text-align: center;
    margin-bottom: 8px;
  }
.header-link__image_hover, .header-link__image_active {
      display: none;
    }
.header-link__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #056B9F;
  color: var(--color_blue_main);
  white-space: nowrap;
}
.header-link:hover .header-link__image_default, .header-link.focus-visible .header-link__image_default {
          display: none;
        }
.header-link:hover .header-link__image_hover, .header-link.focus-visible .header-link__image_hover {
          display: inline;
          display: initial;
        }
.header-link:hover .header-link__text, .header-link.focus-visible .header-link__text {
        color: #044E74;
        color: var(--color_blue_hover);
      }
.header-link:hover .header-link__image_default, .header-link.focus-visible .header-link__image_default {
          display: none;
        }
.header-link:hover .header-link__image_default, .header-link:focus-visible .header-link__image_default {
          display: none;
        }
.header-link:hover .header-link__image_hover, .header-link.focus-visible .header-link__image_hover {
          display: inline;
          display: initial;
        }
.header-link:hover .header-link__image_hover, .header-link:focus-visible .header-link__image_hover {
          display: inline;
          display: initial;
        }
.header-link:hover .header-link__text, .header-link.focus-visible .header-link__text {
        color: #044E74;
        color: var(--color_blue_hover);
      }
.header-link:hover .header-link__text, .header-link:focus-visible .header-link__text {
        color: #044E74;
        color: var(--color_blue_hover);
      }
.header-link_active .header-link__image_default, .header-link_active .header-link__image_hover, .header-link_active:hover .header-link__image_default, .header-link_active:hover .header-link__image_hover, .header-link_active.focus-visible .header-link__image_default, .header-link_active.focus-visible .header-link__image_hover {
            display: none;
          }
.header-link_active .header-link__image_active, .header-link_active:hover .header-link__image_active, .header-link_active.focus-visible .header-link__image_active {
            display: inline;
            display: initial;
          }
.header-link_active .header-link__text, .header-link_active:hover .header-link__text, .header-link_active.focus-visible .header-link__text {
          color: #232735;
          color: var(--color_text_01);
        }
.header-link_active .header-link__image_default, .header-link_active .header-link__image_hover, .header-link_active:hover .header-link__image_default, .header-link_active:hover .header-link__image_hover, .header-link_active.focus-visible .header-link__image_default, .header-link_active.focus-visible .header-link__image_hover {
            display: none;
          }
.header-link_active .header-link__image_default, .header-link_active .header-link__image_hover, .header-link_active:hover .header-link__image_default, .header-link_active:hover .header-link__image_hover, .header-link_active:focus-visible .header-link__image_default, .header-link_active:focus-visible .header-link__image_hover {
            display: none;
          }
.header-link_active .header-link__image_active, .header-link_active:hover .header-link__image_active, .header-link_active.focus-visible .header-link__image_active {
            display: inline;
            display: initial;
          }
.header-link_active .header-link__image_active, .header-link_active:hover .header-link__image_active, .header-link_active:focus-visible .header-link__image_active {
            display: inline;
            display: initial;
          }
.header-link_active .header-link__text, .header-link_active:hover .header-link__text, .header-link_active.focus-visible .header-link__text {
          color: #232735;
          color: var(--color_text_01);
        }
.header-link_active .header-link__text, .header-link_active:hover .header-link__text, .header-link_active:focus-visible .header-link__text {
          color: #232735;
          color: var(--color_text_01);
        }
.header-pusher {
  height: 104px;
}
.header-submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 50vh;
  overflow: auto;
  border-top: 1px solid #D3D4D8;
  border-top: 1px solid var(--color_ui_04);
  background-color: #FAFAFC;
  background-color: var(--color_ui_02);
  padding: 6px 0 18px;
}
.header-submenu__content {
    padding-left: 345px;
  }
.header-submenu__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -16px;
  }
.header-submenu__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px 0;
  }
.header-submenu__link_active, .header-submenu__link_active:hover, .header-submenu__link_active:active, .header-submenu__link_active:focus {
        color: #232735;
        color: var(--color_text_01);
        text-decoration: none;
      }
.header-submenu__link_active.focus-visible {
        text-decoration: underline;
      }
.header-submenu__link_active.focus-visible {
        text-decoration: underline;
      }
.header-submenu__link_active:focus-visible {
        text-decoration: underline;
      }
.header {
  background-color: #FAFAFC;
  background-color: var(--color_ui_02);
  min-width: 1300px;
  min-width: var(--grid_min-width);
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
.header__content {
    height: 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.header__logo-wrapper, .header__add-problem, .header__user {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.header__logo-wrapper {
    width: 87px;
  }
.header__description {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    color: #505565;
    color: var(--color_text_02);
    padding-left: 32px;
    width: 255px;
  }
.header__nav {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.header__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.header__nav-item + .header__nav-item {
      padding-left: 40px;
    }
.header__nav-item:hover .header-submenu {
        display: block;
      }
.header__add-problem, .header__user {
    padding-left: 32px;
  }
@media (min-width: 1300px) {
  .header {
    position: fixed;
  }
}
.main-add-problem {
  padding-top: 48px;
  padding-bottom: 139px;
  overflow: hidden;
  min-width: 1300px;
  min-width: var(--grid_min-width);
}
.main-add-problem__title {
    padding-top: 58px;
    margin-bottom: 46px;
  }
.main-add-problem__search {
    margin-bottom: 32px;
  }
.main-add-problem__banner-wrapper {
    position: relative;
    height: 414px;
  }
.main-add-problem__banner {
    position: absolute;
    top: 0;
    left: -20px;
    right: -100px;
    width: 150%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
.main-counters {
  position: relative;
  margin: 0 -32px;
}
.main-counters__panel {
    position: absolute;
    z-index: 3;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #FFFFFF;
    background-color: var(--color_ui_01);
    border: 2px solid #C6CEDF;
    border: 2px solid var(--color_border);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
  }
.main-counter {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  padding: 24px 16px;
  text-align: center;
}
.main-counter__count {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: #232735;
  color: var(--color_text_01);
}
.main-counter__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
  text-transform: uppercase;
}
.main-news {
  padding-top: 85px;
}
.main-news__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 29px;
  text-align: center;
  color: #232735;
  color: var(--color_text_01);
}
.main-news__bottom {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
  text-align: right;
}
.main-news__load-more {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.main-references {
  margin-top: 111px;
  padding-bottom: 64px;
}
.main-references__slider {
    white-space: nowrap;
    overflow: hidden
  }
.main-references__slider.slick-initialized {
      overflow: visible;
    }
.main-reference {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
  width: 16.66667%;
  text-align: center;
  white-space: normal;
  white-space: initial;
}
.main-reference__link {
    display: block;
  }
.main-reference__image {
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 11px;
  }
.main-reference__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.main-resolved-problems {
  padding-top: 85px;
}
.main-resolved-problems__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 35px;
  text-align: center;
  color: #232735;
  color: var(--color_text_01);
}
.main-resolved-problems__slider {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 -16px
  }
.main-resolved-problems__slider.slick-initialized {
      overflow: visible;
    }
.main-resolved-problem {
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding: 0 16px;
  white-space: normal;
  white-space: initial;
}
.main-resolved-problem__content {
    display: block;
  }
.main-resolved-problem__images {
    position: relative;
    height: 224px;
    margin-bottom: 19px;
  }
.main-resolved-problem__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
.main-resolved-problem__image_before {
      opacity: 0
    }
.main-resolved-problem__image_before:hover {
        opacity: 1;
      }
.main-resolved-problem__badge {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 1px 7px 3px;
  border-radius: 24px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.main-resolved-problem__badge_after {
      background-color: #F4960A;
      background-color: var(--color_orange_main);
      color: #FFFFFF;
      color: var(--color_text_inverse);
}
.main-resolved-problem__badge_before {
      background-color: #A1A4B1;
      background-color: var(--color_ui_05);
      color: #FFFFFF;
      color: var(--color_text_inverse);
}
.main-resolved-problem__duration {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
  margin-bottom: 6px;
}
.main-resolved-problem__reason {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  max-height: 96px;
}
.main-search-building {
  position: relative;
  padding-top: 165px;
  padding-bottom: 120px;
  background-image: url("/static/openspb/js/30c8c9fec2f12a4928b7894cdc368cbd.30c8c9fec2f1.png");
  background-size: cover;
  min-width: 1300px;
  min-width: var(--grid_min-width)
}
.main-search-building::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,255,0.3)), to(rgba(0,255,255,0)));
    background: linear-gradient(to bottom, rgba(0,255,255,0.3), rgba(0,255,255,0));
    background: var(--bg_gradient);
  }
.main-search-building__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  color: var(--color_text_inverse);
  margin-bottom: 25px;
}
.main-search-building__description {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  color: var(--color_text_inverse);
  margin-bottom: 50px;
}
.news-detail {
  padding: 33px 0 80px;
}
.news-detail__breadcrumb {
    margin-bottom: 17px;
  }
.news-detail__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #232735;
  color: var(--color_text_01);
  margin: 0 0 13px;
  word-wrap: break-word;
  word-break: break-word;
}
.news-detail__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.news-detail__content {
    margin-top: 50px;
  }
.news-list {
  margin: 0 -16px -32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.news-list__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
            flex: 0 0 22%;
  }
.news-list__item_big {
      grid-column: 1 / 3;
      grid-row: 1 / 3;
    }
.news-list_cols_2 {
      grid-template-columns: 50% 50%;
    }
.news-list_cols_2 .news-list__item {
        -ms-flex-preferred-size: 47%;
            flex-basis: 47%;
      }
.news-list_cols_3 {
      grid-template-columns: 33.333% 33.333% 33.333%;
    }
.news-list_cols_3 .news-list__item {
        -ms-flex-preferred-size: 29%;
            flex-basis: 29%;
      }
.news-list-item__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.news-list-item__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  word-wrap: break-word;
  word-break: break-word;
  margin-top: 8px;
  color: #232735;
  color: var(--color_text_01);
}
.news-list-item_big .news-list-item__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.news-list-item_big .news-list-item__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin-top: 0;
}
.organization-header {
  padding: 50px 0 60px;
  background-color: #FFFFFF;
  background-color: var(--color_ui_01);
}
.organization-header__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  margin: 0;
  color: #232735;
  color: var(--color_text_01);
}
.organization-map-container {
  margin-top: 64px;
  height: 320px;
}
.organization-map-container > .map-wrapper {
    height: 100%;
  }
.organization-stats__counters {
    margin-bottom: 55px;
  }
.organization-stats__chart-container {
    padding-bottom: 65px;
  }
.organization-stats__chart-title {
    padding-bottom: 15px;
  }
.organization-stats__chart-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.organization-stats__chart-icon {
    font-size: 16px;
    color: #8B90A0;
    color: var(--color_text_03);
  }
.page {
  padding: 48px 0 80px;
}
.page_no-offset-top {
    padding-top: 0;
  }
.page__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  margin: 0 0 48px;
}
.page__messages {
    margin: 0 0 48px;
  }
.page__switch {
    margin-top: 24px;
  }
.page__list {
    margin-top: 40px;
  }
.page-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 22px;
  color: #232735;
  color: var(--color_text_01);
}
.page-sort__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
.page-sort__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 32px;
  }
.page-sort-item.focus-visible {
    text-decoration: underline;
  }
.page-sort-item.focus-visible {
    text-decoration: underline;
  }
.page-sort-item:focus-visible {
    text-decoration: underline;
  }
.page-sort-item__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #056B9F;
  color: var(--color_blue_main);
}
.page-sort-item__icon {
    display: none;
    font-size: 13px;
    color: #F4960A;
    color: var(--color_orange_main);
  }
.page-sort-item__icon_empty {
      display: inline;
    }
.page-sort-item_current_desc .page-sort-item__icon {
        display: none;
      }
.page-sort-item_current_desc .page-sort-item__icon_desc {
          display: inline;
        }
.page-sort-item_current_asc .page-sort-item__icon {
        display: none;
      }
.page-sort-item_current_asc .page-sort-item__icon_asc {
          display: inline;
        }
.page-sort-item:hover {
    text-decoration: none;
  }
.page-sort-item:hover .page-sort-item__text {
        color: #044E74;
        color: var(--color_blue_hover);
      }
.page-sort-item_next_desc:hover .page-sort-item__icon {
          display: none;
        }
.page-sort-item_next_desc:hover .page-sort-item__icon_desc {
            display: inline;
          }
.page-sort-item_next_asc:hover .page-sort-item__icon {
          display: none;
        }
.page-sort-item_next_asc:hover .page-sort-item__icon_asc {
            display: inline;
          }
.problem-map-page__district {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.problem-map-page__address {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
}
.problem-map-page__map {
    margin-top: 50px;
    height: 540px;
  }
.problem-map-page__map > .map-wrapper {
      height: 100%;
    }
.account-row + .account-row {
    margin-top: 24px;
  }
.attached-account__check {
    vertical-align: middle;
    font-size: 16px;
    color: #F4960A;
    color: var(--color_orange_main);
    margin-right: 12px;
  }
.attached-account__logo_gu {
      margin-top: 6px;
    }
.attached-account__logo_vk {
      margin-top: 5px;
    }
.attached-account__logo_esov {
      display: inline-block;
      vertical-align: bottom;
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      font-size: 24px;
      color: #000;
      margin-top: 10px;
    }
.problem-details {
  padding: 35px 0 80px;
}
.problem-details__top-block {
    margin-bottom: 24px;
  }
.problem-details__number {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
  margin-right: 16px;
}
.problem-details__unpublished {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.problem-details__category {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #8B90A0;
  color: var(--color_text_03);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.problem-details__header {
    padding-bottom: 60px;
  }
.problem-details__list {
    padding-top: 60px;
  }
.problem-details__messages {
    margin: 60px 0;
  }
.problem-details__map-wrapper {
    padding-bottom: 30px;
    max-width: 200px;
  }
.problem-details__map {
    height: 210px;
  }
.problem-header__reason {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #232735;
  color: var(--color_text_01);
}
.problem-header__reason-hint {
    margin-left: 10px;
    font-size: 18px;
    color: #8B90A0;
    color: var(--color_text_03);
  }
.problem-header__expected-answer {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-top: 13px;
  color: #F4960A;
  color: var(--color_orange_main);
}
.problem-header__info {
    margin-top: 38px;
  }
.problem-header__info-row + .problem-header__info-row {
      margin-top: 18px;
    }
.problem-header__actions {
    margin-top: 31px;
  }
.problem-message {
  border-radius: 4px;
  background-color: #F0F1F3;
  background-color: var(--color_ui_03);
  padding: 10px 22px;
  position: relative;
}
.problem-message__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
  margin-bottom: 6px;
}
.problem-message__date {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505565;
  color: var(--color_text_02);
}
.problem-message__author {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #505565;
  color: var(--color_text_02);
}
.problem-message__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
  padding-bottom: 8px;
  word-wrap: break-word;
  color: #232735;
  color: var(--color_text_01);
}
.problem-message__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 4px 0 0 4px;
  }
.problem-message_has-reject {
    border-bottom-left-radius: 0;
  }
.problem-message_has-reject .problem-message__border {
        border-bottom-left-radius: 0;
      }
.problem-message-reject {
  background-color: #D3D4D8;
  background-color: var(--color_ui_04);
  border-radius: 0 0 4px 4px;
  padding: 10px 22px;
  position: relative;
}
.problem-message-reject__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 0 0 0 4px;
  }
.problem-message-reject__head {
    position: relative;
  }
.problem-message-reject__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
  padding-bottom: 8px;
  word-wrap: break-word;
  color: #232735;
  color: var(--color_text_01);
}
.sidebar-hint-icon {
  font-size: 16px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.sidebar-history-block + .sidebar-history-block {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #C6CEDF;
    border-top: 1px solid var(--color_border);
  }
.sidebar-history-block__organization {
    margin-top: 8px;
  }
.sidebar-history-block__person-block {
    margin-top: 8px;
  }
.sidebar-history-block__position {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #8B90A0;
  color: var(--color_text_03);
}
.problems-list-counters {
  margin-bottom: 32px;
}
.program-tiles {
  margin: 0 -16px -43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.program-tiles__tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 16px 43px;
  }
.program-tile__title-caption {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
}
.program-tile__title-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.program-tile__block {
    margin-top: 11px;
  }
.program-tile__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #8B90A0;
  color: var(--color_text_03);
}
.program-tile__value {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.rating-charts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px -16px;
}
.rating-charts__chart {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 16px;
  }
.rating-charts__chart + .rating-charts__chart {
      border-left: 1px solid #C6CEDF;
      border-left: 1px solid var(--color_border);
    }
.rating-charts__chart-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}
.rating-charts__chart-diagram {
    margin-left: 10px;
  }
.rating-charts__icon {
    font-size: 16px;
    color: #8B90A0;
    color: var(--color_text_03);
  }
.sidebar-page {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 64px;
  min-width: 1300px;
  min-width: var(--grid_min-width);
  max-width: 1440px;
  max-width: var(--grid_max-width);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-page__sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 312px;
            flex: 0 0 312px;
}
.sidebar-page__link {
    -webkit-box-sizing: 8px;
            box-sizing: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: block;
    width: 100%;
    padding: 8px;
    color: #056B9F;
    color: var(--color_blue_main);
    text-decoration: none;
}
.sidebar-page__link:hover {
      background-color: #056B9F;
      background-color: var(--color_blue_main);
      color: #FFFFFF;
      color: var(--color_text_inverse);
      text-decoration: none;
}
.sidebar-page__link_active {
      background-color: #F1F9FD;
      background-color: var(--color_blue_bg);
      color: #232735;
      color: var(--color_text_01);
}
.sidebar-page__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    padding-left: 32px;
}
.sidebar-page_has-offsets .sidebar-page__sidebar {
      padding-top: 45px;
    }
.user-page__title-block {
    margin: 0 0 50px;
  }
.user-page__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  margin: 0;
}
.user-page__info {
    margin-top: 4px;
  }
.user-page-info {
  display: inline-block;
  vertical-align: top;
}
.user-page-info + .user-page-info {
    margin-left: 32px;
  }
.user-page-info__icon {
    margin-right: 4px;
    font-size: 16px;
  }
.user-page-info__icon_status {
      color: #8B90A0;
      color: var(--color_text_03);
    }
.user-page-info__icon_public-controller {
      color: #F4960A;
      color: var(--color_orange_main);
    }
.user-page-info__text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #232735;
  color: var(--color_text_01);
}
.user-page-info__hint {
    margin-left: 4px;
    color: #8B90A0;
    color: var(--color_text_03);
  }