/*
======================================
    CONTACT FORM CSS
=======================================
*/

.user_access_button{
    color: var(--color-button-txt); /* important; */
    background-color: var(--color-button-bkg);
    width: fit-content;
    margin: 0 auto;
    border-radius: 40px;
    min-width: 15vw;
    height: 5.5vh;
    font-size: 2vh;
    padding: 10px;
    border: none;
    cursor: pointer;
  }

.login_icon{
    width: 150px;
    margin-bottom: 10px;
  }

.error_text{
  font-size: 0.975rem;
}

.ua_align_left{
  text-align: left;
  align-items: left;
}


.user_access_wrapper{
  width: 100%;
  /* height: 100vh; */
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}

.user_access_box,.user_register_box{
  width: 68vw;
  padding: 30px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.3vw;
  border-radius: 3vw;
}

.user_access_input_fields {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }

@media (max-width: 1100px) {
  .user_access_box,.user_register_box{
    width: 69vw;
    font-size: 6vw;
    padding: 4vw;
    border-radius: 5vw;
  }
}

.user_access_box,.user_register_box{
  height: fit-content;
  -webkit-box-shadow: 8px 8px 22px 4px rgb(0 0 0 / 11%);
  box-shadow: 8px 8px 22px 4px rgb(0 0 0 / 11%);
  text-align: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  margin-top: 50px;
  
}