/*! */
.is-hand{
    cursor: hand;
    cursor: pointer;
}
.li-menu:hover{
    letter-spacing: .1em;
    font-weight: bold;
}
.clsDatePicker {
    z-index: 2150000000 !important;
}
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 2150000000 !important;
  }

/** COLOR STATUS */
.minggu-ini {
    background-color: #1A237E !important; 
    color: #FFF !important;
}
.tidak, .tidak > td,
.bawah, .bawah-target {
    background-color: rgb(90, 71, 231) !important;
    color: #FFF !important;
}
.mencapai, .mencapai > td,
.target {
    background-color: rgb(4, 62, 110) !important;
    color: #FFF !important;
}
.persiapan > td,
.persiapan {
    background-color: #F6BE17 !important;
    color: #FFF !important;
}
.belum, .belum > td,
.belum-lulus{
    background-color: #63be0d !important;
    color: #FFF !important;
}
.lulus, .lulus > td,
.lulus-juziyah {    
    background-color: rgb(7, 102, 10)  !important;
    color: #FFF !important;
}
/** LOGIN */
.half,
.half .container>.row {
    height: 100vh;
    min-height: 700px;
}

@media (max-width: 991.98px) {
    .half .bg {
        height: 200px;
    }
}

.half .contents {
    background: #f6f7fc;
}

.half .contents,
.half .bg {
    width: 50%;
}

@media (max-width: 1199.98px) {

    .half .contents,
    .half .bg {
        width: 100%;
    }
}

.half .contents .form-control,
.half .bg .form-control {
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 54px;
    background: #fff;
}

.half .contents .form-control:active,
.half .contents .form-control:focus,
.half .bg .form-control:active,
.half .bg .form-control:focus {
    outline: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.half .bg {
    background-size: cover;
    background-position: center;
}

i.bi{
    font-size: 24px;
}