.meeting-room ul.list_room li.room ul.list_room li.room { background:none; padding:0px;}
.meeting-room ul.list_room li.room ul.list_room { display:table; padding: 0px !important; }

#container .home .header, #container .home .body,#container .home .footer{ padding:0px; margin-bottom:1px; }
.home .body,#container{ padding:0px !important; max-width:100%; overflow:hidden; }
.home.meeting-room { position:relative; max-width:100%; overflow-x:hidden; }
.meeting-room ul.list_room{ height: auto; width: 100%; display:flex; overflow-x: scroll; white-space: nowrap; list-style-type:none; padding:0px 0px 10px!important; }
.meeting-room ul.list_room li.room { position: relative; z-index:0; height:100%; color: rgba(49,53,59, 0.68);width:100%; min-width:100%; min-height:275px;  flex: 0.5 1 0%; background: #ccc; padding:10px; margin-right:10px; border-radius: 5px;}
.meeting-room ul.list_room li.room h3 { padding:5px 5px 0px 5px; margin: 1px; color: #292929; font-weight: bold; display:table-cell; }
.meeting-room ul.list_room li.room h4 { margin:0px; color:#111; font-size:14px; padding:5px 7px; text-align:right; text-shadow: 0.25px 0.25px #aaa; position:absolute; top: 15px; right: 45px; }
.meeting-room ul.list_room li.room .jam_berjalan { float: right; margin-left: 10px;}

.meeting-room span.icon.notavailable{ color:#c7251c;}
.meeting-room span.icon.available{ color:#acc437;}
.meeting-room ul.list_room li.room a { text-decoration:none; display:table; width:100%; padding-bottom:10px; }
/*.meeting-room ul.list_room li.room .table { padding:0px; color:#d1d1d1; margin:0px 0px 10px;  }*/
.meeting-room ul.list_room li.room .table { padding:0px; color:#d1d1d1; margin:0px 0px 0px;  }
.meeting-room ul.list_room li.room .table table { border: 0px solid #f1f1f1; color:#fff; background:none; font-size:12px;}
.meeting-room ul.list_room li.room .table table tr:nth-child(odd) {    background:rgba(1,1,1,.17);}
.meeting-room ul.list_room li.room .table table tr:nth-child(even) {    background:none;}

.meeting-room ul.list_room li.room:nth-child(odd) { background: #F9FAFB; /*#e6e6e6;*/ }
.meeting-room ul.list_room li.room:nth-child(even) { background: #F9FAFB; /*#d1d1d1;*/ }

.meeting-room ul.list_room li.room:nth-child(odd) div.box-header { background: #F0F1F2; }
.meeting-room ul.list_room li.room:nth-child(even) div.box-header { background: #F0F1F2; }

.meeting-room ul.list_room li.room:first-child { background: #007BFF; color:#ffffff;  }
.meeting-room ul.list_room li.room:first-child h3 { color:#f1f1f1;}

.meeting-room ul.list_room li.room:first-child div.box-header { background: #0077F7; border-bottom: 1px solid rgba(0, 0, 0, .125) !important;}
.meeting-room ul.list_room li.room:first-child div.go_to_page_meeting_room { color: #ffffff;}

.meeting-room ul.list_room li.room div.go_to_page_meeting_room{ color:#313131;}

.meeting-room ul.hours_meeting { list-style-type: none; padding: 0px; display: table; width: 100%; text-align: center;}
.meeting-room ul.hours_meeting li.time_slot .available_time{ display:block; background:#ccc; padding:0px; height:150px; margin:5px ; }
.meeting-room ul.hours_meeting li .box { position:relative;  display: table; width:100%; padding:10px; background: #ffffff; margin: 0px; border-radius:5px ;}
.meeting-room ul.hours_meeting li .title { display: table; width: 100%; }
.meeting-room ul.hours_meeting li .title span.icon.available{ color:#acc437; display:table-cell; float:left; padding: 3px 4px;}
.meeting-room ul.hours_meeting li .meta_data{ display:none;}
.meeting-room ul.hours_meeting li h5 { margin:0px auto 5px; padding:5px 5px; font-size:22px; font-weight:bold; color: #313131;}
input.booking_hari{ display:none; }
@media(max-width:768px)
{
	.meeting-room ul.hours_meeting li .box { padding:2px; }
}

*:focus {
    outline: 0 !important;
}

body {
	/* STOP MOVING AROUND! */
	overflow-x: hidden;
	overflow-y: scroll !important;
}

body.modal-open {
	/* block scroll for mobile; */
	/* causes underlying page to jump to top; */
	/* prevents scrolling on all screens */
    /*
	overflow: hidden;
	position: fixed;
    */
}

body.viewport-lg {
	/* block scroll for desktop; */
	/* will not jump to top; */
	/* will not prevent scroll on mobile */
	position: absolute; 
}

.modal.show {
	/*z-index: 100000!important; */
}

.modal-backdrop.show {
	/*z-index: 100000!important; */
}

.modal-backdrop {
	z-index: 1040;
}

.modal-body {
	max-height: calc(100vh - 243px);
	overflow-y: auto; 
}

.btn {
	border-color: #ffffff00 !important;
}

.box-shadow {
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
}

.box-border {
	border: 1px solid #f2f4f9;
}

.box-header-radius {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.border-transparent {
	border-color: rgba(0, 0, 0, .125) !important;
}

label {
    margin-bottom: .1rem !important;
}


.form-check-input {
	transform: scale(1.5); /* Membesarkan checkbox */
	margin-top: 0.3rem;  /* Menyelaraskan secara vertikal dengan input text */
}
.form-check-label {
	margin-left: 0.5rem; /* Menambahkan jarak antara checkbox dan label */
	color: #212529;
}

.form-inline .form-check {
	margin-right: 1.5rem; /* Menambahkan jarak antar checkbox */
}

/* Responsive tabs */
.nav-tabs-wrapper {
    display: block;
    overflow: hidden;
    height: calc(1.5rem + 1rem + 2px); /** 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
    position: relative;
    z-index: 1;
    margin-bottom: -1px;
    .nav-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        border-bottom: 0;
    }
    .nav-item {
        margin-bottom: 0;
        &:first-child {
            padding-left: 15px;
        }
        &:last-child {
            padding-right: 15px;
        }
    }
    .nav-link {
        white-space: nowrap;
    }
    .dragscroll:active,
    .dragscroll:active a {
        cursor: -webkit-grabbing;
    }
}

.nav-tabs-wrapper-border {
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
}


.custom-swal {
    min-width: 300px; 
  }
  
  @media (min-width: 768px) {
    .custom-swal {
      min-width: 500px; 
    }
  }
  
  @media (min-width: 1024px) {
    .custom-swal {
      min-width: 700px;
    }
}