/* ==========================================
   Little Creek Hosting Dark Mode
========================================== */

body {
    background: #08182d !important;
    color: #d3dce6 !important;
}

/* ==========================================
   Navigation
========================================== */

.navbar-main {
    background: #061224 !important;
    border: 0 !important;
}

.navbar-main .navbar-nav > li > a {
    color: #d3dce6 !important;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .active > a {
    color: #01C9D2 !important;
    background: transparent !important;
}

/* ==========================================
   Panels
========================================== */

.panel {
    background: #10233f !important;
    border: 1px solid #1b3658 !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.35) !important;
}

.panel-heading {
    background: #061224 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #1b3658 !important;
}

.panel-heading a,
.panel-heading i {
    color: #ffffff !important;
}

.panel-body {
    background: #10233f !important;
    color: #d3dce6 !important;
}

/* ==========================================
   Buttons
========================================== */

.btn-primary,
.btn-success,
.btn-info,
.btn-warning {
    background: #01C9D2 !important;
    border-color: #01C9D2 !important;
    color: #061224 !important;
    font-weight: 600;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover {
    background: #20d7df !important;
    border-color: #20d7df !important;
}

.btn-default {
    background: transparent !important;
    border: 1px solid #01C9D2 !important;
    color: #01C9D2 !important;
}

.btn-default:hover {
    background: #01C9D2 !important;
    color: #061224 !important;
}

/* ==========================================
   Tables
========================================== */

.table {
    background: #10233f !important;
    color: #d3dce6 !important;
}

.table > thead > tr > th {
    background: #061224 !important;
    color: #ffffff !important;
}

.table > tbody > tr > td {
    border-color: #1b3658 !important;
}

/* ==========================================
   Forms
========================================== */

.form-control {
    background: #08182d !important;
    border: 1px solid #1b3658 !important;
    color: #ffffff !important;
}

.form-control:focus {
    border-color: #01C9D2 !important;
    box-shadow: 0 0 0 2px rgba(1,201,210,.2);
}

/* ==========================================
   Links
========================================== */

a {
    color: #01C9D2;
}

a:hover {
    color: #40e4eb;
}

/* ==========================================
   Stats Boxes
========================================== */

.client-home-panels .stat {
    background: #10233f !important;
    border: 1px solid #1b3658 !important;
    border-radius: 12px;
}

.client-home-panels .stat .icon,
.client-home-panels .stat .value {
    color: #01C9D2 !important;
}