.login-body-lci {
	background-image: url("/lcimaps/javax.faces.resource/images/b2.png.xhtml?ln=lci-layout");
	background-repeat: no-repeat;
	background-size: cover;
}

.login-body-lci .login-panel {
	width: 400px;
	margin: 0 auto;
	background-color: #ffffff;
	margin-top: 125px;
	padding: 30px 50px 50px 50px;
}

.login-footer-lci {
	position: absolute;
	bottom: 10px;
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: #ffffff;
}

.notificacao-ALTA {
	color: rgba(208, 19, 19, 1);
}

.notificacao-MEDIA {
	color: rgb(63, 81, 181);
}

.notificacao-NORMAL {
	color: rgb(33, 33, 33);
}

.profile-image-lci {
	width: 70px;
	height: 70px;
	margin: 0 auto 5px auto;
	border-radius: 50%;
	display: block;
}


.ui-tree.ui-tree-horizontal .ui-treenode {
    padding: 5px 5px !important;
}


.profile-image-marker {
	width: 35px;
	height: 35px;
	margin: 0 auto 5px auto;
	border-radius: 50%;
	display: block;
}

.profile-image-perfil {
	width: 100px;
	height: 100px;
	margin: 0 auto 5px auto;
	border-radius: 50%;
}

#toTop {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-color: rgb(242, 22, 40);
	-webkit-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.44);
	-moz-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.44);
	box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.44);
	cursor: pointer;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
}

.border-default {
	border: 2px solid #3f51b5;
	border-radius: 5px;
	cursor: pointer;
	color: #3f51b5 !important
}

.border-selecionado {
	border: 2px solid #4caf50;
	border-radius: 5px;
	cursor: pointer;
	color: #4caf50 !important
}

.bg-padrao {
	background-image: url("/lcimaps/javax.faces.resource/images/b2.png.xhtml?ln=lci-layout")
}

#header-m-a {
	width: 50px;
	text-align: left !important;
}

#header-m-a-d {
	padding-top: 8px;
	width: 150px;
	text-align: left !important
}

.outSaida{
	width: 49% !important;
}

.outEntrada{
	width: 49% !important;	
}


@media ( max-width : 399px) {
	#header-m-a {
		padding-top: 0px;
		width: 100%;
		text-align: center !important;
	}
	#header-m-a-d {
		width: 100%;
		text-align: center !important;
	}
	.login-body-lci .login-panel {
		width: 90%;
		margin-top: 50px;
		padding: 5px;
	}
	.outSaida{
		width: 100% !important;
	}
	.outEntrada{
		width: 100% !important;
	}
}

@media ( max-height : 450px) {
	.exception-body .exception-panel {
		margin-top: 10px;
	}
}

/**Colors*/
.red2 {
	color: #DA0A0A
}

.green {
	color: green !important;
}

.red {
	color: #DA0A0A !important;
}

.blue {
	color: blue !important;
}

.white {
	color: white !important;
}

.black {
	color: black !important;
}

.gray {
	color: #949494 !important;
}

.gray-light {
	color: #e2e1e1 !important
}

.yellow {
	color: #F7DE08 !important;
}

.c-padrao {
	color: #222222 !important;
}

.u-red {
	color: #F44336 !important;
}

.u-green {
	color: #4CAF50 !important;
}

.u-orange {
	color: #FF9800 !important;
}

/* Backgounds colors */
.BackBlack {
	background-color: black;
}

.BackWhite {
	background-color: white;
}

.BackGreen {
	background-color: green;
}

.BackCinza {
	background-color: gray;
}

.BackAzul {
	background-color: #0b66b1;
}

.BackDourado {
	background-color: #F7DE08;
}

.BackOrange {
	background-color: #FF7800;
}

.BackRed {
	background-color: #ea0c0c;
}

.BackPurple {
	background-color: #F660066;
}

.BackYellow {
	background-color: yellow;
}

body .acoesEdit .ui-panelgrid .ui-panelgrid-cell {
	padding: 2px 16px !important;
}

.TituloSelect {
	margin-left: 5px;
	font-size: 12px;
	color: #3F51B5;
	display: block;
}

.TextUpper {
	text-transform: uppercase;
}

.TextLower {
	text-transform: lowercase;
}

.dashboard .timeline>.ui-g .ui-g-2 {
	font-size: 14px;
	position: relative;
	border-right: 1px solid #bdbdbd;
	padding-right: 1.5em;
}

.dashboard .timeline>.ui-g .ui-g-2 i {
	background-color: #ffffff;
	font-size: 36px;
	position: absolute;
	top: 0px;
	right: -18px;
}

.user-cartao {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.dashboard .timeline>.ui-g .ui-g-2 .user-cartao {
	position: absolute;
	top: 0px;
	right: -20px;
}

.dashboard .timeline>.ui-g .ui-g-3 .user-cartao {
	position: absolute;
	top: 0px;
	right: -20px;
}

.dashboard .timeline>.ui-g .ui-g-10 {
	padding-left: 2.0em;
}

.dashboard .timeline>.ui-g .ui-g-10 .event-text {
	color: #757575;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
}

.dashboard .timeline>.ui-g .ui-g-10 .event-content img {
	width: 100%;
}

.mp {
	overflow: auto;
	position: fixed;
	width: 100%;
	height: calc(100% - 65px);
	margin-left: -15px;
	margin-top: -20px;
	transition: 0.3s;
}

/* .layout-wrapper.menu-layout-static .mp{
	width: calc(100% - 250px);
}
.layout-wrapper.menu-layout-static.layout-menu-static-inactive .mp{
	width: 100%;
} */
.item-visualizar {
	width: 160px;
	border: 1px solid #c2c2c2;
	margin: 5px;
	padding: 10px;
	float: left;
	border-radius: 5px;
}

.item-admin {
	width: 60px;
	margin: 5px;
	padding: 10px;
	float: left;
}

body .ui-border-none .ui-widget-content {
	border: none !important;
}

/* PADRAO DE CORES DA FIBRA */
.fibra-AZUL {
	background-color: #0000FF; width: 15px; height: 15px;
}

.fibra-LARANJA {
	background-color: #FF4500; width: 15px; height: 15px;
}

.fibra-VERDE {
	background-color: #008000; width: 15px; height: 15px;
}

.fibra-MARROM {
	background-color: #800000; width: 15px; height: 15px;
}

.fibra-CINZA {
	background-color: #808080; width: 15px; height: 15px;
}

.fibra-BRANCO {
	background-color: #FFFFFF; width: 15px; height: 15px;
}

.fibra-VERMELHO {
	background-color: #FF0000; width: 15px; height: 15px;
}

.fibra-PRETO {
	background-color: #000000; width: 15px; height: 15px;
}

.fibra-AMARELO {
	background-color: #FFFF00; width: 15px; height: 15px;
}

.fibra-VIOLETA {
	background-color: #C71585; width: 15px; height: 15px;
}

.fibra-ROSA {
	background-color: #FFC0CB; width: 15px; height: 15px;
}

.fibra-VERDE_AGUA {
	background-color: #98FB98; width: 15px; height: 15px;
}

.fibra-AZUL_CLARO {
	background-color: #ADD8E6; width: 15px; height: 15px;
}

@
keyframes mlEntrada {from { margin-left:-14px;
	
}

}
@
keyframes mlSaida {from { margin-right:-14px;
	
}

}
.entrada {
	margin-left: 0px;
	animation: mlEntrada 4s infinite alternate;
}

.saida {
	margin-right: 0px;
	animation: mlSaida 4s infinite alternate;
}

body .title-padrao .ui-dialog-titlebar {
	color: white !important;
	background-color: #2c3e50 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-azul .ui-dialog-titlebar {
	color: white !important;
	background-color: #00bfff !important;
	font-size: 15px;
	padding: 10px;
}

body .title-verde .ui-dialog-titlebar {
	color: white !important;
	background-color: #3eb839 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-verescuro .ui-dialog-titlebar {
	color: white !important;
	background-color: #015204 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-vermelho .ui-dialog-titlebar {
	color: white !important;
	background-color: #e17576 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-orange .ui-dialog-titlebar {
	color: white !important;
	background-color: #f6ac2b !important;
	font-size: 15px;
	padding: 10px;
}

.esconder {
	display: none;
}

.exibir {
	display: block;
}

/* 
.gm-style div div div div div div div{
   background-color: #0f151f !important;   
}  

div.gm-style-iw {
   background-color: #0f151f !important;   
}    

style the arrow
.gm-style div div div div div div div div div{
    background-color: #0f151f !important;
} */
/*
.infobox {
	background: none repeat scroll 0 0 #212121;
	color: #F1F1F1;
	font-family: arial;
	line-height: 20px;
	position: absolute;
	border-radius: 5px;
}

.infobox .content .title{
	float: left;
	width: 200px;
}

.infobox .content .qtd{
	float: right;
	width: 30px;
	text-align: center;
}

.infobox:before, .infobox:after {
	border-color: transparent transparent transparent #212121;
	border-style: solid;
	border-width: 20px 20px 0;
	bottom: -1px;
	content: "";
	display: block;
	height: 0;
	left: -1px;
	position: absolute;
	width: 0;
	z-index: 2
}

.infobox:after {border-color: transparent transparent transparent #FFFFFF; border-width: 24px 24px 0;z-index: 1;}
.infobox .close {display: none;}
.infobox .content {margin: 5px 15px; font-size:10px;}
*/

.ajuda-title{font-weight: bold;display: block}
.ajuda-title-revisao{font-size: 12px; display: block; margin-top: 3px; font-weight: normal; color: #000000}
.ajuda-sub-title{line-height: 1.5; font-weight: 400 !important;}
.ajuda-1-descricao{margin-top:-15px}
.ajuda-2-descricao{margin-top:-30px}
.landing-wrapper p {
	font-size: 15px
}

@media (min-width: 1000px) {
	.table-dialog{max-width: 990px}
	.panel-expansivel{width:990px}
	.panel-pequeno{width:350px}
	.panel-medio{width:600px}
} 
	
.alterado, .alterado span{
 	color: red !important;
 	font-weight: bold;
}


/**Push*/
#push{position: fixed; z-index: 999999 !important; text-decoration: none; background-color: white; bottom: 5px; list-style-type: none; left: -15px;}

.user-push{border-radius: 50%;	width: 40px; height: 40px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; border: 6px solid #e0e0e0;}
.info-geral{-webkit-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 16px -2px rgba(0,0,0,0.75);	border-radius: 5px 5px 5px 5px;	-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; margin-top: 10px; float:left; width: 300px; padding: 5px 5px;}
.info-usuario{padding-top:5px; float: left; width: 60px;}
.info-descricao{float: left; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); text-align: left; padding-top: 5px;}
.cursor-p{cursor: pointer;}


body .title-red .ui-dialog-titlebar {
	color: white !important;
	background-color: #e17576 !important;
	font-size: 15px;
	padding: 10px;
}


/**Templates*/
.ajstatus{width:32px;height:32px;position:fixed;right:7px;bottom:7px; z-index:1080;}
.z1081{z-index: 1081 !important;}
.z1082{z-index: 1082 !important;}
.semborda{border: 0px;}
.borda50{border-radius:50%}