/* CSS file to style the pages from view - userlog */

.input{
    outline:0;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.btn-login{
    background: #6e85bf;
    padding:8px 25px;
    margin:8px 0px;
}
.red{
    background:#F39C11;
}
.box-userlog{
    /* min-width: 300px; */
    /* max-width: 45%; */
    min-width: 10rem;
    max-width: 25rem;
    margin: 2.0rem auto;
    background: white;
    padding: 2.5rem;
    border-radius: 1rem;
    border-width: 1px;
    box-shadow: 0px 1px 8px #95A0AD;

}
.input-wrapper{
    display: inline-block;
    width: 89%;
    /*margin-right: 0.1rem*/
}

.box-morecars{
    min-width:300px;
    max-width: 45%;
}
.box{
    background:white;
    padding:15px 20px 1px;
    border-radius:10px;
}
.error{
    background: #e9d07a;
    color:white;
    padding:10px;
    border-radius:5px;
    font-weight:bold;
    margin-bottom: 10px;
}
.activation{
    font-size:12px;
    font-weight: normal;
}


.availability{
    font-weight: bold;
}
input.error-input{
    border:1px solid #e74c3c;
}
.error-drop{
    background: #e74c3c;
    padding:5px;
    color:white;
    border-radius: 4px;
    margin-bottom: 10px;
}
.a-red{
    background: #e74c3c;
}
.a-green{
    background: #2ecc71;
}
.check-username{
    background: #bdc3c7;
    border-radius: 5px;
    padding:3px 10px;
    color:white;
    font-weight: bold;
    cursor: pointer;
}
.register{
    font-weight: bold;
}
.error-drop{
    display:none;
}
.ash{
    color:silver;
}
.login-image{
    width:200px;
    border-radius: 10px;
}
.login-box{
    background:white;
    /*padding:20px;*/
    padding: 5.5rem;
    border-radius: 2rem;
    border-width:1px;
    box-shadow: 0px 1px 8px #95A0AD;
    /*max-width: 200px;*/
    margin: 2rem auto;
    width: 60%;
}
.log-input{
    /*display: table;*/
    /*width: 200px;*/
    margin: 0.25rem auto;

}

.log-input-addon{
    display: table-cell;
    padding: 6px 12px;
    background-color: #eee;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px 0px 0px 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
}
.log-title{
    font-family: 'bauhaus 93';
    font-variant-caps: normal;
    /* font-weight: bold;*/
    padding: 10px 0px;
    text-align: center;
    font-size: large;
}

@media screen and (max-width:640px){
    .bcol-30,.bcol-70{
        width:98%;
    }
    .login-box{
        background:white;
        /*padding:20px;*/
        padding: 3.5rem 4.5rem 4rem 4.5rem;
        border-radius: 1rem;
        border-width:1px;
        box-shadow: 0px 1px 8px #95A0AD;
        /*max-width: 200px;*/
        margin: 1rem auto;
        width: 87%;
    }
    .box-userlog{
        /*padding-left: 10px;*/
        max-width: 85%;
        margin: 2.0rem auto;
        border-radius: 0.5rem;
        border-width: 1px;
        box-shadow: 0px 1px 8px #95A0AD;
    }
}
@media screen and (max-width:480px){
    .box-userlog{
        /*padding-left: 3%;*/
        /*width:94%;*/
        padding: 7%;
        max-width: 85%;
        margin: 3.0rem auto;
        border-radius: 0.5rem;
        border-width: 1px;
        box-shadow: 0px 1px 8px #95A0AD;

    }
    .login-box{
        background:white;
        /*padding:20px;*/
        padding: 1.4rem 2.8rem 4.0rem 2.8rem;
        border-radius: 1rem;
        border-width:1px;
        box-shadow: 0px 1px 8px #95A0AD;
        /*max-width: 200px;*/
        margin: 1rem auto;
        width: 93%;
    }
}