:root {
	font-family: InterVariable, sans-serif;
	font-feature-settings: 'cv02' 1, 'cv03' 1, 'cv04' 1, 'cv11' 1; /* Single-story a */

}

@supports (font-variation-settings: normal) {
	:root { 
		font-family: InterVariable, sans-serif;
		font-feature-settings: 'cv02' 1, 'cv03' 1, 'cv04' 1, 'cv11' 1;
	}
}



/*Base*/
html, body {
	font-size: 14px;
	font-family: InterVariable, sans-serif;
	color: var(--text-color);
	overflow-x: hidden;
}




/*General*/
.container-fluid {
	--bs-gutter-x: 4.5rem;
}
hr {
	border-color: var(--border-color);
	opacity: 1;
}
a {
	text-decoration: none;
}



/*Buttons*/
.btn {
	font-weight: 700;
	padding: 8px 12px;
}
.btn-primary {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
}
.btn-primary:hover,
.btn-primary:active,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary.show,
.btn-primary:first-child:active,
:not(.btn-check)+.btn-primary:active,
.btn-primary.disabled,
.btn-primary:disabled,
fieldset:disabled .btn-primary {
	background: var(--bs-primary-hover);
	border-color: var(--bs-primary-hover);
	color: #fff;
}



/*Text*/
.text-dark {
	color: var(--text-header) !important;
}
.text-primary {
	color: var(--bs-primary) !important;
}


/*Badge*/
.badge {
	padding: 6px 9px 6px;
	font-weight: 500;
	font-size: 12px;
}
.text-bg-primary {
	background: var(--bs-primary-light) !important;
	color: var(--bs-primary) !important;
}
.text-bg-secondary {
	background: var(--bs-secondary-light) !important;
	color: var(--bs-secondary) !important;
}
.text-bg-success {
	background: var(--bs-success-light) !important;
	color: var(--bs-success) !important;
}
.text-bg-danger {
	background: var(--bs-danger-light) !important;
	color: var(--bs-danger) !important;
}
.text-bg-warning {
	background: var(--bs-warning-light) !important;
	color: var(--bs-warning) !important;
}
.text-bg-info {
	background: var(--bs-info-light) !important;
	color: var(--bs-info) !important;
}
.text-bg-light {
	background: var(--bs-light-light) !important;
	color: var(--bs-light) !important;
}
.text-bg-dark {
	background: var(--bs-dark-light) !important;
	color: var(--bs-dark) !important;
}


.alert-primary {
    --bs-alert-color: var(--bs-primary);
    --bs-alert-bg: var(--bs-primary-light);
    --bs-alert-border-color: var(--bs-primary-light);
    --bs-alert-link-color: var(--bs-primary);
}
.alert-secondary {
    --bs-alert-color: var(--bs-secondary);
    --bs-alert-bg: var(--bs-secondary-light);
    --bs-alert-border-color: var(--bs-secondary-light);
    --bs-alert-link-color: var(--bs-secondary);
}
.alert-success {
    --bs-alert-color: var(--bs-success);
    --bs-alert-bg: var(--bs-success-light);
    --bs-alert-border-color: var(--bs-success-light);
    --bs-alert-link-color: var(--bs-success);
}
.alert-danger {
    --bs-alert-color: var(--bs-danger);
    --bs-alert-bg: var(--bs-danger-light);
    --bs-alert-border-color: var(--bs-danger-light);
    --bs-alert-link-color: var(--bs-danger);
}
.alert-warning {
    --bs-alert-color: var(--bs-warning);
    --bs-alert-bg: var(--bs-warning-light);
    --bs-alert-border-color: var(--bs-warning-light);
    --bs-alert-link-color: var(--bs-warning);
}
.alert-info {
    --bs-alert-color: var(--bs-info);
    --bs-alert-bg: var(--bs-info-light);
    --bs-alert-border-color: var(--bs-info-light);
    --bs-alert-link-color: var(--bs-info);
}
.alert-light {
    --bs-alert-color: var(--bs-light);
    --bs-alert-bg: var(--bs-light-light);
    --bs-alert-border-color: var(--bs-light-light);
    --bs-alert-link-color: var(--bs-light);
}
.alert-dark {
    --bs-alert-color: var(--bs-dark);
    --bs-alert-bg: var(--bs-dark-light);
    --bs-alert-border-color: var(--bs-dark-light);
    --bs-alert-link-color: var(--bs-dark);
}


.login-wrap {
	height: 100vh;
	width: 100vw;
}
.login-card {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
}
.login-card .login-card-head {
	text-align: center;
	padding-bottom: 40px;
}
.login-card .login-card-head .logo-icon {
	max-width: 80px;
	padding-bottom: 40px;
}
.login-card .login-card-head p {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 4px;
}
.login-card .login-card-body .btn {
	width: 100%;
}
.form-wrap {
	padding-top: 30px;
}
.form-label {
	font-weight: 600;
	color: var(--text-header) !important;
}
.form-control, .form-select {
	padding: 8px 12px;
	outline: 1px solid transparent;
	border-color: var(--border-color);
}
.form-control:focus, .form-select:focus {
	color: var(--text-header);
	background-color: none;
	border: 1px solid var(--bs-primary);
	outline: 1px solid var(--bs-primary);
	box-shadow: none;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-right: 0;
}
.input-group-text {
	background: transparent;
	cursor: pointer;
}
.input-group-text i {
	transition: .3s ease;
}
.input-group-text:hover i {
	color: var(--bs-primary);
}
.login-card .response {
	margin-top: 10px;
}



@media (min-width: 768px) {


	

}

@media (min-width: 992px) {




}

@media (min-width: 1200px) {

.login-card {
	width: 400px;
}

}