body
{
    margin: 0px;
    padding: 0px;
}

select {
    max-width: 100%;
    scrollbar-width: 0%;
}

div#painelA
{
    background-color: #E0E0E0;
    width: 100%;
    height: 100px;
    
    position: absolute;
    top: 0px;
    left: 0px;

    z-index: 1;
    
}

/*div#painelA
{
    background-color: #E0E0E0;
    width: 100%;
    height: 100px;
    
    position: fixed;
    top: 0px;
    left: 0px;

    z-index: 1;
    
}*/

div#painelLogin
{
	background-color: #E0E0E0;
	color: #003333;
	width: 700px;
	height: 400px;
		
	position: absolute;
	left: 50%;
	top: 150px;
		
	margin-left: -350px;
}

div#painelMenuPrincipal1
{
	background-color: #496F6C;
	color: #003333;
	width: 400px;
	height: 570px;
		
	position: absolute;
	left: 40%;
	top: 130px;
		
	margin-left: -350px;
}

div#painelMenuPrincipal2
{
	background-color: #82B1A9;
	color: #003333;
	width: 400px;
	height: 570px;
		
	position: absolute;
	left: 80%;
	top: 130px;
		
	margin-left: -350px;
}

div#painelC1
{
	background-color: #E0E0E0;
	color: #003333;
	width: 1100px;
	height: 125px;
    
    position: absolute;
	left: 50%;
	top: 120px;
    
    margin-left: -550px;           
}

div#painelPesquisar1
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 270px;
    left: 50%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelPesquisar1D
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 0%;
    left: 34%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelD1
{
	color: #003333;
	width: 75%;
	height: 100%;
		
	position: absolute;
	left: 330px;
	top: 270px;
}

div#painelC2
{
	background-color: #E0E0E0;
	color: #003333;
	width: 1100px;
	height: 250px;
    
    position: absolute;
	left: 50%;
	top: 120px;
    
    margin-left: -550px;           
}

div#painelPesquisar2
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 410px;
    left: 50%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelPesquisar2D
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 0%;
    left: 34%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelD2
{
	color: #003333;
	width: 75%;
	height: 100%;
		
	position: absolute;
	left: 330px;
	top: 420px;
		
}

div#painelC3
{
	background-color: #E0E0E0;
	color: #003333;
	width: 1100px;
	height: 375px;
    
    position: absolute;
	left: 50%;
	top: 120px;
    
    margin-left: -550px;           
}

div#painelPesquisar3
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 530px;
    left: 50%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelPesquisar3D
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 0%;
    left: 34%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelD3
{
	color: #003333;
	width: 75%;
	height: 100%;
		
	position: absolute;
	left: 330px;
	top: 530px;
		
}

div#painelC4
{
	background-color: #E0E0E0;
	color: #003333;
	width: 1100px;
	height: 500px;
    
    position: absolute;
	left: 50%;
	top: 120px;
    
    margin-left: -550px;           
}

div#painelPesquisar4
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 660px;
    left: 50%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelPesquisar4D
{
    background-color: #E0E0E0;
    width: 800px;
    height: 130px;
    
    position: absolute;
    top: 0%;
    left: 34%;

    padding-top: 2%;
    margin-left: -400px;
}

div#painelD4
{
	color: #003333;
	width: 75%;
	height: 100%;
		
	position: absolute;
	left: 330px;
	top: 660px;
		
}

div#TabGrupo
{
    width: 100%;
    height: 100px;
    
    position: absolute;

}

div#TopoTextoIndex 
{    
    width: 300px;
    height: 90px;
 
    position: absolute;
    left: 50%;

    margin-left: 50%;
}

.TextoFichaTopo /*Paragrafo*/ 
{
    color: #003333;
    font-family: Calibri;
    font-weight: bold;
	font-size: 35px;
    
    /*top right bottom left*/
    margin: -70px 0 0 32%;
}

.TextoTopoIndex /*Paragrafo*/ 
{
    color: #003333;
    font-family: Calibri;
    font-weight: bold;
	font-size: 35px;
    /*top right bottom left*/
    margin: 25px 0 0 28%;
}

#optunidade1{

    color: #003333; 
    font-family: Calibri; 
    font-weight: bold;
    font-size: 35px;

}

input[type="radio"] {
    -ms-transform: scale(1.6); /* IE 9 */
    -webkit-transform: scale(1.6); /* Chrome, Safari, Opera */
    transform: scale(1.6);
}

.TextoTopoEmpresa /*Paragrafo*/ 
{
    color: rgb(122, 109, 35);
    font-family: Calibri;
    font-weight: bold;
	font-size: 18px;
    /*top right bottom left*/
    margin: 0.5% 0 0 2%;
}

.TextoTopoEmpresaMenuPrincipal /*Paragrafo*/ 
{
    color: rgb(122, 109, 35);
    font-family: Calibri;
    font-weight: bold;
	font-size: 18px;
    /*top right bottom left*/
    margin: -0.3% 0 0 2%;
}

.TextoMenuPrincipal /*Paragrafo*/ 
{
    color: #eaf0f0;
    font-family: Calibri;
    font-weight: bold;
    font-size: 35px;
    text-align: center;     
}

.TextoDivProd1 /*Paragrafo*/ 
{
    color: black;
    font-family: Calibri;
    font-weight: bold;
	font-size: 20px;
    
    margin: -10px 0px 0px 40px;
    padding-top: 10px;
    padding-bottom: 10px; 
}

.TextoDivProd2 /*Paragrafo*/ 
{
    color: black;
    font-family: Calibri;
    font-weight: bold;
	font-size: 25px;
    
    
    margin: -10px 0px 0px 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.textoProdTab2 /*Paragrafo*/ 
{
    width: 240px; 
    height: 50px;

    font-size:35px; 
    font-weight: bold; 
    text-align: center; 
}

.textopedVendaCaixa /*Paragrafo*/ 
{
    width: 150px; 
    height: 50px;

    margin-top: -15px;

    font-size:35px; 
    font-weight: bold; 
    text-align: center; 
}

.textoPCQuant /*Paragrafo*/ 
{
    width: 150px; 
    height: 40px;

    font-size:35px; 
    font-weight: bold; 
    text-align: center; 
}

.imgLogo
{
	position: absolute;
	top: 10px;
	left: 50px;
	
}

.BotaoDiv
{
    position: absolute;
    left: 50%;
    bottom: 10%;
    margin-left: -245px;
    
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] { -moz-appearance:textfield; }

.btn {
    border-radius:12px 12px 0px 12px;
    cursor: hand;
  text-transform: uppercase;
  border: none;
  display: block;  
/*  transition: background .5s ease-in, transform .5s .25s ease-in-out;*/
  transition: background .6s ease-in, transform .5s .25s ease-in-out;  
}
.btn:hover {
/*  background-color: #8F7F27;
/*  transform: scale(1.2);*/
  transform: scale(1.2) rotateX(30deg);

}

.btn-Leitor {
    width: 150px;
    height: 45px;
    margin-left: 76%;
  
    margin-top: -6.5%;

    background-color: #DABF90;
    color: #003333;
    font-weight: 900;
    font-size: 20px;

    border-radius:12px 12px 0px 12px;
}
  
.btn-Leitor:hover {
    background-color: #8F7F27;
}

.btn-Confirmar {
    width: 250px;
    height: 65px;

    background-color: #A6C9C5;
    color: #003333;
    font-weight: 900;
    font-size: 20px;
    
    border-radius:12px 12px 0px 12px;
}
  
.btn-Confirmar:hover {
    background-color: #C9E0D8;
}

.btn-Topo {
  width: 250px;
  height: 65px;
  margin-left: 80%;

  padding: 0.2em 3em;
  margin: 1em 75%;

  background-color: #DABF90;
  color: #003333;
  font-weight: 900;
  font-size: 20px;
  border-radius:12px 12px 0px 12px; 
}

.btn-topo:hover {
    background-color: #8F7F27;
}
  
.btn-TopoP {
    width: 180px;
    height: 55px;
    margin-left: 80%;
  
    padding: 0.1em 1.5em;
    margin: 1em 80%;
  
    background-color: #DABF90;
    color: #003333;
    font-weight: 900;
    font-size: 17px;
    
}

.btn-topoP:hover {
    background-color: #8F7F27;
}

.btn-TopoP1 {
    width: 180px;
    height: 55px;
    margin-left: 80%;
  
    padding: 0.1em 1.5em;
    margin: 3.36em 80%;
  
    background-color: #DABF90;
    color: #003333;
    font-weight: 900;
    font-size: 17px;
    
}

.btn-topoP:hover {
    background-color: #8F7F27;
}

.btnTopoGrupos {
    width: 180px;
    height: 55px;
    margin-left: 50%;
    margin-top: 0%;
}

.btn-TopoGrupos:hover {
    background-color: #8F7F27;
}
  
.btn-painelB {
  width: 500px;
  height: 130px;
  margin-left: 50%;

  padding: 0.4em 3em;
  margin: 2em 15%;

  background-color: #A6C9C5;
  color: #003333;
  font-weight: 900;
  font-size: 30px;
}

.btn-painelB:hover {
  background-color: #C9E0D8;
}

.btn-painelMenuPrincipal1 {
    width: 330px;
    height: 100px;

    left: 50%;
    
    margin-top: 50px;
    margin-left: 35px;
  
    background-color: rgb(212, 238, 234);
    color: #003333;
    font-weight: 900;
    font-size: 25px;
  }
  
.btn-painelMenuPrincipal1:hover {
    background-color: #C9E0D8;
}
  
.btn-painelC1 {
  width: 250px;
  height: 100px;
  
  margin: 2% 2%;

  background-color: rgb(154, 178, 212);
  color: #003333;

  font-family: Calibri;
  font-weight: bold;
  font-size: 25px;
}

.btn-painelC1:hover {
  background-color: #C9E0D8;
}
  
.btn-salvar1 {
    width: 120px;
    height: 80px;
    
    margin-left: 14%;

    background-color: #003333;
    color: #A6C9C5;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 20px;
    
}
  
.btn-salvar1:hover {
    background-color: #C9E0D8;
}

.btn-salvar2 {
    width: 120px;
    height: 80px;
    
    margin-left: 18%;

    background-color: #ccbb8c;
    color: #003333;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 20px;
    
}
  
.btn-salvar2:hover {
    background-color: #C9E0D8;
}

.btn-FinalizarPV {
    width: 450px;
    height: 90px;
    
    background-color: #A6C9C5;
    color: #003333;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 35px;
    
}
  
.btn-FinalizarPV:hover {
    background-color: #C9E0D8;
}

.btn-FinalizarPV1 {
    width: 650px;
    height: 100px;
    
    margin-left: -50%;

    background-color: #A6C9C5;
    color: #003333;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 35px;
    
}
  
.btn-FinalizarPV1:hover {
    background-color: #C9E0D8;
}

.btn_Editar {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    
    height: 100px;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 40px;
}

.textoPedVenda {
    height: 100px;
    margin-top: 20px;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 35px;
}

table.Mostrar
{
    width: 1010px;
    border-collapse: collapse;
    text-align: center;
    margin-top: 350px;
    margin-left: -320px;
}

th.Mostrar
{
    background-color: #205861;
    color: #ffffff;
    font-family: Calibri;
    font-weight: bold;
	font-size: larger;
    text-align: center;

    border-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;

}

tr.Mostrar
{
    background-color: #E0E0E0;
    font-family: Calibri;
    font-weight: bold;
	font-size: 30px;

    text-align: center;

    border-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;

}

tr.Mostrar:nth-child(even)
{
    background-color: #C2C2C2;
    font-family: Calibri;
    font-weight: bold;
	font-size: medium;

    text-align: center;

    border-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
}

td.Mostrar
{
    border-color: #E0E0E0;
    border-style: solid;
    border-right-width: thin 1px;
    text-align: center;

    height: 150px;
    
    font-family: Calibri;
    font-weight: bold;
    font-size: 40px;
}

td.MostrarColQ
{
    width: 130px;
}

a:link, a:visited {
    color: #003333;
    text-decoration: none;
    cursor: auto;
  }
  
a:link:active, a:visited:active {
    color: #003333;
}

.rodapeEXEprincipal {

    color: #003333;

    width: 500px;
    height: 100px;

    position:absolute;
    left: 50%;
    margin-left: -250px;
    margin-top: 800px;

    font-family: Calibri;
    font-weight: bold;
    font-size: 15px;

}

.rodapeEXEindex {

    color: #003333;

    width: 500px;
    height: 100px;

    position:absolute;
    left: 50%;
    margin-left: -250px;
    margin-top: 700px;

    font-family: Calibri;
    font-weight: bold;
    font-size: 15px;

}

@media (max-width: 1920px)
{
    div#painelA {width: 1920px;}

    .btnTopoGrupos {
        margin-left: 55%;
        margin-top: -5.25%;
    }
    
    div#painelPesquisar1D {margin-left: -263px;}
    div#painelPesquisar2D {margin-left: -263px;}
    div#painelPesquisar3D {margin-left: -263px;}
    div#painelPesquisar4D {margin-left: -263px;}
    div#painelPesquisar5D {margin-left: -263px;}
    div#painelPesquisar6D {margin-left: -263px;}
    div#painelPesquisar7D {margin-left: -263px;}
    div#painelPesquisar8D {margin-left: -263px;}
    div#painelPesquisar9D {margin-left: -263px;}
    div#painelPesquisar10D {margin-left: -263px;}

    table.Mostrar
    {
        width: 1780px;
        left: 50%;
        margin-left: -252px;
    }

    td.Mostrar
    {
        height: 60px;
        font-size: 30px;
    }
        
    .btn-salvar1 {height: 40px;}
    .btn-salvar2 {height: 40px;}
    
}

@media (max-width: 1366px)
{
    div#painelA {width: 1360px;}

    .btnTopoGrupos {
        margin-left: 50%;
        margin-top: -7.25%;
    }

    div#painelPesquisar1D {margin-left: -400px;}
    div#painelPesquisar2D {margin-left: -400px;}
    div#painelPesquisar3D {margin-left: -400px;}
    div#painelPesquisar4D {margin-left: -400px;}
    div#painelPesquisar5D {margin-left: -400px;}
    div#painelPesquisar6D {margin-left: -400px;}
    div#painelPesquisar7D {margin-left: -400px;}
    div#painelPesquisar8D {margin-left: -400px;}
    div#painelPesquisar9D {margin-left: -400px;}
    div#painelPesquisar10D {margin-left: -400px;}

    table.Mostrar
    {
        width: 1310px;
        left: 50%;
        margin-left: -310px;
    }

    td.Mostrar
    {
        height: 60px;
        font-size: 30px;
    }
        
    .btn-salvar1 {height: 40px;}
    .btn-salvar2 {height: 40px;}
}


@media (max-width: 1280px)
{
    div#painelA {width: 1280px;}

    .btnTopoGrupos {
        margin-left: 50%;
        margin-top: -7.25%;
    }

    div#painelLogin {margin-left: -195px;}

    div#painelMenuPrincipal1 {
        left: 40%;
        margin-top: 80px;
    }

    div#painelMenuPrincipal2 {
        margin-top: 80px;
    }

    .btn-painelMenuPrincipal1 {margin-top: 70px;}
        
    div#painelPesquisar1 {margin-left: -405px;}
    div#painelPesquisar2 {margin-left: -405px;}
    div#painelPesquisar3 {margin-left: -405px;}
    div#painelPesquisar4 {margin-left: -405px;}
    div#painelPesquisar5 {margin-left: -405px;}
    div#painelPesquisar6 {margin-left: -405px;}
    div#painelPesquisar7 {margin-left: -405px;}
    div#painelPesquisar8 {margin-left: -405px;}
    div#painelPesquisar9 {margin-left: -405px;}
    div#painelPesquisar10 {margin-left: -405px;}

    div#painelPesquisar1D {margin-left: -425px;}
    div#painelPesquisar2D {margin-left: -425px;}
    div#painelPesquisar3D {margin-left: -425px;}
    div#painelPesquisar4D {margin-left: -425px;}
    div#painelPesquisar5D {margin-left: -425px;}
    div#painelPesquisar6D {margin-left: -425px;}
    div#painelPesquisar7D {margin-left: -425px;}
    div#painelPesquisar8D {margin-left: -425px;}
    div#painelPesquisar9D {margin-left: -425px;}
    div#painelPesquisar10D {margin-left: -425px;}

    div#painelC1 {margin-left: -550px;}
    div#painelC2 {margin-left: -550px;}
    div#painelC3 {margin-left: -550px;}
    div#painelC4 {margin-left: -550px;}
    div#painelC5 {margin-left: -550px;}
    div#painelC6 {margin-left: -550px;}
    div#painelC7 {margin-left: -550px;}
    div#painelC8 {margin-left: -550px;}
    div#painelC9 {margin-left: -550px;}
    div#painelC10 {margin-left: -550px;}

    table.Mostrar
    {
        width: 1240px;
        left: 50%;
        margin-left: -310px;
    }

    td.Mostrar
    {
        height: 80px;
        font-size: 25px;
    }
        
    .btn-salvar1 {height: 50px;}
    .btn-salvar2 {height: 50px;}
    
    .textoProdTab2 /*Paragrafo*/ 
    {
        width: 240px; 
        height: 50px;
        font-size:35px; 
    }

    .textoPCQuant /*Paragrafo*/ 
    {
        width: 150px; 
        height: 50px;
        font-size:35px; 
    }

}

@media (max-width: 1024px)
{
    div#painelA {width: 1280px;}

    .TextoFichaTopo  {
    	font-size: 30px;
    
        /*top right bottom left*/
        margin: -70px 0 0 32%;
    }

    div#painelLogin {margin-left: -195px;}

    div#painelMenuPrincipal1 {
        height: 670px;
        margin-top: 80px;
        margin-left: -230px;
    }

    div#painelMenuPrincipal2 {
        height: 670px;
        margin-top: 80px;
        margin-left: -60px;
    }

    .btn-painelMenuPrincipal1 {margin-top: 70px;}
        
    div#painelPesquisar1 {margin-left: -265px;}
    div#painelPesquisar2 {margin-left: -265px;}
    div#painelPesquisar3 {margin-left: -265px;}
    div#painelPesquisar4 {margin-left: -265px;}
    div#painelPesquisar5 {margin-left: -265px;}
    div#painelPesquisar6 {margin-left: -265px;}
    div#painelPesquisar7 {margin-left: -265px;}
    div#painelPesquisar8 {margin-left: -265px;}
    div#painelPesquisar9 {margin-left: -265px;}
    div#painelPesquisar10 {margin-left: -265px;}

    div#painelPesquisar1D {margin-left: -355px;}
    div#painelPesquisar2D {margin-left: -355px;}
    div#painelPesquisar3D {margin-left: -355px;}
    div#painelPesquisar4D {margin-left: -355px;}
    div#painelPesquisar5D {margin-left: -355px;}
    div#painelPesquisar6D {margin-left: -355px;}
    div#painelPesquisar7D {margin-left: -355px;}
    div#painelPesquisar8D {margin-left: -355px;}
    div#painelPesquisar9D {margin-left: -355px;}
    div#painelPesquisar10D {margin-left: -355px;}

    div#painelC1 {margin-left: -410px;}
    div#painelC2 {margin-left: -410px;}
    div#painelC3 {margin-left: -410px;}
    div#painelC4 {margin-left: -410px;}
    div#painelC5 {margin-left: -410px;}
    div#painelC6 {margin-left: -410px;}
    div#painelC7 {margin-left: -410px;}
    div#painelC8 {margin-left: -410px;}
    div#painelC9 {margin-left: -410px;}
    div#painelC10 {margin-left: -410px;}

    table.Mostrar
    {
        width: 1240px;
        left: 50%;
        margin-left: -310px;
    }

    td.Mostrar
    {
        height: 130px;
        font-size: 40px;
    }
        
    .btn-salvar1 {height: 70px;}
    .btn-salvar2 {height: 70px;}
    
    .textoProdTab2 /*Paragrafo*/ 
    {
        width: 240px; 
        height: 60px;
        font-size:50px; 
    }

    .textoPCQuant /*Paragrafo*/ 
    {
        width: 150px; 
        height: 70px;
        font-size:55px; 
    }

    .rodapeEXEindex { margin-left: -100px; }
    
    .rodapeEXEprincipal {
         margin-top: 1000px; 
         margin-left: -100px;
    }
    
}