@font-face { 
	font-family: "SABIC_light"; 
	src: url(/SabicCustomLogon/layout/font/SABIC_light.woff2) format("woff2");
}
@font-face { 
	font-family: "SABICHeadline_light"; 
	src: url(/SabicCustomLogon/layout/font/SABICHeadline_light.woff2) format("woff2");
}
@font-face { 
	font-family: "SABICHeadline_regular"; 
	src: url(/SabicCustomLogon/layout/font/SABICHeadline_regular.woff2) format("woff2");
}

body{
	background-size: 100% !important;
	margin:0px;
	background:white url('/SabicCustomLogon/layout/Flowline_L.png') no-repeat scroll left;	
	background-position:0 80px ;
	background-color:#FFFFFF !important;
	overflow-x: hidden;
	
}
A:link{
	color:#ffa300;
	text-decoration:none;
	font:12px SABIC_light;
	/*color:#4D4F53;*/
}
A:visited{
	color:#ffa300;
	text-decoration:none;
}
A:active{
	color:#ffa300;
	text-decoration:none;
}
a{
	color:#ffa300;
	text-decoration:none;
}
A:hover{
color:#009FDA;
}
.logo{
	border-bottom:solid 1px #999;
	height:110px;
	display:block;

}
.logo img{

float:right !important;
z-index:-1;
}

.chm img{

float:left !important;
position:absolute;

}


.loginbox{
border-collapse: separate;
width:630px;
height:480px;
background:#FFF;
border:solid 1px #b2b2b2;
padding: 20px 0 0 20px;
margin: 90px 0 0 50px;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.70);
-moz-box-shadow:    0px 0px 1px 0px rgba(0, 0, 0, 0.70);
box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0.70);
-webkit-border-radius: 8px;
border-radius: 0px;

}

.loginbox9{
border-collapse: separate;
width:700px;
height:350px;
background:#FFF;
border:solid 1px #b2b2b2;
padding: 20px 0 0 20px;
margin: 90px 0 0 50px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.70);
-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.70);
box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0.70);
-webkit-border-radius: 8px;
border-radius: 0px;

}

.loginTable
{
margin-top:30px;
}
.login_content{
	/*font:12px Arial;*/
	font:12px SABIC_light;
	line-height:13px;
	/*color:#4D4F53;*/
	color:black;
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;

	

	
}

.label{
	font:14px SABIC_light;
	color:#4D4F53;
	padding-right:10px;
	
}



.label6{
	font:14px SABIC_light;
	color:#4D4F53;
	padding-right:30px;
	
}

.label6_m{
	font:bold 10px SABIC_light;
	color:#009FDA;
	padding-right:30px;
	
}
/*For 2FA Start*/
.urLblStdNew{
	font:14px SABICHeadline_regular;
	color:#4D4F53;
	float:left;    
}
.urEdfTxtEnbl{
	background:#dadada;
	border:0px;
	padding:2px;
	height:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:175px;
	float:left;
}
.urBtnStdNew{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #999999;
    color: #FFF;
    font: 12px SABIC_light;
    text-transform: uppercase;
    border: 0px;
    padding: 6px;
    width: 175px;
   /* margin-left: 80px;*/
    margin-top: 1px;
}
/*For 2FA End*/
.label_error{
	font:14px SABIC_light;
	color:red;
	float:left;    
}

.login_form label{
	font:14px SABIC_light;
	color:#4D4F53;
	padding-right:10px;
	
}

.login_form input{
height:35px;
	
}
.login_form{
	font:12px SABIC_light;
	color:#4D4F53;
	width:250px;
	float:left;
}


.login_form11{
	font:12px SABIC_light;
	color:#4D4F53;
	width:700px;
	padding-left:20px

}

.login_form span{
padding-left:80px;
padding-top:40px;
display:block;
	margin-bottom:20px;
}

/*#logonpassfield{background:#dadada;
border:0px;
padding:2px;
height:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:175px;
margin-left:80px;
margin-top:-20px;
float:left;
}*/

#logonpassfield_m{
background:#dadada;
border:0px;
padding:2px;
height:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:175px;
float:left;
}

#logonuidfield_m{
background:#dadada;
border:0px;
padding:2px;
height:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:175px;
float:left;
}

#logonemailfield{
background:#dadada;
border:0px;
height:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:175px;
float:left;
}
.inptfeilds_m
{
background:#dadada;
height:25px;
width:200px;
}

.email_m{
width:500px;
padding:5px;
height:50px;
margin-left:50px;
}

.inptfeilds_u
{
	background:#dadada;
	height:30px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:175px;
	float:left;
	margin-left:10px;
}

.inptfeilds

{background:#dadada;
border:0px;
padding:2px;
height:30px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:175px;
margin-left:80px;
margin-top:-20px;
margin-bottom:20px;
float:left;
}
.inptfeilds_2

{background:#dadada;
border:0px;
padding:2px;
height:30px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:175px;
margin-left:140px;
margin-top:-20px;
margin-bottom:20px;
float:left;
}
.sbtbtns{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#999999;
color:#FFF;
font:12px SABIC_light;
text-transform:uppercase;
border:0px;
padding:6px;
width:175px;
margin-left:80px;
margin-top:-5px;

}


.sbtbtns9{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#999999;
color:#FFF;
font:10.5px SABIC_light;
text-transform:uppercase;
border:0px;
padding:6px;
width:80px;
margin-left:50px;
margin-top:-5px;

}


.sbtbtns_2{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#999999;
color:#FFF;
font:12px SABIC_light;
text-transform:uppercase;
border:0px;
padding:2px;
width:175px;
height:30px;
/*margin-left:65px;
margin-top:20px;
margin-right:80px;*/
}
.sbtbtns_3{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#999999;
color:#FFF;
font:12px SABIC_light;
text-transform:uppercase;
border:0px;
padding:6px;
width:175px;
margin-left:220px;
margin-top:-35px;
float:left;

}
.loginimg{
	opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
	margin-right:850px;
	margin-left:850px;
	position:absolute;
	margin-top:-210px;
}

.loginimg img{
z-index:-1;

		margin-top:280px;
		

}

#tooltip1 { position: relative; }
#tooltip1 a span { display: none; color: #4d4f53; }
#tooltip1 a:hover span { display: block; position: absolute; width: 400px; background: #E5E5E5;  left: 0px; top: 15px; color: #4d4f53; padding:10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.tclist1 li{
	font:bold 12px SABIC_light;
	color:#4d4f53;
	padding:15px 0 5px 0;

}
.copyrght{
	font:12px SABIC_light;
	color:#adafaf;	
	/*width:100%;
	position: absolute;
	bottom: 3px;*/
	/*	
	margin-left:8%;
	margin-top:0.7%;
	display:inline-block;
	WIDTH:100%;
	*/
}

.FooterContent{
	margin-left: 20%;
	margin-top: -1%;
	font:12px SABIC_light;
	color:#adafaf;
	}
	
	/* Added by Omar AlRabiah 2nd January 2019 */
	.alert {
  padding: 5px;
  background-color: #2196F3;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: -18px;
  z-index:1;
  position: relative;
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}



/* End of change */