.clearfix:before, .clearfix:after, .dl-horizontal dd:before,
	.dl-horizontal dd:after, .container:before, .container:after,
	.container-fluid:before, .container-fluid:after, .row:before, .row:after,
	.form-horizontal .form-group:before, .form-horizontal .form-group:after,
	.btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before,
	.btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before,
	.navbar:after, .navbar-header:before, .navbar-header:after,
	.navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,
	.panel-body:before, .panel-body:after, .modal-footer:before,
	.modal-footer:after {
	content: " ";
	display: table;
}

.clearfix:after, .dl-horizontal dd:after, .container:after,
	.container-fluid:after, .row:after, .form-horizontal .form-group:after,
	.btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after,
	.navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after,
	.panel-body:after, .modal-footer:after {
	clear: both;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.affix {
	position: fixed;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@
-ms-viewport {
	width: device-width;
}

/**** COMPLETE BOOTSTRAP ****/
.mt {
	margin-top: 20px;
	position: relative;
}

.mb {
	margin-bottom: 37px !important;
}

.alignl {
	text-align: left !important;
}

.alignr {
	text-align: right !important;
}

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

.alignc2 {
	text-align: center !important;
	height: 385px !important;
}

.separator {
	border-bottom: 1px solid #bebebe;
}

.separator-red {
	border-bottom: 1px solid #c23032;
}

.separator-red-grid {
	border-bottom: 1px solid #c23032;
	margin-left: 15px;
	margin-right: 15px;
}

/**** COMPLETE BOOTSTRAP ****/

/**************** FONTES ESPECIAIS ****************/

/*OPEN SANS REGULAR*/
@font-face {
	font-family: 'opensans-r';
	src: url("/esic-web/javax.faces.resource/fonts/opensans-r.eot.xhtml");
	src: url("")
		format('embedded-opentype'),
		url("/esic-web/javax.faces.resource/fonts/opensans-r.woff.xhtml") format('woff'),
		url("/esic-web/javax.faces.resource/fonts/opensans-r.ttf.xhtml") format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*OPEN SANS LIGHT*/
@font-face {
	font-family: 'opensans-l';
	src: url("/esic-web/javax.faces.resource/fonts/opensans-l.eot.xhtml");
	src: url("")
		format('embedded-opentype'),
		url("/esic-web/javax.faces.resource/fonts/opensans-l.woff.xhtml") format('woff'),
		url("/esic-web/javax.faces.resource/fonts/opensans-l.ttf.xhtml") format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*OPEN SANS BOLD*/
@font-face {
	font-family: 'opensans-b';
	src: url("/esic-web/javax.faces.resource/fonts/opensans-b.eot.xhtml");
	src: url("")
		format('embedded-opentype'),
		url("/esic-web/javax.faces.resource/fonts/opensans-b.woff.xhtml") format('woff'),
		url("/esic-web/javax.faces.resource/fonts/opensans-b.ttf.xhtml") format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*OPEN SANS SEMIBOLD*/
@font-face {
	font-family: 'opensans-sb';
	src: url("/esic-web/javax.faces.resource/fonts/opensans-sb.eot.xhtml");
	src: url("")
		format('embedded-opentype'),
		url("/esic-web/javax.faces.resource/fonts/opensans-sb.woff.xhtml") format('woff'),
		url("/esic-web/javax.faces.resource/fonts/opensans-sb.ttf.xhtml") format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*OPEN SANS EXTRABOLD*/
@font-face {
	font-family: 'opensans-eb';
	src: url("/esic-web/javax.faces.resource/fonts/opensans-eb.eot.xhtml");
	src: url("")
		format('embedded-opentype'),
		url("/esic-web/javax.faces.resource/fonts/opensans-eb.woff.xhtml") format('woff'),
		url("/esic-web/javax.faces.resource/fonts/opensans-eb.ttf.xhtml") format('truetype');
	font-weight: normal;
	font-style: normal;
}
/**************** FONTES ESPECIAIS ****************/

/************ RESET ************/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a {
	text-decoration: none;
}

li {
	list-style-type: none;
}
/************ FIM RESET ************/

/**** HOME ****/
.box-shadow {
	-webkit-box-shadow: 0 10px 13px #777777;
	box-shadow: 0 5px 13px #777777;
}

.panel-banner {
	margin-bottom: 0px !important;
	border: none !important;
	box-shadow: none !important;
}

.titulo-principal {
	font-family: 'opensans-l';
	font-size: 25px;
	color: #5d5d5d;
	padding-top: 15px;
}

.sub-titulo-principal {
	font-size: 18px !important;
	font-family: 'opensans-b';
}

.titulo-principal strong {
	font-family: 'opensans-b';
}

.col-banner {
	height: 220px;
}

.ma-container {
	border: 1px solid #aaa !important;
	border-radius: 5px !important;
	padding: 20px;
}

.ma-container .dropdown {
	display: table-cell;
}

.ma-container .dropdown button {
	margin-left: 20px;
}

.panel h2 {
	font-family: 'opensans-l';
	font-size: 15px;
	/*height: 20px;*/
	line-height: 18px;
}

.ma-container h3 {
	font-family: 'opensans-r';
	font-size: 13px;
	text-align: center;
	margin-bottom: 5px;
}

.ma-container div:nth-child(1) ul, .ma-container div:nth-child(2) ul {
	border-right: 1px solid #cdcdcd;
}

.mt-mo {
	margin-top: 0px;
}

.brasao-osasco {
	background-image: url("/esic-web/javax.faces.resource/imagens/gerenciamento-esic.png.xhtml");
	background-repeat: no-repeat;
	float: right;
	height: 99px;
	width: 410px;
	border-right: 1px solid #ff1d15;
	margin-right: 20px;
	margin-top: -20px;
}

.rodape {
	background-image: linear-gradient(0deg, #c3c3c3, #fdfdfd);
	background-image: -webkit-linear-gradient(90deg, #c3c3c3, #fdfdfd);
	background-image: -moz-linear-gradient(90deg, #c3c3c3, #fdfdfd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd",
		endColorstr="#c3c3c3");
	height: 13px;
	margin-bottom: 30px;
}

.row-rodape {
	height: 130px;
	margin-right: -15px;
}

.row-rodape-mo {
	display: none;
}

.col-banner {
	height: 220px;
}

.seta-acc {
	background-image: url("");
	background-repeat: no-repeat;
	height: 50px;
	position: absolute;
	right: 15%;
	top: 160px;
	width: 50px;
	z-index: 9;
	cursor: pointer;
}

/**** RESPONSIVE ****/
@media ( max-width : 1000px) {
	.container {
		width: 100%;
	}
	.ma_mob {
		margin-top: 55px !important;
	}
	.mt-mo {
		margin-top: 20px;
	}
	.hidden-mo {
		display: none;
	}
	.visible-mo {
		display: block;
	}
	.visible-mo img {
		display: block;
		/*width: 60px;
    height: 97px;*/
	}
	.nav>li>a:hover, .nav>li>a:focus {
		text-decoration: none;
		/*background-color: #eeeeee;*/
		color: #ffffff;
	}
	.casa {
		right: -10px;
		top: 72px;
		width: 230px;
	}
	.seta-acc {
		right: 4%;
		top: 100px;
	}
	.btn-cpd {
		margin: -135px 0px auto;
	}
	.city-mo {
		background-image: url("");
		background-repeat: repeat-x;
		width: 100%;
		height: 118px;
		position: absolute;
		z-index: 0;
	}
	.bus-mo {
		background-image: url("");
		background-repeat: no-repeat;
		height: 103px;
		position: absolute;
		right: 35px;
		bottom: 2px;
		width: 279px;
	}
	.seta-banner-mo {
		background-image: url("");
		background-repeat: no-repeat;
		float: left;
		height: 55px;
		margin-left: 10px;
		margin-top: 15px;
		position: relative;
		width: 44px;
	}
	.recebeconteudo article {
		padding-left: 0px;
	}
	.recebeconteudo h4 {
		font-family: 'opensans-sb';
		text-align: left;
		color: #ffffff;
		font-size: 14px;
		position: absolute;
		top: 30px;
	}
	.navbar-header {
		-webkit-box-shadow: 0 -2px 26px #000;
		box-shadow: 0 -2px 26px #000;
	}
	.recebeconteudo img {
		top: 60px;
		left: 10px;
		width: 90px;
		height: 90px;
	}
	.recebeconteudo h1 {
		font-size: 17px;
		padding-left: 99px;
		margin-top: 61px;
	}
	.recebeconteudo h1::first-line {
		font-size: 24px;
	}
	.recebeconteudo h2 {
		line-height: 17px;
		margin-top: 50px;
		font-size: 16px;
		padding-left: 140px;
	}
	.recebeconteudo p {
		font-size: 16px;
	}
	.recebeconteudo article {
		padding-bottom: 90px;
	}
	.span-block {
		width: 100%;
	}
	.npt {
		padding-top: 10px !important;
	}
	.btn-cpd {
		font-family: 'opensans-sb';
		font-size: 22px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		border-radius: 16px;
		left: 7px;
	}
	.caption-d p, .caption-d div {
		display: none;
	}
	.cnl {
		position: static;
	}
	.btn-cpd {
		width: 100%;
	}
	.navbar-hd {
		background: #fff;
		box-shadow: none;
	}
	.nav-mp {
		z-index: 9999;
	}
	.navbar-mp {
		z-index: 999;
	}
	.navbar-d {
		background: none repeat scroll 0 0 #eeeeee;
		border: 1px solid #777777 !important;
		border-radius: 4px;
		margin-left: -23px !important;
		margin-top: 25px !important;
		padding-bottom: 15px;
	}
	.tooggle-d {
		border: 1px solid #be292e !important;
		border-radius: 20px;
		height: 40px;
		left: 50%;
		margin-top: -25px;
		margin-left: -23px;
		position: absolute;
	}
	.tooggle-d:hover, .tooggle-d:focus {
		background: none !important;
	}
	.tooggle-d .icon-bar {
		background: #be292e !important;
	}
	.titulo-principal {
		font-size: 14px !important;
	}
	.titulo-principal strong {
		font-size: 18px !important;
		color: #ff7b3c;
	}
	.cabecalho{
		height: 47px;
	}
}

@media ( max-width : 660px) and (min-width: 461px) {
	.titulo-principal {
		font-size: 12px !important;
	}
	.titulo-principal strong {
		font-size: 16px !important;
		color: #ff7b3c;
	}
	.titulo-principal {
		font-size: 12px !important;
		padding-top: 5px;
	}
	.informacoes-importantes {
		margin-top: 270px;
	}
}

@media ( min-width : 1000px) {
	.hidden-mo {
		display: block;
	}
	.visible-mo {
		display: none;
	}
	.cabecalho{
		height: 90px;
	}
	.banner{
		height: 190px;
	}
}

@media ( max-width : 350px) {
	.col-xs-4 {
		padding-left: 7px;
		padding-right: 7px;
	}
	.informacoes-importantes {
		margin-top: 270px;
	}
}

.container {
	width: 70% !important;
}

figure {
	margin: 20px 0 0 0;
}

.row {
	margin-left: 0px !important;
	padding-bottom: 5px !important;
}

.mt-pos-titulo {
	margin-top: 15px;
	position: relative;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin: 0px ! important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
	.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
	.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
	.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
	.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.botao {
	width: 150px;
}

.menu-div .ma-container{
	padding: 2px !important;
}

.menu-item {
	float: left;
	text-align: center;
	/*margin-top: -15px !important;*/
	margin-top: 3px;
	padding: 5px !important;
	color: black !important;
}

.menu-item:hover {
	font-weight: bold;
}

.menu-ativo {
	color: #2f7238 !important;
}

.menu-inativo,
.menu-inativo:hover,
.menu-inativo:active,
.menu-inativo:visited {
	cursor:default !important;
	outline:none !important;
	text-decoration:none !important;
}

.menu-borda {
	border-right: 2px solid gray;
	border-left: 2px solid gray;
}

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

.ui-selectonemenu .ui-inputfield {
	padding-right: 40px !important;
}

.ui-outputlabel, .ui-selectoneradio label, .ui-selectonemenu-label {
	color: #000000;
}

.ui-radiobutton .ui-state-hover, .ui-radiobutton .ui-state-focus {
	border:solid 1px #2f7238;
}

.row a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.row a label {
	cursor: auto;
}

.row .borda {
	border-right: 1px solid #ccc;
}

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

.painel-interno-links {
	margin-top: 30px;
	margin-bottom: 20px;
}

.painel-interno-icone {
	width: 108px;
	height: 95px;
	margin: 0 auto;
}

.registrar-pedido {
	background-image:
		url("/esic-web/javax.faces.resource/imagens/icones/icone-registrar-pedido.png.xhtml");
	background-repeat: no-repeat;
	background-size: cover;
}

.consultar-pedido {
	background-image:
		url("/esic-web/javax.faces.resource/imagens/icones/icone-consultar-pedido.png.xhtml");
	background-repeat: no-repeat;
	background-size: cover;
}

.painel-interno-links .ui-commandlink {
	margin-right: 0px !important;
}

.painel-interno-link-titulo {
	font-size: 16px;
	color: black !important;
}

.painel-interno-link-descricao {
	font-size: 13px;
	color: black !important;
	font-weight: normal;
}

.borda-tracada {
	border: 2px dashed #ccc;
	padding: 10px !important;
	padding-bottom: 0px !important;
	margin-bottom: 10px;
}

.registro-pedido-bottom {
	padding: 0 40px;
}

.content-bottom {
	padding: 10px !important;
}

.painel-protocolo {
	border: 2px solid #ccc;
	border-radius: 8px;
	font-size: 14px;
	padding: 30px !important;
	word-break: break-all;
}

.painel-protocolo .titulo-protocolo {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.painel-protocolo span {
	font-weight: bold;
}

.painel-botoes {
	margin-top: 50px;
}

.infs-osasco a {
	font-family: 'opensans-r';
	color: #2f7238;
	font-size: 21px;
}

.infs-osasco a strong {
	font-family: 'opensans-r';
	color: #2f7238;
	font-size: 21px;
}

.infs-osasco p {
	font-family: 'opensans-sb';
	color: #000000;
	font-size: 14px;
	margin-top: 8px;
}

.infs-osasco p span {
	display: block;
}

/* GROWL DE MENSAGENS */
@media ( max-width : 480px) {
	.ui-growl {
		width: 266px !important;
	}
	.ui-growl-message {
		width: 85% !important;
	}
	.informacoes-importantes {
		margin-top: 270px;
	}
}

@media ( min-width : 480px) {
	.ui-growl {
		width: 350px !important;
	}
	.ui-growl-message {
		width: 90% !important;
	}
}

.ui-growl .ui-shadow {
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.0) !important;
	webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.0) !important;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.0) !important;
}

.ui-growl-image-info {
	background-image:
		url("/esic-web/javax.faces.resource/images/ico-inf.jpg.xhtml?ln=primefaces-black") !important;
	background-position: 0px 0px !important;
	background-size: 100% !important;
	margin-top: 5px;
}

.ui-growl-image-erro {
	background-image:
		url("/esic-web/javax.faces.resource/images/ico-erro.jpg.xhtml?ln=primefaces-black") !important;
	background-position: 0px 0px !important;
	background-size: 100% !important;
	margin-top: 5px;
}

.ui-growl-image-warn {
	background-image:
		url("/esic-web/javax.faces.resource/images/ico-warn.jpg.xhtml?ln=primefaces-black") !important;
	background-position: 0px 0px !important;
	background-size: 100% !important;
	margin-top: 5px;
}

.ui-growl-item {
	border: solid 1px #ff8040 !important;
}

.ui-growl-message {
	color: #ff8040 !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th,
	.ui-datatable .ui-datatable-tablewrapper table tfoot tr td,
	.ui-datatable table thead tr th, .ui-datatable table tbody tr td {
	color: black !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-button,
	.ui-datatable .ui-datatable-tablewrapper table tfoot tr td .ui-button,
	.ui-datatable table thead tr th .ui-button, .ui-datatable table tbody tr td .ui-button
	{
	color: white !important;
}

.ui-datatable {
	border: none !important;
}

.ui-datalist, .ui-datalist-data {
	list-style-type: none;
	border: transparent !important
}

.ui-datalist-item {
	margin: 20px;
}

.ma-container .ui-commandlink {
	margin-right: 0px !important;
}

@media ( min-width : 461px ) and ( max-width : 1355px) {
	.container {
		width: 80% !important;
	}
}
@media ( min-width : 461px ) and ( max-width : 1695px) {
	.menu-item {
		font-size: 13px !important;
		padding-top: 9px !important;
	}
}
.camel-case {
	text-transform: capitalize;
}

.versao-sistema {	
	bottom: 10px;
	right: 10px;
	color: #cccccc;
}

.atendimento-online {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

/****RESPONSIVE PARA MOBILE PEQUENO********************/
@media ( min-width : 461px) and (max-width: 767px) {
	.container {
		width: 100% !important;
	}
	.versao-mobile {
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 11px;
		display: block !important;
	}
	.informacoes-importantes {
		margin-top: 270px;
	}
}

@media ( max-width : 460px) {
	.container {
		width: 100% !important;
	}
	.versao-mobile {
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 11px;
		display: block !important;
	}
	.margem {
		margin-top: 12px !important;
	}
	.panel h2 {
		font-family: 'opensans-l';
		font-size: 12px !important;
		/*height: 12px !important;*/
		line-height: 12px !important;
	}
	.panel-body {
		padding: 0px !important;
		margin-top: -70px !important;
		height: 34px !important;
		top: 55px;
		position: relative;
	}
	.banner-laranja-container {
		background-image:
			url("/esic-web/javax.faces.resource/imagens/banners/laranja/degrade-mobile-l.jpg.xhtml")
			!important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	.mt {
		margin-top: 10px !important;
		position: relative;
	}
	.bus-mo {
		background-image: url("")
			!important;
		width: 152px !important;
		right: 0px !important;
		bottom: -17px !important;
		height: 87px !important;
	}
	.row-rodape-mo {
		height: 80px !important;
		display: block !important;
	}
	.col-banner {
		height: 180px !important;
	}
	.recebeconteudo h2 {
		padding-left: 0px !important;
	}
	.margem-mo {
		margin-bottom: -10px !important;
	}
	.menu-item {
		font-size: 12px !important;
		width: 100% !important;
	}
	.row .borda{
    		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	.ma-container {
		margin-left: -10px;
		margin-right: -10px;
	}
	.infs-osasco a, .infs-osasco p {
		font-size: 10px !important;
	}
	.brasao-osasco {
		background-image: url("/esic-web/javax.faces.resource/imagens/gerenciamento-esic-mini.png.xhtml");
		background-repeat: no-repeat;
		float: left;
		height: 60px;
		width: 125px;
		margin-left: 8px;
		background-position: 4px 10px;
		border-right: 1px solid #ff1d15;
		margin-right: 0px;
		margin-top: 0px;
		margin-left: 8px;
		background-position: 4px 10px;
		margin-right: 20px;
	}
	.rodape {
		margin-top: 100px;
	}
	.titulo-principal {
		font-size: 12px !important;
		padding-top: 5px;
	}
	.titulo-principal strong {
		font-size: 16px !important;
		color: #ff7b3c;
	}
	.informacoes-importantes {
		margin-top: 270px;
	}
}

@media ( max-width : 991px) {
	.text-right {
		text-align: left !important;
	}
}

@media ( min-width : 992px) {
	.text-right {
		padding-right: 10px !important;
		text-align: right !important;
	}
}

.ui-icon, .ui-widget-content .ui-icon {
  /*background-image: url("/esic-web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-sentinel") !important;*/
}

.lei-acesso h1{
	font-size: 30px;
	padding: 5px 5px 10px 5px;
}
.lei-acesso p{
	line-height: 200%;
	margin-left: 5px;
}
.lei-acesso .lista-aspectos li{
	margin-left: 30px;
	padding: 5px 0 5px 0;
	list-style: disc;
}

.informacoes-importantes{
	padding-top: 20px;
}
.informacoes-importantes .titulo{
	font-weight: bold;
	padding: 15px 0;
	font-size: 16px;
}


.ui-datatable .ui-datatable-tablewrapper table thead tr .ui-state-default .ui-icon-carat-2-n-s, .ui-datatable .ui-datatable-sticky table thead tr .ui-state-default .ui-icon-carat-2-n-s {
    background-image: url("/esic-web/javax.faces.resource/images/updown-gray-arrow.svg.xhtml?ln=primefaces-sentinel") !important;
    background-position: center !important;
    background-size: 110%;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.coluna-protocolo-respondido {
	background-color: rgb(34, 193, 20);
}

.paragrafo-login-sistema {
	color: rgb(255, 0, 0);
}

/*Style for Buttons -------------------------------------------------------------------------------------------------------*/
.widthButton {
	width: 150px;
}

.GreenButton .ui-button-text{box-shadow: inset 0 0 0 1px #159310; border: solid 1px #2B8717; text-shadow: 0 -1px 0 #18840B;
background: #159310;
background: -moz-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #159310), color-stop(100%, #2f7238));
background: -webkit-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -o-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -ms-linear-gradient(top, #159310 0%, #2f7238 100%);
background: linear-gradient(to bottom, #159310 0%, #2f7238 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159310', endColorstr='#2f7238', GradientType=0 );}
.GreenButton:hover .ui-button-text, .GreenButton:focus .ui-button-text{color:#ffffff !important;
background: #2f7238;
background: -moz-linear-gradient(top, #2f7238 0%, #159310 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #2f7238), color-stop(100%, #159310));
background: -webkit-linear-gradient(top, #2f7238 0%, #159310 100%);
background: -o-linear-gradient(top, #2f7238 0%, #159310 100%);
background: -ms-linear-gradient(top, #2f7238 0%, #159310 100%);
background: linear-gradient(to bottom, #2f7238 0%, #159310 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7238', endColorstr='#159310', GradientType=0 );}


.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%, #ef3a37 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c91515), color-stop(100%, #ef3a37));
background: -webkit-linear-gradient(top, #c91515 0%, #ef3a37 100%);
background: -o-linear-gradient(top, #c91515 0%, #ef3a37 100%);
background: -ms-linear-gradient(top, #c91515 0%, #ef3a37 100%);
background: linear-gradient(to bottom, #c91515 0%, #ef3a37 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c91515', endColorstr='#ef3a37', GradientType=0 );}
.RedButton:hover .ui-button-text, .RedButton:focus .ui-button-text{color:#ffffff !important;
background: #ef3a37;
background: -moz-linear-gradient(top, #ef3a37 0%, #c91515 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ef3a37), color-stop(100%, #c91515));
background: -webkit-linear-gradient(top, #ef3a37 0%, #c91515 100%);
background: -o-linear-gradient(top, #ef3a37 0%, #c91515 100%);
background: -ms-linear-gradient(top, #ef3a37 0%, #c91515 100%);
background: linear-gradient(to bottom, #ef3a37 0%, #c91515 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3a37', endColorstr='#c91515', GradientType=0 );}


.YellowButton .ui-button-text{box-shadow: inset 0 0 0 1px #DBB626; border: solid 1px #876C17; color:#040404 !important;
background: #f5da19;
background: -moz-linear-gradient(top, #c99f15 0%, #f5da19 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #c99f15), color-stop(100%, #f5da19));
background: -webkit-linear-gradient(top, #c99f15 0%, #f5da19 100%);
background: -o-linear-gradient(top, #c99f15 0%, #f5da19 100%);
background: -ms-linear-gradient(top, #c99f15 0%, #f5da19 100%);
background: linear-gradient(to bottom, #c99f15 0%, #f5da19 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c99f15', endColorstr='#f5da19', GradientType=0 );}
.YellowButton:hover .ui-button-text, .YellowButton:focus .ui-button-text{color:#040404 !important;
background: #f5da19;
background: -moz-linear-gradient(top, #f5da19 0%, #c99f15 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f5da19), color-stop(100%, #c99f15));
background: -webkit-linear-gradient(top, #f5da19 0%, #c99f15 100%);
background: -o-linear-gradient(top, #f5da19 0%, #c99f15 100%);
background: -ms-linear-gradient(top, #f5da19 0%, #c99f15 100%);
background: linear-gradient(to bottom, #f5da19 0%, #c99f15 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5da19', endColorstr='#c99f15', GradientType=0 );}


/*Style For Ribbon And TabView --------------------------------------------------------------------------------------*/
.ui-tabs-top{border:solid 1px #d1d3d4; background-color: #FBFCFD; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; padding: 0px !important;}
.ui-tabs-top:hover{border:solid 1px #159310;}
    .ui-tabs-top .ui-tabs-nav{border-bottom: solid 1px #E8EDF2; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border:solid 1px #2f7238 !important; font-weight:normal;
            background: #159310;
background: -moz-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #159310), color-stop(100%, #2f7238));
background: -webkit-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -o-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -ms-linear-gradient(top, #159310 0%, #2f7238 100%);
background: linear-gradient(to bottom, #159310 0%, #2f7238 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159310', endColorstr='#2f7238', GradientType=0 );}
    .ui-tabs-top .ui-tabs-navscroller{border-top-right-radius: 5px; border-top-left-radius: 5px; padding-left: 24px !important;}
        .ui-tabs-top .ui-tabs-navscroller .ui-tabs-nav{border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}
        .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn{border:solid 1px #2f7238; height: 32px; padding: 0px 3px;
            -webkit-box-shadow: inset 0 0 0 1px #159310; -moz-box-shadow: inset 0 0 0 1px #159310; box-shadow: inset 0 0 0 1px #159310;
            background: #159310;
            background: -moz-linear-gradient(top, #159310 0%, #2f7238 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, #159310), color-stop(100%, #2f7238));
            background: -webkit-linear-gradient(top, #159310 0%, #2f7238 100%);
            background: -o-linear-gradient(top, #159310 0%, #2f7238 100%);
            background: -ms-linear-gradient(top, #159310 0%, #2f7238 100%);
            background: linear-gradient(to bottom, #159310 0%, #2f7238 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159310', endColorstr='#2f7238', GradientType=0 );}
        .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left{border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 5px; left:0px;}
            .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon{background-image:url("/esic-web/javax.faces.resource/images/left-arrow.svg.xhtml?ln=primefaces-sentinel"); background-position: center !important; 
                         background-repeat: no-repeat; background-size: 110%; margin-top: 9px;}
        .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right{border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 5px; right: 0px;}
            .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon{background-image:url("/esic-web/javax.faces.resource/images/right-arrow.svg.xhtml?ln=primefaces-sentinel"); background-position: center !important; 
                         background-repeat: no-repeat; background-size: 110%; margin-top: 9px;}
        
        .ui-tabs-top .ui-tabs-navscroller .ui-state-disabled{opacity:1; filter: alpha(opacity=100);}
            .ui-tabs-top .ui-tabs-navscroller .ui-state-disabled .ui-icon{opacity:0.4; filter: alpha(opacity=40);}
        
        .ui-tabs-top .ui-tabs-nav li{border:solid 1px transparent !important; top:1px !important; font-size: 14px;}
            .ui-tabs-top .ui-tabs-nav li .ui-icon-close{background-image:url("/esic-web/javax.faces.resource/images/delete.svg.xhtml?ln=primefaces-sentinel"); background-position: center !important; 
                         background-repeat: no-repeat; background-size: 100%;}
            .ui-tabs-top .ui-tabs-nav li.ui-state-hover .ui-icon-close,
            .ui-tabs-top .ui-tabs-nav li.ui-state-active .ui-icon-close{background-image:url("/esic-web/javax.faces.resource/images/delete-blue.svg.xhtml?ln=primefaces-sentinel"); background-position: center !important; 
                         background-repeat: no-repeat; background-size: 100%;}
        .ui-tabs-top .ui-tabs-nav li a{color:#FBFCFD !important;}
        .ui-tabs-top .ui-tabs-nav li.ui-tabs-selected, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active, .ui-tabs-top .ui-tabs-nav li.ui-state-hover{background-color:#FBFCFD !important; border: solid 1px #FBFCFD !important;}
        .ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-top .ui-tabs-nav li.ui-tabs-active a, .ui-tabs-top .ui-tabs-nav li.ui-state-hover a{color:#159310 !important;}
    .ui-tabs-top .ui-tabs-panels{ background-color:transparent; margin:-1px 0px 3px 0px; border: solid 1px #FBFCFD; color: #9FADB5; background-image: none !important;}
        .ui-tabs-top .ui-tabs-panels .ui-ribbon-groups{background-color:transparent; background: none; filter:none !important;}
        .ui-tabs-top .ui-tabs-panels .ui-tabs-panel{background-image:none !important;}
            .ui-tabs-top .ui-ribbon-group{border-right: solid 1px #C8D9E2; background-image: none !important; background-color: transparent !important; filter:none !important;}
                .ui-ribbon .ui-ribbon-group .ui-ribbon-group-content{display: table; height:auto !important; margin-bottom: 10px;}
                .ui-ribbon .ui-ribbon-group .ui-ribbon-group-label{color:#9FADB5 !important;}
                .ui-ribbon .ui-button{width:auto !important; height:auto !important; font-size: 12px;}
                .ui-ribbon .ui-selectonemenu{border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
                    .ui-ribbon .ui-button .ui-button-text, .ui-ribbon .ui-selectonemenu-label{font-size:12px !important;}
                    .ui-ribbon .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{margin-top:6px !important;}
                    .ui-ribbon-bigbutton .ui-icon, .ui-ribbon-group .ui-icon{height: 16px !important; width: 16px !important; margin: -6px 0px 0px 0px !important; left:15% !important;
                            font-size: 13px !important; color:#fff;}
                    .ui-colorpicker .ui-c span{border:solid 1px #fff !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}


/*Style For UI Fieldset------------------------------------------------------------------------------------- */
.ui-fieldset{border:solid 1px #d1d3d4; background-color: #FBFCFD;}
.ui-fieldset:hover{border:solid 1px #159310;}
.ui-fieldset-legend{border:solid 1px #2f7238; color:#ffffff; font-size: 14px; line-height: 14px;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
background: #159310;
background: -moz-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #159310), color-stop(100%, #2f7238));
background: -webkit-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -o-linear-gradient(top, #159310 0%, #2f7238 100%);
background: -ms-linear-gradient(top, #159310 0%, #2f7238 100%);
background: linear-gradient(to bottom, #159310 0%, #2f7238 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159310', endColorstr='#2f7238', GradientType=0 );}
.ui-fieldset .ui-state-hover{ background: #2f7238;
                            background: -moz-linear-gradient(top, #2f7238 0%, #159310 100%);
                            background: -webkit-gradient(left top, left bottom, color-stop(0%, #2f7238), color-stop(100%, #159310));
                            background: -webkit-linear-gradient(top, #2f7238 0%, #159310 100%);
                            background: -o-linear-gradient(top, #2f7238 0%, #159310 100%);
                            background: -ms-linear-gradient(top, #2f7238 0%, #159310 100%);
                            background: linear-gradient(to bottom, #2f7238 0%, #159310 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7238', endColorstr='#159310', GradientType=0 );}

.ui-fieldset-legend .ui-icon-plusthick{background-image:url("/esic-web/javax.faces.resource/images/plus-sign.svg.xhtml?ln=primefaces-sentinel"); background-position: center !important; 
                         background-repeat: no-repeat; background-size: 90%; margin-right: 5px;}
.ui-fieldset-legend .ui-icon-minusthick{background-image:url("/esic-web/javax.faces.resource/images/minus-sign.svg.xhtml?ln=primefaces-sentinel"); background-position: center !important; 
                         background-repeat: no-repeat; background-size: 90%; margin-right: 5px;}

.ui-fieldset-content{font-size: 14px; color: #9FADB5;}


/*Style For SelectOneMenu And SelectCheckBoxMenu ------------------------------------------------------------------------------------- */
.ui-selectonemenu, .ui-selectcheckboxmenu{font-size:16px !important; font-family: 'titillium_webregular' !important; padding:0px 15px 0px 0px !important; border:solid 1px #D1D3D4 !important; -webkit-transition: all 0.5s ease;
				 -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #9FADB5;}
	.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{padding: 0 5px !important; font-size: 16px !important; font-size:16px; border:solid 1px #2f7238 !important; color:#ffffff !important;
					-webkit-box-shadow:inset 0 0 0 1px #159310 !important; -moz-box-shadow:inset 0 0 0 1px #159310 !important; box-shadow:inset 0 0 0 1px #159310 !important;
					text-shadow: 0 -1px 0 #2f7238; z-index:100; border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; margin:-1px -1px -1px 0px !important;
					background: #159310 !important;
					background: -moz-linear-gradient(top, #159310 0%, #2f7238 100%) !important;
					background: -webkit-gradient(left top, left bottom, color-stop(0%, #159310), color-stop(100%, #2f7238)) !important;
					background: -webkit-linear-gradient(top, #159310 0%, #2f7238 100%) !important;
					background: -o-linear-gradient(top, #159310 0%, #2f7238 100%) !important;
					background: -ms-linear-gradient(top, #159310 0%, #2f7238 100%) !important;
					background: linear-gradient(to bottom, #159310 0%, #2f7238 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#159310', endColorstr='#2f7238', GradientType=0 ) !important; font-family: 'titillium_webregular' !important;}
.ui-selectonemenu-panel{background-color:#fff; overflow:hidden; border: solid 1px #159310; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3) !important; 
                            -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3) !important; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3) !important;}
.ui-selectonemenu-panel .ui-selectonemenu-list, .ui-selectcheckboxmenu .ui-selectcheckboxmenu-list{padding:0px !important; background-color:#F1F4F7; }
.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item{border-bottom:solid 1px #E5EAF0 !important; border-radius:0px !important; -webkit-border-radius:0px !important; font-size: 14px;
                                                    -moz-border-radius:0px !important; margin:0px !important; color: #9EADB5; padding: 6px !important; -webkit-transition: all 0.5s ease; 
                                                    -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.ui-selectonemenu-panel .ui-selectonemenu-item-group{border-bottom:solid 1px #E5EAF0 !important; border-radius:0px !important; -webkit-border-radius:0px !important; font-size: 16px;
                                                    -moz-border-radius:0px !important; margin:0px !important; color: #6C7A83; padding: 6px !important; -webkit-transition: all 0.5s ease; 
                                                    -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
                                                    background-color: #E5EAEF;}
.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight{color:#159310 !important;}
.ui-selectonemenu-panel .ui-state-hover, .ui-selectcheckboxmenu-panel .ui-state-hover{ background-color:#ffffff !important; -webkit-transition: all 0.5s ease;
										-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
	.ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s{ background-image:url("/esic-web/javax.faces.resource/images/downarrow.svg.xhtml?ln=primefaces-sentinel") !important; margin-top:8px !important;
                              background-size: 100%; background-position: center;}
 
 .ui-selectonemenu-panel{background-color: #F1F4F7;}
 .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search{width: 30px; height: 30px; background-size: 100%; background-position: center; background-repeat: no-repeat;
                                                                            background-image: url("/esic-web/javax.faces.resource/images/search-icon.svg.xhtml?ln=primefaces-sentinel"); 
                                                                            left: 5px !important; top:8px !important;}
 .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield{padding-left:30px !important; width:75%;}
 .ui-selectonemenu-panel .ui-selectonemenu-table td{border: solid 1px #E5EAF0 !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; font-size: 14px; 
                                                        -moz-border-radius: 0px !important; margin: 0px !important; color: #9EADB5; padding: 6px !important; 
                                                        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
                                                        transition: all 0.5s ease;}
 .ui-selectonemenu-panel tr.ui-state-highlight td{color:#159310; background-color:#fff;}

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus{border:solid 1px #2f7238; color:#2f7238 !important;}