.loginlogo{
  max-width: 250px;
  max-height: auto;
  min-width: 250px;
}
  
 
body{
  /*2layout*/
  height: 100vh;
  /*1layout*/
  background-color: white; 
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  background-position: calc(100% + 0px) calc(100% - 0px);
}
  
.btn{
  width:100%;
  margin-bottom: 50px;
  height:50px;
}

.auth-form{
  width:100%;
}


.invalid-input-val{
  text-align:left;
  font-size: 12px;
  color:red;
  padding-bottom: 25px;
  display:none;
}


.box{
  width:100%;
  max-width:576px;
  overflow-y: auto;
  height:100%;
  position:relative;
 }


.foot{
  margin-bottom: 4vh;
}

.separator{
  height:12px;
  border-radius:100%;
  width: 2px;
  background:#bfbfbf;
}

ul.custom-bullet{
  list-style:none;
}

ul.custom-bullet > li{
  clear:left;
}

ul.custom-bullet > li:before{
  content:"";
  height:1em;
  width:1em;
  display:block;
  float:left;
  margin-left:-1.5em;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100%;
  margin-top: 3px;
}

ul.heart > li:before{
  background-image:url('data:image/svg+xml;utf8,<svg style="flex: 1 0 auto; margin-right: 10px;" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12C2 9.34784 3.05357 6.8043 4.92893 4.92893C6.8043 3.05357 9.34784 2 12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 14.6522 20.9464 17.1957 19.0711 19.0711C17.1957 20.9464 14.6522 22 12 22V22ZM12 11.375C11.6685 11.375 11.3505 11.5067 11.1161 11.7411C10.8817 11.9755 10.75 12.2935 10.75 12.625V15.75C10.75 16.0815 10.8817 16.3995 11.1161 16.6339C11.3505 16.8683 11.6685 17 12 17C12.3315 17 12.6495 16.8683 12.8839 16.6339C13.1183 16.3995 13.25 16.0815 13.25 15.75V12.625C13.25 12.2935 13.1183 11.9755 12.8839 11.7411C12.6495 11.5067 12.3315 11.375 12 11.375ZM12 9.96875C12.4558 9.96875 12.893 9.78767 13.2153 9.46534C13.5377 9.14301 13.7188 8.70584 13.7188 8.25C13.7188 7.79416 13.5377 7.35699 13.2153 7.03466C12.893 6.71233 12.4558 6.53125 12 6.53125C11.5442 6.53125 11.107 6.71233 10.7847 7.03466C10.4623 7.35699 10.2812 7.79416 10.2812 8.25C10.2812 8.70584 10.4623 9.14301 10.7847 9.46534C11.107 9.78767 11.5442 9.96875 12 9.96875Z" fill="currentColor"></path></svg>');
  background-size:90%;
  background-position:center;
  transition: background-size 0.3s;
  -webkit-transition: background-size 0.3s;
}
ul.heart > li:hover:before{
  background-size:100%;
}
ul.heart > .icons:before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="green" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>');
 
}/*
  #togglepassword{
    background-color: white;
    border-left-style: none;
    
  }
  #passfield{
    border-right-style: none !important;
    border-right-color: white;
  }
  #togglepasswordneu{
    background-color: white;
    border-left-style: none;
    
  }
  #passfieldnew{
    border-right-style: none !important;
    border-right-color: white;
  }
   */


  .popover{
    box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.20);
    max-width: 450px ;
  }
  

  .rounded-responsive{
    border-radius: 0rem;
  }

  .logo-size{
    width:200px;
    margin-top:8vh;
    margin-bottom:8vh;
  }

  @media (min-width: 576px) {
    .rounded-responsive {
        border-radius: 0.6rem;
    }

    .box{
      width:100%;
      max-width:440px;
      box-shadow: 0px 0px 15px #a1a1a1;
      max-height:100%;
      height:auto;
     }
}

@media (min-width: 2000px) {
  .rounded-responsive {
      border-radius: 0.6rem;
  }

  .box{
    max-width:576px;
    margin-left:20px;
   }
}