/*html, body{*/
/*height: 100%;*/
/*}*/
/*body {margin:0; padding:0;text-align:center; background: #E4E4ED url('/images/login/login_bg1.gif') repeat-x scroll top left; min-width: 770px; min-height: 100%; position: relative; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}*/
/*.login_form { width: 417px; font-size:14px; color:#4C4C4E;}*/
/*.login_bottom { background: transparent url('/images/login/login_bottom.gif') top left no-repeat; height: 12px; }*/
/*.input input:focus {background-color:#FFFBB4;}*/
/*.input input {height:16px; border:1px solid #CACCBC; color:#4C4C4E; background-color:#FBFDE9; font-size:14px; font-weight:bold; width:220px; padding:5px 5px;}*/
/*.input input.enter_domain { font-weight: normal; font-style: italic; color: #AEAEAE; }*/

/*.login {padding:18px 50px 3px 0; text-align: right; }*/
/*.email {padding: 0px 50px 3px 0; text-align: right; }*/
/*div.button { padding: 10px 50px 15px 0; }*/
/*div.button input { background:transparent url(/images/login/login_btn.gif) no-repeat scroll center top; border:medium none; cursor:pointer; letter-spacing:-120em; overflow:hidden; width:95px; height:27px; }*/
/*div.button.clicked {text-align: right; font-style: italic; font-size: 14pt; }*/
/*.inside { background:#F9F9F9; border-left: 4px solid #C7D0DD; border-right: 4px solid #C7D0DD; padding: 3px 0 0 0; text-align:right;}*/

/*.login_msg {display:block;  text-align:left; background-color:red; margin: 0 7px; padding: 5px 3px 5px 33px; color:white;}*/
/*.login_msg_error {background: transparent url(/images/login/error.gif) no-repeat 5px center; width: 26px; height: 26px; padding: 4px 38px 4px 0;}*/
/*.error_ico {background: red url(/images/login/error.gif) no-repeat 3px center; }*/
/*a.forgot { padding: 0 6px 0 0; font-size: 10px;	font-weight: normal; color: #559DD7; }*/
/*.remember_me { padding: 0px 0px 0px 124px; font-size: 10px; font-weight: normal; color: #559DD7; text-align: left; }*/
/*.remember_me input { vertical-align: middle; background-color: transparent; width: auto; height: auto; border: 0px; }*/
/*.remember_me label { !*margin-right: 132px;*! }*/
/*.last_update {padding-top:12px;}*/
/*.last_update a { padding: 0 6px 0 0; font-size: 10px;	font-weight: normal; color: #559DD7; text-decoration: none;}*/

/*div.button input.send { background:transparent url(/images/login/submit_btn.gif) no-repeat scroll center top; }*/
/*div.msg {display:block;  text-align:left; margin: 0 7px; padding: 5px 3px 5px 33px; color:white;}*/
/*div.msg.err {background: red url(/images/login/error.gif) no-repeat 3px center;}*/
/*div.msg.ok {background-color:#00E800; padding: 5px 0 5px 10px;}*/
/*div.request {padding: 22px 175px 10px 0 ; font-weight:bold;}*/
/*.submit_button_block { display: inline-block; cursor: pointer; background-image: url(/images/login/login_btn_new.gif); background-repeat: no-repeat; text-align: center; height: 27px; width: 95px; font-size: 13px; color: #4f7da2; font-weight: bold; font-family: Arial, serif; letter-spacing: normal; line-height: 25px; margin: 0px; padding: 0px; }*/

/*.google { padding: 0px 0px 16px 0px; margin: 18px 0px 0px 0px; }*/
/*.google_apps { width: 115px; height: 41px; background-repeat: no-repeat; background-image: url(/images/login/google.jpg); cursor: pointer; }*/
/*.google .in_container { border-top: 1px solid #cdbfce; padding: 22px 0px 0px 0px; }*/
/*.google .in_container table { margin: 0px auto; }*/
/*.google .in_container table .login_with { color: #4c4c4c; font-size: 13px; font-family: Arial,Tahoma,sans-serif; padding: 0px 0px 0px 0px; vertical-align: top; }*/
/*.google .in_container table .login_with .title { padding: 11px 0px 0px 0px; }*/
/*.login_top {background: transparent url(/images/login/login_top.gif) top left no-repeat; height: 86px; cursor:pointer;}*/

/*new styles*/

.body_login {
	min-height: 100vh;
	overflow: auto;
	background: #3789c1;
}
.login_area {
	color: #fff;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	overflow: auto;
	min-height: 100vh;
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login_area .login_logo_title {
	font-size: 13px;
	mar-top: 10px;
}
.login_bg {
	width: 100%;
	height: 586px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: -webkit-gradient(linear, left top, left bottom, from(#2e76a7), to(#3889c1));
	background: -o-linear-gradient(#2e76a7, #3889c1);
	background: linear-gradient(#2e76a7, #3889c1);
	overflow: hidden;
}
.login_form {
	background: #fff;
	margin-top: 40px;
	padding: 40px 25px 30px;
	color: #aeb2b5;
	border-radius: 5px;
	width: 540px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login_form .login_form_title {
	font-size: 24px;
	text-align: center;
	color: #4e6066;
}
.login_form .login_form_title_small {
	font-size: 18px;
	text-align: center;
	color: #4e6066;
	line-height: 1.5;
}
.login_form .inside {
	padding-top: 25px;
}
.login_form .inside .input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 40px;
	margin-bottom: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.login_form .inside .input.login {
	margin-top: 25px;
}
.login_form .inside .input label {
	font-size: 15px;
	width: 140px;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 0;
	font-weight: normal;
}
.login_form .inside .input input {
	width: 300px;
	font-weight: bold;
	background: #fafcff;
}
.login_form .inside .input input.form_error {
	border-color: #ff173d;
	-webkit-box-shadow: 0 0 5px rgba(255,23,61,0.25);
	box-shadow: 0 0 5px rgba(255,23,61,0.25);
}
.login_form .inside .remember_me {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 150px;
	margin-right: 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.login_form .inside .remember_me label {
	cursor: pointer;
	font-weight: normal;
}
.login_form .inside .remember_me .forgot {
	border-bottom: 1px dotted #709fd2;
}
.login_form .inside .remember_me .forgot:hover {
	border-bottom-style: solid;
	text-decoration: none
}
.login_form .inside .login_button {
	text-align: right;
	margin-top: 25px;
	margin-right: 40px;
}
.login_form .inside .provider_container {
	margin-top: 30px;
	border-top: 1px solid #dee4eb;
}
.login_form .inside .provider_container .provider_container_title {
	margin-top: 20px;
	display: block;
	text-align: center;
	font-size: 13px;
}
.login_form .inside .provider_container .login_alt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.login_form .inside .provider_container .login_alt .login_alt_block {
	margin: 0 15px;
	background: #f1f6ff;
	border: 1px solid #f1f6ff;
	cursor: pointer;
	width: 146px;
	height: 36px;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #60acd8;
	line-height: 13px;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.login_form .inside .provider_container .login_alt .login_alt_block:hover {
	border-color: #b1c5ff;
}
.login_form .inside .provider_container .login_alt .login_alt_block:before {
	content: "";
	width: 17px;
	height: 17px;
	margin-left: 10px;
	margin-right: 15px;
	background: url("../images/settings_icons.png") -131px 0;
}
.login_form .inside .provider_container .login_alt .login_alt_block.office_block:before {
	background-position: -158px 0;
}
.login_form .test {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-top: 20px;
}
.login_form .test .test_user {
	width: 230px;
	min-height: 60px;
	color: #fff;
	background: #60acd8;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	font-size: 13px;
	padding-right: 75px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.login_form .test .test_user:after {
	position: absolute;
	content: "";
	width: 38px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	right: 16px;
	background: url("../images/settings_icons.png") 0 -232px;
}
.login_form .test .test_user div {
	font-size: 22px;
	font-weight: bold;
	margin-top: 3px;
}
.login_form_bottom {
	padding: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 540px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login_form_bottom a {
	color: #c5deff;
}
.login_form_bottom a:hover {
	text-decoration: underline;
}
.login_form_bottom .btn-blue-transparent {
	margin-left: 10px;
	border-color: #fff;
	color: #fff;
	border-radius: 5px;
	border-width: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
	font-size: 13px;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.login_form_bottom .btn-blue-transparent:hover {
	background: #fff;
	color: #3787be;
	text-decoration: none;
}
.login_message {
	width: 540px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fbf2cb;
	text-align: center;
	color: #4e6066;
	font-size: 16px;
	line-height: 22px;
	padding: 10px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.17);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.17);
}

/*buttons*/
.btn-transparent {
	padding: 0 9px;
	color: #709fd2;
	font-size: 12px;
	background: transparent;
	border: 1px solid #9ecbeb;
	line-height: 22px;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	border-radius: 50em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 5px 38px;
	font-size: 16px;
}
.btn:hover,
.btn:focus,
.btn.focus {
	color: #333;
	text-decoration: none;
}
.btn:active,
.btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn.disabled,
.btn[disabled] {
	cursor: not-allowed;
	opacity: 0.65;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-default {
	color: #fff;
	background-color: #60acd8;
	border-color: #ccc;
	-webkit-transition: background 0.4s linear, -webkit-box-shadow 0.55s linear;
	transition: background 0.4s linear, -webkit-box-shadow 0.55s linear;
	-o-transition: background 0.4s linear, box-shadow 0.55s linear;
	transition: background 0.4s linear, box-shadow 0.55s linear;
	transition: background 0.4s linear, box-shadow 0.55s linear, -webkit-box-shadow 0.55s linear;
}
.btn-default:hover {
	color: #fff;
	background-color: #3797ce;
	text-decoration: none;
}
.btn-default:focus,
.btn-default.focus {
	color: #fff;
	background: #7ca8ff;
	-webkit-box-shadow: 0 0 0 2px #c2d2ff !important;
	box-shadow: 0 0 0 2px #c2d2ff !important;
}
.btn-default:active {
	color: #fff;
	background-color: #3797ce;
	background-image: none;
}
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus {
	color: #fff;
}
.btn-link {
	color: #2ca7dd;
	font-weight: normal;
	border-radius: 0;
	background-color: transparent;
}
.btn-link:active,
.btn-link[disabled] {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
	color: #1f97cb;
	text-decoration: none;
	background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
	text-decoration: none;
}
.btn-block {
	display: block;
	width: 100%;
}
.btn-block + .btn-block {
	margin-top: 5px;
}
.btn-group:focus,
.btn-group.focus {
	-webkit-box-shadow: 0 0 0 1px #7aa1e9, 0 0 5px rgba(96,172,216,0.5);
	box-shadow: 0 0 0 1px #7aa1e9, 0 0 5px rgba(96,172,216,0.5);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: 0;
	border-radius: 3px;
}
.btn_m {
	text-decoration: none;
	display: inline-block;
	border-radius: 50em;
	padding: 0 12px;
	height: 22px;
	line-height: 22px;
	margin-left: 20px !important;
	font-size: 14px;
	background: transparent;
	text-decoration: none !important;
	border: 2px solid #fff;
	color: #fff !important;
	-webkit-transition: all 0.01s;
	-o-transition: all 0.01s;
	transition: all 0.01s;
}
.btn_m:hover {
	color: #eaa136 !important;
	background-color: #fff;
}
.btn-blue-transparent {
	background: transparent;
	color: #60acd8;
	border: 2px solid #60acd8;
	font-size: 16px;
	-webkit-transition: all 0.01s;
	-o-transition: all 0.01s;
	transition: all 0.01s;
}
.btn-blue-transparent.btn-active,
.btn-blue-transparent:hover {
	color: #fff;
	background: #60acd8;
	border-color: #60acd8;
}
.btn-white {
	background: #fff;
	color: #709fd2;
	border: 1px solid #709fd2;
	font-size: 13px;
	padding: 3px 22px;
}
.btn-white:hover {
	color: #709fd2;
}


/*// another user styles*/

.another_user{}

.an_user_link {
	border: 1px solid #fff;
	display: inline-block;
	line-height: 30px;
	color: #fff;
	padding: 0 15px 0 40px;
	border-radius: 5px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: relative;
}
.an_user_link:before {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 7px;
	background: url(../images/settings_icons.png) 0 -279px;
	content:""
}
.an_user_link:hover {
	color: #fff;
	text-decoration: none;
	background: rgba(255,255,255,0.1);
}

.an_links {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}
.an_link_area{
	text-align: center;
	margin: 30px 10px 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.an_link {
	width: 173px;
	height: 121px;
	border: 2px solid #fff;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.19);
	box-shadow: 0 4px 4px rgba(0,0,0,0.19);
	background: rgba(255,255,255,0.1);
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	overflow: hidden;

}

.an_link:hover {
	-webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.19);
	box-shadow: 0 0px 4px rgba(0,0,0,0.19);
	background: rgba(255,255,255,0.15);
}

.an_link img {
	max-width: 173px;
	max-height: 121px;
}

.an_link_title {
	text-align:center;
	font-size: 16px;
	margin-top: 12px;
	white-space: nowrap;
	cursor: pointer
}

.an_links_bottom {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 75px;
	padding: 0;
	width: auto

}

.global_message {
	background: #eaa136;
	margin: 0 10px;
	font-size: 16px;
	color: #fff;
	padding: 10px 15px;
	min-height: 20px;
	line-height: 24px;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin-bottom: 10px;
}
.global_message.warning, .global_message.error {
	background-color: #ff5512;
}
.global_message.with_exclamation {
	padding-left: 60px;
	position: relative;
}
.global_message.with_exclamation:before {
	position: absolute;
	content: "";
	width: 22px;
	height: 20px;
	background: url("/images/alert_icons.svg") no-repeat 0 0;
	top: 10px;
	left: 15px;
}
.global_message .global_message_img {
	margin: -5px 10px -5px 0;
}
.global_message > span {
	vertical-align: middle;
}
.global_message a {
	white-space: nowrap;
	color: #f9ffb5;
	text-decoration: underline;
	margin: 0 5px;
}
.global_message .close {
	background: url("/images/alert_icons.svg") no-repeat 0 0;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	cursor: pointer;
	-ms-flex: 0 0 19px;
	-webkit-box-flex: 0;
	flex: 0 0 19px;
	margin: 4px 0 0 auto;
}

@media (max-height: 630px) {
	.login_form {
		margin-top: 20px;
		padding: 15px 25px 15px;
	}

	.login_form .inside {
		padding-top: 0;
	}

	.login_form .inside .input.login {
		margin-top: 15px
	}
	.login_form_bottom {
		padding-bottom: 5px;
	}
	.login_bg {
		height: 100vh;
		overflow: hidden;
		position:fixed
	}
}

@media (max-height: 490px) {
	.login_logo_title {
		display: none
	}
}

@media (max-height: 450px) {
	.login_form {
		margin-top: 10px
	}
	.login_logo {
		height: 34px;
	}
	.login_logo img {
		max-height: 100%;
		width: auto
	}
	.login_area {
		margin-top: 0
	}
	.login_form_bottom {
		padding-top: 10px
	}
	.login_form .inside .login_button {
		margin-top: 15px
	}
}


@media screen and (max-width:580px) {
	.login_form_bottom,
	.login_form {
		margin-left: 20px;
		margin-right: 20px;
		width: 370px;
		padding: 20px 10px 15px;
	}

	.login_form_bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.login_form_bottom > div {
		margin-top: 10px;
	}
	.login_form_bottom > div:first-child {
		margin-top: 0px;
	}

	.login_bg {
		overflow: hidden;
	}

	.login_form .inside .input {
		margin-right: 10px
	}

	.login_form .inside .input.login {
		margin-top: 10px;
	}
	.login_form .inside {
		padding-top: 10px;
	}

	.login_form .inside .remember_me {
		margin-left: 115px;
	}
	.login_form .inside .login_button {
		text-align: center;
		margin-right: 0;
	}

}