* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-family: 'Asap Condensed', sans-serif;
  line-height: inherit;
  min-width:320px;
}
p {
	margin: 0;
}
@font-face {
	font-family: 'fontello';
	src: url('/fonts/fontello/fontello.eot');
	src: url('/fonts/fontello/fontello.eot#iefix') format('embedded-opentype'), url('/fonts/fontello/fontello.ttf') format('truetype'), url('/fonts/fontello/fontello.woff') format('woff'), url('/fonts/fontello/fontello.svg#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Inter Black';
	font-style: normal;
	src: url('/fonts/inter/Inter-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Bold';
	font-style: normal;
	src: url('/fonts/inter/Inter-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter ExtraBold';
	font-style: normal;
	src: url('/fonts/inter/Inter-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter ExtraLight';
	font-style: normal;
	src: url('/fonts/inter/Inter-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Light';
	font-style: normal;
	src: url('/fonts/inter/Inter-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Medium';
	font-style: normal;
	src: url('/fonts/inter/Inter-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Regular';
	font-style: normal;
	src: url('/fonts/inter/Inter-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter SemiBold';
	font-style: normal;
	src: url('/fonts/inter/Inter-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Thin';
	font-style: normal;
	src: url('/fonts/inter/Inter-Thin.ttf') format('truetype');
}





.fpCMP-page-header, .fpCMP-main, .fpCMP-footer {
	width: 100%;
}
.fpCMP-container {
	width: 980px;

}
.fpCMP-page-header {
	height: 75px;
	box-shadow: 5px 5px 2px grey;
	background-color:#264159;
}
/* .fpCMP-page-header__inner, .fpCMP-main__inner, .fpCMP-page-footer__inner {
	width: 980px;
	margin: 0 auto;
  	height: 100%;
} */
.fpCMP-page-header__logo img {
	width: 148px;
	margin-top: 15px;
	float:left;
	/*background-image: url("img/logo-assideo.png");*/
}
.fpCMP-main {
	width:100%;
	height: 100vh;
}
.fpCMP-main__inner {
	position: relative;
	display:flex;
	height: 100%;
	
	background-image: url("/img/header-img.jpg");
  	background-position: center;
	/* margin-left: 130px; */
}
.fpCMP-main__left {
	/* width:calc(100% - 1074px); */
	width:30%;
	height: 100%;
	padding: 20px 0px;
	padding-top:40px;
	padding-left:150px;

	display: flex;
  	flex-direction: column;
	background-color: white;
	
}
.fpCMP-main__right {
	background-image: url("/img/header-img.jpg");
	background-position: center;
	/* width:1074px; */
	width:70%;
	background-size: cover;
}
.fpCMP-logo {
	/* position: absolute;
	left: 8%; */
	width:120px;
}
.fpCMP-form-wrapper {
	position: relative;
	flex-grow: 1;
	align-content: center;

}
.fpCMP-logo img {
	width:100%;
}
.fpCMP-auth {
	width:550px;
	height: 352px;
	/* box-shadow: 5px 5px 2px grey; */
	background-color:#EFEFEF;
	/* position: absolute;
	top: 44%;
	left: 25%;
	transform: translate(-44%, -25%); */
	transform: translate(16%, 10%);
	border-radius: 10px;
	padding:10px;
}
.fpCMP-auth__form,
.fpCMP-formheader {
	padding: 10px;
}
.fpCMP-formheader {
	display: flex;
	justify-content: space-between;
	padding:10px;
}
.fpCMP-formheader--title {
	font-size: 24px;
	font-family: 'Inter Medium', sans-serif;
	color:#224763;
	
}
#lngSw {
	line-height: 30px;
	height: 30px;
}
#lngSw a {
	text-transform:capitalize;
	font-family: 'Inter Regular', sans-serif;
	color: #0C3C60;
	text-decoration:none;
	font-size: 12px;
}
#lngSw a.active{
	display: none;
}
.fpCMP-auth__form {
	/* height:100%; */
	margin-top:5px;
}
#user-pass-reset p,
#asi-codeLoginForm label,
#user-pass label,
.form-auth__label,
.fpCMP-auth__form label {
	font-family: 'Inter Medium', sans-serif;
	color: #222222;
	font-size: 12px;
	margin-top:10px;
	margin-bottom:3px;
}
.fpCMP-auth__form input[type=text], 
.fpCMP-auth__form input[type=password] {
	height: 37px;
	background-color:#fff;
	margin: 8px 0px;
	padding: 3px;
	border:none;
	width: 100%;
	font-size: 12px;
	color: #222222;
	font-family: 'Inter Regular', sans-serif;
}
.fpCMP-auth #forgotPass a {
	font-family: 'Inter Medium', sans-serif;
	color: #0C3C60;
	font-size: 12px;
}
.form-auth__submit {
	height: 60px;
	/* border-top: 2px solid #707070; */
	margin-top: 30px;
	border-top: 1px solid rgb(112, 112, 112, .5);
	display: flex;
	padding-top: 10px;
	justify-content: space-between;
}
#user-pass-reset div.form-submit,
#asi-codeLoginForm .form-submit,
#fa2-select .form-submit,
#user-pass div.form-submit,
.fpCMP-auth__form form.user-pass .form-actions {
	border-top: 1px solid rgb(112, 112, 112, .5);
	width: 510px;
	text-align: left;
	position: absolute;
	bottom: 28px;
}
.fpCMP-auth__form .form-actions input.form-submit {
    padding-left: 10px;
    text-align: left;
}
.fpCMP-auth__form form.user-pass .form-actions input.form-submit {
    padding-left: 40px;
    text-align: left;
}
#asi-codeLoginForm .form-submit {
	padding-top:20px;
}
.fpCMP-auth__form input[type=submit] {
	font-family: 'Inter Medium', sans-serif;
	color: #224763;
	font-size: 20px;
	border:none;
	/* margin-top: 30px; */
	background-color: transparent;
	padding-left: 10px;
}
.submit-next::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('/img/ico_btn_next.svg');
	position: absolute;
	bottom: 0px;
}
.submit-login::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('/img/ico_btn_login.svg');
	pposition: absolute;
	bottom: 24px;
	vertical-align: bottom;
}
#edit-actions--3 {
    display: inline-block;
}

#user-pass .submit-next::before,
#fa2-select .submit-next::before {
	bottom:auto;
	top:28px;
}
.submit-login.disabled {
	opacity: 0.3;
}
.form-text {
	margin-top: 10px;
	font-size: 14px;
	color: #222;
	margin-bottom: 45px;
	font-family: 'Inter Medium', sans-serif;
}
.topLogin label, .description {
	display: none;
}
#asi-codeLoginForm label {
	display: block;
}

.fa2-select_item label {
	margin-left:15px;
	color:#0C3C60;
	font-family: 'Inter Medium', sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.footer {
	/* position: absolute;
	bottom: 20px;
	left: 8%; */
	
}
.footer,
.footer a {
	color:#808080;
	font-family: 'Inter Medium', sans-serif;
	font-size: 12px;
}
.external_vis .fpCMP-main__left {
	position:relative;
	padding-left: 50px;
}
.external_vis .fpCMP-form-wrapper {
	align-content: flex-end;
}
.external_vis .fpCMP-langswitchtop {
	right: 6%;
    position: absolute;
    padding-top: 2px;
}

.external_vis .fpCMP-auth {
    width:345px;
    height:65px;
    margin-bottom: 40px;
	transform: unset;
}
.external_vis .fpCMP-formheader {
    display:none;
}
.external_vis .oauth_method__link {
    font-family: 'Inter Medium', serif;
    font-size: 20px;
    color:#224763;
    padding-left: 50px;
    position: relative;
}
.external_vis .oauth_method__link::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('/img/ico_btn_login.svg');
    position: absolute;
    left: 0;
}

@media (max-width: 1024px){
    .fpCMP-main__left {
		width:30%;
		padding-left:50px;
    }
	.fpCMP-main__right {
		width:70%;
	}
	.fpCMP-auth {
		top: 50%;
		left: 30%;
		transform: translate(0, -50%);
    	width: 90vw;
		height:300px;
		padding:5px;
		max-width:500px;
	}
	.fpCMP-formheader--title {
		font-size:18px;
	}
	#lngSw a {
		font-size:10px;
	}
	.fpCMP-auth__form, .fpCMP-formheader {
		padding:5px;
	}
	.form-auth__submi {
		height:40px;
		margin-top:20px;
	}
	.fpCMP-auth__form input[type="submit"] {
		margin-top: 10px;
	}
	.submit-login::before {
		bottom: 15px;
	}
	.form-auth__submit {
		padding-top:0px;
	}
	#user-pass-reset .submit-next::before,
	#user-pass .submit-next::before,
	#fa2-select .submit-next::before {
		bottom:auto;
		top:10px;
	}
}
@media (max-width: 780px){
	.fpCMP-main__left {
		width:45%;
		padding-left: 20px;
    }
	.external_vis .fpCMP-main__left {
		padding-left: 20px;
    }
	.fpCMP-main__right {
		width:55%;
	}
	.fpCMP-auth {
		/* top: 50%;
		left: 50%; */
		transform: translate(0, -50%);
    	width: 90vw;
		height:300px;
		padding:5px;
	}
	.form-auth__submit {
		padding-top:0px;
	}
	
}

@media (max-width: 570px){
	.fpCMP-auth {
		transform: translate(0, 0);

	}
	.external_vis .fpCMP-auth {
		width:40%;
		min-width:250px;
	}
	.external_vis .fpCMP-logo {
		width:100px;
	}
	
}
@media (max-width: 470px){
	#user-pass input[type="submit"]{
		font-size:14px;
		padding-left: 27px;
	}
	.submit-next::before {
		width: 20px;
		height: 20px;
		background-size: cover;
	}
	
}


.fpCMP-auth.small{
	
}
.fpCMP-auth__img {
	height: 100px;
	line-height: 100px;
	margin-top: 13px;
}
.fpCMP-auth__img img{
	max-width: 295px;
	height: 100px;
}



/* .fpCMP-auth__form input[type=submit] {
	font-size: 15pt;
	font-weight: 700;
	width: 90%;
	color:#fff;
	background-color:#264159;
	height: 40px;
	border: none;
	cursor: pointer;
} */
.fpCMP-auth #user-pass-reset input#edit-submit {
	padding-left: 40px;
    text-align: left;
}
/* .fpCMP-auth__form a {
	color: #000;
	line-height: 14pt;
	margin-top: 10px;
	display: block;
	font-size: 14pt;
	font-weight: 400;
} */
.fpCMP-page-footer {
	height: 180px;
	background-color:#031822;
	padding-top: 20px;
	padding-bottom: 20px;
	/*margin-top: -230px;*/
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  font-size: 16px;
/*font-weight: 400/700;*/
color:#fff;
}
.fpCMP-page-footer__contacts {
	width: 300px;
	height: 100%;
	margin-top: 15px;
}
.fpCMP-page-footer__contacts p {
	padding-top: 10px;
}
.fpCMP-page-footer__menu {
	margin-left: 300px;
	width: 550px;
	position: relative;
	height: 100%;
	font-size: 15px;
}
.fpCMP-page-footer__menu-list {
	list-style: none;
	position: absolute;
	bottom: 0px;
}
.fpCMP-page-footer__menu-item {
	display: inline-block;
	margin-right: 80px;
	padding-top: 10px;
	text-align: left;
	min-width: 90px;
}
.fpCMP-page-footer a {
	color: #fff;
	text-decoration: none;
}

.form-item {
	padding:0;
	margin: 0;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }

.oauth_methods {
	font-family: 'Inter Medium', sans-serif;
	color: #224763;
	font-size: 20px;
}