.login-section {
	background: #F9F7F4;
	overflow: hidden;
}

.has-background {
	background: url('../images/workimage.png') no-repeat 50% 50%;
	background-size: contain;
	background-color: #fffce7!important;
	padding: 40px;
/*	transform: skewX(-5deg);*/
    transform-origin: top right;
}

.has-background svg {
	height: auto;
	width: 100%;
}

.login-form {
	min-width: 500px;
	width: 100%;
	max-width: 500px;
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0px 0px 10px 0px rgba(140,140,140,0.1);
}

.login-form label {
	margin-bottom: 5px;
}

.login-form input {
	border-radius: 50px !important;
}

.login-form input[type="submit"] {
	display: block;
	width: 100%;
}

.login-section .custom-logo-link {
	text-align: center;
	margin-bottom: 30px;
	display: block;
}

.login-section img {
	max-width: 200px;
}

@media (max-width: 767px) {

	.login-form {
		min-width: 100%;
	}

}

/* Alert
 ==================================================== */

.alert {
    font-weight: 500;
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 12px;
    background-size: 18px;
    padding: 12px 15px 12px 50px;
    display: none;
    z-index: 999;
}

.error-open {
    display: block;
    animation: fadeOut 1s ease-in-out 10s forwards;
    opacity: 1;
}

#login-form .alert {
    position: absolute;
    top: -100px;
    width: max-content;
}

.alert[role="error"] {
    color: #ff0000 !important;
    background: #ffb3b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23ff0000' d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E") no-repeat 4% 50%;
}

.alert[role="succes"] {
    color: #298429 !important;
    background: #aaffaa url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1.5em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="%23298429" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>') no-repeat 2% 50%;
}

.alert p {
	margin-bottom: 0 !important;
}

.success-open {
	display: block;
    animation: fadeOut 1s ease-in-out 10s forwards;
    opacity: 1;
}

.message-alert {
	background: #ffb3b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23ff0000' d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E") no-repeat 10px 50%;
	width: fit-content;
	color: #ff0000;
	padding: 10px 20px 10px 50px;
	border-radius: 8px;
	font-weight: 700;
	margin: auto;
}

@keyframes fadeOut {

  to {
    opacity: 0;
    display: none;
  }

}

.elementor-location-header a i {
	color: var( --e-global-color-text );
}

.banner__content h2 {
	font-size: 20px !important;
	margin: 0 0 10px 0 !important;
	line-height: 28px !important;
}

.banner__content p {
	font-size: 16px;
	line-height: 28px;
}

@media (max-width: 767px) {

	.alert {
		min-width: 330px;
		font-size: 14px;
	}

}

.confirmed-error,
.confirmed-error:focus {
	border: 1px solid #db3333 !important;
}

button[disabled="disabled"],
input[disabled="disabled"] {
	pointer-events: none;
	opacity: .5;
}