body{
    background: url(../images/background-login.png) fixed #e7ecef !important;
}
.login-box{
    padding: 5% 0;
    width: 454px;
    margin: 0 auto;
}
.form-group{
    margin-bottom: 0px;
}
label{
    display: flex;
    margin-bottom: 0px;
}
.form-group>label>input.form-control{
    width: 100%;
    height: 50px;
    border: 1px solid #CCCCCC;
    font-size: 1.1em;
    font-weight: 100;
    text-indent: 15px;
}
.top-input {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bot-input {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
button.btn-primary{
    border-radius: 5px !important;
    margin-top: 20px;
    overflow: hidden;
    width: 100% !important;
    height: 50px;
    background-color: #e96c58;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 1px;
    transition: all .2s ease-in-out;
    border-radius: 5px;
    border: 1px solid #eb6c56;
}
button.btn-primary:hover{
    background-color: rgba(140, 159, 46, 0);
    border: 1px solid #eb6c56;
    cursor: pointer;
    color: #eb6c56;
}

button.btn-primary:active:focus{
    background-color: #e96c58;
    color: #FFF;
    border: 1px solid #eb6c56;
}
button.btn-primary:active{
    background-color: #e96c58;
    color: #FFF;
    border: 1px solid #eb6c56;
}
button.btn-primary:focus{
    background-color: #e96c58;
    color: #FFF;
    border: 1px solid #eb6c56;
}
.remember{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 100;
}
.remember p{
    margin-left: 10%;
}
.icheck > label {
    padding-left: 35%;
    border-radius: 5px !important;
}

.forgotpassword {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 100;
}

.forgotpassword a, .forgotpassword a:visited {
    color: #8d8a91;
}

label.forgotpassword, .forgotpassword small {
    color: #8d8a91;
    font-size: 18px;
}

label.forgotpassword:hover, .forgotpassword small:hover{
    transition-duration: 6s;
    text-decoration: underline;
}

.form-control-feedback{
    top:10%;
}
p.login-error {
    color: #c42f2f;
    text-align: center;
    background-color: #ffadad;
    border-radius: 5px;
    padding: 10px;
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media screen and (max-width: 490px) {

    .login-box{
        width: 95%;
    }
}

.event-buttons{
    display: inline-block;
    overflow: hidden;
    width: 250px;
    height: 18px;
    background-color: #e96c58;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13pt;
    font-weight: 300;
    letter-spacing: 1px;
    border-radius: 5px;
    padding: 16px;
    border: 1px solid #eb6c56;
    text-decoration: none !important;
    font-size: 13pt;
    margin-top: 10px;

}

.event-container{
    text-align: center;
    margin: 50px 0;
}

.event-container h3{
    font-weight: 550;
}

.event-container p{
    text-align: center;
    font-weight: 200;
    font-size: 18px;
    color: #8d8a91;
}

.event-buttons:hover {
    background-color: transparent;
    cursor: pointer;
    color: #eb6c56 !important;
    font-size: 13pt !important;

}