﻿/* ==========================================================================
   TABELA CERTIFICACOES
   ========================================================================== */
table.tabela-certificacoes {
    width: 100%;
    padding: 0 10px;
    background-color: #eceff1;
    border-collapse: separate;
    border-spacing: 0 10px;
    table-layout: fixed;
    vertical-align: middle;
}

table.tabela-certificacoes tr td {
    vertical-align: middle;
}

table.tabela-certificacoes tr:nth-child(1) > td:nth-child(1) {
    text-align: center;
    background-color: #FFF;
}

table.tabela-certificacoes tr:nth-child(1) > td:nth-child(2),
table.tabela-certificacoes tr:not(:first-child) > td:nth-child(1) {
    border-left: 1px solid #444;
}

table.tabela-certificacoes tr:not(:first-child) > td,
table.tabela-certificacoes tr:nth-child(1) > td:not(:first-child) {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 5px 10px;
    vertical-align: middle;
}

table.tabela-certificacoes tr td:last-child {
    border-right: 1px solid #444;
    text-align: right;
    font-size: calc(20px + .2em);

    padding-right: 5px !important; 
}

table.tabela-certificacoes tr td:last-child > input.bt-p1 {
    display: block;
    width: 90%;
    max-width: 300px;
    margin: 0 auto !important;
    text-align: center;
    font-size: 18px;
    padding: 12px 10px;
    font-family: 'roboto_condensedbold', sans-serif;
}

table.tabela-certificacoes tr td:last-child > input.bt-p1:hover {
    background-color: #2acb61;
    border: 1px solid #2acb61;
}

table.tabela-certificacoes tr > td > strong {
    font-size: calc(15px + .2em);
    font-family: 'robotomedium', sans-serif;
}

table.tabela-certificacoes tr:nth-child(1) > td:nth-child(3),
table.tabela-certificacoes tr:not(:first-child) > td:nth-child(2) {
    font-size: calc(18px + .2em);
    font-family: 'robotobold', sans-serif;
}

@media screen and (max-width: 1199px) {

    table.tabela-certificacoes tr {
        display: block;

        padding: 7px 5px;
    }

    table.tabela-certificacoes tr td {
        display: block;
        border: none !important;
        width: 100% !important;
        text-align: center !important;
    }

    table.tabela-certificacoes tr:nth-child(1) > td:nth-child(1) {
        border-bottom: 15px solid #eceff1 !important;
    }

    table.tabela-certificacoes tr:nth-child(1) > td:nth-child(2),
    table.tabela-certificacoes tr:not(:first-child) > td:nth-child(1) {
        border-top: 1px solid #444 !important;
    }

    table.tabela-certificacoes tr:not(:first-child) > td,
    table.tabela-certificacoes tr:nth-child(1) > td:not(:first-child) {
        border-left: 1px solid #444 !important;
        border-right: 1px solid #444 !important;
    }

    table.tabela-certificacoes tr td:last-child {
        border-bottom: 1px solid #444 !important;
    }

}

@media screen and (min-width: 1200px) {

    table.tabela-certificacoes tr:nth-child(1) > td:nth-child(2),
    table.tabela-certificacoes tr:not(:first-child) > td:nth-child(1) {
        width: 50%;
    }

    table.tabela-certificacoes tr:nth-child(1) > td:nth-child(1) {
        width: 200px;
        overflow: hidden;
        border-right: 10px solid #eceff1;
    }

    table.tabela-certificacoes tr td:last-child {
        width: 20%;
        min-width: 230px;
    }

    table.tabela-certificacoes tr td:last-child > input.bt-p1 {
        width: 100%;
    }
}