body {
	margin: 0px;
	font-family: sans-serif;
}

/* ##### MENU ##### */

#menu {
	width: 20%;
	height: 100%;
	float: left;
	overflow: auto;
	position: fixed;
}

#menu::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#menu::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

#menu::-webkit-scrollbar-thumb {
	background-color: #000000;
	border: 2px solid #555555;
}

.img-menu-esconder-mostrar {
	padding-top: 20px;
	position: absolute;
}

.img-menu-esconder-mostrar:HOVER {
	background-color: #0099FF;
}

.img-header-conta-sair { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_clear_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-header-conta-return-pegasus { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_assignment_return_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-header-conta:HOVER {
	background-color: #0099FF;
}

.img-menu-hawbs-conferir-coleta { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_assignment_turned_in_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-lista-criar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_add_box_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-lista-editar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_create_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-lista-liberar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_forward_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-lista-baixar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_archive_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-postagem-postar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_content_paste_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-matricula-estimulo { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_exit_to_app_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-matricula-converter-hawb { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_cached_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-submenu { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_folder_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-capalote-abrir { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_event_available_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-capalote-operar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_event_note_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-capalote-finalizar { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_event_busy_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-gerenciar-estoque { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_storage_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-imprimir-trabalhos { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_print_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-cadastrar-tipomercadoria { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_add_box_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-gerenciar-tipomercadoria { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_format_list_bulleted_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-realizar-entrada-cliente { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_call_received_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-realizar-avanco { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_import_export_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-confirmar-baixar-avanco { 
	background-image: url("/FlashPegasus/javax.faces.resource/images/ic_check_black_18dp.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-ponto {
	background-image: url("/FlashPegasus/javax.faces.resource/images/dot.png.xhtml") !important;
	padding-right: 10px;
}
.img-menu-box {
	background-image: url("/FlashPegasus/javax.faces.resource/images/box.png.xhtml") !important;
	padding-right: 10px;
}

.img-menu-submenu-circulo {
	background-image: url("/FlashPegasus/javax.faces.resource/images/dot_submenu.png.xhtml") !important;
	padding-right: 10px;
}

.img_estou_em_duvida{
	background-image: url("/FlashPegasus/javax.faces.resource/images/lamp.png.xhtml") !important;
}

/* ##### PAGE ##### */

#page {
	width: 100%;
	margin: 0 auto;
}

/* ##### HEADER ##### */

#header {
	width: 80%;
	height: 50px;
	float: right;
	position: relative;
	background-image: url("/FlashPegasus/javax.faces.resource/images/background_slider01_cinza_abstrac.jpg.xhtml");
}

.paddingTop15px {
	padding-top: 15px;
}

.paddingLeft0 {
	padding-left: 0;
}

.paddingRight0 {
	padding-right: 0;
}

/* ##### CONTENT ##### */

#content {
	width: 80%;
	float: right;
	position: relative;
	background-color: #F5F5F5;
}

#content.semMenu {
	width: 100%;
	float: right;
	position: relative;
}

.caixaTituloIndex {
	width: 600px;
	height: 200px;
	line-height: 200px;
	background-color: #CAE1FF;
	font-size: 20px;
	text-align: center;
	color: #2F4F4F;
	margin: 200px auto;
	display: block;
}

.caixaTitulo {
	width: 94%;
	height: 66px;
	line-height: 66px;
	padding-left: 40px;
	background-color: #CAE1FF;
	font-size: 30px;
	color: #2F4F4F;
	margin: auto;
	margin-top: 15px;
	display: block;
}

.caixaConteudo {
	width: 94%;
	padding: 20px;
	background-color: #E0EEEE;
	font-size: 20px;
	color: #2F4F4F;
	margin: auto;
	margin-top: 9px;
	display: block;
}

.caixaMensagem {
	font-weight:bold;
	background-color:#F8F8FF;
	padding:10px;
}

.caixaMensagemAlerta {
	font-weight:bold;
	color:yellow;
	background-color:red;
	padding:10px;
}

.mensagemAlerta{
	font-size: 10px !important;
	width: 100%  !important;
	text-align: left !important;
	color: red;
}

.font5Size {
	font-size: 5px !important;
}

.font6Size {
	font-size: 6px !important;
}

.font7Size {
	font-size: 7px !important;
}

.font8Size {
	font-size: 8px !important;
}

.font9Size {
	font-size: 9px !important;
}

.font10Size {
	font-size: 10px !important;
}

.font12Size {
	font-size: 12px !important;
}

.font13Size {
	font-size: 13px !important;
}

.font14Size {
	font-size: 14px !important;
}

.font15Size {
	font-size: 15px !important;
}

.font18Size {
	font-size: 18px !important;
}

.font20Size {
	font-size: 20px !important;
}

.semBorda tr, .semBorda td {  
    border: none !important;  
}

.fundoTransparente tr, .fundoTransparente td {  
    background: transparent !important;  
}

.fundoBranco {  
    background: #FFFFFF !important;  
}

.fundoCinza {  
    background: #E6E6E6 !important;  
}

.fullPage {
	width: 100% !important;
	padding: 0px;
} 

.alignLeft {
	text-align: left !important;
	padding: 0px !important;
}

.alignRight {
	text-align: right !important;
	padding: 0px !important; 
}

.alignMiddle {
	text-align: center !important;
	padding: 0px !important; 
}

.alignTextOfInputs {
	text-align: center !important;
}

.textBold {
	font-weight: bold;
}

.paddingAndMarginZero {
	margin: 0px !important;
	padding: 0px !important;
}

.marginAuto {
	margin: 0 auto;
}

.marginTop5px {
	margin-top: 5px !important;
}

.marginTop10px {
	margin-top: 10px !important;
}

.marginTop15px {
	margin-top: 15px !important;
}

.marginBot15px {
	margin-bottom: 15px !important;
}

.width100 {
	width: 100%;
}

.width100Important {
	width: 100% !important;
}

.width90 {
	width: 90%;
}

.width95Important {
	width: 95% !important;
}

.width95 {
	width: 95%;
}

.width80 {
	width: 80%;
}

.width70 {
	width: 70%;
}

.width66 {
	width: 66.66%;
}
.width65 {
	width: 65%;
}

.width60 {
	width: 60%;
}

.width55 {
	width: 55%;
}

.width50 {
	width: 50%;
}

.width45 {
	width: 45%;
}

.width40 {
	width: 40%;
}

.width35 {
	width: 35%;
}

.width33 {
	width: 33%;
}

.width30 {
	width: 30%;
}

.width25 {
	width: 25%;
}

.width20 {
	width: 20%;
}

.width16 {
	width: 16%;
}

.width15 {
	width: 15%;
}

.width14 {
	width: 14%;
}

.width10 {
	width: 10%;
}

.width8 {
	width: 8%;
}

.width7 {
	width: 7%;
}

.width6 {
	width: 6%;
}

.width5 {
	width: 5%;
}

.width100Important {
	width: 100% !important;
}

.width99Important {
	width: 99% !important;
}

.width90Important {
	width: 90% !important;
}

.width95Important {
	width: 95% !important;
}

.width80Important {
	width: 80% !important;
}

.width70Important {
	width: 70% !important;
}

.width66Important {
	width: 66.66% !important;
}
.width65Important {
	width: 65% !important;
}

.width60Important {
	width: 60% !important;
}

.width55Important {
	width: 55% !important;
}

.width50Important {
	width: 50% !important;
}

.width45Important {
	width: 45% !important;
}

.width40Important {
	width: 40% !important;
}

.width35Important {
	width: 35% !important;
}

.width33Important {
	width: 33% !important;
}

.width30Important {
	width: 30% !important;
}

.width25Important {
	width: 25% !important;
}

.width20Important {
	width: 20% !important;
}

.width16Important {
	width: 16% !important;
}

.width15Important {
	width: 15% !important;
}

.width14Important {
	width: 14% !important;
}

.width10Important {
	width: 10% !important;
}

.width5Important {
	width: 5% !important;
}

.verticalAlignTop {
	vertical-align: top;
}

.verticalAlignMiddle {
	vertical-align: middle;
}

.verticalAlignBottom {
	vertical-align: bottom;
}

body .ui-buttonset .ui-button {
    margin-right: 10px;
}

th.subheader {
	background: #C0C0C0 !important;
	box-shadow: inset 0 0 2px #E0E0E0 !important;
}

td.subheader {
	background: #C0C0C0 !important;
	box-shadow: inset 0 0 2px #E0E0E0 !important;
}

.panelGridTipoPrefixoSufixo td:nth-child(1) {
    width: 20%;
}

.panelGridTipoPrefixoSufixo td:nth-child(3) {
    width: 20%;
}

.espacoElementos5px {
	padding: 0px 5px 0px 5px;
}

.espacoElementos10px {
	padding: 0px 10px 0px 10px;
}

.espacoElementos15px {
	padding: 0px 15px 0px 15px;
}

.espacoElementos20px {
	padding: 0px 20px 0px 20px;
}

.tooltip { 
	font-size:12px; 
	background: #F8FFCC; 
}

.marginRadioButton {
	margin-left: 10px !important;
}

.boxPesquisa {
	display:inline-block;
	position:relative;
	width:100%;
}

.boxPesquisa button {
	position:absolute;
	top:0%;
	left:100%;
	width:40px;
	margin-left:-38px;
}

.boxPesquisa input {
	width:100%; 
	height:16px; 
	padding:5px 0px;
}

.title { 
	font-size:15px; 
	font-weight: bold; 
	color:rgb(71, 92, 168); 
}

.vertical-text {
	display: inline-block;
	font-size: 12px;
	writing-mode: vertical-rl;
	vertical-align: bottom;
	transform: rotate(180deg);
	padding-top: 2mm;
	padding-bottom: 2mm;
	-ms-writing-mode: tb-rl;
}

.padding5{
	padding: 5px 5em 0 5em;
}
.padding10{
	padding: 10px 10em 0 10em;
}
.padding15{
	padding: 15px 15em 0 15em;
}
.padding20{
	padding: 20px 20em 0 20em;
}
.padding25{
	padding: 25px 25em 0 25em;
}
.padding30{
	padding: 30px 30em 0 30em;
}

.paddingLeft0{
	padding-left: 0 !important;
}

.paddingRight0{
	padding-right: 0 !important;
}

#selProdutos label { 
	height:16px !important; 
	font-size:14px; 
}

/* ##### FOOTER ##### */

#footer {
	width: 80%;
	float: right;
	position: relative;
	padding-top: 10px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #6495ED;
	border-top: 2px solid #CAE1FF;
}

/* #### LOGIN #### */

.logoLogin {
	width:200;
	height: 140px;
	margin-top: -100px;
	margin-left: -33px;
	top:30%;
	left: 46%;
	position: absolute;
}

.login {
	width: 400px;
	height: 200px;
	margin-top: -100px;
	margin-left: -200px;
	top: 50%;
	left: 50%;
	position: absolute;
	text-align: center;
}


#TABELA JALL


table.tabelaJall {
	width:100% !important;
	padding: 1em !important;
	background: #fff !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2) !important;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2) !important;
}

table.tabelaJall th {
	font-size: 12px !important;
	font-weight: normal !important;
	color: white !important;
	height: 3em !important;
    background-color: #475ca8 !important;
    text-align: center !important;
    vertical-align: middle !important;
    border-left: 1px solid white !important;
	border-bottom: 1px solid white !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}

table.tabelaJall td {
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 0.5em !important;
}

table.tabelaJall td.l0 {
	background-color: #ffffff !important;
}

table.tabelaJall td.l1 {
	background-color: #dfdfdf !important;
}

.table-no-select-all .ui-chkbox-all {
     display: none !important;
}

.ui-divider {
	color: #dddddd !important;
	padding: 5px 0 5px 0;
}

.produtos-alerta-vermelho{
	display: block; 
	background: #ff3d3d !important; 
	height: 300px !important
}

.produtos-alerta-azul{
	display: block; 
	background: #00aeff !important; 
	height: 300px !important
}

.produtos-alerta-laranja{
	display: block; 
	background: #ff9d00 !important; 
	height: 300px !important
}

.produtos-alerta-roxo{
	display: block; 
	background: #bf40bf !important; 
	height: 300px !important
}

.produtos-alerta-vermelho-light{
	display: block; 
	background: #ff3d3d !important; 
	height: 200px !important
}

.produtos-alerta-azul-light{
	display: block; 
	background: #00aeff !important; 
	height: 200px !important
}

.produtos-alerta-laranja-light{
	display: block; 
	background: #ff9d00 !important; 
	height: 200px !important
}

.produtos-alerta-roxo-light{
	display: block; 
	background: #bf40bf !important; 
	height: 200px !important
}

.situacao-rotas-aprovado{
	color:#006400;
}

.situacao-rotas-pendente{
	color: #eead2d;
}

.situacao-rotas-reprovado{
	color:#9c1111;
}

.situacao-rotas-normal{
	color:gray;
}


/* button colors */
.RedButton .ui-button-text{box-shadow: inset 0 0 0 1px #F23030; border: solid 1px #871717; text-shadow: 0 -1px 0 #670606;
background: #c91515;
background: -moz-linear-gradient(top, #c91515 0%, #b10b0b 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c91515), color-stop(100%, #b10b0b));
background: -webkit-linear-gradient(top, #c91515 0%, #b10b0b 100%);
background: -o-linear-gradient(top, #c91515 0%, #b10b0b 100%);
background: -ms-linear-gradient(top, #c91515 0%, #b10b0b 100%);
background: linear-gradient(to bottom, #c91515 0%, #b10b0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c91515', endColorstr='#b10b0b', GradientType=0 );}
.RedButton:hover .ui-button-text, .RedButton:focus .ui-button-text{color:#ffffff !important;
background: #b10b0b;
background: -moz-linear-gradient(top, #b10b0b 0%, #c91515 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #b10b0b), color-stop(100%, #c91515));
background: -webkit-linear-gradient(top, #b10b0b 0%, #c91515 100%);
background: -o-linear-gradient(top, #b10b0b 0%, #c91515 100%);
background: -ms-linear-gradient(top, #b10b0b 0%, #c91515 100%);
background: linear-gradient(to bottom, #b10b0b 0%, #c91515 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b10b0b', endColorstr='#c91515', GradientType=0 );}


/* font colors */
.green{color:#8BD8B1;}
.gray{color:#5A5A5A;}
.softgray{color:#909090;}
.yellow{color:#FFD100;}
.white{ color:#ffffff;}
.red{color:#e90c45;}
.orange{color:#F15A29;}
.softblue{color:#C1E1F4;}
.hardblue{color:#27AAE1;}
.leaden{color:#72828B;}
.black{color:#000000;}


.aw-box {
  padding: 20px;
  margin-bottom: 15px;
  border: 1px solid #eeeeee;
  border-bottom: 3px solid #1e94d2;
}
.aw-box__icon {
  float: left;
  color: #1e94d2;
}

.aw-box__icon_r {
  float: right;
  color: #1e94d2;
}
.aw-box__value {
  font-size: 1.69em;
  font-weight: 300;
  text-align: right;
}
.aw-box__title {
  display: block;
  font-size: 1em;
  font-weight: 600;
  text-align: right;
}

.aw-box__value_l {
  font-size: 1.69em;
  font-weight: 300;
  text-align: left;
}
.aw-box__title_l {
  display: block;
  font-size: 1em;
  font-weight: 600;
  text-align: left;
}

.nao-autorizado-container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	text-align: center;
	color: #555;
	background-color: #f8f9fa;
	font-family: Arial, sans-serif;
}

.nao-autorizado-card {
	padding: 40px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	max-width: 400px;
	width: 100%;
}

.nao-autorizado-icon {
	font-size: 48px;
	color: #dc3545;
	margin-bottom: 20px;
}

.nao-autorizado-message {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}

#configPrinter-div {
    display: none; /* Inicialmente oculto */
    background-color: #f8f9fa; /* Fundo claro para contraste */
    border: 1px solid #007bff; /* Borda azul para destacar */
    border-radius: 8px; /* Cantos arredondados */
    padding: 15px; /* Espaçamento interno */
    margin-top: 10px; /* Margem superior */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    width: fit-content; /* Ajusta ao conteúdo */
}

#configPrinter-div i {
    color: #007bff !important; /* Azul mais vibrante */
    font-size: 14px !important; /* Fonte um pouco maior */
    font-weight: bold; /* Negrito */
    display: block;
    margin-bottom: 8px;
}

#configPrinter {
    width: 100% !important;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.dce-msg{
	padding: 12px 16px; 
	border-radius: 6px; 
	margin-top:10px;
	display: flex; 
	align-items: center;
	margin-bottom: 20px;
}


.dce-msg.AUTORIZADO{
	background-color: #eafaf1; 
	border: 1px solid #2ecc71; 
	color: #27ae60; 
}
.dce-msg.REJEITADO{
	background-color: #fdecea; 
	border: 1px solid #e74c3c; 
	color: #c0392b; 
}
.dce-msg.AUTORIZADO i {
	margin-right:8px; font-size:18px; color:#27ae60;
}
.dce-msg.REJEITADO i {
	margin-right:8px; font-size:18px; color:#e74c3c;
}

.classRecebimentoSerial{
	position:absolute;
	right:60px; 
	font-size:20px; 
	font-family:Arial Black;
}
.classRecebimentoSerial.sucesso{
	color:#006900;
}
.classRecebimentoSerial.pendente{
	color:#c99000;
}