#sidebar{min-width:295px;max-width:295px;background:#212121;color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
#sidebar .h6{color:#fff}
#sidebar.active{margin-left:-295px}
#sidebar.active .custom-menu{margin-right:-50px}
#sidebar h1{margin-bottom:20px;font-weight:700;font-size:20px}
#sidebar h1 .logo{color:#fff;display:block;padding:10px 30px;background:#2f89fc}
#sidebar ul.components{padding:0}
#sidebar ul li{font-size:16px}
#sidebar ul li>ul{margin-left:10px}
#sidebar ul li>ul li{font-size:14px}
#sidebar ul li a{padding:15px 30px;display:block;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.1)}
#sidebar ul li a:hover{color:#fff;background:#2f89fc;border-bottom:1px solid #2f89fc}
#sidebar ul li.active>a{background:0 0;color:#fff; font-weight:600;}
#sidebar ul li.active>a:hover{background:#2f89fc;border-bottom:1px solid #2f89fc; font-weight:600;}
@media(max-width:991.98px){
    #sidebar{margin-left:-295px}
    #sidebar.active{margin-left:0}
    #sidebar .custom-menu{margin-right:-60px!important;top:10px!important}
}
#sidebar .custom-menu{display:inline-block;position:absolute;top:10px;right:0;margin-right:-50px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media(prefers-reduced-motion:reduce){
    #sidebar .custom-menu{-webkit-transition:none;-o-transition:none;transition:none}
}
#sidebar .custom-menu .btn.btn-primary{background:0 0;border-color:transparent}
#sidebar .custom-menu .btn.btn-primary i{color:#000;font-size:24px}
#sidebar .custom-menu .btn.btn-primary:hover,#sidebar .custom-menu .btn.btn-primary:focus{background:0 0!important;border-color:transparent!important}
a[data-toggle=collapse]{position:relative}.dropdown-toggle::after{display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media(max-width:991.98px){
    #sidebarCollapse span{display:none}
}
#content{width:100%;padding:0;min-height:100vh;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#contentFooter{font-size:small;}
.btn.btn-primary{background:#2f89fc;border-color:#2f89fc}
.btn.btn-primary:hover,.btn.btn-primary:focus{background:#2f89fc!important;border-color:#2f89fc!important}
.footer p{color:rgba(255,255,255,.5)}
.form-control{height:40px!important;background:#fff;color:#000;font-size:13px;border-radius:4px;-webkit-box-shadow:none!important;box-shadow:none!important;border:transparent}
.form-control:focus,.form-control:active{border-color:#000}
.form-control::-webkit-input-placeholder{color:rgba(255,255,255,.5)}
.form-control::-moz-placeholder{color:rgba(255,255,255,.5)}
.form-control:-ms-input-placeholder{color:rgba(255,255,255,.5)}
.form-control:-moz-placeholder{color:rgba(255,255,255,.5)}
.subscribe-form .form-control{background:#4897fc}

#sidefoot { font-size:small;  padding: 0 10px 0 10px;  }
#sidefoot a:link, #sidefoot a:visited { color:#fff; font-weight: normal;}
#sidefoot a:active, #sidefoot a:hover { color:#fff; font-weight: normal;}

#sidebar ul { margin:0; padding: 0 0 0 15px; list-style-type: none; }
#sidebar ul > ul { padding-left: 15px; }
#sidebar ul li a { padding: 2px 2px 2px 2px; border-bottom: none; }
#sidebar ul li.active a:hover { background: none; border-bottom: none;} 
#sidebar ul li a:hover { background: none; border-bottom: none;}

div#breadcrumb {
    padding-bottom: 6px;
}

#breadcrumb {
    font-size: small;
}

div#pageNavigation {
    padding: 3px 0 0 0;
}
span#pageNavTop, span#pageNavPrevious, span#pageNavPrevious {
    padding: 0 6px 0 0;
}