/*                   */
/* 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-color:     #000000; /* Preto */
border-radius:    16px;
border-style:     none;
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:              8%;
width:            78%; /* DEFINIR CASO A CASO */
height:           10%;
}

div.Suporte
{
background-color: #CEEAFF; /* Azul Médio Alfa NOS CAVALEIROS #E6F2FF Azul Claro Alfa*/
border-color:     #000000; /* Preto */
border-radius:    16px;
border:           solid thin #0033FF;
/* border-style:     none; */
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:              15%;
width:            98%; /* DEFINIR CASO A CASO */
height:           83%; /* DEFINIR CASO A CASO */
}

div.Tabelas
{
background-color: #E6F2FF; /* #E6F2FF Azul Claro Alfa */
border: solid thin #0033FF;
/*
border-radius:    16px;
border-color:     #000000;
border-style:     none;
*/
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:              3%;
width:            98%;
height:           94%;
}

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:        1vw;
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;
}