/*
* **********************************
* ################################## ESTILOS
* **********************************
*/

/*
========================
======================== TRANSPARÊNCIA
========================
*/

/* -----------
// ----------- SEÇÃO
// ---------*/

section#tabelas{
    clear: left;
    height: auto;
    margin-top: 40px;
    position: relative;
    width: 100%;
}
section#tabelas h2{
    color: #000000;
    font: 300 26px 'Lato', sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #D2D2D2;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    width: 980px;
}
section#tabelas h2 + hr{
    width: 90px;
    height: 2px;
    background: #293B88;
    position: relative;
    z-index: 2;
    margin-top: -12px;
    border: none;
    margin-bottom: 10px;
}
section#tabelas p{
    color: #000000;
    font: 300 16px 'Lato', sans-serif;
}

/* -----------
// ----------- FORMULÁRIO
// ---------*/

section#tabelas form{
    margin-top: 30px;
    overflow: hidden;
}
section#tabelas form input,
section#tabelas form div.select select{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
section#tabelas form input,
section#tabelas form div.select{
    float: left;
    margin-right: 5px;
}
section#tabelas form .field-size-1{
    width: 220px;
}
section#tabelas form .field-size-2{
    width: 145px;
}
section#tabelas form .btn{
    padding: 12px 20px;
    background-color: #283B88;
}
section#tabelas form .btn:hover{
    background-color: #192867;
}

/* -----------
// ----------- TABELA - ESTRUTURA BÁSICA
// ---------*/

section#tabelas table{
    margin-top: 30px;
    width: 100%;

    border-collapse: separate;
    border-spacing: 0;
}
section#tabelas table thead tr th{
    height: 50px;
    position: relative;

    color: #000000;
    font: 300 16px 'Lato', sans-serif;
}
section#tabelas table tbody tr td{
    background-color: #FFFFFF;
    padding: 15px;
    font: 12px arial,sans-serif;
    color: #777777;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    text-align: center;

    color: #000000;
    font: 300 16px 'Lato', sans-serif;
}
section#tabelas table tbody tr:hover td{
    /*background-color: #2F4594;*/
    background-color: #087EDC;
    color: #ffffff;
}
section#tabelas table tbody tr td:first-child{
    font: 400 14px/13px 'Lato', sans-serif;
    color: #595959;
    padding: 15px 20px 15px 50px;
    text-align: center;
    /*border-right: 4px solid #2F4594;*/
    border-right: 4px solid #087EDC;
    max-width: 225px;
    border-left: 1px solid #eeeeee !important;
}
section#tabelas table tbody tr td:last-child{
    border-right: 1px solid #eeeeee !important;
}
section#tabelas table tbody tr:hover td:first-child{
    color: #ffffff;
}
section#tabelas table tbody tr:first-child td:first-child{
    -webkit-border-radius: 7px 0 0 0;
    -moz-border-radius: 7px 0 0 0;
    border-radius: 7px 0 0 0;
}
section#tabelas table tbody tr:first-child td:last-child{
    -webkit-border-radius: 0 7px 0 0;
    -moz-border-radius: 0 7px 0 0;
    border-radius: 0 7px 0 0;
}
section#tabelas table tbody tr:last-child td:first-child{
    -webkit-border-radius: 0 0 0 7px;
    -moz-border-radius: 0 0 0 7px;
    border-radius: 0 0 0 7px;
}
section#tabelas table tbody tr:last-child td:last-child{
    -webkit-border-radius: 0 0 7px 0;
    -moz-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;
}
section#tabelas table tbody tr:first-child td{
    border-top: 1px solid #eeeeee !important;
}
section#tabelas table tbody tr:last-child td{
    border-bottom: 1px solid #eeeeee !important;
}
section#tabelas table tbody tr td:first-child a{
    position: absolute;
    left: 17px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    text-transform: initial;
}
section#tabelas table tbody tr td:first-child a span{
    font-size: 20px;
    color: #B8B8B8;
}
section#tabelas table tbody tr td:first-child:hover a{
    background: none;
}
section#tabelas table tbody tr td:first-child:hover a span{
    color: #e6e6e6;
}
section#tabelas table tbody tr td:first-child a:hover span,
section#tabelas table tbody tr td:first-child:hover a:hover span{
    color: #ffffff;
}
section#tabelas table tbody tr td.txt-featured{
    font: 18px arial,sans-serif;
    color: #2A9CDE;
}
section#tabelas table tbody tr:hover td.txt-featured{
    color: #ffffff;
}
section#tabelas table tbody tr td.btn-default{
    width: 100px;
    padding: 15px 0 15px 10px;
}
section#tabelas table tbody tr td.btn-default a{
    background: #E6E6E6 none repeat scroll 0 0;
    color: #B8B8B8;
    display: inline-block;
    font: 700 12px 'Lato', sans-serif;
    padding: 8px 5px 6px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
section#tabelas table tbody tr td.btn-icon{
    width: 50px;
    padding: 13px 10px 10px;
}
section#tabelas table tbody tr td.btn-icon a{
    font-size: 20px;
    color: #B8B8B8;
    background-color: #E6E6E6;
    padding: 3px 5px 2px 5px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
section#tabelas table tbody tr td:hover a{
    background-color: #FFFFFF;
    color: #2A9CDE;
}

/* -----------
// ----------- TABELA - CONTEÚDO FLUIDO
// ---------*/

section#tabelas table tbody tr.table-content-fluid{
    display: none;
}
section#tabelas table tbody tr.table-content-default.active + tr.table-content-fluid{
    display: table-row;
}
section#tabelas table tbody tr.table-content-default.active td,
section#tabelas table tbody tr.table-content-fluid:hover td{
    background-color: #FFFFFF;
    color: #777777;
}
section#tabelas table tbody tr.table-content-default.active td{
    border: none;
}
section#tabelas table tbody tr.table-content-default.active td:hover a{
    background-color: #2A9CDE;
    color: #ffffff;
}
section#tabelas table tbody tr.table-content-fluid td{
    border-right: none;
    border-left: none;
    border-top: none;
}
section#tabelas table tbody tr.table-content-fluid td > div{
    border-top: 4px solid #283B88;
    margin-top: -16px;
    padding-top: 20px;
    margin-right: 30px;
}
section#tabelas table tbody tr.table-content-fluid td > div h3{
    font: 300 italic 14px 'Lato', sans-serif;
    color: #777777;
    text-transform: uppercase;
}
section#tabelas table tbody tr.table-content-fluid td > div > div{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #E1E1E1;
    overflow: hidden;
}
section#tabelas table tbody tr.table-content-fluid td > div > div:last-child{
    border-bottom: none;
    margin-bottom: 0;
}
section#tabelas table tbody tr.table-content-fluid td > div > div h3{
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}
section#tabelas table tbody tr.table-content-fluid td > div > div p{
    color: #777777;
    font: 12px arial,sans-serif;
    text-transform: initial;
    text-align: left;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-basic ul{
    margin: 10px 0 20px 0;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-basic ul li{
    padding: 10px 0;
    border-bottom: 1px solid #E1E1E1;
    overflow: hidden;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-basic ul li:last-child{
    border-bottom: none;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-basic ul li strong{
    font: bold 12px arial,sans-serif;
    color: #777777;
    text-transform: initial;
    float: left;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-basic ul li p{
    font: 12px arial,sans-serif;
    color: #777777;
    text-transform: initial;
    float: left;
    clear: both;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-basic ul li span{
    font: 12px arial,sans-serif;
    color: #777777;
    text-transform: initial;
    float: right;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-lists div{
    width: 200px;
    float: left;
    margin-right: 20px;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-lists div:last-child{
    margin-right: 0;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-lists div strong{
    font: bold 12px arial,sans-serif;
    color: #777777;
    text-transform: initial;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}
section#tabelas table tbody tr.table-content-fluid td > div > div.fluid-lists div ul li{
    font: 12px arial,sans-serif;
    color: #777777;
    text-transform: initial;
    text-align: left;
}

.ver-anexo{
  text-decoration: none !important;
  background-color: transparent !important;
  color: black !important;
}

.ver-anexo:hover{
  color: #FFF !important;
}

/*
========================
======================== MEDIA QUERIES
========================
*/

@media (min-width: 480px){

}

@media (min-width: 768px){

}

@media (min-width: 1024px){

}

@media (min-width: 1280px){

}

@media (min-width: 1600px){

}

@media (min-width: 1800px){

}