/* ========= basic =========*/
html {
	height: 100%;
}

#wrapper {
	min-height: 100%;
}

.sticky-footer {
	margin-top: auto;
}

.text-black {
	color: black;
}

.text-white {
	color: white;
}

.td-aksi {
	min-width: 80px;
}

.icon-size {
	font-size: 23px;
	margin-right: 4px;
}

.bg-trans-dark {
	background-color: rgba(0, 0, 0, .7);
}

.bg-trans-light {
	background-color: rgba(255, 255, 255, 0.925);
}

.bg-black {
	background-color: rgb(20, 20, 20);
}

.img-slider {
	height: 90vh;
	width: 100%;
}

.hr-style {
	width: 20%;
	border-top: 2px solid #bc14e6;
	border-bottom: 1px solid #fff;
}

.hr-style:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 2px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

.font-nav {
	font-family: 'Vollkorn', serif;
}

.font-judul {
	font-family: 'Alegreya', serif;
}

.font-cairo {
	font-family: 'Cairo', sans-serif;
}

.text-nav {
	color: rgb(163, 1, 251);
}

.sticky-footer {
	margin-top: -10px;
}

/* ========= end basic =========*/

/* ========= fieldset =========*/
fieldset.scheduler-border {
	border: solid 1px #DDD !important;
	padding: 0 10px 10px 10px;
	border-bottom: none;
}

legend.scheduler-border {
	width: auto !important;
	border: none;
	font-size: 16px;
}

/* ========= end fieldset =========*/

.content {
	position: absolute;
	/* Position the background text */
	bottom: 0;
	/* At the bottom. Use top:0 to append it to the top */
	background: rgb(0, 0, 0);
	/* Fallback color */
	background: rgba(0, 0, 0, 0.5);
	/* Black background with 0.5 opacity */
	width: 100%;
	/* Full width */
	padding: 20px;
	/* Some padding */
}

.image-banner {
	width: 100%;
	height: 90vh;
}

.discount {
	top: -10px;
	right: -10px;
	padding: 15px;
	position: absolute;
	border: 1px solid rgb(248, 247, 247);
	background: rgb(230, 0, 255);
	border-radius: 50%;
	color: white;
}

/* style hp */
@media only screen and (max-width: 600px) {
	.logo-hotel {
		display: none;
	}

	.name-hotel {
		font-size: 16px;
	}

	.img-slider {
		height: 60vh;
	}

	.image-banner {
		height: 60vh;
	}
}