/*                   */
/* CSS do sítio Alfa */
/*                   */

a
{

}

body
{
background-color: #006BD7; /* #006BD7 Azul Escuro Alfa */
background-size:  cover;
border-color:     #000000; /* Preto     */
border-style:     none;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        0.8vw; /* 12px */
font-style:       normal;
font-weight:      bold;
/*
left:             0%;
top:              0%;
width:            100%;
height:           100%;
*/
}

div
{
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;
}

div.BarraNavegacao
{
/* <div class="BarraNavegacao" style="left: 5px; top: 380px;"> */
background-color: #FFFFFF; /* #E9F3DE;*/
background-image: url(Imagens/Textura.jpg);
border-color:     #FFFFFF;
border-style:     outset;
color:            #000000;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        0.8vw;/*11px*/
font-style:       normal;
font-weight:      bold;
line-height:      30%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;
left:             80%;
top:               1%;
width:            20%;
height:            8%;
}

div.Operacoes
{
background-color: #CEEAFF; /* Azul Médio Alfa */

border:           solid thin #0033FF;
border-color:     #0033FF;
border-radius:    16px;
border-style:     solid;

font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;

line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
position:         absolute;

left:             1%; /* DEFINIR CASO A CASO */
top:              1%;
width:            78%; /* DEFINIR CASO A CASO */
height:           7%;
}

div.Suporte
{
background-color: #CEEAFF; /* Azul Médio Alfa NOS CAVALEIROS #E6F2FF Azul Claro Alfa*/

border:           solid thin #0033FF;
border-color:     #0033FF;
border-radius:    16px;
border-style:     solid thin;

color:            #333333;

font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
line-height:      100%;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;

margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;

left:             1%;
top:              6%;
width:            98%; /* DEFINIR CASO A CASO */
height:           92%; /* DEFINIR CASO A CASO */
}

div.Tabelas
{
background-color: #E6F2FF; /* #E6F2FF Azul Claro Alfa */

border: solid thin #0033FF;
border-radius:    16px;
border-color:     #0033FF;
border-style:     solid thin;

font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;

line-height:      100%;
margin:           0cm 0cm 0cm 0cm;
overflow:         auto;
position:         absolute;

left:             1%;
top:              10%;
width:            98%;
height:           87%;
}

img
{
width: 10px;

}

input
{
background-color: #FFFFFF; /* #E6F2FF Azul Claro Alfa */
border:           0;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;
}

a.Botoes
{
background-color: #006BD7; /* #006BD7 Azul Escuro Alfa */
border-style:     outset;
border-radius:    8px;
color:            white;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;
line-height:      120%;
padding:          4px;
min-width:       50px;
}


input.Botoes
{
background-color: #006BD7; /* #006BD7 Azul Escuro Alfa */
border-style:     outset;
border-radius:    8px;
color:            white;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;
line-height:      120%;
padding:          4px;
min-width:       50px;
}

select
{
background-color: #FFFFFF; /* #E6F2FF Azul Claro Alfa */
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;

}

strong
{
/* background-color: #E6F2FF; */  /* #E6F2FF Azul Claro Alfa */
font-size:        1vw;
font-style:       normal;
font-weight:      bold;

}

table
{
/* background-color: #E6F2FF; */  /* #E6F2FF Azul Claro Alfa */
border:           0;
width:            95%;
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;
}

textarea
{
font-size:        0.8vw;
font-style:       normal;
font-weight:      bold;
}

th
{
background-color: #E6F2FF;  /* #E6F2FF Azul Claro Alfa */
font-weight:      bold;
font-family:      "Courier New", Verdana, Arial, Helvetica, sans-serif;
font-size:        1.1   vw;
font-style:       normal;
font-weight:      bold;

}

/*
TABLE WITH 2 FIXED COLUMN
*/

.view {
  margin: auto;
  width: 600px;
}

.wrapper {
  position: relative;
  overflow: auto;
  border: 1px solid black;
  white-space: nowrap;
}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;  
}

.first-col {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  left: 0px;
}

.second-col {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  left: 180px;
}