.navbar-container {
    /*background: url('/assets/img/bg-otoedi.jpg');*/
    background-color:dimgrey;
    font-size: 13px;
    position: relative;
}
.navbar-container-cus {
    /*background: url('/assets/img/bg-otoedi.jpg');*/
    background-color:dimgrey;
    font-size: 13px;
    position: relative;
}
.navbar-container-sup {
    /*background: url('/assets/img/bg-otoedi.jpg');*/
    background-color:#143c6c;
    font-size: 13px;
    position: relative;
}

.navbar-logo {
    max-height: 60px;
}

.navbar-img {
    height: 40px;
}

.navbar-wave {
    position: absolute;
    bottom: -5px;
}

#top-navbar .nav-link {
    color: white;
    font-size:26px;
}

#bottom-navbar a {
    color: white;
}

#bottom-navbar {
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .dropdown-menu {
        font-size: 13px;
        -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 12px 12px rgba(0, 0, 0, 0.175);
        border: none;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        margin-top: 8px;
        padding: 0;
        /*display: block;*/
        /*visibility: hidden;*/
        /*opacity: 0;*/
        /*transform: translateY(-30px) translateZ(0);*/
        /*transition: .05s all linear;*/
        /*will-change: transform;*/
    }

    /*.dropdown-menu.show {*/
    /*    display: block;*/
    /*    visibility: visible;*/
    /*    opacity: 1;*/
    /*    transform: translateY(0px) translateZ(0);*/
    /*    transition: .1s ease-out all;*/
    /*    -webkit-transform: translateZ(0);*/
    /*    -moz-transform: translateZ(0);*/
    /*    -ms-transform: translateZ(0);*/
    /*    -o-transform: translateZ(0);*/
    /*    will-change: transform;*/
    /*}*/
    #bottom-navbar {
        background: rgba(255, 255, 255, .97);
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        /*transform: translateY(25px);*/
        position: relative;
        z-index: 2;
    }

    #bottom-navbar .active {
        background: rgba(0, 0, 0, .03);
    }

    #bottom-navbar .active .dropdown-toggle {
        color: #FF9900;
    }

    #bottom-navbar .nav-item {
        border-radius: 6px;
        padding: 0 10px;
        cursor: pointer;
        transition: all .15s ease-out;
        margin-right: .5rem;
    }

    #bottom-navbar .nav-item:hover {
        background: rgba(0, 0, 0, .03);
        transition: all .15s ease-out;
    }

    #bottom-navbar a {
        color: #333;
    }

    .dropdown-menu {
        min-width: 300px;
        color: #333;
        background: white;
    }

    .user-profile {
        min-width: 250px;
        color: #333;
        background: white;
    }
}

@media (max-width: 992px) {
    /*.navbar-nav .dropdown-menu {*/
    /*    background: rgba(0, 0, 0, 0.4) !important;*/
    /*    color: #333;*/
    /*    box-shadow: none;*/
    /*    border: 1px solid #efefef;*/
    /*    font-size: 12px;*/
    /*}*/
    /*.dropdown-item.a.i {*/
    /*    font-size:14px*/
    /*}*/
    /*.dropdown-item.active, .dropdown-item:active {*/
    /*    color: black !important;*/
    /*    background-color: white;*/
    /*}*/

    /*.navbar-brand {*/
    /*    margin-right: 0;*/
    /*}*/
}


@media (min-width: 1300px) and (max-width: 1440px) {
    #bottom-navbar .nav-item {
        padding: 0 .3rem;
        margin-right: .5rem;
    }
}

@media (min-width: 1441px) and (max-width: 1610px) {
    #bottom-navbar .nav-item {
        padding: 0 .3rem;
        margin-right: .7rem;
    }
}

.user-profile {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.dropdown-item:active {
    color: #FF9900 !important;
    background: inherit;
}

.user-profile .dropdown-menu {
    z-index: 3;
}

.user-profile .active {
    background: #F7F7F9;
    color: #FF9900
}

.nav-item .form-control, .nav-item .input-group-text {
    background: none;
    color: #efefef;
    border-color: rgba(255, 255, 255, .3);
}

.nav-item .form-control::placeholder {
    color: #efefef;
}

.nav-item .form-control {
    border-right: none
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    color: white;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.notification-window {
    min-width: 320px;
    overflow-y: scroll;
    max-height: 550px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.notification-window::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background-color: #F5F5F5;
}

.notification-window::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.notification-window::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #555555;
}

.notification-marker {
    position: absolute;
    right: 8px;
}

.notification-window .dropdown-item {
    padding: .8rem 1.5rem;
}

#navbar-modal .modal-content {
    background: url('/assets/img/modal-corner.png');
    background-color: white;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
}

#navbar-modal .modal-footer {
    border:none
}


#navbar-modal .navbar-nav .dropdown-menu {
    color: #FF9900;
    box-shadow: none;
    border: 1px solid #efefef;
    font-size: 13px;
    width: 100%;
    position: relative !important;
    transform: none !important;
    padding: 1rem 2rem;
}
#navbar-modal a.nav-link {
    font-size:1.1rem
}
#navbar-modal .dropdown-item.a.i {
    font-size:1rem
}
#navbar-modal .dropdown-item.active, .dropdown-item:active {
    color: black !important;
    background-color: white;
}