/* Large desktop */
@media (min-width: 1200px) {
    .file-box {
        width: 25%;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .file-box {
        width: 25%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .file-box {
        width: 50%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .file-box {
        width: 100%;
    }
}

.title-box-blue {
    border-color: #006089;
    border-left: solid 0.1em #FFE29F;
    border-right: solid 0.1em #FFE29F;
    border-bottom: solid 0.1em #FFE29F;
}

.form-group {
    margin-top: 15px;
}

.title-login-box {
    margin-top: 30px;
    margin-bottom: 20px;
}

.title-login {
    color: #006089;
}

hr.yellow-line {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #fedf9a, #FEBD33, #fedf9a);
}

.form-control:focus {
    border-color: #777 !important;
}

.btn-login {
    background-color: #006089;
    border-color: #006089;
}

.btn-login:hover{
    background-color: #007db3;
    border-color: #007db3;
}

.btn-login-back:hover{
    background-color: #e7eaec;
}

.loginscreen.middle-box{
    width: 400px;
    margin-bottom: 40px;
}

.login-box {
    padding-bottom: 20px;
}

.bg-login-adm {
    background: url('../images/bg_login.png') no-repeat center center fixed;
    background-size: cover;
}