:root {
    --mz-blue: #63B3ED;
    --mz-indigo: #596CFF;
    --mz-purple: #6f42c1;
    --mz-pink: #d63384;
    --mz-red: #F56565;
    --mz-orange: #fd7e14;
    --mz-yellow: #FBD38D;
    --mz-green: #81E6D9;
    --mz-teal: #20c997;
    --mz-cyan: #0dcaf0;
    --mz-white: #fff;
    --mz-gray: #5e6278;
    --mz-gray-dark: #343a40;
    --mz-gray-100: #f8f9fa;
    --mz-gray-200: #e9ecef;
    --mz-gray-300: #dee2e6;
    --mz-gray-400: #ced4da;
    --mz-gray-500: #adb5bd;
    --mz-gray-600: #6c757d;
    --mz-gray-700: #495057;
    --mz-gray-800: #343a40;
    --mz-gray-900: #212529;
    --mz-text-gray: #7e8299;
    --mz-form-text-color: #3f4254;
    --mz-primary: #009ef7;
    --mz-light-primary: #f1fafe;
    --mz-primary-text-color: #17a1f7;
    --mz-secondary: #8392ab;
    --mz-success: #2dce89;
    --mz-light-success: #E8FFF3;
    --mz-info: #11cdef;
    --mz-warning: #fb6340;
    --mz-danger: #F1416C;
    --mz-light-danger: #fff5f8;
    --mz-light: #e9ecef;
    --mz-dark: #344767;
    --mz-body-color: #67748e;
    --mz-body-bg: #fff;
    --mz-sidebar-color: #181c32;
    --mz-sidebar-font-color: #b6b9c8;
    --mz-input-focus-color: #eef3f7;
    --mz-input-color: #f5f8fa;
    --mz-active-primary: #0095E8;
    --mz-active-danger: #D9214E;
    --mz-danger-rgb: 241, 65, 108;
    --mz-info-rgb: 0, 158, 247;
    --mz-success-rgb: 80, 205, 137;
    --mz-primary-rgb: 54, 153, 255;
    --mz-dashed-border-color: #e4e6ef;
    --mz-background-color: #f5f8fa;
    --mz-placeholder-color: #a1a6b6;
    --mz-border-color: #f5f8fa;
    --mz-input-border-color: #e4e6ef;

    /* DARK COLORS */
    --mz-dark-sidebar-color: #1E1E2D;
    --mz-dark-input-color: #1b1b29;
    --mz-dark-input-text-color: #92929F;
    --mz-dark-sidebar-text-color: #b6b9c8;
    --mz-dark-background-color: #151521;
    --mz--dark-white: #ffffff;
    --mz-dark-light: #323248;
    --mz-dark-primary: #3699FF;
    --mz-dark-active-primary: #187DE4;
    --mz-dark-success: #0BB783;
    --mz-dark-info: #8950FC;
    --mz-dark-warning: #FFA800;
    --mz-dark-danger: #F64E60;
    --mz-dark-dark: #FFFFFF;
    --mz-dark-secondary: #323248;
    --mz-dark-navbar-text-color: #92929f;
    --mz-dark-table-border-color: #2b2b40;
    --mz-dark-table-hover-color: #1b1b29;
    --mz-dark-light-primary: #212E48;
    --mz-dark-light-success: #1C3238;
    --mz-dark-active-success: #04AA77;
    --mz-dark-light-info: #2F264F;
    --mz-dark-active-info: #7337EE;
    --mz-dark-light-warning: #392F28;
    --mz-dark-active-warning: #EE9D01;
    --mz-dark-light-danger: #3A2434;
    --mz-dark-active-danger: #EE2D41;
    --mz-light-dark: #2B2B40;
    --mz-dark-active-dark: #e8e8e8;
    --mz-dark-gray-100: #1b1b29;
    --mz-dark-gray-200: #2B2B40;
    --mz-dark-gray-300: #323248;
    --mz-dark-gray-400: #474761;
    --mz-dark-gray-500: #565674;
    --mz-dark-gray-600: #6D6D80;
    --mz-dark-gray-700: #92929F;
    --mz-dark-gray-800: #CDCDDE;
    --mz-dark-gray-900: #FFFFFF;
    --mz-dark-input-focus-color: #171723;
    --mz-dark-border-color: #323248;
    --mz-dark-primary-rgb: 54, 153, 255;
    --mz-dark-secondary-rgb: 50, 50, 72;
    --mz-dark-success-rgb: 11, 183, 131;
    --mz-dark-info-rgb: 137, 80, 252;
    --mz-dark-warning-rgb: 255, 168, 0;
    --mz-dark-danger-rgb: 246, 78, 96;
    --mz-dark-rgb: 255, 255, 255;
    --mz-dark-white-rgb: 255, 255, 255;
    --mz-dark-black-rgb: 0, 0, 0;
    --mz-dark-placeholder-color: #555573;
}

html body .skin-blue.dark {
    background: var(--mz-dark-sidebar-color) !important;
    color: var(--mz-dark-gray-700) !important;
}

body.ctrl-guest.act-index.skin-blue.dark {
    background-color: var(--mz-dark-sidebar-color) !important;
}

body.skin-blue.dark.login-page,
body.skin-blue.dark .register-page {
    background: var(--mz-dark-background-color);
}

.skin-blue.dark .login-box-body,
.skin-blue.dark .register-box-body {
    background: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-gray-800);
}

body.ctrl-guest.act-index.skin-blue.dark .login-flex .login-form .login-box-body .login-box-msg {
    color: var(--mz-dark-primary);
    border-bottom: 1px solid var(--mz-dark-border-color);
}

.skin-blue .content-wrapper,
.skin-blue .right-side {
    background-color: var(--mz-background-color);
}

.skin-blue.dark .box .box-header {
    border-bottom: 1px solid var(--mz-dark-table-border-color);
}

.skin-blue.dark .content-wrapper,
.skin-blue.dark .right-side {
    background-color: var(--mz-dark-background-color);
}

.skin-blue .main-footer {
    background: var(--mz-background-color);
    color: var(--mz-body-color);
    border-top: 1px solid var(--mz-background-color);
    padding: 15px;
}

.skin-blue.dark .main-footer {
    background: var(--mz-dark-background-color);
    padding: 15px;
    color: var(--mz-dark-navbar-text-color);
    border-top: 1px solid var(--mz-dark-background-color);
}

.skin-blue.dark .pull-left {
    color: var(--mz-dark-navbar-text-color);
}

.skin-blue.dark .close {
    color: var(--mz-dark-gray-900);
    opacity: 1;
    text-shadow: none;
}

.skin-blue.dark .modal-info .close {
    color: var(--mz-dark-gray-900);
    opacity: 1;
    text-shadow: none;
}

.skin-blue.dark .item {
    color: var(--mz-dark-gray-700);
}

.skin-blue h1,
.skin-blue h2,
.skin-blue h3,
.skin-blue h4,
.skin-blue h5,
.skin-blue h6,
.skin-blue .h1,
.skin-blue .h2,
.skin-blue .h3,
.skin-blue .h4,
.skin-blue .h5,
.skin-blue .h6 {
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark h1,
.skin-blue.dark h2,
.skin-blue.dark h3,
.skin-blue.dark h4,
.skin-blue.dark h5,
.skin-blue.dark h6,
.skin-blue.dark .h1,
.skin-blue.dark .h2,
.skin-blue.dark .h3,
.skin-blue.dark .h4,
.skin-blue.dark .h5,
.skin-blue.dark .h6 {
    font-family:  Helvetica, sans-serif;
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark h4.modal-title {
    color: var(--mz-dark-gray-900);
}

.skin-blue span {
    color: var(--mz-sidebar-font-color);
    font-weight: 500 !important;
    font-size: 14px;
}

.skin-blue.dark span {
    color: var(--mz-dark-gray-800);
}

.skin-blue .article-categories-scrollbox span {
    color: var(--mz-gray-800);
}

.skin-blue.dark .article-categories-scrollbox span {
    color: var(--mz-dark-gray-700);
}

.skin-blue .select-columns-dropdown li a span {
    color: var(--mz-gray-600);
}

.skin-blue .select-columns-dropdown li a input[type="checkbox"] {
    margin-right: 0;
    margin-top: 4px;
}

.skin-blue.dark .bg-gray {
    background-color: var(--mz-dark-secondary) !important;
    color: var(--mz-dark-gray-500);
}


.skin-blue #csv-import .counters {
    color: var(--mz-gray-700);
}

.skin-blue.dark #csv-import .counters {
    color: var(--mz-dark-gray-800);
}

.skin-blue #csv-import .counters .total,
.skin-blue #csv-import .counters .total-processed,
.skin-blue #csv-import .counters .percentage {
    color: var(--mz-gray-700);
    font-weight: 600 !important;
}

.skin-blue.dark #csv-import .counters .total,
.skin-blue.dark #csv-import .counters .total-processed,
.skin-blue.dark #csv-import .counters .percentage {
    color: var(--mz-dark-gray-800);
}

.skin-blue #csv-import .counters .success {
    color: var(--mz-primary);
    font-weight: 600 !important;
}

.skin-blue.dark #csv-import .counters .success {
    color: var(--mz-dark-primary);
}

.skin-blue #csv-import .counters .error {
    color: var(--mz-danger);
    font-weight: 600 !important;
}

.skin-blue.dark #csv-import .counters .error {
    color: var(--mz-dark-danger);
}

.skin-blue .callout {
    border-left: 5px solid var(--mz-border-color);
}

.skin-blue .callout > p,
.skin-blue.dark .callout > p {
    color: var(--mz-white);
}

.skin-blue.dark .callout {
    border-left: 5px solid var(--mz-dark-border-color);
}

.skin-blue .pull-right {
    color: var(--mz-gray-600);
}

.skin-blue.dark .pull-right {
    color: var(--mz-dark-gray-900);
}

.skin-blue.dark .pull-right a {
    color: var(--mz-dark-gray-900);
}

.skin-blue h3 {
    color: var(--mz-sidebar-color);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark h3 {
    color: var(--mz-dark-gray-800);
}

.skin-blue p {
    color: var(--mz-gray-700);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark p {
    color: var(--mz-dark-gray-700);
}

.skin-blue a {
    color: var(--mz-primary);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark a {
    color: var(--mz-dark-primary);
}

.skin-blue a:hover,
.skin-blue a:active,
.skin-blue a:focus {
    color: var(--mz-primary);
}

.skin-blue.dark a:hover,
.skin-blue.dark a:active,
.skin-blue.dark a:focus {
    color: var(--mz-dark-primary);
}

.skin-blue .text-primary-color {
    color: var(--mz-primary);
}

.skin-blue.dark .text-primary-color {
    color: var(--mz-dark-primary);
}

.skin-blue .text-primary {
    color: var(--mz-body-color);
}

.skin-blue.dark .text-primary {
    color: var(--mz-dark-gray-800);
}

.skin-blue hr {
    color: var(--mz-input-focus-color);
    margin-left: 20px;
    margin-right: 20px;
}

.skin-blue.dark hr {
    color: var(--mz-dark-border-color);
    border-top: 1px solid var(--mz-dark-border-color);
}

.skin-blue .input-group .input-group-btn .btn {
    line-height: 29px;
}

.skin-blue .main-header .navbar {
    background-color: var(--mz-white);
    box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%);
}

.skin-blue.dark .main-header .navbar {
    background-color: var(--mz-dark-sidebar-color);
    box-shadow: none;
}

.skin-blue .main-header #navbar-search-input.form-control::-moz-placeholder {
    color: var(--mz-placeholder-color);
}

.skin-blue .main-header #navbar-search-input.form-control:-ms-input-placeholder {
    color: var(--mz-placeholder-color);
}

.skin-blue .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
    color: var(--mz-placeholder-color);
}

.skin-blue .main-header .sidebar-toggle {
    color: var(--mz-gray);
}

.skin-blue.dark .main-header .sidebar-toggle {
    color: var(--mz-dark-navbar-text-color);
}

.skin-blue .main-header .sidebar-toggle:hover {
    color: var(--mz-primary);
}

.skin-blue.dark .main-header .sidebar-toggle:hover {
    color: var(--mz-dark-primary);
}

.skin-blue .main-header .navbar .nav > li.user > a > span {
    font-weight: 600 !important;
    color: var(--mz-gray);
}

.skin-blue.dark .main-header .navbar .nav > li.user > a > span {
    color: var(--mz-dark-gray-700);
}

.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header .navbar .nav > li > a > span {
    color: var(--mz-gray);
    font-weight: 500;
}

.skin-blue.dark .main-header .navbar .nav > li > a,
.skin-blue.dark .main-header .navbar .nav > li > a > span {
    color: var(--mz-dark-gray-800);
}

.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav > li:hover,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a,
.skin-blue .main-header .navbar .nav > li > a > span:hover,
.skin-blue .main-header .navbar .nav > li > a > span.active {
    background: transparent;
    color: var(--mz-primary);
}

.skin-blue.dark .main-header .navbar .nav > li > a:hover,
.skin-blue.dark .main-header .navbar .nav > li > a:active,
.skin-blue.dark .main-header .navbar .nav > li > a:focus,
.skin-blue.dark .main-header .navbar .nav > li:hover,
.skin-blue.dark .main-header .navbar .nav .open > a,
.skin-blue.dark .main-header .navbar .nav .open > a:hover,
.skin-blue.dark .main-header .navbar .nav .open > a:focus,
.skin-blue.dark .main-header .navbar .nav > .active > a,
.skin-blue.dark .main-header .navbar .nav > li > a > span:hover,
.skin-blue.dark .main-header .navbar .nav > li > a > span.active {
    color: var(--mz-dark-primary);
}


.skin-blue .main-header .logo {
    font-family:  Helvetica, sans-serif;
}

.skin-blue .breadcrumb > .active {
    color: var(--mz-gray-500);
    font-weight: 600 !important;
}

.skin-blue.dark .breadcrumb > .active {
    color: var(--mz-dark-gray-700);
}

.skin-blue .content-header > .breadcrumb > li > a {
    color: var(--mz-primary);
    font-weight: 600;
}

.skin-blue.dark .content-header > .breadcrumb > li > a {
    color: var(--mz-dark-primary);
}

.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: var(--mz-sidebar-color);
}

.skin-blue.dark .main-sidebar,
.skin-blue.dark .left-side {
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue .sidebar {
    background-color: var(--mz-sidebar-color);
}

.skin-blue.dark .sidebar {
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue .user-panel {
    border-bottom: 1px solid #2d2d43;
}

.skin-blue .user-panel > .info > p {
    font-weight: 500;
}

.skin-blue .sidebar-menu {
    font-family:  Helvetica, sans-serif;
}

.skin-blue .sidebar-menu > li > a {
    background-color: var(--mz-sidebar-color);
    color: var(--mz-sidebar-font-color);
}

.skin-blue.dark .sidebar-menu > li > a {
    background-color: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-sidebar-text-color);
}

.skin-blue .sidebar-menu li.header {
    color: #fcfcfc;
}

.skin-blue .sidebar-menu li > a > .fa-angle-left,
.skin-blue .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    color: var(--mz-body-color);
}

.skin-blue.dark .sidebar-menu li > a > .fa-angle-left,
.skin-blue.dark .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
    color: var(--mz-dark-gray-700);
}

.skin-blue .treeview-menu > li.active > a {
    background-color: var(--mz-primary);
    color: #fffffc;
    border-radius: 0;
}

.skin-blue.dark .treeview-menu > li.active > a {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
}

.skin-blue .sidebar-menu .treeview-menu {
    padding-left: 0;
    background: var(--mz-sidebar-color);
}

.skin-blue.dark .sidebar-menu .treeview-menu {
    background: var(--mz-dark-sidebar-color);
}

.skin-blue .sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 5px;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
        margin-left: 0;
    }
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
    padding: 5px 5px 5px 15px;
    display: flex;
    font-size: 14px;
    color: var(--mz-sidebar-font-color);
    align-items: center;
}

.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li > a:hover > span,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.active > a > span,
.skin-blue .treeview-menu > li > a:hover > i,
.skin-blue .treeview-menu > li.active > a > i,
.skin-blue .treeview-menu > li > a:hover,
.skin-blue .treeview-menu > li.active > a {
    color: var(--mz-white);
}

.skin-blue .sidebar-menu .treeview-menu > li > a > .fa,
.skin-blue .sidebar-menu .treeview-menu > li > a > .glyphicon,
.skin-blue .sidebar-menu .treeview-menu > li > a > .ion {
    font-size: 5px;
}

.skin-blue .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #2d2d43;
}

.skin-blue .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    margin-left: 0;
}

.skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
.skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
    color: var(--mz-body-color);
}

.skin-blue .control-sidebar-light .control-sidebar-heading,
.skin-blue .control-sidebar-light .control-sidebar-subheading {
    color: var(--mz-body-color);
}

.skin-blue form .buttons-save-changes-and-action ul.dropdown-menu {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.skin-blue form .buttons-save-changes-and-action ul.dropdown-menu li button:hover {
    background: var(--mz-active-primary);
}

.skin-blue.dark form .buttons-save-changes-and-action ul.dropdown-menu li button:hover {
    background: var(--mz-dark-active-primary);
}

.skin-blue .dropdown-menu {
    border-color: var(--mz-dashed-border-color);
    min-width: 160px;
    border-radius: 7px;
    left: auto;
    /*border: 0 solid rgba(0, 0, 0, .15);*/
    -webkit-box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
    box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
}

.skin-blue .dropdown-toggle span {
    color: var(--mz-white);
}

.skin-blue.dark .dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.skin-blue .dropdown-menu > li > a:hover {
    background-color: var(--mz-active-primary);
    color: var(--mz-white);
}

.skin-blue.dark .dropdown-menu > li > a:hover {
    background-color: var(--mz-dark-active-primary);
}

.skin-blue .dropdown-menu > .divider {
    background-color: var(--mz-dashed-border-color);
}

.skin-blue.dark .dropdown-menu > .divider {
    background-color: var(--mz-dark-table-border-color);
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.header,
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    background-color: var(--mz-white);
    color: var(--mz-gray-800);
}

.skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.header,
.skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    background-color: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-gray-800);
    border-bottom: 1px solid var(--mz-dark-border-color);
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    border-radius: 0 0 7px 7px;
    font-size: 14px;
    background-color: var(--mz-background-color);
    padding: 7px 10px;
    border-bottom: 1px solid var(--mz-background-color);
    color: var(--mz-primary) !important;
    text-align: center;
    font-weight: 500;
    font-family:  Helvetica, sans-serif;
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    background-color: var(--mz-primary);
    border-bottom: 1px solid var(--mz-primary);
    color: var(--mz-white) !important;
}

.skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background-color: var(--mz-dark-light);
    border-bottom: 1px solid var(--mz-dark-light);
    color: var(--mz-dark-primary) !important;
}

.skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    background-color: var(--mz-dark-primary);
    border-bottom: 1px solid var(--mz-dark-primary);
    color: var(--mz--dark-white) !important;
}

.skin-blue

@media (max-width: 991px) {
    .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: #fff !important;
        color: var(--mz-primary) !important;
    }

    .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: var(--mz-dark-sidebar-color);
    !important;
        color: var(--mz-dark-primary) !important;
    }
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    padding: 15px 0 15px 0;
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    color: var(--mz-dark-primary);
    background: var(--mz-white);
}

.skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    background-color: var(--mz-dark-sidebar-color);
    border-bottom: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    color: var(--mz-dark-primary);
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: var(--mz-gray-600);
}

.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    color: #000;
    font-weight: 500;
}

.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
    color: var(--mz-gray-600);
    font-size: 9px;
    font-weight: 500;
}

.skin-blue.dark .progress {
    background-color: rgba(var(--mz-dark-secondary-rgb), 1);
}

.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
    padding: 0;
    margin: 0;
    background-color: var(--mz-input-color);
}

.skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
    background-color: rgba(var(--mz-dark-secondary-rgb), 1);
}

.skin-blue .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.skin-blue .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: var(--mz-white);
    font-weight: 500;
}

.skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: var(--mz-dark-gray-900);
}

.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: var(--mz-dark-light-primary);
    border-top: 1px solid var(--mz-dark-primary);
}

.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: var(--mz-primary);
    background-color: var(--mz-light-primary);
    border-color: var(--mz-light-primary);
    border-radius: 7px;
    font-weight: 500;
}

.skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: var(--mz-dark-gray-900);
    background-color: var(--mz-dark-primary);
    border-color: var(--mz-dark-primary);
}

.skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: var(--mz-active-primary);
    color: var(--mz-white);
}

.skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: var(--mz-dark-active-primary);
}

.skin-blue .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    border-radius: 8px;
}

.skin-blue.dark .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu {
    border: 0;
}

.skin-blue .form-control {
    border-radius: 7px;
    border: 1px solid var(--mz-input-border-color) !important;
    padding: 10px 10px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    color: var(--mz-gray-800);
    background-color: var(--mz-background-color);
    box-shadow: none;
    transition: color .2s ease, background-color .2s ease;
}

.skin-blue.dark .form-control {
    border: 1px solid var(--mz-dark-border-color) !important;
    color: var(--mz-dark-input-text-color);
    background-color: var(--mz-dark-input-color);
}

.skin-blue .form-control:focus {
    background-color: var(--mz-input-focus-color);
    border-color: var(--mz-input-focus-color);
}

.skin-blue.dark .form-control:focus {
    background-color: var(--mz-dark-input-focus-color);
    border-color: var(--mz-dark-input-focus-color);
}

.skin-blue .form-control::-webkit-input-placeholder {
    color: var(--mz-placeholder-color);
}

.skin-blue.dark .form-control::-webkit-input-placeholder {
    color: var(--mz-dark-placeholder-color);
}

.skin-blue .form-group::-webkit-input-placeholder {
    color: var(--mz-placeholder-color);
}

.skin-blue.dark .form-group::-webkit-input-placeholder {
    color: var(--mz-dark-placeholder-color);
}

.skin-blue .form-control[disabled],
.skin-blue .form-control[readonly],
.skin-blue fieldset[disabled] .form-control {
    color: var(--mz-gray-600);
    background-color: var(--mz-gray-300);
}

.skin-blue.dark .form-control[disabled],
.skin-blue.dark .form-control[readonly],
.skin-blue.dark fieldset[disabled] .form-control {
    color: var(--mz-gray-500);
    background-color: var(--mz-dark-secondary);
}

.skin-blue .form-group.has-success label {
    color: var(--mz-success);
}

.skin-blue .form-group.has-success .form-control,
.skin-blue .form-group.has-success .input-group-addon {
    border-color: var(--mz-success);
}

.skin-blue .form-group.has-warning label {
    color: var(--mz-warning);
}

.skin-blue .form-group.has-warning .form-control,
.skin-blue .form-group.has-warning .input-group-addon {
    border-color: var(--mz-warning);
}

.skin-blue .form-group.has-warning .help-block {
    color: var(--mz-warning);
}

.skin-blue .form-group.has-error label {
    color: var(--mz-danger);
}

.skin-blue .form-group.has-error .form-control,
.skin-blue .form-group.has-error .input-group-addon {
    border-color: var(--mz-danger);
    box-shadow: none;
}

.skin-blue .form-group.has-error .help-block {
    color: var(--mz-danger);
}

.skin-blue .form-group > a.btn.btn-flat {
    background-color: var(--mz-primary);
    color: var(--mz-white);
}

.skin-blue .form-group > a.btn.btn-flat:hover,
.skin-blue .form-group > a.btn.btn-flat.active {
    background-color: var(--mz-active-primary);
    color: var(--mz-white);
}

.skin-blue.dark .form-group > a.btn.btn-flat:hover,
.skin-blue.dark .form-group > a.btn.btn-flat.active {
    background-color: var(--mz-dark-active-primary);
}

.skin-blue .btn-flat:hover,
.skin-blue .btn-flat.active {
    outline: 0;
}

.skin-blue .progress,
.skin-blue .progress > .progress-bar,
.skin-blue .progress .progress-bar,
.skin-blue .progress > .progress-bar .progress-bar {
    border-radius: 7px;
}

.skin-blue .progress.sm,
.skin-blue .progress-sm,
.skin-blue .progress.sm .progress-bar,
.skin-blue .progress-sm .progress-bar {
    border-radius: 3px;
}

.skin-blue .progress.xs,
.skin-blue .progress-xs,
.skin-blue .progress.xs .progress-bar,
.skin-blue .progress-xs .progress-bar {
    border-radius: 3px;
}

.skin-blue .progress.xxs,
.skin-blue .progress-xxs,
.skin-blue .progress.xxs .progress-bar,
.skin-blue .progress-xxs .progress-bar {
    border-radius: 3px;
}

.skin-blue .progress-group .progress-text {
    font-weight: 500;
}

.skin-blue .progress-bar-light-blue,
.skin-blue .progress-bar-primary {
    background-color: var(--mz-primary);
}

.skin-blue.dark .progress-bar-light-blue,
.skin-blue.dark .progress-bar-primary {
    background-color: rgba(var(--mz-dark-primary-rgb), 1);
}

.skin-blue .progress-bar-green,
.skin-blue .progress-bar-success {
    background-color: var(--mz-success);
}

.skin-blue.dark .progress-bar-green,
.skin-blue.dark .progress-bar-success {
    background-color: rgba(var(--mz-dark-success-rgb), 1);
}

.skin-blue .progress-bar-aqua,
.skin-blue .progress-bar-info {
    background-color: var(--mz-info);
}

.skin-blue.dark .progress-bar-aqua,
.skin-blue.dark .progress-bar-info {
    background-color: rgba(var(--mz-dark-info-rgb), 1);
}

.skin-blue .progress-bar-yellow,
.skin-blue .progress-bar-warning {
    background-color: var(--mz-warning);
}

.skin-blue.dark .progress-bar-yellow,
.skin-blue.dark .progress-bar-warning {
    background-color: rgba(var(--mz-dark-warning-rgb), 1);
}

.skin-blue .progress-bar-red,
.skin-blue .progress-bar-danger {
    background-color: var(--mz-danger);
}

.skin-blue.dark .progress-bar-red,
.skin-blue.dark .progress-bar-danger {
    background-color: rgba(var(--mz-dark-danger-rgb), 1);
}

.skin-blue .small-box {
    border-radius: 0;
}

.skin-blue .box {
    position: relative;
    border-radius: 8px;
    background: var(--mz-white);
    border: 1px solid var(--mz-input-focus-color);
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
    -moz-box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
    box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
}

.skin-blue.dark .col-lg-4 > .box {
    border: 1px solid var(--mz-dark-secondary) !important;
    background: var(--mz-dark-secondary);
}

.skin-blue.dark .box {
    background-color: var(--mz-dark-sidebar-color);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--mz-dark-secondary);
}

.skin-blue.dark .box-footer {
    background-color: var(--mz-dark-sidebar-color);
    border-top: 1px solid var(--mz-dark-sidebar-color);
}

.skin-blue .borderless {
    box-shadow: 10px 10px 50px #dee2e6;
    border-radius: 8px;
}

.skin-blue.dark .borderless {
    box-shadow: none;
    border-radius: 8px;
}

.skin-blue .box.borderless {
    padding: 10px 15px;
    border: 1px solid var(--mz-input-focus-color);
}

.skin-blue.dark .box.borderless {
    padding: 10px 15px;
    border: 1px solid var(--mz-dark-sidebar-color);
}

/*.skin-blue.dark .box.borderless:nth-child(2) {*/
/*  padding: 10px 15px;*/
/*  border: 1px solid var(--mz-gray-600);*/
/*}*/

/* CRISTI */
/*.col-lg-6 > .box.borderless {*/
/*    padding: 10px 15px;*/
/*    border-radius: 0;*/
/*    border: 0;*/
/*}*/

.skin-blue .box.box-primary {
    border-color: var(--mz-input-focus-color);
}

.skin-blue.dark .box.box-primary.price-plan-box.borderless {
    border-color: var(--mz-dark-light-primary);
    background-color: var(--mz-dark-light-primary);
}

.skin-blue.dark .box-primary.price-plan-box .box-footer {
    background-color: var(--mz-dark-light-primary);
    border-top-color: var(--mz-dark-primary);
}

.skin-blue.dark .box.box-success.price-plan-box.borderless {
    border-color: var(--mz-dark-border-color);
    background-color: var(--mz-dark-secondary);
}

.skin-blue.dark .box-success.price-plan-box .box-footer {
    background-color: var(--mz-dark-secondary);
    border-top-color: var(--mz-dark-gray-400);
}


.skin-blue .box.box-info {
    border-top-color: var(--mz-info);
}

.skin-blue .box.box-danger {
    border-top-color: var(--mz-danger);
}

.skin-blue .box.box-warning {
    border-top-color: var(--mz-warning);
}

.skin-blue .box.box-success {
    border-top-color: var(--mz-success);
}

.skin-blue .box.box-solid.box-default > .box-header {
    color: var(--mz-gray-700);
    background-color: #d2d6de;
}

.skin-blue .box.box-solid.box-primary {
    border: 1px solid var(--mz-primary);
}

.skin-blue .box.box-solid.box-primary > .box-header {
    color: var(--mz-white);
    background: var(--mz-primary);
}

.skin-blue .box.box-solid.box-info {
    border: 1px solid var(--mz-primary);
}

.skin-blue .box.box-solid.box-info > .box-header {
    color: var(--mz-white);
    background: var(--mz-primary);
}

.skin-blue .box.box-solid.box-danger {
    border: 1px solid var(--mz-danger);
}

.skin-blue .box.box-solid.box-danger > .box-header {
    color: var(--mz-white);
    background: var(--mz-danger);
}

.skin-blue .box.box-solid.box-warning {
    border: 1px solid var(--mz-warning);
}

.skin-blue .box.box-solid.box-warning > .box-header {
    color: var(--mz-white);
    background: var(--mz-warning);
}

.skin-blue .box.box-solid.box-success {
    border: 1px solid var(--mz-success);
}

.skin-blue .box.box-solid.box-success > .box-header {
    color: var(--mz-white);
    background: var(--mz-success);
}

.skin-blue .box-header > .fa,
.skin-blue .box-header > .glyphicon,
.skin-blue .box-header > .ion,
.skin-blue .box-header .box-title {
    font-weight: 500;
}

.skin-blue .box-comments .username {
    font-weight: 500;
}

.skin-blue .todo-list > li .text {
    font-weight: 500;
}

.skin-blue .todo-list > li .tools {
    color: var(--mz-danger);
}

.skin-blue .todo-list .danger {
    border-left-color: var(--mz-danger);
}

.skin-blue .todo-list .warning {
    border-left-color: var(--mz-warning);
}

.skin-blue .todo-list .info {
    border-left-color: var(--mz-info);
}

.skin-blue .todo-list .success {
    border-left-color: var(--mz-success);
}

.skin-blue .todo-list .primary {
    border-left-color: var(--mz-primary);
}

.skin-blue .chat .item > .online {
    border: 2px solid var(--mz-success);
}

.skin-blue .chat .item > .offline {
    border: 2px solid var(--mz-danger);
}

.skin-blue .chat .item > .message > .name {
    display: block;
    font-weight: 500;
}

.skin-blue .chat .item > .attachment > h4 {
    font-weight: 500;
}

.skin-blue .chat .item > .attachment > p,
.skin-blue .chat .item > .attachment > .filename {
    font-weight: 500;
}

.skin-blue .panel-default .panel-body > h4 {
    font-size: 15px;
    font-weight: 500;
}

.skin-blue .panel-footer {
    background-color: var(--mz-white);
    border: 0;
    padding-top: 0;
}

.skin-blue.dark .panel-footer {
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue .panel-body {
    padding-bottom: 0;
}

.skin-blue .timeline:before {
    background: var(--mz-input-color);
    border-radius: 1px;
}

.skin-blue.dark .timeline:before {
    background: var(--mz-dark-input-color);
}

.skin-blue.dark .timeline > li > .timeline-item {
    background-color: var(--mz-dark-secondary);
}

.skin-blue .timeline > li > .timeline-item {
    -webkit-box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%);
    box-shadow: 10px 10px 50px #dee2e6;
    border-radius: 7px;
    color: var(--mz-text-gray);
    margin-right: 17px;
    font-weight: 600 !important;
    position: relative;
    border: 1px solid var(--mz-input-focus-color);
}

.skin-blue.dark .timeline > li > .timeline-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--mz-dark-gray-700);
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue .timeline > li > .timeline-item > .time {
    color: var(--mz-text-gray);
    font-weight: 600 !important;
}

.skin-blue .timeline > li > .timeline-item > .timeline-header {
    color: var(--mz-form-text-color);
    border-bottom: 1px solid var(--mz-white);
}

.skin-blue.dark .timeline > li > .timeline-item > .timeline-header {
    border-bottom: 1px solid var(--mz-dark-gray-400);
}

.skin-blue .timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 500;
    color: var(--mz-form-text-color);
}

.skin-blue.dark .timeline > li > .timeline-item > .timeline-header > a {
    color: var(--mz-dark-gray-800);
}

.skin-blue .timeline > .time-label > span {
    font-weight: 600 !important;
    border-radius: 7px !important;
    color: var(--mz-white);
    font-size: 13px !important;
}

.skin-blue .btn.btn-flat {
    border-radius: 3px;
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark .btn.btn-flat {
    color: var(--mz-dark-gray-900);
    border-radius: 3px;
    font-family:  Helvetica, sans-serif;
}

.skin-blue .btn-default {
    background-color: var(--mz-input-color);
    color: var(--mz-text-gray);
    font-weight: 500;
    border-color: var(--mz-input-color);
}

.skin-blue.dark .btn-default {
    color: var(--mz-dark-gray-800);
    font-weight: 500;
    background-color: var(--mz-dark-light);
    border-color: var(--mz-dark-light);
}

.skin-blue .btn-default:hover,
.skin-blue .btn-default:active,
.skin-blue .btn-default.hover {
    background-color: var(--mz-input-focus-color);
}

.skin-blue.dark .btn-default:hover,
.skin-blue.dark .btn-default:active,
.skin-blue.dark .btn-default.hover {
    background-color: var(--mz-dark-gray-700);
    color: var(--mz-dark-gray-900);
}

.skin-blue form .buttons-save-changes-and-action ul.dropdown-menu li button:hover {
    background-color: var(--mz-active-primary);
    border-color: var(--mz-active-primary);
    color: var(--mz-white);
}

.skin-blue .btn-primary {
    background-color: var(--mz-primary);
    border-color: var(--mz-primary);
    color: var(--mz-white);
    font-size: 1.4rem;
    font-weight: 550;
    line-height: 1.5;
}

.skin-blue.dark .btn-primary {
    background-color: var(--mz-dark-primary);
    border-color: var(--mz-dark-primary);
    color: var(--mz-white);
}

.skin-blue .btn-primary:hover,
.skin-blue .btn-primary:focus,
.skin-blue .btn-primary:active,
.skin-blue .btn-primary.active,
.skin-blue .open .dropdown-toggle.btn-primary {
    background-color: var(--mz-primary);
    color: var(--mz-white);
    border-color: var(--mz-primary);
    outline: 0 !important;
}

.skin-blue.dark .btn-primary:hover,
.skin-blue.dark .btn-primary:focus,
.skin-blue.dark .btn-primary:active,
.skin-blue.dark .btn-primary.active,
.skin-blue.dark .open .dropdown-toggle.btn-primary {
    background-color: var(--mz-dark-active-primary);
    border-color: var(--mz-dark-active-primary);
}

.skin-blue .btn-success {
    background-color: var(--mz-success);
    border-color: var(--mz-success);
    color: var(--mz-white);
}

.skin-blue .btn-facebook {
    color: var(--mz-white);
    background-color: #3b5998 !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.skin-blue .btn-twitter {
    color: var(--mz-white);
    background-color: #26a7de !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.skin-blue.dark .btn-success {
    background-color: var(--mz-dark-success);
    border-color: var(--mz-dark-success);
    color: var(--mz-white);
}

.skin-blue .btn-success:hover,
.skin-blue .btn-success:active,
.skin-blue .btn-success.hover {
    background-color: var(--mz-success) !important;
    color: var(--mz-white);
    outline: 0 !important;
    border-color: var(--mz-success);
}

.skin-blue.dark .btn-success:hover,
.skin-blue.dark .btn-success:active,
.skin-blue.dark .btn-success.hover {
    background-color: var(--mz-dark-active-success);
    border-color: var(--mz-dark-active-success);
}

.skin-blue .btn-info {
    background-color: var(--mz-info);
    border-color: var(--mz-info);
    outline: 0 !important;
    color: var(--mz-white);
}

.skin-blue.dark .btn-info {
    background-color: var(--mz-dark-info);
    border-color: var(--mz-dark-info);
}

.skin-blue .btn-info:hover,
.skin-blue .btn-info:active,
.skin-blue .btn-info.hover {
    background-color: var(--mz-info);
}

.skin-blue.dark .btn-info:hover,
.skin-blue.dark .btn-info:active,
.skin-blue.dark .btn-info.hover {
    background-color: var(--mz-dark-active-info);
}

.skin-blue .btn-danger {
    color: var(--mz-white) !important;
    background-color: var(--mz-danger);
    border-color: var(--mz-danger);
    outline: 0 !important;
}

.skin-blue.dark .btn-danger {
    background-color: var(--mz-dark-danger);
    border-color: var(--mz-dark-danger);
}

.skin-blue .btn-danger:hover,
.skin-blue .btn-danger:focus,
.skin-blue .btn-danger:active,
.skin-blue .btn-danger.active,
.skin-blue .open .dropdown-toggle.btn-danger {
    background-color: var(--mz-danger);
    color: var(--mz-white);
    outline: 0 !important;
    border-color: var(--mz-danger);
}

.skin-blue.dark .btn-danger:hover,
.skin-blue.dark .btn-danger:focus,
.skin-blue.dark .btn-danger:active,
.skin-blue.dark .btn-danger.active,
.skin-blue.dark .open .dropdown-toggle.btn-danger {
    background-color: var(--mz-dark-active-danger);
    border-color: var(--mz-dark-active-danger);
}

.skin-blue .btn-warning {
    background-color: var(--mz-warning);
    border-color: var(--mz-warning);
}

.skin-blue.dark .btn-warning {
    background-color: var(--mz-dark-warning);
    border-color: var(--mz-dark-warning);
}

.skin-blue .btn-warning:hover,
.skin-blue .btn-warning:active,
.skin-blue .btn-warning.hover {
    background-color: var(--mz-warning);
    border-color: var(--mz-warning);
    color: var(--mz-white);
    outline: 0 !important;
}

.skin-blue.dark .btn-warning:hover,
.skin-blue.dark .btn-warning:active,
.skin-blue.dark .btn-warning.hover {
    background-color: var(--mz-dark-active-warning);
    border-color: var(--mz-dark-active-warning);
}

.skin-blue .callout a {
    color: var(--mz-primary);
    font-weight: 500;
}

.skin-blue .callout a:hover {
    color: var(--mz-active-primary);
}

.skin-blue.dark .callout a:hover {
    color: var(--mz-dark-active-primary);
}

.skin-blue .callout h4 {
    font-weight: 500;
}

.skin-blue .callout h4 {
    font-weight: 500;
    color: var(--mz--dark-white);
}

.skin-blue .callout p:not:first-child {
    color: var(--mz-white);
}

.skin-blue .callout.callout-danger {
    border-color: transparent;
}

.skin-blue .callout.callout-warning {
    border-color: transparent;
}

.skin-blue .callout.callout-info {
    border-color: transparent;
    color: var(--mz-white);
    background-color: var(--mz-info);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark .callout.callout-info {
    background-color: var(--mz-dark-info);
}

.skin-blue .callout.callout-success {
    border-color: transparent;
}

.skin-blue .alert a {
    color: var(--mz-white) !important;
}

.skin-blue .alert h4 {
    font-weight: 500;
}

.skin-blue .alert ul li {
    font-weight: 500;
    font-family:  Helvetica, sans-serif;
    font-size: 15px;
}

#csv-import .alert {
    padding: 1px 1px 1px 5px;
}

.skin-blue .alert-success {
    border-color: var(--mz-success);
}

.skin-blue.dark .alert-success {
    border-color: var(--mz-dark-success);
}

.skin-blue .alert-danger,
.skin-blue .alert-error {
    border-color: var(--mz-danger);
}

.skin-blue.dark .alert-danger,
.skin-blue.dark .alert-error {
    border-color: var(--mz-dark-danger);
}

.skin-blue .alert-warning {
    border-color: var(--mz-warning);
}

.skin-blue.dark .alert-warning {
    border-color: var(--mz-dark-warning);
}

.skin-blue .alert-info {
    border-color: var(--mz-info);
}

.skin-blue.dark .alert-info {
    border-color: var(--mz-dark-info);
}

.skin-blue .nav > li > a:hover,
.skin-blue .nav > li > a:active,
.skin-blue .nav > li > a:focus {
    color: var(--mz-primary);
    background-color: transparent;
}

.skin-blue.dark .nav > li > a:hover,
.skin-blue.dark .nav > li > a:active,
.skin-blue.dark .nav > li > a:focus {
    color: var(--mz-dark-primary);
}

.skin-blue .nav-pills > li > a {
    color: var(--mz-white);
}

.skin-blue .nav-pills > li.active > a,
.skin-blue .nav-pills > li.active > a:hover,
.skin-blue .nav-pills > li.active > a:focus {
    border-top-color: var(--mz-primary);
}

.skin-blue.dark .nav-pills > li.active > a,
.skin-blue.dark .nav-pills > li.active > a:hover,
.skin-blue.dark .nav-pills > li.active > a:focus {
    border-top-color: var(--mz-dark-primary);
}

.skin-blue .nav-pills > li.active > a {
    font-weight: 500;
}

.skin-blue .nav-tabs > li.active > a,
.skin-blue .nav-tabs > li.active > a:hover,
.skin-blue .nav-tabs > li.active > a:focus {
    color: var(--mz-sidebar-color);
    font-weight: 500;
}

.skin-blue.dark .nav-tabs > li.active > a,
.skin-blue.dark .nav-tabs > li.active > a:hover,
.skin-blue.dark .nav-tabs > li.active > a:focus {
    color: var(--mz-dark-gray-800);
    background-color: var(--mz-dark-sidebar-color);
    border-left-color: var(--mz-dark-border-color);
    border-right-color: var(--mz-dark-border-color);
}

.skin-blue .nav-stacked > li.active > a,
.skin-blue .nav-stacked > li.active > a:hover {
    border-left-color: var(--mz-primary);
}

.skin-blue.dark .nav-stacked > li.active > a,
.skin-blue.dark .nav-stacked > li.active > a:hover {
    border-left-color: var(--mz-dark-primary);
}

.skin-blue .nav-tabs-custom > .nav-tabs > li > a {
    color: #a1a5b7;
    font-weight: 500;
}

.skin-blue.dark .nav-tabs-custom > .nav-tabs > li > a {
    color: var(--mz-dark-gray-800);
}

.skin-blue .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: var(--mz-primary);
}

.skin-blue.dark .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: var(--mz-dark-primary);
}

.skin-blue .nav-tabs-custom .dropdown.open > a:active,
.skin-blue .nav-tabs-custom .dropdown.open > a:focus {
    background: var(--mz-primary);
}

.skin-blue.dark .nav-tabs-custom .dropdown.open > a:active,
.skin-blue.dark .nav-tabs-custom .dropdown.open > a:focus {
    background: var(--mz-dark-primary);
}

.skin-blue .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
    border-top-color: var(--mz-primary);
}

.skin-blue.dark .nav-tabs-custom.tab-primary > .nav-tabs > li.active {
    border-top-color: var(--mz-dark-primary);
}

.skin-blue .nav-tabs-custom.tab-info > .nav-tabs > li.active {
    border-top-color: var(--mz-info);
}

.skin-blue.dark .nav-tabs-custom.tab-info > .nav-tabs > li.active {
    border-top-color: var(--mz-dark-info);
}

.skin-blue .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
    border-top-color: var(--mz-danger);
}

.skin-blue.dark .nav-tabs-custom.tab-danger > .nav-tabs > li.active {
    border-top-color: var(--mz-dark-danger);
}

.skin-blue .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
    border-top-color: var(--mz-warning);
}

.skin-blue.dark .nav-tabs-custom.tab-warning > .nav-tabs > li.active {
    border-top-color: var(--mz-dark-warning);
}

.skin-blue .nav-tabs-custom.tab-success > .nav-tabs > li.active {
    border-top-color: var(--mz-success);
}

.skin-blue.dark .nav-tabs-custom.tab-success > .nav-tabs > li.active {
    border-top-color: var(--mz-dark-success);
}

.skin-blue .products-list .product-title {
    font-weight: 500;
}

.skin-blue.dark .table-bordered {
    border: 1px solid var(--mz-dark-table-border-color);
}

.skin-blue .table > thead > tr > td.success,
.skin-blue .table > tbody > tr > td.success,
.skin-blue .table > tfoot > tr > td.success,
.skin-blue .table > thead > tr > th.success,
.skin-blue .table > tbody > tr > th.success,
.skin-blue .table > tfoot > tr > th.success,
.skin-blue .table > thead > tr.success > td,
.skin-blue .table > tbody > tr.success > td,
.skin-blue .table > tfoot > tr.success > td,
.skin-blue .table > thead > tr.success > th,
.skin-blue .table > tbody > tr.success > th,
.skin-blue .table > tfoot > tr.success > th {
    background-color: var(--mz-light-success);
}

.skin-blue.dark .table > thead > tr > th {
    border-bottom: 2px solid var(--mz-dark-table-border-color);
    border-top: 2px solid var(--mz-dark-table-border-color) !important;
}

.skin-blue .table > thead > tr > th,
.skin-blue .table > tbody > tr > th,
.skin-blue .table > tfoot > tr > th,
.skin-blue .table > thead > tr > td,
.skin-blue .table > tbody > tr > td,
.skin-blue .table > tfoot > tr > td {
    color: var(--mz-gray-700);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark .table > thead > tr > th,
.skin-blue.dark .table > tbody > tr > th,
.skin-blue.dark .table > tfoot > tr > th,
.skin-blue.dark .table > thead > tr > td,
.skin-blue.dark .table > tbody > tr > td,
.skin-blue.dark .table > tfoot > tr > td {
    color: var(--mz-dark-gray-700);
    background-color: var(--mz-dark-sidebar-color);
    border-top: 1px solid var(--mz-dark-table-border-color);
}

.skin-blue .table > tfoot > tr > td {
    color: var(--mz-dark-input-text-color);
}

.skin-blue .table > thead > tr > th a {
    color: #191d31;
}

.skin-blue.dark .table > thead > tr > th a {
    color: var(--mz-dark-input-text-color);
}

.skin-blue .table > tbody > tr > th a,
.skin-blue .table > tfoot > tr > th a,
.skin-blue .table > thead > tr > td a,
.skin-blue .table > tbody > tr > td a,
.skin-blue .table > tfoot > tr > td a {
    color: var(--mz-gray-700);
}

.skin-blue.dark .table > tbody > tr > th a,
.skin-blue.dark .table > tfoot > tr > th a,
.skin-blue.dark .table > thead > tr > td a,
.skin-blue.dark .table > tbody > tr > td a,
.skin-blue.dark .table > tfoot > tr > td a {
    color: var(--mz-dark-gray-700);
}

.skin-blue .table.table-striped.table-bordered.table-hover.table-condensed > tbody > tr > td a {
    color: var(--mz-primary);
}

.skin-blue.dark .table.table-striped.table-bordered.table-hover.table-condensed > tbody > tr > td a {
    color: var(--mz-dark-primary);
}

.skin-blue .table > thead > tr:first-child > th {
    color: var(--mz-form-text-color);
    border-bottom: 1px solid var(--mz-input-color);
    border-top: 1px solid var(--mz-input-color);
    font-weight: 600 !important;
    white-space: nowrap;
    vertical-align: middle;
    background-color: var(--mz-input-color) !important;
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark .table > thead > tr:first-child > th {
    color: var(--mz-dark-input-text-color);
    border-bottom: 1px solid var(--mz-dark-table-border-color);
    border-top: 2px solid var(--mz-dark-table-border-color) !important;
    background-color: var(--mz-dark-sidebar-color) !important;
}

.skin-blue .table-hover > tbody > tr:hover td {
    background-color: #f7fafb;
}

.skin-blue.dark .table-hover > tbody > tr:hover td {
    background-color: var(--mz-dark-table-hover-color);
}

.skin-blue label {
    font-weight: 500 !important;
    margin-bottom: 0.5rem !important;
    color: var(--mz-gray-800);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark label {
    color: var(--mz-dark-gray-700);
}

.skin-blue .direct-chat-name {
    font-weight: 500;
}

.skin-blue .contacts-list-name {
    font-weight: 500;
}

.skin-blue .direct-chat-danger .right > .direct-chat-text {
    background: var(--mz-danger);
    border-color: var(--mz-danger);
    color: var(--mz-white);
}

.skin-blue.dark .direct-chat-danger .right > .direct-chat-text {
    background: var(--mz-dark-danger);
    border-color: var(--mz-dark-danger);
}

.skin-blue .direct-chat-danger .right > .direct-chat-text:after,
.skin-blue .direct-chat-danger .right > .direct-chat-text:before {
    border-left-color: var(--mz-danger);
}

.skin-blue.dark .direct-chat-danger .right > .direct-chat-text:after,
.skin-blue.dark .direct-chat-danger .right > .direct-chat-text:before {
    border-left-color: var(--mz-dark-danger);
}

.skin-blue .direct-chat-primary .right > .direct-chat-text {
    background: var(--mz-primary);
    border-color: var(--mz-primary);
}

.skin-blue.dark .direct-chat-primary .right > .direct-chat-text {
    background: var(--mz-dark-primary);
    border-color: var(--mz-dark-primary);
}

.skin-blue .direct-chat-primary .right > .direct-chat-text:after,
.skin-blue .direct-chat-primary .right > .direct-chat-text:before {
    border-left-color: var(--mz-primary);
}

.skin-blue.dark .direct-chat-primary .right > .direct-chat-text:after,
.skin-blue.dark .direct-chat-primary .right > .direct-chat-text:before {
    border-left-color: var(--mz-dark-primary);
}

.skin-blue .direct-chat-warning .right > .direct-chat-text {
    background: var(--mz-warning);
    border-color: var(--mz-warning);
}

.skin-blue.dark .direct-chat-warning .right > .direct-chat-text {
    background: var(--mz-dark-warning);
    border-color: var(--mz-dark-warning);
}

.skin-blue .direct-chat-warning .right > .direct-chat-text:after,
.skin-blue .direct-chat-warning .right > .direct-chat-text:before {
    border-left-color: var(--mz-warning);
}

.skin-blue.dark .direct-chat-warning .right > .direct-chat-text:after,
.skin-blue.dark .direct-chat-warning .right > .direct-chat-text:before {
    border-left-color: var(--mz-dark-warning);
}

.skin-blue .direct-chat-info .right > .direct-chat-text {
    background: var(--mz-info);
    border-color: var(--mz-info);
}

.skin-blue.dark .direct-chat-info .right > .direct-chat-text {
    background: var(--mz-dark-info);
    border-color: var(--mz-dark-info);
}

.skin-blue .direct-chat-info .right > .direct-chat-text:after,
.skin-blue .direct-chat-info .right > .direct-chat-text:before {
    border-left-color: var(--mz-info);
}

.skin-blue.dark .direct-chat-info .right > .direct-chat-text:after,
.skin-blue.dark .direct-chat-info .right > .direct-chat-text:before {
    border-left-color: var(--mz-dark-info);
}

.skin-blue .direct-chat-success .right > .direct-chat-text {
    background: var(--mz-success);
    border-color: var(--mz-success);
}

.skin-blue.dark .direct-chat-success .right > .direct-chat-text {
    background: var(--mz-dark-success);
    border-color: var(--mz-dark-success);
}

.skin-blue .direct-chat-success .right > .direct-chat-text:after,
.skin-blue .direct-chat-success .right > .direct-chat-text:before {
    border-left-color: var(--mz-success);
}

.skin-blue.dark .direct-chat-success .right > .direct-chat-text:after,
.skin-blue.dark .direct-chat-success .right > .direct-chat-text:before {
    border-left-color: var(--mz-dark-success);
}

.skin-blue .users-list-name {
    font-weight: 500;
}

.skin-blue .modal-content {
    border-radius: 8px;
}

.skin-blue.dark .modal-footer {
    border-top-color: var(--mz-dark-border-color);
}

.skin-blue.dark .modal-content {
    border-radius: 8px;
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue .modal-title i,
.skin-blue .box-title i {
    margin-right: 5px;
}

.skin-blue.dark .modal-body {
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .modal-header {
    border-color: var(--mz-dark-border-color);
}

.skin-blue .alert .badge {
    background-color: var(--mz-text-gray);
}

.skin-blue.dark .alert .badge {
    padding: 3px 7px;
    background-color: var(--mz-dark-light-primary);
}

.skin-blue .badge {
    color: var(--mz-text-gray);
    background-color: var(--mz-input-color);
    border-radius: 7px;
    font-weight: 600 !important;
}

.skin-blue.dark .badge {
    padding: 5px 8px;
    color: var(--mz-dark-primary);
    background-color: var(--mz-dark-light-primary);
}

.skin-blue .modal-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.skin-blue .modal-footer {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.skin-blue .modal-primary .modal-header,
.skin-blue .modal-primary .modal-footer {
    border-color: var(--mz-primary);
}

.skin-blue.dark .modal-primary .modal-header,
.skin-blue.dark .modal-primary .modal-footer {
    border-color: var(--mz-dark-primary);
}

.skin-blue .modal-warning .modal-header,
.skin-blue .modal-warning .modal-footer {
    border-color: var(--mz-warning);
}

.skin-blue.dark .modal-warning .modal-header,
.skin-blue.dark .modal-warning .modal-footer {
    border-color: var(--mz-dark-warning);
}

.skin-blue .modal-info .modal-header,
.skin-blue .modal-info .modal-footer {
    border-color: var(--mz-info);
}

.skin-blue.dark .modal-info .modal-header,
.skin-blue.dark .modal-info .modal-footer {
    border-color: var(--mz-dark-info);
}

.skin-blue .modal-success .modal-header,
.skin-blue .modal-success .modal-footer {
    border-color: var(--mz-success);
}

.skin-blue.dark .modal-success .modal-header,
.skin-blue.dark .modal-success .modal-footer {
    border-color: var(--mz-dark-success);
}

.skin-blue .modal-danger .modal-header,
.skin-blue .modal-danger .modal-footer {
    border-color: var(--mz-danger);
}

.skin-blue.dark .modal-danger .modal-header,
.skin-blue.dark .modal-danger .modal-footer {
    border-color: var(--mz-dark-danger);
}

.skin-blue .lockscreen .lockscreen-name {
    font-weight: 500;
}

.skin-blue .btn-tumblr:active:hover,
.skin-blue .btn-tumblr.active:hover,
.skin-blue .open > .dropdown-toggle.btn-tumblr:hover,
.skin-blue .btn-tumblr:active:focus,
.skin-blue .btn-tumblr.active:focus,
.skin-blue .open > .dropdown-toggle.btn-tumblr:focus,
.skin-blue .btn-tumblr:active.focus,
.skin-blue .btn-tumblr.active.focus,
.skin-blue .open > .dropdown-toggle.btn-tumblr.focus {
    background-color: var(--mz-body-color);
}

.skin-blue.dark .btn-tumblr:active:hover,
.skin-blue.dark .btn-tumblr.active:hover,
.skin-blue.dark .open > .dropdown-toggle.btn-tumblr:hover,
.skin-blue.dark .btn-tumblr:active:focus,
.skin-blue.dark .btn-tumblr.active:focus,
.skin-blue.dark .open > .dropdown-toggle.btn-tumblr:focus,
.skin-blue.dark .btn-tumblr:active.focus,
.skin-blue.dark .btn-tumblr.active.focus,
.skin-blue.dark .open > .dropdown-toggle.btn-tumblr.focus {
    background-color: var(--mz-dark-background-color);
}

.skin-blue .select2-container--default .select2-selection--single,
.skin-blue .select2-selection .select2-selection--single {
    border: 1px solid var(--mz-input-border-color);
    background-color: var(--mz-input-color);
    color: var(--mz-gray);
    border-radius: 8px;
    height: 36px;
    padding: 8px 10px;
}

.skin-blue.dark .select2-container--default .select2-selection--single,
.skin-blue.dark .select2-selection .select2-selection--single {
    border: 1px solid var(--mz-dark-light);
    background-color: var(--mz-dark-input-color);
    color: var(--mz-dark-gray-700);
}

.skin-blue .select2-container--default.select2-container--open {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    background-color: #eef3f7;
    border-radius: 8px;
}

.skin-blue.dark .select2-container--default.select2-container--open {
    background-color: var(--mz-dark-input-color);
}

.skin-blue .select2-dropdown {
    border: 1px solid var(--mz-primary);
}

.skin-blue.dark .select2-dropdown {
    border: 1px solid var(--mz-dark-primary);
}

.skin-blue .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--mz-light-primary);
    color: var(--mz-primary);
}

.skin-blue.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue .select2-results__option {
    padding: 10px 10px;
    user-select: none;
    -webkit-user-select: none;
    color: var(--mz-gray);
    font-size: 15px;
}

.skin-blue.dark .select2-results__option {
    color: var(--mz-dark-gray-700);
}

.skin-blue .select2-search--dropdown {
    padding: 8px 20px;
    margin: 0 0 8px 0;
}

.skin-blue .select2-container--open .select2-dropdown--below {
    border: 0;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    border-radius: 8px;
    padding: 1rem 0;
    background-color: var(--mz-white);
}

.skin-blue.dark .select2-container--open .select2-dropdown--below {
    box-shadow: none;
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-light);
}

.skin-blue .select2-container--open .select2-dropdown--above {
    border: 0;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    border-radius: 8px;
    padding: 1rem 0;
    background-color: #fff;
}

.skin-blue.dark .select2-container--open .select2-dropdown--above {
    box-shadow: none;
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-light);
}

.skin-blue .select2-container .select2-selection--single .select2-selection__rendered {
    font-family:  Helvetica, sans-serif;
    color: var(--mz-gray);
    font-size: 15px;
}

.skin-blue.dark .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--mz-dark-gray-700);
}

.skin-blue .select2-container .select2-dropdown .select2-search__field,
.skin-blue .select2-container .select2-search--inline .select2-search__field {
    background-color: var(--mz-white);
    padding: 9px 20px;
    color: var(--mz-gray);
    font-size: 14px;
    border: 1px solid var(--mz-dashed-border-color);
    border-radius: 8px;
    outline: 0 !important;
    margin-top: 5px !important;
}

.skin-blue.dark .select2-container .select2-dropdown .select2-search__field,
.skin-blue.dark .select2-container .select2-search--inline .select2-search__field {
    color: var(--mz-dark-gray-700);
    border: 1px solid var(--mz-dark-light);
    background-color: var(--mz-dark-input-color);
}

.skin-blue .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--mz-primary);
    color: var(--mz-white);
}

.skin-blue.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--mz-dark-primary);
    color: var(--mz--dark-white);
}

.skin-blue .select2-container--default .select2-results__option[aria-selected=true],
.skin-blue .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: var(--mz-white);
}


.skin-blue .select2-container--default .select2-selection--multiple {
    border: 1px solid var(--mz-input-border-color);
    background-color: var(--mz-input-color);
    color: var(--mz-gray);
    border-radius: 8px;
}

.skin-blue.dark .select2-container--default .select2-selection--multiple {
    border: 1px solid var(--mz-dark-border-color);
    background-color: var(--mz-dark-input-color);
    color: var(--mz-dark-gray-700);
}

.skin-blue .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skin-blue .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
    background-color: transparent;
    padding: 2px 4px;
    color: var(--mz-gray);
    font-size: 14px;
    border: 0;
    border-radius: 8px;
    outline: 0 !important;
}

.skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
    color: var(--mz-dark-gray-700);
    border: 0 !important;
}

.skin-blue .select2-container--default .select2-selection--multiple:focus {
    border-color: var(--mz-input-border-color);
}

.skin-blue.dark .select2-container--default .select2-selection--multiple:focus {
    border-color: var(--mz-dark-input-color);
}

.skin-blue .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--mz-input-border-color);
}

.skin-blue.dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--mz-dark-border-color);
}

.skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 1px 10px;
    color: #fff;
    background-color: var(--mz-dashed-border-color);
}

.skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--mz-dark-input-color);
}

.skin-blue .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 7px;
}

.skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #a2a7b5;
}

.skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--mz-dark-gray-700);
}

.skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--mz-dashed-border-color);
    border-color: var(--mz-dashed-border-color);
    color: var(--mz-gray);
    font-size: 12px;
    font-weight: 500;
}

.skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--mz-dark-table-border-color);
    border-color: var(--mz-dark-input-color);
    color: var(--mz-dark-gray-700);
}

.skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--mz-primary);
}

.skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--mz-dark-primary);
}

.skin-blue .description-block > .description-header {
    font-weight: 500;
}

.skin-blue .bg-red,
.skin-blue .bg-yellow,
.skin-blue .bg-aqua,
.skin-blue .bg-blue,
.skin-blue .bg-light-blue,
.skin-blue .bg-green,
.skin-blue .bg-navy,
.skin-blue .bg-teal,
.skin-blue .bg-olive,
.skin-blue .bg-lime,
.skin-blue .bg-orange,
.skin-blue .bg-fuchsia,
.skin-blue .bg-purple,
.skin-blue .bg-maroon,
.skin-blue .bg-black,
.skin-blue .bg-red-active,
.skin-blue .bg-yellow-active,
.skin-blue .bg-aqua-active,
.skin-blue .bg-blue-active,
.skin-blue .bg-light-blue-active,
.skin-blue .bg-green-active,
.skin-blue .bg-navy-active,
.skin-blue .bg-teal-active,
.skin-blue .bg-olive-active,
.skin-blue .bg-lime-active,
.skin-blue .bg-orange-active,
.skin-blue .bg-fuchsia-active,
.skin-blue .bg-purple-active,
.skin-blue .bg-maroon-active,
.skin-blue .bg-black-active,
.skin-blue .callout.callout-danger,
.skin-blue .callout.callout-warning,
.skin-blue .callout.callout-info,
.skin-blue .callout.callout-success,
.skin-blue .alert-success,
.skin-blue .alert-danger,
.skin-blue .alert-error,
.skin-blue .alert-warning,
.skin-blue .alert-info,
.skin-blue .label-danger,
.skin-blue .label-info,
.skin-blue .label-warning,
.skin-blue .label-primary,
.skin-blue .label-success,
.skin-blue .modal-primary .modal-body,
.skin-blue .modal-primary .modal-header,
.skin-blue .modal-primary .modal-footer,
.skin-blue .modal-warning .modal-body,
.skin-blue .modal-warning .modal-header,
.skin-blue .modal-warning .modal-footer,
.skin-blue .modal-info .modal-body,
.skin-blue .modal-info .modal-header,
.skin-blue .modal-info .modal-footer,
.skin-blue .modal-success .modal-body,
.skin-blue .modal-success .modal-header,
.skin-blue .modal-success .modal-footer,
.skin-blue .modal-danger .modal-body,
.skin-blue .modal-danger .modal-header,
.skin-blue .modal-danger .modal-footer {
    color: var(--mz-white) !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border: 1px solid transparent;
}

.skin-blue .alert-success span,
.skin-blue .alert-danger span,
.skin-blue .alert-error span,
.skin-blue .alert-warning span,
.skin-blue .alert-info span {
    color: var(--mz-white) !important;
}

.skin-blue .bg-black {
    background-color: var(--mz-body-color) !important;
}

.skin-blue.dark .bg-black {
    background-color: var(--mz-dark-light) !important;
}

.skin-blue .bg-red,
.skin-blue .callout.callout-danger,
.skin-blue .alert-danger,
.skin-blue .alert-error,
.skin-blue .label-danger,
.skin-blue .modal-danger .modal-body {
    background-color: rgba(var(--mz-danger-rgb), 0.9) !important;
    border-radius: 7px;
}

.skin-blue.dark .bg-red,
.skin-blue.dark .callout.callout-danger,
.skin-blue.dark .alert-danger,
.skin-blue.dark .alert-error,
.skin-blue.dark .label-danger,
.skin-blue.dark .modal-danger .modal-body {
    background-color: rgba(var(--mz-dark-danger-rgb), 0.9) !important;
}

.skin-blue .bg-yellow,
.skin-blue .callout.callout-warning,
.skin-blue .alert-warning,
.skin-blue .label-warning,
.skin-blue .modal-warning .modal-body {
    background: var(--mz-warning) !important;
    border-radius: 7px;
}

.skin-blue.dark .bg-yellow,
.skin-blue.dark .callout.callout-warning,
.skin-blue.dark .alert-warning,
.skin-blue.dark .label-warning,
.skin-blue.dark .modal-warning .modal-body {
    background: rgba(var(--mz-dark-warning-rgb), 0.9) !important;
}

.skin-blue .bg-aqua,
.skin-blue .callout.callout-info,
.skin-blue .alert-info,
.skin-blue .label-info,
.skin-blue .modal-info .modal-body {
    background-color: rgba(var(--mz-info-rgb), 1) !important;
    border-radius: 7px;
}

.skin-blue.dark .bg-aqua,
.skin-blue.dark .callout.callout-info,
.skin-blue.dark .alert-info,
.skin-blue.dark .label-info,
.skin-blue.dark .modal-info .modal-body {
    background-color: rgba(var(--mz-dark-info-rgb), 0.9) !important;
}

.skin-blue .bg-blue {
    background-color: var(--mz-primary) !important;
}

.skin-blue.dark .bg-blue {
    background-color: var(--mz-dark-primary) !important;
}

.skin-blue .bg-light-blue,
.skin-blue .label-primary,
.skin-blue .modal-primary .modal-body {
    background-color: var(--mz-primary) !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.skin-blue.dark .bg-light-blue,
.skin-blue.dark .label-primary,
.skin-blue.dark .modal-primary .modal-body {
    background-color: var(--mz-dark-light-primary) !important;
}

.skin-blue .bg-green,
.skin-blue .callout.callout-success,
.skin-blue .alert-success,
.skin-blue .label-success,
.skin-blue .modal-success .modal-body {
    background-color: var(--mz-success) !important;
    border-radius: 7px;
}

.skin-blue.dark .bg-green,
.skin-blue.dark .callout.callout-success,
.skin-blue.dark .alert-success,
.skin-blue.dark .label-success,
.skin-blue.dark .modal-success .modal-body {
    background-color: var(--mz-dark-success) !important;
}

.skin-blue .text-red {
    color: var(--mz-warning) !important;
}

.skin-blue.dark .text-red {
    color: var(--mz-dark-warning) !important;
}

.skin-blue .text-black {
    color: var(--mz-body-color) !important;
}

.skin-blue.dark .text-black {
    color: var(--mz-dark-gray-300) !important;
}

.skin-blue .list-group-item {
    border-width: 0 0 2px 0;
    border-color: #dadde3;
    border-style: dashed;
}

.skin-blue.dark .list-group-item {
    border-color: var(--mz-dark-gray-300);
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue .list-subscriber-actions-scrollbox .list-group-item {
    padding: 7px 7px 5px 7px;
}

.skin-blue .list-subscriber-actions-scrollbox .list-group-item span {
    color: var(--mz-gray-800);
}

.skin-blue.dark .list-subscriber-actions-scrollbox .list-group-item span {
    color: var(--mz-dark-gray-700);
}

.skin-blue .user-block .username {
    font-weight: 500;
}

.skin-blue .boxes-mw-wrapper.row {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.skin-blue .boxes-mw-wrapper.row .col-lg-1,
.skin-blue .boxes-mw-wrapper.row .col-lg-10,
.skin-blue .boxes-mw-wrapper.row .col-lg-11,
.skin-blue .boxes-mw-wrapper.row .col-lg-12,
.skin-blue .boxes-mw-wrapper.row .col-lg-2,
.skin-blue .boxes-mw-wrapper.row .col-lg-3,
.skin-blue .boxes-mw-wrapper.row .col-lg-4,
.skin-blue .boxes-mw-wrapper.row .col-lg-5,
.skin-blue .boxes-mw-wrapper.row .col-lg-6,
.skin-blue .boxes-mw-wrapper.row .col-lg-7,
.skin-blue .boxes-mw-wrapper.row .col-lg-8,
.skin-blue .boxes-mw-wrapper.row .col-lg-9,
.skin-blue .boxes-mw-wrapper.row .col-md-1,
.skin-blue .boxes-mw-wrapper.row .col-md-10,
.skin-blue .boxes-mw-wrapper.row .col-md-11,
.skin-blue .boxes-mw-wrapper.row .col-md-12,
.skin-blue .boxes-mw-wrapper.row .col-md-2,
.skin-blue .boxes-mw-wrapper.row .col-md-3,
.skin-blue .boxes-mw-wrapper.row .col-md-4,
.skin-blue .boxes-mw-wrapper.row .col-md-5,
.skin-blue .boxes-mw-wrapper.row .col-md-6,
.skin-blue .boxes-mw-wrapper.row .col-md-7,
.skin-blue .boxes-mw-wrapper.row .col-md-8,
.skin-blue .boxes-mw-wrapper.row .col-md-9,
.skin-blue .boxes-mw-wrapper.row .col-sm-1,
.skin-blue .boxes-mw-wrapper.row .col-sm-10,
.skin-blue .boxes-mw-wrapper.row .col-sm-11,
.skin-blue .boxes-mw-wrapper.row .col-sm-12,
.skin-blue .boxes-mw-wrapper.row .col-sm-2,
.skin-blue .boxes-mw-wrapper.row .col-sm-3,
.skin-blue .boxes-mw-wrapper.row .col-sm-4,
.skin-blue .boxes-mw-wrapper.row .col-sm-5,
.skin-blue .boxes-mw-wrapper.row .col-sm-6,
.skin-blue .boxes-mw-wrapper.row .col-sm-7,
.skin-blue .boxes-mw-wrapper.row .col-sm-8,
.skin-blue .boxes-mw-wrapper.row .col-sm-9,
.skin-blue .boxes-mw-wrapper.row .col-xs-1,
.skin-blue .boxes-mw-wrapper.row .col-xs-10,
.skin-blue .boxes-mw-wrapper.row .col-xs-11,
.skin-blue .boxes-mw-wrapper.row .col-xs-12,
.skin-blue .boxes-mw-wrapper.row .col-xs-2,
.skin-blue .boxes-mw-wrapper.row .col-xs-3,
.skin-blue .boxes-mw-wrapper.row .col-xs-4,
.skin-blue .boxes-mw-wrapper.row .col-xs-5,
.skin-blue .boxes-mw-wrapper.row .col-xs-6,
.skin-blue .boxes-mw-wrapper.row .col-xs-7,
.skin-blue .boxes-mw-wrapper.row .col-xs-8,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
    border: 0;
}

.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box {
    color: var(--mz-body-color);
    min-height: 85px;
    border-radius: 12px;
    border: 1px dashed var(--mz-dashed-border-color);
    padding: 5px;
}

.skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box {
    color: var(--mz-dark-background-color);
    border: 1px dashed var(--mz-dark-border-color);
}

.skin-blue .boxes-mw-wrapper.row .small-box:hover,
.skin-blue .boxes-mw-wrapper.row .small-box:hover {
    border: 1px solid var(--mz-dashed-border-color);
}

.skin-blue.dark .boxes-mw-wrapper.row .small-box:hover,
.skin-blue.dark .boxes-mw-wrapper.row .small-box:hover {
    border: 1px solid var(--mz-dark-gray-300);
}

.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner .middle > h6 > a {
    color: var(--mz-sidebar-color);
    font-weight: 500;
}

.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner .middle > h6 > a {
    color: var(--mz-dark-sidebar-color);
}

.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h1,
.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h3,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h3 {
    color: var(--mz-form-text-color);
}

.skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h1,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h3,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h3 {
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner > .middle h3 > a,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner > .middle h3 > a {
    color: var(--mz-dark-gray-700);
}

.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2 {
    font-family:  Helvetica, sans-serif;
}

.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner p,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner p {
    color: var(--mz-gray-600);
    font-size: 15px;
    font-weight: 500;
}

.skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box .icon,
.skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box .icon {
    color: #ebf6f8;
    background: #c2e2fd;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box .icon,
.skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box .icon {
    color: var(--mz-dark-primary);
    background: var(--mz-dark-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.skin-blue.dark #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span {
    color: var(--mz-dark-gray-700);
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue ul.custom-list li span.cl-span {
    color: var(--mz-form-text-color);
}

.skin-blue.dark ul.custom-list li span.cl-span {
    color: var(--mz-dark-gray-700);
}

.skin-blue ul.custom-list li span.cl-span {
    color: var(--mz-gray-600);
    font-weight: 500 !important;
    font-size: 14px;
}

.skin-blue.dark ul.custom-list li span.cl-span {
    color: var(--mz-dark-gray-700);
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue ul.custom-list li span.cl-span:last-child {
    color: var(--mz-gray-700);
    font-weight: 600 !important;
}

.skin-blue.dark ul.custom-list li span.cl-span:last-child {
    color: var(--mz-dark-gray-800);
    font-weight: 600 !important;
}

.skin-blue ul.custom-list li span.cl-span a {
    color: var(--mz-primary);
}

.skin-blue.dark ul.custom-list li span.cl-span a {
    color: var(--mz-dark-primary);
}

.skin-blue .progress-box .info .name,
.skin-blue .progress-box .info .number {
    display: inline-block;
    color: var(--mz-gray-500);
}

.skin-blue.dark .progress-box .info .name,
.skin-blue.dark .progress-box .info .number {
    color: var(--mz-dark-gray-700);
}

.skin-blue .progress-box .info .number {
    font-size: 15px;
    color: var(--mz-gray-600);
    font-weight: 600 !important;
}

.skin-blue.dark .progress-box .info .number {
    color: var(--mz-dark-gray-800);
}

.skin-blue .progress-box .info .name a,
.skin-blue .progress-box .info .number a {
    color: var(--mz-primary);
}

.skin-blue.dark .progress-box .info .name a,
.skin-blue.dark .progress-box .info .number a {
    color: var(--mz-dark-primary);
}

.skin-blue .progress-box .info .name {
    font-weight: 600 !important;
    color: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .progress-box .bar {
    background-color: rgba(var(--mz-dark-secondary-rgb), 1);
}

.skin-blue .progress-box .bar .progress {
    background-color: var(--mz-primary);
}

.skin-blue.dark .progress-box .bar .progress {
    background-color: rgba(var(--mz-dark-primary-rgb), 1);
}

/* REMOVED PADDING padding: 10px 10px; */
.skin-blue input[type="text"],
.skin-blue input[type="password"],
.skin-blue input[type="search"],
.skin-blue input[type="email"],
.skin-blue input[type="number"],
.skin-blue input[type="url"] {
    font-family:  Helvetica, sans-serif;
    color: var(--mz-gray-800);
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid var(--mz-input-border-color);
    margin: 0 0 10px 0;
    background-color: var(--mz-input-color);
    box-shadow: none;
}

.skin-blue.dark input[type="text"],
.skin-blue.dark input[type="password"],
.skin-blue.dark input[type="search"],
.skin-blue.dark input[type="email"],
.skin-blue.dark input[type="number"],
.skin-blue.dark input[type="url"] {
    color: var(--mz-dark-input-text-color);
    border: 1px solid var(--mz-dark-light) !important;
    background-color: var(--mz-dark-input-color);
    box-shadow: none;
}

.skin-blue input[type="text"]:focus,
.skin-blue input[type="password"]:focus,
.skin-blue input[type="search"]:focus,
.skin-blue input[type="email"]:focus,
.skin-blue input[type="number"]:focus,
.skin-blue input[type="url"]:focus,
.skin-blue textarea {
    outline: none !important;
}

.skin-blue input[type="text"]::-webkit-input-placeholder,
.skin-blue input[type="password"]::-webkit-input-placeholder,
.skin-blue input[type="search"]::-webkit-input-placeholder,
.skin-blue input[type="email"]::-webkit-input-placeholder,
.skin-blue input[type="number"]::-webkit-input-placeholder,
.skin-blue input[type="url"]::-webkit-input-placeholder,
.skin-blue input[type="text"]::-moz-placeholder,
.skin-blue input[type="password"]::-moz-placeholder,
.skin-blue input[type="search"]::-moz-placeholder,
.skin-blue input[type="email"]::-moz-placeholder,
.skin-blue input[type="number"]::-moz-placeholder,
.skin-blue input[type="url"]::-moz-placeholder,
.skin-blue input[type="text"]::-moz-placeholder,
.skin-blue input[type="password"]::-moz-placeholder,
.skin-blue input[type="search"]::-moz-placeholder,
.skin-blue input[type="email"]::-moz-placeholder,
.skin-blue input[type="number"]::-moz-placeholder,
.skin-blue input[type="url"]::-moz-placeholder,
.skin-blue input[type="text"]::-ms-input-placeholder,
.skin-blue input[type="password"]::-ms-input-placeholder,
.skin-blue input[type="search"]::-ms-input-placeholder,
.skin-blue input[type="email"]::-ms-input-placeholder,
.skin-blue input[type="number"]::-ms-input-placeholder,
.skin-blue input[type="url"]::-ms-input-placeholder,
.skin-blue textarea::-ms-input-placeholder {
    color: var(--mz-placeholder-color) !important;
    font-family:  Helvetica, sans-serif;
    font-weight: normal;
    white-space: nowrap;
    letter-spacing: 1px;
}

.skin-blue input[type="text"].cke_dialog_ui_input_text,
.skin-blue input[type="password"].cke_dialog_ui_input_text,
.skin-blue input[type="search"].cke_dialog_ui_input_text,
.skin-blue input[type="email"].cke_dialog_ui_input_text,
.skin-blue input[type="number"].cke_dialog_ui_input_text,
.skin-blue input[type="url"].cke_dialog_ui_input_text {
    font-family:  Helvetica, sans-serif;
    color: var(--mz-body-color);
}

.skin-blue.dark input[type="text"].cke_dialog_ui_input_text,
.skin-blue.dark input[type="password"].cke_dialog_ui_input_text,
.skin-blue.dark input[type="search"].cke_dialog_ui_input_text,
.skin-blue.dark input[type="email"].cke_dialog_ui_input_text,
.skin-blue.dark input[type="number"].cke_dialog_ui_input_text,
.skin-blue.dark input[type="url"].cke_dialog_ui_input_text {
    color: var(--mz-dark-gray-700);
}

.skin-blue .form-group input[type="text"],
.skin-blue .form-group input[type="password"],
.skin-blue .form-group input[type="search"],
.skin-blue .form-group input[type="email"],
.skin-blue .form-group input[type="number"],
.skin-blue .form-group input[type="url"],
.skin-blue .form-group textarea {
    margin: 0 0 0 0 !important;
}

.skin-blue .input-group input[type="text"],
.skin-blue .input-group input[type="password"],
.skin-blue .input-group input[type="search"],
.skin-blue .input-group input[type="email"],
.skin-blue .input-group input[type="number"],
.skin-blue .input-group input[type="url"],
.skin-blue .input-group textarea {
    margin: 0 0 0 0 !important;
}

.skin-blue .btn-primary.disabled, .btn-primary[disabled],
.skin-blue fieldset[disabled] .btn-primary,
.skin-blue .btn-primary.disabled:hover,
.skin-blue .btn-primary[disabled]:hover,
.skin-blue fieldset[disabled] .btn-primary:hover,
.skin-blue .btn-primary.disabled:focus,
.skin-blue .btn-primary[disabled]:focus,
.skin-blue fieldset[disabled] .btn-primary:focus,
.skin-blue .btn-primary.disabled:active, .btn-primary[disabled]:active,
.skin-blue fieldset[disabled] .btn-primary:active,
.skin-blue .btn-primary.disabled.active,
.skin-blue .btn-primary[disabled].active,
.skin-blue fieldset[disabled] .btn-primary.active {
    color: var(--mz-text-gray);
    background-color: var(--mz-input-color);
}

.skin-blue textarea {
    resize: none;
    padding: 8px 10px;
    font-family:  Helvetica, sans-serif;
    color: var(--mz-gray);
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px;
    border: 1px solid var(--mz-input-border-color);
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
    margin: 0 0 10px 0;
    background-color: var(--mz-input-color);
}

.skin-blue.dark textarea {
    color: var(--mz-dark-gray-700);
    border: 1px solid var(--mz-dark-input-color) !important;
    background-color: var(--mz-dark-light);
}

.skin-blue textarea:hover,
.skin-blue textarea:focus,
.skin-blue textarea.active {
    background-color: var(--mz-input-focus-color);
    border-color: var(--mz-input-focus-color) !important;
    outline: none !important;
}

.skin-blue.dark textarea:hover,
.skin-blue.dark textarea:focus,
.skin-blue.dark textarea.active {
    background-color: var(--mz-dark-input-focus-color);
    border-color: var(--mz-dark-light) !important;
}

.skin-blue.dark input:-webkit-autofill,
.skin-blue.dark textarea:-webkit-autofill,
.skin-blue.dark select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px var(--mz-dark-input-color) inset !important;
    -webkit-text-fill-color: var(--mz-dark-input-text-color) !important;
}

.skin-blue input:hover,
.skin-blue input:focus,
.skin-blue input.active {
    background-color: var(--mz-input-focus-color);
    border-color: var(--mz-input-focus-color);
}

.skin-blue.dark input:hover,
.skin-blue.dark input:focus,
.skin-blue.dark input.active {
    background-color: var(--mz-dark-input-focus-color);
    border-color: var(--mz-dark-light);
}

/* Remove radio button border */
.skin-blue input[type=radio] {
    display: inline-block;
    border: 0 !important;
    margin: 2px 5px 0 0;
    float: left;
}

.skin-blue input[type=checkbox] {
    display: inline-block;
    background: var(--mz-gray-200) !important;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0 !important;
    border-radius: 2px;
    margin: 2px 5px 0 0;
    float: left;
}

.skin-blue.dark input[type=checkbox] {
    background: var(--mz-dark-secondary) !important;
}

.skin-blue input[type=checkbox]:checked {
    border: 0 !important;
    background-color: var(--mz-primary) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: auto;
}

.skin-blue.dark input[type=checkbox]:checked {
    background-color: var(--mz-dark-primary) !important;
}

.skin-blue input[type=checkbox].error:checked {
    border: 0 !important;
}

.skin-blue select {
    font-family:  Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid var(--mz-input-border-color) !important;
    background-color: var(--mz-input-color);
    color: var(--mz-gray-800) !important;
    padding: 7px 35px 8px 10px !important;
    background-image: url(../img/select-arr.png) !important;
    background-size: 18px 12px;
}

.skin-blue.dark select {
    border: 1px solid var(--mz-dark-light) !important;
    background-color: var(--mz-dark-input-color);
    color: var(--mz-dark-input-text-color) !important;
}

.skin-blue select:focus {
    border-color: var(--mz-input-focus-color);
    background-color: var(--mz-input-focus-color) !important;
}

.skin-blue.dark select:focus {
    border-color: var(--mz-dark-light);
    background-color: var(--mz-dark-background-color) !important;
}

.skin-blue select.error {
    background: var(--mz-input-color) !important;
    border: 1px solid var(--mz-danger) !important;
}

.skin-blue select.success {
    background: var(--mz-input-color) !important;
    border: 1px solid var(--mz-success) !important;
}

.skin-blue.dark select.success {
    border: 1px solid var(--mz-dark-success) !important;
    background: var(--mz-dark-input-color) !important;
}

.skin-blue.dark select.error {
    border: 1px solid var(--mz-dark-danger) !important;
    background: var(--mz-dark-input-color) !important;
}

.skin-blue select.cke_dialog_ui_input_select {
    font-family:  Helvetica, sans-serif;
    color: var(--mz-body-color) !important;
}

.skin-blue.dark select.cke_dialog_ui_input_select {
    color: var(--mz-dark-gray-700) !important;
    line-height: initial;
}

.skin-blue table thead input:hover,
.skin-blue table thead input.active {
    background-color: var(--mz-input-focus-color);
    border-color: var(--mz-input-focus-color);
}

.skin-blue.dark table thead input:hover,
.skin-blue.dark table thead input.active {
    background-color: var(--mz-dark-background-color);
    border-color: var(--mz-dark-background-color);
}

.skin-blue s table thead input[type="text"]::-webkit-input-placeholder,
.skin-blue s table thead input[type="password"]::-webkit-input-placeholder,
.skin-blue s table thead input[type="search"]::-webkit-input-placeholder,
.skin-blue s table thead input[type="email"]::-webkit-input-placeholder,
.skin-blue s table thead input[type="number"]::-webkit-input-placeholder,
.skin-blue s table thead input[type="url"]::-webkit-input-placeholder,
.skin-blue table thead input[type="text"]:-moz-placeholder,
.skin-blue table thead input[type="password"]:-moz-placeholder,
.skin-blue table thead input[type="search"]:-moz-placeholder,
.skin-blue table thead input[type="email"]:-moz-placeholder,
.skin-blue table thead input[type="number"]:-moz-placeholder,
.skin-blue table thead input[type="url"]:-moz-placeholder,
.skin-blue table thead input[type="text"]::-moz-placeholder,
.skin-blue table thead input[type="password"]::-moz-placeholder,
.skin-blue table thead input[type="search"]::-moz-placeholder,
.skin-blue table thead input[type="email"]::-moz-placeholder,
.skin-blue table thead input[type="number"]::-moz-placeholder,
.skin-blue table thead input[type="url"]::-moz-placeholder,
.skin-blue table thead input[type="text"]:-ms-input-placeholder,
.skin-blue table thead input[type="password"]:-ms-input-placeholder,
.skin-blue table thead input[type="search"]:-ms-input-placeholder,
.skin-blue table thead input[type="email"]:-ms-input-placeholder,
.skin-blue table thead input[type="number"]:-ms-input-placeholder,
.skin-blue table thead input[type="url"]:-ms-input-placeholder {
    color: var(--mz-placeholder-color) !important;
}

.skin-blue table thead select {
    border-radius: 8px;
    background-color: var(--mz-input-color);
    color: var(--mz-dark-input-text-color);
    font-size: 15px;
    padding: 3px 35px 5px 5px !important;
}

.skin-blue.dark table thead select {
    background-color: var(--mz-dark-input-color);
    color: var(--mz-dark-input-text-color);
}

.skin-blue .pagination {
    list-style: none;
    padding: 5px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}


.skin-blue .pagination li {
    display: inline-block;
    margin: 0.25rem;
    border-color: var(--mz-input-focus-color);
    font-weight: 500;
    font-size: 1.075rem;
}

.skin-blue.dark .pagination li {
    border-color: var(--mz-dark-gray-200);
}

.skin-blue .pagination li a {
    font-family:  Helvetica, sans-serif;
    font-size: 16px;
    color: var(--mz-gray);
}

.skin-blue.dark .pagination li a {
    color: var(--mz-dark-gray-800);
    background-color: var(--mz-dark-light);
}

.skin-blue .pagination li a:hover,
.skin-blue .pagination li.last a:hover,
.skin-blue .pagination li.next a:hover,
.skin-blue .pagination li.first a:hover,
.skin-blue .pagination li.previous a:hover {
    color: var(--mz-primary);
}

.skin-blue.dark .pagination li a:hover,
.skin-blue.dark .pagination li.last a:hover,
.skin-blue.dark .pagination li.next a:hover,
.skin-blue.dark .pagination li.first a:hover,
.skin-blue.dark .pagination li.previous a:hover {
    color: var(--mz-dark-primary);
}

.skin-blue .pagination li.first a,
.skin-blue .pagination li.previous a,
.skin-blue .pagination li.next a,
.skin-blue .pagination li.last a {
    border-color: transparent;
    color: var(--mz-primary);
}

.skin-blue.dark .pagination li.first a,
.skin-blue.dark .pagination li.previous a,
.skin-blue.dark .pagination li.next a,
.skin-blue.dark .pagination li.last a {
    color: var(--mz-dark-primary);
}

.skin-blue .pagination li.selected a {
    color: var(--mz-primary);
}

.skin-blue.dark .pagination li.selected a {
    color: var(--mz-dark-primary);
}

.skin-blue .popover {
    font-family:  Helvetica, sans-serif;
    font-size: 12px;
    color: var(--mz-body-color);
    text-align: center;
    background-color: var(--mz-sidebar-color);
    border: 0 solid #ebf6f8;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.skin-blue.dark .popover {
    color: var(--mz-dark-gray-800);
    background-color: var(--mz-dark-secondary);
    border: 0 solid var(--mz-dark-secondary);
}

.skin-blue .popover .popover-title {
    color: var(--mz-input-focus-color);
    background-color: var(--mz-sidebar-color);
    margin-top: -5px;
    border-bottom-color: var(--mz-form-text-color);
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
}

.skin-blue.dark .popover .popover-title {
    color: var(--mz-dark-gray-800);
    background-color: var(--mz-dark-secondary);
    border-bottom-color: var(--mz-dark-gray-400);
}

.skin-blue .popover .popover-content {
    font-family:  Helvetica, sans-serif;
    color: #b5b5c3;
}

.skin-blue.dark .popover .popover-content {
    color: var(--mz-dark-gray-800);
}

.skin-blue .popover.top > .arrow {
    border-top-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.top > .arrow {
    border-top-color: var(--mz-dark-secondary);
}

.skin-blue .popover.top > .arrow:after {
    border-top-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.top > .arrow:after {
    border-top-color: var(--mz-dark-secondary);
}

.skin-blue .popover.right > .arrow {
    border-right-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.right > .arrow {
    border-right-color: var(--mz-dark-secondary);
}

.skin-blue .popover.right > .arrow:after {
    border-right-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.right > .arrow:after {
    border-right-color: var(--mz-dark-secondary);
}

.skin-blue .popover.bottom > .arrow {
    border-bottom-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.bottom > .arrow {
    border-bottom-color: var(--mz-dark-secondary);
}

.skin-blue .popover.bottom > .arrow:after {
    border-bottom-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.bottom > .arrow:after {
    border-bottom-color: var(--mz-dark-secondary);
}

.skin-blue .popover.left > .arrow {
    border-left-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.left > .arrow {
    border-left-color: var(--mz-dark-secondary);
}

.skin-blue .popover.left > .arrow:after {
    border-left-color: var(--mz-sidebar-color);
}

.skin-blue.dark .popover.left > .arrow:after {
    border-left-color: var(--mz-dark-secondary);
}

.skin-blue .modal-info .modal-body {
    background-color: #ffffff !important;
    color: var(--mz-gray-700) !important;
}

.skin-blue.dark .modal-info .modal-body {
    background-color: var(--mz-dark-sidebar-color) !important;
    color: var(--mz-dark-gray-800) !important;
}

.skin-blue .modal-info .modal-header,
.skin-blue .modal-info .modal-footer {
    background-color: var(--mz-primary) !important;
    border-color: var(--mz-primary) !important;
}

.skin-blue.dark .modal-info .modal-header,
.skin-blue.dark .modal-info .modal-footer {
    background-color: var(--mz-dark-primary) !important;
    border-color: var(--mz-dark-primary) !important;
}

.skin-blue #subscriber-modal-profile-info .modal-body {
    background-color: #fff !important;
    color: var(--mz-body-color) !important;
}

.skin-blue.dark #subscriber-modal-profile-info .modal-body {
    background-color: var(--mz-dark-sidebar-color) !important;
    color: var(--mz-dark-gray-700) !important;
}

.skin-blue.dark .img-thumbnail {
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue #subscriber-modal-profile-info .modal-body .img-avatar img {
    border: 1px solid var(--mz-primary);
}

.skin-blue.dark #subscriber-modal-profile-info .modal-body .img-avatar img {
    border: 1px solid var(--mz-dark-primary);
}

.skin-blue #subscriber-modal-profile-info .modal-body .name-avatar {
    border-bottom: 1px solid var(--mz-primary);
}

.skin-blue.dark #subscriber-modal-profile-info .modal-body .name-avatar {
    border-bottom: 1px solid var(--mz-dark-primary);
}

.skin-blue #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span a {
    color: var(--mz-primary);
}

.skin-blue.dark #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span a {
    color: var(--mz-dark-primary);
}

.skin-blue .nav-tabs {
    border-bottom: 1px solid var(--mz-input-focus-color) !important;
}

.skin-blue .nav-tabs > li.active > a {
    border-color: var(--mz-input-focus-color);
}

.skin-blue.dark .nav-tabs {
    border-bottom: 1px solid var(--mz-dark-table-border-color) !important;
}

.skin-blue.dark .nav-tabs > li.active > a {
    border-color: var(--mz-dark-border-color);
}

.skin-blue.dark .nav-tabs + .panel {
    background-color: var(--mz-dark-sidebar-color);
    border-color: var(--mz-dark-border-color) !important;
}

.skin-blue .nav-tabs > li > a:hover {
    color: var(--mz-primary);
}

.skin-blue.dark .nav-tabs > li > a:hover {
    color: var(--mz-dark-primary);
    border-bottom-color: var(--mz-dark-border-color) !important;
}

.skin-blue .nav-tabs > li.active:before {
    background-color: var(--mz-primary);
}

.skin-blue.dark .nav-tabs > li.active:before {
    background-color: var(--mz-dark-primary);
}

.skin-blue .callout.callout-info > a {
    color: var(--mz-white);
    font-weight: bold;
}

.skin-blue .panel-template-box .box-header h3 {
    color: var(--mz-primary);
}

.skin-blue.dark .panel-template-box .box-header h3 {
    color: var(--mz-dark-primary);
}

.skin-blue body.ctrl-campaigns_reports.act-login .content-wrapper .login-box-body .login-box-msg {
    font-family:  Helvetica, sans-serif;
    font-size: 18px;
    color: var(--mz-primary);
}

.skin-blue.dark body.ctrl-campaigns_reports.act-login .content-wrapper .login-box-body .login-box-msg {
    color: var(--mz-dark-primary);
}

.skin-blue body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body .login-box-msg {
    font-family:  Helvetica, sans-serif;
    font-size: 18px;
    color: var(--mz-primary);
}

.skin-blue.dark body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body .login-box-msg {
    color: var(--mz-dark-primary);
}

.skin-blue body.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg {
    font-family:  Helvetica, sans-serif;
    font-size: 18px;
    color: var(--mz-primary);
}

.skin-blue.dark body.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg {
    color: var(--mz-dark-primary);
}

.skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group button.btn {
    background-color: var(--mz-primary);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group button.btn {
    background-color: var(--mz-dark-primary);
}

.skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu {
    top: 0;
    left: 42px;
    bottom: auto;
    padding: 0 0;
    margin: 0 0 0 0;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    min-width: 240px;
}

.skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li {
    float: left;
    padding-right: 1px;
}

.skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary {
    background-color: var(--mz-primary);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary {
    background-color: var(--mz-dark-primary);
}

.skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary:hover {
    background-color: var(--mz-active-primary);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary:hover {
    background-color: var(--mz-dark-active-primary);
}

.skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-danger:hover {
    background-color: var(--mz-active-danger);
    color: #ffffff;
}

.skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-danger:hover {
    background-color: var(--mz-dark-active-danger);
}

.skin-blue .select-delivery-servers-list li a span {
    color: var(--mz-primary);
}

.skin-blue.dark .select-delivery-servers-list li a span {
    color: var(--mz-dark-primary);
}

.skin-blue .select-delivery-servers-list li a:first-child {
    color: var(--mz-primary);
    background-color: var(--mz-input-color);
    border-left: 2px solid var(--mz-primary);
    border-right: 2px solid var(--mz-input-color);
}

.skin-blue.dark .select-delivery-servers-list li a:first-child {
    color: var(--mz-dark-primary);
    background-color: var(--mz-dark-light-primary);
    border-left: 2px solid var(--mz-dark-light-primary);
    border-right: 2px solid var(--mz-dark-light-primary);
}

.skin-blue .select-delivery-servers-list li a:nth-child(2) {
    color: var(--mz-primary);
    background-color: var(--mz-light-primary);
    border-left: 2px solid var(--mz-light-primary);
}

.skin-blue.dark .select-delivery-servers-list li a:nth-child(2) {
    color: var(--mz-dark-primary);
    background-color: var(--mz-dark-light-primary);
    border-left: 2px solid var(--mz-dark-light-primary);
}

.skin-blue .select-delivery-servers-list li a:first-child:hover {
    background-color: var(--mz-primary);
    color: var(--mz-gray-100);
    border-right: 2px solid var(--mz-primary);
}

.skin-blue.dark .select-delivery-servers-list li a:first-child:hover {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
    border-right: 2px solid var(--mz-dark-primary);
}

.skin-blue .select-delivery-servers-list li a:nth-child(2):hover {
    background-color: var(--mz-primary);
    color: var(--mz-gray-100);
    border-left: 2px solid var(--mz-primary);
}

.skin-blue.dark .select-delivery-servers-list li a:nth-child(2):hover {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
    border-left: 2px solid var(--mz-dark-primary);
}

.skin-blue label.error {
    color: var(--mz-gray-800);
    font-style: normal;
}

.skin-blue.dark label.error {
    color: var(--mz-dark-gray-900);
}

.skin-blue label span.required {
    color: var(--mz-warning);
}

.skin-blue.dark label span.required {
    color: var(--mz-dark-danger);
}

.skin-blue input.error,
.skin-blue select.error,
.skin-blue textarea.error {
    border: 1px solid var(--mz-danger) !important;
}

.skin-blue.dark input.error,
.skin-blue.dark select.error,
.skin-blue.dark textarea.error {
    border: 1px solid var(--mz-dark-danger) !important;
}

.skin-blue .errorMessage {
    font-size: 13px;
    color: var(--mz-danger);
    margin-top: 5px;
    padding: 0;
    font-family:  Helvetica, sans-serif;
    font-style: normal;
}

.skin-blue.dark .errorMessage {
    color: var(--mz-dark-danger);
}

.skin-blue .grid-view .summary {
    color: var(--mz-gray-700);
    font-weight: 600 !important;
    font-size: 12px;
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark .grid-view .summary {
    color: var(--mz-dark-gray-700);
}

.skin-blue ul.pagination li.selected,
.skin-blue ul.pagination li.selected a {
    background: var(--mz-primary);
    border-color: var(--mz-primary);
    color: var(--mz-white);
    border-radius: 5px;
}

.skin-blue.dark ul.pagination li.selected,
.skin-blue.dark ul.pagination li.selected a {
    background: var(--mz-dark-primary);
    border-color: var(--mz-dark-primary);
    color: var(--mz-white);
}

.skin-blue .errorSummary {
    font-size: 13px;
    color: var(--mz-warning);
    margin: 0;
    padding: 0;
    font-style: italic;
    border: 1px solid var(--mz-warning);
    background: var(--mz-light-danger);
}

.skin-blue.dark .errorSummary {
    color: var(--mz-dark-gray-700);
    border: 1px solid var(--mz-dark-background-color);
    background: var(--mz-dark-background-color);
}

.skin-blue .box .box-header .btn.btn-primary {
    color: var(--mz-white);
    background-color: var(--mz-primary);
    font-size: 1.4rem;
    font-weight: 550;
    line-height: 1.5;
}

.skin-blue.dark .box .box-header .btn.btn-primary {
    color: var(--mz-dark-gray-900);
    background-color: var(--mz-dark-primary);
}

.skin-blue .box .box-header .btn.btn-primary:hover {
    color: var(--mz-white);
    background-color: var(--mz-active-primary);
}

.skin-blue.dark .box .box-header .btn.btn-primary:hover {
    background-color: var(--mz-dark-active-primary);
}

.skin-blue .user-panel > .info > p {
    margin-bottom: 0;
    color: var(--mz-white);
    font-weight: 600;
}

.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    margin: 0 0 0 10px;
    font-size: 13px;
    color: var(--mz-gray-600);
}

.skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    color: var(--mz-dark-gray-700);
}

.skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer,
.skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer,
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer {
    padding-top: 10px;
}

.skin-blue .btn-group.dropup.dropdown-button-column button.btn {
    background-color: var(--mz-primary);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column button.btn {
    background-color: var(--mz-dark-primary);
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu {
    background-color: var(--mz-dark-sidebar-color) !important;
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li {
    float: left;
    padding-left: 1px;
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn {
    border-right: 1px solid transparent;
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary {
    background-color: var(--mz-primary);
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary {
    background-color: var(--mz-dark-primary);
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger {
    background-color: var(--mz-danger);
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger {
    background-color: var(--mz-dark-danger);
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .fa,
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .glyphicon {
    color: var(--mz-white);
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary:hover {
    background-color: var(--mz-active-primary);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary:hover {
    background-color: var(--mz-dark-active-primary);
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger:hover {
    background-color: var(--mz-danger);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger:hover {
    background-color: var(--mz-dark-danger);
}

.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-success:hover {
    background-color: var(--mz-success);
    color: var(--mz-white);
}

.skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-success:hover {
    background-color: var(--mz-dark-active-success);
    color: var(--mz-white);
}

.skin-blue #campaign-quick-view-modal .modal-body {
    color: var(--mz-body-color) !important;
}

.skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span {
    background-color: var(--mz-dark-sidebar-color)
}

.skin-blue.dark #campaign-quick-view-modal .modal-body {
    background-color: var(--mz-dark-sidebar-color) !important;
}

.skin-blue #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:first-child {
    color: var(--mz-gray-600);
    font-size: 14px;
}

.skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:first-child {
    color: var(--mz-dark-gray-700);
}

.skin-blue #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:nth-child(2) {
    color: var(--mz-gray-800);
    font-size: 14px;
}

.skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:nth-child(2) {
    color: var(--mz-dark-gray-800);
    font-weight: 500 !important;
}

.skin-blue #campaign-quick-view-modal .modal-body .img-avatar img {
    border: 1px solid var(--mz-info);
}

.skin-blue.dark #campaign-quick-view-modal .modal-body .img-avatar img {
    border: 1px solid var(--mz-dark-info);
}

.skin-blue #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span a {
    color: var(--mz-info);
}

.skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span a {
    color: var(--mz-dark-info);
}

.skin-blue .modal.modal-compare .modal-dialog .modal-content {
    border-radius: 8px;
}

.skin-blue .datetimepicker table tr td.active,
.skin-blue .datetimepicker table tr td.active:hover,
.skin-blue .datetimepicker table tr td.active.disabled,
.skin-blue .datetimepicker table tr td.active.disabled:hover {
    background-color: var(--mz-primary) !important;
    background-image: -moz-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: -ms-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-primary)), to(var(--mz-primary))) !important;
    background-image: -webkit-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: -o-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
}

.skin-blue.dark .datetimepicker table tr td.active,
.skin-blue.dark .datetimepicker table tr td.active:hover,
.skin-blue.dark .datetimepicker table tr td.active.disabled,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover {
    background-color: var(--mz-dark-primary) !important;
    background-image: -moz-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: -ms-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-dark-primary)), to(var(--mz-dark-primary))) !important;
    background-image: -webkit-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: -o-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
}

.skin-blue .datetimepicker table tr td.active:hover,
.skin-blue .datetimepicker table tr td.active:hover:hover,
.skin-blue .datetimepicker table tr td.active.disabled:hover,
.skin-blue .datetimepicker table tr td.active.disabled:hover:hover,
.skin-blue .datetimepicker table tr td.active:active,
.skin-blue .datetimepicker table tr td.active:hover:active,
.skin-blue .datetimepicker table tr td.active.disabled:active,
.skin-blue .datetimepicker table tr td.active.disabled:hover:active,
.skin-blue .datetimepicker table tr td.active.active,
.skin-blue .datetimepicker table tr td.active:hover.active,
.skin-blue .datetimepicker table tr td.active.disabled.active,
.skin-blue .datetimepicker table tr td.active.disabled:hover.active,
.skin-blue .datetimepicker table tr td.active.disabled,
.skin-blue .datetimepicker table tr td.active:hover.disabled,
.skin-blue .datetimepicker table tr td.active.disabled.disabled,
.skin-blue .datetimepicker table tr td.active.disabled:hover.disabled,
.skin-blue .datetimepicker table tr td.active[disabled],
.skin-blue .datetimepicker table tr td.active:hover[disabled],
.skin-blue .datetimepicker table tr td.active.disabled[disabled],
.skin-blue .datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: var(--mz-primary) !important;
    color: var(--mz-white);
}

.skin-blue.dark .datetimepicker table tr td.active:hover,
.skin-blue.dark .datetimepicker table tr td.active:hover:hover,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover:hover,
.skin-blue.dark .datetimepicker table tr td.active:active,
.skin-blue.dark .datetimepicker table tr td.active:hover:active,
.skin-blue.dark .datetimepicker table tr td.active.disabled:active,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover:active,
.skin-blue.dark .datetimepicker table tr td.active.active,
.skin-blue.dark .datetimepicker table tr td.active:hover.active,
.skin-blue.dark .datetimepicker table tr td.active.disabled.active,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover.active,
.skin-blue.dark .datetimepicker table tr td.active.disabled,
.skin-blue.dark .datetimepicker table tr td.active:hover.disabled,
.skin-blue.dark .datetimepicker table tr td.active.disabled.disabled,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover.disabled,
.skin-blue.dark .datetimepicker table tr td.active[disabled],
.skin-blue.dark .datetimepicker table tr td.active:hover[disabled],
.skin-blue.dark .datetimepicker table tr td.active.disabled[disabled],
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: var(--mz-dark-primary) !important;
    color: var(--mz-dark-gray-900);
}

.skin-blue .datetimepicker table tr td.active:active,
.skin-blue .datetimepicker table tr td.active:hover:active,
.skin-blue .datetimepicker table tr td.active.disabled:active,
.skin-blue .datetimepicker table tr td.active.disabled:hover:active,
.skin-blue .datetimepicker table tr td.active.active,
.skin-blue .datetimepicker table tr td.active:hover.active,
.skin-blue .datetimepicker table tr td.active.disabled.active,
.skin-blue .datetimepicker table tr td.active.disabled:hover.active {
    background-color: var(--mz-primary) !important;
}

.skin-blue.dark .datetimepicker table tr td.active:active,
.skin-blue.dark .datetimepicker table tr td.active:hover:active,
.skin-blue.dark .datetimepicker table tr td.active.disabled:active,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover:active,
.skin-blue.dark .datetimepicker table tr td.active.active,
.skin-blue.dark .datetimepicker table tr td.active:hover.active,
.skin-blue.dark .datetimepicker table tr td.active.disabled.active,
.skin-blue.dark .datetimepicker table tr td.active.disabled:hover.active {
    background-color: var(--mz-dark-primary) !important;
    color: var(--mz-dark-gray-900);
}

.skin-blue .datetimepicker table tr td span.active,
.skin-blue .datetimepicker table tr td span.active:hover,
.skin-blue .datetimepicker table tr td span.active.disabled,
.skin-blue .datetimepicker table tr td span.active.disabled:hover {
    background-color: var(--mz-primary) !important;
    background-image: -moz-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: -ms-linear-gradient(top, var(--mz-primary), var(--mz-primary));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-primary)), to(var(--mz-primary))) !important;
    background-image: -webkit-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: -o-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
    background-image: linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important;
}

.skin-blue.dark .datetimepicker table tr td span.active,
.skin-blue.dark .datetimepicker table tr td span.active:hover,
.skin-blue.dark .datetimepicker table tr td span.active.disabled,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover {
    background-color: var(--mz-dark-primary) !important;
    background-image: -moz-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: -ms-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-dark-primary)), to(var(--mz-dark-primary))) !important;
    background-image: -webkit-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: -o-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
    background-image: linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important;
}

.skin-blue .datetimepicker table tr td span.active:hover,
.skin-blue .datetimepicker table tr td span.active:hover:hover,
.skin-blue .datetimepicker table tr td span.active.disabled:hover,
.skin-blue .datetimepicker table tr td span.active.disabled:hover:hover,
.skin-blue .datetimepicker table tr td span.active:active,
.skin-blue .datetimepicker table tr td span.active:hover:active,
.skin-blue .datetimepicker table tr td span.active.disabled:active,
.skin-blue .datetimepicker table tr td span.active.disabled:hover:active,
.skin-blue .datetimepicker table tr td span.active.active,
.skin-blue .datetimepicker table tr td span.active:hover.active,
.skin-blue .datetimepicker table tr td span.active.disabled.active,
.skin-blue .datetimepicker table tr td span.active.disabled:hover.active,
.skin-blue .datetimepicker table tr td span.active.disabled,
.skin-blue .datetimepicker table tr td span.active:hover.disabled,
.skin-blue .datetimepicker table tr td span.active.disabled.disabled,
.skin-blue .datetimepicker table tr td span.active.disabled:hover.disabled,
.skin-blue .datetimepicker table tr td span.active[disabled],
.skin-blue .datetimepicker table tr td span.active:hover[disabled],
.skin-blue .datetimepicker table tr td span.active.disabled[disabled],
.skin-blue .datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: var(--mz-primary) !important;
}

.skin-blue.dark .datetimepicker table tr td span.active:hover,
.skin-blue.dark .datetimepicker table tr td span.active:hover:hover,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover:hover,
.skin-blue.dark .datetimepicker table tr td span.active:active,
.skin-blue.dark .datetimepicker table tr td span.active:hover:active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover:active,
.skin-blue.dark .datetimepicker table tr td span.active.active,
.skin-blue.dark .datetimepicker table tr td span.active:hover.active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled.active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover.active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled,
.skin-blue.dark .datetimepicker table tr td span.active:hover.disabled,
.skin-blue.dark .datetimepicker table tr td span.active.disabled.disabled,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover.disabled,
.skin-blue.dark .datetimepicker table tr td span.active[disabled],
.skin-blue.dark .datetimepicker table tr td span.active:hover[disabled],
.skin-blue.dark .datetimepicker table tr td span.active.disabled[disabled],
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: var(--mz-dark-primary) !important;
}

.skin-blue .datetimepicker table tr td span.active:active,
.skin-blue .datetimepicker table tr td span.active:hover:active,
.skin-blue .datetimepicker table tr td span.active.disabled:active,
.skin-blue .datetimepicker table tr td span.active.disabled:hover:active,
.skin-blue .datetimepicker table tr td span.active.active,
.skin-blue .datetimepicker table tr td span.active:hover.active,
.skin-blue .datetimepicker table tr td span.active.disabled.active,
.skin-blue .datetimepicker table tr td span.active.disabled:hover.active {
    background-color: var(--mz-primary) !important;
}

.skin-blue.dark .datetimepicker table tr td span.active:active,
.skin-blue.dark .datetimepicker table tr td span.active:hover:active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover:active,
.skin-blue.dark .datetimepicker table tr td span.active.active,
.skin-blue.dark .datetimepicker table tr td span.active:hover.active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled.active,
.skin-blue.dark .datetimepicker table tr td span.active.disabled:hover.active {
    background-color: var(--mz-dark-primary) !important;
}

.skin-blue .table-condensed > thead > tr > th,
.skin-blue .table-condensed > tbody > tr > th,
.skin-blue .table-condensed > tfoot > tr > th,
.skin-blue .table-condensed > thead > tr > td,
.skin-blue .table-condensed > tbody > tr > td,
.skin-blue .table-condensed > tfoot > tr > td {
    color: var(--mz-gray-700);
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark .table-condensed > thead > tr > th,
.skin-blue.dark .table-condensed > tbody > tr > th,
.skin-blue.dark .table-condensed > tfoot > tr > th,
.skin-blue.dark .table-condensed > thead > tr > td,
.skin-blue.dark .table-condensed > tbody > tr > td,
.skin-blue.dark .table-condensed > tfoot > tr > td {
    color: var(--mz-dark-gray-700);
    border: 1px solid var(--mz-dark-table-border-color);
}

.skin-blue .datetimepicker table tr td.old,
.skin-blue .datetimepicker table tr td.new {
    color: #b5b5c3 !important;
}

.skin-blue.dark .datetimepicker table tr td.old,
.skin-blue.dark .datetimepicker table tr td.new {
    color: var(--mz-dark-gray-700) !important;
}

.skin-blue .datetimepicker table tr td.minute:hover {
    background: var(--mz-light-primary) !important;
    color: var(--mz-primary);
}

.skin-blue.dark .datetimepicker table tr td.minute:hover {
    background: var(--mz-dark-light-primary) !important;
    color: var(--mz-dark-primary);
}

.skin-blue .datetimepicker table tr td.hour:hover {
    background: var(--mz-light-primary) !important;
    color: var(--mz-primary);
}

.skin-blue.dark .datetimepicker table tr td.hour:hover {
    background: var(--mz-dark-light-primary) !important;
    color: var(--mz-dark-primary);
}

.skin-blue .datetimepicker table tr td.day:hover {
    background: var(--mz-light-primary) !important;
    color: var(--mz-primary);
}

.skin-blue.dark .datetimepicker table tr td.day:hover {
    background: var(--mz-dark-light-primary) !important;
    color: var(--mz-dark-primary);
}

.skin-blue .datetimepicker table tr td.disabled,
.skin-blue .datetimepicker table tr td.disabled:hover {
    background: var(--mz-light-primary) !important;
    color: var(--mz-primary) !important;
}

.skin-blue.dark .datetimepicker table tr td.disabled,
.skin-blue.dark .datetimepicker table tr td.disabled:hover {
    background: var(--mz-dark-light-primary) !important;
    color: var(--mz-dark-primary) !important;
}

.skin-blue .datetimepicker table tr td span:hover {
    background: var(--mz-light-primary) !important;
    color: var(--mz-primary);
}

.skin-blue.dark .datetimepicker table tr td span:hover {
    background: var(--mz-dark-light-primary) !important;
    color: var(--mz-dark-primary);
}

.skin-blue .datetimepicker table tr td span.disabled,
.skin-blue .datetimepicker table tr td span.disabled:hover {
    background: var(--mz-light-primary) !important;
    color: var(--mz-primary);
}

.skin-blue.dark .datetimepicker table tr td span.disabled,
.skin-blue.dark .datetimepicker table tr td span.disabled:hover {
    background: var(--mz-dark-light-primary) !important;
    color: var(--mz-dark-primary);
}

.skin-blue input[type=file] {
    padding: 7px 10px;
    border: 1px solid var(--mz-input-border-color) !important;
    background-color: var(--mz-input-color);
    height: 40px;
    color: var(--mz-gray-800);
    box-shadow: none;
}

.skin-blue.dark input[type=file] {
    border: 1px solid var(--mz-dark-border-color) !important;
    background-color: var(--mz-dark-input-color);
    color: var(--mz-dark-input-text-color);
}

.skin-blue input[type=file]:focus,
.skin-blue input[type=file]:active,
.skin-blue input[type=file].active,
.skin-blue input[type=file].focus {
    background-color: var(--mz-input-focus-color);
    border-color: var(--mz-input-focus-color);
    box-shadow: none;
    outline: none;
}

.skin-blue.dark input[type=file]:focus,
.skin-blue.dark input[type=file]:active,
.skin-blue.dark input[type=file].active,
.skin-blue.dark input[type=file].focus {
    background-color: var(--mz-dark-input-focus-color);
    border-color: var(--mz-dark-input-focus-color);
}

/* TOUR */

.skin-blue #tour .flex-control-paging li a {
    border: 1px solid var(--mz-primary);
}

.skin-blue #tour .flex-control-paging li a.flex-active {
    background-color: var(--mz-primary) !important;
}

.skin-blue #tour .flex-caption .caption-content {
    color: var(--mz-gray-800) !important;
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark #tour .flex-caption .caption-content {
    color: var(--mz-dark-gray-800) !important;
}

.skin-blue #tour .flex-caption .heading {
    color: var(--mz-gray-800) !important;
    font-family:  Helvetica, sans-serif;
}

.skin-blue.dark #tour .flex-caption .heading {
    color: var(--mz-dark-gray-900) !important;
}

.skin-blue.dark #tour .flex-caption {
    background-color: var(--mz-dark-secondary);
}

.skin-blue.dark #tour .modal-footer {
    background-color: var(--mz-dark-secondary);
}

.skin-blue.dark #tour .flex-control-paging li a.flex-active {
    background-color: var(--mz-dark-primary) !important;
}

.skin-blue.dark #tour .flex-control-paging li a {
    background-color: var(--mz-dark-light-primary) !important;
    border: 1px solid var(--mz-dark-primary);
}

.skin-blue.dark #tour .flexslider {
    background-color: var(--mz-dark-secondary);
}

/* TOUR END */

/* Frontend style css */
.skin-blue .section p a {
    color: var(--mz-primary);
}

.skin-blue.dark .section p a {
    color: var(--mz-dark-primary);
}

.skin-blue .section.section_welcome h1 span {
    font-size: 60px;
    color: #3a3a3a;
}

.skin-blue.dark .section.section_welcome h1 span {
    color: var(--mz-dark-gray-800);
}

.skin-blue .section.section_welcome .desc h2 {
    color: var(--mz-primary);
}

.skin-blue.dark .section.section_welcome .desc h2 {
    color: var(--mz-dark-primary);
}

.skin-blue .section.section_welcome .desc ul li .fa {
    color: var(--mz-primary);
}

.skin-blue.dark .section.section_welcome .desc ul li .fa {
    color: var(--mz-dark-primary);
}

.skin-blue .section.section_why h1 {
    color: var(--mz-primary);
}

.skin-blue.dark .section.section_why h1 {
    color: var(--mz-dark-primary);
}

.skin-blue .section.section_support h1 {
    color: var(--mz-primary);
}

.skin-blue.dark .section.section_support h1 {
    color: var(--mz-dark-primary);
}

.skin-blue header.navbar-default .navbar-toggle {
    margin-top: 3px;
    margin-right: -10px;
    color: var(--mz-primary);
    border-color: var(--mz-primary);
}

.skin-blue.dark header.navbar-default .navbar-toggle {
    color: var(--mz-dark-primary);
    border-color: var(--mz-dark-primary);
}

.skin-blue header.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--mz-primary);
}

.skin-blue.dark header.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--mz-dark-primary);
}

.skin-blue header.navbar-default .navbar-nav > li a:hover {
    color: var(--mz-primary);
}

.skin-blue.dark header.navbar-default .navbar-nav > li a:hover {
    color: var(--mz-dark-primary);
}

.skin-blue header.navbar-default .navbar-nav > li.active a {
    background-color: var(--mz-primary);
}

.skin-blue.dark header.navbar-default .navbar-nav > li.active a {
    background-color: var(--mz-dark-primary);
}

.skin-blue header.navbar-default .navbar-nav > li.active a:hover {
    background-color: var(--mz-primary);
}

.skin-blue.dark header.navbar-default .navbar-nav > li.active a:hover {
    background-color: var(--mz-dark-primary);
}

/* Frontend style css end*/

/* Wizard css */

.skin-blue.dark .wizard {
    background-color: var(--mz-dark-sidebar-color);
    border: 2px solid var(--mz-dark-border-color);
}

.skin-blue .wizard ul li {
    font-size: 14px !important;
    font-weight: 600 !important;
    background: var(--mz-input-color) !important;
}

.skin-blue.dark .wizard ul li {
    background: var(--mz-dark-light) !important;
}

.skin-blue .wizard ul li.complete {
    color: var(--mz-white) !important;
    background: var(--mz-primary) !important;
}

.skin-blue.dark .wizard ul li.complete a:hover {
    color: var(--mz-dark-gray-900);
}

.skin-blue.dark .wizard ul li.complete {
    color: var(--mz-dark-gray-900) !important;
    background: var(--mz-dark-primary) !important;
}

.skin-blue .wizard ul li.complete .chevron:before {
    border-left: 14px solid var(--mz-primary) !important;
}

.skin-blue.dark .wizard ul li.complete .chevron:before {
    border-left: 14px solid var(--mz-dark-primary) !important;
}

.skin-blue .wizard ul li.active .chevron:before {
    border-left: 14px solid var(--mz-white) !important;
}

.skin-blue.dark .wizard ul li.active .chevron:before {
    border-left: 14px solid var(--mz-dark-light-primary) !important;
}

.skin-blue .wizard ul li.active {
    color: var(--mz-primary) !important;
    border-left: 14px solid #ffffff;
    background-color: var(--mz-white) !important;
}

.skin-blue.dark .wizard ul li.active {
    color: var(--mz-dark-gray-800) !important;
    border-left: 14px solid var(--mz-dark-light-primary);
    background-color: var(--mz-dark-light-primary) !important;
}

.skin-blue .wizard ul li .chevron:before {
    border-left: 14px solid var(--mz-input-color) !important;
}

.skin-blue.dark .wizard ul li .chevron {
    border-left: 14px solid var(--mz-dark-gray-400);
}

.skin-blue.dark .wizard ul li .chevron:before {
    border-left: 14px solid var(--mz-dark-light) !important;
}

/* Wizard end */

/* jCRON CSS */

.skin-blue .jqcron-holder input[type=checkbox] {
    margin: 0;
}

.skin-blue .jqcron-wrapper {
    padding: 8px 10px;
    height: auto;
    font-family:  Helvetica, sans-serif;
    color: #5e6278;
    font-size: 13px;
    width: 100%;
    min-width: 50px;
    max-height: 36px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px;
    border: 1px solid var(--mz-input-border-color);
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%) !important;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%) !important;
    margin: 0 0 10px 0;
    background-color: var(--mz-input-color);
}

.skin-blue.dark .jqcron-wrapper {
    color: var(--mz-dark-input-text-color);
    border: 1px solid var(--mz-dark-light);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 0 10px 0;
    background-color: var(--mz-dark-input-color);
}

.skin-blue .jqCron-cross,
.skin-blue .jqCron-selector-title {
    padding: 0.1em 0.5em;
    background-color: #e4e6ef;
    border-color: #e4e6ef;
    color: #5e6278;
    font-size: 14px;
}

.skin-blue.dark .jqCron-cross,
.skin-blue.dark .jqCron-selector-title {
    background-color: var(--mz-dark-light);
    border-color: var(--mz-dark-light);
    color: var(--mz-dark-input-text-color);
}

.skin-blue .jqCron-selector-list {
    border: 0;
    -webkit-box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    border-radius: 0.475rem;
    padding: 1rem 0;
    background-color: var(--mz-white);
}

.skin-blue.dark .jqCron-selector-list {
    background-color: var(--mz-dark-sidebar-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue .jqCron-selector-list li {
    padding: 6px;
    color: #5e6278;
}

.skin-blue.dark .jqCron-selector-list li {
    color: var(--mz-dark-input-text-color);
}

.skin-blue .jqCron-selector-list li.selected,
.skin-blue .jqCron-selector-list li.selected:hover {
    background: var(--mz-primary);
    color: var(--mz-dark-gray-900);
}

.skin-blue.dark .jqCron-selector-list li.selected {
    background: var(--mz-dark-primary);
    color: var(--mz--dark-white);
}

.skin-blue.dark .jqCron-selector-list li.selected:hover {
    background: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue .jqCron-selector-list li:hover {
    background: var(--mz-white);
    color: var(--mz-primary);
}

.skin-blue.dark .jqCron-selector-list li:hover {
    background: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

/* jCRON CSS END */

/* Customer style */

.skin-blue .impersonate-sticky-info {
    font-weight: 500;
    background-color: var(--mz-primary);
    padding: 5px 5px;
    border: 0;
    border-radius: 8px;
}

.skin-blue.dark .impersonate-sticky-info {
    background-color: var(--mz-dark-primary);
}

.skin-blue .impersonate-sticky-info hr {
    color: #e3e6ef;
    background: #e3e6ef;
}

.skin-blue.dark .impersonate-sticky-info hr {
    color: var(--mz-dark-table-border-color);
    background: var(--mz-dark-table-border-color);
}

.skin-blue .impersonate-sticky-info a,
.skin-blue .impersonate-sticky-info a:hover {
    color: var(--mz-white);
    font-weight: bold;
}

.skin-blue .panel-delivery-servers-pool .form-group .item,
.skin-blue .panel-campaign-attachments .form-group .item {
    border-left: 5px solid #009ef7;
}

.skin-blue.dark .panel-delivery-servers-pool .form-group .item,
.skin-blue.dark .panel-campaign-attachments .form-group .item {
    border-left: 5px solid var(--mz-dark-primary);
}

/* Customer style end */

.skin-blue .btn-template-click-actions-list-fields > span,
.skin-blue .btn-template-click-actions > span,
.skin-blue .btn-toggle-random-content > span {
    color: var(--mz-white) !important;
}

/* SEARCH */
.skin-blue.dark .modal.modal-search .modal-dialog .modal-content {
    background-color: var(--mz-dark-sidebar-color);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="text"],
.skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="search"],
.skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="password"],
.skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="email"],
.skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="tel"],
.skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="number"],
.skin-blue.dark .modal.modal-search .search-wrapper .search-input input .form-control {
    color: var(--mz-dark-input-text-color);
    border: 1px solid var(--mz-dark-input-color) !important;
    background-color: var(--mz-dark-input-focus-color) !important;
    box-shadow: none;
}

.skin-blue.dark .modal.modal-search {
    background: rgba(0, 0, 0, 0.3) !important;
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input-results {
    border-top: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input-results ul li a {
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input-results ul li {
    padding-top: 8px;
    padding-bottom: 8px;
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input-results ul li {
    border-top: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input:before {
    font-size: 21px;
    left: 1%;
    color: var(--mz-dark-input-text-color);
}

.skin-blue.dark .modal.modal-search .search-wrapper .search-input i {
    color: var(--mz-dark-input-text-color);
}

/* SEARCH END */

/* START PAGE */

.skin-blue.dark #start-page .start-page-wrapper {
    border: 1px solid var(--mz-dark-sidebar-color);
}

/* START PAGE END */

/* FROM GROUP ADD ON */

.skin-blue.dark .input-group .input-group-addon {
    background-color: var(--mz-dark-input-color);
}

/* FROM GROUP ADD ON END */


/* EDITOR */


/*.skin-blue.dark .cke_chrome {*/
/*  border: 1px solid var(--mz-dark-border-color);*/
/*}*/

/*.skin-blue.dark .cke_inner {*/
/*  background: var(--mz-dark-sidebar-color);*/
/*}*/

/*.skin-blue.dark .cke_inner > span {*/
/*  color: var(--mz-dark-gray-400);*/
/*}*/

/*.skin-blue.dark .cke_top {*/
/*  background: var(--mz-dark-sidebar-color);*/
/*  border-bottom: 1px solid var(--mz-dark-border-color);*/
/*}*/

/*.skin-blue.dark .cke_wysiwyg_frame, .cke_wysiwyg_div {*/
/*  background: var(--mz-dark-gray-600)!important;*/
/*  color: var(--mz-dark-gray-700)!important;*/
/*}*/

/*.skin-blue.dark .cke_editable {*/
/*  color: var(--mz-dark-gray-700)!important;*/
/*}*/

/*.skin-blue.dark a.cke_button {*/
/*  color: var(--mz-dark-gray-400)!important;*/
/*}*/

/*.skin-blue.dark .cke_bottom {*/
/*  background: var(--mz-dark-gray-600);*/
/*}*/

/*.skin-blue.dark #builder_CampaignTemplate_content {*/
/*  background-color: var(--mz-dark-sidebar-color) !important;*/
/*  border-color: var(--mz-dark-border-color) !important;*/
/*}*/

/*.skin-blue.dark .splitter-layout>.layout-splitter {*/
/*  background-color: var(--mz-dark-border-color) !important;*/
/*}*/

/*.skin-blue.dark .splitter-layout .layout-splitter:hover {*/
/*  background-color: var(--mz-dark-border-color) !important;*/
/*}*/

/*.skin-blue.dark .splitter-layout.layout-changing >.layout-splitter {*/
/*  background-color: var(--mz-dark-border-color) !important;*/
/*}*/

/*.skin-blue.dark .etb .edit-panel {*/
/*  background-color: var(--mz-dark-sidebar-color);*/
/*}*/

/*.skin-blue.dark .etb .tabs-panel li.active {*/
/*  background-color: var(--mz-dark-primary);*/
/*  color: var(--mz--dark-white);*/
/*  border-color: var(--mz-dark-primary);*/
/*}*/

/*.skin-blue.dark .etb .tabs-panel li {*/
/*  background-color: var(--mz-dark-light-primary);*/
/*  color: var(--mz-dark-primary);*/
/*  border: 2px solid var(--mz-dark-light-primary);*/
/*}*/

/*.skin-blue.dark .cke_editable {*/
/*  background-color: var(--mz-dark-sidebar-color) !important;*/
/*  color: var(--mz-dark-gray-800) !important;*/
/*}*/

/*.skin-blue.dark .etb .actionButtons {*/
/*  background-color: var(--mz-dark-sidebar-color);*/
/*  border-top: 1px solid var(--mz-dark-border-color);*/
/*}*/

/*.skin-blue.dark .etb .button {*/
/*  background-color: var(--mz-dark-secondary);*/
/*}*/

/*.skin-blue.dark > body {*/
/*  background-color: var(--mz-dark-sidebar-color) !important;*/
/*  color: var(--mz-dark-gray-800) !important;*/
/*}*/

/*.skin-blue.dark .darkbg {*/
/*  background-color: var(--mz-dark-primary) !important;*/
/*  color: var(--mz-dark-gray-700);*/
/*}*/

.skin-blue.dark #builder_CampaignTemplate_content {
    border: 1px solid var(--mz-dark-border-color) !important;
}

.skin-blue.dark .etb .template-item {
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .etb,
.skin-blue.dark .etb .edit-panel {
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .etb .edit-panel h4 {
    color: var(--mz-dark-gray-800) !important;
}

.skin-blue.dark .etb .edit-panel-wrapper hr {
    color: var(--mz-dark-border-color) !important;
    background-color: var(--mz-dark-border-color) !important;
    border-bottom: 1px solid var(--mz-dark-border-color) !important;
}

.skin-blue.dark .etb .remove-social-item {
    top: 0;
    background: rgba(var(--mz-dark-danger-rgb), 1);
    padding: 5px;
    border-radius: 5px;
}

.skin-blue.dark .etb .column-templ {
    background-color: var(--mz-dark-secondary);
}

.skin-blue.dark .etb .left-column-templ,
.skin-blue.dark .etb .right-column-templ {
    background-color: var(--mz-dark-background-color);
}

.skin-blue.dark .etb .tabs-panel li.active {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
    border-color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .tabs-panel li {
    background-color: var(--mz-dark-light-primary);
    border: 2px solid var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

/*.skin-blue.dark .splitter-layout.layout-changing>.layout-splitter {*/
/*    background-color: var(--mz-dark-secondary);*/
/*}*/

.skin-blue.dark .splitter-layout > .layout-splitter {
    background-color: var(--mz-dark-border-color) !important;
}

.skin-blue.dark .splitter-layout .layout-splitter:hover {
    background-color: var(--mz-dark-border-color) !important;
}

.skin-blue.dark .etb .columns-container .label-style,
.skin-blue.dark .ReactFontPicker_LabelFloat {
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark .ReactFontPicker_Wrapper {
    border-bottom: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .ReactFontPicker_Options {
    background-color: var(--mz-dark-secondary);
    color: var(--mz-dark-gray-800);
    box-shadow: none;
}

.skin-blue.dark .ReactFontPicker_Wrapper .ripple:hover {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .checkbox-wrapper,
.skin-blue.dark .etb .actionButtons {
    border-top: 1px solid var(--mz-dark-border-color);
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .etb .button {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
    border-color: var(--mz-dark-light-primary);
}

.skin-blue.dark .etb .button:hover {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
    border-color: var(--mz-dark-primary);
}

.skin-blue.dark .ReactFontPicker_SelectedOption {
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .Select--single > .Select-control .Select-value, .Select-placeholder {
    background-color: var(--mz-dark-input-color);
    border-color: var(--mz-dark-border-color);
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .rc-color-picker-trigger {
    border: 1px solid var(--mz-dark-border-color);
    box-shadow: inset 0 0 0 2px var(--mz-dark-border-color);
}

.skin-blue.dark .etb .bold-style,
.skin-blue.dark .etb .i-style,
.skin-blue.dark .etb .center-align,
.skin-blue.dark .etb .left-align,
.skin-blue.dark .etb .justify-align,
.skin-blue.dark .etb .right-align {
    border: 2px solid var(--mz-dark-border-color);
    background-color: var(--mz-dark-secondary);
}


.skin-blue.dark .etb .i-style.active,
.skin-blue.dark .etb .center-align.active,
.skin-blue.dark .etb .justify-align.active,
.skin-blue.dark .etb .left-align.active,
.skin-blue.dark .etb .right-align.active {
    background-color: var(--mz-dark-gray-500);
    border: 2px solid var(--mz-dark-gray-500);
}

.skin-blue.dark .etb .bold-style.active {
    background-color: var(--mz-dark-gray-500);
    border: 2px solid var(--mz-dark-gray-500);
}

.skin-blue.dark .etb .Select-control {
    background-color: var(--mz-dark-border-color);
    border-color: var(--mz-dark-border-color);
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .etb .browse-body a {
    color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .advanced-but-opt a {
    color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .advanced-but-opt a:before {
    color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .advanced-but-opt.close a:before {
    color: var(--mz-dark-primary);
    padding-right: 17px;
}

.skin-blue.dark .etb .remove-color-button {
    color: var(--mz-dark-danger);
}

.skin-blue.dark .etb .button-border-container input[type="number"].border-size-input,
.skin-blue.dark .etb .border-radius-container input[type="number"].border-size-input {
    margin: 8px 10px 0 5px !important;
}

.skin-blue.dark .etb .text-style-header {
    background: var(--mz-dark-secondary);
    border-top: 1px solid var(--mz-dark-border-color);
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .cke_dialog_body {
    background-color: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .cke_dialog_title {
    color: var(--mz-dark-gray-800);
    border-bottom: 1px solid var(--mz-dark-border-color);
    background: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .cke_dialog_contents_body {
    background: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark a.cke_dialog_ui_button {
    background-color: var(--mz-dark-secondary);
    border: 1px solid var(--mz-dark-secondary);
}

.skin-blue.dark a.cke_dialog_tab {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark a.cke_dialog_tab_selected {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
    border: 1px solid var(--mz-dark-primary);
}

.skin-blue.dark .cke_dialog_contents {
    border-top: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .cke_dialog .ImagePreviewBox {
    background: var(--mz-dark-input-color);
    border: 1px ridge var(--mz-dark-border-color);
}

.skin-blue.dark .cke_dialog .ImagePreviewBox table td {
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark .cke_dialog_tabs {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .cke_dialog fieldset {
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .cke_dialog fieldset legend {
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark .cke_top {
    border-bottom: 1px solid var(--mz-dark-border-color);
    background: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .cke_inner {
    background: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .cke_chrome {
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .cke_bottom {
    border-top: 1px solid var(--mz-dark-border-color);
    background: var(--mz-dark-sidebar-color);
}

.skin-blue.dark a.cke_button:hover {
    background-color: var(--mz-dark-background-color);
    color: var(--mz--dark-white);
    border-color: var(--mz-dark-background-color);
}

.skin-blue.dark a.cke_button_on {
    background-color: var(--mz-dark-background-color);
    border: 1px var(--mz-dark-background-color);
}

.skin-blue.dark a.cke_combo_button:hover {
    background-color: var(--mz-dark-background-color);
    color: var(--mz--dark-white);
    border-color: var(--mz-dark-background-color);
}

.skin-blue.dark .cke_dialog_footer {
    border-top: 1px solid var(--mz-dark-border-color);
    background: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .etb .browse-body p {
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .etb .button-border-container input[type="number"].border-size-input,
.skin-blue.dark .etb .border-radius-container input[type="number"].border-size-input {
    border: 1px solid var(--mz-dark-light) !important;
}

.skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label,
.skin-blue.dark .has-value.Select--single > .Select-control .Select-value .Select-value-label {
    color: var(--mz-dark-input-text-color) !important;
}

.skin-blue.dark .etb .content-to-share-selector .Select-value-label, .etb .image-caption-selector .Select-value-label {
    color: var(--mz-dark-input-text-color) !important;
}

.skin-blue.dark .etb .divider-editor .label-style {
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .etb .add-image-button {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .add-image-button.active,
.skin-blue.dark .etb .add-image-button:hover {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
}

.skin-blue.dark #builder_CustomerEmailTemplate_content {
    border: 1px solid var(--mz-dark-border-color) !important;
}

.skin-blue.dark .etb .social-horisontal-layout,
.skin-blue.dark .etb .social-vertical-layout {
    border: 3px solid var(--mz-dark-light-primary);
    background-color: var(--mz-dark-primary);
}

.skin-blue.dark .etb .icon-style-block:hover {
    outline: 3px solid var(--mz-dark-border-color);
}

.skin-blue.dark .etb .icon-style-outline-block-light {
    background-color: var(--mz-dark-secondary) !important;
}

.skin-blue.dark .cm-s-rubyblue .CodeMirror-activeline-background {
    background: rgba(var(--mz-dark-secondary-rgb), 1);
}

.skin-blue.dark .cm-s-rubyblue .CodeMirror-gutters {
    background: rgba(var(--mz-dark-secondary-rgb), 1);
    border-right: 7px solid var(--mz-dark-background-color);
}

.skin-blue.dark .cm-s-rubyblue .CodeMirror-guttermarker-subtle,
.skin-blue.dark .cm-s-rubyblue .CodeMirror-linenumber {
    color: var(--mz-dark-gray-700);
}

/* EDITOR END */

/* DATETIME PICKER */

.skin-blue.dark .ui-datepicker .ui-datepicker-header {
    background-color: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-gray-800);
}

.skin-blue .ui-datepicker .ui-datepicker-header {
    background-color: var(--mz-white);
    color: var(--mz-gray-800);
}

.skin-blue.dark .ui-datepicker .ui-datepicker-prev,
.skin-blue.dark .ui-datepicker .ui-datepicker-prev,
.skin-blue.dark .ui-datepicker .ui-datepicker-next {
    background-color: var(--mz-dark-primary);
}

.skin-blue .ui-datepicker .ui-datepicker-prev,
.skin-blue .ui-datepicker .ui-datepicker-prev,
.skin-blue .ui-datepicker .ui-datepicker-next {
    background-color: var(--mz-input-focus-color);
}

.skin-blue.dark .ui-datepicker {
    background-color: var(--mz-dark-sidebar-color) !important;
}

.skin-blue .ui-datepicker {
    background-color: var(--mz-white) !important;
}

.skin-blue .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    max-width: 300px;
}

.skin-blue .ui-menu-item {
    padding: 4px 2px;
    list-style: none;
    font-size: 14px;
    color: var(--mz-gray-700);
}

.skin-blue.dark .ui-menu-item {
    color: var(--mz-dark-gray-700);
}

/* Autocomplete select */
.skin-blue.dark .ui-state-hover,
.skin-blue.dark .ui-state-focus,
.skin-blue.dark .ui-state-active {
    color: var(--mz-dark-primary);
    background-color: var(--mz-dark-light-primary);
    border: 1px solid var(--mz-dark-light-primary);
}

.skin-blue .ui-state-hover,
.skin-blue .ui-state-focus,
.skin-blue .ui-state-active {
    color: var(--mz-white);
    background-color: var(--mz-primary);
    border: 1px solid var(--mz-primary);
}

/* Autocomplete select END */

.skin-blue .ui-menu-item {
    padding: 2px;
    list-style: none;
    font-size: 14px;
}

.skin-blue li.ui-menu-item {
    padding: 5px;
    list-style: none;
    left: 0;
}

.skin-blue .ui-widget-content {
    border: 1px solid var(--mz-border-color) !important;
    background: var(--mz-white);
}

.skin-blue.dark .ui-widget-content {
    color: var(--mz-dark-gray-800);
    border: 1px solid var(--mz-dark-secondary) !important;
    background: var(--mz-dark-sidebar-color);
}

.skin-blue.dark .wijmo-wijmenu .ui-state-default,
.skin-blue.dark .ui-widget-content .ui-state-default,
.skin-blue.dark .ui-widget-header .ui-state-default {
    font-size: 14px;
    color: var(--mz-dark-gray-700) !important;
    border: 1px solid transparent;
}

.skin-blue .wijmo-wijmenu .ui-state-default,
.skin-blue .ui-widget-content .ui-state-default,
.skin-blue .ui-widget-header .ui-state-default {
    font-size: 14px;
    color: var(--mz-gray-700) !important;
}

.skin-blue.dark .ui-datepicker td .ui-state-default:hover,
.skin-blue.dark .ui-datepicker td .ui-state-highlight {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary) !important;
    font-size: 14px;
}

.skin-blue .ui-datepicker td .ui-state-default:hover,
.skin-blue .ui-datepicker td .ui-state-highlight {
    background-color: var(--mz-light-primary);
    color: var(--mz-primary) !important;
}

.skin-blue.dark .ui-datepicker td .ui-state-active {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900) !important;
}

.skin-blue .ui-datepicker td .ui-state-active {
    background-color: var(--mz-primary);
    color: var(--mz-white) !important;
}

.skin-blue.dark [class*=" datetimepicker-dropdown"]:after {
    border-bottom: 7px solid var(--mz-dark-border-color);
}

.skin-blue .datetimepicker .table-condensed > thead > tr > th,
.skin-blue .datetimepicker .table-condensed > tbody > tr > th,
.skin-blue .datetimepicker .table-condensed > tfoot > tr > th,
.skin-blue .datetimepicker .table-condensed > thead > tr > td,
.skin-blue .datetimepicker .table-condensed > tbody > tr > td,
.skin-blue .datetimepicker .table-condensed > tfoot > tr > td,
.skin-blue.dark .datetimepicker .table-condensed > thead > tr > th,
.skin-blue.dark .datetimepicker .table-condensed > tbody > tr > th,
.skin-blue.dark .datetimepicker .table-condensed > tfoot > tr > th,
.skin-blue.dark .datetimepicker .table-condensed > thead > tr > td,
.skin-blue.dark .datetimepicker .table-condensed > tbody > tr > td,
.skin-blue.dark .datetimepicker .table-condensed > tfoot > tr > td {
    border: none;
}

.skin-blue.dark .datetimepicker .datetimepicker-hours fieldset legend,
.skin-blue.dark .datetimepicker .datetimepicker-minutes fieldset legend {
    color: var(--mz-dark-gray-700);
    border-bottom: 1px solid var(--mz-dark-border-color);
}

.skin-blue .datetimepicker .datetimepicker-hours fieldset legend,
.skin-blue .datetimepicker .datetimepicker-minutes fieldset legend {
    color: var(--mz-gray-700);
    border-bottom: 1px solid var(--mz-white);
}

.skin-blue .ui-tooltip {
    color: var(--mz-gray-900);
}

.skin-blue.dark .ui-tooltip {
    color: var(--mz-dark-gray-900);
}


/*.skin-blue .ui-datepicker table span {*/
/*    color: var(--mz-gray-700);*/
/*}*/

/* DATETIME PICKER END*/

/* LOADER */

.skin-blue.dark .ph-item {
    background-color: var(--mz-dark-light);
    border: 1px solid var(--mz-dark-light);
}

.skin-blue.dark .ph-item:before {
    background: linear-gradient(90deg, var(--mz-dark-secondary) 46%, var(--mz-dark-gray-400) 50%, var(--mz-dark-secondary) 54%) 50% 50%;
}

.skin-blue.dark .ph-row div {
    background-color: var(--mz-dark-background-color);
}

.skin-blue.dark .ph-row .empty {
    background-color: hsla(0, 0%, 100%, 0)
}

.skin-blue.dark .ph-avatar {
    background-color: var(--mz-dark-light);
}

.skin-blue.dark .ph-picture {
    background-color: var(--mz-dark-background-color);
}

/* LOADER END */

/* FLOT CHART */
.skin-blue.dark .flot-tick-label.tickLabel {
    color: var(--mz-dark-gray-700);
}

.skin-blue.dark .legendLabel {
    background-color: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-gray-800);
}

.skin-blue.dark .legendColorBox {
    background-color: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-gray-800);
}

/* FLOT CHART END */

/* PRICE PLAN PAYMENT */

.skin-blue.dark .price-plan-payment {
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .page-header {
    border-bottom: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .row.invoice-info {
    color: var(--mz-dark-gray-700);
}

.skin-blue .well {
    background-color: var(--mz-background-color);
    border: 1px solid var(--mz-border-color);
}

.skin-blue.dark .well {
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.skin-blue.dark #stripe-form:hover {
    background: var(--mz-dark-secondary);
}

.skin-blue.dark #stripe-form #card-errors {
    color: red;
}

/* PRICE PLAN PAYMENT END */

/* TABLE LOADING GIF */

.skin-blue.dark .empty-options-header.loading {
    background: none;
}

/* LOADING GIF END */

/* LISTS FIELDS BUTTONS */

.skin-blue.dark .list-fields-buttons .btn-primary {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .list-fields-buttons .btn-primary:hover {
    background-color: var(--mz-dark-primary);
    color: var(--mz--dark-white);
}

/* LISTS FIELDS BUTTONS END */

/**
 * React Select
*/

.skin-blue.dark .Select.is-disabled > .Select-control {
    background-color: var(--mz-dark-secondary);
}

.skin-blue.dark .Select-control {
    background-color: var(--mz-dark-sidebar-color);
    border-color: var(--mz-dark-secondary);
    border: 1px solid var(--mz-dark-secondary);
    color: var(--mz-dark-input-text-color);
}

.skin-blue.dark .is-open > .Select-control {
    background: var(--mz-dark-sidebar-color);
    border-color: var(--mz-dark-secondary);
}

.skin-blue.dark .is-open > .Select-control .Select-arrow {
    border-color: transparent transparent var(--mz-dark-input-text-color);
}

.skin-blue.dark .is-focused:not(.is-open) > .Select-control {
    border-color: var(--mz-dark-light-primary);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px var(--mz-dark-light-primary);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px var(--mz-dark-light-primary);
}

.skin-blue.dark .Select-placeholder,
.skin-blue.dark .Select--single > .Select-control .Select-value {
    color: var(--mz-dark-placeholder-color);
}

.skin-blue.dark .has-value.Select--single > .Select-control .Select-value .Select-value-label,
.skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: var(--mz-dark-input-text-color);
}

.skin-blue.dark .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.skin-blue.dark .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    color: var(--mz-dark-primary);
}

.skin-blue.dark .Select-loading {
    border: 2px solid var(--mz-dark-border-color);
    border-right-color: var(--mz-dark-border-color);
}

.skin-blue.dark .Select-clear-zone {
    color: var(--mz-dark-input-text-color);
}

.skin-blue.dark .Select-clear-zone:hover {
    color: var(--mz-dark-danger);
}

.skin-blue.dark .Select-arrow {
    border-color: var(--mz-dark-input-text-color) transparent transparent;
}

.skin-blue.dark .is-open .Select-arrow,
.skin-blue.dark .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: var(--mz-dark-border-color);
}

.skin-blue.dark .Select-menu-outer {
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-border-color);
    border-top-color: var(--mz-dark-border-color);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.skin-blue.dark .Select-option {
    background-color: var(--mz-dark-sidebar-color);
    color: var(--mz-dark-input-text-color);
}

.skin-blue.dark .Select-option.is-selected {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .Select-option.is-selected:hover {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .Select-option.is-focused {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .Select-option.is-disabled {
    color: var(--mz-dark-secondary);
}

.skin-blue.dark .Select-noresults {
    color: var(--mz-dark-secondary);
}

.skin-blue.dark .Select--multi .Select-value {
    background-color: var(--mz-dark-sidebar-color);
    border: 1px solid var(--mz-dark-border-color);
    color: var(--mz-dark-primary);
}

.skin-blue.dark .Select--multi a.Select-value-label {
    color: var(--mz-dark-primary);
}

.skin-blue.dark .Select--multi .Select-value-icon {
    border-right: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .Select--multi .Select-value-icon:hover,
.skin-blue.dark .Select--multi .Select-value-icon:focus {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
}

.skin-blue.dark .Select--multi .Select-value-icon:active {
    background-color: var(--mz-dark-input-focus-color);
}

.skin-blue.dark .Select--multi.is-disabled .Select-value {
    background-color: var(--mz-dark-secondary);
    border: 1px solid var(--mz-dark-border-color);
    color: var(--mz-dark-input-text-color);
}

.skin-blue.dark .Select--multi.is-disabled .Select-value-icon {
    border-right: 1px solid var(--mz-dark-border-color);
}

.skin-blue.dark .Select--multi.is-disabled .Select-value-icon:hover,
.skin-blue.dark .Select--multi.is-disabled .Select-value-icon:focus,
.skin-blue.dark .Select--multi.is-disabled .Select-value-icon:active {
    background-color: var(--mz-dark-primary);
    color: var(--mz-dark-gray-900);
}

/**
 * React Select END
*/

/* Bootstrap */
.skin-blue.dark .help-block {
    color: var(--mz-dark-gray-700);
}

.skin-blue pre {
    background-color: var(--mz-background-color);
    border: 1px solid var(--mz-border-color);
    color: var(--mz-gray-700);
}

.skin-blue code {
    background-color: var(--mz-light-danger);
    color: var(--mz-danger);
}

.skin-blue .bg-teal {
    background-color: var(--mz-teal) !important;
}

.skin-blue .bg-teal h3,
.skin-blue .bg-teal p {
    color: var(--mz-white);
}

/* Bootstrap END */
.skin-blue.app-frontend {
    background: var(--mz-white);
}

.app-frontend.skin-blue .content-wrapper, .app-frontend.skin-blue .right-side {
    background: var(--mz-white);
}

/* Landing pages */

.skin-blue.dark .landing-page-table-row-header {
    color: var(--mz-dark-gray-900);
}

.skin-blue .landing-page-table-body-cell {
    border: 1px solid var(--mz-border-color);
}

.skin-blue.dark .landing-page-table-body-cell {
    border: 1px solid var(--mz-dark-table-border-color);
    color: var(--mz-dark-gray-800)
}

.skin-blue .add-page-variant {
    border: 1px dashed var(--mz-primary);
}

.skin-blue.dark .add-page-variant {
    border: 1px dashed var(--mz-dark-primary);
}

.skin-blue .add-page-variant a:hover {
    color: var(--mz-white);
}

.skin-blue .add-page-variant:hover {
    background: var(--mz-light-primary);
}

.skin-blue.dark .add-page-variant:hover {
    background: var(--mz-dark-light-primary);
}

.skin-blue .inactive-page-variant {
    color: var(--mz-gray-500);
}

.skin-blue.dark .inactive-page-variant {
    color: var(--mz-dark-gray-600);
}

/* BADGE */
.skin-blue .badge {
    background: var(--mz-white);
}

.skin-blue.dark .badge {
    background: var(--mz-dark-gray-100);
}

.skin-blue .badge-light-success {
    color: var(--mz-success);
    background-color: var(--mz-light-success);
}

.skin-blue.dark .badge-light-success {
    color: var(--mz-dark-success);
    background-color: var(--mz-dark-light-success);
}

.skin-blue .badge-light-danger {
    color: var(--mz-danger);
    background-color: var(--mz-light-danger);
}

.skin-blue.dark .badge-light-danger {
    color: var(--mz-dark-danger);
    background-color: var(--mz-dark-light-danger);
}

.skin-blue .badge-light-primary {
    color: var(--mz-primary);
    background-color: var(--mz-light-primary);
}

.skin-blue.dark .badge-light-primary {
    color: var(--mz-dark-primary);
    background-color: var(--mz-dark-light-primary);
}

.skin-blue .badge-light-dark {
    color: var(--mz-gray-900);
    background-color: var(--mz-gray-200);
}

.skin-blue.dark .badge-light-dark {
    color: var(--mz-dark-gray-700);
    background-color: var(--mz-dark-secondary);
}

/* BADGE END */

/* BANNER */

.skin-blue .unpublished-banner {
    border-left: 3px solid var(--mz-primary);
}

.skin-blue.dark .unpublished-banner {
    border-left: 3px solid var(--mz-dark-primary);
}

.skin-blue .unpublished-banner-primary {
    background-color: var(--mz-light-primary);
    color: var(--mz-primary);
}

.skin-blue.dark .unpublished-banner-primary {
    background-color: var(--mz-dark-light-primary);
    color: var(--mz-dark-primary);
}

.skin-blue .unpublished-banner-success {
    background-color: var(--mz-success);
}

.skin-blue.dark .unpublished-banner-success {
    background-color: var(--mz-dark-success);
}

.skin-blue .unpublished-banner span {
    color: var(--mz-primary);
}

.skin-blue.dark .unpublished-banner span {
    color: var(--mz-dark-primary);
}

/* BANNER END*/

/* Landing page checkbox */

.skin-blue .checkbox-group-legend {
    color: var(--mz-text-gray);
}

.skin-blue .checkbox-input:checked + .checkbox-tile {
    border-color: var(--mz-primary);
    color: var(--mz-primary);
}

.skin-blue.dark .checkbox-input:checked + .checkbox-tile {
    border-color: var(--mz-dark-primary);
    color: var(--mz-dark-primary);
}

.skin-blue .checkbox-input:checked + .checkbox-tile:before {
    background-color: var(--mz-primary);
    border-color: var(--mz-primary);
}

.skin-blue.dark .checkbox-input:checked + .checkbox-tile:before {
    background-color: var(--mz-dark-primary);
    border-color: var(--mz-dark-primary);
}

.skin-blue .checkbox-input:checked + .checkbox-tile .checkbox-icon,
.skin-blue .checkbox-input:checked + .checkbox-tile .checkbox-label {
    color: var(--mz-gray-700);
}

.skin-blue.dark .checkbox-input:checked + .checkbox-tile .checkbox-icon,
.skin-blue.dark .checkbox-input:checked + .checkbox-tile .checkbox-label {
    color: var(--mz-dark-gray-800);
}

.skin-blue .checkbox-input:focus + .checkbox-tile {
    border-color: var(--mz-primary);
}

.skin-blue.dark .checkbox-input:focus + .checkbox-tile {
    border-color: var(--mz-dark-primary);
}

.skin-blue .checkbox-tile {
    border: 2px solid var(--mz-border-color);
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.skin-blue.dark .checkbox-tile {
    border: 2px solid var(--mz-dark-border-color);
    background-color: var(--mz-dark-secondary);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.skin-blue .checkbox-tile:before {
    border: 2px solid var(--mz-gray-400);
    background-color: var(--mz-white);
}

.skin-blue.dark .checkbox-tile:before {
    border: 2px solid var(--mz-dark-gray-500);
    background-color: var(--mz-dark-secondary);
}

.skin-blue .checkbox-tile:hover {
    border-color: var(--mz-primary);
}

.skin-blue.dark .checkbox-tile:hover {
    border-color: var(--mz-dark-primary);
}

.skin-blue .checkbox-icon {
    color: var(--mz-text-gray);
}

.skin-blue .checkbox-label {
    color: var(--mz-gray-600);
}

.skin-blue.dark .checkbox-label {
    color: var(--mz-dark-gray-700);
}

/* Landing page checkbox END */

/* ---------Hover Overlay text Effect--------- */

.skin-blue .overlay-item {
    border: 1px solid var(--mz-gray-200);
    border-radius: 3px;
}

.skin-blue.dark .overlay-item {
    border: 1px solid var(--mz-dark-border-color);
}

.skin-blue .overlay-item h3 {
    background-color: var(--mz-gray-800);
    color: var(--mz-white);
}

.skin-blue .overlay-item:hover {
    border: 1px solid var(--mz-active-primary);
}
.skin-blue.dark .overlay-item:hover {
    border: 1px solid var(--mz-dark-active-primary);
}

.skin-blue .overlay-item:focus,
.skin-blue .overlay-item:active {
    border: 1px solid var(--mz-active-primary);
}

.skin-blue.dark .overlay-item:focus,
.skin-blue.dark .overlay-item:active {
    border: 1px solid var(--mz-dark-active-primary);
}

.skin-blue .hover-mask:hover,
.skin-blue .hover-mask:focus,
.skin-blue .hover-mask:active {
    color: var(--mz-primary);
}

.skin-blue.dark .hover-mask:hover,
.skin-blue.dark .hover-mask:focus,
.skin-blue.dark .hover-mask:active {
    color: var(--mz-dark-primary);
}

.skin-blue .hover-mask:hover h5 {
    color: var(--mz-primary);
}

.skin-blue.dark .hover-mask:hover h5 {
    color: var(--mz-dark-primary);
}

.skin-blue .hover-mask.active > h5 {
    background: var(--mz-primary);
    color: var(--mz-white);
}
.skin-blue.dark .hover-mask.active > h5 {
    background: var(--mz-dark-primary);
    color: var(--mz-white);
}

.skin-blue .hover-mask.active >.overlay-item {
    border: 1px solid var(--mz-primary);
}
.skin-blue.dark .hover-mask.active >.overlay-item {
    border: 1px solid var(--mz-dark-primary);
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.skin-blue .tree-nav-item {
    background: var(--mz-white);
}
.skin-blue.dark .tree-nav-item {
    background: var(--mz-dark-sidebar-color);
}

.skin-blue .tree-nav-item .landing-page-table-body-cell {
    border-bottom: 1px solid var(--mz-gray-200);
    color: var(--mz-gray-600);
}

.skin-blue.dark .tree-nav-item .landing-page-table-body-cell {
    border-bottom: 1px solid var(--mz-dark-gray-200);
    color: var(--mz-dark-gray-600);
}

.skin-blue .tree-nav-item.is-expandable::before {
    border-left: 1px solid var(--mz-gray-200);
}

.skin-blue.dark .tree-nav-item.is-expandable::before {
    border-left: 1px solid var(--mz-dark-gray-200);
}

.skin-blue .tree-nav-item.is-expandable > .tree-nav-item-title {
    background: var(--mz-white);
}
.skin-blue.dark .tree-nav-item.is-expandable > .tree-nav-item-title {
    background: var(--mz-dark-sidebar-color);
}

.skin-blue .tree-nav-item.is-expandable > .tree-nav-item-title::before {
    color: var(--mz-gray-500);
}

.skin-blue.dark .tree-nav-item.is-expandable > .tree-nav-item-title::before {
    color: var(--mz-dark-gray-500);
}

.skin-blue .tree-nav-item-title {
    color: var(--mz-gray-900);
}

.skin-blue.dark .tree-nav-item-title {
    color: var(--mz-dark-gray-800);
}

.skin-blue .tree-nav-item-title .icon {
    color: var(--mz-gray-700);
}

.skin-blue .inactive-section {
    background: var(--mz-gray-800);
}
.skin-blue.dark .inactive-section {
    background: var(--mz-dark-gray-800);
}

.skin-blue .lp-table {
    background: var(--mz-border-color);
    border: 1px solid var(--mz-border-color);
}

.skin-blue.dark .lp-table {
    background: var(--mz-dark-table-border-color);
    border: 1px solid var(--mz-dark-table-border-color);
}

.skin-blue .lp-table-header {
    color: var(--mz-gray-700);
}

.skin-blue.dark .lp-table-header {
    color: var(--mz-dark-gray-700);
}

.skin-blue .lp-table-borders {
    background: var(--mz-border-color);
}
.skin-blue.dark .lp-table-borders {
    background: var(--mz-dark-sidebar-color);
}

.skin-blue .lp-table-row {
    color: var(--mz-gray-600);
}
.skin-blue.dark .lp-table-row {
    color: var(--mz-dark-gray-600);
}

.skin-blue .table_emphasis {
    color: var(--mz-gray-900);
}
.skin-blue.dark .table_emphasis {
    color: var(--mz-dark-gray-900);
}

.skin-blue .table-cell {
    background: var(--mz-white);
}
.skin-blue.dark .table-cell {
    background: var(--mz-dark-sidebar-color);
}

.skin-blue .lp-table-borders {
    background: var(--mz-border-color);
}
.skin-blue.dark .lp-table-borders {
    background: var(--mz-dark-table-border-color);
}

.skin-blue .variant-name {
    color: var(--mz-gray-800);
}

.skin-blue.dark .variant-name {
    color: var(--mz-dark-gray-800);
}

.skin-blue .inactive-section .variant-name {
    color: var(--mz-gray-600);
}
.skin-blue.dark .inactive-section .variant-name {
    color: var(--mz-dark-gray-600);
}

.skin-blue .variant-name-edit-icon {
    padding-left: 8px;
    line-height: 0;
    position: absolute;
}

.skin-blue .variant-name-editable-name .variant-name-edit-icon {
    opacity: 0;
    transition: 200ms ease-in-out;
}

.skin-blue .icon-icon {
    display: inline-block;
    line-height: 0;
}

.skin-blue .table-numerical-cell {
    color: var(--mz-gray-800);
}

.skin-blue.dark .table-numerical-cell {
    color: var(--mz-dark-gray-800);
}

.skin-blue .table-numerical-cell > span {
    color: var(--mz-gray-800);
}

.skin-blue.dark .table-numerical-cell > span {
    color: var(--mz-dark-gray-800);
}

/* LINKS BODY */
.skin-blue .input-group-addon.permalink {
    background-color: var(--mz-primary)!important;
    border: 1px solid var(--mz-primary);
    color: var(--mz-white) !important;
}

.skin-blue .input-group-addon.bg-success {
    background-color: var(--mz-success)!important;
    border: 1px solid var(--mz-success);
    color: var(--mz-white) !important;
}

.skin-blue.dark .input-group-addon.permalink {
    background-color: var(--mz-dark-primary)!important;
    border: 1px solid var(--mz-dark-primary);
    color: var(--mz-white) !important;
}

.skin-blue .first-addon {
    background-color: var(--mz-secondary)!important;
    border: 1px solid var(--mz-secondary);
}
.skin-blue.dark .first-addon {
    background-color: var(--mz-dark-secondary)!important;
    border: 1px solid var(--mz-dark-secondary);
}

/* Header box */
.skin-blue .numbers {
    border: 1px dashed var(--mz-dashed-border-color);
}

.skin-blue.dark .numbers {
    border: 1px dashed var(--mz-dark-border-color);
}

.skin-blue .p-gray {
    color: var(--mz-gray-600) !important;
}
.skin-blue.dark .p-gray {
    color: var(--mz-dark-gray-600) !important;
}

.skin-blue .text-center h4 {
    color: var(--mz-primary) !important;
}
.skin-blue.dark .text-center h4 {
    color: var(--mz-dark-primary) !important;
}

.skin-blue .svg-icon-dot {
    fill: var(--mz-gray-700);
}

.skin-blue.dark .svg-icon-dot {
    fill: var(--mz-dark-gray-700);
}

.skin-blue .landing-page-templates-container .box-header .box-title {
    color: var(--mz-gray-700);
}

.skin-blue.dark .landing-page-templates-container .box-header .box-title {
    color: var(--mz-dark-gray-700);
}


/**/

.skin-blue .panel-delivery-servers-pool .item {
    border-left: 5px solid var(--mz-primary);
    background: var(--mz-white);
}

.skin-blue.dark .panel-delivery-servers-pool .item {
    border-left: 5px solid var(--mz-dark-primary);
    background: var(--mz-dark-sidebar-color);
}

.skin-blue .panel-delivery-servers-pool .item span {
    color: var(--mz-gray-800);
}

.skin-blue.dark .panel-delivery-servers-pool .item span {
    color: var(--mz-dark-gray-800);
}


.skin-blue .panel-delivery-servers-pool .item input[type=checkbox] {
    margin-left: 5px;
}

.skin-blue .esdev-popup-container span {
    color: var(--mz-gray-900);
}
/* ===========================================================================
   ContactoFrecuente — rediseño de interfaz            (bloque añadido 27-oct)
   ---------------------------------------------------------------------------
   Va al final de skin-blue.css a proposito: es la ultima hoja que carga
   MailWizz, asi que desde aqui se gana la cascada sin ensuciar con
   !important. Los 103 tokens --mz-* de arriba son la API de temas real de
   MailWizz: redefinirlos propaga el cambio a toda la app de una sola vez.
   El foco es el AREA DE CLIENTE, que es la que se usa a diario.
   Respaldo del archivo original: /root/backups/skin-blue.css.original
   =========================================================================== */

/* ============================== 1. tokens ================================= */

:root {
  /* Un azul que dirige. El de fabrica (#009ef7) es cian de plantilla. */
  --mz-primary:            #2563eb;
  --mz-primary-rgb:        37, 99, 235;
  --mz-primary-text-color: #1d4ed8;
  --mz-active-primary:     #1d4ed8;
  --mz-light-primary:      #eff4ff;
  --mz-info:               #2563eb;
  --mz-info-rgb:           37, 99, 235;

  /* OJO: --mz-sidebar-color NO es solo el fondo de la barra. MailWizz lo usa
     en 17 sitios, entre ellos `.skin-blue h3 { color: ... }` y los popovers.
     Ponerlo en blanco volvia INVISIBLE todo titulo h3 (texto blanco sobre
     fondo blanco). Se deja el valor de fabrica y la barra se aclara abajo con
     reglas explicitas. */
  --mz-sidebar-color:      #181c32;
  --mz-sidebar-font-color: #4b5563;

  --mz-background-color:   #f7f8fa;
  --mz-body-bg:            #ffffff;
  --mz-body-color:         #4b5563;
  --mz-border-color:       #e5e7eb;
  --mz-dashed-border-color:#e5e7eb;

  --mz-dark:      #111827;
  --mz-text-gray: #6b7280;

  --mz-gray-100: #f7f8fa;  --mz-gray-200: #f0f2f5;
  --mz-gray-300: #e5e7eb;  --mz-gray-400: #d5d9e0;
  --mz-gray-500: #9aa1ac;  --mz-gray-600: #6b7280;
  --mz-gray-700: #4b5563;  --mz-gray-800: #1f2937;
  --mz-gray-900: #111827;

  --mz-success: #059669;  --mz-success-rgb: 5, 150, 105;
  --mz-light-success: #ecfdf5;
  --mz-danger: #b42318;   --mz-danger-rgb: 180, 35, 24;
  --mz-active-danger: #912018;  --mz-light-danger: #fef3f2;
  --mz-warning: #b54708;

  --mz-input-color:        #ffffff;
  --mz-input-focus-color:  #ffffff;
  --mz-input-border-color: #d5d9e0;
  --mz-placeholder-color:  #9aa1ac;

  --cf-r: 12px;  --cf-r-s: 8px;
  --cf-sombra:   0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
  --cf-sombra-2: 0 4px 12px -2px rgba(16,24,40,.09), 0 2px 6px -2px rgba(16,24,40,.05);
  --cf-ten:   #eff4ff;
  --cf-linea: #e5e7eb;  --cf-linea-2: #f0f2f5;
  --cf-txt:   #111827;  --cf-txt-2: #4b5563;  --cf-txt-3: #6b7280;
}

/* ============================ 2. tipografia =============================== */

body, .skin-blue, .wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--cf-txt);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, .skin-blue h3 { letter-spacing: -0.012em; }
table, .small-box h3, .info-box-number { font-variant-numeric: tabular-nums; }

/* Superficies que pinta el navegador y no pertenecen a ningun diseño. */
::selection { background: var(--cf-ten); color: var(--cf-txt); }
input, textarea, select { caret-color: var(--mz-primary); }
* { scrollbar-width: thin; scrollbar-color: #c8ccd4 transparent; }
*::-webkit-scrollbar { width: 11px; height: 11px; }
*::-webkit-scrollbar-thumb { background: #c8ccd4; border-radius: 7px; border: 3px solid var(--mz-background-color); }
*::-webkit-scrollbar-track { background: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, .btn:focus-visible {
  outline: 2px solid var(--mz-primary); outline-offset: 2px; box-shadow: none;
}

/* =========================== 3. barra lateral ============================= */

.skin-blue .main-sidebar, .skin-blue .left-side {
  background-color: #fff;
  border-right: 1px solid var(--cf-linea);
  box-shadow: none;
}
.skin-blue .sidebar { background-color: #fff; padding-bottom: 32px; }
.skin-blue .sidebar-menu { padding: 12px 10px 0; }

.skin-blue .sidebar-menu > li > a {
  display: flex; align-items: center; gap: 11px;
  margin: 2px 0; padding: 10px 12px;
  border-radius: var(--cf-r-s); border-left: 0;
  font-size: 14px; font-weight: 500;
  color: var(--cf-txt-2); background: transparent;
  transition: background .12s ease, color .12s ease;
}
.skin-blue .sidebar-menu > li > a:hover,
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li > a:hover > span {
  background: var(--cf-linea-2); color: var(--cf-txt);
}
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  background: var(--cf-ten); color: var(--mz-primary-text-color);
  font-weight: 600; border-left: 0;
}
.skin-blue .sidebar-menu > li > a > .fa,
.skin-blue .sidebar-menu > li > a > .glyphicon,
.skin-blue .sidebar-menu > li > a > i {
  width: 18px; flex: none; font-size: 15px; text-align: center;
  color: var(--cf-txt-3);
}
.skin-blue .sidebar-menu > li.active > a > .fa,
.skin-blue .sidebar-menu > li.active > a > i { color: var(--mz-primary); }
.skin-blue .sidebar-menu li > a > .pull-right-container { right: 12px; }
.skin-blue .sidebar-menu li > a > .pull-right-container > .fa-angle-left,
.skin-blue .sidebar-menu li > a > .fa-angle-left { font-size: 13px; color: var(--cf-txt-3); }

.skin-blue .sidebar-menu .treeview-menu {
  background: transparent; margin: 2px 0 6px 20px;
  padding-left: 22px; border-left: 1px solid var(--cf-linea);
}
.skin-blue .sidebar-menu .treeview-menu > li > a {
  padding: 7px 10px; border-radius: 6px; font-size: 13.5px; color: var(--cf-txt-3);
}
.skin-blue .sidebar-menu .treeview-menu > li > a:hover { background: var(--cf-linea-2); color: var(--cf-txt); }
.skin-blue .sidebar-menu .treeview-menu > li.active > a {
  background: transparent; color: var(--mz-primary-text-color); font-weight: 600;
}
.skin-blue .treeview-menu > li > a > .fa-circle,
.skin-blue .treeview-menu > li > a > .fa-circle-o { display: none; }

.skin-blue .user-panel { padding: 16px 18px 12px; border-bottom: 1px solid var(--cf-linea-2); }
/* La imagen de perfil es contenido: se deja. */
.skin-blue .user-panel > .info {
  padding: 0; font-size: 13px; font-weight: 600;
  color: var(--cf-txt-2); line-height: 1.4;
}


/* =========================== 4. cabecera ================================== */

.skin-blue .main-header .navbar {
  background-color: #fff; border-bottom: 1px solid var(--cf-linea);
  box-shadow: none; min-height: 58px;
}
.skin-blue .main-header .logo {
  background-color: #fff;
  border-bottom: 1px solid var(--cf-linea);
  border-right: 1px solid var(--cf-linea);
  height: 58px; line-height: 58px;
  font-weight: 700; font-size: 16px; letter-spacing: -0.02em;
  color: var(--cf-txt);
}
.skin-blue .main-header .logo:hover { background-color: #fff; }
.skin-blue .main-header .navbar .nav > li > a { color: var(--cf-txt-2); padding: 18px 14px; }
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav .open > a { background: var(--cf-linea-2); color: var(--cf-txt); }
.skin-blue .main-header .navbar .sidebar-toggle { color: var(--cf-txt-2); }
.skin-blue .main-header .navbar .sidebar-toggle:hover { background: var(--cf-linea-2); color: var(--cf-txt); }
.content-wrapper, .right-side { background-color: var(--mz-background-color); }

/* ===================== 5. titulo de pagina y migas ======================== */

.content-header { padding: 26px 28px 0; background: transparent; }
.content-header > h1 { font-size: 24px; font-weight: 680; margin: 0; line-height: 1.25; }
.content-header > h1 > small {
  display: block; font-size: 13.5px; font-weight: 400;
  color: var(--cf-txt-3); margin-top: 6px;
}
.content-header > .breadcrumb {
  position: static; float: none; background: transparent;
  padding: 0 0 10px; margin: 0; font-size: 12px;
}
.content-header > .breadcrumb > li > a { color: var(--cf-txt-3); }
.content-header > .breadcrumb > li.active { color: var(--cf-txt-2); }
.content-header > .breadcrumb > li + li:before { color: #c8ccd4; }
.content { padding: 20px 28px 44px; }

/* ============================= 6. tarjetas ================================ */

.box {
  background: #fff;
  border: 1px solid var(--cf-linea);
  border-top-color: var(--cf-linea);
  border-radius: var(--cf-r);
  box-shadow: var(--cf-sombra);
  margin-bottom: 22px;
}
/* La franja de color arriba de cada caja es la firma de AdminLTE. Se prefija
   con .skin-blue para empatarle especificidad a las reglas de mas arriba. */
.skin-blue .box.box-primary, .skin-blue .box.box-info,
.skin-blue .box.box-success, .skin-blue .box.box-warning,
.skin-blue .box.box-danger, .skin-blue .box.box-default,
.skin-blue .box.borderless,
.skin-blue .box.box-solid.box-primary, .skin-blue .box.box-solid.box-info,
.skin-blue .box.box-solid.box-success, .skin-blue .box.box-solid.box-warning,
.skin-blue .box.box-solid.box-danger {
  border-top: 1px solid var(--cf-linea);
  border-radius: var(--cf-r);
}

/* NO poner display:flex aqui: dentro de un contenedor flex los .pull-right
   de Bootstrap dejan de flotar y los botones se van al centro. */
.box-header {
  padding: 16px 22px;
  border-bottom: 1px solid var(--cf-linea-2);
  min-height: 0;
  overflow: hidden;          /* contiene los floats */
}
.box-header > .box-title {
  display: inline-block;
  font-size: 15.5px; font-weight: 620; margin: 0; line-height: 1.9;
  color: var(--cf-txt);      /* skin-blue lo pinta BLANCO: invisible sin esto */
}
.box-header > .box-title a { color: var(--cf-txt); }
.box-header > .box-title > .glyphicon,
.box-header > .box-title > .fa { color: var(--cf-txt-3); margin-right: 7px; }
.box-header > .box-tools .btn { margin-left: 4px; }
.box-body { padding: 22px; }
.box-footer {
  padding: 15px 22px; background: #fff;
  border-top: 1px solid var(--cf-linea-2);
  border-radius: 0 0 var(--cf-r) var(--cf-r);
}


/* ============== 7. PANEL DEL CLIENTE: desarmar cajas anidadas ============= */

/* El panel envuelve las 4 cifras en OTRA caja: marco dentro de marco, y el
   titulo repetido. Se le quita el chrome al contenedor y las cifras quedan
   como tarjetas de verdad, que es lo que se espera de un panel moderno. */
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.small-box) {
  background: transparent; border: 0; box-shadow: none; margin-bottom: 4px;
}
/* No se oculta: baja a etiqueta de seccion, asi no se duplica el peso del
   titulo de la pagina pero el texto sigue ahi. */
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.small-box) > .box-header {
  padding: 0 0 12px; border-bottom: 0;
}
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.small-box) > .box-header > .box-title {
  font-size: 12px; font-weight: 650; text-transform: uppercase;
  letter-spacing: .6px; color: var(--cf-txt-3);
}
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.small-box) > .box-body { padding: 0; }
/* Las 4 cifras vienen en col-lg-3 dentro de una fila: se les da aire propio. */
.app-customer.ctrl-dashboard .small-box { margin-bottom: 18px; }



/* Las cifras: tarjetas reales, numero grande, etiqueta tranquila. */
.small-box, .info-box {
  background: #fff;
  border: 1px solid var(--cf-linea);
  border-radius: var(--cf-r);
  box-shadow: var(--cf-sombra);
  color: var(--cf-txt);
  min-height: 0;
  transition: box-shadow .14s ease, border-color .14s ease;
}
.small-box:hover, .info-box:hover { box-shadow: var(--cf-sombra-2); border-color: #d7dbe2; }
.small-box > .inner { padding: 20px 22px; }
.small-box h3 {
  font-size: 32px; font-weight: 700; letter-spacing: -0.028em;
  color: var(--cf-txt); margin: 0 0 4px; line-height: 1.1;
}
.small-box p { font-size: 13.5px; color: var(--cf-txt-3); margin: 0; font-weight: 500; }
/* El icono y el pie "Mas info" se quedan: el pie es un enlace, no adorno. */
.small-box > .small-box-footer {
  background: transparent; color: var(--mz-primary-text-color);
  font-size: 12.5px; font-weight: 550; padding: 10px 22px 14px;
}
.small-box > .small-box-footer:hover { background: var(--cf-ten); color: var(--mz-primary-text-color); }
.info-box { padding: 20px 22px; }
.info-box-content { margin-left: 0; padding: 0; }
.info-box-number { font-size: 29px; font-weight: 700; letter-spacing: -0.028em; color: var(--cf-txt); }
.info-box-text { font-size: 13.5px; color: var(--cf-txt-3); text-transform: none; font-weight: 500; }

/* ============================== 8. botones ================================ */

.btn, .btn-flat {
  border-radius: var(--cf-r-s); padding: 9px 16px;
  font-size: 13.5px; font-weight: 550; line-height: 1.45;
  min-height: 38px; border: 1px solid transparent; box-shadow: none;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.btn:active, .btn.active, .btn:active:focus { box-shadow: none; }

.btn-primary, .btn-primary.btn-flat {
  background: var(--mz-primary); border-color: var(--mz-primary); color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.btn-flat:hover {
  background: var(--mz-active-primary); border-color: var(--mz-active-primary); color: #fff;
}
/* Casi todo en MailWizz es btn-primary: decenas de botones azules compiten.
   Los de tablas y barras bajan a secundario para que el azul vuelva a
   significar "la accion principal de esta pantalla". */
.box-header .btn-primary, .box-tools .btn-primary,
.table .btn-primary, .grid-view .btn-primary {
  background: #fff; border-color: var(--cf-linea); color: var(--cf-txt-2);
}
.box-header .btn-primary:hover, .box-tools .btn-primary:hover,
.table .btn-primary:hover, .grid-view .btn-primary:hover {
  background: var(--cf-linea-2); border-color: #d7dbe2; color: var(--cf-txt);
}
.btn-default, .btn-default.btn-flat { background: #fff; border-color: var(--cf-linea); color: var(--cf-txt-2); }
.btn-default:hover { background: var(--cf-linea-2); color: var(--cf-txt); }
.btn-danger, .btn-danger.btn-flat { background: #fff; border-color: #f3c0ba; color: var(--mz-danger); }
.btn-danger:hover { background: var(--mz-light-danger); border-color: #e9a9a1; color: var(--mz-danger); }
.btn-success, .btn-success.btn-flat { background: var(--mz-success); border-color: var(--mz-success); color: #fff; }
.btn-success:hover { background: #047857; border-color: #047857; color: #fff; }
.btn-group > .btn { min-height: 36px; padding: 7px 13px; }
.btn-xs, .btn-sm { min-height: 32px; padding: 6px 12px; font-size: 12.5px; }

/* ============================== 9. tablas ================================= */

.table > thead > tr > th {
  background: #fff; border-bottom: 1px solid var(--cf-linea);
  padding: 10px 12px; font-size: 12px; font-weight: 650;
  color: var(--cf-txt-3); white-space: nowrap;
}
/* Las rejillas de datos de MailWizz llegan a 21 columnas y ya se desbordan
   solas: aqui el espaciado se aprieta en vez de ensanchar, y los encabezados
   NO van en mayusculas porque cada una suma ancho. */
.grid-view .table > thead > tr > th,
.table.table-condensed > thead > tr > th {
  padding: 9px 9px; font-size: 11.5px; letter-spacing: 0;
}
.grid-view .table > tbody > tr > td,
.table.table-condensed > tbody > tr > td { padding: 9px 9px; }
.table > thead > tr > th a, .table > thead > tr > th .sort-link { color: inherit; }
.table > tbody > tr > td {
  padding: 11px 12px; border-top: 1px solid var(--cf-linea-2);
  vertical-align: middle; color: var(--cf-txt-2);
}
.table > tbody > tr > td a { color: var(--cf-txt); font-weight: 550; }
.table > tbody > tr > td a:hover { color: var(--mz-primary-text-color); }
.table-hover > tbody > tr:hover { background: #fafbfc; }
.table-striped > tbody > tr:nth-of-type(odd) { background: transparent; }
.box-body > .table, .box-body > .table-responsive > .table { margin-bottom: 0; }
.table-responsive { border: 0; }

.label, .badge {
  display: inline-block; padding: 4px 10px; border-radius: 6px;
  font-size: 11.5px; font-weight: 600; letter-spacing: .2px; text-shadow: none;
}
.label-success, .badge-success { background: var(--mz-light-success); color: var(--mz-success); }
.label-danger, .badge-danger   { background: var(--mz-light-danger); color: var(--mz-danger); }
.label-warning, .badge-warning { background: #fffaeb; color: var(--mz-warning); }
.label-info, .label-primary, .badge { background: var(--cf-ten); color: var(--mz-primary-text-color); }
.label-default { background: var(--cf-linea-2); color: var(--cf-txt-2); }

/* ============================ 10. formularios ============================= */

.form-group { margin-bottom: 20px; }
.form-group > label, label.control-label {
  font-size: 13px; font-weight: 600; color: var(--cf-txt-2); margin-bottom: 7px;
}
.form-control {
  height: 42px; padding: 10px 14px; font-size: 14px; color: var(--cf-txt);
  background-color: #fff; border: 1px solid var(--mz-input-border-color);
  border-radius: var(--cf-r-s); box-shadow: none;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.form-control:focus {
  background-color: #fff; border-color: var(--mz-primary);
  box-shadow: 0 0 0 3px var(--cf-ten); outline: 0;
}
.form-control::placeholder { color: var(--mz-placeholder-color); }
textarea.form-control { height: auto; min-height: 120px; line-height: 1.65; }
select.form-control { padding-right: 32px; }
.input-group-addon {
  background: var(--cf-linea-2); border-color: var(--mz-input-border-color);
  border-radius: var(--cf-r-s); color: var(--cf-txt-3); font-size: 13px;
}
.help-block { font-size: 12.5px; color: var(--cf-txt-3); margin-top: 6px; }
.has-error .form-control { border-color: #e9a9a1; }
.has-error .form-control:focus { box-shadow: 0 0 0 3px var(--mz-light-danger); }
.has-error .help-block, .has-error label, .has-error .control-label { color: var(--mz-danger); }

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
  height: 42px; border: 1px solid var(--mz-input-border-color); border-radius: var(--cf-r-s);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px; color: var(--cf-txt); padding-left: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }
.select2-dropdown { border-color: var(--cf-linea); border-radius: var(--cf-r-s); box-shadow: var(--cf-sombra-2); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--mz-primary); }

/* ============================== 11. avisos ================================ */

.alert {
  border: 1px solid transparent; border-radius: var(--cf-r-s);
  padding: 14px 17px; font-size: 13.5px; box-shadow: none;
}
.alert-success { background: var(--mz-light-success); border-color: #a7e8cd; color: var(--mz-success); }
.alert-danger, .alert-error { background: var(--mz-light-danger); border-color: #f3c0ba; color: var(--mz-danger); }
.alert-warning { background: #fffaeb; border-color: #f5d79a; color: var(--mz-warning); }
.alert-info { background: var(--cf-ten); border-color: #c7d8fe; color: var(--mz-primary-text-color); }
.callout { border-radius: var(--cf-r-s); box-shadow: none; }

/* ==================== 12. pestañas, paginado, modales ===================== */

.nav-tabs { border-bottom: 1px solid var(--cf-linea); }
.nav-tabs > li > a {
  border: 0; border-bottom: 2px solid transparent; border-radius: 0;
  padding: 11px 15px; margin: 0 2px -1px 0;
  font-size: 13.5px; font-weight: 550; color: var(--cf-txt-3);
}
.nav-tabs > li > a:hover { background: transparent; color: var(--cf-txt); border-bottom-color: var(--cf-linea); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: 0; border-bottom: 2px solid var(--mz-primary); background: transparent;
  color: var(--mz-primary-text-color); font-weight: 650;
}
.nav-tabs-custom { box-shadow: var(--cf-sombra); border-radius: var(--cf-r); }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--mz-primary); }

.pagination > li > a, .pagination > li > span {
  border-color: var(--cf-linea); color: var(--cf-txt-2); padding: 8px 14px; font-size: 13px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: var(--cf-r-s) 0 0 var(--cf-r-s); }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0 var(--cf-r-s) var(--cf-r-s) 0; }
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover {
  background: var(--mz-primary); border-color: var(--mz-primary); color: #fff;
}
.pagination > li > a:hover { background: var(--cf-linea-2); }

.modal-content { border: 0; border-radius: 14px; box-shadow: 0 16px 48px rgba(16,24,40,.18); }
.modal-header { padding: 20px 24px; border-bottom: 1px solid var(--cf-linea-2); }
.modal-header .modal-title { font-size: 16.5px; font-weight: 650; }
.modal-body { padding: 24px; }
.modal-footer { padding: 15px 24px; border-top: 1px solid var(--cf-linea-2); }
.modal-backdrop.in { opacity: .45; }

.dropdown-menu {
  border: 1px solid var(--cf-linea); border-radius: var(--cf-r-s);
  box-shadow: var(--cf-sombra-2); padding: 6px;
}
.dropdown-menu > li > a { border-radius: 6px; padding: 9px 13px; font-size: 13.5px; color: var(--cf-txt-2); }
.dropdown-menu > li > a:hover { background: var(--cf-linea-2); color: var(--cf-txt); }

/* ========================= 13. pagina de ingreso ========================== */

.login-page, .register-page { background: var(--mz-background-color); }
.login-box, .register-box { margin-top: 7vh; }
.login-box-body, .register-box-body {
  border: 1px solid var(--cf-linea); border-radius: 14px;
  box-shadow: var(--cf-sombra-2); padding: 32px 30px;
}
.login-box-msg { font-size: 15.5px; font-weight: 620; color: var(--cf-txt); padding: 0 0 22px; }
.login-logo, .register-logo { font-weight: 700; letter-spacing: -0.02em; }
.login-logo a, .register-logo a { color: var(--cf-txt); }

/* ============================ 14. respuesta =============================== */

@media (max-width: 991px) {
  .content-header { padding: 20px 16px 0; }
  .content-header > h1 { font-size: 21px; }
  .content { padding: 16px 16px 36px; }
  .box-header, .box-body { padding: 16px; }
  .skin-blue .main-header .logo { border-right: 0; }
  .small-box h3 { font-size: 27px; }
}

@media (prefers-color-scheme: dark) { :root { color-scheme: light; } }
@media (prefers-reduced-motion: reduce) { * { transition-duration: .01ms; animation-duration: .01ms; } }

/* ================= 15. barra de herramientas de las rejillas ==============
   La cabecera de las rejillas apila 7 botones que suman ~1.036px y compiten
   todos por atencion. Se compactan y se aquietan: la jerarquia la marca el
   boton primario de la pantalla, no el tamaño de cada uno. */

.box-header .pull-right .btn,
.box-header .btn-group .btn,
.box-tools .btn {
  min-height: 34px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 500;
}
.box-header .pull-right {
  float: right; display: flex; flex-wrap: wrap; gap: 7px;
  align-items: center; justify-content: flex-end;
}
.box-header .pull-right > .btn-group { margin: 0; }
.box-header .pull-right form { margin: 0; }

/* ======================= 16. la tabla sigue a la derecha ==================
   Las rejillas de MailWizz llegan a 21 columnas y desbordan su contenedor.
   No se ocultan columnas por CSS: MailWizz ya trae "Mostrar/ocultar columnas"
   y esa eleccion es del usuario. Lo que faltaba era la señal de que hay mas
   contenido: una sombra en el borde derecho que desaparece al llegar al final. */

.table-responsive {
  border: 0;
  background:
    linear-gradient(to right, #fff 30%, rgba(255,255,255,0)),
    linear-gradient(to right, rgba(255,255,255,0), #fff 70%) 100% 0,
    radial-gradient(farthest-side at 0 50%, rgba(16,24,40,.14), rgba(16,24,40,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(16,24,40,.14), rgba(16,24,40,0)) 100% 0;
  background-repeat: no-repeat;
  background-size: 42px 100%, 42px 100%, 13px 100%, 13px 100%;
  background-attachment: local, local, scroll, scroll;
}

/* ============================ 17. detalles finales ======================= */

/* La casilla de seleccionar fila no necesita ancho de columna de datos. */
.table > thead > tr > th.checkbox-column,
.table > tbody > tr > td.checkbox-column { width: 34px; padding-left: 14px; padding-right: 4px; }

/* Los iconos de accion por fila: area de toque decente y color tranquilo. */
.table > tbody > tr > td .btn-group > .btn { min-height: 30px; padding: 5px 9px; }

/* El panel de usuario de la barra lateral, con su imagen de vuelta. */
.skin-blue .user-panel { display: flex; align-items: center; gap: 11px; }
.skin-blue .user-panel > .image { float: none; padding: 0; }
.skin-blue .user-panel > .image > img { width: 36px; height: 36px; }
.skin-blue .user-panel > .info { float: none; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }

/* Enlaces: subrayado con aire, no pegado al texto. */
a { text-underline-offset: 2px; }

/* ===================== 18. popovers coherentes =============================
   Los popovers de fabrica usaban --mz-sidebar-color como fondo oscuro. Ahora
   que ese token volvio a su valor original siguen oscuros; se pasan a claro
   para que no sean la unica superficie negra de la interfaz. */
.skin-blue .popover {
  background-color: #fff; color: var(--cf-txt);
  border: 1px solid var(--cf-linea); border-radius: 10px;
  box-shadow: var(--cf-sombra-2);
}
.skin-blue .popover .popover-title {
  background-color: #fff; color: var(--cf-txt);
  border-bottom: 1px solid var(--cf-linea-2);
  font-weight: 620; font-size: 14px; border-radius: 10px 10px 0 0;
}
.skin-blue .popover .popover-content { color: var(--cf-txt-2); }
.skin-blue .popover.top > .arrow { border-top-color: var(--cf-linea); }
.skin-blue .popover.top > .arrow:after { border-top-color: #fff; }
.skin-blue .popover.right > .arrow { border-right-color: var(--cf-linea); }
.skin-blue .popover.right > .arrow:after { border-right-color: #fff; }
.skin-blue .popover.bottom > .arrow { border-bottom-color: var(--cf-linea); }
.skin-blue .popover.bottom > .arrow:after { border-bottom-color: #fff; }
.skin-blue .popover.left > .arrow { border-left-color: var(--cf-linea); }
.skin-blue .popover.left > .arrow:after { border-left-color: #fff; }

/* La estrella de "pagina favorita" venia en #cdcdde sobre #f7f8fa: 1.48:1,
   invisible. La pinta `#favorite-page .favorite-page-gray`, un selector CON ID
   en una hoja que carga despues: hay que igualar el ID y sumar el elemento
   para ganarle (1,1,1 vs 1,1,0). */
#favorite-page span.favorite-page-gray { color: #8b92a0; }
#favorite-page span.favorite-page-gray:hover { color: var(--mz-primary); }

/* =============== 19. icono de las tarjetas de cifra =======================
   MailWizz lo dibuja a 36px en un cian casi blanco (#ebf6f8) porque la
   tarjeta original tenia fondo de color. Sobre la tarjeta blanca daba 1.22:1,
   o sea invisible. Se convierte en insignia con tinte del acento: se ve, no
   compite con el numero, y deja de ser un fantasma. */

.small-box { position: relative; overflow: hidden; }
.small-box > .icon {
  position: absolute;
  top: 18px; right: 18px; bottom: auto; left: auto;
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 10px;
  background: var(--cf-ten);
  color: var(--mz-primary);
  font-size: 19px;
  opacity: 1;
  transition: background .14s ease;
}
.small-box > .icon > i,
.small-box > .icon > .fa,
.small-box > .icon > .ion { font-size: 19px; color: var(--mz-primary); }
.small-box:hover > .icon { background: #e0eaff; }
/* El numero no debe meterse debajo de la insignia. */
.small-box > .inner { padding-right: 68px; }

/* ===================== 20. pasos del asistente ============================
   `.wizard ul li` de wizard.css venia en #999 sobre blanco: 2.85:1. Esa hoja
   carga DESPUES de skin-blue y empata especificidad, asi que hay que subirla
   con el prefijo .wizard. Se arma como stepper real: numero, estado, sin el
   chevron de relleno. */

.wizard ul.steps {
  display: flex; flex-wrap: wrap; gap: 4px; list-style: none;
  margin: 0 0 22px; padding: 0; counter-reset: paso;
}
.wizard ul.steps > li {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 14px 9px 12px;
  color: var(--cf-txt-2);
  font-size: 13.5px; font-weight: 550;
  border-radius: var(--cf-r-s);
  counter-increment: paso;
  float: none; width: auto; background: transparent;
}
.wizard ul.steps > li::before {
  content: counter(paso);
  width: 22px; height: 22px; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: var(--cf-linea-2);
  color: var(--cf-txt-3);
  font-size: 11.5px; font-weight: 700;
}
.wizard ul.steps > li.active,
.wizard ul.steps > li.current,
.wizard ul.steps > li.selected {
  background: var(--cf-ten); color: var(--mz-primary-text-color); font-weight: 650;
}
.wizard ul.steps > li.active::before,
.wizard ul.steps > li.current::before,
.wizard ul.steps > li.selected::before {
  background: var(--mz-primary); color: #fff;
}
.wizard ul.steps > li.done,
.wizard ul.steps > li.complete,
.wizard ul.steps > li.completed { color: var(--cf-txt-2); }
.wizard ul.steps > li.done::before,
.wizard ul.steps > li.complete::before,
.wizard ul.steps > li.completed::before {
  background: var(--mz-success); color: #fff; content: "\2713";
}
.wizard ul.steps > li > .chevron { display: none; }

/* ======================= 21. REDISEÑO DE LAS REJILLAS =====================
   Lo anterior era un reskin: mismo esqueleto de AdminLTE con otros colores.
   Esto cambia la maquetacion, que es lo que separa un panel de 2015 de uno
   actual: una sola accion primaria, celdas de una linea con elipsis (altura
   de fila uniforme = se puede escanear), y una sola jerarquia de enlaces.
   ========================================================================= */

/* --- 21.1 una sola accion primaria -------------------------------------
   MailWizz pinta TODOS los botones de la barra en azul solido: cuatro
   llamadas a la accion con el mismo peso es ninguna. Se apagan todos y solo
   el de crear queda primario (se detecta por su propio href, no por orden). */

.skin-blue .box-header .pull-right .btn,
.skin-blue .box-header .pull-right .btn.btn-flat,
.skin-blue .box-header .pull-right .btn.btn-primary,
.skin-blue .box-header .pull-right .btn.btn-primary.btn-flat,
.skin-blue .box-header .box-tools .btn.btn-primary.btn-flat {
  background: #fff;
  border: 1px solid var(--cf-linea);
  color: var(--cf-txt-2);
  box-shadow: none;
}
.skin-blue .box-header .pull-right .btn:hover,
.skin-blue .box-header .pull-right .btn.btn-primary:hover,
.skin-blue .box-header .pull-right .btn.btn-primary.btn-flat:hover {
  background: var(--cf-linea-2);
  border-color: #d7dbe2;
  color: var(--cf-txt);
}
.skin-blue .box-header .pull-right .btn > .fa,
.skin-blue .box-header .pull-right .btn > .glyphicon { color: var(--cf-txt-3); }

/* La accion principal de la pantalla: crear. */
.skin-blue .box-header .pull-right .btn[href*="/create"],
.skin-blue .box-header .pull-right a.btn[href*="create"] {
  background: var(--mz-primary);
  border-color: var(--mz-primary);
  color: #fff;
}
.skin-blue .box-header .pull-right .btn[href*="/create"]:hover,
.skin-blue .box-header .pull-right a.btn[href*="create"]:hover {
  background: var(--mz-active-primary);
  border-color: var(--mz-active-primary);
  color: #fff;
}
.skin-blue .box-header .pull-right .btn[href*="/create"] > .fa,
.skin-blue .box-header .pull-right a.btn[href*="create"] > .glyphicon { color: #fff; }

/* --- 21.2 filas de altura uniforme -------------------------------------
   El contenido largo se partia en 3 lineas y cada fila medía distinto. Se
   trunca con elipsis: la fila queda de una linea y la tabla se puede leer
   de un vistazo. El texto completo sigue disponible en el tooltip nativo. */

.grid-view .table > tbody > tr > td {
  vertical-align: middle;
  height: 52px;
}
.grid-view .table > tbody > tr > td > a,
.grid-view .table > tbody > tr > td > span:not(.label):not(.badge),
.grid-view .table > tbody > tr > td > div:not(.btn-group) {
  display: block;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Las fechas nunca deben partirse en dos lineas. */
.grid-view .table > tbody > tr > td { white-space: nowrap; }
.grid-view .table > tbody > tr > td .btn-group { white-space: nowrap; }

/* --- 21.3 una sola jerarquia de enlaces --------------------------------
   Todo enlace de la fila venia en negrita azul: el nombre de la campana, la
   lista y el segmento peleaban por la mirada. Solo la primera columna de
   texto manda; el resto es dato de apoyo. */

.grid-view .table > tbody > tr > td a {
  color: var(--cf-txt-2);
  font-weight: 450;
}
.grid-view .table > tbody > tr > td a:hover {
  color: var(--mz-primary-text-color);
  text-decoration: underline;
}
.grid-view .table > tbody > tr > td:nth-child(3) a {
  color: var(--cf-txt);
  font-weight: 600;
}

/* --- 21.4 el marcador de favorito --------------------------------------
   Se dibujaba como una cinta gris enorme pegada al borde de la tarjeta. */

#favorite-page {
  position: absolute; top: 14px; right: 18px; left: auto;
  margin: 0; z-index: 3;
}
#favorite-page span { font-size: 17px; margin-top: 0; }
.box { position: relative; }

/* --- 21.5 el encabezado de la pagina -----------------------------------
   El titulo vivia dentro de la caja y encima flotaban las migas de pan. */

.content-header > .breadcrumb { font-size: 11.5px; opacity: .75; }
.box-header .box-title > .fa,
.box-header .box-title > .glyphicon { display: none; }
.grid-view .summary {
  color: var(--cf-txt-3);
  font-size: 12.5px;
  padding: 0 0 10px;
}

/* --- 21.6 correcciones medidas en pantalla -----------------------------
   1) El boton de crear perdia por especificidad contra la regla que apaga la
      barra (6 clases contra 5). Se le igualan las clases.
   2) Las celdas traen un <br> literal en el HTML que parte el texto en dos
      lineas; nowrap no suprime un <br>. Se oculta solo dentro de las rejillas
      y el texto queda en una linea con elipsis. */

.skin-blue .box-header .pull-right .btn.btn-primary.btn-flat[href*="create"],
.skin-blue .box-header .pull-right a.btn.btn-primary.btn-flat[href*="create"] {
  background: var(--mz-primary);
  border-color: var(--mz-primary);
  color: #fff;
}
.skin-blue .box-header .pull-right .btn.btn-primary.btn-flat[href*="create"]:hover {
  background: var(--mz-active-primary);
  border-color: var(--mz-active-primary);
  color: #fff;
}
.skin-blue .box-header .pull-right .btn.btn-primary.btn-flat[href*="create"] > .fa,
.skin-blue .box-header .pull-right .btn.btn-primary.btn-flat[href*="create"] > .glyphicon {
  color: #fff;
}

/* El <br> literal del HTML partia cada celda en dos lineas y dejaba las
   filas de alturas distintas. Se oculta: probado con inline-block y pseudo
   para conservar el espacio, pero el navegador sigue rompiendo linea y encima
   recorta el texto. display:none es lo unico que da una linea limpia. */
.grid-view .table > tbody > tr > td br { display: none; }
.grid-view .table > tbody > tr > td {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===================== 22. PANEL: tarjetas de cifras ======================
   Las tarjetas del panel usan `.numbers` (adminlte.css), con borde PUNTEADO
   y contenido centrado: parecen un marcador de posicion sin terminar, no un
   dato. Se rehacen como tarjeta de metrica: borde solido, contenido alineado
   a la izquierda, el numero como protagonista y el icono como insignia.
   ========================================================================= */

.numbers {
  border: 1px solid var(--cf-linea);
  border-radius: var(--cf-r);
  background: #fff;
  box-shadow: var(--cf-sombra);
  padding: 18px 20px;
  margin: 0 16px 16px 0;
  position: relative;
  text-align: left;
  min-height: 0;
  transition: box-shadow .14s ease, border-color .14s ease;
}
.numbers:hover { box-shadow: var(--cf-sombra-2); border-color: #d7dbe2; }

/* El numero manda: grande, oscuro y alineado con la etiqueta. */
.numbers h3,
.numbers .middle,
.numbers > div > h3 {
  text-align: left;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--cf-txt);
  margin: 0 0 2px;
  line-height: 1.15;
}
.numbers p,
.numbers small,
.numbers .label-text {
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: var(--cf-txt-3);
  margin: 0;
}

/* El icono pasa de mancha palida de 60px a insignia con tinte. */
.numbers .icon,
.numbers > .icon,
#start-page .icon {
  position: absolute;
  top: 16px; right: 16px; left: auto; bottom: auto;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 9px;
  background: var(--cf-ten);
  font-size: 17px;
  color: var(--mz-primary);
  opacity: 1;
}
.numbers .icon > i,
.numbers .icon > .fa,
.numbers .icon > .glyphicon,
#start-page .icon > i { font-size: 17px; color: var(--mz-primary); }

/* La pagina de bienvenida tiene su propio icono gigante centrado: ahi si
   corresponde, pero no a 60px palido. */
#start-page .start-page-wrapper {
  border: 1px solid var(--cf-linea);
  border-radius: var(--cf-r);
  background: #fff;
  box-shadow: var(--cf-sombra);
  padding: 28px;
}
#start-page .start-page-wrapper h3 {
  font-size: 18px; font-weight: 650; color: var(--cf-txt); margin: 0 0 10px;
}
#start-page .start-page-wrapper p { color: var(--cf-txt-2); line-height: 1.65; }

/* La caja que envuelve las cifras no necesita marco ni cabecera repetida:
   el titulo de la pagina ya dice "Panel". */
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.numbers),
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.small-box) {
  background: transparent; border: 0; box-shadow: none; margin-bottom: 6px;
}
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.numbers) > .box-body,
.app-customer.ctrl-dashboard .content > div > .box.box-primary.borderless:has(.small-box) > .box-body {
  padding: 0;
}

/* ============ 23. PANEL de cliente — revisado con capturas (28-oct) =========
   Cada regla de esta sección se comprobó en una captura con sesión iniciada
   (skill mailwizz-ojo), no a ciegas. */

/* Ítem activo del menú: AdminLTE pinta el <span> en blanco y sobre el fondo
   celeste el texto desaparecía. */
.skin-blue .sidebar-menu > li.active > a > span,
.skin-blue .sidebar-menu > li.menu-open > a > span { color: inherit; }

/* Las migas repetían "Panel > Panel". */
.app-customer.ctrl-dashboard .content-header > .breadcrumb { display: none; }

/* Bienvenida: era una tarjeta dentro de otra tarjeta. La de afuera pasa a ser
   solo el título de la página. */
.app-customer.ctrl-dashboard #dashboard-start-page-wrapper > .box {
  background: transparent; border: 0; box-shadow: none;
}
.app-customer.ctrl-dashboard #dashboard-start-page-wrapper > .box > .box-header {
  padding: 0 0 16px; border: 0;
}
.app-customer.ctrl-dashboard #dashboard-start-page-wrapper > .box > .box-header .box-title {
  font-size: 24px; font-weight: 650; letter-spacing: -0.015em; color: var(--cf-txt);
}
.app-customer.ctrl-dashboard #dashboard-start-page-wrapper > .box > .box-body { padding: 0; }

/* AdminLTE fuerza .text-center con !important: solo se gana con otro. */
#start-page .start-page-wrapper.text-center { text-align: left !important; padding: 32px; float: none; }
.app-customer.ctrl-dashboard #start-page .icon { display: none; }
#start-page .start-page-wrapper h3 { font-size: 20px; margin: 0 0 4px; }

/* Los pasos: tres tarjetas numeradas; la primera resaltada porque es por
   donde se empieza. */
#start-page .cf-pasos {
  list-style: none; counter-reset: paso;
  margin: 20px 0 24px; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}
#start-page .cf-pasos > li {
  counter-increment: paso; position: relative;
  padding: 16px 16px 16px 56px;
  border: 1px solid var(--cf-linea); border-radius: var(--cf-r-s);
}
#start-page .cf-pasos > li::before {
  content: counter(paso);
  position: absolute; left: 16px; top: 16px;
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700;
  background: var(--cf-ten); color: var(--mz-primary);
}
#start-page .cf-pasos > li:first-child { border-color: var(--mz-primary); background: var(--cf-ten); }
#start-page .cf-pasos > li:first-child::before { background: var(--mz-primary); color: #fff; }
#start-page .cf-pasos strong { display: block; font-size: 14.5px; color: var(--cf-txt); margin-bottom: 2px; }
#start-page .cf-pasos span { display: block; font-size: 13.5px; line-height: 1.5; color: var(--cf-txt-2); }
#start-page .start-page-wrapper .btn-primary { padding: 11px 20px; min-height: 44px; font-size: 14.5px; }

@media (max-width: 767px) {
  #start-page .cf-pasos { grid-template-columns: 1fr; gap: 10px; }
  #start-page .start-page-wrapper { padding: 20px; }
  #start-page .start-page-wrapper .btn-primary { display: block; width: 100%; }
}

/* Sin migas en el panel, el encabezado vacío dejaba un hueco de ~80px. */
.app-customer.ctrl-dashboard .content-header { display: none; }

/* Marca arriba del menú (antes: avatar de Gravatar que parecía un logo roto).
   Va con .skin-blue delante: AdminLTE trae ".skin-blue span { color; font-weight:500 !important }". */
.skin-blue .user-panel { padding: 14px 18px; }
.skin-blue .cf-marca { display: flex; align-items: center; gap: 10px; color: var(--cf-txt); text-decoration: none; }
.skin-blue .cf-marca:hover, .skin-blue .cf-marca:focus { color: var(--cf-txt); text-decoration: none; }
.skin-blue .cf-marca-icono {
  width: 34px; height: 34px; flex: none; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 45%, #7c3aed 100%);
  box-shadow: 0 4px 12px rgba(37, 99, 235, .35), inset 0 1px 0 rgba(255, 255, 255, .25);
  color: #fff; font-size: 15px;
}
.skin-blue .cf-marca-icono .fa { color: #fff; margin-left: -2px; }
.skin-blue .cf-marca .cf-marca-texto {
  font-size: 17px; font-weight: 800 !important; letter-spacing: -0.03em; white-space: nowrap; color: #0f172a;
}
.skin-blue .cf-marca-texto b {
  font-weight: 800;
  background: linear-gradient(90deg, #2563eb, #7c3aed);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.sidebar-mini.sidebar-collapse .cf-marca-texto { display: none; }

/* Foto de perfil arriba a la derecha (sustituye al icono genérico de usuario). */
.skin-blue .main-header .navbar .user-menu > a { display: flex; align-items: center; gap: 9px; padding-top: 12px; padding-bottom: 12px; }
.skin-blue .main-header .navbar .user-menu .user-image {
  float: none; width: 32px; height: 32px; margin: 0; border-radius: 50%; object-fit: cover;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--cf-linea);
}

/* Segunda línea gris dentro de una celda (ej. nombre interno de la lista). */
.cf-sub { margin-top: 2px; font-size: 12.5px; color: var(--cf-txt-3); }

/* ================== 24. botones, menú de fila y uso de cuenta ==================
   - Barras y pies: el ícono iba pegado al texto (margin 3px) y el texto a 550
     se veía pesado. inline-flex + gap separa ícono y texto con aire parejo.
   - Menú de acciones de cada fila (engranaje): MailWizz lo dibuja como tira de
     íconos BLANCOS sobre botones azules y fondo transparente. Al volverse
     blancos los botones de tabla, quedaban íconos invisibles flotando, y la
     celda (overflow:hidden, sección 21.2) los recortaba. Ahora es una tarjeta.
   - Uso de la cuenta: barras al 0% sin carril = números sueltos en el aire.
   ============================================================================= */

.skin-blue .box-header .btn,
.skin-blue .box-footer .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 38px; padding: 0 14px; font-weight: 500; line-height: 1;
}
.skin-blue .box-header .btn > .fa,
.skin-blue .box-header .btn > .glyphicon,
.skin-blue .box-footer .btn > .fa,
.skin-blue .box-footer .btn > .glyphicon { margin: 0; top: 0; font-size: 13px; }
.skin-blue .box-header .btn.btn-primary[href*="create"] { font-weight: 600; }

/* Menú de acciones por fila */
.grid-view .table > tbody > tr > td:has(.dropdown-button-column) { overflow: visible; }
.skin-blue .btn-group.dropdown-button-column > .btn.dropdown-toggle,
.skin-blue .table .btn-group.dropdown-button-column > .btn.btn-primary.btn-flat {
  width: 34px; height: 34px; min-height: 34px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: #fff; border: 1px solid var(--cf-linea); border-radius: 8px; color: var(--cf-txt-2);
}
.skin-blue .btn-group.dropdown-button-column > .btn.dropdown-toggle:hover,
.skin-blue .btn-group.dropdown-button-column.open > .btn.dropdown-toggle {
  background: var(--cf-ten); border-color: #c7d7fe; color: var(--mz-primary);
}
.skin-blue .btn-group.dropdown-button-column > .btn .fa { color: inherit; margin: 0; }
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu {
  top: 50%; bottom: auto; left: auto; right: 42px; transform: translateY(-50%);
  margin: 0 !important; min-width: 0 !important; width: max-content;
  padding: 4px; background: #fff !important;
  border: 1px solid var(--cf-linea); border-radius: 10px; box-shadow: var(--cf-sombra-2);
}
.skin-blue .btn-group.dropup.dropdown-button-column.open ul.dropdown-menu { display: flex; gap: 2px; }
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu:before,
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu:after { display: none; }
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li { float: none; }
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn {
  width: 32px; height: 32px; min-height: 32px; padding: 0; margin: 0;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 0; border-radius: 7px; color: var(--cf-txt-2);
}
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .fa,
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .glyphicon {
  color: inherit; font-size: 14px; top: 0;
}
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn:hover {
  background: var(--cf-ten); color: var(--mz-primary);
}
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.delete:hover,
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger:hover {
  background: var(--mz-light-danger); color: var(--mz-danger);
}

/* Uso de la cuenta (barra superior) */
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu { width: 300px; padding: 0; overflow: hidden; }
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  padding: 14px 16px 10px; font-size: 13px; font-weight: 650; color: var(--cf-txt); border: 0;
}
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: none; }
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block; padding: 10px 16px; border: 0; border-radius: 0; white-space: normal;
}
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: var(--cf-linea-2); }
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h5 {
  display: flex; justify-content: space-between; align-items: baseline;
  margin: 0 0 7px; font-size: 13.5px; font-weight: 500; color: var(--cf-txt);
}
.skin-blue .navbar-nav > .tasks-menu .menu .percentage { float: none; font-size: 12px; color: var(--cf-txt-3); }
.skin-blue .navbar-nav > .tasks-menu .menu .progress {
  height: 6px; margin: 0; border-radius: 99px; background: var(--cf-linea-2); box-shadow: none;
}
.skin-blue .navbar-nav > .tasks-menu .menu .progress-bar { border-radius: 99px; background: var(--mz-primary); min-width: 0; }
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 11px; border-top: 1px solid var(--cf-linea-2); background: #fff; font-weight: 500;
}
/* Ganan a las reglas de fábrica de skin-blue (líneas ~4301-4330), más específicas. */
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary,
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary.btn-flat {
  background: transparent; border: 0; color: var(--cf-txt-2);
}
.skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary:hover {
  background: var(--cf-ten); color: var(--mz-primary);
}
.skin-blue .btn-group.dropup.dropdown-button-column button.btn.dropdown-toggle { background: #fff; color: var(--cf-txt-2); }
.skin-blue .btn-group.dropup.dropdown-button-column.open button.btn.dropdown-toggle,
.skin-blue .btn-group.dropup.dropdown-button-column button.btn.dropdown-toggle:hover { background: var(--cf-ten); color: var(--mz-primary); }
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { background: #e8ecf3; height: 6px; }
.skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress > .progress-bar { background: var(--mz-primary); }

/* Paginación: el li de fábrica traía caja propia (borde + márgenes, línea ~3753)
   y el <a> Helvetica 16px + padding 8x14: el número se salía y caía al fondo
   del cuadro. Un solo cuadro de 34x34 con el número centrado. */
.skin-blue .pagination { gap: 6px; padding: 0; align-items: center; }
.skin-blue .pagination > li { margin: 0; border: 0; font-size: 13px; }
.skin-blue .pagination > li > a,
.skin-blue .pagination > li > span {
  float: none; display: inline-flex; align-items: center; justify-content: center;
  min-width: 34px; height: 34px; padding: 0 10px; margin: 0;
  font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1;
  border: 1px solid var(--cf-linea); border-radius: 8px; background: #fff; color: var(--cf-txt-2);
}
.skin-blue .pagination > li > a:hover { background: var(--cf-linea-2); color: var(--cf-txt); }
.skin-blue .pagination > li.active > a,
.skin-blue .pagination > li.selected > a,
.skin-blue .pagination > li.active > span {
  background: var(--mz-primary); border-color: var(--mz-primary); color: #fff;
}
.skin-blue .pagination > li.hidden { display: none; }