/* a {
    color: #000066 !important;
    text-decoration: none;
} */

.pc-mob-header {
    background: #000066 !important;
}

.sw-btn-next {
    background-color: #000066 !important;
    border: #0000F8 solid 2px !important;
    color: white;
}

/* .sw-btn-next:after {
    content: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
} */

.sw-btn-prev {
    background-color: #000066 !important;
    border: #0000F8 solid 2px !important;
    color: white;
}

.form-check-input:checked {
    background-color: #0000F8 !important;
    border-color: #0000F8 !important;
}

/* .sw-theme-default > ul.step-anchor > li.active > a {
    color: #000066 !important;
} */

.smartwizard-example .step-anchor > li.active > a .sw-done-icon, .smartwizard-example .step-anchor > li.active > a .sw-icon, .smartwizard-example .step-anchor > li.active > a .sw-number {
    border-color: #28292D !important;
    background: #28292D !important;
    color: white
}

.sw-number {
    border-color: #000066 !important;
}

.icons {
    width: 16px !important;
}

.icon-xl {
    width: 18px !important;
}

.icon-2xl {
    width: 20px !important;
}
 
.auth-wrapper {
    background: white !important;
}

.auth-content card {
    background-color: #BABAE8 !important;
    padding: 10px !important;
}

.auth-wrapper .auth-content:not(.container) {
    width: 500px;
}

.auth-form {
    border: 1px solid #E0E0E0;
    padding: 15px 10px;
    margin: 0;
    border-radius: 5px;
    bottom: 0 !important;
}

/* .select2-dropdown.select2-dropdown--below{
    width: 148px !important;
} */

.select2-selection__rendered {
    line-height: 1.5 !important;
    width: 100% !important;
}

.select2-search__field::placeholder{
    color: black !important;
}
.select2-search__field:-ms-input-placeholder {
    color: black !important;
}
.select2-search__field::-ms-input-placeholder {
    color: black !important;
}

.select2-container--default .select2-selection--single {
    height: 100% !important;
    margin: 0 !important;
    font-family: inherit !important;
    display: block !important;
    width: 100% !important;
    padding: 0.575rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: black !important;
    background-color: #ffffff !important;
    background-clip: padding-box !important;
    border: 2px solid #ced4da !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 4px !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    /* -webkit-appearance: none !important;
    -moz-appearance: none !important; */
    /* appearance: none !important; */
    /* background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org…ints='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 0.75rem center/18px 25px !important; */
}

/* .select2-form-control {
    width: 100% !important;
    padding: 0.575rem 1rem !important;
    background-color: #ffffff !important;
    background-clip: padding-box !important;
    border: 2px solid #ced4da !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
} */

.swal2-styled.swal2-confirm {
    background-color: #000066 !important;
}

.swal2-container {
    z-index: 300000 !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #ffffff;
    background-color: #000066 !important;
    border-color: #000066 !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.menu-utama {
    width: 160px; 
    -moz-transform: scale(1); 
    -webkit-transform: scale(1); 
    transform: scale(1); 
    transition: 0.7s ease all; 
    -webkit-transition: 0.7s ease all; 
    -moz-transition: 0.7s ease all;
}

.menu-utama img {
    width: 120px; 
    height: 120px;
    /* transition: transform 1s; */
}

.menu-utama:hover {
    -moz-transform: scale(1.3); 
    -webkit-transform: scale(1.3); 
    transform: scale(1.3);
}

@media (max-width: 767.98px) { 
    .menu-utama {
        width: 120px !important; 
    } 

    .menu-utama img {
        width: 85px !important; 
        height: 85px !important;
    }

    .menu-utama-label {
        /* font-size: 14px !important; */
        padding: 10px !important;
    }
}

.tableFixHead { 
    overflow: auto; 
    max-height: 300px; 
}

.tableFixHead thead th { 
    position: sticky; 
    top: 0; 
    z-index: 1; 
}

.input-group-password {
    border-left: 0 !important;
}

.toggle-password {
    cursor: pointer;
}

div.dataTables_processing { 
    z-index: 1; 
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #e9ecef !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.kv-ktp .krajee-default.file-preview-frame,.kv-ktp .krajee-default.file-preview-frame:hover {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}

.kv-ktp .file-input {
    display: table-cell;
    width: 213px;
}
.kv-reqd {
    color: red;
    font-family: monospace;
    font-weight: normal;
}

.krajee-default.file-preview-frame .kv-file-content {
    width: 100% !important;
    height: 230px !important;
}

.krajee-default.file-preview-frame .kv-file-content img {
    width: 400px !important;
    padding: 0 !important;
    margin: 0 !important;   
}

.krajee-default.file-preview-frame {
    width: 100% !important;
    margin-right: 5px !important;
    margin: auto !important;
}

.custom-file-container__image-preview {
    background-size: contain !important;

    /* You may want to add this too because the background of the image-preview container is set to a white color. */
    background-color: #eee !important; 
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/* .separator::before, */
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000066;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

.select2-selection--multiple ul.select2-selection__rendered > li.select2-selection__choice {
    background-color: #0000F8;
    color: white;
}

.select2-selection--multiple ul.select2-selection__rendered > li.select2-selection__choice {
    background-color: #0000F8;
    color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
    /* cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; */
}  

.overlay-progress-body {
    background-color:#EFEFEF;
    position: fixed;
    width: 100%;
    height: 100%;
    /* z-index: 1000; */
    z-index: 9998;
    top: 0px;
    left: 0px;
    opacity: .5; /* in FireFox */ 
    filter: alpha(opacity=50); /* in IE */
}