/* Sub-Menu*/
.submenu {
    margin-top: 110px;
    background-color: #f7f7f7;
    height: 50px;
}

.submenus {
    padding-top: 10px;
}

.submenus a {
    color: #333333;
    font-size: 0.8em;
    text-decoration: none;
}

.submenus a:hover {
    color: #1b1b1b;
    font-size: 0.8em;
    text-decoration: none;
}

.submenus span {
    color: #a2a2a2;
    font-size: 0.8em;
    text-decoration: none;
}

.submenus .fa-angle-double-right {
    color: #929292;
    font-size: 0.7em;
    padding-top: 10px;
}

/* Ficha de Matrícula */
.matricula {
    margin-top: 30px;
}

.seja_membro {
    margin-top: 30px;
}

.seja_membro h5 {
    color: #ffffff;
    background-color: #23606c;
    width: max-content;
    padding: 6px;
    text-transform: uppercase;
    font-weight: bold;
}

/* Formulario - Novo membro  */
.formulario {
    margin-top: 20px;
    border: 5px solid #10292e;
    z-index: 4;
    background-color: #fff;
    height: auto;
}

.formulario img {
    margin-top: 10px;
    width: 100%;
}

.margens {
    background-color: var(--um-cor);
    padding: 10px 20px 10px 20px;
}

.margens .form-control {
    background-color: var(--um-cor);
    color: var(--dois-cor);
}

.margens input {
    margin-bottom: 25px;
    font-size: none;
}

.margens select {
    background-color: var(--um-cor);
    color: var(--dois-cor);
}

.margens label {
    color: var(--quatro-cor);
    font-size: .9em;
}


.margens p {
    padding-top: 1px;
    color: var(--dois-cor);
    font-size: .8em;
    font-weight: 500;
}

.editar {
    text-align: right;
    margin-top: 20px;
    margin-right: -10px;
}

.editar .btn-success {
    font-weight: 600;
}

.editar_projetos {
    text-align: right;
    margin-top: 20px;
    margin-right: 30px;
}

.formulario h6 {
    padding: 10px 0px 10px 20px;
    font-weight: 650;
    color: #fff;
    background: #10292e;
}

.formulario p a {
    text-decoration: underline;
    color: var(--dois-cor);
}

.formulario p a:hover {
    text-decoration: underline;
}

.arquivos {
    background-color: var(--quinto-cor);
    height: 150px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
}

.formulario .arquivos p {
    color: var(--dois-cor);
    font-size: .7em;
    padding: 10px 5px 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arquivos p img {
    width: 20px;
}

.formulario .arquivos .autor {
    margin-top: -5px;
    color: #7e7e7e;
    font-size: .6em;
}

.tipos_documentos {
    background-color: var(--sexto-cor);
    margin: -5px 8px 10px 8px;
    padding: 10px;
    height: 70px;
    text-align: center;
}

.tipos_documentos img {
    width: 30%;
}

.formulario .logotipo {
    width: 50px;
}

.formulario .logotipo img {
    width: 100%;
}



/* Responsive Tela Smartphone */
@media screen and (max-width: 768px) {

    /* Sub-Menu*/
    .submenu {
        margin-top: 99px;
        background-color: #f7f7f7;
        height: 50px;
    }

    /* Seja Membro  */
    .seja_membro {
        margin-top: 40px;
    }

    .seja_membro h5 {
        color: #ffffff;
        background-color: #23606c;
        width: 100%;
        padding: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

}