/* @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
} */

*, body {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background: #eeeeee;
}

/* BOOTSTRAP EDITS */
.modal .form-group {
    text-align: left;
}

.modal-body {
    padding: 0 1rem;
}
/* BOOTSTRAP EDITS */

div.content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48%;
    transform: translate(-50%, -50%);
    text-align: center;
    box-shadow: 0px 0px 15px rgb(82, 82, 82);
}

div.content-head {
    width: 100%;
    border-bottom: 2px solid #7fa7db;
    padding: 1vh 1vw;
    margin-bottom: 1vh;
    background: rgba(255, 255, 255, 0.541);
}
div.content-head > span {
    display: block;
}

span.head-title {
    font-weight: bold;
}
span.head-horario {
    color: #5e94da;
    font-size: 3rem;
    font-weight: bold;
}

div.content-body {
    background: #fdfdfd;
    border-radius: 2px;
    padding: 2vh 2vw;
}

div.content-body > .login-group {
    margin: 2vh 0;
}

div.content-body > div.login-captcha > div.html_element {
    width: 100%;
    text-align: center;
}

div.login-group > div.group-item {
    vertical-align: middle;
    text-align: left;
}

#nexuscaptcha input {
    text-transform: uppercase;
}

div.group-checkbox {
    margin: 5vh 0;
    text-align: center;
}

div.group-checkbox > .checkbox-item {
    display: inline-block;
    margin: 0 1vw;
}

div.group-item > span {
    font-size: 1.3rem;
}

input#captchacode {
    padding: 0 0.5vw;
    margin-top: 0.2vh;

    border: 1px solid #bebebe;
    outline: none;
    text-align: center;
}
input#captchacode:focus, input#captchacode:hover {
    border: 1px solid #7fa7db;
}

div.group-item > input.login-input,
div.group-item > select.login-select {
    outline: none;
    border: 1px solid #bebebe;
    padding: 0.8vh 0.8vw;
    font-size: 1rem;
}

div.group-item > input.login-input,
div.group-item > select.login-select:not(.select-identificacao) {
    width: 25vw;
}

div.group-item > input.login-input:hover, div.group-item > input.login-input:focus,
div.group-item > select.login-select:hover, div.group-item > select.login-select:focus {
    border: 1px solid #7fa7db;
}

div.login-submit {
    margin-top: 4vh;
}

div.login-submit > a.submit-senha {
    margin: 0 1vw;
    padding: 0 0.5vw;
    border-bottom: 1px solid #7fa7db;

    transition: all 0.2s linear;
    cursor: pointer;
}

div.login-submit > a.submit-senha:hover {
    color: #5e94da;
}
div.login-submit > button.submit-button {
    outline: none;
    border: none;
    margin: 0;

    padding: 1.5vh 1.5vw;
    font-size: 1rem;

    color: #eeeeee;
    background: #5e94da;

    cursor: pointer;
    transition: all 0.3s linear;
    box-shadow: 0px 0px 0px #fff;
}

div.login-submit > button.submit-button:hover {
    box-shadow: 1px 1px 10px #4e4e4e;
}

.notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    opacity: 1;

    width: 100%;
    height: auto;
    padding: 1vh 0;
    
    text-align: center;
    transition: opacity 1s linear;
    pointer-events: none;
}

.notification > span {
    display: block;
    color: white;
}

.notification > span.notification-title {
    font-weight: bold;
    font-size: 1.5rem;
}

/* MEDIA QUERIES - RESPONSIVE */
@media (max-width: 500px) {
    div.content {
        width: 80%;
    }
    
    div.group-item > input.login-input,
    div.group-item > select.login-select:not(.select-identificacao) {
        width: 50vw;
    }
}