@CHARSET "UTF-8";

/*.ui-dialog {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	font-family: inherit!important;
}

.ui-dialog.ui-widget-content {
	color: inherit!important;
}

.ui-dialog-content.ui-widget-content {
	color: inherit!important;
}

.ui-dialog.ui-corner-all {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
}

.ui-dialog-titlebar {
	display: none!important;
}*/

/*
aside{
	width: 225px !important;
}
#main-container{
	margin-left: 235px !important;
}
footer{
	margin-left: 235px !important;
}
*/
.btn-danger {
	color: white!important;
}

.btn-success {
	color: white!important;
}

.btn-default {
	color: black!important;
}

.upload-file-cosif > .ui-fileupload-buttonbar {
	border: none!important;
	background: transparent!important;
	padding: 0!important;
}

.upload-file-cosif > .ui-fileupload-buttonbar > .ui-fileupload-choose {
	background-color: white !important;
	background-image: none !important;
	border-color: #ccc !important;
	margin: 10px;
	padding: 0px 5px 0px 5px !important;
}

.upload-file-cosif > .ui-fileupload-buttonbar > .ui-fileupload-choose:hover {
	background-color: #eee !important;
}

.upload-file-cosif > .ui-fileupload-content {
	border: none!important;
	padding: 0!important;
}

.upload-file-cosif > .ui-fileupload-content > table > tbody > tr > td.ui-fileupload-preview {
	display: none;
}

.upload-file-cosif > .ui-fileupload-content > table.ui-fileupload-files {
	margin: 0!important;
}

.alert-pulse {
	color: #555;
	animation: pulse 2s ease infinite;
}
@keyframes pulse {
  0% {
    color: #555;
  }

  50% {
    color: #a33;
  }

  100% {
    color: #555;
  }
}


/**
 * ----------------------------------------------------------------------------
 * typography
 * ----------------------------------------------------------------------------
 */
.text-upper{text-transform:uppercase !important;}
.color-red{color: #FF868D !important;}
.color-green{color: #8AC977 !important;}


/**
 * ----------------------------------------------------------------------------
 * tables
 * ----------------------------------------------------------------------------
 */
.ui-datatable-footer {
	background: inherit;
	border: 1px solid #eee!important;
	text-align: left!important;
	font-size: 7pt;
}

#panel-top-nav {
	position: fixed!important;
	width: 100%;
	z-index: 1000;
}

#panel-top-nav_content {
	padding: 0!important;
	height: 40px;
}

#top-nav.fixed {
	top: 0;
}

.title-widget {
	font-size: inherit!important;
}

.ui-widget {
	font-family: inherit!important;
}

label {
	color: #777!important;
	font-weight: 700!important;
	font-family: 'Open Sans',sans-serif!important;
	font-size: 12px!important;
}

.ui-selectonemenu-label {
	font-weight: normal!important;
}

input[type=radio] {
	opacity: 1!important;
	position: relative!important;
	margin-right: 5px!important;
}

:disabled, .ui-state-disabled {
	opacity: 1!important;
	border-color: orange!important;
}

.hasDatepicker {
	width: 100%!important;
}

#tipo_pessoa {
	margin: auto;
}

.combobox tr td {
	padding-right: 15px;
}

/* ATENÇÃO! NÃO REGRAR CSS PELO ID */
 div.ui-grid-row > div.ui-panelgrid-cell {
	display: inherit!important;
}

 div.ui-grid-row > div.ui-panelgrid-cell > div > .ui-inputfield {
	display: block!important
}

 div.ui-grid-row > div.ui-panelgrid-cell > div > span > .ui-inputfield {
	display: block!important
}

 div.ui-grid-row > div.ui-panelgrid-cell {
	display: inherit!important;
}

 div.ui-grid-row > div.ui-panelgrid-cell > div > .ui-inputfield {
	display: block!important
}
/* FIM DE: ATENÇÃO! NÃO REGRAR CSS PELO ID */
.fixo {
	display: block;
	margin-right: 10px;
}

.responsivo {
	display: block;
}


.mr {
	margin-right: 10px;
}


input {
	width: 100%;
}

.ui-autocomplete {
	width: 100%!important;
}

.whiteIcon .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap");
}

.ui-selectonemenu {
	height: 29px!important;
	width: 100%!important;
	display: inherit!important;
}

.ui-selectonemenu-label {
	height: 27px!important;
	width: inherit!important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 22px!important;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s{
	margin-top: 5px !important;
}

.ui-selectonemenu-filter-container {
	width: 100%;
}

.ui-selectonemenu-panel{max-width: 50%;}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
	width: 100%!important;
}


.ui-selectcheckboxmenu

.ui-selectcheckboxmenu {
	height: 310px !important;
	width: 100% !important;
	display: inherit !important;
}

.ui-selectcheckboxmenu-label {
	width: inherit;
	background-color: #fff !important;
	font-weight: normal !important;
	margin-bottom: 0px;
	padding-top: 4px !important;
	padding-bottom: 5px !important;
}
.ui-selectcheckboxmenu 
.ui-selectcheckboxmenu-label-container 
.ui-selectcheckboxmenu-label >
.ui-state-hover{
	width: inherit!important;
	background-color: #fff !important;
}

.ui-selectcheckboxmenu-label-container{
	font-weight: lighter !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	width: 22px!important;
}

.ui-selectcheckboxmenu-filter-container {
	width: 100%;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter {
	width: 100%!important;
}

.ui-selectcheckboxmenu-panel{
	font-weight: normal !important;
}

.ui-selectcheckboxmenu-header a{
	margin-top: 2px !important;
}
.ui-selectcheckboxmenu-header .ui-chkbox{
	margin-top: 3px;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container{
	width: 190px !important;
}

.ui-selectcheckboxmenu-items-wrapper 
.ui-selectcheckboxmenu-items  
.ui-selectcheckboxmenu-item 
.ui-chkbox{
	margin-top:-11px;
}

.output-panel-by-ui-selectcheckboxmenu{
	width: 100%;
	margin-top: 15px;
}
.output-panel-by-ui-selectcheckboxmenu
.ui-datalist-data{
	list-style: none;
	padding: 10px 10px 0px 10px;
	
}
.output-panel-by-ui-selectcheckboxmenu
.ui-datalist-data
.ui-datalist-item{
	padding-bottom:5px;
	border-bottom: 1px rgba(0,0,0,0.1) solid;
}

/* Campo de Textarea */
.ui-inputtextarea{
	width: inherit;
	padding: 10px !important;
}
.ui-selectcheckboxmenu-items-wrapper
ul li > label{	
	font-weight: normal !important;
}
.ui-selectcheckboxmenu-panel
.output-panel-by-ui-selectcheckboxmenu
.ui-datalist-data
.ui-datalist-item
label{}


.toolbar {
	float: inherit!important;
	padding: 5px!important;
	min-height: 47px;
}

.toolbar-left {
	float: left;
}

.toolbar-right {
	float: right;
}

.ui-growl {
	top: 46px!important;
	right: 0!important;
	width: 100%!important;
}

.ui-growl-item-container {
	width: 315px;
	margin: auto!important;
}

.ui-message {
	margin: 0!important;
}

.ui-panelgrid-cell.l1 {
	width: 100px;
}

.ui-panelgrid-cell.l2 {
	width: 170px;
}

.ui-panelgrid-cell.f > * {
	color: #777;
}

.ui-panelgrid-content {
	border: none;
	background: transparent;
}

.dropdown-menu>.ui-outputpanel>li>a {
	display: block;
	padding: 3px 10px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	font-size: 9pt;
}

.dropdown-menu.notification li a .time {
	top: 10px!important;
}

/* @junior_freitas */

/*Larguras em Porcentagem de 5 em 5 (de 100% a 5%) */
.width100{width: 100% !important;}.width95{width: 95%;}.width90 {width: 90%;}.width85 {width: 85%;}.width80 {width: 80%;}.width75{width: 75% !important;}.width70 {width: 70%;}.width65 {width: 65%;}.width60 {width: 60%;}.width55 {width: 55%;}.width50{width: 50% !important;}.width45 {width: 45%;}.width40 {width: 40%;}.width35 {width: 35%;}.width30 {width: 30%;}.width25{width: 25% !important;}.width20 {width: 20%;}.width15 {width: 15%;}.width10 {width: 10%;}.width5 {width: 5%;}

.width100px {width: 100px;}.width95px {width: 95px;}.width90px {width: 90px;}.width85px {width: 85px;}.width80px {width: 80px;}.width75px {width: 75px;}.width70px {width: 70px;}.width65px {width: 65px;}.width60px {width: 60px;}.width55px {width: 55px;}.width50px {width: 50px;}.width45px {width: 45px;}.width40px {width: 40px;}.width35px {width: 35px;}.width30px {width: 30px;}.width25px {width: 25px;}.width20px {width: 20px;}.width15px {width: 15px;}.width10px {width: 10px;}.width5px {width: 5px;}

/*Larguras em Pixels de 5 em 5 (de 200px a 105px) */
.width200px {width: 200px;}.width195px {width: 195px !important;}.width190px {width: 190px;}.width188px {width: 188px;}.width185px {width: 185px;}.width180px {width: 180px;}.width175px {width: 175px;}.width170px {width: 170px;}.width165px {width: 165px;}.width160px {width: 160px;}.width155px {width: 155px;}.width150px {width: 150px;}.width145px {width: 145px;}.width140px {width: 140px;}.width135px {width: 135px;}.width130px {width: 130px;}.width125px {width: 125px;}.width120px {width: 120px;}.width115px {width: 115px;}.width110px {width: 110px;}.width105px {width: 105px;}

/*Larguras em Pixels de 5 em 5 (de 300px a 205px) */
.width300px {width: 300px;}.width295px {width: 295px;}.width290px {width: 290px;}.width285px {width: 285px;}.width280px {width: 280px;}.width275px {width: 275px;}.width270px {width: 270px;}.width265px {width: 265px;}.width260px {width: 260px;}.width255px {width: 255px;}.width250px {width: 250px;}.width245px {width: 245px;}.width240px {width: 240px;}.width235px {width: 235px;}.width230px {width: 230px;}.width225px {width: 225px;}.width220px {width: 220px;}.width215px {width: 215px;}.width210px {width: 210px;}.width205px {width: 205px;}

/*Larguras em Pixels de 5 em 5 (de 400px a 305px) */
.width400px {width: 400px;}.width395px {width: 395px;}.width390px {width: 390px;}.width385px {width: 385px;}.width380px {width: 380px;}.width375px {width: 375px;}.width370px {width: 370px;}.width365px {width: 365px;}.width360px {width: 360px;}.width355px {width: 355px;}.width350px {width: 350px;}.width345px {width: 345px;}.width340px {width: 340px;}.width335px {width: 335px;}.width330px {width: 330px;}.width325px {width: 325px;}.width320px {width: 320px;}.width315px {width: 315px;}.width310px {width: 310px;}.width305px {width: 305px;}

/*Larguras em Pixels de 5 em 5 (de 500px a 405px) */
.width500px {width: 500px;}.width495px {width: 495px;}.width490px {width: 490px;}.width485px {width: 485px;}.width480px {width: 480px;}.width475px {width: 475px;}.width470px {width: 470px !important;}.width465px {width: 465px;}.width460px {width: 460px;}.width455px {width: 455px;}.width450px {width: 450px;}.width445px {width: 445px;}.width440px {width: 440px;}.width435px {width: 435px;}.width430px {width: 430px;}.width425px {width: 425px;}.width420px {width: 420px;}.width415px {width: 415px;}.width410px {width: 410px;}.width405px {width: 405px !important;}

/*Larguras em Pixels de 5 em 5 (de 600px a 505px) */
.width600px {width: 600px;}.width595px {width: 595px;}.width590px {width: 590px;}.width585px {width: 585px;}.width580px {width: 580px;}.width575px {width: 575px;}.width570px {width: 570px;}.width565px {width: 565px;}.width560px {width: 560px;}.width555px {width: 555px;}.width550px {width: 550px;}.width545px {width: 545px;}.width540px {width: 540px;}.width535px {width: 535px;}.width530px {width: 530px;}.width525px {width: 525px;}.width520px {width: 520px;}.width515px {width: 515px;}.width510px {width: 510px;}.width505px {width: 505px;}

/*Larguras em Pixels de 5 em 5 (de 700px a 605px) */
.width700px {width: 700px;}.width695px {width: 695px;}.width690px {width: 690px;}.width685px {width: 685px;}.width680px {width: 680px;}.width675px {width: 675px;}.width670px {width: 670px;}.width665px {width: 665px;}.width660px {width: 660px;}.width655px {width: 655px;}.width650px {width: 650px;}.width645px {width: 645px;}.width640px {width: 640px;}.width635px {width: 635px;}.width630px {width: 630px;}.width625px {width: 625px;}.width620px {width: 620px;}.width615px {width: 615px;}.width610px {width: 610px;}.width605px {width: 605px;}



/* Margens a esquerda 20 - 15 - 10 - 5 % */
.margin-left5{margin-left: 5%;}.margin-left10{margin-left: 10%;}.margin-left15{margin-left: 15%;}.margin-left20{margin-left: 20%;}

/* Margens a direita 20 - 15 - 10 - 5 % */
.margin-right5{margin-right: 5%;}.margin-right10{margin-right: 10%;}.margin-right15{margin-right: 15%;}.margin-right20{margin-right: 20%;}


/* Margens a esquerda 20 - 15 - 10 - 5 px */
.margin-left5px{margin-left: 5px;}.margin-left10px{margin-left: 10px;}.margin-left15px{margin-left: 15px;}.margin-left20px{margin-left: 20px;}

/* Margens a direita 20 - 15 - 10 - 5 px */
.margin-right5px{margin-right: 5px;}.margin-right10px{margin-right: 10px;}.margin-right15px{margin-right: 15px;}.margin-right20px{margin-right: 20px;}.margin-right25px{margin-right: 25px;}

/* Margens ao topo 20 - 15 - 10 - 5 px */
.margin-top5px{margin-top: 5px;}.margin-top10px{margin-top: 10px;}.margin-top15px{margin-top: 15px;}.margin-top16px{margin-top: 16px;}.margin-top17px{margin-top: 17px;}.margin-top20px{margin-top: 20px;}.margin-top22px{margin-top: 22px;}.margin-top23px{margin-top: 23px;}

/* Margens ao Rodapé 20 - 15 - 10 - 5 px */
.margin-bottom5px{margin-bottom: 5px;}.margin-bottom10px{margin-bottom: 10px;}.margin-bottom15px{margin-bottom: 15px;}.margin-bottom20px{margin-bottom: 20px;}.margin-bottom25px{margin-bottom: 25px;}.margin-bottom30px{margin-bottom: 30px;}

.margin-auto{
	margin-left: auto !important;
	margin-right: auto !important; 
}

.margin-zero{
	margin: 0px !important;
}
.margin-top4px{
	margin-top: 4px;
}
.margin-top12pximportant{
	margin-top: 12px !important;
}
.margin-top19pximportant{
	margin-top: 19px !important;
}
.margin-bottom20pxImportant{
	margin-bottom: 20px !important;
}

.margin-top-zero{
	margin-top: 0px;
}
.margin-bottom-zero{
	margin-bottom: 0px;
}

.margin-top7px{
	margin-top: 7px;
}

.margin-top21px{
	margin-top: 21px;
}
.margin-top22px{
	margin-top: 22px;
}
.margin-top23px{
	margin-top: 23px;
}
.margin-top28px{
	margin-top: 28px;
}
.margin-topMinus5px{
	margin-top: -5px;
}
.margin-topMinus10px{
	margin-top: -10px;
}
.margin-topMinus20px{
	margin-top: -20px;
}
.margin-topMinus25px{
	margin-top: -25px;
}
.margin-topMinus57px{
	margin-top: -57px;
}
.display-block{
	display: block;
}
.display-inherit{
	display: inherit;
}
.display-none{
	display: none;
}

.font50emImportant{
	font-size: 1.5em !important;
}
.font80em{
	font-size: 1.8em;
}

.fontEm20{font-size: 2.0em;}.fontEm19{font-size: 1.9em;}.fontEm18{font-size: 1.8em;}.fontEm17{font-size: 1.7em;}.fontEm16{font-size: 1.6em;}.fontEm15{font-size: 1.5em;}.fontEm14{font-size: 1.4em;}.fontEm13{font-size: 1.3em;}.fontEm12{font-size: 1.2em;}.fontEm11{font-size: 1.1em;}
.fontEm10{font-size: 1.0em;}.fontEm09{font-size: 0.9em;}.fontEm08{font-size: 0.8em;}.fontEm085{font-size: 0.85em;}.fontEm07{font-size: 0.7em;}.fontEm06{font-size: 0.6em;}.fontEm05{font-size: 0.5em;}.fontEm04{font-size: 0.4em;}.fontEm03{font-size: 0.3em;}.fontEm02{font-size: 0.2em;}.fontEm01{font-size: 0.1em;}

.negrito{
	font-weight: bold !important;
}

.font-light{
	font-weight: lighter !important;
}
.font-normal{
	font-weight: normal !important;
}

.float-left{
	float: left;
}
.float-right{
	float: right;
}
.font-branca{
	color: #fff !important;
}
.font-cinza-alpha{
	color: rgba(119, 119, 119, 0.5) !important;	
}
.min-height-800px{
	min-height: 800px;
}
.min-height-680px{
	min-height: 680px;
}
.height27px{
	height: 27px !important;
}
.clear{
	clear: both;
}
.clear-left{
	clear: left;
}
.clear-right{
	clear: right;
}
.texto-alinhado-esquerdo{
	text-align: left;
}
.texto-alinhado-direito{
	text-align: right;
}
.texto-alinhado-central{
	text-align: center;
}

.separator-5px{
	margin: 5px 0px !important;
}
.separator-10px{
	margin: 10px 0px !important;
}
.separator-15px{
	margin: 15px 0px !important;
}

.botao-login-tipo{
	background-color:white !important;
	transform:none !important;
}

.botao-login-tipo div{
	background-color:white !important;
	border:none !important;
	border-radius: !important;
	box-shadow: none !important;
	transform:none !important;
}

.botao-login-tipo div .ui-state-active{
	background-color:white !important;
	border:none !important;
	border-radius: !important;
	box-shadow: none !important;
	transform:none !important;
}

.botao-login-tipo div .ui-state-hover{
	background-color:white !important;
	border:none !important;
	border-radius: !important;
	box-shadow: none !important;
}


.botao-login-tipo .ui-corner-left span{
	background-image: url(../resources/img/ico-usu-2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:transparent !important;
	width: 40px;
	height: 30px;
	border:none;
	background-color:white !important;
	border:none !important;
	border-radius: !important;
	box-shadow: none !important;
}

.botao-login-tipo .ui-corner-right span{
	background-image: url(../resources/img/ico-at.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 30px;
	font-weight: lighter;
	color: rgba(119, 119, 119, 0.5) !important;
	
    background-color:white !important;
	border:none !important;
	border-radius: !important;
	box-shadow: none !important;
	transform:none !important;
}

.botao-login-tipo .ui-corner-right .ui-state-active span{
	font-weight: normal !important;
	color: rgba(119, 119, 119, 1) !important;
	opacity: 0!important;
    filter: alpha(opacity=0) !important;
    transform:none !important;
    background-color:white !important;
	
}

/* Solução de espaçamento nos avisos de validação */
.padding-l-r-20{
	padding: 0px 20px 0px 20px;
}
.padding-l-r-10-t-b-5{
	padding: 5px 10px 5px 10px !important;
}
.padding-zero{
	padding: 0px !important;
}

.padding-top10px{
	padding-top:10px;
}
.padding-top20px{
	padding-top: 20px;
}
.padding-bottom20px{
	padding-bottom: 20px;
}
.padding-left25px{
	padding-left: 25px;
}
.padding-right25px{
	padding-right: 25px;
}

/* Solução para rolagem no menu lateral */
.overflow-y-auto{
	overflow-y:auto; 	
}

.overflow-hidden{
	overflow: hidden;
}

/* Tabs */
.tab-bar-parametros{
	text-align: center !important;
}
.tab-bar-parametros li a{
	padding: 20px 25px !important;
}

.tab-bar-parametros li a i{
	font-size: 2em;
	margin-bottom: 5px;
}

.tab-bar-parametros .active{
	box-shadow: 0px -1px 2px rgba(0,0,0,0.2);
}

.bg-branco{
	background-color: #fff;
}

.bg-calendario span input{
	background-image: url("/portal/resources/img/ico-calendario.png") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	
}

/* Grid de Formulário Horizontal */
.horizontal-panel{
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #f1f5fc !important;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	color: #777;	
}

.horizontal-panel .ui-panelgrid-header{
	padding: 10px 15px;
	border-bottom: 1px solid #f1f5fc;
	border-left:none;
	border-right:none;
	border-top:none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #fff;
	color: #777;
	text-align: left;
}

.horizontal-panel .ui-panelgrid-cell input{
	width: 100%;
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	display: block;
	padding: 6px 12px;
	color: #777;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.horizontal-panel .ui-panelgrid-cell label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #777;
	line-height: 2.5;
	height: 30px;
	padding: 0px 10px 5px 10px;
}

.horizontal-panel .ui-panelgrid-cell .ui-message-error{
	padding-top: 6px;
}

.horizontal-panel .ui-panelgrid-cell .ui-message-error .ui-message-error-detail{
	padding: 0px 10px 5px 10px;
}

.horizontal-panel .ui-grid-row .ui-panelgrid-cell .ui-state-error{
	color: rgb(178, 115, 115) !important;
}

.horizontal-panel .ui-grid-row .ui-panelgrid-cell .ui-state-error span{
	color: rgb(178, 115, 115) !important;
}

.horizontal-panel .ui-panelgrid-cell span{

	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #777;
	line-height: 1.5;
	height: 30px;
	padding: 5px 10px;
}
/* Fim de Grid de Formulário Horizontal */

/* Grid de Formulário Simples */

.simple-panel{
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #f1f5fc !important;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	color: #777;	
}

.simple-panel .ui-panelgrid-header{
	padding: 10px 15px;
	border-bottom: 1px solid #f1f5fc;
	border-left:none;
	border-right:none;
	border-top:none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #fff;
	color: #777;
	text-align: left;
}

.simple-panel .ui-panelgrid-cell input{
	width: 100%;
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	display: block;
	padding: 6px 12px;
	color: #777;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.simple-panel .ui-panelgrid-cell label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #777;
	line-height: 2.5;
	height: 5px;
	padding: 0px 10px 5px 0px;
}

.simple-panel .ui-grid-row .ui-panelgrid-cell .ui-state-error{
	color: rgb(178, 115, 115) !important;
}

.simple-panel .ui-grid-row .ui-panelgrid-cell .ui-state-error span{
	color: rgb(178, 115, 115) !important;
}


.simple-panel .ui-selectonemenu{
	height: 32px;
}

.simple-panel .ui-panelgrid-cell span{

	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #777;
	line-height: 1.5;
	height: 30px;
	padding: 5px 10px;
}
.simple-panel .ui-selectonemenu .ui-selectonemenu-label{
	height: 30px; 
	padding-left: 5px;
}
.simple-panel .ui-selectonemenu .ui-selectonemenu-trigger span{
	height: 20px;
	margin-top: 7px;
}

/* Input Check Box */
.simple-panel .ui-selectlistbox-item{
	border-bottom: #f1f5fc 1px solid !important;
}

.simple-panel .ui-selectlistbox-item .ui-chkbox .ui-chkbox-box{
	background-color: #c6c6c6;
	margin-top: 5px;
	margin-left: 5px;
}

.simple-panel .ui-selectlistbox-list .ui-state-highlight{
	
	background-color: #f1f5fc !important;
	background-image: none !important;
	color: #777 !important;
}

.simple-panel .ui-selectlistbox-list .ui-state-hover{
	
	background-color: #f1f5fc !important;
	background-image: none !important;
}

.simple-panel 
.ui-selectlistbox-listcontainer 
.ui-selectlistbox-list 
.ui-selectlistbox-item 
.ui-corner-all 
.ui-state-highlight {
	background-color: black !important;
	background-image: none !important;
}
.simple-panel 
.ui-selectlistbox-listcontainer 
.ui-selectlistbox-list 
.ui-selectlistbox-item 
.ui-corner-all 
.ui-state-hover.{
	background-color: black !important;
	background-image: none !important;
	/*background-color: #e6e6e6;*/
}

/* Input Check Box */


/* Fim de Grid de Formulário Simples */

/* Essa regra tira o BG dos componentes em fluxo de erro */
.ui-state-error, 
.ui-widget-content .ui-state-error, 
.ui-widget-header .ui-state-error{
	background: none;	
}

/* Tabela de dados */
.tabela-de-dados{
	font-size: 0.9em !important;
}
.tabela-de-dados thead>tr{
	border: 1px solid #eee;
}
.tabela-de-dados >thead>tr>th{
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.tabela-de-dados th{
	text-align: left !important;
}

.tabela-de-dados .ui-state-default{
	background: #fff;
	border-bottom: 1px solid #eee;
	color: inherit;
}

.head-blue .ui-state-default{
	background: #23b7b7;
	color:#fff;
	text-shadow:0px 0px;
	font-size: 13px;
	font-weight: normal;
}

.tabela-de-dados tbody>tr>td{
	color: #777;
}

.tabela-de-dados .ui-widget-header{
	color: inherit;
}

.tabela-de-dados .ui-paginator span{
	border-radius:0;
	margin: 0;
} 
.tabela-de-dados .ui-paginator .ui-state-active{
	background: #5a5a5a;
	border-color: rgba(0,0,0,.2);
	color: #fff;	
}

.tabela-de-dados .ui-datatable-odd{
	background-color: #fff;	
}

.tabela-de-dados .ui-state-highlight{
	background: #e3e3e3;
}

.tabela-de-dados .ui-widget-content :hover {
	background-color: #eee !important;
}

.tabela-de-dados .ui-datatable-even{
	/*background-color: #F9F9F9;*/
}

.ui-datatable .ui-datatable-header {border: 0px none; background: #23b7b7; color: #fff; text-align: left !important; padding: 12px; font-size: 1.6em; font-weight: 100; }
.no-header thead{display:none;}


/* Fim de tabela de dados */

/* Tabela CNAE */
.tabela-cnae table thead{
	display: none;
}
/* Fim de Tabela CNAE */

/* Tabela Socios */
.tabela-socios table thead{
	display: none;
}
/* Fim de Tabela socios */

/* Janela modal */


.modal-confirmacao{
	border-radius:0 !important;
	background-color: #000 !important;
	padding-top:10px !important;
	padding-bottom: 10px !important; 
	left:0 !important;
	
}

/* Para Corrigir o bug com o modal de Log Out */
.ui-dialog.ui-widget-content .ui-dialog-content{
	text-align:center !important;
}

.modal-confirmacao .ui-dialog-titlebar{
	display: none;
}

.modal-confirmacao .ui-dialog-content .ui-confirm-dialog-message{
	font-size: 1.2em !important;
    color: #777 !important;       
}

.modal-confirmacao .ui-dialog-buttonpane{
	background-color: transparent;
    border: none;
    margin-top: -15px !important;
}

.modal-confirmacao-texto{
	font-size: 1.2em !important;
	color: #777 !important;
	
}

.modal-confirmacao-botoes{
	margin-top: 5px;
	text-align: center;
}

.modal-confirmacao-botoes .ui-state-default{
	background-image: none;
	background-color: none;
	color: #fff;
}

.modal-confirmacao-botao-verde{
	background-color: #65cea7 !important;
	margin: 10px;
	padding: 0px 5px 0px 5px !important;

}
.modal-confirmacao-botao-verde:hover{
	background-color: #4AC598 !important;
}
.modal-confirmacao-botao-vermelho{
	background-color: #fc8675 !important;
	margin: 10px;
	padding: 0px 5px 0px 5px !important;
}
.modal-confirmacao-botao-vermelho:hover{
	background-color: #FB6752 !important;
}

.botao-padrao{
	background-color: transparent !important;
	margin: 10px;
	padding: 3px 5px 3px 5px !important;
	color:inherit !important;
	background-image: none !important;
}
.botao-padrao .ui-button-icon-left{
	margin-top: -6px !important;
}
.botao-padrao .ui-button-text{
	margin-top: -2px !important;
}

.botao-padrao:hover{
	background-color: rgba(0,0,0,0.1) !important;
}

.botao-branco{
	background-color: #fff !important;
	margin: 10px;
	padding: 3px 5px 3px 5px !important;
	color:inherit !important;
	background-image: none !important;
}
.botao-branco .ui-button-icon-left{
	margin-top: -6px !important;
}
.botao-branco .ui-button-text{
	margin-top: -2px !important;
}

.botao-branco:hover{
	background-color: rgba(0,0,0,0.1) !important;
}

.botao-verde{
	background-color: #65cea7 !important;
	margin: 10px;
	padding: 3px 5px 3px 5px !important;
	color:#fff !important;
	background-image: none !important;
}
.botao-verde .ui-button-icon-left{
	margin-top: -6px !important;
}
.botao-verde .ui-button-text{
	margin-top: -2px !important;
}

.botao-verde:hover{
	background-color: #4AC598 !important;
}
.botao-vermelho{
	background-color: #fc8675 !important;
	margin: 10px;
	padding: 3px 5px 3px 5px !important;
	color:#fff;
	background-image: none !important;
}

.botao-vermelho .ui-button-icon-left{
	margin-top: -6px !important;
}
.botao-vermelho .ui-button-text{
	margin-top: -2px !important;
}

.botao-vermelho:hover{
	background-color: #FB6752 !important;
}

/* Sobreposição de classe - Div responsável pela BG da Janela Modal */
.ui-widget-overlay{
	opacity: .50;
	filter: Alpha(Opacity=50);	
}
/* Fim de Janela modal */

/*BG nas telas de 404, 500 */
.bg-fallback{
	/*height: 100%;
    margin: 0px;
    padding: 0px;*/  
	background-image: url(../resources/img/bg-teste-aspec-gtm6.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.html-clearfix{
	height: 100%;
}
.bg-transparente{
	background-color: transparent !important;
}
.fallback-container{
	background-color: rgba(255,255,255,0.5);
	padding: 20px;
	border-radius:10px;
	border: #ccc 1px solid;
}
.vermelho-fallback{
	color: rgb(255, 117, 90);
}
/*Fim de BG nas telas de 404, 500 */

.cross-modal{
	-webkit-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid-de-dados{}

.grid-de-dados .ui-datagrid-column .ui-panel{
	border: rgb(238, 238, 238) 1px solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 0 !important;
}

.grid-de-dados > .ui-datagrid-content{
	border: 0 !important;
}

.grid-de-dados .ui-panel-titlebar{
	color: rgb(119, 119, 119) !important;
	background-color: rgb(238, 238, 238) !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.grid-de-dados .ui-selectoneradio tr td label{
	margin-left: 5px;
	font-weight: lighter !important;
	cursor: pointer;
}

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

.sem-bordas{
	border: 0 !important;
}

.brasao-prefeitura-img{
	float: left;
	margin-right: 10px;
}

.painel-login-sb{
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5) !important;
}

/* Componente Wizard */
.gtm-wizard{
	background: #f9f9f9;
}

.gtm-wizard:after, .gtm-wizard:before {
	display: table;
	line-height: 0;
	content: "";
}
.gtm-wizard .ui-wizard-step-titles{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 0;
	background-color:rgb(238, 238, 238) !important;
}
.gtm-wizard .ui-wizard-step-title{
	background: transparent;
	margin:0;
	border:none;
	box-shadow: none;
	border-radius:0;
	display: inline-block;
	position: relative;
	float: left;
	padding: 10px 10px 10px 30px;
	text-align: center;
	color: #ccc;
	transition: all .2s ease !important;
	-webkit-transition: all .2s ease !important;
	-moz-transition: all .2s ease !important;
	-ms-transition: all .2s ease !important;
	-o-transition: all .2s ease !important;
}

.gtm-wizard .ui-wizard-step-title:before {
	border-color: transparent transparent transparent #eee !important; /*#eee*/
	border-width: 20px !important;
	right: -40px !important;
	top: 1px !important;
	z-index: 1 !important;
}
.gtm-wizard .ui-wizard-step-title:after {
	border-color: transparent transparent transparent #f9f9f9;
	border-width: 18px;
	z-index: 2;
}
.gtm-wizard .ui-wizard-step-title:after, .gtm-wizard .ui-wizard-step-title:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	top: 0;
	right: -41.5px;
	position: absolute;
	pointer-events: none;
	bottom: 100%;
	box-sizing: border-box;
}  
.gtm-wizard .ui-state-highlight{
	background: rgb(60, 141, 188);
	color: #fff;
	text-shadow: none;
}
.gtm-wizard .ui-state-highlight:after{
	border-left-color: rgb(60, 141, 188);
	border-width: 21.7px;
}

.ui-wizard-nav-next{
	background-color: #fff !important;
	margin: 0px 10px 10px 10px;
	padding: 3px 5px 3px 5px !important;
	color:inherit !important;
	background-image: none !important;
}
.ui-wizard-nav-next .ui-button-icon-left{
	margin-top: -10px !important;
}
.ui-wizard-nav-next .ui-button-text{
	margin-top: -2px !important;
}

.ui-wizard-nav-next:hover{
	background-color: rgba(0,0,0,0.1) !important;
}

.ui-wizard-nav-back{
	background-color: #fff !important;
	margin: 0px 10px 10px 0px;
	padding: 3px 5px 3px 5px !important;
	color:inherit !important;
	background-image: none !important;
}
.ui-wizard-nav-back .ui-button-icon-left{
	margin-top: -10px !important;
}
.ui-wizard-nav-back .ui-button-text{
	margin-top: -2px !important;
}

.ui-wizard-nav-back:hover{
	background-color: rgba(0,0,0,0.1) !important;
}

/* Fim de Componente Wizard*/

/* Fix para botão no componente de autocomplete */
.ui-autocomplete .ui-autocomplete-dropdown{
	right: 0 !important;
	width: 22px!important;
}

/* Classe para botão de impressão pelo componente <p:commandButton> */
.fix-botao-imprimir{
	padding: 15px 15px 5px 15px !important;
	/*font-size: inherit !important;
	
	display: grid !important;
	*/
}
.fix-botao-imprimir .ui-icon{
	position: initial !important;
	top: inherit !important;
	display: initial !important;
	font-size: 3em !important;
	margin-top: 10px !important;
}

.fix-botao-imprimir .ui-button-text{
	font-weight: bold;
	padding: 0 !important;
	margin-top: 5px;
}
.topo-login{
	width: 100%;
	clear: both;
	padding:1% 3%;
	background-color: rgba(209,209,209,0.6);
	overflow: hidden;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5)
}
.portal-lateral-esquerda-area{
	width: 18%;
	float: left;
	padding-left: 1%;
	overflow: hidden;
	display: list-item;
}
.portal-login-area{
	width: 62%;
	float: left; 
	margin-top: 5%;
}

.portal-lateral-area{
	width: 18%;
	float: left;
	padding-right: 1%;
	margin-top: 2%;
}
.portal-lateral-area div{
	background-color: rgba(239,239,239,1);
	color: rgba(119,119,119,1);
	font-weight: bold;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5) !important;
	border-radius: 4px !important;
	
	transition: background-color .20s ease-in-out;
   	-moz-transition: background-color .20s ease-in-out;
   	-webkit-transition: background-color .20s ease-in-out;
}
.portal-lateral-area div:hover{
	background-color: rgba(229,229,229,1);
}

.portal-lateral-area .stat-icon{
	box-shadow:none !important;
}

.slimScrollDiv aside .main-menu{
	overflow-y:auto !important;	
}

/* Fix de panel no login */
.form-login .ui-panel {
  padding: 0 !important;
}

.form-login .ui-widget-content {
  border: none !important; 
  background: inherit !important; 
  color: inherit !important;
  text-align: left;
}
.form-login .panel-body {
  	padding: 0px !important;
}
/* Fix de panel no login */

.border-radius-zero{
	border-radius:0px !important;
}

/* Novo formato de login inline no portal do contribuinte */
.novo-portal-body{
	transition: font-size .5s ease;
    -webkit-transition: font-size .5s ease;
    -moz-transition: font-size .5s ease;
    -ms-transition: font-size .5s ease;
    -o-transition: font-size .5s ease;
}



.novo-portal-texto-principal-ico-area{
	padding: 70px 0 50px 0;
    font-size: 2em;
    text-align: center;
}

.novo-portal-texto-principal p{
	font-size: 1.2em;
    line-height: 1.8em;
}

.novo-portal-texto-principal h1{
	font-size: 2.2em;
    font-weight: bold;
}

.form-login-portal-inline form > .ui-panel{
	padding: 0px !important;
}
.form-login-portal-inline form > .ui-widget-content{
	border: none;
}

.form-login-portal-inline form .ui-widget-content > .ui-panel-content{
	padding: 0px !important;
}


.novo-portal-logo-entidade{
	margin-top: 0px;
}

.novo-portal-logo{
	float: left;
}

.novo-portal-logo img{
	width: 90px;
}

.novo-portal-nome-entidade{
	float: left;
}

.novo-portal-nome-entidade p{
	font-size: 1.8em;
	margin-top: 5px;
	margin-bottom:5px;
}
.novo-portal-nome-entidade h4{
	font-size: 2.2em;
	font-weight: bold;
}

.novo-portal-chamada-servicos{
	font-size: 2.2em;
    font-weight: bold;
}

/* Classes do menu externo */
.novo-portal-menu-principal{
	background-color: rgb(239, 239, 239);
	/*min-height: 800px;*/
}
.novo-portal-menu-principal ul{
	list-style: none;
}

.novo-portal-menu-principal ul li{
	border:1px solid transparent;
	border-top-color: #f4f4f4;
    border-bottom-color: #dfdfdf;
}

.novo-portal-menu-principal ul li a{
    position: relative;
    display: block;
    font-size: 13px;
    padding: 13px 10px 13px 13px;
    text-shadow: 0 1px 1px rgba(0,0,0,.05);
    transition: color .5s ease,background .5s ease;
    -webkit-transition: color .5s ease,background .5s ease;
    -moz-transition: color .5s ease,background .5s ease;
    -ms-transition: color .5s ease,background .5s ease;
    -o-transition: color .5s ease,background .5s ease;
}

.novo-portal-menu-principal ul li a:hover{
	background-color: rgb(249, 249, 249);	
}

.novo-portal-menu-principal ul li a .text {
    /*margin-left: 10px;*/
}

.novo-portal-menu-principal ul .openable .submenu{
	display: none;
}

.novo-portal-menu-principal ul .openable .submenu li a{
	transition: padding-left .5s ease;
    -webkit-transition: padding-left .5s ease;
    -moz-transition: padding-left .5s ease;
    -ms-transition: padding-left .5s ease;
    -o-transition: padding-left .5s ease;
}

.novo-portal-menu-principal ul .openable .submenu li a:hover{
	padding-left: 20px;
}

/* Fim classes do menu externo */

.novo-portal-item-home-area{
	border-left:rgb(239, 239, 239) 1px solid;
	border-top: rgb(239, 239, 239) 1px solid;
	
}

.novo-portal-item-home{
	cursor: pointer;
	height: 135px;
	padding: 20px;
	background-color: #fff;
	border-right:rgb(239, 239, 239) 1px solid;
	border-bottom: rgb(239, 239, 239) 1px solid;
	-webkit-transition: background-color, padding-top .5s ease;
    -moz-transition: background-color, padding-top .5s ease;
    -ms-transition: background-color, padding-top .5s ease;
    -o-transition: background-color, padding-top .5s ease;	
}

.novo-portal-item-home:hover{
	background-color:rgb(239, 239, 239);
	padding-top: 25px;
}

.novo-portal-item-home:hover div div .teste{
	background-color:black;
}

.novo-portal-item-home i{
	margin-bottom: 10px;
}

.novo-portal-item-home h3{
	font-size: 1.4em;
	font-weight: bold;
}
.novo-portal-item-home p{
	font-size: 1.2em;
}
.fix-dialog-iptu{
	left: 20% !important;
    right: 20% !important;
    top: 20% !important;
}

/* teste de paleta de cores */

.novo-portal-header-logo-form{
	padding: 15px 0;
	margin-bottom: 0px !important;
	border-top: 3px solid #3e6b96 !important; /* #3e6b96 - #424f63 */
}

.bg-light{
 	background-color:#3e6b96 !important; /* #3e6b96 - #424f63 */
 	color: #fff;
}

.bg-light ul{
 	margin-bottom: 5px;
}

.bg-light a{
	color: #fff;
}
.bg-light a:hover,
.bg-light a:active{
	color: #e8e8e8;
}

.btn.btn-primary {
    background: #3e6b96 !important;
    border: 1px solid #355e84 !important;
}

.btn.btn-primary:hover{
	background: #355e84 !important;
}

.btn.btn-success {
    background: #3e6b96 !important;
    border: 1px solid #355e84 !important;
    border-radius: 0;
}

.btn.btn-success:hover {
    background: #355e84 !important;
}

.novo-portal-texto-principal{
	background-color: rgb(239, 239, 239);
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

.novo-portal-texto-principal h1{
	color: #3e6b96;
}

.novo-portal-texto-principal h3{
	margin-top: 5px;
	font-weight: bold;
}

.novo-portal-texto-principal-ico-area i{
	color: #3e6b96;
}



/* fim teste de paleta de cores */

.fix-botao-certidao{
	padding: 2px !important;
	border-radius: 0 !important;
	margin-left: 15px;
}



/**
 * alertas inline ...
 * ----------------------------------------------------------------------------
 */
.snippet-alerta-sucesso .snippet-area-icone{color: #fff !important; background: #65cea7 !important; float: left; text-align: center; padding: 10px; width: 50px; }
.snippet-alerta-sucesso .snippet-area-texto{float: left; padding: 10px; }

.snippet-alerta-informacao .snippet-area-icone{color: #fff !important; background: #6bafbd !important; float: left; text-align: center; padding: 10px; width: 50px; }
.snippet-alerta-informacao .snippet-area-texto{float: left; padding: 10px; }

.snippet-alerta-aviso .snippet-area-icone{color: #fff !important; background: #f3ce85 !important; float: left; text-align: center; padding: 10px; width: 50px; }
.snippet-alerta-aviso .snippet-area-texto{float: left; padding: 10px; }

.snippet-alerta-perigo .snippet-area-icone{color: #fff !important; background: #fc8675 !important; float: left; text-align: center; padding: 10px; width: 50px; }
.snippet-alerta-perigo .snippet-area-texto{float: left; padding: 10px; }

.alert.snippet-alerta-sucesso,
.alert.snippet-alerta-informacao,
.alert.snippet-alerta-aviso,
.alert.snippet-alerta-perigo{ margin-bottom: 20px; padding: 0; overflow: hidden; border-radius: 4px; float: left; width: 100%; padding: 0;}

/**/



/* Mudança de Thema */
#top-nav.skin-1 {
  background: #00386f !important;
  border-bottom-color: #00386f !important;
}
#top-nav.skin-1 .brand {
  color: #fff !important;
  background: #00386f !important;
}
#top-nav.skin-1 .nav-notification > li > a {
  color: #fff !important;
}
/* Fim de Mudança de Thema */

/* Fim de @junior_freitas */

/* viewports */
@media all and (max-width: 560px) {
	.responsivo{
		width: 100%;
	}
	
	.slimScrollDiv aside .main-menu{
		overflow-y:auto !important;	
	}
		
}

@media (max-width: 868px){
	/* Fix para Bug neste menu */
	#menu-cadastros .submenu{
		margin-left: 100px !important;
	}
	#menu-adm .submenu{
		margin-left: 100px !important;
	}
	
	
}

@media (min-width: 768px){
	/* Fix para Bug neste menu */
	#wrapper.sidebar-mini #menu-cadastros  .submenu {
		margin-left: 100px !important;
	
	}
	#wrapper.sidebar-mini #menu-adm .submenu{
		margin-left: 100px !important;
	}	
}

@media (max-width: 745px){
	
	/* Fix para Bug neste menu */
	.main-menu #menu-cadastros  .submenu {
		margin-left: 0px !important;
	
	}
	.main-menu #menu-adm .submenu{
		margin-left: 0px !important;
	}
	
	
}

@media screen and (max-width: 650px){
	.scroll-lateral-responsivo{
		display: block;
		overflow-x: scroll;
	}
	.scroll-lateral-responsivo .tabela-de-dados{
		width: 500px !important;
		margin-bottom: 5px !important;
	}
	
	.scroll-lateral-responsivo .tabela-de-dados th, .tabela-de-dados tbody tr td{
		width: auto !important;
	}
	
	.scroll-lateral-responsivo .tabela-de-dados table thead tr th:last-child{
		width: 50px !important;
	}
	
	.scroll-lateral-responsivo .tabela-de-dados table tbody tr td:last-child{
		width: 50px !important;
	}

	

}

@media (max-width: 900px){
	/* Fix para Yela de Login */
	.topo-login-strings{
		width: 350px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.portal-lateral-esquerda-area{
		display: none;
	}
	.portal-login-area{
		width: 100% !important;
		float: left;
		margin-top: 5%;
	}
	.portal-lateral-area{
		width: 100% !important;
		float: left;
		margin-top: 2%;
		padding-left: 20px;
		
	}
	.portal-lateral-area div {
		width:348.4px;
		margin-left: auto;
		margin-right: auto;
	}
	.portal-lateral-area div .stat-icon{
		text-align: right;
	}
}

@media (max-width: 370px){
	.portal-lateral-area{
		padding-left: 0px;
		
	}
}

/* fim de viewports */

#dataTableDebitosEmAberto .ui-chkbox-box.ui-state-active {
    background-color: #007bff !important; /* Cor azul ao marcar */
    border-color: #0056b3 !important;
}

#dataTableDebitosEmAberto .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    color: white !important; /* Ícone branco */
}

#dataTableDebitosEmDividaAtiva .ui-chkbox-box.ui-state-active {
    background-color: #007bff !important; /* Cor azul ao marcar */
    border-color: #0056b3 !important;
}

#dataTableDebitosEmDividaAtiva .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    color: white !important; /* Ícone branco */
}