body {background: whitesmoke;}
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: verdana;
	vertical-align: baseline;
}
textarea { vertical-align: top;}

input[readonly],
textarea[readonly] {background-color: #ddd; cursor: not-allowed; }
select:disabled { background-color: #ddd; color: black; cursor: not-allowed; }
input:disabled { background-color: #ddd; color: black; cursor: not-allowed; }

input[tipo='Category'],
input[tipo='User'],
input[tipo='Enum'] { cursor: default; }

input[trancado]  {background-color: #ddd; cursor: not-allowed; }

enumerado { padding: 5px !important; border: solid thin lightgray; background-color: #ddd; cursor: not-allowed; }

a, a:hover {text-decoration:none;font-weight: bold; transition-duration:0.8s;}
body {margin:0;padding:0; font-family:Verdana, sans-serif; }
h3 { text-align:left; }

.l700 { width: 700px; }
.l650 { width: 650px; }
.l600 { width: 600px; }
.l550 { width: 550px; }
.l500 { width: 500px; }
.l450 { width: 450px; }
.l400 { width: 400px; }
.l350 { width: 350px; }
.l300 { width: 300px; }
.l250 { width: 250px; }
.l200 { width: 200px; }
.l150 { width: 150px; }
.l100 { width: 100px; }
.l50 { width: 50px; }

#pnBody {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
img.load::after {content: "carregando...";}
img.falhou::after {content: "Não possui...";color:red;}
div.ui-datepicker{ font-size: 9pt !important;}

#pnHeader { border-bottom: 8px solid rgb(184, 216, 0); background: #555765; }

#pnLogin { margin-top: 13%; height: fit-content; }
.tituloRelatorio {display: none;}

#pnEsquece {position: absolute;top: 40%;left: 35%;background: gainsboro;padding: 15px;border-radius: 10px;box-shadow: 10px 10px 10px gray;z-index:300;display:none;}
#pnEsquece p {margin-bottom: 5px;}
#pnEsquece span{font-family:Verdana, sans-serif;font-weight: bold;font-size:11pt;color: #777;}
#pnEsquece input {width: 95%;padding:10px;}
#pnEsquece button {margin: 5px 5px 0 5px;}
#pnRecuperacao { text-align:center; position:fixed; top:0;bottom:0;right:0;left:0; }

#pnFooter {position:fixed;bottom:0;right:0;left:0;min-height:65px;background: darkgray;}
#pnFooter div { min-width: 140px; margin: 0 10px 0 auto; }
#pnFooter span {font-size: 8pt;font-weight: bold;color:#007bff;}
#pnFooter img {height:35px;}

#pnLogin { background: linear-gradient(rgb(184, 216, 0), rgb(103, 152, 31)); padding: 15px; border-radius: 15px; min-width: 200px; margin: auto; }

#btnLogin { background: #666; font-size: 11pt; }
#btnLogin:hover { background: darkgray; }
#warning { text-align: center; color: red; }

.login_esqueci {font-size:8pt;text-decoration:none;text-align:center;}
.login_esqueci a {color: gray; float:right; margin-top: -10px; padding-bottom: 10px; }
.login_esqueci a:hover {color: white;}

#pnSombra { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6); overflow: hidden; z-index: 105; }

#pnMensagem { position: absolute; top: 200px;  max-width: 400px; min-width: 200px; background: gainsboro; text-align: center; border-radius: 15ps; border: outset 3px white; padding: 30px; z-index: 150}
#pnMensagem p { text-align: center; margin: auto; font-size: 8pt; font-weight: bold; }
#pnMensagem p:first-of-type { margin-bottom: 15px; }

.horizontal_menu { z-index: 100; }
.horizontal_menu button { margin-top: 10px; }
.horizontal_menu button { float: right; border-radius:50%; box-shadow: 2px 2px 2px #bbb;cursor:pointer;text-align:center; margin-right: 10px; padding: 2px 7px; min-width: 30px !important; min-height: 30px !important; width: unset !important; }
.horizontal_menu button:hover { background: lightgray; }
.horizontal_menu button span.fas { opacity:.4; transition-duration: .3s; width: unset !important; height: unset !important; min-width: unset !important; min-height: unset !important; margin: 0 !important; display: unset !important; } 
.horizontal_menu button:hover span.fas { opacity: 1 }

.horizontal_menu button:disabled { background: rgb(221, 221, 221) !important; cursor: not-allowed;}
.horizontal_menu button:disabled span.fas { opacity: .4 !important; }