/*!
 * CREATIVE DESIGN WEB
 * @author  <copyright@publisere.com>
 * @copyright 2024 SA
 * @copyright protected International technology | International Registered Trademark
 * @Property of Publisere
 */

#wrapper-login, .login {
	width: 100%;
	height: 100%;
	display: flex;
	overflow: hidden;
}

.login .field input {
	border-radius: 8px;
	border: none !important;
	outline: none !important;
	background-color: #ecf0f3;
	color: #a0a5a8 !important;
	box-shadow: inset 2px 2px 4px #d1d9e6, inset -2px -2px 4px #f9f9f9;
}
.login .field input:focus {
	box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #f9f9f9;
}
.login .button .btn-log {
	width: 100%;
	color: white;
	padding: 1em;
	cursor: pointer;
	font-size: 0.8rem;
	border-radius: 0.2em;
	background-color: #3080C5;
	text-transform: uppercase;
}
.login .button .btn-log:hover {
	background-color: #568fb9;
}
.advice p {
	text-align: center;
	margin-top: 2em;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.advice p a {
	color: #3080C5;
	padding: 8px 20px;
	text-transform: initial;
	border: 1px solid #2A58A6;
}
.advice p a:hover {
	color: #86b3d2;
	border: 1px solid #86b3d2;
}
/*
	* rgb(30, 108, 172) blue
	* #568fb9 blue
	* #2A58A6 blue | * solid
	* #86b3d2 blue | hover
	* #3080C5 blue | * + hover
	* #2C6CB4 blue | *
	* #b4c7d6 blue light | hover
	* #6c89c3 blue purple | hover
	* #5469d4 purple blue
	* #8563CF purple 
	* #ac7dfd purple
 * background-image: radial-gradient(circle at 0% 0%, #1e4b72, #163557 50%, #142239);
 * background-image: radial-gradient(circle at 0% 0%, #373b52, #252736 51%, #1d1e26);
 * background-image: radial-gradient(circle at 0% 0%, #302151, #262939 51%, #262839);
 * background-image: radial-gradient(circle at 0% 0%, #614898, #443383 51%, #2b2d3c);
*/

.bgyw {
	background-image: radial-gradient(circle at 0% 0%, #1e4b72, #163557 51%, #142239);
	/*flex: 1;*/
	/* order: 1; */
	/*width: 50%;
	background: linear-gradient(60deg, rgba(158, 189, 19, 0.5), rgba(172, 125, 253, 0.1)), url(https://i.stack.imgur.com/y2iEE.jpg) center no-repeat;
	background-size: cover;*/
}

.bglog {
	background-color: #ecf0f3;
	background-image: url(https://audacct.com/assets/img/svg/square.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
}