.min-height-300 {
    background-color: green !important;
}

img>.navbar-brand-img {
    width: 100 !important;
    height: 100 !important;
}

.navbar-vertical .navbar-brand>img,
.navbar-vertical .navbar-brand-img {
    width: 80px !important;
    max-height: 80px !important;
}

.navbar-nav {
    padding-top: 20px !important;
}

.navbar>.navbar-brand {
    height: 120px !important;
}

.sidenav-header {
    height: 100px !important;
}

select.form-select.form-select-sm {
    padding-left: 10px;
    padding-right: 30px;
}

li.paginate_button.page-item.active>a.page-link {
    background-color: #20c997 !important;
    color: white;
    border: none;
}

p.text-secondary.text-xs.font-weight-bold {
    margin: 10px 0px 10px 0px !important;
}

.swal2-icon.swal2-info,
.swal2-icon.swal2-question,
.swal2-icon.swal2-warning {
    font-size: 1em !important;
    margin-top: 1em !important;
    margin-top: 4em !important;
}

swal2-icon swal2-info swal2-icon-show .swal2-html-container {
    margin-top: 2em !important;
}

.swal2-show {
    border-radius: 20px !important;
}


/* Wizard Form */

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    /* opacity: 1 !important;
    filter: alpha(opacity=100) !important; */
    background-color: white !important;
}

.stepwizard-row:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 98%;
    height: 2px;
    background-color: #07df24;
    z-index: 0;
    text-align: center;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-default {
    background-color: white !important;
}


/* Login Form  */

@media (min-width:320px) and (max-width: 600px) {
    body {
        height: 100vh;
    }
    img {
        width: 40%;
        height: 40%;
    }
    #form-area {
        padding-top: 10vh;
    }
    .image-header>img {
        width: 30%;
        height: 30%;
    }
    .image-header>img {
        width: 8%;
        height: 8%;
    }
}


/* End Of Media Dekstop */

@media (min-width:720px) {
    body {
        height: 100vh;
    }
    img {
        width: 10%;
        height: 10%;
    }
    #form-area {
        padding-top: 10vh;
    }
}


/* Beranda */

.content {
    height: 300px;
    overflow: auto hidden;
}

.content-wrap {
    border-radius: 20px;
}

.sub-tittle {
    margin-top: -10px !important;
}

#button-action {
    position: fixed;
    text-align: center;
    bottom: 100px;
    /* background-color: rgb(255, 255, 255);
    padding: 5px;
    border-radius: 10px; */
    z-index: 1;
    /* box-shadow: 3px 2px 26px 0px rgba(0, 0, 0, 0.61); */
}


/* DatePicker */

.datepicker td,
.datepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.85rem;
}

.datepicker {
    padding: 10px;
}

html {
    scroll-behavior: smooth;
}


/* * {
    border: 1px solid rgb(87, 87, 87);
} */