/* =====================================================
   RQNet Dark Blue Theme
   ===================================================== */

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

/* LAYOUT */
#main-body,
.main-body,
.main-content,
.wrapper,
.content-wrapper,
section,
.container,
.container-fluid,
.row {
    background: transparent !important;
}

/* Header transparan */
.home-domain-search,
.input-group-wrapper,
.navbar,
.navbar-light,
.main-navbar-wrapper,
.navbar-expand-xl,
#header,
.header {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

.header {
    border-color: rgba(255,255,255,.08) !important;
}

/* MENU */
.navbar a,
.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.dropdown-menu {
    background: #06285c !important;
}

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

.dropdown-item:hover {
    background: #fff !important;
    color: #000 !important;
}

/* PANEL*/
.p-5,
.product,
.card,
.card-footer,
.panel,
.tile,
.well,
.client-home-panels .panel,
.client-home-panels .card,
.domain-checker-container,
.dataTables_wrapper {
    background: rgba(9,45,105,.85) !important;
    border: 1px solid rgba(60,140,255,.2) !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}

.card-header,
.panel-heading {
    background: rgba(0,120,255,.15) !important;
    color: #fff !important;
}
.ico-container,
.card-accent-teal,
.card-accent-pomegranate,
.card-accent-sun-flower,
.card-accent-asbestos,
.card-accent-green,
.card-accent-midnight-blue
{
    background: rgba(9,45,105,.85) !important;
    border: 1px solid rgba(60,140,255,.2) !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}

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

.form-control::placeholder {
    color: rgba(255,255,255,.6) !important;
}

select option {
     background: transparent !important;
    color: black;
}

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

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

/* BUTTON */
.btn-primary {
    background: linear-gradient(
        90deg,
        #0078ff,
        #00a8ff
    ) !important;
    border: none !important;
}
.btn,
.btn-default,
.btn-secondary {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
}

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

/* MARKDOWN EDITOR */
textarea.markdown-editor,
.md-editor textarea,
.md-input,
textarea#inputMessage {
    background: #082452 !important;
    color: #fff !important;
}

.md-editor > .md-header {
    background: #0a2d66 !important;
}

.md-preview {
    background: #082452 !important;
    color: #fff !important;
}

/* DOMAIN CHECKER */
label,
.option,
.domain-selection-options,
.domain-searching,
.domain-checker-bg,
#frmProductDomain,
#DomainSearchResults,
#domainSearchContainer {
    background: rgba(10,45,102,.75) !important;
    color: #fff !important;
    /*border: 0px solid rgba(255,255,255,.15) !important;*/
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* FOOTER */
footer,
.footer,
footer.footer {
    background: transparent !important;
    color: #fff !important;
}

/* UTILITIES */
/*.topbar,*/
.domain-pricing,
.form-inline {
    display: none;
}

.master-breadcrumb {
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.font-size-24 {
    color: #fff !important;
}

a {
    color: #66b5ff !important;
}
.guest-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
table,
.table-striped,
.table-hover,
.table td,
.table th {
    background: transparent !important;
    color: #fff !important;
}
.table {
  border: none !important;
}
.input-group, .domain-promo-box, .account, .spotlight-tlds, .spotlight-tld, .domain-available, .panel-price, .nav-link, .view-cart-empty
    {
     background: transparent !important; 
     color: #fff !important;
    }
.item
    {
      background: transparent !important;  
    }
 .sub-heading
    {
        color: BLACK !important;
    }
/*
.btn-add-to-cart
    {
        background: green !important;
    }
*/

.btn-add-to-cart {
    background: linear-gradient(
        90deg,
        #0078ff,
        #00b0ff
    ) !important;
}

/* Nexus Mobile Table Fix */
.table-responsive {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper {
    overflow-x: visible !important;
}

.dataTables_wrapper .table {
    min-width: auto !important;
    width: 100% !important;
}

@media (max-width: 768px) {
    .client-home-panels .table,
    .table {
        font-size: 11px;
    }

    .table td,
    .table th {
        padding: 6px 4px !important;
    }
}
/* Modal Nexus */
.modal,
.modal-content,
.modal-body,
.modal-header,
.modal-footer {
    color: #ffff !important;
}

.modal-body p,
.modal-body span,
.modal-body div {
    color: #ffff !important;
}

.modal-content {
     background: rgba(10,45,102,.90) !important;
}
.item-domain
{
    font-size: 20px;
}
.paginate_button.disabled,
.paginate_button.disabled a,
.paginate_button.disabled .page-link {
    background: rgba(255,255,255,0.1) !important;
    color: #999 !important;
    border-color: rgba(255,255,255,0.15) !important;
}

/* ===== RQNET HOSTING STORE ===== */

#order-standard_cart .products .product {
    background: rgba(9,45,105,.95) !important;
    border: 1px solid rgba(0,120,255,.25) !important;
    border-radius: 20px !important;
    /*overflow: hidden !important;*/
    box-shadow: 0 5px 20px rgba(0,0,0,.25) !important;
}

#order-standard_cart .products .product header {
    background: #ffffff !important;
    color: #222 !important;
    padding: 10px 15px !important;
    border-bottom: none !important;
}

#order-standard_cart .products .product header span {
    color: #222 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

#order-standard_cart .products .product .product-desc {
    color: rgba(255,255,255,.85) !important;
    min-height: 80px !important;
    font-size: 14px !important;
}

#order-standard_cart .products .product footer {
    background: transparent !important;
    border-top: none !important;
}

#order-standard_cart .products .product footer .price {
    font-size: 36px !important;
    line-height: 1 !important;
}

#order-standard_cart .products .product footer .btn {
    background: linear-gradient(
        90deg,
        #0078ff,
        #00b0ff
    ) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
}
/* Hover Effect */
#order-standard_cart .products .product {
    transition: all .3s ease !important;
}

#order-standard_cart .products .product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,120,255,.25) !important;
}

/* Tombol full width */
#order-standard_cart .products .product footer .btn {
    width: 100% !important;
    font-weight: 600 !important;
    padding: 12px !important;
}

/* Sudut lebih modern */
#order-standard_cart .products .product {
    border-radius: 24px !important;
}
#product2 {
    border: 2px solid #00b0ff !important;
    transform: scale(1.03);
    position: relative;
}

#product2::before {
    content: "PALING POPULER";
    position: absolute;
    top: -12px;
    right: 20px;
    background: #00b0ff;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    z-index: 99;
}