/* BACKGROUND */
html,
body {
    background: #03142f !important;
    background-image:
        radial-gradient(circle at top right,#0f5fd7 0%,transparent 35%),
        radial-gradient(circle at bottom left,#083d8c 0%,transparent 30%);
    color: #fff !important;
}

/* CONTAINER */
.main-content,
.container,
.container-fluid {
    background: transparent !important;
}

/* NAVBAR */
.navbar,
.navbar-default,
header {
    background: rgba(2,15,40,.9) !important;
    border: none !important;
}

/* SEMUA PANEL */
.panel,
.card,
.tile,
.stat,
.client-home-panels .panel,
.client-home-panels .card,
.domain-checker-container,
.dataTables_wrapper,
.well {
    background: rgba(8,35,85,.75) !important;
    border: 1px solid rgba(50,120,255,.2) !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}

/* HEADER PANEL */
.panel-heading,
.card-header {
    background: rgba(20,70,180,.4) !important;
    color: #fff !important;
}

/* TABEL */
.table,
.table-striped,
.table-bordered,
.table-responsive {
    background: transparent !important;
}

.table td,
.table th {
    color: #fff !important;
    border-color: rgba(255,255,255,.08) !important;
}

/* SIDEBAR */
.list-group-item,
.sidebar .panel {
    background: rgba(8,35,85,.75) !important;
    color: #fff !important;
}

/* FORM */
input,
select,
textarea,
.form-control {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
}

input::placeholder {
    color: rgba(255,255,255,.6) !important;
}

/* BUTTON */
.btn-primary {
    background: linear-gradient(90deg,#0077ff,#00a2ff) !important;
    border: 0 !important;
}

.btn-default,
.btn-secondary {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}

/* LINK */
a {
    color: #7bc1ff !important;
}

/* FOOTER */
footer {
    background: rgba(2,15,40,.9) !important;
    color: #fff !important;
}

/* FORCE DARK BLUE THEME */

body,
.wrapper,
.main-body,
.main-content {
    background: #041a3d !important;
    color: #fff !important;
}

.card,
.panel,
.tile,
.dashboard-panel,
.list-group,
.client-home-panels > div,
.domain-checker-container {
    background: rgba(9,45,105,.85) !important;
    border: 1px solid rgba(60,140,255,.2) !important;
    border-radius: 15px !important;
}

.card-header,
.panel-heading {
    background: rgba(0,120,255,.15) !important;
    color: #fff !important;
}

.table,
.table-striped,
.table-hover,
.table td,
.table th {
    background: transparent !important;
    color: #fff !important;
}

.navbar,
.navbar-main,
.top-nav,
header {
    background: #02132d !important;
}

.form-control,
.form-select,
input,
select {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
}

.btn-primary {
    background: linear-gradient(90deg,#0078ff,#00a8ff) !important;
    border: none !important;
}

.sidebar,
.sidebar .card,
.sidebar .panel {
    background: rgba(6,35,85,.9) !important;
}

a {
    color: #66b5ff !important;
}

/* SATUKAN BACKGROUND */

html,
body {
    background: linear-gradient(
        180deg,
        #03142f 0%,
        #082b63 50%,
        #03142f 100%
    ) !important;
    background-attachment: fixed !important;
}

/* Area utama */
#main-body,
.main-body,
.main-content,
.wrapper,
.content-wrapper,
section {
    background: transparent !important;
}

/* Header */
header,
.navbar,
.navbar-main,
.top-nav {
    background: rgba(2,15,40,.85) !important;
    border: none !important;
}

/* Footer */
footer,
.footer,
footer.footer {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,.08);
}

/* Hilangkan background putih bawaan */
.container,
.container-fluid,
.row {
    background: transparent !important;
}

/* SATUKAN BACKGROUND */

html,
body {
    background: linear-gradient(
        180deg,
        #03142f 0%,
        #082b63 50%,
        #03142f 100%
    ) !important;
    background-attachment: fixed !important;
}

/* Area utama */
#main-body,
.main-body,
.main-content,
.wrapper,
.content-wrapper,
section {
    background: transparent !important;
}

/* Header */
#header,
.navbar,
.navbar-main,
.top-nav {
    background: rgba(2,15,40,.85) !important;
    border: none !important;
}

/* Footer */
footer,
.footer,
footer.footer {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,.08);
}

/* Hilangkan background putih bawaan */
.container,
.container-fluid,
.row {
    background: transparent !important;
}

/* TOP BAR */
#header,
.header,
.topbar {
    background: transparent !important;
    /*background-image: none !important;*/
}

/* NAVBAR */
.navbar,
.navbar-light,
.main-navbar-wrapper,
.navbar-expand-xl {
    background: #06285c !important;
    background-image: none !important;
    border: none !important;
}

/* HILANGKAN GARIS PEMISAH */
.header {
   border-color: rgba(255,255,255,.08) !important;
}

/* MENU */
.navbar-light .navbar-nav .nav-link,
.navbar a {
    color: #fff !important;
}
.navbar-light,
.navbar-expand-xl { 
    background: transparent !important;
}
.dropdown-menu
 { 
     background: #06285c !important;
}
.dropdown-item  {
    background: transparent !important;
}
.dropdown-item:hover {
    color: black !important;
    background: white !important;
}
.topbar, .domain-pricing, .form-inline {
    display: none;
 }
input[type=text] {
     color: black !important;
}
.navbar, .navbar-light
    {
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

.guest-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}