html, body {
  height: 100%;
  /* background-color: rgb(255, 255, 255)!important; */
  /* background: linear-gradient(360deg, #099580, #59cec0, #b9ffec)!important; */
    background: linear-gradient(360deg, #ffffff, #ffffff, #ffffff)!important;

          /* background: linear-gradient(360deg, #007d64, #bfed88ff, #a2ffe6)!important; */
                    /* background: linear-gradient(180deg, rgb(162, 230, 78), #bfed88ff, #a2ffe6)!important; */

  width: 100%;
  overflow: hidden;
}


body {
  background-color: #ffffff;
}
.button{
  /* background: linear-gradient(90deg, #547e77, #346b5d)!important; */
  background-color: #504949;
  color:#ffffff;
}
.button :hover{
  background-color: #59cec0 !important;
}
.admin-card {
  background-color: #2373EC;
  max-width: 350px;
  min-height: 450px;
  width: 100%;
  /* height: 100%; */
  border-radius: 10px;
  box-shadow: 18px 18px 14px rgba(0, 0, 0, 0.3);
 

  
}


/* .outer {
  /* border: 2px solid black; */
  /* width: 500px; */
/* } */

/* #input-box2
#input-box2:focus {
  max-width: 350px;
  height: 40px;
  /* background-color: #030202 !important;
  color: #ffffff !important; */
/* }

#input-box1:focus {
  width: 450px;
  height: 40px;
  /* background-color: #030202 !important;
  color: #ffffff !important; */
/* }  */
#input-box1,#input-box2{
 width: 280px;
  height: 40px;
  color: #000000;
  /* background-color: #ffffff; */
  border: 2px solid #736868;
  border-radius: 8px;
  padding: 10px;
  font-size: 16px;
  outline: none;
}
.text {
  font-size: 30px !important;
    font-family: 'Poppins', sans-serif;
}
.vh-sm-100{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 15%;
  height: 90vh;
  
}
/* @media only screen and (max-width: 700px) {
 .box{
    background-color: black!important;
 } */
 
/* } */
@media only screen and (max-width: 1150px) {
  .image-disable{
    display: none;
  }
  #logo{
    display: flex;
    align-items: center;
    justify-content: center;
      position: absolute;
        top: 150%;
       left: 50%;
         transform: translate(-50%, -50%);
         height: 100px;
         width: 150px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0);
        background-color: #ffffff;
        border-radius: 10px;
  /* max-width: 120px; */
    /* background-color: black; */
  }
  #logo-container{
    position: relative;
    height: 60px;
    

  }
  #input-box1,#input-box2{
    width: 200px;
  height: 45px;
  }
   .vh-sm-100 {
    height: 100vh !important;
  }
  .admin-card {
    background-color: #2373EC;

    width: 90%;
    height: 0%;
     min-height: 400px;
     /* border: 2px solid black; */
  }
  
}
/* @media (min-width: 700px)  and (max-width: 1150px){
  .vh-sm-100 {
    height: 70vh !important;
  }
  
} */