html {overflow-y:scroll;overflow-x:auto;}
body,body * {font-size:12px;}

input[type=text],textarea,.maiuscula{text-transform:uppercase;}
input[id=Login],input[id*=mail]{text-transform:lowercase;}

:-ms-input-placeholder {text-transform:none;}
::placeholder {text-transform:none;}
::-webkit-input-placeholder {text-transform:none;}

h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}
label{cursor:default;user-select:none;text-align:left;}

/* #conteudo{padding-bottom:200px;overflow-x:auto;overflow-y:hidden;} */
#conteudo{padding-bottom:200px;}
#conteudo_edit{}

.titulo{font-size:20px;font-weight:bold;margin-top:5px;}
.titulo-2{font-size:16px;padding-left:10px;border-left:5px solid #778899;border-bottom:1px solid #778899;text-transform:uppercase;text-align:left;}

.listagem * {font-size:11px;}
.listagem {border-collapse:collapse;border-spacing:0;margin:0 auto;overflow-x:auto;table-layout:fixed;}
.listagem caption {font-size:18px!important;font-weight:bold;color:black;}
.listagem td,.listagem th{padding:6px 8px;display:table-cell;cursor:normal;}
.listagem thead th{border:1px solid #BEBEBE;background-color:#D3D3D3;}
.listagem tbody tr:hover td{background-color:#FFA500;cursor:default;}
.listagem tbody td{border:1px dotted #ddd;}
.listagem tfoot > tr > td{font-weight:bold;}
.listagem a {text-decoration:none}
.listagem a:hover{text-decoration:underline;color:blue;}

.fixo{top:0;z-index:1;position:sticky;position:-webkit-sticky;}

/***

	Modulo de Cadastro

***/

.cadastro{min-width:300px;width:97%;max-width:700px;margin:10px auto 100px;}
.divBox{position:relative;display:block;padding:5px 0;text-align:left;}
.divInput{display:inline-block;vertical-align:bottom;}
.divInativo{padding:10px 0 15px;background-color:#FFFFE0;text-align:center;border:1px solid #ccc;}
.message{color:white;background:red;margin-left:5px;display:none;font-weight:bold;padding:0 5px;}

/***

	Tool Tip Text

***/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/***

	AutoComplete

***/
div.linha1 {font-weight:bold;font-size: 120%;color:blue;}
.m-lista{overflow-x:hidden;white-space:nowrap;padding:10px;}
.m-lista, .m-lista *{cursor:default;font-family:Monospace!Important;font-size:12px!Important;}

.autocomplete{position:relative;}
.autocomplete-items{
	position:absolute!Important;
	/*border:1px solid #d4d4d4;
	border-bottom:none;
	border-top:none;*/
	border:2px solid #000;
	border-radius:1%;
	z-index:99;
	margin-top:2px;
	left:0;
	right:0;
	
	overflow-x:hidden;
	overflow-y:scroll;
	max-height:500px;
	min-width:200px;
	background-color:#E5E8E8;
}
.autocomplete-items li {
	font-size:11px!Important;
}
.autocomplete-items b{
	font:inherit;
	font-weight:bold;
}	

.autocomplete-items ul{padding-left:0;margin:0;list-style:none}
.autocomplete-items ul li{font-size:10px;padding:5px 10px;cursor:pointer;color:#303030;border-bottom:1px solid #ccc;}
.autocomplete-items ul li.sel{background-color:#B4D5FE;}

.informacoes {padding:10px;padding-right:20px;text-align:left;background-color:#f1f1f1;border:1px solid #ccc;min-height:50px;overflow-x:hidden;white-space:nowrap;margin-top:2px;border-radius:5px;}
.informacoes,.informacoes * {font-family:Monospace;font-size:12px;}

i.fa,i.fas{cursor:pointer;}

/***

	CAFE

***/
div[class^='cafe_'] {}
.cafe_ficticio {color:red!important}
.cafe_fisico {color:blue;}
.cafe_futuro {color:green;}
.cafe_entregue {color:gray;text-decoration:line-through;text-decoration-color:gray;font-style:italic;}		

.m-text-note{color:#8B0000!important}
.m-text-print{color:#00008B!important}
.m-text-pay{color:#006400!important}

/***

	Mudancas no W3C

***/
.w3-modal{background-color:rgb(0,0,0,85%)}