:root { --mz-blue: #63B3ED; --mz-indigo: #596CFF; --mz-purple: #6f42c1; --mz-pink: #d63384; --mz-red: #F56565; --mz-orange: #fd7e14; --mz-yellow: #FBD38D; --mz-green: #81E6D9; --mz-teal: #20c997; --mz-cyan: #0dcaf0; --mz-white: #fff; --mz-gray: #5e6278; --mz-gray-dark: #343a40; --mz-gray-100: #f8f9fa; --mz-gray-200: #e9ecef; --mz-gray-300: #dee2e6; --mz-gray-400: #ced4da; --mz-gray-500: #adb5bd; --mz-gray-600: #6c757d; --mz-gray-700: #495057; --mz-gray-800: #343a40; --mz-gray-900: #212529; --mz-text-gray: #7e8299; --mz-form-text-color: #3f4254; --mz-primary: #009ef7; --mz-light-primary: #f1fafe; --mz-primary-text-color: #17a1f7; --mz-secondary: #8392ab; --mz-success: #2dce89; --mz-light-success: #E8FFF3; --mz-info: #11cdef; --mz-warning: #fb6340; --mz-danger: #F1416C; --mz-light-danger: #fff5f8; --mz-light: #e9ecef; --mz-dark: #344767; --mz-body-color: #67748e; --mz-body-bg: #fff; --mz-sidebar-color: #181c32; --mz-sidebar-font-color: #b6b9c8; --mz-input-focus-color: #eef3f7; --mz-input-color: #f5f8fa; --mz-active-primary: #0095E8; --mz-active-danger: #D9214E; --mz-danger-rgb: 241, 65, 108; --mz-info-rgb: 0, 158, 247; --mz-success-rgb: 80, 205, 137; --mz-primary-rgb: 54, 153, 255; --mz-dashed-border-color: #e4e6ef; --mz-background-color: #f5f8fa; --mz-placeholder-color: #a1a6b6; --mz-border-color: #f5f8fa; --mz-input-border-color: #e4e6ef; /* DARK COLORS */ --mz-dark-sidebar-color: #1E1E2D; --mz-dark-input-color: #1b1b29; --mz-dark-input-text-color: #92929F; --mz-dark-sidebar-text-color: #b6b9c8; --mz-dark-background-color: #151521; --mz--dark-white: #ffffff; --mz-dark-light: #323248; --mz-dark-primary: #3699FF; --mz-dark-active-primary: #187DE4; --mz-dark-success: #0BB783; --mz-dark-info: #8950FC; --mz-dark-warning: #FFA800; --mz-dark-danger: #F64E60; --mz-dark-dark: #FFFFFF; --mz-dark-secondary: #323248; --mz-dark-navbar-text-color: #92929f; --mz-dark-table-border-color: #2b2b40; --mz-dark-table-hover-color: #1b1b29; --mz-dark-light-primary: #212E48; --mz-dark-light-success: #1C3238; --mz-dark-active-success: #04AA77; --mz-dark-light-info: #2F264F; --mz-dark-active-info: #7337EE; --mz-dark-light-warning: #392F28; --mz-dark-active-warning: #EE9D01; --mz-dark-light-danger: #3A2434; --mz-dark-active-danger: #EE2D41; --mz-light-dark: #2B2B40; --mz-dark-active-dark: #e8e8e8; --mz-dark-gray-100: #1b1b29; --mz-dark-gray-200: #2B2B40; --mz-dark-gray-300: #323248; --mz-dark-gray-400: #474761; --mz-dark-gray-500: #565674; --mz-dark-gray-600: #6D6D80; --mz-dark-gray-700: #92929F; --mz-dark-gray-800: #CDCDDE; --mz-dark-gray-900: #FFFFFF; --mz-dark-input-focus-color: #171723; --mz-dark-border-color: #323248; --mz-dark-primary-rgb: 54, 153, 255; --mz-dark-secondary-rgb: 50, 50, 72; --mz-dark-success-rgb: 11, 183, 131; --mz-dark-info-rgb: 137, 80, 252; --mz-dark-warning-rgb: 255, 168, 0; --mz-dark-danger-rgb: 246, 78, 96; --mz-dark-rgb: 255, 255, 255; --mz-dark-white-rgb: 255, 255, 255; --mz-dark-black-rgb: 0, 0, 0; --mz-dark-placeholder-color: #555573; } html body .skin-blue.dark { background: var(--mz-dark-sidebar-color) !important; color: var(--mz-dark-gray-700) !important; } body.ctrl-guest.act-index.skin-blue.dark { background-color: var(--mz-dark-sidebar-color) !important; } body.skin-blue.dark.login-page, body.skin-blue.dark .register-page { background: var(--mz-dark-background-color); } .skin-blue.dark .login-box-body, .skin-blue.dark .register-box-body { background: var(--mz-dark-sidebar-color); color: var(--mz-dark-gray-800); } body.ctrl-guest.act-index.skin-blue.dark .login-flex .login-form .login-box-body .login-box-msg { color: var(--mz-dark-primary); border-bottom: 1px solid var(--mz-dark-border-color); } .skin-blue .content-wrapper, .skin-blue .right-side { background-color: var(--mz-background-color); } .skin-blue.dark .box .box-header { border-bottom: 1px solid var(--mz-dark-table-border-color); } .skin-blue.dark .content-wrapper, .skin-blue.dark .right-side { background-color: var(--mz-dark-background-color); } .skin-blue .main-footer { background: var(--mz-background-color); color: var(--mz-body-color); border-top: 1px solid var(--mz-background-color); padding: 15px; } .skin-blue.dark .main-footer { background: var(--mz-dark-background-color); padding: 15px; color: var(--mz-dark-navbar-text-color); border-top: 1px solid var(--mz-dark-background-color); } .skin-blue.dark .pull-left { color: var(--mz-dark-navbar-text-color); } .skin-blue.dark .close { color: var(--mz-dark-gray-900); opacity: 1; text-shadow: none; } .skin-blue.dark .modal-info .close { color: var(--mz-dark-gray-900); opacity: 1; text-shadow: none; } .skin-blue.dark .item { color: var(--mz-dark-gray-700); } .skin-blue h1, .skin-blue h2, .skin-blue h3, .skin-blue h4, .skin-blue h5, .skin-blue h6, .skin-blue .h1, .skin-blue .h2, .skin-blue .h3, .skin-blue .h4, .skin-blue .h5, .skin-blue .h6 { font-family: Helvetica, sans-serif; } .skin-blue.dark h1, .skin-blue.dark h2, .skin-blue.dark h3, .skin-blue.dark h4, .skin-blue.dark h5, .skin-blue.dark h6, .skin-blue.dark .h1, .skin-blue.dark .h2, .skin-blue.dark .h3, .skin-blue.dark .h4, .skin-blue.dark .h5, .skin-blue.dark .h6 { font-family: Helvetica, sans-serif; color: var(--mz-dark-gray-800); } .skin-blue.dark h4.modal-title { color: var(--mz-dark-gray-900); } .skin-blue span { color: var(--mz-sidebar-font-color); font-weight: 500 !important; font-size: 14px; } .skin-blue.dark span { color: var(--mz-dark-gray-800); } .skin-blue .article-categories-scrollbox span { color: var(--mz-gray-800); } .skin-blue.dark .article-categories-scrollbox span { color: var(--mz-dark-gray-700); } .skin-blue .select-columns-dropdown li a span { color: var(--mz-gray-600); } .skin-blue .select-columns-dropdown li a input[type="checkbox"] { margin-right: 0; margin-top: 4px; } .skin-blue.dark .bg-gray { background-color: var(--mz-dark-secondary) !important; color: var(--mz-dark-gray-500); } .skin-blue #csv-import .counters { color: var(--mz-gray-700); } .skin-blue.dark #csv-import .counters { color: var(--mz-dark-gray-800); } .skin-blue #csv-import .counters .total, .skin-blue #csv-import .counters .total-processed, .skin-blue #csv-import .counters .percentage { color: var(--mz-gray-700); font-weight: 600 !important; } .skin-blue.dark #csv-import .counters .total, .skin-blue.dark #csv-import .counters .total-processed, .skin-blue.dark #csv-import .counters .percentage { color: var(--mz-dark-gray-800); } .skin-blue #csv-import .counters .success { color: var(--mz-primary); font-weight: 600 !important; } .skin-blue.dark #csv-import .counters .success { color: var(--mz-dark-primary); } .skin-blue #csv-import .counters .error { color: var(--mz-danger); font-weight: 600 !important; } .skin-blue.dark #csv-import .counters .error { color: var(--mz-dark-danger); } .skin-blue .callout { border-left: 5px solid var(--mz-border-color); } .skin-blue .callout > p, .skin-blue.dark .callout > p { color: var(--mz-white); } .skin-blue.dark .callout { border-left: 5px solid var(--mz-dark-border-color); } .skin-blue .pull-right { color: var(--mz-gray-600); } .skin-blue.dark .pull-right { color: var(--mz-dark-gray-900); } .skin-blue.dark .pull-right a { color: var(--mz-dark-gray-900); } .skin-blue h3 { color: var(--mz-sidebar-color); font-family: Helvetica, sans-serif; } .skin-blue.dark h3 { color: var(--mz-dark-gray-800); } .skin-blue p { color: var(--mz-gray-700); font-family: Helvetica, sans-serif; } .skin-blue.dark p { color: var(--mz-dark-gray-700); } .skin-blue a { color: var(--mz-primary); font-family: Helvetica, sans-serif; } .skin-blue.dark a { color: var(--mz-dark-primary); } .skin-blue a:hover, .skin-blue a:active, .skin-blue a:focus { color: var(--mz-primary); } .skin-blue.dark a:hover, .skin-blue.dark a:active, .skin-blue.dark a:focus { color: var(--mz-dark-primary); } .skin-blue .text-primary-color { color: var(--mz-primary); } .skin-blue.dark .text-primary-color { color: var(--mz-dark-primary); } .skin-blue .text-primary { color: var(--mz-body-color); } .skin-blue.dark .text-primary { color: var(--mz-dark-gray-800); } .skin-blue hr { color: var(--mz-input-focus-color); margin-left: 20px; margin-right: 20px; } .skin-blue.dark hr { color: var(--mz-dark-border-color); border-top: 1px solid var(--mz-dark-border-color); } .skin-blue .input-group .input-group-btn .btn { line-height: 29px; } .skin-blue .main-header .navbar { background-color: var(--mz-white); box-shadow: 0 10px 30px 0 rgb(82 63 105 / 5%); } .skin-blue.dark .main-header .navbar { background-color: var(--mz-dark-sidebar-color); box-shadow: none; } .skin-blue .main-header #navbar-search-input.form-control::-moz-placeholder { color: var(--mz-placeholder-color); } .skin-blue .main-header #navbar-search-input.form-control:-ms-input-placeholder { color: var(--mz-placeholder-color); } .skin-blue .main-header #navbar-search-input.form-control::-webkit-input-placeholder { color: var(--mz-placeholder-color); } .skin-blue .main-header .sidebar-toggle { color: var(--mz-gray); } .skin-blue.dark .main-header .sidebar-toggle { color: var(--mz-dark-navbar-text-color); } .skin-blue .main-header .sidebar-toggle:hover { color: var(--mz-primary); } .skin-blue.dark .main-header .sidebar-toggle:hover { color: var(--mz-dark-primary); } .skin-blue .main-header .navbar .nav > li.user > a > span { font-weight: 600 !important; color: var(--mz-gray); } .skin-blue.dark .main-header .navbar .nav > li.user > a > span { color: var(--mz-dark-gray-700); } .skin-blue .main-header .navbar .nav > li > a, .skin-blue .main-header .navbar .nav > li > a > span { color: var(--mz-gray); font-weight: 500; } .skin-blue.dark .main-header .navbar .nav > li > a, .skin-blue.dark .main-header .navbar .nav > li > a > span { color: var(--mz-dark-gray-800); } .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav > li:hover, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a, .skin-blue .main-header .navbar .nav > li > a > span:hover, .skin-blue .main-header .navbar .nav > li > a > span.active { background: transparent; color: var(--mz-primary); } .skin-blue.dark .main-header .navbar .nav > li > a:hover, .skin-blue.dark .main-header .navbar .nav > li > a:active, .skin-blue.dark .main-header .navbar .nav > li > a:focus, .skin-blue.dark .main-header .navbar .nav > li:hover, .skin-blue.dark .main-header .navbar .nav .open > a, .skin-blue.dark .main-header .navbar .nav .open > a:hover, .skin-blue.dark .main-header .navbar .nav .open > a:focus, .skin-blue.dark .main-header .navbar .nav > .active > a, .skin-blue.dark .main-header .navbar .nav > li > a > span:hover, .skin-blue.dark .main-header .navbar .nav > li > a > span.active { color: var(--mz-dark-primary); } .skin-blue .main-header .logo { font-family: Helvetica, sans-serif; } .skin-blue .breadcrumb > .active { color: var(--mz-gray-500); font-weight: 600 !important; } .skin-blue.dark .breadcrumb > .active { color: var(--mz-dark-gray-700); } .skin-blue .content-header > .breadcrumb > li > a { color: var(--mz-primary); font-weight: 600; } .skin-blue.dark .content-header > .breadcrumb > li > a { color: var(--mz-dark-primary); } .skin-blue .main-sidebar, .skin-blue .left-side { background-color: var(--mz-sidebar-color); } .skin-blue.dark .main-sidebar, .skin-blue.dark .left-side { background-color: var(--mz-dark-sidebar-color); } .skin-blue .sidebar { background-color: var(--mz-sidebar-color); } .skin-blue.dark .sidebar { background-color: var(--mz-dark-sidebar-color); } .skin-blue .user-panel { border-bottom: 1px solid #2d2d43; } .skin-blue .user-panel > .info > p { font-weight: 500; } .skin-blue .sidebar-menu { font-family: Helvetica, sans-serif; } .skin-blue .sidebar-menu > li > a { background-color: var(--mz-sidebar-color); color: var(--mz-sidebar-font-color); } .skin-blue.dark .sidebar-menu > li > a { background-color: var(--mz-dark-sidebar-color); color: var(--mz-dark-sidebar-text-color); } .skin-blue .sidebar-menu li.header { color: #fcfcfc; } .skin-blue .sidebar-menu li > a > .fa-angle-left, .skin-blue .sidebar-menu li > a > .pull-right-container > .fa-angle-left { color: var(--mz-body-color); } .skin-blue.dark .sidebar-menu li > a > .fa-angle-left, .skin-blue.dark .sidebar-menu li > a > .pull-right-container > .fa-angle-left { color: var(--mz-dark-gray-700); } .skin-blue .treeview-menu > li.active > a { background-color: var(--mz-primary); color: #fffffc; border-radius: 0; } .skin-blue.dark .treeview-menu > li.active > a { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); } .skin-blue .sidebar-menu .treeview-menu { padding-left: 0; background: var(--mz-sidebar-color); } .skin-blue.dark .sidebar-menu .treeview-menu { background: var(--mz-dark-sidebar-color); } .skin-blue .sidebar-menu .treeview-menu .treeview-menu { padding-left: 5px; } @media (min-width: 768px) { .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { margin-left: 0; } } .skin-blue .sidebar-menu .treeview-menu > li > a { padding: 5px 5px 5px 15px; display: flex; font-size: 14px; color: var(--mz-sidebar-font-color); align-items: center; } .skin-blue .sidebar-menu > li > a:hover, .skin-blue .sidebar-menu > li > a:hover > span, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.active > a > span, .skin-blue .treeview-menu > li > a:hover > i, .skin-blue .treeview-menu > li.active > a > i, .skin-blue .treeview-menu > li > a:hover, .skin-blue .treeview-menu > li.active > a { color: var(--mz-white); } .skin-blue .sidebar-menu .treeview-menu > li > a > .fa, .skin-blue .sidebar-menu .treeview-menu > li > a > .glyphicon, .skin-blue .sidebar-menu .treeview-menu > li > a > .ion { font-size: 5px; } .skin-blue .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px; border-top: 1px solid #2d2d43; } .skin-blue .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span { margin-left: 0; } .skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, .skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, .skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, .skin-blue .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { color: var(--mz-body-color); } .skin-blue .control-sidebar-light .control-sidebar-heading, .skin-blue .control-sidebar-light .control-sidebar-subheading { color: var(--mz-body-color); } .skin-blue form .buttons-save-changes-and-action ul.dropdown-menu { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; } .skin-blue form .buttons-save-changes-and-action ul.dropdown-menu li button:hover { background: var(--mz-active-primary); } .skin-blue.dark form .buttons-save-changes-and-action ul.dropdown-menu li button:hover { background: var(--mz-dark-active-primary); } .skin-blue .dropdown-menu { border-color: var(--mz-dashed-border-color); min-width: 160px; border-radius: 7px; left: auto; /*border: 0 solid rgba(0, 0, 0, .15);*/ -webkit-box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%); box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%); } .skin-blue .dropdown-toggle span { color: var(--mz-white); } .skin-blue.dark .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-border-color); } .skin-blue .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .skin-blue .dropdown-menu > li > a:hover { background-color: var(--mz-active-primary); color: var(--mz-white); } .skin-blue.dark .dropdown-menu > li > a:hover { background-color: var(--mz-dark-active-primary); } .skin-blue .dropdown-menu > .divider { background-color: var(--mz-dashed-border-color); } .skin-blue.dark .dropdown-menu > .divider { background-color: var(--mz-dark-table-border-color); } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.header, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.header { background-color: var(--mz-white); color: var(--mz-gray-800); } .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.header, .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.header { background-color: var(--mz-dark-sidebar-color); color: var(--mz-dark-gray-800); border-bottom: 1px solid var(--mz-dark-border-color); } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { border-radius: 0 0 7px 7px; font-size: 14px; background-color: var(--mz-background-color); padding: 7px 10px; border-bottom: 1px solid var(--mz-background-color); color: var(--mz-primary) !important; text-align: center; font-weight: 500; font-family: Helvetica, sans-serif; } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { background-color: var(--mz-primary); border-bottom: 1px solid var(--mz-primary); color: var(--mz-white) !important; } .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background-color: var(--mz-dark-light); border-bottom: 1px solid var(--mz-dark-light); color: var(--mz-dark-primary) !important; } .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { background-color: var(--mz-dark-primary); border-bottom: 1px solid var(--mz-dark-primary); color: var(--mz--dark-white) !important; } .skin-blue @media (max-width: 991px) { .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: #fff !important; color: var(--mz-primary) !important; } .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: var(--mz-dark-sidebar-color); !important; color: var(--mz-dark-primary) !important; } } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { padding: 15px 0 15px 0; } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { color: var(--mz-dark-primary); background: var(--mz-white); } .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { background-color: var(--mz-dark-sidebar-color); border-bottom: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { color: var(--mz-dark-primary); background-color: var(--mz-dark-sidebar-color); } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: var(--mz-gray-600); } .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { color: #000; font-weight: 500; } .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: var(--mz-gray-600); font-size: 9px; font-weight: 500; } .skin-blue.dark .progress { background-color: rgba(var(--mz-dark-secondary-rgb), 1); } .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { padding: 0; margin: 0; background-color: var(--mz-input-color); } .skin-blue.dark .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { background-color: rgba(var(--mz-dark-secondary-rgb), 1); } .skin-blue .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { border: 3px solid rgba(255, 255, 255, 0.2); } .skin-blue .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { color: var(--mz-white); font-weight: 500; } .skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { color: var(--mz-dark-gray-900); } .skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer { background-color: var(--mz-dark-light-primary); border-top: 1px solid var(--mz-dark-primary); } .skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: var(--mz-primary); background-color: var(--mz-light-primary); border-color: var(--mz-light-primary); border-radius: 7px; font-weight: 500; } .skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: var(--mz-dark-gray-900); background-color: var(--mz-dark-primary); border-color: var(--mz-dark-primary); } .skin-blue .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { background-color: var(--mz-active-primary); color: var(--mz-white); } .skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { background-color: var(--mz-dark-active-primary); } .skin-blue .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { border-radius: 8px; } .skin-blue.dark .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { background-color: var(--mz-dark-sidebar-color); } .skin-blue.dark .navbar-nav > .user-menu > .dropdown-menu { border: 0; } .skin-blue .form-control { border-radius: 7px; border: 1px solid var(--mz-input-border-color) !important; padding: 10px 10px; font-weight: 500; font-size: 15px; line-height: 1.2; color: var(--mz-gray-800); background-color: var(--mz-background-color); box-shadow: none; transition: color .2s ease, background-color .2s ease; } .skin-blue.dark .form-control { border: 1px solid var(--mz-dark-border-color) !important; color: var(--mz-dark-input-text-color); background-color: var(--mz-dark-input-color); } .skin-blue .form-control:focus { background-color: var(--mz-input-focus-color); border-color: var(--mz-input-focus-color); } .skin-blue.dark .form-control:focus { background-color: var(--mz-dark-input-focus-color); border-color: var(--mz-dark-input-focus-color); } .skin-blue .form-control::-webkit-input-placeholder { color: var(--mz-placeholder-color); } .skin-blue.dark .form-control::-webkit-input-placeholder { color: var(--mz-dark-placeholder-color); } .skin-blue .form-group::-webkit-input-placeholder { color: var(--mz-placeholder-color); } .skin-blue.dark .form-group::-webkit-input-placeholder { color: var(--mz-dark-placeholder-color); } .skin-blue .form-control[disabled], .skin-blue .form-control[readonly], .skin-blue fieldset[disabled] .form-control { color: var(--mz-gray-600); background-color: var(--mz-gray-300); } .skin-blue.dark .form-control[disabled], .skin-blue.dark .form-control[readonly], .skin-blue.dark fieldset[disabled] .form-control { color: var(--mz-gray-500); background-color: var(--mz-dark-secondary); } .skin-blue .form-group.has-success label { color: var(--mz-success); } .skin-blue .form-group.has-success .form-control, .skin-blue .form-group.has-success .input-group-addon { border-color: var(--mz-success); } .skin-blue .form-group.has-warning label { color: var(--mz-warning); } .skin-blue .form-group.has-warning .form-control, .skin-blue .form-group.has-warning .input-group-addon { border-color: var(--mz-warning); } .skin-blue .form-group.has-warning .help-block { color: var(--mz-warning); } .skin-blue .form-group.has-error label { color: var(--mz-danger); } .skin-blue .form-group.has-error .form-control, .skin-blue .form-group.has-error .input-group-addon { border-color: var(--mz-danger); box-shadow: none; } .skin-blue .form-group.has-error .help-block { color: var(--mz-danger); } .skin-blue .form-group > a.btn.btn-flat { background-color: var(--mz-primary); color: var(--mz-white); } .skin-blue .form-group > a.btn.btn-flat:hover, .skin-blue .form-group > a.btn.btn-flat.active { background-color: var(--mz-active-primary); color: var(--mz-white); } .skin-blue.dark .form-group > a.btn.btn-flat:hover, .skin-blue.dark .form-group > a.btn.btn-flat.active { background-color: var(--mz-dark-active-primary); } .skin-blue .btn-flat:hover, .skin-blue .btn-flat.active { outline: 0; } .skin-blue .progress, .skin-blue .progress > .progress-bar, .skin-blue .progress .progress-bar, .skin-blue .progress > .progress-bar .progress-bar { border-radius: 7px; } .skin-blue .progress.sm, .skin-blue .progress-sm, .skin-blue .progress.sm .progress-bar, .skin-blue .progress-sm .progress-bar { border-radius: 3px; } .skin-blue .progress.xs, .skin-blue .progress-xs, .skin-blue .progress.xs .progress-bar, .skin-blue .progress-xs .progress-bar { border-radius: 3px; } .skin-blue .progress.xxs, .skin-blue .progress-xxs, .skin-blue .progress.xxs .progress-bar, .skin-blue .progress-xxs .progress-bar { border-radius: 3px; } .skin-blue .progress-group .progress-text { font-weight: 500; } .skin-blue .progress-bar-light-blue, .skin-blue .progress-bar-primary { background-color: var(--mz-primary); } .skin-blue.dark .progress-bar-light-blue, .skin-blue.dark .progress-bar-primary { background-color: rgba(var(--mz-dark-primary-rgb), 1); } .skin-blue .progress-bar-green, .skin-blue .progress-bar-success { background-color: var(--mz-success); } .skin-blue.dark .progress-bar-green, .skin-blue.dark .progress-bar-success { background-color: rgba(var(--mz-dark-success-rgb), 1); } .skin-blue .progress-bar-aqua, .skin-blue .progress-bar-info { background-color: var(--mz-info); } .skin-blue.dark .progress-bar-aqua, .skin-blue.dark .progress-bar-info { background-color: rgba(var(--mz-dark-info-rgb), 1); } .skin-blue .progress-bar-yellow, .skin-blue .progress-bar-warning { background-color: var(--mz-warning); } .skin-blue.dark .progress-bar-yellow, .skin-blue.dark .progress-bar-warning { background-color: rgba(var(--mz-dark-warning-rgb), 1); } .skin-blue .progress-bar-red, .skin-blue .progress-bar-danger { background-color: var(--mz-danger); } .skin-blue.dark .progress-bar-red, .skin-blue.dark .progress-bar-danger { background-color: rgba(var(--mz-dark-danger-rgb), 1); } .skin-blue .small-box { border-radius: 0; } .skin-blue .box { position: relative; border-radius: 8px; background: var(--mz-white); border: 1px solid var(--mz-input-focus-color); margin-bottom: 20px; width: 100%; -webkit-box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%); -moz-box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%); box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%); } .skin-blue.dark .col-lg-4 > .box { border: 1px solid var(--mz-dark-secondary) !important; background: var(--mz-dark-secondary); } .skin-blue.dark .box { background-color: var(--mz-dark-sidebar-color); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid var(--mz-dark-secondary); } .skin-blue.dark .box-footer { background-color: var(--mz-dark-sidebar-color); border-top: 1px solid var(--mz-dark-sidebar-color); } .skin-blue .borderless { box-shadow: 10px 10px 50px #dee2e6; border-radius: 8px; } .skin-blue.dark .borderless { box-shadow: none; border-radius: 8px; } .skin-blue .box.borderless { padding: 10px 15px; border: 1px solid var(--mz-input-focus-color); } .skin-blue.dark .box.borderless { padding: 10px 15px; border: 1px solid var(--mz-dark-sidebar-color); } /*.skin-blue.dark .box.borderless:nth-child(2) {*/ /* padding: 10px 15px;*/ /* border: 1px solid var(--mz-gray-600);*/ /*}*/ /* CRISTI */ /*.col-lg-6 > .box.borderless {*/ /* padding: 10px 15px;*/ /* border-radius: 0;*/ /* border: 0;*/ /*}*/ .skin-blue .box.box-primary { border-color: var(--mz-input-focus-color); } .skin-blue.dark .box.box-primary.price-plan-box.borderless { border-color: var(--mz-dark-light-primary); background-color: var(--mz-dark-light-primary); } .skin-blue.dark .box-primary.price-plan-box .box-footer { background-color: var(--mz-dark-light-primary); border-top-color: var(--mz-dark-primary); } .skin-blue.dark .box.box-success.price-plan-box.borderless { border-color: var(--mz-dark-border-color); background-color: var(--mz-dark-secondary); } .skin-blue.dark .box-success.price-plan-box .box-footer { background-color: var(--mz-dark-secondary); border-top-color: var(--mz-dark-gray-400); } .skin-blue .box.box-info { border-top-color: var(--mz-info); } .skin-blue .box.box-danger { border-top-color: var(--mz-danger); } .skin-blue .box.box-warning { border-top-color: var(--mz-warning); } .skin-blue .box.box-success { border-top-color: var(--mz-success); } .skin-blue .box.box-solid.box-default > .box-header { color: var(--mz-gray-700); background-color: #d2d6de; } .skin-blue .box.box-solid.box-primary { border: 1px solid var(--mz-primary); } .skin-blue .box.box-solid.box-primary > .box-header { color: var(--mz-white); background: var(--mz-primary); } .skin-blue .box.box-solid.box-info { border: 1px solid var(--mz-primary); } .skin-blue .box.box-solid.box-info > .box-header { color: var(--mz-white); background: var(--mz-primary); } .skin-blue .box.box-solid.box-danger { border: 1px solid var(--mz-danger); } .skin-blue .box.box-solid.box-danger > .box-header { color: var(--mz-white); background: var(--mz-danger); } .skin-blue .box.box-solid.box-warning { border: 1px solid var(--mz-warning); } .skin-blue .box.box-solid.box-warning > .box-header { color: var(--mz-white); background: var(--mz-warning); } .skin-blue .box.box-solid.box-success { border: 1px solid var(--mz-success); } .skin-blue .box.box-solid.box-success > .box-header { color: var(--mz-white); background: var(--mz-success); } .skin-blue .box-header > .fa, .skin-blue .box-header > .glyphicon, .skin-blue .box-header > .ion, .skin-blue .box-header .box-title { font-weight: 500; } .skin-blue .box-comments .username { font-weight: 500; } .skin-blue .todo-list > li .text { font-weight: 500; } .skin-blue .todo-list > li .tools { color: var(--mz-danger); } .skin-blue .todo-list .danger { border-left-color: var(--mz-danger); } .skin-blue .todo-list .warning { border-left-color: var(--mz-warning); } .skin-blue .todo-list .info { border-left-color: var(--mz-info); } .skin-blue .todo-list .success { border-left-color: var(--mz-success); } .skin-blue .todo-list .primary { border-left-color: var(--mz-primary); } .skin-blue .chat .item > .online { border: 2px solid var(--mz-success); } .skin-blue .chat .item > .offline { border: 2px solid var(--mz-danger); } .skin-blue .chat .item > .message > .name { display: block; font-weight: 500; } .skin-blue .chat .item > .attachment > h4 { font-weight: 500; } .skin-blue .chat .item > .attachment > p, .skin-blue .chat .item > .attachment > .filename { font-weight: 500; } .skin-blue .panel-default .panel-body > h4 { font-size: 15px; font-weight: 500; } .skin-blue .panel-footer { background-color: var(--mz-white); border: 0; padding-top: 0; } .skin-blue.dark .panel-footer { background-color: var(--mz-dark-sidebar-color); } .skin-blue .panel-body { padding-bottom: 0; } .skin-blue .timeline:before { background: var(--mz-input-color); border-radius: 1px; } .skin-blue.dark .timeline:before { background: var(--mz-dark-input-color); } .skin-blue.dark .timeline > li > .timeline-item { background-color: var(--mz-dark-secondary); } .skin-blue .timeline > li > .timeline-item { -webkit-box-shadow: 0 0 20px 0 rgb(76 87 125 / 2%); box-shadow: 10px 10px 50px #dee2e6; border-radius: 7px; color: var(--mz-text-gray); margin-right: 17px; font-weight: 600 !important; position: relative; border: 1px solid var(--mz-input-focus-color); } .skin-blue.dark .timeline > li > .timeline-item { -webkit-box-shadow: none; box-shadow: none; color: var(--mz-dark-gray-700); border: 1px solid var(--mz-dark-border-color); } .skin-blue .timeline > li > .timeline-item > .time { color: var(--mz-text-gray); font-weight: 600 !important; } .skin-blue .timeline > li > .timeline-item > .timeline-header { color: var(--mz-form-text-color); border-bottom: 1px solid var(--mz-white); } .skin-blue.dark .timeline > li > .timeline-item > .timeline-header { border-bottom: 1px solid var(--mz-dark-gray-400); } .skin-blue .timeline > li > .timeline-item > .timeline-header > a { font-weight: 500; color: var(--mz-form-text-color); } .skin-blue.dark .timeline > li > .timeline-item > .timeline-header > a { color: var(--mz-dark-gray-800); } .skin-blue .timeline > .time-label > span { font-weight: 600 !important; border-radius: 7px !important; color: var(--mz-white); font-size: 13px !important; } .skin-blue .btn.btn-flat { border-radius: 3px; font-family: Helvetica, sans-serif; } .skin-blue.dark .btn.btn-flat { color: var(--mz-dark-gray-900); border-radius: 3px; font-family: Helvetica, sans-serif; } .skin-blue .btn-default { background-color: var(--mz-input-color); color: var(--mz-text-gray); font-weight: 500; border-color: var(--mz-input-color); } .skin-blue.dark .btn-default { color: var(--mz-dark-gray-800); font-weight: 500; background-color: var(--mz-dark-light); border-color: var(--mz-dark-light); } .skin-blue .btn-default:hover, .skin-blue .btn-default:active, .skin-blue .btn-default.hover { background-color: var(--mz-input-focus-color); } .skin-blue.dark .btn-default:hover, .skin-blue.dark .btn-default:active, .skin-blue.dark .btn-default.hover { background-color: var(--mz-dark-gray-700); color: var(--mz-dark-gray-900); } .skin-blue form .buttons-save-changes-and-action ul.dropdown-menu li button:hover { background-color: var(--mz-active-primary); border-color: var(--mz-active-primary); color: var(--mz-white); } .skin-blue .btn-primary { background-color: var(--mz-primary); border-color: var(--mz-primary); color: var(--mz-white); font-size: 1.4rem; font-weight: 550; line-height: 1.5; } .skin-blue.dark .btn-primary { background-color: var(--mz-dark-primary); border-color: var(--mz-dark-primary); color: var(--mz-white); } .skin-blue .btn-primary:hover, .skin-blue .btn-primary:focus, .skin-blue .btn-primary:active, .skin-blue .btn-primary.active, .skin-blue .open .dropdown-toggle.btn-primary { background-color: var(--mz-primary); color: var(--mz-white); border-color: var(--mz-primary); outline: 0 !important; } .skin-blue.dark .btn-primary:hover, .skin-blue.dark .btn-primary:focus, .skin-blue.dark .btn-primary:active, .skin-blue.dark .btn-primary.active, .skin-blue.dark .open .dropdown-toggle.btn-primary { background-color: var(--mz-dark-active-primary); border-color: var(--mz-dark-active-primary); } .skin-blue .btn-success { background-color: var(--mz-success); border-color: var(--mz-success); color: var(--mz-white); } .skin-blue .btn-facebook { color: var(--mz-white); background-color: #3b5998 !important; border-color: rgba(0, 0, 0, 0.2) !important; } .skin-blue .btn-twitter { color: var(--mz-white); background-color: #26a7de !important; border-color: rgba(0, 0, 0, 0.2) !important; } .skin-blue.dark .btn-success { background-color: var(--mz-dark-success); border-color: var(--mz-dark-success); color: var(--mz-white); } .skin-blue .btn-success:hover, .skin-blue .btn-success:active, .skin-blue .btn-success.hover { background-color: var(--mz-success) !important; color: var(--mz-white); outline: 0 !important; border-color: var(--mz-success); } .skin-blue.dark .btn-success:hover, .skin-blue.dark .btn-success:active, .skin-blue.dark .btn-success.hover { background-color: var(--mz-dark-active-success); border-color: var(--mz-dark-active-success); } .skin-blue .btn-info { background-color: var(--mz-info); border-color: var(--mz-info); outline: 0 !important; color: var(--mz-white); } .skin-blue.dark .btn-info { background-color: var(--mz-dark-info); border-color: var(--mz-dark-info); } .skin-blue .btn-info:hover, .skin-blue .btn-info:active, .skin-blue .btn-info.hover { background-color: var(--mz-info); } .skin-blue.dark .btn-info:hover, .skin-blue.dark .btn-info:active, .skin-blue.dark .btn-info.hover { background-color: var(--mz-dark-active-info); } .skin-blue .btn-danger { color: var(--mz-white) !important; background-color: var(--mz-danger); border-color: var(--mz-danger); outline: 0 !important; } .skin-blue.dark .btn-danger { background-color: var(--mz-dark-danger); border-color: var(--mz-dark-danger); } .skin-blue .btn-danger:hover, .skin-blue .btn-danger:focus, .skin-blue .btn-danger:active, .skin-blue .btn-danger.active, .skin-blue .open .dropdown-toggle.btn-danger { background-color: var(--mz-danger); color: var(--mz-white); outline: 0 !important; border-color: var(--mz-danger); } .skin-blue.dark .btn-danger:hover, .skin-blue.dark .btn-danger:focus, .skin-blue.dark .btn-danger:active, .skin-blue.dark .btn-danger.active, .skin-blue.dark .open .dropdown-toggle.btn-danger { background-color: var(--mz-dark-active-danger); border-color: var(--mz-dark-active-danger); } .skin-blue .btn-warning { background-color: var(--mz-warning); border-color: var(--mz-warning); } .skin-blue.dark .btn-warning { background-color: var(--mz-dark-warning); border-color: var(--mz-dark-warning); } .skin-blue .btn-warning:hover, .skin-blue .btn-warning:active, .skin-blue .btn-warning.hover { background-color: var(--mz-warning); border-color: var(--mz-warning); color: var(--mz-white); outline: 0 !important; } .skin-blue.dark .btn-warning:hover, .skin-blue.dark .btn-warning:active, .skin-blue.dark .btn-warning.hover { background-color: var(--mz-dark-active-warning); border-color: var(--mz-dark-active-warning); } .skin-blue .callout a { color: var(--mz-primary); font-weight: 500; } .skin-blue .callout a:hover { color: var(--mz-active-primary); } .skin-blue.dark .callout a:hover { color: var(--mz-dark-active-primary); } .skin-blue .callout h4 { font-weight: 500; } .skin-blue .callout h4 { font-weight: 500; color: var(--mz--dark-white); } .skin-blue .callout p:not:first-child { color: var(--mz-white); } .skin-blue .callout.callout-danger { border-color: transparent; } .skin-blue .callout.callout-warning { border-color: transparent; } .skin-blue .callout.callout-info { border-color: transparent; color: var(--mz-white); background-color: var(--mz-info); font-family: Helvetica, sans-serif; } .skin-blue.dark .callout.callout-info { background-color: var(--mz-dark-info); } .skin-blue .callout.callout-success { border-color: transparent; } .skin-blue .alert a { color: var(--mz-white) !important; } .skin-blue .alert h4 { font-weight: 500; } .skin-blue .alert ul li { font-weight: 500; font-family: Helvetica, sans-serif; font-size: 15px; } #csv-import .alert { padding: 1px 1px 1px 5px; } .skin-blue .alert-success { border-color: var(--mz-success); } .skin-blue.dark .alert-success { border-color: var(--mz-dark-success); } .skin-blue .alert-danger, .skin-blue .alert-error { border-color: var(--mz-danger); } .skin-blue.dark .alert-danger, .skin-blue.dark .alert-error { border-color: var(--mz-dark-danger); } .skin-blue .alert-warning { border-color: var(--mz-warning); } .skin-blue.dark .alert-warning { border-color: var(--mz-dark-warning); } .skin-blue .alert-info { border-color: var(--mz-info); } .skin-blue.dark .alert-info { border-color: var(--mz-dark-info); } .skin-blue .nav > li > a:hover, .skin-blue .nav > li > a:active, .skin-blue .nav > li > a:focus { color: var(--mz-primary); background-color: transparent; } .skin-blue.dark .nav > li > a:hover, .skin-blue.dark .nav > li > a:active, .skin-blue.dark .nav > li > a:focus { color: var(--mz-dark-primary); } .skin-blue .nav-pills > li > a { color: var(--mz-white); } .skin-blue .nav-pills > li.active > a, .skin-blue .nav-pills > li.active > a:hover, .skin-blue .nav-pills > li.active > a:focus { border-top-color: var(--mz-primary); } .skin-blue.dark .nav-pills > li.active > a, .skin-blue.dark .nav-pills > li.active > a:hover, .skin-blue.dark .nav-pills > li.active > a:focus { border-top-color: var(--mz-dark-primary); } .skin-blue .nav-pills > li.active > a { font-weight: 500; } .skin-blue .nav-tabs > li.active > a, .skin-blue .nav-tabs > li.active > a:hover, .skin-blue .nav-tabs > li.active > a:focus { color: var(--mz-sidebar-color); font-weight: 500; } .skin-blue.dark .nav-tabs > li.active > a, .skin-blue.dark .nav-tabs > li.active > a:hover, .skin-blue.dark .nav-tabs > li.active > a:focus { color: var(--mz-dark-gray-800); background-color: var(--mz-dark-sidebar-color); border-left-color: var(--mz-dark-border-color); border-right-color: var(--mz-dark-border-color); } .skin-blue .nav-stacked > li.active > a, .skin-blue .nav-stacked > li.active > a:hover { border-left-color: var(--mz-primary); } .skin-blue.dark .nav-stacked > li.active > a, .skin-blue.dark .nav-stacked > li.active > a:hover { border-left-color: var(--mz-dark-primary); } .skin-blue .nav-tabs-custom > .nav-tabs > li > a { color: #a1a5b7; font-weight: 500; } .skin-blue.dark .nav-tabs-custom > .nav-tabs > li > a { color: var(--mz-dark-gray-800); } .skin-blue .nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--mz-primary); } .skin-blue.dark .nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--mz-dark-primary); } .skin-blue .nav-tabs-custom .dropdown.open > a:active, .skin-blue .nav-tabs-custom .dropdown.open > a:focus { background: var(--mz-primary); } .skin-blue.dark .nav-tabs-custom .dropdown.open > a:active, .skin-blue.dark .nav-tabs-custom .dropdown.open > a:focus { background: var(--mz-dark-primary); } .skin-blue .nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: var(--mz-primary); } .skin-blue.dark .nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: var(--mz-dark-primary); } .skin-blue .nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: var(--mz-info); } .skin-blue.dark .nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: var(--mz-dark-info); } .skin-blue .nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: var(--mz-danger); } .skin-blue.dark .nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: var(--mz-dark-danger); } .skin-blue .nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: var(--mz-warning); } .skin-blue.dark .nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: var(--mz-dark-warning); } .skin-blue .nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: var(--mz-success); } .skin-blue.dark .nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: var(--mz-dark-success); } .skin-blue .products-list .product-title { font-weight: 500; } .skin-blue.dark .table-bordered { border: 1px solid var(--mz-dark-table-border-color); } .skin-blue .table > thead > tr > td.success, .skin-blue .table > tbody > tr > td.success, .skin-blue .table > tfoot > tr > td.success, .skin-blue .table > thead > tr > th.success, .skin-blue .table > tbody > tr > th.success, .skin-blue .table > tfoot > tr > th.success, .skin-blue .table > thead > tr.success > td, .skin-blue .table > tbody > tr.success > td, .skin-blue .table > tfoot > tr.success > td, .skin-blue .table > thead > tr.success > th, .skin-blue .table > tbody > tr.success > th, .skin-blue .table > tfoot > tr.success > th { background-color: var(--mz-light-success); } .skin-blue.dark .table > thead > tr > th { border-bottom: 2px solid var(--mz-dark-table-border-color); border-top: 2px solid var(--mz-dark-table-border-color) !important; } .skin-blue .table > thead > tr > th, .skin-blue .table > tbody > tr > th, .skin-blue .table > tfoot > tr > th, .skin-blue .table > thead > tr > td, .skin-blue .table > tbody > tr > td, .skin-blue .table > tfoot > tr > td { color: var(--mz-gray-700); font-family: Helvetica, sans-serif; } .skin-blue.dark .table > thead > tr > th, .skin-blue.dark .table > tbody > tr > th, .skin-blue.dark .table > tfoot > tr > th, .skin-blue.dark .table > thead > tr > td, .skin-blue.dark .table > tbody > tr > td, .skin-blue.dark .table > tfoot > tr > td { color: var(--mz-dark-gray-700); background-color: var(--mz-dark-sidebar-color); border-top: 1px solid var(--mz-dark-table-border-color); } .skin-blue .table > tfoot > tr > td { color: var(--mz-dark-input-text-color); } .skin-blue .table > thead > tr > th a { color: #191d31; } .skin-blue.dark .table > thead > tr > th a { color: var(--mz-dark-input-text-color); } .skin-blue .table > tbody > tr > th a, .skin-blue .table > tfoot > tr > th a, .skin-blue .table > thead > tr > td a, .skin-blue .table > tbody > tr > td a, .skin-blue .table > tfoot > tr > td a { color: var(--mz-gray-700); } .skin-blue.dark .table > tbody > tr > th a, .skin-blue.dark .table > tfoot > tr > th a, .skin-blue.dark .table > thead > tr > td a, .skin-blue.dark .table > tbody > tr > td a, .skin-blue.dark .table > tfoot > tr > td a { color: var(--mz-dark-gray-700); } .skin-blue .table.table-striped.table-bordered.table-hover.table-condensed > tbody > tr > td a { color: var(--mz-primary); } .skin-blue.dark .table.table-striped.table-bordered.table-hover.table-condensed > tbody > tr > td a { color: var(--mz-dark-primary); } .skin-blue .table > thead > tr:first-child > th { color: var(--mz-form-text-color); border-bottom: 1px solid var(--mz-input-color); border-top: 1px solid var(--mz-input-color); font-weight: 600 !important; white-space: nowrap; vertical-align: middle; background-color: var(--mz-input-color) !important; font-family: Helvetica, sans-serif; } .skin-blue.dark .table > thead > tr:first-child > th { color: var(--mz-dark-input-text-color); border-bottom: 1px solid var(--mz-dark-table-border-color); border-top: 2px solid var(--mz-dark-table-border-color) !important; background-color: var(--mz-dark-sidebar-color) !important; } .skin-blue .table-hover > tbody > tr:hover td { background-color: #f7fafb; } .skin-blue.dark .table-hover > tbody > tr:hover td { background-color: var(--mz-dark-table-hover-color); } .skin-blue label { font-weight: 500 !important; margin-bottom: 0.5rem !important; color: var(--mz-gray-800); font-family: Helvetica, sans-serif; } .skin-blue.dark label { color: var(--mz-dark-gray-700); } .skin-blue .direct-chat-name { font-weight: 500; } .skin-blue .contacts-list-name { font-weight: 500; } .skin-blue .direct-chat-danger .right > .direct-chat-text { background: var(--mz-danger); border-color: var(--mz-danger); color: var(--mz-white); } .skin-blue.dark .direct-chat-danger .right > .direct-chat-text { background: var(--mz-dark-danger); border-color: var(--mz-dark-danger); } .skin-blue .direct-chat-danger .right > .direct-chat-text:after, .skin-blue .direct-chat-danger .right > .direct-chat-text:before { border-left-color: var(--mz-danger); } .skin-blue.dark .direct-chat-danger .right > .direct-chat-text:after, .skin-blue.dark .direct-chat-danger .right > .direct-chat-text:before { border-left-color: var(--mz-dark-danger); } .skin-blue .direct-chat-primary .right > .direct-chat-text { background: var(--mz-primary); border-color: var(--mz-primary); } .skin-blue.dark .direct-chat-primary .right > .direct-chat-text { background: var(--mz-dark-primary); border-color: var(--mz-dark-primary); } .skin-blue .direct-chat-primary .right > .direct-chat-text:after, .skin-blue .direct-chat-primary .right > .direct-chat-text:before { border-left-color: var(--mz-primary); } .skin-blue.dark .direct-chat-primary .right > .direct-chat-text:after, .skin-blue.dark .direct-chat-primary .right > .direct-chat-text:before { border-left-color: var(--mz-dark-primary); } .skin-blue .direct-chat-warning .right > .direct-chat-text { background: var(--mz-warning); border-color: var(--mz-warning); } .skin-blue.dark .direct-chat-warning .right > .direct-chat-text { background: var(--mz-dark-warning); border-color: var(--mz-dark-warning); } .skin-blue .direct-chat-warning .right > .direct-chat-text:after, .skin-blue .direct-chat-warning .right > .direct-chat-text:before { border-left-color: var(--mz-warning); } .skin-blue.dark .direct-chat-warning .right > .direct-chat-text:after, .skin-blue.dark .direct-chat-warning .right > .direct-chat-text:before { border-left-color: var(--mz-dark-warning); } .skin-blue .direct-chat-info .right > .direct-chat-text { background: var(--mz-info); border-color: var(--mz-info); } .skin-blue.dark .direct-chat-info .right > .direct-chat-text { background: var(--mz-dark-info); border-color: var(--mz-dark-info); } .skin-blue .direct-chat-info .right > .direct-chat-text:after, .skin-blue .direct-chat-info .right > .direct-chat-text:before { border-left-color: var(--mz-info); } .skin-blue.dark .direct-chat-info .right > .direct-chat-text:after, .skin-blue.dark .direct-chat-info .right > .direct-chat-text:before { border-left-color: var(--mz-dark-info); } .skin-blue .direct-chat-success .right > .direct-chat-text { background: var(--mz-success); border-color: var(--mz-success); } .skin-blue.dark .direct-chat-success .right > .direct-chat-text { background: var(--mz-dark-success); border-color: var(--mz-dark-success); } .skin-blue .direct-chat-success .right > .direct-chat-text:after, .skin-blue .direct-chat-success .right > .direct-chat-text:before { border-left-color: var(--mz-success); } .skin-blue.dark .direct-chat-success .right > .direct-chat-text:after, .skin-blue.dark .direct-chat-success .right > .direct-chat-text:before { border-left-color: var(--mz-dark-success); } .skin-blue .users-list-name { font-weight: 500; } .skin-blue .modal-content { border-radius: 8px; } .skin-blue.dark .modal-footer { border-top-color: var(--mz-dark-border-color); } .skin-blue.dark .modal-content { border-radius: 8px; background-color: var(--mz-dark-sidebar-color); } .skin-blue .modal-title i, .skin-blue .box-title i { margin-right: 5px; } .skin-blue.dark .modal-body { color: var(--mz-dark-gray-800); } .skin-blue.dark .modal-header { border-color: var(--mz-dark-border-color); } .skin-blue .alert .badge { background-color: var(--mz-text-gray); } .skin-blue.dark .alert .badge { padding: 3px 7px; background-color: var(--mz-dark-light-primary); } .skin-blue .badge { color: var(--mz-text-gray); background-color: var(--mz-input-color); border-radius: 7px; font-weight: 600 !important; } .skin-blue.dark .badge { padding: 5px 8px; color: var(--mz-dark-primary); background-color: var(--mz-dark-light-primary); } .skin-blue .modal-header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .skin-blue .modal-footer { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .skin-blue .modal-primary .modal-header, .skin-blue .modal-primary .modal-footer { border-color: var(--mz-primary); } .skin-blue.dark .modal-primary .modal-header, .skin-blue.dark .modal-primary .modal-footer { border-color: var(--mz-dark-primary); } .skin-blue .modal-warning .modal-header, .skin-blue .modal-warning .modal-footer { border-color: var(--mz-warning); } .skin-blue.dark .modal-warning .modal-header, .skin-blue.dark .modal-warning .modal-footer { border-color: var(--mz-dark-warning); } .skin-blue .modal-info .modal-header, .skin-blue .modal-info .modal-footer { border-color: var(--mz-info); } .skin-blue.dark .modal-info .modal-header, .skin-blue.dark .modal-info .modal-footer { border-color: var(--mz-dark-info); } .skin-blue .modal-success .modal-header, .skin-blue .modal-success .modal-footer { border-color: var(--mz-success); } .skin-blue.dark .modal-success .modal-header, .skin-blue.dark .modal-success .modal-footer { border-color: var(--mz-dark-success); } .skin-blue .modal-danger .modal-header, .skin-blue .modal-danger .modal-footer { border-color: var(--mz-danger); } .skin-blue.dark .modal-danger .modal-header, .skin-blue.dark .modal-danger .modal-footer { border-color: var(--mz-dark-danger); } .skin-blue .lockscreen .lockscreen-name { font-weight: 500; } .skin-blue .btn-tumblr:active:hover, .skin-blue .btn-tumblr.active:hover, .skin-blue .open > .dropdown-toggle.btn-tumblr:hover, .skin-blue .btn-tumblr:active:focus, .skin-blue .btn-tumblr.active:focus, .skin-blue .open > .dropdown-toggle.btn-tumblr:focus, .skin-blue .btn-tumblr:active.focus, .skin-blue .btn-tumblr.active.focus, .skin-blue .open > .dropdown-toggle.btn-tumblr.focus { background-color: var(--mz-body-color); } .skin-blue.dark .btn-tumblr:active:hover, .skin-blue.dark .btn-tumblr.active:hover, .skin-blue.dark .open > .dropdown-toggle.btn-tumblr:hover, .skin-blue.dark .btn-tumblr:active:focus, .skin-blue.dark .btn-tumblr.active:focus, .skin-blue.dark .open > .dropdown-toggle.btn-tumblr:focus, .skin-blue.dark .btn-tumblr:active.focus, .skin-blue.dark .btn-tumblr.active.focus, .skin-blue.dark .open > .dropdown-toggle.btn-tumblr.focus { background-color: var(--mz-dark-background-color); } .skin-blue .select2-container--default .select2-selection--single, .skin-blue .select2-selection .select2-selection--single { border: 1px solid var(--mz-input-border-color); background-color: var(--mz-input-color); color: var(--mz-gray); border-radius: 8px; height: 36px; padding: 8px 10px; } .skin-blue.dark .select2-container--default .select2-selection--single, .skin-blue.dark .select2-selection .select2-selection--single { border: 1px solid var(--mz-dark-light); background-color: var(--mz-dark-input-color); color: var(--mz-dark-gray-700); } .skin-blue .select2-container--default.select2-container--open { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; background-color: #eef3f7; border-radius: 8px; } .skin-blue.dark .select2-container--default.select2-container--open { background-color: var(--mz-dark-input-color); } .skin-blue .select2-dropdown { border: 1px solid var(--mz-primary); } .skin-blue.dark .select2-dropdown { border: 1px solid var(--mz-dark-primary); } .skin-blue .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--mz-light-primary); color: var(--mz-primary); } .skin-blue.dark .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue .select2-results__option { padding: 10px 10px; user-select: none; -webkit-user-select: none; color: var(--mz-gray); font-size: 15px; } .skin-blue.dark .select2-results__option { color: var(--mz-dark-gray-700); } .skin-blue .select2-search--dropdown { padding: 8px 20px; margin: 0 0 8px 0; } .skin-blue .select2-container--open .select2-dropdown--below { border: 0; box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%); border-radius: 8px; padding: 1rem 0; background-color: var(--mz-white); } .skin-blue.dark .select2-container--open .select2-dropdown--below { box-shadow: none; background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-light); } .skin-blue .select2-container--open .select2-dropdown--above { border: 0; box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%); border-radius: 8px; padding: 1rem 0; background-color: #fff; } .skin-blue.dark .select2-container--open .select2-dropdown--above { box-shadow: none; background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-light); } .skin-blue .select2-container .select2-selection--single .select2-selection__rendered { font-family: Helvetica, sans-serif; color: var(--mz-gray); font-size: 15px; } .skin-blue.dark .select2-container .select2-selection--single .select2-selection__rendered { color: var(--mz-dark-gray-700); } .skin-blue .select2-container .select2-dropdown .select2-search__field, .skin-blue .select2-container .select2-search--inline .select2-search__field { background-color: var(--mz-white); padding: 9px 20px; color: var(--mz-gray); font-size: 14px; border: 1px solid var(--mz-dashed-border-color); border-radius: 8px; outline: 0 !important; margin-top: 5px !important; } .skin-blue.dark .select2-container .select2-dropdown .select2-search__field, .skin-blue.dark .select2-container .select2-search--inline .select2-search__field { color: var(--mz-dark-gray-700); border: 1px solid var(--mz-dark-light); background-color: var(--mz-dark-input-color); } .skin-blue .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--mz-primary); color: var(--mz-white); } .skin-blue.dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--mz-dark-primary); color: var(--mz--dark-white); } .skin-blue .select2-container--default .select2-results__option[aria-selected=true], .skin-blue .select2-container--default .select2-results__option[aria-selected=true]:hover { color: var(--mz-white); } .skin-blue .select2-container--default .select2-selection--multiple { border: 1px solid var(--mz-input-border-color); background-color: var(--mz-input-color); color: var(--mz-gray); border-radius: 8px; } .skin-blue.dark .select2-container--default .select2-selection--multiple { border: 1px solid var(--mz-dark-border-color); background-color: var(--mz-dark-input-color); color: var(--mz-dark-gray-700); } .skin-blue .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .skin-blue .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field { background-color: transparent; padding: 2px 4px; color: var(--mz-gray); font-size: 14px; border: 0; border-radius: 8px; outline: 0 !important; } .skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field { color: var(--mz-dark-gray-700); border: 0 !important; } .skin-blue .select2-container--default .select2-selection--multiple:focus { border-color: var(--mz-input-border-color); } .skin-blue.dark .select2-container--default .select2-selection--multiple:focus { border-color: var(--mz-dark-input-color); } .skin-blue .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--mz-input-border-color); } .skin-blue.dark .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--mz-dark-border-color); } .skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 1px 10px; color: #fff; background-color: var(--mz-dashed-border-color); } .skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--mz-dark-input-color); } .skin-blue .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: 7px; } .skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #a2a7b5; } .skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--mz-dark-gray-700); } .skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--mz-dashed-border-color); border-color: var(--mz-dashed-border-color); color: var(--mz-gray); font-size: 12px; font-weight: 500; } .skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--mz-dark-table-border-color); border-color: var(--mz-dark-input-color); color: var(--mz-dark-gray-700); } .skin-blue .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--mz-primary); } .skin-blue.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--mz-dark-primary); } .skin-blue .description-block > .description-header { font-weight: 500; } .skin-blue .bg-red, .skin-blue .bg-yellow, .skin-blue .bg-aqua, .skin-blue .bg-blue, .skin-blue .bg-light-blue, .skin-blue .bg-green, .skin-blue .bg-navy, .skin-blue .bg-teal, .skin-blue .bg-olive, .skin-blue .bg-lime, .skin-blue .bg-orange, .skin-blue .bg-fuchsia, .skin-blue .bg-purple, .skin-blue .bg-maroon, .skin-blue .bg-black, .skin-blue .bg-red-active, .skin-blue .bg-yellow-active, .skin-blue .bg-aqua-active, .skin-blue .bg-blue-active, .skin-blue .bg-light-blue-active, .skin-blue .bg-green-active, .skin-blue .bg-navy-active, .skin-blue .bg-teal-active, .skin-blue .bg-olive-active, .skin-blue .bg-lime-active, .skin-blue .bg-orange-active, .skin-blue .bg-fuchsia-active, .skin-blue .bg-purple-active, .skin-blue .bg-maroon-active, .skin-blue .bg-black-active, .skin-blue .callout.callout-danger, .skin-blue .callout.callout-warning, .skin-blue .callout.callout-info, .skin-blue .callout.callout-success, .skin-blue .alert-success, .skin-blue .alert-danger, .skin-blue .alert-error, .skin-blue .alert-warning, .skin-blue .alert-info, .skin-blue .label-danger, .skin-blue .label-info, .skin-blue .label-warning, .skin-blue .label-primary, .skin-blue .label-success, .skin-blue .modal-primary .modal-body, .skin-blue .modal-primary .modal-header, .skin-blue .modal-primary .modal-footer, .skin-blue .modal-warning .modal-body, .skin-blue .modal-warning .modal-header, .skin-blue .modal-warning .modal-footer, .skin-blue .modal-info .modal-body, .skin-blue .modal-info .modal-header, .skin-blue .modal-info .modal-footer, .skin-blue .modal-success .modal-body, .skin-blue .modal-success .modal-header, .skin-blue .modal-success .modal-footer, .skin-blue .modal-danger .modal-body, .skin-blue .modal-danger .modal-header, .skin-blue .modal-danger .modal-footer { color: var(--mz-white) !important; border-top-left-radius: 7px; border-top-right-radius: 7px; border: 1px solid transparent; } .skin-blue .alert-success span, .skin-blue .alert-danger span, .skin-blue .alert-error span, .skin-blue .alert-warning span, .skin-blue .alert-info span { color: var(--mz-white) !important; } .skin-blue .bg-black { background-color: var(--mz-body-color) !important; } .skin-blue.dark .bg-black { background-color: var(--mz-dark-light) !important; } .skin-blue .bg-red, .skin-blue .callout.callout-danger, .skin-blue .alert-danger, .skin-blue .alert-error, .skin-blue .label-danger, .skin-blue .modal-danger .modal-body { background-color: rgba(var(--mz-danger-rgb), 0.9) !important; border-radius: 7px; } .skin-blue.dark .bg-red, .skin-blue.dark .callout.callout-danger, .skin-blue.dark .alert-danger, .skin-blue.dark .alert-error, .skin-blue.dark .label-danger, .skin-blue.dark .modal-danger .modal-body { background-color: rgba(var(--mz-dark-danger-rgb), 0.9) !important; } .skin-blue .bg-yellow, .skin-blue .callout.callout-warning, .skin-blue .alert-warning, .skin-blue .label-warning, .skin-blue .modal-warning .modal-body { background: var(--mz-warning) !important; border-radius: 7px; } .skin-blue.dark .bg-yellow, .skin-blue.dark .callout.callout-warning, .skin-blue.dark .alert-warning, .skin-blue.dark .label-warning, .skin-blue.dark .modal-warning .modal-body { background: rgba(var(--mz-dark-warning-rgb), 0.9) !important; } .skin-blue .bg-aqua, .skin-blue .callout.callout-info, .skin-blue .alert-info, .skin-blue .label-info, .skin-blue .modal-info .modal-body { background-color: rgba(var(--mz-info-rgb), 1) !important; border-radius: 7px; } .skin-blue.dark .bg-aqua, .skin-blue.dark .callout.callout-info, .skin-blue.dark .alert-info, .skin-blue.dark .label-info, .skin-blue.dark .modal-info .modal-body { background-color: rgba(var(--mz-dark-info-rgb), 0.9) !important; } .skin-blue .bg-blue { background-color: var(--mz-primary) !important; } .skin-blue.dark .bg-blue { background-color: var(--mz-dark-primary) !important; } .skin-blue .bg-light-blue, .skin-blue .label-primary, .skin-blue .modal-primary .modal-body { background-color: var(--mz-primary) !important; border-top-left-radius: 8px; border-top-right-radius: 8px; } .skin-blue.dark .bg-light-blue, .skin-blue.dark .label-primary, .skin-blue.dark .modal-primary .modal-body { background-color: var(--mz-dark-light-primary) !important; } .skin-blue .bg-green, .skin-blue .callout.callout-success, .skin-blue .alert-success, .skin-blue .label-success, .skin-blue .modal-success .modal-body { background-color: var(--mz-success) !important; border-radius: 7px; } .skin-blue.dark .bg-green, .skin-blue.dark .callout.callout-success, .skin-blue.dark .alert-success, .skin-blue.dark .label-success, .skin-blue.dark .modal-success .modal-body { background-color: var(--mz-dark-success) !important; } .skin-blue .text-red { color: var(--mz-warning) !important; } .skin-blue.dark .text-red { color: var(--mz-dark-warning) !important; } .skin-blue .text-black { color: var(--mz-body-color) !important; } .skin-blue.dark .text-black { color: var(--mz-dark-gray-300) !important; } .skin-blue .list-group-item { border-width: 0 0 2px 0; border-color: #dadde3; border-style: dashed; } .skin-blue.dark .list-group-item { border-color: var(--mz-dark-gray-300); background-color: var(--mz-dark-sidebar-color); } .skin-blue .list-subscriber-actions-scrollbox .list-group-item { padding: 7px 7px 5px 7px; } .skin-blue .list-subscriber-actions-scrollbox .list-group-item span { color: var(--mz-gray-800); } .skin-blue.dark .list-subscriber-actions-scrollbox .list-group-item span { color: var(--mz-dark-gray-700); } .skin-blue .user-block .username { font-weight: 500; } .skin-blue .boxes-mw-wrapper.row { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .skin-blue .boxes-mw-wrapper.row .col-lg-1, .skin-blue .boxes-mw-wrapper.row .col-lg-10, .skin-blue .boxes-mw-wrapper.row .col-lg-11, .skin-blue .boxes-mw-wrapper.row .col-lg-12, .skin-blue .boxes-mw-wrapper.row .col-lg-2, .skin-blue .boxes-mw-wrapper.row .col-lg-3, .skin-blue .boxes-mw-wrapper.row .col-lg-4, .skin-blue .boxes-mw-wrapper.row .col-lg-5, .skin-blue .boxes-mw-wrapper.row .col-lg-6, .skin-blue .boxes-mw-wrapper.row .col-lg-7, .skin-blue .boxes-mw-wrapper.row .col-lg-8, .skin-blue .boxes-mw-wrapper.row .col-lg-9, .skin-blue .boxes-mw-wrapper.row .col-md-1, .skin-blue .boxes-mw-wrapper.row .col-md-10, .skin-blue .boxes-mw-wrapper.row .col-md-11, .skin-blue .boxes-mw-wrapper.row .col-md-12, .skin-blue .boxes-mw-wrapper.row .col-md-2, .skin-blue .boxes-mw-wrapper.row .col-md-3, .skin-blue .boxes-mw-wrapper.row .col-md-4, .skin-blue .boxes-mw-wrapper.row .col-md-5, .skin-blue .boxes-mw-wrapper.row .col-md-6, .skin-blue .boxes-mw-wrapper.row .col-md-7, .skin-blue .boxes-mw-wrapper.row .col-md-8, .skin-blue .boxes-mw-wrapper.row .col-md-9, .skin-blue .boxes-mw-wrapper.row .col-sm-1, .skin-blue .boxes-mw-wrapper.row .col-sm-10, .skin-blue .boxes-mw-wrapper.row .col-sm-11, .skin-blue .boxes-mw-wrapper.row .col-sm-12, .skin-blue .boxes-mw-wrapper.row .col-sm-2, .skin-blue .boxes-mw-wrapper.row .col-sm-3, .skin-blue .boxes-mw-wrapper.row .col-sm-4, .skin-blue .boxes-mw-wrapper.row .col-sm-5, .skin-blue .boxes-mw-wrapper.row .col-sm-6, .skin-blue .boxes-mw-wrapper.row .col-sm-7, .skin-blue .boxes-mw-wrapper.row .col-sm-8, .skin-blue .boxes-mw-wrapper.row .col-sm-9, .skin-blue .boxes-mw-wrapper.row .col-xs-1, .skin-blue .boxes-mw-wrapper.row .col-xs-10, .skin-blue .boxes-mw-wrapper.row .col-xs-11, .skin-blue .boxes-mw-wrapper.row .col-xs-12, .skin-blue .boxes-mw-wrapper.row .col-xs-2, .skin-blue .boxes-mw-wrapper.row .col-xs-3, .skin-blue .boxes-mw-wrapper.row .col-xs-4, .skin-blue .boxes-mw-wrapper.row .col-xs-5, .skin-blue .boxes-mw-wrapper.row .col-xs-6, .skin-blue .boxes-mw-wrapper.row .col-xs-7, .skin-blue .boxes-mw-wrapper.row .col-xs-8, .skin-blue .boxes-mw-wrapper.row .col-xs-9 { padding-right: 10px; padding-left: 10px; border: 0; } .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box { color: var(--mz-body-color); min-height: 85px; border-radius: 12px; border: 1px dashed var(--mz-dashed-border-color); padding: 5px; } .skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box { color: var(--mz-dark-background-color); border: 1px dashed var(--mz-dark-border-color); } .skin-blue .boxes-mw-wrapper.row .small-box:hover, .skin-blue .boxes-mw-wrapper.row .small-box:hover { border: 1px solid var(--mz-dashed-border-color); } .skin-blue.dark .boxes-mw-wrapper.row .small-box:hover, .skin-blue.dark .boxes-mw-wrapper.row .small-box:hover { border: 1px solid var(--mz-dark-gray-300); } .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner .middle > h6 > a { color: var(--mz-sidebar-color); font-weight: 500; } .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner .middle > h6 > a { color: var(--mz-dark-sidebar-color); } .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h1, .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h3, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h3 { color: var(--mz-form-text-color); } .skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h1, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h3, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h3 { color: var(--mz-dark-gray-700); } .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner > .middle h3 > a, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner > .middle h3 > a { color: var(--mz-dark-gray-700); } .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner h2, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner h2 { font-family: Helvetica, sans-serif; } .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box > .inner p, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box > .inner p { color: var(--mz-gray-600); font-size: 15px; font-weight: 500; } .skin-blue .boxes-mw-wrapper.row .col-lg-1 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-10 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-11 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-12 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-2 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-3 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-4 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-5 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-6 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-7 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-8 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-lg-9 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-1 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-10 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-11 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-12 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-2 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-3 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-4 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-5 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-6 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-7 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-8 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-md-9 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-1 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-10 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-11 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-12 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-2 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-3 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-4 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-5 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-6 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-7 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-8 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-sm-9 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-1 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-10 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-11 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-12 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-2 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-3 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-4 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-5 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-6 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-7 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-8 .small-box .icon, .skin-blue .boxes-mw-wrapper.row .col-xs-9 .small-box .icon { color: #ebf6f8; background: #c2e2fd; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .skin-blue.dark .boxes-mw-wrapper.row .col-lg-1 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-10 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-11 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-12 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-2 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-3 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-4 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-5 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-6 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-7 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-8 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-lg-9 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-1 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-10 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-11 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-12 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-2 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-3 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-4 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-5 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-6 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-7 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-8 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-md-9 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-1 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-10 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-11 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-12 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-2 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-3 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-4 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-5 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-6 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-7 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-8 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-sm-9 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-1 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-10 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-11 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-12 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-2 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-3 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-4 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-5 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-6 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-7 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-8 .small-box .icon, .skin-blue.dark .boxes-mw-wrapper.row .col-xs-9 .small-box .icon { color: var(--mz-dark-primary); background: var(--mz-dark-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .skin-blue.dark #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span { color: var(--mz-dark-gray-700); background-color: var(--mz-dark-sidebar-color); } .skin-blue ul.custom-list li span.cl-span { color: var(--mz-form-text-color); } .skin-blue.dark ul.custom-list li span.cl-span { color: var(--mz-dark-gray-700); } .skin-blue ul.custom-list li span.cl-span { color: var(--mz-gray-600); font-weight: 500 !important; font-size: 14px; } .skin-blue.dark ul.custom-list li span.cl-span { color: var(--mz-dark-gray-700); background-color: var(--mz-dark-sidebar-color); } .skin-blue ul.custom-list li span.cl-span:last-child { color: var(--mz-gray-700); font-weight: 600 !important; } .skin-blue.dark ul.custom-list li span.cl-span:last-child { color: var(--mz-dark-gray-800); font-weight: 600 !important; } .skin-blue ul.custom-list li span.cl-span a { color: var(--mz-primary); } .skin-blue.dark ul.custom-list li span.cl-span a { color: var(--mz-dark-primary); } .skin-blue .progress-box .info .name, .skin-blue .progress-box .info .number { display: inline-block; color: var(--mz-gray-500); } .skin-blue.dark .progress-box .info .name, .skin-blue.dark .progress-box .info .number { color: var(--mz-dark-gray-700); } .skin-blue .progress-box .info .number { font-size: 15px; color: var(--mz-gray-600); font-weight: 600 !important; } .skin-blue.dark .progress-box .info .number { color: var(--mz-dark-gray-800); } .skin-blue .progress-box .info .name a, .skin-blue .progress-box .info .number a { color: var(--mz-primary); } .skin-blue.dark .progress-box .info .name a, .skin-blue.dark .progress-box .info .number a { color: var(--mz-dark-primary); } .skin-blue .progress-box .info .name { font-weight: 600 !important; color: var(--mz-dark-sidebar-color); } .skin-blue.dark .progress-box .bar { background-color: rgba(var(--mz-dark-secondary-rgb), 1); } .skin-blue .progress-box .bar .progress { background-color: var(--mz-primary); } .skin-blue.dark .progress-box .bar .progress { background-color: rgba(var(--mz-dark-primary-rgb), 1); } /* REMOVED PADDING padding: 10px 10px; */ .skin-blue input[type="text"], .skin-blue input[type="password"], .skin-blue input[type="search"], .skin-blue input[type="email"], .skin-blue input[type="number"], .skin-blue input[type="url"] { font-family: Helvetica, sans-serif; color: var(--mz-gray-800); font-size: 15px; border-radius: 8px; border: 1px solid var(--mz-input-border-color); margin: 0 0 10px 0; background-color: var(--mz-input-color); box-shadow: none; } .skin-blue.dark input[type="text"], .skin-blue.dark input[type="password"], .skin-blue.dark input[type="search"], .skin-blue.dark input[type="email"], .skin-blue.dark input[type="number"], .skin-blue.dark input[type="url"] { color: var(--mz-dark-input-text-color); border: 1px solid var(--mz-dark-light) !important; background-color: var(--mz-dark-input-color); box-shadow: none; } .skin-blue input[type="text"]:focus, .skin-blue input[type="password"]:focus, .skin-blue input[type="search"]:focus, .skin-blue input[type="email"]:focus, .skin-blue input[type="number"]:focus, .skin-blue input[type="url"]:focus, .skin-blue textarea { outline: none !important; } .skin-blue input[type="text"]::-webkit-input-placeholder, .skin-blue input[type="password"]::-webkit-input-placeholder, .skin-blue input[type="search"]::-webkit-input-placeholder, .skin-blue input[type="email"]::-webkit-input-placeholder, .skin-blue input[type="number"]::-webkit-input-placeholder, .skin-blue input[type="url"]::-webkit-input-placeholder, .skin-blue input[type="text"]::-moz-placeholder, .skin-blue input[type="password"]::-moz-placeholder, .skin-blue input[type="search"]::-moz-placeholder, .skin-blue input[type="email"]::-moz-placeholder, .skin-blue input[type="number"]::-moz-placeholder, .skin-blue input[type="url"]::-moz-placeholder, .skin-blue input[type="text"]::-moz-placeholder, .skin-blue input[type="password"]::-moz-placeholder, .skin-blue input[type="search"]::-moz-placeholder, .skin-blue input[type="email"]::-moz-placeholder, .skin-blue input[type="number"]::-moz-placeholder, .skin-blue input[type="url"]::-moz-placeholder, .skin-blue input[type="text"]::-ms-input-placeholder, .skin-blue input[type="password"]::-ms-input-placeholder, .skin-blue input[type="search"]::-ms-input-placeholder, .skin-blue input[type="email"]::-ms-input-placeholder, .skin-blue input[type="number"]::-ms-input-placeholder, .skin-blue input[type="url"]::-ms-input-placeholder, .skin-blue textarea::-ms-input-placeholder { color: var(--mz-placeholder-color) !important; font-family: Helvetica, sans-serif; font-weight: normal; white-space: nowrap; letter-spacing: 1px; } .skin-blue input[type="text"].cke_dialog_ui_input_text, .skin-blue input[type="password"].cke_dialog_ui_input_text, .skin-blue input[type="search"].cke_dialog_ui_input_text, .skin-blue input[type="email"].cke_dialog_ui_input_text, .skin-blue input[type="number"].cke_dialog_ui_input_text, .skin-blue input[type="url"].cke_dialog_ui_input_text { font-family: Helvetica, sans-serif; color: var(--mz-body-color); } .skin-blue.dark input[type="text"].cke_dialog_ui_input_text, .skin-blue.dark input[type="password"].cke_dialog_ui_input_text, .skin-blue.dark input[type="search"].cke_dialog_ui_input_text, .skin-blue.dark input[type="email"].cke_dialog_ui_input_text, .skin-blue.dark input[type="number"].cke_dialog_ui_input_text, .skin-blue.dark input[type="url"].cke_dialog_ui_input_text { color: var(--mz-dark-gray-700); } .skin-blue .form-group input[type="text"], .skin-blue .form-group input[type="password"], .skin-blue .form-group input[type="search"], .skin-blue .form-group input[type="email"], .skin-blue .form-group input[type="number"], .skin-blue .form-group input[type="url"], .skin-blue .form-group textarea { margin: 0 0 0 0 !important; } .skin-blue .input-group input[type="text"], .skin-blue .input-group input[type="password"], .skin-blue .input-group input[type="search"], .skin-blue .input-group input[type="email"], .skin-blue .input-group input[type="number"], .skin-blue .input-group input[type="url"], .skin-blue .input-group textarea { margin: 0 0 0 0 !important; } .skin-blue .btn-primary.disabled, .btn-primary[disabled], .skin-blue fieldset[disabled] .btn-primary, .skin-blue .btn-primary.disabled:hover, .skin-blue .btn-primary[disabled]:hover, .skin-blue fieldset[disabled] .btn-primary:hover, .skin-blue .btn-primary.disabled:focus, .skin-blue .btn-primary[disabled]:focus, .skin-blue fieldset[disabled] .btn-primary:focus, .skin-blue .btn-primary.disabled:active, .btn-primary[disabled]:active, .skin-blue fieldset[disabled] .btn-primary:active, .skin-blue .btn-primary.disabled.active, .skin-blue .btn-primary[disabled].active, .skin-blue fieldset[disabled] .btn-primary.active { color: var(--mz-text-gray); background-color: var(--mz-input-color); } .skin-blue textarea { resize: none; padding: 8px 10px; font-family: Helvetica, sans-serif; color: var(--mz-gray); font-size: 13px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 8px; border: 1px solid var(--mz-input-border-color); -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; margin: 0 0 10px 0; background-color: var(--mz-input-color); } .skin-blue.dark textarea { color: var(--mz-dark-gray-700); border: 1px solid var(--mz-dark-input-color) !important; background-color: var(--mz-dark-light); } .skin-blue textarea:hover, .skin-blue textarea:focus, .skin-blue textarea.active { background-color: var(--mz-input-focus-color); border-color: var(--mz-input-focus-color) !important; outline: none !important; } .skin-blue.dark textarea:hover, .skin-blue.dark textarea:focus, .skin-blue.dark textarea.active { background-color: var(--mz-dark-input-focus-color); border-color: var(--mz-dark-light) !important; } .skin-blue.dark input:-webkit-autofill, .skin-blue.dark textarea:-webkit-autofill, .skin-blue.dark select:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px var(--mz-dark-input-color) inset !important; -webkit-text-fill-color: var(--mz-dark-input-text-color) !important; } .skin-blue input:hover, .skin-blue input:focus, .skin-blue input.active { background-color: var(--mz-input-focus-color); border-color: var(--mz-input-focus-color); } .skin-blue.dark input:hover, .skin-blue.dark input:focus, .skin-blue.dark input.active { background-color: var(--mz-dark-input-focus-color); border-color: var(--mz-dark-light); } /* Remove radio button border */ .skin-blue input[type=radio] { display: inline-block; border: 0 !important; margin: 2px 5px 0 0; float: left; } .skin-blue input[type=checkbox] { display: inline-block; background: var(--mz-gray-200) !important; width: 16px; height: 16px; padding: 0; border: 0 !important; border-radius: 2px; margin: 2px 5px 0 0; float: left; } .skin-blue.dark input[type=checkbox] { background: var(--mz-dark-secondary) !important; } .skin-blue input[type=checkbox]:checked { border: 0 !important; background-color: var(--mz-primary) !important; -webkit-appearance: none; -moz-appearance: none; appearance: auto; } .skin-blue.dark input[type=checkbox]:checked { background-color: var(--mz-dark-primary) !important; } .skin-blue input[type=checkbox].error:checked { border: 0 !important; } .skin-blue select { font-family: Helvetica, sans-serif; font-size: 13px; font-weight: 500; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid var(--mz-input-border-color) !important; background-color: var(--mz-input-color); color: var(--mz-gray-800) !important; padding: 7px 35px 8px 10px !important; background-image: url(../img/select-arr.png) !important; background-size: 18px 12px; } .skin-blue.dark select { border: 1px solid var(--mz-dark-light) !important; background-color: var(--mz-dark-input-color); color: var(--mz-dark-input-text-color) !important; } .skin-blue select:focus { border-color: var(--mz-input-focus-color); background-color: var(--mz-input-focus-color) !important; } .skin-blue.dark select:focus { border-color: var(--mz-dark-light); background-color: var(--mz-dark-background-color) !important; } .skin-blue select.error { background: var(--mz-input-color) !important; border: 1px solid var(--mz-danger) !important; } .skin-blue select.success { background: var(--mz-input-color) !important; border: 1px solid var(--mz-success) !important; } .skin-blue.dark select.success { border: 1px solid var(--mz-dark-success) !important; background: var(--mz-dark-input-color) !important; } .skin-blue.dark select.error { border: 1px solid var(--mz-dark-danger) !important; background: var(--mz-dark-input-color) !important; } .skin-blue select.cke_dialog_ui_input_select { font-family: Helvetica, sans-serif; color: var(--mz-body-color) !important; } .skin-blue.dark select.cke_dialog_ui_input_select { color: var(--mz-dark-gray-700) !important; line-height: initial; } .skin-blue table thead input:hover, .skin-blue table thead input.active { background-color: var(--mz-input-focus-color); border-color: var(--mz-input-focus-color); } .skin-blue.dark table thead input:hover, .skin-blue.dark table thead input.active { background-color: var(--mz-dark-background-color); border-color: var(--mz-dark-background-color); } .skin-blue s table thead input[type="text"]::-webkit-input-placeholder, .skin-blue s table thead input[type="password"]::-webkit-input-placeholder, .skin-blue s table thead input[type="search"]::-webkit-input-placeholder, .skin-blue s table thead input[type="email"]::-webkit-input-placeholder, .skin-blue s table thead input[type="number"]::-webkit-input-placeholder, .skin-blue s table thead input[type="url"]::-webkit-input-placeholder, .skin-blue table thead input[type="text"]:-moz-placeholder, .skin-blue table thead input[type="password"]:-moz-placeholder, .skin-blue table thead input[type="search"]:-moz-placeholder, .skin-blue table thead input[type="email"]:-moz-placeholder, .skin-blue table thead input[type="number"]:-moz-placeholder, .skin-blue table thead input[type="url"]:-moz-placeholder, .skin-blue table thead input[type="text"]::-moz-placeholder, .skin-blue table thead input[type="password"]::-moz-placeholder, .skin-blue table thead input[type="search"]::-moz-placeholder, .skin-blue table thead input[type="email"]::-moz-placeholder, .skin-blue table thead input[type="number"]::-moz-placeholder, .skin-blue table thead input[type="url"]::-moz-placeholder, .skin-blue table thead input[type="text"]:-ms-input-placeholder, .skin-blue table thead input[type="password"]:-ms-input-placeholder, .skin-blue table thead input[type="search"]:-ms-input-placeholder, .skin-blue table thead input[type="email"]:-ms-input-placeholder, .skin-blue table thead input[type="number"]:-ms-input-placeholder, .skin-blue table thead input[type="url"]:-ms-input-placeholder { color: var(--mz-placeholder-color) !important; } .skin-blue table thead select { border-radius: 8px; background-color: var(--mz-input-color); color: var(--mz-dark-input-text-color); font-size: 15px; padding: 3px 35px 5px 5px !important; } .skin-blue.dark table thead select { background-color: var(--mz-dark-input-color); color: var(--mz-dark-input-text-color); } .skin-blue .pagination { list-style: none; padding: 5px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; } .skin-blue .pagination li { display: inline-block; margin: 0.25rem; border-color: var(--mz-input-focus-color); font-weight: 500; font-size: 1.075rem; } .skin-blue.dark .pagination li { border-color: var(--mz-dark-gray-200); } .skin-blue .pagination li a { font-family: Helvetica, sans-serif; font-size: 16px; color: var(--mz-gray); } .skin-blue.dark .pagination li a { color: var(--mz-dark-gray-800); background-color: var(--mz-dark-light); } .skin-blue .pagination li a:hover, .skin-blue .pagination li.last a:hover, .skin-blue .pagination li.next a:hover, .skin-blue .pagination li.first a:hover, .skin-blue .pagination li.previous a:hover { color: var(--mz-primary); } .skin-blue.dark .pagination li a:hover, .skin-blue.dark .pagination li.last a:hover, .skin-blue.dark .pagination li.next a:hover, .skin-blue.dark .pagination li.first a:hover, .skin-blue.dark .pagination li.previous a:hover { color: var(--mz-dark-primary); } .skin-blue .pagination li.first a, .skin-blue .pagination li.previous a, .skin-blue .pagination li.next a, .skin-blue .pagination li.last a { border-color: transparent; color: var(--mz-primary); } .skin-blue.dark .pagination li.first a, .skin-blue.dark .pagination li.previous a, .skin-blue.dark .pagination li.next a, .skin-blue.dark .pagination li.last a { color: var(--mz-dark-primary); } .skin-blue .pagination li.selected a { color: var(--mz-primary); } .skin-blue.dark .pagination li.selected a { color: var(--mz-dark-primary); } .skin-blue .popover { font-family: Helvetica, sans-serif; font-size: 12px; color: var(--mz-body-color); text-align: center; background-color: var(--mz-sidebar-color); border: 0 solid #ebf6f8; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .skin-blue.dark .popover { color: var(--mz-dark-gray-800); background-color: var(--mz-dark-secondary); border: 0 solid var(--mz-dark-secondary); } .skin-blue .popover .popover-title { color: var(--mz-input-focus-color); background-color: var(--mz-sidebar-color); margin-top: -5px; border-bottom-color: var(--mz-form-text-color); -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; } .skin-blue.dark .popover .popover-title { color: var(--mz-dark-gray-800); background-color: var(--mz-dark-secondary); border-bottom-color: var(--mz-dark-gray-400); } .skin-blue .popover .popover-content { font-family: Helvetica, sans-serif; color: #b5b5c3; } .skin-blue.dark .popover .popover-content { color: var(--mz-dark-gray-800); } .skin-blue .popover.top > .arrow { border-top-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.top > .arrow { border-top-color: var(--mz-dark-secondary); } .skin-blue .popover.top > .arrow:after { border-top-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.top > .arrow:after { border-top-color: var(--mz-dark-secondary); } .skin-blue .popover.right > .arrow { border-right-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.right > .arrow { border-right-color: var(--mz-dark-secondary); } .skin-blue .popover.right > .arrow:after { border-right-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.right > .arrow:after { border-right-color: var(--mz-dark-secondary); } .skin-blue .popover.bottom > .arrow { border-bottom-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.bottom > .arrow { border-bottom-color: var(--mz-dark-secondary); } .skin-blue .popover.bottom > .arrow:after { border-bottom-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.bottom > .arrow:after { border-bottom-color: var(--mz-dark-secondary); } .skin-blue .popover.left > .arrow { border-left-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.left > .arrow { border-left-color: var(--mz-dark-secondary); } .skin-blue .popover.left > .arrow:after { border-left-color: var(--mz-sidebar-color); } .skin-blue.dark .popover.left > .arrow:after { border-left-color: var(--mz-dark-secondary); } .skin-blue .modal-info .modal-body { background-color: #ffffff !important; color: var(--mz-gray-700) !important; } .skin-blue.dark .modal-info .modal-body { background-color: var(--mz-dark-sidebar-color) !important; color: var(--mz-dark-gray-800) !important; } .skin-blue .modal-info .modal-header, .skin-blue .modal-info .modal-footer { background-color: var(--mz-primary) !important; border-color: var(--mz-primary) !important; } .skin-blue.dark .modal-info .modal-header, .skin-blue.dark .modal-info .modal-footer { background-color: var(--mz-dark-primary) !important; border-color: var(--mz-dark-primary) !important; } .skin-blue #subscriber-modal-profile-info .modal-body { background-color: #fff !important; color: var(--mz-body-color) !important; } .skin-blue.dark #subscriber-modal-profile-info .modal-body { background-color: var(--mz-dark-sidebar-color) !important; color: var(--mz-dark-gray-700) !important; } .skin-blue.dark .img-thumbnail { background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-border-color); } .skin-blue #subscriber-modal-profile-info .modal-body .img-avatar img { border: 1px solid var(--mz-primary); } .skin-blue.dark #subscriber-modal-profile-info .modal-body .img-avatar img { border: 1px solid var(--mz-dark-primary); } .skin-blue #subscriber-modal-profile-info .modal-body .name-avatar { border-bottom: 1px solid var(--mz-primary); } .skin-blue.dark #subscriber-modal-profile-info .modal-body .name-avatar { border-bottom: 1px solid var(--mz-dark-primary); } .skin-blue #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span a { color: var(--mz-primary); } .skin-blue.dark #subscriber-modal-profile-info .modal-body ul.custom-list li span.cl-span a { color: var(--mz-dark-primary); } .skin-blue .nav-tabs { border-bottom: 1px solid var(--mz-input-focus-color) !important; } .skin-blue .nav-tabs > li.active > a { border-color: var(--mz-input-focus-color); } .skin-blue.dark .nav-tabs { border-bottom: 1px solid var(--mz-dark-table-border-color) !important; } .skin-blue.dark .nav-tabs > li.active > a { border-color: var(--mz-dark-border-color); } .skin-blue.dark .nav-tabs + .panel { background-color: var(--mz-dark-sidebar-color); border-color: var(--mz-dark-border-color) !important; } .skin-blue .nav-tabs > li > a:hover { color: var(--mz-primary); } .skin-blue.dark .nav-tabs > li > a:hover { color: var(--mz-dark-primary); border-bottom-color: var(--mz-dark-border-color) !important; } .skin-blue .nav-tabs > li.active:before { background-color: var(--mz-primary); } .skin-blue.dark .nav-tabs > li.active:before { background-color: var(--mz-dark-primary); } .skin-blue .callout.callout-info > a { color: var(--mz-white); font-weight: bold; } .skin-blue .panel-template-box .box-header h3 { color: var(--mz-primary); } .skin-blue.dark .panel-template-box .box-header h3 { color: var(--mz-dark-primary); } .skin-blue body.ctrl-campaigns_reports.act-login .content-wrapper .login-box-body .login-box-msg { font-family: Helvetica, sans-serif; font-size: 18px; color: var(--mz-primary); } .skin-blue.dark body.ctrl-campaigns_reports.act-login .content-wrapper .login-box-body .login-box-msg { color: var(--mz-dark-primary); } .skin-blue body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body .login-box-msg { font-family: Helvetica, sans-serif; font-size: 18px; color: var(--mz-primary); } .skin-blue.dark body.ctrl-campaigns_reports.act-login .login-flex .login-form .login-box-body .login-box-msg { color: var(--mz-dark-primary); } .skin-blue body.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg { font-family: Helvetica, sans-serif; font-size: 18px; color: var(--mz-primary); } .skin-blue.dark body.ctrl-guest.act-index .login-flex .login-form .login-box-body .login-box-msg { color: var(--mz-dark-primary); } .skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group button.btn { background-color: var(--mz-primary); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group button.btn { background-color: var(--mz-dark-primary); } .skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu { top: 0; left: 42px; bottom: auto; padding: 0 0; margin: 0 0 0 0; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 0; min-width: 240px; } .skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li { float: left; padding-right: 1px; } .skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary { background-color: var(--mz-primary); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary { background-color: var(--mz-dark-primary); } .skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary:hover { background-color: var(--mz-active-primary); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-primary:hover { background-color: var(--mz-dark-active-primary); } .skin-blue .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-danger:hover { background-color: var(--mz-active-danger); color: #ffffff; } .skin-blue.dark .btn-group.dropup.subscribers-gridview-options-btn-group ul.dropdown-menu li a.btn.btn-danger:hover { background-color: var(--mz-dark-active-danger); } .skin-blue .select-delivery-servers-list li a span { color: var(--mz-primary); } .skin-blue.dark .select-delivery-servers-list li a span { color: var(--mz-dark-primary); } .skin-blue .select-delivery-servers-list li a:first-child { color: var(--mz-primary); background-color: var(--mz-input-color); border-left: 2px solid var(--mz-primary); border-right: 2px solid var(--mz-input-color); } .skin-blue.dark .select-delivery-servers-list li a:first-child { color: var(--mz-dark-primary); background-color: var(--mz-dark-light-primary); border-left: 2px solid var(--mz-dark-light-primary); border-right: 2px solid var(--mz-dark-light-primary); } .skin-blue .select-delivery-servers-list li a:nth-child(2) { color: var(--mz-primary); background-color: var(--mz-light-primary); border-left: 2px solid var(--mz-light-primary); } .skin-blue.dark .select-delivery-servers-list li a:nth-child(2) { color: var(--mz-dark-primary); background-color: var(--mz-dark-light-primary); border-left: 2px solid var(--mz-dark-light-primary); } .skin-blue .select-delivery-servers-list li a:first-child:hover { background-color: var(--mz-primary); color: var(--mz-gray-100); border-right: 2px solid var(--mz-primary); } .skin-blue.dark .select-delivery-servers-list li a:first-child:hover { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); border-right: 2px solid var(--mz-dark-primary); } .skin-blue .select-delivery-servers-list li a:nth-child(2):hover { background-color: var(--mz-primary); color: var(--mz-gray-100); border-left: 2px solid var(--mz-primary); } .skin-blue.dark .select-delivery-servers-list li a:nth-child(2):hover { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); border-left: 2px solid var(--mz-dark-primary); } .skin-blue label.error { color: var(--mz-gray-800); font-style: normal; } .skin-blue.dark label.error { color: var(--mz-dark-gray-900); } .skin-blue label span.required { color: var(--mz-warning); } .skin-blue.dark label span.required { color: var(--mz-dark-danger); } .skin-blue input.error, .skin-blue select.error, .skin-blue textarea.error { border: 1px solid var(--mz-danger) !important; } .skin-blue.dark input.error, .skin-blue.dark select.error, .skin-blue.dark textarea.error { border: 1px solid var(--mz-dark-danger) !important; } .skin-blue .errorMessage { font-size: 13px; color: var(--mz-danger); margin-top: 5px; padding: 0; font-family: Helvetica, sans-serif; font-style: normal; } .skin-blue.dark .errorMessage { color: var(--mz-dark-danger); } .skin-blue .grid-view .summary { color: var(--mz-gray-700); font-weight: 600 !important; font-size: 12px; font-family: Helvetica, sans-serif; } .skin-blue.dark .grid-view .summary { color: var(--mz-dark-gray-700); } .skin-blue ul.pagination li.selected, .skin-blue ul.pagination li.selected a { background: var(--mz-primary); border-color: var(--mz-primary); color: var(--mz-white); border-radius: 5px; } .skin-blue.dark ul.pagination li.selected, .skin-blue.dark ul.pagination li.selected a { background: var(--mz-dark-primary); border-color: var(--mz-dark-primary); color: var(--mz-white); } .skin-blue .errorSummary { font-size: 13px; color: var(--mz-warning); margin: 0; padding: 0; font-style: italic; border: 1px solid var(--mz-warning); background: var(--mz-light-danger); } .skin-blue.dark .errorSummary { color: var(--mz-dark-gray-700); border: 1px solid var(--mz-dark-background-color); background: var(--mz-dark-background-color); } .skin-blue .box .box-header .btn.btn-primary { color: var(--mz-white); background-color: var(--mz-primary); font-size: 1.4rem; font-weight: 550; line-height: 1.5; } .skin-blue.dark .box .box-header .btn.btn-primary { color: var(--mz-dark-gray-900); background-color: var(--mz-dark-primary); } .skin-blue .box .box-header .btn.btn-primary:hover { color: var(--mz-white); background-color: var(--mz-active-primary); } .skin-blue.dark .box .box-header .btn.btn-primary:hover { background-color: var(--mz-dark-active-primary); } .skin-blue .user-panel > .info > p { margin-bottom: 0; color: var(--mz-white); font-weight: 600; } .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 10px; font-size: 13px; color: var(--mz-gray-600); } .skin-blue.dark .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { color: var(--mz-dark-gray-700); } .skin-blue .navbar-nav > .notifications-menu > .dropdown-menu > li.footer, .skin-blue .navbar-nav > .messages-menu > .dropdown-menu > li.footer, .skin-blue .navbar-nav > .tasks-menu > .dropdown-menu > li.footer { padding-top: 10px; } .skin-blue .btn-group.dropup.dropdown-button-column button.btn { background-color: var(--mz-primary); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.dropdown-button-column button.btn { background-color: var(--mz-dark-primary); } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu { -webkit-box-shadow: none; box-shadow: none; } .skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu { background-color: var(--mz-dark-sidebar-color) !important; } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li { float: left; padding-left: 1px; } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn { border-right: 1px solid transparent; } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary { background-color: var(--mz-primary); } .skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary { background-color: var(--mz-dark-primary); } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger { background-color: var(--mz-danger); } .skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger { background-color: var(--mz-dark-danger); } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .fa, .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn .glyphicon { color: var(--mz-white); } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary:hover { background-color: var(--mz-active-primary); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-primary:hover { background-color: var(--mz-dark-active-primary); } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger:hover { background-color: var(--mz-danger); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-danger:hover { background-color: var(--mz-dark-danger); } .skin-blue .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-success:hover { background-color: var(--mz-success); color: var(--mz-white); } .skin-blue.dark .btn-group.dropup.dropdown-button-column ul.dropdown-menu li a.btn.btn-success:hover { background-color: var(--mz-dark-active-success); color: var(--mz-white); } .skin-blue #campaign-quick-view-modal .modal-body { color: var(--mz-body-color) !important; } .skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span { background-color: var(--mz-dark-sidebar-color) } .skin-blue.dark #campaign-quick-view-modal .modal-body { background-color: var(--mz-dark-sidebar-color) !important; } .skin-blue #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:first-child { color: var(--mz-gray-600); font-size: 14px; } .skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:first-child { color: var(--mz-dark-gray-700); } .skin-blue #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:nth-child(2) { color: var(--mz-gray-800); font-size: 14px; } .skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span:nth-child(2) { color: var(--mz-dark-gray-800); font-weight: 500 !important; } .skin-blue #campaign-quick-view-modal .modal-body .img-avatar img { border: 1px solid var(--mz-info); } .skin-blue.dark #campaign-quick-view-modal .modal-body .img-avatar img { border: 1px solid var(--mz-dark-info); } .skin-blue #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span a { color: var(--mz-info); } .skin-blue.dark #campaign-quick-view-modal .modal-body ul.custom-list li span.cl-span a { color: var(--mz-dark-info); } .skin-blue .modal.modal-compare .modal-dialog .modal-content { border-radius: 8px; } .skin-blue .datetimepicker table tr td.active, .skin-blue .datetimepicker table tr td.active:hover, .skin-blue .datetimepicker table tr td.active.disabled, .skin-blue .datetimepicker table tr td.active.disabled:hover { background-color: var(--mz-primary) !important; background-image: -moz-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: -ms-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-primary)), to(var(--mz-primary))) !important; background-image: -webkit-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: -o-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; } .skin-blue.dark .datetimepicker table tr td.active, .skin-blue.dark .datetimepicker table tr td.active:hover, .skin-blue.dark .datetimepicker table tr td.active.disabled, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover { background-color: var(--mz-dark-primary) !important; background-image: -moz-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: -ms-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-dark-primary)), to(var(--mz-dark-primary))) !important; background-image: -webkit-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: -o-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; } .skin-blue .datetimepicker table tr td.active:hover, .skin-blue .datetimepicker table tr td.active:hover:hover, .skin-blue .datetimepicker table tr td.active.disabled:hover, .skin-blue .datetimepicker table tr td.active.disabled:hover:hover, .skin-blue .datetimepicker table tr td.active:active, .skin-blue .datetimepicker table tr td.active:hover:active, .skin-blue .datetimepicker table tr td.active.disabled:active, .skin-blue .datetimepicker table tr td.active.disabled:hover:active, .skin-blue .datetimepicker table tr td.active.active, .skin-blue .datetimepicker table tr td.active:hover.active, .skin-blue .datetimepicker table tr td.active.disabled.active, .skin-blue .datetimepicker table tr td.active.disabled:hover.active, .skin-blue .datetimepicker table tr td.active.disabled, .skin-blue .datetimepicker table tr td.active:hover.disabled, .skin-blue .datetimepicker table tr td.active.disabled.disabled, .skin-blue .datetimepicker table tr td.active.disabled:hover.disabled, .skin-blue .datetimepicker table tr td.active[disabled], .skin-blue .datetimepicker table tr td.active:hover[disabled], .skin-blue .datetimepicker table tr td.active.disabled[disabled], .skin-blue .datetimepicker table tr td.active.disabled:hover[disabled] { background-color: var(--mz-primary) !important; color: var(--mz-white); } .skin-blue.dark .datetimepicker table tr td.active:hover, .skin-blue.dark .datetimepicker table tr td.active:hover:hover, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover:hover, .skin-blue.dark .datetimepicker table tr td.active:active, .skin-blue.dark .datetimepicker table tr td.active:hover:active, .skin-blue.dark .datetimepicker table tr td.active.disabled:active, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover:active, .skin-blue.dark .datetimepicker table tr td.active.active, .skin-blue.dark .datetimepicker table tr td.active:hover.active, .skin-blue.dark .datetimepicker table tr td.active.disabled.active, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover.active, .skin-blue.dark .datetimepicker table tr td.active.disabled, .skin-blue.dark .datetimepicker table tr td.active:hover.disabled, .skin-blue.dark .datetimepicker table tr td.active.disabled.disabled, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover.disabled, .skin-blue.dark .datetimepicker table tr td.active[disabled], .skin-blue.dark .datetimepicker table tr td.active:hover[disabled], .skin-blue.dark .datetimepicker table tr td.active.disabled[disabled], .skin-blue.dark .datetimepicker table tr td.active.disabled:hover[disabled] { background-color: var(--mz-dark-primary) !important; color: var(--mz-dark-gray-900); } .skin-blue .datetimepicker table tr td.active:active, .skin-blue .datetimepicker table tr td.active:hover:active, .skin-blue .datetimepicker table tr td.active.disabled:active, .skin-blue .datetimepicker table tr td.active.disabled:hover:active, .skin-blue .datetimepicker table tr td.active.active, .skin-blue .datetimepicker table tr td.active:hover.active, .skin-blue .datetimepicker table tr td.active.disabled.active, .skin-blue .datetimepicker table tr td.active.disabled:hover.active { background-color: var(--mz-primary) !important; } .skin-blue.dark .datetimepicker table tr td.active:active, .skin-blue.dark .datetimepicker table tr td.active:hover:active, .skin-blue.dark .datetimepicker table tr td.active.disabled:active, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover:active, .skin-blue.dark .datetimepicker table tr td.active.active, .skin-blue.dark .datetimepicker table tr td.active:hover.active, .skin-blue.dark .datetimepicker table tr td.active.disabled.active, .skin-blue.dark .datetimepicker table tr td.active.disabled:hover.active { background-color: var(--mz-dark-primary) !important; color: var(--mz-dark-gray-900); } .skin-blue .datetimepicker table tr td span.active, .skin-blue .datetimepicker table tr td span.active:hover, .skin-blue .datetimepicker table tr td span.active.disabled, .skin-blue .datetimepicker table tr td span.active.disabled:hover { background-color: var(--mz-primary) !important; background-image: -moz-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: -ms-linear-gradient(top, var(--mz-primary), var(--mz-primary)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-primary)), to(var(--mz-primary))) !important; background-image: -webkit-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: -o-linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; background-image: linear-gradient(top, var(--mz-primary), var(--mz-primary)) !important; } .skin-blue.dark .datetimepicker table tr td span.active, .skin-blue.dark .datetimepicker table tr td span.active:hover, .skin-blue.dark .datetimepicker table tr td span.active.disabled, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover { background-color: var(--mz-dark-primary) !important; background-image: -moz-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: -ms-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--mz-dark-primary)), to(var(--mz-dark-primary))) !important; background-image: -webkit-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: -o-linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; background-image: linear-gradient(top, var(--mz-dark-primary), var(--mz-dark-primary)) !important; } .skin-blue .datetimepicker table tr td span.active:hover, .skin-blue .datetimepicker table tr td span.active:hover:hover, .skin-blue .datetimepicker table tr td span.active.disabled:hover, .skin-blue .datetimepicker table tr td span.active.disabled:hover:hover, .skin-blue .datetimepicker table tr td span.active:active, .skin-blue .datetimepicker table tr td span.active:hover:active, .skin-blue .datetimepicker table tr td span.active.disabled:active, .skin-blue .datetimepicker table tr td span.active.disabled:hover:active, .skin-blue .datetimepicker table tr td span.active.active, .skin-blue .datetimepicker table tr td span.active:hover.active, .skin-blue .datetimepicker table tr td span.active.disabled.active, .skin-blue .datetimepicker table tr td span.active.disabled:hover.active, .skin-blue .datetimepicker table tr td span.active.disabled, .skin-blue .datetimepicker table tr td span.active:hover.disabled, .skin-blue .datetimepicker table tr td span.active.disabled.disabled, .skin-blue .datetimepicker table tr td span.active.disabled:hover.disabled, .skin-blue .datetimepicker table tr td span.active[disabled], .skin-blue .datetimepicker table tr td span.active:hover[disabled], .skin-blue .datetimepicker table tr td span.active.disabled[disabled], .skin-blue .datetimepicker table tr td span.active.disabled:hover[disabled] { background-color: var(--mz-primary) !important; } .skin-blue.dark .datetimepicker table tr td span.active:hover, .skin-blue.dark .datetimepicker table tr td span.active:hover:hover, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover:hover, .skin-blue.dark .datetimepicker table tr td span.active:active, .skin-blue.dark .datetimepicker table tr td span.active:hover:active, .skin-blue.dark .datetimepicker table tr td span.active.disabled:active, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover:active, .skin-blue.dark .datetimepicker table tr td span.active.active, .skin-blue.dark .datetimepicker table tr td span.active:hover.active, .skin-blue.dark .datetimepicker table tr td span.active.disabled.active, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover.active, .skin-blue.dark .datetimepicker table tr td span.active.disabled, .skin-blue.dark .datetimepicker table tr td span.active:hover.disabled, .skin-blue.dark .datetimepicker table tr td span.active.disabled.disabled, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover.disabled, .skin-blue.dark .datetimepicker table tr td span.active[disabled], .skin-blue.dark .datetimepicker table tr td span.active:hover[disabled], .skin-blue.dark .datetimepicker table tr td span.active.disabled[disabled], .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover[disabled] { background-color: var(--mz-dark-primary) !important; } .skin-blue .datetimepicker table tr td span.active:active, .skin-blue .datetimepicker table tr td span.active:hover:active, .skin-blue .datetimepicker table tr td span.active.disabled:active, .skin-blue .datetimepicker table tr td span.active.disabled:hover:active, .skin-blue .datetimepicker table tr td span.active.active, .skin-blue .datetimepicker table tr td span.active:hover.active, .skin-blue .datetimepicker table tr td span.active.disabled.active, .skin-blue .datetimepicker table tr td span.active.disabled:hover.active { background-color: var(--mz-primary) !important; } .skin-blue.dark .datetimepicker table tr td span.active:active, .skin-blue.dark .datetimepicker table tr td span.active:hover:active, .skin-blue.dark .datetimepicker table tr td span.active.disabled:active, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover:active, .skin-blue.dark .datetimepicker table tr td span.active.active, .skin-blue.dark .datetimepicker table tr td span.active:hover.active, .skin-blue.dark .datetimepicker table tr td span.active.disabled.active, .skin-blue.dark .datetimepicker table tr td span.active.disabled:hover.active { background-color: var(--mz-dark-primary) !important; } .skin-blue .table-condensed > thead > tr > th, .skin-blue .table-condensed > tbody > tr > th, .skin-blue .table-condensed > tfoot > tr > th, .skin-blue .table-condensed > thead > tr > td, .skin-blue .table-condensed > tbody > tr > td, .skin-blue .table-condensed > tfoot > tr > td { color: var(--mz-gray-700); font-family: Helvetica, sans-serif; } .skin-blue.dark .table-condensed > thead > tr > th, .skin-blue.dark .table-condensed > tbody > tr > th, .skin-blue.dark .table-condensed > tfoot > tr > th, .skin-blue.dark .table-condensed > thead > tr > td, .skin-blue.dark .table-condensed > tbody > tr > td, .skin-blue.dark .table-condensed > tfoot > tr > td { color: var(--mz-dark-gray-700); border: 1px solid var(--mz-dark-table-border-color); } .skin-blue .datetimepicker table tr td.old, .skin-blue .datetimepicker table tr td.new { color: #b5b5c3 !important; } .skin-blue.dark .datetimepicker table tr td.old, .skin-blue.dark .datetimepicker table tr td.new { color: var(--mz-dark-gray-700) !important; } .skin-blue .datetimepicker table tr td.minute:hover { background: var(--mz-light-primary) !important; color: var(--mz-primary); } .skin-blue.dark .datetimepicker table tr td.minute:hover { background: var(--mz-dark-light-primary) !important; color: var(--mz-dark-primary); } .skin-blue .datetimepicker table tr td.hour:hover { background: var(--mz-light-primary) !important; color: var(--mz-primary); } .skin-blue.dark .datetimepicker table tr td.hour:hover { background: var(--mz-dark-light-primary) !important; color: var(--mz-dark-primary); } .skin-blue .datetimepicker table tr td.day:hover { background: var(--mz-light-primary) !important; color: var(--mz-primary); } .skin-blue.dark .datetimepicker table tr td.day:hover { background: var(--mz-dark-light-primary) !important; color: var(--mz-dark-primary); } .skin-blue .datetimepicker table tr td.disabled, .skin-blue .datetimepicker table tr td.disabled:hover { background: var(--mz-light-primary) !important; color: var(--mz-primary) !important; } .skin-blue.dark .datetimepicker table tr td.disabled, .skin-blue.dark .datetimepicker table tr td.disabled:hover { background: var(--mz-dark-light-primary) !important; color: var(--mz-dark-primary) !important; } .skin-blue .datetimepicker table tr td span:hover { background: var(--mz-light-primary) !important; color: var(--mz-primary); } .skin-blue.dark .datetimepicker table tr td span:hover { background: var(--mz-dark-light-primary) !important; color: var(--mz-dark-primary); } .skin-blue .datetimepicker table tr td span.disabled, .skin-blue .datetimepicker table tr td span.disabled:hover { background: var(--mz-light-primary) !important; color: var(--mz-primary); } .skin-blue.dark .datetimepicker table tr td span.disabled, .skin-blue.dark .datetimepicker table tr td span.disabled:hover { background: var(--mz-dark-light-primary) !important; color: var(--mz-dark-primary); } .skin-blue input[type=file] { padding: 7px 10px; border: 1px solid var(--mz-input-border-color) !important; background-color: var(--mz-input-color); height: 40px; color: var(--mz-gray-800); box-shadow: none; } .skin-blue.dark input[type=file] { border: 1px solid var(--mz-dark-border-color) !important; background-color: var(--mz-dark-input-color); color: var(--mz-dark-input-text-color); } .skin-blue input[type=file]:focus, .skin-blue input[type=file]:active, .skin-blue input[type=file].active, .skin-blue input[type=file].focus { background-color: var(--mz-input-focus-color); border-color: var(--mz-input-focus-color); box-shadow: none; outline: none; } .skin-blue.dark input[type=file]:focus, .skin-blue.dark input[type=file]:active, .skin-blue.dark input[type=file].active, .skin-blue.dark input[type=file].focus { background-color: var(--mz-dark-input-focus-color); border-color: var(--mz-dark-input-focus-color); } /* TOUR */ .skin-blue #tour .flex-control-paging li a { border: 1px solid var(--mz-primary); } .skin-blue #tour .flex-control-paging li a.flex-active { background-color: var(--mz-primary) !important; } .skin-blue #tour .flex-caption .caption-content { color: var(--mz-gray-800) !important; font-family: Helvetica, sans-serif; } .skin-blue.dark #tour .flex-caption .caption-content { color: var(--mz-dark-gray-800) !important; } .skin-blue #tour .flex-caption .heading { color: var(--mz-gray-800) !important; font-family: Helvetica, sans-serif; } .skin-blue.dark #tour .flex-caption .heading { color: var(--mz-dark-gray-900) !important; } .skin-blue.dark #tour .flex-caption { background-color: var(--mz-dark-secondary); } .skin-blue.dark #tour .modal-footer { background-color: var(--mz-dark-secondary); } .skin-blue.dark #tour .flex-control-paging li a.flex-active { background-color: var(--mz-dark-primary) !important; } .skin-blue.dark #tour .flex-control-paging li a { background-color: var(--mz-dark-light-primary) !important; border: 1px solid var(--mz-dark-primary); } .skin-blue.dark #tour .flexslider { background-color: var(--mz-dark-secondary); } /* TOUR END */ /* Frontend style css */ .skin-blue .section p a { color: var(--mz-primary); } .skin-blue.dark .section p a { color: var(--mz-dark-primary); } .skin-blue .section.section_welcome h1 span { font-size: 60px; color: #3a3a3a; } .skin-blue.dark .section.section_welcome h1 span { color: var(--mz-dark-gray-800); } .skin-blue .section.section_welcome .desc h2 { color: var(--mz-primary); } .skin-blue.dark .section.section_welcome .desc h2 { color: var(--mz-dark-primary); } .skin-blue .section.section_welcome .desc ul li .fa { color: var(--mz-primary); } .skin-blue.dark .section.section_welcome .desc ul li .fa { color: var(--mz-dark-primary); } .skin-blue .section.section_why h1 { color: var(--mz-primary); } .skin-blue.dark .section.section_why h1 { color: var(--mz-dark-primary); } .skin-blue .section.section_support h1 { color: var(--mz-primary); } .skin-blue.dark .section.section_support h1 { color: var(--mz-dark-primary); } .skin-blue header.navbar-default .navbar-toggle { margin-top: 3px; margin-right: -10px; color: var(--mz-primary); border-color: var(--mz-primary); } .skin-blue.dark header.navbar-default .navbar-toggle { color: var(--mz-dark-primary); border-color: var(--mz-dark-primary); } .skin-blue header.navbar-default .navbar-toggle .icon-bar { background-color: var(--mz-primary); } .skin-blue.dark header.navbar-default .navbar-toggle .icon-bar { background-color: var(--mz-dark-primary); } .skin-blue header.navbar-default .navbar-nav > li a:hover { color: var(--mz-primary); } .skin-blue.dark header.navbar-default .navbar-nav > li a:hover { color: var(--mz-dark-primary); } .skin-blue header.navbar-default .navbar-nav > li.active a { background-color: var(--mz-primary); } .skin-blue.dark header.navbar-default .navbar-nav > li.active a { background-color: var(--mz-dark-primary); } .skin-blue header.navbar-default .navbar-nav > li.active a:hover { background-color: var(--mz-primary); } .skin-blue.dark header.navbar-default .navbar-nav > li.active a:hover { background-color: var(--mz-dark-primary); } /* Frontend style css end*/ /* Wizard css */ .skin-blue.dark .wizard { background-color: var(--mz-dark-sidebar-color); border: 2px solid var(--mz-dark-border-color); } .skin-blue .wizard ul li { font-size: 14px !important; font-weight: 600 !important; background: var(--mz-input-color) !important; } .skin-blue.dark .wizard ul li { background: var(--mz-dark-light) !important; } .skin-blue .wizard ul li.complete { color: var(--mz-white) !important; background: var(--mz-primary) !important; } .skin-blue.dark .wizard ul li.complete a:hover { color: var(--mz-dark-gray-900); } .skin-blue.dark .wizard ul li.complete { color: var(--mz-dark-gray-900) !important; background: var(--mz-dark-primary) !important; } .skin-blue .wizard ul li.complete .chevron:before { border-left: 14px solid var(--mz-primary) !important; } .skin-blue.dark .wizard ul li.complete .chevron:before { border-left: 14px solid var(--mz-dark-primary) !important; } .skin-blue .wizard ul li.active .chevron:before { border-left: 14px solid var(--mz-white) !important; } .skin-blue.dark .wizard ul li.active .chevron:before { border-left: 14px solid var(--mz-dark-light-primary) !important; } .skin-blue .wizard ul li.active { color: var(--mz-primary) !important; border-left: 14px solid #ffffff; background-color: var(--mz-white) !important; } .skin-blue.dark .wizard ul li.active { color: var(--mz-dark-gray-800) !important; border-left: 14px solid var(--mz-dark-light-primary); background-color: var(--mz-dark-light-primary) !important; } .skin-blue .wizard ul li .chevron:before { border-left: 14px solid var(--mz-input-color) !important; } .skin-blue.dark .wizard ul li .chevron { border-left: 14px solid var(--mz-dark-gray-400); } .skin-blue.dark .wizard ul li .chevron:before { border-left: 14px solid var(--mz-dark-light) !important; } /* Wizard end */ /* jCRON CSS */ .skin-blue .jqcron-holder input[type=checkbox] { margin: 0; } .skin-blue .jqcron-wrapper { padding: 8px 10px; height: auto; font-family: Helvetica, sans-serif; color: #5e6278; font-size: 13px; width: 100%; min-width: 50px; max-height: 36px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 8px; border: 1px solid var(--mz-input-border-color); -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%) !important; box-shadow: inset 0 0 0 rgb(0 0 0 / 0%) !important; margin: 0 0 10px 0; background-color: var(--mz-input-color); } .skin-blue.dark .jqcron-wrapper { color: var(--mz-dark-input-text-color); border: 1px solid var(--mz-dark-light); -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0 0 10px 0; background-color: var(--mz-dark-input-color); } .skin-blue .jqCron-cross, .skin-blue .jqCron-selector-title { padding: 0.1em 0.5em; background-color: #e4e6ef; border-color: #e4e6ef; color: #5e6278; font-size: 14px; } .skin-blue.dark .jqCron-cross, .skin-blue.dark .jqCron-selector-title { background-color: var(--mz-dark-light); border-color: var(--mz-dark-light); color: var(--mz-dark-input-text-color); } .skin-blue .jqCron-selector-list { border: 0; -webkit-box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%); box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%); border-radius: 0.475rem; padding: 1rem 0; background-color: var(--mz-white); } .skin-blue.dark .jqCron-selector-list { background-color: var(--mz-dark-sidebar-color); -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--mz-dark-border-color); } .skin-blue .jqCron-selector-list li { padding: 6px; color: #5e6278; } .skin-blue.dark .jqCron-selector-list li { color: var(--mz-dark-input-text-color); } .skin-blue .jqCron-selector-list li.selected, .skin-blue .jqCron-selector-list li.selected:hover { background: var(--mz-primary); color: var(--mz-dark-gray-900); } .skin-blue.dark .jqCron-selector-list li.selected { background: var(--mz-dark-primary); color: var(--mz--dark-white); } .skin-blue.dark .jqCron-selector-list li.selected:hover { background: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue .jqCron-selector-list li:hover { background: var(--mz-white); color: var(--mz-primary); } .skin-blue.dark .jqCron-selector-list li:hover { background: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } /* jCRON CSS END */ /* Customer style */ .skin-blue .impersonate-sticky-info { font-weight: 500; background-color: var(--mz-primary); padding: 5px 5px; border: 0; border-radius: 8px; } .skin-blue.dark .impersonate-sticky-info { background-color: var(--mz-dark-primary); } .skin-blue .impersonate-sticky-info hr { color: #e3e6ef; background: #e3e6ef; } .skin-blue.dark .impersonate-sticky-info hr { color: var(--mz-dark-table-border-color); background: var(--mz-dark-table-border-color); } .skin-blue .impersonate-sticky-info a, .skin-blue .impersonate-sticky-info a:hover { color: var(--mz-white); font-weight: bold; } .skin-blue .panel-delivery-servers-pool .form-group .item, .skin-blue .panel-campaign-attachments .form-group .item { border-left: 5px solid #009ef7; } .skin-blue.dark .panel-delivery-servers-pool .form-group .item, .skin-blue.dark .panel-campaign-attachments .form-group .item { border-left: 5px solid var(--mz-dark-primary); } /* Customer style end */ .skin-blue .btn-template-click-actions-list-fields > span, .skin-blue .btn-template-click-actions > span, .skin-blue .btn-toggle-random-content > span { color: var(--mz-white) !important; } /* SEARCH */ .skin-blue.dark .modal.modal-search .modal-dialog .modal-content { background-color: var(--mz-dark-sidebar-color); box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%); } .skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="text"], .skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="search"], .skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="password"], .skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="email"], .skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="tel"], .skin-blue.dark .modal.modal-search .search-wrapper .search-input input[type="number"], .skin-blue.dark .modal.modal-search .search-wrapper .search-input input .form-control { color: var(--mz-dark-input-text-color); border: 1px solid var(--mz-dark-input-color) !important; background-color: var(--mz-dark-input-focus-color) !important; box-shadow: none; } .skin-blue.dark .modal.modal-search { background: rgba(0, 0, 0, 0.3) !important; } .skin-blue.dark .modal.modal-search .search-wrapper .search-input-results { border-top: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .modal.modal-search .search-wrapper .search-input-results ul li a { color: var(--mz-dark-gray-700); } .skin-blue.dark .modal.modal-search .search-wrapper .search-input-results ul li { padding-top: 8px; padding-bottom: 8px; } .skin-blue.dark .modal.modal-search .search-wrapper .search-input-results ul li { border-top: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .modal.modal-search .search-wrapper .search-input:before { font-size: 21px; left: 1%; color: var(--mz-dark-input-text-color); } .skin-blue.dark .modal.modal-search .search-wrapper .search-input i { color: var(--mz-dark-input-text-color); } /* SEARCH END */ /* START PAGE */ .skin-blue.dark #start-page .start-page-wrapper { border: 1px solid var(--mz-dark-sidebar-color); } /* START PAGE END */ /* FROM GROUP ADD ON */ .skin-blue.dark .input-group .input-group-addon { background-color: var(--mz-dark-input-color); } /* FROM GROUP ADD ON END */ /* EDITOR */ /*.skin-blue.dark .cke_chrome {*/ /* border: 1px solid var(--mz-dark-border-color);*/ /*}*/ /*.skin-blue.dark .cke_inner {*/ /* background: var(--mz-dark-sidebar-color);*/ /*}*/ /*.skin-blue.dark .cke_inner > span {*/ /* color: var(--mz-dark-gray-400);*/ /*}*/ /*.skin-blue.dark .cke_top {*/ /* background: var(--mz-dark-sidebar-color);*/ /* border-bottom: 1px solid var(--mz-dark-border-color);*/ /*}*/ /*.skin-blue.dark .cke_wysiwyg_frame, .cke_wysiwyg_div {*/ /* background: var(--mz-dark-gray-600)!important;*/ /* color: var(--mz-dark-gray-700)!important;*/ /*}*/ /*.skin-blue.dark .cke_editable {*/ /* color: var(--mz-dark-gray-700)!important;*/ /*}*/ /*.skin-blue.dark a.cke_button {*/ /* color: var(--mz-dark-gray-400)!important;*/ /*}*/ /*.skin-blue.dark .cke_bottom {*/ /* background: var(--mz-dark-gray-600);*/ /*}*/ /*.skin-blue.dark #builder_CampaignTemplate_content {*/ /* background-color: var(--mz-dark-sidebar-color) !important;*/ /* border-color: var(--mz-dark-border-color) !important;*/ /*}*/ /*.skin-blue.dark .splitter-layout>.layout-splitter {*/ /* background-color: var(--mz-dark-border-color) !important;*/ /*}*/ /*.skin-blue.dark .splitter-layout .layout-splitter:hover {*/ /* background-color: var(--mz-dark-border-color) !important;*/ /*}*/ /*.skin-blue.dark .splitter-layout.layout-changing >.layout-splitter {*/ /* background-color: var(--mz-dark-border-color) !important;*/ /*}*/ /*.skin-blue.dark .etb .edit-panel {*/ /* background-color: var(--mz-dark-sidebar-color);*/ /*}*/ /*.skin-blue.dark .etb .tabs-panel li.active {*/ /* background-color: var(--mz-dark-primary);*/ /* color: var(--mz--dark-white);*/ /* border-color: var(--mz-dark-primary);*/ /*}*/ /*.skin-blue.dark .etb .tabs-panel li {*/ /* background-color: var(--mz-dark-light-primary);*/ /* color: var(--mz-dark-primary);*/ /* border: 2px solid var(--mz-dark-light-primary);*/ /*}*/ /*.skin-blue.dark .cke_editable {*/ /* background-color: var(--mz-dark-sidebar-color) !important;*/ /* color: var(--mz-dark-gray-800) !important;*/ /*}*/ /*.skin-blue.dark .etb .actionButtons {*/ /* background-color: var(--mz-dark-sidebar-color);*/ /* border-top: 1px solid var(--mz-dark-border-color);*/ /*}*/ /*.skin-blue.dark .etb .button {*/ /* background-color: var(--mz-dark-secondary);*/ /*}*/ /*.skin-blue.dark > body {*/ /* background-color: var(--mz-dark-sidebar-color) !important;*/ /* color: var(--mz-dark-gray-800) !important;*/ /*}*/ /*.skin-blue.dark .darkbg {*/ /* background-color: var(--mz-dark-primary) !important;*/ /* color: var(--mz-dark-gray-700);*/ /*}*/ .skin-blue.dark #builder_CampaignTemplate_content { border: 1px solid var(--mz-dark-border-color) !important; } .skin-blue.dark .etb .template-item { border: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .etb, .skin-blue.dark .etb .edit-panel { background-color: var(--mz-dark-sidebar-color); } .skin-blue.dark .etb .edit-panel h4 { color: var(--mz-dark-gray-800) !important; } .skin-blue.dark .etb .edit-panel-wrapper hr { color: var(--mz-dark-border-color) !important; background-color: var(--mz-dark-border-color) !important; border-bottom: 1px solid var(--mz-dark-border-color) !important; } .skin-blue.dark .etb .remove-social-item { top: 0; background: rgba(var(--mz-dark-danger-rgb), 1); padding: 5px; border-radius: 5px; } .skin-blue.dark .etb .column-templ { background-color: var(--mz-dark-secondary); } .skin-blue.dark .etb .left-column-templ, .skin-blue.dark .etb .right-column-templ { background-color: var(--mz-dark-background-color); } .skin-blue.dark .etb .tabs-panel li.active { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); border-color: var(--mz-dark-primary); } .skin-blue.dark .etb .tabs-panel li { background-color: var(--mz-dark-light-primary); border: 2px solid var(--mz-dark-light-primary); color: var(--mz-dark-primary); } /*.skin-blue.dark .splitter-layout.layout-changing>.layout-splitter {*/ /* background-color: var(--mz-dark-secondary);*/ /*}*/ .skin-blue.dark .splitter-layout > .layout-splitter { background-color: var(--mz-dark-border-color) !important; } .skin-blue.dark .splitter-layout .layout-splitter:hover { background-color: var(--mz-dark-border-color) !important; } .skin-blue.dark .etb .columns-container .label-style, .skin-blue.dark .ReactFontPicker_LabelFloat { color: var(--mz-dark-gray-700); } .skin-blue.dark .ReactFontPicker_Wrapper { border-bottom: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .ReactFontPicker_Options { background-color: var(--mz-dark-secondary); color: var(--mz-dark-gray-800); box-shadow: none; } .skin-blue.dark .ReactFontPicker_Wrapper .ripple:hover { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .etb .checkbox-wrapper, .skin-blue.dark .etb .actionButtons { border-top: 1px solid var(--mz-dark-border-color); background-color: var(--mz-dark-sidebar-color); } .skin-blue.dark .etb .button { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); border-color: var(--mz-dark-light-primary); } .skin-blue.dark .etb .button:hover { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); border-color: var(--mz-dark-primary); } .skin-blue.dark .ReactFontPicker_SelectedOption { color: var(--mz-dark-gray-800); } .skin-blue.dark .Select--single > .Select-control .Select-value, .Select-placeholder { background-color: var(--mz-dark-input-color); border-color: var(--mz-dark-border-color); color: var(--mz-dark-gray-800); } .skin-blue.dark .rc-color-picker-trigger { border: 1px solid var(--mz-dark-border-color); box-shadow: inset 0 0 0 2px var(--mz-dark-border-color); } .skin-blue.dark .etb .bold-style, .skin-blue.dark .etb .i-style, .skin-blue.dark .etb .center-align, .skin-blue.dark .etb .left-align, .skin-blue.dark .etb .justify-align, .skin-blue.dark .etb .right-align { border: 2px solid var(--mz-dark-border-color); background-color: var(--mz-dark-secondary); } .skin-blue.dark .etb .i-style.active, .skin-blue.dark .etb .center-align.active, .skin-blue.dark .etb .justify-align.active, .skin-blue.dark .etb .left-align.active, .skin-blue.dark .etb .right-align.active { background-color: var(--mz-dark-gray-500); border: 2px solid var(--mz-dark-gray-500); } .skin-blue.dark .etb .bold-style.active { background-color: var(--mz-dark-gray-500); border: 2px solid var(--mz-dark-gray-500); } .skin-blue.dark .etb .Select-control { background-color: var(--mz-dark-border-color); border-color: var(--mz-dark-border-color); border: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .etb .browse-body a { color: var(--mz-dark-primary); } .skin-blue.dark .etb .advanced-but-opt a { color: var(--mz-dark-primary); } .skin-blue.dark .etb .advanced-but-opt a:before { color: var(--mz-dark-primary); } .skin-blue.dark .etb .advanced-but-opt.close a:before { color: var(--mz-dark-primary); padding-right: 17px; } .skin-blue.dark .etb .remove-color-button { color: var(--mz-dark-danger); } .skin-blue.dark .etb .button-border-container input[type="number"].border-size-input, .skin-blue.dark .etb .border-radius-container input[type="number"].border-size-input { margin: 8px 10px 0 5px !important; } .skin-blue.dark .etb .text-style-header { background: var(--mz-dark-secondary); border-top: 1px solid var(--mz-dark-border-color); color: var(--mz-dark-gray-800); } .skin-blue.dark .cke_dialog_body { background-color: var(--mz-dark-sidebar-color); } .skin-blue.dark .cke_dialog_title { color: var(--mz-dark-gray-800); border-bottom: 1px solid var(--mz-dark-border-color); background: var(--mz-dark-sidebar-color); } .skin-blue.dark .cke_dialog_contents_body { background: var(--mz-dark-sidebar-color); color: var(--mz-dark-gray-700); } .skin-blue.dark a.cke_dialog_ui_button { background-color: var(--mz-dark-secondary); border: 1px solid var(--mz-dark-secondary); } .skin-blue.dark a.cke_dialog_tab { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); border: 1px solid var(--mz-dark-border-color); } .skin-blue.dark a.cke_dialog_tab_selected { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); border: 1px solid var(--mz-dark-primary); } .skin-blue.dark .cke_dialog_contents { border-top: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .cke_dialog .ImagePreviewBox { background: var(--mz-dark-input-color); border: 1px ridge var(--mz-dark-border-color); } .skin-blue.dark .cke_dialog .ImagePreviewBox table td { color: var(--mz-dark-gray-700); } .skin-blue.dark .cke_dialog_tabs { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .cke_dialog fieldset { border: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .cke_dialog fieldset legend { color: var(--mz-dark-gray-700); } .skin-blue.dark .cke_top { border-bottom: 1px solid var(--mz-dark-border-color); background: var(--mz-dark-sidebar-color); } .skin-blue.dark .cke_inner { background: var(--mz-dark-sidebar-color); } .skin-blue.dark .cke_chrome { border: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .cke_bottom { border-top: 1px solid var(--mz-dark-border-color); background: var(--mz-dark-sidebar-color); } .skin-blue.dark a.cke_button:hover { background-color: var(--mz-dark-background-color); color: var(--mz--dark-white); border-color: var(--mz-dark-background-color); } .skin-blue.dark a.cke_button_on { background-color: var(--mz-dark-background-color); border: 1px var(--mz-dark-background-color); } .skin-blue.dark a.cke_combo_button:hover { background-color: var(--mz-dark-background-color); color: var(--mz--dark-white); border-color: var(--mz-dark-background-color); } .skin-blue.dark .cke_dialog_footer { border-top: 1px solid var(--mz-dark-border-color); background: var(--mz-dark-sidebar-color); } .skin-blue.dark .etb .browse-body p { color: var(--mz-dark-gray-800); } .skin-blue.dark .etb .button-border-container input[type="number"].border-size-input, .skin-blue.dark .etb .border-radius-container input[type="number"].border-size-input { border: 1px solid var(--mz-dark-light) !important; } .skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, .skin-blue.dark .has-value.Select--single > .Select-control .Select-value .Select-value-label { color: var(--mz-dark-input-text-color) !important; } .skin-blue.dark .etb .content-to-share-selector .Select-value-label, .etb .image-caption-selector .Select-value-label { color: var(--mz-dark-input-text-color) !important; } .skin-blue.dark .etb .divider-editor .label-style { color: var(--mz-dark-gray-800); } .skin-blue.dark .etb .add-image-button { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .etb .add-image-button.active, .skin-blue.dark .etb .add-image-button:hover { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); } .skin-blue.dark #builder_CustomerEmailTemplate_content { border: 1px solid var(--mz-dark-border-color) !important; } .skin-blue.dark .etb .social-horisontal-layout, .skin-blue.dark .etb .social-vertical-layout { border: 3px solid var(--mz-dark-light-primary); background-color: var(--mz-dark-primary); } .skin-blue.dark .etb .icon-style-block:hover { outline: 3px solid var(--mz-dark-border-color); } .skin-blue.dark .etb .icon-style-outline-block-light { background-color: var(--mz-dark-secondary) !important; } .skin-blue.dark .cm-s-rubyblue .CodeMirror-activeline-background { background: rgba(var(--mz-dark-secondary-rgb), 1); } .skin-blue.dark .cm-s-rubyblue .CodeMirror-gutters { background: rgba(var(--mz-dark-secondary-rgb), 1); border-right: 7px solid var(--mz-dark-background-color); } .skin-blue.dark .cm-s-rubyblue .CodeMirror-guttermarker-subtle, .skin-blue.dark .cm-s-rubyblue .CodeMirror-linenumber { color: var(--mz-dark-gray-700); } /* EDITOR END */ /* DATETIME PICKER */ .skin-blue.dark .ui-datepicker .ui-datepicker-header { background-color: var(--mz-dark-sidebar-color); color: var(--mz-dark-gray-800); } .skin-blue .ui-datepicker .ui-datepicker-header { background-color: var(--mz-white); color: var(--mz-gray-800); } .skin-blue.dark .ui-datepicker .ui-datepicker-prev, .skin-blue.dark .ui-datepicker .ui-datepicker-prev, .skin-blue.dark .ui-datepicker .ui-datepicker-next { background-color: var(--mz-dark-primary); } .skin-blue .ui-datepicker .ui-datepicker-prev, .skin-blue .ui-datepicker .ui-datepicker-prev, .skin-blue .ui-datepicker .ui-datepicker-next { background-color: var(--mz-input-focus-color); } .skin-blue.dark .ui-datepicker { background-color: var(--mz-dark-sidebar-color) !important; } .skin-blue .ui-datepicker { background-color: var(--mz-white) !important; } .skin-blue .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { max-width: 300px; } .skin-blue .ui-menu-item { padding: 4px 2px; list-style: none; font-size: 14px; color: var(--mz-gray-700); } .skin-blue.dark .ui-menu-item { color: var(--mz-dark-gray-700); } /* Autocomplete select */ .skin-blue.dark .ui-state-hover, .skin-blue.dark .ui-state-focus, .skin-blue.dark .ui-state-active { color: var(--mz-dark-primary); background-color: var(--mz-dark-light-primary); border: 1px solid var(--mz-dark-light-primary); } .skin-blue .ui-state-hover, .skin-blue .ui-state-focus, .skin-blue .ui-state-active { color: var(--mz-white); background-color: var(--mz-primary); border: 1px solid var(--mz-primary); } /* Autocomplete select END */ .skin-blue .ui-menu-item { padding: 2px; list-style: none; font-size: 14px; } .skin-blue li.ui-menu-item { padding: 5px; list-style: none; left: 0; } .skin-blue .ui-widget-content { border: 1px solid var(--mz-border-color) !important; background: var(--mz-white); } .skin-blue.dark .ui-widget-content { color: var(--mz-dark-gray-800); border: 1px solid var(--mz-dark-secondary) !important; background: var(--mz-dark-sidebar-color); } .skin-blue.dark .wijmo-wijmenu .ui-state-default, .skin-blue.dark .ui-widget-content .ui-state-default, .skin-blue.dark .ui-widget-header .ui-state-default { font-size: 14px; color: var(--mz-dark-gray-700) !important; border: 1px solid transparent; } .skin-blue .wijmo-wijmenu .ui-state-default, .skin-blue .ui-widget-content .ui-state-default, .skin-blue .ui-widget-header .ui-state-default { font-size: 14px; color: var(--mz-gray-700) !important; } .skin-blue.dark .ui-datepicker td .ui-state-default:hover, .skin-blue.dark .ui-datepicker td .ui-state-highlight { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary) !important; font-size: 14px; } .skin-blue .ui-datepicker td .ui-state-default:hover, .skin-blue .ui-datepicker td .ui-state-highlight { background-color: var(--mz-light-primary); color: var(--mz-primary) !important; } .skin-blue.dark .ui-datepicker td .ui-state-active { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900) !important; } .skin-blue .ui-datepicker td .ui-state-active { background-color: var(--mz-primary); color: var(--mz-white) !important; } .skin-blue.dark [class*=" datetimepicker-dropdown"]:after { border-bottom: 7px solid var(--mz-dark-border-color); } .skin-blue .datetimepicker .table-condensed > thead > tr > th, .skin-blue .datetimepicker .table-condensed > tbody > tr > th, .skin-blue .datetimepicker .table-condensed > tfoot > tr > th, .skin-blue .datetimepicker .table-condensed > thead > tr > td, .skin-blue .datetimepicker .table-condensed > tbody > tr > td, .skin-blue .datetimepicker .table-condensed > tfoot > tr > td, .skin-blue.dark .datetimepicker .table-condensed > thead > tr > th, .skin-blue.dark .datetimepicker .table-condensed > tbody > tr > th, .skin-blue.dark .datetimepicker .table-condensed > tfoot > tr > th, .skin-blue.dark .datetimepicker .table-condensed > thead > tr > td, .skin-blue.dark .datetimepicker .table-condensed > tbody > tr > td, .skin-blue.dark .datetimepicker .table-condensed > tfoot > tr > td { border: none; } .skin-blue.dark .datetimepicker .datetimepicker-hours fieldset legend, .skin-blue.dark .datetimepicker .datetimepicker-minutes fieldset legend { color: var(--mz-dark-gray-700); border-bottom: 1px solid var(--mz-dark-border-color); } .skin-blue .datetimepicker .datetimepicker-hours fieldset legend, .skin-blue .datetimepicker .datetimepicker-minutes fieldset legend { color: var(--mz-gray-700); border-bottom: 1px solid var(--mz-white); } .skin-blue .ui-tooltip { color: var(--mz-gray-900); } .skin-blue.dark .ui-tooltip { color: var(--mz-dark-gray-900); } /*.skin-blue .ui-datepicker table span {*/ /* color: var(--mz-gray-700);*/ /*}*/ /* DATETIME PICKER END*/ /* LOADER */ .skin-blue.dark .ph-item { background-color: var(--mz-dark-light); border: 1px solid var(--mz-dark-light); } .skin-blue.dark .ph-item:before { background: linear-gradient(90deg, var(--mz-dark-secondary) 46%, var(--mz-dark-gray-400) 50%, var(--mz-dark-secondary) 54%) 50% 50%; } .skin-blue.dark .ph-row div { background-color: var(--mz-dark-background-color); } .skin-blue.dark .ph-row .empty { background-color: hsla(0, 0%, 100%, 0) } .skin-blue.dark .ph-avatar { background-color: var(--mz-dark-light); } .skin-blue.dark .ph-picture { background-color: var(--mz-dark-background-color); } /* LOADER END */ /* FLOT CHART */ .skin-blue.dark .flot-tick-label.tickLabel { color: var(--mz-dark-gray-700); } .skin-blue.dark .legendLabel { background-color: var(--mz-dark-sidebar-color); color: var(--mz-dark-gray-800); } .skin-blue.dark .legendColorBox { background-color: var(--mz-dark-sidebar-color); color: var(--mz-dark-gray-800); } /* FLOT CHART END */ /* PRICE PLAN PAYMENT */ .skin-blue.dark .price-plan-payment { background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .page-header { border-bottom: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .row.invoice-info { color: var(--mz-dark-gray-700); } .skin-blue .well { background-color: var(--mz-background-color); border: 1px solid var(--mz-border-color); } .skin-blue.dark .well { background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-border-color); -webkit-box-shadow: none; box-shadow: none; } .skin-blue.dark #stripe-form:hover { background: var(--mz-dark-secondary); } .skin-blue.dark #stripe-form #card-errors { color: red; } /* PRICE PLAN PAYMENT END */ /* TABLE LOADING GIF */ .skin-blue.dark .empty-options-header.loading { background: none; } /* LOADING GIF END */ /* LISTS FIELDS BUTTONS */ .skin-blue.dark .list-fields-buttons .btn-primary { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .list-fields-buttons .btn-primary:hover { background-color: var(--mz-dark-primary); color: var(--mz--dark-white); } /* LISTS FIELDS BUTTONS END */ /** * React Select */ .skin-blue.dark .Select.is-disabled > .Select-control { background-color: var(--mz-dark-secondary); } .skin-blue.dark .Select-control { background-color: var(--mz-dark-sidebar-color); border-color: var(--mz-dark-secondary); border: 1px solid var(--mz-dark-secondary); color: var(--mz-dark-input-text-color); } .skin-blue.dark .is-open > .Select-control { background: var(--mz-dark-sidebar-color); border-color: var(--mz-dark-secondary); } .skin-blue.dark .is-open > .Select-control .Select-arrow { border-color: transparent transparent var(--mz-dark-input-text-color); } .skin-blue.dark .is-focused:not(.is-open) > .Select-control { border-color: var(--mz-dark-light-primary); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px var(--mz-dark-light-primary); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px var(--mz-dark-light-primary); } .skin-blue.dark .Select-placeholder, .skin-blue.dark .Select--single > .Select-control .Select-value { color: var(--mz-dark-placeholder-color); } .skin-blue.dark .has-value.Select--single > .Select-control .Select-value .Select-value-label, .skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: var(--mz-dark-input-text-color); } .skin-blue.dark .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .skin-blue.dark .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .skin-blue.dark .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { color: var(--mz-dark-primary); } .skin-blue.dark .Select-loading { border: 2px solid var(--mz-dark-border-color); border-right-color: var(--mz-dark-border-color); } .skin-blue.dark .Select-clear-zone { color: var(--mz-dark-input-text-color); } .skin-blue.dark .Select-clear-zone:hover { color: var(--mz-dark-danger); } .skin-blue.dark .Select-arrow { border-color: var(--mz-dark-input-text-color) transparent transparent; } .skin-blue.dark .is-open .Select-arrow, .skin-blue.dark .Select-arrow-zone:hover > .Select-arrow { border-top-color: var(--mz-dark-border-color); } .skin-blue.dark .Select-menu-outer { background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-border-color); border-top-color: var(--mz-dark-border-color); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } .skin-blue.dark .Select-option { background-color: var(--mz-dark-sidebar-color); color: var(--mz-dark-input-text-color); } .skin-blue.dark .Select-option.is-selected { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .Select-option.is-selected:hover { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .Select-option.is-focused { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue.dark .Select-option.is-disabled { color: var(--mz-dark-secondary); } .skin-blue.dark .Select-noresults { color: var(--mz-dark-secondary); } .skin-blue.dark .Select--multi .Select-value { background-color: var(--mz-dark-sidebar-color); border: 1px solid var(--mz-dark-border-color); color: var(--mz-dark-primary); } .skin-blue.dark .Select--multi a.Select-value-label { color: var(--mz-dark-primary); } .skin-blue.dark .Select--multi .Select-value-icon { border-right: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .Select--multi .Select-value-icon:hover, .skin-blue.dark .Select--multi .Select-value-icon:focus { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); } .skin-blue.dark .Select--multi .Select-value-icon:active { background-color: var(--mz-dark-input-focus-color); } .skin-blue.dark .Select--multi.is-disabled .Select-value { background-color: var(--mz-dark-secondary); border: 1px solid var(--mz-dark-border-color); color: var(--mz-dark-input-text-color); } .skin-blue.dark .Select--multi.is-disabled .Select-value-icon { border-right: 1px solid var(--mz-dark-border-color); } .skin-blue.dark .Select--multi.is-disabled .Select-value-icon:hover, .skin-blue.dark .Select--multi.is-disabled .Select-value-icon:focus, .skin-blue.dark .Select--multi.is-disabled .Select-value-icon:active { background-color: var(--mz-dark-primary); color: var(--mz-dark-gray-900); } /** * React Select END */ /* Bootstrap */ .skin-blue.dark .help-block { color: var(--mz-dark-gray-700); } .skin-blue pre { background-color: var(--mz-background-color); border: 1px solid var(--mz-border-color); color: var(--mz-gray-700); } .skin-blue code { background-color: var(--mz-light-danger); color: var(--mz-danger); } .skin-blue .bg-teal { background-color: var(--mz-teal) !important; } .skin-blue .bg-teal h3, .skin-blue .bg-teal p { color: var(--mz-white); } /* Bootstrap END */ .skin-blue.app-frontend { background: var(--mz-white); } .app-frontend.skin-blue .content-wrapper, .app-frontend.skin-blue .right-side { background: var(--mz-white); } /* Landing pages */ .skin-blue.dark .landing-page-table-row-header { color: var(--mz-dark-gray-900); } .skin-blue .landing-page-table-body-cell { border: 1px solid var(--mz-border-color); } .skin-blue.dark .landing-page-table-body-cell { border: 1px solid var(--mz-dark-table-border-color); color: var(--mz-dark-gray-800) } .skin-blue .add-page-variant { border: 1px dashed var(--mz-primary); } .skin-blue.dark .add-page-variant { border: 1px dashed var(--mz-dark-primary); } .skin-blue .add-page-variant a:hover { color: var(--mz-white); } .skin-blue .add-page-variant:hover { background: var(--mz-light-primary); } .skin-blue.dark .add-page-variant:hover { background: var(--mz-dark-light-primary); } .skin-blue .inactive-page-variant { color: var(--mz-gray-500); } .skin-blue.dark .inactive-page-variant { color: var(--mz-dark-gray-600); } /* BADGE */ .skin-blue .badge { background: var(--mz-white); } .skin-blue.dark .badge { background: var(--mz-dark-gray-100); } .skin-blue .badge-light-success { color: var(--mz-success); background-color: var(--mz-light-success); } .skin-blue.dark .badge-light-success { color: var(--mz-dark-success); background-color: var(--mz-dark-light-success); } .skin-blue .badge-light-danger { color: var(--mz-danger); background-color: var(--mz-light-danger); } .skin-blue.dark .badge-light-danger { color: var(--mz-dark-danger); background-color: var(--mz-dark-light-danger); } .skin-blue .badge-light-primary { color: var(--mz-primary); background-color: var(--mz-light-primary); } .skin-blue.dark .badge-light-primary { color: var(--mz-dark-primary); background-color: var(--mz-dark-light-primary); } .skin-blue .badge-light-dark { color: var(--mz-gray-900); background-color: var(--mz-gray-200); } .skin-blue.dark .badge-light-dark { color: var(--mz-dark-gray-700); background-color: var(--mz-dark-secondary); } /* BADGE END */ /* BANNER */ .skin-blue .unpublished-banner { border-left: 3px solid var(--mz-primary); } .skin-blue.dark .unpublished-banner { border-left: 3px solid var(--mz-dark-primary); } .skin-blue .unpublished-banner-primary { background-color: var(--mz-light-primary); color: var(--mz-primary); } .skin-blue.dark .unpublished-banner-primary { background-color: var(--mz-dark-light-primary); color: var(--mz-dark-primary); } .skin-blue .unpublished-banner-success { background-color: var(--mz-success); } .skin-blue.dark .unpublished-banner-success { background-color: var(--mz-dark-success); } .skin-blue .unpublished-banner span { color: var(--mz-primary); } .skin-blue.dark .unpublished-banner span { color: var(--mz-dark-primary); } /* BANNER END*/ /* Landing page checkbox */ .skin-blue .checkbox-group-legend { color: var(--mz-text-gray); } .skin-blue .checkbox-input:checked + .checkbox-tile { border-color: var(--mz-primary); color: var(--mz-primary); } .skin-blue.dark .checkbox-input:checked + .checkbox-tile { border-color: var(--mz-dark-primary); color: var(--mz-dark-primary); } .skin-blue .checkbox-input:checked + .checkbox-tile:before { background-color: var(--mz-primary); border-color: var(--mz-primary); } .skin-blue.dark .checkbox-input:checked + .checkbox-tile:before { background-color: var(--mz-dark-primary); border-color: var(--mz-dark-primary); } .skin-blue .checkbox-input:checked + .checkbox-tile .checkbox-icon, .skin-blue .checkbox-input:checked + .checkbox-tile .checkbox-label { color: var(--mz-gray-700); } .skin-blue.dark .checkbox-input:checked + .checkbox-tile .checkbox-icon, .skin-blue.dark .checkbox-input:checked + .checkbox-tile .checkbox-label { color: var(--mz-dark-gray-800); } .skin-blue .checkbox-input:focus + .checkbox-tile { border-color: var(--mz-primary); } .skin-blue.dark .checkbox-input:focus + .checkbox-tile { border-color: var(--mz-dark-primary); } .skin-blue .checkbox-tile { border: 2px solid var(--mz-border-color); background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .skin-blue.dark .checkbox-tile { border: 2px solid var(--mz-dark-border-color); background-color: var(--mz-dark-secondary); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .skin-blue .checkbox-tile:before { border: 2px solid var(--mz-gray-400); background-color: var(--mz-white); } .skin-blue.dark .checkbox-tile:before { border: 2px solid var(--mz-dark-gray-500); background-color: var(--mz-dark-secondary); } .skin-blue .checkbox-tile:hover { border-color: var(--mz-primary); } .skin-blue.dark .checkbox-tile:hover { border-color: var(--mz-dark-primary); } .skin-blue .checkbox-icon { color: var(--mz-text-gray); } .skin-blue .checkbox-label { color: var(--mz-gray-600); } .skin-blue.dark .checkbox-label { color: var(--mz-dark-gray-700); } /* Landing page checkbox END */ /* ---------Hover Overlay text Effect--------- */ .skin-blue .overlay-item { border: 1px solid var(--mz-gray-200); border-radius: 3px; } .skin-blue.dark .overlay-item { border: 1px solid var(--mz-dark-border-color); } .skin-blue .overlay-item h3 { background-color: var(--mz-gray-800); color: var(--mz-white); } .skin-blue .overlay-item:hover { border: 1px solid var(--mz-active-primary); } .skin-blue.dark .overlay-item:hover { border: 1px solid var(--mz-dark-active-primary); } .skin-blue .overlay-item:focus, .skin-blue .overlay-item:active { border: 1px solid var(--mz-active-primary); } .skin-blue.dark .overlay-item:focus, .skin-blue.dark .overlay-item:active { border: 1px solid var(--mz-dark-active-primary); } .skin-blue .hover-mask:hover, .skin-blue .hover-mask:focus, .skin-blue .hover-mask:active { color: var(--mz-primary); } .skin-blue.dark .hover-mask:hover, .skin-blue.dark .hover-mask:focus, .skin-blue.dark .hover-mask:active { color: var(--mz-dark-primary); } .skin-blue .hover-mask:hover h5 { color: var(--mz-primary); } .skin-blue.dark .hover-mask:hover h5 { color: var(--mz-dark-primary); } .skin-blue .hover-mask.active > h5 { background: var(--mz-primary); color: var(--mz-white); } .skin-blue.dark .hover-mask.active > h5 { background: var(--mz-dark-primary); color: var(--mz-white); } .skin-blue .hover-mask.active >.overlay-item { border: 1px solid var(--mz-primary); } .skin-blue.dark .hover-mask.active >.overlay-item { border: 1px solid var(--mz-dark-primary); } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .skin-blue .tree-nav-item { background: var(--mz-white); } .skin-blue.dark .tree-nav-item { background: var(--mz-dark-sidebar-color); } .skin-blue .tree-nav-item .landing-page-table-body-cell { border-bottom: 1px solid var(--mz-gray-200); color: var(--mz-gray-600); } .skin-blue.dark .tree-nav-item .landing-page-table-body-cell { border-bottom: 1px solid var(--mz-dark-gray-200); color: var(--mz-dark-gray-600); } .skin-blue .tree-nav-item.is-expandable::before { border-left: 1px solid var(--mz-gray-200); } .skin-blue.dark .tree-nav-item.is-expandable::before { border-left: 1px solid var(--mz-dark-gray-200); } .skin-blue .tree-nav-item.is-expandable > .tree-nav-item-title { background: var(--mz-white); } .skin-blue.dark .tree-nav-item.is-expandable > .tree-nav-item-title { background: var(--mz-dark-sidebar-color); } .skin-blue .tree-nav-item.is-expandable > .tree-nav-item-title::before { color: var(--mz-gray-500); } .skin-blue.dark .tree-nav-item.is-expandable > .tree-nav-item-title::before { color: var(--mz-dark-gray-500); } .skin-blue .tree-nav-item-title { color: var(--mz-gray-900); } .skin-blue.dark .tree-nav-item-title { color: var(--mz-dark-gray-800); } .skin-blue .tree-nav-item-title .icon { color: var(--mz-gray-700); } .skin-blue .inactive-section { background: var(--mz-gray-800); } .skin-blue.dark .inactive-section { background: var(--mz-dark-gray-800); } .skin-blue .lp-table { background: var(--mz-border-color); border: 1px solid var(--mz-border-color); } .skin-blue.dark .lp-table { background: var(--mz-dark-table-border-color); border: 1px solid var(--mz-dark-table-border-color); } .skin-blue .lp-table-header { color: var(--mz-gray-700); } .skin-blue.dark .lp-table-header { color: var(--mz-dark-gray-700); } .skin-blue .lp-table-borders { background: var(--mz-border-color); } .skin-blue.dark .lp-table-borders { background: var(--mz-dark-sidebar-color); } .skin-blue .lp-table-row { color: var(--mz-gray-600); } .skin-blue.dark .lp-table-row { color: var(--mz-dark-gray-600); } .skin-blue .table_emphasis { color: var(--mz-gray-900); } .skin-blue.dark .table_emphasis { color: var(--mz-dark-gray-900); } .skin-blue .table-cell { background: var(--mz-white); } .skin-blue.dark .table-cell { background: var(--mz-dark-sidebar-color); } .skin-blue .lp-table-borders { background: var(--mz-border-color); } .skin-blue.dark .lp-table-borders { background: var(--mz-dark-table-border-color); } .skin-blue .variant-name { color: var(--mz-gray-800); } .skin-blue.dark .variant-name { color: var(--mz-dark-gray-800); } .skin-blue .inactive-section .variant-name { color: var(--mz-gray-600); } .skin-blue.dark .inactive-section .variant-name { color: var(--mz-dark-gray-600); } .skin-blue .variant-name-edit-icon { padding-left: 8px; line-height: 0; position: absolute; } .skin-blue .variant-name-editable-name .variant-name-edit-icon { opacity: 0; transition: 200ms ease-in-out; } .skin-blue .icon-icon { display: inline-block; line-height: 0; } .skin-blue .table-numerical-cell { color: var(--mz-gray-800); } .skin-blue.dark .table-numerical-cell { color: var(--mz-dark-gray-800); } .skin-blue .table-numerical-cell > span { color: var(--mz-gray-800); } .skin-blue.dark .table-numerical-cell > span { color: var(--mz-dark-gray-800); } /* LINKS BODY */ .skin-blue .input-group-addon.permalink { background-color: var(--mz-primary)!important; border: 1px solid var(--mz-primary); color: var(--mz-white) !important; } .skin-blue .input-group-addon.bg-success { background-color: var(--mz-success)!important; border: 1px solid var(--mz-success); color: var(--mz-white) !important; } .skin-blue.dark .input-group-addon.permalink { background-color: var(--mz-dark-primary)!important; border: 1px solid var(--mz-dark-primary); color: var(--mz-white) !important; } .skin-blue .first-addon { background-color: var(--mz-secondary)!important; border: 1px solid var(--mz-secondary); } .skin-blue.dark .first-addon { background-color: var(--mz-dark-secondary)!important; border: 1px solid var(--mz-dark-secondary); } /* Header box */ .skin-blue .numbers { border: 1px dashed var(--mz-dashed-border-color); } .skin-blue.dark .numbers { border: 1px dashed var(--mz-dark-border-color); } .skin-blue .p-gray { color: var(--mz-gray-600) !important; } .skin-blue.dark .p-gray { color: var(--mz-dark-gray-600) !important; } .skin-blue .text-center h4 { color: var(--mz-primary) !important; } .skin-blue.dark .text-center h4 { color: var(--mz-dark-primary) !important; } .skin-blue .svg-icon-dot { fill: var(--mz-gray-700); } .skin-blue.dark .svg-icon-dot { fill: var(--mz-dark-gray-700); } .skin-blue .landing-page-templates-container .box-header .box-title { color: var(--mz-gray-700); } .skin-blue.dark .landing-page-templates-container .box-header .box-title { color: var(--mz-dark-gray-700); } /**/ .skin-blue .panel-delivery-servers-pool .item { border-left: 5px solid var(--mz-primary); background: var(--mz-white); } .skin-blue.dark .panel-delivery-servers-pool .item { border-left: 5px solid var(--mz-dark-primary); background: var(--mz-dark-sidebar-color); } .skin-blue .panel-delivery-servers-pool .item span { color: var(--mz-gray-800); } .skin-blue.dark .panel-delivery-servers-pool .item span { color: var(--mz-dark-gray-800); } .skin-blue .panel-delivery-servers-pool .item input[type=checkbox] { margin-left: 5px; }