/**
 * Shared client-area skin. Linked from includes/hooks/mizbansam_client.php.
 * Colors, type, header, panels, forms, and footer. The dashboard grid stays
 * in mizbansam-dashboard.css so other pages keep their own layout.
 */

@font-face {
    font-family: "YekanBakh";
    src: url("/templates/lagom2/assets/fonts/open-sans/YekanBakh-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "YekanBakh";
    src: url("/templates/lagom2/assets/fonts/open-sans/YekanBakh-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "YekanBakh";
    src: url("/templates/lagom2/assets/fonts/open-sans/YekanBakh-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html.miz-client,
html.miz-client body {
    background:
        radial-gradient(ellipse at 100% 0%, rgba(14, 91, 240, 0.16), transparent 46%),
        #000;
    color: #ededed;
    direction: rtl;
}

html.miz-client body {
    font-family: "YekanBakh", Tahoma, sans-serif;
}

html.miz-client section#header {
    margin: 0;
    padding: 14px 0;
    border: 0;
    border-bottom: 1px solid #1a1a1a;
    border-radius: 0;
    background: #000;
    box-shadow: none;
}

html.miz-client section#header .container,
html.miz-client #main-menu .navbar > .container {
    padding-right: 24px;
    padding-left: 24px;
}

html.miz-client section#header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
}

html.miz-client section#header .container::before,
html.miz-client section#header .container::after {
    display: none;
    content: none;
}

html.miz-client section#header .logo,
html.miz-client section#header .logo-text {
    float: none;
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

html.miz-client section#header .logo img {
    content: url("../img/mizbansam-logo.svg");
    height: 28px;
    max-height: none;
    width: auto;
}

html.miz-client ul.top-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    float: none !important;
    margin: 0;
    padding: 0;
    direction: rtl;
}

html.miz-client ul.top-nav > li > a {
    color: #d4d4d4;
}

html.miz-client ul.top-nav > li > a:hover,
html.miz-client ul.top-nav > li > a:focus {
    color: #fff;
    background: transparent;
}

html.miz-client ul.top-nav > li.primary-action {
    margin: 0;
    padding: 0;
    border: 0;
}

html.miz-client ul.top-nav > li.primary-action > a.btn,
html.miz-client ul.top-nav > li > a.btn-logged-in-admin {
    border: 0;
    border-radius: 8px;
    background: #0e5bf0;
    color: #fff;
    font-weight: 700;
}

html.miz-client ul.top-nav > li.primary-action > a.btn:hover,
html.miz-client ul.top-nav > li > a.btn-logged-in-admin:hover {
    background: #037ffc;
    color: #fff;
}

html.miz-client section#main-menu {
    border-bottom: 1px solid #1a1a1a;
    background: #000;
}

html.miz-client .navbar-main {
    min-height: 48px;
    margin: 0;
    border: 0;
    background: #000;
    font-size: 14px;
}

html.miz-client .navbar-header {
    float: none !important;
}

html.miz-client .navbar-nav,
html.miz-client .navbar-nav > li,
html.miz-client .navbar-right {
    float: none !important;
}

html.miz-client #primary-nav > .navbar-nav {
    margin: 0 !important;
    padding: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
}

@media (min-width: 992px) {
    html.miz-client #primary-nav.navbar-collapse {
        display: flex !important;
        align-items: center;
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        direction: rtl;
    }

    html.miz-client #primary-nav > .navbar-nav {
        display: flex;
        align-items: center;
        margin: 0 !important;
        padding: 0 !important;
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
        direction: rtl;
    }

    html.miz-client #primary-nav > .navbar-right {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    html.miz-client #primary-nav > .navbar-nav:first-of-type > li:first-child > a {
        padding-right: 0;
        padding-inline-start: 0;
    }

    html.miz-client #primary-nav > .navbar-right > li:last-child > a {
        padding-left: 0;
    }
}

html.miz-client .navbar-main li.account,
html.miz-client .navbar-main li.account > a {
    background: transparent !important;
}

html.miz-client .navbar-main .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
    color: #d4d4d4;
    text-align: right;
}

html.miz-client .navbar-main .navbar-nav > li > a:hover,
html.miz-client .navbar-main .navbar-nav > li > a:focus,
html.miz-client .navbar-main .navbar-nav > .active > a,
html.miz-client .navbar-main .navbar-nav > .active > a:hover,
html.miz-client .navbar-main .navbar-nav > .active > a:focus,
html.miz-client .navbar-main .navbar-nav > .open > a,
html.miz-client .navbar-main .navbar-nav > .open > a:hover,
html.miz-client .navbar-main .navbar-nav > .open > a:focus {
    background: transparent;
    color: #fff;
}

html.miz-client .navbar-main .navbar-toggle {
    border-color: #2a2a2a;
}

html.miz-client .navbar-main .navbar-toggle .icon-bar {
    background: #f5f5f5;
}

html.miz-client .navbar-main .dropdown-menu {
    right: 0;
    left: auto;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #111;
    box-shadow: none;
    text-align: right;
}

html.miz-client .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}

html.miz-client .navbar-main .dropdown-menu > li > a {
    color: #f5f5f5;
}

html.miz-client .navbar-main .dropdown-menu > li > a:hover,
html.miz-client .navbar-main .dropdown-menu > li > a:focus {
    background: #1a1a1a;
    color: #fff;
}

html.miz-client .navbar-main .navbar-nav .open .dropdown-menu > li > a {
    color: #f5f5f5;
}

html.miz-client section#main-body {
    margin: 0;
    padding: 28px 0 40px;
    background: transparent;
}

html.miz-client .main-content {
    min-height: 0;
    margin-bottom: 0;
}

html.miz-client .header-lined {
    margin: 0;
    border: 0;
}

html.miz-client .header-lined h1 {
    margin: 0;
    padding: 0;
    border: 0;
    color: #f5f5f5;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
}

html.miz-client .header-lined h1 small {
    display: block;
    margin-top: 4px;
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 400;
    white-space: normal;
}

html.miz-client .header-lined .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 8px 0 0;
    padding: 0;
    background: transparent;
    direction: rtl;
}

html.miz-client .header-lined .breadcrumb > li {
    float: none;
}

html.miz-client .header-lined .breadcrumb > li + li:before {
    float: none;
    padding: 0 6px;
    content: "/";
}

html.miz-client .header-lined .breadcrumb li,
html.miz-client .header-lined .breadcrumb li a,
html.miz-client .header-lined .breadcrumb > .active {
    color: #8a8a8a;
}

html.miz-client .tiles {
    margin: 0 0 16px;
}

html.miz-client .tiles .row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 !important;
    direction: rtl;
}

html.miz-client .tiles .row::before,
html.miz-client .tiles .row::after {
    display: none;
}

html.miz-client .tiles .tile {
    flex: 1 1 180px;
    float: none !important;
    width: auto !important;
    max-width: none;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    background: #111;
    text-align: right;
}

html.miz-client .tiles .tile:hover {
    border-color: #0e5bf0;
    background: #111;
}

html.miz-client .tiles .tile a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 92px;
    color: inherit;
    text-decoration: none;
}

html.miz-client .tiles .tile a:hover {
    color: inherit;
    text-decoration: none;
}

html.miz-client .tile .icon {
    position: static;
    color: #4d94ff;
    font-size: 18px;
    line-height: 1;
}

html.miz-client .tile .stat {
    margin-top: 10px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

html.miz-client .tile .title {
    color: #a3a3a3;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

html.miz-client .tile .highlight {
    display: none;
}

html.miz-client .main-content .row > [class*="col-"] {
    float: right;
}

html.miz-client .home-kb-search {
    position: relative;
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px;
    padding: 0 !important;
}

html.miz-client .home-kb-search .form-control {
    height: 48px;
    padding: 8px 44px 8px 14px !important;
    direction: rtl;
    text-align: right;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #0a0a0a;
    box-shadow: none;
    color: #f5f5f5;
    font-size: 15px;
    font-weight: 400;
}

html.miz-client .home-kb-search .form-control:focus {
    border-color: #0e5bf0;
    box-shadow: 0 0 0 3px rgba(14, 91, 240, 0.28);
}

html.miz-client .home-kb-search .form-control::placeholder {
    color: #737373;
}

html.miz-client .home-kb-search i {
    position: absolute;
    top: 16px;
    right: 16px;
    float: none;
    margin: 0;
    color: #737373;
}

html.miz-client .client-home-panels > .row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 !important;
    direction: rtl;
}

html.miz-client .client-home-panels > .row::before,
html.miz-client .client-home-panels > .row::after {
    display: none;
}

html.miz-client .client-home-panels > .row > [class*="col-"] {
    flex: 1 1 280px;
    float: none !important;
    width: auto !important;
    max-width: none;
    padding: 0 !important;
    direction: rtl;
    text-align: right;
}

html.miz-client .panel,
html.miz-client .panel-sidebar {
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    background: #111;
    box-shadow: none;
    color: #ededed;
}

html.miz-client .panel-heading,
html.miz-client .client-home-panels .panel > .panel-heading {
    border: 0;
    border-bottom: 1px solid #1f1f1f;
    border-radius: 12px 12px 0 0;
    background: transparent;
    color: #f5f5f5;
}

html.miz-client .panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    direction: rtl;
    text-align: right;
}

html.miz-client .panel-title,
html.miz-client .panel-title .btn {
    color: #f5f5f5;
    font-size: 15px;
    font-weight: 700;
}

html.miz-client .panel-heading .pull-right {
    float: none !important;
    margin-right: auto;
    margin-left: 0;
}

html.miz-client .panel-minimise.pull-right {
    float: left !important;
    margin-right: auto;
}

html.miz-client .client-home-panels .panel > .panel-heading .panel-title .btn,
html.miz-client .panel-heading .btn {
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #0a0a0a;
    color: #f5f5f5;
}

html.miz-client .client-home-panels .panel > .panel-heading .panel-title .btn:hover,
html.miz-client .panel-heading .btn:hover {
    border-color: #3a3a3a;
    background: #161616;
    color: #fff;
}

html.miz-client .panel-body,
html.miz-client .client-home-panels .panel > .panel-body {
    background: transparent;
    color: #d4d4d4;
}

html.miz-client .panel-footer,
html.miz-client .client-home-panels .panel > .panel-footer {
    border-top: 1px solid #1f1f1f;
    border-radius: 0 0 12px 12px;
    background: transparent;
    color: #a3a3a3;
}

html.miz-client .panel-footer:empty {
    display: none;
}

html.miz-client .list-group-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    border-color: #1f1f1f;
    background: transparent;
    color: #e5e5e5;
    direction: rtl;
    text-align: right;
}

html.miz-client .list-group-item .badge,
html.miz-client .list-group-item .label {
    float: none;
    margin-right: auto;
}

html.miz-client a.list-group-item:hover,
html.miz-client a.list-group-item:focus,
html.miz-client .list-group-item.active,
html.miz-client .list-group-item.active:hover {
    border-color: #1f1f1f;
    background: #161616;
    color: #fff;
}

html.miz-client .client-home-panels .panel > .list-group {
    border-color: #1f1f1f;
}

html.miz-client .client-home-panels .panel > .list-group .list-group-item {
    padding: 10px 14px;
}

html.miz-client .main-content a:not(.btn):not(.list-group-item) {
    color: #4d94ff;
}

html.miz-client .main-content a:not(.btn):not(.list-group-item):hover {
    color: #037ffc;
}

html.miz-client .table {
    color: #e5e5e5;
    direction: rtl;
    text-align: right;
}

html.miz-client .table > thead > tr > th {
    border-color: #2a2a2a;
    color: #a3a3a3;
}

html.miz-client .table > tbody > tr > td {
    border-color: #1f1f1f;
}

html.miz-client .table-striped > tbody > tr:nth-of-type(odd) {
    background: #141414;
}

html.miz-client .text-muted,
html.miz-client .client-home-panels .panel small {
    color: #8a8a8a;
}

html.miz-client .btn-primary,
html.miz-client .btn-primary:focus {
    border-color: #0e5bf0;
    border-radius: 8px;
    background: #0e5bf0;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
}

html.miz-client .btn-primary:hover {
    border-color: #037ffc;
    background: #037ffc;
    color: #fff;
}

html.miz-client .btn-default,
html.miz-client .btn-default:focus {
    border-color: #2a2a2a;
    border-radius: 8px;
    background: #111;
    box-shadow: none;
    color: #f5f5f5;
}

html.miz-client .btn-default:hover {
    border-color: #3a3a3a;
    background: #1a1a1a;
    color: #fff;
}

html.miz-client .alert {
    border-radius: 8px;
    background: #141414;
    border-color: #2a2a2a;
    color: #f5f5f5;
    direction: rtl;
    text-align: right;
}

html.miz-client .alert-danger {
    background: #1c1010;
    border-color: #5a2424;
    color: #ffd6d6;
}

html.miz-client .alert-success {
    background: #101c14;
    border-color: #245a38;
    color: #d6ffe6;
}

html.miz-client .alert-warning {
    background: #1c180f;
    border-color: #5a4a24;
    color: #ffe9c2;
}

html.miz-client .alert-info {
    background: #10141c;
    border-color: #24385a;
    color: #d6e6ff;
}

html.miz-client .badge,
html.miz-client .label {
    border-radius: 999px;
    font-weight: 600;
}

html.miz-client section#footer {
    margin: 0;
    padding: 18px 10px 24px;
    border-top: 1px solid #1a1a1a;
    background: #000;
    color: #737373;
    direction: rtl;
    text-align: right;
}

html.miz-client section#footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
}

html.miz-client section#footer p {
    float: none;
    text-align: right;
}

html.miz-client section#footer .back-to-top {
    float: none;
}

html.miz-client section#footer .back-to-top i {
    border-radius: 8px;
    background: #161616;
    color: #d4d4d4;
}

html.miz-client .popover {
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #111;
    color: #f5f5f5;
}

html.miz-client .popover-title {
    border-color: #2a2a2a;
    background: #111;
    color: #f5f5f5;
}

html.miz-client .popover-content {
    color: #d4d4d4;
}

@media (max-width: 991px) {
    html.miz-client section#header .container,
    html.miz-client #main-menu .navbar > .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    html.miz-client .navbar-header {
        float: none !important;
        width: auto;
        margin: 0;
    }

    html.miz-client .navbar-toggle {
        float: right !important;
        margin: 8px 0 !important;
    }

    html.miz-client .navbar-main .navbar-nav > li > a {
        padding-right: 0;
        padding-left: 0;
    }

    html.miz-client .navbar-main .navbar-nav,
    html.miz-client .navbar-main .navbar-nav > li {
        display: block;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-inline: 0 !important;
        text-align: right;
    }

    html.miz-client .navbar-main .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    html.miz-client .navbar-main .navbar-collapse {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        border-color: #1a1a1a;
        direction: rtl;
        text-align: right;
    }

    html.miz-client .navbar-main .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
    }
}

html.miz-client .form-control,
html.miz-client select.form-control,
html.miz-client textarea.form-control {
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    background: #0a0a0a;
    box-shadow: none;
    color: #f5f5f5;
}

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

html.miz-client .input-group-addon,
html.miz-client .well,
html.miz-client .modal-content,
html.miz-client .nav-tabs {
    border-color: #2a2a2a;
    background: #111;
    color: #ededed;
}

html.miz-client .nav-tabs > li > a {
    color: #d4d4d4;
}

html.miz-client .nav-tabs > li.active > a,
html.miz-client .nav-tabs > li.active > a:hover,
html.miz-client .nav-tabs > li.active > a:focus {
    border-color: #2a2a2a;
    background: #0a0a0a;
    color: #fff;
}

html.miz-client .pagination > li > a,
html.miz-client .pagination > li > span {
    border-color: #2a2a2a;
    background: #111;
    color: #f5f5f5;
}

html.miz-client .pagination > .active > a,
html.miz-client .pagination > .active > span {
    border-color: #0e5bf0;
    background: #0e5bf0;
    color: #fff;
}

html.miz-client .modal-header,
html.miz-client .modal-footer {
    border-color: #2a2a2a;
}

html.miz-client .close {
    color: #f5f5f5;
    opacity: 0.8;
}

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

html.miz-client table.table-list thead th,
html.miz-client .table > thead > tr > th,
html.miz-client .table > thead > tr > td,
html.miz-client table.dataTable thead th,
html.miz-client table.dataTable thead td,
html.miz-client .dataTables_wrapper table.table-list thead th,
html.miz-client .dataTables_wrapper table.table-list thead th.sorting_asc,
html.miz-client .dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: #161616 !important;
    border-color: #2a2a2a !important;
    color: #a3a3a3 !important;
}

html.miz-client .table > tbody > tr > td,
html.miz-client .table > tbody > tr > th,
html.miz-client .table-list > tbody > tr > td,
html.miz-client .table-list > tbody > tr:nth-child(even) > td,
html.miz-client .table-list > tbody > tr:nth-child(odd) > td,
html.miz-client table.dataTable tbody tr,
html.miz-client table.dataTable tbody td,
html.miz-client table.dataTable tbody th,
html.miz-client table.dataTable.stripe tbody tr.odd,
html.miz-client table.dataTable.stripe tbody tr.even,
html.miz-client table.dataTable.display tbody tr.odd,
html.miz-client table.dataTable.display tbody tr.even,
html.miz-client table.dataTable.display tbody tr > .sorting_1,
html.miz-client table.dataTable.display tbody tr > .sorting_2,
html.miz-client table.dataTable.display tbody tr > .sorting_3,
html.miz-client table.dataTable.display tbody tr.odd > .sorting_1,
html.miz-client table.dataTable.display tbody tr.odd > .sorting_2,
html.miz-client table.dataTable.display tbody tr.odd > .sorting_3,
html.miz-client table.dataTable.display tbody tr.even > .sorting_1,
html.miz-client table.dataTable.display tbody tr.even > .sorting_2,
html.miz-client table.dataTable.display tbody tr.even > .sorting_3,
html.miz-client table.dataTable.order-column tbody tr > .sorting_1,
html.miz-client table.dataTable.order-column tbody tr > .sorting_2,
html.miz-client table.dataTable.order-column tbody tr > .sorting_3,
html.miz-client table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
html.miz-client table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #111 !important;
    border-color: #2a2a2a !important;
    color: #e5e5e5 !important;
}

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

html.miz-client .table-hover > tbody > tr:hover > td,
html.miz-client .table-list > tbody > tr:hover > td,
html.miz-client table.dataTable.hover tbody tr:hover > td,
html.miz-client table.dataTable.display tbody tr:hover > td,
html.miz-client table.dataTable.display tbody tr:hover > .sorting_1,
html.miz-client table.dataTable.display tbody tr.odd:hover > .sorting_1,
html.miz-client table.dataTable.display tbody tr.even:hover > .sorting_1 {
    background-color: #1c1c1c !important;
    color: #fff !important;
}

html.miz-client .dataTables_wrapper .dataTables_info,
html.miz-client .dataTables_wrapper .dataTables_length,
html.miz-client .dataTables_wrapper .dataTables_filter,
html.miz-client .dataTables_wrapper .dataTables_paginate {
    background: #111 !important;
    border-color: #2a2a2a !important;
    color: #a3a3a3 !important;
}

html.miz-client .dataTables_wrapper .dataTables_filter label .form-control,
html.miz-client .dataTables_wrapper .dataTables_length label .form-control,
html.miz-client .dataTables_wrapper .dataTables_filter input,
html.miz-client .dataTables_wrapper .dataTables_length select {
    background: #0a0a0a !important;
    border: 1px solid #2a2a2a !important;
    color: #f5f5f5 !important;
}

html.miz-client .pagination > li > a,
html.miz-client .pagination > li > span,
html.miz-client .dataTables_wrapper .dataTables_paginate .pagination > li > a,
html.miz-client .dataTables_wrapper .dataTables_paginate .pagination > li > span {
    background: #111 !important;
    border-color: #2a2a2a !important;
    color: #f5f5f5 !important;
}

html.miz-client .pagination > .active > a,
html.miz-client .pagination > .active > span,
html.miz-client .pagination > .active > a:hover,
html.miz-client .pagination > .active > span:hover {
    background: #0e5bf0 !important;
    border-color: #0e5bf0 !important;
    color: #fff !important;
}

html.miz-client .dropdown-menu,
html.miz-client .well,
html.miz-client .jumbotron,
html.miz-client .thumbnail,
html.miz-client .breadcrumb,
html.miz-client .panel,
html.miz-client .panel-default > .panel-heading,
html.miz-client .panel-default > .panel-body,
html.miz-client .panel-default > .panel-footer,
html.miz-client .list-group-item,
html.miz-client .input-group-addon,
html.miz-client .form-control,
html.miz-client select,
html.miz-client textarea,
html.miz-client .selectize-input,
html.miz-client .selectize-dropdown,
html.miz-client .md-editor,
html.miz-client .md-editor > textarea,
html.miz-client .md-preview,
html.miz-client pre,
html.miz-client code {
    background-color: #111 !important;
    border-color: #2a2a2a !important;
    color: #e5e5e5 !important;
}

html.miz-client .form-control,
html.miz-client select,
html.miz-client textarea,
html.miz-client .selectize-input {
    background-color: #0a0a0a !important;
}

html.miz-client .dropdown-menu > li > a,
html.miz-client .breadcrumb,
html.miz-client .breadcrumb > .active,
html.miz-client .breadcrumb a {
    color: #d4d4d4 !important;
}

html.miz-client .dropdown-menu > li > a:hover,
html.miz-client .dropdown-menu > li > a:focus {
    background: #1a1a1a !important;
    color: #fff !important;
}

html.miz-client .nav-pills > li > a {
    color: #d4d4d4;
}

html.miz-client .nav-pills > li.active > a,
html.miz-client .nav-pills > li.active > a:hover,
html.miz-client .nav-pills > li.active > a:focus {
    background: #0e5bf0;
    color: #fff;
}