@charset "UTF-8";

body.tws_login_bg_st {
    background-image: url('../img/TWS_login_page_bg2.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
    position: relative;
}

body.tws_style{
    color: #000000DE;
}
body.tws_style a{
    color: #008AD8;
    text-decoration: none;
}
body.tws_style .btn-primary {
    height: 40px;
    list-style: 40px;
    background-color: #008AD8;
    border-color: #008AD8;
}
body.tws_style a:hover{
    color: #008AD8;
    text-decoration: underline;
}
body.tws_style footer{
    background-color: #00458A;
    padding: 14px 30px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    display: flex;
    justify-content: end;
    color: #fff;
    align-items: center;
}
body.tws_style footer a{
    color: #fff;
    font-size: 0.9rem;
}
body.tws_style footer a:hover{
    color: #fff;
}
body.tws_style .login_box{
    max-width: 816px;
    padding: 28px;
}




body.tws_style .login_box .logo{
    margin: -10px;
    max-width: 236px;
}
body.tws_style .login_box .login_box_title{
    color: #008AD8;
    font-size: 30px;
    font-weight: 400;
    height: auto;
    margin-top: 10px;
}
body.tws_style .login_box .login_box_header{
    padding-bottom: 10px;
    margin-bottom: 30px;
}
body.tws_style .form-control{
    height: 48px;
    border: 1px solid #00000042;
    border-radius: 4px;
}
body.tws_style .form-label{
    margin-bottom: 0.72rem;
}
body.tws_style .form-control::placeholder{
    color: #00000061;
}
body.tws_style .text-danger{
    color: #FF006D !important;
}
.mb-28p{
    margin-bottom: 28px;
}
.tip_color{
    color: #007CC2;
}
.fontWight10{
    font-weight: 100;
}
@media only screen and (max-width: 768px) {
    body.tws_style .login_box {
      width: 90%;
      position: relative;
      transform: none;
      margin: 0px;
      left: 5%;
      top: 20px;
    }
    body.tws_style .login_box_header {
        display: block;
        text-align: center;
    }
    body.tws_style .login_box .logo{
        width: auto;
        padding: 0px;
        margin: 0px auto;
        max-width: 150px;
    }
    body.tws_style .login_box .login_box_title{
        width: auto;
        padding: 0px;
        margin: 0px auto;
    }
    body.tws_style footer{
        display: block;
        position: absolute;
        bottom: 0px;
        top: auto;
    }
    body.tws_style footer a{
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    body.tws_style footer .decorate＿line{
        display: none;
    }
  }

/* loaderBar S.*/
body.tws_style .loader { 
  width:100%; 
  margin:0 auto;
  position:relative;
  padding:4px;
  background: #60C3FF29;
}
body.tws_style .loader:before {
  content:'';
  position:absolute;
  top:-4px; 
  right:-4px; 
  bottom:-4px; 
  left:-4px;
}
body.tws_style .loader .loaderBar { 
  position:absolute;
  top:0;
  right:100%;
  bottom:0;
  left:0;
  background:#008AD8; 
  width:0;
  animation:borealisBar 2s linear infinite;
}

@keyframes borealisBar {
  0% {
    left:0%;
    right:100%;
    width:0%;
  }
  10% {
    left:0%;
    right:75%;
    width:25%;
  }
  90% {
    right:0%;
    left:75%;
    width:25%;
  }
  100% {
    left:100%;
    right:0%;
    width:0%;
  }
}
/* loaderBar E.*/

/* password_input S.*/
body.tws_style .password_input{
    
}
body.tws_style .password_input .field-icon {
    float: right;
    margin-right: 15px;
    margin-top: -31px;
    position: relative;
    z-index: 2;
    color: #00000099;
  }
  
  body.tws_style .password_input .container{
    padding-top:50px;
    margin: auto;
  }
  /* password_input E.*/

  /* alert S.*/
body.tws_style .alert{
    padding: 25px;
    border:none;
}
body.tws_style .alert.alert-danger{
    background-color: #FF006D1A;
    color: #DC2020;
}
body.tws_style .alert.alert-success{
    background-color: #00D38629;
    color: #008B70;
}
  /* alert E.*/