.hw-login-input {
  display: block;
  margin-bottom: 15px;
}
.hw-login-input .hw-login-radio li {
  font-weight: 600;
  font-style: italic;
}
.hw-login-input .hw-login-radio li label.radio-inline {
  font-weight: 600;
  font-style: italic;
}
.hw-login-input .hw-login-radio li label.radio-inline span.lbl:before {
  color: #61c390 !important;
  font-style: normal;
}
.hw-login-input .input-group {
  display: block;
}
.hw-login-input .input-group span.input-group-addon {
  background-color: transparent !important;
  padding: 6px 9px;
  position: absolute !important;
  left: 0;
  width: 40px;
  z-index: 3;
  border: none;
  line-height: 23px;
}
.hw-login-input .input-group span.input-group-addon > img {
  height: 15px !important;
}
.hw-login-input .input-group span.input-group-addon > i {
  color: #278ae2;
}
.hw-login-input .input-group span.input-group-addon:after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  right: -1px;
  z-index: 5;
  top: 9px;
  background: #ccc;
  border: none !important;
}
.hw-login-input .input-group ng-form alta-field span span div span input {
  padding-left: 50px !important;
  font-size: 14px !important;
  border-radius: 5px !important;
}
.hw-login-input .input-group ng-form alta-field span span div span input:focus {
  border-color: #278ae2 !important;
}

.login-type {
  display: flex;
  align-items: center;
  background: #edf5fe;
  padding: 10px;
  color: #278ae2;
  border: 1px solid #278ae2;
  border-radius: 5px;
  margin-bottom: 20px;
  cursor: pointer;
}
.login-type span {
  margin-left: 8px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.01em;
}
.login-type > img {
  height: 23px !important;
  width: 23px;
}
.login-type i.fa-check-circle {
  position: absolute;
  right: 21px;
  color: #fff;
  display: none;
  font-size: 22px;
}
.login-type.active {
  background: #61a8fc;
  color: #fff;
  border: 1px solid #61a8fc;
}
.login-type.active svg {
  fill: #278ae2;
}
.login-type.active i.fa-check-circle {
  display: inherit;
}

.hw-login-btn {
  padding: 7px 15px;
  width: 200px;
  border-radius: 8px;
  margin: 0 auto;
}

.extra-action {
  color: #6a6a6a;
  font-weight: 600;
  padding: 2px 0;
  display: block;
  font-size: 13px;
}
.extra-action:hover {
  color: #278ae2;
}
.opt-input-field {
  text-align: center;
  margin-top: 40px;
}
.opt-input-field .otp input {
  text-align: center !important;
  border-bottom: 1px solid #c6c6c6;
  width: 21px;
  font-size: 18px !important;
  padding: 0 !important;
  border-width: 0 0 1px 0px !important;
  margin: 0 4px;
}
.opt-input-field-sign-up{
	position: relative;
	margin-top: 0;
}
.opt-input-field-sign-up input{
	width: 100%;
	height: 42px !important;
	text-align: left !important;
    padding: 0 100px 0 53px !important;
}
.opt-input-field-sign-up button{
	position: absolute;
    right: 14px;
    top: 4px;
    height: 34px;
    border-radius: 8px !important;
    width: 90px;
}
.opt-input-field-sign-up .opt-icon-holder{
    position: absolute;
    left: 12px;
    top: 12px;
    width: 35px;
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    vertical-align: middle;
}

.opt-input-field-sign-up .opt-icon-holder i{
	    font-size: 18px;
    line-height: 12px;
    vertical-align: middle;
}
.hub-app-login .ssologin-sec .opt-input-field input{
		border-left:1px solid rgb(221, 223, 224);
		border-radius:5px;
		text-align:center;
}

/*# sourceMappingURL=hw-login.css.map */

/* New Login design change  */
/*    .login-switchCandy .switch-candy a{
   background:#5cb85c;
   }
   .login-switchCandy .switch-light.switch-candy input ~ span span:first-child, 
   .login-switchCandy .switch-light.switch-candy input:checked ~ span span:nth-child(2),
   .login-switchCandy .switch-candy input:checked + label{
   color:#fff !important;
   } */
   .hub-app-login .ssologin-sec.otplogin-sec #set-password input{
   border-left:1px solid rgb(221, 223, 224);
   }
   .hub-app-login .ssologin-sec.otplogin-sec .click-disable{
   opacity: 0.6!important;
   } 
   /* .hub-app-login #ssoLogin .sso-body{
   padding: 20px 25px 50px;
   width: 450px;
   min-height: 440px;
   position: relative;
   } */
   .pwd_constraints{
   background-color:#fafafa;
   border-radius:5px;
   padding:8px;
   }
   .view_text{
   position: absolute;
   top: 9px;
   right: 5px;
   z-index: 2;
   }
   .pwd_field{
   padding:20px 15px;
   }
   .circle_grey{
   color:#dddfe0;
   }
   .content_center{
   float:none;
   margin:0 auto;
   }
  /*  .hub-app-login .sso-body img{
   height:auto;
   } */
  /*  .ssologin-sec .input-group-addon:after{
   display:none;
   } */
   .login_wrapper{
   display: flex;
   height: 100vh;
   width: 100%;
   float: left;
   align-items: center;
   }
   .app_logo_section{
   background: rgb(28, 117, 188) url("https://cdn.hubworks.com/hubworks_resources/pre_dev/hw_ui_admin_login/images/login_bg_pattern.svg") no-repeat;
   background-size:cover;
   background-position:center;
   width:60%;
   position:relative;
   }
   .sign_up_section{
   width:40%;
   background-color: #f6f9fca8;
   }
   .app_logo_section,.sign_up_section{
   flex:auto;
   height:100vh;
   display: flex;
   justify-content: center; 
   align-items: center;
   flex-direction: column;  
   padding:0 20px;
   position:relative;  
   }
   .faded_blue{
   color:#9FD1FF;
   }
   .app_wrapper_img {
   background-color:#fff;
   padding:15px;
   border-radius:10px;
   overflow: hidden;
   position: relative;
   margin: 0 auto;
   height:290px;
   width:600px;
   border:5px solid #fff;
   }
   .app_wrapper_img::before,
   .app_wrapper_img::after{
   position:absolute;
   content:'';
   height:40px;
   width:500px;
   z-index:2;pointer-events:none;
   left:0;
   }
   .app_wrapper_img::before{
   top:0;
   background:linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(0,0,0,0) 100%); 
   }
   .app_wrapper_img::after{
   bottom:0;
   background:linear-gradient(to top, rgba(255,255,255,1) 20%,rgba(0,0,0,0) 100%);
   }
   @keyframes scroll_img {
   0% {transform: translateY(0);}
   100% {transform: translateY(calc(-350px * 1));}
   }
   .app_wrapper_img .img_slider{
   background:url("https://cdn.hubworks.com/hubworks_resources/pre_dev/hw_ui_admin_login/images/hubworks_slider.svg");
   background-size:100%;
   background-position:center;
   background-repeat:repeat-y;
   width: 100%;
   height: 100vh;
   max-width: 100%;
   transition: all 0.5s;
   animation: scroll_img 15s linear infinite;
   /*  animation-duration: 10s;
   animation-name: scroll_img;
   animation-iteration-count:infinite; */
   }
   .logo_app_title{
   font-size:30px;
   text-align:center;
   line-height:32px;
   font-weight:600;
   margin:50px 0 15px 0;
   color:#fff;
   }
   .signIn_title{
   font-size:24px;
   line-height:22px;
   color:#000;
   margin-top:0;
   font-weight:600;
   }
   
   .login_logo {
    height: 50px;
    width: auto;
    margin-bottom: 30px;
}
a.btn_custom {
    background-color: #eef6fc;
    padding: 10px;
    border-radius: 5px;   
    color: #000;
    height: 42px;
    font-weight: 600;
    text-align: left;
    opacity: .7;
    border: 1px solid #d7dce0;
    text-align: center;
}
   .sign_in_wrapper{
   width:470px;
   float:left;
   height:auto;
   background-color:#fff;
   border-radius:10px;
   padding:25px;
  /*  border:1px solid #ebebeb; */
   box-shadow:rgb(0, 0, 0, 0.15) 0px 5px 15px 0px;
   }
   .regiter_saml_wrapper{
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    right: auto;
    left: auto;
   }
   .generate_btn.login {
    width: 100%;
}
   .we_help{
    position:absolute;
   bottom:20px;
   left:0px;
   }
     .we_help i:before{
       vertical-align:top;
   }
    .login_wrapper .text-underline{
 text-underline-offset: 3px;
 }
   label.font-600,.font-600{
   font-weight:600;
   }
   .generate_btn{
   width: 116px;
   height: 40px;
   border-radius: 5px;
   }
   .blue_btn{
   background-color: #61A8FC;
   color:#fff;
   }
   .blue_btn:hover,.blue_btn:focus{
   color:#fff;
   }
   .back_btn{
   border: 1px solid #546776;
   background-color:#fff;
   }
   .back_btn:hover,.blue_btn:hover{
   opacity:0.9;
   }
  
   .logo_wrapper_box{
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    bottom: -45px;
    right: -45px;
    height: 108px;
    width: 108px;
    padding: 15px;
    line-height: 78px;
    text-align: center;
    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 15%);
    z-index: 2;
     display:flex;
   }
   .logo_wrapper_box img{
   width:100%;
   height:auto;
   }
   .signIn_desc{
   margin-bottom:15px;
   }
   .hw-login-input input.form-control{
   height:44px;
   }
   .logo_login{
   position:absolute;
   top:10px;
   left:10px;
   }
  
   
    .otp_field input[type="text"]{
   height:40px;
   width:40px;
   border:1px solid #ddd;
   border-radius:5px;
   margin-right:22px; 
   display:inline-block;
   color:#1C75BC;
   font-weight:600;
   }
   .otp_field input[type="text"]:last-child{
   margin-right:0;
   }
 
   .new_otp_btn{
   width: 116px;
   height: 40px;
   border-radius: 5px;
   }
   
   .otp_label{
   color:#717171;
   }
   .line-height-14{
   line-height:14px;
   }
   .input_text{
   font-weight:600;
   font-size:14px;
   }
    .opt-input-field-sign-up input.input_text,
   .hub-app-login .ssologin-sec .opt-input-field input.input_text{
   padding: 0 10px !important;
   }
   .margin-bottom-25{
   margin-bottom:25px;
   }
     .verify_btn_login{   
   background-color: #fff;
    width: 190px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 25px;
    color: #000;
    height: 50px;
    font-weight: 600;
    text-align: left;
    opacity: .7;
    border: 1px solid #d7dce0; 
   }  
   .verify_btn_login i:before{
   margin-right:30px;
   line-height:1.2;
   color:#1c58f2;
   font-size:26px;
   }
   .verify_btn_login span{
   line-height: 28px;
   vertical-align: top;
   }
    .btn.verify_btn_login.active,.verify_btn_login:focus{
  /*   box-shadow:none;
    border:1px solid #61A8FC;
   color:#61A8FC; */
   
   box-shadow: none;
    border: 1px solid #1c58f2;
    color: #000;
    opacity: 1;
   }
   .btn.verify_btn_login.active:hover{color:#61A8FC;}
   
     @media screen and (min-width: 1920px) {
 .media_padding,.sign_in_wrapper{
   -webkit-transform:scale(1);
   -ms-transform:scale(1);
   transform:scale(1);
   }
   
   }
     @media screen and (max-width: 1024px) {
     .media_padding,.sign_in_wrapper{
   -webkit-transform:scale(0.7);
   -ms-transform:scale(0.7);
   transform:scale(0.7);
   }
 
     }
   
     @media screen and (max-width: 1000px) {
      .login_wrapper,.app_logo_section,.sign_up_section{
      display:inline-table;
      width:100%;
      height:100%;   
      float:left;
      }
      .sign_up_section{
      padding-bottom:30px;
      }
      .regiter_saml_wrapper {
  position: absolute;
    bottom: -15px;
    left: 27%;
    right: 27%;
    margin-bottom:20px;
}
     /*  .app_logo_section{
      padding-bottom:5%;
      margin-bottom:5%;
     
      } */
      .app_wrapper_img{
      width:auto;
      }
    .media_padding{
     padding:5% 0 0 0;
     width:50%;
     margin:0 auto;
     }
      .sign_in_wrapper{
    float:none;
     margin:0 auto;
 
   }
     }