*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{font-size:62.5%;height:100%;overflow:hidden}@media (max-width:768px){body,html{font-size:50%}}svg{display:inline-block;width:2rem;height:2rem;overflow:visible}.svg-icon{cursor:pointer}.svg-icon path{stroke:rgba(68,68,68,.9);fill:none;stroke-width:1}button,input{outline:0;border:none}.cont{position:relative;height:100%;background-image:url(../images/new.jpg);background-position:bottom;background-size:cover;overflow:auto;font-family:"Open Sans",Helvetica,Arial,sans-serif}.pwd{color:#dadada;font-size:16px;margin-left:-27px;padding-bottom:0;display:block}.demo{position:absolute;top:50%;left:50%;margin-left:-20rem;margin-top:-26.5rem;width:40rem;height:50rem;overflow:hidden}::-webkit-input-placeholder{color:#b9b9b9}::-moz-placeholder{color:#b9b9b9}:-ms-input-placeholder{color:#b9b9b9}:-moz-placeholder{color:#b9b9b9}.login{border-radius:5px;position:relative;height:100%;background:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(50,50,50,.52);-moz-box-shadow:0 10px 20px 0 rgba(50,50,50,.52);box-shadow:0 10px 20px 0 rgba(50,50,50,.52)}.login__form h2{color:#0068bb;text-align:left;font-size:18px}.forgot_pass h2{color:#0068bb;text-align:left;font-size:18px}.forgot_Id h2{color:#0068bb;text-align:left;font-size:18px}.logo-client{box-shadow:0 1px 5px 0 #ddd;background:#fff;padding:8PX;border-radius:5px 5px 0 0}.logo-client img{display:block;margin:0 auto;height:60px}.login.inactive{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.login__check{position:absolute;top:16rem;left:13.5rem;width:14rem;height:2.8rem;background:#fff;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.msg{font-size:16px!important;margin-right:4px;color:#1c84d8}.copyright{position:absolute;bottom:0;color:#989898;font-size:12px;background:#e6e6e6;width:100%;text-align:center;padding:3px 0;border-radius:0 0 5px 5px}.login__check:before{content:"";position:absolute;left:0;bottom:100%;width:2.8rem;height:5.2rem;background:#fff;-webkit-box-shadow:inset -.2rem -2rem 2rem rgba(0,0,0,.2);box-shadow:inset -.2rem -2rem 2rem rgba(0,0,0,.2)}.login-text{margin-top:2em}.login-text ul li{display:inline-block}.login-text ul li:nth-child(2){margin-left:16em}.login-text ul li a,.login-text ul li label{color:#9a9a9a;font-size:14px}.login-text ul li label input[type=checkbox]{vertical-align:bottom;cursor:pointer;width:18px;height:18px}.login-text ul li a:hover{color:#848dd7}.login__form{position:absolute;top:20%;left:0;width:100%;height:50%;padding:1.5rem 2.5rem;text-align:center}.forgot_pass{position:absolute;top:20%;left:0;width:100%;display:none;height:50%;padding:1.5rem 2.5rem;text-align:center}.forgot_Id{position:absolute;top:20%;left:0;width:100%;display:none;height:50%;padding:1.5rem 2.5rem;text-align:center}.login__row{margin-bottom:20px;height:5rem;padding-top:1rem;border-bottom:1px solid rgba(43,43,43,.2)}.login__icon{margin-bottom:-.4rem;margin-right:.5rem}.login__icon.name path{stroke-dasharray:73.50196075439453;stroke-dashoffset:73.50196075439453;-webkit-animation:animatePath 2s .5s forwards;animation:animatePath 2s .5s forwards}.login__icon.pass path{stroke-dasharray:92.10662841796875;stroke-dashoffset:92.10662841796875;-webkit-animation:animatePath 2s .5s forwards;animation:animatePath 2s .5s forwards}.login__input{display:inline-block;width:30rem;height:100%;padding-left:1.5rem;font-size:1.5rem;background:0 0;color:#4c4c4c}.return{font-size:14px;text-align:right;display:block;padding-bottom:20px}.login__submit{position:relative;width:100%;height:4rem;margin:2rem 0 2.2rem;color:#fff;background:#1c84d8;font-size:1.8rem;border-radius:3rem;cursor:pointer;overflow:hidden;-webkit-transition:width .3s .15s,font-size .1s .15s;transition:width .3s .15s,font-size .1s .15s}.login__submit:after{content:"";position:absolute;top:50%;left:50%;margin-left:-1.5rem;margin-top:-1.5rem;width:3rem;height:3rem;border:2px dotted #fff;border-radius:50%;border-left:none;border-bottom:none;-webkit-transition:opacity .1s .4s;transition:opacity .1s .4s;opacity:0}.login__submit.processing{width:4rem;font-size:0}.login__submit.processing:after{opacity:1;-webkit-animation:rotate .5s .4s infinite linear;animation:rotate .5s .4s infinite linear}.login__submit.success{-webkit-transition:opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;transition:opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;transition:transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s;transition:transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;-webkit-transform:scale(30);transform:scale(30);opacity:.9}.login__submit.success:after{-webkit-transition:opacity .1s 0s;transition:opacity .1s 0s;opacity:0;-webkit-animation:none;animation:none}.login__signup{font-size:1.2rem;color:#aba8ae}.login__signup a{color:#fff;cursor:pointer}.app{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:none;-webkit-transition:opacity .1s,-webkit-transform .3s cubic-bezier(.68,-.45,.465,1.25);transition:opacity .1s,-webkit-transform .3s cubic-bezier(.68,-.45,.465,1.25);transition:opacity .1s,transform .3s cubic-bezier(.68,-.45,.465,1.25);transition:opacity .1s,transform .3s cubic-bezier(.68,-.45,.465,1.25),-webkit-transform .3s cubic-bezier(.68,-.45,.465,1.25);-webkit-transform:scale(1.2);transform:scale(1.2)}.app.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.app.active .app__user-photo{-webkit-transform:scale(1);transform:scale(1)}.app.active .app__meeting{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.app.active .app__logout{-webkit-transform:scale(1);transform:scale(1)}.app__top{position:relative;height:28rem;background:rgba(0,0,0,.5);padding:6rem 1.5rem 2rem;text-align:center}.app__bot{position:relative;height:25rem;background:#fff}.app__menu-btn{position:absolute;top:2rem;left:1.5rem;width:1.8rem;height:1.7rem;cursor:pointer}.app__menu-btn span,.app__menu-btn:after,.app__menu-btn:before{position:absolute;left:0;width:100%;height:1px;background:rgba(255,255,255,.6)}.app__menu-btn span{top:.8rem}.app__menu-btn:before{content:"";top:0}.app__menu-btn:after{content:"";bottom:0}.app__icon{position:absolute;top:2rem}.app__icon.search{right:1.5rem;stroke-dasharray:61.847137451171875;stroke-dashoffset:61.847137451171875;-webkit-animation:animatePath .5s .5s forwards;animation:animatePath .5s .5s forwards}.app__hello{font-size:2.2rem;color:#fff;font-weight:400;margin-bottom:3rem}.app__user{position:relative;display:inline-block;width:9rem;height:9rem;margin-bottom:3rem}.app__user-photo{width:100%;height:100%;border-radius:50%;-webkit-transition:-webkit-transform .3s .2s cubic-bezier(.62,.35,.56,1.55);transition:-webkit-transform .3s .2s cubic-bezier(.62,.35,.56,1.55);transition:transform .3s .2s cubic-bezier(.62,.35,.56,1.55);transition:transform .3s .2s cubic-bezier(.62,.35,.56,1.55),-webkit-transform .3s .2s cubic-bezier(.62,.35,.56,1.55);-webkit-transform:scale(0);transform:scale(0)}.app__user-notif{position:absolute;top:0;right:0;width:3rem;height:3rem;border-radius:50%;line-height:3rem;text-align:center;background:#50d2c2;color:#fff;font-size:1.5rem}.app__month:after{content:"";display:table;clear:both}.app__month-name{display:inline-block;color:rgba(255,255,255,.6);font-size:1.2rem;text-transform:uppercase}.app__month-btn{display:inline-block;width:1.2rem;height:1.2rem;border:1px solid rgba(255,255,255,.6);border-left:none;border-bottom:none;cursor:pointer}.app__month-btn.left{float:left;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.app__month-btn.right{float:right;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app__days{height:7rem;padding:1.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.app__day{width:14%;text-align:center;font-size:1.2rem}.app__day.weekday{color:#919197;text-transform:uppercase}.app__day.date{font-size:1.2rem;font-weight:700;color:#3c3c43}.app__meeting{position:relative;height:6rem;border-top:1px solid #eeeeef;padding:1rem 2rem 1rem 7.5rem;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}.app__meeting:nth-child(1){-webkit-transition-delay:.2s;transition-delay:.2s}.app__meeting:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.app__meeting:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}.app__meeting:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.app__meeting:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.app__meeting-photo{position:absolute;left:2rem;top:1rem;width:4rem;height:4rem}.app__meeting-name{color:#000;font-size:1.3rem}.app__meeting-info{color:#949498;font-size:1.1rem}.svgarrow{margin-top:10px;margin-left:10px}.app__logout{position:absolute;bottom:3.3rem;right:3.3rem;width:4.6rem;height:4.6rem;margin-right:-2.3rem;margin-bottom:-2.3rem;background:#f6ee1d;color:#fff;font-size:2rem;border-radius:50%;cursor:pointer;-webkit-transition:bottom .4s .1s,right .4s .1s,opacity .1s .7s,background-color .1s .7s,-webkit-transform .4s .4s;transition:bottom .4s .1s,right .4s .1s,opacity .1s .7s,background-color .1s .7s,-webkit-transform .4s .4s;transition:bottom .4s .1s,right .4s .1s,transform .4s .4s,opacity .1s .7s,background-color .1s .7s;transition:bottom .4s .1s,right .4s .1s,transform .4s .4s,opacity .1s .7s,background-color .1s .7s,-webkit-transform .4s .4s;-webkit-transform:scale(0);transform:scale(0)}.app__logout.clicked{bottom:50%;right:50%;-webkit-transform:scale(30)!important;transform:scale(30)!important;opacity:.9}.app__logout.clicked svg{opacity:0}.app__logout-icon{position:absolute;width:3rem;height:3rem;top:50%;left:50%;margin-left:-1.5rem;margin-top:-1.5rem;-webkit-transition:opacity .1s;transition:opacity .1s}.app__logout-icon path{stroke-width:4px;stroke-dasharray:64.36235046386719;stroke-dashoffset:64.36235046386719;-webkit-animation:animatePath .5s .5s forwards;animation:animatePath .5s .5s forwards}.ripple{position:absolute;width:15rem;height:15rem;margin-left:-7.5rem;margin-top:-7.5rem;background:rgba(0,0,0,.4);-webkit-transform:scale(0);transform:scale(0);-webkit-animation:animRipple .4s;animation:animRipple .4s;border-radius:50%}.errorlogin{font-size:14px;color:red}.warninglogin{font-size:14px;color:orange}.demo{position:absolute;top:50%;left:50%;margin-left:-20rem;margin-top:-26.5rem;width:40rem;height:50rem;overflow:hidden;box-shadow:0 10px 20px 0 rgba(50,50,50,.52)}@-webkit-keyframes animRipple{to{-webkit-transform:scale(3.5);transform:scale(3.5);opacity:0}}@keyframes animRipple{to{-webkit-transform:scale(3.5);transform:scale(3.5);opacity:0}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animatePath{to{stroke-dashoffset:0}}@keyframes animatePath{to{stroke-dashoffset:0}}


.loginselectlangcls {
    text-align: right;
    padding: 15px;
    position: relative;
    z-index: 9;
    padding-bottom: 0;
  }
  .loginselectlangcls label {
    font-size: 11px;
    display: inline-block;
    margin-right: 2px;
    font-weight: 500;
    color: #525252;
    border-right: 1px solid #545454;
    padding-right: 10px;
  }
  .loginselectlangcls select.form-control {
    background: #fff;
      font-size: 11px;
      width: auto;
      border: none;
      color: #525252;
      height: 28px;
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      padding: 0 8px 0 0;
      display: inline-block;
  }
  
  .loginselectlangcls select.form-control option {
    color: #000;
  }
  .loginselectlangcls select.form-control:focus {
    background: #fff;
    border: none;
    outline: none;
  }
  .newloginpagecls {
    padding: 15px;
    background: #d9dada;
    font-family: 'Roboto', sans-serif;
  }
  .newloginpagecls .logo-client {
    box-shadow: none;
    padding: 0;
    float: left;
    padding-left: 9px;
  }
  .newloginpagecls .logo-client img {
    height: auto;
    width: 84px;
  }
  .newloginpagecls .cont {
    border-radius: 15px;
    font-family: 'Roboto', sans-serif;
    background-repeat: no-repeat;
      background-size: 100% 100%;
      position: relative;
  }
  .newloginpagecls .cont::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.2); */
  }
  .newloginpagecls .login {
    border-radius: 0;
  }
  .newloginpagecls .login__input {
    width: 100%;
    font-size: 14px;
    border: 1px solid #cacaca;
    background: #fff !important;
    height: 34px;
    line-height: 34px;
  }
  .newloginpagecls .login__input:valid {
    background: #fff !important;
  }
  .newloginpagecls .login__row label {
    font-size: 14px;
    color: #464646;
    display: block;
    text-align: left;
    padding-bottom: 5px;
    padding-left: 0px;
  }
  .newloginpagecls .login__form, .newloginpagecls .forgot_pass {
    top: 10%;
    padding: 0 2.5rem;
    height: auto;
  }
  .newloginpagecls .login__form, .newloginpagecls .forgot_Id {
    top: 10%;
    padding: 0 2.5rem;
    height: auto;
  }
  .newloginpagecls .login__form {
    top: 75px;
  }
  .newloginpagecls .errorlogin {
    font-size: 11px;
    color: #d86a6a;
    margin-bottom: 10px;
    border: 1px solid #d86a6a;
    padding: 1px 5px;
  }
  .newloginpagecls #message, .newloginpagecls #message_mail, .newloginpagecls #message1 {
    font-size: 11px;
    color: #d86a6a;
    /* border: 1px solid #d86a6a; */
    padding: 5px;
    margin-bottom: 10px;
  }
  .newloginpagecls .login__form h2, .newloginpagecls .forgot_pass h2 {
    color: #0096db;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
      margin-top: 10px;
  }
  .newloginpagecls .login__form h2, .newloginpagecls .forgot_Id h2 {
    color: #0096db;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .newloginpagecls .forgot_pass h2 {
    margin-bottom: 15px;
  }
  .newloginpagecls .forgot_Id h2 {
    margin-bottom: 15px;
  }
  .forgot_pass .loginsubmitbtncls button#reset_password_one { 
    float: right;
  }
  .forgot_Id .loginsubmitbtncls button#send_id { 
    float: right;
  }
  .newloginpagecls .login-text ul li {
    width: 50%;
    margin: 0;
    float: left;
    text-align: left;
    list-style: none;
  }
  .newloginpagecls .login-text ul li:nth-child(2) {
    margin-left: 0 !important;
    text-align: right;
  }
  .newloginpagecls .login__row {
    margin-bottom: 10px;
    height: auto;
    padding-top: 0;
    border-bottom: none;
  }
  .newloginpagecls .login-text {
    margin-top: 8px;
    width: 100%;
    float: left;
  }
  .newloginpagecls .customcheckboxcls input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .newloginpagecls .customcheckboxcls label {
    position: relative;
    cursor: pointer;
  }
  .newloginpagecls .login-text span.customcheckboxcls {
    position: relative;
  }
  .newloginpagecls .customcheckboxcls label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #03a1e3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    top: -1px;
  }
  .newloginpagecls .customcheckboxcls input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 8px;
    width: 6px;
    height: 16px;
    border: solid #009846;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .newloginpagecls .customcheckboxcls input:checked+label::before {
    border-color: #009846;
  }
  .newloginpagecls .login-text ul li label, .login-text ul li a {
    color: #5f5f5f;
    font-size: 13px;
  }
  .newloginpagecls .login__submit {
position: relative;
    width: fit-content;
    margin: auto;
    height: unset;
    margin: 0;
    color: #ffffff;
    background: #0082c9;
    font-size: 15px;
    border-radius: 50px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
    transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding: 11px 14px;
  }
  .newloginpagecls .loginsubmitbtncls {
    width: 100%;
    clear: both;
    /* float: left; */
    padding: 18px 0 20px 0;
  }
  .newloginpagecls .login-text ul li a#forgot_password {
      color: #657699;
      font-size: 13px;
      text-decoration: none;
  }
  .newloginpagecls .poweredbylogocls {
    width: 100%;
      float: left;
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 35px;
  }
  .newloginpagecls .poweredbylogocls label.pwd {
    font-size: 13px;
    display: block;
    text-align: center;
    color: #3c3c3c;
    padding-bottom: 5px;
    margin: 0;
  }
  .newloginpagecls .poweredbylogocls img {
    max-width: 80px;
    height: auto;
  }
  .newloginpagecls .copyright {
    position: absolute;
    bottom: 0;
    color: #464646;
    font-size: 11px;
    background: #e6e6e6;
    width: 100%;
    text-align: center;
    padding: 6px 0;
    border-radius: 0;
    margin-bottom: 0;
  }
  .newloginpagecls .demo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 44rem;
    height: 48rem;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgb(50 50 50 / 52%);
  }
  .newloginpagecls .return {
      padding-bottom: 0;
      text-decoration: none;
      background: #0082c9;
      font-size: 15px;
      border-radius: 50px;
      width: 150px;
      color: #fff;
      text-align: center;
      float: left;
      height: 4rem;
      line-height: 40px;
  }
  .newloginpagecls .forgot_pass .login__submit .forgot_Id{
    float: right;
  }
  .marqueesuggestioncls {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    width: 100%;
    background: #d9dada;
    z-index: 9;
    color: #000;
  }
    /* ========25-september Start ccc=== */
    .loginselectlangcls_dropdown {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .loginselectlangcls_dropdown select#forgotOption {
    margin-right: 10px;
    border: 1px solid rgb(207 207 207) !important;
    background: rgb(243, 244, 244) !important;
    padding: 7px 10px;
}
  /* ========25-september End ccc=== */
  
  
  
  @media only screen and (max-width: 767px) {
    .newloginpagecls {
      padding: 10px;
    }
    .newloginpagecls .demo {
      height: 58rem;
    }
    .newloginpagecls .login__form h2, .forgot_pass h2 .forgot_Id h2{
      font-size: 16px;
    }
    .newloginpagecls .login__submit {
      width: 100px;
      height: 34px;
      font-size: 12px;
    }
 
    .newloginpagecls .copyright {
      font-size: 10px;
    }
    /*7 feb Start*/
    .newloginpagecls .demo.withotherbutton {
      height: 60rem;
    }
  }

  .loginwithgoolebtncls a.btn.btn-outline-dark {
    border: 1px solid #343a40 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    color: #000 !important;
    font-size: 14px !important;
    border-radius: 50px !important;
    line-height: 21px !important;
}
a.btn.btn-outline-dark:hover {
    border-color: #0082c9 !important;
    color: #0082c9 !important;
  }
  .col-md-12.loginwithadbtncls a {
      border: 1px solid #343a40 !important;
      padding: 10px 20px !important;
      text-decoration: none !important;
      color: #000 !important;
      font-size: 14px !important;
      border-radius: 50px !important;
      line-height: 21px !important;
  
    }
.demo.adorssobutton .forgot_pass {
    margin-top: 20px;
}
.directsignbutton .loginsubmitbtncls {
    margin-top: 15px;
}
.directsignbutton .forgot_pass {
    margin-top: 20px;
}
.directsignbutton .forgot_Id {
  margin-top: 20px;
}
.directsignbutton .loginsubmitbtncls {
    margin-top: 10px !important;
}
/*7 feb Start*/
/* =======7-feb 2023=======condition css start============= */
.newloginpagecls .withotherbutton .errorlogin{
  margin-bottom: 5px !important;
}
.newloginpagecls .withotherbutton .login__row {
  margin-bottom: 7px !important;
}
.newloginpagecls .withotherbutton .login-text {
  margin-top: 4px;
}
.newloginpagecls .withotherbutton .loginsubmitbtncls { 
  padding: 10px 0 10px 0;
}



/* =======7-feb 2023=======condition css End============= */
/* =======7-feb 2023=======common css Start============= */
.main-new-login { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  flex-wrap: wrap; 
}

.border-line {
  clear: both;
  height: 30px;
  width: 30px;
  margin-bottom: 5px !important;
  margin: 0 auto;
}
.border-line span {
  background: #fff;
  box-shadow: 0px -1px 4px 1px hsl(0deg 0% 0% / 14%), 2px 3px 6px 0px rgb(0 0 0 / 10%);
  padding: 7px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  border-radius: 50px;
}
a.btn.btn-outline-dark.btn-color-var {
  background: #0082c9 !important;
  color: #fff !important;
  padding: 8px 10px;
  height: 40px !important;
  display: flex;
  align-items: center;
  line-height: 20px !important;
  font-size: 12px !important;
  margin: 0px 5px;
  border-radius: 50px;
  border: 0px !important;
  text-decoration: none;
}

.newloginpagecls input:-webkit-autofill {
  background-color: transparent !important;
}
.newloginpagecls input:-internal-autofill-selected {
  background-color: -internal-light-dark(rgba(232, 240, 254, 0), rgba(70, 90, 126, 0)) !important;
}
button:focus {
  outline: 0px !important;
  box-shadow: none !important;
}
a.btn.btn-outline-dark.btn-color-var:focus {
  outline: 0px !important;
  box-shadow: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-box-shadow:none !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.newloginpagecls .withotherbutton .login__form h2 {
  margin-top: 0px !important;
}
/* =======7-feb 2023=======common css End============= */
/* =======Responsive Start============= */

.newloginpagecls .withotherbutton .errorlogin{
  margin-bottom: 5px !important;
}
.newloginpagecls .withotherbutton .login__row {
  margin-bottom: 7px !important;
}
.newloginpagecls .withotherbutton .login-text {
  margin-top: 4px;
}
.newloginpagecls .withotherbutton .loginsubmitbtncls { 
  padding: 10px 0 10px 0;
}
.login_centerbtn_main {
  display: flex;
  justify-content: center;
}
.login_centerbtn_main .login_centerbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.login_centerbtn_main .login_centerbtn svg {
  top: 0;
}

/*button revamp design*/
.new_btn_revamp {
  border: 1px solid #4285F4 !important;
  background: transparent !important;
  color: #4285F4 !important;
  border-radius: 8px !important;
  transition: .2s;
  padding: 6px 20px !important;
  height: unset !important;
  font-size: 14px !important;
}
.new_btn_revamp svg {
  position: relative;
  left: -4px;
  top: 2px;
}
.new_btn_revamp:hover {
  background: #4285F4 !important;
  color: #fff !important;
}
.hover-main_revamp_submit {
  background: #4285F4 !important;
  color: #fff !important;
}
.hover-main_revamp_submit:hover {
  border: 1px solid #4285F4 !important;
  color: #4285F4 !important;
  background: transparent !important;
}
.new_btn_revamp_multpl_gap{
  margin: 12px 0px !important;
}   

.new_btn_revamp_multpl_gap i{
  font-size: 14px !important;
}
/*ends button revamp*/
@media only screen and (max-width: 480px) {
  
  a.btn.btn-outline-dark.btn-color-var { 
    font-size: 12px !important;
    margin: 0px 3px;
  }
  .withotherbutton a.btn.btn-outline-dark.btn-color-var {
    margin: 6px 3px; 
    height: 36px !important;
    line-height: 11px !important;
  }
  .newloginpagecls .demo {
    height: 56rem !important;
  }
  .newloginpagecls .demo.withotherbutton {
    height: 60rem !important;
  }
  .border-line { margin-bottom: 0px !important;}
  
}
.forgot_Id .loginsubmitbtncls {
  padding-top: 5px;
}

/* =======Responsive Start============= */

/*7 feb End*/


/* logout btn revamp abhay start */
.hover-main_revamp_submit {
  background: #fff !important;
  color: #4285F4 !important;
}
.hover-main_revamp_submit:hover {
  border: 1px solid #4285F4 !important;
  color: #fff !important;
  background: #4285F4 !important;
}
.loginsubmitbtncls .hover-main_revamp_submit{
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  justify-content: flex-start !important;
}
/* .login_centerbtn_main .login_centerbtn {
  gap: 6px !important;
} */
.new_btn_revamp {
  border: 1px solid #4285F4 !important;
  background: transparent !important;
  color: #4285F4 !important;
  border-radius: 8px !important;
  transition: .2s;
  padding: 6px 20px 6px 8px !important;
  height: unset !important;
  font-size: 14px !important;
}

/* logout btn revamp abhay ends */