/****************************************************
*													*
*	NAV                                             *
*													*
/***************************************************/
.modal-body .nav-tabs {
    margin-bottom:0px !important;
}
#nav_signup {
    height: 80px;
    background-color: #F0F8FF;
    text-align: center;
    top: 5px;
    padding-top: 15px;
    position: relative;
    font-size: 30px;
    color: var(--layout-color-text-primary);
    font-weight: 300;
}
.navbar-inverse {
    background-size:cover;
}
.acc-nav{
    margin-top: 19px !important;
}
.navbar-brand {
    width: 250px;
    padding-left:0px;
}
/*ovverride flat-ui*/
.navbar-inverse .navbar-toggle:hover:before, .navbar-inverse .navbar-toggle:focus:before{
    color: #D2D2D2;/*var(--layout-color-text-primary)*/
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: var(--layout-menu-text-color);
    background-color: var(--layout-menu-background-hover-color);
}
#navbar,#navbar-organisation {
    background: var(--layout-color-text-primary);
    width: auto;
}
.dropdown-menu > li > a {
    color: var(--layout-menu-text-subitem-color) !important;
    padding: 10px 15px 10px 20px !important;
    border-radius: 0px!important;
    font-weight: 400;
    text-transform: uppercase;
    font-size:12px;
}
.dropdown-menu > li > a:hover {
    /* color: #00A2A7 !important; */
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: var(--layout-menu-text-hover-color);
}
.navbar-inverse .navbar-nav>li>a {
    color: var(--layout-menu-text-color);
    background: var(--layout-menu-background-color);
    font-weight: 400;
    text-transform: uppercase;
    font-size:12px;
}
.dropdown-menu a .glyphicon {
    top: 1px !important;
}
.navbar-nav a .glyphicon {
    top: 5px;
}
.navbar-inverse .navbar-nav>.open>.dropdown-menu {
    background-color: var(--layout-menu-background-subitem-color);
    margin: 2px;
    min-width: auto;
}
.navbar-nav {
    float: none !important;
    margin: 0 !important;
    width: auto;
}
.navbar-nav>li {
    float: none !important;
}
.nav>li {
    position: static !important;
    display: block;
    float: left;
    border-bottom-color: var(--layout-menu-border-color);
}
.navbar-collapse.collapse {
    display: none!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
}
.navbar-collapse.collapse.in {
    display: block!important;
}
.navbar .container>.navbar-header, .navbar .container-fluid>.navbar-header, .navbar .container>.navbar-collapse, .navbar .container-fluid>.navbar-collapse {
    margin-right: -21px;
    margin-left: -21px;
    padding: 0px;
}
.navbar-nav>li>a {
    padding: 10px 15px;
}
.navbar-toggle {
    padding: 0 10px 0 20px;
}
.dropdown-menu {
    border-radius: 0px;
    margin:0px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100% !important;
}
.active_menu{
    color: var(--layout-menu-text-active-color) !important;
    background-color: var(--layout-menu-background-active-color);
}
.dropdown-menu > li > a.active_menu {
    color: var(--layout-menu-text-subitem-active-color) !important;
}
#navbar-current-entityname{
    position:relative;
    top:12px;
    font-size:13px;
    color:#ffffff;
}
a.organisation-selector {
    font-size:13px;
    color: #ffffff;
    cursor: pointer;
    padding-right: 10px;
    margin-right: -15px;
}
span.organisation-selector {
    color: #ffffff;
    font-size: 10px;
    top: 11px;
    left: 11px;
    cursor: pointer;
}
#nav_dashboard {
    margin-top: 45px;
}
.navbar-toggle {
    display: block !important;
}

#search-li{
    background-color: var(--layout-menu-background-color);
    border-bottom: 1px solid var(--layout-menu-text-color);
    width: 250px;
    float: right;
    margin-top: 1px;
    margin-right: 34px !important;
    position: relative;
    z-index: 1031;
}

#search-entities {
    width: 80%;
    padding:10px 10px 9px 14px;
    border: 0px solid;
    color: var(--layout-menu-text-color);
    background-color: var(--layout-menu-background-color);
}
.dropdown{
    border-bottom: 1px solid var(--layout-menu-background-hover-color);
}
.dropdown:hover{
    background-color: var(--layout-menu-background-hover-color);
}
#navbar-menu-entities .dropdown:hover{
    background-color: var(--layout-menu-background-hover-color) !important;
}


/****************************************************
*                                                   *
* NAV responsive menu                               *
*                                                   *
/***************************************************/
/* @media (min-width: 768px) {   */
@media (min-width: 991px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin: 2px;
        border-radius: 2px;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #navbar {
        background: var(--layout-menu-background-color);
        width: 250px;
        float: right;
        position: relative;
        z-index: 1031;
    }
    .navbar-header {
        float: none !important;
    }
    
    .navbar .container>.navbar-header, .navbar .container-fluid>.navbar-header, .navbar .container>.navbar-collapse, .navbar .container-fluid>.navbar-collapse {
        margin-right: -21px !important;
        margin-left: -21px !important;
    }
    .navbar-nav {
        margin: 0 !important;
        z-index:200;
    }
    .navbar-inverse .navbar-nav>li>a {
        border-left-width: 0 !important;
    }
    .navbar-inverse .navbar-nav>.open>.dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav>.open>.dropdown-menu>li>a:focus {
        color: var(--layout-menu-text-subitem-hover-color);
        background-color: var(--layout-menu-background-subitem-hover-color);
    }
    .dropdown-menu > li > a:hover {
        color: var(--layout-menu-text-subitem-hover-color) !important;
    }
    #navbar-organisation {
        background:var(--layout-color-text-primary);
        width: 250px;
        float: right;
        margin-right: 34px !important;
        position: relative;
        max-height: 350px !important;
        overflow-x: auto !important;
        z-index: 1031;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 8px 15px 8px 20px!important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .acc-nav{
        right: 9.7%;
        position: absolute;
    }
    #navbar, #navbar-organisation{
        margin-top: 7.5%;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
    }
    .dropdown-menu > li > a:hover {
        color: var(--layout-menu-text-subitem-hover-color) !important;
    }
}

@media screen and (max-width: 480px){
    #nav_signup {
        font-size: 25px !important;
    }
    .navbar-brand {
        background: url("/assets/img/reckon-logo-mobile.png") no-repeat 15px center;
        background-size: contain;
        height: 36px;
        width: 60px;
        padding-right: 0px;
    }
    #navbar-organisation, #navbar {
        position: relative;
        z-index: 1031;        
    }

    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 8px 15px 8px 20px!important;
    }
    .acc-nav {
        right: 5%;
    }

}