:root{
    --primary: #05559e;
    --primary_rgb: 5, 85, 158;
    --secondary: #4480b6;
    --secondary_rgb: 68, 128, 182;
    
    --bg_primary: #F6F6F6;
    --bg_secondary: #ECECEC;
    --text: #9c9b9b;
}

.auth-bg{
	background-color: var(--primary);
}

.auth-card{
	max-width: 400px; 
	border-radius: 20px;
	background-color: var(--bg_primary); 
}

.card-body{
	padding: 40px;
}

.form-control:active, .form-control:focus {
	border-color: var(--secondary);
	box-shadow: none;
}

.btn-link, .page-link, .page-link:hover, .page-link:focus { 
	color: var(--primary); 
}

.btn-link:hover, .btn-link:focus { 
	color: var(--secondary); 
}

.btn-primary {
	color: #fff;
	text-transform: uppercase;
	border-color: var(--primary);
	background-color: var(--primary);
}
.btn-primary:hover {
	color: #fff;
	background-color: var(--secondary);
	border-color: var(--secondary);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: var(--secondary);
	border-color: var(--secondary);
	box-shadow: 0 0 0 0.25rem rgba(68, 128, 182, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: var(--secondary);
	border-color: var(--secondary);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(68, 128, 182, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}

.btn-lg{
	padding: 8px 40px;
}