:root {
    --blue-head-074067: #074067;
    --grey-e-4-e-6-e-7: #E4E6E7;
    --grey-7-a-7-a-7-a: #7A7A7A;
    --red-f-66161: #F66161;
    --yellow-fef-8-c-7: #FBCE6C;
}

/* select2 */

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

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

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

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

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

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

.publisher-page .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;
}

.publisher-page .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;
}

.publisher-page .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;
}

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

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

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

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

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

.select2-container--default .select2-results>.select2-results__options {
    max-height: 203px;
}

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

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

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

.mult .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	padding: 0 5px;
    padding-left: 62px;
    height: 32px;
    overflow-y: visible;
}

.mult .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: none;
}

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

.mult .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 2px;
    height: 26px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    border-color: #D2D2D2;
    border-radius: 4px;
}

/* select2 white */

.white_select .select2-container--default .select2-selection--single,
.white_select .select2-container--default .select2-selection--multiple {
    border-radius: 2px;
    height: 32px;
    border-color: #D2D2D2;
}

.white_select .select2-container--default.verification_error .select2-selection--single,
.white_select .select2-container--default.verification_error .select2-selection--multiple {
    border-color: #F66161 !important;
}

.white_select .select2-container--default.select2-container--disabled .select2-selection--single,
.white_select .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
    opacity: 0.3;
}

.white_select .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow,
.white_select .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow {
    display: none;
}

.white_select .select2-container--default .select2-selection--multiple{
    cursor: pointer;
}
.white_select .select2-container--default .select2-selection--single .select2-selection__rendered,
.white_select .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: 32px;
    font-size: 12px;
}

.white_select .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: unset;
    padding: 9px 0 9px 10px;
    color: #7A7A7A;
}

.white_select .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 30px;
    width: 30px;
}
.white_select .select2-container--default .select2-selection--single .select2-selection__arrow b{
    left: 0;
    top: 0;
    margin: unset;
    height: inherit;
    width: inherit;
    border: unset;
    background: url(../img/icons/svg/icon_arrow_down_black_18x18.svg) center no-repeat;
    transition: all 0.3s ease;
}
.white_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border: unset;
    transform: rotate(180deg);
}

.white_select .select2-container--default .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 1px;
    top: 1px;
    height: 30px;
    width: 30px;
    background: url(../img/icons/svg/icon_arrow_down_black_18x18.svg) center no-repeat;
    transition: all 0.3s ease;
    z-index: 10;
    background-color: #fff;
    border-radius: 45%;
}

.white_select .select2-container--default.select2-container--open .select2-selection--multiple:before {
    transform: rotate(180deg);
}

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

.white_select .select2-container--default .select2-results>.select2-results__options {
    max-height: 203px;
}

.select2-results__option.hidden {
    display: none;
}

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

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

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

.white_select .select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected]{
    display: flex;
    align-items: center;
}

.white_select .select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]{
    color: #414141;
    font-weight: 700;
}

.white_select .select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected]::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;
}
.white_select .select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]::before {
    background-image: url(../img/icons/svg/icon_check_blue_10x8.svg);
}
.white_select .select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option--highlighted[aria-selected] {
    color: #414141;
    background-color: transparent;
}

.white_select .select2-container--default .select2-results>.select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: #61B7F6 rgba(97, 183, 246, 0.2);
}

.white_select .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.white_select .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #61B7F6;
}
.white_select .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.white_select .select2-container--default .select2-selection--multiple>.select2-selection__rendered {
    scrollbar-width: thin;
    scrollbar-color: #61B7F6 rgba(97, 183, 246, 0.2);
}

.white_select .select2-container--default .select2-selection--multiple>.select2-selection__rendered::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.white_select .select2-container--default .select2-selection--multiple>.select2-selection__rendered::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #61B7F6;
}

.white_select .select2-container--default .select2-selection--multiple>.select2-selection__rendered::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.white_select .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 30px;
    padding-right: 30px;
    overflow-x: auto;
    max-width: 160px;
}
.white_select .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 18px;
    line-height: 18px;
    background-color: #F1F5F9;
    border-radius: 16px;
    border: unset;
    max-width: 80px;
    min-width: 60px;
    overflow: hidden;
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 12px;
    box-sizing: border-box;
}
.white_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: transparent;
    background: url(../img/icons/svg/icon_remove_grey_12x12.svg) #F1F5F9 center no-repeat;
    display: block;
    width: 12px;
    height: 12px;
    opacity: 0.9;
    position: absolute;
    right: 0;
    margin-right: 0;
}
.white_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: transparent;
    opacity: 1;
}

.white_select .select2-container--default .select2-search--dropdown{
    padding: 10px 14px;
    position: relative;
}

.white_select .select2-container--default .select2-search--dropdown::after{
    content: '';
    position: absolute;
    background: url(../img/icons/svg/icon_search_grey_16x16.svg) center no-repeat;
    top: 13px;
    right: 20px;
    width: 16px;
    height: 16px;
    display: block;
    background-size: contain;
}

.white_select .select2-container--default .select2-search--dropdown .select2-search__field::placeholder{
    color:#7A7A7A;
}

.white_select .select2-results__option {
    margin: 0;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
}

.white_select .select2-container--default .select2-results__option[aria-disabled=true] {
    opacity: 0.5;
    padding: 9px 6px 9px 15px;
    pointer-events: none;
}


/* select2 end*/

.table-page-head {
    padding: 0px 30px;
    border-radius: 5px 5px 0 0;
    background: #E4E6E7 left 10px center no-repeat;
    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 {
    display: inline-flex;
    line-height: 26px;
    align-items: flex-end;
    width: 100%;
    gap: 0 10px;
}

.table-page-head-tabs div.head-tab {
    background: #61B7F6;
    padding: 0 10px;
    font-size: 12px;
    line-height: 32px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: white;
    cursor: pointer;
    height: 32px;
}

.table-page-head-tabs div.head-tab.disabled {
    pointer-events: none;
    opacity: 0.5;
}

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

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

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

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

.table-page-head-tabs .table-page-info-board {
    display: flex;
    align-items: center;
    height: 100%;
}

.table-page-head-tabs .table-page-info-board div {
    font-size: 12px;
    color: black;
    margin-left: 10px;
    line-height: 26px;
    align-items: flex-end;
}

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

.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-bottom: 30px;
}

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

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

.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;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    width: 62px;
    justify-content: center;
}

.table-page-list__group-operation-message .operation-message-text {
    background: #BEBEBE;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

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

.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_data_type+.select2 .select2-selection__rendered::before {
    content: 'Data type';
}

.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 #E4E6E7;
}

.type_selector+.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: 12px;
}

.type_selector+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.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;
}

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

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

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


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

.table-page-search_form__inner__wr>input:not(:last-child) {
    margin-right: 10px;
}

.table-page-search_form__inner__wr>.input_date__wr {
    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/svg/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: 10px;
}

.table-page-list * {
    box-sizing: border-box;
    font-size: 12px;
}


/* 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;
}

body .box-clip label {
    color: #000000;
    line-height: 16px;
    cursor: pointer;
    position: relative;
    display: block;
}

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 #D2D2D2;
    transition: 0.05s all ease-out;
    background-color: white;
    border-radius: 2px;
}

body .box-clip label.disabled-checkbox:after {
    border: none;
}

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

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

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

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

body .box-clip label div.navigation-titles {
    width: 200px;
}

@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;
    box-sizing: content-box;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

/* .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_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 #E4E6E7;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 32px;
}

.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 {
    cursor: pointer;
}

span.view_row_action a {
    text-decoration: none;
}

span.view_row_action a:hover {
    text-decoration: underline;
}

.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;
    word-break: break-word;
}

.company-appliances-list .table-page-list__header-th,
.company-appliances-list .table-page-list__body-td {
    width: 100%;
}



.table-page-list__body-td.checkbox,
.table-page-list__header .table-page-list__header-th.checkbox {
    padding: 0 10px;
    min-width: 40px;
    max-width: 40px;
}

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

.table-page-list__header-th.for_arrow,
.table-page-list__body-td.for_arrow {
    min-width: 32px;
    max-width: 32px;
}

.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;
}

.empty-button {
    cursor: default;
}

.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_maya_blue_20x20_normal.svg') center no-repeat;
}

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

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

.btn-user-permissions {
    background: url(../img/icons/icons_ip.png) no-repeat -291px -1268px;
}

.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-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-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-edit:hover {
    background: url('../img/svg/icon_edit_raw_umber_20x20_hover.svg') center no-repeat;
}

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

.page-top-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    position: relative;
}

.page-top-menu-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #074067;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never;
    text-rendering: optimizeLegibility;
}

.page-top-menu .buttons-menu {
    display: inline-block;
    position: static;
    right: 0;
}

.page-top-menu .buttons-menu.left-actions {
    float: left;
}

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

.buttons-menu div {
    display: inline-flex;
}

/* 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;
}

.user_menu.active {
    border-radius: 2px;
    background: #61B7F6 url(../img/icons/new-icons/Profile-active.png) center no-repeat;
}

.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;
    margin-top: 5px;
    user-select: none;
}

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

.library_category__drop.active{
    display: block;
}

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

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

.user_drop > a div:hover {
    background: #61B7F6;
    color: white;
}

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

.company_select {
    background: #61B7F6;
    border-radius: 2px;
    width: 300px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 12px;
    color: white;
    position: relative;
    cursor: pointer;
    margin-left: 40px;
    user-select: none;
    z-index: 20;
}

.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;
    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/arr.png) 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: #61B7F6;
    border-radius: 2px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: white;
    cursor: pointer;
    margin-right: 15px;
}

.alphabet_filter {
    padding-top: 60px;
    width: 30px;
    background-color: #F4F5F6;
}

.alphabet_filter>div {
    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_drop .company-filter-right {
    width: 100%;
}

.company_drop .company-filter-right .top-actions{
    display: flex;
    color: #61B7F6;
    justify-content: flex-end;
}

.company_drop .company-filter-right .top-actions div {
    padding: 10px;
}

.company_drop .company-filter-right .top-actions span{
    color: black;
    padding: 10px 0;
}

.company_selector__search-reset {
    position: relative;
    right: 5px;
    top: -22px;
    float: right;
    cursor: pointer;
}

.company_selector__search-clear {
    position: relative;
    width: 28px;
    height: 28px;
    right: 5px;
    top: -30px;
    float: right;
    cursor: pointer;
    background: url('../img/icons/new-icons/form-clear.svg') center no-repeat;
}

.company_search input {
    height: 32px;
    width: 85%;
    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;
}

.new-custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #777777 rgba(119, 119, 119, 0.2);
}

.new-custom-scroll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

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

.new-custom-scroll::-webkit-scrollbar-track {
    border-radius: 30px;
}

.company_list {
    margin-top: 20px;
}

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

.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: 5px;
    margin-left: 30px;
}

.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: none;
}

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

.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 #E4E6E7;
    border-top: none;
    padding: 20px 30px;
    border-radius: 0 0 8px 8px;
    /*min-height: 750px;*/
}

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

.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 #E4E6E7;
    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;
    margin-bottom: 5px;
}

.form_wr__popup_row .input-custom-text__icon-cancel {
    position: relative;
    right: 5px;
    top: -22px;
    float: right;
    cursor: pointer;
}

.form_wr .info-text {
    display: flex;
    align-content: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    letter-spacing: 0.003em;
    padding-top: 10px;
    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;
}

.form_wr .required_mark_field {
    width: 200px !important;
    display: inline-flex !important;
    position: absolute;
}

.form_wr .error_input_field {
    border: 1px solid #F66161 !important;
}

.form_wr .required_mark {
    color: #F66161;
    display: inline-flex;
    width: 0;
    position: relative;
    left: -8px;
    top: -8px;
}

.form_wr .required_mark_selector {
    color: #F66161;
    position: absolute;
    left: 52px;
    width: 0;
    margin-top: -8px;
}

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: 30px;
    justify-content: flex-end;
    display: flex;
}

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

.popup_body .confirmation__content + .submit_btns__wr {
    margin-top: 0;
    padding: 20px 24px;
    justify-content: center;
    column-gap: 10px;
}

.popup_body .confirmation__content + .submit_btns__wr .btn_blue,
.popup_body .confirmation__content + .submit_btns__wr .btn_red {
    height: 28px;
    margin-left: 0;
}

.popup_body .confirmation__content + .submit_btns__wr .btn_blue {
    background: #4D9DDE;
}

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

.buttons-menu .button_plus {
    margin-right: 7px;
}

.show-archived:hover,
.search__users:hover,
.btn_red:hover,
.btn_green:hover,
.btn_blue:hover {
    opacity: 0.8;
}

.btn_red {
    background-color: #F66161;
}

.search__users,
.btn_blue {
    background-color: #61B7F6;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.0015em;
}

.btn_green {
    background: #54C986;
}

.table-page-search .show-archived{
    background-color: #61B7F6;
    min-width: 100px;
}

.table-page-search .show-archived.active{
    background-color: #4D9DDE;
}

.table-page-search .show-archived span:before{
    content: 'Show Archived';
}

.table-page-search .show-archived.active span:before{
    content: 'Hide Archived';
}

.custom_table {
    width: 100%;
}

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

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

.custom_table .t_head {
    height: 40px;
    background-color: #F4F5F6;
    color: #7A7A7A;
    font-weight: bold;
    align-items: center;
    display: flex;
    align-items: center;
}

.custom_table .text_drop {
    position: relative;
    cursor: pointer;
    color: #61B7F6;
}

.text_drop .drop-label {
    display: inline-block;
    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;
    align-items: center;
    padding: 5px 10px;
    border-radius: 2px;
    margin-top: 30px;
    font-size: 12px;
}

.form_status.active {
    display: flex;
}

.form_status.fs_red {
    padding-left: 36px;
    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);
}

.login_body .form_status {
    margin: 0 0 30px 0;
}

.pers_info__box {
    padding: 15px;
    background: #F4F5F6;
    width: 300px;
}

.permiss__box {
    width: 72%;
}

.permiss__box .box_head {
    margin-bottom: 30px;
    min-height: 32px;
    padding-top: 6px;
}

.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: #0D578A;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.login_head span {
    font-size: 20px;
    color: white;
}

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

.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: white;
    cursor: pointer;
    border: none;
    width: 100%;
    transition: all 0.3s ease;
    font-weight: bold;
}

.login_body input[type="button"]:hover,
.login_body input[type="submit"]:hover {
    background: #91CDF9;
}

.login_body input[type="button"]:active,
.login_body input[type="submit"]:active {
    background: #4D9DDE;
}

.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;
}

.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 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: normal;
}

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

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

.reset_password___back-link {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 12px;
}

.sent_pass__screen a {
    text-align: center;
    font-size: 12px;
    display: block;
}

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: 10px;
    background: #61B7F6 url(../img/svg/icon17.png) center no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-right: 30px;
}

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

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/svg/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-widget.ui-widget-content {
    border-color: #50B9F1 !important;
    box-shadow: 0px 5px 10px #2632384D;
}

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

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header {
    background: #F0FAFE !important;
    border: 1px solid #50B9F1 !important;
    text-align: center;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #50B9F1 !important;
    border-color: #50B9F1 !important;
    color: white;
}

.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: none;
    flex-wrap: wrap;
}

.column__wr.active {
    display: flex;
}

.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 #E4E6E7;
    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: 100%;
    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: 45%;
    top: 135px;
}

.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 #E4E6E7;
    border-top: none;
}

.all_cat__label {
    font-weight: bold;
}

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

.audio_category__items>div {
    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 {
    background: #61B7F6;
}

.audio_category__items>div:hover {
    background: #61B7F6;
}

.audio_category__items .library_category__point{
    background: url('../img/svg/icon_arrow_down_12x12_white.svg') 95% center no-repeat;
    width: 12px;
    height: 12px;
    right: 10px;
    position: absolute;
    display: none;
}

.audio_category__items>div.active .library_category__point{
    display: flex;
}

.drop>div:hover,
.audio_category__items>div.active span,
.audio_category__items>div: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 #E4E6E7;
    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: 90px;
    color: #000;
    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: 151px;
    position: relative;
    height: 32px;
    background: #61B7F6 url('../img/icons/svg/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: 20px 20px;
    width: 20px;
    height: 20px;
    cursor: pointer!important;
}

.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;
}

.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;
}

.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: none;
    flex-wrap: wrap;
}

.videos_box__wr.active {
    display: flex;
}

.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;
}

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

.image_box_body__zone:before,
.video_box_body__zone:before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: none;
    transform: translate(-50%, -50%);
}

.video_box_body__zone:before {
    background: url('../img/svg/Play.svg') center no-repeat;
}

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

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

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

.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) {
    background: #2482BF;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    box-sizing: border-box;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 4px 0 0;
}

#popup .feed-url-block h3:nth-child(1) .icon-add-feed-url {
    margin-left: 85px;
}

.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;
}

.permissions_users_section {
    width: 240px;
    background: #F4F5F6;
    padding: 0 15px 15px;
    height: 220px;
}

.permissions_users_section___user-name {
    height: 15px;
    margin-bottom: 15px;
}

.old_popup_column_head {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: 17px;
}

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

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

.apps_list {
    margin-top: 10px;
    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_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;
}

.publisher-page .appliance_list_details_channels_previews {
    border-bottom: 1px solid #E4E6E7;
    border-left: 1px solid #E4E6E7;
    border-right: 1px solid #E4E6E7;
    display: none;
}

.publisher-page .appliance_list_details_channels_previews.open {
    display: flex;
}

.publisher-page .appliance_list_details_channels_previews .inner_box {
    width: 100%;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 0 30px;
}

.publisher-page .appliance_list_channels_previews_buttons {
    display: inline-grid;
    align-items: center;
    border-right: 1px solid #E4E6E7;
    width: 37px;
    height: 185px;
}

.publisher-page .appliance_list_channels_previews_buttons div {
    display: flex;
}

.publisher-page .appliance_list_channels_previews_title {
    background: #FFF;
    height: 190px;
    padding: 0 15px;
    display: inline-flex;
}

.publisher-page .appliance_list_channels_previews_title {
    display: inline-flex;
}

.publisher-page .appliance_list_channels_previews {
    display: inline-flex;
}

.publisher-page .appliance_list_channels_previews_title .channels_title {
    font-size: 12px;
    line-height: 14px;
    color: #7A7A7A;
    transform: rotate( -90deg);
    height: 50px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-bottom: 30px;
}

.publisher-page .appliance_list_details_channels_previews_title {
    background: #F4F5F6;
    height: 40px;
    align-items: center;
    display: flex;
    padding: 0 15px;
    font-size: 12px;
    color: #7A7A7A;
    font-weight: bold;
    justify-content: space-between;
}

.publisher-page .appliances-page-list .table-page-list__body-row.expand {
    background: rgba(97, 183, 246, 0.10);
    border: 1px solid var(--grey-e-4-e-6-e-7 );
    border-top: none;
}

.with_right__panel .appliances-page-list .table-page-list__body-row.expand {
    border: none;
    border: 1px solid var(--grey-e-4-e-6-e-7 );
}

.appliances-page-list .expand .record-arrow {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

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

.publisher-page .appliance-channels_previews_list .appliance-channel_preview,
.publisher-page .appliance-channels_previews_list .appliance-channel_preview .appliance-channel_preview_img {
    width: 135px;
    cursor: pointer;
}

.publisher-page .appliance-channels_previews_list .appliance-channel_preview .appliance-channel_preview_img {
    width: 135px;
    height: 135px;
    display: flex;
}

.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;
}

.form_wr__popup_content {
    padding: 0 60px;
}

.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: 20px;
}

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

.form_wr__popup_row div {}

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

.form_wr__grid_row {}

.form_wr__grid_row div {
    width: 200px;
}

.user_group_row {
    display: none;
}

.grid_row_message {
    min-height: 71px;
    display: flex;
    align-items: center;
}

.font-italic {
    font-style: italic;
}


/* Notification */

.notification-wrap {
    bottom: 48px;
    left: -80px;
    position: fixed;
    z-index: 600;
    min-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;
    margin: 0 10px;
}

.notify-block__close {
    cursor: pointer;
}


/* Confirmation */

.confirmation__content {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px 24px 24px;
    color: #414141;
}

.confirmation__content div {
    min-height: 160px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
}

.confirmation__content div p {
    text-align: center;
}

.confirmation__content div p:last-child {
    font-weight: 700;
}


/*  Appliances */

.appliances-page-list .table-page-list__body-row {
    min-height: 50px;
    cursor: pointer;
    transition: background 0.5s ease;
}

.appliances-page-list .model-image {
    width: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;
    gap: 2px 0;
}

.appliances-page-list .model-image div[title] {
    display: flex;
    white-space: nowrap;
    justify-content: center;
}

.appliances-page-list .model-image img {
	max-height: 28px;
	max-width: 100%;
	margin: 0;
	width: auto;
	height: auto;
    margin-top: 1px;
}

.appliances-page-list .record-arrow {
    background: url('../img/icons/new-icons/arr_black.png') center no-repeat;
    width: 12px;
    height: 8px;
}

.appliances-page-list .update-preview-button {
    background: url('../img/icons/new-icons/update-preview.svg') center no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 10px;
}

.popup_channel_preview__wr {
    padding: 30px;
}

.popup_channel_preview__desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    padding-top: 30px;
    border-top: 1px solid #E4E6E7;
}

.popup_channel_preview__title {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #3075BA;
}

.popup_channel_preview__res {
    font-size: 15px;
}

.popup_channel_preview__screen {
    width: 420px;
    height: 420px;
    position: relative;
    border: 1px solid #E4E6E7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.popup_channel_preview__screen img {
    max-width: 418px;
}

.popup_channel_preview__btns__channel {
    padding: 15px;
    display: flex;
    justify-content: center;
}

.appliance-channels_previews_update_button {
    height: 32px;
    width: 120px;
    border-radius: 2px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #61B7F6;
    border: none;
    cursor: pointer;
}

.appliances-page-list .channels-spinner {
    min-height: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup_channel_preview__btns__control {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.popup_channel_preview__btn_uptade,
.popup_channel_preview__btn_cancel {
    width: 80px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border: none;
    cursor: pointer;
}

.popup_channel_preview__btn_uptade {
    background: #54C986;
}

.popup_channel_preview__btn_cancel {
    background: #F66161;
}

.popup_channel_preview__screen .btn-full-screen {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url('../img/icons/new-icons/full-screen.svg') center no-repeat;
}

.popup_channel_preview__full-screen .btn-full-screen_close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url('../img/icons/new-icons/full-screen-close.svg') center no-repeat;
}

.full-screen__preview-right {
    width: 60px;
    justify-content: flex-end;
}

.popup_channel_preview__full-screen .btn-full-screen_update {
    width: 36px;
    height: 34px;
    background: url('../img/icons/new-icons/full-screen-update.png') center no-repeat;
}

.popup_channel_preview__full-screen-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.popup_channel_preview__full-screen-wrap div {
    display: flex;
}

.popup_channel_preview__full-screen {
    height: 100%;
    padding: 30px;
    overflow: hidden;
}

.popup_channel_preview__full-screen .popup_title {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
}

.popup_channel_preview__full-screen .channel_number {
    font-weight: bold;
    font-size: 24px;
    width: 60px;
    color: #000000;
}

.preview_unavailable {
    width: 100%;
    text-align: center;
}

.full-screen__channels-menu {
    height: 64px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.full-screen__channels-menu div {
    background: rgba(0, 0, 0, 0.7);
    align-items: center;
    color: #FFFFFF;
    font-size: 24px;
    display: flex;
    justify-content: center;
}

.full-screen__channels-menu .resolution-title {
    width: 220px;
    font-size: 15px;
}

.full-screen__channels-menu .update-preview {
    width: 92px;
    cursor: pointer;
}

.full-screen__channels-menu .channels-title {
    width: 100%;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
}

.full-screen__channels-menu .channels-title div {
    background: none;
    font-size: 24px;
    line-height: 28px;
    cursor: pointer;
}

.popup_channel_preview__full-screen .full-screen__preview {
    width: 100%;
    padding-bottom: 30px;
    justify-content: center;
    align-items: center;
}

.popup_channel_preview__full-screen .full-screen__preview img {
    max-width: 100%;
    max-height: 100%;
}

#full-screen-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.with_right__panel .table-page_inner__wr {
    width: 70.6%;
    margin-right: 1%;
}

.with_right__panel {
    display: flex;
}

.appliance__info {
    width: 100%;
    margin-bottom: 15px;
}

.appliance__info .box_head {
    height: 40px;
    width: 100%;
    background: #F4F5F6;
    padding: 0 15px;
    margin-bottom: 0;
    cursor: pointer;
}

.appliance__info .box_body {
    padding: 20px 15px;
    font-size: 12px;
}

.table-page_right_appliance__info {
    width: 28.8%;
}

.appliance__info.health_m.open .box_head,
.appliance__info.channels.open .box_head {
    padding-left: 40px;
    background: #F4F5F6 url('../img/svg/icon_arrow_down_black_18x18.svg') 15px center no-repeat;
}

.appliance__info.health_m .box_head,
.appliance__info.channels .box_head {
    padding-left: 40px;
    background: #F4F5F6 url('../img/svg/arrow_down_black.svg') 15px center no-repeat;
}

.delivery_icon {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background: url('../img/svg/Icon16.svg') center no-repeat;
    display: block;
    cursor: pointer;
}

.device_detail .box_head>span {
    display: flex;
}

.channels .box_head .update_prw_icon {
    width: 15px;
    height: 15px;
    background: url('../img/icons/new-icons/update-preview.svg') center no-repeat;
    cursor: pointer;
    background-size: contain;
}

.device_detail ul {
    list-style: none;
}

.device_detail ul li {
    font-size: 12px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.device_detail ul li:last-child {
    margin: 0;
}

.device_detail ul li span {
    color: #7A7A7A;
    font-size: 12px;
    width: 100px;
    text-align: left;
    display: inline-block;
}

.monitoring_item {
    margin-bottom: 15px;
}

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

.monitoring_item .monitoring_item_label {
    margin-bottom: 5px;
}

.monitoring_item .monitoring_line_wr {
    background: #E4E6E7;
    height: 4px;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}

.monitoring_item .monitoring_line_wr .m_line_first {
    background: #61B7F6;
}

.monitoring_item .monitoring_line_wr .m_line_second {
    background: #3075BA;
}

.monitoring_item.gpu_temp .monitoring_line_wr .m_line_first.red,
.monitoring_item.cpu_item .monitoring_line_wr .m_line_first.red {
    background: #F56060;
}

.monitoring_item.gpu_temp .monitoring_line_wr .m_line_first.yellow,
.monitoring_item.cpu_item .monitoring_line_wr .m_line_first.yellow {
    background: #FFAF26;
}

.monitoring_item .monitoring_line_wr .m_line_first,
.monitoring_item .monitoring_line_wr .m_line_second {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
}

.monitoring_item .monitoring_data {
    display: flex;
}

.monitoring_item .monitoring_data>div {
    width: 50%;
    white-space: nowrap;
    margin-bottom: 3px;
}

.monitoring_item .monitoring_data>div:first-child>div:first-child {
    color: #3075BA;
}

.monitoring_item .monitoring_data>div:first-child>div:last-child {
    color: #61B7F6;
}

.monitoring_item .monitoring_info_popover {
    display: inline-flex;
    width: 10px;
    height: 10px;
    background: url('../img/svg/info_pop.svg') center no-repeat;
    cursor: pointer;
    margin-left: 10px;
    background-size: contain;
    position: relative;
}

.monitoring_item .monitoring_info_popover:hover .monitoring_info_popover__wr {
    display: block;
}

.monitoring_item .monitoring_info_popover__wr {
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: none;
    z-index: 2;
}

.monitoring_item .monitoring_info_popover__wr>div {
    display: flex;
}

.monitoring_item .monitoring_info_popover__wr>div>div {
    width: 75px;
}

.monitoring_item .monitoring_info_popover__wr>div:first-child {
    margin-bottom: 10px;
}

.monitoring_item .monitoring_info_popover__wr>div {
    color: black;
}

.monitoring_item .monitoring_info_popover__wr>div:first-child>div:first-child {
    color: #3075BA;
}

.monitoring_item .monitoring_info_popover__wr>div:last-child>div:first-child {
    color: #61B7F6;
}

.monitoring_item .monitoring_item_double>div .combine_line,
.monitoring_item .monitoring_item_double {
    display: flex;
    justify-content: space-between;
}

.monitoring_item .monitoring_item_double>div .combine_line {
    margin-bottom: 5px;
    display: block;
}

.monitoring_item .monitoring_item_double>div .combine_line>div,
.monitoring_item .monitoring_item_double>div {
    width: 47%;
}

.monitoring_item.gpu_temp .monitoring_item_double>div {
    width: 100%;
}

.monitoring_item.gpu_temp .monitoring_item_double .combine_line .combine_line_block:nth-child(odd) {
    margin-right: 15px;
}

.monitoring_item.gpu_temp .monitoring_item_double .combine_line .combine_line_block {
    width: 47%;
}

.monitoring_item.gpu_temp .monitoring_line_wr .m_line_first,
.monitoring_item.cpu_item .monitoring_line_wr .m_line_first {
    background: #54C986;
}

.monitoring_item.gpu_temp .monitoring_data>div,
.monitoring_item.cpu_item .monitoring_data>div {
    color: #54C986;
}

.monitoring_item.gpu_temp .monitoring_data>div.red,
.monitoring_item.cpu_item .monitoring_data>div.red {
    color: #F56060;
}

.monitoring_item.gpu_temp .monitoring_data>div.n_a,
.monitoring_item.cpu_item .monitoring_data>div.n_a {
    color: #7A7A7A;
}

.monitoring_item.gpu_temp .monitoring_data>div.yellow,
.monitoring_item.cpu_item .monitoring_data>div.yellow {
    color: #FFAF26;
}

.monitoring_item .monitoring_item_double .combine_line .combine_line_block {
    width: 48%;
    margin-bottom: 15px;
    display: inline-block;
}

.channel-prw {
    border: 1px solid #C4C4C4;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.channel_prw_wr .channel-prw:last-child {
    margin-right: 0;
}

.channel-prw>div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
}

.channel-prw img {
    max-height: 100%;
    max-width: 100%;
}

.channel_prw__1 .channel-prw {
    width: 100%;
    height: 325px;
}

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

.channel_prw_wr.open {
    height: auto;
    overflow: visible;
}

.channel_prw__2 .channel-prw {
    width: 149px;
    height: 149px;
}

.channel_prw__3 .channel-prw {
    width: 96px;
    height: 96px;
}

.channel_prw__4 .channel-prw {
    width: 69px;
    height: 69px;
}

.channel_prw_wr .channel-prw.channel-prw-hidden {
    display: none;
}

.channel_prw_wr.open .channel-prw.channel-prw-hidden {
    display: inline-block;
}

.channel-prw:nth-child(4n) {
    margin-right: 0 !important;
}

.channel-prw:nth-child(n+5) {
    margin-top: 8px !important;
}

.channels .show_all_list_channels {
    height: 20px;
    width: 100%;
    background: url('../img/svg/arrow_down_black.svg') center no-repeat;
    cursor: pointer;
    margin-top: 15px;
}

.channels .show_all_list_channels.open {
    background: url('../img/svg/icon_arrow_down_black_18x18.svg') center no-repeat;
}

.appliance_list_details_channels_previews .show_all_list_channels {
    height: 20px;
    width: 100%;
    background: url('../img/svg/arrow_down_black.svg') center no-repeat;
    cursor: pointer;
}

.appliance_list_details_channels_previews .show_all_list_channels.open {
    background: url('../img/svg/icon_arrow_down_black_18x18.svg') center no-repeat;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lds-spinner div {
    animation: lds-spinner 0.5s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background: #61B7F6;
}

.lds-spinner div:nth-child(1) {
    animation-delay: -0.5s;
    transform: translate(-56px, -20px);
}

.lds-spinner div:nth-child(2) {
    animation-delay: -0.4s;
    transform: translate(-38px, -20px);
}

.lds-spinner div:nth-child(3) {
    animation-delay: -0.3s;
    transform: translate(-38px, -2px);
}

.lds-spinner div:nth-child(4) {
    animation-delay: -0.2s;
    transform: translate(-56px, -2px);
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.full-screen-block {
    background: #FFFFFF;
    position: absolute;
    top: 0;
    z-index: 1000;
}


/* style for exportjobs */

.jc_space-between {
    justify-content: space-between;
}

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

.ai_flex-end {
    align-items: flex-end;
}

.jc_flex-end {
    justify-content: flex-end;
}

.d_flex {
    display: flex !important;
}

.fd_column {
    flex-direction: column;
}

.ai_center {
    align-items: center;
}

.pr_0 {
    padding-right: 0;
}

.publisher-table .date-input {
    padding-left: 10px;
    position: relative;
    height: 32px;
    border: 1px solid #E4E6E7;
    border-radius: 2px;
}

.input_date__wr {
    position: relative;
}

.publisher-table .input_date__wr::before {
    position: absolute;
    content: ' ';
    width: 28px;
    height: 28px;
    background-image: url(../img/svg/data_export_calendar.svg);
    z-index: 1;
    right: 2px;
    top: 2px;
}

.publisher-table .date-input::placeholder {
    font-size: 12px;
    color: #7A7A7A;
    font-style: italic;
    font-family: Arial;
}

.publisher-table .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: 10px;
}

.publisher-table .table-page-list__header {
    padding: 0 15px;
}

.publisher-table .table-page-list__body-row {
    padding: 0 15px;
}

.btn-log {
    background: url(../img/svg/data_export_log.svg);
    background-repeat: no-repeat;
}

.btn-edit2 {
    background: url(../img/icons/svg/icon_edit_blue_20x20.svg);
    background-repeat: no-repeat;
}

.btn-delete2 {
    background: url(../img/icons/svg/icon_close_red_20x20.svg);
    background-repeat: no-repeat;
}

.publisher-table .dash-btn {
    margin-right: 10px;
    margin-left: 0;
}

.publisher-table .t_btns {
    justify-content: flex-start;
}

.publisher-table .table-page-list__header-th.header-td-left {
    padding: 0;
}

.publisher-table .record-arrow {
    background: url(../img/icons/new-icons/arr_black.png) center no-repeat;
    width: 22px;
    height: 8px;
}

.t_status.status_green {
    color: #54C986;
}

.t_status.status_red {
    color: #F66161;
}

.t_status {
    text-transform: uppercase;
}

.publisher-table .table-page-list__body-row {
    min-height: 50px;
}

.table-page-head .export {
    width: 116px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-page-head .export .export__ico {
    display: block;
    width: 18px;
    height: 20px;
    background: url(../img/svg/table-eaxport-ico.svg);
}

.table-page-head .export .export__text {
    color: #3075BA;
    font-size: 15px;
    font-weight: bold;
}


/* exportjobs popup */

.form_wr .popup_body.add-data {
    padding-top: 30px;
}

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

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

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

.form_wr .popup__subtitle {
    font-weight: 600;
    font-size: 13px;
    margin: 0 0 20px 0;
}

.input-title {
    margin-left: 11px;
    margin-bottom: 5px;
    margin-top: 0;
}

.form_wr .custom__select {
    height: 32px;
}

.popup_body .form_wr__popup_content .input-container {
    margin-bottom: 10px;
}

.popup_body .form_wr__popup_content .column-container {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}

.library-content-form .add_option {
    width: 36px;
    height: 32px;
    background: url(../img/icons/svg/icon_add_blue_36x32.svg) center no-repeat;
    cursor: pointer;
}

.library-content-form .save_select_option {
    width: 36px;
    height: 32px;
    background: url("../img/icons/svg/icon_confirm_blue_36x32.svg") center no-repeat;
    cursor: pointer;
}
.library-content-form .cancel_select_option {
    width: 32px;
    height: 32px;
    background: url("../img/icons/svg/icon_cancel_red_32x32.svg") center no-repeat;
    cursor: pointer;
}

.form_wr__popup_content .btn-check-connect {
    width: 146px;
}

.start_time_ico {
    position: relative;
}

.start_time_ico:after {
    position: absolute;
    content: ' ';
    width: 28px;
    height: 28px;
    background-image: url(../img/svg/start-time-ico.svg);
    z-index: 1;
    right: 2px;
    top: 28px;
}

.classic_popup.data-export {
    display: block;
}

.data-export .table-page-list__body {
    height: 374px;
    overflow-y: scroll;
}

.body-scroll {
    height: 374px;
    overflow-y: scroll;
    padding: 0 30px;
}

.table-page-body.publisher-page.publisher-table .add-data .popup_btns .container {
    padding: 0;
    cursor: pointer
}

.publisher-table .t_status.status_red {
    position: relative;
}

.publisher-table .data-export .t_status.status_red::after {
    content: ' ';
    background-image: url(../img/svg/icon_info2.svg);
    position: absolute;
    top: 0;
    right: -10px;
    width: 5px;
    height: 5px;
}

.popup_btns-ico {
    cursor: pointer;
}

.popup_btns-ico:hover {
    opacity: .8;
}

.popup_body.add-data .form_wr__popup_content .box-clip>label {
    line-height: 20px;
}

.classic_popup.add-data .popup_btns {
    justify-content: space-between;
}

.main-searchform .table-page-search_form__inner__wr.form_wr:not(:last-child) {
    margin-bottom: 15px;
}


/* tooltip */

.popup_body.data-export.publisher-table .tooltip {
    position: relative;
}

.popup_body.data-export.publisher-table .tooltip .tooltiptext {
    visibility: hidden;
    max-width: 170px;
    padding: 10px;
    color: #7A7A7A;
    position: absolute;
    z-index: 1;
    font-size: 9px;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    left: -70px;
    top: -45px;
    background: #fff;
    word-wrap: break-word;
}

.popup_body.data-export.publisher-table .tooltip .tooltiptext.bottom {
    top: 16px;
}

.popup_body.data-export.publisher-table .tooltip:hover .tooltiptext {
    visibility: visible;
}


/* timepicker */

.cell-2.js-hour-cell,
.cell-2.js-minute-cell {
    margin-left: 0;
}

.publisher-page.publisher-table.operation-logs .select2 [title="-- All objects --"]::before {
    content: "Objects"
}

.publisher-page.publisher-table.operation-logs .select2 [title="-- All actions --"]::before {
    content: "Actions"
}

.search-temp-button-box-container input[type="submit"]:hover+.btn_blue.search__users {
    opacity: .8;
}

.popup_body.add-data .select2-container--default .select2-selection--single {
    border-radius: 2px;
    height: 32px;
}

.publisher-page .label-mode__stage .label-mode_hover.green-status span {
    color: #54C986;
}

.publisher-page .label-mode__stage .label-mode_hover.red-status span {
    color: #F66161;
}

.publisher-page .label-mode__stage .label-mode_hover .indicator {
    background-color: #61B7F6;
}

.publisher-page #editorial-review-status+.select2 .select2-selection__rendered::before{
    content: 'Status';
}

.temp_monitor > div,
.t_row {
    display: flex;
    gap: 0 10px;
    margin-bottom: 5px;
}

.temp_monitor > div:last-child,
.t_row:last-child {margin-bottom: 0;}

.t_row > div:first-child {
    min-width: 90px;
    font-size: 11px;
    color: var(--grey-7-a-7-a-7-a);
    text-align: right;
}

.t_row > div.status {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.036px;
    text-transform: uppercase;
}

.t_row > div.red {
    color: var(--red-f-66161);
}

.t_row > div.green {
    color: #3BA539;
}

.t_row > div.yellow {
    color: var(--yellow-fef-8-c-7);
}

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

.inline_row > .t_row {
    margin-bottom: 0;
}

.m_line,
.space_line {
    width: 272px;
    height: 4px;
    background-color: var(--grey-e-4-e-6-e-7);
    margin-bottom: 10px;
    position: relative;

}

.m_line {
    width: 85px;
    margin-bottom: 5px;
}

.m_line .m_inner_line,
.space_line .sub_l,
.space_line .main_l {
    position: absolute;
    left: 0;top: 0;bottom: 0;
    height: 4px;
}

.m_line.yellow .m_inner_line {background-color: #FCCC69;}
.m_line.green .m_inner_line {background-color: #59C888;}
.m_line.red .m_inner_line {background-color: #F66161;}
.space_line .sub_l {background-color: #FDDF9D;}
.space_line .main_l {background-color: #FCCC69;}


.m_line.yellow + div {color: #FCCC69;}
.m_line.green + div {color: #59C888;}
.m_line.red + div {color: #F66161;}

.available_space .t_row > div:first-child {min-width: auto;}

.temp_monitor > div {gap: 0 5px;}

.temp_monitor .t_name {
    font-size: 11px;
    min-width: 60px;
    display: flex;
    align-items: center;
}

/* Companies Dropdown */

.company_search {
    position: absolute;
    top: 0;
    left: 0;
}

#js_user_company_selector__search {
    width: 300px;
}

.company_search {
    display: none;
}

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

.company_search input {
    margin-top: 0;
    border: none;
    background: #61B7F6;
    color: #f0f0ff;
}

.company_search input::placeholder {
    color: #f0f0ff;
    opacity: 0.5;
    font-style: italic;
}

.company_selector__search-btn {
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/icons/icon_search_white_20x20.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.company_select .company_drop {
    padding: 0;
}

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

.alphabet_filter {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 0;
    width: 30px;
    padding: 50px 5px;
    background-color: #F4F5F6;
}

.alphabet_filter > div {
    width: 20px;
    height: 20px;
    color: #414141;
    margin-bottom: 0;
}

.company-list-header {
    display: flex;
    align-items: center;
    width: 245px;
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 10;
    background-color: #fff;
    padding: 10px 0;
}

.company-list-control_wrap {
    display: flex;
}

.company-list-control_item {
    display: flex;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #61B7F6;
    cursor: pointer;
}

.company-list-control_collapse::after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #000;
    margin: 0 5px;
}

.company_list {
    max-height: 850px;
    width: 100%;
    overflow-y: auto;
    margin-top: 0;
    padding: 52px 20px 10px 10px;
    padding-right: 20px;
}

.company_list .company_category {
    margin-bottom: 10px;
    border-bottom: none;
}

.company_category__name-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 240px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.company_list .company_category__name {
    margin: 0;
    display: flex;
    align-items: center;
    color: #61B7F6;
    max-width: 225px;
}

.company_list .company_category.active .company_category__name {
    color: #000;
}

.company_list .company_category__name::after {
    content: '';
    display: block;
    width: 198px;
    height: 1px;
    background-color: #E4E6E7;
    margin: 0 10px;
    flex: 1 1;
}

.company_category__name-open {
    width: 15px;
    height: 15px;
    background-color: transparent;
    background-image: url(../img/icons/icon_arrow-down_blue_10x6.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    flex-shrink: 0;
}

.company_category.active .company_category__name-open {
    background-image: url(../img/icons/icon_arrow-up_black_10x6.svg);
}

.company_category__name-counter {
    font-family: 'Arial',sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    background-color: #fff;
    padding: 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.company_category.active .company_category__name-counter {
    display: none;
}

.company_category .category_companies{
    display: none;
}

.company_category.active .category_companies{
    display: block;
}

/* End Companies Dropdown */

/* Price Profiles */

.price-profiles-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.price-profiles-header {
    display: flex;
    padding: 30px 0;
    width: 100%;
}

.switch-toggle-wrap {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.switch-toggle-wrap.version_blue {
    margin-right: 0;
}

.switch-toggle-lebel {
    position: relative;
    display: flex;
    align-items: center;
    width: 32px;
    height: 16px;
    border-radius: 20px;
    margin-left: 1px;
    margin-right: 32px;
}

.switch-toggle-lebel .switch-toggle-input {
    display:none;
}

.switch-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #D2D2D2;
    background-color: #F4F5F6;
    border-radius: 20px;
    transition: .4s;
}

.switch-toggle-slider::before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 10px;
	bottom: -2px;
	border-radius: 50%;
	border: none;
	background-color: #D2D2D2;
	transition: .4s;
}

.switch-toggle-input:checked + .switch-toggle-slider {
    background-color: #D0E9FC;
    border-color: #B6CDDC;
}

.switch-toggle-input:checked + .switch-toggle-slider:before {
    transform: translateX(-12px);
    background-color: #4D9DDE;
}

.switch-toggle-name {
    font-size: 11px;
    font-weight: 400;
    color: #7A7A7A;
    /*margin-left: 38px;*/
}

.switch-toggle-wrap.version_blue .switch-toggle-name {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.036px;
    margin-left: 10px;
}

.price-profiles-header .switch-toggle-wrap {
    width: 190px;
}

.price-profiles-header .switch-toggle-wrap .switch-toggle-lebel {
    margin-right: 10px;
}

@media (-webkit-device-pixel-ratio: 1.25) {
    .switch-toggle-lebel {
        height: 11px;
    }
    .switch-toggle-slider:before {
        left: 12px;
    }
}

@media (-moz-device-pixel-ratio: 1.25) {
    .switch-toggle-lebel {
        height: 11px;
    }
    .switch-toggle-slider:before {
        left: 12px;
    }
}

.price-profiles-filter {
    display: flex;
}

.price-profiles-search {
    margin-right: 10px;
    position: relative;
    width: 395px;
}

.price-profiles-search .search-form-input {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    color: #000;
    width: 100%;
    outline: none;
}

.price-profiles-search .search-form-input::placeholder {
	font-size: 12px;
    color: #7A7A7A;
}

.price-profiles-search .search-btn {
    margin-right: 0;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 28px;
    height: 28px;
}

.price-profiles-add_buttons {
    margin-left: auto;
    display: flex;
}

.price-profiles-add_btn {
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    padding: 9px 20px;
    padding-left: 42px;
    white-space: nowrap;
    background-color: #61B7F6;
    background-image: url(../img/icons/svg/icon_add_white_14x14.svg);
    background-repeat: no-repeat;
    background-position: center left 20px;
    background-size: 12px 12px;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.price-profiles-add_btn:hover {
    background-color: #85CAFF;
}

.price-profiles-add_holidays {
    margin-right: 20px;
}

.price-profiles-tables_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.price-profiles-tables_wrapper .pagination-section {
    margin-top: auto;
}

.price-profiles-tables {
    display: flex;
    justify-content: space-between;
}

.price-profiles-table {
    width: 49%;
}

.price-profiles-table .price-profiles-table_header {
    padding: 18px 15px;
}

.price-profiles-table .price-profiles-table_row {
    padding: 18px 15px;
    border-bottom: 1px solid #D2D2D2;
}

.price-profiles-table .price-profiles-table_row:nth-child(odd) {
    background-color: #fff;
}

.price-profiles-table .price-profiles-table_col {
    margin-right: 15px;
    width: 100%;
}

.price-profiles-table .price-profiles-table_col__title {
    max-width: 334px;
}

.price-profiles-table .price-profiles-table_col__schedule {
    max-width: 334px;
    flex-direction: column;
    align-items: flex-start;
}

.price-profiles-table .price-profiles-table_col__schedule div {
    margin-bottom: 5px;
}

.price-profiles-table .price-profiles-table_col__schedule div:last-child {
    margin-bottom: 0;
}

.price-profiles-table .price-profiles-table_col__action {
    width: 60px;
    flex-shrink: 0;
}

.price-profiles-table .inventory-table_col__title {
    width: auto;
    flex: 1 1;
}

.price-profiles-enable {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 200px;
    margin: auto;
}

.price-profiles-enable_btn {
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    padding: 9px 20px;
    white-space: nowrap;
    background-color: #61B7F6;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 10px;
    cursor: pointer;
}

.price-profiles-enable_btn:hover {
    background-color: #85CAFF;
}

.price-profiles-enable_info {
    font-size: 12px;
    font-weight: 400;
    color: #000;
}

.publisher-class__popup .price-profiles-popup {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    width: 1000px;
}

/* PopUp Reload */

.popup-content-wrapper {
    width: 100%;
    height: 100%;
}

.popup-content-wrapper .publisher-class__popup_block .publisher-class__popup_title {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4D9DDE;
    padding: 0 30px;
    height: 40px;
}

.popup-content-wrapper .publisher-class__popup_block .publisher-class__popup_title .popup_span {
    font-size: 14px;
    color: white;
    line-height: 40px;
    vertical-align: middle;
    display: inline-block;
}

.publisher-class__popup_body {
    /*padding: 10px 60px 20px 60px;*/
    padding: 16px 24px;
}

/* End PopUp Reload */

.price-profiles-popup {
    width: 880px;
}

.price-profiles-popup_title {
    font-size: 24px;
    font-weight: 400;
    color: #414141;
    margin-bottom: 10px;
    text-align: center;
}

.price-profiles-search_popup {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
}

.price-profiles-error_message {
    color: red;
    margin-bottom: 10px;
    text-align: center;
}

.price-profiles-search .search-form-input.error {
    border-color: red;
}

.price-profiles-popup_table {
    width: 100%;
}

.price-profiles-popup_table__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid #607D8B;
    padding-left: 30px;
}

.price-profiles-popup_table__header-col {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 5px 10px;
    flex: 1 0;
    font-size: 10px;
    font-weight: 400;
    color: #414141;
}

.price-profiles-popup_table__content {
    display: flex;
}

.price-profiles-popup_table__col {
    display: flex;
    flex-direction: column;
    position: relative;
    border-right: 1px solid #E1E8EA;
    flex: 1 0;
}

.price-profiles-popup_table__col:first-child {
    max-width: 30px;
    width: 30px;
}

.price-profiles-popup_table__time {
    display: flex;
    align-items: center;
    height: 26px;
    border-bottom: 1px solid #E1E8EA;
    background-color: #fff;
    font-size: 10px;
    font-weight: 400;
    color: #414141;
    box-sizing: border-box;
}

.price-profiles-popup_table__row {
    display: flex;
    flex-direction: column;
    height: 26px;
    box-sizing: border-box;
}

.price-profiles-popup_table__cell {
    width: 100%;
    height: 12px;
    border-bottom: 1px solid #E1E8EA;
    background-color: #fff;
    cursor: pointer;
}

.price-profiles-popup_table__cell:hover {
    background-color: #F4F5F6;
}

.price-schedule-profile {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: var(--top, 0);
    left: 1px;
    width: 98%;
    height: var(--height, 0);
    background-color: #BEBEBE;
    border-radius: 4px;
    overflow: hidden;
    text-overflow: clip;
    cursor: pointer;
    z-index: 10;
}

.price-schedule-profile .ui-resizable-handle{
    position: unset;
}

.price-schedule-profile_resize {
    display: none;
    align-items: center;
    justify-content: center;
    width: 98%;
    height: 6px;
    border: 1px solid #61B7F6;
    background-color: #ECEFF1;
    cursor: ns-resize;
}

.price-schedule-profile_resize__up {
    border-radius: 4px 4px 0 0;
}

.price-schedule-profile_resize__down {
    border-radius: 0 0 4px 4px;
    margin-top: auto;
}

.price-schedule-profile_resize span {
    width: 1px;
    height: 2px;
    background-color: #607D8B;
    margin-right: 2px;
}

.price-schedule-profile_resize span:last-child {
    margin-right: 0;
}

.price-schedule-profile_info__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    overflow: hidden;
}

.price-schedule-profile_info {
    font-size: 10px;
    font-weight: 400;
    color: #fff;
}

.price-schedule-profile_info__close {
    display: none;
    width: 12px;
    height: 12px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_close_white_12x12.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.price-schedule-profile:hover,
.price-schedule-profile.active {
    background-color: #61B7F6;
}

.price-schedule-profile:hover .price-schedule-profile_resize,
.price-schedule-profile.active .price-schedule-profile_resize {
    display: flex;
}

.price-schedule-profile:hover .price-schedule-profile_info__close,
.price-schedule-profile.active .price-schedule-profile_info__close {
    display: block;
}

.publisher-class__popup_footer {
    display: flex;
    justify-content: flex-end;
    /*padding: 20px 60px;*/
    padding: 20px 24px;
    border-top: 1px solid #E4E6E7;
}

.price-profiles_no-records {
    font-family: 'Tahoma', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-align: center;
    position: relative;
    padding-top: 25px;
    width: 100%;
}

/* End Price Profiles */

/* Taxes */

.taxes-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.taxes-header {
    display: flex;
    align-items: flex-end;
    padding: 30px 0;
}

.taxes-filter {
    display: flex;
    align-items: flex-end;
}

.taxes-filter-form_group {
    margin-right: 20px;
}

.taxes-filter-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100px;
}

.texes-filter-label {
    font-size: 12px;
    font-weight: 700;
    color: #414141;
    line-height: 24px;
}

.taxes-filter-form_group .checkbox-form-group {
    margin-right: 10px;
    height: 22px;
}

.taxes-filter-form_group .taxes-filter-form_input {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    color: #000;
    text-align: right;
    width: 100%;
    outline: none;
}

.taxes-filter-form_group .taxes-filter-form_input.error {
    border-color: red;
}

.taxes-filter-form_group .taxes-filter-form_input:disabled {
    background-color: #F4F5F6;
}

.taxes-filter-form_buttons {
    display: flex;
}

.taxes-filter-form_btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-radius: 2px;
    min-width: 80px;
    height: 32px;
    cursor: pointer;
}

.taxes-filter-form_btn__save {
    background-color: #61B7F6;
    margin-right: 10px;
}

.taxes-filter-form_btn__save:hover {
    background-color: #85CAFF;
}

.taxes-filter-form_btn__cancel {
    background-color: #F66161;
}

.taxes-filter-form_btn__cancel:hover {
    background-color: #fc9191;
}

.taxes-add-category {
    margin-left: auto;
}

.tax-profiles-table_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tax-profiles-table_wrapper .pagination-section {
    margin-top: auto;
}

.taxes-table {
    margin-bottom: 30px;
}

.taxes-table .table-page-list__group-operation-message {
    margin-bottom: 10px;
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.taxes-table .table-page-list__group-operation {
    margin-bottom: 10px;
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.taxes-table .taxes-table-header {
    padding: 15px 10px;
    padding-left: 54px;
}

.taxes-table .taxes-table-row {
    padding: 15px 10px;
    border-bottom: 1px solid #D2D2D2;
}

.taxes-table .taxes-table-row:nth-child(odd) {
    background-color: #fff;
}

.taxes-table .taxes-table-col {
    margin-right: 20px;
    width: 100%;
}

.taxes-table .taxes-table-col:last-child {
    margin-right: 0;
}

.taxes-table .taxes-table-col_check {
    width: 24px;
    flex-shrink: 0;
}

.taxes-table .taxes-table-col_title {
    max-width: 660px;
}

.taxes-table .taxes-table-col_categories {
    max-width: 660px;
}

.taxes-table .taxes-table-col_tax {
    width: 60px;
    justify-content: flex-end;
    flex-shrink: 0;
}

.taxes-table .taxes-table-col_action {
    width: 60px;
    flex-shrink: 0;
}

.popup-content-wrapper .taxes-popup {
    background-color: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    width: 725px;
}

.taxes-popup-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.taxes-popup .price-profiles-search_popup {
    margin-bottom: 0;
    margin-right: 20px;
}

.taxes-popup .taxes-filter-form_group {
    margin-right: 0;
    width: 80px;
}

.taxes-popup-add_category__wrap {
    display: flex;
}

.taxes-popup-add_category__wrap .search-form-group {
    margin-right: 20px;
    max-height: 56px;
}

.taxes-add-category_result {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 1 0;
    max-width: 405px;
    width: 100%;
    padding-top: 24px;
}

.taxes-add-category_result__item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    padding: 4px 10px;
    background-color: #61B7F6;
    margin: 0 5px;
    margin-bottom: 10px;
}

.taxes-add-category_result__info {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin-right: 15px;
}

.taxes-add-category_result__close {
    width: 20px;
    height: 20px;
    flex: 1 0;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_close_white_24x24.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.taxes_no-records {
    font-family: 'Tahoma', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-align: center;
    position: relative;
    padding-top: 25px;
    width: 100%;
}

/* select2 */

.taxes-table .select2 .select2-selection__rendered:before {
    content: 'Action';
}

/* select2 end*/

/* End Taxes */

/* Inventory Prices */

.inventory-prices-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.inventory-prices-wrapper .pagination {
    align-items: center;
    padding-top: 0;
    max-width: 1325px;
    width: 100%;
    position: fixed;
    bottom: 93px;
    left: 50%;
    transform: translateX(-50%);
}

.inventory-prices-wrapper .table-page-list__group-operation-message {
    margin-top: 0;
    position: fixed;
    bottom: 130px;
}

.inventory-prices-wrapper .table-page-list__group-operation {
    margin-top: 0;
    position: fixed;
    bottom: 130px;
}

.inventory-prices-switch {
    margin-bottom: 10px;
}

.inventory-prices-switch .switch-toggle-slider {
    border: 1px solid #414141;
    background-color: #fff;
}

.inventory-prices-switch .switch-toggle-slider:before {
    left: -1px;
}

.inventory-prices-switch .switch-toggle-input:checked + .switch-toggle-slider {
    background-color: #414141;
}

.inventory-prices-switch .switch-toggle-input:checked + .switch-toggle-slider:before {
    transform: translateX(12px);
}

@media (-webkit-device-pixel-ratio: 1.25) {
    .inventory-prices-switch .switch-toggle-input:checked + .switch-toggle-slider:before {
        transform: translateX(13px);
    }
}

@media (-moz-device-pixel-ratio: 1.25) {
    .inventory-prices-switch .switch-toggle-input:checked + .switch-toggle-slider:before {
        transform: translateX(13px);
    }
}

.inventory-prices-table_rows__wrapper {
    height: calc(100vh - 560px);
    overflow-y: auto;
    padding-right: 5px;
}

.inventory-prices-table_rows__wrapper {
    scrollbar-width: thin;
    scrollbar-color: #61B7F6 rgba(97, 183, 246, 0.2);
}

.inventory-prices-table_rows__wrapper::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.inventory-prices-table_rows__wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #61B7F6;
}

.inventory-prices-table_rows__wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.inventory-prices-table .inventory-prices-table_header {
    padding: 11px 10px;
    padding-left: 42px;
}

.inventory-prices-table .custom-table-col {
    margin-right: 10px;
    /*flex-shrink: 0;*/
    width: 100%;
}

.inventory-prices-table .inventory-prices-table_check {
    width: 22px;
    flex-shrink: 0;
}

.inventory-prices-table_location {
    max-width: 540px;
}

.inventory-prices-table_inventory {
    max-width: 94px;
}

.inventory-prices-table_price-profile {
    max-width: 196px;
}

.inventory-prices-table_price-at-sale {
    max-width: 80px;
}

.inventory-prices-table_price {
    max-width: 106px;
}

.inventory-prices-table_tbd {
    max-width: 138px;
}

.inventory-prices-table_tbd .new-checkbox {
    margin-right: 10px;
}

.inventory-prices-table_tbd .inventory-prices-table_edit .inventory-prices-table_edit__input {
    margin-left: 5px;
}

.inventory-prices-table .inventory-prices-table_free-delivery {
    width: 80px;
    white-space: inherit;
    text-overflow: inherit;
    justify-content: center;
    text-align: center;
}

.inventory-prices-table .inventory-prices-table_actions {
    width: 80px;
    justify-content: center;
    text-align: center;
    margin-right: 0 !important;
    margin-left: auto;
    flex-shrink: 0;
}

.inventory-prices-table .inventory-prices-table_row {
    padding: 5px 10px;
    border-bottom: 1px solid #D2D2D2;
    background-color: #fff;
    max-height: 50px;
    height: 50px;
    position: relative;
    box-sizing: border-box;
}

.inventory-prices-table .inventory-prices-table_row:nth-child(odd) {
    background-color: #fff;
}

.inventory-prices-location_collapse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60px;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 10;
    background-color: #fff;
    cursor: pointer;
}

.inventory-prices-location_collapse__info {
    font-size: 10px;
    font-weight: 400;
    color: #000;
    margin-right: 8px;
}

.inventory-prices-location_collapse__open {
    display: none;
}

.inventory-prices-location_collapse__close {
    display: inline-block;
}

.inventory-prices-location_collapse.active .inventory-prices-location_collapse__open {
    display: inline-block;
}

.inventory-prices-location_collapse.active .inventory-prices-location_collapse__close {
    display: none;
}

.inventory-prices-location_collapse__btn {
    width: 12px;
    height: 12px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_arrow-down_blue_12x7.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
}

.inventory-prices-location_collapse.active .inventory-prices-location_collapse__btn {
    transform: rotate(0deg);
}

.inventory-prices-location_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.inventory-prices-location_info__city {
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inventory-prices-location_info__address {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inventory-prices-table_value {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    width: 100%;
}

.inventory-prices-table_value__currency {
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
}

.inventory-prices-table_row.active .inventory-prices-table_value {
    display: none;
    align-items: center;
}

.inventory-prices-table_row.active .inventory-prices-table_value.inventory-prices-table_text__default {
    display: flex;
}

.inventory-prices-table_edit {
    display: none;
    align-items: center;
    justify-content: center;
    width: 294px;
}

.inventory-prices-table_row.active .inventory-prices-table_edit {
    display: flex;
}

.inventory-prices-table_edit .inventory-prices-table_edit__input {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px;
    padding: 9px 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    color: #7A7A7A;
    width: 100%;
    outline: none;
}

.inventory-prices-table_price .inventory-prices-table_edit .inventory-prices-table_edit__input {
    margin-left: 5px;
}

.inventory-prices-table_free-delivery .inventory-prices-table_value {
    justify-content: center;
}

.inventory-prices-table_value__check {
    width: 10px;
    height: 8px;
    background-image: url(../img/icons/svg/icon_check_blue_10x8.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.inventory-prices-table_actions .inventory-prices-table_edit {
    justify-content: flex-end;
}

.inventory-prices-table_action__btn {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    cursor: pointer;
}

.inventory-prices-table_action__btn:last-child {
    margin-right: 0;
}

.inventory-prices-table_action__add {
    background-image: url(../img/icons/svg/icon_plus_blue_24x24.svg);
}

.inventory-prices-table_action__edit {
    background-image: url(../img/icons/svg/icon_edit_blue_20x20.svg);
}

.inventory-prices-table_action__plus {
    background-image: url(../img/icons/svg/icon_add_plus_blue.svg);
}

.inventory-prices-table_action__delete {
    background-image: url(../img/icons/svg/icon_close_red_20x20.svg);
}

.inventory-prices-table_action__confirm {
    background-image: url(../img/icons/svg/icon_check_green_20x16.svg);
}

.inventory-prices-table_action__back {
    background-image: url(../img/icons/svg/icon_arrow-back_red_20x20.svg);
}

.inventory-prices-location_info__warning {
    font-size: 13px;
    font-weight: 700;
    color: #F66161;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inventory-variant-product_icon {
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_axis-arrow_grey_20x20.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

.inventory-profile-price .inventory-prices-location_info {
    padding-left: 50px;
}

.inventory-profile-price .inventory-prices-table_actions .inventory-prices-table_value {
    justify-content: flex-end;
}

.publisher-class__popup .publisher-class__popup_block .publisher-class__popup_content {
    height: 100%;
}

.managing-prices-location {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #414141;
    text-align: center;
    height: 80px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_question_blue_28x40.svg);
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* select2 */

.inventory-prices-wrapper .table-page-list__group-operation .select2 .select2-selection__rendered:before {
    content: 'Action';
}

/* select2 end*/

/* End Inventory Prices */

/* Inventory Variants Table */

.inventory-variants-table .inventory-prices-table_location {
    max-width: 540px;
}

.inventory-prices-table_regular,
.inventory-prices-table_clearance,
.inventory-prices-table_on-sale {
    max-width: 64px;
    justify-content: center;
}

.inventory-prices-table_sales-dates {
    max-width: 188px;
}

.inventory-prices-table_custom_price {
    max-width: 88px;
}

.inventory-variants-table .inventory-prices-table_actions {
    max-width: 60px;
}

.inventory-prices-table_regular .inventory-prices-table_value,
.inventory-prices-table_clearance .inventory-prices-table_value,
.inventory-prices-table_on-sale .inventory-prices-table_value {
    justify-content: center;
}

.inventory-variants-table .inventory-prices-table_sales-dates .inventory-prices-table_edit {
    justify-content: flex-start;
}

.inventory-variants-table .inventory-prices-table_sales-dates .inventory-prices-table_edit .common-class__input {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px !important;
    padding: 9px 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    color: #7A7A7A;
    width: 100%;
    outline: none;
}

.inventory-prices-table_sales-dates .inventory-prices-table_edit .custom_calendar_selector .custom_calendar_selector_icon {
    background-color: #61B7F6;
    background-image: url(../img/icons/svg/icon_calendar-system_white_16x16.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
}

.inventory-variants-table .inventory-prices-table_actions .inventory-prices-table_value,
.inventory-variants-table .inventory-prices-table_actions .inventory-prices-table_edit {
    justify-content: center;
}


.variants-table-row .variant-table-color_btn {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    right: 6px;
    bottom: 6px;
}


/* End Inventory Variants Table */

/* Inventory Edit Windows */

.inventory-edit-window_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.inventory-edit-window_wrapper.active {
    display: block;
}

.inventory-edit-window {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    min-height: calc(100% - 3.5em);
    margin: -9em auto;
}

.inventory-edit-window_content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    border-radius: 4px;
    outline: 0;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}

.inventory-edit-window_header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3075ba;
    padding: 0 30px;
    height: 40px;
}

.inventory-edit-window_header__title {
    font-size: 14px;
    color: #fff;
}

.inventory-edit-window_body {
    padding: 20px 30px;
}

.inventory-edit-window_body .price-profiles-search_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
}

.inventory-edit-window_body .price-profiles-search_popup .search-form-label {
    margin-right: 10px;
}

.inventory-edit-window_body .price-profiles-search_popup .search-form-input {
    max-width: 100px;
    margin-left: 5px;
}

.inventory-edit-window_footer {
    display: flex;
    justify-content: flex-end;
    padding: 20px 60px;
    border-top: 1px solid #E4E6E7;
}

.inventory-edit-window_body .search-form-group {
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.inventory-edit-window_body .search-form-group .search-form-label {
    flex-shrink: 0;
    margin-right: 10px;
}

/* End Inventory Edit Windows */

/* Edit Table Fields Popup */

.publisher-class__popup .edit-table-fields_popup .publisher-class__popup_title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-table-fields_popup .price-profiles-popup_title {
    margin-bottom: 20px;
}

.edit-table-fields_checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 10px;
    max-width: 465px;
}

.edit-table-fields_checkboxes .checkbox-form-group {
    margin-bottom: 20px;
    width: 160px;
    display: flex;
    align-items: center;
}

.edit-table-fields_checkboxes .new-checkbox-input+.new-checkbox-label_readonly.new-checkbox-label {
    pointer-events: none;
}

.edit-table-fields_checkboxes .new-checkbox-input+.new-checkbox-label_readonly.new-checkbox-label::before {
    /*background-color: #F4F5F6;*/
    pointer-events: none;
    opacity: 0.5;
}

.catalog-edit-table-fields .checkbox-form-group .custom-table-input,
.edit-table-fields_checkboxes .checkbox-form-group .custom-table-input {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px;
    padding: 0 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    color: #414141;
    width: 100%;
    outline: none;
}

.edit-table-fields_checkboxes .checkbox-form-group .custom-table-input.error {
    border: 1px solid red;
}

.catalog-edit-table-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 10px;
    max-width: 665px;
}

.catalog-edit-table-fields .checkbox-form-group {
    margin-bottom: 20px;
    width: 260px;
    display: flex;
    align-items: center;
}

.catalog-edit-table-fields .checkbox-form-group label{
    width: 200px;
}

/* End Edit Table Fields Popup */

/* Add Class Or Category PopUp */

.popup-content-wrapper .add-class-category_popup {
    width: 725px;
}

.popup-content-wrapper .add-class-category_popup .search-form {
    justify-content: flex-start;
}

.add-class-category_popup .select2-container {
    min-width: 100%;
}

.asterisk-red {
    font-size: 12px;
    font-weight: 700;
    color: #F66161;
}

.add-class-category_popup .search-form .search-form-input.error {
    border: 1px solid red;
}

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

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

.search-form-group_radio.search-form-group {
    width: 160px;
}

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

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

.form-radio-group .form-radio-input {
	display: none;
}

.form-radio-group .form-radio-label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 0;
	user-select: none;
    font-size: 12px;
    font-weight: 700;
    color: #414141;
    line-height: 22px;
}

.form-radio-group .form-radio-label:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 1px;
	border: 1px solid #D2D2D2;
    border-radius: 50%;
}

.form-radio-group .form-radio-input:checked + .form-radio-label::before {
	background-color: #2482BF;
    box-shadow: inset 0 0 0 5px #fff;
}

.search-form-group_color.search-form-group {
     width: 102px;
}

.color-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 58px;
    height: 28px;
    padding: 1px;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
    cursor: pointer;
}

.color-picker {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background-color: #DA7070;
    cursor: pointer;
}

.color-btn {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_arrow_down_black_18x18.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.color-select.active .color-btn {
    transform: rotate(180deg);
}

.non-taxable-checkbox {
    height: 56px;
    margin-right: 20px;
}

.non-taxable-checkbox .new-checkbox-input+.new-checkbox-label {
    margin-top: 29px;
}

.form-group-textarea.search-form-group {
    width: 605px;
}

.description-text-block {
    width: initial;
    min-height: 200px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    padding: 10px;
    resize: none;
}

.custom-fields-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.custom-fields-title_wrap {
    display: flex;
    align-items: center;
}

.custom-fields-title {
    font-size: 13px;
    font-weight: 700;
    color: #414141;
    margin-right: 5px;
}

.custom-fields-title_used {
    font-size: 13px;
    font-weight: 700;
    color: #7A7A7A;
}

.custom-fields-table .custom-fields-table_header {
    padding: 13px 15px;
}

.custom-fields-table .custom-table-col {
    margin-right: 15px;
}

.custom-fields-table .custom-table-col:last-child {
    margin-right: 0;
}

.custom-fields-table_title {
    width: 300px;
}

.custom-fields-table_type {
    width: 95px;
}

.custom-fields-table_unit {
    width: 95px;
}

.custom-fields-table_action {
    width: 40px;
    justify-content: center;
}

.custom-fields-table_rows__wrapper {
    max-height: 255px;
    overflow-y: auto;
}

.custom-fields-table_rows__wrapper {
    scrollbar-width: thin;
    scrollbar-color: #61B7F6 rgba(97, 183, 246, 0.2);
}

.custom-fields-table_rows__wrapper::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.custom-fields-table_rows__wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #61B7F6;
}

.custom-fields-table_rows__wrapper::-webkit-scrollbar-track {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.custom-fields-table .custom-table-row {
    padding: 9px 15px;
    border-bottom: 1px solid #E4E6E7;
}

.custom-fields-table .custom-table-row:nth-child(odd) {
    background-color: #fff;
}

.custom-fields-table .custom-fields-table_input {
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px;
    padding: 9px 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    width: 100%;
    outline: none;
}

.custom-fields-table .custom-fields-table_input.disable {
    border: 1px solid #EDEDED;
}

.custom-fields-table .custom-fields-table_input::placeholder {
    font-size: 12px;
    color: #7A7A7A;
}

.custom-fields-table .custom-parent-fields_table__row {
    display: none;
}

.custom-fields-table.use-paren-fields_active .custom-parent-fields_table__row {
    display: flex;
}

.custom-fields-table.use-paren-fields_active .custom-fields-table_title {
    width: 320px;
}

.custom-fields-table.use-paren-fields_active .custom-fields-table_type {
    width: 110px;
}

.custom-fields-table.use-paren-fields_active .custom-fields-table_unit {
    width: 110px;
    margin-right: 0;
}

.custom-fields-table.use-paren-fields_active .custom-fields-table_action {
    display: none;
}

.custom-fields-table.qty-range-table .cft_range {
    width: 10px;
    margin-right: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #414141;
}

.custom-fields-table.qty-range-table .cft_qty_discount {
    width: 115px;
    margin-right: 16px;
    position: relative;
}

.cft_qty_discount_symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #f4f5f6;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #7A7A7A;
    position: absolute;
    right: 1px;
    bottom: 1px;
}

.custom-fields-table.qty-range-table .cft_qty_from {
    width: 100px;
    margin-right: 16px;
}

.custom-fields-table.qty-range-table .cft_qty_to {width: 200px;}

/* End Add Class Or Category PopUp */

/* Empty Product Catalog */

.empty-product-catalog_message__wrapper {
    height: 500px;
    width: 100%;
    margin: 20px;
    position: relative;
}

.create-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.empty-product-catalog_wrap {
    height: calc(100vh - 340px);
    position: relative;
}

.empty-product-catalog_form.search-form {
    width: 320px;
    display: block;
}

.empty-product-catalog_form.create-center {
    top: 42%;
    left: 42%;
}

.empty-product-catalog_title {
    font-size: 15px;
    font-weight: 400;
    color: #414141;
    text-align: center;
    margin-bottom: 20px;
}

.empty-product-catalog_row {
    display: flex;
    margin-bottom: 20px;
}

.empty-product-catalog_row:last-child {
    margin-bottom: 0;
}

.empty-product-catalog_row .search-form-group {
    width: 100%;
}

.search-form .search-form-input {
    border: 1px solid red;
}

.file-upload-box {
    box-sizing: border-box;
    width: 93px;
    height: 56px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border: 1px dashed #4D9DDE;
    border-radius: 4px;
    position: relative;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_upload_blue_18x18.svg);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    flex-shrink: 0;
}

.file-upload-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.file-upload-text {
    position: absolute;
    font-size: 9px;
    font-weight: 700;
    line-height: 10px;
    text-align: center;
    color: #4D9DDE;
    width: 93px;
    height: 60px;
    top: 11px;
}

.empty-product-catalog_row .description-text-block {
    height: 64px;
}

.empty-product-catalog_wrap .publisher-class__button-zone {
    position: absolute;
    bottom: 0;
    left: -208px;
    width: 1485px;
    text-align: center;
}

.empty-product-catalog_wrap .common-class__button {
    min-width: 120px;
    padding: 9px 20px;
}

/* End Empty Product Catalog */


/* 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 */

.date_swith,
#period_year {
    display: inline-block;
    font-weight: bold;
    box-sizing: border-box;
}

.date_swith * {box-sizing: border-box;}

.date_swith .year_txt,
#period_year .year_txt {
    min-width: 100px;
    padding: 0 15px;
    height: 32px;
    background: #4D9DDE 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 0 -4px 0 -4px;
    box-sizing: border-box;
}

.date_swith .year_txt span,
#period_year .year_txt span {
    height: 14px;
    text-align: center;
    font: Regular 12px/12px Arial;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.date_swith .year_txt_inc, .year_txt_dec,
#period_year .year_txt_inc, .year_txt_dec {
    width: 32px;
    height: 32px;
    background: #61B7F6 0% 0% no-repeat padding-box;
    opacity: 1;
}

.date_swith .year_txt_inc:hover, .year_txt_dec:hover,
#period_year .year_txt_inc:hover, .year_txt_dec:hover {
    background: #82CAFF 0% 0% no-repeat padding-box;
}

.date_swith .year_txt_inc img, .year_txt_dec img,
#period_year .year_txt_inc img, .year_txt_dec img {
    line-height: 32px;
    vertical-align: middle;
}

.date_swith .year_txt_inc,
#period_year .year_txt_inc {
    border-radius: 0px 2px 2px 0px;
}

.date_swith .year_txt_dec,
#period_year .year_txt_dec {
    border-radius: 2px 0px 0px 2px;
}

.date_swith .year_txt,
#period_year .year_txt,
.year_txt_inc,
.year_txt_dec {
    display: inline-block;
    line-height: 32px;
    text-align: center;
}

/* date swith end */

.date_select {
   height: 32px;
   background: #61B7F6 0% 0% no-repeat padding-box;
   border-radius: 2px;
   opacity: 1;
   display: inline-block;
   line-height: 32px;
   text-align: center;
   padding-right: 12px;
   box-sizing: border-box;
   position: relative;
}

.date_select * {box-sizing: border-box;}

.date_select .label {
   min-width: 66px;
   padding: 0 15px;
   height: 32px;
   background: #4D9DDE 0% 0% no-repeat padding-box;
   border-radius: 2px 0px 0px 2px;
   opacity: 1;
   display: inherit;
   float: left;
}

.date_select .label span {
   width: 36px;
   height: 14px;
   text-align: left;
   font: Regular 12px/12px Arial;
   letter-spacing: 0.3px;
   color: #FFFFFF;
   opacity: 1;
}

.date_select .type {
   display: inline-block;
   min-width: 145px;
   padding-left: 12px;
   height: auto;
   text-align: left;
   font: Regular 12px/12px Arial;
   letter-spacing: 0.3px;
   color: #FFFFFF;
   opacity: 1;
}

.date_select .icon {
   width: 12px;
   height: 7px;
   float: right;
}

.date_select .icon img {
   vertical-align: middle;
}

.date_select .dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   width: 100%;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
}

.date_select.active .dropdown-content {
    display: block;
}

.publisher-page .select2-caption-year .select2 .select2-selection__rendered:before{
    content: 'Year';
}

.publisher-page .select2-caption-type .select2 .select2-selection__rendered:before{
    content: 'Type';
}

.publisher-page .select2-caption-venue .select2 .select2-selection__rendered:before{
    content: 'Venue';
}

.publisher-page .select2-caption-lane .select2 .select2-selection__rendered:before{
    content: 'Lane(s)';
}

.date_select .dropdown-content p {
   color: black;
   text-decoration: none;
   display: block;
   cursor: pointer;
   border-top: 1px solid rgb(235,236,237);
   margin: 0;
   text-align: left;
   padding: 0 15px;
}

.date_select .dropdown-content p.active, p.active:after {
   color: rgb(97,183,246);
   font-weight: bold;
}

.date_select .dropdown-content p.active:after {
   content: url(../../img/svg/icon_check_curious_blue_16x16.svg);
   float: right;
   margin-top: 4px;
}

.date_select .dropdown-content p:hover {
   background-color: #F2FAFF;
}

/* custom select */

/* table for all */
.classic_table__v1 .ctv1-table-header {
    display: flex;
    align-items: center;
    background-color: #F4F5F6;
    padding: 13px 15px;
}
.classic_table__v1 .ctv1-table-body {
    max-height: 72vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #61B7F6 rgba(97, 183, 246, 0.2);
}
.classic_table__v1.scroll_off .ctv1-table-body{
    overflow: unset;
    max-height: none;
}
.classic_table__v1 .ctv1-table-row {
    display: flex;
    align-items: center;
    padding: 15px;
    padding-right: 20px;
    padding-right: 5px;
    background-color: #fff;
    border-bottom: 1px solid #E4E6E7;
}
.classic_table__v1 .ctv1-table-col {
    font-size: 12px;
    font-weight: 700;
    color: #7A7A7A;
    margin-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.classic_table__v1 .ctv1-table-col.voided{
    color: red;
}

.classic_table__v1 .ctv1-table-col:last-child {margin-right: 0;}

.classic_table__v1 .col-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-right: 0;
}

.classic_table__v1 .ctv1-table-action-btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.classic_table__v1 .down {background: url(../img/svg/icon3.svg) center no-repeat;}
.classic_table__v1 .view {background: url(../img/svg/icon_preview_white_20x20.svg) center no-repeat;}
/* table for all end */


.classic_table__v1 .col-date {width: 135px;}
.classic_table__v1 .col-customer {width: 175px;}
.classic_table__v1 .col-details {width: 295px;}
.classic_table__v1 .col-walk {width: 105px;}
.classic_table__v1 .col-reservation {width: 105px;}
.classic_table__v1 .col-played {width: 105px;}
.classic_table__v1 .col-income {width: 115px;}
.classic_table__v1 .col-lanes {width: 80px;}
.classic_table__v1 .col-action {width: 95px;}

.calendars_page {
   position: relative;
}

.date_contr_panel {
   position: absolute;
   left: 10px;
   right: 10px;
   top: -34px;
   display: flex;
   gap: 0 10px;
}

.c_days {
   display: flex;
   margin-bottom: 5px;
}

.c_days > div {
   width: calc(100% / 7);
   color: #414141;
   text-align: center;
   font-family: Arial, sans-serif;
}

.c_grid  {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
}

.c_grid * {
   box-sizing: border-box;
}

.c_grid > div {
   width: calc(100% / 7);
   height: 190px;
   border: 1px solid #E1E8EA;
   position: relative;
   padding: 5px;
   display: flex;
   align-items: center;
}

.c_grid > div ul {
   list-style: none;
   width: 100%;
}

.c_grid > div ul li {
   height: 30px;
   border-bottom: 1px solid #E4E6E7;
   display: flex;
   align-items: center;
   margin: 0;
   width: 100%;
}

.c_grid > div ul li > span:first-child {
   width: 125px;
}

.c_grid > div ul li > span:last-child {
   font-size: 14px;
}

.c_grid > div ul li > span.total {
    font-weight: bold;
}

.c_grid > div.disabled {
   background-color: #F4F5F6;
}

.c_grid > div.active {
   border: 2px solid #61B7F6;
}

.c_day {
   height: 20px;
   padding: 0 5px;
   display: flex;
   align-items: center;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.today .c_day {
   background: #E4E6E7;
}

.active .c_day {
   color: white;
   background: #61B7F6;
}

.input_with_label__field {
    display: flex;
}

.input_with_label__field > div {
    min-width: 75px;
    background-color: #4d9dde;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 2px 0 0 2px;
    line-height: 32px;
}

.input_with_label__field.form_wr > input {
    width: 100%;
    border-radius: 0 2px 2px 0;
    border-left: none;
}

.switch_view {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    margin-left: auto;
    cursor: pointer;
}

.switch_view.list {background: #61B7F6 url(../img/svg/icon7.svg) center no-repeat;}
.switch_view.grid {background: #61B7F6 url(../img/svg/Icon-view.svg) center no-repeat;}

.cards-printing-table.calendar-table .cards-printing-row_header {
    padding-left: 15px;
    padding-right: 15px;
}

.summary_inner_title {
    font-size: 15px;
    font-weight: bold;
    color: #7A7A7A;
}

.summary_info_row {
    display: flex;
    align-items: center;
    gap: 0 20px;
    min-width: 740px;
}

.summary_info_row > div {
    min-width: 100px;
    max-width: 200px;
}

.summary_info_row > div > div {
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.016px;
    color: black;
}

.summary_info_row > div > div:first-child {
    font-weight: 700;
}

.summary_info_row > div > div:last-child {
    font-size: 12px;
}

.submit_btns__wr.full {
    margin-top: 30px;
    justify-content: flex-end;
    display: flex;
    padding: 30px;
    border-top: 1px solid #E4E6E7;
}

#js_session_history {
    display: none;
}

.bp_content * {box-sizing: border-box;}

/* Related Categories */

.related-categories-filter.search-form {
    align-items: flex-end;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.search-form-group.related-categories-filter_search {
    max-width: 365px;
    width: 100%;
    margin-right: 10px;
    position: relative;
}

.related-categories-filter_search .search-btn {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
}

.related-categories-tables {
    display: flex;
    justify-content: space-between;
    /*column-gap: 20px;*/
}

.categories-table {
    width: 100%;
    height: 524px;
    padding: 12px 16px;
}

.all-categories-table {
    position: relative;
}

.all-categories-table::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #D9D9D9;
    position: absolute;
    right: 0;
    top: 0;
}

.related-categories-table {
    padding-top: 52px;
}

.categories-table-title {
    display: flex;
    align-items: center;
    column-gap: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #414141;
    letter-spacing: 0.036px;
    margin-bottom: 16px;
}

.categories-table-header .categories-table-title,
.categories-table-body .categories-table-title {
    margin-bottom: 0;
}

.categories-table-header {
    display: flex;
    align-items: center;
    background-color: #F4F5F6;
    padding: 10px 15px;
}

.categories-table-body {
    height: 424px;
    overflow-y: auto;
}

.categories-table-row {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    height: 44px;
    border-bottom: 1px solid #E4E6E7;
    background-color: #fff;
}

.categories-table-col {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #1D1E20;
    width: 100%;
}

.categories-table-header .categories-table-col {
    font-size: 12px;
    font-weight: 700;
    color: #7A7A7A;
    letter-spacing: 0.036px;
}

.categories-table-title {
    max-width: 520px;
    margin-right: 15px;
}

.categories-table-action {
    justify-content: center;
    max-width: 40px;
}

.table-action-btn.table-action-btn_drop {
    background-image: url(../img/icons/svg/icon_arrow-right_blue_16x16.svg);
    margin-right: 0;
}

.categories-table-action .table-action-btn_close {
    background-image: url(../img/icons/svg/icon_remove_red_16x16.svg);
}

/* End Related Categories */

/* Add Product Family */

.mr-0 {
    margin-right: 0 !important;
}

.add_familly form {
    margin: 0;
}

.add_familly .search-form {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.add_familly .search-form .search-form-group_title {
    width: 100%;
    margin-right: 0;
}

.add_pr_comment {
    margin-left: 0;
}

.add_familly .search-form-group-row {
    width: 100%;
    gap: 0 20px;
    align-items: flex-end;
}

.add_familly .select2-container {
    min-width: 100%;
    width: 100%;
}

.add_familly .search-filter-select_group {
    width: 100%;
    position: relative;
}

.add_familly_btn {
    font-size: 0;
    width: 32px;
    height: 32px;
    display: block;
    flex-shrink: 0;
    padding: 0;
    background-image: url(../img/icons/svg/icon_add_white_14x14.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

.add_familly .search-filter-select_group .new_brand_title {
    display: none;
    position: absolute;
    bottom: 0;
}

.brand-actions {
    display: none;
}

.brand-actions-wrap {
    display: flex;
}

.brand-btn {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    cursor: pointer;
}

.brand-save {
    background-image: url("../img/icons/svg/icon_check_blue_10x8.svg");
}

.brand-delete {
    background-image: url(../img/icons/svg/icon_close_red_20x20.svg);
}

.add-family-category {
    max-width: 315px;
}

/* End Add Product Family */

/* Add Product Overview */

.add-product__new-popup .add-new__tabs .add-prod-overview_section {
    overflow: hidden;
    padding: 0;
}

.add-prod-overview_wrap {
    display: flex;
    column-gap: 32px;
}

.add-prod-overview_wrap * {
    box-sizing: border-box;
}

.prod-overview-col {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    width: 100%;
}

.prod-overview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    margin-bottom: 10px;
}

.prod-overview-title {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.prod-overview-title_value {
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.prod-overview-title_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;
}

.prod-overview-buttons_wrap {
    display: flex;
    column-gap: 8px;
}

.prod-overview-item .search-form {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.prod-overview-item .search-form-group {
    margin-right: 0;
}

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

.search-form-textarea {
    resize: none;
    width: 100%;
    height: 120px;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    line-height: 13px;
    padding: 9px 10px;
    font-size: 12px;
    color: #414141;
    box-sizing: border-box;
}

.prod-overview-add_btn {
    display: flex;
    align-items: center;
    height: 32px;
    white-space: nowrap;
    background-color: #61B7F6;
    background-image: url(../img/icons/svg/icon_add_white_14x14.svg);
    background-repeat: no-repeat;
    background-position: center left 12px;
    background-size: 10px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 12px;
    padding-left: 28px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.prod-overview-import_btn {
    display: flex;
    align-items: center;
    height: 32px;
    white-space: nowrap;
    background-color: #EFF8FF;
    background-image: url(../img/icons/svg/icon_link_blue_20x20.svg);
    background-repeat: no-repeat;
    background-position: center left 12px;
    background-size: 20px 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 16px;
    padding-left: 36px;
    color: #61B7F6;
    border: 1px solid #61B7F6;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.prod-overview-add_btn:hover {
    background-color: #85CAFF;
}

.prod-overview-add_btn__counter {
    font-weight: 700;
    margin-left: 5px;
}

.prod-overview-edit_btn {
    display: flex;
    align-items: center;
    height: 32px;
    white-space: nowrap;
    background-color: #61B7F6;
    background-image: url(../img/icons/svg/icon_edit_white_20x20.svg);
    background-repeat: no-repeat;
    background-position: center left 8px;
    background-size: 20px 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 16px;
    padding-left: 39px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.prod-overview-table_header {
    display: flex;
    align-items: center;
    padding: 9px 16px;
    background-color: #E4E6E7;
}

.prod-overview-table_col {
    display: flex;
    align-items: center;
    margin-right: 10px;
    flex-shrink: 1;
    width: 100%;
}

.prod-overview-table_header .prod-overview-table_col {
    font-size: 12px;
    font-weight: 400;
    color: #414141;
}

.prod-overview-table_body {
    padding: 0px 12px 0px 16px;
    background-color: #fff;
    overflow-y: auto;
    height: calc(100vh - 255px);
}

.prod-benefits-table .prod-overview-table_body {
    padding: 16px;
    padding-right: 6px;
}

.catalog-settings .prod-specification-table .prod-overview-table_body {
    border-radius: 4px;
    /*border: 1px solid #D2D2D2;*/
}

.prod-specification-table .prod-overview-table_body {
    /*height: 61vh;*/
    height: calc(100vh - 255px);
    padding: 0;
    /*padding-right: 6px;*/
}

.prod-overview-table_row__wrap {
    padding: 16px 0;
}

.prod-benefits-table .prod-overview-table_row__wrap {
    padding-top: 0;
    padding-bottom: 0;
}

.prod-overview-table_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
    padding: 0;
}

.prod-benefits-table .prod-overview-table_row__wrap .prod-overview-table_row {
    padding: 16px;
    padding-left: 4px;
    border-bottom: 1px solid #D2D2D2;
}

.prod-benefits-table .prod-overview-table_row__wrap.active {
    border-bottom: 1px solid #D2D2D2;
}

.prod-benefits-table .prod-overview-table_row__wrap.active .prod-overview-table_row {
    border-radius: 2px 2px 0px 0px;
    background-color: rgba(97, 183, 246, 0.20);
}

.prod-benefit-table_feature {
    max-width: 595px;
}

.prod-overview-table_drop {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 2px;
    visibility: hidden;
    padding: 6px 0;
    cursor: move;
    box-sizing: border-box;
}

.prod-overview-table_drop.is_sortable {
    visibility: visible;
}

.prod-overview-table_drop__item {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #7A7A7A;
    margin: 0 1px;
}

.prod-overview-table_row.is_disabled .prod-overview-table_drop__item {
    background-color: #BEBEBE;
}

.prod-overview-table_row__wrap.active .prod-overview-table_drop__item {
    background-color: #4D9DDE;
}

.prod-overview-table_number {
    width: 39px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #BEBEBE;
    text-align: left;
    flex-shrink: 0;
    margin-right: 8px;
}

/*.prod-overview-table_item .prod-overview-table_number {*/
/*    width: 44px;*/
/*    font-size: 14px;*/
/*    line-height: 14px;*/
/*    text-align: left;*/
/*}*/

.prod-benefit-table_action {
    width: 56px;
    margin-right: 0;
    justify-content: flex-end;
    flex-shrink: 0;
}

.prod-benefit-table_action .switch-toggle-wrap {
    margin-right: 0;
}

.prod-benefit-table_action .switch-toggle-lebel {
    width: 32px;
    height: 16px;
    margin-right: 0;
}

.switch-toggle-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;
}

.switch-toggle-input:checked + .switch-toggle-slider {
    background-color: #D0E9FC;
    border-color: #B6CDDC;
}

.switch-toggle-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;
}

.switch-toggle-input:checked + .switch-toggle-slider:before {
    transform: translateX(18px);
    background-color: #4D9DDE;
}

.prod-overview-open_btn {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: url(../img/icons/1cons-svg/icon_arrow-select_blue_24x24.svg);
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    cursor: pointer;
}

.prod-overview-table_row__wrap.active .prod-overview-open_btn {
    transform: rotate(180deg);
}

.prod-overview-table_col .new-checkbox-input+.new-checkbox-label::before {
    margin-right: 0;
}

.prod-overview-table_col__title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #1D1E20;
    letter-spacing: 0.016px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
}

.prod-overview-table_row.is_disabled .prod-overview-table_col__title {
    color: #7A7A7A;
    opacity: 0.5;
}

.prod-overview-table_col__counter {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #E4E6E7;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: 400;
    color: #414141;
}

.prod-overview-table_row__wrap.active .prod-overview-table_col__counter {
    background-color: #4D9DDE;
    color: #fff;
}

.prod-overview-table_col .new-checkbox {
    margin-right: 12px;
}

.prod-overview-table_col__text {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.016px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod-benefit-table_icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    object-fit: cover;
}

.prod-benefit-table_action .table-action-btn {
    width: 32px;
    margin-right: 0;
    background-size: 16px 16px;
}

.table-action-btn_add {
    background-image: url(../img/icons/svg/icon_add_blue_20x20.svg);
    visibility: hidden;
}

.prod-overview-table_row__wrap.active .table-action-btn_add {
    visibility: visible;
}

.table-action-btn.table-action-btn_link {
    background-image: url(../img/icons/svg/icon_link_blue_24x24.svg);
    width: 24px;
}

.prod-overview-table_item {
    display: none;
    /*padding-left: 36px;*/
    padding-top: 16px;
}

.prod-benefits-table .prod-overview-table_item {
    padding: 16px;
    padding-left: 28px;
}

.prod-general-table .prod-overview-table_item {
    padding-left: 84px;
}

.prod-benefits-table .prod-overview-table_row__wrap.active .prod-overview-table_item {
    display: flex;
}

.prod-benefits-table .prod-overview-table_row__wrap.specification-not-groups .prod-overview-table_item {
    display: flex;
}

.prod-overview-table_row__wrap.active .prod-overview-table_item {
    display: block;
}

.prod-overview-table_row__wrap.specification-not-groups .prod-overview-table_item {
    display: block;
}

.prod-overview-table_item__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #414141;
    margin-bottom: 16px;
}

.prod-overview-table_item__photo {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    padding: 10px;
    background-color: #D2D2D2;
    background-image: url(../img/icons/svg/image-placeholder.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    margin-right: 16px;
}

.prod-overview-table_item__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prod-overview-table_item__preview {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    padding: 0px;
    border-radius: 2px;
    background-image: url(../img/icons/svg/image-placeholder.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px 50px;
    margin-right: 16px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.prod-overview-table_item__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prod-overview-table_item__text {
    margin: 0;
    margin-bottom: 10px;
}

.prod-overview-table_item__text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
    margin: 0;
}

.prod-overview-table_item__text ul li,
.prod-overview-table_item__text ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
    margin: 0;
    margin-left: 10px;
}

.prod-general-table .prod-overview-table_item__text {
    padding-left: 0;
}

.prod-overview-table_specifications {
    width: 85px;
    flex-shrink: 0;
    justify-content: center;
}

.prod-overview-table_row__search {
    display: flex;
    padding: 16px;
}

.prod-overview-table_row__search .search-form-group {
    width: 100%;
    position: relative;
}

.search-form .search-form-input {
    border: 1px solid #E4E6E7;
    border-radius: 2px;
    background-color: #fff;
    line-height: 19px;
    height: 32px;
    padding: 2px 10px;
    text-align: left;
    box-sizing: border-box;
    font-size: 12px;
    color: #000;
    width: 100%;
    outline: none;
}

.search-form .search-form-input::placeholder {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: #7A7A7A;
}

.prod-overview-table_row__search .search-form .search-form-input {
    padding-right: 38px;
}

.prod-overview-table_row__search .search-form .search-btn {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 2px;
    top: 2px;
    margin-right: 0;
    background-image: url(../img/icons/svg/icon_search_white_16x16.svg);
    background-color: #61B7F6;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.prod-specification-table .prod-overview-table_row__wrap {
    padding: 0;
}

.prod-specification-table .prod-overview-table_row__wrap.active {
    border: 1px solid #61B7F6;
    border-radius: 4px;
}

.prod-specification-table .prod-overview-table_row {
    padding: 8px;
    padding-left: 0;
    border-bottom: 1px solid #D2D2D2;
}

.prod-specification-table .prod-overview-table_row__wrap.active .prod-overview-table_row {
    border-radius: 4px 4px 0px 0px;
    background-color: rgba(97, 183, 246, 0.20);
    border-bottom: none;
}

.prod-specification-table .prod-benefit-table_action {
    width: 120px;
}

.prod-specification-table .prod-overview-table_item .prod-overview-table_row {
    padding: 6px 0;
    border-bottom: 1px solid #E4E6E7;
}

.prod-specification-table .prod-overview-table_item .prod-overview-table_row:last-child {
    border-bottom: none;
}

.prod-specification-table .prod-overview-table_item {
    padding-top: 0;
    padding-bottom: 0;
}

.prod-specification-table .prod-overview-table_row__wrap.specification-not-groups .prod-overview-table_row {
    display: none;
}

.prod-overview-table_item__info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 32px;
    padding-left: 0;
    border-bottom: 1px solid #F4F5F6;
}

.catalogue-edit-modal-body .prod-overview-table_item__info {
    padding-right: 32px;
}

.catalogue-edit-modal-body .prod-overview-table_item__info .prod-specification-item_title {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #414141;
}

.prod-overview-table_item__info:last-child {
    border-bottom: none;
}

.prod-overview-table_item__info:hover,
.prod-overview-table_item__info:focus {
    background-color: #EEEEEE;
}

.prod-specification-table .prod-overview-table_row__wrap.specification-not-groups {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.prod-specification-table .prod-overview-table_row__wrap.specification-not-groups .prod-overview-table_item__info {
    padding: 8px;
    padding-left: 0;
}

.prod-overview-table_item__col {
    max-width: 680px;
    flex: 1 1;
}

.prod-overview-table_item__col.is_disabled .prod-overview-table_drop,
.prod-overview-table_item__col.is_disabled .prod-specification-item_title,
.prod-overview-table_item__col.is_disabled .prod-specification-item_text {
    opacity: 0.5;
}

.prod-overview-table_item__col.is_disabled .prod-specification-item_title .prod-overview-table_item__link {
    background-image: url(../img/icons/svg/icon_link_grey_24x24.svg);
}

.prod-overview-table_item__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 96px;
    flex-shrink: 0;
}

.prod-overview-table_item__actions .table-action-btn {
    width: 32px;
    margin-right: 0;
    background-size: 16px 16px;
}

.prod-overview-table_item__actions .switch-toggle-wrap {
    margin-right: 0;
}

.prod-overview-table_item__actions .switch-toggle-lebel {
    width: 32px;
    height: 16px;
    margin-right: 0;
}

.prod-overview-table_item__actions .switch-toggle-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;
}

.prod-overview-table_item__actions .switch-toggle-input:checked + .switch-toggle-slider {
    border-color: #9CCFFD;
    background-color: #D0E9FC;
}

.prod-overview-table_item__actions .switch-toggle-slider::before {
    content: '';
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 1px;
    bottom: 2px;
    border-radius: 50%;
    /*border: 1px solid #D2D2D2;*/
    background-color: #D2D2D2;
    transition: .4s;
}

.prod-overview-table_item__actions .switch-toggle-input:checked + .switch-toggle-slider:before {
    transform: translateX(18px);
    background-color: #4D9DDE;
}

.prod-specification-item_title__wrap {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.prod-specification-item_title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #7A7A7A;
    margin-left: 0;
}

.prod-specification-item_title .type {
    width: 70px;
    color: #7A7A7A;
    font-weight: 400;
    display: inline-block;
    padding: 6px 4px;
}

.prod-specification-item_title .value {
    color: #414141;
    font-weight: 400;
    padding: 6px 4px;
}

.prod-overview-table_item__link {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_link_blue_20x20.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: default !important;
}

.prod-overview-table_row.is_disabled .prod-overview-table_item__link {
    background-image: url(../img/icons/svg/icon_link_grey_24x24.svg);
}

.prod-specification-item_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
    margin-left: 71px;
}

.prod-specification-item_text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
    margin: 0;
}

.prod-specification-item_text ul,
.prod-specification-item_text ol {
    margin-left: 12px;
}

.prod-specification-item_text ul li,
.prod-specification-item_text ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
    margin: 0;
}

.prod-overview-table_col__subtitle {
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
    letter-spacing: 0.016px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod-general-info {
    padding: 16px 12px 16px 24px;
    background-color: #fff;
    overflow-y: auto;
    height: calc(100vh - 310px);
}

.prod-overview-main_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.019px;
    color: #1D1E20;
}

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

.prod-general-info_name {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.014px;
    color: #414141;
}

.prod-general-info_photo {
    max-width: 320px;
    max-height: 128px;
}

.prod-general-info_photo img {
    width: 100%;
    height: 100%;
}

.prod-general-info_text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
}

.scroll-style-blue::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.scroll-style-blue::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 4px;
    background: #61B7F6;
}

.scroll-style-blue::-webkit-scrollbar-track {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Modal Windows Features */

#popup .prod-overview-popup_title {
    justify-content: center !important;
}

.add-general-info_popup {
    width: 700px;
}

.add-general-info_popup .fb-wrap {
    padding: 24px;
    padding-top: 12px;
    background-color: #F4F5F6;
}

.add-general-info_popup .submit_btns__wr {
    margin-top: 0;
    padding: 20px 24px;
}

.add-general-info_popup .search-form {
    flex-direction: column;
    padding: 0;
    align-items: flex-start;
}

.add-general-info_popup .search-form-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}

.add-general-info_popup .form-group-textarea .description-text-block {
    box-sizing: border-box;
    height: 192px;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
}

.add-feature-benefit_popup {
    width: 700px;
}

.add-feature-benefit_popup .fb-wrap {
    padding: 24px;
    padding-top: 12px;
    background-color: #F4F5F6;
}

.add-feature-benefit_popup .submit_btns__wr {
    margin-top: 0;
    padding: 20px 24px;
}

.add-feature-benefit_popup .form_wr__popup_content {
    margin-top: 10px;
}

.add-feature-benefit_popup .search-form {
    flex-direction: column;
    align-items: flex-start;
}

.add-feature-benefit_popup .search-form-group {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
}

.add-feature-benefit_popup .search-form-group .search-form-label {
    display: inline-block;
    margin-bottom: 0;
}

.drop-files-group .dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 125px;
    border: 1px dashed #61B7F6;
    background-color: #EEF9FF;
    padding: 4px 16px;
}

.drop-files-group .dropzone .dz-default {
    display: none;
}

.drop-files-group .dropzone .dz-preview {
    display: none;
}

.drop-files-group .dropzone .dz-message {
    margin: 0;
}

.df-message-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
    background-image: url(../img/icons/svg/icon_upload_blue_20x20.svg);
    background-repeat: no-repeat;
    background-position: top center;
}

.df-message {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #2482BF;
}

.df-message span {
    font-weight: 700;
    text-decoration: underline;
}

.df-message-info {
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    color: #0D578A;
}

.add-feature-benefit_popup .form-group-textarea.search-form-group {
    width: 100%;
    margin-bottom: 0;
}

.add-feature-benefit_popup .form-group-textarea .description-text-block {
    box-sizing: border-box;
    height: 74px;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 400;
    color: #7A7A7A;
}

.add-feature-benefit_popup .ck-editor__editable_inline {
    min-height: 150px;
}

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

.edit-specification-popup .form-group-textarea .description-text-block {
    height: 169px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.edit-specification-popup .description-text-block_scroll__wrap {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 2px;
    padding: 9px 10px;
}

.edit-specification-popup .description-text-block_scroll__wrap .description-text-block {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    padding-right: 12px;
}

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

.import-from-popup {
    width: 713px;
}

.import-from-popup_content {
    padding-right: 6px;
}

.import-from-popup .form_wr__popup_content {
    padding: 0 0 0 64px;
    margin-top: 0;
}

.import-tabs-nav {
    display: flex;
    column-gap: 4px;
    padding: 8px 64px;
    padding-bottom: 0;
    background-color: #E4E6E7;
}

.import-tabs-nav .tab-nav {
    padding: 9px 10px;
    background-color: #61B7F6;
    border-radius: 2px 2px 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

.import-tabs-nav .tab-nav.active {
    background-color: #fff;
    color: #414141;
}

.import-tab-item.hidden {
    opacity: 1;
}

.import-from-popup_content .prod-overview-table_row__search {
    padding: 16px 54px;
    padding-left: 0;
}

.import-from-popup_content .search-form {
    width: 100%;
}

.import-from-popup_content .search-form-group {
    margin-bottom: 0;
}

.import-from-popup_content .prod-overview-table_item {
    padding-top: 0;
}

.import-from-popup_content .prod-overview-table_row {
    padding: 16px 0;
}

.import-from-popup_content .prod-benefit-table_feature {
    margin-right: 0;
    max-width: 100%;
}

.import-from-popup_content .prod-overview-table_row__wrap {
    padding: 0;
}

.import-from-popup_content .prod-overview-table_row__wrap.active {
    border: 1px solid #61B7F6;
    border-radius: 2px;
}

.import-from-popup_content .prod-overview-table_row__wrap.active .prod-overview-table_row {
    border-radius: 2px 2px 0px 0px;
    background-color: rgba(97, 183, 246, 0.20);
    border-bottom: none;
}

.import-from-popup_content .prod-overview-table_body {
    padding: 0;
    padding-right: 54px;
    height: 552px;
}

.import-from-popup .submit_btns__wr {
    margin-top: 10px;
    padding: 20px 64px;
}

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

.fb-header {
    display: flex;
    align-items: center;
    padding: 16px 60px;
    background-color: #F4F5F6;
    border-bottom: 1px solid #EEEEEE;
}

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

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

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

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

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

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

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

.fb-content {
    padding: 8px 60px;
    padding-bottom: 0;
}

.fb-content .drop-files-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fb-content .drop-files-group .dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    border: none;
    background-color: transparent;
    padding: 4px 16px;
    min-height: 24px;
}

.fb-content .df-message-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    background-image: url(../img/icons/svg/icon_upload_lightblue_16x16.svg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    line-height: 24px;
    height: 24px;
}

.fb-content .df-message {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    color: #61B7F6;
}

.fb-content .feature-modal-file-block {
    display: flex;
    align-items: center;
    background-color: #F4F5F6;
    border: none;
    padding: 8px;
    box-shadow: none;
    width: 100%;
    padding-right: 16px;
}

.fb-content .feature-modal-file-thumbnail {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 8px;
}

.fb-content .feature-modal-file-details {
    margin-right: 20px;
}

.fb-content .feature-modal-file-name {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.036px;
    color: #414141;
    margin-bottom: 4px;
}

.fb-content .feature-modal-file-info {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.036px;
    color: #414141;
    opacity: 0.4;
    text-transform: uppercase;
}

.fb-content .file-info-type {
    padding-right: 8px;
}

.fb-content .file-info-size {
    padding: 0 8px;
}

.fb-content .file-info-date {
    padding-left: 8px;
}

.fb-content .file-info-type::after,
.fb-content .file-info-size::after {
    content: '';
    display: block;
    width: 5px;
    height: 14px;
    background-color: #D9D9D9;
}

.table-action-btn_reload {
    background-image: url(../img/icons/svg/icon_reload_blue_20x20.svg);
}

.fb-search-wrap {
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    /*border: 1px solid #D2D2D2;*/
    position: relative;
    margin-bottom: 10px;
}

.fb-search-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #D2D2D2;
}

.add-feature-benefit_popup .fb-search-tools .search-form-group {
    margin-bottom: 0;
}

.search-form .fb-search-tools .search-form-input {
    border: none;
    padding: 6px;
    height: auto;
}

.reset-search-btn {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    background-image: url(../img/icons/svg/icon_close_lightgrey_14x14.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 8px;
    cursor: pointer;
}

.select-sort-wrap {
    width: 150px;
    height: 32px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 3px 8px;
    background-color: #F4F5F6;
}

.select-sort-label {
    flex-shrink: 0;
    width: 42px;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.036px;
    color: #BEBEBE;
}

.select-sort-wrap .select2-container {
    width: 100%;
}

.popup_body.add-data .select-sort-wrap .select2-container--default .select2-selection--single,
.popup_body.add-data .select-sort-wrap .select2-container--default .select2-selection--multiple {
    border-radius: 0;
    height: 16px;
    border: none;
    background-color: transparent;
}

.select-sort-wrap .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    color: #414141;
    line-height: 16px;
    letter-spacing: 0.036px;
}

.select-sort-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 16px;
    height: 16px;
    top: 0;
    right: 0;
    background-color: transparent;
}

.select-sort-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(../img/icons/svg/icon_select-arrow_grey_12x7.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.fb-search-drop_wrap {
    display: none;
    border: 1px solid #D2D2D2;
    margin-top: 4px;
    position: relative;
}

.fb-search-wrap.active .fb-search-drop_wrap {
    display: block;
}

.fb-search-drop_wrap .pagination-product-list__no-records {
    padding: 0;
    margin-top: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fb-search-drop {
    padding-right: 12px;
    padding-left: 16px;
    max-height: 240px;
    height: auto;
    overflow-y: auto;
}

.fb-search-drop_row {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #E4E6E7;
}

.fb-search-drop_row:last-child {
    border-bottom: none;
}

.fb-search-drop_img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 10px;
}

.fb-search-drop_name {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    margin-right: 20px;
    max-width: 260px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fb-search-drop_date {
    font-size: 12px;
    font-weight: 400;
    color: #BEBEBE;
    margin-left: auto;
}

/* End Modal Windows Features */

.feature-modal-file-block {
    display: flex;
    align-items: center;
    background-color: white;
    border: 1px solid #e0e0e0;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.feature-modal-file-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 10px;
}

.feature-modal-file-details {
    flex-grow: 1;
}

.feature-modal-file-name {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.file-info {
    font-size: 12px;
    color: #888;
}

.add-general-info_popup .ck-editor__editable_inline {
    min-height: 150px;
}

.add-feature-benefit_popup .image-control-hidden{
    display: none;
}

.add-feature-benefit_popup .drop-files-group .fb-header{
    padding: 8px;
    background-color: #FFFFFF;
}

.prod-feature-table .fake-button {
    display: flex;
    margin-bottom: 15px;
}

.prod-general-table .fake-button {
    display: flex;
    margin-bottom: 15px;
}

.prod-feature-table .empty-rows,.prod-general-table .empty-rows {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

.prod-feature-table .empty-rows .empty-span,
.prod-general-table .empty-rows .empty-span {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #7A7A7A;
    line-height: 21px;
}

.images-search-content {
    overflow-y: scroll;
    height: 250px;
}

/* End Add Product Overview */

/* Edit Category PopUp */

.product-catalog-popup_470 {
    max-width: 470px;
    width: 100%;
}

.product-catalog-popup_750 {
    max-width: 750px;
    width: 100%;
}

.product-catalog-popup_860 {
    max-width: 860px;
    width: 100%;
}

.edit-category-popup_content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    height: 600px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px 24px;
    position: relative;
    background-color: #F9F9F9;
    box-sizing: border-box;
}

.edit-category-popup_content * {
    box-sizing: border-box;
}

.add-category-popup_content {
    padding: 0;
    background-color: #fff;
    height: auto;
}

.publisher-class__popup .publisher-class__popup_block.catalogue-edit-modal-body .publisher-class__popup_title {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 50px;
}

.edit-category-popup_nav {
    display: flex;
    align-self: flex-end;
    position: fixed;
    top: 18px;
    right: 24px;
}

.catalogue-edit-modal-body .edit-category-popup_nav .edit-category-tab {
    border-radius: 2px 2px 0 0;
    padding: 8px 16px;
    margin: 0;
    margin-right: 4px;
    height: 32px;
}

.catalogue-edit-modal-body .edit-category-popup_nav .edit-category-tab:last-child {
    margin-right: 0;
}

.edit-category-popup_nav .edit-category-tab .text_link {
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
}

.catalogue-edit-modal-body .publisher-class__popup_body {
    padding: 0;
    /*min-height: 600px;*/
}

.add-category-popup_content .publisher-class__popup_body {
    min-height: auto;
}

.add-category-popup_content .category-general-form {
    flex-direction: column;
    align-items: flex-start;
}

.add-category-popup_content .category-general-form .search-form-group {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}

.add-category-popup_content .category-general-form .search-form-group_radio {
    padding: 15px 24px;
    border-bottom: 1px solid #EEEEEE;
    background-color: #F4F5F6;
    box-sizing: border-box;
    margin-bottom: 0;
}

.add-category-form_body {
    padding: 15px 24px;
    padding-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.add-category-form_body .search-form-group-row {
    align-items: flex-end;
    margin-right: 0;
}

.search-form-group.search-form-divider {
    position: relative;
    margin-right: 40px;
}

.search-form-divider::after {
    content: '';
    display: block;
    width: 1px;
    height: 72px;
    background-color: rgba(210, 210, 210, 0.5);
    position: absolute;
    right: -20px;
    bottom: 0;
}

.edit-category-popup_wrap {
    display: flex;
    flex-direction: column;
    min-height: 568px;
}

.edit-category_pricing-model {
    flex: 1 1;
    /*border: 1px solid #E5E5E5;*/
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
}

.edit-category_related-categories {
    /*flex: 2 1;*/
    max-width: 100%;
    /*width: 100%;*/
    border: 1px solid #E5E5E5;
    background-color: #fff;
    border-radius: 4px;
    /*padding: 16px;*/
}

.pricing-model-form.search-form {
    align-items: flex-start;
    flex-direction: column;
}

.pricing-model-form.search-form .search-form-group-row {
    margin-right: 0;
}

.pricing-model-form.search-form .search-form-group {
    width: auto;
}

.flex-row {
    flex-direction: row !important;
}

.ai-center {
    align-items: center !important;
}

.jc_space-between {
    justify-content: space-between !important;
}

.gap-x-36 {
    column-gap: 36px !important;
}

.w-100p {
    width: 100% !important;
}

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

.ml-auto {
    margin-left: auto !important;
}

.catalogue-edit-modal-body .publisher-class__button-zone {
    display: flex;
    justify-content: flex-end;
}

.taxes-filter-form_btn__skip {
    background-color: #E4E6E7;
    color: #414141;
}

.taxes-filter-form_btn__skip:hover {
    opacity: 0.7;
}

.catalogue-edit-modal-body .taxes-filter-form_btn__skip {
    margin-right: auto;
}

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

.overview-form-wrap .search-form-group {
    width: 100%;
    margin-right: 0;
}

.overview-form-wrap .search-form-group-row {
    align-items: flex-end;
    margin-right: 0;
    gap: 0 16px;
}

/* End Edit Category PopUp */

/* Add Variants PopUp */

.add-variants-popup * {
    box-sizing: border-box;
}

.popup-content-wrapper .add-variants-popup {
    width: 555px;
}

.add-variants-popup .publisher-class__button-zone {
    display: flex;
    justify-content: flex-end;
    padding: 20px 24px;
}

.add-variants-popup .search-form {
    flex-direction: column;
    align-items: flex-start;
}

.add-variants-popup .search-form-group_radio.search-form-group {
    width: 100%;
    padding: 15px 24px;
    border-bottom: 1px solid #EEEEEE;
    background-color: #F4F5F6;
    box-sizing: border-box;
    margin-bottom: 0;
    margin-right: 0;
}

.add-variants-popup_content {
    padding: 24px;
    padding-top: 12px;
    width: 100%;
}

.add-variants-popup_content .search-form-group-row {
    column-gap: 15px;
    margin-right: 0;
}

.add-variants-popup_content .search-form-group {
    width: 100%;
    position: relative;
    margin-right: 0;
}

.add-variants-popup_content .variant-form-scu {
    width: 80px;
    flex-shrink: 0;
}

.add-variants-popup_content .variant-form-color .search-form-input {
    padding-right: 32px;
}

.variant-form-color_btn {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: #0390D5;
    position: absolute;
    right: 6px;
    bottom: 6px;
    cursor: pointer;
}

/* End Add Variants PopUp */

.cp-table_td_msrp {
    width: 150px;
    padding: 6px 10px;
}

.cp-table_td_range {
    width: 150px;
}

.cp-table_td_discount {
    width: 75px;

}

.inventory-prices-table .cp-table_td_discount{
    margin-right: 0;
}

.cp-table_td_price {
    width: 75px;
}

/* Calendar ecommerce details PopUp */

.ecommerce-details-popup .modal-body {
    padding: 20px;
    width: 600px;
}

.ecommerce-details-popup .modal-body h2 {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 10px;
}

.ecommerce-details-popup .transaction-info, .ecommerce-details-popup .customer-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.ecommerce-details-popup .transaction-info div, .ecommerce-details-popup .customer-info div{
    width: 45%;
}

.ecommerce-details-popup .additional-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-direction: column;
}

.ecommerce-details-popup .additional-info div {
    display: flex;
    justify-content: left;
    margin-bottom: 5px;
}

.ecommerce-details-popup .additional-info label {
    width: 30%;
}

.ecommerce-details-popup strong {
    font-weight: bold;
}

.ecommerce-details-popup .status {
    font-weight: bold;
}

.ecommerce-details-popup .completed {
    color: green;
}

.ecommerce-details-popup .modal-footer {
    text-align: right;
    padding: 10px 0;
}

/* End Calendar ecommerce details PopUp */

/* Velocity Database */

.vd-table {
    display: flex;
    flex-direction: column;
    max-width: 260px;
}

.vd-table-header {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #EEEEEE;
}

.vd-table-row {
    display: flex;
    align-items: center;
    padding: 4px 8px;
}

.vd-table-col {
    padding: 0 4px;
    width: 25%;
}

/* End Velocity Database */

.add-media_popup {
    width: 700px;
}

.add-media_popup .description-text-block{
    min-height: 200px;
}

/* Checkbox */

.new-checkbox {
    height: 22px;
    box-sizing: border-box;
}

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

.new-checkbox-input+.new-checkbox-label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414141;
    letter-spacing: 0.036px;
    white-space: nowrap;
}

.new-checkbox-input+.new-checkbox-label.wrap_text {
    white-space: unset;
}

.new-checkbox-input+.new-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-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}
.new-checkbox-input:checked+.new-checkbox-label::before {
    background-image: url("../img/icons/svg/icon_check_white_16x16.svg");
    border-color: #3E8FD0;
    background-color: #4D9DDE;
}

.new-checkbox-input:disabled+.new-checkbox-label::before {
    opacity: 0.5;
}

.new-checkbox-input:disabled+.new-checkbox-label {
    opacity: 0.5;
}

/* End Checkbox */

.hidden{
    display: none;
}

.visibility_hidden{
    visibility: hidden;
}

.error_border {
    border: 1px solid red !important;
}