/* here you can put your own css to customize and override the theme */
.page-logo img{max-width: 150px;margin-top: 10px;}
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo img{display: none;}

.page-header.navbar .menu-toggler.responsive-toggler{margin:30px;}
.mr-auto{list-style: none;}
.mr-auto li.nav-item.menu-dropdown{position: relative;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu{border:1px solid #575d77;}
.mr-auto li.nav-item.menu-dropdown > ul.dropdown-menu-default{background: #575d77;border-color: #575d77;}
.mr-auto li.nav-item.menu-dropdown > ul.dropdown-menu-default > li > a{color: #dadce4;}
.mr-auto li.nav-item.menu-dropdown > ul.dropdown-menu-default > li > a:hover,
.mr-auto li.nav-item.menu-dropdown > ul.dropdown-menu-default > li > a:active,
.mr-auto li.nav-item.menu-dropdown > ul.dropdown-menu-default > li > a:focus{background: #606683;}
.mr-auto li.nav-item > a{padding: 29px 10px 25px 10px;display: block;}
.mr-auto a{color: #aeb2c4;}
.mr-auto a:hover, .mr-auto a:focus, .mr-auto a:active{text-decoration: none;}
.mr-auto > li.nav-item > a:hover, .mr-auto > li.nav-item > a:hover{background-color: #3f4457;}
.custom-top-menu > .navbar-nav{ padding: 0;}
@media(max-width: 992px) AND (min-width: 765px){
    .custom-top-menu.pull-left{
        float: none!important;
    }
    .page-header.navbar .page-top{
        border-top: 1px solid rgba(255,255,255,0.1);
        float: none;
    }
    .page-header-inner{
        background: #3B3F51;
    }
    .page-header.navbar .top-menu{
        float: right;
    }
}
@media(max-width: 765px){
    .custom-top-menu{
        position: absolute;
        top:75px;
        right:0;
        width: 250px;
        background: #3f4457;
        z-index: 1000;
    }
    .mr-auto > li.nav-item{width:100%;}
    .mr-auto > li.nav-item > a{padding: 20px 10px;}
    .mr-auto > li.nav-item > a:hover, .mr-auto > li.nav-item > a:hover{background-color: #464e62;}
}
.page-sidebar .page-sidebar-menu > li.user-details{padding-bottom:20px}
.page-sidebar .page-sidebar-menu > li.user-details div.user-avatar{margin: 20px auto 10px auto; width:150px; height: 150px; overflow: hidden;}
.page-sidebar .page-sidebar-menu > li.user-details div.username{padding:0 20px 0 20px;}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.user-details{padding:10px 0;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.user-details div.user-avatar{margin: 0 auto; width:40px; height: 40px; overflow: hidden;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.user-details:hover div.user-avatar{float:left; margin-left:7px;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.user-details div.username{display: none;}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.user-details:hover{background: #FFFFFF; }
.page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.user-details:hover div.username{display: block;padding:7px 0 7px 70px;text-align: left;}

.page-sidebar .page-sidebar-menu > li > a > i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i{
    font-weight: 900;
}

.tabbable-line > .nav-tabs > li.active,
.tabbable-line > .nav-tabs > li:focus{border-bottom-color:#5C9ACF;}
.tabbable-line > .nav-tabs > li:hover{border-bottom-color: rgba(92, 154, 207, 0.4);}