table.tabPADRAO th:hover {
background-color: #BEBEBE;
color:black;
cursor:pointer;
}


th.thSORTEDUP {
color:blue;
font-weight:bold;
font-size:1.2em;
border:1px solid red ;
background-image: url('../imagens/arrow_up.gif');
background-position: right center;
background-repeat: no-repeat;
}

th.thSORTEDDOWN {
color:blue;
font-weight:bold;
font-size:1.2em;
border:1px solid red ;
background-image: url('../imagens/arrow_down.gif');
background-position: right center;
background-repeat: no-repeat;
}


td.tdTRUNCADA {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
body, html {
box-sizing: border-box;
padding: 0;
margin: 0;
background-color: white;
font-family: Roboto, sans-serif;;
font-size: 13px;
white-space: nowrap;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
height: 100%;
margin: 0;
overflow:hidden;
}

img.botao {
max-width:100%; max-height:100%; width:100%; height:100%;
margin-top:-3px;
cursor:pointer;
}
img.botao:hover {
background-color:lightgrey;
}



div.titDIVTMP {
border-bottom:1px solid grey;
float:left;
width:100%;
height:30px;
background-color:#333c83;
color:white;
padding-left:5px;
line-height:30px;
vertical-align:middle;
}

div.login { 
border-bottom-color: rgb(146, 186, 167);
background-color:#f2faf7;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(146, 186, 167);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(146, 186, 167);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(146, 186, 167);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(146, 186, 167) 0px 0px 7px 0px;
}

.cssDIV_ESCONDE  { display:none; }

.cssDIV_AJAX {
width: 120px;
height: 50px;
position: absolute;
z-index:1000024;
background: rgba(255,	90	,90, 0.5);	
background: rgba(146, 200, 167, 0.5);
background: rgba(100,	149	,237, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top:29px;
}
input[type="button"].btnGRAVAR{
background-color: rgb(209, 72, 54);
background-image: -webkit-linear-gradient(top, rgb(221, 75, 57), rgb(209, 72, 54));
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: white;
display: block;
float: left;
font-family: Roboto, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnGRAVAR:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

input[type="button"].btnCONTINUAR{
background-color: rgb(27, 127, 831);
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: white;
display: block;
float: left;
font-family: Roboto, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnCONTINUAR:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

input[type="button"].btnAUXILIO{
background-color: lightgrey;
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: black;
display: block;
float: left;
font-family: Roboto, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:20px;
cursor:pointer;
}

input[type="button"].btnAUXILIO:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

input[type="button"].btnPADRAO{
background-color: lightgrey;
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: black;
display: block;
float: left;
font-family: Roboto, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnSAIR{
background-color: lightgrey;
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: black;
font-family: Roboto, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:24px;
cursor:pointer;
}


input[type="button"].btnSAIR:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

input[type="button"].btnPADRAO:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

/* centra radio buttons */
/*input { vertical-align: middle; margin-top: -1px;} */

textarea  {
font-size:1em;
height:1.2em;
line-height:1.2em;
vertical-align:middle;
border-top: 1px solid rgb(146, 186, 167);
border-bottom: 1px solid rgb(146, 186, 167);
border-left: 1px solid rgb(146, 186, 167);
border-right: 1px solid rgb(146, 186, 167);
background-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor:pointer;
margin-top:2px;
color:blue;
resize: none;
font-family: Roboto, sans-serif;
}
textarea:hover { 
border-color: green;
background-color: #E6E6FF;
}
textarea:focus { 
background-color: #FFFFCC;
border-color: green;
}

input[type="text"].menor {
text-transform: uppercase;
font-size:1em;
height:1.2em;
line-height:1.2em;
vertical-align:middle;
border-top: 1px solid rgb(146, 186, 167);
border-bottom: 1px solid rgb(146, 186, 167);
border-left: 1px solid rgb(146, 186, 167);
border-right: 1px solid rgb(146, 186, 167);
background-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor:pointer;
margin-top:2px;
color:blue;
font-family: Roboto, sans-serif;;
width:90%;
}
input[type="text"].menor:hover { 
border-color: green;
background-color: #E6E6FF;
}
input[type="text"].menor:focus { 
background-color: #FFFFCC;
border-color: green;
}
.placeholder { color: #aaa; }

input[type="password"] {
font-size:1em; 
margin-top:-4px;
height:1em;
line-height:16px;
padding-left:5px;
vertical-align:middle;
border-top: 1px solid rgb(146, 186, 167);
border-bottom: 1px solid rgb(146, 186, 167);
border-left: 1px solid rgb(146, 186, 167);
border-right: 1px solid rgb(146, 186, 167);
background-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor:pointer;
}
input[type="password"]:hover { 
border-color: green;
background-color: #E6E6FF;
}
input[type="password"]:focus { 
background-color: #FFFFCC;
border-color: green;
}
input[type="text"] {
padding-top:2px;
margin-top:-4px;
font-size:1em;
height:1em;
padding-left:5px;
vertical-align:middle;
border-top: 1px solid rgb(146, 186, 167);
border-bottom: 1px solid rgb(146, 186, 167);
border-left: 1px solid rgb(146, 186, 167);
border-right: 1px solid rgb(146, 186, 167);
background-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor:pointer;
}
input[type="text"]:hover { 
border-color: green;
}
input[type="text"]:focus { 
background-color: #FFFFCC;
border-color: green;
}

div.avisoCENTRAL {
background-color: #ffebeb;
border-color: #b40000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-style: solid;
border-width: 1px;
color: #c40000;
font-family: Roboto, sans-serif;;
font-size: 1.3em;
height:100px;
line-height:30px;
padding-top:15px;
position:absolute;
z-index:10000;
bottom:25px;
width:90%;
}


input[type="button"].btnRADIO {
position:relative;
width:150px;
color:black;
display:block;
cursor:pointer;
text-decoration:none;
margin:0 auto;
border-radius:5px;
border:solid 2px #92baa7;
background:#f2faf7;
text-align:center;
height:30px;
}


input[type="button"].btnRADIO_PRESSIONADO {
position:relative;
width:150px;
color:black;
display:block;
margin:0 auto;
border-radius:5px;
border:solid 2px blue;
background:#f2faf7;
text-align:center;
height:30px;
}

table.tabPADRAO {
color: rgb(102, 102, 102);
font-family: monospace;
font-size: 1.1em;
background-color: white;
border-spacing:0;
border-top: 0px solid rgb(221, 221, 221);
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 0px solid rgb(221, 221, 221);
table-layout: fixed;
}
table.tabPADRAO td.tdHORARIO {
text-overflow: ellipsis;
max-height:25px; 
background-color: white;
border-bottom: 1px solid rgb(221, 221, 221);
border-left: 1px solid rgb(221, 221, 221);
border-right: 1px solid rgb(221, 221, 221);
border-top: 1px solid rgb(221, 221, 221);
height:25px;
line-height:25px;
text-align:left;
padding-left:0px;
}
table.tabPADRAO th {
font-family: Roboto, sans-serif;;
line-height:25px;
height: 25px;
background-color: #EAEAEA;
margin-left: auto;
margin-right: auto;
border-spacing:0px;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

table.tabPADRAO td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; 
}

table.tabPADRAO tr.trLARANJA td {
padding-left:6px;
}

table.tabPADRAO tr.trLARANJA {
color:black;
line-height:25px;
height: 25px;
max-height: 25px;
}
table.tabPADRAO tr.trLARANJA_CLICADA {
background-color:#ff9900;
line-height:25px;
height: 25px;
color:black;
cursor:pointer;
}
table.tabPADRAO tr.trLARANJA_CLICADA td {
padding-left:6px;
}
table.tabPADRAO tr.trLARANJA:hover {
background-color:#ffc266;
cursor:pointer;
}
table.tabPADRAO td.tdSELECIONAVEL {
background-color: #CCCCFF;
cursor:pointer;
color:blue;
}
table.tabPADRAO td.tdSELECIONAVEL:hover {
background-color:#8080FF;
text-decoration: underline;
color:white;
}
table.tabPADRAO td.tdSELECIONAVEL_INATIVA {
background-color: #FFCCCC;
cursor:pointer;
color:blue;
}
table.tabPADRAO td.tdSELECIONAVEL_INATIVA:hover {
background-color:#FF8080;
text-decoration: underline;
color:white;
}
table.tabPADRAO td.tdSELECIONAVEL_DESATIVADA {
background-color: lightgrey;
cursor:pointer;
}
table.tabPADRAO td.tdSELECIONAVEL_DESATIVADA:hover {
background-color:#e5e6e6;
}

div.setaNAVEGACAO {
line-height:45px;
height:45px;
padding-top:5px;
background-color: #EAEAEA;
margin: auto;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}
div.setaNAVEGACAO:hover {
background-color:lightgrey;
cursor:pointer;
}

td.btnEDICAO {cursor:pointer;width:50px;}

td.btnEDICAO:hover {background-color: #e5e6e6;}

span.titulo {
color:black;
font-size:2em;
}
td.campo {
color:blue;
}


div.divEDICAO {
z-index:3; position:absolute; left:0;top:0;margin:auto;right:0;bottom:0;background-color:red;
}


span.btnFECHARDIV {
font-size:1.3em;cursor:pointer;
}
span.btnFECHARDIV:hover {
background-color:#737373;
cursor:pointer;
}

/* icones usados em divs dinamicas */
div.btnICONE {
font-size:2em;cursor:pointer;
line-height:40px;
height:40px;
vertical-align:middle;
color:white;
float:right;
text-align:center;
border:1px solid white;
width:5%;
}

div.setaAUTOCOMPLETE_MESMALINHA:hover {
cursor:pointer;
background-color:#FF6666;
}
div.setaAUTOCOMPLETE_MESMALINHA {
float:left;
vertical-align:middle;
background-image: url('../imagens/escolheIC.png');
background-position: bottom center;
background-repeat: no-repeat;
height:27px;
width:30px;
margin-top:-8px;
}


div.setaAUTOCOMPLETE:hover {
cursor:pointer;
background-color:#FF6666;
}
div.cmpAUTOCOMPLETE {
float:left;padding-left:5px;
width: -moz-calc(100% - 43px);
width: -webkit-calc(100% - 43px);
width: calc(100% - 43px);
}
div.setaAUTOCOMPLETE {
float:left;
vertical-align:middle;
background-image: url('../imagens/escolheIC.png');
background-position: bottom center;
background-repeat: no-repeat;
height:37px;
width:30px;
margin-top:4px;
}
div.btnICONE:hover {
background-color:#f1f6fc;
border:1px solid blue;
}
/* icones usados nas barra de icones, tela principal, embaixo do menu */
div.btnICONE_PRINC {
font-size:1.2em;cursor:pointer;
vertical-align:middle;
color:black;
float:left;
text-align:center;
border:1px solid white;
width:8%;
}
div.btnICONE_PRINC:hover {
background-color:#f1f6fc;
border:1px solid blue;
}
div.btnICONE_INFERIOR {
font-size:2em;cursor:pointer;
line-height:48px;
height:48px;
vertical-align:middle;
color:white;
float:left;
border-left:1px solid lightgrey;
border-right:1px solid lightgrey;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
}
div.btnICONE_INFERIOR:hover {
background-color:#f1f6fc;
border-left:1px solid blue;
border-right:1px solid blue;
border-top:1px solid blue;
border-bottom:1px solid blue;
}
div.btnFECHARDIV_INFERIOR {
  font-size:2em;cursor:pointer;
line-height:30px;
height:30px;
vertical-align:middle;
color:white;
float:left;
}
div.btnFECHARDIV_INFERIOR:hover {
background-color:white;
}


div.divFUME {
display:none;
z-index:30;
position:absolute;
width:100%;
height:95%;
margin-left: auto ;
margin-right: auto ;
left:0;
top:0;
border:0px ;
background: rgba(10, 10, 10, 0.0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);


  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier 
  overflow:auto;min-height:1800px;height:120% */
}
span.asterisco {
font-size:0.8em;
color:red;
font-weight:bold;
padding-left:10px;
}


span.lblERRO {
color:red;
font-size:1em;
font-family: Roboto, sans-serif;;
padding-left:30px;
}

/* sobreescrevendo alguns css dos dialogos modais do jquery (jquery dialog()) */
.ui-corner-all {
    border-radius: 0;
}
.ui-dialog-titlebar {
  background-color: #333c83;
  background-image: none;
  color: white;
  font:1em;
}
.ui-dialog-titlebar-close {
  visibility: hidden;
}
.ui-dialog-title{
    font-size: 1em;
    color: white;
}

.ui-widget-overlay {
   opacity: 0;
   filter: Alpha(Opacity=0);
}
.ui-widget-content {
    border: 1px solid black;
    padding:0;
    font-size: 1em;
}

input[type="button"].btnIMPORTANTE {
background-color: rgb(209, 72, 54);
background-image: -webkit-linear-gradient(top, rgb(221, 75, 57), rgb(209, 72, 54));
border-bottom: 1px solid transparent;
border-left: 1px solid  transparent;
border-right: 1px solid  transparent;
border-top: 1px solid transparent;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
color: white;
display: block;
float: left;
font-family: Roboto, sans-serif;;
font-size: 1em;
text-align: center;
text-decoration: none;
height:30px;
cursor:pointer;
}

input[type="button"].btnIMPORTANTE:hover{
border-color:white;
box-shadow: black 0px 0px 3px 0px;
}

.ui-dialog { z-index: 1000045 !important ;}
.ui-widget-overlay { 
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;
  z-index:1000044;

  background-color: rgb(50, 50, 50) !important; 
}



table.tabSUBTABELA {
color: rgb(102, 102, 102);
font-family: Roboto, sans-serif;;
font-size: 1em;
background-color: white;
border-spacing:0;
border-top: 0px solid rgb(221, 221, 221);
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 0px solid rgb(221, 221, 221);
table-layout: fixed;
}
table.tabSUBTABELA th {
line-height:30px;
height: 30px;
background-color: #EAEAEA;
margin-left: auto;
margin-right: auto;
border-spacing:0px;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

table.tabSUBTABELA tr.trTABPRECO_1 td {padding-left:6px;}
table.tabSUBTABELA tr.trTABPRECO_1 {
color:black;
line-height:25px;
height: 25px;
max-height: 25px;
background-color:white;
}
table.tabSUBTABELA tr.trTABPRECO_1 td:hover {
background-color:rgb(204, 204, 255);
cursor:pointer;
}

table.tabSUBTABELA tr.trTABPRECO_2 td {padding-left:6px;}
table.tabSUBTABELA tr.trTABPRECO_2 {
color:black;
line-height:25px;
height: 25px;
max-height: 25px;
background-color:#e6e6e6;
}
table.tabSUBTABELA tr.trTABPRECO_2 td:hover {
background-color:rgb(204, 204, 255);
cursor:pointer;
}

table.tabPADRAO tr.trTABPRECO_1 td {padding-left:6px;}
table.tabPADRAO tr.trTABPRECO_1 {
color:black;
line-height:25px;
height: 25px;
max-height: 25px;
}

table.tabPADRAO tr.trTABPRECO_1:hover {background-color:#ffc266;}
table.tabPADRAO tr.trTABPRECO_2:hover {background-color:#ffc266;}

table.tabPADRAO tr.trTABPRECO_1 td:hover {
cursor:pointer; 
background-color:#ff9900;
}

table.tabPADRAO tr.trTABPRECO_2 td {padding-left:6px;}
table.tabPADRAO tr.trTABPRECO_2 {
color:black;
line-height:25px;
height: 25px;
max-height: 25px;
}
table.tabPADRAO tr.trTABPRECO_2 td:hover {
background-color:#ff9900;
cursor:pointer; 
}

.ui-widget-overlay { 
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */  
}

table.tabPADRAO tr.trLARANJA_CINZA td {
padding-left:6px;
}

table.tabPADRAO tr.trLARANJA_CINZA {
color:black;
line-height:20px;
height: 20px;
max-height: 25px;
background-color:#e6e6e6;
}
table.tabPADRAO tr.trLARANJA_CINZA:hover {
background-color:#ffc266;
cursor:pointer;
}

div.preenchimentoInferiorTabela {
border: 1px solid lightgrey;padding:0;float:left;width:100%;
}
div.preenchimentoInferiorTabela:hover {
background-color:lightgrey;
cursor:pointer;
}


td.itemMENU {
width:40%;
line-height:20px;
padding-left:20px;
font-size:1.1em;
border:	1px solid white;
}

td.itemMENU:hover {
background-color:#f1e8e6;
cursor:pointer;
border:	1px solid #c24733;
}

td.iconeJPG:hover {
background-color:#ff794d;
}

div.divALFINETE {
height:100%;
display:flex;
width:50px;
float:right;
margin-top:-3px;
}

div.divALFINETE:hover {
background-color:lightgray;
cursor:pointer;
}

div.divIDOPERADOR_INFERIOR {
height:100%;
float:right;
}

/* icones usados em divs dinamicas */
div.btnOPERADORA {
cursor:pointer;
vertical-align:middle;
color:white;
float:left;
text-align:center;
border:1px solid white;
height:90%; 
}
div.btnOPERADORA:hover {
background-color:#f1f6fc;
border:1px solid blue;
}

div.btnOPERADORA_CLICADO {
cursor:pointer;
vertical-align:middle;
color:white;
float:left;
text-align:center;
height:90%; 
background-color:#c0d6f2;
border:1px solid blue;
}
div.btnOPERADORA_CLICADO:hover {
background-color:#c0d6f2;
border:1px solid blue;
}




.cssTITLE {
background-color: #333333 !important; 
border-color: #333333 !important ;
border-bottom-left-radius: 6px !important;
border-bottom-right-radius: 6px !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
color:white !important;
font-family: 'Roboto', sans-serif !important;
font-size: 13px !important;
line-height:20px !important;
white-space: nowrap !important;
padding-left:5px !important;
padding-right:10px !important;
position: absolute !important;
}