* {
    font-family: 'Arial';
 }

body {
     background: none;
 }

#admin_wrapper{
  /* display: flex; */
  width: 900px;
  height: 650px;
  margin:0px auto 0;
  background: transparent;
  padding:55px 55px 55px;
  border:none;
  min-height: 400px;
  box-shadow: 3px 4px 8px 0 rgb(22, 33, 106);
  border-radius: 3px;
}


#logo {
  background-image: url('https://secure.activecarrot.com/media/dynamic/static_images/1271/BRC-logo.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 390px;
  float: left;
  margin-left: 50px;
  margin-top: 120px;
}


form {
    float: right;
    width: 20px;
    margin-right: 500px;
}

form label {
  font-size: 1.5em;
  margin-top: 20px;
  margin-bottom: 5px;
  color: #0076be;
  font-weight: 500;
  /* text-align: center; */
  width: 300px;
}

form .input{
 background-color:transparent;
 /* margin: 1.5vh; */
}

input#username {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;

}

input.input.large {
    background: transparent;
    border: none;
    border: 1px solid #ccc;
}


.forgot_password p a {
    color: #0076be;
    display: flex;
    position: relative;
    left: 58px;
    font-size: 0.9em;
    font-weight:100;
    min-width: 200px;
    
}

form .forgot_password p a:hover{
    color:#2a2e3c;
    transition: 0.2s ease 0s;
}

form .button {
    background-color: #16216a;
    text-align: center;
    padding: 1vh 6vh 1vh 6vh;
    margin-top: 30px;
    border-radius: 3px;
    border: none;
    transition: 0.2s 
    ease 0s;
    font-size: 1.2em;
}

form .button:hover{
    background-color: #2a2e3c;
    cursor: pointer;
}





/* MOBILE */
@media only screen and (min-width:0px) and (max-width:700px)
{

div#admin_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#admin_wrapper{
  width: 90vw;
  height: 70vh;
  margin: 0px auto 0;
  background: transparent;
  padding:0px;
  border:none;
  /* min-height:350px; */
  box-shadow: 3px 4px 8px 0 rgb(22, 33, 106);
  border-radius: 3px;
}


#logo {
  background-image: url('https://secure.activecarrot.com/media/dynamic/static_images/1271/BRC-logo.png');
  background-repeat: no-repeat;
  /* width: 30vw; */
  /* height: 36vh; */
  margin:  50px 0;
  background-size: 200px;
  background-position:  center;
}

#admin_wrapper > form {max-width:  200px;width:  100px;margin-left: 130px;}

form label {
  /* text-align: center; */
  font-size: 1.5em;
  margin-bottom: 2vh;
}

form .input {
  text-align: center;
}


form .input[type="text"] {
  background: transparent;
  border: none;
  border: 1px solid #16216a !important;
}


form .input[type="password"] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #16216a !important;
}


.forgot_password p {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.forgot_password p a {
  font-size: 1em;
  text-align: center;
  margin-bottom: 15px;
}

.forgot_password p a:hover {
  color: #16216a;
  transition: 0.5s;
}

form .button {
  background: #0076be;
  text-align: center;
  align-content: center;
  border: none;
  margin-bottom: 50px;
  padding-right: 130px;
}

form .button:hover {
  background: #16216a;
  text-align: center;
  align-content: center;
  border: none;
  margin-bottom: 20px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
  transition: 0.5s;
}

}