:root {
    --bs-link-hover-color: #2A3BA5;
    --bs-primary-hover: #2A3BA5;
}

.subtitle-form {
    color: #74788d !important;
    font-size: 12px !important;
    text-align: center !important;
}

.subtitle-form a {
    color: #74788d !important;
}

.text-for-under-form {
    text-align: center !important;
    font-size: 13px !important;
    font-family: "Roboto", serif !important;
}

.text-truncate-2 {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* Ограничиваем до 2 строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-danger-under-field {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #f46a6a;
    margin-bottom: 1rem;
}

.center-block {
    margin: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.support {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.support li {
    display: block;
    width: 100%;
}

.support li a {
    display: block;
    padding: 0.625rem 1.5rem;
    color: #545a6d;
    position: relative;
    font-size: 13px;
}

.help-btn.accordion-button {
    border: none;
    background-color: transparent;
    padding: 0.625rem 1.5rem;
    color: #A6B0CF;
}
.help-btn.accordion-button:not(.collapsed) {
    color: white;
    background-color: transparent;
    box-shadow: none;
}
.help-btn.accordion-button:not(.collapsed) svg path {
    fill: white;
}
.help-btn.accordion-button::after {
    display: none;
}

#support-menu li {
    background-color: transparent;
    border: none;
}

#support-menu li:hover {
    background-color: transparent;
}
#support-menu li:hover .accordion-header span {
    color: white;
}
#support-menu li:hover .accordion-header svg path {
    fill: white;
}
#support-menu li .accordion-header span {
    transition: color 0.3s ease;
}
#support-menu li .accordion-header svg path {
    transition: fill 0.3s ease;
}
#helpAccordion .accordion-body {
    padding: 0;
}
#helpAccordion .accordion-body a {
    background-color: #333B51;
    transition: background-color 0.3s ease;
}
#helpAccordion .accordion-body a:hover {
    background-color: transparent;
}
#helpAccordion .accordion-body svg {
    margin-right: 12px;
    min-width: 24px;
}
#helpAccordion .accordion-body a span {
    color: #A6B0CF;
    transition: color 0.3s ease;
}
#helpAccordion .accordion-body a svg path {
    fill: #A6B0CF;
    transition: fill 0.3s ease;
}
#helpAccordion .accordion-body a:hover span {
    color: white;
}

#helpAccordion .accordion-body a:hover svg path {
    fill: white;
}

.user-select-all {
    user-select: all;
}

.error-page-card {
    max-width: 524px;
    max-height: 444px;
}

.error-page-card-body {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-page-card-description {
    font-size: 14px;
    color: #343a40;
}

@media (min-width: 384px) {
    .modal-sm.modal-dialog {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .navbar-brand-box {
        display: none;
    }
}

@media (max-width: 992px) {
    .navbar-brand-box {
        display: none;
    }
}

@media (max-height: 510px) {
    .vertical-menu {
        overflow-y: scroll;
    }

    .vertical-menu .support {
        position: initial;
    }
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.avatar-picker {
    width: 62px;
    height: 62px;
    border-radius: 31px;
    border: 5px solid #fff;
    position: absolute;
    bottom: -31px;
    left: 24px;
    overflow: hidden;
}

.avatar-picker img {
    width: 100%;
    height: 100%;
}

/* Блокирует прокликивание кнопок если открыто меню */
.sidebar-enable #layout-wrapper::after {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.danger-message-box {
    border-radius: 4px;
    background-color: #fdd6e1;
    padding: 12px 25px 12px 35px;
}

.ss-content {
    /* transform-origin: center bottom; */
    transition: transform 0.03s, opacity 0.03s;
}

.ss-main {
    width: 100%;
    padding: 0.47rem 0.75rem 0.47rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-gray-700);
}

/* slim select */
.ss-main:focus {
    border-color: var(--bs-input-focus-border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ss-option {
    min-height: 34px;
}

.ss-search-highlight {
    padding: 0;
}
.modal {
    overscroll-behavior-y: none;
    touch-action: pan-y;
}

.modal-content {
    overscroll-behavior-y: none;
}

.ss-content {
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch; /* Для iOS */
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    /* background-color: transparent; */
    background-color: #dce8ee;
    color: var(--bs-gray-700);
}

.ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected:hover {
    background-color: #ECEFFA;
    color: var(--bs-gray-700);
}

.chat-message-alert {
    border-radius: 16px;
    background-color: #30426F;
    padding: 16px;
    cursor: pointer;
}

.chat-message-alert-text {
    margin-top: 8px;
}

.chat-message-alert-user {
    width: 16px;
    border-radius: 20px;
}

.chat-message-alert-avatar {
    min-width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 16px;
    background-color: #E763AE;
    background-size: contain;
    text-align: center;
    line-height: 16px;
    color: white;
}

@media (min-width: 601px) {
    .navbar-header .dropdown .dropdown-menu {
        width: 310px !important;
    }
}

/*-- Toast всплывающее уведомление --*/
.toast-grey {
    color: #d7e1f5;
}

.toast-background-blue {
    background-color: #30426e;
}

.toast-text {
    margin-left: -18px;
}

div .toast {
    width: 360px;
}

.toast-container {
  width: 100%;
  max-width: 350px;
}

.toast-icon {
    font-size: 20px;
}

.toast-button-close {
    width: 4px;
    height: 4px;
    margin-left: 15px;
}

.btn-toast-action {
    background-color: #d7e1f5;
    color: #30426e;
    width: 99px;
}

.btn-toast-action:hover {
    background-color: #d7e1f5;
    color: #30426e;
}

.btn-toast-action:active {
    background-color: #d7e1f5;
    color: #30426e;
}

.btn-toast-action:focus {
    background-color: #d7e1f5;
    color: #30426e;
}
.Vue-Toastification__toast--success {
    background: #1B9225 !important;
}

.Vue-Toastification__toast--error {
    background: #F46A6A !important;
}

.Vue-Toastification__toast--success svg.Vue-Toastification__icon {
    display: none !important;
}

.Vue-Toastification__toast--error svg.Vue-Toastification__icon {
    display: none !important;
}

/* Создаем псевдоэлемент на контейнере тоста для нашей иконки */
.Vue-Toastification__toast--success::before,
.Vue-Toastification__toast--error::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
}
.Vue-Toastification__toast--success::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjY4NDkzIDE3LjJDOS40NDQ5MyAxNy4yIDkuMjI0OTEgMTcuMTIgOS4wNDQ5MSAxNi45NEw1LjA2NDkzIDEyLjk2QzQuNzA0OTMgMTIuNiA0LjcwNDkzIDEyLjA0IDUuMDY0OTMgMTEuNjhDNS40MjQ5MyAxMS4zMiA1Ljk4NDkxIDExLjMyIDYuMzQ0OTEgMTEuNjhMOS43MDQ5MiAxNS4wMkwxNy42ODQ5IDcuMDYwMDRDMTguMDQ0OSA2LjcwMDA0IDE4LjYwNDkgNi43MDAwNCAxOC45NjQ5IDcuMDYwMDRDMTkuMzI0OSA3LjQyMDA0IDE5LjMyNDkgNy45ODAwNCAxOC45NjQ5IDguMzQwMDRMMTAuMzQ0OSAxNi45NEMxMC4xNDQ5IDE3LjEyIDkuOTI0OTMgMTcuMiA5LjY4NDkzIDE3LjJaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=) !important;
}
.Vue-Toastification__toast--error::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMjBDMTYuNDE4MyAyMCAyMCAxNi40MTgzIDIwIDEyQzIwIDcuNTgxNzIgMTYuNDE4MyA0IDEyIDRDNy41ODE3MiA0IDQgNy41ODE3MiA0IDEyQzQgMTYuNDE4MyA3LjU4MTcyIDIwIDEyIDIwWk0xMiAyMkMxNy41MjI4IDIyIDIyIDE3LjUyMjggMjIgMTJDMjIgNi40NzcxNSAxNy41MjI4IDIgMTIgMkM2LjQ3NzE1IDIgMiA2LjQ3NzE1IDIgMTJDMiAxNy41MjI4IDYuNDc3MTUgMjIgMTIgMjJaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1Ljk0MzM2VjEyLjk0MzRIMTNWNS45NDMzNkgxMVpNMTEgMTQuOTQzNFYxNi45NDM0SDEzVjE0Ljk0MzRIMTFaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=) !important;
}

.Vue-Toastification__toast.Vue-Toastification__toast--info {
  background-color: #30426F;
}

.Vue-Toastification__close-button {
  display: flex;
  justify-content: center;
  align-items: flex-start !important;
}

/*-- Toast всплывающее уведомление --*/
/*-- Onboarding --*/
.highlited-onboarding-element {
    position: relative;
    z-index: 1004;
}
/*-- Onboarding --*/
/*-- Обрезать текст под блок с добавлением "..." --*/
.trim-text-fit-block {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*-- Обрезать текст под блок с добавлением "..." --*/

body.ios-view input, body.ios-view textarea {
    font-size: 16px !important;
}

.profile-user-wid {
    margin-top: -20px !important;
}

.mobile-toast-notification {
    width: 100% !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.meter {
    height: 4px;
    position: relative;
    background: #30426F;
    overflow: hidden;
    margin: 0 -0.75rem -0.75rem -0.75rem;
}

.meter span {
    display: block;
    height: 100%;
    width: 100%;
}

.progress-notification {
    background-color: #FFFFFF;
    animation: progressBar 10s linear;
    animation-fill-mode: both;
}

@keyframes progressBar {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

#background-notification {
    margin-bottom: 50px;
    z-index: 997;
    width: 100vw;
}

.background-notification-backdrop {
    top: initial !important;
    left: initial !important;
    z-index: 998 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.web-simple-notification .meter {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Start: Интерактив для элементов */
.btn.btn-primary:hover {
    background-color: var(--bs-primary-hover);
}

.btn.btn-primary:active, .btn.btn-primary:focus {
    box-shadow: 0 0 0 1px var(--bs-primary-hover);
    border-color: var(--bs-primary-hover);
    background-color: var(--bs-primary);
}

.btn.btn-primary:disabled {
    background-color: #B4B9D1;
    color: var(--bs-white);
    border-color: var(--bs-white);
}

.btn.btn-outline-primary:hover {
    color: var(--bs-primary-hover);
    border-color: var(--bs-primary-hover);
    background-color: var(--bs-white);
}

.btn.btn-outline-primary:active, .btn.btn-outline-primary:focus {
    box-shadow: 0 0 0 1px var(--bs-primary-hover);
    border-color: var(--bs-primary-hover);
    color: var(--bs-primary-hover);
    background-color: var(--bs-white);
}

.btn.btn-outline-primary:disabled {
    background-color: transparent;
    color: #B4B9D1;
    border-color: #B4B9D1;
}

.btn.btn-success:hover {
    background-color: #1A8C79;
}

.btn.btn-success:active, .btn.btn-success:focus {
    box-shadow: 0 0 0 1px #1A8C79;
    border-color: #1A8C79;
    background-color: var(--bs-success);
}

.btn.btn-success:disabled {
    background-color: #B4B9D1;
    color: var(--bs-white);
    border-color: var(--bs-white);
}

.btn.btn-outline-success:hover {
    color: #1A8C79;
    border-color: #1A8C79;
    background-color: var(--bs-white);
}

.btn.btn-outline-success:active, .btn.btn-outline-success:focus {
    box-shadow: 0 0 0 1px #1A8C79;
    border-color: #1A8C79;
    color: #1A8C79;
    background-color: var(--bs-white);
}

.btn.btn-outline-success:disabled {
    background-color: transparent;
    color: #B4B9D1;
    border-color: #B4B9D1;
}

.form-control:focus {
    border-color: var(--bs-primary-hover);
}

.form-check-input:disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' rx='3.5' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.81832 9.4742C3.62306 9.66946 3.62306 9.98604 3.81832 10.1813C4.01358 10.3766 4.33017 10.3766 4.52543 10.1813L7 7.70673L9.47518 10.1819C9.67044 10.3772 9.98702 10.3772 10.1823 10.1819C10.3775 9.98665 10.3775 9.67007 10.1823 9.4748L7.70711 6.99963L10.1823 4.52445C10.3775 4.32919 10.3775 4.01261 10.1823 3.81734C9.98702 3.62208 9.67044 3.62208 9.47518 3.81734L7 6.29252L4.52543 3.81795C4.33017 3.62269 4.01358 3.62269 3.81832 3.81795C3.62306 4.01321 3.62306 4.32979 3.81832 4.52506L6.29289 6.99963L3.81832 9.4742Z' fill='%23D3D7E7'/%3E%3Crect x='0.5' y='0.5' width='13' height='13' rx='3.5' stroke='%23D3D7E7'/%3E%3C/svg%3E");
    opacity: 1;
}

.form-check-input[type="radio"]:disabled:checked {
    opacity: 0.5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type="radio"]:disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='13' height='13' rx='6.5' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.81832 9.4742C3.62306 9.66946 3.62306 9.98604 3.81832 10.1813C4.01358 10.3766 4.33017 10.3766 4.52543 10.1813L7 7.70673L9.47518 10.1819C9.67044 10.3772 9.98702 10.3772 10.1823 10.1819C10.3775 9.98665 10.3775 9.67007 10.1823 9.4748L7.70711 6.99963L10.1823 4.52445C10.3775 4.32919 10.3775 4.01261 10.1823 3.81734C9.98702 3.62208 9.67044 3.62208 9.47518 3.81734L7 6.29252L4.52543 3.81795C4.33017 3.62269 4.01358 3.62269 3.81832 3.81795C3.62306 4.01321 3.62306 4.32979 3.81832 4.52506L6.29289 6.99963L3.81832 9.4742Z' fill='%23D3D7E7'/%3E%3Crect x='0.5' y='0.5' width='13' height='13' rx='6.5' stroke='%23D3D7E7'/%3E%3C/svg%3E");
}

.form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:disabled {
    color: #EEF1F3;
    background-color: var(--bs-white);
    border-color: #EEF1F3;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #1B9225;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.68493 11.2C5.44493 11.2 5.22491 11.12 5.04491 10.94L1.06493 6.96004C0.704932 6.60004 0.704932 6.04004 1.06493 5.68004C1.42493 5.32004 1.98491 5.32004 2.34491 5.68004L5.70492 9.02003L13.6849 1.06004C14.0449 0.700037 14.6049 0.700037 14.9649 1.06004C15.3249 1.42004 15.3249 1.98004 14.9649 2.34004L6.34491 10.94C6.14491 11.12 5.92493 11.2 5.68493 11.2Z' fill='%231B9225'/%3E%3C/svg%3E");
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-size: 20px 20px;
}

.nav .nav-item .nav-link.active:hover {
    background-color: var(--bs-primary-hover);
}

.nav-pills > li > button, .nav-tabs > li > button {
    color: var(--bs-gray-700);
}

.metismenu > li:hover {
    background-color: #1E2438;
}

.table tbody tr:hover {
    background-color: #ECEFFA;
}

.primary-hover:hover {
    transition: color ease 0.3s;
    color: var(--bs-primary) !important;
}

.table tbody tr:hover:has(.primary-default-hover) .primary-default-hover, .primary-default-hover:hover {
    transition: color ease 0.3s;
    color: var(--bs-primary-hover) !important;
}

/* End: Интерактив для элементов */

.online-entry-info-card {
    width: 510px;
}

@media (max-width: 560px) {
    .online-entry-info-card {
        width: auto;
    }
}

.modal-tariff {
    max-width: 343px !important;
}

@media (max-width: 560px) {
    .modal-tariff {
        max-width: 367px !important;
    }
}

.dropdown-item:hover {
    background-color: #ECEFFA;
}

.btn-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232A3BA5'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'%3E%3C/path%3E%3C/svg%3E");
}

body.ny-theme .welcome-card-header img {
    content:url('/assets/images/ny-theme/profile-img.svg');
}

body.ny-theme #page-topbar::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 250px;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('/assets/images/header-ny.png');
    background-size: cover;
    background-position: top right;
}

@media (max-width: 992px) {
    body.ny-theme #page-topbar::before {
        left: 0;
    }
}

body.ny-theme .vertical-menu {
    background-image: url('/assets/images/sidebar-ny.png');
    background-position: bottom left;
    background-size: 100% 493px;
    background-repeat: no-repeat;
}

body.ny-theme .somthing-wrong-img {
    width: 0;
    height: 0;
    padding: 170px 178px 0 0;
    background-image: url('/assets/images/something-wrong-ny.png');
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 39px;
}

body.ny-theme .forbidden-img {
    content:url('/assets/images/ny-theme/forbidden.png');
}

body.ny-theme .not-found-img {
    content:url('/assets/images/ny-theme/not-found.png');
}

body.ny-theme .no-user-img {
    content:url('/assets/images/ny-theme/empty.png');
    width: 120px;
    margin-top: 65px;
    margin-bottom: 65px;
    
    @media (max-width: 767px) {
        margin-top: 31px;
        margin-bottom: 31px;
    }

    @media (max-width: 425px) {
        margin-top: 13px;
        margin-bottom: 11px;
    }
}

body.ny-theme .dialing-img {
    content:url('/assets/images/ny-theme/dialing.svg');
}

body.ny-theme .no-mail-image {
    content:url('/assets/images/ny-theme/empty-chat.svg');
    width: 177px;
    height: 153px;
}

.tooltip-inner {
    background-color: #30426F;
    font-size: 12px;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #30426F;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #30426F;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #30426F;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #30426F;
}

/*---start--- StudentCard and StudentArchive view index page*/
.no-user-img {
    max-width: 546px;
    width: 100%;
}

.icons-block {
    display: flex;
    justify-content: end;
}

tr a {
    color: initial;
}

th, td {
    vertical-align: inherit;
}

.sort-link:hover {
    color: black;
}

.header th {
    color: black;
}

.search-box .bx {
    color: #A6B0CF;
}

.search-box .form-control {
    padding-right: 40px;
}

.students-list {
    display: none;
    flex-direction: column;
}

.students-element {
    display: flex;
    justify-content: space-between;
    background-color: white;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.clear-icon {
    position: absolute;
    right: 12px;
    top: 0;
    font-size: 24px;
    line-height: 38px;
}

@media (max-width: 576px) {
    .tooltip {
        display: none;
    }
    
    .students {
        background-color: transparent;
        box-shadow: none;
    }

    .students .card-body {
        padding: 0;
    }

    .students .table-responsive {
        display: none;
    }

    .students-list {
        display: flex;
    }

    .search-box {
        width: 100%;
    }
}

.check-icon {
    color: #279B1E;
    width: 10px;
}

/*---End--- StudentCard and StudentArchive view Index page*/

@media screen and (min-width: 575px) {
    .switch {
        width: 515px;
        background-color: #ECEFFA;
        border-radius: 16px;
        font-size: 14px;
        height: 46px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 575px) {
    .switch {
        width: 100%;
        background-color: #ECEFFA;
        border-radius: 16px;
        font-size: 12px;
        height: 35px;
        margin-left: 0px;
    }
}

.active-switch {
    text-align: center;
    background-color: #556EE6;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    display: flex;
}

.inactive-switch {
    color: #556EE6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#layout-wrapper {
    margin-top: 70px;
    height: calc(100dvh - 70px) !important;

    @media (max-width: 768px) {
        height: calc(100dvh - 143px) !important;
    }
}

.mobile-nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 73px;
    padding: 16px 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    background-color: var(--bs-heading-bg);
    border-top: 1px solid #EFF2F7;
}

.mobile-nav a {
    width: 25%;
    color: #74788D;
}

.mobile-nav a.active {
    color: var(--bs-link-color);
}

.mobile-nav .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #EFF2F7;
}

.mobile-nav a:last-child .item {
    border-right: none;
}

.mobile-nav .item i {
    font-size: 16px;
}

.fix-ios-long-touch {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.unreaded-messages-badge {
    background-color: #E763AE;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.unreaded-messages-badge--mobile {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    font-size: 10px;
    position: absolute;
    top: -7px;
    right: -14px;
    font-family: var(--bs-body-font-family);
}

.chat-mobile-menu-icon {
    position: relative;
}

.account-pages {
    .card {
        border-radius: 16px;
        
        .profile-books-img {
            max-width: 104px;
            position: absolute;
            top: -51px;
            right: 45px;
        }

        .profile-user-wid {
            margin-left: 15px;
            margin-top: -27px !important;
        }
    }
}

@media (min-width: 768px) {
    .account-pages .text-for-under-form:not(.container .text-for-under-form) {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .account-pages {
        margin: 0 !important;
        position: relative;
        top: 0;
        left: 0;
        padding: 0 6px;
        
        .container {
            padding: 0;
            max-width: none !important;
            
            .card-container {
                padding: 0;
            }
            
            .card {
                border-radius: 0;
                box-shadow: none;
                
                .card-body {
                    background-color: var(--bs-body-bg);
                }
            }
        }

        input {
            font-size: 13px !important;
        }
    }
}

.show-password-btn {
    border: 1px solid var(--bs-input-border-color);
    border-left: none;
    border-radius: 0 0.25rem 0.25rem 0 !important;
}