/**
 * White / light client-area theme.
 * Active when html has class miz-theme-light (with miz-client or miz-dashboard).
 */

html.miz-theme-light.miz-client,
html.miz-theme-light.miz-dashboard,
html.miz-theme-light.miz-client body,
html.miz-theme-light.miz-dashboard body {
    background:
        radial-gradient(ellipse at 100% 0%, rgba(14, 91, 240, 0.08), transparent 46%),
        #f5f7fb;
    color: #17191c;
}

html.miz-theme-light.miz-client section#header,
html.miz-theme-light.miz-dashboard section#header,
html.miz-theme-light.miz-client section#main-menu,
html.miz-theme-light.miz-dashboard section#main-menu,
html.miz-theme-light.miz-client .navbar-main,
html.miz-theme-light.miz-dashboard .navbar-main {
    background: #fff;
    border-bottom-color: #e6e8ee;
}

html.miz-theme-light.miz-client section#header .logo img,
html.miz-theme-light.miz-dashboard section#header .logo img {
    content: url("../img/mizbansam-logo-dark.svg");
}

html.miz-theme-light.miz-client section#header .logo-text,
html.miz-theme-light.miz-dashboard section#header .logo-text,
html.miz-theme-light.miz-client .header-lined h1,
html.miz-theme-light.miz-dashboard .header-lined h1,
html.miz-theme-light.miz-client .panel-title,
html.miz-theme-light.miz-dashboard .panel-title {
    color: #17191c;
}

html.miz-theme-light.miz-client ul.top-nav > li > a,
html.miz-theme-light.miz-dashboard ul.top-nav > li > a,
html.miz-theme-light.miz-client .navbar-main .navbar-nav > li > a,
html.miz-theme-light.miz-dashboard .navbar-main .navbar-nav > li > a {
    color: #3f4450;
}

html.miz-theme-light.miz-client ul.top-nav > li > a:hover,
html.miz-theme-light.miz-dashboard ul.top-nav > li > a:hover,
html.miz-theme-light.miz-client .navbar-main .navbar-nav > li > a:hover,
html.miz-theme-light.miz-client .navbar-main .navbar-nav > .active > a,
html.miz-theme-light.miz-dashboard .navbar-main .navbar-nav > li > a:hover,
html.miz-theme-light.miz-dashboard .navbar-main .navbar-nav > .active > a {
    color: #0a0a0a;
    background: transparent;
}

html.miz-theme-light.miz-client .navbar-main .dropdown-menu,
html.miz-theme-light.miz-dashboard .navbar-main .dropdown-menu,
html.miz-theme-light.miz-client .dropdown-menu,
html.miz-theme-light.miz-dashboard .dropdown-menu {
    background: #fff !important;
    border-color: #e6e8ee !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

html.miz-theme-light.miz-client .navbar-main .dropdown-menu > li > a,
html.miz-theme-light.miz-dashboard .navbar-main .dropdown-menu > li > a,
html.miz-theme-light.miz-client .dropdown-menu > li > a {
    color: #17191c !important;
}

html.miz-theme-light.miz-client .navbar-main .dropdown-menu > li > a:hover,
html.miz-theme-light.miz-dashboard .navbar-main .dropdown-menu > li > a:hover,
html.miz-theme-light.miz-client .dropdown-menu > li > a:hover {
    background: #f1f4f9 !important;
    color: #0a0a0a !important;
}

html.miz-theme-light.miz-client .navbar-main .navbar-toggle,
html.miz-theme-light.miz-dashboard .navbar-main .navbar-toggle {
    border-color: #d7dbe3;
}

html.miz-theme-light.miz-client .navbar-main .navbar-toggle .icon-bar,
html.miz-theme-light.miz-dashboard .navbar-main .navbar-toggle .icon-bar {
    background: #3f4450;
}

html.miz-theme-light.miz-client section#main-body,
html.miz-theme-light.miz-dashboard section#main-body {
    background: transparent;
}

html.miz-theme-light.miz-client .header-lined h1 small,
html.miz-theme-light.miz-client .header-lined .breadcrumb li,
html.miz-theme-light.miz-client .header-lined .breadcrumb li a,
html.miz-theme-light.miz-client .header-lined .breadcrumb > .active,
html.miz-theme-light.miz-client .text-muted,
html.miz-theme-light.miz-dashboard .text-muted {
    color: #6b7280 !important;
}

html.miz-theme-light.miz-client .panel,
html.miz-theme-light.miz-client .panel-sidebar,
html.miz-theme-light.miz-dashboard .panel,
html.miz-theme-light.miz-dashboard .panel-sidebar,
html.miz-theme-light.miz-client .tiles .tile,
html.miz-theme-light.miz-dashboard .tiles .tile {
    background: #fff !important;
    border-color: #e6e8ee !important;
    color: #17191c;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html.miz-theme-light.miz-client .panel-heading,
html.miz-theme-light.miz-dashboard .panel-heading,
html.miz-theme-light.miz-client .client-home-panels .panel > .panel-heading {
    background: transparent;
    border-bottom-color: #eef0f4;
    color: #17191c;
}

html.miz-theme-light.miz-client .panel-body,
html.miz-theme-light.miz-dashboard .panel-body,
html.miz-theme-light.miz-client .panel-footer,
html.miz-theme-light.miz-dashboard .panel-footer {
    background: transparent;
    color: #3f4450;
    border-color: #eef0f4;
}

html.miz-theme-light.miz-client .list-group-item,
html.miz-theme-light.miz-dashboard .list-group-item {
    background: transparent !important;
    border-color: #eef0f4 !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client a.list-group-item:hover,
html.miz-theme-light.miz-client .list-group-item.active,
html.miz-theme-light.miz-dashboard a.list-group-item:hover {
    background: #f1f4f9 !important;
    color: #0a0a0a !important;
}

html.miz-theme-light.miz-client .tile .stat,
html.miz-theme-light.miz-dashboard .tile .stat {
    color: #0a0a0a;
}

html.miz-theme-light.miz-client .tile .title,
html.miz-theme-light.miz-dashboard .tile .title {
    color: #6b7280;
}

html.miz-theme-light.miz-client .home-kb-search .form-control,
html.miz-theme-light.miz-client .form-control,
html.miz-theme-light.miz-client select.form-control,
html.miz-theme-light.miz-client textarea.form-control,
html.miz-theme-light.miz-dashboard .form-control {
    background: #fff !important;
    border-color: #d7dbe3 !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client .form-control:focus,
html.miz-theme-light.miz-dashboard .form-control:focus {
    border-color: #0e5bf0 !important;
    box-shadow: 0 0 0 3px rgba(14, 91, 240, 0.18);
}

html.miz-theme-light.miz-client .btn-default,
html.miz-theme-light.miz-dashboard .btn-default {
    background: #fff !important;
    border-color: #d7dbe3 !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client .btn-default:hover,
html.miz-theme-light.miz-dashboard .btn-default:hover {
    background: #f1f4f9 !important;
    border-color: #c5cad3 !important;
    color: #0a0a0a !important;
}

html.miz-theme-light.miz-client .btn-primary,
html.miz-theme-light.miz-dashboard .btn-primary {
    background: #0e5bf0 !important;
    border-color: #0e5bf0 !important;
    color: #fff !important;
}

html.miz-theme-light.miz-client .table,
html.miz-theme-light.miz-client .table-list,
html.miz-theme-light.miz-client table.dataTable,
html.miz-theme-light.miz-client .dataTables_wrapper {
    background: transparent !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client table.table-list thead th,
html.miz-theme-light.miz-client .table > thead > tr > th,
html.miz-theme-light.miz-client table.dataTable thead th {
    background-color: #f1f4f9 !important;
    border-color: #e6e8ee !important;
    color: #6b7280 !important;
}

html.miz-theme-light.miz-client .table > tbody > tr > td,
html.miz-theme-light.miz-client .table-list > tbody > tr > td,
html.miz-theme-light.miz-client table.dataTable tbody td {
    background-color: #fff !important;
    border-color: #eef0f4 !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client .table-striped > tbody > tr:nth-of-type(odd) > td,
html.miz-theme-light.miz-client table.dataTable.stripe tbody tr.odd > td {
    background-color: #f8fafc !important;
}

html.miz-theme-light.miz-client .table-hover > tbody > tr:hover > td,
html.miz-theme-light.miz-client .table-list > tbody > tr:hover > td {
    background-color: #eef4ff !important;
}

html.miz-theme-light.miz-client .dataTables_wrapper .dataTables_info,
html.miz-theme-light.miz-client .dataTables_wrapper .dataTables_length,
html.miz-theme-light.miz-client .dataTables_wrapper .dataTables_filter,
html.miz-theme-light.miz-client .dataTables_wrapper .dataTables_paginate,
html.miz-theme-light.miz-client .pagination > li > a,
html.miz-theme-light.miz-client .pagination > li > span {
    background: #fff !important;
    border-color: #e6e8ee !important;
    color: #3f4450 !important;
}

html.miz-theme-light.miz-client .alert,
html.miz-theme-light.miz-dashboard .alert {
    background: #fff;
    border-color: #e6e8ee;
    color: #17191c;
}

html.miz-theme-light.miz-client .alert-danger { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
html.miz-theme-light.miz-client .alert-success { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
html.miz-theme-light.miz-client .alert-warning { background: #fffbeb; border-color: #fde68a; color: #92400e; }
html.miz-theme-light.miz-client .alert-info { background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }

html.miz-theme-light.miz-client .modal-content,
html.miz-theme-light.miz-client .well,
html.miz-theme-light.miz-client .input-group-addon,
html.miz-theme-light.miz-client .nav-tabs {
    background: #fff !important;
    border-color: #e6e8ee !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client .nav-tabs > li > a { color: #3f4450; }
html.miz-theme-light.miz-client .nav-tabs > li.active > a {
    background: #fff !important;
    border-color: #e6e8ee !important;
    color: #0a0a0a !important;
}

html.miz-theme-light.miz-client section#footer,
html.miz-theme-light.miz-dashboard section#footer {
    background: #fff;
    border-top-color: #e6e8ee;
    color: #6b7280;
}

html.miz-theme-light.miz-client section#footer .back-to-top i,
html.miz-theme-light.miz-dashboard section#footer .back-to-top i {
    background: #f1f4f9;
    color: #3f4450;
}

/* Cart / products */
html.miz-theme-light.miz-client #order-standard_cart .products .product,
html.miz-theme-light.miz-client #order-standard_cart .products .product.clearfix {
    background: #fff !important;
    border-color: #e6e8ee;
    color: #17191c;
}

html.miz-theme-light.miz-client #order-standard_cart .products .product header {
    background: #f8fafc !important;
    border-bottom-color: #eef0f4;
}

html.miz-theme-light.miz-client #order-standard_cart .products .product header span,
html.miz-theme-light.miz-client #order-standard_cart .products .product .product-pricing span.price {
    color: #0a0a0a !important;
}

html.miz-theme-light.miz-client #order-standard_cart .products .product .product-desc,
html.miz-theme-light.miz-client #order-standard_cart .products .product .product-desc p,
html.miz-theme-light.miz-client #order-standard_cart .products .product .product-desc li {
    color: #3f4450 !important;
}

html.miz-theme-light.miz-client #order-standard_cart .domain-selection-options .option {
    background: #fff !important;
    border-color: #e6e8ee;
    color: #17191c !important;
}

html.miz-theme-light.miz-client #order-standard_cart .domain-selection-options .option-selected {
    background: #eff6ff !important;
    border-color: #0e5bf0 !important;
}

html.miz-theme-light.miz-client #order-standard_cart .domain-input-group .form-control,
html.miz-theme-light.miz-client #order-standard_cart .domain-input-group select.form-control,
html.miz-theme-light.miz-client #order-standard_cart .domain-input-group .input-group-addon {
    background: #fff !important;
    border-color: #d7dbe3 !important;
    color: #17191c !important;
}

html.miz-theme-light.miz-client .select-account {
    background: #fff;
    border-color: #e6e8ee;
}

html.miz-theme-light.miz-client .select-account a,
html.miz-theme-light.miz-client .select-account a[data-id] {
    border-bottom-color: #eef0f4;
    color: #17191c;
}

html.miz-theme-light.miz-client .select-account a:hover {
    background: #f1f4f9;
}

/* Domain skin */
html.miz-theme-light.miz-domain {
    --miz-bg: #f5f7fb;
    --miz-elevated: #fff;
    --miz-surface: #fff;
    --miz-hover: #f1f4f9;
    --miz-border: rgba(15, 23, 42, 0.1);
    --miz-text: #17191c;
    --miz-text-secondary: #6b7280;
    --miz-text-muted: #9ca3af;
}

html.miz-theme-light.miz-domain body {
    background: var(--miz-bg);
}

/* Product details */
html.miz-theme-light.miz-product .miz-svc {
    --miz-border: #e6e8ee;
    --miz-surface: #fff;
    --miz-elevated: #f8fafc;
    --miz-hover: #f1f4f9;
    --miz-text: #17191c;
    --miz-muted: #6b7280;
}

html.miz-theme-light.miz-product .miz-svc-hero {
    background:
        radial-gradient(ellipse at 0% 0%, rgba(14, 91, 240, 0.08), transparent 55%),
        #fff;
}

html.miz-theme-light.miz-product .miz-svc-stats {
    background: #e6e8ee;
}

html.miz-theme-light.miz-product .miz-svc-stat,
html.miz-theme-light.miz-product .miz-svc-card,
html.miz-theme-light.miz-product .miz-svc-download,
html.miz-theme-light.miz-product .miz-svc-addon {
    background: #fff;
}

html.miz-theme-light.miz-product .miz-svc-card-head {
    background: #f8fafc;
    border-bottom-color: #eef0f4;
}

html.miz-theme-light.miz-product .miz-svc-prop {
    border-bottom-color: #eef0f4;
}

html.miz-theme-light.miz-product .miz-svc-prop code {
    background: #f1f4f9;
    border-color: #e6e8ee;
    color: #17191c;
}

html.miz-theme-light.miz-product .miz-svc-meter {
    background: #e6e8ee;
}

html.miz-theme-light.miz-product .miz-svc-module {
    background: #f8fafc;
    border-color: #e6e8ee;
}

/* Theme toggle control */
html.miz-client .miz-theme-toggle,
html.miz-dashboard .miz-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #111;
    color: #f5f5f5;
    cursor: pointer;
    line-height: 1;
}

html.miz-theme-light.miz-client .miz-theme-toggle,
html.miz-theme-light.miz-dashboard .miz-theme-toggle {
    border-color: #d7dbe3;
    background: #fff;
    color: #17191c;
}

html.miz-client .miz-theme-toggle:hover,
html.miz-dashboard .miz-theme-toggle:hover {
    border-color: #0e5bf0;
    color: #0e5bf0;
}

html.miz-client .miz-theme-toggle svg,
html.miz-dashboard .miz-theme-toggle svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html.miz-client .miz-theme-toggle .miz-icon-sun,
html.miz-dashboard .miz-theme-toggle .miz-icon-sun { display: none; }
html.miz-client .miz-theme-toggle .miz-icon-moon,
html.miz-dashboard .miz-theme-toggle .miz-icon-moon { display: block; }

html.miz-theme-light.miz-client .miz-theme-toggle .miz-icon-sun,
html.miz-theme-light.miz-dashboard .miz-theme-toggle .miz-icon-sun { display: block; }
html.miz-theme-light.miz-client .miz-theme-toggle .miz-icon-moon,
html.miz-theme-light.miz-dashboard .miz-theme-toggle .miz-icon-moon { display: none; }
