body {
    display: flex;
    flex-direction: column;
}

.loader-process {
    display: none;
    z-index: 8;
}
.loader-back {
    position: absolute;
    width: 100%;
    height: 175%;
    top: 0;
    left: 0;
    background: rgba(205,205,205,.5);
    z-index: 7;
    display: none;
}
.loader-active {
    display: block;
}

.modal__btn-second-name-agree {
    font: 16px "Muller Medium";
    display: flex;
    align-items: center;
    color: #474747;
    background: #ffd93a;
    border: none;
    border-radius: 5px;
    padding: 10px 17px;
    margin-right: 10px;
    cursor: pointer;
}

.form-record-block-mobile #captcha_google_2 {
    margin-top: 15px;
}

.captcha-items.error {
    border: 1px solid #fd5454;
}

.enter-second-name,
.modal__btn-close-dms,
.modal__btn-close-oms{
    font: 16px "Muller Medium";
    display: flex;
    align-items: center;
    color: #fff;
    background: #c7c7c7;
    border: none;
    border-radius: 5px;
    padding: 10px 17px;
    cursor: pointer;
}

.header__logo-mobile-p{
    font: 24px "MullerRegular";
    margin: 0 0 0 20px;
    color: #000;
}

.header__logo {
    text-decoration: none;
}

.header__request-a-call, .header__go-to-website {
    font: 18px "Geometria Medium";
}

.header__mobile-logo > .header__logo-img {
    display: block;
}

.container {
    height: auto !important;
}

.footer-container{
    margin-top: auto;
}

.container-mobile .container {
    width: 100%;
}

.content-block__payment-card {
    box-shadow: 0px 5px 13px 0px rgba(199, 208, 242, 0.36);
}

.modal__p {
    font: 20px "MullerRegular";
    line-height: 130%;
}

.modal__btn-call i {
    flex: 0 0 auto;
}

.modal__btn-call {
    font: 16px "MullerBold";
}

.enter-second-name, .modal__btn-close-dms, .modal__btn-close-oms {
    font: 16px "MullerBold";
}

.mobile-search-open {
    border-radius: 30px;
}

.content-block__doctor-mobile-address-p {
    font-family: "MullerBold";
}

.record-more-doctor, .content-block__add-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.content-block__checkbox-info-i {
    flex: 0 0 auto;
}

.content-block__title {
    color: #474747;
}
.header__request-a-call-form {
    top: -25px;
}

.content-block__search-items {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding: 28px 14px 8px 36px;
}
.content-block__search-item {
    width: 229px;
    margin: 0 15px 18px 0;
}

.daterangepicker {
    width: 506px !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    min-width: 30px !important;
    width: 30px !important;
}

.daterangepicker .drp-calendar.left {
    padding: 8px !important;
}

.content-block__timing-label {
    width: 69.43px;
}
.content-block__timing-label:first-child {
    margin: 0 4px 0 0;
}

.content-block__timing.one-timing tr{
    height: 38px;
}

.content-block__timing i {
    width: 69.43px;
}

.content-block__timing-free {
    width: 69.43px;
}
.content-block__timing.many-timing .content-block__timing-label:first-child {
    margin: 0 2px 0 0;
}

.content-block__timing.many-timing .content-block__timing-label {
    width: 71.43px;
}

.content-block__btn-recording {
    margin-top: 0;
    padding: 14px 94px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.block-form-record {
    padding: 55px 85px;
}

.block-form-record .content-block__title {
    margin: 0 0 50px 0;
}
.content-block__info-text::placeholder {
    color: #474747;
}

.t-blue {
    color: #4a8ac5;
}

.oms-popup .flex:first-child {
    align-items: center;
}

.oms-popup .flex img{
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.dms-popup .modal__p {
    font-size: 25px !important;
}

.content-block__selected-doctor-specialty, .content-block__selected-doctor-address {
    font: 12px "MullerRegular";
}

.content-block__info-text, .content-block__text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.datepicker table tr td, .datepicker table tr th {
    font-family: "MullerRegular";
}

.content-block__steps {
    height: 84px;
}

.content-block__back-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.content-block__back-wr svg {
    width: 17px;
    height: 17px;
}

.content-block__back-wr path {
    fill: #FFFFFF;
}

.content-block__sign-up-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
}

.content-block__sign-up-icon svg {
    width: 15px;
    height: 15px;
}

.content-block__sign-up-icon path {
    fill: #FFFFFF;
}

.content-block__doctor-item .content-block__doctor-name {
    font: 13px MullerRegular;
}

.content-block__doctor-address-p{
    font: 12px "MullerRegular";
}

.content-block__add-btn-i {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.content-block__add-btn-i svg {
    width: 15px;
    height: 15px;
}

.content-block__add-btn-i path {
    fill: #FFFFFF;
}

.content-block__doctor-delete-i {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
}

.content-block__doctor-delete-i svg {
    width: 15px;
    height: 15px;
}

.content-block__doctor-delete-i path {
    fill: #FFFFFF;
}

.content-block__add-btn.delete .content-block__add-btn-i{
 transform: none;
}

.content-block__add-btn-i svg {
    width: 15px;
    height: 15px;
}

.content-block__add-btn-i path {
    fill: #FFFFFF;
}

.content-block__timing-toggle-day-back, .content-block__timing-toggle-day-next {
    background-image: none !important;
}

.content-block__timing-toggle-day-back, .content-block__timing-toggle-day-next {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-block__timing-toggle-day-back svg, .content-block__timing-toggle-day-next svg {
    width: 15px;
    height: 15px;
}

.content-block__timing-toggle-day-back path, .content-block__timing-toggle-day-next path {
    fill: #474747;
}

.modal__btn-call i {
    background-image: none;
}

.modal__btn-call i svg {
    width: 26px;
    height: 26px;
}

.content-block__form-info.final .content-block__label {
    display: block !important;
}

.content-block__form-info.final .content-block__info-text {
    border: 2px solid transparent;
    border-bottom: 2px solid #f7f7f7;
    padding: 26px 30px 14px 13px;
    border-radius: 5px;
}

.content-block__form-info.final .content-block__info-text:focus {
    border: 2px solid #4a8ac5;
}

.content-block__form-record-i-final {
    display: none;
}

.content-block__form-info.final .content-block__search-input {
    display: flex;
    align-items: center;
}

.content-block__search-name {
    font: 14px MullerRegular;
}

@media (max-width: 1199px) {
    .content-block__form-record-i-final {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 20px;
        height: 20px;
        background: #f1f1f1;
        border-radius: 100%;
        margin: 5px 0 0 -26px;
    }
    .content-block__form-record-i-final svg {
        width: 10px;
        height: 10px;
    }
    .content-block__form-record-i-final path {
        fill: #c8c8c8;
    }
    .content-block__search-item {
        width: 100%;
        margin: 0
    }
    .content-block__search-items {
        padding: 0;
        max-height: 300px !important;
    }
    .modal__container {
        width: 452px;
    }
    .dms-popup .modal__p {
        font-size: 20px !important;
    }
    .content-block__timing-mobile-table, .content-block__timing-mobile-month {
        margin-left: 122px !important;
    }
    .content-block__doctor.timing .content-block__doctor-address-p {
        display: block !important;
    }
    .content-block__selected-mobile-doctors .content-block__doctor-img {
        margin: 0 0 0 auto;
    }
    .content-block__timing-toggle-day-back, .content-block__timing-toggle-day-next {
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
        padding: 0 !important;
    }

    .content-block__timing-toggle-day-back svg, .content-block__timing-toggle-day-next svg {
        width: 15px;
        height: 15px;
    }

    .content-block__timing-toggle-day-back path, .content-block__timing-toggle-day-next path {
        fill: #FFFFFF;
    }
    .content-block__timing-mobile-double-choice .content-block__timing-toggle-day {
        max-width: 200px;
    }
    .doctor-item-1200 .content-block__doctor-time {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .header__request-a-call-form{
        top: 30px;
    }
    .content-block__payment-card {
        box-shadow: none;
    }
    .content-block__sign-up {
        margin: 20px auto;
    }
    .content-block__steps {
        padding: 24px 20px 14px 20px;
    }
    .content-block__sign-up-time {
        font: 16px "MullerBold" !important;
    }
    .content-block__sign-up-button {
        margin: 0 !important;
        padding: 5px 10px;
    }
    .content-block__add-btn {
        display: none;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .content-block__doctors-delete.mobile-selected-doctors-list{
        margin-bottom: 0;
    }
    .content-block__timing-mobile-double-doctor-name {
        max-width: 230px;
        width: 100%;
        word-break: break-word;
    }
    .content-block__form {
        padding: 0 0 20px 0 !important;
    }
    .content-block__timing-mobile-table, .content-block__timing-mobile-month {
        margin-left: 20px !important;
    }
    .content-block__doctor-item .content-block__doctor-name {
        font: 13px "MullerRegular";
        margin: 0 0 8px 0 !important;
    }
    .content-block__form-info .content-block__label {
        display: block !important;
    }
    .content-block__label {
        font-size: 14px;
    }
    .content-block__label {
        top: 7px;
    }
    .content-block__info-text {
        padding: 26px 13px 14px 13px;
    }
    .content-block__doctors-mobile-time .content-block__doctor-time {
        display: block !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 5px 0 0 0;
    }

    .content-block__doctor-delete-i svg {
        width: 10px !important;
        height: 10px !important;
    }

    .content-block__doctor-delete-i:hover {
        width: 18px;
        height: 18px;
    }
    .content-block__doctor-delete:hover .content-block__doctor-delete-i {
        background-image: none;
    }
}

@media (max-width: 767px) {
    .content-block__doctor-mobile-name-specialty a:last-child{
        margin: 0 0 0 auto;
    }
    .content-block__doctor-item .content-block__doctor-name {
        font: 13px "MullerBold";
    }

    .content-block__timing-mobile-double-doctor-name {
        max-width: 200px;
        width: 100%;
        word-break: break-word;
        margin: 0 10px 0 0;
    }
    .content-block__add-btn {
        margin-top: 10px !important;
    }
    .content-block__checkbox-p {
        width: 100%;
    }
    .content-block__checkbox-label {
        margin: 30px 0 0 15px;
    }
    .daterangepicker {
        width: 100% !important;
    }
    .daterangepicker .drp-calendar {
        width: 50%;
    }
    .content-block__payment-card {
        justify-content: center;
    }
    .content-block__payment-name {
        font-size: 28px;
    }
    .content-block__doctor-mobile-btn.selected-doctor-mobile, .content-block__doctor-mobile-edit.selected-doctor-and-time-edit-mobile {
        width: 49%;
    }
    .content-block__doctor-name {
        margin-bottom: 8px !important;
    }
    .content-block__doctor-item-container {
        width: 100%;
    }
    .content-block__doctor-container {
        width: 100%;
    }
    .content-block__doctor-time {
        margin-left: auto;
        margin-right: 30px;
    }
    .content-block__doctors-mobile-time .content-block__doctor-address-p{
        margin: 0 !important;
    }
    .content-block__selected-mobile-doctors .content-block__doctor-time{
        margin-left: 0;
    }
    .content-block__steps {
        height: 75px;
    }
    .content-block__back-wr path {
        fill: #474747;
    }
}

@media (max-width: 575px) {
    .header{
        padding: 0;
    }
    .final-wrap-flex .t-blue{
        margin-left: 14px !important;
    }
    .final-wrap-flex .content-block__warning-record{
        margin-bottom: 0 !important;
    }
    .final .content-block__form-title{
        font-size: 16px;
        margin-bottom: 0;
    }
    .header__logo-mobile-img{
        display: flex;
        align-items: center;
    }
    .header__logo-mobile-p {
        color: #4E4E4E;
        font-size: 20px;
    }
    .container-mobile {
        max-width: 100%;
    }
    .content-block__payment-card {
        box-shadow: 0px 5px 13px 0px rgba(199, 208, 242, 0.36);
    }
    .content-block__search-btn {
        font-size: 17px;
        height: 48px;
        padding: 0 30px;
    }
    .content-block__date, .content-block__address, .content-block__text {
        font-size: 17px;
    }
    .daterangepicker .calendar-table {
        border: 1px solid #e8e8e8 !important;
    }
    .daterangepicker .drp-calendar {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 10px 0 0 0 !important;
    }
    .daterangepicker {
        height: 450px !important;
        padding: 0 !important;
    }
    .daterangepicker tr:nth-child(1) th:nth-child(1) {
        display: none;
    }
    .daterangepicker th.month {
        text-align: left !important;
        padding:10px 0 0 16px;
    }
    .content-block__mobile-message-content {
        margin-left: 0;
    }
    .content-block__timing-mobile-double-doctor-name {
        margin: 0 40px 5px 0;
    }
    .content-block__timing-toggle-day-input {
        font: 16px "MullerLight";
    }
    .content-block__timing-mobile-double-choice-warning {
        font: 12px "Geometria Medium";
        margin: 0 0 0 0;
    }
    .content-block__timing-mobile-double-choice-btn {
        margin: 20px auto 0 auto;
    }
    .content-block__sign-up {
        margin: 20px auto 0 auto;
    }
    .content-block__form-info-js.active {
        position: relative;
    }
    .content-block__form-info-top {
        top: -66px;
    }
    .daterangepicker .drp-calendar {
        width: 100%;
    }
    .t-blue{
        font-size: 22px;
    }
    .content-block__warning-record {
       font-size: 15px;
       line-height: 120%;
    }
    .content-block__form-record .content-block__form-title {
        font-size: 17px;
    }
    .content-block__form-record-flex {
        justify-content: space-between;
    }
    .content-block__form-record-btn-sec, .content-block__form-record-btn-deg {
        width: 49%;
        margin: 0;
    }
    .content-block__form-info .content-block__search-input {
        margin: 15px 0 0 0 !important;
    }
    .content-block__payment-name {
        font-size: 20px;
    }
    .modal__container {
        width: 100%
    }
    .content-block__steps {
        height: 75px;
    }
    .content-block__timing-mobile-btn.doctors-select-time-mobile {
        width: 100% !important;
    }
}
@media (max-width: 375px) {
    #app, body, html {
        width: 375px;
    }
}

.content-block__back-p {
    color: #474747;
}