body {
    height: 95vh;
}

.Form-heading {
    background-color: rgba(243, 246, 249) !important;
    /*background-color: #ffffffd1 !important;*/
    box-shadow: 2px 5px 10px rgba(2, 4, 14, 0.59) !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 2.0rem;
    border-color: #ffffff !important;
}

.Form-heading-menu {
    /*background-color: rgba(243, 246, 249, 0.60) !important;*/
    background-color: #ffffffd1 !important;
    box-shadow: 2px 5px 10px rgba(2, 4, 14, 0.59) !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 1.0rem;
    border-color: #ffffff !important;
}

.Form-heading .panel-title {
    color: black !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: Lucida Grande !important;
}

.List-all {
    color: black !important;
    background-color: rgb(243 246 249) !important;
}

    .List-all label {
        font-family: Lucida Grande !important;
        font-size: 18px !important;
    }

    .List-all thead {
        background-color: rgba(176, 172, 172) !important;
    }

        .List-all thead th {
            background-color: rgba(176, 172, 172) !important;
            font-weight: 500 !important;
            font-size: 20px !important;
            font-family: Lucida Grande !important;
        }

    .List-all tbody td {
        font-weight: 400 !important;
        font-size: 18px !important;
        font-family: Lucida Grande !important;
    }

.form-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(243, 246, 249) !important;
    /*background-color: #ffffffd1 !important;*/
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 0.42rem;
    border-color: #ffffff !important;
    box-shadow: 2px 5px 10px rgba(2, 4, 14, 0.59) !important;
}


.form-body-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background-color: rgba(243, 246, 249, 0.65) !important;*/
    background-color: #ffffffd1 !important;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 0.42rem;
    border-color: #ffffff !important;
    box-shadow: 2px 5px 10px rgba(2, 4, 14, 0.59) !important;
}

.form-body .form-group label {
    font-weight: 600 !important;
    font-size: 1.2rem !important;
    color: black;
    font-family: Lucida Grande !important;
}

.button-add {
}

.button-remove {
}

.button-list {
    color: white !important;
    background-color: brown !important;
}

.button-clear {
    background-color: gray !important;
    color: white !important;
}

.button-save {
    background-color: forestgreen !important;
    color: white !important;
}

.button-update {
}

.button-create {
    background-color: midnightblue !important;
}

.button-report-list {
    background-color: midnightblue !important;
}

.icon-unvoid {
}

.icon-edit {
}

.icon-void {
}

button-close {
}

.tabel-body {
}

.login-card {
    padding: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #EBEDF3;
    border-radius: 0.42rem;
    border-color: #ffffff !important;
    box-shadow: 0px 0px 14px 6px #f3f6f9;
}

.btn-signin {
    background-color: lightgray !important;
}

.user-login {
    background-color: mediumblue !important;
}

.text-black {
    color: black !important;
}

.textbox {
    border-color: white !important;
    box-shadow: 0px 0px 0px 1px #f3f6f9 !important;
}

.red {
    color: red;
}

table {
    border-collapse: inherit !important;
}

.tabel-body tbody tr:nth-of-type(odd) {
    background-color: #609ba5 !important;
    color: white !important;
}

.tabel-body tbody tr:nth-of-type(even) {
    background-color: #609ba5 !important;
    color: white !important;
}


.tabel-body .checkbox.checkbox-outline.checkbox-primary > input:checked ~ span:after {
    border-color: white !important;
}

.tabel-body .checkbox.checkbox-outline.checkbox-primary > input:checked ~ span {
    background-color: transparent;
    border-color: white !important;
}

.tabel-body thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: black !important;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .dataTables_filter {
        float: left;
    }

    .tabel-body {
        width: 200%;
    }
}

.ImageDiv {
    overflow: scroll;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}