/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

main {
    padding: 0px 30px 0px 30px;
    background-color: #fff;
    margin-bottom: 0;
    
    /*CSS3 properties*/
    border-radius: 4px 0 4px 4px;
    -webkit-border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px;
    width: 100%;

    max-width: 95%;    
    margin-left: auto;
    margin-right: auto;
}

footer {
    width: 100%;
    white-space: nowrap;
    line-height: normal;
    padding: 20px 0;
    text-align: center;
    font-size: .9em;
    color: #8a8787;
}

body {
    background-color: #fafafa;
    font-size: 1.0em;
    font-family: Cambria, Times New Roman, Tahoma, Verdana, Sans-Serif;
    color: #bdbdbd;
    margin-left: auto;
    margin-right: auto;
}
/*-------------------------------------------------------------*/

a:link {
    color: Blue;
    text-decoration: none;
}

a:visited {
    color: Blue;
    text-decoration: none;
}

a:hover {
    color: rgb(2, 139, 2);
    text-decoration: inherit;
}


a:active {
    color: #178a17;
    text-decoration: none;
}


/* HEADINGS   
----------------------------------------------------------*/
.bandeiras {
    padding: 1.2em 0;    
}
.bandeiras div {
    display: inline-block;
}
.bandeiras .bandeiras-titulo {
    width: calc(100% - 201px);
    font-size: 1.6em;
    font-weight: bold;
    color: #108010;
    text-align: center;
    font-family: Cambria Math, Verdana, Times New Roman, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.4em;
    color: #108010;
    text-align: justify;
    font-family: Cambria Math, Verdana, Times New Roman, Sans-Serif;
}

h1 {
    padding-bottom: 5px;
}

h2 {
    color: Blue;
    padding-bottom: 5px;
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
    color: Blue;
}

h5 {
    font-size: 1.1em;
}

h6 {    
    font-weight: normal;
    color: Blue;
    font-size: 1.0em;
}

        
/* forms
----------------------------------------------------------*/
fieldset {
    margin: 1em 0;
    padding: 0.2em;
    border: 2px solid #A0A0A0;
    width: 500px;
}

fieldset legend {
    font-size: 1.0em;
    font-weight: normal;
    padding: 2px 4px 8px 4px;
    /*border: 2px solid #CCC;*/
}
    
fieldset ol {
    padding: 0;
    list-style: none;
}
    
fieldset ol li {
    padding-bottom: 5px;
}

fieldset label {
    display: block;
    padding: 0.1cm;
}

fieldset label.checkbox {
    display: inline;
}
    
fieldset input[type="text"], input[type="password"] {
    border: 2px solid #ccc;
    padding: 1px 0 1px 2px;
    font-size: 1em;
    color: #444;
    width: 180px;
    margin: 0 0 0 4px;
}

fieldset input[type="submit"] {
    font-size: 1.1em;
    padding: 5px;
}

fieldset button {
    /*padding: 4px 8px 4px 8px;
    margin: 0 0 0 4px; */
    background-color: #2586f4;
    display: inline-block;
    color: #ffffff;
    font-family: Cambria, Tahoma, Verdana, Sans-Serif, Times New Roman;
    font-size: 1.0em;
    width: 10.5em;
    text-align: center;
    margin: 0 0 0 4px;
    font-weight: normal;
    
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
} button:hover {
    background-color: #1e62d0;
    font-weight: normal;
}
    
 /* Information and errors
----------------------------------------------------------*/  
.message {
    clear: both;
    border: 1px solid;
    text-align: center;
    padding: 15px 15px;
    font-size: 13.5pt;
    background: #b0c6b0;
    
    /*CSS3 properties*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
}

.info {
    margin: 10px 60px;
    color: #000;
}

.info2 {
    font-size: 13.5pt;
    text-align: center;
    margin: 12px 300px;
    color: #000;
}

.info3 {
    font-size: 13.5pt;
    box-shadow: 0px 0px 0px #888;
    text-align: center;
    border: 0px transparent;
    margin: 4px 10px;
    background: #fff;
    color: #000;
}

.info4 {
    box-shadow: 0px 0px 0px #888;
    text-align: center;
    border: 0px transparent;
    margin: 20px 200px;
    background: #fff;
    color: #000;
}


.info5 {
    box-shadow: 0px 0px 0px #888;
    text-align: center;
    margin: 0px 100px;
    background: #fff;
    color: #000;
}

.error {
    background: #ffe4e4;
    color: #be3e16; /*color: #be3e16;*/
}

.success {
    background: #dff2bf;
    color: #4f8a10; /*color: #4f8a10;*/
}

input[type="text"].error-field, input[type="password"].error-field {
    border: solid 1px #be3e16;
    background-color: #ffe4e4;
}

.validation-error {
    display: inline;
    color: #be3e16;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-error:before {
    content: "»";
}

/* css */
.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

p {
    text-align: justify;
    font-size: 1.1em;
    font-family: Cambria, Verdana, Times New Roman, Sans-Serif;
    color: #000000;
}

div.content {
    height: 80%; overflow-style: marquee; overflow: auto;
}

mark {
    background-color: #88ff88;
}

sub {
    font-size: 13pt;
}

sup {
    font-size: 12pt;
}

img {    
    vertical-align: middle;
}

hr {
    color: #b6b6b6;
    width: 19em;
    float: left;
}

/*
span {
    color: #000;
    font-size: 13pt;
}
*/

code {
    font-size: 12pt;
    font-family: monospace;
    color: #000;
}

/*fonte tamanho 13.5pt = 1.0em = 18px */

.t8 {
    font-size: 8pt;
}

.t10 { /*fonte tamanho 10pt*/
    font-size: 10pt; /* 10pt ~ 13,33px ~ 0,741em */
}

.t11 { /*fonte tamanho 11pt*/
    font-size: 11pt; /* 11pt ~ 14,67px ~ 0,815em */
}

.t12 { /*fonte tamanho 12pt*/
    font-size: 12pt; /* 12pt = 16px ~ 0,889em */
}

.t13 { /*fonte tamanho 13pt*/
    font-size: 13.5pt; /* 13.5pt ~ 17,33px ~ 1.0em */
}

.t14 { /*fonte tamanho 14pt*/
    font-size: 14pt; /* 14pt ~ 18,67px ~ 1,037em */
}

.t15 { /*fonte tamanho 15pt*/
    font-size: 15pt; /* 15pt = 20px ~ 1,111em */
}

.t16 { /*fonte tamanho 16pt*/
    font-size: 16pt; /* 16pt ~ 21,33px ~ 1,185em */
}

.t18 { /*fonte tamanho 18pt*/
    font-size: 18pt; /* 18pt = 24px ~ 1,333em */
}

.t20 { /*fonte tamanho 20pt*/
    font-size: 20pt; /* 20pt =  */
}

.tx {
    font-family: 'TeX', STIX-Web, Neo-Euler;
}

.fonte_1 {
    font-family: French Script MT, Pristina, Monotype Corsiva, Kunstler Script, Vladimir Script, Times New Roman;
}

.fonte_2 {
    font-family: Garamond, Verdana, Tahoma; 
}

.tnr {
    font-family: 'Chaparral Pro', Cambria, Times New Roman, Tahoma, Verdana, Sans-Serif;
}

.t11c {
    font-size:11pt;
    font-family: Verdana;
    color: #A0A0A0;
}

.azul {
    color: #140d96 /* #140d96  *R 20 G 13  B 150*/ /* #00008B */
}

.verde {
    color: #006000
}

.cinza {
    color: #2b2a2a /*cor: cinza #808080 /*cor: cinza*/
}

.claro {
    color: #d1cdcd /*cor: cinza claro*/
}

.blue {
    color: #0000FF
}

.green {
    color:  Green;
}

.red {
    color: #FF0000
}

.amarelo {
    color: Gold
}

.preto {
    color: #000
}

.under {
    text-decoration: underline;
}

.f_times {
    font-family: Times New Roman, Cambria, Sans-Serif;
}

.over {
    text-decoration: overline;
}

.over_2 {
    border-top: 1px solid black;
    padding-top: 2px;
}

b.extra {
    font-family: MT Extra, Sans-Serif, Tahoma, Verdana, 'Times New Roman';
}

.block {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
    vertical-align: top;
}

table {
    color: #000;
    text-align: center;
    font-size: 13.5pt;
    font-family: Cambria, Verdana, Times New Roman, Sans-Serif;
}

table.comum {
    color: #000;
    border: 1px solid black;
    text-align: center;
    font-family: Cambria, Verdana, Times New Roman, Sans-Serif;
}

.comum td {
    border: 1px solid #ccc;
    padding: 3px 8px;
    vertical-align: baseline;
}

.comum tr:hover {
    background-color: #eee;
}

table.tabela {
    border: 1px solid black;
    border-spacing: 0;
    border-collapse: collapse;
}

.tabela th {
    width: 100px;
    border-bottom: 1px solid black;
}

.tabela tfoot {
    border-top: 1px solid black;
}

/* Tabela */
.tabela_logica {
    border-collapse: collapse;
}


.tabela_quadro th,
.tabela_quadro td {
    border: 1px solid #ccc;
    padding: 3px 8px;
    vertical-align: baseline;
}

.tabela_logica th,
.tabela_logica td {
    border: 1px solid #ccc;
    padding: 3px 8px;
    vertical-align: baseline;
}

.tabela_logica th {
    color: #140d96; /*Azul*/
    background-color: #eee;
    border-bottom: 2px solid black;
}

.tabela_logica tr td:last-child {
    color: blue;
}

.tabela_logica tr:hover {
    background-color: #eee;
}

/* Número de proposições */
.p_1 th:nth-child(1),
.p_1 td:nth-child(1) {
    border-right: 2px solid black;
}

.p_2 th:nth-child(2),
.p_2 td:nth-child(2) {
    border-right: 2px solid black;
}

.p_3 th:nth-child(3),
.p_3 td:nth-child(3) {
    border-right: 2px solid black;
}

/* Tábua de Operação */
.tabua_operacao {
    border-collapse: collapse;
}

.tabua_operacao td {
    border: 1px solid black;
    padding: 3px 10px;
    vertical-align: baseline;
}

.tabua_operacao tr:first-child {
    border-bottom: 2px solid black;
    background-color: #ace;
    font-weight: bold;
}

.tabua_operacao td:first-child {
    border-right: 2px solid black;
    background-color: #ddd;
    font-weight: bold;
}

.tabua_operacao tr:first-child td:first-child {
    background-color: white;
}

.tabua_operacao tr:hover {
    background-color: #eee;
}

/* Tabela dados */
.tabela_dados {
    border-collapse: collapse;
    margin: 5px 0px;
}

.tabela_dados thead {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.tabela_dados tr:last-child {
    border-bottom: 1px solid black;
}

.tabela_dados td {
    padding: 3px 10px;
    text-align: left;
    vertical-align: baseline;
}

.tabela_dados td:last-child {
    padding-left: 100px;
}

.tabela_dados thead td {
    font-weight: bold;
    text-align: center;
}

/*tabela frequencia*/

.tabela_frequencia {
    border-collapse: collapse;
}

.tabela_frequencia tfoot {
    border-top: 2px solid black;
    font-weight: bold;
    /*text-align: left;*/
}

.tabela_frequencia thead td {
    border-top: 1px solid black;
    border-bottom: 2.3px solid black;
    background-color: #eee;
    text-align: center;
    vertical-align: central;
    font-weight: bold;
    padding: 4px 0px;
}

.tabela_frequencia td {
    border: 1px solid black;
    padding: 0px 25px;
    text-align: right;
    vertical-align: central;
}

/*Tabela Euclides*/

.tabela_euclides {
    border: 0;
    border-collapse: collapse;
}

.tabela_euclides tr {
    border-bottom: 2px solid black;
    text-align: right;
}

.tabela_euclides tr:last-child {
    border-bottom: 0;
}

.tabela_euclides td {
    border-right: 2px solid black;
    padding: 0px 15px;
    text-align: right;
    vertical-align: central;
}

.tabela_euclides td:last-child {
    border-right: 0;
}

.tabela_euclides thead td {
    color: #81b4f5;
    font-size: 14pt;
    border-bottom: 2px solid black;
}

/* cor azul e fonte negrito apenas no meio
 .tabela_euclides tbody tr:first-child td:last-child {
    color: blue;
    font-weight: bold;
}
*/

/*Tabela MMC*/
.table_mmc {
    border: 0;
    border-collapse: collapse;
}

.table_mmc td {
    padding: 0px 8px;
    /*text-align: center;*/
    text-align: right;
    vertical-align: central;
}

.table_mmc td:last-child {
    padding-left: 8px;
    /*font-weight: bold;*/
    border-left: 1px solid black;
}

.table_funcao {
    border-collapse: collapse;
}

.table_funcao td {
    padding: 2px 8px;
    text-align: center;
    vertical-align: central;
}


.table_funcao2 {
    border-collapse: separate;
}

.table_funcao2 td {
    padding: 2px 8px;
    text-align: left;
    vertical-align: central;
}

/*Tabela Ruffini*/
.table_Ruffini {
    border: 0;
    border-collapse: collapse;
}

.table_Ruffini td {
    text-align: right;
    padding: 0 15px;
}

.table_Ruffini tr:first-child {
    border-bottom: 1px solid black;
}

.table_Ruffini td:first-child {
    padding: 0 6px;
    border-right: 1px solid rgba(0, 0, 0, 0.849);
}

/*tabela código*/

.tabela_codigo {
    border-collapse: collapse;
}

.tabela_codigo td {
    border: 1px solid black;
    padding: 0px 10px;
    text-align: center;
    vertical-align: central;
}

.trcor {
    background-color: #eee;
    font-weight: bold;
    border-top: 2px solid black;
}


/*Botão*/
a.botao {
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background-color: #2586f4;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    color:#ffffff;
    font-family: Cambria, Tahoma, Verdana, Sans-Serif;
    font-size: 1.0em;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #1570cd;
    width: 11.1em;
    text-align: center;
    margin-bottom: 0.5%;
    
}a.botao:hover {
    background-color: #1e62d0;
}
a.botao:active {
    background-color: #175aa3;
    color: #fff;
}

a.topo {
    border: 1px solid #105092;
    padding: 2px 4px;
    text-decoration: none;
}

a.botao2 {
    background-color: #fff;
    display:inline-block;
    color:#0000FF;
    font-family: Cambria, Tahoma, Verdana, Sans-Serif;
    font-size: 1.0em;
    font-weight: normal;
    padding: 5px 5px; /* espaçamento vertical e horizontal */ 
    width: 11.5em;
    text-align: left;
    margin-bottom: 0.5%;
    
}a.botao2:hover {
    color: Green;
    font-weight: normal;
}

/* This imageless css button was generated by CSSButtonGenerator.com */

.indice{
    margin: 0 0 10px;
    display: none;
}
.indice:target{    
    display: block;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #c5ba39;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    /* height: 100px; */
    /* line-height: 100px; */
    /* background-color: #c5ba39; */
    background-color: #b0c6b0;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -180%;
    left: 0%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.visivel {
    display: block;
    visibility: visible;
}

/* CSS para a tela de carregamento */
.div-carregando {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #2D2D35;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div-carregando img {
    width: auto;
    height: auto;
    max-width: min(100vw, 600px);
    max-height: min(100vh, 354px);
}