@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
div, section, figure{padding:0; margin:0;}
a {border:0; outline:none; -webkit-transition: all 200s ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;color:#0075C9;}
a:hover, a:focus{text-decoration:none; color:#0075c9;  outline-style: none;}
img{max-width:100%;}
.clear{clear:both}
.clearfix:before,.clearfix:after{ display: table;  content: " ";}
.clearfix:after { clear: both;}
body, html {font-family: 'Roboto', sans-serif;font-size: 15px;color: #333E48;overflow-x:hidden;}
body {
    padding-top: 70px;
}
/**banner**/

.text-yellow{color:#FFC20E;}
.text-bold{font-weight:500;}
.font-14{font-size:14px;}
.loginpage-caption{font-weight:300;font-size: 40px;color: #393939;}

/**login***/
.login-card{max-width: 380px;}
#api input[type="text"] , #api input[type="password"]{background: transparent;
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    border: solid 1px #ccc;
    border-radius: 4px;
	width: 100%;
	}
#api input[type="text"]:focus, #api input[type="text"]:focus-visible , #api input[type="password"]:focus, #api input[type="password"]:focus-visible{outline: none;}

#api .entry-item{position:relative;margin-bottom: 30px;}
#forgotPassword{
	    color: #0075c9;
		font-size: 16px;
    position: absolute;
  bottom: -40px;
}
#forgotPassword:hover {
    color: #10181f;
}
.forgotText {font-size: 12px;}
.login-form{margin-top: -220px;}
.login-info{font-size: 20px;font-weight: 400;}
.moreText {text-decoration: underline;}
.buttons{display:block;margin-top:45px}
.divider{display:none;}
.create p{font-size:0;margin: 0;}

#next{
	background: #0075c9;
    color: #fff;
    border: 0;
    height: 55px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}
#next:focus{outline:0;}
#createAccount , #createAccount1{
	border: 0;
    background: transparent;
    color: #0075c9;
    font-weight: 500;
	    margin-left: 5px;
}

/*#api p[role="alert"] {color: #ff0101;margin: 0 0 4px;font-weight: 600;font-size: 14px;}*/
.create{position: relative;top:0px;left: 0;width: auto;margin-left:0px;}
.localAccount{position:relative; margin-bottom: 20px;  margin-top:15px;}


/**helpline**/
.browsername{display:block;color:#121416;}
.browsers a{display:inline-block;}
.browsers img {max-width: 50px;}
.phhelp{font-size: 15px;color: #333E48;font-weight: 500;}
.phhelp {
  font-size: 24px;
  color: #080C0A !important;
  font-weight: 500;
  background-image: url('https://stscsdata001.blob.core.windows.net/b2c-signin-signout/images/phicon.png') ;
  background-repeat: no-repeat;
  padding: 0px 0 2px 35px;
    background-position: left center;
}


/***footer**/
.footer{background: #fff;padding-bottom: 60px;}
.footer .custom-container{border-top: 1px solid #E5E5E5;}
.copyright-text{font-size: 12px;color: #4C5256;margin: 0;}
.custom-container{max-width: 1300px;margin: 0 auto;padding: 0.8rem 1rem;}
.divider{display:none;}
#api .intro h2{font-size:0;}
#api .error.itemLevel,#api .error.pageLevel{
	margin-top: -24px;
    margin-bottom: 4px;
    position: absolute;
    top: 0;
    left: 0;
	}
#api .error.itemLevel p ,#api .error.pageLevel p{color: #ed0000; top: 0;margin-top:0px;margin-bottom: 0px;/*font-size: .72rem;*/ font-size:14px;}
.center-align { margin: auto; }

input::-ms-reveal {
  display: none;
}

.p-viewer {
  position: absolute;
  width: 38px;
  height: 43px;
  right: 0px;
  margin-top: 14px;
  display: none;
}

.p-viewer img {
  height: 21px;
}
.rememberMe{
  display: none;
}
/*22-2-22*/
.header-hld .container, .contact-hld .container {
    max-width: 1360px;
}
.login-hld{
    margin: 35px auto 50px;
}
.login .container {
    max-width: 1300px;
}
.header-hld{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 5;
    border-bottom: 1px solid #E5E5E5;
    padding: 12px 0;
}

.helpline{background: #F5F7FA;padding:0 15px 100px;}
.login-link{border: 0;background: transparent;color: #0075c9;font-weight: 500;}
.login-hld h2.caption{font-size: 64px;
  font-weight: 300;
  line-height: 66px;
  text-align: left;}
.font-bolder{font-weight: 500;}
.bottomline{position: relative;}
.login-hld h2.bottomline:after{
  content: "";
    width: 50px;
    height: 3px;
    background: #0075c9;
    position: absolute;
    bottom: 0;
    left:0px;
    margin-bottom: 20px;
}
.login-hld h2.bottomline{padding-bottom:45px;}
.loginpage-caption {
    font-weight: 300 ;
    font-size: 40px ;
    color: #000 ;
    text-align: left ;
	margin: 0;
    padding: 0 0 5px;
	margin-top: 20px;
}
.login-hld p {
    color: #333e48;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    text-align: left;
    width: 100%;
}
.btnregister {
  background: #0075c9;
  color: #fff;
  border: 0;
  height: 55px;
  border-radius: 4px;
}
.bgmg {padding-bottom: 50px;}
.bgmg::after{
  content: "";
    background: url(https://stscsdata001.blob.core.windows.net/b2c-signin-signout/images/dots.jpg) no-repeat;
    width: 250px;
    height: 202px;
    position: absolute;
    left: -48px;
    top: 50%;
    z-index: 0;
}
.bgmg img{z-index: 1;position: relative;}

.register{overflow-x: hidden;}
/****header***/

.loginlink{color: #f2a900;padding: 0;border: 0;background: transparent;font-weight: 500;display: flex; align-items: center;}    
.loginlink:focus{border: 0;outline: 0;}
/**footer****/
.footercontainer{border-top: 1px solid #E5E5E5;padding: 1.4em 0;}
.footer-hld p{font-size: 12px;color: #4C5256;margin: 0;}
.step-three-height{height:calc(100% - 430px);}
.tc .form-check{align-items: start;}
.tc .form-check input[type=checkbox]{margin-top: 6px;}




/*Fixed Footer*/
html{min-height: 100%; position: relative;}
.footer{position: absolute; bottom: 0; left: 0; right: 0;}
#main-body{margin-bottom:160px;}
.footlogo svg{max-width: 100%;}
.logo-hld {display:block;}


.entry-item label{
  position: absolute;
    top: calc(0.5rem + 7px);
    left: 15px;
    transition: all .2s;
    pointer-events: none;
    color: #474747;
    font-size: 16px;
    z-index: 1;
}
.entry-item label.freeze{
  font-size: .8125rem;
  top: 4px;
  color: #0075c9;
}
#api input[type="text"].freezeInput, #api input[type="password"].freezeInput{
  padding-bottom: 5px;
    padding-top: 25px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.banner-hld{
  height: 250px;padding: 0;
}
.register{overflow-y: hidden;}
.tc .form-check input[type=checkbox]{margin-top: 1px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-hld h2.caption{font-size: 48px;line-height: 50px;}
  .phhelp{font-size: 22px;}
  .loginpage-caption{font-size: 34px !important;}
}
/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 767px) {
  .banner-hld{padding: 30px 0; min-height: inherit;}
	.banner-hld h1{font-size: 30px; padding: 0px 0; padding-bottom: 0;}
	.contact-hld{padding: 20px 0;}
	.login-bg .form-group:nth-child(2), .login-bg .form-group:nth-child(4), .login-bg .form-group:nth-child(6),.login-bg .form-group:nth-child(7),.login-bg .form-group:nth-child(9){padding-right:0px;padding-left: 0px;}
	.switch{width:130px !important;}
	.pwd-confirm{padding-left: 0 !important;}
  .logo{max-width: 150px;}
  .footercontainer{border-top: 0;}
  .footer-hld{border-top: 1px solid #E5E5E5;}
  .step-three-height{height: auto;}
}


/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	body {padding-top: 50px;}
  .btnresndsecond{
    color: #0075c9;
    border:0px;
  }
	.login-hld{margin: 30px 0 0; max-width: inherit;background: #fff;}
	.login-bg .form-group, .login-bg .form-group.lognbtn-hld{padding-right:0px; width:100%}
	.login-hld a.fb-text{margin-bottom:0px; padding-bottom: 0;}
	.login-hld p{margin-top:0px; text-align: left;} 
  .login-hld h2.caption{margin-top: 00px;font-size: 40px;line-height: 42px;margin-bottom: 0;}
  .login-hld h2.bottomline{padding-bottom: 30px;}
  .login-hld h2.bottomline::after{margin-bottom: 15px;}
  .login-bg{padding: 15px 0px 30px;}
  .field-validation, .invalid-feedback {top:58px; line-height: 1;}
  .switch{width:120px !important;}
  .modal-footer{flex-direction: column;border: 0;}
  .modal-footer .btn{margin: 0 0 15px;}
  .modal-footer>:not(:first-child){margin-left: 0;}
  .modal-footer .btn-border{width: 100%;}
  .modal-footer .btnresend{width:100%; margin:5px 0px;}
  .btns{ width:100%;}
  .arrangebtn{width:100%;order:2; text-align:center;}
  .submitbt{ width:100%;order:1;}
  .tc .invalid-feedback.left-0{position: absolute;left: 20px;}
  .login-width{padding: 0 20px;}
  .inputspcemobile{margin-bottom: 40px;}
  .loginpage-caption{font-size: 28px !important;}
  .bgmg::after{display: none;}
  .bgmg{padding-bottom: 15px;}
  .login .container{padding: 0;}
  .helpline{padding-left: 0;padding-right: 0;padding-bottom: 50px;margin-top:0px;}
  .helpline::after{display: none;}
  .boxblue{background: #F5F7FA;margin-top: 30px;}
  .login-card{margin-bottom: 40px;}
  .login-card {max-width: inherit;}
  /*Fixed Footer*/
  #main-body {margin-bottom: 200px;}
  .footlogo{width: 180px;}
}

@media only screen and (min-width: 300px) and (max-width: 350px) {
	.login-hld h2{font-size: 16px;}
  .icon-arrow-bottom{margin-bottom: 0;}
  .switch{width: 157px !important;}
	.banner-hld h1{font-size: 28px; }
}