.box-setup {
	font-family: "Poppins-Light" !important;
}

.sum_info {
	font-family: "Poppins-Light";
	padding: 20px;
	background: #EEEEEE;
	margin-bottom: 20px;
}

.dashboard_filter {
	font-family: "Poppins-Light";
	border-bottom: 1px solid #EEEEEE;
	background: #009dff;
	padding: 10px 0px 10px 20px;
	margin-top: -20px;
	border-radius: 10px;
}

.dashboard_filter label {
	font-size: 10px !important;
}

.dashboard_filter input {
	padding: 0px 3px !important;
	/* height: 10px !important; */
	font-size: 11px !important;
}

/* form.search-date {
	width: 100%;
	display: grid;
	grid-template-columns: 100px 100px;
} */

.cico_filter {
	margin-top: -25px;
}

.cico_filter label {
	font-size: 10px !important;
	padding-bottom: 0.25em;
	border-bottom: 0.5px solid rgba(51, 51, 51, 0.3);
	box-sizing: border-box;
	font-family: 'Poppins-Regular';
}

.cico_filter input {
	width: 100%;
	padding: 0.2em 0.5em;
	font-family: 'Poppins-Regular';
	font-size: 0.7rem;
	color: #333;
	/* border: none; */
	margin: 0;
	border: 0.5px solid rgba(51, 51, 51, 0.3);
	box-sizing: border-box;
	cursor: default;
	text-align: center;
}

.cico_filter input:focus {
	border-color: rgba(51, 51, 51, 0.3);
	box-shadow: none;
}

.cico_filter .filtering {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.cico_filter .btn_filter_cico {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 2.5px 8.5px;
	/* padding: 0.65em 0.45em; */
	box-sizing: border-box;
	background-color: #ffc107;
	gap: 0.5em;
}

.cico_filter .btn_filter_cico span {
	font-size: 0.7rem;
	font-family: "Poppins-Regular";
	color: #616161;
}

.sum_info h6 {
	font-size: 13px !important;
}

.sub_title {
	font-family: "Poppins-Light";
	font-weight: bold;
}

.item_sub_area {
	cursor: pointer;
}

.item_sub_area.active {
	background: #009dff;
	color: white;
}


.inp_datepicker {
	font-family: "Poppins-Light" !important;
	width: 120px !important;
	margin-right: 10px;
}

.dashboard_filter .inp_datepicker {
	padding: 0px 3px !important;
}

.item_kamar {
	line-height: 20px;
	padding: 5px 10px !important;
}

.item_kamar hr {
	margin: 5px 0px;
	padding: 0px;
}

.item_kamar h4 {
	font-size: 11px !important;
	font-weight: bold;
}

.menu-master li {
	list-style: none;
}

.dot_green {
	width: 10px;
	height: 10px;
	background: green;
	border-radius: 100%;
	display: inline-table;
}

span.dot_residen {
	width: 5px;
	height: 5px;
	background: black;
	display: inline-table;
}

.dot_green2 {
	width: 10px;
	height: 10px;
	background: #02ff56;
	border-radius: 100%;
	display: inline-table;
}

.dot_red {
	width: 10px;
	height: 10px;
	background: red;
	border-radius: 100%;
	display: inline-table;
}

.dot_red2 {
	width: 10px;
	height: 10px;
	background: #f97575;
	border-radius: 100%;
	display: inline-table;
}

.dot_orange {
	width: 10px;
	height: 10px;
	background: orange;
	border-radius: 100%;
	display: inline-table;
}

.dot_blue_navy {
	width: 10px;
	height: 10px;
	background: #00007C;
	border-radius: 100%;
	display: inline-table;
}

#modal_lookup_kamar_2 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 20px;
	bottom: 20px;
	left: 0px;
	right: 0px;
	margin: auto;
	background: white;
	box-shadow: 0px 0px 4px 0px silver;
	padding: 20px;
	overflow-y: auto;
	border-radius: 10px;
	border: 1px solid #EEEEEE;
	display: none;
	z-index: 9000;
	font-family: "Poppins-Light";
}

#close_modal_lookup_kamar_2 {
	float: right;
	font-size: 13px;
}

.app_table {
	font-family: "Poppins-Light";
	border: 1px solid silver;
	border-collapse: collapse;
	width: 100%;
}

.app_table thead tr th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	background: #FF6347;
	color: white;
}

.app_table tbody tr td {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px;
	font-size: 12px;
}

.app_table tbody tr td .label_bed {
	border: 1px solid silver !important;
	border-radius: 5px;
	/* width:100px; */
}

.btn_del_bed {
	color: red;
}

.btn_save_bed {
	color: white;
	background: #4D96FF;
	border-radius: 5px;
	padding: 0px 5px;
	margin-right: 10px;
	text-decoration: none;
}

.wizard_box {
	float: left !important;
	padding: 10px;
	font-family: "Poppins-Light";
	border-radius: 5px;
	cursor: pointer;
	font-size: 11px;
	text-align: center;
}

.wizard_box label {
	/* padding:10px; */
	background: #EEEEEE;
	font-family: "Poppins-Light";
	border-radius: 5px;
	border: 1px solid silver;
	cursor: pointer;
	font-size: 13px;
	border-radius: 100%;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: auto;
	margin-bottom: 5px;
}

.wizard_spacer {
	float: left;
	width: 20px;
	line-height: 50px;
	vertical-align: middle;
}

.wizard_box.active {
	color: #009DFF;
	font-weight: bold;
}

.wizard_box.active label {
	background: #009DFF;
	border: 5px solid orange;
	/* box-shadow:0px 0px 4px 0px orange; */
	color: white;
	width: 35px;
	height: 35px;
	margin-top: -5px;
	line-height: 30px;
}

.sorting-filter {
	display: grid;
	grid-template-rows: auto 1fr;
	position: absolute;
	top: 4em;
	left: 8em;
	gap: 0.5em;
	/* background-color: turquoise; */
}

.sorting-filter .top {
	display: grid;
	grid-template-columns: auto 1fr;
	justify-items: center;
}

.sorting-filter .top h1 {
	/* background-color: violet; */
	font-family: "Poppins-Regular";
	font-size: 0.65rem;
	color: #333;
	padding-bottom: 0.5em;
	border-bottom: 0.5px solid rgba(51, 51, 51, 0.3);
	box-sizing: border-box;
	margin-left: 16.15em;
}

.sorting-filter .bottom {
	width: 450px;
	/* background-color: violet; */
}

.sorting-filter .bottom form {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr auto; */
	align-items: center;
	gap: 0.5em;
}

.sorting-filter select {
	/* width: 100%; */
	width: 110px;
	/* height: 2.5em; */
	font-family: 'Poppins-Light';
	font-size: 0.7rem;
	color: #333;
	box-sizing: border-box;
	border: 0.5px solid rgba(51, 51, 51, 0.3);
}

.sorting-filter select:focus {
	border: 0.5px solid rgba(51, 51, 51, 0.5);
	box-sizing: border-box;
	box-shadow: none !important;
}

.sorting-filter button.btn_sort_cico {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 2.5px 11px;
	/* padding: 0.65em 0.45em; */
	box-sizing: border-box;
	background-color: #ffc107;
	gap: 0.5em;
	font-family: "Poppins-Regular";
	font-size: 0.75rem;
	color: #616161;
}

.wizard_row {
	/* width: 900px; */
	width: 100%;
	margin: auto;
	/* background-color: yellowgreen; */
}

.wizard_row.active {
	border-bottom: 3px solid #009DFF;
}

#btn_toggle_summary {
	font-family: "Poppins-Light";
	margin-bottom: 20px;
	font-size: 13px;
}

/* a.logout {
	background: #FF6347;
	background: pink !important;
} */

a.logout div,
a.logout h3 {
	color: white !important;
	color: black !important;
}

.box_no_data {
	font-family: "Poppins-Light";
	text-align: center;
}

.box_no_data img {
	width: 300px !important;
	padding: 20px;
	border-radius: 10px;
}

.top_room_legend {
	font-family: "Poppins-Light";
	display: inline;
	padding: 5px 20px;
	background: #EEEEEE;
	border: 1px solid silver;
	border-radius: 5px;
	font-size: 12px;
}

#notif_kamar_2 {
	max-width: 300px;
	position: fixed;
	top: 50px;
	/* bottom:20px; */
	left: 0px;
	right: 0px;
	margin: auto;
	background: white;
	box-shadow: 0px 0px 4px 0px silver;
	padding: 20px;
	overflow-y: auto;
	border-radius: 10px;
	border: 1px solid #EEEEEE;
	display: none;
	z-index: 9000;
	font-family: "Poppins-Light";
	font-size: 12px;
}

#moodal_scanner {
	max-width: 500px;
	position: fixed;
	top: 50px;
	/* bottom:20px; */
	left: 0px;
	right: 0px;
	margin: auto;
	background: white;
	box-shadow: 0px 0px 4px 0px silver;
	padding: 20px;
	overflow-y: auto;
	border-radius: 10px;
	border: 1px solid #EEEEEE;
	/* display: ; */
	z-index: 9000;
	font-family: "Poppins-Light";
	font-size: 12px;
}

#notif_kamar_2 .btn {
	font-size: 12px !important;
}

.selected_room_2 {
	border: 5px solid orange;
}

#bg_notif_kamar_2 {
	position: absolute;
	background: #EEEEEE;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
	z-index: 9000;
}

.status_badge {
	font-size: 9px;
	background: #EEEEEE;
	border: 1px solid silver;
	border-radius: 10px;
	padding: 0px 5px !important;
}

.status_badge.tgl_in {
	background: #B4FCA9;
}

.status_badge.tgl_out {
	background: #FCC9C9;
}

.box-table .tbody .tr:hover {
	background: #EEEEEE;
}

.box-table .thead .tr .item,
.box-table .tbody .tr .item {
	border-radius: 0px !important;
	border: 0.5px solid #EEEEEE;
}

.frm_assign_room {
	background: #009DFF;
	border: 1px solid silver;
	border-radius: 10px;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.selisih-hari {
	padding: 2px 5px;
	background: #B4FCA9;
	border: 1px solid silver;
	border-radius: 100px;
	margin-right: 5px;
}

/* .box_nav_tab {} */

.box_nav_tab .item_nav_tab {
	display: inline-table;
	font-family: "Poppins-Light";
	font-size: 12px;
	padding: 10px;
	background: #EEEEEE;
	border: 1px solid silver;
	color: black;
	border-radius: 10px;
	text-decoration: none;
	position: relative;
	z-index: 10;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.box_nav_tab .item_nav_tab.active {
	background: white;
	color: #4D96FF;
	font-weight: bold;
	border: 1px solid silver;
	border-bottom: 1px solid white;
}

.box_content_tab {
	padding: 20px;
	/* background:#EEEEEE; */
	border-top: 1px solid silver;
	margin-top: -9px;
	position: relative;
	z-index: 5;
}

#btn_report_summary,
#btn_report_detail {
	font-family: "Poppins-Light";
	font-size: 14px;
}

table {
	font-family: "Poppins-Light";
	font-size: 12px;
	text-align: center;
}

table thead tr th {
	background: #FF6347 !important;
	color: white !important;
	border: 1px solid white;
}

table thead tr th.colspan {
	text-align: center;
}

table thead tr th.rowspan {
	vertical-align: middle;
}

table tbody tr td {
	/* background:#FF6347 !important; */
	border: 1px solid silver;
}

table tbody tr:hover td {
	background: #EEEEEE !important;
}

table tbody tr td.number {
	text-align: right;
}

table tr.tfoot td {
	background: #EEEEEE !important;
	border: 1px solid silver;
	font-weight: bold;
}

#modal_bed {
	font-family: "Poppins-Light";
	font-size: 12px !important;
}

#modal_bed input {
	font-family: "Poppins-Light";
	font-size: 12px !important;
}

.btn-default {
	align-items: center;
	gap: 0.85em;
	font-family: 'Poppins-Light';
	font-size: 0.8rem;
	color: #fff;
	padding: 0.25em 2.5em;
	box-sizing: border-box;
	background-color: #4d96ff;
	border: 0 !important;

}

.alert {
	font-family: 'Poppins-Light';

}

.alert-backup {
	font-size: 13px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#btn_backup {
	background: orange;
	color: white;
	padding: 0px 20px;
	border-radius: 5px;
	text-decoration: none;
	border: 1px solid grey;
}

.app_btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0.85em;
	font-family: 'Poppins-Light';
	font-size: 0.8rem;
	color: #fff;
	padding: 0.50em 2.5em;
	box-sizing: border-box;
	background-color: #4d96ff;
	border: 0 !important;
	border-radius: 6px;
}

.box-cc-email {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}

.left .form-cc-email {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1em;
}

.left .form-cc-email .cc-email {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 1em;
}

.left .form-cc-email .cc-email label {
	margin-top: 0.6em;
	font-family: "Poppins-Regular";
	font-size: 0.85rem;
	color: #333;
}

.left .form-cc-email .cc-email input {
	font-family: "Poppins-Regular";
	font-size: 0.85rem;
	color: #333;
	border: 0.5px solid #c7c7c7;
}

.left .form-cc-email .cc-email input:focus {
	box-shadow: none;
	border: 0.5px solid #9e9e9e;
}


.left .form-cc-email button.btn-save-cc {
	padding: 0 1em;
	box-sizing: border-box;
	margin-bottom: 1.35em;
	border-radius: 5px;
	font-family: "Poppins-Regular";
	font-size: 0.65rem;
	color: #fff;
	background-color: #06D001;
	border: none;
}

.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;
}

.open_scanner {
	font-family: "Poppins-Regular";
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: #4D96FF;
	color: white;
	padding: 10px 20px;
	box-shadow: 0px 0px 2px 4px #EEEEEE;
	border: 1px solid silver;
	border-radius: 100px;
	font-size: 13px;
}

#top_notif_box {
	width: 300px;
	height: 300px;
	overflow-y: auto;
	background: white;
	border: 1px solid silver;
	position: absolute;
	border-radius: 5px;
	top: 40px;
	right: 0px;
	z-index: 1000;
	padding: 20px;
	font-family: "Poppins-Regular";
	display: none;
}

#top_notif_box .item_list a {
	float: left;
	width: 100%;
	border: 1px solid silver;
	padding: 15px 20px;
	text-decoration: none;
	border-left: 5px solid #FFC107;
	margin-bottom: 5px;
	font-family: "Poppins-Regular";
	font-size: 13px;
	color: black;
	border-radius: 5px;
}

#top_notif_box .status_badge {
	font-size: 13px;
	background: #EEEEEE;
	border: 1px solid silver;
	border-radius: 10px;
	padding: 0px 5px !important;
}

input {
	font-family: "Poppins-Regular";
}

input[type="file"] {
	font-family: "Poppins-Regular";
	font-size: 13px;
	border: 1px solid silver;
	padding: 5px;
	border-radius: 10px;
}

#modal_upload {
	font-family: "Poppins-Regular";

}

#paging_box {
	font-family: "Poppins-Regular";
	font-size: 13px;
}

.pagination-box {
	width: 100%;
	float: left;
}

.pagination-box ul.pagination {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
	flex-direction: unset;
	gap: 0px;
}

.pagination-box ul.pagination li.page-item {
	margin: 0px !important;
	padding: 0px !important;
	display: inline;
}

.pagination-box ul.pagination li a {
	margin: 0px !important;
	padding: 2px 10px !important;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-top: 5px !important;
}

.pagination-box ul.pagination li.page-item>a.page-link {
	margin: 0px !important;
	padding: 2px 10px !important;
	border-radius: 0px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: tomato;
}

#box_timeline {
	width: 990px;
	height: 350px;
	overflow: auto;
	position: relative;
}

#table_timeline thead tr th.tgl {
	font-size: 10px;
	width: 10px;
	height: 10px;
	padding: 0px;
}

#table_timeline {
	border-collapse: separate !important;
}

#table_timeline thead tr th,
#table_timeline tbody tr td {
	text-align: left;
	white-space: nowrap;
}

#table_timeline thead tr th .tgl,
#table_timeline tbody tr td .item_tgl {
	display: inline-table;
	border: 0px solid silver;
	width: 30px;
	position: relative;
}

#table_timeline thead tr th .tgl {
	border: 0px;
	border-right: 1px solid black;
	font-size: 10px;
	text-align: center;
}

#table_timeline tbody tr td .item_tgl {
	border-right: 1px solid silver;
}

#table_timeline tbody tr td {
	text-align: left;
}

#table_timeline tbody tr td:nth-child(1),
#table_timeline tbody tr td:nth-child(2) {
	width: 100px !important;
}

#table_timeline thead tr th:nth-child(1) {
	position: sticky;
	left: 0px;
	z-index: 20;
	top: 0px;
	width: 100px !important;
	color: black !important;
	font-weight: bold;
	border-left: 1px solid silver !important;
}

#table_timeline thead tr th:nth-child(2) {
	position: sticky;
	left: 115px;
	z-index: 20;
	top: 0px;
	width: 100px !important;
	color: black !important;
	font-weight: bold;
	border-right: 1px solid silver !important;
}

#table_timeline thead tr th:nth-child(3) {
	position: sticky;
	z-index: 15;
	top: 0px;
}

#table_timeline tbody tr td:nth-child(1) {
	position: sticky;
	left: 0px;
	z-index: 10;
	background: #F8FAFC !important;
	vertical-align: top;
	border-left: 1px solid silver !important;
}

#table_timeline tbody tr td:nth-child(2) {
	position: sticky;
	left: 115px;
	z-index: 10;
	background: #F8FAFC !important;
	vertical-align: top;
	border-right: 1px solid silver !important;
}

#table_timeline thead tr th {
	background: #bfe6ff !important;
	border-color: #bfe6ff !important;
	border-bottom: 1px solid silver !important;
	vertical-align: bottom;
	color: black !important;
}

#table_timeline tbody tr td {
	border: 0px solid #EEEEEE !important;
	border-bottom: 1px solid silver !important;

}


#ui-datepicker-div {
	z-index: 20 !important;
}

.btn {
	font-family: "Poppins-Light" !important;
}

.alert-err p {
	color: red !important;
}

.prev_next {
	font-family: "Poppins-Light" !important;
	font-size: 13px;
	text-decoration: none;
}

.app_inp_group {
	font-family: "Poppins-Light" !important;
	border: 1px solid #009DFF !important;
	border-radius: 5px !important;
	background: #EEEEEE !important;
}

.app_inp_group .form-control {
	height: 26px;
	font-size: 11px;
	border: 0px !important;
	background: white !important;
	padding: 10px 5px !important;
}

.app_inp_group .input-group-addon {
	background: transparent !important;
	line-height: 26px;
	padding: 0px 10px;
	color: #009DFF !important;
	cursor: pointer;
}

.app_form .form-control {
	font-family: "Poppins-Light" !important;
	font-size: 13px !important;
}

.app_form label {
	font-family: "Poppins-Light" !important;
	font-size: 13px !important;
}

.app_form {
	margin-bottom: 20px;
}

.top_sum {
	cursor: pointer;
}

#app_table_cico thead tr th {
	border: 1px solid white #EEEEEE;
	white-space: nowrap;
}

#app_table_cico tbody tr td {
	white-space: nowrap;
}

#app_table_cico tbody tr td.action a {
	margin-right: 5px;
}

.bottom-extend .menu-status .li-menu {
	background: #EEEEEE !important;
	color: grey !important;
	font-size: 11px !important;
}

.bottom-extend .menu-status .li-menu svg {
	width: 15px;
	height: 15px;
}

.bottom-extend .menu-status .li-menu.active {
	background: #009DFF !important;
	color: white !important;
}

table tr td.item.action a {
	text-decoration: none;
}

/* .description-profile:hover #sub_menu_user {
	display: block;
}

#sub_menu_user {
	position: absolute;
	width: 150px;
	min-height: 100px;
	top: 30px;
	right: 20px;
	background: white !important;
	border-radius: 5px;
	border: 1px solid grey;
	display: none;
}

#sub_menu_user a {
	float: left;
	padding: 10px 25px 10px 20px;
	font-family: "Poppins-Light";
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px solid silver;
} */

/* Tampilkan submenu ketika hover di profile ATAU di submenu */
.description-profile:hover #sub_menu_user,
#sub_menu_user:hover {
	display: block;
}

#sub_menu_user {
	position: absolute;
	width: 150px;
	min-height: 100px;
	top: 30px;
	right: 20px;
	background: white !important;
	border-radius: 5px;
	border: 1px solid grey;
	display: none;
	z-index: 999;
	/* optional, biar tidak ketutup elemen lain */
}

#sub_menu_user a {
	float: left;
	padding: 10px 25px 10px 20px;
	font-family: "Poppins-Light";
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px solid silver;
}

.row-maintenance {
	background-color: #FFA500 !important;
	color: #000 !important;
	font-weight: bold;
}