/* Netfontes - paginas de conteudo e acoes */

.page-send-email h1,
.page-comments h1 {
    margin-bottom: 10px;
}

.page-send-email #form,
.page-comments #form {
    margin: 20px 0;
    border: 1px dashed #808080;
    background: #e4e4e4;
    padding: 20px;
    box-sizing: border-box;
}

.page-send-email .v,
.page-comments .v,
.page-help .v {
    padding: 20px 10px;
    text-decoration: underline;
    text-align: left;
}

.page-send-email .alerta,
.page-comments .alerta {
    color: #c30;
    padding: 5px 30px;
    text-align: justify;
}

.page-send-email .alerta b,
.page-comments .alerta b {
    display: block;
    text-align: left;
    padding: 10px 0 4px;
}

.page-send-email .pg .page,
.page-comments .pg .page {
    min-width: 240px;
}

.page-send-email .pg .page.page_r,
.page-comments .pg .page.page_r {
    text-align: right;
    margin-left: 20px;
}

.page-send-email #email {
    width: 400px;
    max-width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.page-send-email #labelemail {
    padding: 0 3px;
}

.page-send-email .mail-send-button,
.page-comments #bto {
    padding: 5px 20px;
    border-radius: 4px;
    border: 1px solid gray;
    background: #feffbe;
}

.page-send-email .mail-send-button {
    margin: auto 4px;
}

.page-send-email .mail-result {
    display: none;
}

.page-send-email .login_first,
.page-comments .login_first {
    display: block;
}

.content-not-found {
    color: #333;
    font-size: 20px;
    margin: 50px 0 40px;
}

/* Comentarios */
.page-comments .perg_barra {
    background: #ebeff9;
    padding: 8px 4px;
    margin: 10px 0;
    clear: both;
}

.page-comments .perg {
    display: flex;
    align-items: flex-start;
    margin: 10px 0 0;
    background: #fff;
    border-bottom: 1px solid #ebeff9;
    padding-bottom: 10px;
}

.page-comments .perg_esq {
    width: auto;
    flex: 0 0 120px;
    float: none;
    clear: none;
}

.page-comments .perg_dir {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    float: none;
    text-align: left;
    padding: 0 10px;
    overflow-wrap: anywhere;
}

.page-comments #form label {
    display: block;
    text-align: left;
    padding-bottom: 5px;
}

.page-comments #form textarea {
    width: 100%;
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.page-comments #bto {
    display: block;
    margin-top: 12px;
}

.page-comments .n_autor {
    font-size: 12px;
    font-weight: bold;
}

.page-comments .n_autor a {
    color: #000;
}

.page-comments .n_autor a:hover,
.page-comments .excluir a:hover {
    text-decoration: underline;
}

.page-comments .n_autor a:hover {
    color: #676748;
}

.page-comments .comment-date {
    font-size: 9px;
    padding: 2px 0;
}

.page-comments .excluir {
    padding: 10px 0;
    font-size: 10px;
    font-weight: bold;
}

.page-comments .excluir a {
    color: #000;
}

.page-comments .excluir a:hover {
    color: red;
}

.page-comments .comment-clear {
    clear: both;
}

.page-comments .login_first {
    padding: 30px 0 10px;
}

/* Ajuda */
.page-help .boxin {
    text-align: left;
}

.page-help h1,
.page-selection h1 {
    margin-left: 0;
}

.page-help h2,
.page-selection h2 {
    font-size: 18px;
    padding-bottom: 10px;
}

.page-help .boxin ul {
    margin-left: 20px;
}

.page-help .boxin ul li {
    padding: 0;
    font-weight: bold;
    margin: 25px 0 5px;
}

.page-help .boxin ul li a {
    font-size: 18px;
    color: #000;
}

.page-help .boxin ul li a:hover {
    text-decoration: none;
    color: #676748;
}

.page-help .table {
    display: table;
    border: 1px solid #40a1f5;
    float: left;
    margin: 1em 1em 2em 0;
}

.page-help .table .th {
    display: table-row;
    background-color: #40a1f5;
    color: #fff;
    font-weight: bold;
}

.page-help .table .tr {
    display: table-row;
}

.page-help .table .tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.page-help .table .tr:hover {
    background: beige;
}

.page-help .table .td {
    display: table-cell;
    padding: 6px 10px;
    border-bottom: 1px solid #40a1f5;
    text-align: center;
}

.page-help .table .tr:last-child .td {
    border: 0;
}

.page-help .clear,
.page-help .help-back {
    clear: both;
}

/* Selecao */
.page-selection .maisatividade {
    padding: 3em 0 2em;
    border-radius: 4px;
    text-align: left;
}

.page-selection .maisatividade a {
    display: inline-block;
    padding: 10px 20px;
    color: darkgreen;
    font-size: 14px;
    border: 2px solid #baba8d;
    margin: 2px 5px;
    border-radius: 15px;
}

.page-selection .maisatividade a:hover {
    color: #000;
    background: #e2e2b5;
}

.page-selection .maisatividade p {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    text-indent: 20px;
    background: #439e00 url(/gifs/star.png) no-repeat 4px 4px;
    color: #fff;
}

@media only screen and (min-width: 641px) and (max-width: 1120px) {
    .page-comments .perg_esq {
        flex-basis: 105px;
    }

    .page-help .table {
        max-width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .page-send-email #form,
    .page-comments #form {
        padding: 15px;
    }

    .page-send-email #email {
        width: 100%;
    }

    .page-send-email .mail-send-button {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    .page-send-email .pg .page,
    .page-comments .pg .page {
        display: block;
        width: 100%;
        min-width: 0;
        text-align: center;
        font-size: 18px;
        box-sizing: border-box;
    }

    .page-send-email .pg .page.page_r,
    .page-comments .pg .page.page_r {
        text-align: center;
        margin: 8px 0 0;
    }

    .page-send-email .alerta,
    .page-comments .alerta {
        padding-left: 10px;
        padding-right: 10px;
    }

    .page-comments .perg {
        display: block;
    }

    .page-comments .perg_esq,
    .page-comments .perg_dir {
        width: 100%;
        padding: 0;
    }

    .page-comments .perg_esq {
        margin-bottom: 8px;
    }

    .page-comments .login_first {
        padding-top: 20px;
    }

    .page-help .boxin ul {
        margin-left: 0;
    }

    .page-help .table {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .page-help .table .td {
        padding: 6px 4px;
    }

    .page-selection .maisatividade {
        padding-top: 1.5em;
        text-align: center;
    }
}