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

.h-8 {
    height: 8%;
}

.h-10 {
    height: 10%;
}

.h-12 {
    height: 12%;
}

.h-20 {
    height: 20%;
}

.h-25 {
    height: 25%;
}

.h-30 {
    height: 30%;
}

.h-35 {
    height: 35%;
}

.h-40 {
    height: 40%;
}

.h-45 {
    height: 45%;
}

.h-78 {
    height: 78%;
}

.h-90 {
    height: 90%;
}

.w-20 {
    width: 20%;
}

.w-80 {
    width: 80%;
}

#mschoa-col-chat {
    border-right: 1px solid var(--mschoa-color-layaout);
}

#mschoa-menu-brand {
    width: 175px;
}

#mschoa-main-navigation {
    border-left: 2px solid var(--mschoa-color-yellow);
    background-color: var(--mschoa-color-blue-dark);
    font-family: 'Inter-Thin-BETA';
}

#mschoa-main-navigation ul.nav a {
    color: var(--mschoa-color-white);
    padding-left: 32px;
    border-radius: unset;
}

#mschoa-main-navigation ul.nav a:hover {
    background-color: var(--mschoa-color-blue-dark-selected) !important;
}

#mschoa-main-navigation ul.nav ul a {
    padding-left: 52px;
}

#mschoa-main-navigation a {
    font-size: .9em;
}

#hoa-menu-brand {
    position: absolute;
    top: 0;
    margin-left: 283px;
    background-color: var(--mschoa-color-white);
}

#mschoa-main-navigation .nav-pills .nav-link.active, #mschoa-main-navigation .nav-pills .show>.nav-link {
    background: transparent;
    border-right: 4px solid var(--mschoa-color-yellow);
    border-radius: unset;
}

#mschoa-buttontab button {
    margin-left: 5px;
}

.dropdown-menu {
    border-color: var(--mschoa-color-gray-edge);
}

.navbar-brand img {
    height: 65px;
    margin: 0;
    padding: 0;
}

nav.navbar {
    background-color: var(--mschoa-color-blue-dark);
}

.row-header .container .row h1 {
    font-family: 'Inter-Regular';
    background-color: rgba(255, 255, 255, .7);
    font-size: 2.5em;
    color: var(--mschoa-login-color-password-toggler-selected);
    padding: .5em .8em;
    display: inline-flex;
    padding-top: .7em;
}

header .container .row-as-header h1 {
    font-family: 'Inter-Regular';
}

#mschoa-user-info-button {
    height: 47px;
}

#mschoa-menu-wrap-inset .nav-link {
    text-align: center;
    border: 2px dashed transparent;
}

#mschoa-menu-wrap-inset .nav-link.active, #mschoa-menu-wrap-inset .nav-link:hover {
    border: 2px dashed var(--mschoa-color-yellow-selected);
}

#mschoa-menu-wrap-inset .nav-link.active a, #mschoa-menu-wrap-inset .nav-link:hover a {
    color: var(--mschoa-color-white);
}

.row-separator {
    border-top: 1px solid var(--mschoa-color-row-separator);
}

#mschoa-col-menu, #mschoa-col-contactlist {
    border-right: 1px solid var(--mschoa-color-layaout);
}

.mschoa-block-col, .mschoa-block-col-contact {
    border-bottom: 1px solid var(--mschoa-color-layaout);
}

.mschoa-block-col-contact:last-of-type {
    border-bottom: unset;
}

#mschoa-block-col-wrap-contact .mschoa-block-col-contact:last-of-type {
    border-bottom: 1px solid var(--mschoa-color-layaout);
}

.mschoa-modal-search-result-box .mschoa-block-col-contact:last-of-type {
    border-bottom: none;
}

.mschoa-block-col-title {
    border-bottom: 1px solid var(--mschoa-color-layaout);
    font-family: 'Inter-Regular';
    font-size: 1.25em;
    font-weight: bold;
    min-height: 85px;
}

#mschoa-logo-messenger-chat {
    padding: .2em;
}

#mschoa-col-menu .mschoa-block-col:last-of-type, #mschoa-col-contactlist .mschoa-block-col:last-of-type {
    border-bottom: none;
}

#mschoa-nav span:not(.mschoa-menu-item-label), #mschoa-account-nav span:not(.mschoa-menu-item-label) {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#mschoa-nav li, #mschoa-account-nav li {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: start;
    align-items: center;
}

.mschoa-nav-active, #mschoa-nav li:hover, #mschoa-account-nav li:hover {
    background-color: var(--mschoa-color-white);
    color: var(--mschoa-color-blue-standard);
}

.mschoa-nav-active a {
    color: var(--mschoa-color-blue-standard) !important;
}

#mschoa-nav-item-room .mschoa-menu-item-icon {
    background-image: url("../../img/icon/rooms.svg");
}

#mschoa-nav-item-home .mschoa-menu-item-icon {
    background-image: url("../../img/icon/home.svg");
}

#mschoa-nav-item-search .mschoa-menu-item-icon {
    background-image: url("../../img/icon/search.svg");
}

#mschoa-nav-item-private-chats .mschoa-menu-item-icon {
    background-image: url("../../img/icon/private-chats.svg");
}

#mschoa-nav-item-room-management .mschoa-menu-item-icon {
    background-image: url("../../img/icon/room-management.svg");
}

#mschoa-nav-item-view-files .mschoa-menu-item-icon {
    background-image: url("../../img/icon/view-files.svg");
}

#mschoa-nav-item-view-cop .mschoa-menu-item-icon {
    background-image: url("../../img/icon/view-cop.svg");
}

#mschoa-nav-item-upload-file .mschoa-menu-item-icon {
    background-image: url("../../img/icon/upload-file.svg");
}

#mschoa-nav-item-de-confliction .mschoa-menu-item-icon {
    background-image: url("../../img/icon/de-confliction.svg");
}

#mschoa-nav-item-user .mschoa-menu-item-icon {
    background-image: url("../../img/icon/user.svg");
}

#mschoa-nav-item-user-subscription .mschoa-menu-item-icon {
    background-image: url("../../img/icon/user-subscription.svg");
}

#mschoa-nav-item-notifications .mschoa-menu-item-icon {
    background-image: url("../../img/icon/notification.svg");
}

#mschoa-nav-item-support .mschoa-menu-item-icon {
    background-image: url("../../img/icon/interrogation.svg");
}

#mschoa-nav-item-preferences .mschoa-menu-item-icon {
    background-image: url("../../img/icon/preferences.svg");
}

#mschoa-nav-item-about-mercury .mschoa-menu-item-icon {
    background-image: url("../../img/icon/about.svg");
}

#mschoa-nav-item-log-out .mschoa-menu-item-icon {
    background-image: url("../../img/icon/log-out.svg");
}

#mschoa-nav-item-room:hover .mschoa-menu-item-icon, #mschoa-nav-item-room.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/rooms-selected.svg");
}

#mschoa-nav-item-room-management:hover .mschoa-menu-item-icon, #mschoa-nav-item-room-management.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/room-management-selected.svg");
}

#mschoa-nav-item-home:hover .mschoa-menu-item-icon, #mschoa-nav-item-home.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/home-selected.svg");
}

#mschoa-nav-item-search:hover .mschoa-menu-item-icon, #mschoa-nav-item-search.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/search-selected.svg");
}

#mschoa-nav-item-private-chats:hover .mschoa-menu-item-icon, #mschoa-nav-item-private-chats.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/private-chats-selected.svg");
}

#mschoa-nav-item-view-files:hover .mschoa-menu-item-icon, #mschoa-nav-item-view-files.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/view-files-selected.svg");
}

#mschoa-nav-item-view-cop:hover .mschoa-menu-item-icon, #mschoa-nav-item-view-cop.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/view-cop-selected.svg");
}

#mschoa-nav-item-upload-file:hover .mschoa-menu-item-icon, #mschoa-nav-item-upload-file.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/upload-file-selected.svg");
}

#mschoa-nav-item-de-confliction:hover .mschoa-menu-item-icon, #mschoa-nav-item-de-confliction.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/de-confliction-selected.svg");
}

#mschoa-nav-item-user:hover .mschoa-menu-item-icon, #mschoa-nav-item-user.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/user-selected.svg");
}

#mschoa-nav-item-user-subscription:hover .mschoa-menu-item-icon, #mschoa-nav-item-user-subscription.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/user-subscription-selected.svg");
}

#mschoa-nav-item-notifications:hover .mschoa-menu-item-icon, #mschoa-nav-item-notifications.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/notification-selected.svg");
}

#mschoa-nav-item-support:hover .mschoa-menu-item-icon, #mschoa-nav-item-support.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/interrogation-selected.svg");
}

#mschoa-nav-item-about-mercury:hover .mschoa-menu-item-icon {
    background-image: url("../../img/icon/about-selected.svg");
}

#mschoa-nav-item-preferences:hover .mschoa-menu-item-icon, #mschoa-nav-item-preferences.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/preferences-selected.svg");
}

#mschoa-nav-item-log-out:hover .mschoa-menu-item-icon, #mschoa-nav-item-log-out.mschoa-nav-active .mschoa-menu-item-icon {
    background-image: url("../../img/icon/log-out-selected.svg");
}

.mschoa-block-title-inset {
    color: var(--mschoa-color-white);
    font-family: 'Inter-Bold';
}

#mschoa-alert-help {
    font-size: .9em;
}

#mschoa-col-menu.collapsed {
    width: 90px;
}

#mschoa-col-menu.collapsed + #mschoa-col-contactlist + #mschoa-col-chat {
    width: calc(100% - 90px - 41.66666667%);
}

#mschoa-col-menu.collapsed .mschoa-menu-item-label {
    display: none;
}

#mschoa-col-menu.collapsed #mschoa-nav li .mschoa-menu-item-icon, #mschoa-col-menu.collapsed #mschoa-account-nav li .mschoa-menu-item-icon {
    padding: 0.625rem !important;
    margin-left: -5.6px;
}

#mschoa-col-menu.collapsed  #mschoa-col-menu-logo-expanded {
    display: none !important;
}

#mschoa-col-menu.collapsed #mschoa-col-menu-logo-collapsed {
    display: flex !important;
}

#mschoa-menubar-brand {
    width: 45px;
}

#mschoa-menubar-toggler-collapsed {
    position: absolute;
    width: 20px;
    margin-left: 50px;
    margin-bottom: 50px;
}

#mschoa-menubar-toggler, #mschoa-menubar-toggler-collapsed {
    cursor: pointer;
    width: 18px;
    opacity: .6;
    transition: opacity .3s ease-in-out;
}

#mschoa-menubar-toggler:hover, #mschoa-menubar-toggler-collapsed:hover {
    opacity: 1;
}

#mschoa-col-menu.collapsed #mschoa-alert-help {
    display: none;
}

#mschoa-col-menu.collapsed #mschoa-block-title-account-type span:first-of-type {
    display: none;
}

#mschoa-col-menu.collapsed #mschoa-block-title-account-type span:last-of-type {
    font-size: .6em;
}

#mschoa-col-menu.collapsed #mschoa-contact-user div:first-of-type {
    width: 100% !important;
}

#mschoa-col-menu.collapsed #mschoa-contact-user div:last-of-type {
    display: none !important;
}

#mschoa-footer-logo-mscio {
    width: 8rem;
}

#mschoa-footer-logo-powered-by-csa {
    width: 8rem;
}

#mschoa-top-logo-mscio {
    width: 16rem;
}

#mschoa-col-contactlist p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#mschoa-logo-nav {
    width: 166px;
}

#mschoa-page-header {
    font-family: 'Inter-Thin-BETA';
}

@media (max-width: 768px) {

    #mschoa-col-page .dt-wrapper {
        margin-top: 3em;
    }

    .mschoa-page-header-wrap {
        justify-content: flex-start !important;
        margin-top: .6em !important;
    }

    #mschoa-col-menu.collapsed + #mschoa-col-contactlist {
        width: calc(100% - 90px);
    }

    #mschoa-col-chat {
        width: calc(100% - 90px) !important;
    }

    #mschoa-col-menu.collapsed + #mschoa-col-contactlist + #mschoa-col-chat {
        margin-left: 90px;
    }
}

@media (min-width: 992px) {

    #mschoa-col-menu.collapsed + #mschoa-col-contactlist + #mschoa-col-chat {
        width: calc(100% - 90px - 33.33333333%);
    }

}

@media (max-width: 1000px) {

    #mschoa-chat-assistant-link-wrap {
        display: none !important;
    }

    footer {
        font-size: .8em;
    }
}

@media (max-width: 1200px) {

    #mschoa-menubar-toggler-collapsed, #mschoa-menubar-toggler {
        display: none !important;
    }

    #mschoa-col-page {
        margin-left: 90px !important;
        width: calc(100% - 90px) !important;
    }

    #mschoa-col-menu {
        overflow: hidden !important;
    }
}

@media (min-width: 1200px) {

    #mschoa-col-menu.collapsed + #mschoa-col-contactlist + #mschoa-col-chat {
        width: calc(100% - 90px - 318px);
    }

    #mschoa-col-menu + #mschoa-col-contactlist + #mschoa-col-chat {
        width: calc(100% - (318px * 2));
    }

    #mschoa-col-menu + #mschoa-col-page {
        width: calc(100% - 318px);
    }

    #mschoa-col-menu.collapsed + #mschoa-col-page {
        width: calc(100% - 90px);
        margin-left: 90px;
    }

    #mschoa-col-menu, #mschoa-col-contactlist {
        max-width: 318px;
        width: 318px;
    }
}

#mschoa-col-menu {
    position: fixed;
    background-color: var(--mschoa-color-blue-standard);
    overflow-y: auto;
    overflow-x: hidden;
}
#mschoa-block-col-administration {
    min-height: 200px;
}

#mschoa-administration-user-card {
    min-height: 85px;
}

#mschoa-block-menu-inset {
    min-height: 425px;
}

#mschoa-block-col-wrap-contact, #mschoa-block-col-wrap-document {
    min-height: 250px;
}

#mschoa-col-page {
    margin-left: 318px;
}

#mschoa-page-header h1, .modal-header h1 {
    font-family: 'Inter-SemiBold';
    color: var(--mschoa-color-blue-dark);
}

#mschoa-col-contactlist {
    margin-left: 318px;
}

#mschoa-col-menu.collapsed + #mschoa-col-contactlist {
    margin-left: 90px;
}

#mschoa-col-page #mschoa-page-header {
    height: 10vh;
    min-height: 85px;
}

.breadcrumb {
    font-family: 'Inter-Light-BETA';
}

#mschoa-administration-user-card p {
    color: var(--mschoa-color-white);
}

#mschoa-col-menu .mschoa-block-col-title, #mschoa-block-col-administration, #mschoa-block-menu-inset {
    border-color: var(--mschoa-color-blue-separator-line);
}

#mschoa-block-col-wrap-document {
    border-bottom: 1px solid var(--mschoa-color-layaout);
}

#mschoa-menubar-toggler {
    position: absolute;
    width: 30px;
    margin-left: -15px;
}

#mschoa-menubar-toggler-collapsed {
    width: 28px;
    position: absolute;
    margin-top: 100px;
}

.notification-custom-height {
    height: calc(100% - 39px) !important;
}