﻿.submenu {
    min-width: 18rem !important;
}

.menu-right {
    right: 100%;
}

.sidebar-white .nav > .nav-item > .nav-link {
    color: var(--white);
    font-size: 18px;
    font-family: 'UTM NETSITE';
    font-weight: 400;
}

    .sidebar-white .nav > .nav-item > .nav-link:hover {
        background-color: var(--gray) !important;
        color: var(--main) !important;
    }

.sidebar-white .submenu .nav-link {
    color: var(--black);
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 400;
    text-transform:uppercase;
}

    .sidebar-white .submenu .nav-link:hover {
        color: var(--main) !important;
        background-color: var(--gray) !important;
    }

@media (hover: hover) {
    .sidebar-white.sidebar-h .nav > .nav-item > .nav-link:hover::before {
        border-color: var(--main) !important;
    }
}
/*@media (min-width: 1200px) {
    .sidebar-hover:not(.collapsed) .submenu, .sidebar-hover:not(.collapsed) .sub-arrow {
        left: unset !important;
    }
}*/

.sidebar .nav-text {
    white-space: normal !important;
    word-break: break-word !important;
}

/*.nav-item .btn:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
}*/

#searchArea {
    justify-content: center;
    height: 100%;
    position: relative;
    width: auto;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.75em;
}

    #searchArea .dropdown-menu {
        width: 22rem;
    }

.submenu-right > div.submenu {
    left: auto !important;
    right: 100% !important;
}

.submenu-right > b.sub-arrow {
    left: 0 !important;
}

@media (max-width: 1024px) {
    .submenu-right > div.submenu {
        right: 0 !important;
    }
}

#mobile-header img {
    width: 15%;
    float: left;
}

#mobile-header div {
    width: 70%;
    margin: 0;
    text-align: right;
    float: left;
}

    #mobile-header div p {
        font-family: UTM Netsite;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }

#sidebar ul li.nav-item .nav-link i {
    display: none;
}

/*@media (min-width: 768px) {*/
@media (min-width: 1024px) {
    #sidebar ul li.nav-item .nav-link i {
        display: unset;
    }
}


@media (max-width: 1024px) {
    #sidebar ul li.nav-item:not(:last-child) {
        border-bottom: 1px dashed #dee2e6 !important;
    }
}


