: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-primary: #19508d;

    --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;

    /* new */

    /* --mz-sidebar-color: #181c32; */

    --mz-sidebar-color: #0e325a;

    --mz-sidebar-color2: #0b2849;







    --mz-sidebar-font-color: #b6b9c8;

    --mz-input-focus-color: #eef3f7;

    --mz-input-color: #f5f8fa;

    /* --mz-active-primary: #0095E8; */

    --mz-active-primary: #0e325a;

    --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: Poppins, 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: Poppins, 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.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);

    /* new */

    /* margin-top: -10px;

    margin-bottom: 8px */

}



.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: Poppins, Helvetica, sans-serif;

}



.skin-blue.dark h3 {

    color: var(--mz-dark-gray-800);

}



.skin-blue p {

    color: var(--mz-gray-700);

    font-family: Poppins, Helvetica, sans-serif;

}



.skin-blue.dark p {

    color: var(--mz-dark-gray-700);

}



.skin-blue a {

    color: var(--mz-primary);

    font-family: Poppins, 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: 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: Poppins, 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);

}



/* new */

.skin-blue .main-sidebar,

.skin-blue .left-side {

  background-color: var(--mz-sidebar-color);

    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: Poppins, 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);

}



/* new */

.skin-blue .sidebar-menu .treeview-menu {

    padding-left: 0;

    /* background: var(--mz-sidebar-color); */

    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;

    }

}



/* new */

.skin-blue .sidebar-menu .treeview-menu > li > a {

  /* padding: 5px 5px 5px 15px; */

    padding: 5px 5px 5px 20px;

    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;

    right: 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: Poppins, 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-background-color);

}



.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: Poppins, Helvetica, sans-serif;

}



.skin-blue.dark .btn.btn-flat {

    color: var(--mz-dark-gray-900);

    border-radius: 3px;

    font-family: Poppins, 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);

}



.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);

    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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: var(--mz-primary) !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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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;

}



.skin-blue input[type=checkbox] {

    display: inline-block;

    background: var(--mz-gray-200) !important;

    width: 16px;

    height: 16px;

    border: 0 !important;

    border-radius: 2px;

}



.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 .fields-list input[type=checkbox]:checked {

    width: 20px;

    height: 20px;

}



.skin-blue .fields-list label {

    padding-top: 4px;

}



.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: Poppins, 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.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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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: Poppins, 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 .alert-danger .errorSummary {

    color: var(--mz-white);

    background: transparent!important;

}



.skin-blue .alert-danger .errorSummary p {

    color: var(--mz-white);

}



.skin-blue.dark .errorSummary {

    color: var(--mz-dark-gray-900);

    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; */
    background-color: #bfe5d1db !important;
        color: #4a4a4c;

}



.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: Poppins, 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); */
    background-color: #c2e3d25e !important;
    color: #4a4a4c;

}



.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; */
    pointer-events: none !important;
    background: #eaedef !important;
    color: #a2a2a7;

}



.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.minutes:hover {

    /* background: var(--mz-light-primary) !important; */
        background-color: #c2e3d25e !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: Poppins, 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: Poppins, 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 .wizard ul li a {

    color: #999999;

    background: var(--mz-input-color) !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    font-family: Poppins, Helvetica, sans-serif;

}



.skin-blue .wizard ul li.active a {

    color: var(--mz-primary) !important;

    background: var(--mz-input-color) !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    font-family: Poppins, Helvetica, sans-serif;

}



.skin-blue .wizard ul li.complete a{

    color: var(--mz-white) !important;

    background: var(--mz-primary) !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; */

    background : var(--mz-dark-light-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: Poppins, 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 #0e325a;

}



.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);

}



.skin-blue .datetimepicker table tr td.disabled, .skin-blue .datetimepicker table tr td.disabled:hover {

    /* background: var(--mz-light-primary) !important;

    color: #ccc !important; */
    pointer-events: none !important;
    background: #eaedef !important;
    color: #a2a2a7;

}





.blurbackground,.old{

  background: var(--mz-light-primary) !important;

  color: #ccc !important;

  pointer-events: none

}



.blurbackground,.old:hover{

  cursor: not-allowed !important;

}



.datetimepicker .datetimepicker-hours table tr td span.hour_am:nth-child(-n + 8){

    /* background-color: #e7e7e7;
    cursor: not-allowed; */

    pointer-events: none;
    background: #eaedef !important;
    /* color: var(--mz-primary); */
    color: #a2a2a7;


}
.datetimepicker-hours span.hour_pm.active:nth-last-child(-n + 6){
  pointer-events: none !important;
  background: #eaedef !important;
  /* color: var(--mz-primary); */
  color: #a2a2a7;
}
.datetimepicker .datetimepicker-hours table tr td span.hour.disabled,
.datetimepicker-hours .hour.active.hour_pm{
  pointer-events: none !important;
  background: #eaedef !important;
  /* color: var(--mz-primary); */
  color: #a2a2a7;
}







.datetimepicker .datetimepicker-hours table tr td span.hour_am:nth-child(-n + 8):hover{

    /* background-color: #e7e7e7 !important;

    cursor: not-allowed !important; */
    pointer-events: none;
    background: #eaedef !important;
    /* color: var(--mz-primary); */
    color: #a2a2a7;

}



.datetimepicker .datetimepicker-hours table tr td span.hour_pm:nth-last-child(-n + 6):hover{

    /* background-color: #e7e7e7 !important;

    cursor: not-allowed !important; */

    pointer-events: none;
    background: #eaedef !important;
    /* color: var(--mz-primary); */
    color: #a2a2a7;


}
/* span.hour.active.hour_am:nth-child(8) */
.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:nth-child(8) {
    /* background-color: var(--mz-light-primary) !important;
    color: var(--mz-primary); */
    background-color: #bfe5d1db !important;
    color: #4a4a4c;
}
/* span.hour.active.hour_am {
    background-color: var(--mz-light-primary) !important;
    color: var(--mz-primary);
} */
span.hour.hour_am {
  /* background-color: var(--mz-light-primary) !important;
  color: var(--mz-primary); */
  background-color: #c2e3d25e !important;
  color: #4a4a4c;
}
span.hour.hour_pm{
  /* background-color: var(--mz-light-primary) !important;
  color: var(--mz-primary); */
  background-color: #c2e3d25e !important;
  color: #4a4a4c;
}
.skin-blue .datetimepicker table tr td span.hour:hover {
    background-color: #c2e3d25e !important;
    color: #4a4a4c;
}

span.minute.removecursor{
/*
  display: none !important;

  cursor : not-allowed !important;

  background-color: rgb(0 0 0 / 25%) !important;

  color: rgb(0 0 0 / 25%) !important; */
  pointer-events: none;
    background: #eaedef !important;
    /* color: var(--mz-primary); */
    color: #a2a2a7;

}

.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:nth-child(8) {
    background-color: #eaedef !important;
    color: #a2a2a7;
    pointer-events: none !important;
}
.skin-blue .datetimepicker table tr td span.disabled, .skin-blue .datetimepicker table tr td span.disabled:hover {
    background: #eaedef !important;
    color: #a2a2a7;
    pointer-events: none !important;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_pm:nth-last-child(-n + 6){

    /* background-color: #e7e7e7;

    cursor: not-allowed; */
    pointer-events: none;
    background: #eaedef !important;
    /* color: var(--mz-primary); */
    color: #a2a2a7;


}

span.minute.removecursor:hover{

  /* display: none !important;

  cursor : not-allowed !important;

  background-color: rgb(0 0 0 / 25%) !important;

  color: rgb(0 0 0 / 25%) !important; */
  pointer-events: none;
    background: #eaedef !important;
    /* color: var(--mz-primary); */
    color: #a2a2a7;

}



/* new menu items*/



.skin-blue p {

    color: #0e325a;

    font-family: Poppins, Helvetica, sans-serif;

}



.lead-color{

    color: var(--mz-gray-700) !important;

  }



.sidebar .my-custom-nav-bar p{

    margin-bottom: 0;

        font-size: 11px;

}

.sidebar .my-custom-nav-bar{

  text-align: center;

}

.sidebar .my-custom-nav-bar .Logo_text{

  font-size: 28px !important;

}

.sidebar_collapse_logo{

  display: none !important;

}

.sidebar-collapse .sidebar_collapse_logo{

  display: block !important;

}

.sidebar-collapse .my-custom-nav-bar{

  display: none;

}

.sidebar .user-panel{

  padding-top: 10px;

  padding-bottom: 16px;

}

.sidebar-collapse .user-panel{

      padding-bottom: 7px;

}

.sidebar_collapse_logo .Logo_text{

  font-size: 26px;

  margin-bottom: 0;

}



select#codeQuantity {

    width: 35%;

    position: relative;

    left: 35%;

}



#openModalBtn{

    position: relative;

    z-index: 999999999 !important;

    /* right: 17px; */

    top: 17px;

}



.grid-view .empty {

    font-style: italic;

    text-align: center;

}



form#update-manual-payment-form .form-control {

    margin-bottom: 10px !important;

}



form#manual-payment-form .form-control {

    margin-bottom: 10px !important;

}



i.fa.fa-pencil-square-o {

    color: white;

}

/* new */

.skin-blue.dark .wizard ul li.active a {

  background: var(--mz-dark-light-primary) !important;

}

.skin-blue.dark .wizard ul li a{

    background: var(--mz-dark-light) !important;

}

.skin-blue .pcolor{

  color: #343A40;

}
.datetimepicker .datetimepicker-minutes span{
  background-color: #c2e3d25e !important;
    color: #4a4a4c;
}
.datetimepicker .datetimepicker-minutes span:hover{
  background-color: #c2e3d25e !important;
    color: #4a4a4c !important;
}

.datetimepicker .datetimepicker-minutes span.removecursor{
  pointer-events: none;
  background: #eaedef !important;

  color: #a2a2a7;
}
.datetimepicker table tr td.day{
  background-color: #c2e3d25e !important;
  color: #4a4a4c;
}
.datetimepicker-days table {
  border-collapse: separate;
    border-spacing: 4px !important;
}