.secure_form {
    display: none;
}

.val-error {
    background: #ff374a;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    padding: 0px 7px;
    border-radius: 2px;
    margin-left: 7px;
    display: none;
}

.val-error.global {
    margin: 0 0 15px;
    width: 100%;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 13px;
    background: #ffd3d7;
    color: #cc606a;
    font-weight: 500;
}

.menu .svg-icon.svg-icon-2 svg {
    height: 1.1rem !important;
    width: 1.1rem !important;
}

.table tr th:first-child,
.table tr td:first-child {
    text-align: right;
}

.table.table-row-dashed tr.odd {
    background: #fdfdfd !important;
}

table.dataTable {
    border-bottom: 1px solid #f0f0f0;
}

td.dataTables_empty {
    text-align: center !important;
    color: #989898;
    font-weight: 500;
}

h2.header-title-form {
    /* margin-bottom: 17px; */
    font-size: 1.2rem;
    padding-bottom: 10px;
    /* border-bottom: 1px dashed #eeeded; */
}

h2.header-title-form:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #3075e9;
    position: absolute;
    margin: 4px -16px;
    border-radius: 2px;
}

.col-md-6.pr-2 {
    padding-right: 20px;
}

.col-md-6.pl-2 {
    padding-left: 20px;
}

input.form-control[readonly] {
    background: #fbfbfb;
    cursor: not-allowed;
}

input.form-control[readonly]:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #d5d5d5;
}

a.btn-action {
    padding: 1px;
    color: #9e9e9e;
    /* border: 1px solid #f6f6f6; */
    /* border-radius: 3px; */
    /* box-shadow: 0px 0px 3px #dcdada; */
    width: 26px;
    text-align: center;
    height: 26px;
    display: inline-block;
}

a.btn-action i {
    color: #707070;
    font-size: 0.83rem;
}

a.btn-action:hover i.far.fa-trash-can {
    color: #d93030;
}

table.dataTable td:nth-child(1),
table.dataTable th:nth-child(1) {
    width: 30px !important;
    padding-left: 10px !important;
}

table.dataTable td:nth-child(2),
table.dataTable th:nth-child(2) {
    width: 75px !important;
    padding-left: 12px !important;
}

table.dataTable th:nth-child(2) {
    padding-left: 20px !important
}

table.dataTable td:nth-child(1) {
    padding-top: 1.25rem;
}

table.dataTable td,
table.dataTable th {
    vertical-align: top;
}

.alert.alert-primary.alert-information {
    border: 1px solid #c1d8ff;
    color: #5485d7;
    font-size: 12px;
}

.alert.alert-primary.alert-information i.fa.fa-info-circle {
    color: #3075e9;
    padding-right: 8px;
}

table span.label.label-primary {
    background: #3075e9;
    color: #FFF;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    float: left;
}

.menu-sub-accordion {
    margin-left: 15px;
}

.Zebra_DatePicker .dp_body .dp_selected {
    background: #3075e9;
    color: #fff;
}

.alert-menu-text {
    margin-left: 21px;
}

.alert-menu i.fa.fa-info-circle {
    position: absolute;
    color: #2c6cc6;
    margin-top: 5px;
}

.alert.alert-primary.alert-menu {
    font-size: 12px;
    color: #5181c8;
    border-color: #ddeafd;
}

table p {
    margin-bottom: 0;
}

a.btn-action.btn-disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 12px;
}

table a.btn-libur {
    font-size: 10px;
    font-weight: 600;
    padding: 4px 10px !important;
    border: 1px solid #b9d3ff !important;
    border-radius: 5px;
    /* box-shadow: 1px 1px 4px #ccc; */
}

table a.btn-libur:hover {
    border: 1px solid #3075e9 !important;
}

strong.medium {
    font-weight: 600;
}

strong.medium.verified {
    color: #00a862
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    font-size: 12px;
    font-weight: 500;
}

.form-check:not(.form-switch) .form-check-input[type=checkbox] {
    background-size: 55% 55%;
}

.form-check-custom.form-check-sm .form-check-input {
    height: 1.35rem;
    width: 1.35rem;
    border-radius: 3px;
}

.toastr .toastr-message {
    font-size: 12px;
    font-weight: 400;
}

.toastr .toastr-title {
    font-size: 1rem;
    font-weight: 600;
}

.toastr .toastr-close-button {
    width: 0.55rem;
    height: 0.55rem;
}

#change-organisasi {
    height: auto;
    text-align: left;
    color: #181d32;
    font-size: 0.98rem;
    margin-bottom: 25px;
}

span.text-muted.label-masuk-di {
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 2px;
    display: inline-block;
}

img.verified-badge {
    width: 15px;
    margin-left: 4px;
    margin-top: -2px;
}

a.btn.btn-primary.load-ajax[disabled] {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.form-check-input[type=radio] {
    border-radius: 50% !important;
}



#org-select_wrapper>.row>.justify-content-md-start,
#pegawai-select_wrapper>.row>.justify-content-md-start {
    display: none !important;
}

#org-select_wrapper>.row>.justify-content-md-end,
#pegawai-select_wrapper>.row>.justify-content-md-end {
    width: 100% !important;
}

.page-item .page-link {
    height: 2rem;
    min-width: 2rem;
    font-weight: 500;
    font-size: 1rem;
}

a.btn.btn-light.btn-sm.btn-select-orgs {
    padding: 5px 12px !important;
    margin: -6px 5px -6px 0;
}

button.btn-select-pegawai .bi {
    font-size: 16px;
}

button.btn-select-pegawai {
    padding: 5px 10px 5px 15px !important;
}

table#org-select td:nth-child(1),
table#org-select th:nth-child(1),
table#pegawai-select td:nth-child(1),
table#pegawai-select th:nth-child(1) {
    width: 10px !important;
    padding-left: 0px !important;
    padding-top: 1.1rem !important;
}

table#org-select td:nth-child(2),
table#org-select th:nth-child(2),
table#pegawai-select td:nth-child(2),
table#pegawai-select th:nth-child(2) {
    width: 1000px !important;
    padding-left: 10px !important;
}

table#org-select td:nth-child(3),
table#org-select th:nth-child(3),
table#pegawai-select td:nth-child(3),
table#pegawai-select th:nth-child(3) {
    width: 10px !important;
}

.list-dynamic {
    list-style: none;
}

.list-dynamic ul {
    list-style: none;
    padding: 0;
}

.list-dynamic ul li {
    list-style: none;
}

button.remove-button.btn.btn-sm.btn-default.btn-hover-danger {
    position: absolute;
    margin-left: -37px;
    margin-top: 10px;
    background: #df3030f2;
    width: 21px;
    height: 20px;
    padding: 0px 6px 5px 4px !important;
    border-radius: 100%;
}

button.remove-button.btn.btn-sm.btn-default.btn-hover-danger i {
    color: #FFF;
}

a.nav-link {
    padding: 15px 25px;
    font-weight: 500;
    color: #5e6378;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    /* border-color: #d8dde6; */
    border-bottom-color: transparent;
    font-weight: 600;
    color: #398161;
}

.nav-tabs .nav-link {
    border-color: #eeeeee;
    background: #fdfdfd;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: #eeeeee;
    background: #fff;
    border-bottom-color: transparent;
}

li.nav-item {
    margin-left: 1px;
    margin-right: 4px;
}

.form-control {
    font-size: 1.05rem;
}

.fs-base {
    font-size: 1rem !important;
}

.img-face {
    width: 150px;
    padding: 2px;
    border: 1px solid #ECE6E6;
}

div#kt_wrapper {
    max-width: 100%;
}