/* Inputs style */
label
{
	color:#fff;
	font-size: 14px;
	margin-top:25px;
	display:flex;
	align-items: center;
	line-height:14px;
}

label span
{
	margin-right:10px;
}

input
{
	display:block;
}

textarea
{
	min-height:250px;
}

input[type='text'], input[type='email'], input[type='password'], select, textarea
{
	border: 1px solid #9CABDD;
	box-sizing: border-box;
	border-radius: 5px;
	padding:15px;
	background:transparent;
	width:100%;
	color:#fff;
}

select option 
{
	margin:40px;
    background: #192441;
}

input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, select:focus
{
	border-color:#fff;
}
 
form
{
	position:relative;
}

form button
{
	margin-top:25px;
}

.show-password
{
	width:20px;
	height:20px;
	background:url("../img/visibility-pass.png");
	position:absolute;
	right:15px;
	top:20px;
	cursor:pointer;
	opacity:.5;
}

.show-password.visible
{
	opacity:1;
}

.form-box
{
	background: #233053;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	width:540px;
	max-width:100%;
	position:relative;
	margin:0 auto;
	padding:30px 60px 50px 60px;
}


.checkbox
{
	vertical-align: middle;
	margin-top:25px;
	position:relative;
}

.checkbox input
{
	opacity: 0;
	cursor: pointer;
	height: 24px;
	width: 24px;
	position:absolute;
	top:0px;
	left:0px;
}

.checkbox .checkmark 
{
	height: 24px;
	width: 24px;
	background: #233053;
	border: 1px solid #9CABDD;
	box-sizing: border-box;
	border-radius: 4px;
	margin-right: 20px;
	float:left;
}

.checkbox input:checked ~ .checkmark 
{
	background:#6FCF97 url('data:image/svg+xml;utf8,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.8243 0.769496C11.59 0.535168 11.2101 0.535168 10.9757 0.769496L3.78737 7.95794L1.02428 5.19485C0.789973 4.96052 0.410098 4.96054 0.175746 5.19485C-0.058582 5.42915 -0.058582 5.80903 0.175746 6.04336L3.36311 9.23067C3.59734 9.46497 3.9775 9.46481 4.21164 9.23067L11.8243 1.61803C12.0586 1.38372 12.0586 1.00382 11.8243 0.769496Z" fill="white"/></svg>') no-repeat 50% 50%;
	border: 1px solid #6FCF97;
}

.checkbox span
{ 
	display: block;
	padding-left:40px;
	color:#fff;
	font-size: 13px;
	line-height: 150%;
}

.checkbox span a
{
	color:#FF7272;
	text-decoration: underline;
}

input.error, .checkbox.error>.checkmark
{
	border: 1px solid #EB5757;
}

input.success
{
	border: 1px solid #6FCF97;
}

.err-txt
{
	margin-top:5px;
	color:#EB5757;
	font-size: 12px;
	line-height: 15px;
}

.password
{
	position:relative;
}

/* Icons */
.icon-envelope-shape 
{
	display: inline-block;
  background-image: url("../img/icons-sprite.png");
  background-position: 0px 0px;
  width: 14px;
  height: 14px;
}

.icon-lock-shape 
{
	display: inline-block;
  background-image: url("../img/icons-sprite.png");
  background-position: -14px 0px;
  width: 14px;
  height: 14px;
}

.icon-ref-shape 
{
	display: inline-block;
	background-image: url("../img/icons-sprite.png");
	background-position: 0px -14px;
	width: 12px;
	height: 12px;
}

.progress-request
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	bottom: 0px;
	left:0px;
	background: rgba(35, 48, 83, .95);
	border-radius: 10px;	
	padding:30px 50px 50px 50px;
	display:none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index:999;
}

.progress-request.error
{
	background: rgba(255, 77, 77, .95);
}

.progress-request.success, .progress-request.almost
{
	background: rgba(111, 207, 151, .95);
}

.progress-request .button-close
{
	display:none;
	border:0px;
	background: #ffffff;
	color:#192441!important;
	border-radius: 5px;
	padding:10px 20px;
	color:#fff;
	font-size: 14px;
}

.progress-request .progress-status
{
	font-weight:bold;
	opacity:.75;
	text-align: center;
	margin-bottom:10px;
	max-width: 100%;
}

.animate-bar
{
	width:100%;
	height:54px;
	margin-bottom:25px;
	font-size: 30px;
  	font-weight: bold;
  	text-align: left;
}

.progress-request.error .animate-bar, .progress-request.success .animate-bar, .progress-request.almost .animate-bar
{
	height:auto!important;
	text-align: center!important;
}


.animate-bar img
{
	opacity:0;
	position: absolute;
}

/* */
.strength-password
{
	font-size: 12px;
	line-height: 15px;
	color:#fff;
	margin-top:10px;
}

.strength-password .indicator
{
	width:100%;
	height:1px;
	background:#fff;
	margin-top:5px;
}

.strength-password .indicator span
{
	display:block;
	height:1px;
}

.strength-password.weak
{
	color:#EB5757;
	display:block;
}

.strength-password.weak .indicator span
{
	width:30%;
	background:#EB5757;
}

.strength-password.medium
{
	color:#FF9C40;
	display:block;
}

.strength-password.medium .indicator span
{
	width:70%;
	background:#FF9C40;
}

.strength-password.strong
{
	color:#6FCF97;
	display:block;
}

.strength-password.strong .indicator span
{
	width:100%;
	background:#6FCF97;
}

.important-text
{
	background:url("../img/important.png") 0 50% no-repeat;
	color:#EB5757;
	font-size:12px;
	margin-top:10px;
	padding-left:45px;
	margin-top:25px;
}