.text-primary { color: #007ac9 !important; }
.text-secondary { color: #868e96 !important; }
.text-success { color: #28a745 !important; }
.text-danger { color: #dc3545 !important; }
.text-info { color: #17a2b8 !important; }
.text-warning { color: #ffc107 !important; }
.text-dark { color: #031e23 !important; }

.bg-primary { background-color: #007ac9 !important; color: #fff !important; }
.bg-secondary { background-color: #868e96 !important; }
.bg-secondary2 { background-color: #f1f3f5 !important; }
.bg-success { background-color: #28a745 !important; color: #fff !important; }
.bg-info { background-color: #17a2b8 !important; color: #fff !important; }
.bg-warning { background-color: #ffc107 !important; color: #fff !important; }
.bg-danger { background-color: #dc3545 !important; color: #fff !important; }
.bg-dark { background-color: #031e23 !important; color: #fff !important; }
.bg-dark2 { background-color: #455a64 !important; color: #fff !important; }

.btn-primary { background-color: #007ac9 !important; border-color: #007ac9 !important; color: #fff !important; }
.btn-outline-primary { border-color: #007ac9 !important; color: #007ac9 !important; }
    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active { background-color: #007ac9 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-secondary { background-color: #868e96 !important; border-color: #868e96 !important; }
.btn-outline-secondary { border-color: #868e96 !important; color: #868e96 !important; }
    .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active { background-color: #868e96 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-success { background-color: #28a745 !important; border-color: #28a745 !important; color: #fff !important; }
.btn-outline-success { border-color: #28a745 !important; color: #28a745 !important; }
    .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active { background-color: #28a745 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-info { background-color: #17a2b8 !important; border-color: #17a2b8 !important; color: #fff !important; }
.btn-outline-info { border-color: #17a2b8 !important; color: #17a2b8 !important; }
    .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active { background-color: #17a2b8 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-warning { background-color: #ffc107 !important; border-color: #ffc107 !important; color: #fff !important; }
.btn-outline-warning { border-color: #ffc107 !important; color: #ffc107 !important; }
    .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active { background-color: #ffc107 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-danger { background-color: #dc3545 !important; border-color: #dc3545 !important; color: #fff !important; }
.btn-outline-danger { border-color: #dc3545 !important; color: #dc3545 !important; }
    .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active { background-color: #dc3545 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-dark { background-color: #031e23 !important; border-color: #031e23 !important; color: #fff !important; }
.btn-outline-dark { border-color: #031e23 !important; color: #031e23 !important; }
    .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active { background-color: #031e23 !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; }

.btn-light { color: #007ac9 !important }

.badge-primary { background-color: #007ac9 !important; color: #fff !important; }
.badge-secondary { background-color: #868e96 !important; }
.badge-success { background-color: #28a745 !important; color: #fff !important; }
.badge-info { background-color: #17a2b8 !important; color: #fff !important; }
.badge-warning { background-color: #ffc107 !important; color: #fff !important; }
.badge-danger { background-color: #dc3545 !important; color: #fff !important; }
.badge-dark { background-color: #031e23 !important; color: #fff !important; }

.text-muted { color: #b5b0ab !important; }

.bg-gradient-primary { background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important; }
.bg-gradient-secondary { background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important; }
.bg-gradient-success { background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important; }
.bg-gradient-info { background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important; }
.bg-gradient-warning { background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important; }
.bg-gradient-danger { background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important; }

body { background: #f9fafb }
body, .form-control, .input-group-text, .dropdown-item:not(.btn), a, .dropdown-menu { color: #031e23; }
    a:hover, a:active { color: #007ac9; }
    a.text-primary:focus, a.text-primary:hover { color: #007ac9 !important; }

.loading-bar .loader { background: #007ac9; }

.btn-link { color: #007ac9 }

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active { color: #fff !important; background-color: #007ac9; }

.form-control, .bootstrap-select .btn, .card, .input-group.custom { border-color: #ced4da; }
    .card:hover { border-color: #007ac9; }
.custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007ac9; border-color: #007ac9; }
.placeholder-white .custom-control-input:checked ~ .custom-control-label::before, .placeholder-white .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #031e23; border-color: #031e23; }

.form-control:focus { color: #031e23; border-color: #007ac9; -webkit-box-shadow: 0 0 28px rgba(0,0,0,.1); box-shadow: 0 0 28px rgba(0,0,0,.1) }

.form-check-input:checked { background-color: #007ac9; border-color: #007ac9; }

.form-control-v2 .form-control, .form-control-v2 .bootstrap-select .btn { border-color: #031e23 }
.form-control-v2 .custom-control-label, .placeholder, .intl-tel-input .country-list { color: #031e23; }

.placeholder-white.form-control-v2 .form-control { border-color: #fff }
.placeholder-white .form-control, .placeholder-white.form-control-v2 .custom-control-label, .placeholder-white .placeholder, .placeholder-white a { color: #fff; }

.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545 !important; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label a, .was-validated .custom-control-input:invalid ~ .custom-control-label strong { color: #dc3545 !important; }
.form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745 !important; }
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label a, .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label strong { color: #28a745 !important; }
.placeholder span, .red { color: #dc3545; }
.formError .formErrorContent, .formError .formErrorArrow div { background: #dc3545 !important; }
.formError .formErrorArrow .line3 { border: 0 !important; }
.formError .formErrorArrow .line1, .formError .formErrorArrow .line2 { background: #fff !important; }

.input-group-text { background-color: transparent; }

.select2-container .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown,
.select2-container .select2-selection--multiple { background-color: #fff; border-color: #ced4da !important; }

.select2-container--default .select2-results__option--selected { background-color: #007ac9; color: #fff }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #007ac9; color: #fff; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #007ac9; border-color: #007ac9; color: #fff; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border-color: #fff; color: #fff; }

.placeholder-white .form-control::-webkit-input-placeholder { color: #fff; }
.placeholder-white .form-control::-moz-placeholder { color: #fff; }
.placeholder-white .form-control:-ms-input-placeholder { color: #fff; }
.placeholder-white .form-control:-moz-placeholder { color: #fff; }
.placeholder-white .intl-tel-input .selected-flag .iti-arrow { border-top-color: #fff }

.box-shadow { -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 8px 0px }

.block-title, .footer-btn { background-color: #f9fafc; border-color: #eaedf1; }
.block-title { color: #007ac9 }

.datepicker--cell.-current- { color: #007ac9; }
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: #fff; background-color: #007ac9 }
.datepicker--day-name, .datepicker--time-current-hours, .datepicker--time-current-minutes { color: #007ac9 }
.datepicker--nav-action path { stroke: #007ac9 }
.datepicker--cell.-focus-, .datepicker--nav-action:hover, .datepicker--nav-title:hover, .datepicker--cell.-selected-.-focus- { background: #e1e1f5; color: #007ac9 }

.progress-bar { background-color: #007ac9; }

 .login-header, .login-box { background: #fff; border-color: #efefef }

.menu-icon, .search-toggle-icon { color: #555; }

.card-box { background-color: #fff; -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, .08); box-shadow: 0 0 28px rgba(0, 0, 0, .08); }

.page-header .title { color: #007ac9 }

.faq-wrap .card-header .btn:after { color: #007ac9; }

.blog-list ul li:hover .blog-caption h4 a, .fontawesome-icon-list .fa-hover:hover a, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { color: #007ac9 }

.breadcrumb { background-color: #f1f3f5 }
.breadcrumb-item a { color: #868e96; }
    .breadcrumb-item a:hover { color: #031e23; }

.header { background-color:#fff; }
.header, body:not(.login-page) .brand-logo { border-bottom: 1px solid rgba(0,0,0,.1); }

.mobile-menu-overlay { background: #031e23; }

body.login-page .brand-logo span, .project-name { color: #007ac9 }

.left-side-bar { background: #fff }
    .left-side-bar .close-sidebar { color: #031e23; }

    .sidebar-menu .dropdown-toggle:hover, .sidebar-menu .show > .dropdown-toggle { background: #031e23; color: #fff }

.sidebar-menu .submenu { background: #e6ebf0; }
    .sidebar-menu .submenu:before { border-color: #031e23 }
    .sidebar-menu .submenu li a { color: #031e23; }
        .sidebar-menu .submenu li a.active, .sidebar-menu .submenu li a:hover, .sidebar-menu > ul > li > .dropdown-toggle.active { color: #fff; background-color: #031e23 }

.sidebar-menu .dropdown-divider { border-color: rgba(255,255,255,.2); }
.sidebar-menu .sidebar-small-cap { color: #fff; }

.sidebar-dark .project-name { color: #fff }

.sidebar-dark .left-side-bar { background: #031e23 }
    .sidebar-dark .left-side-bar .close-sidebar { color: #fff; }

.sidebar-dark .sidebar-menu .dropdown-toggle, .sidebar-dark .sidebar-menu .dropdown-toggle .micon { color: #fff; }
    .sidebar-dark .sidebar-menu .dropdown-toggle:hover, .sidebar-dark .sidebar-menu .show > .dropdown-toggle { background: rgba(236,240,244,.19); color: #fff }

.sidebar-dark .sidebar-menu .submenu { background: rgba(236,240,244,.1); }
    .sidebar-dark .sidebar-menu .submenu:before { border-color: #007ac9 }
    .sidebar-dark .sidebar-menu .submenu li a { color: #fff; }
        .sidebar-dark .sidebar-menu .submenu li a.active, .sidebar-dark .sidebar-menu .submenu li a:hover { color: #fff; background-color: rgba(0,0,0,.4) }
.sidebar-dark .sidebar-menu > ul > li > .dropdown-toggle.active { background-color: rgba(236,240,244,.19) }

.sidebar-dark .sidebar-menu .dropdown-divider { border-color: rgba(255,255,255,.2); }
.sidebar-dark .sidebar-menu .sidebar-small-cap { color: #fff; }

.user-info-dropdown .dropdown-menu .dropdown-item { color: #444; }

.table > thead, .table > tfoot { background-color: #f6f6f6; }
.table-striped tbody tr:nth-of-type(odd) { background: #f6f6f6 }

table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover, table.dataTable.stripe tbody tr.odd { background: #f6f6f6 !important }
    table.dataTable tbody tr.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected { background-color: #181f48 !important; color: #fff }
    table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected { background-color: #007ac9 !important }

.uploaded-files li .item { background: #f9fafb; }

.bootstrap-tagsinput .label-info { background: #007ac9; color: #fff; }

.pagination .page-link { color: #007ac9; background-color: #f9fafb !important; }
.pagination .page-item.active .page-link, .pagination .page-item .page-link:hover { background-color: #007ac9 !important; color: #fff; opacity: 1; }

.widget-icon { background: #031e23; color: #fff }

.modal-confirm .modal-content { background: #f9fafb; }
.modal-confirm .modal-body > i { color: #dc3545 }

.modal-style-1 .modal-header { background-color: #007ac9; color: #fff; }
    .modal-style-1 .modal-header .btn-close { filter: invert(1) brightness(2); }

.stok-list .card.active:after { background-color: #28a745; opacity: .1; }

.stok-btn-add label { background-color: #fff; color: #28a745; }
.stok-list .card.active .stok-btn-add label { background-color: #28a745; color: #fff; }

.searchList .results a { color: #031e23; }
.searchList.active, .searchList .results, .searchList > button { border-color: #ced4da; }
.searchList button { background-color: #fff; }

.error-page h1 { text-shadow: 2px 2px 0 #031e23,4px 4px 0 #fff,8px 8px 0 #031e23; color: #031e23 }