/* MAIN */
.container-app .box-app main.main-master-report {
    grid-area: main;
    overflow: auto;
}

.container-app .box-app main.main-master-report .box-main {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 1em;
    width: calc(100% - 3em);
    height: 100%;
    /* max-width: 1050px; */
    margin: auto;
}

.container-app .box-app main.main-master-report .box-main .top-master-report {
    padding-top: 1em;
    box-sizing: border-box;
}

.container-app .box-app main.main-master-report .box-main .top-master-report .alert {
    background-color: limeg;
    padding-right: 0;
    padding-left: 0;
    margin: 0 !important;
}

.container-app .box-app main.main-master-report .box-main .top-master-report .alert .box-alert {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0 1.5em;
    box-sizing: border-box;
}

.container-app .box-app main.main-master-report .box-main .top-master-report .alert .text {
    display: flex;
    align-items: center;
}

.container-app .box-app main.main-master-report .box-main .top-master-report .alert .text p {
    font-family: "Poppins-Regular";
    font-size: 0.85rem;
    color: #333;
}

.container-app .box-app main.main-master-report .box-main .top-master-report .alert .box-btn {
    display: flex;
    justify-content: center;
}

.container-app .box-app main.main-master-report .box-main .top-master-report .alert button {
    background-color: transparent;
    border: none;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 1em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .top-report {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    gap: 1em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .top-report .left {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .top-report .left h1 {
    font-family: 'Poppins-SemiBold';
    font-size: 1.3rem;
    color: #333;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .top-report .left p {
    font-family: 'Poppins-Light';
    font-size: 0.7rem;
    color: #333;
    line-height: 1.3em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto;
    gap: 0.5em;
    /* background-color: yellowgreen; */
}

/* .container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-export-report {
    background-color: red;
} */

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-export-report button {
    display: flex;
    gap: 7.5px;
    align-items: center;
    padding: 0.75em 1em;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    font-family: "Poppins-Regular";
    font-size: 0.75rem;
    color: #333;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .form-filter {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .form-filter .top {
    display: flex;
    align-items: center;
    gap: 1em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .form-filter .top .right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .form-filter .top .right button {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Poppins-Light';
    font-size: 0.8rem !important;
    color: #fff;
    padding: 0.85em 2.5em;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #4d96ff;
    border: 0 !important;
    width: 100%;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .form-filter .top .right a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins-Light';
    font-size: 0.8rem;
    color: #fff;
    padding: 0.85em 2.5em;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #4d96ff;
    border: 0 !important;
    width: 100%;
    text-decoration: none;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .top {
    display: grid;
    grid-template-columns: 0.75fr 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .top form {
    padding: 6.5px;
    border: 0.5px solid rgba(51, 51, 51, 0.3);
    box-sizing: border-box;
    border-radius: 5px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .top form input {
    width: 100%;
    font-family: 'Poppins-Light';
    font-size: 0.8rem;
    color: #333;
    border: none;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .top form input:focus {
    outline: none;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .bottom {
    display: grid;
    grid-template-columns: auto 1fr;
    /* background-color: violet; */
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .bottom .left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
    /* background-color: yellowgreen; */
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .bottom button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.85em;
    font-family: 'Poppins-Light';
    font-size: 0.8rem;
    color: black;
    padding: 0.25em 2.5em;
    box-sizing: border-box;
    background-color: #4d96ff;
    border: 0 !important;
    width: 100%;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report {
    overflow: auto;
    /* background-color: red; */
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead {
    width: 100%;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
}

/* .accommodation */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .accommodation {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

/* .accommodation */

/* .capacity */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity {
    display: flex;
    flex-direction: column;
    /* background-color: yellow; */
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .middle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .middle .title-room {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: #6e6e6e;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .middle .title-bed {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: #6e6e6e;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom {
    display: grid;
    grid-template-columns: repeat(2, 13.5em);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-left {
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-left .title-detail-sf {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-left .title-detail-room-st {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-left .title-detail-room-jrs {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-left .title-detail-room-ns {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-right {
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-right .title-detail-sf {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-right .title-detail-room-st {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-right .title-detail-room-jrs {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .capacity .bottom .bottom-right .title-detail-room-ns {
    background-color: tomato;
    border-radius: 7px;
}

/* .capacity */

/* occupied */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .middle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .middle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: #6e6e6e;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom {
    display: grid;
    grid-template-columns: 13.5em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom .bottom-bed .title-detail-sf {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom .bottom-bed .title-detail-room-st {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom .bottom-bed .title-detail-room-jrs {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .occupied .bottom .bottom-bed .title-detail-room-ns {
    background-color: tomato;
    border-radius: 7px;
}

/* occupied */

/* discrepancy */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .middle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .middle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: #6e6e6e;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom {
    display: grid;
    grid-template-columns: 13.5em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom .bottom-bed .title-detail-sf {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom .bottom-bed .title-detail-room-st {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom .bottom-bed .title-detail-room-jrs {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .discrepancy .bottom .bottom-bed .title-detail-room-ns {
    background-color: tomato;
    border-radius: 7px;
}

/* discrepancy */

/* ready-reserved */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .middle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .middle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: #6e6e6e;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom {
    display: grid;
    grid-template-columns: 13.5em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom .bottom-bed .title-detail-sf {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom .bottom-bed .title-detail-room-st {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom .bottom-bed .title-detail-room-jrs {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-reserved .bottom .bottom-bed .title-detail-room-ns {
    background-color: tomato;
    border-radius: 7px;
}

/* ready-reserved */

/* ready-available */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .middle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .middle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: #6e6e6e;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom {
    display: grid;
    grid-template-columns: 13.5em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 1fr repeat(4, auto);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom .bottom-bed .title-detail-sf {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom .bottom-bed .title-detail-room-st {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom .bottom-bed .title-detail-room-jrs {
    background-color: tomato;
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .ready-available .bottom .bottom-bed .title-detail-room-ns {
    background-color: tomato;
    border-radius: 7px;
}

/* ready-available */

/* remarks */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .thead .tr .remarks {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

/* remarks */

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr {
    width: 100%;
    display: grid;
    grid-template-columns: 7.65em repeat(6, 1fr);
    grid-template-rows: 1fr;
    border-bottom: 1px solid silver;
    box-sizing: border-box;
}

/* tbody accommodation */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .accommodation {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    /*color: black;
    background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* tbody accommodation */

/* tbody capacity */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom {
    display: grid;
    grid-template-columns: repeat(2, 13.5em);
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-left {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-left .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-left .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-left .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-left .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-right {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-right .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-right .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-right .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .capacity .bottom .bottom-right .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* tbody capacity */

/* tbody occupied */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom {
    display: grid;
    grid-template-columns: 13.5em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom .bottom-bed .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom .bottom-bed .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom .bottom-bed .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .occupied .bottom .bottom-bed .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* tbody occupied */

/* tbody discrepancy */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom {
    display: grid;
    grid-template-columns: 13.5em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom .bottom-bed .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom .bottom-bed .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom .bottom-bed .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .discrepancy .bottom .bottom-bed .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* tbody discrepancy */

/* tbody ready-reserved */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom {
    display: grid;
    grid-template-columns: 13.5em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom .bottom-bed .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom .bottom-bed .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom .bottom-bed .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-reserved .bottom .bottom-bed .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* tbody ready-reserved */

/* tbody ready-available */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom {
    display: grid;
    grid-template-columns: 13.5em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom .bottom-bed {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom .bottom-bed .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom .bottom-bed .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom .bottom-bed .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .ready-available .bottom .bottom-bed .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* tbody ready-available */

/* remarks */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr .remarks {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    /*background-color: #6e6e6e;*/
    border-radius: 7px;
}

/* remarks */

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer {
    width: 100%;
    display: grid;
    grid-template-columns: 7.65em repeat(6, 1fr);
    grid-template-rows: 1fr;
}

/* total */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

/* total */

/* total capacity */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-bottom-capacity {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-bottom-capacity .title-room {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
    border-top: 1px solid #fff;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-bottom-capacity .title-bed {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
    border-top: 1px solid #fff;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity {
    display: grid;
    grid-template-columns: repeat(2, 13.5em);
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-left {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-left .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-left .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-left .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-left .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-right {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em repeat(1, auto);
    grid-template-rows: 1fr;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-right .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-right .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-right .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-capacity .total-top-capacity .bottom-right .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

/* total capacity */

/* total occupied */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-top-occupied {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em 1.9em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-top-occupied .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-top-occupied .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-top-occupied .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-top-occupied .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-top-occupied .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-occupied .total-bottom-occupied {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins-Medium";
    font-size: 0.7rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
    border-top: 1px solid #fff;
}

/* total occupied */

/* total discrepancy */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-top-discrepancy {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em 1.9em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-top-discrepancy .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-top-discrepancy .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-top-discrepancy .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-top-discrepancy .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-top-discrepancy .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-discrepancy .total-bottom-discrepancy {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins-Medium";
    font-size: 0.7rem;
    color: black;
    background-color: tomato;
    border-top: 1px solid #fff;
}

/* total discrepancy */

/* total ready reserved */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-top-ready-reserved {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em 1.9em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-top-ready-reserved .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-top-ready-reserved .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-top-ready-reserved .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-top-ready-reserved .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-top-ready-reserved .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-reserved .total-bottom-ready-reserved {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins-Medium";
    font-size: 0.7rem;
    color: black;
    background-color: tomato;
    border-top: 1px solid #fff;
}

/* total ready reserved */

/* total ready-available */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available {
    display: flex;
    flex-direction: column;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-top-ready-available {
    display: grid;
    grid-template-columns: 6.05em 2.25em 3.3em 1.9em;
    grid-template-rows: 2em;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-top-ready-available .title-btm p {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.7rem;
    color: black;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-top-ready-available .title-detail-sf {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-top-ready-available .title-detail-room-st {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-top-ready-available .title-detail-room-jrs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-top-ready-available .title-detail-room-ns {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: tomato;
}

.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-ready-available .total-bottom-ready-available {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins-Medium";
    font-size: 0.7rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
    border-top: 1px solid #fff;
}

/* total ready-available */

/* remarks */
.container-app .box-app main.main-master-report .box-main .middle-master-report .bottom-report .box-report .box-table-report .table-report .box-table .tbody .tr-footer .total-remarks {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Poppins-Medium';
    font-size: 0.75rem;
    color: black;
    background-color: tomato;
    border-radius: 7px;
}

/* remarks */

.container-app .box-app main.main-master-report .box-main .bottom-dashboard {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 1em 0;
    box-sizing: border-box;
}

.container-app .box-app main.main-master-report .box-main .bottom-dashboard p {
    font-family: "Poppins-Regular";
    font-size: 0.8rem;
    color: #333;
}

/* MAIN */