@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);

html, body {
	font-family: 'Quicksand', sans-serif;
	background-color:var(--background) !important;
	margin: 0;
    padding: 0;
}

html.web-login, .web-login body { height:100%; }
.auth-wrapper h2, .auth-wrapper h3, .auth-wrapper a, .auth-wrapper label, .auth-wrapper input { margin:0; }

a, a:hover, a:focus {
	color:var(--blue);
}

.auth-wrapper * { box-sizing:border-box; }
.auth-wrapper {
	display:flex;
	width:100%;
	height:100%;
	background:url('/images/login-background.jpg') center center no-repeat #fff;
	background-size:cover;
	align-items:center;
	justify-content:center;
	align-content:center;
}
.auth-wrapper .info { padding:20px; }
.auth-wrapper .sep {
	height:50vh;
	width:1px;
	background-color:transparent;
	border-left:2px dotted #707070;
	margin:0 clamp(20px,40px,2vw);
}
.login {
	padding:30px 50px 20px;
	background:#fff;
	margin:20px;
	border-radius:10px;
	box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0px 3px 12px #0000004F;
	text-align:center;
	width:515px;
}
.login .login-form { text-align:left; }
.login-logo { width:clamp(150px, 240px, 14vw); display:inline-block; }
.login-logo img { width:100%; height:auto; }
.auth-wrapper h2 { font-size:clamp(28px,45px,3vw); font-weight:300; }
.auth-wrapper h2 span { font-size:clamp(28px,45px,3vw); font-weight:700; color:var(--blue); }
.auth-wrapper h3 { font-size:20px; margin-bottom:20px; }
.auth-wrapper a { font-size:14px; }
.auth-wrapper .info img { display:inline-block; margin:30px 0; }
.auth-wrapper .form-group {
	margin-bottom: 30px;
	height:40px;
}
.auth-wrapper .form-group i { line-height:40px; padding:0 8px; }
.auth-wrapper .form-group .form-control { height:40px; }
.auth-wrapper .form-group .input-icon input {
	border: 1px solid #D0CECE;
	border-radius:4px !important;
	/*font-family:'Quicksand';
	color:var(--text);*/
	padding-left:32px;
}
.auth-wrapper .login-form > div { margin-bottom:15px; }
.auth-wrapper .login-form > div:last-child { margin-top:30px; }
.auth-wrapper .register .login-form > div:last-child {
	margin-top:0;
}

.auth-wrapper .form-group input:focus { border-color:var(--blue); }
.login-actions { display:flex; justify-content:space-between; }
.auth-wrapper .login-actions #submit {
	float:right;
	cursor:pointer;
	border-radius:4px;
	transition:all 0.2s ease;
	background:transparent;
	border:1px solid var(--blue);
	color:var(--blue);
	background-size:14px 11px;
	width:80px;
	padding:8px 14px 8px 30px;
}
.auth-wrapper .login-actions #submit:hover {
	background-color:var(--blue);
	color:#fff;
}
.auth-wrapper .login-actions .slider::before { line-height:26px; padding-top:0; }
.auth-wrapper .login-actions .remember-me { display:flex; align-items:center; margin-left:-10px; }
.login-form .alert {
	max-width: 350px;
	max-height: 50vh;
	overflow: auto;
}
.auth-wrapper #msg_area {
	margin-top:20px;
}
.auth-wrapper .form-actions a { display:inline-block; }

.auth-wrapper .btn {
	display: inline-block;
	padding: 6px 40px;
	margin-bottom: 0;
	font-size: 14px;
	color:var(--blue);
	text-transform:uppercase;
	height:40px;
	background:#FBFCFD;
	line-height:1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #D0CECE;
	border-radius: 4px;
}
.auth-wrapper .form-actions a.btn { line-height:25px; } 
.auth-wrapper .form-actions .btn-light-grey { color:#333; }
.auth-wrapper .form-actions .btn-primary { background:#f3f3f3; color:var(--blue); }

.auth-wrapper .btn:hover {
	background:var(--blue);
	color:#fff;
	border: 1px solid var(--blue);
}

.auth-wrapper .vor-verify-account .icon-mobile-phone {
    font-size:22px !important;	
}
.auth-wrapper .vor-verify-account .lgk_form .row {
	display: flex;
	justify-content: center;
}

.auth-wrapper .input-icon > input:focus + [class*="icon-"] {
	color:var(--blue);
}

.acceptance-required {
	color:#de0021;
	font-weight:bold;
}

.iradio_square-blue, .icheckbox_flat-blue, .icheckbox_square-blue, .iradio_flat-blue,
.iradio_square-green, .icheckbox_flat-green, .icheckbox_square-green, .iradio_flat-green {
	margin: 0px 10px 0 0 !important;
}

.form-group { margin:0; }
input[type="text"] {
	border:1px solid #eee;
	border-radius:4px !important;
/*	color:var(--blue);*/
	font-family: inherit;
	font-size: 14px;
	line-height: 1.2;
	padding:10px;
	transition-duration: 0.1s;
	box-shadow: none;
	margin:0;
	height:40px;
	display:inline-block;
	vertical-align:middle;
}
button.submit {
	background-color:var(--background);
	height: 40px;
	border:none;
	border-radius: 4px;
	width: 40px;
	color: #fff;
	font-size: 18px;
	margin: 0;
	color:var(--blue);
	transition:all 0.3s ease;
	display:inline-block;
	vertical-align:middle;
}
button.submit:hover { background-color:var(--blue); color:#fff; }

.form-group input { border:1px solid #D0CECE; }

.form-group textarea { width:100%; border-radius:4px !important; max-height:70px; }

.form-select-wrapper select {
	height:40px !important;
	border-radius:4px !important;
	background:#fff;
	color:#656565;
	border:1px solid #D0CECE !important;
	height:40px;
	line-height:26px;
}
.form-select-wrapper select option{
	color:#656565;
}
.form-element { margin-top:15px; }
.form-element p.description {
	font-style: italic;
}

/* .form-group .select2-container .select2-choice, .form-group .select2-container .select2-choice {
	height:40px !important;
	border-radius:4px !important;
}

.form-group .select2-container .select2-choice .select2-arrow {
	border-left:0 !important;
	color:var(--blue) !important;
}
.form-group .select2-container .select2-choice { line-height:38px !important; } */

.input-group .form-control.time-picker,
.input-group .form-control.form-search {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right:0;
}
.input-group .form-control.time-picker + span,
.input-group .form-control.form-search + span {
	color:var(--blue);
	background:#fff;
}

.input-group .form-control.time-picker:read-only + span,
.input-group .form-control.form-search:read-only + span {
	background:#fff;
}

.form-select-wrapper select {
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
.form-select-wrapper { position:relative; }
.form-select-wrapper:after {
	content: "\f078";
	display:inline-block;
	width:12px;
	height:12px;
	position:absolute;
	top:50%;
	right:9px;
	transform:translateY(-50%);
	font-family: FontAwesome;
	font-weight: 300;
	height: auto;
	text-shadow: none;
	color:var(--blue);
}

.form-select-wrapper.event-status-2:after {
	display:none;
	pointer-events: none;
}

.form-select-wrapper.event-status--1:after {
	display:none;
	pointer-events: none;
}


/******************* REGISTER FORM *****************************/
.register {
	padding:30px;
	width:540px;
}
.register .login-form { display:inline-block; }

.register .form-element {
	margin-top:0;
}
#account_type_wrapper {
    display: grid;
	grid-gap:30px;
	width:100%;
	padding:0 30px;
	text-align:center;
}
#account_type_wrapper h3 {
	font-size:20px;
	margin-bottom:0;
	margin-top:10px;
}
#account_type_wrapper > .account_type {
	border: 2px solid #0971ce;
	border-radius: 6px;
	padding: 20px 30px;
}
.account_type img {
	margin-right:10px;
	height:36px;
	width:auto;
}
.account_type {
	cursor:pointer;
	color: #0971ce;
    font-weight: bold;
	font-size:16px;
	transition:all 0.3s ease;
}
.account_type:hover {
	color: #fff;
	background-color: #0971ce;
}
.account_type_img_hover {
	display:none;
}
.account_type:hover .account_type_img {
	display:none;
}
.account_type:hover .account_type_img_hover {
	display:inline-block;
}
.auth-wrapper .register .form-actions { margin-top:0 !important; margin-bottom:0 !important; }
.register ul.errors {
	margin-top: 0;
	padding-left: 0;
	font-size:12px;
}
.register ul.errors li {
	display:inline-block;
	margin-right:7px;
}
.auth-wrapper .register .form-group { margin-bottom:0; }
.auth-wrapper .register .form-element .form-group { margin-bottom:35px; }

.register .col-sm-5,
.register .col-sm-2 {
	width: 33.33333333333333% !important;
}
.register .btn-light-grey { margin-right:15px; }

.register-specialist-dotted-border{ 
	border: 1px dashed #1a74d2;
	border-radius: 5px;
	padding: 5px 0px;
	margin: 0px 0px 5px 0px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#subscribe_area {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* ACCEPTANCES */
#register-acceptance-wrap > div {
	display:flex;
  	margin:5px;
} 
  
#register-acceptance-wrap > div > label{
  	cursor: pointer;
  	text-align: justify;
	float:left;
	display:inline-block;
	white-space: normal;
	font-weight: normal;
  	
}
#register-acceptance-wrap .icheckbox_flat-blue,
#register-acceptance-wrap .icheckbox_flat-green {
	flex-shrink:0;
}
#register-acceptance-wrap > div > label > span.acceptance-link {
	font-weight: bold;
	color: var(--blue);
	cursor:pointer;	
}
#register-acceptance-wrap > div > label > div.acceptance-extra {
	font-size:0.9em;
	text-align:justify; 
	display:none;
	font-style: italic;
}


/* ------------------------------
	Login & Register media queries
-------------------------------- */
@media screen and (max-width:1024px), (max-height:768px) {
	.auth-register .auth-wrapper  {
    	display: inline-block;
		text-align:center;
		height:auto;
		min-height:100%;
	}
	.auth-register .auth-wrapper .sep { display:none; }
	.auth-register .auth-wrapper .info { text-align: center; }
	
	.auth-register .login { display:inline-block; }
	.auth-register .register {
		padding: 30px;
		width: 540px;
		display:inline-block;
	}
	.auth-register .auth-wrapper .login-logo { width:150px; display:inline-block; }
	.auth-register .auth-wrapper .login-logo img {
		display: inline-block;
		margin: 30px 0;
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:1024px) {
	.auth-wrapper .sep { display:none; }
	.auth-wrapper .login-logo { width:150px; display:inline-block; }
	.auth-wrapper .login-logo img {
		display: inline-block;
		margin: 30px 0;
		width: 100%;
		height: auto;
	}
	.auth-wrapper .login {
		width:50vw;
		min-width:400px;
		padding:30px 20px 20px;
	}
}
@media screen and (max-width:768px), (max-height:400px) {
	.auth-wrapper {
    	display: inline-block;
		text-align:center;
		height:auto;
		min-height:100%;
	}

	.auth-wrapper .info { text-align: center; }
	.auth-wrapper .sep { display:none; }
	.auth-wrapper .login { display:inline-block; }
	.auth-wrapper .register {
		padding: 30px;
		width: 540px;
		display:inline-block;
	}
	.auth-wrapper .login-logo { width:150px; display:inline-block; }
	.auth-wrapper .login-logo img {
		display: inline-block;
		margin: 15px 0 30px;
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:600px) {
	.login { width:92vw !important; min-width:auto !important; padding:25px; margin:5vw 4vw; }
	.auth-wrapper .info img { margin:0 0 30px 0; }
	.auth-wrapper h2, .auth-wrapper h2 span { font-size:28px; }
	.auth-wrapper h3 { font-size:24px; margin-bottom:24px; }

	.register .col-sm-5,
	.register .col-sm-2 {
		width:100% !important;
	}
	
	#subscribe_area > span {
		display:inline-block;
		width:100%;
		margin-bottom:10px;
	}
	.subscribe-btn {
		display: inline-block;
		padding: 10px 50px;
		background: #fff;
		border-radius: 5px;
		box-shadow: 0px 3px 12px #0000004F;
		text-transform:uppercase;
	}
}
@media screen and (max-width:480px) {
	.login {
		padding: 20px !important;
	}

	.auth-wrapper .register .form-actions {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content:space-between;
	}
	.register .btn-light-grey {
		margin-right: 0;
	}
}