:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #3f6ad8;
	--secondary: #6c757d;
	--success: #3ac47d;
	--info: #16aaff;
	--warning: #f7b924;
	--danger: #d92550;
	--light: #eee;
	--dark: #343a40;
	--focus: #444054;
	--alternate: #794c8a;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

body, html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow: hidden;
}

.judul-halaman {
	text-transform: capitalize;
}

.content-wrapper {
	background-color: white;
}

.alert a {
	color: #007bff;
}

.ui-datepicker{
	z-index: 1151 !important;
}

#bg-login {
	background: url("../images/bg-login.jpg"),  linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
    background-blend-mode: overlay;
	min-height: 620px;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#box-login {
	position: absolute;
	left: 50%;
	margin-left: -14vw;
	top: 50%;
	margin-top: -255px;
	height: 470px;
	width: 28vw;
	background-color: rgba(255, 255, 255, 0.8);
}

#box-presensi {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12%;
	padding: 0px;
}

#box-presensi .btn {
	padding: 20px;
	border-radius: 15px 0px 0px 0px;
	opacity: 0.9;
}

@media only screen and (max-width: 1200px) {	
	#box-login {
		margin-left: -25vw;
		margin-top: -185px;
		height: 370px;
		width: 50vw;
	}
}

@media only screen and (max-width: 767px) {	
	#box-login {
		margin-left: -40vw;
		margin-top: -185px;
		height: 370px;
		width: 80vw;
	}
}

#div-presensi-fingerprint
{
	min-height : 122px;
}

.custom-fa-fingerprint-white {
	font-size:5rem;
	color: #ffffff;
}