@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');

.bg-landing {
	background-image: url(../images/gapura/bg-login.jpg);
	background-size: cover;
	background-position: center;
}

body,
.main-menu,
.header-navbar,
.navigation {
	font-family: 'IBM Plex Sans', sans-serif;

}

.card-app-item {
	padding: 1rem;
}

.card-app-item i {
	font-size: 3.2rem;
	margin-bottom: 1rem;
}

.auth-inner:after,
.auth-inner:before {
	display: none;
}

.spinner-frame {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: rgba(77, 77, 77, 0.3)
}
.dark-layout .spinner-frame {
	background-color: rgba(255, 255, 255, 0.3);
}

.spinner-frame .spinner-border {
	width: 3rem;
	height: 3rem;
	border-width: 0.5rem;
	color: #333333;
}
.dark-layout .spinner-frame .spinner-border{
	color: #232323;
}

.spinable-content {
	position: relative;
	min-height: 150px !important;
}