body {
  font: normal 2em/1.5em "Helvetica Neue", Arial, sans-serif;
  color: #fff; }

button.btn {
  margin-top: 40px !important;
  background: #66bb6a !important;
  border-radius: 4px !important; }

section:nth-child(1) {
  /* background-color: #66bb6a !important; */
  /*   background-image: url(../img/login_background.jpg) !important;  */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 720px !important;
  width: 100% !important;
  background-size: cover !important; }

section:nth-child(2) {
  background-image: url(../img/bg2.jpg) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 720px !important;
  width: 100% !important;
  background-size: cover !important; }

section:nth-child(3) {
  background-image: url(../img/bg3.jpg) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 720px !important;
  width: 100% !important;
  background-size: cover !important; }

section:nth-child(4) {
  background-image: url(../img/bg4.jpg) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 720px !important;
  width: 100% !important;
  background-size: cover !important; }

@media screen and (min-height: 730px) and (max-height: 1200px) {
  section:nth-child(1) {
    /* background-color: #66bb6a !important; */
    background-image: url(../img/login_background.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 1024px !important;
    width: 100% !important;
    background-size: cover !important; }
  section:nth-child(2) {
    background-image: url(../img/bg2_1.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 1024px !important;
    width: 100% !important;
    background-size: cover !important; }
  section:nth-child(3) {
    background-image: url(../img/bg3_1.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 1024px !important;
    width: 100% !important;
    background-size: cover !important; }
  section:nth-child(4) {
    background-image: url(../img/bg4_1.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 1024px !important;
    width: 100% !important;
    background-size: cover !important; } }

@media only screen and (max-width: 420px) {
  section:nth-child(1) {
    /* background-color: #66bb6a !important; */
    background-image: url(../img/login_background.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 720px !important;
    width: 100% !important;
    background-size: cover !important; }
  section:nth-child(2) {
    background-image: url(../img/mb_bg2.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 720px !important;
    width: 100% !important;
    background-size: cover !important; }
  section:nth-child(3) {
    background-image: url(../img/mb_bg3.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 720px !important;
    width: 100% !important;
    background-size: cover !important; }
  section:nth-child(4) {
    background-image: url(../img/mb_bg4.jpg) !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 720px !important;
    width: 100% !important;
    background-size: cover !important; } }

.fourth button {
  margin-top: 20px !important; }

/* p {
  margin-bottom: 30px !important;
  } */
#fp-nav ul li a span {
  background: #fff !important; }

img {
  margin: 0 auto !important; }

.width50percent_login {
  padding-bottom: 0px !important;
  min-height: 260px;
  border-radius: 5px;
  border: solid 1px #ccc; }

.width100percent_main_loginbg {
  background-position: left !important;
  /* position: relative !important; */
  /*       margin-left: 80px; */
  background: none !important; }

.login-body-style {
  /*   background-size: 1350px 700px !important; */
  /* background: none !important; */ }

/*   section:nth-child(1) {
 background-color: #ffffff !important; 
 } */
.login_button {
  margin-bottom: 30px !important;
  float: left !important;
  color: #fff !important;
  background-color: #2671d7 !important;
  /*     border-color: #2671d7;
border: 1px solid #2671d7 !important; */ }

/*phongtn*/
input#AuthenticationFG\.VERIFICATION_CODE.type_FEBAUnboundString {
  width: 62%;
  margin-top: 10px;
  margin-left: 2px; }

input#AuthenticationFG\.VERIFICATION_CODE {
  /*     border: solid 1px #9e9e9e; */
  margin: 0 !important;
  height: 25px;
  /*     border-radius: 3px; */ }

div#F1 * {
  vertical-align: text-top; }

img#IMAGECAPTCHA {
  /* padding-left: 7px; */ }

label#label_verification_code {
  top: 0rem !important;
  /*     padding-left: 10px; */ }

/*phongtn - start*/
i.waves-effect.waves-light.btn.login_button.waves-input-wrapper {
  background-color: #2600a3; }

input#STU_VALIDATE_CREDENTIALS {
  font-weight: 500;
  color: #ffffff;
  font-size: 12px !important;
  top: 12px; }

.width50percent_login {
  width: 313px !important; }

/*phongtn - end*/
/*temp - start*/
.login_button {
  margin-top: 30px !important;
  margin-bottom: 10px !important;
  width: 80% !important; }

.abc_phong {
  margin-right: 14px !important;
  font-size: 14px;
  color: #0096ff;
  padding-left: 35px; }

.stb_hotline_icon2 {
  height: 38px !important; }

@media only screen and (min-device-width: 768px) {
  .abc_phong2 {
    background-color: lightgray;
    /* margin-left: -4px; */
    /* padding: 10px 5px 0px 5px; */
    text-align: center;
    width: 100%;
    /*carefully - phongtn said*/
    height: 50px;
    padding-top: 10px;
    margin-top: 60px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 425px) {
  .abc_phong2 {
    background-color: lightgray;
    /* margin-left: -4px; */
    /* padding: 10px 5px 0px 5px; */
    text-align: center;
    width: 100%;
    height: 50px;
    /* padding-top: 20px; */
    height: 50px;
    margin-top: 70px; }
  /*   form[name="AuthenticationFG"] .parentTable{
  height: inherit;
} */ }

.font_phong1 {
  font-size: 14px; }

a.link {
  font-size: 14px; }

/*temp - end*/
@media screen and (min-width: 1024px) {
  .width50percent_login {
    margin-left: 63% !important; }
  .width50percent_login.in {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  .width50percent_login.fade {
    -webkit-transition: opacity .3s linear, -webkit-transform .7s ease-out;
    transition: opacity .3s linear, -webkit-transform .7s ease-out;
    -o-transition: transform .7s ease-out, opacity .3s linear;
    transition: transform .7s ease-out, opacity .3s linear;
    transition: transform .7s ease-out, opacity .3s linear, -webkit-transform .7s ease-out; } }

@media screen and (min-width: 1366px) {
  .width50percent_login {
    margin-left: 70% !important; } }

.redbgwithwidth {
  background-color: #f443367d; }

.errorContentWrapper.redbg, .errorContentWrapper.orangebg, .errorContentWrapper.bluebg {
  margin-top: none; }

/*p#LoginHDisplay\.Ra16 {
    text-align: center;
    margin-left: none;
}*/
a#label_forgot_access_code1 {
  float: initial !important;
  padding-left: 40px; }

/*.width70right {
    width: 10% !important;
    float: right;
    margin-top: -80px !important;
}*/
@media screen and (max-width: 1023px) and (min-width: 1px) {
  form[name="AuthenticationFG"] .width70right {
    width: 100% !important;
    float: left !important;
    margin-top: -80px !important; }
  form[name="AuthenticationFG"] div.width70right span#loginHeader\.Rd5\.C3 {
    display: none; } }

@media only screen and (min-width: 1024px) {
  form[name="AuthenticationFG"] .width70right {
    width: auto !important;
    float: right !important;
    margin-top: -80px !important;
    margin-right: 10px; }
  form[name="AuthenticationFG"] div.width70right span#loginHeader\.Rd5\.C3 {
    position: relative;
    margin-right: 20px;
    display: inline-block;
    float: left; } }

.materializelogo_login {
  position: relative !important; }

i.waves-effect.waves-light.btn.login_button.waves-input-wrapper {
  padding-left: 10px;
  padding-right: 10px; }

/* form[name="AuthenticationFG"] .abc_phong2 {
    display: none !important;
}

form[name="AuthenticationFG"] p#LoginHDisplay\.Ra28 {
    display: none !important;
} */
.personalizeDashLink_stb {
  padding-top: 2px;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  cursor: pointer; }

.blueDivider_stb {
  color: #fff;
  font-weight: normal;
  margin: 0 6px;
  padding-top: 2px;
  border-width: 0px;
  font-size: 14px; }

span#loginHeader\.Rd5\.C3 a.bluelink {
  color: #fff; }

div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 div#LoginHDisplay\.Ra1 .loginPanelHeaderTextStyle span {
  font-size: 1.1rem;
  padding: 10px 40px 0px 40px;
  display: block;
  color: #2671d7; }

div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 label#label_verification_code,
div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 label#UserId_Text {
  font-size: 14px !important; }

div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 input#AuthenticationFG\.USER_PRINCIPAL {
  margin-top: 0px !important; }

div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.loginPanelInputDetailsrow {
  display: block;
  width: 40%;
  float: right;
  padding: 0px !important; }
  div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.loginPanelInputDetailsrow span.leftColumnStyle.loginPanelColumnDetailStyle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px !important;
    margin: 0 !important; }
    div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.loginPanelInputDetailsrow span.leftColumnStyle.loginPanelColumnDetailStyle img#IMAGECAPTCHA {
      width: 90px;
      height: 30px; }
    div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.loginPanelInputDetailsrow span.leftColumnStyle.loginPanelColumnDetailStyle span.simpletext {
      display: block;
      width: 1px; }
    div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.loginPanelInputDetailsrow span.leftColumnStyle.loginPanelColumnDetailStyle a#HREF_TEXTIMAGE img#TEXTIMAGE {
      margin-top: 9px !important;
      margin-left: -6px !important; }

div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 div#LoginHDisplay\.Rd1 {
  width: 57%;
  height: 40px;
  padding: 0; }
  div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 div#LoginHDisplay\.Rd1 input#AuthenticationFG\.VERIFICATION_CODE {
    width: 100% !important; }

div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.stage3_detailsrow {
  display: block;
  padding: 0px !important;
  text-align: left; }
  div#LoginHDisplay.width100percent_main_loginbg div#LoginHDisplay\.Rowset1 p#LoginHDisplay\.Rc1.stage3_detailsrow span#LoginHDisplay\.Rc1\.C2 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    margin-left: 10px !important; }

div#pbanner:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background: rgba(1, 11, 25, 0.8); }

div#pbanner {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  text-align: center;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  div#pbanner img {
    cursor: pointer;
    width: 650px; }

div#LoginHDisplay div#LoginHDisplay\.Rowset1 div#LoginHDisplay\.Ra82,
div#LoginHDisplay div#LoginHDisplay\.Rowset1 div#LoginHDisplay\.Ra81 {
  display: none; }

div#LoginHDisplay div#LoginHDisplay\.Rowset1 div#LoginHDisplay\.Ra10 label#UserId_Text_3.loginPanelSimpleTextStyle {
  z-index: -99; }

@media only screen and (max-device-width: 650px) {
  div#pbanner:before,
  div#pbanner {
    display: none; } }

div#pbanner:before,
div#pbanner {
  display: none;
}