/* Buttons */
.btn-roomstatus, .btn-modal {
    color: white;
    margin: 3px;
}

.div-btns {
    display: block;
}


/* Table */
.div-tbl-roomstatus, .div-form-room {
    display: none;
}

.roomstatus-active {
    /*background-color: #f1f8e9;*/
}

.roomstatus-inactive {
    /*background-color: #eeeeee;*/
    color: #bdbdbd;
}

#icon-roomstatus-active {
    display: block;
    color: #000000;
    margin-bottom: -10px;
}

#icon-roomstatus-inactive {
    display: block;
    color: #e0e0e0;
    margin-bottom: -10px;
}
#icon-roomstatus-active {
    display: block;
    color: #e0e0e0;
    margin-bottom: -10px;
}


#btn-addnew {
    vertical-align: middle;
}

#label-inactive {
    vertical-align: middle;
    float: right;
}


/* Modals */
#modal-edit-roomstatus {
    max-height: 450px;
    max-width: 700px;
}

#modal-confirm-delete {
    max-height: 140px;
    max-width: 300px;
}


/*Datepicker */
.div-datepicker {
    display: flex;
}

.icon-datepicker {
    color: #4db6ac;
}

.input-timepicker {
    visibility: hidden;
}


/* Alerts */
.toast-alert-error {
    background-color: #c62828;
    color: #fff;
}

.toast-alert-success {
    background-color: #43a047;
    color: #fff;
}