/* CSS Document */
/* =========================================================
SMART DIGITAL CROWD - ADMINLTE CUSTOM THEME
Based on Logo Colors:
Black + Gold + Silver
========================================================= */

/* =========================================================
ROOT COLORS
========================================================= */

:root{

    --sdc-gold:#d4a017;
    --sdc-gold-light:#f5c542;
    --sdc-gold-dark:#9c7300;

    --sdc-black:#111111;
    --sdc-dark:#1b1b1b;
    --sdc-card:#2b2f36;

    --sdc-silver:#c0c0c0;
    --sdc-white:#ffffff;

    --sdc-success:#36c78b;
    --sdc-danger:#d65c4f;
    --sdc-info:#4e8df5;

}

/* =========================================================
BODY
========================================================= */

body{
    background:#4b4f57 !important;
    color:#ffffff;
}

/* =========================================================
NAVBAR
========================================================= */

.main-header{
    background:#1b1b1b !important;
    border-bottom:2px solid var(--sdc-gold);
}

.main-header .nav-link{
    color:#ffffff !important;
}

.main-header .nav-link:hover{
    color:var(--sdc-gold-light) !important;
}

/* =========================================================
SIDEBAR
========================================================= */

.main-sidebar{
    background:#111111 !important;
}

.brand-link{
    border-bottom:1px solid rgba(255,255,255,0.08);
    background:#111111 !important;
}

.brand-text{
    color:#ffffff !important;
    font-weight:700;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
    background:linear-gradient(
        90deg,
        var(--sdc-gold-dark),
        var(--sdc-gold)
    ) !important;

    color:#000 !important;
    font-weight:600;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover{
    background:rgba(212,160,23,0.15) !important;
    color:var(--sdc-gold-light) !important;
}

.nav-sidebar .nav-link{
    color:#cfcfcf !important;
    border-radius:8px;
    margin:3px 8px;
}
.dark-mode .nav-pills .nav-link.active{
    color: #1F1F1F !important;
}

/* =========================================================
CONTENT AREA
========================================================= */

.content-wrapper{
    background:#4b4f57 !important;
}

/* =========================================================
CARDS
========================================================= */

.card{
    background:#343841 !important;
    border:none !important;
    border-radius:10px;
    color:#ffffff;
}

.card-header{
    border-bottom:1px solid rgba(255,255,255,0.05);
}

/* =========================================================
TEXT COLORS
========================================================= */

.text-warning{
    color:var(--sdc-gold-light) !important;
}

.text-success{
    color:#58d68d !important;
}

.text-danger{
    color:#ff6b6b !important;
}

.text-info{
    color:#63a4ff !important;
}

/* =========================================================
BUTTONS
========================================================= */

.btn-warning{
    background:linear-gradient(
        90deg,
        var(--sdc-gold-dark),
        var(--sdc-gold-light)
    ) !important;

    border:none !important;
    color:#111 !important;
    font-weight:600;
}

.btn-warning:hover{
    opacity:0.9;
}

.btn-success{
    background:#2fbf71 !important;
    border:none !important;
}

.btn-danger{
    background:#d65c4f !important;
    border:none !important;
}

/* =========================================================
SMALL BOXES
========================================================= */

.small-box{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

.small-box .icon{
    opacity:0.25;
}

/* =========================================================
GRADIENTS
========================================================= */

.bg-gradient-warning{
    background:linear-gradient(
        135deg,
        #c69214,
        #f5c542
    ) !important;

    color:#111 !important;
}

.bg-gradient-success{
    background:linear-gradient(
        135deg,
        #49b98c,
        #7ddcb1
    ) !important;
}

.bg-gradient-danger{
    background:linear-gradient(
        135deg,
        #c65448,
        #de7468
    ) !important;
}

.bg-gradient-info{
    background:linear-gradient(
        135deg,
        #5c8fe6,
        #7cb0ff
    ) !important;
}

.bg-gradient-primary{
    background:linear-gradient(
        135deg,
        #7c7c7c,
        #c0c0c0
    ) !important;

    color:#111 !important;
}

/* =========================================================
INFO BOX
========================================================= */

.info-box{
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,0.15);
}

.info-box-icon{
    font-size:24px;
}

/* =========================================================
TABLES
========================================================= */

.table{
    color:#ffffff !important;
}

.table thead th{
    border-bottom:1px solid rgba(255,255,255,0.08);
    background:#2d3138;
}

.table td{
    border-top:1px solid rgba(255,255,255,0.05);
}

/* =========================================================
INPUTS
========================================================= */

.form-control{
    background:#2d3138 !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    color:#ffffff !important;
}

.form-control:focus{
    border-color:var(--sdc-gold) !important;
    box-shadow:none !important;
}

/* =========================================================
BADGES
========================================================= */

.badge-warning{
    background:var(--sdc-gold) !important;
    color:#111 !important;
}

.badge-success{
    background:#2fbf71 !important;
}

/* =========================================================
DROPDOWNS
========================================================= */

.dropdown-menu{
    background:#2b2f36 !important;
    border:none !important;
}

.dropdown-item{
    color:#ffffff !important;
}

.dropdown-item:hover{
    background:rgba(212,160,23,0.15) !important;
}

/* =========================================================
PROFILE IMAGE
========================================================= */

.profile-user-img{
    border:3px solid var(--sdc-gold) !important;
}

/* =========================================================
SCROLLBAR
========================================================= */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#1b1b1b;
}

::-webkit-scrollbar-thumb{
    background:var(--sdc-gold);
    border-radius:10px;
}

/* =========================================================
ELEVATION / SHADOWS
========================================================= */

.elevation-1,
.elevation-2,
.elevation-3{
    box-shadow:0 4px 15px rgba(0,0,0,0.2) !important;
}

/* =========================================================
FOOTER
========================================================= */

.main-footer{
    background:#1b1b1b !important;
    border-top:1px solid rgba(255,255,255,0.05);
    color:#ffffff;
}

/* =========================================================
LINKS
========================================================= */

a{
    color:var(--sdc-gold-light);
}

a:hover{
    color:#ffd76b;
}

/* =========================================================
PAGINATION
========================================================= */

.page-item.active .page-link{
    background:var(--sdc-gold) !important;
    border-color:var(--sdc-gold) !important;
    color:#111 !important;
}

.page-link{
    background:#2d3138 !important;
    border-color:#444 !important;
    color:#fff !important;
}