body {
   background: url(/Content/img/bg.jpg);
  background-size:cover;
} 
*
{
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 0;
}
.wrapper 
{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  /*   background: linear-gradient(to right , #bb4a08 , #791807); */
  position: relative;
}

.form-signin {
    /* max-width: 250px; */
    width: 350px;
    height: 500px;
    padding: 50px 30px 30px;
    /*background-color: rgba(255, 255, 255, 0.06);*/
    background-color: rgba(0, 0, 0, 0.49);
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 20px 20px 40px -6px rgba(0, 0, 0, 0.2);
    /* text-align: center; */
    position: relative;
    transition: .5s all ease-in-out;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
}
.form-signin .login-img
{
  width: 100px;
  height: 100px;
  margin: 10px 0 30px;
  position: relative;
}
.form-signin .login-img img
{
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(1.2);
}
.form-signin input.form-input
{
    background-color: transparent !important;
    width: 100%;
    height: 45px;
    padding:10px 20px ;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
   /*  border-left:1px solid rgba(255, 255, 255, 0.3) ;
    border-top:1px solid rgba(255, 255, 255, 0.3) ; */
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(5px);
    box-shadow: 4px 4px 60px rgba(0, 0, 0, 0.1);
    color: #ddd;
    font-weight: 400;
    font-size: 14px;
    transition: .3s all ease-in-out;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.form-input
{
  cursor: pointer;
}
.form-signin input.form-input:focus,
input[type ="submit"].form-input:hover
{
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 4px 4px 60px 8px rgba(0, 0, 0, 0.2);
  outline: none  ;
  box-shadow: none !important;
  background-color: transparent;
}
.check-z
{
  display: flex;
  margin-left: auto;
  color: #fff;
  margin-bottom: 20px;
  align-items: flex-start;
}
.check-z input#RememberMe
{
  margin-left: 10px;
  width: 15px;
  height: 15px;
 /*  background-color: #ddd; */
}
.form-signin input:not([type="checkbox"])::placeholder
{
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
input[type=checkbox]
{
    position: relative;
    cursor: pointer;
}
input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:#e9e9e9;
}
input[type=checkbox]:checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color:#1E80EF;
}
input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0px;
  left: 5px;
}
/**** drops ***/
.drops
{
  position: absolute;
  width: 350px;
  height: 500px;
  z-index: 1;
  pointer-events: none;
  background-color: transparent;
}

.drop
{
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  backdrop-filter: blur(10px);
  border-left:1px solid rgba(255, 255, 255, 0.3) ;
  border-top:1px solid rgba(255, 255, 255, 0.3) ;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 10px 10px 60px -8px rgba(0, 0, 0, 0.3);
  transition: .5s all ease-in-out;
  width: 80px;
  height: 80px;
  position: absolute;
}
.drop1
{
  top: -40px;
  left: -40px;
  /*animation: drop1 5s ease-in-out infinite;
  backdrop-filter: blur(50px);*/
}
.drop2
{
  bottom: -40px;
  right: -40px;
/*  backdrop-filter: blur(50px);
  animation: drop2 5s ease-in-out infinite;*/
}
.drop3
{
  bottom: -40px;
  left: -40px;
  /*animation:  drop3 10s ease-in-out infinite;*/

}
.drop4
{
  right: -40px;
  top: -40px;
  /*animation:  drop4 10s ease-in-out infinite;*/
}
/*@keyframes drop1
{
    0%
    {
     transform: translateY(0px);
    }
    25%
    {
      transform: translateY(10px);
    }
    50%
    {
        transform: translateY(0px);
    }
    75%
    {
      transform: translateY(-10px);
    }
    100%
    {
      transform: translateY(0);
    }
}
@keyframes drop2
{
    0%
    {
     transform: translateY(0px);
    }
    25%
    {
      transform: translateY(-10px);
    }
    50%
    {
        transform: translateY(0px);
    }
    75%
    {
      transform: translateY(10px);
    }
    100%
    {
      transform: translateY(0);
    }
}
@keyframes drop4
{
  0%
  {
    top: -40px;
    right: -40px;
  }
  50%
  {
    top:calc(100% - 40px );
    right: calc(100% - 40px );
  }
  100%
  {
    top: -40px;
    right: -40px;
  }
}
@keyframes drop3
{
  0%
  {
    bottom: -40px;
    left: -40px;
  }
  50%
  {
    bottom:calc(100% - 40px );
    left: calc(100% - 40px );
  }
  100%
  {
    bottom: -40px;
    left: -40px;
  }
}*/
input[type ="submit"].form-input
{
    width: 130px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    font-size: 14px;
    font-weight: bold;
}
/* .form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 30px;
}
    .form-signin {
    max-width: 380px;
    padding: 15px 35px 45px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
} */
/* .form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */
/* .form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input{
    margin-bottom:1em;
}
 */