.tec-carpark-access_host  .tec-carpark-profile { 
    max-height: 100%;
}

 


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tec-carpark-access_host .tec-carpark-profile__buttons.tec-carpark-profile__buttons_list::-webkit-scrollbar {
        width: 15px;
        background: #fff;
    }
    .tec-carpark-access_host .tec-carpark-profile__buttons.tec-carpark-profile__buttons_list::-webkit-scrollbar-track {
        background: #fff;
    }
    .tec-carpark-access_host .tec-carpark-profile__buttons.tec-carpark-profile__buttons_list::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #26a69a;
    }
}.tec-control-progress__body_access>.tec-carpark-table__body {
    font-size: 13px;
}

.tec-control-progress__body_access>.tec-carpark-table__body input[type=checkbox]  {
    display: inline-block;
}

.flex_wrapper-2cols {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
}

.short {
    min-width: unset !important;
    max-width: 500px;
}

.flex_wrapper-2cols {
    padding: 20px;
}

.flex_wrapper-2cols > label {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.flex_wrapper-2cols > label input{
    flex: none;
    margin-right: 10px;
}

.label-control {
    font-weight: 600;
    color: #747474;
    user-select: none;
}

.label-control:has(input:checked) {
    color: #000000;
}

.label-control:has(input:checked):hover {
    color: #000000;
}

.label-control:hover {
    cursor: pointer;
    color: #545454;
}
.tec-carpark-app {
    display: flex;
    flex: 1;
    background: #f1f4f5;
    font-family: 'Open Sans', sans-serif;
    max-height: 100vh;
    max-width: 100vw;

}
.tec-carpark-app:empty {
    background: #21293f;
    background: linear-gradient(to top right, #21293f, #4a598a);
}
.tec-carpark__hidden {
    display: none !important;
}

.tec-carpark-table {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 100%;
    width: auto;
    background: white;
    box-sizing: border-box;
    font-size: 12px;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: scroll;
}
.tec-carpark-table_half {
    max-height: 50vh;
}
.tec-carpark-table_no_flex {
    flex: none;
}
.tec-carpark-table__header {
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 2;
    background: white;
}
.tec-carpark-table__body {
    flex: 1;
}
.tec-carpark-table__body_no_flex {
    flex: none;
    overflow-y: hidden;
}
.tec-carpark-table__footer {
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: white;
    font-weight: 500;
}
.tec-carpark-table__group {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.tec-carpark-table__row {
    display: flex;
    flex-shrink: 0;
}

.tec-carpark-table__row_hidden {
    display: none;
}
.tec-carpark-table__cell {
    display: flex;
    padding: 5px;
    transition: all 0.2s ease-in-out;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
    width: 70px;
    flex-shrink: 0;
    flex-wrap: 0;
    text-overflow: ellipsis;
    background: white;
}

.phone-number {
    position: relative;
}

.phone-number .plus {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}

.phone-number input {
    padding-left: 15px;
    margin-left: 0 !important;
}

.tec-carpark-table__cell_auto {
    width: auto;
}
.tec-carpark-table__cell>input {
    width: 30px;
    display: block;
    margin:auto 5px;
    flex: 1;
    min-width: 0;
}

.tec-carpark-table__cell_bold {
    text-align: center;
    font-weight: 700;
    padding: 10px 5px;
}
.tec-carpark-table__cell_hidden {
    display: none;
}
.tec-carpark-table__cell_2x {
    width: 140px;
}

.tec-carpark-table__cell_3x {
    width: 160px;
}
.tec-carpark-table__cell_4x {
    width: 230px;
}
.tec-carpark-table__cell_5x {
    width: 280px;
}
.tec-carpark-table__cell_6x {
    width: 300px;
}
.tec-carpark-table__cell_8x {
    width: 360px;
}
.tec-carpark-table__cell_max {
    flex: 1;
    min-width: 120px;
}

.tec-carpark-table__cell_max button {
    white-space: break-spaces;
}

.tec-carpark-table__cell_left {
    justify-content: left;
}
.tec-carpark-table__cell_primary {
    font-weight: bold;
    color: #1d8177;
}
.tec-carpark-table__header>.tec-carpark-table__row {
    /* padding-right: 15px; */
}

.tec-carpark-table__body>.tec-carpark-table__row_select{
    cursor: pointer;
}
.tec-carpark-table__body>.tec-carpark-table__row_select:hover>.tec-carpark-table__cell {
    background: #ddd;
}
.tec-carpark-table__body>.tec-carpark-table__row_current>.tec-carpark-table__cell {
    background: #f6f798;
    color: black;
}
.tec-carpark-table__body>.tec-carpark-table__row_selected>.tec-carpark-table__cell {
    background: #26a69a;
    color: white;
}
.tec-carpark-table__body>.tec-carpark-table__row_selected:hover>.tec-carpark-table__cell {
    background: #1d8177;
    color: white;
}
.tec-carpark-table__header>.tec-carpark-table__row>.tec-carpark-table__cell {
    text-align: center;
    font-weight: 700;
    padding: 10px 5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tec-carpark-table::-webkit-scrollbar,.tec-carpark-table__body::-webkit-scrollbar {
        width: 15px;
        background: #fff;
    }
    .tec-carpark-table::-webkit-scrollbar-track,.tec-carpark-table__body::-webkit-scrollbar-track {
        background: #fff;
    }
    .tec-carpark-table::-webkit-scrollbar-thumb,.tec-carpark-table__body::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #26a69a;
    }
}

.tec-carpark-table__title {
    text-align: center;
    flex: 1;
    margin: auto 0px;
}
.tec-carpark-table__close{
    cursor: pointer;
    color: #1d8177;
    margin: auto 2px;
}
.tec-carpark-table__footer>.tec-carpark-table__row>.tec-carpark-table__cell {
    font-weight: 700;
}
.tec-carpark-table__cell_no_show {
    display: none;
}
.tec_carpark-table__hidden-cols:only-child:after {
    content: ' нет'
}
.tec-carpark-table__cell_filtred {
    border: 1px solid #26a69a;
    padding: 4px;
}
.tec-carpark-table__cell_input_filtred {
    border: 1px solid #26a69a;
    color: #26a69a;
}
.tec-carpark-table__checkboxes>button {
    background: none;
    margin: auto 2px;
    padding: 2px;
    border: none;
    color: #1d8177;
    cursor: pointer;
    font-size: 14px;
}

.tec-carpark-table_preloader{
    width:200px;
    height:4px;
    background:linear-gradient(to right,#26a69a,#26a69a);
    background-color:#ccc;
    margin:auto;
    border-radius:4px;
    background-size:20%;
    background-repeat:repeat-y;
    background-position:-25% 0;
    animation:scroll 1.2s ease-in-out infinite;
}
.tec-carpark-status-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: auto;
    background: #c2c2c2;
    border-style: solid;
    border-color: #c2c2c2;
    border-width: 1px;
}
.tec-carpark-status-circle_off {
    background: #ffffff;
    border-color: #39d139;
}
.tec-carpark-status-circle_on {
    background: #39d139;
    border-color: #39d139;
}

@keyframes scroll{
    50%{background-size:80%}
    100%{background-position:125% 0;}
}

.tabs {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tabs__titles {
    display: flex;
    border-bottom: 1px solid #aaa;
    padding-left: 15px;
}
.tabs__title {
    border: 1px solid #aaa;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 5px 15px;
    border-right: 0px none;
    margin-bottom: -1px;
    cursor: pointer;
    color: #324148;
}
.tabs__title:last-child {
    border-right: 1px solid;
}
.tabs__title_selected {
    border-bottom: 1px solid white;
}
.tabs__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    flex-shrink: 0;
    min-height: 0;
}
.tec-carpark-content{
    display: flex;
    flex-direction: column;
    flex: 1;
    max-height: 100vh;
    max-width: calc(100vw - 200px);
    overflow: hidden;
}

.tec-carpark-content.hide {
    display: none;
}

.tec-carpark-content__header {
    display: flex;
    align-items: flex-start;
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    height: 60px;
    z-index: 10;
    max-width: calc(100vw - 200px);
    margin-bottom: 5px;
}
.tec-carpark-content__title {
    padding: 15px 15px 15px 35px;
    font-size: 18px;
    color: #324148;
    font-weight: 400;
    flex: 1;
    margin: auto 0px;
    position: relative;
}

.tec-carpark-content__buttons {
    display: flex;
    flex-direction: column;
}
.tec-carpark-content__button {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    color: #324148;
    transition: 0.2s all linear;
    min-height: 60px;
    box-sizing: border-box;
}

.tec-carpark-content__button span {
    pointer-events: none;
}

.tec-carpark-content__button_hidden {
    display: none;
}
.tec-carpark-content__button_disabled {
    color: #ccc;
    cursor: default;
}
.tec-carpark-content__button:hover {
    background: #cfd9dd;
}
.tec-carpark-content__button-text {
    margin: auto 0px;
}

.tec-carpark-content__body {
    display: flex;
    flex: 1;
    max-height: calc(100vh - 90px);
    flex-shrink: 0;
}

.tec-carpark-content__body.scrollable {
    flex-direction: column;
    overflow: auto;
}

.access_page {
    align-items: center;
    justify-content: center;
}

.tec-carpark-content__data {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;
    overflow: auto;
    flex-shrink: 0;
    margin: auto;
    max-height: calc(100vh - 90px);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tec-carpark-content__data::-webkit-scrollbar {
        width: 15px;
        background: #fff;
    }
    .tec-carpark-content__data::-webkit-scrollbar-track {
        background: #fff;
    }
    .tec-carpark-content__data::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #26a69a;
    }
}
.tec-carpark-content__panel {
    display: flex;
    flex-direction: column;
}
.tec-carpark-content__panel:empty {
    display: none;
}
.tec-carpark-panel__subtitle {
    padding: 15px 15px 10px 15px;
    font-size: 18px;
    /* border-bottom: 1px solid #ccc; */
}
.tec-carpark-panel__text {
    font-size: 14px;
    padding: 10px 15px 15px 15px;
}

.tec-carpark__link {
    color: lightseagreen;
    cursor: pointer;
}
.tec-carpark-content__data_no_scroll {
    overflow: hidden;
}
.tec-carpark-content__dropmenu {
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    height: 60px;
    z-index: 150;
    background: white;
}
.tec-carpark-content__dropmenu_2x {
    height: 120px;
}
.tec-carpark-content__dropmenu_3x {
    height: 180px;
}
.tec-carpark-content__dropmenu_4x {
    height: 240px;
}
.tec-carpark-content__dropmenu_5x {
    height: 300px;
}
.tec-carpark-content__dropmenu_closed {
    height: 60px !important;
    box-shadow: none;
}

.tec-carpark-content__dropmenu_exports_opened {
    height: 240px;
    z-index: 150;
    background: white;
    box-shadow: 0 3px 6px rgba(0,0,0,.08);
}
.tec-carpark-content__dropmenu_filters_opened {
    height: 180px;
    z-index: 150;
    background: white;
    box-shadow: 0 3px 6px rgba(0,0,0,.08);
}
.tec-carpark-content__dropmenu_commands_opened {
    height: 180px;
    z-index: 150;
    background: white;
    box-shadow: 0 3px 6px rgba(0,0,0,.08);
}


.tec-carpark-content__warning {
    flex: 1;
    text-align: center;
    color: red;
    margin: auto 0px;
    font-weight: 600;;
}
.tec-carpark-content__warning_green {
    color: green;
}
.device__input {
    display: block;
    flex: 1;
}
.device_map {
    min-height: 250px;
}
.device__element_hidden {
    display: none;
}
.tec-carpark-profiles-button {
    color: #26a69a;
    transition: all 0.25s;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    padding: 5px 10px;
}
.tec-carpark-profiles-button:hover{
    background: #ddd;
}
.tec-carpark-profiles-button__image {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: auto 0px;
}
.tec-carpark-profiles-button__content {
    margin: auto 5px auto 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.tec-carpark-profiles-button__title {
    margin: auto 0px;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    text-align: left;;
}
.tec-carpark-profiles-button__title_compact {
    margin: auto 0px;
    font-weight: normal;
    font-size: 12px;
}
.tec-carpark-profiles-button__title_gray {
    color: #777;
}
.tec-carpark-profiles-button__accesses {
    display: flex;
    flex-direction: column;
    margin: auto 0px;
}
.tec-carpark-profiles-button__access {
    padding: 0px 5px;
    color: #999;
    font-size: 13px;
}


.tec-carpark-profiles-button__text {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: auto 5px auto  10px;
}
.tec-carpark-content__title.hide {
    opacity: 0;
}

.dx-datagrid {
    font-size: 12px;
}

.dx-datagrid-header-panel {
    display: none;
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
    display: none;
}

.dx-datagrid-column-chooser-mode-select {
    position: absolute;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: none;
    border-left: 2px solid #ffffff;
}

.dx-row.dx-column-lines.dx-header-row > td {
    padding: 10px 5px 0 5px !important;
}

.dx-popup-draggable .dx-popup-title {
    cursor: default;
}

.dx-treeview-item .dx-treeview-item-content span,
.dx-toolbar-label .dx-toolbar-item-content > div {
    pointer-events: none;
}

.dx-row.dx-column-lines.dx-datagrid-filter-row > td{
    padding: 5px !important;
}

.dx-datagrid .dx-row > td {
    padding: 6px 8px !important;
}

.dx-datagrid .dx-column-lines > td {
    border-left: none;
    border-right: none;
}

.dx-datagrid-headers {
    border-bottom: none;
    /*padding-bottom: 10px;*/
    /*padding-top: 10px;*/
    margin-top: -5px;
    background-color: #f5f5f5;
}

.dx-row:has(.dx-editor-cell .dx-widget input[value=true])  {
    background-color: #e6e6e6;
}

.dx-row:has(.dx-editor-cell .dx-widget input[value=true]):hover {
    background-color: #f3f3f3;
}

.dx-row.dx-data-row.selected {
    background-color: #26a69a !important;
    color: white;
}

.dx-editor-cell:has(.dx-texteditor:not(.dx-texteditor-empty)) .clear-search {
    display: block;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    content: unset;
}
.dx-row.dx-datagrid-filter-row td {
    position: relative;
}

.dx-row.dx-datagrid-filter-row td .clear-search {
    position: absolute;
    display: none;
    right: 7px;
    width: 15px;
    height: 15px;
    color: #bdb4b4;
    top: 50%;
    transform: translateY(-55%);
}

.dx-row.dx-datagrid-filter-row td .clear-search:hover {
    color: #333333;
    font-weight: 900;
    cursor: pointer;
}

.dx-row.dx-data-row.selected:hover {
    background: #1b807a;
}


.dx-row.dx-data-row > td {
    vertical-align: middle !important;
}

.dx-datagrid-headers + .dx-datagrid-rowsview {
    border-top: none;
}

.dx-scrollable-content {
    height: 100%;
}

.dx-scrollable-scroll-content,
.dx-row.dx-selection{
    background-color: #26a69a;
}

.dx-datagrid-focus-overlay {
    border: none;
}

.dx-datagrid-headers .dx-texteditor-input {
    min-height: 24px;
}

.dx-selectbox-container .dx-texteditor-input-container .dx-texteditor-input {
    padding: 0 !important;
    width: 50px !important;
    max-width: 50px !important;
    text-align: left;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
    /*padding: 0 5px !important;*/
}

.dx-dropdowneditor-field-clickable {
    padding: 0 5px;
}

.dx-focused {
    border: none;
}

.dx-overlay-wrapper.dx-datagrid-column-chooser.dx-popup-wrapper.dx-datagrid-column-chooser-mode-select {
    transform: none !important;
    top: 95px !important;
    width: 100% !important;
}

.dx-list-item {
    font-size: 12px;
}

.dx-dropdowneditor-input-wrapper .dx-texteditor-input-container input {
    border: none;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 4px 3px 7px;
}

.dx-datebox-datetime input {
    border: 1px solid !important;
}

.dx-texteditor-container,
.dx-daterangebox-with-label {
    border: 1px solid #dcdcdc !important;
    border-radius: 4px;
}

.dx-texteditor-input-container input {
    font-size: 12px;
    height: 10px;
    padding: 0 5px 0 20px !important;
}

.dx-texteditor-input-container input:focus {
    border-color: #26a69a;
}

.dx-datagrid-column-chooser-mode-select .dx-overlay-content {
    transform: none !important;
    right: 0 !important;
    left: unset !important;
    height: 500px !important;
}

.dx-data-row:hover {
    cursor: pointer;
    background-color: #e6e6e6;
}

.dg-indicator {display: flex; align-items: center; justify-content: center}
.dg-indicator div {width: 12px; height: 12px; border: 1px solid transparent; border-radius: 50%; margin: 0 5px}
.dg-indicator .on {background-color: #39d139; border-color: #39d139}
.dg-indicator .off {background-color: #c2c2c2; border-color: #c2c2c2}

.dg-drop {
    text-align: left;
}

.dg-drop .dx-texteditor.dx-editor-outlined {
    border: none !important;
}

.dx-popup-content {
    padding: 5px;
}

.dx-popup-bottom.dx-toolbar {
    padding: 10px 20px 10px 20px;
}

.dx-checkbox-icon {
    width: 16px !important;
    height: 16px !important;
    font-size: 12px !important;
}

.dx-list-item-content {
    padding: 5px;
}

.dx-datagrid .dx-header-filter:hover {
    cursor: pointer;
    color: #83c3bd;
}

.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
    color: #26a69a;
}

.dx-menu-base .dx-menu-item {
    display: none;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input,
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
    padding: 0 20px 0 3px !important;
}

.dg-drop select {
    height: 24px;
    padding: 0;
    width: 100%;
    border-radius: 5px;
    border-color: #dcdcdc;
    font-size: 12px;
    cursor: pointer;
    font-family: "Helvetica Neue","Segoe UI", 'Helvetica' ,'verdana', sans-serif;
    color: #333333;
    background-color: #fff;
}

.dg-drop select:focus {
    border-color: #26a69a;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block !important;
}

.dx-header-row > td > .dx-datagrid-text-content {
    font-weight: 500;
    float: left;
}

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

.cb div {
    min-width: 15px;
    height: 15px;
    margin: 0 1px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
}

.cb div:hover {
    cursor: pointer;
    border-color: #26a69a;
}

.cb .clear {
    color: #333333;
}

.cb .set {
    color: #26a69a;
}

.dx-popup-normal[aria-label="Column Chooser"] .dx-popup-title {
    padding: 0 10px;
}

.dx-popup-normal[aria-label="Column Chooser"] .dx-scrollable-container {
    overflow-y: scroll;
}

.dx-popup-normal[aria-label="Column Chooser"] .dx-popup-content {
    padding: 0 8px 8px;
}

.dx-popup-normal[aria-label="Column Chooser"] .dx-popup-title .dx-toolbar-label{
    font-size: 12px;
    font-weight: 700;
    height: 25px;
}

.dx-popup-normal[aria-label="Column Chooser"] .dx-popup-content li {
    font-size: 11px;
}

.dx-popup-normal[aria-label="Column Chooser"] .dx-popup-content li .dx-item {
    padding: 5px 0 0 25px;
    min-height: 25px;
}

.selected .cell-colored {
    background-color: #a0ff00;
}

.cell-colored {
    background-color: rgba(255, 255, 0, 0.15);
}

.cell-colored2 {
    background-color: rgba(255, 0, 0, 0.15);
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child {
    border-left: 2px solid #ffffff;
}


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

.permissions .icon { width: 14px; height: 14px; margin-right: 2px; background-position: center; background-repeat: no-repeat; background-size: contain; }

.permissions .control { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='%2300b12c' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_9821)'%3E%3Cpath d='M1.73492 8.44001L0.624922 8.75001C0.564922 8.41001 0.544922 8.07001 0.544922 7.73001C0.544922 7.60001 0.544922 7.42001 0.574922 7.20001L1.69492 7.40001V7.74001C1.69492 7.98001 1.70492 8.22001 1.73492 8.45001V8.44001ZM1.90492 6.16001L0.784922 5.96001C0.924922 5.43001 1.13492 4.92001 1.40492 4.43001L2.34492 5.09001C2.16492 5.43001 2.02492 5.78001 1.91492 6.15001L1.90492 6.16001ZM2.08492 9.8C2.15492 10 2.24492 10.19 2.35492 10.37L1.44492 11.08C1.26492 10.76 1.11492 10.44 0.984922 10.1L2.09492 9.79001L2.08492 9.8ZM2.93492 4.20001L1.99492 3.53001C2.09492 3.41001 2.24492 3.25001 2.42492 3.04001C2.91492 2.53001 3.48492 2.11001 4.11492 1.78001L4.54492 2.86001C3.91492 3.20001 3.37492 3.64001 2.92492 4.20001H2.93492ZM3.27492 11.62C3.41492 11.76 3.55492 11.9 3.70492 12.03L3.00492 12.94C2.77492 12.75 2.55492 12.55 2.34492 12.34L3.26492 11.63L3.27492 11.62ZM10.5449 6.16001C10.6049 6.22001 10.6549 6.30001 10.6949 6.40001C10.7649 6.55001 10.8149 6.74001 10.8449 6.96001C10.8949 7.25001 10.9149 7.59001 10.9149 7.98001C10.9149 8.37001 10.8949 8.71001 10.8449 8.99001C10.8049 9.21001 10.7549 9.4 10.6949 9.55C10.6449 9.66 10.5949 9.75 10.5449 9.8L10.4749 9.86001H9.71492V8.77001H9.25492V9.86001H6.23492L5.01492 8.92001H3.79492V7.67001H3.34492V8.61001H2.74492V6.12001H3.34492V7.06001H3.79492V6.12001H4.56492L5.32492 5.34001H6.08492V4.88001H5.32492V4.25001H8.05492V4.88001H7.29492V5.34001H8.09492L8.69492 6.12001H9.25492V7.06001H9.71492V6.12001H10.4749L10.5449 6.16001ZM5.40492 2.49001L4.97492 1.41001C5.90492 1.09001 6.85492 1.00001 7.82492 1.13001L7.61492 2.28001C7.40492 2.26001 7.19492 2.25001 6.98492 2.25001C6.44492 2.25001 5.91492 2.33001 5.40492 2.49001ZM12.2949 7.86001C12.3149 7.03001 12.1649 6.25001 11.8349 5.49001C11.5049 4.74001 11.0349 4.09001 10.4249 3.56001C9.81492 3.02001 9.12492 2.65001 8.34492 2.43001L8.55492 1.27001C9.50492 1.51001 10.3649 1.96001 11.1149 2.61001C11.8749 3.26001 12.4549 4.04001 12.8549 4.97001C13.2649 5.89001 13.4549 6.86001 13.4349 7.87001C13.4149 8.88001 13.1849 9.83001 12.7349 10.74L13.4449 11.12L11.0749 12.94V9.87001L11.7049 10.21C12.0649 9.47001 12.2649 8.69001 12.2849 7.86001H12.2949Z' fill='%2300b12c'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_9821'%3E%3Crect width='12.91' height='11.86' fill='%2300b12c' transform='translate(0.544922 1.07001)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.permissions .tracks { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='%2300b12c' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_9820)'%3E%3Cpath d='M10.5249 5.5C10.8049 4.96 10.9449 4.38 10.9449 3.78C10.9049 3.09 10.7049 2.46 10.3349 1.88C9.96486 1.31 9.48486 0.850004 8.89486 0.520004C8.30486 0.190004 7.65486 0.0200043 6.96486 0.0200043C6.27486 0.0200043 5.62486 0.190004 5.03486 0.520004C4.44486 0.850004 3.96486 1.3 3.59486 1.88C3.22486 2.45 3.02486 3.09 2.98486 3.78C2.98486 4.39 3.12486 4.96 3.40486 5.5L6.97486 12.54L10.5349 5.5H10.5249ZM6.96486 5.89C6.57486 5.89 6.20486 5.81 5.87486 5.62C5.53486 5.43 5.27486 5.18 5.06486 4.85C4.86486 4.52 4.75486 4.16 4.74486 3.77C4.77486 3.4 4.88486 3.05 5.09486 2.74C5.30486 2.43 5.56486 2.18 5.89486 2C6.22486 1.82 6.57486 1.73 6.95486 1.73C7.33486 1.73 7.68486 1.82 8.01486 2C8.34486 2.18 8.60486 2.42 8.81486 2.74C9.02486 3.05 9.13486 3.4 9.16486 3.77C9.16486 4.16 9.05486 4.52 8.84486 4.84C8.64486 5.16 8.37486 5.42 8.04486 5.61C7.71486 5.8 7.35486 5.89 6.96486 5.88V5.89Z' fill='%2300b12c'/%3E%3Cpath d='M3.90482 11.6L10.2148 13.97L10.2248 13.96L12.0548 12.66L11.5948 12.02L10.0948 13.07L3.79482 10.72L1.94482 12.02L2.42482 12.66L3.90482 11.6Z' fill='%2300b12c'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_9820'%3E%3Crect width='10.11' height='13.94' fill='%2300b12c' transform='translate(1.94482 0.0299988)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.permissions .config { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='%2300b12c' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_9819)'%3E%3Cg clip-path='url(%23clip1_14_9819)'%3E%3Cpath d='M1.32 5.85C0.91 5.56 0.59 5.17 0.35 4.68C0.12 4.19 0 3.66 0 3.09C0 2.52 0.12 2 0.35 1.53C0.58 1.06 0.91 0.69 1.32 0.42C1.76 0.14 2.25 0 2.8 0H11.2C11.76 0 12.25 0.14 12.68 0.42C13.09 0.69 13.41 1.06 13.65 1.53C13.88 2 14 2.52 14 3.1C14 3.68 13.88 4.21 13.65 4.7C13.42 5.19 13.09 5.58 12.68 5.86C12.24 6.16 11.75 6.31 11.2 6.31H2.8C2.25 6.31 1.75 6.16 1.32 5.86V5.85ZM12.69 8.15C13.1 8.43 13.42 8.81 13.66 9.31C13.89 9.8 14.01 10.33 14.01 10.9C14.01 11.47 13.89 11.99 13.66 12.47C13.43 12.95 13.1 13.32 12.69 13.59C12.25 13.87 11.76 14.01 11.21 14.01H2.8C2.25 14.01 1.75 13.87 1.32 13.59C0.91 13.32 0.59 12.95 0.35 12.47C0.12 11.99 0 11.47 0 10.9C0 10.33 0.12 9.8 0.35 9.31C0.58 8.82 0.91 8.43 1.32 8.15C1.76 7.85 2.25 7.7 2.8 7.7H11.2C11.75 7.7 12.25 7.85 12.68 8.15H12.69ZM12.4 12.95C12.7 12.74 12.93 12.45 13.09 12.07C13.24 11.72 13.31 11.32 13.31 10.89C13.31 10.46 13.23 10.06 13.07 9.69C12.91 9.3 12.68 8.99 12.37 8.77C12.04 8.53 11.66 8.41 11.21 8.41H2.8C2.36 8.41 1.97 8.54 1.64 8.8C1.34 9.02 1.11 9.34 0.94 9.74C0.78 10.11 0.7 10.5 0.7 10.91C0.7 11.32 0.77 11.69 0.92 12.04C1.08 12.42 1.31 12.73 1.61 12.95C1.95 13.19 2.34 13.31 2.8 13.31H11.2C11.66 13.31 12.05 13.19 12.39 12.96L12.4 12.95ZM3.3 8.79C3.68 8.79 4.04 8.89 4.36 9.08C4.68 9.27 4.94 9.53 5.12 9.85C5.31 10.17 5.4 10.52 5.4 10.89C5.4 11.26 5.31 11.62 5.12 11.95C4.93 12.27 4.68 12.53 4.36 12.72C4.04 12.91 3.69 13.01 3.3 13.01C2.91 13.01 2.56 12.91 2.24 12.72C1.92 12.53 1.66 12.27 1.48 11.94C1.29 11.61 1.2 11.26 1.2 10.89C1.2 10.52 1.29 10.17 1.48 9.85C1.67 9.53 1.92 9.27 2.24 9.08C2.56 8.89 2.91 8.79 3.3 8.79ZM3.3 12.28C3.68 12.28 4.01 12.14 4.28 11.87C4.55 11.6 4.69 11.27 4.7 10.89C4.7 10.51 4.56 10.18 4.29 9.9C4.01 9.62 3.69 9.49 3.3 9.49C2.91 9.49 2.59 9.63 2.31 9.9C2.03 10.17 1.9 10.5 1.9 10.89C1.9 11.28 2.04 11.62 2.31 11.89C2.59 12.17 2.91 12.3 3.3 12.3V12.27V12.28ZM10.85 0.7C10.41 0.7 10.01 0.81 9.63 1.04C9.26 1.26 8.96 1.56 8.73 1.94C8.51 2.31 8.39 2.72 8.39 3.16C8.39 3.6 8.5 4.02 8.72 4.4C8.94 4.78 9.24 5.08 9.62 5.3C10 5.52 10.41 5.63 10.85 5.63C11.29 5.63 11.7 5.52 12.08 5.29C12.46 5.07 12.76 4.77 12.98 4.39C13.2 4.01 13.31 3.6 13.31 3.17C13.31 2.74 13.2 2.32 12.98 1.95C12.76 1.57 12.46 1.27 12.08 1.05C11.7 0.83 11.29 0.72 10.85 0.72H10.84L10.85 0.7Z' fill='%2300b12c'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_9819'%3E%3Crect width='14' height='14' fill='%2300b12c'/%3E%3C/clipPath%3E%3CclipPath id='clip1_14_9819'%3E%3Crect width='14' height='14' fill='%2300b12c'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.permissions .user { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='%2300b12c' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_9817)'%3E%3Cpath d='M5.48995 7.11C4.89995 7.32 4.41995 7.67 4.04995 8.18C3.67995 8.69 3.49995 9.27 3.49995 9.91V10.57H3.46995C2.50995 10.5 1.62995 10.32 0.839951 10.04L0.699951 10V7.89C0.699951 7.46 0.799951 7.06 1.01995 6.69C1.22995 6.32 1.51995 6.02 1.87995 5.8C2.23995 5.58 2.63995 5.46 3.06995 5.45H4.81995C4.81995 5.77 4.88995 6.07 5.01995 6.35C5.13995 6.63 5.30995 6.89 5.51995 7.11H5.48995ZM3.84995 5.3C3.50995 5.3 3.19995 5.2 2.91995 5.03C2.63995 4.86 2.40995 4.63 2.24995 4.34C2.08995 4.05 2.00995 3.74 2.00995 3.4V3.34V3.3C2.00995 2.96 2.08995 2.65 2.24995 2.36C2.40995 2.07 2.63995 1.84 2.91995 1.67C3.19995 1.5 3.51995 1.41 3.84995 1.4C4.18995 1.4 4.49995 1.5 4.77995 1.67C5.05995 1.84 5.28995 2.07 5.44995 2.36C5.60995 2.65 5.68995 2.96 5.68995 3.3V3.45H5.67995C5.45995 3.65 5.26995 3.87 5.11995 4.14C4.96995 4.4 4.86995 4.69 4.82995 4.99C4.53995 5.2 4.20995 5.3 3.84995 5.3ZM7.87995 7.44C8.30995 7.46 8.69995 7.58 9.05995 7.8C9.40995 8.02 9.69995 8.32 9.90995 8.68C10.12 9.04 10.23 9.44 10.23 9.87V11.97L10.1 12.03H10.13C9.28995 12.4 8.40995 12.59 7.49995 12.59H7.28995C6.13995 12.59 5.06995 12.4 4.07995 12.04L3.93995 12V9.87C3.93995 9.44 4.03995 9.04 4.24995 8.67C4.45995 8.3 4.74995 8.01 5.10995 7.78C5.46995 7.55 5.86995 7.44 6.29995 7.43H7.87995V7.44ZM7.07995 7.31C6.73995 7.31 6.43995 7.21 6.15995 7.04C5.87995 6.87 5.65995 6.64 5.48995 6.35C5.32995 6.06 5.24995 5.75 5.24995 5.41V5.35V5.31C5.24995 4.97 5.32995 4.66 5.48995 4.37C5.64995 4.08 5.87995 3.85 6.15995 3.68C6.43995 3.51 6.74995 3.42 7.08995 3.41C7.42995 3.41 7.73995 3.51 8.01995 3.68C8.29995 3.85 8.52995 4.08 8.68995 4.37C8.84995 4.66 8.92995 4.97 8.92995 5.31V5.41C8.92995 5.75 8.84995 6.06 8.68995 6.35C8.52995 6.64 8.29995 6.87 8.01995 7.04C7.73995 7.21 7.41995 7.3 7.08995 7.31H7.07995ZM8.29995 3.32V3.28C8.29995 2.94 8.37995 2.63 8.53995 2.35C8.69995 2.07 8.92995 1.84 9.20995 1.66C9.48995 1.49 9.80995 1.4 10.14 1.39C10.48 1.39 10.79 1.49 11.07 1.66C11.35 1.83 11.58 2.06 11.74 2.35C11.9 2.64 11.98 2.95 11.98 3.29V3.39C11.98 3.73 11.9 4.04 11.74 4.33C11.58 4.62 11.35 4.85 11.07 5.02C10.79 5.19 10.47 5.28 10.14 5.29C9.85995 5.29 9.59995 5.23 9.35995 5.11C9.31995 4.73 9.20995 4.39 9.01995 4.08C8.82995 3.77 8.58995 3.51 8.28995 3.3L8.29995 3.32ZM10.93 5.42C11.36 5.42 11.76 5.55 12.12 5.77C12.48 5.99 12.77 6.29 12.98 6.66C13.19 7.03 13.3 7.43 13.3 7.86V9.95L13.17 10.02H13.2C12.4 10.38 11.56 10.57 10.69 10.57V9.91C10.69 9.27 10.5 8.69 10.13 8.18C9.75995 7.67 9.26995 7.31 8.66995 7.11C8.87995 6.89 9.04995 6.63 9.16995 6.35C9.28995 6.07 9.35995 5.76 9.36995 5.43H10.92L10.93 5.42Z' fill='%2300b12c'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_9817'%3E%3Crect width='12.6' height='11.2' fill='%2300b12c' transform='translate(0.699951 1.39999)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.permissions .control.off { filter: grayscale(1) brightness(1.4); }
.permissions .tracks.off { filter: grayscale(1) brightness(1.4); }
.permissions .config.off { filter: grayscale(1) brightness(1.4); }
.permissions .user.off { filter: grayscale(1) brightness(1.4); }


.clear_filter {
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #DDD;
    background: #FFF;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}

.clear_filter:hover {
    border: 1px solid #C5C5C5;
    background: #F5F5F5;
    cursor: pointer;
}

.clear_filter:hover svg {
    filter: brightness(0.9);
}

.clear_filter.hide {
    display: none;
}
.tec-control-progress__title_info {
    color: #26A69A;
    text-align: center;
}

.tec-control-progress__title_sub {
    text-align: center;
    padding: 30px 0 5px;
    color: #00443C;
}

.tec-control-progress__count {
    text-align: right;
    padding: 5px 50px 0 0;
    font-size: 14px;
    color: #26a69a;
    margin-bottom: 20px;
}

.tec-carpark-profiles-button__check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 30px;
}

.tec-carpark-profiles-button__check input {
    flex: 0;
    pointer-events: none;
}

.tec-control-progress__profiles_list {
    max-height: 300px;
    overflow: auto;
    border: 1px solid #009C8F;
    margin: 10px 50px 0;
}

.tec-control-progress__profiles_list_title {
    padding: 5px 10px;
    background-color: #00443C;
    color: #fff;
}
html, body {
    margin: 0px;
    padding: 0px;
    display: flex;
    min-height: 100vh;
    max-height: 100vh;
    width: 100vw;
}
select {
    display: block;
    flex: 1;
}
input, button, select {
    width: auto;
    box-sizing: border-box;
    display: block;
    padding: 5px;
    flex: 1;
}
input[type=checkbox] {
    display: inline-block;
}
input[type=radio] {
    display: inline-block;
}
input:focus, textarea:focus, select:focus, button:focus{
    outline: none;
}@font-face {
    font-family: 'fontello';
    src: url('assets/fontello/20190506060732.eot');
    src: url('assets/fontello/20190506060732.eot7#iefix') format('embedded-opentype'),
         url('assets/fontello/20190506060732.woff') format('woff2'),
         url('assets/fontello/20190506060732.woff') format('woff'),
         url('assets/fontello/20190506060732.ttf') format('truetype'),
         url('assets/fontello/20190506060732.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: 'fontello';
      src: url('../font/fontello.svg?83828250#fontello') format('svg');
    }
  }
  */
   
   [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
   
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
   
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
   
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
   
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
   
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
 
.icon-users-1:before { content: '\e800'; } /* '' */
.icon-download:before { content: '\e801'; } /* '' */
.icon-reverse:before { content: '\e802'; } /* '' */
.icon-attention:before { content: '\e804'; } /* '' */
.icon-menu:before { content: '\e805'; } /* '' */
.icon-plus:before { content: '\e806'; } /* '' */
.icon-dots:before { content: '\e807'; } /* '' */
.icon-route:before { content: '\e808'; } /* '' */
.icon-journal:before { content: '\e809'; } /* '' */
.icon-tracks:before { content: '\e80a'; } /* '' */
.icon-support:before { content: '\e80b'; } /* '' */
.icon-exit:before { content: '\e80c'; } /* '' */
.icon-heater:before { content: '\e830'; } /* '' */
.icon-autolaunch:before { content: '\e831'; } /* '' */
.icon-heat_and_start:before { content: '\e832'; } /* '' */
.icon-panic:before { content: '\e833'; } /* '' */
.icon-season-comfort:before { content: '\e873'; } /* '' */
.icon-ventilation:before { content: '\e874'; } /* '' */
.icon-parking_point:before { content: '\e878'; } /* '' */
.icon-sensors:before { content: '\e87a'; } /* '' */
.icon-dvr:before { content: '\e87b'; } /* '' */
.icon-trunk_open:before { content: '\e87c'; } /* '' */
.icon-gps_fixed:before { content: '\e88e'; } /* '' */
.icon-gps_search:before { content: '\e88f'; } /* '' */
.icon-commands:before { content: '\e890'; } /* '' */
.icon-search:before { content: '\e891'; } /* '' */
.icon-valet:before { content: '\e902'; } /* '' */
.icon-lock_open:before { content: '\e903'; } /* '' */
.icon-lock:before { content: '\e912'; } /* '' */
.icon-engine_block:before { content: '\e916'; } /* '' */
.icon-park-break:before { content: '\e91a'; } /* '' */
.icon-money:before { content: '\e91d'; } /* '' */
.icon-settings:before { content: '\e920'; } /* '' */
.icon-check:before { content: '\e925'; } /* '' */
.icon-back:before { content: '\e927'; } /* '' */
.icon-forward:before { content: '\e928'; } /* '' */
.icon-geozones:before { content: '\e929'; } /* '' */
.icon-calendar:before { content: '\e92b'; } /* '' */
.icon-notification:before { content: '\e92c'; } /* '' */
.icon-user:before { content: '\e92e'; } /* '' */
.icon-control:before { content: '\e936'; } /* '' */
.icon-lbs:before { content: '\e93f'; } /* '' */
.icon-close:before { content: '\e94a'; } /* '' */
.icon-guard:before { content: '\e953'; } /* '' */
.icon-star:before { content: '\e958'; } /* '' */
.icon-parking:before { content: '\e95d'; } /* '' */
.icon-map:before { content: '\e95f'; } /* '' */
.icon-trash:before { content: '\e961'; } /* '' */
.icon-config:before { content: '\e962'; } /* '' */
.icon-users:before { content: '\e963'; } /* '' */.tec-carpark-main {
    font-family: 'Open Sans', sans-serif;
}

.tec-carpark-forbidden {
    width: 100%;
    text-align: center;
    padding: 100px 0;
}
.tec-carpark-forms__button {
    color: red;
    color: white;
    cursor: pointer;
    padding: 10px;
}
.tec-carpark-forms__label {
    display: flex;
    padding: 10px 0px;
}
.tec-carpark-forms__label>span {
    display: block;
    flex: 1;
}
.tec-carpark-forms__label>input {
    display: block;
    margin-left: auto;
}.dx-viewport.center .dx-header-row > td > .dx-datagrid-text-content {
    font-weight: 500;
    float: unset;
}
.tec-carpark-fw-session-create__filedrop {
    flex: 1;
    border: 1px dotted #ccc;
    color: #777;
    box-sizing: border-box;
    padding: 50px 15px;
    margin: 10px;
    text-align: center;
}
.tab-panel {
    display: flex;
    min-height: 40px;
    align-items: center;
    margin-top: -5px;
    margin-bottom: 5px;
    background-color: whitesmoke;
    border-bottom: 2px solid white;
}

.tab-panel .tab {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 50px;
    cursor: pointer;
}

.tab-panel .tab.active {
    pointer-events: none;
    cursor: default;
    background-color: #d1d1d1;
}

.tab-panel .tab:hover {
    background-color: #e7e7e7;
}
.image-area {
    width: 100%;
    max-width: 800px;
    min-height: 300px;
    max-height: 80vh;
}

.cropper {
    padding: 8px;
}

.buttons-area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.tec-carpark-main {
    min-height: 100vh;
    max-height: 100vh;
    display: flex;
    flex: 1;
    max-width: 100vw;
    background: white;
}
.tec-carpark-main__menu {
    width: 200px;
    display: flex;
    flex-direction: column;
}
.tec-carpark-main__content {
    display: flex;
    flex: 1;
    max-height: 100vh;
    max-width: calc(100vw - 200px);
    margin-top: 36px;
}
.tec-carpark-menu {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #263238;
}
.tec-carpark-menu__logo {
    background: #324148;
    height: 36px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    color: #ffffff;
    font-size: 20px;
    width: 100vw;
    overflow: hidden;
}

.tec-carpark-menu__logo .park-name-wrap {
    position: relative;
    margin-left: 10px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tec-carpark-menu__logo .park-name-wrap p {
    background: #324148;
    z-index: 99;
    margin: 0;
    font-size: 12px;
    overflow: hidden;
    word-break: break-all;
    transition: .2s;
}

.tec-carpark-menu__logo .avatar{
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%;
    background-color: #425760;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.tec-carpark-menu__buttons {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 15px;
}
.tec-carpark-menu__button {
    color: white;
    padding: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s linear;
}
.tec-carpark-menu__button:hover {
    background: #202b30;
}
.tec-carpark-menu__button_active {
    background: #26a69a;
}
.tec-carpark-menu__button:hover.tec-carpark-menu__button_active{
    background: #26a69a;
}
.tec-carpark-menu__button_hidden {
    display: none;
}
.tec-carpark-menu__wrapper {
    flex: 1;
}

.passport_link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
}
.reg-modal-progress {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 20px;
}

.reg-modal .table {
    font-size: 12px;
    max-height: 200px;
    overflow-y: auto;
    background: #f1efef;
    margin: 20px 30px;
    display: none;
}

.reg-modal .tec-carpark-panel__button {
    flex: none;
    margin: auto;
    padding: 10px 45px;
}

.reg-modal .table:has(.row) {
    display: block;
}

.reg-modal .table .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 3px;
}

.reg-modal .table .row div:first-child {
    width: 120px;
}

.reg-modal .table .row:nth-child(2n) {
    background-color: #e3e3e3;
}
.reg-modal .table .row:nth-child(2n+1) {
    background-color: #efefef;
}
.tec-carpark-news__overlay {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: 'Open Sans', sans-serif;
}

.tec-carpark-news__header {
    padding: 10px 0 20px;
    font-weight: 700;
    text-align: center;
}

.tec-carpark-news__close-modal {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #26a69a;
    font-size: 18px;
}

.tec-carpark-news__close-modal:hover {
    color: #2bb7ac;
}

.tec-carpark-news {
    position: relative;
    width: 700px;
    height: 90vh;
    background-color: #fff;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.tec-carpark-news__content {
    overflow-y: auto;
    padding-right: 10px;
}

.tec-carpark-news__content ul {
    padding-left: 20px;
    font-size: 13px;
    margin-bottom: 30px;
}

.tec-carpark-news__content::-webkit-scrollbar {
    width: 15px;
    background: #fff;
}
.tec-carpark-news__content::-webkit-scrollbar-track {
    background: #fff;
}
.tec-carpark-news__content::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #26a69a;
}

.tec-carpark-news__content ul li {
    margin-bottom: 15px;
}

.tec-carpark-news__content h3 {
    margin-bottom: 15px;
    margin-top: 0;
    padding: 5px 10px;
    font-style: italic;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    background-color: #ebebeb;
}

.tec-carpark-news__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
.tec-carpark-news__footer label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.tec-carpark-news__footer label p{
    margin: 0;
    font-size: 13px;
}

.tec-carpark-news__footer .tec-carpark-news__accept {
    flex: 0;
    background: #26a69a;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 10px 30px;
    border: none;
    cursor: pointer;
    transition: .2s;
}

.tec-carpark-news__footer .tec-carpark-news__accept:hover {
    background-color: #2bb7ac;
}
.leaflet-control-layers-toggle {
	background-image: url(assets/layers.png);
	width: 36px;
	height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(assets/layers-2x.png);
	background-size: 26px 26px;
}
.leaflet-default-icon-path {
	background-image: url(assets/marker-icon.png);
}.tec-carpark-panel {
    flex: 1;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    background: white;
    overflow-y: auto;
    box-shadow: -2px 2px 4px rgba(0,0,0,.08);
}

.tec-carpark-panel.fix-width {
    width: 360px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tec-carpark-panel::-webkit-scrollbar {
        width: 15px;
        background: #fff;
    }
    .tec-carpark-panel::-webkit-scrollbar-track {
        background: #fff;
    }
    .tec-carpark-panel::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #26a69a;
    }
}
.tec-carpark-panel_hidden{
    width: 400px;
}
.tec-carpark-panel_hidden {
    display: none;
}
.tec-carpark_panel__header {
    padding: 15px 0px;
    text-align: center;
    font-size: 20px;
}

.tec-carpark-panel__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;
    word-wrap: normal !important;

}
.tec-carpark-panel__content>p, .tec-carpark-panel__content>ul>li {
    word-wrap: normal !important;
}
.tec-carpark-panel__content_nopad {
    padding: 15px 0px;
}
.tec-carpark-panel__buttons {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.button_create_access {
    margin-bottom: 35px;
}

.tec-carpark-panel__button {
    margin-right: 15px;
    box-sizing: border-box;
    padding: 10px 15px;
    font-size: 14px;
    background: #26a69a;
    border: 1px solid #26a69a;
    border-radius: 17px;
    cursor: pointer;
    flex: 1;
    text-align: center;
    color: white;
}

.tec-carpark-panel__button.red {
    background-color: rgb(185, 43, 43);
    border-color: rgb(185, 43, 43);
}


.tec-carpark-panel__button:hover {
    filter: brightness(1.1);
}

.tec-carpark-panel__button_center {
    margin: 0 auto;
    min-width: 160px;
}
.tec-carpark-panel__button_disabled {
    background: #a8e2dc;
    border: 1px solid #a8e2dc;
    cursor: default;
}
.tec-carpark-panel__button_hidden {
    display: none;
}
.tec-carpark-panel__button_warning {
    border: 1px solid #b0b304;
    background-color: #b0b304;
}
.tec-carpark-panel__button:last-child {
    margin-right: 0px;
}

.tec-carpark-panel__button_center:last-child {
    margin: 0px auto;
}


.tec-carpark-panel__button_secondary {
    background: none;
    color: #26a69a;
}
.tec-carpark-panel_small {
    width: 400px;
}
.tec-carpark-main {
    font-family: 'Open Sans', sans-serif;
}

.tec-carpark-forbidden {
    width: 100%;
    text-align: center;
    padding: 100px 0;
}
.tec-carpark-profile {
    width: 500px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    display: flex;
    flex-direction: column;
    margin: 0 auto 30px;
}
.tec-carpark-profile__buttons:empty {
    padding: 30px;
    text-align: center;
}

.tec-carpark-profile__buttons__other:empty {
    padding: 20px;
}

.tec-carpark-profile__buttons__other:empty::before {
    content: 'У Вас нет доступа к другим паркам. Для получения доступа, обратитесь к владельцу соответствующего парка.';
}
.tec-carpark-profile__buttons_list {
    flex: 1;
    min-height: 58px;
}
.tec-carpark-profile__buttons_list:empty::before,
.tec-carpark-profile__buttons_users:empty::before {
    display: block;
    content: 'Пусто';
    padding: 20px;
    text-align: center;
}
.tec-carpark-profile__text {
    height: 52px;
    padding: 0 15px;
    background: #014d45;
    color: white;
    display: flex;
    align-items: center;
}

.tec-carpark-profile__inputs {
    display: flex;
}

.tec-carpark-profile__input, .tec-carpark-profile__button {
    display: block;
    flex: 1;
    margin: 10px;
    padding: 5px;

}

.tec-carpark-profile__hidden {
    display: none;
}

.tec-carpark-main.no-sidebar {
    flex-direction: column;
}

.tec-carpark-main.no-sidebar .tec-carpark-main__content {
    margin-top: 0;
    max-width: 100vw;
    width: 100vw;
}


.tec-carpark-main.no-sidebar .tec-carpark-content {
    max-width: 100vw;
    width: 100vw;
    max-height: calc(100vh - 36px);
}

.tec-carpark-main.no-sidebar .tec-carpark-content__header {
    max-width: 100vw;
    width: 100vw;
}

.tec-carpark__top {
    background: #324148;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    position: relative;
}

.tec-carpark__top h2 {
    font-size: 20px;
    font-weight: 400;
}


.tec-carpark__top .avatar {
    position: absolute;
    right: 20px;
    top: 0;
    min-height: 36px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.tec-carpark__top .avatar:hover {
    background: #1f2d2f;
    cursor: pointer;
}

.tec-carpark__top .avatar .drop {
    display: none;
    position: absolute;
    right: 0;
    top: 36px;
    color: black;
    z-index: 99;
    background-color: white;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .35);
    width: 110px;
}

.tec-carpark__top .avatar .drop .item {
    padding: 16px 20px;
    text-align: center;
}

.tec-carpark__top .avatar .drop .item:hover {
    background-color: #26A69A;
    color: #FFFFFF;
    cursor: pointer;
}

.tec-carpark__top .avatar:hover .drop {
    display: block;
}

.tec-carpark__top .avatar p.title {
    margin: 0 10px 0 0;
}

.tec-carpark__top .avatar img.img {
    width: 28px;
    height: 28px;
    border-radius: 16px;
    box-shadow: 0 0 0 1px white;
}

.tec-carpark-profile__text.inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tec-carpark-profile__text.inline button {
    max-width: 34px;
    height: 34px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    cursor: pointer;
    background-color: #014d45;
    color: white;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}

.tec-carpark-profile__text.inline button:hover {
    filter: brightness(1.5);
}
.tec-control-progress__body_access>.tec-carpark-table__body {
    font-size: 13px;
}

.tec-control-progress__body_access>.tec-carpark-table__body input[type=checkbox]  {
    display: inline-block;
}

.flex_wrapper-2cols {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
}

.short {
    min-width: 360px !important;
    max-width: 500px;
    margin: auto;
}

.flex_wrapper-2cols {
    padding: 20px;
}

.flex_wrapper-2cols > label {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.flex_wrapper-2cols > label input{
    flex: none;
    margin-right: 10px;
}

.label-control {
    font-weight: 600;
    color: #747474;
    user-select: none;
}

.label-control:has(input:checked) {
    color: #000000;
}

.label-control:has(input:checked):hover {
    color: #000000;
}

.label-control:hover {
    cursor: pointer;
    color: #545454;
}


.tec-carpark-access.error input {
    background-color: #FCEBEB;
    border: 1px solid red;
}

.tec-carpark-access.error .tec-carpark-access-inform {
    opacity: 1;
    color: #B92B2B;
}

.tec-carpark-access.error .tec-carpark-access-inform svg.success {
    display: none;
}


.tec-carpark-access.success input {
    background-color: #f2f9ec;
    border: 1px solid green;
}

.tec-carpark-access.success .tec-carpark-access-inform {
    opacity: 1;
    color: green;
}

.tec-carpark-access.success .tec-carpark-access-inform svg.error {
    display: none;
}

.tec-carpark-access label {
    display: block;
    text-align: center;
}

.tec-carpark-access input {
    margin: 20px auto 10px;
    padding: 10px;
    min-width: 300px;
    border-radius: 4px;
    border: 1px solid;
}

.tec-carpark-access-inform {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.tec-carpark-access-check-group {
    display: flex;
    justify-content: space-around;
    margin-top: 25px;
    margin-bottom: 25px;
}

.tec-carpark-access-check-group .check-group-col {
    display: flex;
    flex-direction: column;
}

.tec-carpark-access-check-group .check-group-col .label-control {
    margin: 5px 0;
}.tec-carpark-profiles-button {
    color: #26a69a;
    transition: all 0.25s;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.tec-carpark-profiles-button .revoke_access {
    background-color: #DA3333;
}

.tec-carpark-profiles-button .edit_button {
    background-color: #00443C;
}

.tec-carpark-profiles-button .revoke_access,
.tec-carpark-profiles-button .edit_button {
    position: absolute;
    right: 0;
    left: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}

.tec-carpark-profiles-button .revoke_access .revoke_access-label,
.tec-carpark-profiles-button .edit_button .edit_button-label {
    opacity: 0;
    position: absolute;
    color: white;
    font-size: 10px;
    font-weight: 300;
    bottom: 4px;
    transition: .2s;
}

.tec-carpark-profiles-button .revoke_access:hover {
    background-color: #bd2b2b;
    cursor: pointer;
}

.tec-carpark-profiles-button .edit_button:hover {
    background-color: #016257;
    cursor: pointer;
}

.tec-carpark-profiles-button .revoke_access:hover .revoke_access-label,
.tec-carpark-profiles-button .edit_button:hover .edit_button-label {
    opacity: 1;
}

.tec-carpark-profiles-button:hover .revoke_access,
.tec-carpark-profiles-button:hover .edit_button {
    right: -60px;
}

.tec-carpark-profiles-button:hover {
    background: #ddd;
}

.tec-carpark-profiles-button__image {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: auto 0;
}

.tec-carpark-profiles-button__content {
    margin: auto 5px auto 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tec-carpark-profiles-button__title {
    margin: auto 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 14px;
    text-align: left;;
}

.tec-carpark-profiles-button__title_compact {
    margin: auto 0;
    font-weight: normal;
    font-size: 12px;
}

.tec-carpark-profiles-button__title_gray {
    color: #777;
}
.tec-carpark-profiles-button__accesses {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}
.tec-carpark-profiles-button__access {
    padding: 0 5px;
    color: #999;
    font-weight: 400;
    font-size: 13px;
}
.tec-carpark-profiles-button__access::before {
    content: '✕';
    color: #B92B2B;
    font-weight: 900;
    width: 14px;
    height: 14px;
    display: inline-flex;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
}
.tec-carpark-profiles-button__access_true::before {
    content: '✔';
    color: #014d45;
    font-weight: 900;

}
.tec-carpark-profiles-button__text {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: auto 5px auto  10px;
}

.tec-carpark-profiles-button.editable .tec-carpark-profiles-button__access {
    color: #009C8F;
    cursor: pointer;
    transition: .2s;
}

.tec-carpark-profiles-button.editable:hover .tec-carpark-profiles-button__access {
    color: #00c9bb;
}

.tec-carpark-profiles-button.editable:hover .tec-carpark-profiles-button__access:hover {
    color: #00837a;
}

.tec-carpark-profiles-button.editable:hover .tec-carpark-profiles-button__access:before {
    background-color: white;
    border-color: #1b807a;
}
.tec-carpark-content__header .back_btn {
    max-width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
}

.tec-carpark-content__header .tec-carpark-panel__button {
    max-width: 226px;
    margin-right: 20px;
}

.tec-carpark-content__header .back_btn:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer;
}

.park-edit {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.park-edit .tec-carpark-content__body {
    overflow-y: auto;

}


.park-edit-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    min-width: 500px;
}

.park-edit-form .tec-carpark-panel__button {
    margin-bottom: 30px;
}

.park-edit-form .del_park {
    color: #B92B2B;
    cursor: pointer;
    margin-bottom: 15px;
}

.park-edit-form .del_park:hover {
    filter: brightness(1.2);
}

.park-edit-head-title {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    width: 100%;
}

.park-edit-head-title .avatar {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}

.park-edit-head-title .avatar img {
    position: absolute;
    width: 60px;
    height: 60px;
}

.park-edit-head-title .avatar:hover::before {
    content: '';
    z-index: 1;
}

.park-edit-head-title .avatar:hover .add-button {
    opacity: 1;
}

.park-edit-head-title .avatar:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #00443C;
    opacity: 50%;
}

.park-edit-head-title .avatar .add-button {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px dashed white;
    color: white;
    font-size: 24px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 1;
}

.park-edit-head-title input {
    margin-right: 20px;
    border-color: transparent;
    border-width: 1px;
    font-size: 18px;
    transition: .2s;
}

.park-edit-head-title input:focus {
    border-bottom-color: black;
}

.park-edit-head-title input:focus::placeholder {
    opacity: 0;
}

.tec-carpark-profile__buttons_users {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tec-carpark-panel__button-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

[data-model="save_icon"] {
    cursor: pointer;
    transition: .2s;
}

[data-model="save_icon"]:hover {
    filter: brightness(1.3);
}.tec-control-progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}

.tec-control-progress__body {
    font-family: 'Open Sans', sans-serif;
    padding: 25px;
    margin: auto;
    min-width: 600px;
    max-width: 940px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: white;
}

.tec-control-progress .tec-carpark-panel__button:last-child {
    margin: auto;
}

.tec-carpark-panel__button.disabled {
    background-color: grey;
    pointer-events: none;
    border-color: grey;
}

.tec-control-progress__title {
    font-size: 24px;
    color: #26a69a;
    text-align: center;
    padding: 10px;
    white-space: pre-line;
}

.tec-control-progress__message {
    max-width: 550px;
    margin: auto;
    max-height: 310px;
    overflow: auto;
    font-size: 13px;
    white-space: pre-wrap;
}

.tec-control-progress__subtitle {
    text-align: center;
    padding: 15px;
}
.tec-control-progress__progress {
    display: flex;
    background: linear-gradient(130deg, rgba(38,166,154,1) 19%, rgb(192 255 250) 20%, rgb(192 255 250) 49%, rgba(38,166,154,1) 50%);
    background-size: 40px 40px;
    animation: progress-bar-stripes .5s linear infinite;
    border-radius: 10px;
    margin-top: 30px;
}
.tec-control-progress__progress>progress{
    flex: 1;
    opacity: 0;
}

@keyframes progress-bar-stripes {

    0% {
        background-position: 40px 0;
    }
    100% {
        background-position: 0 0;
    }
}
.tec-carpark-registrations {
    flex: 1;
    display: flex;
}
.tec-carpark-registrations__list {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    flex: 1;
}
.tec-carpark-registrations__info {
    display: flex;
}
.tec-carpark-registrations__info:empty {
    display: none;
}


.dx-daterangebox-with-label .dx-texteditor-container {
    border: none !important;
}

.dx-daterangebox .dx-editor-outlined::before {
    display: none;
}


.dx-daterangebox .dx-editor-outlined:hover .dx-label {
    color: black;
}