/*https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l*/

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    #loginCol2 {
        display: none;
    }
}

body {
    background-color: #e7e7e7 !important;
}

/* login */
.login-div {
    margin: 0 auto; /* centraliza o elemento */
    width: 250px; /* largura da caixa */
    border: 1px solid #ccc; /* borda cinza */
    padding: 20px; /* espaçamento interno */
    border-radius: 15px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

#form-login {
    text-align: center;
}

label {
    display: block !important;
}

#id_username {
    text-align: left;
    margin-bottom: 10px;
}

#id_password {
    margin-bottom: 10px;
}

#button_sub {
    margin-top: 10px;
    background-color: #e2bd28!important;
    color: white !important;
    border: solid 0px !important;
}

/* menu */
#headerMenu {
    border-bottom: solid 1px gray;
}

#footer {
    border-top: solid 1px gray;
    background-color: white !important;
    padding-top: 5px;
    padding-bottom: 5px;
}


@media (max-width: 780px) {
    #navbarNav {
      text-align: center;
    }
}