:root {
    --main-blue: #61B7F6;
    --main-red: #F66161;
    --main-gray: #7A7A7A;
    --light-gray: #F4F5F6;
    --border-gray: #e1e8ea;
    --input-border-gray: #D2D2D2;
    --hover-blue: #3075BA;
    --hover-red: #D33C3C;
    --hover-gray: #5c5c5c;
    --Gray-500: #E4E6E7;
    --Grey-Maim: #414141;
    --Green-900:#54C986;
}

.table-page-head {
    padding: 0px 30px;
    border-radius: 5px 5px 0 0;
    background: #E4E6E7 left 10px center no-repeat;
    margin-top: 10px;
    justify-content: space-between;
    display: flex;
    height: 36px;
}

.table-page-head-label {
    color: #3075BA;
    font-size: 15px;
    font-weight: bold;
    display: inline-flex;
    height: 36px;
    align-items: center;
}

.table-page-head-label span {
    color: black;
}

.table-page-head-tabs,
.table-page-head-tabs_secondary {
    display: inline-flex;
    line-height: 26px;
    align-items: flex-end;
}

.table-page-head-tabs div,
.table-page-head-tabs_secondary div {
    background: #7a7a7a;
    padding: 0 20px;
    font-size: 12px;
    line-height: 32px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-left: 10px;
    color: white;
    cursor: pointer;
    height: 32px;
}

.table-page-head-tabs a{
    color: white;
    text-decoration: none;
}

.table-page-head-tabs div.active a{
    color: #222;
}

.table-page-head-tabs div.active,
.table-page-head-tabs_secondary div.active{
    background-color: white;
    color: #222;
}

.table-page-head-tabs_secondary{

}

.table-page-body{
    padding: 18px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #e1e8ea;
    border-top: none;
}

.table-page-list__header {
    background: #F4F5F6;
    height: 40px;
    display: flex;
    align-items: center;
}

.table-page-list__header .table-page-list__header-th{
    display: inline-block;
    padding: 0;
    padding: 0 10px 0 0;
    color: #7A7A7A;
    font: bold 12px Arial;
    vertical-align: middle;
    cursor: pointer;
}

.table-page-search{
    margin: 10px 0 30px;
}

.table-page-list__group-operation{
    margin-top: 30px;
}

.table-page-list__group-operation-message{
    display: flex;
    color: white;
    margin-top: 30px;
}

.table-page-list__group-operation-message div{
    height: 32px;
    align-items: center;
    display: flex;
    padding: 10px;
    font-size: 12px;
}

.table-page-list__group-operation-message .operation-message-title{
    background: #7A7A7A;
}

.table-page-list__group-operation-message .operation-message-text{
    background: #BEBEBE;
}

.table-page-list__header-info {
    background: #F4F5F6;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
}

#group-operations + .select2 .select2-selection__rendered:before {content: 'Action';}
#s_group + .select2 .select2-selection__rendered::before,
#role + .select2 .select2-selection__rendered::before{
    content: 'Role';
}
#s_company + .select2 .select2-selection__rendered::before {content: 'Company';}
.cs_status + .select2 .select2-selection__rendered::before {content: 'Status';}
.cs_ap_categ + .select2 .select2-selection__rendered::before {content: 'Approval Categories'; width: 130px;}

.role_selector + .select2 .select2-selection__rendered::before {
    display: none;
}

.role_selector + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
}

.type_selector + .select2 .select2-selection__rendered::before {
    display: none;
}

.type_selector + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
}

.type_selector + .select2-container--default .select2-selection--single {
    border-radius: 2px;
    background-color: #fff;
    height: 32px;
    border: 1px solid #e1e8ea;
}

.type_selector + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222;
}

.type_selector + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../img/icons/c-select-arrow-black.png) no-repeat;
}


.cs_ap_categ + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 140px;
}

.table-page-search_form{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.table-page-search_form__field {
    position: relative;
}

.table-page-search_form__inner__wr {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.table-page-search_form__inner__wr * {
    box-sizing: border-box;
}

.table-page-search_form__inner__wr > input {
    margin-right: 10px;
}

.search_form__inner__wr > div {
    margin-right: 10px;
}

.table-page-search_form__field input.table-page-search_form__text_field {
    width: 452px;
    height: 32px;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 35px;
}

.table-page-search_form__field input.table-page-search_form__text_field::placeholder {
    font-style: italic;
    color: #BBBBBB;
}

.table-page-search_form__inner__wr .search__btn {
    content: '';
    position: absolute;
    right: 2px;
    top: 2px;
    width: 28px;
    height: 28px;
    background: #61B7F6 url(../img/icons/new-icons/icon_search_20x20_white.svg) center no-repeat;
    border-radius: 2px;
    cursor: pointer;
    border: none;
}

.table-page-search_form .search__clear {
    width: 32px;
    height: 32px;
    background: #F66161 url(../img/svg/icon_clear_20x20_white.svg)center no-repeat;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 9px;
}

.table-page-list * {
    box-sizing: border-box;
}

/* custom checkbox */

body .cust-checkbox {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.box-clip{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body .box-clip label {
    color: #000000;
    line-height: 16px;
    cursor: pointer;
    position: relative;
    display: block;
}

body .box-clip label.disabled {
    opacity: 0.5;
}

body .box-clip svg {
    stroke: #076BAE;
    stroke-width: 4px;
    height: 0;
    width: 15px;
    position: absolute;
    left: 3px;
    top: 4px;
    stroke-dasharray: 33;
}

body .box-clip input:checked + svg {
    height: 12px;
    animation: draw-checkbox ease-in-out 0.03s forwards;
}

body .box-clip label:after {
    content: "";
    height: 18px;
    width: 18px;
    margin-right: 10px;
    float: left;
    border: 1px solid lightgray;
    transition: 0.05s all ease-out;
    background-color: white;
}

body .box-clip label span {
    position: relative;
    top: 2px;
    font-size: 12px;
}

body .box-clip label div {
    position: absolute;
    left: 25px;
    width: 200px;
    line-height: 20px;
}

body .box-clip label div.permissions-titles {
    width: 260px;
}


@keyframes draw-checkbox {
    0% {
        stroke-dashoffset: 33;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.disabled_check .d_td .box-clip {
    opacity: 0.7;
    pointer-events: none;
}

.disabled_check .d_td .box-clip label:after {
    background: transparent;
}

.btn-group {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.btn-group input {
    width: 65px;
}

.table-page-list__body-row {
    border-bottom: 1px solid #e1e8ea;
    min-height: 40px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    box-sizing: content-box;
}

.table-page-list__body-row.interactive {
    cursor: pointer;
    border-left: 3px solid #fff;
}

.table-page-list__body-row.active {
    background: #F4F5F6;
    border-left: 3px solid #61B7F6;
}

.table-page-list__body-row.edit_row {
    background: rgba(97, 183, 246, 0.1);
}

.table-page-list__body-row.edit_row.without_additional_style{
    background:none;
}

.table-page-list__body-row.edit_row.without_additional_style:before {
    background: none;
}

.table-page-list__body-row.edit_row_errors {
    background: rgba(246, 97, 97, 0.1);
}

.table-page-list__body-row.edit_row input[type="text"] {
    width: 100%;
    padding-left: 10px;
    background: #FFFFFF;
    border: 1px solid #e1e8ea;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 32px;
}

.table-page-list__body-row.edit_row input[type="text"]:disabled {
    color: #7A7A7A;
}

.table-page-list__body-row.edit_row .view_row_action{
    display: none;
}

.table-page-list__body-row.edit_row .edit_row_action{
    display: flex;
}

span.view_row_action{
    padding-left: 10px;
    display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-page-list__header-th.header-td-left{
    padding-left: 10px;
}

.table-page-list__body-row.edit_row .role_text {
    width: 150px;
    margin-left: 10px;
    font-size: 12px;
}

.body-row-main-record{
    border-bottom: none;
}

.table-page-list__body-td {
    display: inline-block;
    font: normal 12px Arial;
    color: black;
    padding: 0 10px 0 0;
}

.table-page-list__body-td.with_select {
    display: flex;
}

.table-page-list__body-td.sub_record {
    min-height: 40px;
    border-top: 1px solid #e1e8ea;
    display: flex;
    align-items: center;
}

.pagination .pages-quantity select {
    height: 20px;
}

.user-companies-role{
    display: flex;
    align-items: baseline;
}
.user-companies-role div{
    display: inline-flex;
    width: 32%;
    min-height: 30px;
}

.dash-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 10px;
}

.dash-btn:hover {
    opacity: 0.8;
}

.t_btns {
    display: flex;
    justify-content: flex-end;
}

.btn-receipt {
    background: url('../img/svg/icon_transaction_receipt_20x20_normal.svg') center no-repeat;
}

.btn-invoice {
    background: url('../img/svg/icon_invoice_20x20_normal.svg') center no-repeat;
}

.btn-edit {
    background: url('../img/svg/icon_edit_blue_16x20.svg') center no-repeat;
}

.btn-inline_edit {
    background: url('../img/svg/icon_inline_edit_blue_20x20.svg') center no-repeat;
}

.btn-edit_v2 {
    background: url('../img/svg/icon1.svg') center no-repeat;
}

.btn-up2 {
    background: url('../img/svg/icon2.svg') center no-repeat;
}

.btn-up1 {
    background: url('../img/svg/icon3.svg') center no-repeat;
}

.btn-preview {
    background: url('../img/svg/icon_preview_white_20x20.svg') center no-repeat;
}

.btn-edit_v2_white {
    background: url('../img/svg/icon13.svg') center no-repeat;
}

.btn-up2_white {
    background: url('../img/svg/icon12.svg') center no-repeat;
}

.btn-up1_white {
    background: url('../img/svg/icon11.svg') center no-repeat;
}

.btn-preview_white {
    background: url('../img/svg/icon10.svg') center no-repeat;
}

.btn-delete {
    background: url('../img/icons/delete-normal.png') center no-repeat;
}

.btn-preview {
    background: url('../img/svg/icon_preview.svg') center no-repeat;
    background-size: 22px;
}

.btn-permission {
    background: url('../img/svg/icon_permission_20x20_normal.svg') center no-repeat;
}

.btn-reset_password {
    background: url('../img/svg/icon_reboot_playback.svg') center no-repeat;
}

.btn-sendagain {
    background: url('../img/svg/icon_force_sync.svg') center no-repeat;
}

.btn-skills {
    background: url('../img/skill.png') center no-repeat;
}

.btn-permission:hover {
    background: url('../img/svg/icon_permission_20x20_hover.svg') center no-repeat;
}

.btn-receipt:hover {
    background: url('../img/svg/icon_transaction_receipt_20x20_hover.svg') center no-repeat;
}

.btn-invoice:hover {
    background: url('../img/svg/icon_invoice_20x20_hover.svg') center no-repeat;
}

.btn-delete:hover {
    background: url('../img/icons/delete-normal.png') center no-repeat;
}

.btn-notifications_settings {
    background: url('../img/svg/icon_notifications_settings_blue_20x20_normal.svg') center no-repeat;
}

.btn-notifications_settings:hover {
    background: url('../img/svg/icon_notifications_settings_blue_20x20_hover.svg') center no-repeat;
}

.btn-power_cycle {
    background: url('../img/svg/icon_sync_blue_24x24.svg') center no-repeat;
}

.inactive-message-text {
	height: 32px;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	background: #BEBEBE;
	vertical-align: middle;
	color: white;
	line-height: 32px;
    width: auto;
}

/* select2 */

.select2-container--default .select2-selection--single {
    border-radius: 2px;
    background-color: #61B7F6;
    height: 32px;
    border: none;
}

.select2-results__option[aria-selected] {
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid #e1e8ea;
    padding: 9px 6px 9px 15px;
}

.select2-results__option[aria-selected]:last-of-type {
    border-bottom: transparent;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #82caff;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: transparent;
    color: #3075ba;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 7px;
    width: 12px;
    background: url('../img/icons/c-select-arrow.png') no-repeat;
    border: none;
    margin-left: -10px;
    margin-top: -3px;
    transform: rotate(0deg);
    transition: transform 0.2s ease;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    height: 7px;
    width: 12px;
    background: url('../img/icons/c-select-arrow.png') no-repeat;
    border: none;
    margin-left: -10px;
    margin-top: -3px;
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-size: 12px;
    line-height: 32px;
    padding-left: 75px;
    position: relative;
    transition: background 0.2s ease;
}

.select2-container--open .select2-dropdown--below {
    border: none;
    box-shadow: 0 0 10px #999;
    top: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: white;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: lightgray;
    margin: 0;
    padding: 9px 6px 9px 15px;
    font-size: 12px;
}

.select2 .select2-selection__rendered:before {
    content: 'Class';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 62px;
    background-color: #4d9dde;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    border-radius: 2px 0 0 2px;
}

/* select2 end*/

.page-top-menu{
    display: flex;
    justify-content: center;
    position: relative;
    margin: 20px 0 20px 0;
}

.page-top-menu-title {
    font-size: 28px;
    text-align: center;
    color: #222;
    margin: 0;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.page-top-menu .buttons-menu{
    position: absolute;
    right: 0;
}

.buttons-menu {
    margin-right: 10px;
}

.page-top-menu .buttons-menu.left-actions{
    position: absolute;
    left: 0;
    float: none;
}

.buttons-menu a{
    text-decoration: none;
    color: #f0f0ff;
}

/* save, cancel, reset buttons */
.editBtn .EdBtnSave {
    background-color: #61b7f6;
}

.editBtn .EdBtnCancel {
    background-color: #f66161;
}

.editBtn .EdBtnSave, .editBtn .EdBtnCancel {
     padding: 8px 15px;
     margin: 0 4px;
     border-radius: 2px;
     border: none;
     color: #ffffff;
     font-size: 12px;
     min-width: 80px;
     cursor: pointer;
}

/*head*/

.user-section * {
    box-sizing: border-box;
    font-size: 12px;
}

.user-section {
    margin-bottom: 0;
    height: 72px;
    align-items: center;
}

.logo-wrapper {
    margin-top: 0px;
    height: auto;
}

.user-panel {
    margin-top: 0px;
}

.user_menu {
    width: 32px;
    height: 32px;
    position: relative;
    background: url(../img/icons/new-icons/Profile.png) center no-repeat;
    margin-left: 35px;
    cursor: pointer;
}

.drop,
.user_drop {
    position: absolute;
    top: 32px;
    width: 150px;
    background-color: #fff;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    right: 0;
    z-index: 2;
    display: none;
}

.drop > div,
.user_drop > div {
    height: 32px;
    border-bottom: 1px solid #e1e8ea;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.drop > div:hover,
.user_drop > div:hover {
    background: #61B7F6;
}

.drop > div:hover a,
.user_drop > div:hover a {
    color: white;
}

.drop > div:last-child,
.user_drop > div:last-child {
    border-bottom: none;
}

.company_select {
    border-radius: 2px;
    width: 300px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    margin-left: 40px;
}

.company_select .company_drop {
    width: 100%;
    position: absolute;
    top: 37px;
    background: #FFFFFF;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    padding: 10px;
    z-index: 1;
    right: 0;
    max-height: 850px;
    overflow-y: auto;
    display: none;
}

.company_select.active .company_drop {
    display: block;
}

.company_select .company_arr {
    width: 12px;
    height: 8px;
    background: url(../img/icons/new-icons/icon_arrow-down_white_12x12.svg) center no-repeat;
    transition: all 0.3s ease;
}

.company_select.active .company_arr {
    transform: rotate(180deg);
}

.all_company__btn {
    padding: 0 10px;
    height: 32px;
    background: #FCCC69;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: white;
    cursor: pointer;
}

.alphabet_filter {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.alphabet_filter > div {
    width: 11%;
    height: 17px;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.alphabet_filter > div.active {
    color: #61B7F6;
}

.company_search input {
    height: 32px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 2px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 10px;
}

.company_list {
    margin-top: 20px;
}

.company_list .company_category {
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e8ea;
}

.company_list .company_category:last-child {border-bottom: none;}

.company_list .company_category__name {
    text-transform: uppercase;
    margin-bottom: 20px;
    color: black;
    margin-left: 10px;
}

.company_list ul li {
    color: rgba(0, 0, 0, 0.4);
    margin: 0;padding: 0;
    margin-bottom: 20px;
    margin-left: 20px;
}

.company_list ul li:hover {
    color: #61B7F6;
}

.logo-title {
    font-size: 20px;
}

.charts_wr {
    width: 500px;
    display: flex;
    justify-content: space-between;
}

.charts_wr .chart {
    display: flex !important;
    align-items: center;
    position: relative;
    justify-content: center;
    float: none;
}

.chart:hover .chart-statistics {
    display: flex;
}

.chart-statistics {
    position: absolute;
    top: 42px;
    width: 175px;
    left: 0;
    display: flex;
    justify-content: space-between;
    display: none;
}

.chart-statistics span {
    font-size: 9px;
    color: white;
}

.chart-prof {
    color: white;
    padding-right: 10px;
}

.charts_wr .single-chart {
    width: 40px;
}

.charts_wr .circular-chart {
    display: block;
    max-width: 100%;
    max-height: 240px;
    margin: 0 auto;
}

.charts_wr .circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.2;
}

.charts_wr .circle {
    fill: none;
    stroke-width: 3.2;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.red .circle {
    stroke: #F66161;
}

.circular-chart.green .circle {
    stroke: #59C888;
}

.circular-chart.orange .circle {
    stroke: #FBCE6C;
}

.circular-chart.lightgray .circle {
    stroke: gray;
}

.percentage {
    font-size: 9px;
    text-anchor: middle;
    fill: white;
}

/* main zone */

.main_stage * {
    box-sizing: border-box;
    font-size: 12px;
}

.main_stage .head_line {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    font-size: 15px;
    font-weight: bold;
    color: #1D86D3;
    border-radius: 8px 8px 0 0;
    background: #E4E6E7;
    margin-top: 10px;
}

.main_stage .head_line i {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.main_stage .inner_wrapp {
    border: 1px solid #e1e8ea;
    border-top: none;
    padding: 20px 30px;
    border-radius: 0 0 8px 8px;
    /*min-height: 750px;*/
}

.main_stage .line {
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
}

.box_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}

.points_drop {
    width: 32px;
    height: 16px;
    border-radius: 2px;
    background: url(../img/icons/new-icons/points_noactive.png) center no-repeat;
    position: relative;
    cursor: pointer;
    display: block;
}

.points_drop.active {
    background: #61B7F6 url(../img/icons/new-icons/points.png) center no-repeat;
}

.text_drop .text_drop_block,
.points_drop .points_drop_block {
    display: none;
    position: absolute;
    top: 21px;
    right: 0;
    min-width: 150px;
    background: #FFFFFF;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    overflow: hidden;
}

.text_drop.active .text_drop_block,
.points_drop.active .points_drop_block {
    display: block;
    z-index: 2;
}

.text_drop .text_drop_block > div,
.points_drop .points_drop_block > div {
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    border-bottom: 1px solid #e1e8ea;
    white-space: nowrap;
    font-weight: normal;
}

.text_drop .text_drop_block > div:hover,
.points_drop .points_drop_block > div:hover {
    background: #61B7F6;
    color: white;
    border-bottom: 1px solid transparent;
}

.form_wr label {
    margin-bottom: 15px;
    display: block;
}

.form_wr label:last-child {margin-bottom: 0;}

.form_wr .label_text {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}

.form_wr .info-text {
    display: flex;
    align-content: center;
    height: 48px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    letter-spacing: 0.003em;

    color: #7A7A7A;
}

.form_wr .label_text_b {
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.0012em;
    text-align: left;
}

.form_wr input[type="text"],
.form_wr input[type="password"],
.form_wr input[type="email"],
.form_wr input[type="tel"] {
    height: 32px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 2px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

textarea,
input.date-input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
    outline: none;
}

.form_wr input[type="text"]::placeholder,
.form_wr input[type="password"]::placeholder,
.form_wr input[type="email"]::placeholder,
.form_wr input[type="tel"]::placeholder {
    font-style: italic;
    color: #777777;
    opacity: 1;
}

.submit_btns__wr {
    margin-top: 24px;
    justify-content: flex-end;
    display: flex;
    width: inherit;
}

.popup_body .submit_btns__wr {
    padding: 30px 60px;
    border-top: 1px solid #e1e8ea;
}

.search__users,
.btn_red,
.btn_green,
.btn_white,
.btn_white_red,
.btn_yellow,
.btn_gray {
    min-width: 80px;
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: black;
    margin-left: 10px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
}

.search__users{
    margin: 0;
}

.search__users:hover,
.btn_red:hover,
.btn_white:hover,
.btn_white_red:hover,
.btn_green:hover,
.btn_yellow:hover,
.btn_gray:hover {
    opacity: 0.8;
}

.btn_yellow:disabled{
    background-color: #f4f5f6;
    color: #7A7A7A;

}

.btn_green{background: #87C965;  color: #f0f0ff;}

.btn_red {background-color: #F66161;  color: #f0f0ff;}

.btn_gray {background-color: #f4f5f6;}

.btn_white_red,
.btn_white {
    background-color: #fff; 
    color: #4D9DDE; 
    border-radius: 2px;
    border: 1px solid var(--Blue-500, #61B7F6);
}

.search__users,
.btn_yellow {
    background-color: #61B7F6;
    color: #f0f0ff;
}

.custom_table {
    width: 100%;
}

.custom_table .t_row {
    height: 50px;
    border-bottom: 1px solid #e1e8ea;
    align-items: center;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.custom_table .t_row > div {
    padding: 0 10px;
}

.custom_table .t_row.t_head {
    height: 40px;
    background-color: #F4F5F6;
    color: #7A7A7A;
    font-weight: bold;
}

.custom_table .text_drop {
    position: relative;
    cursor: pointer;
    color: #61B7F6;
    text-decoration: underline;
}

.custom_table .text_drop > span {
    color: #61B7F6;
    text-decoration: underline;
}

.custom_table .text_drop .text_drop_block {
    left: 0;
    right: auto;
    z-index: 1;
    color: black;
}

.form_status {
    min-height: 40px;
    display: none;
    padding: 5px 10px;
    border-radius: 2px;
    margin-bottom: 30px;
    font-size: 12px;
}

.form_status.active{
    display: flex;
}

.form_status.fs_red {
    padding-left: 10px;
    background: rgba(246, 97, 97, 0.4) url(../img/icons/new-icons/ban.png) 10px center no-repeat;
}

.form_status.fs_green {
    background: rgba(89, 200, 136, 0.4);
}

.form_status.fs_yellow {
    padding-left: 40px;
    background: #fbfbd9 url(../img/svg/icon_warning_black_24x24.svg) 10px center no-repeat;
}

.popup .form_status{
    margin-bottom: 0;
}

.pers_info__box {
    padding: 15px;
    background: #F4F5F6;
    width: 300px;
    flex-shrink: 0;
}

.location_info_box {
    padding: 15px;
    background: #F4F5F6;
    width: 50%;
    /*max-height: 582px;*/
}

.location-managers-select .select2-choices {
    padding-right: 30px;
}

.location-managers-select.central_custom_multi_select .select2-choices .select2-search-choice {
    width: auto;
}

.right_block {
    width: 100%;
}

.skills__box {
    width: 100%;
}

.skills__box{
    background-color: #F4F5F6;
    padding: 10px;
}

.skills__box_head,
.user_skills_box_head{
    font-size: 13px;
    font-weight: bold;
}

.normal_font{
    font-size: 12px;
    font-weight:normal;
}

.skills__box_content{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%;
}

.skills__box_content.close{
    display: none;
}

.user_skills_box.user_skills_account_type{
    width: 19%;
    margin-right: 1%;
}

.user_skills_box.user_skills_competence_in_languages{
    width: 24%;
}

.user_skills_area_expertise{
    width: 55%;
    margin-right: 1%;
}

.user_skills_box_content{
    margin-top: 15px;
    width: 100%;
}

.user_skills_box_content .box-clip{
    margin-bottom: 15px;
    width: 100%;
}

.user_skills_box.user_skills_area_expertise .user_skills_box_content{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.user_skills_box.user_skills_area_expertise .user_skills_box_content .box-clip{
    width: 50%;
}

.user_skills_box.user_skills_area_expertise .user_skills_box_content .box-clip span{
    display: inline-block;
    width: 210px;
}

.permiss__box {
    width: 100%;
}

.permiss__box .box_head {
    margin: 0 10px 30px;
    min-height: 32px;
}

.box_head_title{
    min-width: 80px;
    height: 32px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: bold;
}

.permissions_table .t_head > div:nth-child(1) {width: 65%;}
.permissions_table .t_head > div:nth-child(2) {width: 35%;}

.permissions_table .t_td > div:nth-child(1) {width: 65%;}
.permissions_table .t_td > div:nth-child(2) {width: 28.4%;}
.permissions_table .t_td > div:nth-child(3) {width: 6.6%;}

/* login */

.login_overlay {
    position: absolute;
    top: 0;bottom: 0;
    left: 0;right: 0;
    background-color: #F4F6F9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_form {
    min-width: 460px;
    background: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.1));
}

.login_head {
    height: 60px;
    background: #61B7F6;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    align-items: center;
}

.login_head span {
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: #f0f0ff;
}

.login_head img {
    margin-right: 10px;
    width: 32px;
    height: 32px;
}

.login_body {
    padding: 40px 80px;
    width: 460px;
    box-sizing: border-box;
}

.login_body label {
    margin-bottom: 30px;
}

.login_body input[type="button"],
.login_body input[type="submit"] {
    padding: 0 10px;
    height: 32px;
    background: #61B7F6;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #f0f0ff;
    cursor: pointer;
    border: none;
    width: 100%;
    transition: all 0.3s ease;
    font-weight: bold;
}

.login_body input[type="button"].btn_red{
    background-color: #F66161;
}

.login_body input[type="button"]:hover,
.login_body input[type="submit"]:hover {
    background: #87c8f7;
}
.login_body input[type="button"]:active,
.login_body input[type="submit"]:active {
    background: #29a1f7;
}
.login_body input[type="button"]:disabled,
.login_body input[type="submit"]:disabled  {
    background: #C4C4C4;
}

.azure_login_btn{
    position: relative;
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #E4E6E7;
    text-decoration: none;
    color: #727272;
    font-size: 12px;
    font-weight: bold;
}

.azure_login_btn:hover {
    opacity: 0.8;
    color: #727272;
}

.azure_login_btn:before {
    content: '';
    position: absolute;
    background: url(../img/icons/new-icons/icon_microsoft_window_21x21.svg) center no-repeat;
    left: 20px;
    top: 10px;
    background-size: contain;
    height: 12px;
    width: 12px;
}

.remember_forgot__panel {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.remember_forgot__panel label{
    margin-bottom: 0;
}

.link {
    text-decoration: none;
    color: #61B7F6;
    font-size: 12px;
}

.link:hover {
    text-decoration: underline;
    color: #61B7F6;
}

.creat_pass,
.forgot_pass {
    position: relative;
}

.creat_pass h4,
.forgot_pass h4,
.first_login h4{
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: normal;
}

.double_auth h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: normal;
}

.first_login h5,
.double_auth h5 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: normal;
}

.forgot_pass p,
.first_login p{
    margin: 0 0 30px;
    text-align: center;
    font-size: 12px;
}

#double_auth_form .double_auth_message{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: 15px;
    margin-bottom: 20px;
    font-size: 12px;
}

#double_auth_form .double_auth_targets{
    display: flex;
    flex-direction: column;
}
#double_auth_form .double_auth_targets .double_auth_target{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: 15px;
}

#double_auth_form .double_auth_code_input {
    margin-bottom: 20px;
}

#double_auth_form .double_auth_back {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    line-height: 15px;
}

.sent_pass__screen {
    left: 0;right: 0;
    top: 0;bottom: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sent_pass__screen a {
    text-align: center;
    font-size: 12px;
    display: block;
    color: black;
}
.sent_pass__screen a:hover {
    text-decoration: underline;
}

.sent_pass__screen > div{
    width: 100%;
}

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

.back_to_login_link{
    line-height: 14px;
    text-align: right;
    margin-top: 30px;
}

.back_to_login_link a{
    color: black;
    font-size: 12px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input {
  filter: none;
}

/* user page */

.page_name {
    font-size: 13px;
    font-weight: bold;
}

.switch-view {
    border-radius: 2px;
    width: 32px;
    height: 32px;
    margin-left: 30px;
    background: #61B7F6 url(../img/svg/Icon-view.svg) center no-repeat;
    cursor: pointer;
}

.switch-view.square_view {
    background: #61B7F6 url(../img/svg/icon7.svg) center no-repeat;
}

input.search-date-default, 
input.search-date-from, 
input.search-date-to {
    position: absolute;
    width: 100%;
    height: 32px;
    border: none;
    background-color: transparent;
    color: #fff;
    padding-left: 70px;
}

.search-control-wrapper.search-date-default, 
.search-control-wrapper.search-date-from, 
.search-control-wrapper.search-date-to {
    position: relative;
    width: 173px;
    background: #61B7F6 url('../img/icons/new-icons/icon_calendar_white_20x20.svg') 95% center no-repeat;
    height: 32px;
    display: flex;
    align-items: center;
}

.search-control-wrapper.search-date-default label, 
.search-control-wrapper.search-date-from label, 
.search-control-wrapper.search-date-to label {
    width: 63px;
    background-color: #4D9DDE;
    height: 32px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 12px;
    margin-bottom: 0;
}

.videos__wr .table-page-search_form__inner__wr > *,
.audio_tracks__wr .table-page-search_form__inner__wr > * {
    margin: 0;
    margin-right: 10px;
}

.videos__wr .table-page-search_form__inner__wr > *:last-child,
.audio_tracks__wr .table-page-search_form__inner__wr > *:last-child {
    margin-right: 0;
}

.input_search__wr {
    position: relative;
}

.input_search__wr:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    background: #61B7F6 url('../img/svg/icon4.svg') center no-repeat;
    border-radius: 2px;
    right: 2px;
    top: 2px;
    pointer-events: none;
}

.input_search__wr .input_search {
    padding-right: 40px;
}

/* datepicker */

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background: #FFA000 !important;
    border-color: #FFA000 !important;
    color: black;
}

.ui-widget-content {
    color: #607D8B;
}

.ui-datepicker table {
    margin: 0 0 0.2em;
}

.ui-datepicker th {
    background: transparent;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: transparent;
    border: none;
    right: 2px;
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover {
    left: 2px;
}

/*----*/

.column__wr {
    display: flex;
    flex-wrap: wrap;
}

.category_column__wr {
    width: 21.2%;
    margin-right: 1%;
    position: relative;
}

.hide_cat .category_column__wr {
    width: 32px;
}

.hide_cat .category_column__wr .audio_category__list {
    display: none;
}

.table_column__wr {
    width: 77.8%;
}

.hide_cat .table_column__wr {
    width: calc(99% - 32px);
}

.hide_cat__list {
    position: absolute;
    top: 40px;
    right: -16px;
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #e1e8ea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.hide_cat .hide_cat__list {
    right: 0;
}

.hide_cat .hide_cat__list img {
    transform: rotate(180deg);
}

.cat_ver__line {
    height: 590px;
    width: 32px;
    position: relative;
    display: none;
}

.hide_cat .cat_ver__line {
    display: block;
}

.cat_ver__line span {
    font-size: 15px;
    font-weight: bold;
    color: #3075BA;
    padding: 0 10px;
    background: #fff;
    position: absolute;
    transform: translate(-50%, -50%) rotate(270deg);
    display: block;
    left: 50%;
    top: 22%;
}

.cat_ver__line:before {
    content: '';
    height: 100%;
    width: 1px;
    background: #E4E6E7;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.audio_category__head {
    background: #F4F5F6;
    border-radius: 2px 2px 0px 0px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-weight: bold;
    color: #3075BA;
    font-size: 15px;
}

.add_blue {
    width: 18px;
    height: 18px;
    background: url('../img/svg/icon8.svg') center no-repeat;
    cursor: pointer;
}

.audio_category__items {
    border: 1px solid #e1e8ea;
    border-top: none;
}

.all_cat__label {
 font-weight: bold;
}

.audio_category__items > div {
    height: 32px;
    border-bottom: 1px solid #e1e8ea;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.audio_category__items > div:not(.all_cat__label) {
    background: url('../img/svg/icon_arrow_down_12x12_white.svg') 95% center no-repeat;
    cursor: pointer;
    position: relative;
}

.audio_category__items > div:last-child {
    border-bottom: none;
}

.audio_category__items > div.active,
.audio_category__items > div:not(.all_cat__label):hover {
    background: #61B7F6 url('../img/svg/icon_arrow_down_12x12_white.svg') 95% center no-repeat;
}

.drop > div:hover, 
.audio_category__items > div.active span,
.audio_category__items > div:not(.all_cat__label):hover span {
    color: white;
}

.audio_category__items > div.active .drop {
    display: block;
    top: 37px;
    right: 5px;
}

.table_status__red {
    color: #F66161;
}

.table_status__green {
    color: #54C986;
}

.audio_tracks__wr .hide_cat .table-page-list__body-td:last-of-type,
.audio_tracks__wr .hide_cat .table-page-list__header-th:last-of-type {
    width: 15% !important;
}

.audio_tracks__wr .hide_cat .table-page-list__body-td:nth-child(3),
.audio_tracks__wr .hide_cat .table-page-list__header-th:nth-child(3) {
    width: 25% !important;
}

.classic_popup * {
    box-sizing: border-box;
    font-size: 12px;
}

.classic_popup {
    min-width: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.classic_popup .popup_head {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4D9DDE;
    color: white;
    font-size: 15px;
    border-radius: 4px 4px 0 0;
}

.classic_popup .popup_body {
    padding: 30px 50px;
}

.classic_popup .popup_btns {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #e1e8ea;
    padding: 0 30px;
}

.popup_line {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}

.popup_line .star {
    padding-right: 5px;
}

.popup_line:last-child {
    margin-bottom: 0;
}

.required-field {
    display: flex;
    align-items: flex-start;
}

input.radio-underscore {
    display: none;
}

input.radio-underscore + span {
    border-bottom: 4px solid #DFE0E1;
    padding: 0 10px;
    padding-bottom: 0;
    cursor: pointer;
    min-width: 100px;
    color: #222;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-sizing: border-box;
}

input.radio-underscore:checked + span {
    border-bottom: 4px solid #61B7F6;
    color: #61B7F6;
}

.form_wr .label-mode {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 0;
}

.checkbox_switcher {
    display: flex;
}

.form_wr .file {
    width: 205px;
    position: relative;
    height: 32px;
    background: #61B7F6 url('../img/icons/new-icons/icon_add_white_14x14.svg') 10px center no-repeat;
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    padding-left: 34px;
    font-size: 12px;
    color: white;
    background-size: 14px 14px;
    cursor: pointer;
}

.form_wr .file input {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.file_drop__zone {
    height: 64px;
    border: 1px dashed #D2D2D2;
    border-radius: 2px;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.file_drop__zone:before {
    content: 'Drag&Drop Files Here';
    position: absolute;
    font-size: 12px;
    color: #777777;
    padding-left: 40px;
    top: 50%;
    left: 50%;
    height: 20px;
    transform: translate(-50%, -50%);
    background: url('../img/svg/upl.svg') 0 center no-repeat;
}

.progress-bar {width: 100%;}

.progress-bar .progress_wr {
    margin-bottom: 30px;
}

.progress-bar .progress_wr:last-child {
    margin-bottom: 0;
}

.progress-bar .progress_info__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
}

.progress-bar .progress_name_weight {
    display: flex;
}

.progress-bar .progress_name_weight > div:nth-child(1) {
    margin-right: 10px;
}

.progress-bar .progress_name_weight > div:nth-child(2) {
    color: #777777;
    font-style: italic;
}

.progress-bar .progress_close {
    background: url('../img/icons/delete-normal.png') center no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.progress-bar .progress_status__line {
    position: relative;
}

.progress-bar .progress_gray {
    height: 4px;
    width: 100%;
    background: #E4E6E7;
    border-radius: 2px;
}

.progress-bar .progress_green {
    position: absolute;
    height: 4px;
    background: #59C888;
    border-radius: 2px;
    top: 0;
    display: flex;
    justify-content: flex-end;
}

.progress-bar .progress_green span {
    position: relative;
    top: 7px;
}

.login_form .license_info label {
    margin-bottom: 15px;
    width: 85px;
    display: inline-block;
    font-size: 12px;
}

.login_form .license_main_block {
    margin: 0;
}

.login_form .license_key__desk {
    margin-bottom: 15px;
    font-size: 12px;
    text-align: center;
}

.login_form .license_info span {
    font-weight: normal;
    color: #4D9DDE;
    font-size: 12px;
}

.login_form .license_key_area {
    width: 100%;
}

.login_form .license_key textarea {
    width: 100%;
    min-height: 70px;
    resize: none;
    overflow: auto;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
}

.videos_box__wr {
    display: flex;
    flex-wrap: wrap;
}

.video_box {
    width: 228px;
    padding: 10px;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    position: relative;
    margin-bottom: 50px;
    margin-right: 10px;
}

.video_box:nth-child(5n) {
    margin-right: 0;
}

.video_box:hover {
    border-color: #61B7F6;
}

.video_box:hover .video_box_btn__panel {
    display: flex;
}

.video_box_top__line {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.video_box_body__zone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 208px;
    height: 132px;
    position: relative;
    cursor: pointer;
}

.video_box_body__zone:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('../img/svg/Play.svg') center no-repeat;
    transform: translate(-50%, -50%);
}

.images__wr .video_box_body__zone:before {
    display: none;
}

.video_box_body__zone img {
    max-width: 208px;
    max-height: 132px;
}

.video_box__title {
    font-weight: bold;
    margin-top: 5px;
}

.video_box__time {
    color: #777777;
    margin-top: 5px;
}

.video_box_btn__panel {
    position: absolute;
    bottom: -40px;
    height: 40px;
    width: 100%;
    left: 0;
    padding: 0 30px;
    background: #61B7F6;
    border-radius: 0px 0px 2px 2px;
    display: flex;
    display: none;
    justify-content: space-between;
    align-items: center;
}

#popup h3:nth-child(1),
#popup2 h3:nth-child(1) {
    background: #61B7F6;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #f0f0ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.req_appl_title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
}

#popup .select_device_type h3:nth-child(1) {
    /* background: transparent; */
    font-size: 13px;
    font-weight: 600;
}

.old_popup {
    padding: 15px;
}

.old_popup * {
    font-size: 12px;
    box-sizing: border-box;
}

.old_popup p {
    margin-bottom: 15px;
}

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

.old_popup_app_section,
.old_popup_back_section {
    width: 300px;
}

.old_popup_column_head {
    width: 100%;
    height: 32px;
    background: #E4E6E7;
    padding: 0 10px;
    color: #1D86D3;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
}

.permissions-sections__title{
    font-weight: bold;
    width: 100%;
    height: 32px;
    padding: 20px 0;
    margin-bottom: 10px;
}

.group_permissions_column_head {
    width: 100%;
    height: 32px;
    background: none;
    color: #222;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-weight: bold;
    padding-left: 5px;
}

.apps_list {
    margin-top: 10px;
    padding: 0 5px;
    max-height: 550px;
    overflow-y: auto;
}

.app_name {
    font-weight: bold;
    margin-bottom: 10px;
}

.app_instance {
    height: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.app_instance.second_level{
    padding-left: 20px;
}

.app_item {
    margin-bottom: 30px;
}

.app_item:last-child {
    margin-bottom: 0;
}

.apps_list::-webkit-scrollbar {
  width: 5px;
  border-radius: 4px;
}
 
.apps_list::-webkit-scrollbar-track {
  background: #F7F7F7;
  border-radius: 4px;
  width: 5px;
}
 
.apps_list::-webkit-scrollbar-thumb {
  background-color: #C4C4C4;
  border-radius: 4px;
  width: 5px;
}

/* appliances */

.subscriptions .subscriptions_profile .prof_grey__block .prof_content .tabs__company_transaction .tabs__transaction__list {
    padding-left: 30px;
    background-image: url('../img/svg/icon14.svg');
    background-repeat: no-repeat;
    background-position: 15px center;
}

.subscriptions .subscriptions_profile .prof_grey__block {
    background-color: #fff;
}

.subscriptions .subscriptions_profile .prof_grey__block .prof_content .tabs__company_transaction .tabs__transaction__list.appliance_list_main_block.expand {
    background-color: #F4F5F6;
    position: relative;
}

.subscriptions .subscriptions_profile .prof_grey__block .prof_content .tabs__company_transaction .tabs__transaction__list.appliance_list_main_block.expand:before {
    content: '';
    position: absolute;
    left: 0px;
    height: 100%;
    width: 3px;
    background: #61B7F6;
}

.subscriptions .subscriptions_profile .prof_grey__block .prof_content .tabs__company_transaction .tabs__transaction__list.appliance_list_details_channels_previews {
    border: 1px solid #e1e8ea;
    padding: 20px;
    background: none;
}

.appliance-channels_previews_list {
    margin-top: 0;
}

.appliance-channels_previews_list .appliance-channel_preview,
.appliance-channels_previews_list .appliance-channel_preview .appliance-channel_preview_img {
    width: 135px;
}

.appliance-channels_previews_list .appliance-channel_preview .appliance-channel_title {
    width: 100%;
    text-align: left;
}

.subscriptions .subscriptions_profile .prof_grey__block .prof_content .tabs__company_transaction .tabs__transaction__list.appliance_list_main_block .wrap_image_appmodel {
    margin: 0;
    height: auto;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.subscriptions .subscriptions_profile .prof_grey__block .prof_content .tabs__company_transaction .tabs__transaction__list.appliance_list_main_block .wrap_image_appmodel img {
    max-width: 28px;
}

.tabs__transaction__title ul {
    width: 100%;
}

.edit_row_action{
    display: none;
}

.select2-container.central_custom_simple_select.edit_row_action{
    display: none;
}

.table-page-list__body-row.edit_row .select2-container.central_custom_simple_select.edit_row_action{
    display: flex;
}

.form_wr__popup_content{
    padding: 0 60px;
}

.form_wr__popup_content.pt_to {
    padding-top: 24px;
}

.form_wr__popup_row{
    margin-top: 30px;
    width: 420px;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.003em;
    text-align: left;

}

.form_wr__popup_column{
    margin-top: 10px;
}

#user_form .form_wr__popup_column {
    min-width : 200px;
}

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

.form_wr__popup_head_message{
    border-bottom: 1px solid #e1e8ea;
    padding: 15px 0;
    text-align: center;
    line-height: 18px;
}

.form_wr__grid_row{
    margin-top: 15px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.003em;
    text-align: left;
}

.form_wr__grid_row.void_row{
    height: 51px;
}

.form_empty_field{
    height: 51px;
}

.with-checkbox{
    padding-bottom: 5px;
}

.align_checkbox{
    display: flex;
    margin-top:12px;
}

/* Notification */
.notification-wrap {
    bottom: 48px;
    left: -80px;
    position: fixed;
    z-index: 600;

    width: 260px;
    background: #FFFFFF;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    padding: 10px;
}

.notify-block__message{
    font-size: 12px;
    color: #7A7A7A;
    align-content: center;
    justify-content: center;
    display: grid;
    min-height: 50px;
}

.notify-block__close {
    cursor: pointer;
}

.table-page-head, .table-page-body, .main_stage, .buttons-menu.left-actions {
    margin: 0px 10px 0px 10px;
}

.pagination a:hover{
    padding: 0px 3px;
}

#customer_form.form_wr {
    width: 900px;
}

#customer_form.form_wr .form_wr__popup_column{
    width: 49%;
}

#customer_form.form_wr .form_wr__popup_column:first-child{
    margin-right: 5%;
}

#customer_form.form_wr input[type="text"],
#customer_form.form_wr select{
    width: 370px;
}

.sand_arrow{
    margin-top: 4px;
    margin-left: 5px;
    width: 12px;
    height: 8px;
    background: url(../img/icons/new-icons/arr_sand.png) center no-repeat;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sand_arrow.active {
    transform: rotate(180deg);
}

.confirmation__content{
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 30px 0 30px;
    text-align: center;
}

.new_popup_type {
    border-radius: 5px;
    border-width: 0;
    background: #FFFFFF;
}
.new_popup_close{
    position:absolute;
    background:url(../img/icons/new-icons/icon_close_white_15x15.svg) no-repeat;
    width:15px;
    height:15px;
    cursor:pointer;
    right: 20px;
    top: 13px;
    z-index: 1;
}
#location_form.form_wr{
    width: 850px;
}

#location_metadata_form.form_wr {
    width: 600px;
}

#location_metadata_form.form_wr .form_wr__popup_column{
    width: 100%;
}

#location_form.form_wr input[type="text"],
#location_form.form_wr select,
#location_metadata_form.form_wr input[type="text"],
#location_metadata_form.form_wr select,
#side_form.form_wr input[type="text"],
#side_form.form_wr select {
    width: 370px;
}

#location_form .form_wr__grid_double_row,
#location_details_form .form_wr__grid_double_row{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.003em;
    text-align: left;
    height: 150px;
}

#location_details_form .form_wr__grid_double_row{
    height: 125px;
}

#location_form .form_wr__grid_double_row.grid_rows{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 10px 0;
    margin-top: 25px;
}

#location_details_form .form_wr__grid_double_row.grid_rows{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 15px;
}
#location_details_form .form_wr__grid_double_row.grid_rows label:first-child {
    margin-top: 5px;
}

#location_form .form_wr__grid_double_row.coordinates_block{
    display: flex;
    justify-content: space-between;
    width: 350px;
    padding: 10px;
    background: #F4F5F6;
    margin-top: 25px;
}

#location_details_form .form_wr__grid_double_row.coordinates_block{
    display: flex;
    justify-content: space-between;
    width: 270px;
    background: #F4F5F6;
    margin-bottom: 15px;
}

#location_form .coordinates_block .map_plugin_preview,
#location_details_form .coordinates_block .map_plugin_preview{
    background-image: url(../img/google_map_placeholder.png);
    background-size: contain;
    border-radius: 5px;
    cursor: pointer;
    width: 49%;
    margin-right: 2%;
    height: 100%;
}

#location_form .coordinates_block .coordinates_inputs,
#location_details_form .coordinates_block .coordinates_inputs{
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-top: 5px;
}

#location_details_form .coordinates_block .coordinates_inputs{
    justify-content: space-between;
}

#location_form .coordinates_block .coordinates_inputs .coordinate_input input,
#location_details_form .coordinates_block .coordinates_inputs .coordinate_input input{
    width: 100%;
}

#location_details_form .form_wr__column_wrap{
    display: flex;
    justify-content: space-between;
}

#location_details_form .form_wr__column{
    width: 49%;
}

#location_metadata_form .form_wr__grid_row{
    display: flex;
    align-items: flex-end;
}

#location_metadata_form .box-clip{
    margin-bottom: 8px;
}

#move_appliances_form.form_wr {
    width: 420px;
}

#move_appliances_form.form_wr input[type="text"],
#move_appliances_form.form_wr select{
    width: 370px;
}


.t_locations_coordinates{
    display: flex;
    flex-direction: column;
}
.t_locations_address{
    padding: 5px 0;
}

.sides_and_schedule_block {
    width: 48%;
}

.locations_edit_right_head{
    display: flex;
    margin-bottom: 20px;
}

.locations_edit_right_head.left-head{
    justify-content: flex-start;
}

.locations_edit_right_head.right-head{
    justify-content: flex-end;
}

.locations_edit_right_center_btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
.locations_edit_right_center_btn span{
    margin-top: 10px;
    font-size: 13px;
}

#side_form.form_wr {
    width: 430px;
}

#non_working_time_form.form_wr,
#inactive_time_form.form_wr {
    width: 420px;
}

#non_working_time_form.form_wr .form_wr__popup_content,
#inactive_time_form.form_wr .form_wr__popup_content{
    padding: 0 60px;
}

#non_working_time_form.form_wr .form_wr__grid_row.double_cell,
#inactive_time_form.form_wr .form_wr__grid_row.double_cell{
    display: flex;
    justify-content: space-between;
}

#non_working_time_form.form_wr .form_wr__grid_row.double_cell .checkbox_cell,
#inactive_time_form.form_wr .form_wr__grid_row.double_cell .checkbox_cell{
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 32px;
    margin-top: 18px;
}

#non_working_time_form.form_wr select,
#inactive_time_form.form_wr select{
    width: 300px;
}
#non_working_time_form.form_wr input[type="text"],
#inactive_time_form.form_wr input[type="text"]{
    width: 135px;
}

.table-page-list__btns_footer{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.table-page-list__btns_footer .submit_btns__wr{
    margin-bottom: 10px;
}

.view_row_action.work_schedule_day{
    display: flex;
    align-items: center;
    padding-left: 0;
}

.check_icon{
    display: block;
    background: url('../img/icons/new-icons/icon_check_blue_16x16.svg') center no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.check_icon.hidden{
    visibility: hidden;
}

.add_btn {
    position: relative;
    padding-left: 32px;
}
.add_btn:before {
    content: '';
    position: absolute;
    background: url(../img/icons/new-icons/icon_add_white_14x14.svg) center no-repeat;
    left: 10px;
    top: 10px;
    background-size: contain;
    height: 12px;
    width: 12px;
}

.btn_white_red {
    color: var(--Red-900, #F66161);
    font-size: 14px;
    border: 1px solid var(--Red-900, #F66161);
    padding: 0 10px;
    margin: 0;
}

.custom_calendar_selector {
    position: relative;
}
.custom_calendar_selector.hide{
    display: none!important;
}
.custom_calendar_selector .custom_calendar_selector_icon{
    position: absolute;
    background: url(../img/svg/icon_calendar_yellow_28x28.svg) center no-repeat;
    background-size: contain;
    height: 28px;
    width: 28px;
    cursor: pointer;
    right: 2px;
    top: 2px;
}

.company_info_box {
    padding: 15px 15px 25px;
    background: #F4F5F6;
    width: 26%;
    height: 100%;
}

.grid_and_ldap_block {
    width: 72%;
}

.errors_list {
    padding: 10px 0 10px 20px;
    position: relative;
}

.errors_list:before{
    height: 16px;
    width: 16px;
    content: '';
    position: absolute;
    background: url(../img/new_central_images/ban.svg) center no-repeat;
    background-size: contain;
    left: 0;
    top: 9px;
}

.errors_list div{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.errors_list div:last-child{
    margin-bottom: 0;
}

.company_synchronization__table .title {
    font-weight: 700;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}

.map_popup{
    z-index: 99999;
    position: fixed;
    background: #fff;
}

.map_popup .map_container{
    width: 850px;
    height: 750px;
}

.edit_user_cloud_message{
    padding: 30px 60px 0;
}
.edit_user_cloud_box{
    padding: 30px 60px 0;
    display: flex;
    justify-content: space-between;
}

.edit_user_cloud_box .pers_info__box{
    margin-right: 30px;
    width: 270px;
}

.edit_user_cloud_box .right_block{
    width: 790px;
    display: flex;
    flex-direction: column;
}

.edit_user_cloud_box .skills__box{
    max-height: 49%;
    overflow: auto;
    box-sizing: border-box;
    padding: 15px;
}

.edit_user_cloud_box .skills__box .form_wr__popup_content{
    padding: 0;
}

.edit_user_cloud_box .skills__box .form_wr__popup_column{
    margin-top: 0;
}

.edit_user_cloud_box .skills__box .form_wr__grid_row{
    margin-top: 0;
}

.edit_user_cloud_box .user_skills_box.user_skills_area_expertise .user_skills_box_content .box-clip span{
    display: inline-block;
    width: 165px;
}

.edit_user_cloud_box .personal_permissions_block{
    margin-top: 30px;
    max-height: 49%;
    min-height: 10%;
    display: flex;
    overflow: auto;
}

.edit_user_cloud_box .personal_permissions_block_column{
    width: 34%;
    margin-right: 1%;
}

.edit_user_cloud_box .personal_permissions_block_column_double{
    width: 69%;
    margin-right: 1%;
}

.edit_user_cloud_box .personal_permissions_block_column:last-child{
    width: 28%;
    margin-right: 0;
}

.edit_user_cloud_box .personal_permissions_block_column_head{
    width: 100%;
    height: 32px;
    background: none;
    color: #222;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-weight: bold;
}
.edit_user_cloud_box .personal_permissions_block_column_head.align-right{
    justify-content: end;
}
.personal_permissions_block_column_items{
    width: 100%;
}
.edit_user_cloud_box .personal_permissions_block_column_item{
    height: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.edit_user_cloud_box .personal_permissions_block_column_item label span{
    display: inline-block;
    width: 190px;
}

.scroll_block {
    scrollbar-width: thin;
    scrollbar-color: #777 #FFFFFF;
}

.scroll_block::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll_block::-webkit-scrollbar-thumb {
    background: #777;
    border-radius: 30px;
}

.scroll_block::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.scroll_block::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 0px;
    box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}

#notifications_settings_form.form_wr {
    width: 510px;
}

/* Company Skills Tabs */

.company-skills-tabs_wrap {
    margin-top: 20px;
}

.company-skills-tabs_wrap .table-page-head {
    margin: 0;
}

.company-skills-tabs_wrap .company-skills-tabs_body {
    margin: 0;
    padding: 20px;
    height: 350px;
    overflow-y: auto;
    background-color: #fff;
}

.company-skills-tabs_wrap .company-skills-tabs_body .hidden {
    visibility: visible;
    display: none;
}

.company-skills-tabs_body .user_skills_box.user_skills_competence_in_languages {
    width: 100%;
}

.company-skills-tabs_body .user_skills_competence_in_languages .user_skills_box_content {
    margin-top: 15px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.company-skills-tabs_body .user_skills_competence_in_languages .user_skills_box_content .box-clip {
    margin-bottom: 15px;
    width: 20%;
}

.company-skills-tabs_body .skills__box_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
    width: 100%;
}

.company-skills-tabs_body .skills__box_content .user_skills_box.user_skills_account_type {
    width: 100%;
    margin-right: 1%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.company-skills-tabs_body .skills__box_content .user_skills_account_type .user_skills_box_head {
    font-size: 13px;
    font-weight: bold;
    flex-shrink: 0;
    margin-right: 30px;
}

.company-skills-tabs_body .skills__box_content .user_skills_account_type .user_skills_box_content {
    margin-top: 0;
    display: flex;
}

.company-skills-tabs_body .skills__box_content .user_skills_account_type .user_skills_box_content .box-clip {
    margin-bottom: 0;
    width: 15%;
}

.company-skills-tabs_body .user_skills_area_expertise {
    width: 100%;
    margin-right: 0;
}

.company-skills-tabs_body .user_skills_area_expertise .user_skills_box_content .box-clip {
    width: 33%;
}

.company-skills-tabs_body .user_skills_area_expertise .user_skills_box_content .box-clip span {
    max-width: 245px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

/* End Company Skills Tabs */

/* User Individual Permissions Skills */

.edit_user_cloud_box .skills__box.individual-permissions-skills_box {
    max-height: 100%;
    overflow: hidden;
}

/* End User Individual Permissions Skills */

/* Inactive Time Edit Pop-Up */

.form_wr__popup_column {
    width: 48%;
}

#retailer_form .form_wr__popup_column,
#inactive_time_form .form_wr__popup_column {
    width: 100%;
}

.inactive-time-edit_popup__body .box-clip .custom-checkbox-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    width: 22px;
}

.inactive-time-edit_popup__body .box-clip .custom-checkbox-label.disabled {

}

.inactive-time-edit_popup__body .box-clip .custom-checkbox-label::after {
    margin-right: 0;
}

.inactive-time-edit_popup__body .box-clip .custom-checkbox-label span {
    margin-bottom: 5px;
}

.inactive-time-edit_popup__body .box-clip .custom-checkbox-label svg {
    left: 4px;
    top: 25px;
}

.inactive-time-edit_popup__body .box-clip .cust-checkbox:disabled ~ span {
    opacity: 0.5;
}

.inactive-time-edit_popup__body .box-clip .cust-checkbox:disabled ~ svg {
    display: none;
}

.inactive-time-edit_popup__body .box-clip .cust-checkbox:disabled .custom-checkbox-label::after {
    opacity: 0.5;
}

/* End Inactive Time Edit Pop-Up */

/* Inactive Time New */

.inactive-time-block .inactive-time-grid_header {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
}

.inactive-time-block .inactive-time-grid_header__select {
    width: 60px;
    margin-left: 10px;
}

.inactive-time-block .inactive-time-grid_header__select .select2-choice {
    height: 26px;
}

.inactive-time-block .inactive-time-grid_header__select .select2-choice span {
    margin-right: 26px;
}

.inactive-time-block .inactive-time-grid_header__select .select2-choice div {
    border-radius: 0;
    background: none;
    border-left: none;
    width: 26px;
    height: 26px;
}

.inactive-time-block .inactive-time-grid_header__select .select2-choice div b {
    background: url(../img/new_central_images/icon_arrow_down_black_18x18.svg) center no-repeat;
    transition: all 0.3s ease;
}

.inactive-time-block .select2-dropdown-open.inactive-time-grid_header__select .select2-choice div b {
    transform: rotate(180deg);
}

.select2-results {
    scrollbar-width: thin;
	scrollbar-color: #777777 rgba(119, 119, 119, 0.2);
}

.select2-results::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.select2-results::-webkit-scrollbar-thumb {
    background: #777;
    border-radius: 30px;
}

.select2-results::-webkit-scrollbar-track {
    background: #FFFFFF;
    border-radius: 0px;
    box-shadow: inset 0px 0px 0px 0px #F0F0F0;
}

/* ----------------------------------------------------------------------------- */

.schedules-table {
    display: flex;
    flex-direction: column;
    border-collapse: collapse;
    width: 100%;
}

.schedules-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F4F5F6;
}

.schedules-table-header_col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0px;
    width: 100%;
    font-weight: 700;
    color: #7A7A7A;
}

.schedules-table-header_col:first-child {
    min-width: 60px;
    width: 60px;
    flex-shrink: 0;
}

.schedules-table-content {
    display: flex;
}

.schedules-table-row {
    display: flex;
    flex-direction: column;
}

.schedules-table-col {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-right: 1px solid #CFD8DC;
    position: relative;
}

.schedules-table-col:first-child {
    min-width: 60px;
    width: 60px;
}

.schedules-table-col:first-child .schedules-table-row {
    align-items: center;
    justify-content: center;
    height: calc(9px * var(--cell));
    flex-shrink: 0;
    flex-grow: 1;
    border-bottom: 1px solid #CFD8DC;
}

.schedules-table-cell {
    width: 100%;
    height: 9px;
    border-bottom: 1px solid #CFD8DC;
    cursor: pointer;
}

.schedules-table-cell:hover {
    background-color: #F4F5F6;
}

.no-available-schedules-records {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.active-schedule-time-no-records {
    border-bottom: 1px solid #e1e8ea;
    padding-bottom:30px;
}

.schedules-table-fill_schemas {
    position: relative;
}

.schedules-table-fill_schema {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: var(--top, 0);
    left: 0;
    width: 100%;
    height: var(--height, 0);
    padding: 2px 5px;
    font-size: 9px;
    background-color: var(--bg_color, #fff);
    overflow: hidden;
    text-overflow: clip;
    cursor: pointer;
}

.schedules-table-fill_schema.override_schema{
    z-index: 2;
}

.schedules-table-fill_schema::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: hidden;
}

.schedules-table-fill_schema:hover::after {
    visibility: visible;
}

.schedules-table-fill_schema.hidden{
    display: none;
}

.schedules-table-fill_schema span {
    text-decoration: underline;
    color: var(--color, #000);
    position: absolute;
    z-index: 10;
}

.schedules-table-fill_schema:hover span {
    text-decoration: none;
}

/* End Inactive Time New */

/* Light Controller */

.light-controller-table {
    margin-top: 1px;
}

.light-controller-table .light-controller-table_title__tab {
    background: #E4E6E7;
}

.light-controller-table_buttons__wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.light-controller-table .light-controller-table_title__tab div {
    height: 39px;
    display: flex;
    align-items: center;
}

.light-controller-table .light-controller-table_title__tab .light-controller_playback_schedule__wrap {
    width: auto;
}

.light-controller-table .light-controller-table_title__tab .light-controller_playback_schedule__link {
    display: block;
    text-decoration: none;
    width: auto;
    height: 16px;
    background-image: url(../img/icons/new-icons/icon_calendar_blue_14x15.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 21px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #5E87C8;
}

.light-controller-table_output-group__actions {
    display: flex;
    align-items: center;
}

.light-controller-table_output-group__actions .light-controller_playback_schedule__link {
    display: block;
    text-decoration: none;
    width: 16px;
    height: 16px;
    background-image: url(../img/icons/new-icons/icon_calendar_blue_14x15.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #5E87C8;
    margin: 0;
    margin-right: 5px;
}

.light-controller-table .light-controller-table_header {
    background: #F2F3F4;
}

.light-controller-table .light-controller-table_header td {
    color: #222;
    padding-left: 10px;
}

.light-controller-table .light-controller-table_output-group.edit {
    background-color: #f0f3f7 !important;
}

.light-controller-table .light-controller-table_output-group:hover {
    background-color: #f0f3f7 !important;
    cursor: pointer;
}

.light-controller-table .light-controller-table_output-group td {
    padding-left: 10px;
    color: #222;
}

.light-controller-table .light-controller-table_output-group .row-number {
    font-size: 14px;
}

.light-controller-table .light-controller-table_output-group .light-controller-table_output__input {
    height: 18px;
    border: 1px solid #ABADB3;
    border-radius: 3px 3px 3px 3px;
    padding: 0 5px;
}

.light-controller-table_actions__btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.light-controller-table_output-group .action-icons .light-controller-table_actions__btns a {
    margin-top: 0;
}

.light-controller-table_actions__btns .action-edit,
.light-controller-table_actions__btns .light-controller-output_save {
    margin-right: 5px;
}

.light-controller-table .light-controller-table_output-group:hover .light-controller-table_actions__btns a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.light-controller-table .light-controller-table_output-group:hover .light-controller-table_actions__btns .action-edit {
    background-image: url(../img/icons/edit.gif);
}

.light-controller-table .light-controller-table_output-group:hover .light-controller-table_actions__btns .action-delete {
    background-image: url(../img/icons/sensor_unregister.png);
}

.light-controller-table .light-controller-table_output-group:hover .light-controller-table_actions__btns .light-controller-output_save {
    background-image: url(../img/icons/ok_.png);
    background-size: 10px 10px;
}

.light-controller-table .light-controller-table_output-group:hover .light-controller-table_actions__btns .light-controller-output_cancel {
    background-image: url(../img/icons/cancel_.png);
    background-size: 10px 10px;
}

.configure-nodes-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid #2482BF;
    background-color: #FFF;
    font-size: 12px;
    font-weight: 400;
    color: #2482BF;
    cursor: pointer;
}

.mode-operation-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

.mode-operation-title {
    font-size: 13px;
    font-weight: 700;
    color: #414141;
    letter-spacing: 0.16px;
    margin-right: 20px;
    width: 120px;
}

.mode-operation_radio-group_ambilight {
    margin-right: 20px;
}

.mode-operation_radio-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.mode-operation_radio-input + .mode-operation_radio-label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.036px;
    color: #414141;
    position: relative;
    cursor: pointer;
}

.mode-operation_radio-input + .mode-operation_radio-label::before {
    content: '';
    display: none;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #D2D2D2;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    cursor: pointer;
}

.mode-operation_radio-input + .mode-operation_radio-label::after {
    display: none;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 7px;
    cursor: pointer;
}

.mode-operation_radio-input:checked + .mode-operation_radio-label::after {
    background-color: #2482BF;
}

.mode-operation_radio-input:checked + .mode-operation_radio-label {
    color: #2482BF;
}

.video-channel-select_wrap {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
    background-color: #F4F5F6 !important;
    height: 36px;
    border-top: 1px solid #fff;
}

.video-channel-select_wrap .custom__select {
    width: 300px;
}

.capture-zone-header {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #E4E6E7;
    padding: 5px 15px;
    box-sizing: border-box;
    border-top: 1px solid #fff;
}

.capture-zone-title {
    font-size: 12px;
    font-weight: 400;
    color: #414141;
}

.capture-zone-body {
    display: flex;
    padding: 20px 0;
    column-gap: 30px;
}

.capture-zone-channel_wrap {
    box-sizing: border-box;
    width: 295px;
    height: 165px;
    background-color: #F2F3F4;
    margin-bottom: 10px;
    padding: 8px;
}

.capture-zone-channel_wrap.vertical {
    width: 165px;
    height: 295px;
}

.capture-zone-channel_wrap * {
    box-sizing: border-box;
}

.capture-zone-channel_wrap .capture-zone-channel {
    width: 100%;
    height: 100%;
    background-color: #D1D7DB;
    position: relative;
}

.capture-zone-channel_wrap .capture-zone-channel .capture-zone {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    border: 2px solid #61B7F6;
    position: relative;
}

.capture-zone-channel_wrap .capture-zone-channel .capture-zone .capture-zone-resizer {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #61B7F6;
    position: absolute;
}

.capture-zone-channel_wrap .capture-zone-channel .capture-zone .capture-zone-resizer.top-left {
    left: -4px;
    top: -4px;
    cursor: nwse-resize;
}

.capture-zone-channel_wrap .capture-zone-channel .capture-zone .capture-zone-resizer.top-right {
    right: -4px;
    top: -4px;
    cursor: nesw-resize;
}

.capture-zone-channel_wrap .capture-zone-channel .capture-zone .capture-zone-resizer.bottom-left {
    left: -4px;
    bottom: -4px;
    cursor: nesw-resize;
}
.capture-zone-channel_wrap .capture-zone-channel .capture-zone .capture-zone-resizer.bottom-right {
    right: -4px;
    bottom: -4px;
    cursor: nwse-resize;
}

.capture-zone-body_left .new-form-group_checkbox {
    padding-top: 0;
}

.capture-zone-body_left .new-checkbox-input+.new-checkbox-label {
    font-weight: 400;
    color: #414141;
    letter-spacing: 0.036px;
    text-transform: capitalize;
}

.capture-zone-body_right {
    padding: 8px 0;
    padding-right: 15px;
}

.capture-zone-info_text {
    font-size: 12px;
    font-weight: 400;
    color: #414141;
    letter-spacing: 0.036px;
    margin-bottom: 10px;
}

.capture-zone-info_form {
    display: flex;
}

.capture-zone-info_form .new-form-group {
    flex-direction: row;
    align-items: center;
    width: 80px;
}

.capture-zone-info_form .new-select-label {
    text-transform: uppercase;
    font-weight: 700;
    width: 20px;
    margin-bottom: 0;
}

.capture-zone-info_form .new-input {
    width: 60px;
}

.capture-zone-info_position {
    margin-bottom: 20px;
}

.capture-zone-footer .btn_yellow {
    box-sizing: border-box;
    width: 80px;
    margin-left: 0;
}

.hidden {
    display: none !important;
}

.assign-serial-wrap {
    padding-top: 10px;
    box-sizing: border-box;
}

.assign-serial-wrap * {
    box-sizing: border-box;
}

.assign-serial-top {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.assign-serial-back_btn {
    margin-right: 20px;
}

.assign-serial-back_btn a.all-app {
    min-width: 65px;
    width: 65px;
}

.assign-serial-top .mode-operation-title {
    width: auto;
}

.assign-serial-search_wrap {
    margin-bottom: 10px;
}

.assign-serial-search_hide {
    display: flex;
    align-items: center;
    padding-left: 34px;
    font-size: 15px;
    font-weight: 700;
    color: #7A7A7A;
    letter-spacing: -0.15px;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../img/svg/icon_search-by_blue_24x24.svg);
    background-repeat: no-repeat;
    background-position: center left;
    margin-bottom: 6px;
    cursor: pointer;
}

.assign-serial-search_hide::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #E4E6E7;
    margin-left: 20px;
    flex-shrink: 1;
}

.assign-serial-search {
    display: flex;
    align-items: flex-end;
}

.assign-serial-search_form__group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 10px;
}

.assign-serial-search_form__label {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #414141;
    letter-spacing: 0.036px;
    cursor: pointer;
}

.assign-serial-search_form__input {
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #414141;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    padding: 9px 10px;
    max-width: 100%;
    height: 32px;
    outline: none;
    box-shadow: none;
}

.assign-serial-search_form__input::placeholder {
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: #7A7A7A;
}

.assign-serial-search .search__clear {
    width: 32px;
    height: 32px;
    background: #F66161 url(../img/svg/icon_clear_20x20_white.svg) center no-repeat;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 9px;
    flex-shrink: 0;
}

.assign-serial-search .search__btn {
    width: 32px;
    height: 32px;
    background: #61B7F6 url(../img/icons/new-icons/icon_search_20x20_white.svg) center no-repeat;
    border-radius: 2px;
    cursor: pointer;
    border: none;
    flex-shrink: 0;
}

.channel-converters-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.channel-converter-item {
    padding: 20px;
    background-color: #F4F5F6;
    max-width: 355px;
    width: 100%;
}

.channel-converter-row {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.channel-converter-row_location {
    align-items: flex-start;
}

.channel-converter-label {
    color: #414141;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.036px;
    margin-right: 4px;
    flex-shrink: 0;
}

.channel-converter-value {
    color: #414141;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.036px;
}

.channel-converter-group {
    margin-bottom: 16px;
}

.channel-converter-group .channel-converter-row {
    margin-bottom: 0;
}

.channel-converter-row_group {
    display: flex;
    column-gap: 30px;
    margin-bottom: 8px;
}

.w-70 {
    width: 70px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.channel-converter-value_status {
    display: flex;
    align-items: center;
    font-weight: 700;
}

.channel-converter-value_status::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #414141;
    margin-right: 4px;
}

.channel-converter-value_status.status_online {
    color: #54C986;
}

.channel-converter-value_status.status_online::before {
    background-color: #54C986;
}

.channel-converter-value_status.status_offline {
    color: #F66161;
}

.channel-converter-value_status.status_offline::before {
    background-color: #F66161;
}

.channel-converter-value_status.status_not-available {
    color: #BEBEBE;
}

.channel-converter-value_status.status_not-available::before {
    background-color: #BEBEBE;
}

.channel-converter-row .custom__select {
    width: 100%;
}

.channel-converter-buttons {
    display: flex;
    justify-content: flex-end;
}

.channel-converter-btn {
    min-width: 50px;
    width: 50px;
    box-sizing: border-box;
}

.btn_cancel {
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    color: #2482BF;
    border: 1px solid #2482BF;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
    background-color: #fff;
}

.channel-converter-btn.btn_cancel.disabled {
    border: 1px solid #7A7A7A;
    color: #7A7A7A !important;
    pointer-events: none;
}

.channel-converter-btn.btn_yellow.disabled {
    background-color: #7A7A7A;
    color: #fff !important;
    pointer-events: none;
}

.converters-unreachable {
    font-size: 12px;
    font-weight: 700;
    color: #BEBEBE;
    text-align: center;
    margin: 9px auto;
}

.mode-operation-select {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.sensor_data .sensor-data-title_new {
    box-sizing: border-box;
    padding: 0px 15px;
    background: #F4F5F6 !important;
    height: 36px;
    border-top: 1px solid #fff;
    display: flex;
    align-items: center;
}

.mode-operation-select .new-select-label {
    margin-bottom: 0;
}

/* End Light Controller */

/* Intermediate Popups */

.login-body-intermediate {
    padding: 32px;
    width: 464px;
}

.login-user-error {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: red;
    text-align: center;
    margin-bottom: 15px;
}

.login-user-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #30A0D9;
    margin-bottom: 8px;
}

.login-user-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #777777;
}

.login-data-user_wrap {
    margin-top: 24px;
    margin-bottom: 24px;
}

.login-user-row {
    display: flex;
    margin-bottom: 4px;
}

.login-user-row:last-child {
    margin-bottom: 0;
}

.login-user-col {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #222222;
    width: 70px;
}

.login-user-col_title {
    font-weight: 700;
    margin-right: 12px;
}

.login-user-roles_wrap {
    margin-top: 24px;
}

.login-user-roles_title {
    height: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #30A0D9;
    padding-left: 32px;
    background-image: url(../img/svg/icon_users-roles_blue_24x24.svg);
    background-repeat: no-repeat;
    background-position: center left;
    margin-bottom: 8px;
}

.login-user-roles_card {
    padding: 0 16px;
    background-color: #F7F8F8;
    border-radius: 5px;
}

.login-user-role {
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.login-user-role:last-child {
    border: none;
}

.login-user-role_title {
    width: 81px;
    margin-right: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #222222;
}

.login-user-role_name {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #222222;
    margin-bottom: 4px;
}

.login-user-role_access {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #777777;
}

.login-body-intermediate input[type="button"] {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #FFFFFF;
}

/* End Intermediate Popups */

/* Qms New Design */

.disabled {
    opacity: 0.5 !important;
    pointer-events: none;
}

.readonly {
    pointer-events: none;
}

.ai-start {
    align-items: flex-start !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.w-64 {
    width: 64px !important;
}

.w-80 {
    width: 80px !important;
}

.w-92 {
    width: 92px !important;
}

.w-110 {
    width: 110px !important;
}

.w-120 {
    width: 120px !important;
}

.w-151 {
    width: 151px !important;
}

.qms-wrapper * {
    box-sizing: border-box;
}

.qms-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    padding: 15px;
    padding-bottom: 20px;
}

.qms-row {
    display: flex;
    column-gap: 15px;
    justify-content: space-between;
    width: 100%;
}

.qms-col {
    padding: 20px;
    background-color: #F4F5F6;
    border-radius: 10px;
    max-width: 920px;
    width: 100%;
}

.qms-title {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
}

.qms-content {
    display: flex;
    column-gap: 40px;
}

.qms-content_player-settings {
    column-gap: 30px;
}

.qms-content-col {
    max-width: 265px;
    width: 100%;
}

.blue-checkbox-group {
    display: flex;
}

.blue-checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.blue-checkbox-input+.blue-checkbox-label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #000;
}

.blue-checkbox-input+.blue-checkbox-label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}

.blue-checkbox-input:checked+.blue-checkbox-label::before {
    border: 1px solid #4D9DDE;
    background-color: #4D9DDE;
    background-image: url(../img/icons/new-icons/icon_check_white_12x9.svg);
}

.blue-checkbox-input:disabled + .blue-checkbox-label {
    opacity: 0.5;
    pointer-events: none;
}

.blue-checkbox-input:disabled + .blue-checkbox-label::before {
    pointer-events: none;
}

.qms-content-text {
    font-size: 11px;
    font-weight: 400;
    color: #7A7A7A;
}

.qms-content_queue-routing .blue-checkbox-input+.blue-checkbox-label {
    font-weight: 400;
}

.queue-form-group {
    display: flex;
    align-items: center;
    height: 32px;
}

.queue-form-label {
    font-size: 11px;
    font-weight: 400;
    color: #7A7A7A;
    margin-right: 10px;
    flex-shrink: 0;
}

.queue-form-input {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
    outline: none;
    box-shadow: none;
}

.queue-form-input::placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #BCBCBC;
}

.queue-form-input:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.queue-form-input_time {
    width: 68px;
}

.queue-radio-group {
    display: flex;
    align-items: center;
    height: 20px;
}

.queue-radio-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.queue-radio-input+.queue-radio-label {
    display: flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 400;
    color: #7A7A7A;
    position: relative;
}

.queue-radio-input+.queue-radio-label::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #D2D2D2;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 8px;
}

.queue-radio-input+.queue-radio-label::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 3px;
}

.queue-radio-input:checked+.queue-radio-label::after {
    background-color: #4D9DDE;
}

.queue-radio-input:disabled + .queue-radio-label {
    opacity: 0.5;
    pointer-events: none;
}

.qms-agent-timeout_col {
    max-width: 100%;
}

.qms-notified-employee_content {
    max-width: 230px;
}

.queue-select-group {
    display: flex;
    align-items: center;
}

.queue-select-label {
    font-size: 11px;
    font-weight: 400;
    color: #7A7A7A;
    margin-right: 10px;
    flex-shrink: 0;
}

.qms-agent-timeout_col .queue-select {
    max-width: 250px;
    width: 100%;
}

.qms-notified-employee_content .queue-select {
    width: 140px;
}

.queue-select.select2-container .select2-choice {
    height: 32px;
    padding: 0 10px;
    font-family: 'Arial', sans-serif;
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    cursor: pointer;
}

.queue-select.select2-container .select2-choice span {
    font-family: 'Arial', sans-serif;
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
}

.queue-select.select2-container .select2-choice div {
    background: none;
    background-clip: padding-box;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    height: 20px;
    width: 20px;
}

.queue-select.select2-container .select2-choice div b {
    background: none;
    background-image: url(../img/icons/new-icons/icon_arrow-select_black_16x16.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%;
}

.queue-select.select2-dropdown-open .select2-choice div b {
    transform: rotate(180deg);
}

.qms-notified-employee_tools .blue-checkbox-input+.blue-checkbox-label {
    font-weight: 400;
}

.chiming-frequency-radio_group {
    height: 32px;
}

.chiming-frequency-radio_group .queue-radio-label {
    margin-right: 5px;
}

.qms-content_alarm-thresholds {
    flex-wrap: wrap;
    gap: 5px 40px;
}

.qms-content_number-visitors {
    flex-wrap: wrap;
    gap: 5px 40px;
}

.qms-content_number-visitors .queue-form-group {
    position: relative;
}

.qms-content_number-visitors .queue-form-group::after {
    content: '#';
    position: absolute;
    top: 8px;
    right: 35px;
    width: 7px;
    height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #BCBCBC;
}

.queue-form-input_number {
    width: 50px;
    padding-left: 15px;
}

.qms-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
}

.btn-save {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 10px;
    border-radius: 2px;
    background-color: #61B7F6;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.036px;
    color: #fff;
    cursor: pointer;
}

.btn-save:hover {
    opacity: 0.8;
}

.qms-btn-save {
    width: 80px;
}

/* End Qms New Design */

/* Add Site PopUp */

.add-site-popup_body {
    width: 360px;
}

.add-site-popup_body .submit_btns__wr {
    width: auto;
}

.add-site-popup_body .form_wr__popup_column {
    width: 100%;
}

/* End Add Site PopUp */

/* Delete Group PopUp */

.delete-group-popup {
    width: 100%;
    min-width: 500px;
    max-width: 700px;
}

.delete-group-popup .popup_caption {
    height: auto;
    padding: 16px;
}

#popup .delete-group-popup .popup_caption h1 {
    word-wrap: break-word;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    height: auto;
}

.delete-group-popup .popup_caption h1 b {
    margin-left: 5px;
}

.delete-group-popup_content {
    padding: 16px;
}

.delete-group-popup_table{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.delete-group-popup_table th{
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
}
.delete-group-popup_table td{
    box-sizing: border-box;
    padding: 5px;
    text-align: left;
}
.delete-group-popup_table .bca_a_title{
    min-width: 200px;
}
.delete-group-popup_table .bca_bc_title{
    min-width: 150px;
}

/* End Delete Group PopUp */

#department_form{
    width: 400px;
}
#department_form .form_wr__popup_column {
    width: 100%;
}

/* Network Switches */

.switches-table * {
    box-sizing: border-box;
}

.switches-table-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F4F5F6;
    height: 40px;
    padding: 0 10px;
}

.switches-table-body {
    display: flex;
    flex-direction: column;
    min-height: 100px;
}

.switches-table-body .no-records-found_wrap {
    margin: auto;
}

.switches-table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e1e8ea;
    min-height: 40px;
    transition: all 0.3s ease;
    box-sizing: content-box;
    padding: 0 10px;
}

.switches-table-row.row_inactive {
    opacity: 0.4;
    background: var(--Gray-300, #F4F5F6);
    pointer-events: none;
}

.switches-table-col {
    display: flex;
    align-items: center;
    min-width: 90px;
    width: 100%;
    padding: 0 5px;
}

.switches-table-header .switches-table-col span {
    font-size: 12px;
    font-weight: 700;
    color: #7A7A7A;
    cursor: pointer;
    text-align: center;
}

.switches-table-row .switches-table-col span {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.switches-table-col:first-child {
    padding-left: 0;
}

.switches-table-col:last-child {
    padding-right: 0;
}

.switches-table_checkbox {
    max-width: 20px;
    min-width: 20px;
}

.switches-table_model {
    max-width: 250px;
}

.switches-table_model img {
    width: 32px;
    height: 32px;
}

.switches-table-header .switches-table_model span {
    padding-left: 32px;
}

.switches-table_model2 {
    max-width: 50px;
    min-width: 50px;
}

.switches-table_poe-budget {
    max-width: 80px;
    min-width: 80px;
}
.switches-table_poe-current_power_sum {
    max-width: 110px;
    min-width: 70px;
}

.switches-table_ports {
    max-width: 55px;
    min-width: 55px;
}

.switches-table_title {
    max-width: 220px;
}

.switches-table_serial-number {
    max-width: 170px;
}

.switches-table_ip-address {
    max-width: 135px;
}
.switches-table_version {
    max-width: 70px;
    min-width: 70px;
}

.switches-table_location_title {
    max-width: 165px;
}

.switches-table_datetime {
    max-width: 135px;
}
.switches-table_date {
    max-width: 110px;
}
.switches-appliance {
    max-width: 130px;
}

.switches-table_status {
    max-width: 60px;
    min-width: 60px;
    justify-content: center;
}

.switches-table_actions {
    max-width: 110px;
    justify-content: flex-end;
}

.switches-table_actions.center {
    justify-content: center;
}

.manage_lanes .switches-table_actions  {
    max-width: 30px;
    min-width: auto;
}

.manage_lanes .switches-table_actions .btn-delete {
    background-size: 18px;
}

.switches-table_date_status{
    display: inline-block!important;
    min-width: 10px;
    font-weight: 700;
    color: #fff!important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle!important;
    background-color: #777!important;
    border-radius: 10px;
    cursor: pointer;
    padding: 0 4px!important;
    font-size: 11px;
    line-height: 14px;
    margin-right: 5px;
    position: unset!important;
}
.switches-table_date_status.switches-table_date_status_green{
    background:#5DA423!important;
    border:1px solid #457A1A!important;
}
.switches-table_date_status.switches-table_date_status_yellow{
    background: #FAA937!important;
    border: 1px solid #e78a06!important;
}
.switches-table_date_status.switches-table_date_status_red{
    background: #cb1111!important;
    border: 1px solid #9f0c0c!important;
}
.switches-table_date_status.switches-table_date_status_black{

}

.switches-status {
    display: flex;
    align-items: center;
}

.switches-status::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #414141;
}

.switches-status.status_online {
    color: #54C986;
}

.switches-status.status_online::before {
    background-color: #54C986;
}

.switches-status.status_offline {
    color: #F66161;
}

.switches-status.status_offline::before {
    background-color: #F66161;
}

.switches-status.status_not-available {
    color: #BEBEBE;
}

.switches-status.status_not-available::before {
    background-color: #BEBEBE;
}

.register-new-switch {
    width: 113px;
    margin: 4px 4px 4px auto;
}

.register-new-switch .add_btn {
    margin-left: 4px;
}

.switches-search {
    align-items: center;
    padding: 20px 0 16px;
}

.switches-main-title {
    font-size: 24px;
    font-weight: 400;
    color: #414141;
    letter-spacing: 0.036px;
    flex-shrink: 0;
    margin-right: 16px;
}

.switches-search .switches-search-input {
    height: 32px;
    width: 100%;
    max-width: 230px;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 2px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 12px;
    margin: 4px;
    flex: 1 1;
}

.switches-search .select2-container.central_custom_select {
    margin: 4px;
}

.switches-search .select2-container.central_custom_select .select2-choice span {
    color: #f0f0ff;
}

.switches-search .select2-container.switches-location-select {
    max-width: 230px;
}

.switches-search .select2-container.switches-location-select:before {
    content: 'Location';
}

.switches-search .select2-container.switches-mode-select {
    max-width: 230px;
}

.switches-search .select2-container.switches-mode-select:before {
    content: 'Mode';
}

.switches-search .select2-container.switches-appliance_group-select {
    max-width: 230px;
}

.switches-search .select2-container.switches-appliance_group-select:before {
    content: 'Appliance group';
    width: 100px;
}

.switches-search .select2-container.switches-appliance_group-select .select2-choice {
    padding: 0 0 0 110px;
}

.switches-search .select2-container.switches-model-select {
    max-width: 230px;
}

.switches-search .select2-container.switches-model-select:before {
    content: 'Model';
}

.switches-search .select2-container.switches-budget-select {
    max-width: 230px;
}

.switches-search .select2-container.switches-budget-select:before {
    content: 'PoE+ budget';
    width: 90px;
}

.switches-search .select2-container.switches-budget-select .select2-choice {
    padding: 0 0 0 100px;
}

.switches-search .select2-container.switches-active_switch-select {
    max-width: 130px;
}

.switches-search .select2-container.switches-active_switch-select:before {
    content: 'Status';
    width: 50px;
}

.switches-search .select2-container.switches-active_switch-select .select2-choice {
    padding: 0 0 0 60px;
}

.switches-search .search__users {
    margin: 4px;
}

.switches-search .search__clear {
    margin: 4px;
}

/* ------------------------------------------------------------------------------------ */

.switches-popup {
    width: 800px;
}

.switches-form {
    padding: 30px;
    padding-bottom: 0;
}

.switches-form-row {
    display: flex;
    column-gap: 16px;
    width: 100%;
}

.switches-form-row_half {
    display: flex;
    column-gap: 16px;
    flex-shrink: 0;
    width: 49%;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.switches-form-col {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.switches-form-col.hide{
    display: none;
}

.switches-form-col.switches-form-col-half {
    width: 49%;
}

.switches-form-col.checkbox-col{
    align-self: flex-end;
    margin-bottom: 5px;
}

.switches-form-label {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    color: #414141;
    margin: 0 !important;
}

.switches-form-input {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #414141;
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    outline: none;
    height: 30px;
    padding: 0 8px;
    width: 100%;
}

.switches-form-input::placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #BEBEBE;
}

.switches-form-value {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #414141;
    outline: none;
    height: 32px;
    padding: 0 8px;
    width: 100%;
}

.switches-form-port {
    max-width: 55px;
}

.switches-use-ssl {
    width: 155px;
    align-items: flex-end;
    margin-bottom: 5px;
}

.switches-form-section_caption{
    display: flex;
    column-gap: 16px;
    width: 100%;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    color: #414141;
}

.switches-form-checkboxes{
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.switches-form-checkboxes .box-clip{
    width: 23%;
    margin-right: 2%;
}

/* -------------------------------------------------------------------------- */

.switches-table .pagination {
    overflow: hidden;
    padding: 30px 0 0 0;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #7A7A7A;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* ------------------------------------------------------------------------ */

.switch-port-popup {
    width: 1280px;
}

.switch-port-content {
    padding: 16px 24px;
}

.switch-port-table * {
    box-sizing: border-box;
}

.switch-port-table_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F4F5F6;
    height: 40px;
    padding: 0 10px;
}

.switch-port-table_body {
    display: flex;
    flex-direction: column;
    min-height: 100px;
}

.switch-port-table_body .no-records-found_wrap {
    margin: auto;
}

.switch-port-table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e1e8ea;
    min-height: 40px;
    transition: all 0.3s ease;
    box-sizing: content-box;
    padding: 0 10px;
}

.switch-port-table_col {
    display: flex;
    align-items: center;
    min-width: 90px;
    width: 100%;
    padding: 0 8px;
}

.switch-port-table_header .switch-port-table_col span {
    font-size: 12px;
    font-weight: 700;
    color: #7A7A7A;
}

.switch-port-table_row .switch-port-table_col span {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.switch-port-table_col:first-child {
    padding-left: 0;
}

.switch-port-table_col:last-child {
    padding-right: 0;
}

.switch-port-table_port {
    max-width: 33px;
    min-width: 33px;
}

.switch-port-table_appliance {
    max-width: 100%;
}

.switch-port-table_ip-address {
    max-width: 160px;
}

.switch-port-table_speed {
    max-width: 160px;
}

.switch-port-table_max-power {
    max-width: 160px;
}

.switch-port-table_poe-status {
    max-width: 160px;
}

.switch-port-table_status {
    max-width: 80px;
    min-width: 80px;
    justify-content: center;
}

.switch-port-table_power {
    max-width: 84px;
    min-width: 84px;
    justify-content: center;
}

.switch-port-popup .popup_body .submit_btns__wr {
    padding: 20px 24px;
}

.form-switch {
    display: flex;
    align-items: center;
}

.form-switch-input {
    display: none;
}

.form-switch-label {
    position: relative;
    display: flex;
    align-items: center;
    width: 55px;
    height: 16px;
    border-radius: 20px;
}

.switch-port-table_row .switch-port-table_power .form-switch-slider {
    overflow: visible;
}

.form-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    /*left: 0;*/
    right: 0;
    bottom: 0;
    border: 1px solid #D2D2D2;
    background-color: #F4F5F6;
    border-radius: 20px;
    transition: .4s;
    width: 32px;
}

.form-switch-slider::before {
    content: '';
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 1px;
    bottom: 2px;
    border-radius: 50%;
    border: none;
    background-color: #D2D2D2;
    transition: .4s;
}

.form-switch-slider::after {
    content: 'Off';
    box-sizing: border-box;
    position: absolute;
    left: -24px;
    bottom: -1px;
    border: none;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    transition: .4s;
}

.form-switch-input:checked + .form-switch-slider:after {
    content: 'On';
    /*color: #4D9DDE;*/
}

.form-switch-input:checked + .form-switch-slider {
    background-color: #D0E9FC;
    border-color: #B6CDDC;
}

.form-switch-input:checked + .form-switch-slider:before {
    transform: translateX(18px);
    background-color: #4D9DDE;
}

/* ----------------------------------------------------------- */

.network-switches_search-form {
    width: 100%;
}

/* ---------------------------------------------------------- */

.network-switch-wrap * {
    box-sizing: border-box;
}

.net-switch-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin-bottom: 16px;
    width: 100%;
    min-height: 104px;
    border: 1px solid #F1F4F5;
}

.no-switch-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.no-switch-btn {
    padding: 3px 16px;
    padding-left: 30px;
    max-width: 123px;
    font-weight: 700;
    color: #FFFFFF;
    margin-left: 0;
}

.no-switch-btn::before {
    left: 12px;
}

.no-switch-message {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
}

.net-switch-info_row {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    width: 100%;
}

.net-switch-info_col {
    min-width: 201px;
}

.ns-info-row {
    display: flex;
    align-items: center;
    column-gap: 16px;
    height: 32px;
}

.ns-info-col {
    font-size: 12px;
    font-weight: 400;
}

.ns-info-title {
    width: 148px;
    color: #83807B;
    text-align: right;
}

.ns-info-value {
    color: #444444;
}

.ns-info-model {
    display: flex;
    column-gap: 16px;
}

.ns-info-img {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
}

.ns-info-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.ns-info-model .ns-info-title {
    width: 45px;
}

.ns-info-model .ns-info-value {
    font-weight: 700;
}

.ns-info-actions .ns-info-value {
    display: flex;
}

.ns-info-value .switches-status::before {
    margin-right: 8px;
}

.network-switch-wrap .switch-port-popup {
    width: 100%;
}

.network-switch-wrap .switch-port-content {
    padding: 0;
}

.switch-port-table_row .switch-port-table_col .poe-color {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    font-weight: 700;
    padding: 4px 8px;
}

.switch-port-table_row .switch-port-table_col .poe-yellow {
    background-color: rgba(253, 223, 157, 0.50);
    color: #FBB928;
}

.switch-port-table_row .switch-port-table_col .poe-blue {
    background-color: rgba(192, 228, 251, 0.50);
    color: #4D9DDE;
}

.switch-port-table_row .switch-port-table_col .poe-green {
    background-color: rgba(70, 232, 140, 0.50);
    color: #2CB868;
}

/* End Network Switches */

/* Human Identity Tracker */

.__gadgets_sensors .human-identity_tab-panel {
    margin-bottom: 0;
}

/*.human-identity-wrapper {*/
/*    border: 1px solid #EEEEEE;*/
/*    border-top: none;*/
/*}*/

.human-identity {
    padding: 16px 32px;
    display: flex;
    column-gap: 56px;
    border: 1px solid #EEEEEE;
    border-top: none;
}

.human-identity-item {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    max-width: 240px;
    width: 100%;
}

.areas-identity-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
}

.areas-identity-wrap .switches-form-col {
    max-width: 150px;
}

.add-area-btn {
    margin-left: 0;
    max-width: 80px;
    margin-top: 8px;
}

.remove-area-btn {
    width: 32px;
    height: 32px;
    background: url(../img/icons/new-icons/icon_remove_16x16_normal.png) center no-repeat;
    cursor: pointer;
}
.remove-area-btn:hover {
    background: url(../img/icons/new-icons/icon_remove_16x16_hover.png) center no-repeat;
}

.video-processing-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.human-identity-item_title {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 12px;
}

.human-identity-item .queue-radio-wrap {
    display: flex;
    align-items: center;
    column-gap: 24px;
    margin-bottom: 12px;
}

.human-identity-item .blue-checkbox-input+.blue-checkbox-label {
    font-weight: 400;
}

.bounding-box-title {
    margin-bottom: 8px !important;
}

.bounding-box-size {
    margin-bottom: 8px;
}

.bounding-box-size .switches-form-col {
    max-width: 70px;
    position: relative;
}

.bounding-box-size .switches-form-input {
    width: auto;
    text-align: right;
    padding-right: 40px;
}

.bounding-box-size .switches-form-col::after {
    content: 'px';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    background-color: #f4f5f6;
    font-size: 14px;
    color: #7A7A7A;
}

.event-optimization-timeout_col {
    position: relative;
    max-width: 100px;
}

.event-optimization-timeout_col .switches-form-input {
    max-width: 50px;
    text-align: right;
    padding-right: 40px;
}

.event-optimization-timeout_col::after {
    content: 'sec';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    background-color: #f4f5f6;
    font-size: 14px;
    color: #7A7A7A;
}

.confidence-threshold-select .custom__select {
    max-width: 70px;
}

.motion-detection-tracking .switches-form-input {
    max-width: 70px;
    text-align: right;
}

.human-identity-wrapper .submit_btns__wr {
    margin-top: 16px;
    justify-content: center;
    column-gap: 10px;
}

.human-identity-wrapper .submit_btns__wr .btn_yellow,
.human-identity-wrapper .submit_btns__wr .btn_gray {
    margin-left: 0;
}

/* End Human Identity Tracker */

/* Data Export */

.w-85 {
    width: 85px !important;
}

.w-100 {
    width: 100px !important;
}

.w-140 {
    width: 140px !important;
}

.jc_end {
    justify-content: flex-end !important;
}

.f_shrink_0 {
    flex-shrink: 0 !important;
}

.data-export-wrapper {
    display: flex;
    column-gap: 25px;
}

.data-export-table {
    flex: 1 1 40%;
}

.data-export-table_hosts {
    max-width: 190px;
}

.data-export-table_actions {
    max-width: 100px;
    justify-content: flex-end;
}

.data-export-form_wrapper {
    flex: 1 1 60%;
}

.data-export-form_wrapper .add_btn {
    max-width: 100px;
    margin-left: auto;
    margin-bottom: 15px;
}

.data-export-form {
    padding: 15px;
    padding-bottom: 25px;
    background-color: #F4F5F6;
}

.data-export-form_header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.data-export-form_title {
    font-size: 13px;
    font-weight: 700;
    color: #444;
    text-transform: capitalize;
    text-align: center;
}

.data-export-form .switches-form-label {
    font-weight: 400;
}

.data-export-form .submit_btns__wr {
    padding-top: 25px;
    border-top: 1px solid #e1e8ea;
}

/* End Data Export */

/* Reboot & Shutdown Popup */

.reboot-shutdown-popup {
    width: 600px;
}

.reboot-shutdown-popup_body {
    padding: 20px;
    background-color: #fff;
}

.reboot-shutdown-header {
    background: #E4E6E7;
    padding: 0 15px;
    border-radius: 3px 3px 0 0;
    height: 36px;
    line-height: 25px;
    list-style: none;
    display: flex;
    align-items: flex-end;
}

.reboot-tabs-nav {
    display: flex;
    column-gap: 5px;
}

.reboot-tab-nav {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 15px;
    border-radius: 2px 2px 0 0;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #7a7a7a;
    text-decoration: none;
    cursor: pointer;
}

.reboot-tab-nav.active {
    background: #FFF;
    border-radius: 2px 2px 0 0;
    color: #222;
}

.reboot-shutdown-body {
    display: flex;
    position: relative;
    padding: 15px;
    border: 1px solid #E4E6E7;
    border-top: none;
    min-height: 265px;
}

.reboot-shutdown-tab {
    width: 100%;
}

.reboot-shutdown-activate {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #61B7F6;
    text-decoration: underline;
    cursor: pointer;
}

.reboot-shutdown-schedule_header {
    background-color: #E4E6E7;
    padding: 5px 10px;
    border-radius: 3px 3px 0 0;
}

.reboot-shutdown-tab .switches-form-col {
    flex-direction: row;
    align-items: center;
}

.frequency-select .switches-form-label {
    font-weight: 400;
    margin-right: 10px !important;
}

.frequency-select .custom__select {
    width: 200px;
}

.reboot-shutdown-schedule_body {
    display: flex;
    padding: 10px;
    border: 1px solid #E4E6E7;
    border-top: none;
}

.reboot-shutdown-schedule_date-time {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    flex-shrink: 0;
    border-right: 1px solid #EEEEEE;
    padding-right: 10px;
}

.date-range-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.date-range-wrap .switches-form-label {
    font-weight: 400;
    width: 30px;
    margin-right: 10px !important;
    flex-shrink: 0;
}

.custom_calendar_selector .custom_calendar_selector_icon__time {
    position: absolute;
    background-color: #60B7F5;
    background-image: url(../img/svg/icon_clock_white_18x18.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    height: 28px;
    width: 28px;
    cursor: pointer;
    right: 2px;
    top: 2px;
}

.reboot-shutdown-schedule_control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 10px;
}

.reboot-shutdown-schedule_weekly {
    display: flex;
    column-gap: 10px;
}

.day-of-week {
    display: flex;
    align-items: center;
    justify-content: center;
}

.day-of-week .day-of-week_input {
    display: none;
}

.day-of-week .day-of-week_label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 20px;
    border: 1px solid #EEEEEE;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    font-weight: 400;
    padding: 5px;
    user-select: none;
}

.day-of-week .day-of-week_input:checked + .day-of-week_label {
    background-color: #61B7F6;
    color: #fff;
}

.day-of-week .day-of-week_label:hover {
    background-color: #e6f5ff;
}

.reboot-shutdown-schedule_monthly {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.reboot-shutdown-popup_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #EEEEEE;
}

/* End Reboot & Shutdown Popup */

/* Face Images */

.user-account-details_wrapper .inner_wrapp {
    padding: 16px;
}

.user-account-details_wrapper .line {
    column-gap: 16px;
}

.user-account-details_wrapper .pers_info__box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 0;
    max-width: 708px;
    width: 100%;
}

.user-account-form {
    padding: 16px;
    padding-bottom: 0;
}

.user-account-form .form_wr {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.personal-info-form_row {
    display: flex;
    align-items: flex-end;
    column-gap: 16px;
}

.personal-info-form_row label {
    width: 100%;
    margin-bottom: 0;
}

.form_wr .personal-info-form_row .label_text {
    margin-bottom: 0;
    line-height: 24px;
}

.location-supervisor-checkbox {
    align-items: flex-end;
    margin-bottom: 6px;
}

.face-images-wrapper {
    width: 100%;
    flex-shrink: 0;
    padding: 0 16px;
}

.user-account-details_wrapper .box_head {
    height: 32px;
    margin: 0;
    margin-bottom: 16px;
}

.face-images-title {
    display: flex;
    align-items: center;
}

.face-images-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #E4E6E7;
    padding: 2px 3px;
    font-size: 10px;
    font-weight: 400;
    color: #414141;
    margin-left: 4px;
}

.face-images {
    border-radius: 4px;
    border: 1px solid #EEE;
    background-color: #FFF;
    height: 148px;
    padding: 16px;
    position: relative;
}

.face-images-add_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.face-images-add_block .btn_yellow {
    max-width: 108px;
}

.face-images-add_info {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #7A7A7A;
}

.face-images-list {
    display: flex;
    column-gap: 16px;
}

.face-image-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 116px;
    height: 116px;
    position: relative;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.face-image {
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

.face-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
    border-radius: 2px;
}

.face-image-actions {
    display: none;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.60);
    transition: all 0.3s ease;
}

.face-image-actions .dash-btn {
    margin-left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
}

.face-image-actions .btn-view {
    background-image: url(../img/svg/icon_eye-opened_white_24x24.svg);
}

.face-image-actions .btn-delete {
    background-size: 60%;
}

.face-image-item:hover .face-image-actions {
    display: flex;
    transition: all 0.3s ease;
}

.employee-profile-section .permiss__box {
    padding-top: 16px;
    height: calc(100% - 48px);
}

.employee-profile-section .permissions_table {
    border-radius: 4px;
    border: 1px solid #EEEEEE;
    height: 100%;
}

.user-account-details_wrapper .submit_btns__wr {
    margin-top: 0;
    padding: 16px;
    border-top: 1px solid #D2D2D2;
}

/* ------------------------------------------------------------- */

.full-screen-block {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.face-image-preview_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 80vw;
    max-height: 92vh;
    padding: 40px;
    background-color: #fff;
    position: relative;
}

.face-image-preview_popup__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 2px;
    background-color: #fff;
    background-image: url(../img/svg/icon_remove_red_52x52.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -64px;
    top: 0;
    cursor: pointer;
}

.face-image-preview {
    display: flex;
    overflow: hidden;
    max-height: calc(100vh - 120px);
}

.face-image-preview img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* --------------------------------------------------------------------- */

.user-image-popup {
    width: 580px;
}

.user-image-popup * {
    box-sizing: border-box;
}

.user-image-popup_body {
    padding: 24px;
    padding-top: 12px;
    background-color: #fff;
}

.form_status.with_attention_ico,
.popup-error-uploading {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 8px 12px;
    padding-left: 44px;
    background-color: rgba(255, 218, 218, 1);
    background-image: url(../img/svg/icon_warning_black_24x24.svg);
    background-repeat: no-repeat;
    background-position: left 12px center;
    font-size: 12px;
    font-weight: 700;
    color: #414141;
}

.user-image-popup_title {
    font-size: 12px;
    font-weight: 700;
    color: #414141;
    margin-bottom: 8px;
}

.user-image-drop_wrap {
    margin-bottom: 15px;
}

.user-image-drop_wrap .dropzone.dz-clickable * {
    cursor: pointer;
}

.user-image-drop_wrap .dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 104px;
    border: 1px dashed #61B7F6;
    background-color: #EEF9FF;
    padding: 12px 10px;
    cursor: pointer;
}

.form-drop-info_wrap {
    width: 365px;
    cursor: pointer !important;
}

.user-image-drop_wrap .dropzone .dz-default {
    display: none;
}

.user-image-drop_wrap .dropzone .dz-preview {
    display: none;
}

.user-image-drop_wrap .dropzone .dz-message {
    margin: 0;
}

.form-drop-label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.form-drop-link {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #2482BF;
    text-align: center;
    margin-bottom: 4px;
    cursor: pointer !important;
}

.form-drop-link span {
    font-weight: 700;
    text-decoration: underline;
}

.form-drop-info {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: rgba(13, 87, 138, 0.5);
    text-align: center
}

.mb-22 {
    margin-bottom: 22px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.form-drop-info:last-child span {
    font-weight: 700;
}

.add-media-block_wrapper {
    display: flex;
    column-gap: 8px;
    width: 100%;
    height: 94px;
}

.add-media-block_wrapper .empty-rows {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.add-media-block_wrapper .empty-rows .empty-span {
    line-height: 16px;
    color: rgba(0, 0, 0, 0.4);
}

.add-media-block {
    background-color: #F4F5F6;
    width: 100px;
    height: 94px;
    padding: 8px 0;
    border: 1px solid transparent;
    position: relative;
}
.add-media-block.add-media-block_error {
    border-color: #F66161;
}

.add-media-block_delete {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10;
    background-size: 65%;
    margin-left: 0;
}

.add-media-block_img {
    width: 56px;
    height: 56px;
    border-radius: 2px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    margin: 0 12px;
}

.add-media-block_img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
    border-radius: 2px;
}

.file-uploading {
    opacity: 0.7;
}

.file-uploading_interest {
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    color: #7A7A7A;
    text-align: center;
}

.file-uploading_text {
    font-size: 8px;
    font-weight: 700;
    line-height: 10px;
    color: #7A7A7A;
    text-align: center;
}

.add-media_file-info {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    margin-top: 8px;
}

.add-media_file-info > div {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #41414166;
    letter-spacing: 0.036px;
}

.add-media_file-info_type {
    position: relative;
}

.add-media_file-info_type::after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background-color: #D9D9D9;
    position: absolute;
    top: 0;
    right: -5px;
}

.user-image-popup_footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 20px 24px;
    border-top: 1px solid #E4E6E7;
}

/* End Face Images */
/* --------------------------------------------------------------------- */
.wol_appliances-popup {
    width: 800px;
}

.wol_appliances-popup .wol_appliances-form_wrap {
    padding: 24px 24px 0;
    overflow: auto;
    max-height: 450px;
    min-height: 68px;
}
.wol_appliances-popup .wol_appliances-form {
    display: flex;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col{
    width: 50%;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col:first-of-type{
    border-right: 1px solid #e1e8ea;
    padding-right: 12px;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col:last-of-type{
    padding-left: 12px;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col_head{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col .wol_appliances-col_row{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col .wol_appliances-no_data{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col.available_appliances .wol_appliances-col_row{
    border-bottom: 1px solid #add9bf;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col.unavailable_appliances .wol_appliances-col_row{
    border-bottom: 1px solid #fbc0c0;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col .wol_appliances-col_row .wol_appliances-col_cell{
    padding: 16px 8px 8px;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col .wol_appliances-col_row .wol_appliance_logo img{
    width: 30px;
    height: 32px;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col .wol_appliances-col_row .wol_appliances-col_cell .wol_appliance_info_row{
    font-weight: 400;
    font-size: 12px;
    vertical-align: middle;
    line-height: 16px;
}
.wol_appliances-popup .wol_appliances-form .wol_appliances-col .wol_appliances-col_row .wol_appliances-col_cell .wol_appliance_error{
    font-weight: 400;
    font-size: 12px;
    vertical-align: middle;
    line-height: 16px;
    color:#F66161;
}
.wol_appliances-popup .confirm_txt_and_btns {
    padding: 16px;
    justify-content: center;
    display: flex;
    width: inherit;
    flex-direction: column;
}
.wol_appliances-popup .confirm_txt_and_btns .confirm_txt{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
.wol_appliances-popup .confirm_txt_and_btns .confirm_btns{
    margin-top: 25px;
    justify-content: center;
    display: flex;
    width: inherit;
}

/* camera control */

.camera_control_group {
    width: 100%;
    display: flex;
    gap: 16px;
}

.camera_control_group_no_data {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
}
.control_group_column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 33.3333%;
}

.control_group_column.secondary_column {
    width: 66.6666%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.control_group_column.first_column {
    min-width: 400px;
}

.control_group_column.secondary_column .control_item {
    width: 100%;
    max-width: 412px;
}

.control_item {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--Gray-500);
}

.control_item.off {
    opacity: 0.5;
}

.control_item.off .edit_item_popup {
    pointer-events: none;
}

.control_item .control_device_img {
    min-width: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.control_item .control_device_img img {
    height: auto;
    max-width: 100%;
}

.control_item .control_param {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.control_param .control_device_name {
    color: var(--Grey-Maim);
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.017px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.edit_item_popup {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
}

.edit_item_popup > svg {
    width: 16px;
    height: 16px;
}

.control_param_list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.control_param_list li {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.control_param_list li .name {
    color: #83807B;
    font-weight: 400;
    line-height: normal;
    min-width: 153px;
    max-width: 160px;
}

.control_param_list li .value {
    color: #444;
    font-weight: 400;
    line-height: normal;
}

.control_param_list li .value.c_status_field {
    position: relative;
    padding-left: 10px;
}

.control_param_list li .value.c_status_field:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
 
.control_param_list li .value.c_status_success {
    color: var(--Green-900);
}

.control_param_list li .value.c_status_warning {
    color: #FFC700;
}
 
.control_param_list li .value.c_status_failed {
    color: #E00000;
}

.c_status_success:before {
    background-color: var(--Green-900);
}

.c_status_warning:before {
    background-color: #FFC700;
}
 
.c_status_failed:before {
    background-color: #E00000;
}

.control_param_list li .value.c_charge_level {
    width: 120px;
}

.c_charge_level .app-data-loader_wrap {
    margin: 0;
}

.app-data-loader_charge {
    display: flex;
    align-items: center;
    gap: 4px;
}

.app-data-loader_charge .app-data-loader_info {
    color: var(--Green-900);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.c_wrap {
    word-break: break-all;
}

.form_wr.camerakit_component {
    width: 300px;
}
.form_wr.camerakit_component_wide {
    width: 550px;
}
.camerakit_component .form_wr__popup_column{
    width: 100%;
}
.form_wr .text_only {
    height: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.036px;
}

.form_wr .show_or_hide_pass {
    position: absolute;
    right: 5px;
    top: 8px;
    cursor: pointer;
    width: 18px;
    height: 16px;
    background-image: url(../img/icons/new-icons/icon_eye_grey_20x20.svg);
    background-repeat: no-repeat;
    background-size: 18px 16px;
}

.form_wr .show_or_hide_pass.active {
    background-image: url(../img/icons/new-icons/icon_eye-crossed_grey_16x16.svg);
    background-repeat: no-repeat;
    background-size: 18px 16px;
}

/* switcher */
.c_switcher {
  [data-sw-elem='lbl'] {
    display: block;
    width: 35px;
    height: 16px;
    border-radius: 15px;
    border: 1px solid #61B7F6;
    cursor: pointer;
  }

  [data-sw-elem='lbl']:before {
    content: '';
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #61B7F6;
    border-radius: 50%;
  }

  [data-sw-elem='check'] {
    display: none;
    appearance: none;
  }

  [data-sw-elem='check']:checked ~ [data-sw-elem='lbl'] {
    border-color: #61B7F6;
    transition: 200ms cubic-bezier(0.17, 0.67, 0.56, 0.84);
    transition-delay: 100ms;
  }

  [data-sw-elem='check']:checked ~ [data-sw-elem='lbl']:before {
    transform: translateX(19px);
    background-color: #61B7F6;
    transition: 200ms cubic-bezier(0.17, 0.67, 0.56, 0.84);
    transition-delay: 100ms;
  }

  [data-sw-elem='check']:not(:checked) ~ [data-sw-elem='lbl'] {
    border-color: var(--border-gray);
    transition: 200ms cubic-bezier(0.17, 0.67, 0.56, 0.84);
    transition-delay: 100ms;
  }

  [data-sw-elem='check']:not(:checked) ~ [data-sw-elem='lbl']:before {
    background-color: var(--border-gray);
    transition: 200ms cubic-bezier(0.17, 0.67, 0.56, 0.84);
    transition-delay: 100ms;
  }
}

.edit_appliance_popup,
.add_appliancegroup_popup {
    width: 800px;
}