1787 lines
59 KiB
CSS
1787 lines
59 KiB
CSS
#skin-default,
|
|
#skin-light,
|
|
#skin-dark {
|
|
position: relative;
|
|
}
|
|
|
|
#skin-default:hover,
|
|
#skin-light:hover,
|
|
#skin-dark:hover {
|
|
opacity: 0.8;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#skin-default:before,
|
|
#skin-light:before,
|
|
#skin-dark:before {
|
|
font-family: 'Font Awesome 5 Pro';
|
|
content: "\f058";
|
|
font-size: 3rem;
|
|
position: absolute;
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
padding-left: 0.75rem;
|
|
padding-top: 0.25rem;
|
|
color: var(--success-500);
|
|
}
|
|
|
|
body:not(.mod-skin-light):not(.mod-skin-dark) #skin-default:before {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
/* #LIGHT MODE
|
|
========================================================================== */
|
|
.mod-skin-light:not(.mod-skin-dark) #skin-light:before {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark) .page-content-wrapper {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"] {
|
|
background: #ffffff;
|
|
color: #333333;
|
|
color: var(--theme-fusion-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"]:focus {
|
|
border-color: #333333;
|
|
color: var(--theme-primary-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark) .page-sidebar {
|
|
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
|
|
border-left: 1px dashed #cecece;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card {
|
|
color: #333333;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .text-white {
|
|
color: #333333 !important;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card img.cover {
|
|
-webkit-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
opacity: 0.25;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .info-card-text > span {
|
|
color: #333333;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
color: var(--theme-primary-700);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer {
|
|
background-image: none;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-header {
|
|
border-bottom: 1px solid #eaeaea;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li.active > a {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
color: var(--theme-fusion-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
color: var(--theme-fusion-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a:focus {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
color: var(--theme-fusion-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
color: var(--theme-fusion-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
color: var(--theme-fusion-500);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul {
|
|
background-color: rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > [class*='fa-'], .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > .ni {
|
|
color: var(--theme-primary-700);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li a:hover {
|
|
color: var(--theme-fusion-500);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu .nav-title {
|
|
color: rgba(0, 0, 0, 0.6);
|
|
color: var(--theme-fusion-50);
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo-text {
|
|
color: #333333;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .text-white,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner .text-white,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner .text-white,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div .text-white,
|
|
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div .text-white {
|
|
color: #000 !important;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.mod-skin-light.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
|
|
background: inherit !important;
|
|
color: inherit !important;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
|
|
color: inherit !important;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .badge.badge-icon {
|
|
-webkit-box-shadow: 0 0 0 1px #ffffff;
|
|
box-shadow: 0 0 0 1px #ffffff;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > .ni:first-child:hover {
|
|
color: #333333 !important;
|
|
}
|
|
|
|
.mod-skin-light.nav-function-top:not(.mod-nav-dark) #search-field {
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
/* #DARK MODE
|
|
========================================================================== */
|
|
.mod-skin-dark:not(.mod-skin-light) {
|
|
background-color: #303133;
|
|
color: #a5abb1;
|
|
/* accordion */
|
|
/* modal */
|
|
/*//pagination
|
|
.page-link {
|
|
color: #ffffff;
|
|
background-color: #37393e;
|
|
|
|
&:hover {
|
|
|
|
}
|
|
}*/
|
|
/* placeholder */
|
|
/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) #skin-dark:before {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .accordion .card .card-header .card-title {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card-header {
|
|
background: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-primary,
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-sucess,
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-danger .alert-warning,
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-info .alert-secondary {
|
|
background-color: rgba(255, 255, 255, 0.06);
|
|
border-color: rgba(255, 255, 255, 0.09);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-primary {
|
|
color: #ffffff;
|
|
color: var(--theme-primary-100);
|
|
background-color: rgba(136, 106, 181, 0.2);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.2);
|
|
border-color: rgba(136, 106, 181, 0.6);
|
|
border-color: rgba(var(--theme-rgb-primary), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-success {
|
|
color: #ffffff;
|
|
color: var(--theme-success-100);
|
|
background-color: rgba(29, 201, 183, 0.2);
|
|
background-color: rgba(var(--theme-rgb-success), 0.2);
|
|
border-color: rgba(29, 201, 183, 0.6);
|
|
border-color: rgba(var(--theme-rgb-success), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-danger {
|
|
color: #ffffff;
|
|
color: var(--theme-danger-100);
|
|
background-color: rgba(253, 57, 149, 0.2);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.2);
|
|
border-color: rgba(253, 57, 149, 0.6);
|
|
border-color: rgba(var(--theme-rgb-danger), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-warning {
|
|
color: #ffffff;
|
|
color: var(--theme-warning-100);
|
|
background-color: rgba(255, 194, 65, 0.2);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.2);
|
|
border-color: rgba(255, 194, 65, 0.6);
|
|
border-color: rgba(var(--theme-rgb-warning), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-info {
|
|
color: #ffffff;
|
|
color: var(--theme-info-100);
|
|
background-color: rgba(33, 150, 243, 0.2);
|
|
background-color: rgba(var(--theme-rgb-info), 0.2);
|
|
border-color: rgba(33, 150, 243, 0.6);
|
|
border-color: rgba(var(--theme-rgb-info), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .alert-secondary {
|
|
color: #ffffff;
|
|
color: var(--theme-white);
|
|
background-color: rgba(80, 80, 80, 0.2);
|
|
background-color: rgba(var(--theme-rgb-fusion), 0.2);
|
|
border-color: rgba(80, 80, 80, 0.6);
|
|
border-color: rgba(var(--theme-rgb-fusion), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-inner,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-inner,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-content-wrapper > div,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-content-wrapper > div {
|
|
background: #37393e;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .border:not(.border-primary):not(.tab-content):not(.border-secondary):not(.border-success):not(.border-danger):not(.border-warning):not(.border-info):not(.border-light):not(.border-dark):not(.border-white) {
|
|
border-color: rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .border-top {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .border-right {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .border-bottom {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .border-left {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .border-faded {
|
|
border-color: rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .breadcrumb:not(.breadcrumb-arrow):not(.page-breadcrumb):not([class*="bg-"]) {
|
|
background: #242528;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .breadcrumb-arrow li a {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn.btn-panel.bg-transparent {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-light {
|
|
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
|
|
border-color: rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-outline-dark {
|
|
color: #989898;
|
|
border-color: #000000;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-outline-default {
|
|
background-color: #37393e;
|
|
color: #c5c5c5;
|
|
border-color: #1d1f23;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-default {
|
|
background: #5e646b;
|
|
color: #cccccc;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-default:hover {
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-default:focus {
|
|
border-color: #a5abb1 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-default.active {
|
|
background: rgba(var(--theme-rgb-primary), 0.85);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover) {
|
|
color: #a5abb1 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover {
|
|
color: #c0c5c9 !important;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .chat-segment-get .chat-message {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
color: rgba(255, 255, 255, 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .chat-segment-sent .chat-message {
|
|
background: rgba(29, 201, 183, 0.35);
|
|
background: rgba(var(--theme-rgb-success), 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .msgr-list + .msgr:before {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .time-stamp {
|
|
color: #bdbdbd;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-content-wrapper a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.card-title):not([class*="fc-"]):not([class*="text-"]):not(.btn-search-close),
|
|
.mod-skin-dark:not(.mod-skin-light) .modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) {
|
|
/* color: #ffffff; */
|
|
color: var(--theme-primary-200);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-success {
|
|
color: var(--theme-success-300) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-danger {
|
|
color: var(--theme-danger-300) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-warning {
|
|
color: var(--theme-warning-300) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-info {
|
|
color: var(--theme-info-300) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-dark {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-muted {
|
|
color: rgba(255, 255, 255, 0.8) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-contrast {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-secondary {
|
|
color: rgba(255, 255, 255, 0.9) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .text-primary {
|
|
color: #ffffff;
|
|
color: var(--theme-primary-300) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) a.text-primary:hover,
|
|
.mod-skin-dark:not(.mod-skin-light) a.text-primary:focus {
|
|
color: #ffffff;
|
|
color: var(--theme-primary-200) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-faded {
|
|
background-color: #3c3f48;
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-gray-50 {
|
|
background-color: #47484c;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-light {
|
|
background-color: #565656 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-subtlelight-fade {
|
|
background: #2d2f32;
|
|
background: rgba(var(--theme-rgb-fusion), 0.2);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-trans-gradient {
|
|
background: linear-gradient(250deg, rgba(var(--theme-rgb-info), 0.5), rgba(var(--theme-rgb-primary), 0.5));
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-highlight {
|
|
background-color: rgba(255, 194, 65, 0.15);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']) {
|
|
background-color: #383b44 !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']).popover {
|
|
color: inherit;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-50:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.1);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-100:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.2);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.2);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-200:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.3);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.3);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-300:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.4);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.4);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-400:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.5);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-500:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.6);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-600:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.7);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-700:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.8);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-800:not([class*='popover']) {
|
|
background-color: rgba(136, 106, 181, 0.9);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-primary-900:not([class*='popover']) {
|
|
background-color: rgba(var(--theme-rgb-primary), 1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-50:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.1);
|
|
background-color: rgba(var(--theme-rgb-success), 0.1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-100:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.2);
|
|
background-color: rgba(var(--theme-rgb-success), 0.2);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-200:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.3);
|
|
background-color: rgba(var(--theme-rgb-success), 0.3);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-300:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.4);
|
|
background-color: rgba(var(--theme-rgb-success), 0.4);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-400:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.5);
|
|
background-color: rgba(var(--theme-rgb-success), 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-500:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.6);
|
|
background-color: rgba(var(--theme-rgb-success), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-600:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.7);
|
|
background-color: rgba(var(--theme-rgb-success), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-700:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.8);
|
|
background-color: rgba(var(--theme-rgb-success), 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-800:not([class*='popover']) {
|
|
background-color: rgba(29, 201, 183, 0.9);
|
|
background-color: rgba(var(--theme-rgb-success), 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-success-900:not([class*='popover']) {
|
|
background-color: #1dc9b7;
|
|
background-color: rgba(var(--theme-rgb-success), 1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-50:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.1);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-100:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.2);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.2);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-200:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.3);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.3);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-300:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.4);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.4);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-400:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.5);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.5);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-500:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.6);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-600:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.7);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-700:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.8);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-800:not([class*='popover']) {
|
|
background-color: rgba(253, 57, 149, 0.9);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-danger-900:not([class*='popover']) {
|
|
background-color: #fd3995;
|
|
background-color: rgba(var(--theme-rgb-danger), 1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-50:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.1);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-100:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.2);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.2);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-200:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.3);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.3);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-300:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.4);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.4);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-400:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.5);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.5);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-500:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.6);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-600:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.7);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-700:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.8);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-800:not([class*='popover']) {
|
|
background-color: rgba(255, 194, 65, 0.9);
|
|
background-color: rgba(var(--theme-rgb-warning), 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-warning-900:not([class*='popover']) {
|
|
background-color: #ffc241;
|
|
background-color: rgba(var(--theme-rgb-warning), 1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-50:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.1);
|
|
background-color: rgba(var(--theme-rgb-info), 0.1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-100:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.2);
|
|
background-color: rgba(var(--theme-rgb-info), 0.2);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-200:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.3);
|
|
background-color: rgba(var(--theme-rgb-info), 0.3);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-300:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.4);
|
|
background-color: rgba(var(--theme-rgb-info), 0.4);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-400:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.5);
|
|
background-color: rgba(var(--theme-rgb-info), 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-500:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.6);
|
|
background-color: rgba(var(--theme-rgb-info), 0.6);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-600:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.7);
|
|
background-color: rgba(var(--theme-rgb-info), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-700:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.8);
|
|
background-color: rgba(var(--theme-rgb-info), 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-800:not([class*='popover']) {
|
|
background-color: rgba(33, 150, 243, 0.9);
|
|
background-color: rgba(var(--theme-rgb-info), 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bg-info-900:not([class*='popover']) {
|
|
color: #000000;
|
|
background-color: #2196f3;
|
|
background-color: rgba(var(--theme-rgb-info), 1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-white {
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-faded {
|
|
background-color: #f7f9fa !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .hover-bg {
|
|
background: #303136;
|
|
color: inherit;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .hover-bg:hover {
|
|
background: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .hover-white:hover {
|
|
background: #313438 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .hover-white:active {
|
|
background: #25272a !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .hover-white .app-list-name {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bd-highlight {
|
|
background-color: rgba(86, 61, 124, 0.6);
|
|
border: 1px solid rgba(121, 95, 160, 0.8);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > .col, .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > [class^=col-] {
|
|
background-color: rgba(86, 61, 124, 0.75);
|
|
border: 1px solid rgba(133, 106, 175, 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-danger-50 {
|
|
background-color: rgba(253, 57, 149, 0.7);
|
|
background-color: rgba(var(--theme-rgb-danger), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-info-50 {
|
|
background-color: rgba(33, 150, 243, 0.7);
|
|
background-color: rgba(var(--theme-rgb-info), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .demo-window:before {
|
|
background: #000000;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .app-body-demo {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .frame-wrap {
|
|
background: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) #app-eventlog:empty {
|
|
background: #2c2e31;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) #app-eventlog > div:not(:last-child) {
|
|
border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .settings-panel h5 {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .settings-panel .list {
|
|
color: #d0d0d0;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .settings-panel .list .onoffswitch-title-desc {
|
|
color: #8c8c8c;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .settings-panel .list:hover {
|
|
background: rgba(255, 255, 255, 0.03);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .settings-panel .expanded:not(.theme-colors) {
|
|
background: #2f323b;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-menu {
|
|
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
background-color: #383b40;
|
|
color: #a3acb5;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-item {
|
|
color: #a5abb1 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-item:hover, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:focus {
|
|
background-color: #3e4146;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-item.active, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:active {
|
|
color: #ffffff !important;
|
|
background-color: #594677;
|
|
background-color: rgba(var(--theme-rgb-primary), 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
|
|
background-color: #3e4146;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-divider {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu > ul {
|
|
background: #202225;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu a {
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) ::-webkit-input-placeholder {
|
|
/* Edge */
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) :-ms-input-placeholder {
|
|
/* Internet Explorer 10-11 */
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) ::-moz-placeholder {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) ::-ms-input-placeholder {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) ::placeholder {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) select option {
|
|
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
background-color: #383b40;
|
|
color: #ffffff;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) input::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-webkit-input-placeholder {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) input::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-moz-placeholder {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) input:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select:-ms-input-placeholder {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) input::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-ms-input-placeholder {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) input::placeholder,
|
|
.mod-skin-dark:not(.mod-skin-light) textarea::placeholder,
|
|
.mod-skin-dark:not(.mod-skin-light) select::placeholder {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-select {
|
|
color: #FFFFFF;
|
|
background-color: #1f2125;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-select:not(:focus) {
|
|
border: 1px solid #19191c;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .form-label {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .form-control,
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-file-label {
|
|
color: #ffffff;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
border-color: rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .form-control:focus,
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-file-label:focus {
|
|
border-color: rgba(var(--theme-rgb-primary), 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .form-control[readonly], .mod-skin-dark:not(.mod-skin-light) .form-control:disabled,
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-file-label[readonly],
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-file-label:disabled {
|
|
background-color: #3f4246;
|
|
border-color: rgba(132, 132, 132, 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .input-group:not(.has-length) .input-group-text {
|
|
color: #838386;
|
|
background-color: #37393e;
|
|
border: 1px solid #232528;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-control-label::before {
|
|
background-color: rgba(136, 106, 181, 0.1);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.2);
|
|
border-color: #37393e;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-control-input:checked ~ .custom-control-label::before {
|
|
background-color: rgba(136, 106, 181, 0.8);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.8);
|
|
border-color: #886ab5;
|
|
border-color: rgba(var(--theme-rgb-primary), 1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-control-input[disabled] ~ .custom-control-label::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-control-input:disabled ~ .custom-control-label::before {
|
|
background-color: #565656;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
|
|
background-color: #565656;
|
|
background-color: rgba(var(--theme-rgb-primary), 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > .col:before,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:before,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:before,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:before,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:before,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:before,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:before {
|
|
border-top-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > .col:after,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:after,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:after,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:after,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:after,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:after,
|
|
.mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:after {
|
|
border-left-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .close {
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #000;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .state-selected {
|
|
background: rgba(33, 150, 243, 0.15) !important;
|
|
background: rgba(var(--theme-rgb-info), 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .notes {
|
|
background: rgba(255, 194, 65, 0.15);
|
|
background: rgba(var(--theme-rgb-warning), 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) pre {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .status:before {
|
|
border-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .progress {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) hr {
|
|
border-bottom-color: rgba(var(--theme-rgb-fusion), 0.85);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) code {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .list-group-item {
|
|
background: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .jumbotron {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
|
|
border-left: 1px dashed rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) :not(.modal-alert) .modal-dialog:not(.modal-transparent) .modal-content {
|
|
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
background-color: #383b40;
|
|
color: #a3acb5;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .swal2-popup {
|
|
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
|
|
background-color: #383b40;
|
|
color: #a3acb5;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .swal2-title {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .modal-transparent .modal-content {
|
|
background: rgba(0, 0, 0, 0.75);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .modal-title {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"] {
|
|
background: #2d2e32;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:focus {
|
|
border-color: rgba(255, 255, 255, 0.5);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:not(:focus) {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .info-card {
|
|
color: #a5abb1;
|
|
/*img.cover {
|
|
opacity: 0.6;
|
|
}*/
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .info-card .text-white {
|
|
text-shadow: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .info-card .info-card-text > span {
|
|
color: #fafafa;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul {
|
|
background: #212225;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light).nav-function-top .page-logo {
|
|
border-bottom: 1px solid #2d2d2d;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
|
|
color: #212225;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
color: var(--theme-primary-200);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li.active > a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li a:focus {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li {
|
|
/* > ul {
|
|
background-color: rgba(255, 255, 255, 0.03);
|
|
}*/
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li.active > a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
color: #ffffff;
|
|
font-weight: 500;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li a > [class*='fa-'],
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li a > .ni {
|
|
color: var(--theme-primary-300);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li a:hover {
|
|
color: var(--theme-primary-100);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-menu .nav-title {
|
|
color: rgba(255, 255, 255, 0.6);
|
|
color: var(--theme-primary-50);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-brand {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .show > .nav-link, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .active > .nav-link {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.show, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.active {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:hover, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:focus {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-text {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item .nav-link.active:not(:hover),
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs-clean .nav-item .nav-link:hover {
|
|
background: transparent;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item.show .nav-link {
|
|
background: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-link.active,
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link {
|
|
border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #25272b;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs {
|
|
border-bottom-color: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):hover,
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):focus {
|
|
border-color: rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.07) transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .tab-content.border {
|
|
border-color: rgba(255, 255, 255, 0.15) !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .notification .msg-a,
|
|
.mod-skin-dark:not(.mod-skin-light) .notification .msg-b,
|
|
.mod-skin-dark:not(.mod-skin-light) .notification .name {
|
|
color: #a5abb1 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .notification li {
|
|
background-color: #37393e;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .notification li.unread > :first-child {
|
|
background-color: rgba(var(--theme-rgb-primary), 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li,
|
|
.mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li.unread {
|
|
background: #37393e;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) body,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-content {
|
|
color: #a5abb1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child,
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child {
|
|
color: #888888;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child:hover {
|
|
color: #a2a2a2;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after {
|
|
background: rgba(0, 0, 0, 0.75);
|
|
background: rgba(var(--theme-rgb-primary), 0.75);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
|
|
.mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .badge.badge-icon {
|
|
-webkit-box-shadow: 0 0 0 1px #212225;
|
|
box-shadow: 0 0 0 1px #212225;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-logo,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-sidebar,
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-footer {
|
|
background-image: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-logo {
|
|
border-bottom: 1px solid #131313;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-header,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-footer {
|
|
border-bottom: 1px solid #2d2d2d;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-header,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-content-wrapper,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-footer {
|
|
background-color: #37393e;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-footer {
|
|
border-top: 1px solid #2d2d2d;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-logo-text {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-logo,
|
|
.mod-skin-dark:not(.mod-skin-light) .page-sidebar,
|
|
.mod-skin-dark:not(.mod-skin-light) .nav-footer {
|
|
background: #212225;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-sidebar {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-breadcrumb .breadcrumb-item.active {
|
|
color: #bfbfbf;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-breadcrumb {
|
|
text-shadow: #000000 0 1px;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-error {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .page-error small {
|
|
color: #c1c1c1;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .subheader-title {
|
|
color: #a5abb1;
|
|
text-shadow: #505050 0 1px;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .subheader-title small {
|
|
color: #8a9299;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .progress-bar {
|
|
background-color: var(--theme-primary-500);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel .card {
|
|
background-color: #37383e;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel,
|
|
.mod-skin-dark:not(.mod-skin-light) .card {
|
|
background-color: #26272b;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel {
|
|
border-bottom-color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-hdr,
|
|
.mod-skin-dark:not(.mod-skin-light) .card-header {
|
|
background: rgba(0, 0, 0, 0.03);
|
|
background: rgba(var(--theme-rgb-fusion), 0.5);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-hdr h2,
|
|
.mod-skin-dark:not(.mod-skin-light) .card-header h2 {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-toolbar .btn-panel {
|
|
border: 1px solid #333;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-hdr,
|
|
.mod-skin-dark:not(.mod-skin-light) .accordion:not(.accordion-clean) .card .card-header {
|
|
background: #303136;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-tag {
|
|
background: rgba(29, 201, 183, 0.15);
|
|
background: rgba(var(--theme-rgb-success), 0.15);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-placeholder {
|
|
background-color: var(--theme-primary);
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .panel-placeholder:before {
|
|
background: var(--theme-primary-900);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .table,
|
|
.mod-skin-dark:not(.mod-skin-light) .table-bordered th,
|
|
.mod-skin-dark:not(.mod-skin-light) .table-bordered td,
|
|
.mod-skin-dark:not(.mod-skin-light) .table thead th,
|
|
.mod-skin-dark:not(.mod-skin-light) .table th,
|
|
.mod-skin-dark:not(.mod-skin-light) .table td {
|
|
border-color: rgba(255, 255, 255, 0.25);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .table {
|
|
color: #c0c5c9;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .table.table-dark {
|
|
color: #ffffff;
|
|
background-color: #202225;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .table.table-striped tbody tr:nth-of-type(odd) {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .table-hover tbody tr:hover {
|
|
background-color: rgba(136, 106, 181, 0.15) !important;
|
|
background-color: rgba(var(--theme-rgb-primary), 0.15) !important;
|
|
color: inherit;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .thead-themed {
|
|
background-color: rgba(var(--theme-rgb-primary), 0.1);
|
|
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--theme-rgb-primary), 0.15)), to(rgba(var(--theme-rgb-primary), 0.55)));
|
|
background-image: linear-gradient(to top, rgba(var(--theme-rgb-primary), 0.15), rgba(var(--theme-rgb-primary), 0.55));
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .table-active,
|
|
.mod-skin-dark:not(.mod-skin-light) .table-active > th,
|
|
.mod-skin-dark:not(.mod-skin-light) .table-active > td {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) {
|
|
background-color: rgba(31, 31, 31, 0.85);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) .toast-header {
|
|
color: #ffffff;
|
|
background-color: rgba(35, 35, 35, 0.85);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-top .arrow::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="top"] .arrow::before {
|
|
border-top-color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-right .arrow::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="right"] .arrow::before {
|
|
border-right-color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-left .arrow::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="left"] .arrow::before {
|
|
border-left-color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-bottom .arrow::before,
|
|
.mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
|
|
border-bottom-color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .tooltip-inner {
|
|
background-color: rgba(0, 0, 0, 0.9);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .popover:not([class*="bg-"]) {
|
|
border: 3px solid rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .fc-head-container thead tr {
|
|
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #35393e), to(#565a61));
|
|
background-image: linear-gradient(to top, #35393e 0, #565a61 100%);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dt-autofill-list {
|
|
background-color: #383b40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) div.dt-autofill-list ul li:hover {
|
|
background-color: #2c2e32;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) table.DTFC_Cloned tr {
|
|
background: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) div.DTFC_LeftHeadWrapper table,
|
|
.mod-skin-dark:not(.mod-skin-light) table.dataTable.table-striped.DTFC_Cloned tbody,
|
|
.mod-skin-dark:not(.mod-skin-light) div.DTFC_RightHeadWrapper table {
|
|
background: #25272b;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) table.dataTable > tbody > tr.child ul.dtr-details > li {
|
|
border-bottom: 1px solid #373a40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .sorting_asc,
|
|
.mod-skin-dark:not(.mod-skin-light) .sorting_desc,
|
|
.mod-skin-dark:not(.mod-skin-light) .even .sorting_1 {
|
|
background-color: rgba(136, 106, 181, 0.1);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.1);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .odd .sorting_1 {
|
|
background-color: rgba(136, 106, 181, 0.2);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.2);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dataTables_filter:not(.has-length) .input-group-text {
|
|
color: #a7a7a7;
|
|
background-color: #474950;
|
|
border-color: #262627;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) table.dataTable:not(.table-dark) tr.dtrg-group td {
|
|
background: rgba(0, 0, 0, 0.13);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) div.DTS div.dataTables_scrollBody table {
|
|
background-color: #3a3c45;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomin,
|
|
.mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomout {
|
|
background-image: -webkit-gradient(linear, left bottom, left top, from(#2f323b), to(#2a2d35));
|
|
background-image: linear-gradient(to top, #2f323b, #2a2d35);
|
|
color: #c3c3c3;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .jqvmap-bg-ocean {
|
|
background-color: #374344 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .irs-line {
|
|
background: #3c3e44;
|
|
border-color: #28292d;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .fc a {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dropzone,
|
|
.mod-skin-dark:not(.mod-skin-light) .fc td.fc-other-month {
|
|
background-color: rgba(136, 106, 181, 0.15);
|
|
background-color: rgba(var(--theme-rgb-primary), 0.15);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker,
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table {
|
|
background: #383b40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off,
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.in-range,
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.start-date,
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.end-date {
|
|
background: transparent;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table {
|
|
border-color: #383b40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown.datepicker-orient-top:after {
|
|
border-top-color: #383b40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown:after {
|
|
border-bottom-color: #383b40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn {
|
|
background: #25272b;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:hover, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:focus, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:active {
|
|
background: #3d4046;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-editing-area .note-editable,
|
|
.mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-editing-area .note-editable {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
color: #fff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-statusbar,
|
|
.mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-statusbar {
|
|
border-top: 1px solid #25272b;
|
|
background-color: #434548;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .prettyprint {
|
|
background: #22221b;
|
|
font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .pln {
|
|
color: #f4f3ec;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) ol.linenums {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
color: #6c6b5a;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) li.L0, .mod-skin-dark:not(.mod-skin-light) li.L1, .mod-skin-dark:not(.mod-skin-light) li.L2, .mod-skin-dark:not(.mod-skin-light) li.L3, .mod-skin-dark:not(.mod-skin-light) li.L4, .mod-skin-dark:not(.mod-skin-light) li.L5, .mod-skin-dark:not(.mod-skin-light) li.L6, .mod-skin-dark:not(.mod-skin-light) li.L7, .mod-skin-dark:not(.mod-skin-light) li.L8, .mod-skin-dark:not(.mod-skin-light) li.L9 {
|
|
padding-left: 1em;
|
|
background-color: #22221b;
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
@media screen {
|
|
.mod-skin-dark:not(.mod-skin-light) .str {
|
|
color: #7d9726;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .kwd {
|
|
color: #5f9182;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .com {
|
|
color: #6c6b5a;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .typ {
|
|
color: #36a166;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .lit {
|
|
color: #ae7313;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .pun {
|
|
color: #f4f3ec;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .opn {
|
|
color: #f4f3ec;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .clo {
|
|
color: #f4f3ec;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .tag {
|
|
color: #ba6236;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .atn {
|
|
color: #ae7313;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .atv {
|
|
color: #5b9d48;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .dec {
|
|
color: #ae7313;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .var {
|
|
color: #ba6236;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .fun {
|
|
color: #36a166;
|
|
}
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--single,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--multiple,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--multiple,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-search--dropdown .select2-search__field {
|
|
color: #ffffff;
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
border-color: rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single .select2-selection__rendered {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--above,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--below {
|
|
background: #383b40;
|
|
}
|
|
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--single,
|
|
.mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--multiple {
|
|
background-color: #3f4246;
|
|
border-color: rgba(132, 132, 132, 0.35);
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.mod-skin-dark.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
|
|
background: inherit !important;
|
|
color: #d0d0d0 !important;
|
|
}
|
|
|
|
.mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
|
|
background-color: #212225 !important;
|
|
}
|
|
|
|
.mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
|
|
color: #212225 !important;
|
|
}
|
|
|
|
.mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
|
|
color: inherit !important;
|
|
}
|
|
|
|
.mod-skin-dark.nav-function-top .page-header {
|
|
background: #212225;
|
|
}
|
|
|
|
.mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
|
|
.mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.mod-skin-dark.nav-function-top #search-field {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.mod-skin-dark .subheader-title {
|
|
color: #ffffff !important;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=skin-master.css.map */
|