/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* ===== CBACKUP DARK THEME ===== */

/* Background */
body,
#wrapper,
.main-content {
    background: linear-gradient(180deg, #0B1F33 0%, #0E3A5D 100%) !important;
    color: #EAF2F8;
}

/* Header */
#header,
.navbar,
.navbar-main {
    background-color: #0B1F33 !important;
    border-bottom: 1px solid #17324A;
}

/* Logo area */
.navbar-brand img {
    max-height: 42px;
}

/* Links */
a {
    color: #1FA2FF;
}
a:hover {
    color: #5BC0FF;
}

/* Cards / panels */
.panel,
.card,
.list-group-item {
    background-color: #102A44 !important;
    border: 1px solid #17324A;
    color: #EAF2F8;
}

/* Order summary */
.order-summary,
.sidebar {
    background-color: #0F2A44 !important;
    border: 1px solid #17324A;
}

/* Buttons */
.btn-primary,
.btn-success {
    background: linear-gradient(135deg, #1FA2FF 0%, #3B82F6 100%);
    border: none;
    color: #ffffff;
    font-weight: 600;
}

.btn-primary:hover,
.btn-success:hover {
    background: linear-gradient(135deg, #3B82F6 0%, #1FA2FF 100%);
}

/* Forms */
input,
select,
textarea {
    background-color: #0F2A44 !important;
    border: 1px solid #17324A !important;
    color: #EAF2F8 !important;
}

input::placeholder {
    color: #9FB7CC;
}

/* Tables */
.table,
.table th,
.table td {
    background-color: #0F2A44 !important;
    border-color: #17324A !important;
    color: #EAF2F8;
}

/* Alerts */
.alert-success {
    background-color: rgba(60, 207, 145, 0.15);
    border-color: #3CCF91;
    color: #3CCF91;
}

.alert-info {
    background-color: rgba(31, 162, 255, 0.15);
    border-color: #1FA2FF;
    color: #1FA2FF;
}

/* Footer */
.footer,
#footer {
    background-color: #0B1F33;
    border-top: 1px solid #17324A;
    color: #9FB7CC;
}

/* Hide WHMCS marketing noise */
.whmcs-announcement,
.announcement-single {
    display: none;
}