.Form-heading {
    background-color: rgba(243, 246, 249, 0.60) !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: 0.42rem;
    border-color: #ffffff !important;
}

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

.List-all {
    color: black !important;
}

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

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

        .List-all thead th {
            background-color: rgba(176, 172, 172, 0.66) !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, 0.65) !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;
    }

    .form-inner-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, 0.65) !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;
    margin-bottom: 10px !important;
}

.form-button-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, 0.65) !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;
    margin-bottom: 10px !important;
    float: right;
    padding: 9px 2px 0px;
}

.button-add {
}

.button-remove {
}

.button-back {
    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 {
}

.button-view-report {
    background-color: deeppink !important;
    color: white !important;
}

.check-list-box {
    padding: 5px 5px 0px 20px;
    background: whitesmoke;
    box-shadow: 1px 3px 8px white;
    border-radius: 10px 15px;
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

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

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

.radio.radio-outline.radio-danger > span {
    background-color: transparent !important;
    border-color: #87888e !important;
}

.radio.radio-outline.radio-danger > input:checked ~ span {
    background-color: transparent;
    border-color: #F64E60 !important;
}