.HistoryBlock {
    right: -500px;
    position: fixed;
    z-index: 100;
    width: 500px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: right 0.2s linear;
}

    .HistoryBlock.Active {
        right: 0;
    }

.MoreServicesIK {
    transition: transform 0.3s;
}

    .MoreServicesIK.Active {
        transform: rotate(180deg);
    }

.ButtonOK {
    outline: none !important;
    background: #0CAF89;
    border: none;
    color: white !important;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s linear;
    border-radius: 5px;
    padding: 0.5rem;
    cursor: pointer;
    white-space: nowrap;
}

    .ButtonOK:hover {
        background: #339b7a;
    }

.ButtonOKWhite {
    outline: none !important;
    background: white;
    border: 1px solid #0CAF89;
    color: #0CAF89 !important;
    font-family: 'SourceSansPro-SemiBold';
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s linear;
    cursor: pointer;
}

    .ButtonOKWhite:hover {
        background: #0CAF89;
        color: white !important;
    }

.ButtonTitleInput {
    font-size: 12pt;
    background: none;
    color: #686666;
    border: none;
    transition: all linear 0.3s;
    border-bottom: 3px solid white !important;
    border-radius: 0px !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

    .ButtonTitleInput.active {
        background: none !important;
        color: #0CAF89 !important;
        border-bottom: 3px solid #0CAF89 !important;
        border-radius: 0px;
        padding: 0px;
    }

    .ButtonTitleInput:hover {
        color: #0CAF89;
    }

.ButtonRemovePolicyItemNote {
    border: none;
    background: none;
    color: #686666;
    transition: all linear 0.3s;
}

    .ButtonRemovePolicyItemNote:hover {
        color: #F34F49;
    }

#BackAuth {
    width: 40%;
}

#BackAuthImage {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.LoginButAuth {
    opacity: 0.7;
    font-family: 'SourceSansPro-SemiBold';
    color: white;
    width: 100%;
    background: #0CAF89;
    outline: none;
    border: none;
    border-radius: 7px;
    transition: all 0.3s linear;
}

    .LoginButAuth:hover {
        opacity: 1;
    }

.Validation ul {
    font-family: 'Inter';
    font-size: 14px;
    list-style: none;
    color: #ff000087;
    margin: 0;
    padding: 0;
    font-weight:600;
}

.Validation.auth > ul {
    margin-top: 32px;
}

.ExitButton {
    border: none;
    background: none;
    color: #787878;
    font-family: 'SourceSansPro-Regular';
    transition: all 0.3s linear;
}

    .ExitButton:hover {
        color: #DC3E38;
    }

.BlockServiceIcon {
    transition: all 0.3s linear;
}

    .BlockServiceIcon.Active {
        opacity: 0;
    }

.only-timepicker .datepicker--nav,
.only-timepicker .datepicker--content {
    display: none;
}

.only-timepicker .datepicker--time {
    border-top: none;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #0CAF89 !important;
    color: white !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background: #0caf8920;
}

.dropdown-menu {
    border-radius: 7px;
    box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.3);
    font-size: 15px;
}

select:invalid {
    margin-top: 25px !important;
    height: 0px !important;
    opacity: 0 !important;
    position: absolute !important;
    display: flex !important;
}

    select:invalid[multiple] {
        margin-top: 15px !important;
    }

.ButtonListItem {
    background: none;
    text-align: left;
    border: none;
    border-radius: 12px;
    background: white;
    border: 1px solid white;
}

    .ButtonListItem.Active {
        border: 1px solid #0CAF89;
    }

        .ButtonListItem.Active.Stop {
            border: 1px solid #e9e9e9;
        }

        .ButtonListItem.Active .Title.HeaderButtonList, .ButtonListItem.Active .TitleInput.HeaderButtonList {
            color: white;
            background: #0CAF89;
        }

        .ButtonListItem.Active.Stop > .Title.HeaderButtonList {
            color: black;
            background: #e9e9e9;
        }

        .ButtonListItem.Active > div > .NoteButton {
            display: block;
        }

        .ButtonListItem.Active .mhr {
            display: none !important;
        }

.HeaderButtonList {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.optionsButtonList {
    color: white;
    transition:0.3s;
}
.ascoListItem.active * .optionsButtonList {
    color: #c9c9c9;
}

.MainInsuranceCompanyCard {
    border: 1px solid #e9e9e9;
    border-radius: 7px;
    transition: all linear 0.3s;
}

        .MainInsuranceCompanyCard:hover .ButtonEditIC {
            opacity: 1;
        }

.Button_MoreInsuranceCompany {
    background: none;
    border: none;
    color: white;
    transition: transform 0.3s;
}

    .Button_MoreInsuranceCompany.Active {
        transform: rotate(180deg);
    }

.ButtonEditIC {
    opacity: 0;
}

.FilterInsuranceCompany {
    left: -40%;
    position: absolute;
    z-index: 100;
    width: 30%;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: left 0.2s linear;
}

    .FilterInsuranceCompany.Active {
        left: 0;
    }


.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.BoxMobile input {
    height: 4rem;
}

.BoxMobile button {
    height: 4rem;
}


.ButtonContractMain {
    background: none !important;
    border-radius: 3px !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 7px #fff;
    transition: all 0.2s linear;
}

    .ButtonContractMain:hover {
        box-shadow: 0 0 6px 8px #00000010;
    }

    .ButtonContractMain.Active {
        background: none !important;
        box-shadow: 0 0 0 2px #44BA95, 0 0 6px 8px #DAF1EA !important;
    }

.ButtonListItem.C.Active .ContractN {
    color: #ffffff90;
}

.ButtonContractInsuranceCompany {
    width: 100%;
    border: none;
    background: white;
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
    justify-content: space-between;
    display: flex;
    border-radius: 3px;
}

    .ButtonContractInsuranceCompany.Stop {
        color: #a5a5a5;
    }

    .ButtonContractInsuranceCompany:hover {
        background: #0caf8920;
    }

    .ButtonContractInsuranceCompany.Active {
        background: #0CAF89 !important;
        color: white;
        border-bottom: 1px solid #0CAF89;
    }

    .ButtonContractInsuranceCompany.Stop.Active {
        background: #9993 !important;
        color: black;
        border-bottom: 1px solid #9993;
    }

.ContractListMainInsuranceCompany::-webkit-scrollbar {
    height: 9px;
}

#BiteBlockButton::-webkit-scrollbar {
    height: 9px;
}

.RangeRow {
    transition: all 0.3s linear;
    cursor: pointer;
    color: #3a3838 !important;
}

.RangeRow:last-child {
    border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;
}

.RangeGray {
    background: #e7e7e7;
}

    .RangeGray:hover {
        background: #d3d3d3;
    }

.RangeGreen {
    background: #0caf894f;
}

    .RangeGreen:hover {
        background: #0caf8987;
    }

.RangeYellow {
    background: #ffc1074f;
}

    .RangeYellow:hover {
        background: #ffc10787;
    }

.RangeRed {
    background: #F34F494f;
}

    .RangeRed:hover {
        background: #F34F4987;
    }

.ButServiceInsuranceProgram {
    background: #f6f5f9;
    color: #63577c !important;
    border-radius: 7px;
    width: 100%;
    border: none;
    justify-content: space-between;
}

.ButServiceInsuranceProgram.open {
    background: #54476e;
    color: white !important;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: none;
    justify-content: space-between;
    transition: all 0.3s linear;
}

    .ButServiceInsuranceProgram .Angel {
        transform: rotate(180deg);
    }

.BoxServiceInsuranceProgramm {
    border: 1px solid #e9e9e9;
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    display:none;
}
.BoxServiceInsuranceProgramm.open {
    display: block;
}

.ButSoglInsuranceProgramm {
    background: #f6bd33;
    transition: all 0.3s linear;
}

    .ButSoglInsuranceProgramm:hover {
        background: #c49521;
    }

.ButRefuseInsuranceProgram {
    color: #F53D3D;
    background: #feebeb;
    font-family: 'SourceSansPro-SemiBold';
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s linear;
}

    .ButRefuseInsuranceProgram:hover {
        color: #d53f3f;
        background: #f1d6d6;
    }

.Step {
    width: 60px;
    position: relative;
    text-align: center;
    background: white;
    color: #edecf0;
    font-family: 'SourceSansPro-Regular';
}

    .Step:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 5px solid white;
        border-top: 15px solid transparent;
        border-bottom: 11px solid transparent;
    }

    .Step:before {
        content: "";
        position: absolute;
        right: -10px;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 10px solid white;
        border-top: 13px solid transparent;
        border-bottom: 11px solid transparent;
    }

.Processing.Step:before {
    border-left: 10px solid #edecf0;
}

.Step.Active:before {
    border-left: 10px solid #54476e;
}


.Step.Processing {
    background: #edecf0;
    color: #54476e;
}

.Step:after {
    content: none;
}

.Step.Processing {
    background: #edecf0;
    color: #54476e;
}

.Step.Active {
    font-family: 'SourceSansPro-SemiBold';
    background: #54476e;
    color: #edecf0;
}

.InsProStepBlock {
    display: none;
}

    .InsProStepBlock.Active {
        display: flex;
    }

/*.InsuredEventBlockHeader {
    background: #edecf0;
    color: #54476e;
    font-size: 14px;
    border: none;
    outline: none !important;
    height: max-content;
    margin-top: auto;
    margin-bottom: auto;
}
    .InsuredEventBlockHeader.Active {
        background: #54476e;
        color: white;
    }*/

::-webkit-scrollbar {
    height: 8px;
}

.InsuredEventBlockHeader {
    font-family: 'SourceSansPro-SemiBold';
    background: #EDECF0;
    border-radius: 4px;
    width: 100px;
    height: 29px;
    color: #54476E;
    border: none;
    margin-right: 10px;
    transition: all linear 0.3s;
}

    .InsuredEventBlockHeader.Active {
        background: #54476E;
        color: white;
    }

#AddNoteIKInput {
    border: none;
    outline: none;
    flex-grow: 1;
    font-family: 'SourceSansPro-Regular';
    font-size: 14px;
}

    #AddNoteIKInput::placeholder {
        font-family: 'SourceSansPro-Regular';
        font-style: italic;
    }

#AddNoteIKButton {
    background: #0CAF89;
    height: 100%;
    display: flex;
    align-items: center;
    color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    cursor: pointer;
    transition: 0.3s;
}

    #AddNoteIKButton:hover {
        background: #0ea17e;
    }

.NavButton {
    background: none !important;
    color: #0CAF89 !important;
}

    .NavButton.active {
        color: white !important;
        background: #0CAF89 !important;
    }

.ShadowBlock {
    transition: all 0.3s linear;
}

    .ShadowBlock:hover {
        box-shadow: 0 0 6px 8px #00000010;
    }

/* Модальное окно добавления комментария к ИК*/
#ModalBiteListBlock::-webkit-scrollbar {
    height: 7px;
}

.ModalBite {
    background: #edecf0;
    color: #54476e;
    cursor: pointer;
}

    .ModalBite.Active {
        background: #54476e;
        color: white;
    }
/**/

.datepicker-here:read-only {
    background: white;
}

.HoverObjectShowBlock {
    position: fixed;
    display: none;
    background: white;
    border: 1px solid #e9e9e9;
    z-index: 10;
}

.LoadIKErrorsBlock {
    font-family: 'SourceSansPro-SemiBold';
    font-size: 20px;
    color: #F34F49;
    padding: 0.5rem;
    border-radius: 7px;
    background: #f34f4929;
}

/* Уведомления */

#NotificationBlock {
    margin-right: 0.5rem !important;
    width: 30px;
    height: 30px;
    background-image: url('/Img/Notifications/notification gray.png');
    background-size: 100%;
    cursor: pointer;
}

    #NotificationBlock.ContainsNotifacation {
        background-image: url('/Img/Notifications/notification gray_red.png');
    }

    #NotificationBlock.Active {
        background-image: url('/Img/Notifications/notification green.png');
    }

    #NotificationBlock.ContainsNotifacation.Active {
        background-image: url('/Img/Notifications/notification green_red.png');
    }

/* */

.APIKValid, .AIKRValid {
    color: #F34F49;
    font-family: 'SourceSansPro-Regular';
}

.APIKDate {
    background: transparent;
}

    .APIKDate:focus {
        background: transparent;
    }

/* Краткая информация о страховой программе */
.ShortDataIPBlue, .ShortDataIPYellow, .ShortDataIPGreen {
    border-radius: 5px;
    margin-right: 8px;
    padding: 1px 6px;
    font-family: 'SourceSansPro-Regular';
    font-size: 13px;
    transition: 0.3s;
}

.ButServiceInsuranceProgram.collapsed > div > .ShortDataIPBlue {
    color: #63577c;
    background: #63577c1c !important;
}

.ButServiceInsuranceProgram.collapsed > div > div > img {
    transition: 0.3s;
}

    .ButServiceInsuranceProgram.collapsed > div > div > img.IconS {
        opacity: 1;
    }

    .ButServiceInsuranceProgram.collapsed > div > div > img.White {
        opacity: 0;
    }

.ButServiceInsuranceProgram > div > div > img.White {
    opacity: 1;
}

.ButServiceInsuranceProgram > div > div > img.IconS {
    opacity: 0;
}

.ButServiceInsuranceProgram.collapsed > div > .ShortDataIPGreen {
    color: #0CAF89;
    background: #0caf8926 !important;
}

.ButServiceInsuranceProgram.collapsed > div > .ShortDataIPYellow {
    color: #F6BC34;
    background: #f6bc3426 !important;
}

.ButServiceInsuranceProgram > div > .ShortDataIPBlue {
    color: #63577c;
    background: white;
}

.ButServiceInsuranceProgram > div > .ShortDataIPGreen {
    color: #0CAF89;
    background: white;
}

.ButServiceInsuranceProgram > div > .ShortDataIPYellow {
    color: #F6BC34;
    background: white;
}

#HistoryImmunokartMainBlock {
    position: fixed;
    background: white;
    width: 400px;
    height: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    padding: 13px;
    right: -400px;
    transition: 0.3s;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

    #HistoryImmunokartMainBlock.Open {
        right: 0;
    }

#HistoryImmunokartHeaderBlock {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#HistoryImmunokartHeaderCross {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s;
    border-radius: 50%;
    padding: 6px 8px;
    cursor: pointer;
}

    #HistoryImmunokartHeaderCross:hover {
        background: #e9e9e9;
    }

#HistoryImmunokartBodyBlock {
    display: flex;
    flex-grow: 1;
    position: relative;
    margin-top: 13px;
}

#HistoryImmunokartBodyContentBlock {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.historyimmunocarditem {
    padding: 13px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    margin-bottom: 13px;
    font-size: 14px;
}

.historyimmunocarditemdateuser {
    display: flex;
    color: #c7c7c7;
    justify-content: space-between;
    margin-top: 5px;
}

#HistoryIKIcon {
    cursor: pointer;
    color: #0CAF89 !important;
    opacity: 0.7;
    transition: 0.3s;
}

    #HistoryIKIcon:hover {
        opacity: 1;
    }

#AddAppealCallCenter {
    transition: 0.3s;
    overflow: hidden;
    /*max-height: 0;
    padding: 0;*/
    display: none;
    border-top: 1px solid #0CAF89;
    border-bottom: 1px solid #0CAF89;
    padding: 10px 0;
}

    #AddAppealCallCenter.Open {
        display: block;
        /*border-top: 1px solid #0CAF89;
        border-bottom: 1px solid #0CAF89;
        max-height: 1000px;
        padding: 10px 0;*/
    }

.necessarilyStar {
    color: #CF5252;
}

.addAppealCallCenterSMSInput {
    width: 140px;
    height: 36px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #ced4da;
    margin-right: 0.5rem;
    padding: 5px;
}

#AddAppealCallCenterSMSButton {
    display: flex;
    font-size: 12px;
    cursor: pointer;
    transition: 0.3s;
    font-family: 'SourceSansPro-SemiBold';
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #0CAF89;
    color: white;
}

#AddAppealCallCenterButton {
    /*border-bottom-left-radius:0;
        border-bottom-right-radius:0;*/
    display: block;
}

    #AddAppealCallCenterButton.Open {
        /*border-bottom-left-radius:0;
        border-bottom-right-radius:0;*/
        display: none;
    }

#AddAppealCallCenterCancelButton {
    font-family: 'SourceSansPro-SemiBold';
    color: #a7a7a7;
    transition: 0.3s;
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
}

    #AddAppealCallCenterCancelButton:hover {
        color: black;
    }

.validText {
    color: #b94a48 !important;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    display: none;
}

    .validText.Open {
        display: block;
    }

.validInput {
    border: 1px solid #b94a48 !important;
}

.flex-grow-1 {
    -webkit-flex-grow: 1 !important;
}

.showHiddenHeaderBlock {
    cursor: pointer;
    transition: 0.3s;
    border-radius: 5px;
}

    .showHiddenHeaderBlock.open {
        color: #326fb5;
    }

    .showHiddenHeaderBlock:hover {
        background: #e9e9e952;
    }

.showHiddenHeaderBlockArrow {
    transition: 0.3s;
}

.showHiddenHeaderBlock.open .showHiddenHeaderBlockArrow {
    transform: rotateZ(180deg);
}

.showHiddenBlockDetalization {
    transition: all 0.3s linear;
}

    .showHiddenBlockDetalization.hidden {
        overflow: hidden;
        max-height: 0;
    }

.RestrictionsImmunocard {
    background: #F7F3C6 !important;
    border: 2px solid #FBE44C !important;
}

.pageNumber {
    transition: 0.3s;
    font-family: 'Inter';
    font-weight: 800;
    cursor: pointer;
    border-radius: 12px;
    line-height: 2;
    text-align: center;
    color: #0CAF89;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    font-size: 13px;
    line-height: 34px;
}

    .pageNumber.Select {
        color: white;
        background: #0CAF89;
        cursor: default;
    }

.pageNumberArrow {
    cursor: pointer;
    color: #0CAF89;
}

.messageGPForDoctorBlock {
    background: rgba(255, 199, 0, 0.12);
    border-radius: 12px;
    display: flex;
    padding: 16px;
}

.messageGPForDoctorInfoTextBlock {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 13px;
}

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

.messageGPForDoctorInfoTextBold {
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
}

.custom-control-label::before {
    background-color: #EBEFFF;
    border: none;
    border-radius: 8px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 6px;
}

.custom-checkbox .custom-control-label::after {
    position: absolute;
    top: 0.05rem;
    left: -1.74rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("/Img/Check.svg");
}

.checkMessageGPForDoctorInfoBlock {
    margin-top: 8px;
}

    .checkMessageGPForDoctorInfoBlock > label:before {
        position: absolute;
        top: calc(50% - 0.5rem);
    }

    .checkMessageGPForDoctorInfoBlock > label::after {
        top: 39% !important;
    }

.servicesAscoBlock {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.servicesAscoTitleService {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    width: 200px;
}


.dayOfWeek {
    display: none;
}

    .dayOfWeek.Open {
        display: block;
    }

#NotificationsButtonSystem {
    position: absolute;
    right: 8px;
    top: 24px;
    background: white;
    border: 1px solid #0CAF89;
    border-radius: 50%;
    padding: 8px;
}

#NotificationsAnimationSystem {
    width: 24px;
    height: 24px;
}

    #NotificationsAnimationSystem.Hidden {
        display: none;
    }

#NotificationsImgSystem {
    display: none;
}

    #NotificationsImgSystem.Open {
        display: block;
    }

.priceServiceRegionIcon {
    opacity: 0;
    transition: 0.3s;
    cursor: pointer;
}

tr:hover > td > div > .priceServiceRegionIcon {
    opacity: 1;
}

.focuseHospitalCHildrenServiceBlock {
    display: flex;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    color: rgba(27, 31, 59, 0.8);
    margin-left: 44px;
}

.focuseHospitalCHildrenServiceGreenCircle {
    width: 10px;
    height: 10px;
    background: #0CAF89;
    border-radius: 50%;
    margin-right: 8px;
}

.hospitalFocuseServiceParentArrow {
    transition: 0.3s;
}

    .hospitalFocuseServiceParentArrow.Open {
        transform: rotateZ(180deg);
    }

.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00;
}

#GeographicTagsCreateButton {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 160%;
    color: #0CAF89;
    border-radius: 8px;
    padding: 12px 24px;
    background: #F7F7F7;
    margin-top: 24px;
    outline: none;
    border: none;
}

.geographicTagsCategoryColor {
    border-radius: 50%;
    min-width: 32px;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.geographicTagsCategoryColor.active {
    cursor: pointer;
}
    .geographicTagsCategoryColor > i {
        display: none;
    }

    .geographicTagsCategoryColor.active > i {
        display: block;
    }