.main-header.navbar,
.main-sidebar.sidebar-dark-primary {
    /* background-color: #1C2541; */
    background-color: #070c1b;
    color: #fff;
}

.content-wrapper {
    background-color: #0B132B;
    color: #fff;
}

.card {
    /* background-color: rgba(255,255,255,0.81); */
    background-color: rgba(0,0,0,0.36);
}


.main-header.navbar {
    border-bottom: 2px solid rgba(0,0,0,0.36);;
}



/**
* Sidebar
*/
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    /* background-color: #5BC0BE; */
    background-color: #00A6FB;
}
.nav-sidebar .nav-treeview>.nav-item>.nav-link.active, .nav-sidebar .nav-treeview>.nav-item>.nav-link:hover, .nav-sidebar .nav-treeview>.nav-item>.nav-link.active:hover {
    /* background-color: #3A506B; */
    background-color: #00a6fb14;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: rgba(0,0,0,.36);
}
[class*=sidebar-dark] .user-panel {
    border-bottom: 3px solid rgba(0,0,0,0.36);
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    padding-left: 3rem;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link .fa,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link .far,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link .fas,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link .fab {
    display: none;
}

.sidebar-collapse .nav-item .nav-link p,
.sidebar-collapse .nav.nav-treeview {
    display: none!important;
}

.sidebar-collapse aside.main-sidebar:hover .nav-item .nav-link p,
.sidebar-collapse aside.main-sidebar:hover .menu-open .nav.nav-treeview {
    display: initial!important;
}

.nav-item .nav-link > i {
    width: 30px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255, 1);
}

[class*=sidebar-dark] .user-panel {
    padding: 0.72rem 0;
}



/**
* Breadcrumbs
*/
.breadcrumb-item.active {
    color: #3A506B;
}



/**
* Links
*/
a {
    color: #00a6fb;
}


p {
    color: #acacac;
}


/**
* Cards
*/
.card-body {
    color: #acacac;
}
.card-body h1,
.card-body h2,
.card-body h3,
.card-body h4,
.card-body h5,
.card-body h6 {
    color: #fff;
}






/**
* Footer
*/
.main-footer {
    background-color: #070c1b;
    border-top: 2px solid rgba(0,0,0,0.36);
    color: #acacac;
}



/**
* Boxes
*/
.small-box {
    border: solid 2px #00a6fb;
    background-color: rgba(0,0,0,0.21);
    box-shadow: 0 0 9px #00a6fb;
    text-align: center;
    color: #00a6fb;
}
.small-box h3 {
    font-size: 2.1rem;
    line-height: 2.1rem;
    margin-bottom: 0;
}
.small-box p {
    font-size: 0.72rem;
    margin-bottom: 0;
    color: #fff;
}




/**
* Tables
*/
.table-dark {
    color: #fff;
    background-color: #070c1b;
}
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #0b132b;
    vertical-align: baseline;
}
@media screen and (min-width: 768px) {
    .table-responsive {
        display: table;
    }
}



/**
* Buttons
*/
button.btn.btn-default {
    background-color: #00a6fb;
    border: solid 1px #0b132b;
    color: #fff;
}
button .fa,
button .fas {
    margin-right: 0.36rem;
}
.btn-small {
    font-size: 0.81rem;
    padding: 0.21rem 0.42rem;
}




/**
* Utilities
*/
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}


@media screen and (min-width: 992px) {
    .content-header h1 {
        padding-left: 1.5rem;
    }
    .content-wrapper>.content {
        padding: 0 0.5rem 3rem 1.5rem;
    }
}




/**
* Forms
*/
form h4 {
    margin-top: 3rem;
}
fieldset {
    display: flex;
    flex-direction: column;
    margin: 0.72rem 0;
}
input {
    background-color: #0d1329;
    border: solid 2px #050811;
    border-radius: 0.36rem;
    color: #acacac;
    padding: 0.36rem 1rem;
}
input:active,
input:focus {
    border-color: #00a6fb;
    outline: #00a6fb;
    color: #fff;
}