:root {
  --main-text-color: rgb(67, 100, 172);
  --warn-color: rgb(235, 87, 87);
}

body,
h1,
h2,
h3,
h4 {
  font-weight: 400;
}

body {
  font-family: 'Roboto', sans-serif;
  background: #e4e5e6;
}

a {
  color: #007bff;
  font-weight: bold;
}

a:hover {
  color: #007bff;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.invalid-feedback {
  display: inline;
}

.jh-card {
  padding: 1.5%;
  margin-top: 20px;
  border: none;
  height: calc(100vh - 80px);
  overflow: auto;
}

.error {
  color: white;
  background-color: red;
}

.pad {
  padding: 10px;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

.break {
  white-space: normal;
  word-break: break-all;
}

.readonly {
  background-color: #eee;
  opacity: 1;
}

a:hover {
  cursor: pointer;
}

.hand,
[jhisortby] {
  cursor: pointer;
}

.alerts .alert {
  text-overflow: ellipsis;
}
.alert pre {
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
}

.alert .popover pre {
  font-size: 10px;
}

.alerts .toast {
  position: fixed;
  width: 100%;
}

.alerts .toast.left {
  left: 5px;
}

.alerts .toast.right {
  right: 5px;
}

.alerts .toast.top {
  top: 55px;
}

.alerts .toast.bottom {
  bottom: 55px;
}

@media screen and (min-width: 480px) {
  .alerts .toast {
    width: 50%;
  }
}

.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}

.width-min {
  width: 1% !important;
}

.flex-btn-group-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.row.jh-entity-details > dd {
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .row.jh-entity-details > dt {
    margin-bottom: 15px;
  }

  .row.jh-entity-details > dd {
    border-bottom: 1px solid #eee;
    padding-left: 180px;
    margin-left: 0;
  }
}

.nav,
.pagination,
.carousel,
.card-title a {
  cursor: pointer;
}

.datetime-picker-dropdown > li.date-picker-menu div > table .btn-secondary,
.uib-datepicker-popup > li > div.uib-datepicker > table .btn-secondary {
  border: 0;
}

.datetime-picker-dropdown > li.date-picker-menu div > table:focus,
.uib-datepicker-popup > li > div.uib-datepicker > table:focus {
  outline: none;
}

.thread-dump-modal-lock {
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-menu {
  z-index: 1001;
  max-height: 440px;
  overflow: auto;
}

.app-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none;
  padding: 0.375rem 0.75rem;
}

.view-container {
  height: 100%;
  overflow: auto;
}

#app-header {
  position: sticky;
  top: 0;
  z-index: 1030;
}

#app-header .jh-navbar {
  height: 60px;
}

.footer {
  height: 50px;
}

.dropdown-toggle {
  white-space: normal;
}

.home .home__layout {
  min-height: 540px;
  height: calc(100vh - 60px);
}

.server-detector .jh-card {
  margin-top: 0 !important;
}

.server-detector .card {
  background-color: #e4e5e6;
  margin: 0;
  padding: 0;
}

.ribbon {
  background-color: rgba(170, 0, 0, 0.5);
  left: -3.5em;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  position: absolute;
  top: 30px;
  white-space: nowrap;
  width: 15em;
  z-index: 99999;
  pointer-events: none;
  opacity: 0.75;
}
.ribbon a {
  color: #fff;
  display: block;
  font-weight: 400;
  margin: 1px 0;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 5px #444;
  pointer-events: none;
}
.jh-navbar {
  background-color: #353d47;
  padding: 0.2em 1em;
}
.jh-navbar .profile-image {
  margin: -10px 0px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.jh-navbar .dropdown-item.active,
.jh-navbar .dropdown-item.active:focus,
.jh-navbar .dropdown-item.active:hover {
  background-color: #353d47;
}
.jh-navbar .dropdown-toggle::after {
  margin-left: 0.15em;
}
.jh-navbar ul.navbar-nav {
  padding: 0.5em;
}
.jh-navbar ul.navbar-nav .nav-item {
  margin-left: 1.5rem;
}
.jh-navbar a.nav-link {
  font-weight: 400;
}
.jh-navbar a.nav-link > span {
  margin-left: 5px;
}
.jh-navbar .jh-navbar-toggler {
  color: #ccc;
  font-size: 1.5em;
  padding: 10px;
}
.jh-navbar .jh-navbar-toggler:hover {
  color: #fff;
}
.navbar-version {
  font-size: 10px;
  color: #bbb;
  padding: 0 0 0 10px;
}
.brand-logo:hover {
  text-decoration: none;
}
.brand-logo .brand-icon {
  display: inline-block;
}
.brand-logo .brand-icon img {
  height: 35px;
}
.brand-title {
  font-size: 24px;
  color: #fff;
  margin-left: 8px;
}
.brand-title:hover {
  color: #ccc;
  text-decoration: none;
}
.loading-bar {
  height: 3px;
  background-color: #009cd8;
  position: absolute;
  top: 0px;
  z-index: 1031;
}
.camera-complexes {
  font-size: small;
  line-height: 12px;
}

@media screen and (max-width: 360px) {
  .brand-logo .brand-icon img {
    width: 200px;
  }
}

.audit-datepicker .react-datepicker__input-container{
    width: 100%;
    margin-left: 0;
}
.camera-statuses__filters-container {
  padding-bottom: 15px;
}

.camera-statuses__filters-container .form-control {
  padding-right: 30px !important;
}

.camera-statuses__search-button {
  width: 100px;
}

.rbt-close {
  top: -30px;
  left: -10px;
  position: relative;
}

.rbt-aux {
  position: absolute;
  right: 0px;
}

.rbt-highlight-text {
  padding: 0px !important;
}

.schedules-page {
  max-width: 800px;
}
.schedules-page__header {
  margin-bottom: 25px;
}
.schedules-item__button {
  background-color: white;
  font-size: 11px;
  color: black;
  margin-right: 5px;
  border-color: #b3b3b3;
}

.schedules-page {
    max-width: 800px;
  }
  .schedules-page__header {
    margin-bottom: 25px;
  }
  .schedules-item__button {
    background-color: white;
    font-size: 11px;
    color: black;
    margin-right: 5px;
    border-color: #b3b3b3;
  }
  
.camera-types-page__header {
  margin-bottom: 25px;
}

.camera-type-item__button {
  background-color: white;
  font-size: 11px;
  color: black;
  border-color: #b3b3b3;
}

.schedule-edit-page__header .breadcrumbs {
  margin-bottom: 10px;
}

.schedule-edit-page__body .number-field {
  display: inline-block;
  width: 50px;
  padding: 0 0 0 5px;
  text-align: right;
}

.schedule-edit-page__body .cron-text {
  font-weight: bold;
  margin-top: 20px;
}

.schedule-edit-page__footer {
  margin-top: 20px;
}

.schedule-edit-page__footer .save-btn {
  width: 200px;
  margin-right: 10px;
}

.schedule-edit-page__footer .cancel-btn {
  width: 100px;
  background-color: white;
  color: black;
  border-color: #b3b3b3;
}

.schedule-edit-page__header .breadcrumbs {
    margin-bottom: 10px;
  }
  
  .schedule-edit-page__body .number-field {
    display: inline-block;
    width: 50px;
    padding: 0 0 0 5px;
    text-align: right;
  }
  
  .schedule-edit-page__body .cron-text {
    font-weight: bold;
    margin-top: 20px;
  }
  
  .schedule-edit-page__footer {
    margin-top: 20px;
  }
  
  .schedule-edit-page__footer .save-btn {
    width: 200px;
    margin-right: 10px;
  }
  
  .schedule-edit-page__footer .cancel-btn {
    width: 100px;
    background-color: white;
    color: black;
    border-color: #b3b3b3;
  }
  
.calendar-days-off-page {
  max-width: 850px;
}
.calendar-days-off-page .calendar {
  overflow: initial;
}

.calendar-days-off-page__title-page {
  display: flex;
  justify-content: space-between;
  height: 40px;
  margin-bottom: 70px;
}

.calendar-days-off-page__header {
  margin-bottom: 25px;
}
.calendar-days-off-page__header-toggle {
  margin-left: 10px;
  cursor: pointer;
}
.calendar-days-off-item__button {
  background-color: white;
  font-size: 11px;
  color: black;
  margin-right: 5px;
  border-color: #b3b3b3;
}

.calendar .months-container .month-container {
  height: 220px !important;
}
.camera-type-edit-page__save-btn {
  margin-right: 10px;
}

.camera-type-edit-page__btn {
  display: flex;
  justify-content: flex-end;
}

.camera-type-edit-page__av-group {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0px;
}
.camera-type-edit-page__av-group .invalid-feedback {
  max-width: 200px;
}

.camera-type-view-page__data-title {
  font-weight: bold;
}

.camera-type-view-page__back-btn {
  min-width: 100px;
  height: border-box;
  background-color: white;
  color: black;
  border-color: #b3b3b3;
}

.table__header {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: bold;
}

.table__row_selectable:hover {
  background-color: #ececec;
}

.row__characteristic-name_bold {
  font-weight: bold;
}

.filters {
  padding: 12px 15px;
}

.filters > .form-group {
  margin-bottom: 0;
}

.tables-view-page__filters .form-group .form-group {
  display: inline-block;
  margin-left: 13px;
  width: 170px;
}

.filter__auto-vrp-container > .form-group {
  margin-bottom: 0;
}

.filter__photo-date-fields .form-group:nth-child(4) {
  margin-right: 13px;
}

.filter__camera-city-field {
  width: 250px;
}

.filter__camera-name-field {
  width: 300px;
}

.filter__branch-field {
  width: 200px;
}

.filter__auto-vrp-field {
  width: 140px;
}

.filter__button {
  width: 120px;
  height: 37px;
  background-color: white;
  border-color: #bdbaba;
  color: black;
  float: right;
}

.filter__loader {
  margin-right: 39px;
  float: right;
}

.photo-date-fields__date-from {
  display: flex;
  align-items: flex-start;
}

.photo-date-fields__text {
  margin-top: 8px;
}

.photo-date-fields__date-from .react-datepicker__input-container {
  display: inline-block;
  margin-left: 13px;
  width: 170px;
}

.photo-date-fields__date-from .react-datepicker__input-container input {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.datepicker__input-container_error {
  width: 125px;
  max-width: 155px;
  margin-left: 15px;
  display: block;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.datepicker__input-container_error-required {
  width: 155px;
  margin-left: 15px;
  display: block;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.datapicker-invalid {
  border-color: #dc3545 !important;
}

.datapicker-invalid:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%) !important;
}

.react-datepicker-ignore-onclickoutside:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.tables-view-page__table {
  width: 98%;
  margin: 0 auto;
}

.tables-view-page__filters {
  width: 49%;
  margin-left: 1%;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  min-width: 530px;
}

.photo-preview {
  margin: 10px 0;
  border: 1px solid transparent;
}

.photo-preview__image {
  width: 100%;
  height: auto;
}

.photo-preview__name {
  font-weight: bold;
  font-size: 14px;
}

.photo-preview__date {
  margin-top: 3px;
  font-size: 12px;
  text-align: end;
}

.photo-preview__address {
  font-size: 15px;
}

.photo-preview__band-h {
  min-height: 40px;
  background-color: #c4c4c4;
  width: 100%;
  padding: 5px 5px 2px;
}

.photos-view-page__header {
  margin-bottom: 10px;
}

.photos-view-page__photos-container {
  overflow-y: auto;
  max-height: 760px;
  margin: 0 5px;
}

.photos-view-page__page-button {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.photos-view-page__page-button:hover {
  background-color: #ececec;
}

.photos-view-page__footer {
  margin-top: 9px;
}

.photos-view-page__loader-area {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.25;
  z-index: 1000;
  filter: blur(27px);
}

.photos-view-page__spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
}

.photo-objects-view__image-container {
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 13px;
}

.photo-objects-view__checkbox-container {
  display: flex;
  flex-direction: column;
}

.photo-objects-view__checkbox-container > * {
  margin-right: 10px;
}

.path {
  fill: #ffffff4f;
  stroke-width: 2px;
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.path.active {
  stroke-width: 5px;
}
.path.autoContour {
  fill: rgba(255, 108, 11, 0.3);
  stroke: #6bffca;
}
.path.frameNumber {
  fill: rgba(234, 15, 255, 0.3);
  stroke: #ffe909;
}
.path.paidParking {
  fill: #1557244d;
  stroke: #155724;
}
.path.residentZone {
  fill: #721c244a;
  stroke: #ff7707;
}
.path.noParking {
  fill: #721c244a;
  stroke: #721c24;
}
.path.corrected {
  fill: #721c244a;
  stroke: #721c24;
  stroke-dasharray: 18;
  stroke-width: 5px;
}
.path.noParkingExceptHolidays {
  fill: #721c244a;
  stroke: #28a7454a;
}
.path.noStopping {
  fill: #dc35454a;
  stroke: #dc3545;
}
.path.noStoppingExceptHolidays {
  fill: #dc35454a;
  stroke: #28a7454a;
}
.path.noStoppingSidewalk {
  fill: #49505754;
  stroke: #dc3545;
}
.path.noStoppingExceptTaxi {
  fill: #f1771366;
  stroke: #5a1eb6;
}
.path.noStoppingExceptEV {
  fill: rgba(241, 112, 19, 0.3);
  stroke: #b61e6a;
}
.path.noStoppingYellowLine {
  fill: #ff770745;
  stroke: #ff7707;
}
.path.sidewalk {
  fill: #49505754;
  stroke: #495057;
}
.path.lawn {
  fill: #28a7454f;
  stroke: #28a745;
}
.path.secondRow {
  fill: #007bff78;
  stroke: #007bff;
}
.path.crosswalk {
  fill: #ffffff73;
  stroke: #ffffff;
}
.path.crossroad {
  fill: #ced4da40;
  stroke: #28a745;
}
.path.pedestrianZone {
  fill: #ced4da40;
  stroke: #ced4da;
}
.path.taxiZone {
  fill: #ffc10745;
  stroke: #000000;
}
.path.disabledZone {
  fill: #a807ff61;
  stroke: #a807ff;
}
.path.bicycleLane {
  fill: #66b0ff7d;
  stroke: #66b0ff;
}
.path.noStoppingEven {
  fill: rgba(81, 255, 250, 0.3);
  stroke: #ff0090;
}
.path.noStoppingOdd {
  fill: rgba(10, 255, 183, 0.3);
  stroke: #0017ff;
}
.path.prohibitionSignZone {
  fill: rgba(255, 0, 222, 0.3);
  stroke: #000dff;
}
.path.busZone {
  fill: rgba(147, 255, 110, 0.3);
  stroke: #ff7400;
}
.path.parkingPlace {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #6d6a6a;
}
.path.busStop {
  fill: rgba(255, 152, 44, 0.3);
  stroke: #000000;
}
.path.trafficLight {
  fill: rgba(255, 255, 255, 0.3);
  stroke: #ffffff;
}
.path.trafficLightRed {
  fill: rgba(255, 0, 0, 0.3);
  stroke: #ff0000;
}
.path.beforeStopLine {
  fill: rgba(0, 255, 0, 0.3);
  stroke: #ff2600;
}
.path.afterStopLine {
  fill: rgba(115, 0, 171, 0.3);
  stroke: #ff2600;
}
path.afterStopLineToLeft {
  fill: #ff000045;
  stroke: #0000ff;
}
path.afterStopLineToAheadAndLeft {
  fill: #00ff0045;
  stroke: #0000ff;
}
path.afterStopLineToAhead {
  fill: #58585845;
  stroke: #0000ff;
}
path.afterStopLineToAheadAndRight {
  fill: #ff800045;
  stroke: #0000ff;
}
path.afterStopLineToRight {
  fill: #bfff0045;
  stroke: #0000ff;
}
.path.detectionVrpZone {
  fill: #28a7454f;
  stroke: #28a745;
}
path.beforeStopLineToLeft {
  fill: #ff000045;
  stroke: #ff0000;
}
path.beforeStopLineToAheadAndLeft {
  fill: #00ff0045;
  stroke: #ff0000;
}
path.beforeStopLineToAhead {
  fill: #58585845;
  stroke: #ff0000;
}
path.beforeStopLineToAheadAndRight {
  fill: #0000ff45;
  stroke: #ff0000;
}
path.beforeStopLineToRight {
  fill: #ff770745;
  stroke: #ff0000;
}
path.driveForward {
  fill: #80800045;
  stroke: #ff0000;
}
path.driveToRight {
  fill: #00ff0045;
  stroke: #ff0000;
}
path.driveToLeft {
  fill: #0000ff45;
  stroke: #ff0000;
}
path.trafficLightRed {
  fill: #ff000045;
  stroke: #ffff00;
}
path.trafficLightLeft {
  fill: #80800045;
  stroke: #ffff00;
}
path.trafficLightRight {
  fill: #d2b48c45;
  stroke: #ffff00;
}
path.trafficLightGreen {
  fill: #00ff0045;
  stroke: #ffff00;
}
path.trafficLightSignRight {
  fill: #bfff0045;
  stroke: #ffff00;
}
path.parkingTypeParallel {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #00ff0045;
}
path.parkingTypePerpendicular {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #ff000045;
}
path.vehicleMoveObstacle {
  fill: rgba(255, 255, 255, 0.3);
  stroke: #ff0000;
}
path.limitedParkingZone {
  fill: rgba(180, 169, 119, 0.3);
  stroke: #6d5c27;
}
.violation-info {
  padding-top: 10px;
  padding-bottom: 10px;
  background: white;
  outline: #aaaaaa solid 1px;
  font-size: 15px;
}

.violation-info_box-shadow_sandy {
  outline: #6d6a6a solid 2px;
}

.violation-info__header {
  font-size: 18px;
  text-align: center;
}

.violation-info__content {
  display: flex;
  flex-direction: column;
}

.violation-info__content > * {
  margin-top: 5px;
}

.photo-miniature {
  height: 90px;
  min-width: 150px;
  border: solid 1px #aaaaaa;
  background-size: cover;
  background-repeat: no-repeat;
}

.statistics-photo-miniatures-tape {
  display: flex;
  flex-wrap: nowrap;
  padding: 15px 20px;
  margin: 15px 14px 0;
  background-color: #e9e9e9;
  border-radius: 7px;
  overflow-x: auto;
}

.statistics-photo-miniatures-tape > * {
  margin-right: 20px;
}

.statistics-photo-miniatures-tape > div:last-child {
  margin-right: 0;
}

.photo-metadata-page__auto-info-container {
  background-color: #e9e9e9;
  height: 100%;
  border-radius: 7px;
}

.photo-metadata-page__auto-info-content {
  max-height: 592px;
  overflow-y: auto;
}

.photo-metadata-page__auto-info-content > * {
  margin: 15px 0 0;
}

.photo-metadata-page__auto-info-content > *:first-child {
  margin-top: 15px;
}

.photo-metadata-page__auto-info-content > *:last-child {
  margin-bottom: 15px;
}

.photo-metadata-page__metric {
  font-weight: bold;
}

ul#strengthBar {
  display: inline;
  list-style: none;
  margin: 0;
  margin-left: 15px;
  padding: 0;
  vertical-align: 2px;
}

.point:last {
  margin: 0 !important;
}
.point {
  background: #ddd;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  width: 20px;
}

.changeable-main-options__container,
.entity-certificate__container {
  padding: 12px 5px;
}

.camera-certificate__container .form-group,
.changeable-main-options__container .form-group,
.camera-new__form .form-group,
.vzor-camera-new__form .form-group {
  margin: 7px 0 6px 0;
  width: 100%;
}

.vzor-camera-new__form .form-group .form-control,
.complex-new-item__form .form-group .form-control,
.entity-certificate__container .form-group,
.changeable-main-options__container .form-group,
.camera-new__form .form-group {
  margin: 7px 0 6px 0;
  width: 100%;
}
.complex-testimonies-item .complex-new-item__form .form-group {
  margin-bottom: 0px;
}
.complex-testimonies-item .complex-new-item__form .form-group .form-control {
  margin: 0px;
  width: 100%;
}

.vzor-camera-new__form .form-number .form-group .form-control,
.complex-new-item__form .form-number .form-group .form-control {
  margin-right: 0.5em;
}

.vzor-camera-new__form .form-group .form-control,
.complex-new-item__form .form-group .form-control,
.entity-certificate__container .form-group .form-control,
.changeable-main-options__container .form-group .form-control,
.camera-new__form .form-group .form-control {
  padding: 0.175rem 0.575rem;
  border: 1px solid #000000;
  border-radius: unset;
}

.vzor-camera-new__form .form-group .form-control:focus,
.complex-new-item__form .form-group .form-control:focus,
.entity-certificate__container .form-group .form-control:focus,
.changeable-main-options__container .form-group .form-control:focus,
.camera-new__form .form-group .form-control:focus {
  border-color: #989898;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.25);
}

.vzor-camera-new__form .form-group select.form-control:not([size]):not([multiple]),
.complex-new-item__form .form-group select.form-control:not([size]):not([multiple]),
.entity-certificate__container .form-group select.form-control:not([size]):not([multiple]),
.changeable-main-options__container .form-group select.form-control:not([size]):not([multiple]),
.camera-new__form .form-group select.form-control:not([size]):not([multiple]) {
  height: unset;
}

.vzor-camera-new__form .form-group > *,
.complex-new-item__form .form-group > *,
.entity-certificate__container .form-group > *,
.changeable-main-options__container .form-group > *,
.camera-new__form .form-group > * {
  margin-left: 0px;
}

.vzor-camera-new__form .form-group > label,
.complex-new-item__form .form-group > label,
.entity-certificate__container .form-group > label,
.changeable-main-options__container .form-group > label,
.camera-new__form .form-group > label {
  line-height: 1;
  align-items: center;
}

.vzor-camera-new__form .form-group .form-group,
.complex-new-item__form .form-group .form-group,
.entity-certificate__container .form-group .form-group,
.changeable-main-options__container .form-group .form-group {
  margin-top: 0px;
}

.entity-certificate__edit-btn,
.entity-certificate__cancel-btn,
.changeable-main-options__button {
  background-color: white;
  border-color: #bdbaba;
  color: black;
}

.camera-mode-icon_center {
  left: -0.39em;
  top: -0.4em;
}

.filters__filter-item__button {
  padding: 3px;
  color: #212529;
  text-decoration: underline;
}

.filters__filter-item__button_selected {
  padding: 3px;
  font-weight: bold;
}

.filters__filter-item {
  padding-right: 15px;
}

.filters__filter-item__badge {
  color: #212529;
  background-color: #fae3a9;
}

.filter-by-city {
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-by-city span {
  overflow: hidden;
}

.filter-by-city_neutral-background {
  background-color: white;
  color: black;
  border: 2px #eaeaea solid;
}

.leaflet-readonly-map {
  height: 100%;
  min-height: 403px;
}

.leaflet-readonly-map__layer-name {
  font-size: 16px;
}

.filter-by-kind {
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-by-kind span {
  overflow: hidden;
}

.filter-by-kind_neutral-background {
  background-color: white;
  color: black;
  border: 2px #eaeaea solid;
}

.filter-by-label {
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-by-label span {
  overflow: hidden;
}

.filter-by-label_neutral-background {
  background-color: white;
  color: black;
  border: 2px #eaeaea solid;
}

.filter-by-malfunction {
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-by-malfunction span {
  overflow: hidden;
}

.filter-by-malfunction_neutral-background {
  background-color: white;
  color: black;
  border: 2px #eaeaea solid;
}

.filter-by-malfunction-item {
  padding-right: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter-by-malfunction-item  input{
  position: relative;
  margin: 0 0 0 5px;
}

.camera-list-item {
  border: 1px solid #dee2e6;
  padding: 10px;
  margin-top: 10px;
  margin-right: 6px;
}

.clicked, .camera-list-item:hover {
  border: 1px solid #007bff;
}

.ymaps-2-1-79-map-copyrights-promo, .osm-card .leaflet-right {
  display: none !important;
}

.ya-card .leaflet-control-layers-toggle{
  display: none !important;
}

.ya-card .ymaps-2-1-79-traffic {
  display: none;
}

.ymaps-2-1-79-svg-icon{
  background-image: none !important;
}

.camera-list-item__work-mode-icon {
  margin-right: 3px;
}

.camera-list-item__status-icon {
  margin-right: 3px;
  float: right;
}

.camera-list-item__pin-button_hover {
  background-color: #e1e5e9;
}

.camera-list-item__name > a {
  color: black;
}

.camera-list-item__address {
  padding-left: 22px !important;
}

.camera-list-item__labels {
  padding-left: 22px !important;
}

.camera-list-item__labels > span.badge-secondary {
  color: black;
  background-color: #F2F2F2;
  font-weight: normal;
}

.camera-list-item .btn:not(:first-child) {
  margin-left: 1rem;
}

.camera-map_container {
  height: 71vh;
  width: 100%;
}

.cameras__list {
  margin-top: 10px;
  overflow-y: auto;
  height: 66vh;
  margin-bottom: 8px;
}

.camera-filters > * {
  display: inline-block;
  margin: 0 12px 10px 0;
}

.camera-filters__modes > * {
  display: inline-block;
  margin-bottom: 10px;
}

.camera-list__loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.camera-filters__clear-button {
  color: #6E757C;
  width: 100%;
  display: flex;
  justify-content: end;
}

.camera-filters__clear-button:hover {
  color: #6E757C
}

.camera-filters__clear-button:focus {
  outline: none;
  box-shadow: none
}

.d-flex.justify-content-between.align-items-center {
  margin-bottom: 15px;
}

.route-item {
  height: 120px;
  width: 220px;
  display: flex;
  flex-shrink: 0;
  font-size: 15px;
  color: white;
  background-size: 220px 120px;
  box-shadow: 0.4em 0.4em 5px rgba(236, 236, 236, 0.5);
  position: relative;
  overflow: hidden;
}

.route-item__background-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.route-item__photo-background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.route-item-band_background {
  background-color: black;
  opacity: 0.75;
}

.route-item__scene-num {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25%;
  font-weight: bold;
}

.route-item__band-v {
  width: 17%;
  position: relative;
  z-index: 1;
}

.route-item__band-v_move {
  width: 17%;
  cursor: move;
  position: relative;
  z-index: 1;
}

.route-item-dnd-box {
  height: 75%;
  display: flex;
  justify-content: center;
  padding-top: 13px;
}

.route-item-dnd-box-lines {
  width: 26%;
  height: 48%;
}

.route-item-dnd-box-lines__line-v {
  height: 100%;
  width: 1px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  display: inline-block;
}

.route-item-dnd-box-lines__line-v-central {
  margin-left: 1px;
  margin-right: 1px;
}

.route-item__delay-value {
  width: auto;
  padding-left: 4px;
  padding-right: 4px;
  height: 33%;
  display: flex;
  align-items: center;
  align-self: flex-end;
  font-weight: bold;
  margin-left: auto;
}

.route-item__band-h {
  width: 86%;
  height: 29%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  position: relative;
  z-index: 1;
}

.route-item__band-h-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.route-item-buttons__button-copy {
  background-color: white;
  margin-right: 3px;
}

.route-item-buttons__button-delete {
  background-color: white;
  margin-right: 3px;
}

.route-item__input-number {
  width: 69px;
  height: 26px;
  display: inline-block;
  font-size: 15px;
}

.band-h-text {
  margin-left: 3px;
}

.route-item__extended-vrp-analyze-icon {
  color: #eb5757;
  position: relative;
  top: 3px;
  left: 5px;
}

.route-item__extended-vrp-analyze-icon-container {
  position: absolute;
  bottom: 3px;
  left: 5px;
  height: 28px;
  width: 74%;
  border-radius: 50px;
}

.photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.loader-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.route-item-dnd-container {
  width: 220px;
  height: 120px;
  box-shadow: 0.4em 0.4em 5px rgba(122, 122, 122, 0.5);
}

.route-item-dnd-container_dragging {
  opacity: 0.5;
}

.route-item-dnd-container_read-only {
  cursor: move;
}

.route-items-container {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 264px;
}
.drop-down-list {
  display: inline-block;
  height: 28px;
  font-size: 13px;
  background-color: white;
  border-color: black;
  border-radius: 0.25rem;
}
div.route-items-container > * {
  margin: 12px 17px 0 0;
}

.route-header {
  display: flex;
  justify-content: space-between;
}

.route-header__button-edit {
  margin: 0 7px 0 0;
  min-width: 62px;
}

div.route-header__route-info > * {
  margin-right: 7px;
}

.route-header__name {
  font-weight: bold;
  font-size: 18px;
}

.route-header__photo-desc {
  margin-left: 5px;
}

.route-header__button {
  background-color: white;
  color: black;
  border-color: #555555;
  font-size: 11px;
}

.route-header__button-calibration {
  font-size: 11px;
  margin-left: 7px;
}

.is-running {
  display: inline-block;
  margin: 0 10px;
}

.editing-form {
  width: 100%;
}

.editing-form__group {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.editing-form__group > * {
  margin-right: 7px;
}

.editing-form__input-route-name {
  width: 20%;
  height: 29px;
  font-size: 15px;
  border-color: black;
}

.editing-form__buttons {
  margin-left: auto;
  margin-right: 0;
}

.editing-form__button-cancel {
  background-color: white;
  color: black;
  border-color: #555555;
  font-size: 11px;
  margin-left: 7px;
}

.editing-form__button-save {
  font-size: 11px;
  min-width: 62px;
}

.editing-form__checkbox {
  margin-left: 8px;
  position: relative;
}

.editing-form__drop-down-list {
  height: 29px;
  background-color: white;
  font-size: 12px;
  border-color: black;
  border-radius: 0.25rem;
  width: auto;
  padding: 0;
}

.scene-miniature {
  width: 90px;
  height: 50px;
  font-size: 13px;
  color: white;
  font-weight: bold;
  background-size: 90px 50px;
}
.scene-miniature:nth-child(4n) {
  margin-right: 0;
}
.scene-miniature_border {
  outline: 3px #299ddc solid;
}
.scene-miniature__band_background {
  background-color: black;
  opacity: 0.7;
}
.scene-miniature-band__number {
  padding: 2px 5px 2px 5px;
  width: min-content;
  height: min-content;
}

.adding-scene {
  width: 435px;
}
.adding-scene-container {
  display: flex;
  flex-wrap: wrap;
  max-height: 243px;
  overflow-y: auto;
  padding: 0 3px 3px 3px;
  margin: 0 3px 16px 16px;
}
.adding-scene-container > * {
  margin-top: 8px;
  margin-right: 11px;
}
.adding-scene-header {
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: space-between;
  padding: 0 3px 0 3px;
  margin: 5px 16px 0 16px;
}
.adding-scene-header__text {
  font-size: 17px;
  font-weight: bold;
}
.adding-scene-header__buttons-container {
  justify-self: flex-end;
}
.adding-scene-header__buttons-container > * {
  margin-left: 8px;
}
.adding-scene_neutral-background {
  background-color: white;
  color: black;
  border: 2px #eaeaea solid;
}
.adding-scene__dropdown {
  width: 200px;
  font-size: 14px;
  margin-right: 6px;
}
.adding-scene-header__button {
  font-size: 12px;
}

.route-editor {
  width: 100%;
  height: min-content;
  background-color: #f2f2f2;
  padding: 6px 13px 6px 13px;
  margin-bottom: 25px;
}

.route-editor__header {
  margin: 4px 0;
}

.route-editor__footer {
  display: flex;
  align-items: center;
  border: none;
  margin-top: 10px;
}

.route-editor__footer > * {
  margin-right: 6px;
}

.routes-editor {
  margin-top: 20px;
}

.routes-editor__header {
  height: 40px;
  font-size: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.routes-editor__header-button {
  margin-left: auto;
  max-width: 25%;
  width: 150px;
}

.routes-editor__body .no-suggestion {
  padding: 50px 36px 50px;
  text-align: center;
}

.online-video__container {
  position: relative;
  height: 100%;
}
.online-video__video {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.online-video__loader {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.online-video__vertical-line {
  background-color: white;
  position: absolute;
  width: 2px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -19px -1px 0 0;
  z-index: 2;
}
.online-video__horizontal-line {
  background-color: white;
  position: absolute;
  width: 40px;
  height: 2px;
  margin: 0 0 -1px -19px;
  top: 50%;
  left: 50%;
  z-index: 3;
}

.camear-video-modal {
}

.camear-video-modal .dashboard {
}

.camear-video-modal .buttons-block {
  margin-top: 30px;
}

.camear-video-modal .buttons-block .cancel-btn {
  background-color: white;
  font-size: 11px;
  color: black;
  margin-right: 5px;
  border-color: #b3b3b3;
}

.scene-item {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.scene-item:hover {
  border-top: 2px solid #007bff;
  border-bottom: 2px solid #007bff;
}

.scene-item__scene-number-text {
  color: #007bff;
  font-size: 16px;
}

.scene-item__scene-number-text_center {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.scene-item__extended-vrp-analyze-icon-container {
  display: inline-block;
  min-width: 20px;
  width: 36%;
  margin-right: 4px;
}

.scene-item__extended-vrp-analyze-icon {
  position: relative;
  left: 1px;
  color: #eb5757;
}

.scene-item__photo {
  height: 54px;
  width: 98px;
}

.scene-item__observing {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.scene-item__offset-warning {
  padding-top: 5px;
  padding-left: 5px;
}

.scene-item__pin-button {
  background-color: white;
  font-size: 11px;
  color: black;
  border-color: #b3b3b3;
  margin-right: 11px;
}

.scene-item__pin-ampty {
  margin-right: 38px;
}

.scene-item__scene-info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}

.scene-item__ptz-values {
  text-align: center;
  font-size: 15px;
  display: flex;
  align-items: center;
}

.scene-item__ptz-values > div {
  min-width: 100px;
}

.scene-item__gps-coord-container {
  font-size: 11px;
  padding-left: 7px;
}

.scene-item__info-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 16px;
  font-size: 11px;
  line-height: 1;
}

.scene-item__gps-coords {
  margin-right: 12px;
} 

.scene-item__parking-zone-container {
  margin-left: 5px;
  margin-right: 0;
}

.scene-item__objects {
  margin-right: 16px !important;
  margin-left: 5px !important;
  color: #007bff;
  text-decoration: underline;
  text-decoration-style: dotted;
  font-weight: bold;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  cursor: pointer;
}

.scene-item__text-no-objects {
  margin-right: 16px;
  font-weight: bold;
  cursor: default;
}

.scene-item__address-decree-container {
  margin-right: 12px;
}

.scene-item__address-decree-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow-x: hidden;
  display: inline-block;
  position: absolute;
}

.scene-item__invalid-address-decree-text_color_red {
  color: #eb5757;
}

.scene-item__parking-zone-info {
  font-size: 12px;
  color: #333;
  padding-left: 0;
  margin-top: 2px;
}

.scene-item__parking-zone-item {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.scene-item__parking-zone-item:last-child {
  margin-bottom: 0;
}

.scene-item__parking-zone-item span.zone-number {
  color: #ff6600;
  font-weight: bold;
}

.scene-item__parking-zone-item span.parking-number {
  font-weight: bold;
}

.scene-item__parking-polygons {
  margin-left: 5px;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.scene-item__parking-polygons:hover {
  color: #007bff;
}

.scene-item__parking-polygons_complete {
  color: #017AFF;
}

.scene-item__parking-polygons_incomplete {
  color: #FF4D00;
}

.scene-item__tooltip-missing-value {
  color: #FF4D00;
  font-weight: bold;
}

.scene-item__parking-tooltip .tooltip-inner {
  max-width: none !important;
  min-width: 250px;
  width: auto !important;
  text-align: center;
}

.scene-item__tooltip-row {
  display: inline-block;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
} 
.scene-list-table__content {
  overflow-y: scroll;
  max-height: 400px;
  min-height: 300px;
  margin-left: 0;
  margin-right: 0;
}

.scene-list-table__wrapper {
  padding: 0;
}

.scene-list-table-header {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-top: 2px solid #cfcfcf;
  border-bottom: 2px solid #cfcfcf;
  font-size: 16px;
  text-align: center;
}

.scene-list-table-header__ptz-container {
  margin-left: 80px;
  margin-right: 35px;
}

.scene-list {
  margin-top: 20px;
}

.scene-list__header {
  height: 40px;
  font-size: 22px;
  align-items: center;
  margin-bottom: 8px;
}

.scene-list__header-button {
  margin-left: 20px;
  max-width: 25%;
  width: 150px;
  float: right;
}

.readonly-main-options {
  margin-top: 25px;
}
.readonly-main-options_centered-vertically {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.readonly-main-options_centered-vertically .form-control{
  z-index: 1001;
}

.ReactTags__selected {
  width: 500px !important;
  display: table-cell !important;
}

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

.readonly-main-options__address {
  margin-top: 0;
}
.readonly-main-options__starting-point-coord {
  margin-top: 11px;
}

.ReactTags__tags {
  display: table-cell;
  position: relative;
}

.ReactTags__tagInput {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  border: none;
}

.ReactTags__tagInput input.ReactTags__tagInputField,
.ReactTags__tagInput input.ReactTags__tagInputField:focus {
  margin: 0;
  font-size: 12px;
  width: 100%;
  border: none;
  outline: none;
}

.ReactTags__selected {
  display: flex;
  width: 100%;
}

.ReactTags__selected span.ReactTags__tag {
  border: 1px solid #ddd;
  background: #F2F2F2;
  color: black;
  font-size: 12px;
  display: inline-block;
  padding: 0 3px;
  margin: 0 5px;
  border-radius: 3px;
  white-space: nowrap;
}
.ReactTags__selected a.ReactTags__remove {
  color: black;
  margin-left: 5px;
  cursor: pointer;
}

.ReactTags__suggestions {
  max-height: 350px;
  overflow: auto;
  position: absolute;
  z-index: 999;
}
.ReactTags__suggestions ul {
  list-style-type: none;
  padding-left: 0;
  box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
  background: white;
  min-width: 200px;
  font-stretch: normal;
}
.ReactTags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  margin: 0;
}
.ReactTags__suggestions li mark {
  display: none;
  text-decoration: underline;
  background: none;
  font-weight: 600;
}
.ReactTags__suggestions ul li.ReactTags__activeSuggestion {
  background: #b7cfe0;
  cursor: pointer;
}

.ReactTags__remove {
  border: none;
  cursor: pointer;
  background: none;
  color: black;
}

.camera-labels-container {
  width: -webkit-fill-available;
  height: auto;
  min-width: 170px;
  z-index: 1001;
}

.ReactTags__tags {
  display: flex;
  position: relative;
}

.ReactTags__tagInput {
  width: 100%;
  display: inline-block;
  border: none;
}
.ReactTags__tagInput input.ReactTags__tagInputField,
.ReactTags__tagInput input.ReactTags__tagInputField:focus {
  margin: 0;
  font-size: 12px;
  width: 100%;
  border: none;
  outline: none;
}

.ReactTags__selected {
  display: flex;
  width: 100%;
}

.ReactTags__selected span.ReactTags__tag {
  border: 1px solid #ddd;
  background: #F2F2F2;
  color: black;
  font-size: 12px;
  display: inline-block;
  padding: 0 3px;
  margin: 0 5px;
  border-radius: 3px;
  white-space: nowrap;
}
.ReactTags__selected a.ReactTags__remove {
  color: black;
  margin-left: 5px;
  cursor: pointer;
}

.ReactTags__suggestions {
  position: absolute;
  z-index: 999;
}
.ReactTags__suggestions ul {
  list-style-type: none;
  padding-left: 0;
  box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
  background: white;
  min-width: 200px;
  font-stretch: normal;
}
.ReactTags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  margin: 0;
}
.ReactTags__suggestions li mark {
  display: none;
  text-decoration: underline;
  background: none;
  font-weight: 600;
}
.ReactTags__suggestions ul li.ReactTags__activeSuggestion {
  background: #b7cfe0;
  cursor: pointer;
}

.ReactTags__remove {
  border: none;
  cursor: pointer;
  background: none;
  color: black;
} 
.return-back-component__anchor {
  margin-bottom: 14px;
  font-size: 13px;
}

.camera-control__buttons {
  background-color: transparent;
  border: none;
}

.camera-control__navigation-panel {
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 50%;
  background-color: #b2b2b2;
  height: 165px;
}

.camera-control__panel-container {
  width: 165px;
}

.camera-control__rows {
  margin-top: 7px;
}

.camera-control__content-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.camera-control__inner-text {
  font-size: 19px;
}

.camera-control__step-text {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.camera-control__step-slider {
  width: 80%;
  margin-right: 15px;
  padding-top: 5px;
}

.stream-quality {
  width: 164px;
  font-size: 15px;
}

.stream-quality__disabled {
  pointer-events: none;
  opacity: 0.3;
}

.stream-quality .wide {
  width: auto;
  font-size: 15px;
}

.stream-quality__hint-text {
  color: #a8a8a8;
  font-size: 13px;
}

.stream-quality__stream-text {
  text-decoration: underline;
  cursor: pointer;
}

.stream-quality__stream-text_selected {
  font-weight: bold;
  cursor: pointer;
}

.scene-editor-modal {
  width: 80%;
  min-width: 548px;
  max-width: none;
}

.scene-editor-modal__content {
  padding-bottom: 30px;
}

.content__video {
  height: 650px;
}

.content__dashboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
}

.dashboard__buttons-container {
  margin-top: auto;
  width: 165px;
}

.buttons-container__cancel-btn {
  background-color: white;
  font-size: 11px;
  color: black;
  margin-right: 5px;
  border-color: #b3b3b3;
}

.sova-scene-options-editor-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.camera-autocalibrate-control-title {
  font-size: 1rem;
  font-weight: 600
}

.camera-autocalibrate-control-button {
  width: 180px;
}

.mt {
  margin-top: 16px;
}

.mb {
  margin-bottom: 16px;
}

.zoom-control__slider {
  width: 250px;
  margin-right: 15px;
  padding-top: 5px;
}

.camera-navigation-control__buttons {
  background-color: transparent;
  border: none;
}

.camera-navigation-control__buttons svg {
  color: lightgray;
  opacity: 0.5;
}

.camera-navigation-control__navigation-panel {
  box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
  position: relative;
  display: inline-block;
  height: 100%;
}

.camera-navigation-control__navigation-table {
  width: 100%;
  height: 100%;
}

.camera-navigation-crosshair {
  width: 280px;
  height: 280px;
  display: inline-block;
  opacity: 0.3;
}

.top {
  vertical-align: top;
  text-align: center;
}
.bottom {
  vertical-align: bottom;
  text-align: center;
}
.left {
  vertical-align: middle;
  text-align: left;
}
.right {
  vertical-align: middle;
  text-align: right;
}
.center {
  vertical-align: middle;
  text-align: center;
  color: lightgray;
  opacity: 0.5;
}

.scene-editor-fluent-modal {
  width: 1182px;
  min-width: 1182px;
}

.disabled-close .modal-header .close {
  pointer-events: none;
  opacity: 0.2;
}

.scene-editor-fluent-modal__content {
  padding-top: 2rem;
}

.content__video {
  height: 650px;
}

.content__video-overlap {
  height: 650px;
  position: absolute;
  text-align: center;
}

.ptz-editor__buttons-container > button {
  margin-right: 5px;
}

.ptz-editor__buttons-container > .cancel-btn {
  background-color: white;
  color: black;
  border-color: #b3b3b3;
}

.controls-header {
  font-size: 1rem;
  font-weight: 600
}

.ptz-editor__mask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ptz-editor__mask-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  width: 100%;
  background: black;
  opacity: 0.5;
}

.ptz-editor__content-video-wrapper {
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
  height: 100%;
}

.ptz-editor__controls-column-wrapper {
  flex-grow: 0.4;
  flex-direction: column;
  gap: 3rem;
  display: flex;
}

.ptz-editor__content-video-overlay {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  justify-content: center;
}

.scene-photo-view {
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.scene-properties-editor-modal {
  width: 85%;
  min-width: 548px;
  max-width: none;
}

.scene-properties-editor-modal__image-container {
  width: 100%;
  max-height: 700px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 9px;
  position: relative;
}

.scene-properties-editor-modal__image-container > svg {
  max-height: 700px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.scene-properties-editor-modal__drop-down {
  display: inline;
}

.scene-properties-editor-modal__btn {
  background-color: transparent;
  border-color: transparent;
  color: black;
}

.scene-properties-editor-modal__scene-list-table {
  width: 700px;
  left: -105px !important;
  font-weight: normal;
}

.scene-properties-editor-modal__navigate-buttons {
  position: absolute;
  right: 50px;
  top: 16px;
}

.dashboard {
  display: flex;
  flex-direction: column;
  flex-flow: column;
}
.dashboard .header {
  font-weight: bold;
  padding: 0 0 0 15px;
}
.dashboard .body {
  flex: 1;
}
.dashboard .polygon-list {
  list-style: none;
  padding: 0;
}
.dashboard .polygon-list > li,
.dashboard .polygon-list-popup > li {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  font-size: 14px;
  padding: 5px 0 5px 15px;
}
.dashboard .polygon-list > li .dropdown,
.dashboard .polygon-list-popup > li .dropdown {
  display: inline-block;
  width: 100%;
}
.dashboard .polygon-list > li a,
.dashboard .polygon-list-popup > li a {
  font-weight: normal;
}
.dashboard .polygon-list > li:before,
.dashboard .polygon-list-popup > li:before {
  content: '';
  display: inline-block;
  min-width: 17px;
  height: 17px;
  background: #ccc;
  margin-right: 10px;
  vertical-align: sub;
}
.dashboard .polygon-list > li.active,
.dashboard .polygon-list-popup > li.active {
  background-color: #e0e0e0;
  color: #007bff;
}
.dashboard .add-btn {
  padding: 4px 11px;
  line-height: 16px;
  margin: 0px 3px;
}
.dashboard .controls-block {
  margin-top: 30px;
  padding: 0 0 0 15px;
}
.dashboard .buttons-block {
  margin-top: 30px;
  padding: 0 0 0 15px;
}

.dashboard .buttons-block .cancel-btn {
  background-color: white;
  font-size: 11px;
  color: black;
  margin-right: 5px;
  border-color: #b3b3b3;
}

.dashboard .polygon-warning {
  float: right;
  padding-right: 5px;
}

.dashboard .polygon-selector__popup {
  width: 500px;
}

.dashboard .polygon-selector__searchbox {
  margin-right: 0;
  margin-left: 0;
}

.dashboard .polygon-selector__searchbox .search {
  font-size: x-large;
}

.dashboard .polygon-selector__searchbox .input-group-text {
  background-color: transparent;
  border-right: none;
}

.dashboard .polygon-selector__search {
  width: 150px;
  transition: width 0.5s;
  border: 1px solid #ced4da;
  border-left: none;
  box-shadow: none;
}

.dashboard .polygon-selector__search.focus {
  width: 250px;
}

.dashboard .polygon-list-popup {
  padding-left: 0px;
  padding-right: 15px;
  max-height: 500px;
  overflow-y: auto;
}

.dashboard .polygon-list-popup li {
  cursor: pointer;
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dashboard .polygon-list-popup > li:before {
  margin-top: 7px;
}

.dashboard .polygon-list-popup > li > button {
  padding-left: 5px;
}

.dashboard .polygon-list li.paidParking:before {
  background-color: #1557244d;
  border: 1px solid #155724;
}
.dashboard .polygon-list li.residentZone:before {
  background-color: #721c244a;
  border: 1px solid #ff7707;
}
.dashboard .polygon-list li.noParking:before {
  background-color: #721c244a;
  border: 1px solid #721c24;
}
.dashboard .polygon-list li.noParkingExceptHolidays:before {
  background-color: #721c244a;
  border: 1px solid #28a7454a;
}
.dashboard .polygon-list li.noStopping:before {
  background-color: #dc35454a;
  border: 1px solid #dc3545;
}
.dashboard .polygon-list li.noStoppingExceptHolidays:before {
  background-color: #dc35454a;
  border: 1px solid #28a7454a;
}
.dashboard .polygon-list li.noStoppingYellowLine:before {
  background-color: #ff770745;
  border: 1px solid #ff7707;
}
.dashboard .polygon-list li.sidewalk:before {
  background-color: #49505754;
  border: 1px solid #495057;
}
.dashboard .polygon-list li.lawn:before {
  background-color: #28a7454f;
  border: 1px solid #28a745;
}
.dashboard .polygon-list li.secondRow:before {
  background-color: #007bff78;
  border: 1px solid #007bff;
}
.dashboard .polygon-list li.detectionVrpZone:before {
  background-color: #28a7454f;
  border: 1px solid #28a745;
}
.dashboard .polygon-list li.noStoppingExceptTaxi:before {
  background-color: #f1771366;
  border: 1px solid #5a1eb6;
}
.dashboard .polygon-list li.noStoppingExceptEV:before {
  background-color: rgba(241, 112, 19, 0.3);
  border: 1px solid #b61e6a;
}
.dashboard .polygon-list li.noStoppingSidewalk:before {
  background-color: #49505754;
  border: 1px solid #dc3545;
}

.dashboard .polygon-list li.crosswalk:before {
  background-color: #ffffff73;
  border: 1px solid #ffffff;
}
.dashboard .polygon-list li.crossroad:before {
  background-color: #ced4da40;
  border: 1px solid #28a745;
}
.dashboard .polygon-list li.pedestrianZone:before {
  background-color: #ced4da40;
  border: 1px solid #ced4da;
}
.dashboard .polygon-list li.taxiZone:before {
  background-color: #ffc10745;
  border: 1px solid #000000;
}
.dashboard .polygon-list li.disabledZone:before {
  background-color: #a807ff61;
  border: 1px solid #a807ff;
}
.dashboard .polygon-list li.bicycleLane:before {
  background-color: #66b0ff7d;
  border: 1px solid #66b0ff;
}
.dashboard .polygon-list li.noStoppingEven:before {
  background-color: rgba(81, 255, 250, 0.3);
  border: 1px solid #ff0090;
}
.dashboard .polygon-list li.noStoppingOdd:before {
  background-color: rgba(10, 255, 183, 0.3);
  border: 1px solid #0017ff;
}
.dashboard .polygon-list li.prohibitionSignZone:before {
  background-color: rgba(255, 0, 222, 0.3);
  border: 1px solid #000dff;
}
.dashboard .polygon-list li.busZone:before {
  background-color: rgba(147, 255, 110, 0.3);
  border: 1px solid #ff7400;
}
.dashboard .polygon-list li.parkingPlace:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px solid #6d6a6a;
}
.dashboard .polygon-list li.busStop:before {
  background-color: rgba(255, 152, 44, 0.3);
  border: 1px solid #000000;
}
.dashboard .polygon-list li.trafficLight:before {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #ffffff;
}
.dashboard .polygon-list li.trafficLightRed:before {
  background-color: rgba(255, 0, 0, 0.3);
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLine:before {
  background-color: rgba(0, 255, 0, 0.3);
  border: 1px solid #ff2600;
}
.dashboard .polygon-list li.afterStopLine:before {
  background-color: rgba(115, 0, 171, 0.3);
  border: 1px solid #ff2600;
}
.dashboard .polygon-list li.afterStopLineToLeft:before {
  background-color: #ff000045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToAheadAndLeft:before {
  background-color: #00ff0045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToAhead:before {
  background-color: #58585845;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToAheadAndRight:before {
  background-color: #ff800045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToRight:before {
  background-color: #bfff0045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.beforeStopLineToLeft:before {
  background-color: #ff000045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToAheadAndLeft:before {
  background-color: #00ff0045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToAhead:before {
  background-color: #58585845;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToAheadAndRight:before {
  background-color: #0000ff45;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToRight:before {
  background-color: #ff770745;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.driveForward:before {
  background-color: #80800045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.driveToRight:before {
  background-color: #00ff0045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.driveToLeft:before {
  background-color: #0000ff45;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.trafficLightRed:before {
  background-color: #ff000045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightLeft:before {
  background-color: #80800045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightRight:before {
  background-color: #d2b48c45;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightGreen:before {
  background-color: #00ff0045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightSignRight:before {
  background-color: #bfff0045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.parkingTypeParallel:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px #00ff0045;
}
.dashboard .polygon-list li.parkingTypePerpendicular:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px solid #ff000045;
}
.dashboard .polygon-list li.vehicleMoveObstacle:before {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #ff0000;
}

.dashboard .polygon-list li.limitedParkingZone:before {
  background-color: rgba(180, 169, 119, 0.3);
  border: 1px solid #6d5c27;
}
.point {
  fill: #dc3545;
}
.point.active {
  r: 15;
}

.polygon-editor-modal .drawing {
  width: 100%;
  height: 100%;
}

.polygon-editor-modal .drawArea {
  display: flex;
}

.polygon-editor-modal .drawArea.active {
  cursor: crosshair;
}

.current-season {
  font-weight: bold;
  margin-left: 5px;
}

.scene-extended-vrp-analyze {
  margin-top: 2px;
  margin-bottom: 2px;
}

.scene-extended-vrp-analyze__label {
  margin-bottom: 0;
}

.form-content {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.form-content__checkbox {
  margin-top: 0;
}

.form-content__icon {
  color: #eb5757;
}

.form-content__text {
  margin-right: 6px;
}

.form-content__text_color_red {
  color: #eb5757;
}

.polygon-editor-modal.modal-xl {
    width: 80%;
  min-width: 400px;
  max-width: none;
}

.polygon-editor-modal .info-header .info-header-main {
  font-weight: bold;
  margin-bottom: 10px;
}

.info-header-main__selected-season {
  display: flex;
  justify-content: flex-start;
}

.polygon-editor-modal .info-header .info-header-sub {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
}

.polygon-editor-modal .info-body {
  flex-direction: row;
  flex-flow: row;
}

.polygon-editor-modal .dashboard {
  width: 280px;
}

.polygon-editor-modal .image-container {
  width: 100%;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.drawing .path {
  outline: 0px !important;
}
.scene-disabled-zone-nearby {
  margin-top: 2px;
  margin-bottom: 2px;
}

.scene-disabled-zone-nearby__label {
  margin-bottom: 0;
}

.form-content {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.form-content__checkbox {
  margin-top: 0;
}

.form-content__text {
  margin-right: 6px;
}

.form-content__text_color_red {
  color: #eb5757;
}

.scene-disabled-zone-nearby {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  
  .scene-disabled-zone-nearby__label {
    margin-bottom: 0;
  }
  
  .form-content {
    display: flex;
    align-items: center;
    margin-left: 20px;
  }
  
  .form-content__checkbox {
    margin-top: 0;
  }
  
  .form-content__text {
    margin-right: 6px;
  }
  
  .form-content__text_color_red {
    color: #eb5757;
  }
  
.scene-editor-header__main-options {
  margin-top: 10px;
}

.scene-editor-header__secondary-options {
  margin-top: 5px;
  font-size: 13px;
  min-height: 42px;
}

.scene-editor-header__secondary-options_vertical-align_center {
  display: flex;
  align-items: center;
}

.buttons-container__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
}

.buttons-container__button_margin-left {
  margin-left: 9px;
}

.scene-editor-header__buttons-container {
  display: flex;
  justify-content: flex-end;
  min-width: auto;
}

.scene-editor-header__buttons-row {
  margin-top: 12px;
  margin-bottom: 12px;
}

.scene-editor-header__popover > .popover {
  max-width: 470px;
  min-width: 450px;
}

.scene-editor-header__container-selected-scenes__title {
  padding: 10px;
}

.scene-editor-header__container-selected-scenes {
  border-top: 1px solid #d1d1d1;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 350px;
}

.scene-editor-header__container-selected-scenes > .row {
  border-bottom: 1px solid #d1d1d1;
  padding: 5px 0;
}

.scene-editor-header__container-selected-scenes .form-check-input {
  position: relative;
  margin-top: 1em;
  margin-left: 0px;
}

.scene-editor-header__container-scene-info {
  font-size: 12px;
}

.scene-editor-header__container-scene-info-title,
.scene-editor-header__container-scene-info > .col {
  padding: 0 5px;
}

.scene-editor-header__container-scene-info .gray {
  color: gray;
}

.scene-editor-header__selected-season {
  display: flex;
  justify-content: flex-start;
}

.lalala {
  height: 100%;
}

.camera-stream-quality {
  font-size: 15px;
  padding-left: 1rem;
}

.camera-stream-quality__hint-text {
  color: #a8a8a8;
  font-size: 13px;
}

.camera-stream-quality__stream-text {
  text-decoration: underline;
  cursor: pointer;
}

.camera-stream-quality__stream-text_selected {
  font-weight: bold;
  cursor: pointer;
}

.request-photo-modal {
  width: 80%;
  min-width: 548px;
  max-width: none;
}

.request-photo-modal__content {
  padding-bottom: 30px;
}

.request-photo__buttons-container > button {
  margin-right: 5px;
}

.request-photo__buttons-container > .cancel-btn {
  background-color: white;
  color: black;
  border-color: #b3b3b3;
}

.sova-scene-decree-properties-editor {
  background-color: #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}
.sova-scene-decree-properties-editor__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
}
.sova-scene-decree-properties-editor__cancel-button {
  margin-left: 9px;
}
.sova-scene-decree-properties-editor__label-container {
  margin-top: 5px;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 17px;
}
.sova-scene-decree-properties-editor__label {
  margin-bottom: 0;
}
.sova-scene-decree-properties-editor__address-value {
  margin-top: 5px;
}
.sova-scene-decree-properties-editor__address-value .form-group {
  margin-bottom: 0;
}

.scene-coordinates-editor {
  background-color: #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}
.scene-coordinates-editor__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
}
.scene-coordinates-editor__cancel-button {
  margin-left: 9px;
}
.scene-coordinates-editor__label-container {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 17px;
}
.scene-coordinates-editor__label {
  margin-bottom: 0;
}
.scene-coordinates-editor__address-label {
  margin-bottom: 0;
  font-size: 14px;
  color: gray;
}
.scene-coordinates-editor__coordinates-value {
  margin-top: 9px;
}
.scene-coordinates-editor__coordinates-value .form-group {
  margin-bottom: 0;
}

.gps-coord-fields .form-group {
  width: 140px;
}

.gps-coord-fields input::-webkit-outer-spin-button,
.gps-coord-fields input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.gps-coord-fields input[type='number'] {
  -moz-appearance: textfield;
}


.camera-gps-coord-marker {
  width: auto !important;
  margin-left: -0.5em !important;
  margin-top: -0.625em !important;
}

.camera-gps-coord-marker__video-icon {
  margin-left: -0.03em !important;
}

.camera-starting-point-marker {
  width: auto !important;
  margin-left: -0.5em !important;
  margin-top: -0.625em !important;
}

.camera-starting-point-marker__star-icon {
  margin-left: -0.06em !important;
  margin-top: -0.03em !important;
}

.scene-snapable-marker {
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  left: -50%;
  top: -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.scene-snapable-marker__current-position-icon {
  background-color: #007bff;
}

.scene-snapable-marker__current-position-icon_shadow_mango {
  box-shadow: 0 0 1px 8px rgba(242, 201, 76, 0.5);
}

.scene-snapable-marker__current-position-icon_shadow_mango-ya {
  box-shadow: 0 0 1px 8px rgba(242, 201, 76, 0.5);
  border-radius: 100%;
  width: 23px;
}

.scene-snapable-marker__initial-position-icon {
  background-color: #b3b3b3;
}

.scene-snapable-marker__color-logic-type {
  background-color: #F6511D;
}

.paidparking-gps-coord-marker {
    width: auto !important;
    margin-left: -0.5em !important;
    margin-top: -0.625em !important;
  }
  
  .paidparking-gps-coord-marker__video-icon {
    margin-left: -0.03em !important;
  }
  
  .paidparking-gps-coord-marker .fa-3x {
    font-size: 60px !important;
  }
.passport-fixation-zones {
  margin-top: 20px;
}

.passport-fixation-zones__header {
  height: 40px;
  font-size: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.passport-fixation-zones__header-button {
  margin-left: auto;
  max-width: 25%;
  width: 150px;
}

.passport-fixation-zones__body {
  width: 100%;
  height: min-content;
  background-color: #f2f2f2;
  padding: 25px;
  margin-bottom: 25px;
}

.passport-fixation-zones__body .xml-download-button {
  border: none;
  color: black !important;
  background: transparent !important;
  box-shadow: none !important;
}

.passport-fixation-zones__body .xml-download-button:hover {
  color: black !important;
}

.passport-type_title {
  color: black !important;
  font-weight: bold;
}

.passport-action__button {
  background-color: white;
  color: black;
}

.passport-types__button {
  min-width: 200px;
  text-align: left;
}

.passport-types__button.dropdown-toggle::after {
  float: right;
  position: relative;
  top: 8px;
}

.empty-versions {
  padding: 100px !important;
  text-align: center;
}

.passport-version-comment {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 250px;
}

.passport-version-dialog-editor__blocker {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #80808030;
}

.camera-restart-control {
  padding: 7px 10px;

  font-size: 12px;
  line-height: 1.33;
  white-space: nowrap;
}

.camera-restart-control::after {
  margin-left: 2em;
}

.camera-restart-menu__button,
.camera-restart-control_neutral-background {
  color: black;

  background-color: white;
  border: 1px solid #b3b3b3;
}

.camera-restart-menu {
  width: 354px;
  padding: 16px;

  font-size: 14px;
  line-height: 1.36;
  color: black;
}

.camera-restart-menu__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 24px;
}

.camera-restart-menu__row:last-child {
  margin-bottom: 0;
}

.camera-restart-menu__button {
  margin: 12px 16px 0 0;
}

.camera-restart-menu__button:last-child {
  margin-right: 0;
}

.camera-restart-menu__header {
  font-size: 22px;
}

.camera-restart-menu__errors {
  margin: 8px 0 0;
}

.camera-restart-menu__status {
  margin: 0 0.2em 0 0;
  vertical-align: baseline;
}

.camera-restart-menu__status_control {
  font-size: 1.18em;
  vertical-align: middle;
}

.camera-restart-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 14px;
  line-height: 1.36;

  background: rgba(255, 255, 255, 0.85);
}

.camera-restart-loader__text {
  margin-top: 13px;
}

.subtitle {
  font-size: 12px;
}
.subtitle .label {
  margin-right: 10px;
}
.position-info {
  margin-top: 25px;
}
.position-info .row:nth-child(2) {
  margin-top: 10px;
}
.camera-page-footer {
  margin-top: 30px;
}
.camera-page-footer .btn {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.last-received-fact {
  margin-top: 20px;
}
.last-received-fact__header {
  margin-bottom: 8px;
}
.last-received-fact__header .title {
  font-size: 22px;
}
.last-received-fact__header .subtitle {
  font-size: 22px;
}
.last-received-fact__body {
  text-align: center;
}
.last-received-fact__body img {
  width: 100%;
  max-width: 1920px;
}
.camera-active .camera-edit-map__container {
  max-height: 487px;
  height: auto;
  width: 100%;
}

.camera-active__selected-season {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.camera-markup-mode-button {
  white-space: nowrap;
  width: 120px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 10px;
}

.camera-markup-mode-button span {
  width: 100%;
  overflow: hidden;
}

.camera-markup-mode-button_neutral-background {
  background-color: white;
  color: black;
  border: 2px #eaeaea solid;
}

.subtitle {
  font-size: 12px;
}

.subtitle .label {
  margin-right: 10px;
}

.position-info {
  margin-top: 25px;
}

.position-info .row:nth-child(2) {
  margin-top: 10px;
}

.camera-installation__seasson{
  display: flex;
  align-items: center;
}

.camera-installation__import-button {
  display: block;
  position: relative;
  right: -90px;
  top: 10px;
}

.camera-installation__footer-button {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.camera-installation .camera-edit-map__container {
  max-height: 487px;
  height: auto;
  width: 100%;
  margin-top: 20px;
}

.camera-installation.camera-installation__vzor .readonly-main-options > div {
  padding-left: 0;
}

.camera-installation__loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.observation-area__header {
  height: 40px;
  font-size: 22px;
}

.camera-installation__season-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: black;
  opacity: 0.5;
  z-index: 9999;
}

.scene-properties-editor-modal {
    width: 85%;
    min-width: 548px;
    max-width: none;
  }
  
  .scene-properties-editor-modal__image-container {
    width: 100%;
    max-height: 700px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 9px;
  }
  
  .scene-properties-editor-modal__image-container > svg {
    max-height: 700px;
  }
  
  .scene-properties-editor-modal__drop-down {
    display: inline;
  }
  
  .scene-properties-editor-modal__btn {
    background-color: transparent;
    border-color: transparent;
    color: black;
  }
  
  .scene-properties-editor-modal__scene-list-table {
    width: 700px;
    left: -105px !important;
    font-weight: normal;
  }
  
  .scene-properties-editor-modal__navigate-buttons {
    position: absolute;
    right: 50px;
    top: 16px;
  }
  
  .form-group_zone-paidparking {
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: baseline;
  }

  .form-group_zone-paidparking .form-group {
    margin-bottom: 0px !important;
  }

  .form-group_zone-paidparking .new-number {
    width: 140px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .form-group_zone-paidparking-footer-actions {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .form-group_zone-paidparking-footer-actions .btn {
    margin-right: 10px;
  }

  .form-group_zone-paidparking_new_date {
    margin-left: 20px;
  }

.gps-list__button {
  padding: 0 2px;
  display: none;
}

.gps-list__row:hover .gps-list__button {
  display: inline-block;
}

.gps-list__buttons {
  min-width: 67px;
}

.gps-list__container {
  height: 200px;
}

.camera-starting-point-aim__button {
  background-color: white;
  border-color: #bdbaba;
  color: black;
  margin-top: 10px;
  width: 100%;
}
.camera-starting-point-aim__camera-control-container {
  margin: 0 20px 16px 11px;
}
.camera-starting-point-aim__spinner-container {
  display: flex;
  justify-content: center;
}
.camera-starting-point-aim__ptz-container > * {
  margin-top: 8px;
}
.camera-starting-point-aim__error-message {
  display: inline-block;
  width: 187px;
  color: #ff0525;
  font-size: 17px;
  margin-top: 9px;
  text-align: center;
}
.camera-starting-point-aim__camera-control-container:first-child .col {
  display: flex;
  justify-content: center;
}

.zoom-control__slider {
  width: 250px;
  margin-right: 15px;
  padding-top: 5px;
}

.camera-starting-point-aim-fluent__button {
  background-color: white;
  border-color: #bdbaba;
  color: black;
  margin: 14px 0;
  width: 100%;
}
.camera-starting-point-aim-fluent__camera-control-container {
  margin: 0 20px 16px 11px;
}
.camera-starting-point-aim-fluent__spinner-container {
  display: flex;
  justify-content: center;
}
.camera-starting-point-aim-fluent__ptz-container > * {
  margin-top: 8px;
}
.camera-starting-point-aim-fluent__error-message {
  display: inline-block;
  color: #ff0525;
  font-size: 17px;
  margin-top: 9px;
  text-align: center;
}
.camera-starting-point-aim-fluent__camera-control-container:first-child .col {
  display: flex;
  justify-content: center;
}

.certificate-fields {
  align-items: flex-start;
}

.camera-edit-map__container {
  height: 403px;
  width: 100%;
}

.camera-gps-field__icon {
  font-size: 1.5em;
  margin-right: 3px;
}

.camera-gps-field__icon-ya {
  font-size: 1.5em;
}

.camera-gps-labels {
  display: flex;
  align-content: center;
}

.camera-new__form {
  margin-top: 25px;
}

.camera-new__loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.camera-new__label {
  margin-bottom: 0;
  vertical-align: top;
  display: block;
}

.camera-new__height-container,
.camera-new__date-time-container {
  padding-left: 0;
}

.camera-new__gps {
  margin-top: 30px;
}

.camera-new .certificate-main__group,
.camera-new .certificate-verification__group {
  align-items: flex-end;
}

.subtitle {
  font-size: 12px;
}
.subtitle .label {
  margin-right: 10px;
}
.position-info {
  margin-top: 25px;
}
.position-info .row:nth-child(2) {
  margin-top: 10px;
}
.camera-page-footer .btn {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.camera-offline .camera-edit-map__container {
  max-height: 487px;
  height: auto;
  width: 100%;
  margin-top: 20px;
}

.camera-offline__footer-button {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 25px;
}

.camera-out-of-service .camera-edit-map__container {
  max-height: 487px;
  height: auto;
  width: 100%;
}

.camera-out-of-service__selected-season {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.leaflet-editable-map {
  height: 100%;
}

.leaflet-editable-map__header {
  height: 11%;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.leaflet-editable-map__map {
  height: 89%;
}

.leaflet-editable-map__button {
  font-size: 11px;
  margin-right: 10px;
}

.leaflet-editable-map__button_color_white {
  background-color: white;
  color: black;
  border-color: #555555;
}

.leaflet-editable-map__layer-name {
  font-size: 16px;
}

.entity-certificate {
  margin-top: 25px;
}
.entity-certificate__container {
  background-color: #eeeeee;
}
.entity-certificate__title {
  font-size: 26px;
  font-weight: 400;
  padding: 12px 13px 0 13px;
}
.entity-certificate__btn {
  margin-left: 8px;
}

.entity-certificate__fields-container {
  padding: 8px 32px;
}

.changeable-main-options {
  margin-top: 25px;
}
.changeable-main-options__container {
  background-color: #eeeeee;
}
.changeable-main-options__title {
  font-size: 26px;
  font-weight: 400;
  padding: 12px 13px 0 13px;
}
.changeable-main-options__button {
  margin-left: 8px;
}
.changeable-main-options__coords {
  display: flex;
  align-items: center;
}
.changeable-main-options__address {
  margin-top: 0;
}
.changeable-main-options__coord-container {
  margin-bottom: 0;
}
.changeable-main-options__height {
  margin-top: 0;
}
.changeable-main-options__element {
  padding-left: 14px;
  padding-right: 14px;
}
.changeable-main-options__element_margin-top {
  margin-top: 10px;
}
.changeable-main-options__starting-point {
  margin-bottom: 12px;
}

.changeable-main-options__coord-container .gps-coord-fields,
.changeable-main-options__address {
  margin-left: 32px;
}


.changeable-main-options-with-ptz {
  margin-top: 20px;
}

.changeable-main-options-with-ptz__container {
  background-color: #eeeeee;
  padding-left: 0px;
  padding-right: 0px;
}

.subtitle {
  font-size: 12px;
}

.subtitle .label {
  margin-right: 10px;
}

.camera-verification__footer-button {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.camera-verification .camera-edit-map__container {
  max-height: 487px;
  min-height: 403px;
  height: auto;
  width: 100%;
  margin-top: 20px;
}

.camera-gps-labels {
  display: flex;
  align-content: center;
}

.camera-gps-field__icon {
  font-size: 1.5em;
  margin-right: 3px;
}

.top-buttons__wrapper {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 10px;
}

.top-buttons {
  height: 32px;
  border-radius: 2px;
  padding: 4px 15px;
  width: 132px;
  border: none;
}

.update-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.options {
  margin-top: 25px;
  gap: 30px;
}

.options_centered-vertically {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.options_centered-vertically .form-control{
  z-index: 1001;
}

.options__starting-point-coord {
  margin-top: 11px;
}

.subtitle {
  font-size: 12px;
}

.last-received-fact__body {
  text-align: left;
  position: relative;
}

.ultra-parking-camera__footer-button {
  height: 32px;
  width: 132px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  border: none;
}

.loader {
  position: relative;
  width: 80px;
  height: 180px;
}

.complex_header {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #1890FF;
  background: white;
  gap: 10px;
}

.scene-list {
  margin-top: 20px;
}

.scene-list__header {
  height: 40px;
  font-size: 22px;
  align-items: center;
  margin-bottom: 8px;
}

.scene-list__header-button {
  margin-left: 20px;
  max-width: 25%;
  width: 150px;
  float: right;
}

.scene-list-table__content {
  overflow-y: scroll;
  max-height: 400px;
  min-height: 300px;
  margin-left: 0;
  margin-right: 0;
}

.scene-list-table__wrapper {
  padding: 0;
}

.ultra-hybrid-scene-item {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.ultra-hybrid-scene-item:hover {
  border-top: 2px solid #007bff;
  border-bottom: 2px solid #007bff;
}

.ultra-hybrid-scene-item__scene-number-text {
  color: #007bff;
  font-size: 16px;
}

.ultra-hybrid-scene-item__scene-number-text_center {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.ultra-hybrid-scene-item__photo {
  height: 54px;
  width: 98px;
}

.ultra-hybrid-scene-item__observing {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  top: -54px;
  z-index: 2;
}

.ultra-hybrid-scene-item__offset-warning {
  padding-top: 5px;
  padding-left: 5px;
}

.ultra-hybrid-scene-item__pin-button {
  background-color: white;
  font-size: 11px;
  color: black;
  border-color: #b3b3b3;
  margin-right: 11px;
}

.ultra-hybrid-scene-item__pin-ampty {
  margin-right: 38px;
}

.ultra-hybrid-scene-item__scene-info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}

.ultra-hybrid-scene-item__ptz-values {
  text-align: center;
  font-size: 15px;
}

.ultra-hybrid-scene-item__ptz-values > div {
  min-width: 100px;
}

.ultra-hybrid-scene-item__gps-coord-container {
  font-size: 11px;
  padding-left: 7px;
}

.ultra-hybrid-scene-item__gps-coords {
  margin-right: 12px;
}

.ultra-hybrid-scene-item__objects {
  margin-left: auto;
  margin-right: 16px;
}

.ultra-hybrid-scene-item__text-no-objects {
  font-weight: bold;
}

.ultra-hybrid-scene-item__address-container {
  margin-right: 12px;
}

.ultra-hybrid-scene-item__address-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow-x: hidden;
  display: inline-block;
  position: absolute;
}

.scene-item {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.scene-item:hover {
  border-top: 2px solid #007bff;
  border-bottom: 2px solid #007bff;
}

.scene-item__scene-number-text {
  color: #007bff;
  font-size: 16px;
}

.scene-item__scene-number-text_center {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.scene-item__photo {
  height: 54px;
  width: 98px;
  position: relative;
}

.scene-item__observing {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.scene-item__pin-button {
  background-color: white;
  font-size: 11px;
  color: black;
  border-color: #b3b3b3;
  margin-right: 11px;
}

.scene-item__pin-ampty {
  margin-right: 38px;
}

.scene-item__scene-info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}

.scene-item__ptz-values {
  text-align: center;
  font-size: 15px;
}

.scene-item__ptz-values > div {
  min-width: 100px;
}

.scene-item__gps-coord-container {
  font-size: 11px;
  padding-left: 7px;
}

.scene-item__gps-coords {
  margin-right: 12px;
}

.scene-item__objects {
  margin-left: auto;
  margin-right: 16px;
}

.scene-item__text-no-objects {
  font-weight: bold;
}

.scene-item__address-container {
  margin-right: 12px;
}

.scene-item__address-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow-x: hidden;
  display: inline-block;
  position: absolute;
}

.scene-item__info-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 16px;
  font-size: 11px;
  line-height: 1;
}

.scene-item__parking-zone-container {
  margin-left: 5px;
  margin-right: 0;
}

.scene-properties-editor-modal {
  width: 85%;
  min-width: 548px;
  max-width: none;
}

.scene-properties-editor-modal__image-container {
  width: 100%;
  height: 700px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scene-properties-editor-modal__image-container > svg {
  height: 700px;
}

.scene-properties-editor-modal__drop-down {
  display: inline;
}

.scene-properties-editor-modal__btn {
  background-color: transparent;
  border-color: transparent;
  color: black;
}

.scene-properties-editor-modal__scene-list-table {
  width: 700px;
  left: -105px !important;
  font-weight: normal;
}

.scene-properties-editor-modal__navigate-buttons {
  position: absolute;
  right: 50px;
  top: 16px;
}

.options__starting-point-coord {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.scene-item {
  width: 100%;
  height: 68px;
  display: flex;
  align-items: center;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.scene-item:hover {
  border-top: 2px solid #007bff;
  border-bottom: 2px solid #007bff;
}

.scene-item__scene-number-text {
  color: #007bff;
  font-size: 16px;
}

.scene-item__scene-number-text_center {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.scene-item__photo {
  height: 54px;
  width: 98px;
}

.scene-item__observing {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.scene-item__offset-warning {
  padding-top: 5px;
  padding-left: 5px;
}

.scene-item__pin-button {
  background-color: white;
  font-size: 11px;
  color: black;
  border-color: #b3b3b3;
  margin-right: 11px;
}

.scene-item__pin-ampty {
  margin-right: 38px;
}

.scene-item__scene-info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}

.scene-item__ptz-values {
  text-align: center;
  font-size: 15px;
}

.scene-item__ptz-values > div {
  min-width: 100px;
}

.scene-item__gps-coord-container {
  font-size: 11px;
  padding-left: 7px;
}

.scene-item__gps-coords {
  margin-right: 12px;
}

.scene-item__objects {
  margin-left: auto;
  margin-right: 16px;
}

.scene-item__text-no-objects {
  font-weight: bold;
}

.scene-item__address-container {
  margin-right: 12px;
}

.scene-item__address-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow-x: hidden;
  display: inline-block;
  position: absolute;
}

.ultra-hybrid-scene-item__detector-scene {
  font-size: 11px;
  color: #F6511D;
  margin-left: 5px;
}

.ultra-hybrid-scene-item__objects {
  margin-right: 16px;
  margin-left: 5px;
  text-decoration: underline;
  text-decoration-style: dotted;
  font-weight: bold;
  color: #007bff;
  cursor: pointer;
}

.ultra-hybrid-scene-item__text-no-objects {
  font-weight: bold;
}

.scene-item__info-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 16px;
  font-size: 11px;
  line-height: 1;
}

.scene-item__parking-zone-container {
  margin-left: 0;
  margin-right: 0;
}
.last-received-fact__subtitle {
    font-size: 18px;
}
.vzor-scene-decree-properties-editor {
  background-color: #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
  width: 100%;
}
.vzor-scene-decree-properties-editor__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
}
.vzor-scene-decree-properties-editor__cancel-button {
  margin-left: 9px;
}
.vzor-scene-decree-properties-editor__label-container {
  margin-top: 5px;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 17px;
}
.vzor-scene-decree-properties-editor__label {
  margin-bottom: 0;
}
.vzor-scene-decree-properties-editor__address-value {
  margin-top: 5px;
}
.vzor-scene-decree-properties-editor__address-value .form-group {
  margin-bottom: 0;
}

.observation-editing-form {
  width: 100%;
}

.observation-editing-form__group.form-group {
  margin: 0;
  width: 100%;
  padding: 12px 0;
  display: flex;
}

.observation-editing-form__label {
  margin-right: 8px;
  margin-bottom: 0;
}

.observation-editing-form__drop-down-list {
  height: 29px;
  background-color: white;
  font-size: 12px;
  border-color: black;
  border-radius: 0.25rem;
  width: auto;
  padding: 0;
  flex: 1 0 auto;
}

.traffic-statistics {
  width: 100%;
  background-color: #f2f2f2;
  padding: 12px;
  margin-bottom: 15px;
}

.traffic-statistics__title {
  font-size: 25px;
  line-height: 34px;
}

.traffic-statistics__title-date {
  font-size: 12px;
  line-height: 16px;
}

.traffic-statistics__subtitle {
  margin-top: 15px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.traffic-statistics__label {
  font-size: 16px;
  line-height: 22px;
}

.observation-item__image-container {
  margin-bottom: 20px;
}
.observation-item__image {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.observation-item___objects {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0;
}
.observation-item___objects p {
  margin-bottom: 0;
}

.observation-item___objects p.observation-item__objects-header {
  margin-bottom: 4px;
  font-weight: bold;
}

.observation-item__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
  margin-left: 15px;
}

.observation-item .scene-address-decree-editor {
  width: 100%;
  margin-bottom: 8px;
}

.observation-area {
  margin-top: 20px;
}

.vzor-camera-active .observation-area__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.vzor-camera-active .observation-area__header > div {
  width: initial;
  flex-grow: inherit;
  flex-basis: auto;
}

.vzor-camera-active .readonly-main-options > div {
  padding-left: 0;
  padding-right: 0;
}

.vzor-camera-active .last-photo {
  font-size: 12px;
}

.vzor-camera-active .last-received-fact {
  margin-top: 20px;
}

.vzor-camera-active .last-received-fact__header {
  margin-bottom: 8px;
  font-size: 22px;
}

.vzor-camera-active .last-received-fact__body {
  text-align: center;
}

.vzor-camera-active .last-received-fact__body img {
  width: 100%;
  max-width: 1920px;
}

.observation-area__photo-update-button {
  float: right;
}

.vzor-camera-edit-map__container {
  height: 403px;
  width: 100%;
}

.vzor-camera-gps-field__icon {
  font-size: 1.5em;
  margin-right: 3px;
}

.vzor-camera-new__gps-labels {
  display: flex;
  align-content: center;
}

.vzor-camera-new__form {
  margin-top: 25px;
}

.vzor-camera-new__loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vzor-camera-new__label {
  margin-bottom: 0;
  vertical-align: top;
  display: block;
}

.vzor-camera-new__height-container,
.vzor-camera-new__date-time-container {
  padding-left: 0;
}

.vzor-camera-new__gps {
  margin-top: 30px;
}

.vzor-camera-new .certificate-main__group,
.vzor-camera-new .certificate-verification__group {
  align-items: flex-end;
}

.subtitle {
  font-size: 12px;
}
.subtitle .label {
  margin-right: 10px;
}
.position-info {
  margin-top: 25px;
}
.position-info .row:nth-child(2) {
  margin-top: 10px;
}
.camera-page-footer .btn {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.vzor-camera-offline .camera-edit-map__container {
  max-height: 487px;
  height: auto;
  width: 100%;
  margin-top: 20px;
}
.vzor-camera-offline .observation-area__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.vzor-camera-offline .observation-area__header > div {
  width: initial;
  flex-grow: inherit;
  flex-basis: auto;
}

.vzor-camera-offline__footer-button {
  width: 250px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 25px;
}

.vzor-camera-out-of-service .observation-area__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.vzor-camera-out-of-service .observation-area__header > div {
  width: initial;
  flex-grow: inherit;
  flex-basis: auto;
}

.vzor-camera-out-of-service .readonly-main-options > div {
  padding-left: 0;
  padding-right: 0;
}

.vzor-camera-out-of-service .last-photo {
  font-size: 12px;
}

.vzor-camera-out-of-service .last-received-fact {
  margin-top: 20px;
}

.vzor-camera-out-of-service .last-received-fact__header {
  margin-bottom: 8px;
  font-size: 22px;
}

.vzor-camera-out-of-service .last-received-fact__body {
  text-align: center;
}

.vzor-camera-out-of-service .last-received-fact__body img {
  width: 100%;
  max-width: 1920px;
}

.vzor-camera-verification .camera-edit-map__container {
  max-height: 487px;
  min-height: 403px;
  height: auto;
  width: 100%;
  margin-top: 20px;
}

.vzor-camera-verification .changeable-main-options,
.vzor-camera-verification .camera-edit-map__container {
  margin-top: 0;
}

.vzor-camera-verification .camera-gps-labels {
  display: flex;
  align-content: center;
}

.vzor-camera-verification .camera-gps-field__icon {
  font-size: 1.5em;
  margin-right: 3px;
}

.complex-mode-icon_center {
  left: -0.39em;
  top: -0.4em;
}

.complex-new-item__form .form-number .form-group {
  width: auto;
}

.complex-new-item__form .form-group {
  width: 100%;
}

.complex-list-item__map {
  margin: 0;
}

.complex-new-item__form {
  padding: 10px 20px 10px;
}

.complex-new-item__form .form-check {
  padding-left: 0;
}

.complex-active-item_container {
  padding: 15px;
}

.complex-new-item__form .form-check {
  padding-left: 20px;
}

.filters__filter-item__button {
  padding: 3px;
  color: #212529;
  text-decoration: underline;
}

.filters__filter-item__button_selected {
  padding: 3px;
  font-weight: bold;
}

.filters__filter-item {
  padding-right: 15px;
}

.filters__filter-item__badge {
  color: #212529;
  background-color: #fae3a9;
}

.complex-list-item {
  border: 1px solid #dee2e6;
  padding: 16px 10px;
  margin-top: 10px;
  margin-right: 6px;
  font-weight: bold;
  cursor: pointer;
}

.complex-list-item .btn:not(:first-child) {
  margin-left: 1rem;
}

.complex-list-item.camera-list-item_disabled {
  opacity: 0.3;
  cursor: default;
}

.complex-list-item:hover,
.complex-list-item.camera-list-item_active {
  border: 1px solid #212529;
}

.complex-list-item.camera-list-item_disabled:hover,
.complex-list-item.camera-list-item_disabled.camera-list-item_active {
  border: 1px solid #dee2e6;
}

.complex-list-item__work-mode-icon {
  margin-right: 3px;
}
.complex-list-item__info {
  background-color: #f2f2f2;
  overflow-y: auto;
  overflow-x: hidden;
}
.complex-list-item__map {
  height: 100%;
  width: 100%;
  margin: 0 -15px 0 15px;
}

.complex-list-item__icons {
  min-height: 38px;
  min-width: 98px;
  text-align: right;
}

.empty-camera-item {
  border: 1px solid #dee2e6;
  padding: 10px;
  margin-right: 6px;
  min-height: 68px;
  color: #737373;
  font-weight: bold;
}
.empty-camera-item > span {
  padding: 0 23px;
}
.empty-camera-item button {
  margin-left: 23px;
}
.empty-camera-item button svg {
  margin-left: 0.5rem;
}

.complex-testimonies-item {
  margin-top: 16px;
}

.complex-active-item .camera-list-item,
.complex-active-item .empty-camera-item,
.complex-new-item .camera-list-item,
.complex-new-item .empty-camera-item {
  background-color: white;
}

.camera-add-dialog__body .cameras__search-field {
  margin-bottom: 1rem;
}

.camera-add-dialog__form {
  max-height: 66vh;
  overflow-y: auto;
}
.camera-add-dialog__form .camera-list-item {
  margin: 0;
  cursor: pointer;
}

.camera-add-dialog__form .camera-list-item:hover,
.camera-add-dialog__form .camera-list-item.camera-list-item_selected {
  border: 1px solid #212529;
}
.camera-add-dialog__form .form-check {
  margin-bottom: 1rem;
  padding-left: 1.35rem;
}
.camera-add-dialog__form .form-check-label {
  display: block;
}

.camera-add-dialog__form .form-check-input {
  top: calc(50% - 12px);
}

.complex-active-item__serial {
  font-weight: normal;
  font-size: 12px;
  padding-left: 5px;
  display: inline;
}

.complex-active-item__label {
  margin-top: 16px;
}

.complex-active-item_container,
.complexes__list {
  margin-bottom: 8px;
}

.complexes__list {
  overflow: auto;
}

.complex-filter {
  margin-bottom: 16px;
}

.complex-filter .dropdown > * {
  width: 100%;
}

.complex-list__loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.complex-list__loader {
  margin-top: 26px;
}
.complex-list__content {
  margin-top: 10px;
  overflow-y: auto;
  height: 66vh;
  margin-bottom: 8px;
}

.complex__button {
  font-size: 16px;
}
.complex-new-item__form-buttons {
  float: right;
}
.complex-new-item__edit-button,
.complex-new-item__cancel-button {
  color: black;
  background-color: white;
}
.complex-new-item__form-buttons > button:not(:first-child) {
  margin-left: 8px;
}

.complex-new-item__form textarea {
  resize: none;
}
.complex-new-item__form .form-check {
  margin-bottom: 1rem;
}

.complex-new-item__form .form-number label {
  display: block;
}

.complex-new-item__form .form-number input {
  max-width: 150px;
  display: inline-block;
  margin-right: 0.5rem;
}

.complex-new-item__form .form-group.text-danger .empty-camera-item {
  color: #dc3545 !important;
}

.readonly-main-options {
    margin-top: 25px;
  }
  .readonly-main-options_centered-vertically {
    display: flex;
    align-items: center;
    font-size: 16px;
  }
  
  .readonly-main-options_centered-vertically .form-control{
    z-index: 1001;
  }
  
  
  .readonly-main-options__address {
    margin-top: 0;
  }
  .readonly-main-options__starting-point-coord {
    margin-top: 11px;
  }
  
  .ReactTags__tags {
    display: flex;
    position: relative;
  }
  
    .ReactTags__tagInput {
    width: 100%;
    display: inline-block;
    border: none;
  }
  .ReactTags__tagInput input.ReactTags__tagInputField,
  .ReactTags__tagInput input.ReactTags__tagInputField:focus {
    margin: 0;
    font-size: 12px;
    width: 100%;
    border: none;
    outline: none;
  }
  
  .ReactTags__selected {
    display: flex;
    width: 100%;
  }

    .ReactTags__selected span.ReactTags__tag {
    border: 1px solid #ddd;
    background: #F2F2F2;
    color: black;
    font-size: 12px;
    display: inline-block;
    padding: 0 3px;
    margin: 0 5px;
    border-radius: 3px;
    white-space: nowrap;
  }
  .ReactTags__selected a.ReactTags__remove {
    color: black;
    margin-left: 5px;
    cursor: pointer;
  }
  
    .ReactTags__suggestions {
    position: absolute;
    z-index: 999;
  }
  .ReactTags__suggestions ul {
    list-style-type: none;
    padding-left: 0;
    box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
    background: white;
    min-width: 200px;
    font-stretch: normal;
  }
  .ReactTags__suggestions li {
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    margin: 0;
  }
  .ReactTags__suggestions li mark {
    display: none;
    text-decoration: underline;
    background: none;
    font-weight: 600;
  }
  .ReactTags__suggestions ul li.ReactTags__activeSuggestion {
    background: #b7cfe0;
    cursor: pointer;
  }
  
  .ReactTags__remove {
    border: none;
    cursor: pointer;
    background: none;
    color: black;
  }
  
  .coords {
    padding-left: 20px;
  }
  
  .icon-wrap {
    padding-right: 0;
  }
.readonly-main-options {
    margin-top: 25px;
  }
  .readonly-main-options_centered-vertically {
    display: flex;
    align-items: center;
    font-size: 16px;
  }

  .readonly-main-options_centered-vertically .form-control{
    z-index: 1001;
  }


  .readonly-main-options__address {
    margin-top: 0;
  }
  .readonly-main-options__starting-point-coord {
    margin-top: 11px;
  }

  .ReactTags__tags {
    display: flex;
    position: relative;
  }

    .ReactTags__tagInput {
    width: 100%;
    display: inline-block;
    border: none;
  }
  .ReactTags__tagInput input.ReactTags__tagInputField,
  .ReactTags__tagInput input.ReactTags__tagInputField:focus {
    margin: 0;
    font-size: 12px;
    width: 100%;
    border: none;
    outline: none;
  }

  .ReactTags__selected {
    display: flex;
    width: 100%;
  }

    .ReactTags__selected span.ReactTags__tag {
    border: 1px solid #ddd;
    background: #F2F2F2;
    color: black;
    font-size: 12px;
    display: inline-block;
    padding: 0 3px;
    margin: 0 5px;
    border-radius: 3px;
    white-space: nowrap;
  }
  .ReactTags__selected a.ReactTags__remove {
    color: black;
    margin-left: 5px;
    cursor: pointer;
  }

    .ReactTags__suggestions {
    position: absolute;
    z-index: 999;
  }
  .ReactTags__suggestions ul {
    list-style-type: none;
    padding-left: 0;
    box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
    background: white;
    min-width: 200px;
    font-stretch: normal;
  }
  .ReactTags__suggestions li {
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    margin: 0;
  }
  .ReactTags__suggestions li mark {
    display: none;
    text-decoration: underline;
    background: none;
    font-weight: 600;
  }
  .ReactTags__suggestions ul li.ReactTags__activeSuggestion {
    background: #b7cfe0;
    cursor: pointer;
  }

  .ReactTags__remove {
    border: none;
    cursor: pointer;
    background: none;
    color: black;
  }

.top-buttons {
  width: 150px;
}

.scene-photo-view {
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.scene-photo-view svg {
  width: 100%;
  height: 100%;
}
  
.vzor-scene-decree-properties-editor {
    background-color: #f2f2f2;
    padding: 12px;
    margin-bottom: 15px;
    width: 100%;
  }
  .vzor-scene-decree-properties-editor__button {
    background-color: white;
    color: black;
    border: 2px #d1d1d1 solid;
  }
  .vzor-scene-decree-properties-editor__cancel-button {
    margin-left: 9px;
  }
  .vzor-scene-decree-properties-editor__label-container {
    margin-top: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 17px;
  }
  .vzor-scene-decree-properties-editor__label {
    margin-bottom: 0;
  }
  .vzor-scene-decree-properties-editor__address-value {
    margin-top: 5px;
  }
  .vzor-scene-decree-properties-editor__address-value .form-group {
    margin-bottom: 0;
  }
  
.observation-item__image-container {
  margin-bottom: 20px;
}
.observation-item__image {
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.observation-item___objects {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0;
}
.observation-item___objects p {
  margin-bottom: 0;
}

.observation-item___objects p.observation-item__objects-header {
  margin-bottom: 4px;
  font-weight: bold;
}

.observation-item__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
  margin-left: 15px;
}

.observation-item .scene-address-decree-editor {
  width: 100%;
  margin-bottom: 8px;
}

.scene-photo-view:focus {
  outline: none !important;
}

.observation-area {
  margin-top: 20px;
}

.vzor-camera-active .observation-area__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  .vzor-camera-active .observation-area__header > div {
    width: initial;
    flex-grow: inherit;
    flex-basis: auto;
  }

  .vzor-camera-active .readonly-main-options > div {
    padding-left: 0;
    padding-right: 0;
  }

  .vzor-camera-active .last-photo {
    font-size: 12px;
  }

  .vzor-camera-active .last-received-fact {
    margin-top: 20px;
  }

  .vzor-camera-active .last-received-fact__header {
    margin-bottom: 8px;
    font-size: 22px;
  }

  .vzor-camera-active .last-received-fact__body {
    text-align: center;
  }

  .vzor-camera-active .last-received-fact__body img {
    width: 100%;
    max-width: 1920px;
  }

  .loading-btn__mask-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9999;
    width: 100%;
    background: black;
    opacity: 0.5;
  }

  .loading-btn__mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.delete-button {
  height: 32px;
  width: 132px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  border: none;
}

.readonly-main-options {
    margin-top: 25px;
  }
  .readonly-main-options_centered-vertically {
    display: flex;
    align-items: center;
    font-size: 16px;
  }
  
  .readonly-main-options_centered-vertically .form-control{
    z-index: 1001;
  }
  
  
  .readonly-main-options__address {
    margin-top: 0;
  }
  .readonly-main-options__starting-point-coord {
    margin-top: 11px;
  }
  
  .ReactTags__tags {
    display: flex;
    position: relative;
  }
  
    .ReactTags__tagInput {
    width: 100%;
    display: inline-block;
    border: none;
  }
  .ReactTags__tagInput input.ReactTags__tagInputField,
  .ReactTags__tagInput input.ReactTags__tagInputField:focus {
    margin: 0;
    font-size: 12px;
    width: 100%;
    border: none;
    outline: none;
  }
  
  .ReactTags__selected {
    display: flex;
    width: 100%;
  }
  
    .ReactTags__selected span.ReactTags__tag {
    border: 1px solid #ddd;
    background: #F2F2F2;
    color: black;
    font-size: 12px;
    display: inline-block;
    padding: 0 3px;
    margin: 0 5px;
    border-radius: 3px;
    white-space: nowrap;
  }
  .ReactTags__selected a.ReactTags__remove {
    color: black;
    margin-left: 5px;
    cursor: pointer;
  }
  
    .ReactTags__suggestions {
    position: absolute;
    z-index: 999;
  }
  .ReactTags__suggestions ul {
    list-style-type: none;
    padding-left: 0;
    box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
    background: white;
    min-width: 200px;
    font-stretch: normal;
  }
  .ReactTags__suggestions li {
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    margin: 0;
  }
  .ReactTags__suggestions li mark {
    display: none;
    text-decoration: underline;
    background: none;
    font-weight: 600;
  }
  .ReactTags__suggestions ul li.ReactTags__activeSuggestion {
    background: #b7cfe0;
    cursor: pointer;
  }
  
  .ReactTags__remove {
    border: none;
    cursor: pointer;
    background: none;
    color: black;
  }
  
  .coords {
    padding-left: 20px;
  }
  
  .icon-wrap {
    padding-right: 0;
  }
.vzor-scene-decree-properties-editor {
    background-color: #f2f2f2;
    padding: 12px;
    margin-bottom: 15px;
    width: 100%;
  }
  .vzor-scene-decree-properties-editor__button {
    background-color: white;
    color: black;
    border: 2px #d1d1d1 solid;
  }
  .vzor-scene-decree-properties-editor__cancel-button {
    margin-left: 9px;
  }
  .vzor-scene-decree-properties-editor__label-container {
    margin-top: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 17px;
  }
  .vzor-scene-decree-properties-editor__label {
    margin-bottom: 0;
  }
  .vzor-scene-decree-properties-editor__address-value {
    margin-top: 5px;
  }
  .vzor-scene-decree-properties-editor__address-value .form-group {
    margin-bottom: 0;
  }
  
.observation-item__image-container {
  margin-bottom: 20px;
}
.observation-item__image {
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
.observation-item___objects {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0;
}
.observation-item___objects p {
  margin-bottom: 0;
}

.observation-item___objects p.observation-item__objects-header {
  margin-bottom: 4px;
  font-weight: bold;
}

.observation-item__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
  margin-left: 15px;
}

.observation-item .scene-address-decree-editor {
  width: 100%;
  margin-bottom: 8px;
}

.scene-photo-view:focus {
  outline: none !important;
}
.observation-area {
  margin-top: 20px;
}

.subtitle {
    font-size: 12px;
  }
  .subtitle .label {
    margin-right: 10px;
  }
  .position-info {
    margin-top: 25px;
  }
  .position-info .row:nth-child(2) {
    margin-top: 10px;
  }
  .camera-page-footer .btn {
    width: 250px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .vzor-camera-offline .camera-edit-map__container {
    max-height: 487px;
    height: auto;
    width: 100%;
    margin-top: 20px;
  }
  .vzor-camera-offline .observation-area__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  
  .vzor-camera-offline .observation-area__header > div {
    width: initial;
    flex-grow: inherit;
    flex-basis: auto;
  }
  
  .vzor-camera-offline__footer-button {
    width: 250px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 25px;
  }
  
.server-detector-view_header {
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1890FF;
    background: white;
}

.right40 {
    margin-right: 40px;
}

.right10 {
    margin-right: 10px;
}

.server-detector-view_sub-header {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0px 0px 0px;
    background: white;
}

.server-detector-view_sub-header_name {
    width: 390px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #262626;
}

.detector-btn-icon {
    display: flex;
    align-items: center;
}

.server-detector-view_body {
    width: 100%;
    display: flex;
    padding: 0px 0px 0;
    background: white;
}

.server-detector-view_body .description-block {
    width: 514px;
}

.server-detector-view_body .card-block {
    width: 100%;
    height: 560px;
}

.description-block {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
}

.description-block .description-block_address {
    margin-bottom: 8px;
    color: #1890FF;
}

.description-block .description-block_line .delimetr{
    width: 50%;
}

.description-block .description-block_line {
    width: 530px;
    display: flex;
    margin-bottom: 6px;
    justify-content: space-between;
    align-items: center;
}

.description-block_line-copy-text {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.description-block_line-copy-text span {
    margin-right: 15px;
}

.description-block_line-copy-text .react-datepicker-wrapper {
    width: 220px !important;
}

.description-block_line-copy-text .react-datepicker__input-container {
    width: 100%;
}

.description-block_line-copy-text .react-datepicker__input-container {
    width: 220px !important;
}

.description-block_line-copy-text .react-datepicker__input-container input {
    width: 264px !important;
    border-radius: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    position: relative;
    display: inline-block;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 0;
    transition: all 0.2s;
}

.description-block_line-copy-text .react-datepicker__input-container input:focus {
    border-color: #4096ff;
    box-shadow: 0 0 0 2px rgb(5 145 255 / 10%);
    border-inline-end-width: 1px;
    outline: 0;
}

.description-block_line-copy-text .react-datepicker__input-container input:hover{
    border-color: #4096ff;
    border-inline-end-width: 1px;
}

.form-add-complex_input .react-datepicker-wrapper {
    width: 323px !important;
}

.form-add-complex_input .react-datepicker__input-container {
    width: 100%;
}

.form-add-complex_input .react-datepicker__input-container {
    width: 323px !important;
}

.form-add-complex_input .react-datepicker__input-container input {
    width: 323px !important;
    border-radius: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    position: relative;
    display: inline-block;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 0;
    transition: all 0.2s;
}

.form-add-complex_input .react-datepicker__input-container input:focus {
    border-color: #4096ff;
    box-shadow: 0 0 0 2px rgb(5 145 255 / 10%);
    border-inline-end-width: 1px;
    outline: 0;
}

.form-add-complex_input .react-datepicker__input-container input:hover{
    border-color: #4096ff;
    border-inline-end-width: 1px;
}


.extra-options {
    padding: 25px 35px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #262626;
}

.camera-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 443px;
    height: 105px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
}

.camera-card {
    margin-top: 10px;
    margin-bottom: 10px;
}

.camera-card_header {
    width: 100%;
    padding: 8px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
}

.camera-card_header-left, .camera-card_header-right {
    display: flex;
    align-items: center;
}

.camera-card_header-left span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-left: 9px;
}

.camera-card_header-right img {
    margin-right: 10px;
}

.camera-card_body {
    padding: 12px 12px;
}

.list-labels {
    display: flex;
}

.list-labels_label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1px 8px;
    margin-right: 8px;
    background: #FAFAFA;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
}

 .ant-select-selector {
    border-radius: 0px !important;
 }

 .input-ip-address {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 0;
    transition: all 0.2s;
 }

 .input-ip-address:focus {
    border-color: #4096ff;
    box-shadow: 0 0 0 2px rgb(5 145 255 / 10%);
    border-inline-end-width: 1px;
    outline: 0;
 }

 .input-ip-address::placeholder {
    color: #c2bdbd;
}

.input-ip-address:hover {
    border-color: #4096ff;
    border-inline-end-width: 1px;
}

.list-cameras {
    display: block;
    max-height: 460px;
    overflow: auto;
}

.camera-card_header-left .header-item,
.description-block_address .pin-address {
    cursor: pointer;
}

.camera-card_header-left .header-item:hover,
.description-block_address .pin-address:hover {
    text-decoration: underline;
}

.server-detector_confirm_modal .ant-modal-content,
.server-detector_confirm_modal button {
    border-radius: 0px;
}
.modal-add-complex {
    width: 776px;
    height: 90vh;
    background: white;
    padding: 0px 22px;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

.modal-add-complex__header {
    width: 100%;
    padding: 22px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}

.modal-add-complex__tabs {
    width: 100%;
    height: 108px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px 0px;
    gap: 8px;
    background: #FFFFFF;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.modal-add-complex__tabs-tab-header {
    width: 140px;
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}

.modal-add-complex__tabs-tab {
    width: 33.3%;
}

.modal-add-complex__tabs-tab-header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #262626;
}

.modal-add-complex__tabs-tab-header-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    gap: 10px;
    width: 32px;
    height: 32px;
    border-radius: 32px;

    color: #8C8C8C;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
}

.active-number {
    color: white;
    background: #1890FF;
}

.modal-add-complex__tabs-tab-header-text {
    margin-left: 8px;
    color: #8C8C8C;
}

.active-text {
    color: #262626;
}

.modal-add-complex__tabs-tab-body {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #8C8C8C;
    padding-left: 40px;
    margin-top: 4px;
}

.message-error {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FF4D4F;
}

.form-add-complex {
    margin-right: 0px;
}

.form-add-complex_controll {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 16px;
}

.form-add-complex_label {
    width: 100%;
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #262626;
}

.form-add-complex_input {
    width: 640px;
    margin-right: 40px;
}

.separator {
    width: 100%;
    height: 1px;
    margin-top: 5px;
    background: #F0F0F0;
    caret-color: transparent;
}

.form-add-complex-actions {
    display: flex;
    justify-content: end;
    margin-right: 40px;
    margin-top: 14.5px;
    margin-bottom: 16.5px;
}

.detector-input {
    border-radius: 2px;
}

.detector-btn {
    height: 32px;
    border-radius: 2px;
}

.detector-btn-more {
    width: 131px;
}

.detector-btn-close {
    width: 82px;
}

.server-detector_header {
    width: 100%;
    height: 60px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 16px 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1890FF;
    background: white;
}

.input-disabled {
    pointer-events: none !important;
    border: none !important;
    margin-left: 20px !important;
}

.form-add-complex_input .input-password {
    border-radius: 0 !important;
}

.description-block_line-copy-text .input-password {
    width: 201px;
    border-radius: 0 !important;
}

.scene-photo-view {
    width: 100%;
    height: 100%;
  }
  
.observation-item__image-container {
    margin-bottom: 20px;
  }
  .observation-item__image {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .observation-item___objects {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px 0;
  }
  .observation-item___objects p {
    margin-bottom: 0;
  }
  
  .observation-item___objects p.observation-item__objects-header {
    margin-bottom: 4px;
    font-weight: bold;
  }
  
  .observation-item__button {
    background-color: white;
    color: black;
    border: 2px #d1d1d1 solid;
    margin-left: 15px;
  }
  
  .observation-item .scene-address-decree-editor {
    width: 100%;
    margin-bottom: 8px;
  }
  
  .scene-photo-view:focus {
    outline: none !important;
  }
.observation-area {
  margin-top: 20px;
}

.dashboard {
  display: flex;
  flex-direction: column;
  flex-flow: column;
}
.dashboard .header {
  font-weight: bold;
  padding: 0 0 0 15px;
}
.dashboard .body {
  flex: 1;
}
.dashboard .polygon-list {
  list-style: none;
  padding: 0;
}
.dashboard .polygon-list > li,
.dashboard .polygon-list-popup > li {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  font-size: 14px;
  padding: 5px 0 5px 15px;
}
.dashboard .polygon-list > li .dropdown,
.dashboard .polygon-list-popup > li .dropdown {
  display: inline-block;
  width: 100%;
}
.dashboard .polygon-list > li a,
.dashboard .polygon-list-popup > li a {
  font-weight: normal;
}
.dashboard .polygon-list > li:before,
.dashboard .polygon-list-popup > li:before {
  content: '';
  display: inline-block;
  min-width: 17px;
  height: 17px;
  background: #ccc;
  margin-right: 10px;
  vertical-align: sub;
}
.dashboard .polygon-list > li.active,
.dashboard .polygon-list-popup > li.active {
  background-color: #e0e0e0;
  color: #007bff;
}
.dashboard .add-btn {
  padding: 4px 11px;
  line-height: 16px;
  margin: 0px 3px;
}
.dashboard .controls-block {
  margin-top: 30px;
  padding: 0 0 0 15px;
}
.dashboard .buttons-block {
  margin-top: 30px;
  padding: 0 0 0 15px;
}

.dashboard .buttons-block .cancel-btn {
  background-color: white;
  font-size: 11px;
  color: black;
  margin-right: 5px;
  border-color: #b3b3b3;
}

.dashboard .polygon-warning {
  float: right;
  padding-right: 5px;
}

.dashboard .polygon-selector__popup {
  width: 500px;
}

.dashboard .polygon-selector__searchbox {
  margin-right: 0;
  margin-left: 0;
}

.dashboard .polygon-selector__searchbox .search {
  font-size: x-large;
}

.dashboard .polygon-selector__searchbox .input-group-text {
  background-color: transparent;
  border-right: none;
}

.dashboard .polygon-selector__search {
  width: 150px;
  transition: width 0.5s;
  border: 1px solid #ced4da;
  border-left: none;
  box-shadow: none;
}

.dashboard .polygon-selector__search.focus {
  width: 250px;
}

.dashboard .polygon-list-popup {
  padding-left: 0px;
  padding-right: 15px;
  max-height: 500px;
  overflow-y: auto;
}

.dashboard .polygon-list-popup li {
  cursor: pointer;
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dashboard .polygon-list-popup > li:before {
  margin-top: 7px;
}

.dashboard .polygon-list-popup > li > button {
  padding-left: 5px;
}

.dashboard .polygon-list li.paidParking:before {
  background-color: #1557244d;
  border: 1px solid #155724;
}
.dashboard .polygon-list li.residentZone:before {
  background-color: #721c244a;
  border: 1px solid #ff7707;
}
.dashboard .polygon-list li.noParking:before {
  background-color: #721c244a;
  border: 1px solid #721c24;
}
.dashboard .polygon-list li.noParkingExceptHolidays:before {
  background-color: #721c244a;
  border: 1px solid #28a7454a;
}
.dashboard .polygon-list li.noStopping:before {
  background-color: #dc35454a;
  border: 1px solid #dc3545;
}
.dashboard .polygon-list li.noStoppingExceptHolidays:before {
  background-color: #dc35454a;
  border: 1px solid #28a7454a;
}
.dashboard .polygon-list li.noStoppingYellowLine:before {
  background-color: #ff770745;
  border: 1px solid #ff7707;
}
.dashboard .polygon-list li.sidewalk:before {
  background-color: #49505754;
  border: 1px solid #495057;
}
.dashboard .polygon-list li.lawn:before {
  background-color: #28a7454f;
  border: 1px solid #28a745;
}
.dashboard .polygon-list li.secondRow:before {
  background-color: #007bff78;
  border: 1px solid #007bff;
}
.dashboard .polygon-list li.detectionVrpZone:before {
  background-color: #28a7454f;
  border: 1px solid #28a745;
}
.dashboard .polygon-list li.noStoppingExceptTaxi:before {
  background-color: #f1771366;
  border: 1px solid #5a1eb6;
}
.dashboard .polygon-list li.noStoppingExceptEV:before {
  background-color: rgba(241, 112, 19, 0.3);
  border: 1px solid #b61e6a;
}
.dashboard .polygon-list li.noStoppingSidewalk:before {
  background-color: #49505754;
  border: 1px solid #dc3545;
}

.dashboard .polygon-list li.crosswalk:before {
  background-color: #ffffff73;
  border: 1px solid #ffffff;
}
.dashboard .polygon-list li.crossroad:before {
  background-color: #ced4da40;
  border: 1px solid #28a745;
}
.dashboard .polygon-list li.pedestrianZone:before {
  background-color: #ced4da40;
  border: 1px solid #ced4da;
}
.dashboard .polygon-list li.taxiZone:before {
  background-color: #ffc10745;
  border: 1px solid #000000;
}
.dashboard .polygon-list li.disabledZone:before {
  background-color: #a807ff61;
  border: 1px solid #a807ff;
}
.dashboard .polygon-list li.bicycleLane:before {
  background-color: #66b0ff7d;
  border: 1px solid #66b0ff;
}
.dashboard .polygon-list li.noStoppingEven:before {
  background-color: rgba(81, 255, 250, 0.3);
  border: 1px solid #ff0090;
}
.dashboard .polygon-list li.noStoppingOdd:before {
  background-color: rgba(10, 255, 183, 0.3);
  border: 1px solid #0017ff;
}
.dashboard .polygon-list li.prohibitionSignZone:before {
  background-color: rgba(255, 0, 222, 0.3);
  border: 1px solid #000dff;
}
.dashboard .polygon-list li.busZone:before {
  background-color: rgba(147, 255, 110, 0.3);
  border: 1px solid #ff7400;
}
.dashboard .polygon-list li.parkingPlace:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px solid #6d6a6a;
}
.dashboard .polygon-list li.busStop:before {
  background-color: rgba(255, 152, 44, 0.3);
  border: 1px solid #000000;
}
.dashboard .polygon-list li.trafficLight:before {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #ffffff;
}
.dashboard .polygon-list li.trafficLightRed:before {
  background-color: rgba(255, 0, 0, 0.3);
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLine:before {
  background-color: rgba(0, 255, 0, 0.3);
  border: 1px solid #ff2600;
}
.dashboard .polygon-list li.afterStopLine:before {
  background-color: rgba(115, 0, 171, 0.3);
  border: 1px solid #ff2600;
}
.dashboard .polygon-list li.afterStopLineToLeft:before {
  background-color: #ff000045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToAheadAndLeft:before {
  background-color: #00ff0045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToAhead:before {
  background-color: #58585845;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToAheadAndRight:before {
  background-color: #ff800045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.afterStopLineToRight:before {
  background-color: #bfff0045;
  border: 1px solid #0000ff;
}
.dashboard .polygon-list li.beforeStopLineToLeft:before {
  background-color: #ff000045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToAheadAndLeft:before {
  background-color: #00ff0045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToAhead:before {
  background-color: #58585845;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToAheadAndRight:before {
  background-color: #0000ff45;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.beforeStopLineToRight:before {
  background-color: #ff770745;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.driveForward:before {
  background-color: #80800045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.driveToRight:before {
  background-color: #00ff0045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.driveToLeft:before {
  background-color: #0000ff45;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.trafficLightRed:before {
  background-color: #ff000045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightLeft:before {
  background-color: #80800045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightRight:before {
  background-color: #d2b48c45;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightGreen:before {
  background-color: #00ff0045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.trafficLightSignRight:before {
  background-color: #bfff0045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.parkingTypeParallel:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px #00ff0045;
}
.dashboard .polygon-list li.parkingTypePerpendicular:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px solid #ff000045;
}
.dashboard .polygon-list li.vehicleMoveObstacle:before {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #ff0000;
}

.dashboard .polygon-list li.limitedParkingZone:before {
  background-color: rgba(180, 169, 119, 0.3);
  border: 1px solid #6d5c27;
}

.dashboard .polygon-list li.catTransit:before {
  background-color: #ff770745;
  border: 1px solid #26639c;
}

.dashboard .polygon-list li.manOnTheRoad:before {
  background-color: #ff770745;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.carOnOncomingLane:before {
  background-color: #80800045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.carLoseGroundContact:before {
  background-color: #00ff0045;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.carCollision:before {
  background-color: #0000ff45;
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.trafficJam:before {
  background-color: #ff000045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.deniedCarTypeOnTheLane:before {
  background-color: #80800045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.carInThePedestrianArea:before {
  background-color: #d2b48c45;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.caronThePublickTransportLane:before {
  background-color: #00ff0045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.carOnTheRoadside:before {
  background-color: #bfff0045;
  border: 1px solid #ffff00;
}
.dashboard .polygon-list li.carOnTheLawn:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px #00ff0045;
}
.dashboard .polygon-list li.carInNoEntrySignArea:before {
  background-color: rgba(41, 45, 255, 0.3);
  border: 1px solid #ff000045;
}
.dashboard .polygon-list li.carOnTheDividingLane:before {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #ff0000;
}
.dashboard .polygon-list li.carOnTheSidewalk:before {
  background-color: rgba(180, 169, 119, 0.3);
  border: 1px solid #6d5c27;
}
.dashboard .polygon-list li.violationOnTheMarkingLine:before {
  background-color: rgba(168, 164, 145, 0.3);
  border: 1px solid #967b2a;
}
.path {
  fill: #ffffff4f;
  stroke-width: 2px;
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.path.active {
  stroke-width: 5px;
}
.path.autoContour {
  fill: rgba(255, 108, 11, 0.3);
  stroke: #6bffca;
}
.path.frameNumber {
  fill: rgba(234, 15, 255, 0.3);
  stroke: #ffe909;
}
.path.paidParking {
  fill: #1557244d;
  stroke: #155724;
}
.path.residentZone {
  fill: #721c244a;
  stroke: #ff7707;
}
.path.noParking {
  fill: #721c244a;
  stroke: #721c24;
}
.path.corrected {
  fill: #721c244a;
  stroke: #721c24;
  stroke-dasharray: 18;
  stroke-width: 5px;
}
.path.noParkingExceptHolidays {
  fill: #721c244a;
  stroke: #28a7454a;
}
.path.noStopping {
  fill: #dc35454a;
  stroke: #dc3545;
}
.path.noStoppingExceptHolidays {
  fill: #dc35454a;
  stroke: #28a7454a;
}
.path.noStoppingSidewalk {
  fill: #49505754;
  stroke: #dc3545;
}
.path.noStoppingExceptTaxi {
  fill: #f1771366;
  stroke: #5a1eb6;
}
.path.noStoppingExceptEV {
  fill: rgba(241, 112, 19, 0.3);
  stroke: #b61e6a;
}
.path.noStoppingYellowLine {
  fill: #ff770745;
  stroke: #ff7707;
}
.path.sidewalk {
  fill: #49505754;
  stroke: #495057;
}
.path.lawn {
  fill: #28a7454f;
  stroke: #28a745;
}
.path.secondRow {
  fill: #007bff78;
  stroke: #007bff;
}
.path.crosswalk {
  fill: #ffffff73;
  stroke: #ffffff;
}
.path.crossroad {
  fill: #ced4da40;
  stroke: #28a745;
}
.path.pedestrianZone {
  fill: #ced4da40;
  stroke: #ced4da;
}
.path.taxiZone {
  fill: #ffc10745;
  stroke: #000000;
}
.path.disabledZone {
  fill: #a807ff61;
  stroke: #a807ff;
}
.path.bicycleLane {
  fill: #66b0ff7d;
  stroke: #66b0ff;
}
.path.noStoppingEven {
  fill: rgba(81, 255, 250, 0.3);
  stroke: #ff0090;
}
.path.noStoppingOdd {
  fill: rgba(10, 255, 183, 0.3);
  stroke: #0017ff;
}
.path.prohibitionSignZone {
  fill: rgba(255, 0, 222, 0.3);
  stroke: #000dff;
}
.path.busZone {
  fill: rgba(147, 255, 110, 0.3);
  stroke: #ff7400;
}
.path.parkingPlace {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #6d6a6a;
}
.path.busStop {
  fill: rgba(255, 152, 44, 0.3);
  stroke: #000000;
}
.path.trafficLight {
  fill: rgba(255, 255, 255, 0.3);
  stroke: #ffffff;
}
.path.trafficLightRed {
  fill: rgba(255, 0, 0, 0.3);
  stroke: #ff0000;
}
.path.beforeStopLine {
  fill: rgba(0, 255, 0, 0.3);
  stroke: #ff2600;
}
.path.afterStopLine {
  fill: rgba(115, 0, 171, 0.3);
  stroke: #ff2600;
}
path.afterStopLineToLeft {
  fill: #ff000045;
  stroke: #0000ff;
}
path.afterStopLineToAheadAndLeft {
  fill: #00ff0045;
  stroke: #0000ff;
}
path.afterStopLineToAhead {
  fill: #58585845;
  stroke: #0000ff;
}
path.afterStopLineToAheadAndRight {
  fill: #ff800045;
  stroke: #0000ff;
}
path.afterStopLineToRight {
  fill: #bfff0045;
  stroke: #0000ff;
}
.path.detectionVrpZone {
  fill: #28a7454f;
  stroke: #28a745;
}
path.beforeStopLineToLeft {
  fill: #ff000045;
  stroke: #ff0000;
}
path.beforeStopLineToAheadAndLeft {
  fill: #00ff0045;
  stroke: #ff0000;
}
path.beforeStopLineToAhead {
  fill: #58585845;
  stroke: #ff0000;
}
path.beforeStopLineToAheadAndRight {
  fill: #0000ff45;
  stroke: #ff0000;
}
path.beforeStopLineToRight {
  fill: #ff770745;
  stroke: #ff0000;
}
path.driveForward {
  fill: #80800045;
  stroke: #ff0000;
}
path.driveToRight {
  fill: #00ff0045;
  stroke: #ff0000;
}
path.driveToLeft {
  fill: #0000ff45;
  stroke: #ff0000;
}
path.trafficLightRed {
  fill: #ff000045;
  stroke: #ffff00;
}
path.trafficLightLeft {
  fill: #80800045;
  stroke: #ffff00;
}
path.trafficLightRight {
  fill: #d2b48c45;
  stroke: #ffff00;
}
path.trafficLightGreen {
  fill: #00ff0045;
  stroke: #ffff00;
}
path.trafficLightSignRight {
  fill: #bfff0045;
  stroke: #ffff00;
}
path.parkingTypeParallel {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #00ff0045;
}
path.parkingTypePerpendicular {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #ff000045;
}
path.vehicleMoveObstacle {
  fill: rgba(255, 255, 255, 0.3);
  stroke: #ff0000;
}
path.limitedParkingZone {
  fill: rgba(180, 169, 119, 0.3);
  stroke: #6d5c27;
}

path.catTransit {
  fill: #ff770745;
  stroke: #26639c;
}
path.manOnTheRoad {
  fill: #ff770745;
  stroke: #ff0000;
}
path.carOnOncomingLane {
  fill: #80800045;
  stroke: #ff0000;
}
path.carLoseGroundContact {
  fill: #00ff0045;
  stroke: #ff0000;
}
path.carCollision {
  fill: #0000ff45;
  stroke: #ff0000;
}
path.trafficJam {
  fill: #ff000045;
  stroke: #ffff00;
}
path.deniedCarTypeOnTheLane {
  fill: #80800045;
  stroke: #ffff00;
}
path.carInThePedestrianArea {
  fill: #d2b48c45;
  stroke: #ffff00;
}
path.caronThePublickTransportLane {
  fill: #00ff0045;
  stroke: #ffff00;
}
path.carOnTheRoadside {
  fill: #bfff0045;
  stroke: #ffff00;
}
path.carOnTheLawn {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #00ff0045;
}
path.carInNoEntrySignArea {
  fill: rgba(41, 45, 255, 0.3);
  stroke: #ff000045;
}
path.carOnTheDividingLane {
  fill: rgba(255, 255, 255, 0.3);
  stroke: #ff0000;
}
path.carOnTheSidewalk {
  fill: rgba(180, 169, 119, 0.3);
  stroke: #6d5c27;
}
path.violationOnTheMarkingLine {
  fill: rgba(168, 164, 145, 0.3);
  stroke: #967b2a;
}
.point {
  fill: #dc3545;
}
.point.active {
  r: 15;
}

.polygon-editor-modal .drawing {
  width: 100%;
  height: 100%;
}

.polygon-editor-modal .drawArea {
  display: flex;
}

.polygon-editor-modal .drawArea.active {
  cursor: crosshair;
}

.polygon-editor-modal.modal-xl {
    width: 80%;
  min-width: 400px;
  max-width: none;
}

.polygon-editor-modal .info-header .info-header-main {
  font-weight: bold;
  margin-bottom: 10px;
}

.info-header-main__selected-season {
  display: flex;
  justify-content: flex-start;
}

.polygon-editor-modal .info-header .info-header-sub {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
}

.polygon-editor-modal .info-body {
  flex-direction: row;
  flex-flow: row;
}

.polygon-editor-modal .dashboard {
  width: 280px;
}

.polygon-editor-modal .image-container {
  width: 100%;
  float: left;
  background-size: contain;
  background-repeat: no-repeat;
}
.drawing .path {
  outline: 0px !important;
}
.servere-detector-cameras_header-description-data {
    display: flex;
    flex-direction: column;
}

.servere-detector-cameras-header-span {
    font-size: 12px;
}

.server-detector-camera-data {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;    
    display: flex;
    margin-bottom: 4px;
    align-items: center;
}

.server-detector-camera-data .name-field {
    width: 280px;
}
.go-to-complex {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1890FF;
    margin-left: 10px;
    cursor: pointer;
}
.go-to-complex:hover{
    text-decoration: underline;
}

.btn-disabled-activate {
    cursor: not-allowed !important;
    border-color: #d9d9d9 !important;
    color: rgba(0, 0, 0, 0.25) !important;
    background-color: rgba(0, 0, 0, 0.04) !important;
    box-shadow: none !important;
}


.readonly-main-options_centered-vertically .camera-labels-container {
  margin-left: 10px;
  min-width: 200px;
  max-width: 536px;
  width: auto;
}

.readonly-main-options_centered-vertically .form-control {
  height: auto;
  min-height: 38px;
  padding: 4px 8px;
}

.readonly-main-options_centered-vertically .ReactTags__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.readonly-main-options_centered-vertically {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.mobile-complex_list-cameras {
    display: block;
    max-height: 460px;
    overflow: auto;
}

.mobile-complex_camera-card {
    margin-top: 40px;
    margin-bottom: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 443px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
}

.mobile-complex_camera-card_header {
    width: 100%;
    padding: 8px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.mobile-complex_camera-card_header-left,
.mobile-complex_camera-card_header-right {
    display: flex;
    align-items: center;
}

.mobile-complex_camera-card_header-left span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-left: 9px;
}

.mobile-complex_camera-card_header-left .mobile-complex_header-item,
.mobile-complex_description-block_address .pin-address {
    cursor: pointer;
}

.mobile-complex_camera-card_body {
    width: 100%;
}

.mobile-complex_camera-card_body_close {
    display: none;
}

.mobile-complex_list-cameras .item-camera {
    display: flex;
    align-items: center;
    padding: 12px 36px 12px 36px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16.34px;
    border-bottom: 1px solid #D9D9D9;
    cursor: pointer;
}

.extra-field {
    padding: 12px;
}
.extra-field_item {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}


.arrow-icon-open {
    position: relative;
    cursor: pointer;
}

.arrow-icon-close {
    position: relative;
    cursor: pointer;
    transform: rotate(180deg);
}

.map-dropdown-context-menu {
    color: #777;
    background: #f7f7f7;
  }

  .begin-custom-icon {
    margin-left: -10px !important;
    margin-top: -10px !important;
    border-radius: 50%;
    background: rgba(3, 128, 3, 0.973);
    transform: translate3d(527px, 468px, 0px);
    border: 3px solid #05105a;
    transform: scale(1.3);
}

.begin-custom-icon:hover {
    margin-left: -10px !important;
    margin-top: -10px !important;
    border-radius: 50%;
    background: rgba(7, 197, 7, 0.973) !important;
    transform: translate3d(527px, 468px, 0px);
}

.interm-custom-icon {
    margin-left: -9px !important;
    margin-top: -7px !important;
    border-radius: 50%;
    background: rgba(7, 28, 145, 0.973) !important;
    transform: translate3d(527px, 468px, 0px);
}

.interm-custom-icon:hover {
    margin-left: -9px !important;
    margin-top: -7px !important;
    border-radius: 50%;
    background: rgba(7, 37, 207, 0.973) !important;
    transform: translate3d(527px, 468px, 0px);
}

.end-custom-icon {
    margin-left: -10px !important;
    margin-top: -10px !important;
    border-radius: 50%;
    background: #e52244;
    transform: translate3d(527px, 468px, 0px);
    border: 3px solid #05105a;
    transform: scale(1.3);
}

.end-custom-icon:hover {
    margin-left: -10px !important;
    margin-top: -10px !important;
    border-radius: 50%;
    background: #990a23;
    transform: translate3d(527px, 468px, 0px);
}

.icon-disabled {
    pointer-events: none !important;
    opacity: 0.4 none !important;
}
.mobile-complex-view-photo-wrapper {
    margin-top: 30px;
    width: 100%;
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.mobile-complex-view-photo-wrapper .camera-name {
    font-weight: 600;
    color: #1890ff;
}

.mobile-complex-view-photo-wrapper .observation-item__objects-header {
    margin-bottom: 10px;
    color: #333;
}

.mobile-complex-photo {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    position: relative;
}

.mobile-complex-no-photo-cam {
    background-image: url('/static/images/missing-photo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
}

.mobile-complex-scene-photo-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


.mobile-complex_main {
    display: flex;
    margin-bottom: 20px;
}

.mobile-complex_main .detector-input {
    width: 180px;
}

.mobile-complex_header {
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1890FF;
    background: white;
}

.mobile-complex_subheader {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0 10px 0;
    line-height: 28px;
    font-size: 20px;
    font-weight: 400;
}

.mobile-complex_subheader-name {
    display:inline-block ;
    width: 432px;
}

.mobile-complex_subheader-actions {
    display: flex;
    justify-content: space-between;
}

.mobile-complex_icon-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-complex_icon-btn img {
    margin-right: 5px;
}

.mobile-complex_body {
    padding: 0px 0 16px 0;
    width: 50%
}

.mobile-complex_extra-options {
    padding: 25px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #262626;
}

.mobile-complex_map {
    width: 55%;
    height: 60vh;
    padding-left: 10px;
}

.back-push {
    cursor: pointer;
}

.back-push:hover {
    text-decoration: underline;
    cursor: pointer;
}
.delete-button {
  height: 32px;
  width: 132px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  border: none;
}

.observation-area__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.observation-area__header > div {
  width: initial;
  flex-grow: inherit;
  flex-basis: auto;
}

.readonly-main-options {
  margin-top: 25px;
}
.readonly-main-options_centered-vertically {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.readonly-main-options_centered-vertically .form-control{
  z-index: 1001;
}

.coords {
  padding-left: 5px;
}

.labels {
  display: flex;
  align-items: center;
  padding: 0px;
}

.icon-wrap {
  padding-right: 0;
}

.ReactTags__selected {
  width: 500px !important;
  display: table-cell !important;
}

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

.readonly-main-options__address {
  margin-top: 0;
}
.readonly-main-options__starting-point-coord {
  margin-top: 11px;
}

.ReactTags__tags {
  display: table-cell;
  position: relative;
}

.ReactTags__tagInput {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  border: none;
}

.ReactTags__tagInput input.ReactTags__tagInputField,
.ReactTags__tagInput input.ReactTags__tagInputField:focus {
  margin: 0;
  font-size: 12px;
  width: 100%;
  border: none;
  outline: none;
}

.ReactTags__selected {
  display: flex;
  width: 100%;
}

.ReactTags__selected span.ReactTags__tag {
  border: 1px solid #ddd;
  background: #F2F2F2;
  color: black;
  font-size: 12px;
  display: inline-block;
  padding: 0 3px;
  margin: 0 5px;
  border-radius: 3px;
  white-space: nowrap;
}
.ReactTags__selected a.ReactTags__remove {
  color: black;
  margin-left: 5px;
  cursor: pointer;
}

.ReactTags__suggestions {
  max-height: 350px;
  overflow: auto;
  position: absolute;
  z-index: 999;
}
.ReactTags__suggestions ul {
  list-style-type: none;
  padding-left: 0;
  box-shadow: 0.05em 0.01em 0.5em rgba(0, 0, 0, 0.2);
  background: white;
  min-width: 200px;
  font-stretch: normal;
}
.ReactTags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  margin: 0;
}
.ReactTags__suggestions li mark {
  display: none;
  text-decoration: underline;
  background: none;
  font-weight: 600;
}
.ReactTags__suggestions ul li.ReactTags__activeSuggestion {
  background: #b7cfe0;
  cursor: pointer;
}

.ReactTags__remove {
  border: none;
  cursor: pointer;
  background: none;
  color: black;
}

.readonly-main-options {
    margin-top: 25px;
  }
  .readonly-main-options_centered-vertically {
    display: flex;
    align-items: center;
    font-size: 16px;
  }

  .readonly-main-options_centered-vertically .form-control{
    z-index: 1001;
  }


  .readonly-main-options__address {
    margin-top: 0;
  }
  .readonly-main-options__starting-point-coord {
    margin-top: 11px;
  }

.scene-photo-view {
    width: 100%;
    height: 100%;
  }
  
.vzor-scene-decree-properties-editor {
    background-color: #f2f2f2;
    padding: 12px;
    margin-bottom: 15px;
    width: 100%;
  }
  .vzor-scene-decree-properties-editor__button {
    background-color: white;
    color: black;
    border: 2px #d1d1d1 solid;
  }
  .vzor-scene-decree-properties-editor__cancel-button {
    margin-left: 9px;
  }
  .vzor-scene-decree-properties-editor__label-container {
    margin-top: 5px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 17px;
  }
  .vzor-scene-decree-properties-editor__label {
    margin-bottom: 0;
  }
  .vzor-scene-decree-properties-editor__address-value {
    margin-top: 5px;
  }
  .vzor-scene-decree-properties-editor__address-value .form-group {
    margin-bottom: 0;
  }
  
.observation-item__image-container {
  margin-bottom: 20px;
}
.observation-item__image {
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
.observation-item___objects {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0;
}
.observation-item___objects p {
  margin-bottom: 0;
}

.observation-item___objects p.observation-item__objects-header {
  margin-bottom: 4px;
  font-weight: bold;
}

.observation-item__button {
  background-color: white;
  color: black;
  border: 2px #d1d1d1 solid;
  margin-left: 15px;
}

.observation-item .scene-address-decree-editor {
  width: 100%;
  margin-bottom: 8px;
}

.scene-photo-view:focus {
  outline: none !important;
}
.observation-area {
  margin-top: 20px;
}


.modal-add-complex_wrapper {
    height: 81vh;
    border: 1px solid #e7dbdb;
    overflow: auto;
}

.form-add-complex_item-camera {
    padding: 8px 0 8px 0;
}

.form-add-complex_item-camera-body {
    margin-top: 8px;
}

.form-add-complex_item-camera img {
    cursor: pointer;
}

.form-add-complex_item-camera-name {
    margin-right: 5px;
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
}

.ip-address-mask {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 11px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    background-image: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d9d9d9;
    border-radius: 2px;
    transition: all 0.2s;
}

.ip-address-mask:hover {
    border-color: #4096ff;
    border-inline-end-width: 1px;
}

.ip-address-mask:focus {
    border-color: #4096ff;
    box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
    border-inline-end-width: 1px;
    outline: 0;
}

.ip-address-mask::placeholder {
    color: rgba(0, 0, 0, 0.88);
    opacity: .3;
}

.form-add-complex_data {
  width: 100%;
  font-size: 14px;
}

.close-icon {
  margin-right: 45px;
  cursor: pointer;
}

.monitoring-item {
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.monitoring-item.offline {
  border: 1px solid #ff0000;
}
.monitoring-item img {
  width: 100%;
  height: auto;
  max-height: 209px;
  object-fit: fill;
}
.monitoring-item a {
  color: black;
  text-decoration: none;
}
.monitoring-item__band-h {
  min-height: 40px;
  align-self: flex-end;
  background-color: #c4c4c4;
  width: 100%;
  padding: 5px 5px 2px;
}
.monitoring-item__band-h_row {
  display: flex;
  line-height: 16px;
}
.monitoring-item__divider {
  flex: 1;
}
.monitoring-item__work-mode-icon {
  min-width: 25px;
}
.monitoring-item__name {
  font-weight: bold;
  font-size: 14px;
}
.monitoring-item__date {
  font-size: 12px;
}
.monitoring-item__address {
  width: 100%;
  padding-left: 30px;
  font-size: 15px;
}

.monitoring-page__filters > * {
  display: inline-block;
  margin: 0 12px 15px 0;
}
.monitoring__search-field {
  margin-bottom: 15px;
}

.monitoring-report-statistis__title {
  font-weight: bold;
}

.monitoring-report-statistis__date {
  display: flex;
  align-items: flex-start;
}

.monitoring-report-statistis__date-text {
  width: 25px;
  display: inline-block;
}

.monitoring-report-statistis__date .form-group {
  display: inline-block;
  margin-left: 13px;
}

.monitoring-report-statistis__date input[type='date'] {
  width: 230px;
}

.monitoring-report-statistis__button {
  width: 187px;
  margin-top: 10px;
}

.monitoring-report-statistis__spinner {
  margin-right: 5px;
}

.monitoring-report-statistis__loading-info {
  margin-top: 10px;
  color: #6c757d;
  font-style: italic;
  font-size: 0.9rem;
}

.monitoring-report-statistis__camera-selector {
  margin-top: 20px;
}

.monitoring-report-statistis__camera-selector table {
  width: 900px;
}

.monitoring-report-statistis__camera-selector tbody {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}
.monitoring-report-statistis__camera-selector thead,
.monitoring-report-statistis__camera-selector tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed; }

.monitoring-report-statistis__camera-selector thead {
  width: calc(100% - 1em); }

.monitoring-report-statistis__camera-id-column {
  width: 100px;
}

.monitoring-report-statistis__camera-number-column {
  width: 120px;
}

.monitoring-report-statistis__camera-name-column {
  max-width: 350px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.monitoring-report-statistis__camera-actions-column {
  width: 150px;
}

.monitoring-report-statistis__date .invalid-feedback {
  width: 210px;
}
.monitoring-report__container {
  height: 750px;
}

.custom-report table {
    width: auto !important;
}

.custom-report thead {
    width: 100% !important;
}

.custom-report thead tr th label {
    margin-bottom: auto;
}

.custom-report thead tr {
    height: 50px;
}

.custom-report thead tr {
    height: 50px;
}

.custom-report table thead th {
    vertical-align: inherit !important;
    text-align: center;
}

.custom-report table td {
    text-align: center;
}

.custom-report__spinner {
    margin-right: 5px;
}

.custom-report__loading-info {
    margin-top: 10px;
    color: #6c757d;
    font-style: italic;
    font-size: 0.9rem;
}
.home__notification-block,
.home__projects,
.home__layout > .col {
  padding: 0;
}

.home__projects {
  display: flex;
}

.home__layout {
  display: flex;
  height: 100%;
  flex-direction: column;
  margin-right: -15px;
  margin-left: -15px;
}

.home__notification-block {
  flex-basis: auto;
}

.home__projects {
  flex: 1;
}

.home .notification-block {
  flex-basis: auto;
  padding: 28px 24px;
  background: url(6ed5279d096f3b0b04214f4c92e08621.png) no-repeat right center;
  background-color: rgb(67, 100, 172);
  background-size: cover;
}

.home .notification-block__message {
  color: #f0f0f0;
  font-size: 1.2rem;
}

.home .notification-block__message p {
  margin: 0;
}

.home .notification-block__link {
  color: inherit;
  font-size: inherit;
}

.home .notification-block__link:hover {
  color: #ffffff;
}

@media screen and (min-width: 480px) {
  .home .notification-block {
    padding: 28px 32px;
  }

  .home .notification-block__message {
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .home .notification-block {
    padding: 34px 32px;
  }

  .home .notification-block__message {
    font-size: 1.5rem;
  }
}

.projects {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.projects__container {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(d31a5e5bedeb712c7f352ed222256f9b.jpg) no-repeat center top;
  background-size: cover;
}