/* CSS Document */

html {
	overflow-y: hidden;
}

body, html {
	background-color: #f1f1f1;
	width: 100%;
	height: 100%;
	/*overflow-y: hidden;*/
}

.msn {
	cursor: pointer;
	margin-right: 10px;
	margin-top: 5px;
    background-color: red;	
	font-family: FTN45;
  	color: #fff;
  	font-size: 13px;
    border-radius: 50%;
    width: 21px;
    height: 21px;	
    justify-content: center;
    align-items: center;
    display: flex;
}

.reticencia {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.uppercase {
	text-transform: uppercase;	
}

.lowercase {
	text-transform: lowercase;	
}

.lnk-header {
	 cursor: pointer;
}

#relatoriosFinanceirosAguarde, #relatoriosDiversosAguarde {
    position: absolute;
    z-index: 31;
    background-color: #fff;
	width: 690px;
    height: 551px;
    display: flex;
    align-items: center;
    justify-content: center;    
}

#trocaSenhaAguarde, #negociosAguarde {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
}

.view-codigo {
	font-family: FTN45;
	color: blue;
	margin-left: 3px;
	font-size: 16px;	
}

.lbl-input {
	font-family: FTN45;
	color: #2780b8;
	font-size: 12px;
}

.dado {
	font-family: FTN45;
	color: #333333;
	font-size: 16px;
	display: inline;
}

.dado-lnk {
	font-family: FTN45;
	color: blue;
	font-size: 16px;
	display: inline;
	text-decoration: underline;	
	cursor: pointer;
}

.lnk {
	cursor: pointer;
	color: blue;
	text-decoration: underline;	
}

.radio-check {
	color: #84878c;	
}

.menu-administrar {
	z-index: 99999;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
	display: none;
  	top: 116px;	
  	right: 0px;
	cursor: default;
	position: absolute;
	background-color: #fff;
	width: 250px;
	height: 450px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    -webkit-box-shadow:  0 2px 3px rgba(0,0,0,.15);
    -moz-box-shadow   :  0 2px 3px rgba(0,0,0,.15);
    -o-box-shadow     :  0 2px 3px rgba(0,0,0,.15);
    box-shadow        :  0 2px 3px rgba(0,0,0,.15);
}

#menu {
	position: fixed;
  	width: 100%;
  	height: 30px;
  	z-index: 1799; /*99;*/
  	top: 113px;
  	background-color: #f9f9f9;
  	border-bottom: 1px solid #ddd;
  	box-shadow: 0px 1px 6px #ddd;
  	-moz-box-shadow: 0px 1px 6px #ddd;
  	-webkit-box-shadow: 0px 1px 6px #ddd;
}

.item-menu-administrar {
	font-family: FTN45;
	font-size: 18px;
	color: #787878;
	padding: 10px;
	border-bottom: 1px solid #e1e1e1;
	display: flex;
	z-index: 99999;
}

.item-menu-administrar i {
	margin-right: 8px;
	display: flex;
	width: 25px;
	justify-content: center;
	font-size: 20px;
}

.item-menu-administrar:HOVER {
	background-color: #f9f9f9;
	cursor: pointer;
}

.item-menu-administrar-disabled {
	font-family: FTN45;
	font-size: 18px;
	color: silver;
	padding: 10px;
	border-bottom: 1px solid #e1e1e1;
	display: flex;
	z-index: 99999;
}

.item-menu-administrar-disabled i {
	margin-right: 8px;
	display: flex;
	width: 25px;
	justify-content: center;
	font-size: 20px;
	color: silver;
}

/*.item-menu-administrar-disabled:HOVER {
	background-color: #f9f9f9;
	cursor: default;
}*/

.renderer-grid {
    width:95%;
	position: absolute;
    top: 50%;
    left: 50%;	    
	transform:translate(-50%, -50%);
	text-align: center;
}

.bg-loading-principal {
	position: fixed;
    z-index: 99998;	
   	display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
	opacity: 0.3;
    background-color: black;    
}

.pre-loading-principal {
    position: fixed;
    background-color: #fff;
    z-index: 99999;	
   	display: none;
    width: 200px;
    height: 160px;
	left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -80px;
    border-radius: 8px;    
}

.loading-principal {
    position: fixed;
    background-color: #fff;
    z-index: 99999;	
   	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.loading-window {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.loading-window-aguarde {
	width: 100%; 
	text-align: center; 
	position: absolute; 
	bottom: 30px;"	
}

#conteudo {
  	position: relative;
  	margin: auto;
	width: 92%;
  	margin-left: 4%;
  	margin-right: 4%;  
  	margin-bottom: 50px;
  	/*background-color: red;*/
  	border: 1px solid #f1f1f1;
}

.titulo {
	font-family: FTN85;
	color: #2780b8;
	border-bottom: 1px solid #0188ca;
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
}

.titulo-separador-frm {
	font-family: FTN85;
	color: #2780b8;
	font-size: 16px;
	margin-left: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.msn-frm {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #d9edf6;
	border: 1px solid #bce8f1;
	padding: 10px;
	font-family: FTN45;
	font-size: 16px;
	color: #38718e;
	margin-bottom: 30px;
}

.frm {
	border: 1px solid #e3e7ea;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 4px 3px -2px rgba(0,0,0,.15);	
	background-color: #fff;
	/*margin-top: 179px;*/
	margin-top: 183px;
}

.tit-frm {
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	background-color: #2782bb;
	height: 85px;
	padding-left: 28px;
	color: #fff;
	font-family: FTN45;
	font-size: 24px;
	line-height: 84px;
}

.td-frm {
	border-right: 1px solid #0188ca; 
	vertical-align: top;	
}

.frm-esquerda {
	width: 160px;
	padding-right: 20px;
	text-align: right;
	font-family: FTN45;
	color: #2780b8;
	font-size: 16px;
}

.frm-direita {
	margin-left: 20px;
	text-align: left;
	font-family: FTN45;
}

.rodape-frm {
	border-top: 1px solid #e3e7ea;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-top: 30px;
}

.rodape-frm-modal {
	border-top: 1px solid #e3e7ea;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-top: 30px;
	position: absolute;
  	width: 100%;
  	bottom: 0px;
  	left: 0px;
}

.btn-padrao {
	font-family: FTN45;
	cursor: pointer;
  	display: inline-flex;
  	min-width: 100px;
  	height: 34px;
	font-size: 18px;
	padding: 0 8px 0 8px;
  	justify-content: center;
    align-items: center;
  	border-radius: 4px;
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;	
}

.btn-frm {
  	font-family: FTN45;
  	cursor: pointer;
  	display: inline-flex;
  	min-width: 100px;
  	height: 26px;
  	font-size: 14px;
	padding: 0 8px 0 8px;
  	justify-content: center;
    align-items: center;
  	border-radius: 4px;
  	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;	
}

.azul {
  	background-color: #2782bb;
  	color: #ffffff;
  	border: 1px solid #2782bb;
}

.vermelho {
  	background-color: #d41515;
  	color: #ffffff;
  	border: 1px solid #d41515;
}

.branco {
  	background-color: #fff;
  	color: #2782bb;
  	border: 1px solid #c5cfe1;
}

.disabled  {
	background-color: whitesmoke;
    color: rgba(192, 192, 192, 0.54);
	border: 1px solid #c5cfe1;
	cursor: default;
}

.input-text {
	border: 1px solid #a6c9e2;
  	padding: 5px 5px 5px 5px;
  	font-size: 12px;
  	color: #84878c;
  	border-radius: 6px;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;	
}

.input-text-2 {
	font-family: FTN45;
	font-size: 16px;
	color: #84878c;
	background-color: #fafafa;
	padding: 10px;
	width: 271px;
	border: 1px solid #dfe3e4;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.label {
	font-family: FTN45;
	font-size: 16px;
	color: #84878c;
	margin-right: 23px;	
}

@font-face {
	font-family: 'FTN45';
	src: url(../../fonte/FTN45__W.eot); 
	src: url(../../fonte/FTN45__W.svg);
	src: url(../../fonte/FTN45__W.ttf);
	src: url(../../fonte/FTN45__W.woff);
}

@font-face {
	font-family: 'FTN85';
	src: url(../../fonte/FTN85__W.eot); 
	src: url(../../fonte/FTN85__W.svg);
	src: url(../../fonte/FTN85__W.ttf);
	src: url(../../fonte/FTN85__W.woff);
}

@font-face {
	font-family: 'mono';
	src: url(../../fonte/monospace.ttf); 
}

@font-face {
	font-family: 'monobold';
	src: url(../../fonte/monospacebold.ttf); 
}

@font-face {
	font-family: 'monooblique';
	src: url(../../fonte/monospaceoblique.ttf); 
}

#cabecalho {
	position: fixed;
  	width: 100%;
  	height: 113px;
	background: url("../../img/bg_cabecalho.png") repeat-x;
	top: 0px;
  	z-index: 1800; /*100;*/
}

.centro {
 	position: relative;
  	margin: auto;
  	/*width: 970px;*/
	width: 92%;
  	margin-left: 4%;
  	margin-right: 4%;
    height: inherit;
}

.logo {
	float: left;
  	margin-top: 15px;
  	cursor: pointer;	
}

.txt-logo {
	font-family: FTN45;
	float: left;
  	margin-top: 30px;
  	color: #fff;
  	padding-left: 40px;  	
  	font-size: 13px;
}

.txt-plataforma {
	font-size: 15px;
}

.la {
	font-family: FTN85;
}

.lb {
	font-family: FTN45;
}

.usr-logado {
	margin-right: 9px;
	font-family: FTN45;
	float: right;
  	margin-top: 9px;
  	color: #2780b8;
  	font-size: 13px;
}

.usr-logado a {
	font-family: FTN85;
	color: #2780b8;
	text-decoration: none;
}

.tb-menu {
	height: 32px;
}

.tb-menu td {
	vertical-align: middle;
	text-indent: 7px;
	font-family: FTN45;
	font-size: 15px;
	color: #aeaeae;
}

.tb-menu td label {
	cursor: pointer;
}

#rodape {
	width: 100%;
	height: 65px;
	background-color: #787878;
	box-shadow: 0px -3px 6px #ddd;
  	-moz-box-shadow: 0px -3px 6px #ddd;
  	-webkit-box-shadow: 0px -3px 6px #ddd;
}

.txt-rodape {
	color: #fff;
	font-family: FTN45;
	text-align: right;
	line-height: 65px;
}

.slider {
	width: 100%;
}

._redeCaixa {
	background: url("../../img/menu_rede.png");
	width: 127px;
	height: 113px;
	float: right;
}

._redeCaixa:HOVER {
	background: url("../../img/menu_rede.png") 0px -113px;
	width: 127px;
	height: 113px;
	float: right;
	cursor: pointer;
}

._redeCaixaSelecionado {
	background: url("../../img/menu_rede.png") 0px -113px;
	width: 127px;
	height: 113px;
	float: right;
	background-position-y: -113px;
}

._redeCaixaOff {
	background: url("../../img/menu_rede_off.png");
	width: 127px;
	height: 113px;
	float: right;
}

._habitacao {
	background: url("../../img/menu_habitacao.png");
	width: 127px;
	height: 113px;
	float: right;
}

._habitacao:HOVER {
	background: url("../../img/menu_habitacao.png") 0px -113px;
	width: 127px;
	height: 113px;
	float: right;
	cursor: pointer;
}

._habitacaoSelecionado {
	background: url("../../img/menu_habitacao.png") 0px -113px;
	width: 127px;
	height: 113px;
	float: right;
	background-position-y: -113px;
}

._habitacaoOff {
	background: url("../../img/menu_habitacao_off.png");
	width: 127px;
	height: 113px;
	float: right;
}

._governo {
	background: url("../../img/menu_redecaixa.png");
	width: 127px;
	height: 113px;
	float: right;
}

._governo:HOVER {
	cursor: pointer;
	background-position-y: -113px;
}

._governoOff {
	background: url("../../img/menu_governo_off.png");
	width: 127px;
	height: 113px;
	float: right;
}

._administrar {
	background: url("../../img/menu.png");
	width: 127px;
	height: 113px;
	float: right;
}

._administrar:HOVER {
	background: url("../../img/menu.png") 0px -113px;
	width: 127px;
	height: 113px;
	float: right;
	cursor: pointer;
}

.manter {
	background: url("../../img/ico_manter.png") no-repeat 4px 7px;	
}

.cheque-bonus {
	background: url("../../img/ico_cheque_bonus.png") no-repeat 4px 7px;	
}

.gerenciamento-acesso {
	background: url("../../img/ico_gestaoacesso.png") no-repeat 4px 7px;
}

.peso-bloco {
	background: url("../../img/ico_pesoitem.png") no-repeat 4px 7px;
}

.publicacao-aviso {
	background: url("../../img/ico_avisos.png") no-repeat 4px 7px;
}

.publicacao-relatorio {
	background: url("../../img/ico_habilitapublicacao.png") no-repeat 4px 7px;
}

.relatorio-acesso {
	background: url("../../img/ico_relatorioacesso.png") no-repeat 4px 7px;
}

.validacao-carga {
	background: url("../../img/ico_validacarga.png") no-repeat 4px 7px;
}

.agendamento-carga {
	background: url("../../img/ico_agendacarga.png") no-repeat 4px 7px;
}

.tutorial {
	background: url("../../img/ico_agendacarga.png") no-repeat 4px 7px;
}

.editar-info {
	cursor: pointer;
}

.txt-mensagem, .txt-mensagem-fixa {
	font-family: FTN45;
	font-size: 18px;
	color: #84878c;
}

.btn-ajustar-modal {
	font-family: FTN45;
	cursor: pointer;
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
  	margin-left: 10px;
  	background-color: #2782bb;
  	color: #ffffff;
  	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;	
  	text-align: center;
  	width: 160px;
  	height: 34px;
	line-height: 31px;
	font-size: 18px;
	border: 1px solid #c5cfe1;
}  

.btn-cancelar-modal {
	font-family: FTN45;
	cursor: pointer;
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
  	margin-left: 10px;
  	background-color: #ffffff;
  	color: #2782bb;
  	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;	
  	text-align: center;
  	width: 160px;
  	height: 34px;
	line-height: 31px;
	font-size: 18px;
	border: 1px solid #c5cfe1;
}

.btn-fechar-modal {
	font-family: FTN45;
	cursor: pointer;
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
  	background-color: #2782bb;
  	color: #ffffff;
  	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;	
  	text-align: center;
  	width: 160px;
  	height: 34px;
	line-height: 31px;
	font-size: 18px;
	border: 1px solid #c5cfe1;
}

.msn-info-error {
	font-family: FTN45;
	font-size: 16px;
	margin-left: 4px;
}

.loading-aguarde {
	width: 32px;
	height: 32px;
	background: url("../../img/loading.gif") no-repeat;
	margin-top: 65px;
}

.migalha {
	display: none;
	color: #7c7c7c;
	cursor: pointer;
}

.btn-nao-modal {
	font-family: FTN45;
	cursor: pointer;
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
  	background-color: #ffffff;
  	color: #2782bb;
  	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;	
  	text-align: center;
  	width: 160px;
  	height: 34px;
	line-height: 31px;
	font-size: 18px;
	border: 1px solid #c5cfe1;
}

.btn-sim-modal {
	font-family: FTN45;
	cursor: pointer;
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
  	background-color: #2782bb;
  	margin-left: 10px;
  	color: #ffffff;
  	border-radius: 15px;
  	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;	
  	text-align: center;
  	width: 160px;
  	height: 34px;
	line-height: 31px;
	font-size: 18px;
	border: 1px solid #c5cfe1;
}

.lnk-expandir-retrair {
	cursor: pointer;
}

div.mce-fullscreen {
    z-index: 10000;
}

textarea {
	border: 1px solid #a6c9e2;
  	padding: 5px 5px 5px 5px;
  	font-size: 16px;
  	font-family: FTN45;
  	color: #84878c;
  	border-radius: 6px;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;	
  	width: 360px;
  	height: 70px;
    resize: none;
}

.ico-grid {
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
	background: url("../../img/ico_grid.png") 0px 0px;
	cursor: pointer;
	width: 15px;
	height: 16px;
	margin: 5px;
}

.ico-grid:HOVER {
	background: url("../../img/ico_grid.png") 0px -16px;
}

.ico-excluir {
  	display: inline-block;
  	vertical-align: top;
  	position: relative;
	background: url("../../img/ico_excluir.png") 0px 0px;
	cursor: pointer;
	width: 15px;
	height: 16px;
	margin: 5px;
}

.ico-excluir:HOVER {
	background: url("../../img/ico_excluir.png") 0px -16px;
}

.carregando {
	font-family: FTN45;
	color: #84878c;
	font-size: 15px;
	display: none;
}

.restricao {
	color: red;
    border-color: red;	
}

.scale-map-passarela {
	transform: scale(0.58); 
	transform-origin: left top;
	height: 500px !important;
}

.scale-map-fundo-coralia {
	transform: scale(0.58); 
	transform-origin: left top;
}

.bg-natal {
	position: absolute;
	width: 100%;
	height: 100px;
	background: url("../../img/bg-natal.svg") repeat-x;
	top: 144px;
	z-index: 1798;
}

.feliz-natal {
	position: absolute;
	width: 350px;
	height: 100%;
	background: url("../../img/feliz-natal.png") no-repeat;
	background-size: contain;
	top: 3px;
	right: 200px;	
	z-index: 1;
}

/*** PAPAI NOEL CORREDOR ***/

/* Container fixo no rodapé, começa fora da tela à esquerda */
#santa-runner {
  position: fixed;
  bottom: 644px; /*16px;*/
  left: -200px; /* começa fora da tela */
  z-index: 2147483647; /* por cima de tudo */
  visibility: visible; /*hidden;*/
  pointer-events: none; /* não bloqueia clique em nada quando escondido */
}

#santa-runner img {
  width: 150px; /* ajusta pro tamanho do teu gif */
  height: auto;
  cursor: pointer;
}

/* Estado visível: aplica a animação de corrida */
#santa-runner.santa-visible {
  visibility: visible;
  pointer-events: auto; /* agora dá pra clicar no Papai Noel se quiser */
  animation: santa-run 3s linear forwards;
}

/* Animação: atravessa a tela da esquerda pra direita */
@keyframes santa-run {
  0% {
    transform: translateX(0);        /* começa em left: -120px */
  }
  100% {
    transform: translateX(120vw);    /* corre além da borda direita */
  }
}

/*** PAPAI NOEL CORREDOR ***/