/**** General ****/
html {
    font-size: 100%;
    height: 100%;
}
body {
    height: 100%;
    width: 100%;
    background-image: url("/img/backgrounds/admin-background.png") !important;
    background-size: cover;
    background-position-y: bottom;
    background-position-x: center;
    /*color: #FFFFFF;*/
}
h1, h2{
    color: white;
}
.login input{
    border-color: #999999;
    border-radius: 0px ;
    background-color: rgba(255, 255, 255, 0) !important ;
    color: #FFFFFF;
}
.login button{
    border-radius: 0px ;
    border: 0px ;
    color: #FFFFFF;
    background-color: #F05F22;
}

.login input::placeholder {
  color: #FFFFFF;
}

.inline-block{
    display: inline-block;
}
.float-right{
    float: right;
}

body.login{
    display: flex;
}

.login .logo{
    margin-top: 20vh;
}

.login .logo,
.login .sign-in,
.login .forgot-password{
    padding-top: 25px;
    padding-bottom: 25px;
}

.login .sign-in,
.login .forgot-password{
    background-color: rgba(0, 0, 0, 0.45);
}

hr,
.login .input-group-addon{
    background-color: transparent;
    border-radius: 0px;
    border-color: #999999;
    color: #FFFFFF;
}

a.forgot-password-link,
a.sign-in-link{
    color: #ccc;
    text-decoration: none;
}

a.forgot-password-link,
a.sign-in-link:hover{
    cursor: pointer;
}

/*The code below is used to prevent Google background color (yellow) override when auto-completing inputs */
@-webkit-keyframes autofill {
    to {
        background: transparent;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #FFFFFF;
    -webkit-animation-name: autofill;
    transition: background-color 5000s ease-in-out 0s;
}