499 lines
12 KiB
CSS
499 lines
12 KiB
CSS
|
/* LOGIN */
|
||
|
|
.dark .bg-white {
|
||
|
|
background-color: #404040 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-logo-title {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-logo-subtitle {
|
||
|
|
color: #7bdeab;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-font-size {
|
||
|
|
font-size: 23px !important;
|
||
|
|
font-weight: 600;
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu-wrapper{
|
||
|
|
background: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-gradient-login {
|
||
|
|
background: linear-gradient(90deg, #404040 0%, #404040 55%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .login.login-1 .login-form {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-login-container .input-group.input-group-solid {
|
||
|
|
background-color: #2B2B2B;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-login-container .form-control.form-control-solid {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .input-group.input-group-solid .form-control.form-control-solid:active,
|
||
|
|
.input-group.input-group-solid .form-control.form-control-solid.active,
|
||
|
|
.input-group.input-group-solid .form-control.form-control-solid:focus,
|
||
|
|
.input-group.input-group-solid .form-control.form-control-solid.focus {
|
||
|
|
background-color: #00a551;
|
||
|
|
border-color: #5e5e5f;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* LOGIN */
|
||
|
|
|
||
|
|
/* MAIN */
|
||
|
|
.dark .text-dark {
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside .aside-secondary {
|
||
|
|
overflow: hidden;
|
||
|
|
background: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu .menu-nav {
|
||
|
|
background: #1f1f1f;
|
||
|
|
color: #e8e8e8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .list.list-hover .list-item {
|
||
|
|
border-bottom: 1px solid #67a08363;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .list.list-hover .list-item:hover {
|
||
|
|
background-color: #333333;
|
||
|
|
color: #8dcead;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .aside-secondary-enabled .aside .aside-primary {
|
||
|
|
border-right: 1px solid #313131;
|
||
|
|
} */
|
||
|
|
.dark .aside .aside-primary {
|
||
|
|
background: #151515 !important;
|
||
|
|
border-right: 1px solid #2b2b2b !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .card.card-custom {
|
||
|
|
background-color: #1f1f1f;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .form-group label {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .dataTables_wrapper .dataTable th,
|
||
|
|
.dark .dataTables_wrapper .dataTable td {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .table.table-separate th,
|
||
|
|
.dark .table.table-separate td {
|
||
|
|
border-bottom: 1px solid #313131;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .table.table-head-custom thead tr,
|
||
|
|
.dark .table.table-head-custom thead th {
|
||
|
|
color: #5ac9ff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default.select2-container--focus .select2-selection--multiple,
|
||
|
|
.dark .select2-container--default.select2-container--focus .select2-selection--single,
|
||
|
|
.dark .select2-container--default.select2-container--open .select2-selection--multiple,
|
||
|
|
.dark .select2-container--default.select2-container--open .select2-selection--single {
|
||
|
|
border-color: #424242 !important;
|
||
|
|
background: #151515 !important;
|
||
|
|
height: 38px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-selection--single {
|
||
|
|
background-color: #151515 !important;
|
||
|
|
border: 1px solid #424242 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-dropdown {
|
||
|
|
background: #151515 !important;
|
||
|
|
border: 1px solid #424242 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-results__option[aria-selected=true] {
|
||
|
|
background: #151515 !important;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
|
||
|
|
color: white;
|
||
|
|
outline: none !important;
|
||
|
|
border-radius: 0.42rem;
|
||
|
|
border: 1px solid #3c3c3c;
|
||
|
|
padding: 0.65rem 1rem;
|
||
|
|
background: #3c3c3c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-results__option.select2-results__option--highlighted {
|
||
|
|
background: #00a551;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* .dark .select2-results {
|
||
|
|
color: white;
|
||
|
|
} */
|
||
|
|
.dark .checkbox>span {
|
||
|
|
background-color: #333333;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .card.card-custom>.card-header .card-title,
|
||
|
|
.dark .card.card-custom>.card-header .card-title .card-label {
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 1.275rem;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .font-size-h5 {
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .nav .nav-link .nav-text {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .nav-tabs {
|
||
|
|
border-bottom: 1px solid #3a3a3a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .separator.separator-dashed {
|
||
|
|
border-bottom: 1px dashed #353535;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .timeline.timeline-1 .timeline-item .timeline-badge {
|
||
|
|
background-color: #1f1f1f;
|
||
|
|
border: 4px solid #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .text-dark-75 {
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
|
||
|
|
.dark .btn.btn-clean:focus:not(.btn-text),
|
||
|
|
.dark .btn.btn-clean.focus:not(.btn-text) {
|
||
|
|
background-color: #333333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .dropdown-menu.show {
|
||
|
|
display: block;
|
||
|
|
background: #353436;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .navi .navi-item .navi-link .navi-text {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .navi.navi-hover .navi-item .navi-link:hover {
|
||
|
|
background-color: #484848;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .form-control, .dark .input-group-solid {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #151515;
|
||
|
|
border: 1px solid #424242;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark #znNotif-text {
|
||
|
|
color: #868686;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .font-size-xs {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .offcanvas {
|
||
|
|
background: #252525;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .symbol.symbol-40 .symbol-label {
|
||
|
|
background: #464646;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark h5,
|
||
|
|
.dark h3 {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .btn.btn-light {
|
||
|
|
color: #7E8299;
|
||
|
|
background-color: #464646;
|
||
|
|
border-color: #464646;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark div.dataTables_wrapper div.dataTables_processing {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
width: 200px;
|
||
|
|
margin-left: -100px;
|
||
|
|
margin-top: -26px;
|
||
|
|
text-align: center;
|
||
|
|
padding: 1em 0;
|
||
|
|
background: #151515;
|
||
|
|
border: 1px solid #151515;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .bootstrap-select .dropdown-menu.inner>li>a .text {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .dropdown-item:hover,
|
||
|
|
.dropdown-item:focus {
|
||
|
|
color: #101221;
|
||
|
|
text-decoration: none;
|
||
|
|
background-color: #4a4a4a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .bootstrap-select .dropdown-menu.inner>li.selected>a,
|
||
|
|
.dark .bootstrap-select .dropdown-menu.inner>li:hover>a {
|
||
|
|
background: #545454;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .select2-container--default .select2-results__option {
|
||
|
|
padding: 0.65rem 1rem;
|
||
|
|
color: white !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .form-control[readonly] {
|
||
|
|
background-color: #1f1f1f !important;
|
||
|
|
border: none !important;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text),
|
||
|
|
.dark .btn.btn-clean:not(:disabled):not(.disabled).active,
|
||
|
|
.dark .show>.btn.btn-clean.dropdown-toggle,
|
||
|
|
.dark .show .btn.btn-clean.btn-dropdown {
|
||
|
|
color: #00a551;
|
||
|
|
background-color: #353535;
|
||
|
|
border-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .dataTables_wrapper .dataTables_paginate .pagination .page-item.first>.page-link,
|
||
|
|
.dark .dataTables_wrapper .dataTables_paginate .pagination .page-item.last>.page-link,
|
||
|
|
.dark .dataTables_wrapper .dataTables_paginate .pagination .page-item.next>.page-link,
|
||
|
|
.dark .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous>.page-link {
|
||
|
|
-webkit-transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
|
||
|
|
transition: color .15s ease, background-color .15s ease, border-color .15s ease, -webkit-box-shadow .15s ease;
|
||
|
|
transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
|
||
|
|
transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, -webkit-box-shadow .15s ease;
|
||
|
|
background-color: #f3f6f91c;
|
||
|
|
color: #7e8299;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .accordion.accordion-light .card {
|
||
|
|
border: 0;
|
||
|
|
border-top: 1px solid #2d2d2d;
|
||
|
|
background: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-profile-icon {
|
||
|
|
font-size: 40px;
|
||
|
|
background: #464646;
|
||
|
|
padding: 15px;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: #c9f7f5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .form-control:disabled,
|
||
|
|
.dark .form-control[readonly] {
|
||
|
|
background-color: #424242 !important;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TABLE DARK */
|
||
|
|
.dark .table-light td,
|
||
|
|
.dark .table-light tbody+tbody {
|
||
|
|
border-color: #333333;
|
||
|
|
background: #252525;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .table-light th,
|
||
|
|
.dark .table-light thead th {
|
||
|
|
border-color: #212121;
|
||
|
|
background: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .table:not(.table-bordered) thead td,
|
||
|
|
.dark .table:not(.table-bordered) thead th {
|
||
|
|
border-top: 0;
|
||
|
|
color: white;
|
||
|
|
border-bottom: 1px solid #2d2d2d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .table td {
|
||
|
|
/* padding: .75rem; */
|
||
|
|
vertical-align: top;
|
||
|
|
border-top: 1px solid #2d2d2d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-tb-detail {
|
||
|
|
background: #272727;
|
||
|
|
border-bottom: 1px dashed #2f2f2f;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
border-top: 1px dashed #2f2f2f;
|
||
|
|
padding-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-full-modal .modal-dialog .modal-content {
|
||
|
|
height: 100%;
|
||
|
|
color: #333;
|
||
|
|
overflow: auto;
|
||
|
|
background: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .kt-widget6 .kt-widget6__body .kt-widget6__item {
|
||
|
|
border-bottom: 1px dashed #ebedf230;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-widget6-head {
|
||
|
|
background: #1515158a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-widget6-head span {
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-widget6-head span i {
|
||
|
|
color: #ffffff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.dark .zn-list-rekening-title-success {
|
||
|
|
background-color: #383838;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-list-rekening-title-danger {
|
||
|
|
background-color: #383838;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-card-rekening {
|
||
|
|
border: 1px dashed #5a5a5a !important;
|
||
|
|
background: #292929;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .input-group-text {
|
||
|
|
background-color: #424242;
|
||
|
|
border: 1px solid #424242;
|
||
|
|
}
|
||
|
|
.dark .zn-list-rekening-title {
|
||
|
|
background-color: #2f2f2f !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .paginationjs .paginationjs-pages li:first-child {
|
||
|
|
border-radius: 5px;
|
||
|
|
background: #151515 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .paginationjs .paginationjs-pages li:last-child {
|
||
|
|
border-radius: 5px;
|
||
|
|
background: #151515 !important;
|
||
|
|
}
|
||
|
|
.dark .paginationjs .paginationjs-pages li.disabled>a:hover {
|
||
|
|
background: #151515 !important;
|
||
|
|
}
|
||
|
|
.dark .accordion.accordion-toggle-arrow .card .card-header .card-title {
|
||
|
|
position: relative;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
.dark .custom-file-label {
|
||
|
|
text-align: left;
|
||
|
|
background: #151515;
|
||
|
|
border: 1px solid #424242;
|
||
|
|
}
|
||
|
|
.dark .custom-file-label::after {
|
||
|
|
background: #424242;
|
||
|
|
color: #ffff;
|
||
|
|
}
|
||
|
|
/* .dark .aside-secondary-enabled .aside .aside-primary {
|
||
|
|
border-right: 1px solid #2b2b2b !important;
|
||
|
|
} */
|
||
|
|
|
||
|
|
.dark #kt_header_mobile{
|
||
|
|
background: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .header {
|
||
|
|
background-color: #1f1f1f;
|
||
|
|
border-bottom: 1px solid #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .zn-text-logo {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu {
|
||
|
|
background-color: #1f1f1f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item>.menu-link .menu-text {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-heading .menu-text,
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item>.menu-link .menu-text {
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
|
||
|
|
background-color: #353535;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
|
||
|
|
background-color: #383838;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
|
||
|
|
.dark .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
|
||
|
|
background-color: #2b2b2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .card.card-custom>.card-header {
|
||
|
|
background: #252525 !important;
|
||
|
|
border: 1px solid #252525 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .label.label-xl.label-inline {
|
||
|
|
background: #353535 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .filepond--drop-label {
|
||
|
|
color: #ffffff !important;
|
||
|
|
border: 1px dashed #484848 !important;
|
||
|
|
background: #252525 !important;
|
||
|
|
border-radius: 5px;
|
||
|
|
font-size: 14px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark .filepond--panel-root {
|
||
|
|
background-color: #252525 !important;
|
||
|
|
border: 1px dashed #484848 !important;
|
||
|
|
}
|