@import "default.css";

/******************* CUSTOM CSS ********************/

.layout-fixed .wrapper .sidebar {
    height: calc(100vh - 3.5rem - 1px);
    background: radial-gradient(#061b29, black);
}

body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
    transition: margin-left .3s ease-in-out;
    margin-left: 250px;
    background: radial-gradient(#061b29, black);
}

[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
    color: hsla(0,0%,100%,.8);
    background: radial-gradient(#061b29, black);
}

.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {
    transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
    color: #d3d3d3;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    color: #fff;
    background: radial-gradient(#1b4b61, #fd030300);
    border-radius: 50px;
}


.dark-mode .card {
    background-color: #00000000;
    color: #ffffff99;
    border-width: 3px;
    border-color: #f7f7f7;
    border-style: double;
    border-radius: 15px;
}

.btn-info {
    color: #ffffff;
    background-color: #b8171700;
    border-color: #ffffff;
    box-shadow: none;
}


.btn-warning {
    color: #ffffff;
    background-color: #ffc10700;
    border-color: #ffffff;
    box-shadow: none;
}


.card-title {
    float: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0;
    color: white;
}

.dark-mode .text-muted {
    color: #ffffff99!important;
}

.dark-mode .list-group-item {
    background-color: #343a4000;
    border-color: #ffffff99;
}

.dark-mode .info-box {
    background-color: #343a4000;
    color: #fff;
    border: 3px;
    border-style: double;
    border-radius: 15px;
    border-color: white;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 700;
    color: #ffffffc2;
}

.dark-mode .custom-control-label:before, .dark-mode .custom-file-label, .dark-mode .custom-file-label:after, .dark-mode .custom-select, .dark-mode .form-control, .dark-mode .input-group-text {
    background-color: #007af400;
    color: #828282;
}