@font-face {
	font-family:"SteelfishRg-Regular";
	src:url("../fonts/steelfish_rg.eot?") format("eot"),
	url("../fonts/steelfish_rg.woff") format("woff"),
	url("../fonts/steelfish_rg.ttf") format("truetype"),
	url("../fonts/steelfish_rg.svg#SteelfishRg-Regular") format("svg");	
}



body{
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

html{
	height: 100%;
	min-height: 100%;
}

.filtro-item {
	float:left;
	margin-left: 10px
}

.calendar-filter input {
	width:100px;
}

.filtro-item .ui-selectonemenu .ui-selectonemenu-trigger {
	width:31px;
}

.filtro-item .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: 6px;
	margin-left: 3px;
}


/* MENU */

.navbar-default .menu {
	/* background-color: #074479 !important;*/	
	border-top: 1px solid #ddd !important;	 
	background-color: #fff !important;
	box-shadow: none !important;
}

/*Cor - Fonte do menu*/
.navbar-default .navbar-nav > li > a{
	color:#666666 !important;
	background: transparent url("../img/det-menu.jpg") no-repeat scroll 0px top;
	background-position: right top;
	font-size: 24px;
	padding-top: 10px !important;
	text-transform: none;
	font-family:"SteelfishRg-Regular" !important;
	
}

/*Cor - Hover do menu*/
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #074479!important;
}

/*Cor - Menu ativo*/
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF !important;
    background-color: #1e6dae!important;
    padding-bottom: 5px !important;
}

.navbar{
	border-radius: 0px !important;
	min-height: 0px !important;
	border: none;
}

.navbar-nav > li > a{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.navbar-brand{
	height: 0 !important;
}


.navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
    color: #fff;
    text-transform: uppercase;
}

.navbar-topo{
	/* background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(3,30,53,0) 44%, rgba(7,68,121,0.33) 100%); FF3.6-15
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(3,30,53,0) 44%,rgba(7,68,121,0.33) 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(3,30,53,0) 44%,rgba(7,68,121,0.33) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#54074479',GradientType=1 ); IE6-9 */
	height: 100px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
    height: 45px !important;
}

/* FIM MENU */


.logout{
	margin-top:10px;
	float: right;
	color: white;
		
}

.idioma{
	color: #666666 !important;
	float: right;
	padding-right: 20px;
	font-size: 11px;
	
		
}

.idioma a{
	color: #666666;
}


.logo{
	margin-top: -15px;	
}

.logo-login{
	margin-top: -15px;	
}


.conteudo{
	padding: 0px 35px 35px 35px;
	margin-top: -40px;
	min-height:500px;
	
	background-image: url("../img/bkg-fundo.jpg");
	background-repeat: repeat-x;
	background-size: auto;
	
	
}

.title{
	padding-top: 60px;
	
}
.title h1{
	color: #ffffff;
	font-family: 'Palanquin Dark', sans-serif;
	font-size: 20px;
}

.observacao p{
	margin: 0px;
	font-size: 12px;
	
}

.login{
	background-color: #FFF;
	margin-top: 10px;
	padding: 10px;
}

.ui-growl {
	top: 83px !important; 
}
.ordenacao{
	margin-bottom: 20px;	
}

.ordenacao h1{
	color: #2b5f98;
	font-size: 14px;
	margin-top: 0px;
	font-weight: bold;	
}

.ui-radiobutton-icon {
    margin-left: 0px;
    margin-top: -1px;
}

.ui-chkbox-icon.ui-icon {
    margin-top: -1px;
    margin-left: -1px;
}

.botaoasn {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.botaoasn button{
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}

.ui-selectonemenu{
	padding-right: 0px;

}

.ui-state-highlight, 
.ui-widget-content 
.ui-state-highlight{
	background-color: #538dce;
	text-shadow: none;
}

.ui-inputfield{
	width: 100%;
}

.ui-inputfield, .ui-state-focus{
	box-shadow: none !important;
}

.ui-fieldset-content{
	width: 100%;
}

.ui-panelgrid .ui-panelgrid-cell{
	padding-left: 0;
}
    
.pe-fluidgrid{
	width:100%;
}

.pe-fluidgrid .pe-fluidgrid-item {
    width:49%;
    padding-bottom: 15px;
    
}

.campo_mult{
	padding-left: 15px;
	padding-right:15px;
  	width: 50% !important;
}

.pe-fluidgrid-item.calendar input {  
    width: 100%;  
}
.pe-fluidgrid-item.select .ui-selectonemenu {  
    width: 100% !important;  
}  


legend{
	font-size: 13px;
	color: #2b5f98 !important;
}

.footer{
	margin-top:auto;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000f23+0,102951+23,1c3f75+47,254d8b+78 */
	background: #000f23; /* Old browsers */
	background: -moz-linear-gradient(top, #000f23 0%, #102951 23%, #1c3f75 47%, #254d8b 78%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000f23 0%,#102951 23%,#1c3f75 47%,#254d8b 78%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000f23 0%,#102951 23%,#1c3f75 47%,#254d8b 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f23', endColorstr='#254d8b',GradientType=0 ); /* IE6-9 */
}

.rel_pedido{
	margin-top:15px;
	border-bottom: 2px solid #DDD; 
	padding-bottom: 15px;
}

.rel{
	margin-top:7px; 
	padding-bottom: 7px;
}

/*Mobile*/
@media (max-width: 768px) {
	
	
	.navbar-default .menu {
	 background-color: #074479 !important;	
	 border: none !important;	 
		}
		
		/*Cor - Fonte do menu*/
		.navbar-default .navbar-nav > li > a{
			color:#FFF !important;
			background: transparent;
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
			font-size: 14px !important;
			text-transform: uppercase;
		}
		
		/*Cor - Hover do menu*/
		.navbar-default .navbar-nav > li > a:focus,
		.navbar-default .navbar-nav > li > a:hover {
		    color: #000 !important;
		    background-color: #ccc!important;	
		}

	.navbar-nav{
		width: 100%;
		margin:  7px -8px !important;
		
	}
	
	.navbar-toggle{
		border: 1px solid #FFF;
		background-color: #FFF !important;
	}
	
	.navbar-collapse {
	    padding-right: 0;
	    margin-right: -16px !important;
	}
	
	.navbar .navbar-collapse {
	    text-align: left;
	}
	.menu #navbar{
		height: 100% !important;	
		background-color: #2b5f98 !important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	    line-height: 20px;
	    color: #fff !important;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	    line-height: 20px;
	    color: #000 !important;
	    background-color: #f5f5f5 !important;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		line-height: 20px;
	    color: #000 !important;
	    background-color: #f5f5f5 !important;
	
	}
	
	.logo{
		margin-top: -78px;
		height: 55px;	
		margin-left: -35px;
	}
	
	.logo-login{
		margin-top: -38px;
		height: 60px;	
		margin-left: -25px;
	}
	.conteudo{
		padding: 0px 20px 20px 20px;
		margin-top: -60px !important;
	}
	
	.pe-fluidgrid .pe-fluidgrid-item {
   		 width:  100%;
   		 padding-bottom: 15px;

	}
	
	.campo_mult{
		padding-left: 15px;
	  	width: 100% !important;
	  	padding-right: 15px;
	}
	.pe-fluidgrid-item.select .ui-selectonemenu {  
	    width: 100% !important;  
	}
	.pe-fluidgrid-item.calendar input {  
	    width: 100% !important;  
	}
	.ui-datatable-reflow .ui-datatable-tablewrapper table{
       border: 1px solid #bebebe;
   	}
	
}
/* 
.ui-datatable .ui-state-default{
	background: linear-gradient(to bottom, #163470 35%,#006699 86%,#006699 86%,#407c99 87%);
	color: #fff;
	text-shadow: none;
	
	
} */


.ui-datatable.header_tab thead th {
	padding: 8px;
	background: linear-gradient(to bottom, #163470 35%,#006699 86%,#006699 86%,#407c99 87%);
	color: #fff;
	text-shadow: none;
	border: 1px solid transparent !important;
	text-transform: uppercase !important;
		
	
}

.ui-datatable .header_column {
	background: #006699;
	color: #fff;
	text-transform: uppercase !important;
		
	
}

/* .header_tab th {
    background: linear-gradient(to bottom, #163470 35%,#006699 86%,#006699 86%,#407c99 87%);
	color: #fff;
	text-shadow: none;
	border: 1px solid transparent !important;
	text-transform: uppercase !important;
}  */


/* .ui-widget-header{
	background-color: #8AB5DE;
} */

.minha-conta{
	margin-top: 10px;
}

.conta a:link{
	
	text-decoration: none;
	
	line-height: 20px;
	font-size: 11px;
	letter-spacing: 1px;
	color: #666666;
	text-transform: uppercase;
	font-family: sans-serif;
}


/*C�rculo da Inicial do Nome logado (Minha Conta)*/
.inicial{
	background: #4283ca;
    color: #fff;
	margin-left:10px;
	width: 52px;
    height: 52px;
    border-radius: 50%;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
   
}

.usuario{
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;	
	padding: 15px;
	font-size: 12px;
}
.ui-selectcheckboxmenu-multiple {
	width: 100%;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-left: -3px;
}

.ui-chkbox .ui-widget{
	margin-top: 5px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item .ui-chkbox{
	margin-top: -15px;
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background-color: #cecece!important;
	background: none;
	color: #2b5f98;
	text-shadow: none;
	border: none;
}
.ui-selectcheckboxmenu-token-label{
	margin-top: 2px;
}

td.number {
	text-align:right;
}


.badge {
	position:absolute;
    top: 4px;
    margin-left: 10px;
    background-color: #E91E63 !important;
    color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    display: block;
}
.badge_rel_text {
	float:left;
	margin-right: 5px;
}
.badge_rel {
	float:left;
	padding: 5px;
    color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    display: block;
    min-width: 22px;
    text-align: center;
}


div.mensagens {
	color: #666666 !important;
	float: right;
	padding-right: 20px;
	font-size: 11px;	
}
@media (min-width: 640px) {
	.wrowToggler {
		width: 32px;
	}
	.w16 {
		width: 16px;
	}
	.w30 {
		width: 30px;
	}
	.w32 {
		width: 32px;
	}
	.w50 {
		width: 50px;
	}
	.w70 {
		width: 70px;
	}
	.w80 {
		width: 80px;
	}	
	.w100 {
		width: 100px;
	}	
	.w120 {
		width: 120px;
	}	
	.w170 {
		width: 170px;
	}
	.w250 {
		width: 250px;
	}
	.w500 {
		width: 500px;
	}
	.w600 {
		width: 600px;
	}
}
@media screen and (max-width: 639px) {
	.w500 {
		width: 100%;
	}

	.w600 {
		width: 100%;
	}
}

.dayOfWeek_1, .dayOfWeek_7 {
	background-color: #eaf1f6;
}

.ui-state-hover .dayOfWeek_1, 
.ui-state-hover .dayOfWeek_7,
.ui-state-highlight .dayOfWeek_1, 
.ui-state-highlight .dayOfWeek_7,
.ui-state-hover td.ponderada,
.ui-state-highlight td.ponderada {
	background-color: inherit;
}

td.ponderada {
	 background-color: #dae1e6
}