/*Main navigation, User navigation, Project navigation styleing*/
.page-header {
    min-height: 65px !important;
    height: auto;
}

    .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
        padding: 0;
        height: 34px;
        z-index: 3;
        position: relative;
        top: 0;
        right: 0;
    }

    .page-header .page-header-top {
        min-height: 65px !important;
    }

        .page-header .page-header-top .top-menu {
            margin: 0 0 0;
        }

.container-fluid.navigation {
    padding-left: 0;
    padding-right: 0;
}

.project-menu {
    background: #00364e !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    background: #024b6b;
}

.page-header .page-header-top .page-logo {
    height: 65px;
}

    .page-header .page-header-top .page-logo .logo-default {
        margin: 10px 0 0;
    }

.page-header .page-header-menu {
    min-height: 65px;
    height: auto;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown {
    margin: 0 10px 0 0;
}

.page-header .page-header-top .top-menu.main_menu_bar .navbar-nav > li.dropdown-separator .separator {
    height: 37px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 25px 18px 20px;
}

.page-header-menu.project-menu {
    min-height: 40px;
    height: auto;
}

.page-header, .page-header-top, .page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group, .page-header .page-header-menu {
    background-color: #00628c;
}

    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
        background: #024b6b !important;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
        color: #fff;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        color: #fff;
        background: #00364e;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
            color: #fff;
        }

    .page-header .page-header-menu.project-menu .hor-menu .navbar-nav > li > a {
        padding: 10px;
        color: #BCC2CB;
    }

a#NavigationPlaceHolder_MainNavigation_lnkCurrentProject {
    color: #fff;
}
/*User menu*/
.top-menu.user-menu {
    width: 45%;
}

    .top-menu.user-menu .page-header-menu ul.nav.navbar-nav.pull-left {
        width: 50%;
        padding-top: 6px;
    }

    .top-menu.user-menu .page-header-menu ul.nav.navbar-nav.pull-right {
        margin-top: 10px;
        width: 55%
    }

li#NavigationPlaceHolder_MainNavigation_menuCurrentProject {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 49%;
    color: #fff;
}

.page-header-menu form.search-form {
    width: 40%;
    float: left;
    display: block;
    margin-top: 16px;
}

.page-header-menu .search-form, .page-header-menu .search-form .input-group {
    background-color: #fff;
}

.top-menu.user-menu .page-header-menu .search-form .input-group .form-control {
    color: #616d7d;
    background: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav > li.menu-dropdown.classic-menu-dropdown.btn.default.btn-outline {
    margin: 0;
    padding: 0 4px;
    height: 50px;
    display: inline-block;
}

li.menu-dropdown.classic-menu-dropdown.btn.default.btn-outline.pull-right {
    border-width: 0px;
    border-left: 1px solid;
}

span.username.username-hide-mobile {
    color: #fff;
}

li.menu-dropdown.classic-menu-dropdown.btn.default.btn-outline.pull-right:hover span.username.username-hide-mobile {
    color: #666;
}
/*.user-menu .page-header-menu ul.nav.navbar-nav.pull-right {*/
/*padding-top: 10px;*/
/*}*/
.user-menu .page-header-menu .search-form.open {
    width: 45% !important;
}

.user-menu > li > a:focus, .nav > li > a:hover, .page-header .page-header-top .top-menu.user-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
    background: transparent;
    min-height: 100%;
    color: #fff;
}

.user-menu .page-header-menu .search-form {
    background-color: #fff;
    width: 45%;
    margin-top: 16px;
}

.navbar-nav > li > a.dropdown-toggle {
    padding: 15px 0;
}

span.input-group-btn {
    background-color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle {
    background-color: transparent;
}

dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
    background-color: #012e42;
}

.menuCurrentProject {
    padding: 5px 10px;
    text-align: center
}

/*Report menu fixes*/
.NormalButton .Enabled, .HoverButton .Enabled, .HoverPressedButton .Enabled, .PressedButton .Enabled {
    /* DO NOT MODIFY */
    display: inline;
}

.NormalButton .Disabled, .HoverButton .Disabled, .HoverPressedButton .Disabled, .PressedButton .Disabled {
    /* DO NOT MODIFY */
    display: none;
}

.DisabledButton .Enabled {
    /* DO NOT MODIFY */
    display: none;
}

.DisabledButton .Disabled {
    /* DO NOT MODIFY */
    display: inline;
}

.DisabledButton .Enabled, input.Enabled {
    display: none;
}

.ReportToolbarGroup td, .InputButtonClass td {
    border: none;
    margin: 0 3px 0 3px;
    padding: 4px 4px 0 4px;
    vertical-align: middle;
}

.ReportToolbarGroup, .InputButtonClass {
    width: auto;
    display: block;
    border: none;
    margin: 0 0 0 0;
    height: 30px !important;
    margin: 0;
    padding: 0;
}

iframe#MainContentPlaceHolder_Content_rptViewProjectsOverviewParametersArea, iframe#MainContentPlaceHolder_Content_rptViewProjectResourcesParametersArea, iframe#MainContentPlaceHolder_Content_rptViewProjectActivitiesParametersArea {
    /*height: 90px!important*/;
    background-color: #F1F1F0;
    padding: 0 10px;
    margin-bottom: 15px;
    margin-top: 0;
}

.page-header-menu ul.nav.navbar-nav li.menu-dropdown .dropdown-toggle > img {
    margin-top: -8px;
    margin-right: 8px;
    height: 40px;
    float: left;
}


@media (min-width: 992px) and (max-width: 1275px) {
    .page-header .page-header-top .page-logo {
        height: 65px;
        max-width: 160px;
    }

    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        padding: 25px 15px 20px;
    }

    .user-menu .page-header-menu .search-form {
        width: 30%;
    }

    span#NavigationPlaceHolder_MainNavigation_ltrUserName {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .page-header {
        min-height: 65px;
    }

        .page-header .page-header-top .page-logo {
            max-width: 100%;
        }

    .container-fluid.navigation {
        background-color: #00628c;
    }

    .top-menu.main_menu_bar.pull-left {
        width: 100%;
    }

    .main_menu_bar .top-menu.pull-left {
        width: 100%;
    }

    .main_menu_bar form.search-form {
        width: 100%;
    }

    .main_menu_bar .hor-menu {
        width: 100%;
    }

    .main_menu_bar ul.nav.navbar-nav {
        width: 100%;
    }

    .top-menu.user-menu {
        width: 100%;
    }

    form.search-form {
        width: 100%;
    }

    ul.nav.navbar-nav.pull-right {
        width: auto;
    }

    .top-menu.user-menu .page-header-menu ul.nav.navbar-nav.pull-right {
        margin-top: 0px;
    }

    .user-menu .page-header-menu .search-form {
        background-color: #fff;
        width: 90%;
        margin-top: 20px;
        margin-left: 5%;
    }

        .user-menu .page-header-menu .search-form.open {
            width: 90% !important;
        }

    ul.nav.navbar-nav.pull-right {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .page-header .top-menu, .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle, .page-header-fixed-mobile .page-header .top-menu {
        background-color: transparent;
    }

    .page-header, .page-header-top, .page-header .page-header-menu .search-form, .page-header .page-header-menu .search-form .input-group, .page-header .page-header-menu {
        background-color: transparent;
    }

        .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
            height: 40px;
        }

    li.dropdown.dropdown-user.dropdown-menu-default.btn.default.btn-outline {
        border-width: 0px;
        float: right;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
        width: 100%;
        min-width: 330px;
    }

    .dropdown-menu > li:hover > a {
        background-color: #f1f1f1;
    }

    .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        /*  right: -100%;
        left: auto;*/
    }

    .page-header-menu ul.nav.navbar-nav li.menu-dropdown .dropdown-toggle > img {
        margin-top: -8px;
        margin-right: 8px;
        height: 40px;
        float: left;
    }
}

.btn, .form-control {
    border-radius: 12px !important;
}

.border-radius-none {
    border-radius: 0 !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
    padding: 22px 18px 20px;
}

.user-menu {
    max-height: 65px !important;
    height: 65px !important
}

    .user-menu .page-header-menu {
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 10px;
        min-height: 65px
    }

        .user-menu .page-header-menu .search-form {
            margin-top: 0 !important
        }

        .user-menu .page-header-menu .navbar-nav {
            padding: 0;
            margin-right: 15px !important;
            height: 65px;
            display: block;
        }

            .user-menu .page-header-menu .navbar-nav .classic-menu-dropdown, .user-menu .page-header-menu .navbar-nav .classic-menu-dropdown .dropdown-toggle {
                height: 65px;
            }

                .user-menu .page-header-menu .navbar-nav .classic-menu-dropdown .dropdown-toggle {
                    padding-top: 20px !important;
                    padding-left: 5px !important;
                    padding-right: 5px !important;
                }

                    .user-menu .page-header-menu .navbar-nav .classic-menu-dropdown.open .dropdown-toggle, .user-menu .page-header-menu .navbar-nav .classic-menu-dropdown .dropdown-toggle:hover {
                        background: #024b6b !important;
                    }
.dropdown-submenu > .dropdown-menu {
  top: 5px !important;
  right: 100% !important;
  margin-top: 0;
  margin-left: -1px;
}
.dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
    background-color: #024b6b;
    color: #fff !important;
}

.user-menu .page-header-menu .navbar-nav .dropdown-menu {
    top: 100%;
    right: 0;
    left: initial;
}

.user-menu .page-header-menu .navbar-nav .menuCurrentProject {
    padding: 10px !important;
}

.dropdown-submenu > .dropdown-menu {
    top: 5px;
    left: 100%;
    margin-top: 0;
    margin-left: -1px;
}

.portlet-main {
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .page-header .page-header-menu {
        background: #00628c !important;
        padding: 0 !important;
    }

        .page-header .page-header-menu .hor-menu .navbar-nav {
            background: #024b6b !important;
            color: #fff;
        }

            .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
                color: #fff !important;
            }

            .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
                color: #fff !important;
            }

                .page-header .page-header-menu .hor-menu .navbar-nav li > a > .arrow::after {
                    top: auto;
                }

            .page-header .page-header-menu .hor-menu .navbar-nav > li {
                border-bottom: 1px solid #06658E;
            }

    .page-header .page-header-top .menu-toggler {
        margin: 18px 3px 0 13px;
    }

    .user-menu {
        max-height: auto !important;
        height: auto !important
    }

        .user-menu .page-header-menu {
            display: none;
            min-height: auto
        }

    .portlet-main {
        margin-bottom: 5px;
        margin-top: 10px;
    }
}