* {
	font-family: "Google Sans", Verdana, sans-serif !important;
}

html {
	user-select: none;
}

:root body {
	--bs-body-font-size: 0.9rem !important;
}

body {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	max-height: -webkit-fill-available;
	display: flex;
	flex-direction: column;
}

a {
	text-decoration: none !important;
}

.login-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-wrapper {
    background-color: #FFFFFF !important;
    /* width: 100%; */
    max-width: 430px;
    padding: 50px 20px;
    border-radius: 15px;
    margin: 0 auto;
    /* height: calc(100% - 40px) !important; */
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.38) !important;
}

.login-form-wrapper {
    width: 100%;
    max-width: 320px;
}

@media (max-width: 575.98px) {
    .login-form-wrapper {
        width: 90%;
        max-width: initial !important;
    }
}

.lang-position-top-right {
    top: 15px;
    right: 15px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #6c757d;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #CCC;
}

.separator:not(:empty)::before {
    margin-right: .5em;
    margin-top: 3px;
}

.separator:not(:empty)::after {
    margin-left: .5em;
    margin-top: 3px;
}

.grecaptcha-badge { visibility: hidden; }

.grecaptcha-badge {
    box-shadow: gray 0px 0px 2px !important;
}

.grecaptcha-badge,
#recaptcha iframe {
    border-radius: var(--bs-border-radius) !important;
}

.g-recaptcha-desc {
    line-height: 1.2 !important;
    font-size: 11px !important;
}

::-ms-reveal {
	display: none;
}

button.toggle-password {
	position: absolute;
	top: 3px;
	right: 4px;
	z-index: 9;
	width: 28px;
	height: 30px;
	background: 0;
	border: 0;
}

button.toggle-password:active,
button.toggle-password:focus,
button.toggle-password:hover {
	cursor: pointer;
}

button.toggle-password:focus {
	outline: none !important;
}

.input-password {
	padding-right: calc(1.5em + 0.75rem);
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-password[type="text"] {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16"><path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/><path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/><path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/></svg>') !important;
}

.input-password[type="password"] {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>') !important;
}

.notify-wrp {
    max-width: fit-content;
    left: 0.5rem !important;
    right: 0.5rem !important;
}

.notify-alert {
    margin: 0;
    max-width: 550px;
    width: auto;
    display: table !important;
    padding-right: 1.5rem;
}

.notify-alert .btn-close {
    right: 5px !important;
}

.cc-window.cc-floating {
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.cc-message {
	margin: 1em !important;
    line-height: 1.2rem;
    font-size: 0.9rem;
    color: var(--bs-heading-color, inherit);
}

.cc-btn:hover,
.cc-btn:focus {
    color: #FFF !important;
}

.cc-dismiss {
    background-color: var(--bs-dark) !important;
    -webkit-transition: 200ms ease-in;
    transition: 200ms ease-in;
    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
    text-decoration: none !important;
}

.cc-btn {
    font-size: inherit !important;
}

.cc-revoke, .cc-window {
    z-index: 1045 !important;
}

.ui-widget.ui-widget-content {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.btn-fb {
    background-color: #0866ff;
    color: #fff;
}

.btn-fb:hover {
    background-color: #0d47ff;
    color: #fff !important;
}

.btn-gl {
    background-color: #fff;
    color: #000;
    border: 1px solid #e2e8f0;
}

.btn-gl:hover {
    border: 1px solid #94a3b8 !important;
}