:root {
	--white: #ffffff;
	--blue: #007AFF;
	--gray-placeholder-text: rgba(60, 60, 67, 0.33);
	--light-gray-background: #f4f4f5;
	--disabled-border: rgba(60, 60, 67, 0.18);
	--blue-opacity: rgba(0, 122, 255, 0.35);
	--main-text: #8A8A8E;
	--black-text: #424242;
	--secondary-hover: #DEDEDE;
	--default-border: #BDBDBD;
	--blue-background: #549BE2;
	--inner-border: #D9D9D9;
	--gray: #A6A6A6;
	--gray-text: #757575;
	--border-light: #E5E5EA;
	--fixed-select-border: #AEAEB2;
	--fixed-select-border-hover: #8E8E93;
	--disabled-icon: #CECECE;
	--enabled-icon: #C3C3C3;
	--icon-border: #9E9E9E;
	--icon-color: #6F6F6F;
}

label:has([type="checkbox"].checkbox_2023) {
    position: relative;
    font-size: inherit;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

[type="checkbox"].checkbox_2023 {
    height: 16px;
    width: 16px;
    top: 0;
}

[type="checkbox"].checkbox_2023 + span:not(.lever):before {
    width: 16px;
    height: 16px;
    margin-top: 0;
    border-radius: 3px;
    border: 1px solid var(--gray-placeholder-text);
    top: 0;
    left: 0;
    background-color: #ffffff;
    transform: none;
    box-sizing: border-box;
}

[type="checkbox"].checkbox_2023:disabled + span:not(.lever) {
    cursor: default;
}

[type="checkbox"].checkbox_2023:checked + span:not(.lever):before {
    border: 1px solid var(--blue);
    background-color: var(--blue);
    top: 0;
}

[type="checkbox"].checkbox_2023:disabled + span:not(.lever):before {
    border: 1px solid var(--disabled-border);
    background-color: var(--light-gray-background);
    top: 0;
}

[type="checkbox"].checkbox_2023:disabled:checked + span:not(.lever):before {
    border: 1px solid var(--blue-opacity);
    background-color: var(--blue-opacity);
}

[type="checkbox"].checkbox_2023:checked + span:not(.lever):after {
    transform: rotate(40deg);
    border: 2px solid var(--white);
    top: 0;
    left: 4px;
    /*left: unset;*/
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    box-sizing: border-box;
}


[type="checkbox"].checkbox_2023 + span:not(.lever) {
    line-height: 17px;
    font-size: inherit;
    display: block;
    height: fit-content;
    min-height: 16px;
    padding-left: 21px;
}

label.state_icon_2023 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    padding: 1px;
    box-sizing: border-box;
    border: 1px solid transparent;
}

label.state_icon_2023:has(input[type="checkbox"]:not(:disabled)):hover,
input[type="radio"]:not(:disabled) + label.state_icon_2023:hover,
label.state_icon_2023.state_icon_2023_hover {
    border: 1px solid var(--icon-border);
}

label.state_icon_2023:has(input[type="checkbox"]:not(:disabled)):active,
input[type="radio"]:not(:disabled) + label.state_icon_2023:active,
label.state_icon_2023.state_icon_2023_active {
    border: 1px solid var(--blue);
}

label.state_icon_2023 > input[type="checkbox"] + span,
input[type="radio"] + label.state_icon_2023 > span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border-radius: 3px;
    padding: 0;
}

label.state_icon_2023 > input[type="checkbox"] + span::before {
   content: none;
}

label.state_icon_2023 > input[type="checkbox"] + span::after {
   content: none;
}

label.state_icon_2023 > input[type="checkbox"] + span > i,
input[type="radio"] + label.state_icon_2023 > span > i {
    font-size: 18px;
}

label.state_icon_2023 > input[type="checkbox"]:not(:disabled) + span > i,
input[type="radio"]:not(:disabled) + label.state_icon_2023 > span > i {
    cursor: pointer;
    color: var(--icon-color);
}

label.state_icon_2023 > input[type="checkbox"]:checked + span,
input[type="radio"]:checked + label.state_icon_2023 > span {
    background-color: var(--enabled-icon);
}

label.state_icon_2023 > input[type="checkbox"]:disabled + span > i,
input[type="radio"]:disabled + label.state_icon_2023 > span > i {
    cursor: default;
    color: var(--default-border);
}

label.state_icon_2023 > input[type="checkbox"]:disabled:checked + span,
input[type="radio"]:disabled:checked + label.state_icon_2023 > span {
    background-color: var(--disabled-icon);
}

label.state_icon_2023 > input[type="checkbox"]:disabled:checked + span > i,
input[type="radio"]:disabled:checked + label.state_icon_2023 > span > i {
    color: var(--white);
}

.button_2023, .button_2023:focus {
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    flex-shrink: 0;
}

.button_2023:not(:disabled):hover,
.button_2023.button_2023_hover,
.button_2023.button_2023_active {
    background-color: var(--secondary-hover);
}

@media (pointer: coarse) {
    .button_2023:not(:disabled):hover,
    .button_2023.button_2023_hover {
        background: none;
    }
}

.button_2023:not(:disabled):active,
.button_2023.button_2023_active {
    border: 1px solid var(--blue);
}

.button_2023 i:is(.material-icons, .material-icons-outlined) {
    color: var(--black-text);
    font-size: 18px;
}

.button_2023:disabled,
.button_2023:disabled i:is(.material-icons, .material-icons-outlined) {
    cursor: default;
}

.button_2023:disabled i:is(.material-icons, .material-icons-outlined) {
    color: var(--default-border);
}

.button_2023.active_button_2023, .button_2023.active_button_2023:hover,
details[open]:has(summary.button_2023) > summary.button_2023,
details[open]:has(summary.button_2023) > summary.button_2023:hover {
    background-color: var(--blue-background);
}

.button_2023.active_button_2023:disabled, .button_2023.active_button_2023:disabled:hover {
    background-color: var(--blue-opacity);
}

.button_2023.active_button_2023 i:is(.material-icons, .material-icons-outlined),
details[open]:has(summary.button_2023) summary > i:is(.material-icons, .material-icons-outlined) {
    color: var(--white);
}

.selectsearch_2023.select_search_div {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 5px;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: content-box;
    font-size: inherit;
    flex-basis: 100%;
}

.selectsearch_2023.select_search_div::after {
    content: unset;
}

.selectsearch_2023 input.select_search_input[type=text]  {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    /* for border */
    height: 26px !important;
    font-size: inherit;
    width: 100%;
}

.selectsearch_2023.select_search_div_disabled,
.selectsearch_2023.select_search_div_disabled input.select_search_input[type=text] {
    cursor: default;
}

.selectsearch_2023.select_search_div_disabled {
    /*background: #F0F0F0;*/
}

.selectsearch_2023.select_search_div_disabled input.select_search_input[type=text] {
    height: 26px !important;
}

.selectsearch_2023 input.select_search_input[type=text]::placeholder {
    width: fit-content;
    max-width: calc(100% - 26px);
    background-image: url(/css/images/select-search-handler.svg);
    background-position: right center;
    padding-right: 26px;
    background-repeat: no-repeat;
    font-size: inherit;
}

.selectsearch_2023.select_search_div_disabled input.select_search_input[type=text].selected::placeholder {
    background-image: none;
}

.selectsearch_2023 .select_search_ul {
    top: 28px;
    left: -1px;
    margin: 0 !important;;
    border: 1px solid var(--inner-border);
    border-radius: 3px;
    box-shadow: none;
}

.selectsearch_2023 .select_search_ul li {
    padding: 2px 8px;
    box-sizing: border-box;
}

.selectsearch_2023:is(:has(.select_search_ul), :hover) input.select_search_input[type=text]::placeholder,
:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed) input.select_search_input[type=text]::placeholder {
    width: 100%;
    max-width: 100%;
    background-image: none;
}

.selectsearch_2023:not(.selectsearch_2023_fixed, .selectsearch_2023_gray):hover input:disabled:not(.selected).select_search_input[type=text]::placeholder {
    width: fit-content;
    max-width: calc(100% - 26px);
    background-image: url(/css/images/select-search-handler.svg);
}

.selectsearch_2023 input:disabled:not(.selected).select_search_input[type=text]::placeholder {
    color: var(--inner-border);
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed) input.select_search_input[type=text]::placeholder {
    width: calc(100% - 26px);
    max-width: calc(100% - 26px);
}

.selectsearch_2023:has(.select_search_ul) input.select_search_input[type=text] {
    cursor: text;
}

.selectsearch_2023:not(.select_search_div_disabled):hover {
    border: 1px solid var(--inner-border);
}

.selectsearch_2023.selectsearch_2023_gray:not(.select_search_div_disabled):hover {
    border: 1px solid var(--border-light);
}

.selectsearch_2023.selectsearch_2023_fixed {
    border: 1px solid var(--fixed-select-border);
    background: var(--white);
}

.selectsearch_2023.selectsearch_2023_fixed.select_search_div_disabled,
.selectsearch_2023.selectsearch_2023_fixed.select_search_div_disabled:hover,
.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray.select_search_div_disabled,
.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray.select_search_div_disabled:hover {
    border: 1px solid var(--border-light);
    background: var(--light-gray-background);
}

.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray.select_search_div_disabled,
.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray.select_search_div_disabled:hover {
    background: #F0F0F0;
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed).select_search_div_disabled input.select_search_input[type=text]:not(.selected)::placeholder {
    color: var(--disabled-border);
}

.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray {
    /*border: 1px solid var(--border-light);*/
}

.selectsearch_2023.selectsearch_2023_fixed:hover {
    border: 1px solid var(--fixed-select-border-hover);
}

.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray:hover {
    /*border: 1px solid var(--gray-placeholder-text);*/
}

.selectsearch_2023:has(.select_search_ul),
.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray:has(.select_search_ul),
.selectsearch_2023:has(.select_search_ul):hover,
.selectsearch_2023.selectsearch_2023_fixed.selectsearch_2023_fixed_for_gray:has(.select_search_ul):hover {
    overflow: visible;
    border: 1px solid var(--blue);
}

.selectsearch_2023:is(:has(.select_search_ul), :hover):not(.select_search_div_disabled) .select_search_expand {
	display: block;
	color: transparent;
    background-image: url(/css/images/select-search-handler-with-border-open.svg);
    height: 18px;
    width: 24px;
    background-color: white;
    padding-left: 6px;
    background-repeat: no-repeat;
    background-position: right;
}

.selectsearch_2023.select_search_div_disabled:is(:has(.select_search_ul), :hover) .select_search_expand {
    cursor: default;
}

.selectsearch_2023.selectsearch_2023_gray {
    background-color: var(--light-gray-background);
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed) input.select_search_input[type=text]::placeholder {
    background-image: url(/css/images/select-search-handler-with-border.svg);
    background-color: transparent;
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed).select_search_div_disabled input.select_search_input[type=text]::placeholder {
    background-image: url(/css/images/select-search-handler-with-border-disabled.svg);
    background-color: transparent;
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed):is(:has(.select_search_ul), :hover) .select_search_expand {
    background-image: url(/css/images/select-search-handler-with-border-open.svg);
    background-color: transparent;
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed).select_search_div_disabled:is(:has(.select_search_ul), :hover) .select_search_expand {
    background-image: url(/css/images/select-search-handler-with-border-disabled.svg);
    background-color: transparent;
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed):is(:has(.select_search_ul), :hover):not(.select_search_div_disabled) input.select_search_input[type=text]::placeholder {
    background-image: none;
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed):not(.select_search_div_disabled):hover input.select_search_input[type=text]::placeholder {
    padding-right: 0;
    width: 100%;
    max-width: 100%;
}

.selectsearch_2023 input.select_search_input[type=text]:not(.selected)::placeholder {
    color: var(--gray);
}

:is(.selectsearch_2023.selectsearch_2023_gray, .selectsearch_2023.selectsearch_2023_fixed) input.select_search_input[type=text]:not(.selected)::placeholder {
    color: var(--main-text);
}

.selectsearch_2023 input:not(:disabled).select_search_input.selected[type=text]::placeholder {
    color: var(--black-text);
}

.selectsearch_2023:not(.selectsearch_2023_fixed, .selectsearch_2023_gray) input.select_search_input.selected[type=text]::placeholder {
    font-weight: 500;
}

.readonly_field_2023 {
    color: var(--gray-text);
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    font-size: inherit;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.readonly_field_2023.text_gray_06 {
    color: var(--main-text);
}

.modal .state_icon_2023 .material-icons:not(.nonhover):not(.icon_noneditable):not(.icon_common):hover {
    background: none !important;
}

input.input_2023_hover_border, input.input_2023_hover_border:disabled {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    border-color: transparent;
    background-color: transparent;
}

input.input_2023_hover_border:hover:not(:disabled) {
    border-color: var(--inner-border);
}

input.input_2023_hover_border:focus,
input.input_2023_hover_border:hover:focus,
input.input_2023_table:focus,
input.input_2023_table:hover:focus {
    border-color: var(--light-blue);
}

input.input_2023_table {
    color: var(--black-text);
    background-color: var(--white);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    border-color: var(--fixed-select-border);
}

input.input_2023_table:disabled {
    background-color: var(--light-gray-background);
    color: var(--black-text);
}

input.input_2023_table:hover {
    border-color: var(--fixed-select-border-hover);
}

input.input_2023_table:disabled {
    border-color: var(--inner-border);
}

input.input_2023_table::placeholder {
    color: var(--main-text);
}

span.table_readonly_white {
    font-size: 14px;
    font-weight: 500;
    color: var(--white);
}

span.table_readonly_gray {
    font-size: 14px;
    font-weight: 500;
    color: #8A8A8E;
}

.pop-up-window {
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 350px;
    height: fit-content;
    font-size: 12px;
    background: #FFFFFF;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: var(--rounded-border-radius);
}

.pop-up-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 18px;
    gap: 5px;
    padding: 10px;
    border-bottom: 1px solid rgba(217, 217, 217, 1);
    box-sizing: content-box;
}

.pop-up-header.header-comment {
    height: fit-content;
    line-height: 15px;
    font-size: 12px;
    color: rgba(117, 117, 117, 1);
}

.pop-up-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    box-sizing: content-box;
}

.pop-section {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.pop-section .pop-section-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    padding: 5px;
    font-size: 12px;
    background: rgba(242, 242, 242, 1);
    overflow: hidden;
    box-sizing: content-box;
}

.pop-section .pop-section-line:first-child{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.pop-section .pop-section-line:last-child{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.pop-section .pop-section-line:not(:first-child) {
    border-top: 1px solid white;
}

.pop-section .pop-section-line:hover {
    background: rgba(232, 232, 232, 1);
    cursor: pointer;
}

.pop-section label:has([type="checkbox"].checkbox_2023) {
    font-size: 12px;
}

.pop-section-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(117, 117, 117, 1);
    border-radius: 0;

    &:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

.pop-section-line:hover {
    background: rgba(242, 242, 242, 1);
}

.pop-section-line_search {
    height: 36px;
    padding: 10px;
    box-sizing: border-box;
}

.pop-up_line {
    display: flex;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    color: #757575;
    cursor: pointer;

    &:hover {
        background: #F2F2F2;
    }

}

.pop-up_border_bottom{
    border-bottom: 1px solid rgba(217, 217, 217, 1);
}
.pop-section_divider:not(:last-child){
    border-bottom: 1px solid rgba(217, 217, 217, 1);
    padding-bottom: 10px;
}


.pop-section-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 10px;
}

.section-tags {
    display: flex;
    align-items: center;
    height: 14px;
    gap: 5px;
    padding: 8px 0 8px 8px;
    background: rgba(242, 242, 242, 1);
    border-radius: 6px;
    box-sizing: content-box;
}

.color_117 {
    color: rgba(117, 117, 117, 1);
}

.close_button {
    font-size: 24px;
    color: var(--gray-text);
    cursor: pointer;
}

.color_functions,
.button_2023 i:is(.material-icons, .material-icons-outlined).color_functions {
	color: rgba(158, 158, 158, 1);
}

.blue_search::placeholder {
    color: rgba(0, 122, 255, 1);
}

.pop-up-header_example {
    border: 1px solid rgba(217, 217, 217, 1);
    border-top-left-radius: var(--rounded-border-radius);
    border-top-right-radius: var(--rounded-border-radius);
}

.custom_button.red-close:hover {
    color: rgba(255, 59, 48, 1);
    outline: 1px solid rgba(60, 60, 67, 0.38);
    background-color: rgba(60, 60, 67, 0.38);
}

.test_2 {

}

.popover_calendar_months {
    position: absolute;
    width: 320px;
    z-index: 3;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #D9D9D9;

    &::after {
        content: "";
        position: absolute;
        top: -15px;
        left: 50%;
        margin-left: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        filter: drop-shadow(0 -1px 0.1px var(--inner-border));
    }
}

.popover_calendar_months_header {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #424242;
}

.shedule__header_calendar .popover_calendar_months::after {
    content: "";
	position: absolute;
	top: -15px;
    left: 7%;
	margin-left: -5px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	filter: drop-shadow(0 -1px 0.1px var(--inner-border));
}