@font-face{
	font-family:'HuaweiSans-Regular';
	src:url("../../../themes/default/fonts/HuaweiSans-Regular.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

html {
	min-width: 1280px;
	font-size: 16px !important;
}

body {
	margin: 0;
	padding: 0;
	color: #333333;
}

body, html {
	height: 100%;
}

#footer {
	font-size: 12px;
}

@media screen and (max-device-width: 1919px) {
	html {
		font-size:14px!important
	}
}

@media screen and (max-device-width: 1679px) {
	html {
		font-size:12px!important
	}
}

@media screen and (max-device-width: 1439px) {
	html {
		font-size: 10px!important
	}
}

body {
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
	color: var(--gray-50, #f4f4f4);
	display: block;
	background-color: var(--gray-05, #f4f4f4);
}

.fl{float:left;}
.mt1r{margin-top: 0.8rem;}

.center {
	margin-left: auto;
	margin-right: auto;
	display: table;
	width: 35rem;
}

.login_error {
	margin-top: 0.5rem;
	display:inline-block;
	min-height:1.25rem;
	color: var(--gray-90, #FFFFFF);
	font-size:1rem;
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
	width: 25rem;
	border-radius: 0.5rem;
	padding: .5rem 1rem;
}

.icon_error{
	background: url(../../../themes/default/images/browser_alert_error.svg) no-repeat;
	background-size:1rem 1rem;
	text-indent:1.3rem;
	line-height:1.1rem;
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
	float: left;
	word-break: normal;
	font-size:1rem;
}

.validate_textfield{
	width: 100px;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-family: "HuaweiSans-Regular","Arial","Microsoft YaHei";
	color: #333;
}
.refresh_img{
	height: 2.2rem;
	width: 5.8rem;
	vertical-align: middle;
	cursor: pointer;
}

.login_before :active, .login_before_active{
	background-color: #186fc2 !important;
	color: #FFF !important;
}

.login_before{
	position: absolute;
	border: 1px solid #186fc2;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #186fc2;
	display: table;
	cursor: pointer;
	text-align: center;
	margin-top: 15px;
}

#languageSwitch {
	line-height: 1.375rem;
	top: 2rem;
	right: 4rem;
	float: right;
	text-align: center;
	position: absolute;
	cursor:pointer;
}
.languages{
	width: 3rem;
	float: left;
	display: inline;
	font-size: 1rem;
	color: var(--gray-90, #212121);
	border: 1px solid var(--gray-10, #e6e6e6);
	background: var(--gray-10, #e6e6e6);
}

#language_en {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	font-family: "HuaweiSans-Regular";
}

#language_zh {
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	font-family: "Microsoft Yahei";
}

.selectLanguage {
	background: white;
}

.productName {
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
	font-size: 1.25rem;
	margin-left: 2.75rem;
	letter-spacing: -0.5px;
	color: var(--gray-90, #1a1a18);
}

#formLogo {
	height: 2.75rem;
	width: 12.5rem;
}

#browserWarn {
	background-color: var(--gray-0, #fff);
	color: #C1C1C1;
	position: absolute;
	width: 45rem;
	top: 2rem;
	right: 2rem;
	box-shadow: 0px 0.25rem 0.5rem 0rem rgba(0, 0, 0, 0.15);
	float: left;
}

#alertIcon{
	background: url(../../../themes/default/images/browser_alert_error.svg) no-repeat;
	height: 1.5rem;
	width: 1.5rem;
	margin-left: 2rem;
	margin-top: 1rem;
	float: left;
}
#warnClose{
	background: url(../../../themes/default/images/username_clear.svg);
	position: relative;
	width: 1rem;
	height: 1rem;
	margin-top: 1rem;
	margin-right: 1rem;
	float: right;
	cursor:pointer;
}

#CapsTip {
	color: #666666;
	font-size: 14px;
	position:absolute;
	background: url(../../../themes/default/images/capslock.svg);
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 0.8rem;
}

#companyUser>span, #personalUser>span {
	line-height: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: top;
}
#companyUser>hr, #personalUser>hr {
	display: inline-block;

	border: 0;
	border-bottom: 1px solid var(--gray-20, #C9C9C9);
}
#personalUser>hr {
	width: 172px;
}
.inputTip {
	font-size: 1rem;
	color: var(--gray-60, #666666);
	margin-left: 1rem;
	height: 1.4rem;
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
	margin-top: 0.3rem;
}
.browserWarnText {
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 0.5rem;
	width: 38rem;
	font-size: 1rem;
	font-family: "HuaweiSans-Regular", "Microsoft YaHei";
	display: inline-block;
	line-height: 1.5rem;
	color: var(--gray-90, #212121);
	float: left;
}
input {
	border: 0;
	background-color: var(--gray-0, #fff);
	padding-left: 1rem;
	box-sizing: border-box;
	outline: 0;
	vertical-align: middle;
	color: var(--gray-90, #212121);
	font-size: 1.5rem;
}
.inputArea {
	margin-left: 4rem !important;
	margin-right: 4rem !important;
}

.input_border{
	border-bottom: 1px solid var(--gray-20, #909090);
}

#username, #value {
	width: 95%;
	height: 2.975rem;
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
}
.username_normal_width{
	width: 100% !important;
	display: inline-block;
}
#verificationCode{
	width: 18rem;
	height: 2.975rem;
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
}

#personalUser {
	color: var(--gray-90, #333);
	margin-top: 56px!important;
}


.loginforminput, .loginformpassword, .loginformverify{
	margin-left:auto;
	margin-right:auto;
}
.loginformbutton{
	margin-left:auto;
	margin-right:auto;
}
.loginformbutton-top {
	margin-top:54px;
}
.loginformbutton-bottom {
	margin-bottom: 4rem;
}
.usernameclear{
	background: url(../../../themes/default/images/username_clear.svg);
	position: absolute;
	width: 1rem;
	height: 1rem;
	margin-top: 0.9rem;
	cursor:pointer;
}

.loginBtn {
	border-radius: .25rem;
	background-color: var(--brand-50, #186fc2);
	color: var(--gray-0, #fff);
	font-size: 1.25rem !important;
	cursor: pointer;
	width: 100%;
	outline:0;
	border-color: transparent;
	box-sizing:border-box;
}

.loginBtn:hover {
	background-color: var(--brand-40, #85CCFF);
	border-radius: 0.25rem;
	color: var(--gray-0, #fff);
	font-size: 1.25rem !important;
	cursor: pointer;
	width: 100%;
	border-color: transparent;
	box-sizing:border-box;
}

.loginBtn :active {
	background-color: var(--brand-60, #85CCFF);
	border-radius: 0.25rem;
	color: var(--gray-0, #fff);
	font-size: 1.25rem !important;
	cursor: pointer;
	width: 100%;
	border-color: transparent;
	box-sizing:border-box;
}

.loginBtn:focus {
	background-color: var(--brand-50, #186FC2);
	border-radius: 0.25rem;
	color: var(--gray-0, #fff);
	font-size: 1.25rem !important;
	cursor: pointer;
	width: 100%;
	outline: 2px solid var(--brand-50, #186FC2);
	outline-offset: 2px;
	border-color: transparent;
	box-sizing:border-box;
}

.loginBtn span{
	vertical-align: middle;
	text-align: center;
	font-size: 1.25rem;
	height: 3.5rem;
	margin: 0 auto;
	display: block;
	line-height: 3.5rem;
	border:1px solid transparent;
	box-sizing:border-box;
}

.hidden-outline {
	outline:none;
}

div[id=usernameArea]:focus,div[id=passwordArea]:focus{
	border-bottom: 1px solid var(--brand-50, #186fc2);
}

#checkVerifycodeSucs, #checkVerifycodeFail{
	vertical-align:middle;
	margin-left: 0.3rem;
	display:none
}
::-ms-reveal{
	display:none;
}

#login_content, #login_content_error{
	min-width: 1280px;
}
.copyRightTextCenter{
	text-align:center
}

/*记住上次登录的用户名*/
.last-user-wrap {
	position: relative;
}

#lastUserName, #lastTenantName {
	position: absolute;
	box-sizing: border-box;
	border-top: none;
	border-bottom: none;
	background-color: var(--gray-0, #fff);
}

#lastUserName li, #lastTenantName li {
	width: 27rem;
	line-height: 4rem;
	padding-left: 1rem;
	font-size: 1.5rem;
	color: var(--gray-90, #212121);
	font-family: "HuaweiSans-Regular","Microsoft YaHei";
	box-sizing: border-box;
	background-color: var(--gray-0, #fff);
	z-index: 10001;
	position: absolute;
	text-overflow: ellipsis;
	overflow: hidden;
	box-shadow:0px 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.15);
}

#lastUserName li:hover, #lastTenantName li:hover {
	color: var(--brand-50, #008fd6);
	background-color: var(--gray-05, #f1f1f1);
}

.l-align{
	margin-left:4rem;
}

.m-align{
	margin: auto 4rem;
}

input::-webkit-input-placeholder {
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}

input:-ms-input-placeholder { /* IE 10+ */
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}
input::-moz-placeholder { /* Firefox 19+ */
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}
input:-moz-placeholder { /* Firefox 4 - 18 */
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}

input:focus::-webkit-input-placeholder {
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}

input:focus:-ms-input-placeholder { /* IE 10+ */
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}
input:focus::-moz-placeholder { /* Firefox 19+ */
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}
input:focus:-moz-placeholder { /* Firefox 4 - 18 */
	color: #202020;
	font-size: 1.5rem;
	opacity: 0.5;
}
input::-ms-clear {
	width : 0;
	height: 0;
}
svg{
	fill:#999999;
}

.twofactorHide {
	display: none;
}
.btn_sendcode:hover {
	color: var(--brand-40, #85ccff);
}
.alert_message {
	color: var(--gray-90, #043D8F);
	background-color: var(--blue-05, #E5F0FF);
	vertical-align: middle;
	padding: .5rem 1rem;
	font-size: 1rem;
	border-radius: 0.5rem;
}
.ssoLoginValueCustom {
	height: 56px;
	border: none;
}

#twoFactorbuttonArea {
	display: flex;
	justify-content: space-between;
}

.twoFactorReloginBtn {
	background-color: var(--gray-0, #FFFFFF);
	color: var(--gray-90, #212121);
	border: 1px solid var(--gray-20, #999999);
	border-radius: .25rem;
}

.twoFactorReloginBtn:active{
	border-color: var(--brand-50);
}

.twoFactorReloginBtn:hover {
	border-color: var(--gray-90);
}

.twoFactorReloginBtn:focus {
	outline: 2px solid var(--brand-50);
	outline-offset: 2px;
}

.twoFactorLoginBtn {
	background-color: var(--brand-50, #186FC2);
	color: var(--gray-0, #FFFFFF);
	border-radius: .25rem;
}

.twoFactorLoginBtn:hover {
	background-color: var(--brand-40, #85CCFF);
}

.twoFactorLoginBtn :active {
	background-color: var(--brand-60, #85CCFF);
}

.twoFactorLoginBtn:focus {
	outline: 2px solid var(--brand-50);
	outline-offset: 2px;
}

.twoFactorReloginBtn span, .twoFactorLoginBtn span{
	vertical-align: middle;
	text-align: center;
	font-size: 1.25rem;
	height: 3.5rem;
	margin: 0 auto;
	display: block;
	line-height: 3.5rem;
}

.login_lastUser_record {
	font-weight: 400;
	font-style: normal;
	color: var(--brand-50, #009ae7);
	text-align: left;
	line-height: normal;
	width: 100%;
	height: 16px;
	text-decoration: none;
	margin-top: 1.5rem;
}

.login_password_forgot {
	font-weight: 400;
	font-style: normal;
	color: var(--brand-50, #009ae7);
	text-align: left;
	line-height: normal;
	width: 130px;
	height: 16px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 8rem;
}

.login_password_forgot:focus {
	border-radius: .25rem;
	outline: 2px solid var(--brand-50, #186fc2);
}

.lastUser_forgot {
	width: 16px;
	height: 16px;
	margin: 3px;
}

.box_out_line_hide {
	display: inline-block;
}

.box_out_line {
	display: inline-block;
	outline: 2px solid var(--brand-50, #186FC2);
	border-radius: .25rem;
}

.common-select {
	font-family: "HuaweiSans-Regular", "Microsoft YaHei";
}

.selectContainer {
	border-bottom: 1px solid rgb(221, 221, 221);
	display: inline-block;
}

.selectArrow {
	width: 1rem;
	height: 1rem;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.selectUpIcon{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOSA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5IDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM5OTk5OTk7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjcsMy43bDMuNS0zLjFjMC4yLTAuMiwwLjQtMC4yLDAuNiwwbDMuNSwzLjFjMC4yLDAuMiwwLjIsMC40LDAsMC42Yy0wLjIsMC4yLTAuNCwwLjItMC42LDBMNC41LDEuNEwxLjMsNC4zDQoJYy0wLjIsMC4yLTAuNCwwLjItMC42LDBDMC40LDQsMC42LDMuOCwwLjcsMy43eiIvPg0KPC9zdmc+DQo=) no-repeat
}

.selectDownIcon{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOSA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5IDU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM5OTk5OTk7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLjcsMC42YzAuMi0wLjIsMC40LTAuMiwwLjYsMGwzLjIsMi45bDMuMi0yLjljMC4yLTAuMiwwLjQtMC4yLDAuNiwwYzAuMiwwLjIsMC4yLDAuNCwwLDAuNkw0LjgsNC4zDQoJYy0wLjIsMC4yLTAuNCwwLjItMC42LDBMMC43LDEuMkMwLjYsMS4xLDAuNCwwLjksMC43LDAuNnoiLz4NCjwvc3ZnPg0K) no-repeat;
}

.selectContainer input {
	border: 0;
	font-size: 1.5rem;
	font-family: "HuaweiSans-Regular", "Microsoft YaHei";
	height: 2.875rem;
	width: 81%;
	outline: 0;
	padding-left: 1rem;
	display: inline-block;
}

.optionContainer {
	visibility: hidden;
	width: 16rem;
	max-height: 20rem;
	overflow-x: hidden;
	overflow-y: scroll;
	cursor: pointer;
	padding-left: 1rem;
	position: absolute;
	z-index: 10000;
	background-color: var(--gray-0, #fff);
	color: var(--gray-90, #666666);
	border-radius: .375rem;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.optionContainer::-webkit-scrollbar {
	height: .875rem;
	width: .875rem
}

.optionContainer::-webkit-scrollbar-track {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.optionContainer::-webkit-scrollbar-thumb {
	border: 5px solid transparent;
	cursor: pointer;
	border-radius: .4rem;
	background-color: rgba(60,60,60,.2);
	background-clip: content-box
}

.optionContainer::-webkit-scrollbar-thumb:hover {
	cursor: pointer;
	border: 4px solid transparent;
	background-color: rgba(60,60,60,.5);
	background-clip: content-box
}

.selectOptions {
	width: 15rem;
	line-height: 2rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

.selectOptions:hover {
	background-color: rgba(25,25,25,0.05);
	border-radius: .25rem;
}

.selectOptions:focus, .highlightOptions {
	background-color: var(--brand-05, #F0F2F5);
	color: var(--brand-50);
	border-radius: .25rem;
}

.saml_idp_div{
	margin-top: 24px;
	margin-bottom: 24px;
}
.saml_idp_div > fieldset {
	border-left: none;
	border-right: none;
	border-bottom: none;
	color: var(--gray-90, #666666);
	font-family: "Titillium-Regular", "Microsoft YaHei";
	border-top: 1px solid rgb(221, 221, 221);
	height:0px;
}
.saml_idp_div >fieldset> legend {
	text-align: center;
	margin: auto;
	padding: 0 8px;
	font-size: 12px;
}
.idp_select {
	margin-left: 8px;
	margin-right: 8px;
	padding-bottom: 2px;
}
.idp_list > li{
	width: 50%;
	display: inline-block;
	float:left;
	margin-top: 16px;
	margin-bottom: 24px;
}
.idp_list > li:last-child{
	margin-bottom: 24px;
}

.idp_list > li > a{
	color: var(--brand-50, #666666);
	font-family: "Titillium-Regular", "Microsoft YaHei";
	text-decoration: none;
}

.idp_list > li > a:hover {
	color: var(--brand-40, #00e);
	font-family: "Titillium-Regular", "Microsoft YaHei";
	text-decoration: underline
}

.idp_list > li > a:focus {
	text-decoration: none;
	border-radius: .25rem;
	color: var(--brand-50, #186fc2);
	outline: 2px solid var(--brand-50, #186fc2);
	outline-offset: 2px;
}

.loginformMultiregion .selectContainer {
	width: 100%;
}

.loginformMultiregion .optionContainer{
	width: 25.5rem;
	max-height: 10rem;
	overflow-y: auto;
	padding-left: 0;
}

.loginformMultiregion .selectOptions{
	width: 25.5rem;
	padding-left: 1rem;
}