@font-face {
    font-family: Roboto;
    src: url(../font-file/Roboto-Regular.ttf);;
}
body{
  font-family: 'Roboto'!important;
}
.login_sprite{  background-image: url('../images/login_sprite.png');background-repeat: no-repeat;}
.body-bkg{ 
  /* background-image: url('../images/bg.png'); */
  /* background-image: url('../images/bg-new.png') ;  */
  width: 100%;margin: 0;padding: 0; font-family: "roboto";height: auto; background-size: 100% 100%;}
.contaner{width: 100%;margin: 0 auto; text-align: center;margin-top: 5%;}
.forgetPasswordPage.contaner{width: 100%;margin: 0 auto; text-align: center;margin-top: 0%;padding-top: 5%;}
.auth-org-logo1{width: 160px;height: auto;margin: 15px 0px 16px;}
.header_text{
    width: 100%;
    font-weight: bold;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
    margin: 23px 0px 0px;
    text-align: center;
    text-transform: none;
  }
  .text_container{margin: 7px 0px;}
  .text_container input{height: auto ; padding: 10px; border-radius: 31px;  border: none;padding-left: 30px; color:#5e5e5e;font-size: 13px;box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;}
  .loginPage .borderBottom{
    /* border-bottom: 1px solid #5c5c5c; */
    line-height: initial;
    border: 1px solid transparent;
    border-radius: 20px;
    padding-left: 10%;
    padding-right: 10%;

    /* background-color:rgba(128, 128, 128, 0.14901960784313725); */
  }
  .loginPage .borderBottom input{
    /* border-bottom: 1px solid #5c5c5c; */
    width: 100% !important;
    color: black !important;
    /* background-color:rgba(128, 128, 128, 0.14901960784313725); */
  }
  .loginPage .text_container input, .forget_pass_container .text_container input{
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    color: #ffffff;
    padding-left: 5px;
    width: 80%;
  }
  .loginPage .text_container .input-group-addon, .forget_pass_container .input-group-addon{
    background: transparent;
    border: none;
    border-radius: 0;
  }

  .input-group-addon{    margin: 8px 5px;}
  .loginPage .text_container .person-gray,
  .loginPage .text_container .remote-lock,
  .forget_pass_container .text_container .remote-lock{
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
  }
  .forget_pass_container .borderBottom{
    /* border-bottom: 1px solid #5c5c5c; */
    width: 400px;
    /* margin: 0 auto; */
    line-height: initial;
    border: 1px solid transparent;
    border-radius: 20px;
    background-color: rgba(128, 128, 128, 0.14901960784313725);
  }
  input:focus{outline: none;}
  .person-gray{
    background-position:-42px -394px;
    height: 17px;
    width: 16px;
    position: absolute;
    margin-left: -295px;
    margin-top: 8px;
  }
  .remote-lock{
    background-position: -22px -395px;
    height: 16px ;
    width: 12px;
    position: absolute;
    margin-left: -300px;
    margin-top: 8px;
    /* -ms-transform: rotate(7deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(100deg); */
  }
  .button_login{
    padding: 6px;
    width: 100%;
    /* border-radius: 10px; */
    border: none;
    font-weight: 900;
    background: #EAFF22;
    margin-top: 10px;
    font-size: 11px;
    cursor: pointer;
    color: black;
  }
  .button_login:hover{
    /* background:linear-gradient(#007dc1, #024a71); */
    /* background:linear-gradient(#218a7a, #198070); */
    background: #EAFF22 !important;
    color: black !important;
  }
    .button_login:focus {
    outline: none;
}
.button_login_reset{
  padding: 6px;
  width: 10%;
  border-radius: 10px;
  border: none;
  font-weight: 900;
  background: #014638;
  margin-top: 10px;
  font-size: 11px;
  cursor: pointer;
  color: white;
}
.button_login_reset:hover{
  /* background:linear-gradient(#007dc1, #024a71); */
  /* background:linear-gradient(#218a7a, #198070); */
  background: #EAFF22 !important;
  color: black !important;
}
.button_login_disabled{
  padding: 11px;
  width: 308px;
  border-radius: 52px;
  border: none;
  color: #ffffff;
  /* background: linear-gradient(#43ab9b, #3c998d); */
  background: linear-gradient(#e74128, #9a2a19);
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  margin-top: 15px;
  font-size: 13px;
  cursor: no-drop;
}
.button_login_disabled:hover{
  
}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white ;
}
.error_msg{
  color: red;padding: 15px 0px 0px;font-size: 13px;
}
.status_success_msg{
  color:#f7974c;padding: 15px 0px 0px;font-size: 13px;
}
.forget_pass_container{
  width: 100%;
  margin-top: 17px;
  font-size: 11px;
  color: #D89664;
  
}
.forget_pass{
  margin-top: 15px;
  width: 140px;
  cursor: pointer;
 margin: 0 auto;
 color: #D89664 !important;
}
.forget_pass:hover {
    color: #c7c5c5;
}
.keep_me_sign_in_container{
  width: 100%;
  margin-top: 20px;
  color:#e3e3e3;
  font-size:14px;
}
.keep_me_sign_in_container label{
  cursor: pointer;
}
.keep_me_sign_in_container label:hover{
  color:#c7c5c5;
}
.chk-inline
{
    vertical-align:middle;
}
.checkedClass{background-position:-49px -55px;width: 17px;	height: 18px;display: inline-block;}
.uncheckedClass{background-position: -89px -55px;width: 17px;	height: 18px;display: inline-block;}
.footer_logo{
    float: right;
    right: 35px;
    bottom: 35px;
    position: absolute;
}
.powered_by_ugam_logo{
  background-position:-408px -1032px;
	width: 58px;
	height: 24px;
}

/* forget password*/
.password_strength_meter{
  width: 305px;
  height: 20px;
  display: inline-block;
}
#forget_password .text_container{margin: 10px auto ;}
#forget_password .header_text{margin-bottom: 15px;}
.password_strength_meter_container{    width: 305px;
    margin: 0 auto;
    margin-top: 8px;
    font-size: 12px;}
.strength_meter_text{float: left;
    width: 260px;
    text-align: left}
.colored_fill{
    height: 4px;
    width: 60px;
    background: #fff;
    float: left;
    margin-top: 6px;
    border-radius: 6px;
    -webkit-transition: background-color 1s ease-in;
    -moz-transition: background-color 1s ease-in;
    -o-transition: background-color 1s ease-in;
    transition: background-color 1s ease-in;
    
}
.fill_green{background-color: #2FA37C;}

/* forget password ends*/
  #loadTT {
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 9999;
      background: rgba(245, 240, 240, 0.44);
      /*background: url(icons/loader1.gif) no-repeat center center rgba(255, 252, 252, 0.66);*/
      /* margin-top: -5%; */
      top: 0px;
    }
    /*Spinner Css start*/
    table{overflow: auto;}
    .spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
  }
  .spinner .path {
    /* stroke: rgb(54, 120, 177); */
    stroke:black;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
  }
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes dash {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
  /*Spinner Css end*/
  .footer_links{
    position: fixed;
    bottom: 15px;
    right: 55px;
    color: #D89664;
    font-size: 11px;
  
  }
  @media (min-width: 320px) and (max-width: 480px) {
    .text_container input{
      width: 240px !important;
    }
    .footer_links{
      position: initial;
      margin-top: 2vh;
      margin-right: 13px;
      color: #A4B7C5;
      font-size: 12px;
      text-align: center;
    
    }
    
  }
  .footer_links a{
    /* color:#A4B7C5; */
    color:#ffffff;
    text-decoration:none;
  }
  .footer_links a:hover{
    color:#b3b9bd;
    text-decoration:none;
  }
  .note_conditions{
   margin-left:10px; 
   color: #D89664 !important;
  }
  .carSupport{
    color: #f8902d !important;
  }
  .loginPage{
    margin-top: 0%;
    min-height: 100vh;
  }
  .loginPage #myCarousel{
    color: #ffffff;
    height: 100%;
  }
  .loginPage .carousel-indicators{
    width: 100%;
    text-align: left;
    left: 7%;
    margin-left: 0;
  }
  .loginPage #myCarousel .glyphicon-menu-left, .loginPage #myCarousel .glyphicon-menu-right{
    top: 48%;
  }
  .loginPage .carousel-indicators li{
    width: 20px;
    height: 6px;
    border-radius: 0;
    margin: 1px;
  }
  .loginPage #myCarousel,
  .loginPage .carousel-inner,
  .loginPage .carousel-inner .item{
    height: 100%;
  }
  .loginPage .carousel-inner .item img{
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
  }
  .loginPage .carousel-control{
    width: 10%;
  }
  .forgetPasswordPage{
    margin-bottom: 10px;
  }
/*  */
.carousel .item_container{
  position: absolute;
  top: 0%;
  padding: 20px;
  width: calc(100%);
  height: calc(100%);
  display: flex;
  align-items: center;
}
.carousel .carousel-header #headerHeader_1{
  margin-top: -100px;
  margin-bottom: 25px;
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.carousel .carousel-header #headerText_1{
  margin-top: 10px;
  margin-bottom: 10px;
  /* font-size: 17px; */
  color: #fff;
}
.carousel .carousel-header #headerText_1 .row{
  display: flex;
  flex-wrap: wrap; 
}

.carousel .carousel-header .headerInner{
  /* font-weight: bold; */
  font-size: 14px;
  font-weight: 900;
}
.carousel .carousel-header .headerInnerLIst{
  color: #fff;
  margin-top: 15px;
  font-size: 12px;
}
.carousel .carousel-header .headerInnerLIst ul{
  padding-left: 15px;
  color: black;
  font-weight: 0 !important;
}
.carousel .carousel-header .headerInnerLIst ul .sideBySide{
  width: 49%;
  float: left;
}
.carousel .carousel-header {
  text-align: left;
  margin-left: 6%;
  margin-bottom: 4%;
}
.carousel #carousel-header_1 {
  /* width: 100%; */
}
.carousel #carousel-header_2 {
  width: 80%;
}
.carousel .carousel-header #headerHeader_2{
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 27px;
  font-weight: bold;
}
.carousel .carousel-header #headerText_2{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 17px;
}
.carousel .carousel-clickhere .captionText{
  margin-top: 9px;
  margin-bottom: 10px;
  font-size: 16px;
}
.carousel .carousel-clickhere #captionText_1{
  color: #000000;
}
.carousel .carousel-clickhere #captionText_2{
  color: #ffffff;
}
.carousel .carousel-clickhere .clickHere{
  padding: 9px;
  font-size: 16px;
  border-radius: 35px;
  text-decoration: none;
}
.carousel .carousel-clickhere #clickHere_1{
  color: #fff;
  background: linear-gradient(#a31e0a, #9a2a19);
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  font-size: 12px;
  cursor: pointer;
  padding: 7px 20px;
}
.carousel .carousel-clickhere #clickHere_2{
  color: #ffffff;
  border: 1px solid #ffffff;
}

.borderRight{
  border-right: 1px solid #d6d6d6;
}
.cardStyle{
  border: 1px solid transparent;
  background-color: #F3EFEB;
  margin: 10px;
  border-radius: 3px;
  flex: unset !important; 
   max-width: unset !important;
   width: 25% !important;
   color: black;
   height: 180px;
}
.bottomContent{
  color: #fff;
  font-size: 23px;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  width: 80%;
  margin-left: -5%;
  /* margin-bottom: 15px; */
  /* width: 120%; */
  margin-top: 100% !important ;
}
.bottomButton{
  margin-left: 25px;
  color: #fff !important;
  background: linear-gradient(#a31e0a, #9a2a19);
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  font-size: 12px;
  cursor: pointer;
  padding: 5px 15px;
  text-decoration: none !important;
  border-radius: 15px;
}
.promoImage_1{
  width: 60% !important;
  max-width: 2.7rem !important;
  max-height: 2.7rem !important;
  margin-top: 7px;
  margin-right: 5px;
}
.floatLeft{
  float: left;
  /* margin-top: 3%; */
    margin-left: 8%;
    margin-right: 5%;
}

.rightbanner input {
  border: 0px solid red;
  background-color: #F3EFEB !important;
  width: 80% !important;
}
.rightbanner input:-webkit-autofill,
.rightbanner input:-webkit-autofill:hover,
.rightbanner input:-webkit-autofill:focus,
.rightbanner input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
  .loginWrapper{
    margin-top: 20px;
  }
  .loginPage{
    min-height: 100vh;
    height: 100%;
  }
  .leftbanner{
    display: none;
  }
  .rightbanner{
    width: 90% !important;
    
  }
  .loginWrapper{
    justify-content: center;
  } 
  #login_container form{
    width: 55%;
    margin: 0 auto
  }
  .forget_pass_container form{
    width: 55%;
    margin: 0 auto
  }
  .rightbanner img{
    width: 55% !important;
  }
  #change_password ul{
    width: 90% !important;
    margin: 10px auto !important;
  }
}

@media only screen 
and (max-device-width : 767px){
  .text_container input{
    width: 240px !important;
  }
  .loginWrapper{
    margin-top: 20px;
  }
  .loginPage{
    min-height: 100vh;
    height: 100%;
  }
  .leftbanner{
    display: none;
  }
  .rightbanner{
    width: 90% !important;
  }
  .loginWrapper{
    justify-content: center;
  } 
  #login_container form{
    width: 90%;
    margin: 0 auto
  }
  .forget_pass_container form{
    width: 90%;
    margin: 0 auto
  }
  .rightbanner img{
    width: 90% !important;
  }
  #change_password ul{
    width: 90% !important;
    margin: 10px auto !important;
  }
}