body {
    background: #f4f4f4;
}

#AscoPageBlock {
    display: flex;
    flex-direction: column;
    margin-left: 76px;
}

/*Основной блок, где распологается контент*/
#AscoContentBlock {
    display: flex;
    flex-direction: column;
    max-width: 1280px;
    margin: 0 16px;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

@media only screen and (min-width: 1440px) {
    #AscoContentBlock {
        margin: 0 auto;
        width: 100%;
    }
}

/* Заголовок для страницы */
.ascoTitlePage {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 20px;
    line-height: 21px;
    color: #08110e;
    cursor: default;
}

.ascoTitlePageBlock {
    display: flex;
    flex-direction: row;
}

/* Заголовок для блока */
.ascoTitleBlock {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    color: #08110e;
    cursor: default;
}

/* 0px Margin */
.asco0Margin {
    margin: 0px !important;
}

.asco0MarginTop {
    margin-top: 0px;
}

.asco0MarginBottom {
    margin-bottom: 0px;
}

.asco0MarginRight {
    margin-right: 0px;
}

.asco0MarginLeft {
    margin-left: 0px;
}

/* 2px Margin */
.asco2MarginTop {
    margin-top: 2px;
}

.asco2MarginBottom {
    margin-bottom: 2px;
}

.asco2MarginRight {
    margin-right: 2px;
}

.asco2MarginLeft {
    margin-left: 2px;
}

/* 4px Margin */
.asco4MarginTop {
    margin-top: 4px;
}

.asco4MarginBottom {
    margin-bottom: 4px;
}

.asco4MarginRight {
    margin-right: 4px;
}

.asco4MarginLeft {
    margin-left: 4px;
}

/* 6px Margin */
.asco6MarginTop {
    margin-top: 6px;
}

.asco6MarginBottom {
    margin-bottom: 6px;
}

.asco6MarginRight {
    margin-right: 6px;
}

.asco6MarginLeft {
    margin-left: 6px;
}

/* 8px Margin */
.asco8MarginTop {
    margin-top: 8px;
}

.asco8MarginBottom {
    margin-bottom: 8px;
}

.asco8MarginRight {
    margin-right: 8px;
}

.asco8MarginLeft {
    margin-left: 8px;
}

/* 12px Margin */
.asco12MarginTop {
    margin-top: 12px;
}

.asco12MarginBottom {
    margin-bottom: 12px;
}

.asco12MarginRight {
    margin-right: 12px;
}

.asco12MarginLeft {
    margin-left: 12px;
}

/* 16px Margin */
.asco16MarginTop {
    margin-top: 16px;
}

.asco16MarginBottom {
    margin-bottom: 16px;
}

.asco16MarginRight {
    margin-right: 16px;
}

.asco16MarginLeft {
    margin-left: 16px;
}

/* 24px Margin */
.asco24MarginTop {
    margin-top: 24px;
}

.asco24MarginBottom {
    margin-bottom: 24px;
}

.asco24MarginRight {
    margin-right: 24px;
}

.asco24MarginLeft {
    margin-left: 24px;
}

/* 32px Margin */
.asco32MarginTop {
    margin-top: 32px;
}

.asco32MarginBottom {
    margin-bottom: 32px;
}

.asco32MarginRight {
    margin-right: 32px;
}

.asco32MarginLeft {
    margin-left: 32px;
}

/* 48px Margin */
.asco48MarginTop {
    margin-top: 48px;
}

.asco48MarginBottom {
    margin-bottom: 48px;
}

.asco48MarginRight {
    margin-right: 48px;
}

.asco48MarginLeft {
    margin-left: 48px;
}

/* 0px Padding */
.asco0Padding {
    padding: 0px !important;
}

.asco0PaddingTop {
    padding-top: 0px;
}

.asco0PaddingBottom {
    padding-bottom: 0px;
}

.asco0PaddingRight {
    padding-right: 0px;
}

.asco0PaddingLeft {
    padding-left: 0px;
}

/* 4px Padding */
.asco4Padding {
    padding: 4px;
}

.asco4PaddingTop {
    padding-top: 4px;
}

.asco4PaddingBottom {
    padding-bottom: 4px;
}

.asco4PaddingRight {
    padding-right: 4px;
}

.asco4PaddingLeft {
    padding-left: 4px;
}

/* 8px Padding */
.asco8Padding {
    padding: 8px;
}

.asco8PaddingTop {
    padding-top: 8px;
}

.asco8PaddingBottom {
    padding-bottom: 8px;
}

.asco8PaddingRight {
    padding-right: 8px;
}

.asco8PaddingLeft {
    padding-left: 8px;
}

/* 8px 12px Padding */
.asco8-12Padding {
    padding: 8px 12px !important;
}

/* 8px 16px Padding */
.asco8-16Padding {
    padding: 8px 16px !important;
}

/* 12px Padding */
.asco12Padding {
    padding: 12px;
}

.asco12PaddingTop {
    padding-top: 12px;
}

.asco12PaddingBottom {
    padding-bottom: 12px;
}

.asco12PaddingRight {
    padding-right: 12px;
}

.asco12PaddingLeft {
    padding-left: 12px;
}

/* 12px 8px Padding */
.asco12-8Padding {
    padding: 12px 8px !important;
}

/* 12px 16px Padding */
.asco12-16Padding {
    padding: 12px 16px !important;
}

/* 16px Padding */
.asco16Padding {
    padding: 16px;
}

.asco16PaddingTop {
    padding-top: 16px;
}

.asco16PaddingBottom {
    padding-bottom: 16px;
}

.asco16PaddingRight {
    padding-right: 16px;
}

.asco16PaddingLeft {
    padding-left: 16px;
}

/* 24px Padding */
.asco24Padding {
    padding: 24px;
}

.asco24PaddingTop {
    padding-top: 24px;
}

.asco24PaddingBottom {
    padding-bottom: 24px;
}

.asco24PaddingRight {
    padding-right: 24px;
}

.asco24PaddingLeft {
    padding-left: 24px;
}

/* 32px Padding */
.asco32Padding {
    padding: 32px;
}

.asco32PaddingTop {
    padding-top: 32px;
}

.asco32PaddingBottom {
    padding-bottom: 32px;
}

.asco32PaddingRight {
    padding-right: 32px;
}

.asco32PaddingLeft {
    padding-left: 32px;
}

/* 16-24px padding */
.asco16-24Padding {
    padding: 16px 24px;
}

/* Белый блок */
.ascoBlock {
    background: white;
    border-radius: 12px;
}

/* Синий блок */
.ascoBlock.blue {
    background: #dee9fc;
}

/* Тень */
.ascoShadow {
    box-shadow: 0px 10px 50px rgba(178, 178, 178, 0.2);
    /*    filter: drop-shadow(0px 10px 50px rgba(178, 178, 178, 0.2));
*/
}

/* Блок для левого функционала */
.ascoMinBlock {
    max-width: 350px;
    min-width: 350px;
}

.ascoMinBlock.duble {
    max-width: 700px;
    min-width: 700px;
}

/* Блок 50% ширины */
.ascoMiddleBlock {
    width: 50%;
}

/* Input */
.ascoInput {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    outline: none;
    font-family: 'Inter';
    color: #08110e;
    transition: 0.3s;
}

.ascoInput:focus {
    border: 1px solid #0caf89;
}

.ascoInput:read-only {
    color: var(--ui-input-disabled-text);
    background-color: var(--ui-input-disabled-background);
    border-color: var(--ui-input-disabled-border);
}

.ascoInput::placeholder {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #c2c2c2;
}

.ascoInput.big {
    max-width: 440px;
}

.ascoInput.min {
    max-width: 215px;
}

.ascoInput.valid {
    border: 1px solid #f03727;
}

.ascoInput.grayMinHeight {
    height: 32px;
    border-radius: 8px;
    border: 1px solid #e2e4e8;
    background: #fafafb;
}

.ascoInputBlock.medium {
    max-width: 250px;
}

.ascoInputBlock.big {
    max-width: 440px;
}

/* Текст для информации */
.ascoTextInformation {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    cursor: default;
}

/* Текст для подсказок или для тайтлов */
.ascoTextTitle {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #999999;
    cursor: default;
}

.ascoTextTitle:has(~ .ascoInput:read-only) {
    color: var(--ui-input-disabled-text);
}

/* Нижняя линия для разделения блоков */
.ascoBottomLine {
    border-bottom: 1px solid #eaeaea;
}

/* Блок с жёлтым фоном */
.ascoYellowBlock {
    background: rgba(255, 199, 0, 0.12);
    border-radius: 12px;
}

/* Блок с красным фоном */
.ascoRedBlock {
    background: rgba(244, 87, 37, 0.12);
    border-radius: 12px;
}

/* Блок с голубым фоном */
.ascoBlueBlock {
    background: #f9faff;
    border-radius: 12px;
}

/* Блок с сервым фоном */
.ascoGrayBlock {
    background: rgba(250, 250, 250);
    border-radius: 12px;
}

/* Блок с зеленым фоном */
.ascoGreenBlock {
    background: rgba(123, 228, 114, 0.12);
    border-radius: 12px;
}

/* Функциональные пункты переключения */
.ascoFunctionContentButton {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: rgba(27, 31, 59, 0.65);
    border-bottom: 2px solid white;
    cursor: pointer;
    transition: 0.3s;
}

.ascoFunctionContentButton.active {
    color: #0caf89;
    border-bottom: 2px solid #0caf89;
    cursor: default;
}

/* Функциональные пункты заголовок */
.ascoFunctionContentTitle {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #08110e;
}

/* Функциональные блоки переключения */
.ascoFunctionContentBlock {
    display: none;
}

.ascoFunctionContentBlock.active {
    display: block;
}

/* Блок с границей и закруглением */
.ascoBorderRoundedBlock {
    border: 1px solid #eaeaea;
    border-radius: 8px;
}

/* Блок с границей */
.ascoBorderBlock {
    border: 1px solid #eaeaea;
}

/* Блок с закруглением */
.ascoRoundedBlock {
    border-radius: 8px;
}

/* weight 400 */
.asco400Text {
    font-weight: 400 !important;
}

/* weight 500 */
.asco500Text {
    font-weight: 500 !important;
}

/* weight 600 */
.asco600Text {
    font-weight: 600 !important;
}

/* weight 600 */
.asco700Text {
    font-weight: 700 !important;
}

/* Нижняя линяя для текста */
.ascoTextBottomLine {
    text-decoration: underline;
}

/* Синий текст */
.ascoBlueText {
    font-family: 'Inter';
    font-size: 14px;
    color: #5772ff !important;
}

/* Зелёный текст */
.ascoGreenText {
    color: #0caf89;
}

/* Жёлтый текст */
.ascoYellowText {
    color: #fbb735;
}

/* Красный текст */
.ascoRedText {
    color: #ca675b;
}

/* Курсор палец */
.ascoPointer {
    cursor: pointer;
}

/* Слова без переноса */
.ascoNoWrapText {
    white-space: nowrap;
}

/* ToolTip */
.ascoToolTipBlock {
    position: relative;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 16px;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.ascoToolTipBlockLine {
    display: flex;
}

.ascoToolTipBlockLineImg {
    width: 24px;
    height: 24px;
}

.ascoToolTipBlockLineText {
    margin-left: 16px;
}

.ascoToolTip {
    display: none;
    word-wrap: break-word;
    position: absolute;
    padding: 16px;
    border-radius: 12px;
    background: white;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    width: max-content;
    z-index: 1;
}

.ascoToolTip.top {
    bottom: 100%;
}

.ascoToolTip.bottom {
    top: 100%;
}

.ascoToolTip.right16 {
    right: calc(100% - 16px);
}

.ascoToolTip.left16 {
    right: calc(-100% + 16px);
}

.ascoToolTipBlock:hover > .ascoToolTip {
    display: block;
}

/* Модальное окно */
.ascoModalBlock {
    position: fixed;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    background: rgba(69, 69, 69, 0.28);
    top: 0;
    left: 0;
    z-index: 100;
}

.ascoModalBlock.open {
    display: flex;
}

.ascoModalContent {
    background: white;
    border-radius: 12px;
    padding: 24px;
    width: 600px;
    box-sizing: border-box;
    max-height: calc(100% - 32px);
    overflow: auto;
}

.ascoModalContent.grayBack {
    background: #f5f5f5;
}

.ascoModalContent.size800 {
    width: 800px;
}

.ascoModalContent.size1024 {
    width: 1024px;
}

.ascoModalContent-lg {
    width: 800px;
}

.ascoModalContent-xl {
    width: 1024px;
}

.ascoModalTitle {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: #000000;
}

/* Кнопки */
.ascoGreenButton {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    color: #ffffff;
    width: 190px;
    height: 46px;
    background: #0caf89;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    outline: none;
    border: 1px solid #0caf89;
    white-space: nowrap;
}

.ascoGreenButton.autowidth {
    width: max-content;
}

.ascoGreenButton.smaller {
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
}

.ascoWhiteButton {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    color: #0caf89;
    width: 190px;
    height: 46px;
    background: #ffffff;
    border: 1px solid #0caf89;
    border-radius: 8px;
}

.ascoWhiteButton.autowidth {
    width: max-content;
}

.ascoWhiteButton.smaller {
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
}

.ascoTransparantButton {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    color: #0caf89;
    width: 190px;
    height: 46px;
    background: transparent;
    border: 1px solid #0caf89;
    border-radius: 8px;
}

.ascoTransparantButton.autowidth {
    width: max-content;
}

.ascoTransparantButton.mini {
    padding: 4px 12px;
    height: auto;
}

.ascoBlueButton {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    color: #526ed3;
    height: 46px;
    background: #ebefff;
    border-radius: 8px;
    border: none;
}

.ascoF6Button {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    color: #0caf89;
    border-radius: 4px;
    padding: 12px 24px;
    border: none;
    background: #f6f6f6;
}

/* Тег */
.ascoTag {
    padding: 2px 10px;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: rgba(27, 31, 59, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    cursor: default;
}

/* Мальнький блок с информацие в основном слева от рабочей области */
.ascoMinDataBlock {
    background: white;
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 992px) {
    .ascoMinDataBlock {
        min-width: 292px;
        max-width: 292px;
        margin-right: 16px;
    }
}

/* Select */
.ascoSelect + .chosen-container {
    max-width: 440px;
    height: 46px;
}

.ascoSelect.w-100 + .chosen-container {
    max-width: 100%;
}

.ascoSelect + .chosen-container > .chosen-single {
    border: 1px solid #d7d7d7;
    align-items: center;
    display: flex;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: rgba(27, 31, 59, 0.8) !important;
    background-clip: unset;
}

.ascoSelect.valid + .chosen-container > .chosen-single {
    border: 1px solid red;
}

.ascoSelect + .chosen-container > .chosen-single.chosen-default {
    color: #858585 !important;
    font-weight: 400;
}

.ascoSelect + .chosen-container-single .chosen-single div {
    width: 25px;
}

.ascoSelect + .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/Img/ListHospitals/arrowselect.svg) no-repeat 0px 19px;
    transition: 0.3s;
}

.ascoSelect + .chosen-container-active.chosen-with-drop .chosen-single div b {
    transform: rotateX(-180deg);
    background-position: 0;
    background-position-y: 19px;
}

.ascoSelect + .chosen-container-active .chosen-single {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ascoSelect + .chosen-container .chosen-drop {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ascoSelect + .chosen-container .chosen-drop {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ascoSelect + .chosen-container-single .chosen-single abbr {
    top: 11px;
    right: 35px;
}

.ascoSelect + .chosen-container-single .chosen-single span {
    line-height: 46px;
    font-weight: 500;
    font-size: 13px;
    font-family: 'Inter';
    color: #08110e;
}

.ascoSelect + .chosen-container-single .chosen-default span {
    color: #cdcdcd;
}

/*Маленький серый*/
.ascoSelect.grayMinHeight + .chosen-container {
    height: 32px;
    background: #fafafb;
}

.ascoSelect.grayMinHeight + .chosen-container > .chosen-single.chosen-default {
    background: #fafafb;
}

.ascoSelect.grayMinHeight + .chosen-container-single .chosen-single div b {
    background: url(/Img/ListHospitals/arrowselect.svg) no-repeat 0px 12px;
}

.ascoSelect.grayMinHeight + .chosen-container-single .chosen-single abbr {
    top: 4px;
}

.ascoSelect.grayMinHeight
    + .chosen-container-active.chosen-with-drop
    .chosen-single
    div
    b {
    background-position-y: 10px;
}

.ascoSelect.grayMinHeight + .chosen-container > .chosen-single {
    background: #fafafb;
}
/**/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (min-resolution: 144dpi),
    only screen and (min-resolution: 1.5dppx) {
    .ascoSelect + .chosen-rtl .chosen-search input[type='text'],
    .ascoSelect + .chosen-container-single .chosen-single abbr,
    .ascoSelect + .chosen-container-single .chosen-single div b,
    .ascoSelect + .chosen-container-single .chosen-search input[type='text'],
    .ascoSelect
        + .chosen-container-multi
        .chosen-choices
        .search-choice
        .search-choice-close,
    .ascoSelect + .chosen-container .chosen-results-scroll-down span,
    .ascoSelect + .chosen-container .chosen-results-scroll-up span {
        background-image: url(/Img/ListHospitals/arrowselect.svg) !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }
}

/* radio */
.ascoRadioBlock {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: rgba(27, 31, 59, 0.8);
    margin-bottom: 0;
}

.ascoRadioBlock input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.ascoRadioBlock > label {
    cursor: pointer;
}

.ascoRadioCheckMark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #ebefff;
    border-radius: 50%;
}

.ascoRadioBlock:hover input ~ .ascoRadioCheckMark {
    background-color: #dfe3f3;
}

.ascoRadioBlock input:checked ~ .ascoRadioCheckMark {
    background-color: #0caf89;
}

.ascoRadioBlock input:disabled ~ .ascoRadioCheckMark,
.ascoRadioBlock:hover input:disabled ~ .ascoRadioCheckMark {
    background-color: #e9e9e9;
}

.ascoRadioCheckMark:after {
    content: '';
    position: absolute;
    display: none;
}

.ascoRadioBlock input:checked ~ .ascoRadioCheckMark:after {
    display: block;
}

.ascoRadioBlock .ascoRadioCheckMark:after {
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
}

/* switch */
.ascoSwitch {
    position: relative;
    height: 24px;
    margin-bottom: 0;
    padding-left: 48px;
    width: max-content;
    cursor: pointer;
}

.ascoSwitch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.ascoSlider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ebefff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 34px;
    width: 48px;
}

.ascoSlider:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 12px;
    z-index: 2;
}

.ascoGrayRing {
    top: 6px;
    left: 30px;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid #959595;
    border-radius: 50%;
    transition: 0.3s;
    z-index: 1;
}

.ascoCheck {
    position: absolute;
    background: no-repeat url(/Img/Check.svg);
    width: 16px;
    height: 12px;
    top: 6px;
    left: 6px;
    z-index: 1;
    transition: 0.3s;
    opacity: 0;
}

input:checked + .ascoSlider {
    background-color: #0caf89;
}

input:checked + .ascoSlider > .ascoGrayRing {
    opacity: 0;
}

input:checked + .ascoSlider > .ascoCheck {
    opacity: 1;
}

input:checked + .ascoSlider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
}

.ascoSwitchText {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: rgba(27, 31, 59, 0.8);
}

/* checkbox */
.ascoCheckBoxBlock {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: rgba(27, 31, 59, 0.8);
    width: max-content;
}

.ascoCheckBoxBlock input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.ascoCheckMark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #ebefff;
    border-radius: 8px;
    cursor: pointer;
}

.ascoCheckBoxBlock:hover input ~ .ascoCheckMark {
    background-color: #dfe3f3;
}

.ascoCheckBoxBlock input:checked ~ .ascoCheckMark {
    background-color: #0caf89;
}

.ascoCheckBoxBlock input:disabled ~ .ascoCheckMark,
.ascoCheckBoxBlock:hover input:disabled ~ .ascoCheckMark {
    background-color: #e9e9e9;
}

.ascoCheckMark:after {
    content: '';
    position: absolute;
    display: none;
}

.ascoCheckBoxBlock input:checked ~ .ascoCheckMark:after {
    display: block;
}

.ascoCheckBoxBlock .ascoCheckMark:after {
    left: 5px;
    top: 5px;
    width: 14px;
    height: 9px;
    border: solid white;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* Стрелочка */
.ascoArrow {
    transition: 0.3s;
}

.ascoArrow.active {
    transform: rotateX(180deg);
}

/* Нижняя линия для разделения блоков */
.ascoBottomLine {
    border-bottom: 1px solid #eaeaea;
}

/* Задний фон для значка */
.ascoBackBlock {
    border-radius: 8px;
}

.ascoBackBlock.size10 {
    padding: 10px;
}

.ascoBackBlock.green {
    background: #ebf5f1;
}

/* Значки */
.ascoIcon {
    transition: 0.3s;
}

.ascoIcon.size8 {
    width: 8px;
    height: 8px;
}

.ascoIcon.size12 {
    width: 12px;
    height: 12px;
}

.ascoIcon.size16 {
    width: 16px;
    height: 16px;
}

.ascoIcon.size20 {
    width: 20px;
    height: 20px;
}

.ascoIcon.size24 {
    width: 24px;
    height: 24px;
}

.ascoIcon.size30 {
    width: 30px;
    height: 30px;
}

.ascoIcon.size32 {
    width: 32px;
    height: 32px;
}

.ascoIcon.size44 {
    width: 44px;
    height: 44px;
}

.ascoIcon.arrowselectopen {
    transform: rotateX(180deg);
}

/* Белый цвет */
.ascoIcon.white {
    filter: brightness(0) saturate(100%) invert(96%) sepia(10%) saturate(0%)
        hue-rotate(214deg) brightness(114%) contrast(100%);
}

.ascoIcon.whitehover:hover {
    filter: brightness(0) saturate(100%) invert(96%) sepia(10%) saturate(0%)
        hue-rotate(214deg) brightness(114%) contrast(100%);
}

/* Блёкло зелёный цвет */
.ascoIcon.green {
    filter: brightness(0) saturate(100%) invert(59%) sepia(59%) saturate(323%)
        hue-rotate(106deg) brightness(91%) contrast(84%);
}

.ascoIcon.greenhover:hover {
    filter: brightness(0) saturate(100%) invert(59%) sepia(59%) saturate(323%)
        hue-rotate(106deg) brightness(91%) contrast(84%);
}

/* Серый цвет */
.ascoIcon.gray {
    filter: brightness(0) saturate(100%) invert(63%) sepia(0%) saturate(766%)
        hue-rotate(232deg) brightness(83%) contrast(79%);
}

.ascoIcon.grayhover:hover {
    filter: brightness(0) saturate(100%) invert(63%) sepia(0%) saturate(766%)
        hue-rotate(232deg) brightness(83%) contrast(79%);
}

/* Синий цвет */
.ascoIcon.blue {
    filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(3972%)
        hue-rotate(218deg) brightness(102%) contrast(101%);
}

.ascoIcon.bluehover:hover {
    filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(3972%)
        hue-rotate(218deg) brightness(102%) contrast(101%);
}

/* Жёлтый цвет */
.ascoIcon.yellow {
    filter: brightness(0) saturate(100%) invert(87%) sepia(19%) saturate(3746%)
        hue-rotate(331deg) brightness(103%) contrast(97%);
}

.ascoIcon.yellowhover:hover {
    filter: brightness(0) saturate(100%) invert(87%) sepia(19%) saturate(3746%)
        hue-rotate(331deg) brightness(103%) contrast(97%);
}

/* Красный цвет */
.ascoIcon.red {
    filter: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(4498%)
        hue-rotate(353deg) brightness(84%) contrast(98%);
}

.ascoIcon.redhover:hover {
    filter: brightness(0) saturate(100%) invert(17%) sepia(55%) saturate(4498%)
        hue-rotate(353deg) brightness(84%) contrast(98%);
}

/* Чёрный цвет */
.ascoIcon.black {
    filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7478%)
        hue-rotate(0deg) brightness(105%) contrast(96%);
}

.ascoIcon.blackhover:hover {
    filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7478%)
        hue-rotate(0deg) brightness(105%) contrast(96%);
}

/* Функциональный значок стандартный зелёный цвет */
.ascoIcon.func {
    filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(874%)
        hue-rotate(131deg) brightness(99%) contrast(91%);
}

.ascoIcon.funchover:hover {
    filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(874%)
        hue-rotate(131deg) brightness(99%) contrast(91%);
}

/* Ширина по контенту */
.ascoMaxContent {
    width: max-content;
}

/* Ширина по контенту */
.ascoMaxContentHeight {
    height: max-content;
}

/* История изменений */
#AscoHistoryEdit {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#AscoHistoryEdit.open {
    z-index: 52;
}

#AscoHistoryEditBack {
    display: none;
    flex-grow: 1;
    background: #5a5a5a1a;
    transition: 0.3s;
    z-index: -1;
    opacity: 0;
}

#AscoHistoryEditContent {
    width: 100%;
    background: white;
    transition: 0.3s;
    position: absolute;
    height: 100%;
    right: -100%;
    z-index: 52;
    display: flex;
}

#AscoHistoryEdit.open > #AscoHistoryEditContent {
    right: 0;
}

@media only screen and (min-width: 992px) {
    #AscoHistoryEditBack {
        display: block;
    }

    #AscoHistoryEdit.open > #AscoHistoryEditBack {
        z-index: 52;
        opacity: 1;
    }

    #AscoHistoryEditContent {
        width: 600px;
        right: -600px;
    }
}

#AscoHistoryEditCreatedBlock {
    background: #fafbfe;
    border-radius: 8px;
    padding: 16px;
}

.ascoHistoryEditItemCircle {
    background: #f3f5ff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ascoHistoryEditItemCircle > img {
    width: 14px;
    height: 14px;
}

.ascoHistoryEditItemVertLine {
    flex-grow: 1;
    width: 1px;
    background: #f0f0f0;
}

.ascoHistoryEditItem:last-child > div > .ascoHistoryEditItemVertLine {
    display: none;
}

.ascoListItem {
    padding: 16px 0;
    border-left: 3px solid white;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: inset 0px -1px 0px #eaeaea;
}

.ascoListItem * {
    cursor: pointer;
}

.ascoListItem.active {
    background: #f8ffff;
    border-left: 3px solid #0caf89;
    cursor: default;
}

.ascoListItem.archive {
    background: #fafafa;
    border-left: 3px solid #fafafa;
}

.ascoListItem.active.archive {
    background: #fafafa;
    border-left: 3px solid #ff695c;
    cursor: default;
}

.ascoListItem.active * {
    cursor: default;
}

.ascoListItem:last-child {
    border-bottom: none;
}

.ascoListItemsBlock {
    min-width: 350px;
    max-width: 350px;
}

/* Flex */
.asco4Gap {
    gap: 4px;
}

.asco6Gap {
    gap: 6px;
}

.asco8Gap {
    gap: 8px;
}

.asco10Gap {
    gap: 10px;
}

.asco12Gap {
    gap: 12px;
}

.asco16Gap {
    gap: 16px;
}

.asco20Gap {
    gap: 20px;
}

.asco24Gap {
    gap: 24px;
}

.asco32Gap {
    gap: 32px;
}

.asco40Gap {
    gap: 40px;
}

.asco50Gap {
    gap: 50px;
}

.asco50FlexBasis {
    flex-basis: 50%;
}

/* Зачёркнутый текст */
.ascoTextCrossOut {
    text-decoration: line-through;
}

/* Display */

.ascoDisplayNone {
    display: none !important;
}

.ascoDisplayBlock {
    display: block !important;
}

.ascoDisplayFlex {
    display: flex !important;
}

/* FLex-basic */
.asco0FLexBasic {
    flex-basis: 0;
}

/* Блок инпут с кнопками */

#CreateInsuranceCaseInputsWithButtonBlock {
    padding: 16px 24px;
    border-radius: 12px;
    background: #f9fbff;
    margin-bottom: 16px;
}

.ascoInputWithButtonMainBlock {
    position: relative;
}

.ascoInputWithButtonsBlock {
    display: flex;
    position: absolute;
    right: 8px;
    top: 8px;
}

.ascoInputWithButtonsButton {
    padding: 6px 10px;
    border-radius: 8px;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    outline: none;
    border: none;
    display: none;
}

.ascoInputWithButtonsButton.open {
    display: block;
}

.ascoInputWithButtonsButton.greenTransparent {
    background: #eefbf0;
    color: #0caf89;
}

.ascoInputWithButtonsButton.green {
    background: #0caf89;
    color: white;
}

.ascoInputWithButtonsButton.gray {
    background: #f7f7f7;
    color: #0caf89;
}

.ascoInputWithButtonsButton.greedBorder {
    border: 1px solid #0caf89;
}