:root{
    --primary-color: #5a1118;
    --secondary-color: #f6cb6d;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --white-color: #ffffff;
    --black-color: #000000;
    --gray-color: #6c757d;
    --gray-dark-color: #343a40;
    --gray-light-color: #f8f9fa;
    --gray-lighter-color: #f1f3f5;
    --gray-lightest-color: #f8f9fa;
    --transparent-color: transparent;
    --body-bg: #f8f9fa;
    --body-color: #343a40;
    --link-color: #007bff;
    --link-hover-color: #0056b3;
    --link-hover-decoration: underline;
    --btn-padding-y: 0.75rem;
    --btn-padding-x: 1.5rem;
    --btn-font-size: 1rem;
    --btn-line-height: 1.5;
    --btn-font-weight: 700;
    --btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    --btn-primary-color: #ffffff;
    --btn-primary-bg: #5a1118;
    --btn-primary-border: #5a1118;
    --btn-secondary-color: #ffffff;
    --btn-secondary-bg: #6c757d;
    --btn-secondary-border: #6c757d;
    --btn-info-color: #ffffff;
    --btn-info-bg: #17a2b8;
    --btn-info-border: #17a2b8;
    --btn-success-color: #ffffff;
    --btn-success-bg: #28a745;
    --btn-success-border: #28a745;
    --btn-warning-color: #ffffff;
    --btn-warning-bg: #ffc107;
    --btn-warning-border: #ffc107;
    --btn-danger-color: #ffffff;
    --btn-danger-bg: #dc3545;
}

html, body{
	height: 100%;
}
body{
	display: flex;
	align-items: center;
	background-image: linear-gradient( to right, #ebaaa3, #f6cb6d);
    color: var(--primary-color) !important;
}
.text-white{
    color: var(--primary-color) !important;
}
a{
	color: var(--primary-color);
	text-decoration: none;
}

form span{
    color: var(--primary-color) !important;
}

a:hover{
	color: var(--primary-color);
}
.uf-form-signin {
    width: 100%;
    max-width: 350px;
    padding: 15px;
    margin: auto;
}
.uf-input-group .input-group-text {
    background: #ffffff70;
    color: #f8f9fa;
    border: unset;
    font-size: 18px;
    padding: 15px;
    width: 50px;
}

.uf-input-group .form-control {
    border: unset;
    border-left: 1px solid #ffffff05;
    font-size: 16px;
    background: #ffffff70;
}

.uf-input-group .form-control:focus {
    box-shadow: unset;
    background: #ffffff;
}
.uf-btn-primary {
    background: var(--primary-color);
    color: #fff;
}

.uf-btn-primary:hover {
    background: var(--primary-color);
    color: #fff;
}

.uf-form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.uf-social-login .uf-social-ic+.uf-social-ic{
	margin-left: 15px;
}
.uf-social-ic{
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.uf-social-ic:hover{
	background: var(--primary-color);
}
.uf-social-ic:hover i{
	color: #fff;
}