@import url("../../Default/css/style.css");

:root {
    /*! Цвета НашДоктор */
    --nashdocktor-main-color: #1fc602;
    --nashdocktor-main-color-rgb: 31, 198, 2;
    /*! Ссылки */
    --nashdocktor-link-color: #1fc602;
    --nashdocktor-link-color-hover: #148a01;
    /*! Кнопка (обычная) */
    --nashdocktor-btn-bg: #1fc602;
    --nashdocktor-btn-border-color: #1fc602;
    --nashdocktor-btn-hover-bg: #148a01;
    --nashdocktor-btn-hover-border-color: #148a01;
    --nashdocktor-btn-active-bg: #148a01;
    --nashdocktor-btn-active-border-color: #148a01;
    /*! Кнопка (линия) */
    --nashdocktor-btnline-color: #1fc602;
    --nashdocktor-btnline-border-color: #1fc602;
    --nashdocktor-btnline-hover-bg: #1fc602;
    --nashdocktor-btnline-hover-border-color: #1fc602;
    --nashdocktor-btnline-active-bg: #1fc602;
    --nashdocktor-btnline-active-border-color: #1fc602;
    /*! Аккордеон */
    --nashdocktor-accordion-btn-color: #1fc602;
    --nashdocktor-accordion-active-color: #1fc602;
    /*! Pop-up Уведомления */
    --nashdocktor-alert-color: #fff;
    --nashdocktor-alert-bg: #1fc602;
    --nashdocktor-alert-border-color: #1fc602;
    /*! Цвет непрочитанных уведомлений */
    --nashdocktor-message-unread: #1fc602;
    /*! Цвет чата */
    --nashdocktor-message-bg-clinic: #caf1fd;
    --nashdocktor-message-color-clinic: #0b5281;
    --nashdocktor-message-color-sec-clinic: #a0b3a0;
    --nashdocktor-message-bg-patient: #27a8ee;
    --nashdocktor-message-color-patient: #ffffff;
    --nashdocktor-message-color-sec-patient: #84ceff;
    /*Цвет градиента рекламных блоков*/
    --nashdocktor-promo-gradient: linear-gradient(45deg, #e3630900, #d531e100, #6a5db700);
    --nashdocktor-promo-box-shadow: 0;
    --nashdocktor-promo-shift: 0;
    --nashdocktor-promo-padding-slider: 5px;
    --nashdocktor-promo-width-phone: 30.3vw;
    --nashdocktor-promo-width-pc: 150px;
    /*Цвет информационного блока*/
    --nashdocktor-mes-block-bg: #1fc60209;
    --nashdocktor-mes-block-border-color: #1fc6027a;
    /*Цвет выделения блока записи к врачу*/
    --nashdocktor-appointment-rec-bg: #1fc6021f;
    /*! Общие цвета */
    --bs-primary: var(--nashdocktor-main-color);
    --bs-primary-rgb: var(--nashdocktor-main-color-rgb);
    --bs-link-color: var(--nashdocktor-link-color);
    --bs-link-hover-color: var(--nashdocktor-link-color-hover);
}

/* Копировать */
.ic-show-password {
    background-image: url('../images/icons/show-password.svg');
}

.ic-hide-password {
    background-image: url('../images/icons/hide-password.svg');
}

.ic-arrow-down-s-line {
    background-image: url('../images/icons/arrow-down-s-line.svg');
}

.ic-arrow-up-s-line {
    background-image: url('../images/icons/arrow-up-s-line.svg');
}

.ic-calendar-line {
    background-image: url('../images/icons/calendar-line.svg');
}

.ic-check-line {
    background-image: url('../images/icons/check-line.svg');
}

.ic-close-line {
    background-image: url('../images/icons/close-line.svg');
}

.ic-user-line {
    background-image: url('../images/icons/user-line.svg');
}

.ic-group-user-line {
    background-image: url('../images/icons/group-user-line.svg');
}

.ic-error-warning-line {
    background-image: url('../images/icons/error-warning-line.svg');
}

.ic-file-copy-line {
    background-image: url('../images/icons/file-copy-line.svg');
}

.ic-file-pdf-line {
    background-image: url('../images/icons/file-pdf-line.svg');
}

.ic-file-pdf-line-active {
    background-image: url('../images/icons/file-pdf-line.svg');
}

.ic-file-text-fill {
    background-image: url('../images/icons/file-text-fill.svg');
}

.ic-file-text-line {
    background-image: url('../images/icons/file-text-line.svg');
}

.ic-logout-box-r-line {
    background-image: url('../images/icons/logout-box-r-line.svg');
}

.ic-mark-pen-line {
    background-image: url('../images/icons/mark-pen-line.svg');
}

.ic-menu-2-fill {
    background-image: url('../images/icons/menu-2-fill.svg');
}

.ic-menu-fold-line {
    background-image: url('../images/icons/menu-fold-line.svg');
}

.ic-notification-3-line {
    background-image: url('../images/icons/notification-3-line.svg');
}

.ic-notification-4-line {
    background-image: url('../images/icons/notification-4-line.svg');
}

.ic-star-fill {
    background-image: url('../images/icons/star-fill.svg');
}

.ic-star-fill-active {
    background-image: url('../images/icons/star-fill-active.svg');
}

.ic-star-line {
    background-image: url('../images/icons/star-line.svg');
}

.ic-send-plane-fill {
    background-image: url('../images/icons/send-plane-fill.svg');
}

.ic-add-line {
    background-image: url('../images/icons/add-line.svg');
}

.ic-add-line-profile {
    background-image: url('../images/icons/add-line-profile.svg');
}

.ic-save-email {
    background-image: url('../images/icons/save-email.svg');
}

.ic-close-edit-email {
    background-image: url('../images/icons/close-edit-email.svg');
}

.ic-edit-email {
    background-image: url('../images/icons/edit-email.svg');
}

.ic-telegram {
    background-image: url('../images/icons/telegram.svg');
}

.ic-phone-line {
    background-image: url('../images/icons/phone-line.svg');
}

.ic-add-line-identity-doc {
    background-image: url('../images/icons/add-line-identity-doc.svg');
}

.ic-edit-line-identity-doc {
    background-image: url('../images/icons/edit-line-identity-doc.svg');
}

.ic-success-send-identity-doc {
    background-image: url('../images/icons/success-send-identity-doc.svg');
}

.ic-read-line-primary {
    background-image: url('../images/icons/read-line-primary.svg');
}

.ic-read-line-light {
    background-image: url('../images/icons/read-line-light.svg');
}

.ic-unread-line-primary {
    background-image: url('../images/icons/unread-line-primary.svg');
}

.ic-unread-line-light {
    background-image: url('../images/icons/unread-line-light.svg');
}

.ic-question-line {
    background-image: url('../images/icons/question-line.svg');
}

.ic-delete-bin-line {
    background-image: url('../images/icons/delete-bin-line.svg');
}

.ic-doctor-line {
    background-image: url('../images/icons/doctor-line.svg');
}

.ic-diagnostics-line {
    background-image: url('../images/icons/diagnostics-line.svg');
}

.ic-analysis-line {
    background-image: url('../images/icons/analysis-line.svg');
}

.ic-remote-reception {
    background-image: url('../images/icons/remote-reception.svg');
}

.ic-home-visit-reception {
    background-image: url('../images/icons/home-visit-reception.svg');
}

.ic-procedures {
    background-image: url('../images/icons/procedures.svg');
}

.ic-info-for-tax {
    background-image: url('../images/icons/info-for-tax.svg');
}

.ic-clear-input {
    background-image: url('../images/icons/clear-input.svg');
}

.ic-questionnaire {
    background-image: url('../images/icons/questionnaire.svg');
}

.ic-questionnaire-char {
    width: 23px;
    min-width: 23px;
    height: 32px;
    background-image: url('../images/icons/questionnaire-char.svg');
}

.ic-questionnaire-rec {
    background-image: url('../images/icons/questionnaire-rec.svg');
}

.ic-questionnaire-rec-check {
    background-size: contain !important;
    background-image: url('../images/icons/questionnaire-rec-check.svg');
}

.ic-normative-documents {
    background-image: url('../images/icons/normative-documents.svg');
}

.ic-dentistry-reception {
    background-image: url('../images/icons/dentistry-reception.svg');
}

.ic-cosmetology-reception {
    background-image: url('../images/icons/cosmetology-reception.svg');
}

.ic-default-reception {
    background-image: url('../images/icons/default-reception.svg');
}

.ic-inspection-results {
    background-image: url('../images/icons/inspection-results.svg');
}

.ic-file-other-icon {
    background-image: url('../images/icons/file-other-icon.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-dentistry-reception {
    background-image: url('../images/icons/dentistry-reception-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-cosmetology-reception {
    background-image: url('../images/icons/cosmetology-reception-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-default-reception {
    background-image: url('../images/icons/default-reception-active.svg');
}

.btn-outline-primary:hover .ic-error-warning-line {
    background-image: url('../images/icons/error-warning-line-active.svg');
}

.btn-outline-primary:active .ic-error-warning-line {
    background-image: url('../images/icons/error-warning-line-active.svg');
}

.btn-outline-secondary:hover .ic-clear-input {
    background-image: url('../images/icons/clear-input-active.svg');
}

.btn-outline-secondary:active .ic-clear-input {
    background-image: url('../images/icons/clear-input-active.svg');
}

@media (hover: none) {
    .btn-outline-primary:hover:not(.radio-button):not([disabled]) {
        background-color: inherit !important;
        color: var(--bs-primary) !important;
    }

    .btn-outline-primary:hover .ic-error-warning-line,
    .btn-outline-primary:active .ic-error-warning-line {
        background-image: url('../images/icons/error-warning-line.svg') !important;
    }
}

.btn-radio-list-form.list-servicekind.selected .ic-doctor-line {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/doctor-line-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-diagnostics-line {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/diagnostics-line-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-analysis-line {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/analysis-line-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-remote-reception {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/remote-reception-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-home-visit-reception {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/home-visit-reception-active.svg');
}

.btn-radio-list-form.list-servicekind.selected .ic-procedures {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/procedures-active.svg');
}

.reg-profile-button:hover .ic-add-line-profile {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/add-line-profile-active.svg');
}

.add-identity-doc-button:hover .ic-add-line-identity-doc {
    background-image: url('../images/icons/add-line-identity-doc-active.svg');
}

.save-email-button:hover .ic-save-email {
    background-image: url('../images/icons/save-email-active.svg');
}

.close-edit-email-button:hover .ic-close-edit-email {
    background-image: url('../images/icons/close-edit-email-active.svg');
}

.edit-email-button:hover .ic-edit-email {
    background-image: url('../images/icons/edit-email-active.svg');
}

.telegram-button:hover .ic-telegram {
    background-image: url('../images/icons/telegram-active.svg');
}

.phone-line-button:hover .ic-phone-line {
    background-image: url('../images/icons/phone-line-active.svg');
}

.edit-identity-doc-button:hover .ic-edit-line-identity-doc {
    background-image: url('../images/icons/edit-line-identity-doc-active.svg');
}

.scroll-top-button:hover .ic-arrow-up-s-line {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/arrow-up-s-line-active.svg');
}

.scroll-bottom-button:hover .ic-arrow-down-s-line {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/arrow-down-s-line-active.svg');
}

.delete-image-chat-button:hover .ic-delete-bin-line {
    transition: background-image 0.1s ease, opacity 0.1s ease;
    background-image: url('../images/icons/delete-bin-line-active.svg');
}

.copy-text-button:hover .ic-file-copy-line {
    background-image: url('../images/icons/file-copy-line-active.svg');
}

.custom-dropdown-item:active .ic-file-pdf-line, .custom-dropdown-item:focus .ic-file-pdf-line {
    background-image: url('../images/icons/file-pdf-line-active.svg');
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url('../images/icons/close-line-2.svg') center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}

.problem-content-footer .ic-add-line:hover {
    transition-duration: .2s;
    position: relative;
    transform: scale(1.2);
    transform-origin: center;
    background-image: url('../images/icons/add-line-active.svg');
}

.problem-content-footer .ic-send-plane-fill:hover {
    transition-duration: .2s;
    position: relative;
    transform: scale(1.2);
    transform-origin: center;
    background-image: url('../images/icons/send-plane-fill-active.svg');
}

@media (hover: none) and (pointer: coarse) {
    .problem-content-footer .ic-add-line:hover {
        transform: none;
        background-image: url('../images/icons/add-line.svg');
    }

    .problem-content-footer .ic-send-plane-fill:hover {
        transform: none;
        background-image: url('../images/icons/send-plane-fill.svg');
    }

    .problem-content-footer .ic-add-line:active {
        position: relative;
        background-image: url('../images/icons/add-line-active.svg');
    }

    .problem-content-footer .ic-send-plane-fill:active {
        position: relative;
        background-image: url('../images/icons/send-plane-fill-active.svg');
    }
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    right: -5px;
    top: 3px;
    background-image: url('../images/icons/arrow-right-s-fill.svg');
    width: 30px;
    height: 30px;
    content: ' ';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    left: -5px;
    top: 3px;
    background-image: url('../images/icons/arrow-left-s-fill.svg');
    width: 30px;
    height: 30px;
    content: ' ';
}
/* Копировать */

.appointment-record-color {
    background-color: var(--nashdocktor-appointment-rec-bg);
}

.promotion-slider {
    padding: var(--nashdocktor-promo-padding-slider);
}

.promotion-item-slider {
    box-shadow: var(--nashdocktor-promo-box-shadow);
    padding-top: var(--nashdocktor-promo-shift);
}

    .promotion-item-slider::before {
        background: var(--nashdocktor-promo-gradient);
    }

    .promotion-item-slider:not(:first-child) {
        margin-left: var(--nashdocktor-promo-shift);
    }

@media (min-width: 768px) {
    .promotion-slider {
        padding: 0 var(--nashdocktor-promo-padding-slider) var(--nashdocktor-promo-padding-slider) 0;
    }
}

@media (min-width: 576px) {
    .promoitem-image {
        width: var(--nashdocktor-promo-width-pc);
    }

    .promotion-item-slider:not(:first-child) {
        margin-left: var(--nashdocktor-promo-shift);
    }
}

@media (max-width: 576px) {
    .promoitem-image {
        width: var(--nashdocktor-promo-width-phone);
    }
}

.btn-primary {
    --bs-btn-bg: var(--nashdocktor-btn-bg);
    --bs-btn-border-color: var(--nashdocktor-btn-border-color);
    --bs-btn-hover-bg: var(--nashdocktor-btn-hover-bg);
    --bs-btn-hover-border-color: var(--nashdocktor-btn-hover-border-color);
    --bs-btn-active-bg: var(--nashdocktor-btn-active-bg);
    --bs-btn-active-border-color: var(--nashdocktor-btn-active-border-color);
}

.btn-outline-primary {
    --bs-btn-color: var(--nashdocktor-btnline-color);
    --bs-btn-border-color: var(--nashdocktor-btnline-border-color);
    --bs-btn-hover-bg: var(--nashdocktor-btnline-hover-bg);
    --bs-btn-hover-border-color: var(--nashdocktor-btnline-hover-border-color);
    --bs-btn-active-bg: var(--nashdocktor-btnline-active-bg);
    --bs-btn-active-border-color: var(--nashdocktor-btnline-active-border-color);
}


.accordion {
    --bs-accordion-btn-color: var(--nashdocktor-accordion-btn-color);
    --bs-accordion-active-color: var(--nashdocktor-accordion-active-color);
}

.alert-primary {
    --bs-alert-color: var(--nashdocktor-alert-color);
    --bs-alert-bg: var(--nashdocktor-alert-bg);
    --bs-alert-border-color: var(--nashdocktor-alert-border-color);
}

.message-block-info {
    background-color: var(--nashdocktor-mes-block-bg);
    border: solid 2px var(--nashdocktor-mes-block-border-color);
}

.msg-item.reverse .msg-bubble {
    background-color: var(--nashdocktor-message-bg-patient);
    color: var(--nashdocktor-message-color-patient);
}

    .msg-item.reverse .msg-bubble span {
        color: var(--nashdocktor-message-color-sec-patient);
    }

.msg-bubble {
    background-color: var(--nashdocktor-message-bg-clinic);
    color: var(--nashdocktor-message-color-clinic);
}

    .msg-bubble span {
        color: var(--nashdocktor-message-color-sec-clinic);
    }