.breadcrumb-item {
    color: #fff;
}

.errortext {
    font-size: 15px;
}

.hidden {
    display: none;
}

@media (min-width: 1200px) {
    .text-xl-white {
        color: #FFF !important;
    }
}


.air-datepicker-global-container {
    z-index: 99999;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.breadcrumb .breadcrumb-item {
    padding-left: 0rem;
    padding-right: 0.5rem;
    line-height: 1.7;
}

.app-header {
    background-color: #FFF;
    border-bottom: none;
}

.app-header-menu .menu > .menu-item.show > .menu-link .menu-title {
    color: #000000;
}

.app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here),
.app-header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .app-header-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #7239ea;
}

/*.app-toolbar {*/
/*    background: #7239ea;*/
/*}*/

.nav-line-tabs.nav-line-tabs-2x {
    background: #FFF;
    border-radius: 1.25rem;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-color: #7239ea;
}

.nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    color: #7239ea !important;
}

.nav-line-tabs .nav-item .nav-link:hover:not(.active) {
    border: none;
}

#live {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

#local-video {
    position: absolute;
    top: 65px;
    left: 0;
    width: 20%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: 16px;
    border: 2px solid #fff;
}

.header-logo img {
    max-width: 200px;
}

#kt_chat_messenger_body {
    margin-bottom: 130px;
}

#kt_chat_messenger_footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 340px;
    background: #fff;
}

#kt_drawer_chat .symbol {
    margin-right: 0.75rem;
}

.fc-timegrid-event-harness.fc-timegrid-event-harness-inset {
    text-align: center;
}

#events-list img {
    max-width: 40px;
}

#events-list {
    max-height: 513px;
    overflow: scroll;
    position: relative;
}

#events-list .card-title {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.modal.show {
    background: rgba(0, 0, 0, 0.2);
}

.accordion-button:not(.collapsed) {
    color: #071437;
}

.accordion {
    border: none;
}

.accordion .accordion-button {
    border-radius: 0;
    background: #fff;
}

.accordion .accordion-button.collapsed {
    border-radius: 0;
    border-bottom: 1px solid #cdcdcd;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

@media (max-width: 700px) {
    #local-video {
        width: 30%;
    }
}

#video-controls {
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
}

#remote-video {
    position: absolute;
    max-width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#toggle-mic {
    padding: 8px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    color: white;
    margin: 16px 8px;
    position: relative;
}

#toggle-camera {
    padding: 5px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    color: white;
    margin: 16px 8px;
    position: relative;
}

#toggle-chat {
    padding: 8px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    color: white;
    margin: 16px 8px;
}

#end-call {
    padding: 5px;
    background: red;
    border-radius: 50%;
    border: 1px solid red;
    color: white;
    margin: 16px 8px;
}

.video-preview-wrapper {
    display: flex;
    flex-direction: column;
    margin-right: 30px;

    max-width: 290px;
    width: 100%;
}

.local-video-controls {
    align-self: center;
}

.remote-controls {
    position: absolute;
    bottom: 100px;
    right: 150px;
    display: flex;
}

.remote-controls #remoteMuteAudio,
.remote-controls #remoteMuteVideo {
    display: none;
}

.disable-settings-button::before {
    content: " ";
    width: 1px;
    height: 40px;
    position: absolute;
    background: #fff;
    transform: rotate(135deg);
    top: 0px;
    left: 20px;
}

#toggle-camera:hover,
#toggle-mic:hover {
    background: rgba(255, 255, 255, 0.3);
}

.ki-duotone,
.ki-outline,
.ki-solid {
    line-height: 1;
    font-size: 1rem;
    color: var(--bs-text-muted);
}

.ki-outline {
    font-family: keenicons-outline !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#kt_drawer_chat .card {
    box-shadow: none;
}

@media (max-width: 767px) {
    .d-flex-mobile.menu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .video-conference {
        flex-direction: column;
        align-items: center;
    }

    .video-preview-wrapper {
        margin-right: 0;
    }
}

.form-check-input {
    cursor: pointer;
}

.form-check-input:checked {
    background-color: #5014D0;
    border-color: #5014D0;
}

.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #7239ea;
    color: #FFF;
}

.fc .fc-list-event-dot {
    border-color: #7239ea;
}

.app-header-menu .menu > .menu-item.here > .menu-link:after,
.app-header-menu .menu > .menu-item > .menu-link.active:after {
    background-color: #7239EA;
    bottom: 20px;
}

/*reviews*/
.rating-label {
    cursor: pointer;
}

.rating-label.checked i {
    color: gold; /* Цвет для отмеченной звезды */
}

.rating-label i {
    font-size: 24px; /* Размер звезд */
    color: lightgray; /* Цвет для пустой звезды */
}

@media (min-width: 992px) {
    [data-kt-app-header-sticky=on] .app-header {
        background-color: #FFF;
    }
}

.news-card-image {
    max-width: 400px;
}

@media (max-width: 1200px) {
    .news-card-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Скрыть стрелки слайдера на mobile/tablet */
@media (max-width: 1199px) {
    #kt_services_slider_prev,
    #kt_services_slider_next {
        display: none !important;
    }
}

/* Оверлей загрузки в модалке создания ДЗ: blur + блокировка кликов + спиннер по центру */
.hw-create-modal-loader {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: inherit;
    pointer-events: auto;
}

.hw-create-modal-loader.d-none {
    display: none !important;
}

/* Слайдеры tns: включить свайп на мобильных (touch не перехватывается браузером) */
.tns.tns-default,
.tns.tns-default .tns-overseer,
.tns.tns-default [data-tns="true"] {
    touch-action: pan-y;
}