﻿/*User Menu*/
.usermenu {
    text-align: center;
}

.nav-pills {
    background-color: #013370;
    float: none;
    margin: 0 auto;
    padding-right: 49px;
    padding-left: 49px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: white;
    display: inline-block;
}

    .nav-pills > li > a, .nav-modern > li.active > a {
        color: white !important;
    }

        .nav-modern > li.active > a, .nav-modern > li.active > a:focus {
            background: none !important;
            color: darkorange !important;
            border-bottom: 3px solid darkorange !important;
        }

            .nav-modern > li.active > a:hover {
                background: none !important;
            }


.nav-modern .open > a:focus {
    background: none !important;
    color: darkorange !important;
    border-bottom: 3px solid darkorange !important;
}

.nav-modern .open > a, .nav-modern .open > a:hover {
    background: none !important;
}

.nav-modern > li > a:focus {
    background: none !important;
    color: darkorange !important;
    border-bottom: 3px solid darkorange !important;
}

.nav-modern > li > a:hover {
    background: none !important;
}

@media screen and (max-width: 700px) {
    .nav-pills {
        display: none;
    }
}

/*Global Menu*/

.MainMenu .navbar-default .navbar-collapse, .MainMenu .navbar-default .navbar-form {
    background: white;
}

@media screen and (max-width: 767px) {
    .MainMenu .navbar-collapse {
        position: fixed;
        right: 0px;
    }

        .MainMenu .navbar-collapse li a {
            text-align: right !important;
        }

        .MainMenu .navbar-collapse ul.dropdown-menu li a {
            text-align: right !important;
            padding-right: 20px;
        }

        .MainMenu .navbar-collapse ul.dropdown-menu-level3 li a {
            text-align: right !important;
            padding-right: 40px;
        }
}

header.active .navbar-brand {
    margin-left: 20px;
}

.navbar-toggle {
    margin-top: 0px !important;
    margin-right: 30px;
}

header .navbar-default .navbar-nav > li.drop > a,
header .navbar-default .navbar-nav > li > a {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

header .navbar .block-3 {
    border-top: solid 1px rgba(0, 51, 112,0.5) !important;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: rgba(0, 51, 112, 0.5) !important;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none !important;
}

.MainMenu li.active > a {
    color: darkorange !important;
    border-bottom: 3px solid darkorange !important;
}


.MainMenu .navbar-default .navbar-nav > li > a {
    /*font-size: 16px !important;*/
    font-weight: bold !important;
}

/*@media (min-width: 767px) and (max-width: 880px) {
    .MainMenu .navbar-default .navbar-nav > li > a {
        font-size: 11px;
    }
}*/

.MainMenu .navbar-nav > li.dropdown > a:before {
    position: absolute;
    content: '\f107';
    font-family: 'FontAwesome';
    /*color: #949494;*/
    color: #003370 !important;
    font-size: 15px;
    left: 8px;
    top: 50%;
    margin-top: -10px;
    margin-left: -17px;
    z-index: 3;
}

@media (max-width: 4000px) and (min-width: 768px) {
    .MainMenu .navbar-collapse.collapse {
        margin: 0px auto;
        float: none !important;
        display: inline-block !important;
    }

        .MainMenu .navbar-collapse.collapse .divider {
            display: none;
        }

        .MainMenu .navbar-collapse.collapse li a {
            text-align: right;
        }

        .MainMenu .navbar-collapse.collapse ul.dropdown-menu-level3 {
            top: auto;
            right: 100%;
            left: initial;
        }
}

.minLogoFullImage {
    display: block;
}

.minLogoHalfImage {
    display: none;
    height: 61px;
    width: auto !important;
}


@media screen and (max-width: 1149px) {
    .minLogoFullImage {
        display: none !important;
    }

    .minLogoHalfImage {
        display: block !important;
    }
}