/* BASE */
body {
	margin: 0;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* width */
::-webkit-scrollbar {
	width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

#logo-trt11 {
	margin-top: 5px;
	height: 65px;
}

/* TABVIEW */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #555;
}

@media (max-width : 640px) {
	.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
		width: 100%;
	}
}

/* PANELGRID */
.ui-panelgrid.panelgrid-noborder .ui-grid-responsive {
	border: none;
}

@media (max-width : 640px) {
	.ui-panelgrid.panelgrid-noborder .ui-grid-responsive .ui-grid-row {
		border: none;
	}
}

/* LOGIN */
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.account-wall {
	margin-top: 20px;
	background-color: #f7f7f7;
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.login-title {
	color: #555;
	font-size: 30px;
	font-weight: 400;
	display: block;
	border: #000;
}

.profile-img {
	width: 130px;
	height: 130px;
	margin: 0 auto 10px;
	display: block;
}

.need-help {
	margin-top: 10px;
}

.new-account {
	display: block;
	margin-top: 10px;
}

.DispInline {
	display: inline !important;
}

#form1\:menuRelatorioGestao>ul.submenu {
	width: 360px !important;
}

.ui-datatable .ui-datagrid-header,
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-subtable-header,
.ui-datatable .ui-datatable-summaryrow {
	color: #F1F6F9;
	background-color: #33AFDE;
	margin: 0px !important;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	font-size: 16px;
	padding: 8px 5px !important;
}

.ui-commandlink {
	color: black !important;
	text-decoration: none;
	margin-right: 5px;
}

.ui-commandlink.no-decoration:hover {
	color: #00776A !important;
	text-decoration: none;
	margin-right: 5px;
}

.ui-commandlink:hover {
	color: #00776A !important;
	text-decoration: underline;
	margin-right: 5px;
}

.ui-link {
	color: black !important;
	text-decoration: none;
	margin-right: 5px;
}

.ui-link:hover {
	color: #00776A !important;
	text-decoration: underline;
	margin-right: 5px;
}

.ui-datatable table tbody tr td {
	color: black !important;
	border: solid 1px #D9E3E8;
	font-size: 14px;
	font-family: 'ralewayregular';
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.animated5s {
	-webkit-animation-duration: 50s;
	animation-duration: 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.janelaDashBoard {
	height: 500px;
	max-height: 500px;
	overflow-y: scroll;
}

@media screen and (min-height: 900px) {
	.tamanhoAba {
		min-height: 620px;
	}

	.tamanhoTimelinePdf {
		height: 540px;
	}

	.janelaDashBoard {
		height: 685px;
		max-height: 685px;
		overflow-y: scroll;
	}
}

.noDecorator {
	text-decoration: none !important;
}

.noBorder .ui-panelgrid tbody tr td {
	border: none !important;
}

.ui-picklist .ui-picklist-list {
	height: 120px;
	margin: 0;
	overflow: auto;
	padding: 0;
}

#idPickList .ui-picklist-buttons {
	height: 11em;
}

#idDlgCompartilhar .ui-dialog-content.ui-widget-content {
	padding-top: 3px !important;
	padding-bottom: 20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

#gridArea .ui-panelgrid-cell {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.dataTableJanelaDashBoard thead {
	display: none;
}

.HoverEffectHighLight:hover {
	background: #fcffd3;
}

.HoverEffectWhite:hover {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-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;
	z-index: 1000;
	background: rgb(246, 250, 252);
}

.DroppableActive {
	border-color: #009688 !important;
}

.DroppableActive2 {
	animation-name: blink;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in;
}

.DroppableHover {
	border-color: #009688 !important;
	background: #fcffd3 !important;
}

#corpo a {
	color: #0c0000;
}

.post-it {
	background: #fefabc;
	padding: 10px;
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 12px;
	color: #000;
	max-width: 350px;
	min-width: 200px;
	min-height: 40px;
	max-height: 100px;
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
}

.post-it2 {
	background: #fefabc;
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 13px;
	color: #000;
	width: 180px;
	box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	z-index: 100000;
}

.tituloCaixa {
	font-weight: bold;
	white-space: nowrap;
}

.Wid94 {
	width: 94%;
}

.Wid98 {
	width: 98%;
}

.MarBot5 {
	margin-bottom: 10px;
}

.MarBot10 {
	margin-bottom: 10px;
}

.MarBot20 {
	margin-bottom: 20px;
}

.MarBot15 {
	margin-bottom: 15px;
}

.MarLef20 {
	margin-left: 20px;
}

#layout-topbar-menu li ul li .menuTopBar a:hover {
	color: #F1F6F9;
}

#layout-topbar-menu li ul .menuTopBar a.ui-spark-focus {
	color: #F1F6F9;
}

.no-left-padding {
	padding-left: 0px !important;
	border: none !important;
}

.conteudoCentralizado {
	display: flex;
	align-items: center;
	justify-content: center;
}

.heigh400 .ui-datatable-scrollable-body {
	max-height: 400px;
}

.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

.noMargin {
	margin: 0px;
}

.noMargin:hover {
	margin: 0px;
}

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

.ui-tabs .ui-tabs-panel {
	border-width: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background: 0;
}

.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
	border-style: none !important;
}

.custom-scrollable .ui-datatable-scrollable-body {
	overflow: scroll;
}

.custom-scrollable .ui-datatable-scrollable-header-box {
	margin-right: 15px;
}

.subcaixaSpace {
	width: 65%;
	text-align: left;
}

.post-itSpace {
	width: 35%;
	text-align: center;
}

.tamanhoAba {
	min-height: 500px;
}

.tamanhoAbaEstendido {
	min-height: 970px !important;
}

.tamanhoTimeline {
	overflow-y: auto;
	max-height: 905px;
}

@media screen and (min-height: 900px) {
	.tamanhoAba {
		min-height: 620px;
	}

	.tamanhoTimelinePdf {
		height: 540px;
	}
}

.tamanhoAbaExpandida {
	min-height: 550px;
}

#abas:abaTimeline {
	height: 600px !important;
}

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

.italic {
	font-style: italic;
}

a.novos {
	color: #778D9B !important;
}

a.novos:hover {
	text-decoration: underline;
}

.MarRight5 {
	margin-right: 3px;
}

.ui-button-text.ui-c.tinyButton {
	padding: 8px 13px 8px 35px !important;
}

.gold {
	color: #FFD700;
}

.ui-datatable .ui-datatable-odd {
	background-color: #EEF2F7 !important;
}

.ui-datatable .ui-datatable-even {
	background-color: #FBFCFD !important;
}

.MarronButton .ui-button-text {
	background-color: maroon;
}

.MarronButton:hover .ui-button-text,
.MarronButton:focus .ui-button-text {
	background-color: #962525;
}

.Wid97 {
	width: 97%;
}

.Wid95 {
	width: 95%;
}

.Wid92 {
	width: 92%;
}

.Wid16 {
	width: 16.6%;
}

.Wid19 {
	width: 19%;
}

.Wid24 {
	width: 24%;
}

.ui-datatable .ui-datagrid-header,
.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-subtable-header,
.ui-datatable .ui-datatable-summaryrow {
	background-color: #D9E3E8 !important;
	color: #778D9B !important;
}

.Container35 {
	width: 35%;
	float: left;
}

.Container65 {
	width: 65%;
	float: left;
}

.Container44 {
	width: 44%;
	float: left;
}

.Container55 {
	width: 55%;
	float: left;
}

.TexAlJustify {
	text-align: justify;
}

a:link.linkFavorito {
	text-decoration: none !important;
}

a:visited.linkFavorito {
	text-decoration: none !important;
}

a:hover.linkFavorito {
	text-decoration: none !important;
	color: black !important;
}

a:active.linkFavorito {
	text-decoration: none !important;
}

#layout-topbar-menu .menu-separator {
	float: right;
	margin: 0px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #778D9B;
	margin-top: 10px;
}

.EmptyBox2 {
	display: block;
	width: 100%;
	height: 2px;
	overflow: hidden;
}

.itemDashBoard {
	width: 32%;
	margin-bottom: 4px;
}

@media (max-width : 640px) {
	.itemDashBoard {
		width: 50%;
		margin-bottom: 4px;
	}
}

.checkBoxDataTable {
	text-align: center;
	width: 18px;
}

@media (max-width : 640px) {
	.checkBoxDataTable {}
}

.idDocumentoDataTable {
	width: 68px;
}

@media (max-width : 640px) {
	.idDocumentoDataTable {}
}

.publicacaoDataTable {
	width: 110px;
	text-align: center;
}

@media (max-width : 640px) {
	.publicacaoDataTable {}
}

.paginasDataTable {
	width: 50px;
	text-align: center;
}

@media (max-width : 640px) {
	.paginasDataTable {}
}

.pdfDataTable {
	text-align: center;
	width: 27px;
}

@media (max-width : 640px) {
	.pdfDataTable {}
}

.labelJustify {
	text-align: justify;
}

.labelNormal {
	font-weight: normal;
}

.visualizaPdfPC {
	display: block;
}

@media (max-width : 640px) {
	.visualizaPdfPC {
		display: none;
	}
}

.visualizaPdf {
	display: none;
}

.visualizaPdfMobile {
	display: none;
}

@media (max-width : 640px) {
	.visualizaPdfMobile {
		display: block;
	}
}

.Wid270px {
	min-width: 270px !important;
}

@media (max-width : 640px) {
	.Wid100Mobile {
		width: 100%;
	}
}

@media (max-width : 640px) {
	.ShowOn640 {
		display: inherit;
	}
}

.ShowOn640 {
	display: none;
}

.noPaddingMobile {
	padding: 1px !important;
}

@media (max-width : 640px) {
	.ui-tabs .ui-tabs-panel {
		border-width: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		background: 0;
		padding: 1px;
	}
}

@media (max-width : 640px) {
	.imageMobile {
		width: 160px;
	}
}

@media (max-width : 961px) {
	.acoesMobile {
		display: none;
	}
}

.popUp40_95 {
	width: 40% !important;
}

.popUp50_95 {
	width: 50% !important;
}

.popUp25_90 {
	width: 25% !important;
}

.popUp85_95 {
	width: 85% !important;
}

.popUp95_99 {
	width: 95% !important;
}

@media (max-width : 640px) {
	.popUp40_95 {
		width: 95% !important;
	}

	.popUp25_90 {
		width: 90% !important;
	}

	.popUp50_95 {
		width: 95% !important;
	}

	.popUp85_95 {
		width: 95% !important;
	}

	.popUp95_99 {
		width: 99% !important;
	}
}

@media (max-width : 961px) {
	.popUp25_90 {
		width: 90% !important;
	}
}

.popUp30_95 {
	width: 30% !important;
}

@media (max-width : 640px) {
	.popUp30_95 {
		width: 95% !important;
	}
}

.popUp95_98 {
	width: 95% !important;
}

#esapVersion {
	color: gray !important;
	font-size: 12px !important;
}

@media (max-width : 640px) {
	.popUp80_95 {
		width: 98% !important;
	}
}

@media (max-width : 640px) {
	#layout-portlets-cover {
		width: 99%;
		margin: 0px auto;
		display: block;
	}
}

@media (max-width : 480px) and (min-width: 320px) {
	.layout-portlets-box {
		width: 95%;
		padding: 2%;
		float: none;
	}
}

@media (max-width : 961px) {
	#layout-topbar-menu span {
		font-size: 14px;
		line-height: 16px;
		color: #778D9B;
		display: inline-block;
		padding: 4% 6% !important;
	}
}

#layout-topbar-menu span {
	font-size: 14px;
	line-height: 16px;
	color: #778D9B;
	display: inline-block;
}

@media (min-width : 961px) {
	#layout-topbar-menu>li span {
		padding: 5px 0px 0px 24px;
	}

	#layout-topbar-menu>li span.loginUsuario {
		padding: 10px 0px 0px 0px;
	}

	#layout-topbar-menu>li span.clean {
		display: unset !important;
		padding: 0px !important;
	}

	.padding-logo {
		padding-top: 0.3em;
		padding-left: 0.5em;
	}
}

.ui-panelgrid.noBorder tbody tr td {
	border: none !important;
}

.addFontAwsome {
	font-family: FontAwesome !important;
}

.vMiddle {
	vertical-align: middle;
	text-align: center;
}

.vMiddleWebKit {
	vertical-align: -webkit-baseline-middle;
}

.white {
	color: #ffffff;
	color: #ffffff;
}

.rotated90 {
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	/* Chrome, Safari, Opera */
	transform: rotate(90deg);
}

.leftColumn {
	width: 20%;
	padding-bottom: 0.5em !important;
}

.leftColumnAlignRight {
	width: 20%;
	padding-bottom: 0.2em !important;
	text-align: right;
}

.rightColumnAlignLeft {
	width: 20%;
	padding-bottom: 0.2em !important;
	text-align: left;
}

.rightColumn {
	width: 80%;
	padding-bottom: 0.5em !important;
}

.pill {
	display: inline-flex;
	align-items: center;
	width: auto;
	border-radius: 999px;
	background-color: #e4ff04;
	border: 1px solid #c9e7e3;
	padding: 2px 10px;
}

.pill.pill--tag .ui-outputlabel {
	font-size: 14px !important;
	line-height: 1.2;
}

/* Dialog de tags (documentoPrincipal.xhtml) */
.dlg-tags .ui-dialog-content.ui-widget-content {
	padding: 14px 18px 12px !important;
}

.dlg-tags .tags-help {
	display: block;
	margin: 2px 0 10px;
	color: #647984;
	font-size: 13px;
}

.dlg-tags .ui-picklist .ui-picklist-list {
	height: 260px;
}

.dlg-tags .ui-picklist .ui-picklist-caption {
	font-weight: 600;
	color: #2c3e50;
}

.dlg-tags .ui-picklist-buttons button {
	border-radius: 10px;
}

.dlg-tags .tags-actions {
	display: flex;
	justify-content: flex-end;
	padding-top: 10px;
}

@media (max-width : 640px) {
	.dlg-tags .ui-picklist .ui-picklist-list {
		height: 200px;
	}
}

/* SPARK TRT-11 */

/* menu mask*/
#menu-mask {
	position: fixed;
	z-index: 999998;
	background-color: #647984;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menu-mask-open {
	width: 100%;
	height: 100%;
	opacity: 0.4 !important;
}

/* Layout Top Bar*/
#layout-topbar {
	height: 100px;
	width: 100%;
	border-top: solid 6px #009688;
	background-color: #F6FAFC
		/*#F1F6F9*/
	;
	display: table;
}

#layout-topbar-indent {
	width: 92%;
	margin: 0px auto;
}

#logo {
	height: 50px;
	margin-top: 26px;
}

#mobile-menu-button {
	padding: 10px 15px;
	background-color: #42B2A6;
	float: right;
	margin-top: 20px;
	font-size: 14px;
	position: relative;
	z-index: 999;
}

#mobile-menu-button:hover {
	color: #55AA6D;
}

#mobile-menu-button-gray {
	background-color: #778D9B;
	padding: 8px 13px;
	float: right;
	margin-top: 20px;
	font-size: 14px;
	margin-right: 10px;
	position: relative;
	z-index: 999;
}

#mobile-menu-button-gray:hover {
	opacity: 0.8;
}

#layout-topbar-menu {
	float: right;
	padding: 0px;
	margin-top: 35px;
	max-width: 800px;
	height: auto;
}

#layout-topbar-menu>li {
	float: right;
	text-align: center;
	padding-bottom: 10px;
}

#layout-topbar-menu>li a {
	padding: 10px 0px;
}

#layout-topbar-menu a {
	font-size: 14px;
	line-height: 16px;
	color: #778D9B;
	display: inline-block;
}

#layout-topbar-menu li:hover>a {
	color: #009688;
}

#layout-topbar-menu i {
	font-size: 18px;
}

#layout-topbar-menu .menu-separator {
	float: right;
	margin: 0px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #778D9B;
	margin-top: 10px;
}

#layout-topbar-menu .notification-bubble {
	background-color: #d1626c;
	font-size: 12px;
	padding: 3px;
	color: #F1F6F9;
	line-height: 12px;
	display: inline-block;
	margin-top: -5px;
}

/* submenus */
#layout-topbar-menu li ul {
	position: absolute;
	z-index: 9999999;
	padding: 0px;
	width: auto;
	height: auto;
	background-color: #F1F6F9;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(159, 172, 183, 0.7);
	-moz-box-shadow: 0px 0px 2px 0px rgba(159, 172, 183, 0.7);
	box-shadow: 0px 0px 2px 0px rgba(159, 172, 183, 0.7);
	height: 0px;
	margin-top: -10px;
	border-bottom: solid 5px #009688;
	border-top: solid 5px #009688;
	opacity: 0;
}

#layout-topbar-menu li ul li a {
	padding: 10px 2px 10px 15px;
	font-size: 14px;
	display: block;
	border-bottom: dashed 1px #D9E3E8;
	text-align: left;
	overflow: hidden;
}

#layout-topbar-menu li ul li a.noBorder {
	padding: 10px 15px;
	font-size: 14px;
	display: block;
	border-bottom: none !important;
	text-align: left;
	overflow: hidden;
}

#layout-topbar-menu li ul li a .notification-bubble {
	margin-top: 0px;
}

#layout-topbar-menu li ul li a:hover {
	background-color: #009688;
	color: #F1F6F9;
}

#layout-topbar-menu li ul li a.red:hover {
	background-color: white;
}

/* #layout-topbar-menu li:hover ul{border-bottom:solid 5px #009688; border-top:solid 5px #009688; height:auto; margin-top:0px; opacity:1;} */

/*Layout Menu*/
#layout-menu {
	width: 89%;
	min-height: 50px;
	background-color: #009688;
	margin: -25px auto 8px auto;
	padding: 0px 1.5%;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
	-moz-box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
	box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
}

#layout-menu>li {
	float: left;
	text-align: center;
	padding-bottom: 10px;
}

#layout-menu>li a {
	padding: 18px 0px 9px 0px;
	color: #F1F6F9;
}

#layout-menu a {
	font-size: 15px;
	line-height: 15px;
	display: inline-block;
}

#layout-menu>li:hover>a {
	color: #d9e2e8;
}

#layout-menu>li a i {
	font-size: 18px;
	line-height: 17px;
}

#layout-menu>li ul li a i {
	font-size: 16px;
	line-height: 16px;
}

#layout-menu .menu-separator {
	float: left;
	margin: 0px 20px;
	font-size: 14px;
	line-height: 20px;
	color: white;
	margin-top: 17px;
}

.notification-bubble-caixa-red {
	background-color: rgb(208, 82, 93);
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 12px;
	display: inline-block;
	padding: 3px;
}

.notification-bubble-caixa {
	background-color: rgb(119, 141, 155);
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 12px;
	display: inline-block;
	padding: 3px;
}

#layout-menu .notification-bubble {
	background-color: #d1626c;
	font-size: 12px;
	padding: 3px;
	color: #F1F6F9;
	line-height: 12px;
	display: inline-block;
	margin-top: -5px;
}

/* submenus */
#layout-menu li ul {
	padding: 0px;
	width: auto;
	height: auto;
	background-color: #F1F6F9;
	overflow: hidden;
	height: 0px;
	opacity: 0;
	font-family: 'ralewayregular';
}

#layout-menu li ul li {
	height: 0px;
	overflow: hidden;
}

#layout-menu>li>ul {
	position: absolute;
	z-index: 999999;
	padding: 0px;
	width: auto;
	height: auto;
	background-color: #F1F6F9;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(159, 172, 183, 0.7);
	-moz-box-shadow: 0px 0px 2px 0px rgba(159, 172, 183, 0.7);
	box-shadow: 0px 0px 2px 0px rgba(159, 172, 183, 0.7);
	height: 0px;
	margin-top: -5px;
	opacity: 0;
	font-family: 'ralewayregular';
}

#layout-menu li ul li a {
	padding: 10px 15px;
	font-size: 14px;
	display: block;
	border-bottom: dashed 1px #D9E3E8;
	text-align: left;
	overflow: hidden;
	color: #778D9B;
}

#layout-menu li ul li a .notification-bubble {
	margin-top: 0px;
}

#layout-menu li ul li:hover>a {
	background-color: #778D9B;
	color: #F1F6F9;
}

#layout-menu>li>.openSubMenu {
	border-bottom: solid 5px #009688;
}

.openSubMenu {
	height: auto !important;
	margin-top: 0px !important;
	opacity: 1 !important;
	overflow: visible !important;
}

.openSubMenu li {
	height: auto !important;
	overflow: hidden;
}

.menuLevel1 {
	padding-left: 20px !important;
}

.menuLevel2 {
	padding-left: 25px !important;
}

.menuLevel3 {
	padding-left: 30px !important;
}

.menuLevel4 {
	padding-left: 35px !important;
}

#layout-menu .ui-inputfield {
	background-color: #009688;
	border: 0px none;
	border-bottom: solid 1px #F1F6F9;
	color: #F1F6F9 !important;
	border-radius: 0px;
	padding: 5px 0px !important;
	margin-top: 10px;
	width: 110px;
}

#layout-menu ::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #F1F6F9;
}

#layout-menu :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #F1F6F9;
	opacity: 1;
}

#layout-menu ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #F1F6F9;
	opacity: 1;
}

#layout-menu :-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #F1F6F9;
}

#layout-menu .ui-button {
	margin-top: 7px;
}

#layout-menu .ui-button .ui-button-text {
	background-color: #009688;
}

#layout-menu .ui-button.ui-state-active .ui-button-text,
#layout-menu .ui-button.ui-state-hover .ui-button-text,
#layout-menu .ui-button.ui-state-focus .ui-button-text {
	box-shadow: none !important;
}

#layout-menu .ui-button.ui-state-hover .ui-button-text {
	background-color: #20A294;
}

#layout-menu>li>ul.submenu {
	width: 200px
}

/* keyboard support */
#mobile-menu-button:focus {
	color: #55AA6D;
}

#mobile-menu-button-gray:focus {
	opacity: 0.8;
}

#layout-menu li ul a.ui-spark-focus {
	background-color: #778D9B;
	color: #F1F6F9;
}

#layout-menu>li>a.ui-spark-focus {
	color: white;
}

#layout-topbar-menu li ul a.ui-spark-focus {
	background-color: #009688;
	color: #F1F6F9;
}

#layout-topbar-menu>li>a.ui-spark-focus {
	color: #009688;
}

#layout-menu,
#layout-topbar-menu {
	outline: none;
}

.other-pages-box {
	overflow: hidden;
	background-color: #F6FAFC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* LAYOUT STANDART STYLES -----------------------------------------------------------------*/

/* some styles for PF comps */
.FormContent .ui-grid-row {
	border: 0px none !important;
}

.col-md-4 {
	width: 33%;
	float: left;
}

a {
	text-decoration: none;
	outline: none;
}

img {
	outline: none;
}

li {
	list-style: none;
}

/* text colors */
.red {
	color: #D0525D;
}

.blue {
	color: #33AFDE;
}

.green {
	color: #42B2A6;
}

.darkgreen {
	color: #3ea061;
}

.orange {
	color: #F7941E;
}

.white {
	color: #F1F6F9;
}

.softgray {
	color: #C3CCD5;
}

.gray {
	color: #778D9B;
}

.black {
	color: #3B3D3F;
}

/* big topic */
.BigTopic {
	font-size: 24px;
	color: #3B3D3F;
	font-family: 'ralewaymedium';
	display: block;
	width: 100%;
	border-bottom: solid 1px #C3CCD5;
	padding: 10px 0px;
	margin-bottom: 10px !important;
	overflow: hidden;
	font-weight: bold;
}

/* shadows for gray and green boxes*/
.ShadowGray {
	-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
	-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
	box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
}

.ShadowGreen {
	-webkit-box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
	-moz-box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
	box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
}

/* bordered box */
.BorderedBox {
	border: solid 1px #D9E3E8;
	background-color: #EDF3F6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 15px;
}

.BottomBorderedBox {
	border-bottom: solid 1px #D9E3E8;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 15px;
}

/* seperator line */
.Seperator {
	border-bottom: solid 1px #C3CCD5;
	width: 100%;
	overflow: hidden;
	height: 0px;
	margin: 15px 0px;
	float: left;
}

/* hover effect for boxlink and links */
.HoverEffect:hover {
	border: solid 1px #009688 !important;
	color: #009688 !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-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;
}

.HoverLink:hover {
	color: #009688 !important;
}

.changecolor:hover {
	padding: 20px;
	background-color: #42B2A6 !important;
}

#idPanelReseaseNote li {
	list-style-type: disc !important;
	padding-bottom: 0.5em !important;
}

#idPickList .ui-picklist-list-wrapper {
	width: 47% !important;
}

.linkLimpo {
	padding: 0px !important;
	border-bottom: none !important;
	;
}

/* MEDIA QUERIES **************************************************************************************************************** */

/* Large desktop */
@media (min-width : 961px) {
	#layout-topbar {
		height: 80px;
	}

	#logo {
		height: 40px;
	}

	#layout-topbar-menu {
		margin-top: 22px;
		display: block !important;
	}

	#layout-menu {
		display: block !important;
	}

	#menu-mask,
	.menu-mask-open {
		display: none !important;
	}
}

@media (min-width : 960px) and (max-width:1200px) {

	/* menu seperator margin decreasing */
	#layout-menu .menu-separator {
		margin: 17px 15px 0px 15px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width : 640px) and (max-width: 960px) {

	/* big topic */
	.BigTopic {
		font-size: 22px !important;
	}

	#layout-topbar {
		height: 66px;
		margin-bottom: 8px;
	}

	#logo {
		height: 40px;
		margin-top: 16px;
	}

	#mobile-menu-button,
	#mobile-menu-button-gray {
		padding: 8px 12px;
		font-size: 14px;
		margin-top: 17px;
	}

	/* topbar menu*/
	#layout-topbar-menu {
		position: absolute;
		width: 40%;
		background-color: #F1F6F9;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		right: 4%;
		top: 40px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		border-bottom: solid 5px #009688;
		display: none;
		z-index: 999999;
	}

	#layout-topbar-menu li {
		width: 100%;
		text-align: left;
		padding: 0px;
		float: left;
	}

	#layout-topbar-menu li a {
		width: 88%;
		padding: 5% 6% !important;
	}

	#layout-topbar-menu li:hover>a {
		color: #F1F6F9;
		background-color: #009688;
	}

	#layout-topbar-menu li a {
		border-bottom: dashed 1px #D9E3E8;
	}

	#layout-topbar-menu li ul {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		width: 100% !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
	}

	#layout-topbar-menu li .openSubMenu {
		background-color: #E6EDF0;
	}

	/* main menu */
	#layout-menu {
		position: absolute;
		width: 40%;
		background-color: #F1F6F9;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		right: 4%;
		margin-top: -5px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		border-bottom: solid 5px #009688;
		display: none;
		z-index: 999999;
		padding: 0px;
	}

	#layout-menu li {
		width: 100%;
		text-align: left;
		padding: 0px;
		float: left;
	}

	#layout-menu li a {
		width: 88%;
		padding: 5% 6%;
		color: #778D9B;
	}

	#layout-menu li ul li a {
		width: 88%;
		padding: 5% 6%;
	}

	#layout-menu li ul li a.menuLevel1 {
		padding-left: 9% !important;
		width: 85%;
	}

	#layout-menu li ul li a.menuLevel2 {
		padding-left: 12% !important;
		width: 82%;
	}

	#layout-menu li ul li a.menuLevel3 {
		padding-left: 15% !important;
		width: 79%;
	}

	#layout-menu li ul li a.menuLevel4 {
		padding-left: 18% !important;
		width: 76%;
	}

	#layout-menu li:hover>a {
		color: #F1F6F9;
		background-color: #009688;
	}

	#layout-menu li a {
		border-bottom: dashed 1px #D9E3E8;
	}

	#layout-menu li ul {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		width: 100% !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
	}

	#layout-menu li .openSubMenu {
		background-color: #E6EDF0;
	}

	.menu-separator {
		display: none;
	}

	#layout-menu .ui-inputfield {
		background-color: #F1F6F9;
		border: 0px none;
		border-bottom: solid 1px #F1F6F9;
		color: #778D9B !important;
		border-radius: 0px;
		padding: 5px 0px !important;
		margin: 10px 0px 10px 6%;
		width: 70%;
		float: left;
	}

	#layout-menu ::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #778D9B;
	}

	#layout-menu :-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #778D9B;
		opacity: 1;
	}

	#layout-menu ::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #778D9B;
		opacity: 1;
	}

	#layout-menu :-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #778D9B;
	}

	#layout-menu .ui-button {
		margin-top: 5px;
		margin-right: 3%;
	}

	#layout-menu .ui-button .ui-button-text {
		background-color: #009688;
	}

	#layout-menu .ui-button.ui-state-active .ui-button-text,
	#layout-menu .ui-button.ui-state-hover .ui-button-text,
	#layout-menu .ui-button.ui-state-focus .ui-button-text {
		box-shadow: none !important;
	}

	#layout-menu .ui-button.ui-state-hover .ui-button-text {
		background-color: #20A294;
	}

	/* keyboard support */
	#mobile-menu-button:focus {
		color: #55AA6D;
	}

	#mobile-menu-button-gray:focus {
		opacity: 0.8;
	}

	#layout-menu li ul a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-menu>li>a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-topbar-menu li ul a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-topbar-menu>li>a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}
}

/* Landscape phone to portrait tablet */
@media (min-width :480px) and (max-width: 640px) {

	/* big topic */
	.BigTopic {
		font-size: 21px !important;
	}

	#layout-topbar {
		height: 60px;
		margin-bottom: 5px;
	}

	#logo {
		height: 35px;
		margin-top: 16px;
	}

	#mobile-menu-button,
	#mobile-menu-button-gray {
		padding: 8px 12px;
		font-size: 14px;
		margin-top: 14px;
	}

	/* topbar menu*/
	#layout-topbar-menu {
		position: absolute;
		width: 50%;
		background-color: #F1F6F9;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		right: 4%;
		top: 34px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		border-bottom: solid 5px #009688;
		display: none;
		z-index: 999999;
	}

	#layout-topbar-menu li {
		width: 100%;
		text-align: left;
		padding: 0px;
		float: left;
	}

	#layout-topbar-menu li a {
		width: 88%;
		padding: 5% 6% !important;
	}

	#layout-topbar-menu li:hover>a {
		color: #F1F6F9;
		background-color: #009688;
	}

	#layout-topbar-menu li a {
		border-bottom: dashed 1px #D9E3E8;
	}

	#layout-topbar-menu li ul {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		width: 100% !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
	}

	#layout-topbar-menu li .openSubMenu {
		background-color: #E6EDF0;
	}

	/* main menu */
	#layout-menu {
		position: absolute;
		width: 50%;
		background-color: #F1F6F9;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		right: 4%;
		margin-top: -2px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		border-bottom: solid 5px #009688;
		display: none;
		z-index: 999999;
		padding: 0px;
	}

	#layout-menu li {
		width: 100%;
		text-align: left;
		padding: 0px;
		float: left;
	}

	#layout-menu li a {
		width: 88%;
		padding: 5% 6%;
		color: #778D9B;
	}

	#layout-menu li ul li a {
		width: 88%;
		padding: 5% 6%;
	}

	#layout-menu li ul li a.menuLevel1 {
		padding-left: 9% !important;
		width: 85%;
	}

	#layout-menu li ul li a.menuLevel2 {
		padding-left: 12% !important;
		width: 82%;
	}

	#layout-menu li ul li a.menuLevel3 {
		padding-left: 15% !important;
		width: 79%;
	}

	#layout-menu li ul li a.menuLevel4 {
		padding-left: 18% !important;
		width: 76%;
	}

	#layout-menu li:hover>a {
		color: #F1F6F9;
		background-color: #009688;
	}

	#layout-menu li a {
		border-bottom: dashed 1px #D9E3E8;
	}

	#layout-menu li ul {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		width: 100% !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
	}

	#layout-menu li .openSubMenu {
		background-color: #E6EDF0;
	}

	.menu-separator {
		display: none;
	}

	#layout-menu .ui-inputfield {
		background-color: #F1F6F9;
		border: 0px none;
		border-bottom: solid 1px #F1F6F9;
		color: #778D9B !important;
		border-radius: 0px;
		padding: 5px 0px !important;
		margin: 10px 0px 10px 6%;
		width: 70%;
		float: left;
	}

	#layout-menu ::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #778D9B;
	}

	#layout-menu :-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #778D9B;
		opacity: 1;
	}

	#layout-menu ::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #778D9B;
		opacity: 1;
	}

	#layout-menu :-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #778D9B;
	}

	#layout-menu .ui-button {
		margin-top: 5px;
		margin-right: 3%;
	}

	#layout-menu .ui-button .ui-button-text {
		background-color: #009688;
	}

	#layout-menu .ui-button.ui-state-active .ui-button-text,
	#layout-menu .ui-button.ui-state-hover .ui-button-text,
	#layout-menu .ui-button.ui-state-focus .ui-button-text {
		box-shadow: none !important;
	}

	#layout-menu .ui-button.ui-state-hover .ui-button-text {
		background-color: #20A294;
	}

	/* keyboard support */
	#mobile-menu-button:focus {
		color: #55AA6D;
	}

	#mobile-menu-button-gray:focus {
		opacity: 0.8;
	}

	#layout-menu li ul a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-menu>li>a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-topbar-menu li ul a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-topbar-menu>li>a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}
}

/* Portrait phones and down */
@media (min-width :320px) and (max-width: 480px) {

	/* big topic */
	.BigTopic {
		font-size: 20px !important;
	}

	#layout-topbar {
		height: 50px;
		margin-bottom: 5px;
	}

	#logo {
		height: 25px;
		margin-top: 15px;
	}

	#mobile-menu-button,
	#mobile-menu-button-gray {
		padding: 6px 9px;
		font-size: 12px;
		margin-top: 11px;
	}

	/* topbar menu*/
	#layout-topbar-menu {
		position: absolute;
		width: 92%;
		background-color: #F1F6F9;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		right: 4%;
		top: 25px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		border-bottom: solid 5px #009688;
		display: none;
		z-index: 999999;
	}

	#layout-topbar-menu li {
		width: 100%;
		text-align: left;
		padding: 0px;
		float: left;
	}

	#layout-topbar-menu li a {
		width: 92%;
		padding: 4% !important;
	}

	#layout-topbar-menu li:hover>a {
		color: #F1F6F9;
		background-color: #009688;
	}

	#layout-topbar-menu li a {
		border-bottom: dashed 1px #D9E3E8;
	}

	#layout-topbar-menu li ul {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		width: 100% !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
	}

	#layout-topbar-menu li .openSubMenu {
		background-color: #E6EDF0;
	}

	/* main menu */
	#layout-menu {
		position: absolute;
		width: 92%;
		background-color: #F1F6F9;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		overflow: hidden;
		right: 4%;
		margin-top: -1px;
		-webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		-moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
		border-bottom: solid 5px #009688;
		display: none;
		z-index: 999999;
		padding: 0px;
	}

	#layout-menu li {
		width: 100%;
		text-align: left;
		padding: 0px;
		float: left;
	}

	#layout-menu li a {
		width: 88%;
		padding: 4% 6%;
		color: #778D9B;
	}

	#layout-menu li ul li a {
		width: 88%;
		padding: 4% 6%;
	}

	#layout-menu li ul li a.menuLevel1 {
		padding-left: 9% !important;
		width: 85%;
	}

	#layout-menu li ul li a.menuLevel2 {
		padding-left: 12% !important;
		width: 82%;
	}

	#layout-menu li ul li a.menuLevel3 {
		padding-left: 15% !important;
		width: 79%;
	}

	#layout-menu li ul li a.menuLevel4 {
		padding-left: 18% !important;
		width: 76%;
	}

	#layout-menu li:hover>a {
		color: #F1F6F9;
		background-color: #009688;
	}

	#layout-menu li a {
		border-bottom: dashed 1px #D9E3E8;
	}

	#layout-menu li ul {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
		width: 100% !important;
		overflow: hidden !important;
		position: relative;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: none;
	}

	#layout-menu li .openSubMenu {
		background-color: #E6EDF0;
	}

	.menu-separator {
		display: none;
	}

	#layout-menu .ui-inputfield {
		background-color: #F1F6F9;
		border: 0px none;
		border-bottom: solid 1px #F1F6F9;
		color: #778D9B !important;
		border-radius: 0px;
		padding: 5px 0px !important;
		margin: 10px 0px 10px 6%;
		width: 70%;
		float: left;
	}

	#layout-menu ::-webkit-input-placeholder {
		/* WebKit browsers */
		color: #778D9B;
	}

	#layout-menu :-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #778D9B;
		opacity: 1;
	}

	#layout-menu ::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #778D9B;
		opacity: 1;
	}

	#layout-menu :-ms-input-placeholder {
		/* Internet Explorer 10+ */
		color: #778D9B;
	}

	#layout-menu .ui-button {
		margin-top: 5px;
		margin-right: 3%;
	}

	#layout-menu .ui-button .ui-button-text {
		background-color: #009688;
	}

	#layout-menu .ui-button.ui-state-active .ui-button-text,
	#layout-menu .ui-button.ui-state-hover .ui-button-text,
	#layout-menu .ui-button.ui-state-focus .ui-button-text {
		box-shadow: none !important;
	}

	#layout-menu .ui-button.ui-state-hover .ui-button-text {
		background-color: #20A294;
	}

	/* keyboard support */
	#mobile-menu-button:focus {
		color: #55AA6D;
	}

	#mobile-menu-button-gray:focus {
		opacity: 0.8;
	}

	#layout-menu li ul a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-menu>li>a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-topbar-menu li ul a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}

	#layout-topbar-menu>li>a.ui-spark-focus {
		background-color: #009688;
		color: #F1F6F9;
	}
}

#layout-portlets-cover:before,
#layout-portlets-cover:after,
.layout-portlets-box:before,
.layout-portlets-box:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

#layout-portlets-cover:after,
.layout-portlets-box:after {
	clear: both;
}

.animated.fa {
	display: inline-block !important;
}

.fa-spin.fa {
	display: inline-block !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	padding: 1px 5px !important;
	font-size: 16px;
	color: #ffffff !important;
	text-shadow: none;
	z-index: 100;
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
	margin: -1px -1px -1px 0px !important;
	background-color: #009688;
}

.darkGreen {
	color: #009688;
}

.ui-chkbox-box .ui-icon-check {
	border-radius: 0px;
	background-size: 100%;
	background-position: center;
	background-color: #009688;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

@media (max-width : 480px) and (min-width: 320px) {

	#mobile-menu-button,
	#mobile-menu-button-gray {
		padding: 6px 9px;
		font-size: 12px;
		margin-top: 11px;
	}
}

#mobile-menu-button {
	background-color: #42B2A6;
	float: right;
	position: relative;
	z-index: 999;
}

#mobile-menu-button:hover {
	color: #9EE6DE;
}

#mobile-menu-button:focus {
	color: #9EE6DE;
}

@media (max-width : 640px) {
	.showOn640 {
		display: block;
	}
}

.showOn640 {
	display: none !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: #009688 !important;
}

.ui-button.ui-state-active .ui-button-text,
.ui-buttonset .ui-state-active .ui-button-text {
	background-color: #009688;
}

.ui-button.ui-state-hover .ui-button-text,
.ui-buttonset .ui-state-hover .ui-button-text {
	background-color: #009688;
}

.ui-datatable .ui-datatable-summaryrow {
	color: #F1F6F9;
	background-color: #009688;
	margin: 2px 2px 0px 2px;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	font-size: 16px;
	padding: 8px 5px !important;
}

.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active {
	color: #F1F6F9;
	background-repeat: no-repeat;
	border: solid 1px #42B2A6;
	background-color: #42B2A6;
}

.ui-datatable .ui-paginator .ui-state-hover,
.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-hover {
	color: #F1F6F9;
	background-repeat: no-repeat;
	border: solid 1px #A7B8C3;
	background-color: #A7B8C3;
}

.ui-datatable .ui-datatable-summaryrow {
	color: #F1F6F9;
	background-color: #009688;
	margin: 2px 2px 0px 2px;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	font-size: 16px;
	padding: 8px 5px !important;
}

.ui-datatable .ui-paginator .ui-paginator-pages .ui-state-active {
	color: #F1F6F9;
	background-repeat: no-repeat;
	border: solid 1px #42B2A6;
	background-color: #42B2A6;
}

.ui-datatable table tbody .ui-state-hover>td {
	background-color: #E0E6ED;
	color: #009688;
}

.ui-datagrid .ui-paginator .ui-paginator-pages .ui-state-active {
	color: #F1F6F9;
	background-repeat: no-repeat;
	border: solid 1px #42B2A6;
	background-color: #42B2A6;
	font-size: 16px;
}

.ui-paginator-rpp-options.ui-state-focus {
	border: solid 1px #42B2A6 !important;
	background-color: #42B2A6 !important;
}

.ui-datalist .ui-datalist-header {
	color: #ffffff;
	margin: 2px 2px 0px 2px;
	background-color: #009688;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	font-size: 16px;
	font-family: 'ralewaymedium';
	padding: 8px 5px !important;
}

.ui-datalist .ui-paginator .ui-paginator-pages .ui-state-active {
	color: #F1F6F9;
	background-repeat: no-repeat;
	border: solid 1px #42B2A6;
	background-color: #42B2A6;
}

.ui-picklist .ui-picklist-list .ui-state-hover {
	background-color: #EDF3F6 !important;
	color: #42B2A6;
}

.ui-picklist .ui-picklist-list .ui-state-hover .ui-chkbox-box {
	background-color: #FBFCFD !important;
}

.ui-picklist .ui-picklist-list .ui-state-highlight {
	background-color: #D7E2E8 !important;
	color: #42B2A6;
	font-family: 'ralewaymedium';
}

.ui-picklist .ui-picklist-list .ui-state-hover table tbody tr td {
	color: #42B2A6 !important;
}

.ui-picklist .ui-picklist-list .ui-state-hover table tbody tr td .ui-chkbox-box {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.ui-picklist .ui-picklist-list .ui-state-highlight table tbody tr td {
	color: #42B2A6 !important;
	font-family: 'ralewaymedium';
}

.ui-orderlist .ui-orderlist-list .ui-state-hover {
	background-color: #EDF3F6;
	color: #42B2A6;
}

.ui-orderlist .ui-orderlist-list .ui-state-highlight {
	background-color: #D7E2E8;
	color: #42B2A6;
	font-family: 'ralewaymedium';
}

.ui-carousel .ui-carousel-header {
	background-color: #009688;
	height: auto !important;
	padding: 2px 10px !important;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-family: 'ralewaymedium';
}

.ui-carousel .ui-carousel-header .ui-carousel-prev-button:hover {
	background-color: #00776A;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
}

.fc-header tbody tr td .fc-button {
	margin: 0px 1px !important;
	font-size: 13px;
	overflow: hidden;
	height: auto !important;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-weight: bold;
	border: solid 0px #42B2A6;
	background-color: #42B2A6;
}

.fc-header tbody tr td .ui-state-hover,
.fc-header tbody tr td .ui-state-active {
	color: #ffffff;
	background-repeat: no-repeat;
	border: solid 0px #009688;
	background-color: #009688;
}

.fc-header tbody tr td .fc-button .fc-icon-wrap .ui-icon {
	margin: 4px;
}

.fc-content table tbody tr td {
	border: solid 1px #e5ebf0;
	color: #798E9C;
	border-collapse: separate;
	padding: 5px;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border-top-width: 1px !important;
}

.fc-content .fc-view-month table tbody tr td:hover {
	border-color: #42B2A6;
	color: #798E9C;
}

.fc-content .ui-state-highlight {
	border-color: #42B2A6;
	color: #798E9C;
}

.fc-toolbar button {
	border: solid 1px #009688;
	background-color: #009688;
	color: #F1F6F9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 13px !important;
	font-family: 'ralewaymedium';
}

.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover {
	background-color: #00776A;
	border-color: #00776A;
}

.fc-view-container .fc-month-view table tbody tr .fc-day:hover {
	border-color: #009688 !important;
	color: #42B2A6;
}

.fc-view-container .fc-month-view .fc-bg table tbody tr .fc-today {
	border-color: #009688 !important;
	color: #42B2A6;
}

.ui-tree .ui-treenode .ui-state-highlight {
	color: #009688;
}

.ui-treetable .ui-treetable-header {
	background-color: #009688;
	border-top-left-radius: 2px !important;
	border-top-right-radius: 2px !important;
	font-size: 16px;
	-webkit-border-top-left-radius: 2px !important;
	-webkit-border-top-right-radius: 2px !important;
	-moz-border-top-left-radius: 2px !important;
	-moz-border-top-right-radius: 2px !important;
	margin: -2px -2px 2px -2px;
	color: #F1F6F9 !important;
	padding: 10px !important;
	font-family: 'ralewaymedium';
}

.ui-treetable table tbody .ui-state-highlight td {
	color: #009688 !important;
	background-color: #E9F5ED;
	font-family: 'ralewaymedium';
}

.ui-accordion .ui-state-hover,
.ui-accordion .ui-state-active {
	background-color: #dae8ef;
	color: #ffffff;
}

.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn {
	height: 36px;
	padding: 0px 4px;
	background-color: #42B2A6;
}

.ui-tabs-top .ui-tabs-nav li.ui-state-hover a {
	color: #42B2A6 !important;
}

.ui-tabs-left .ui-tabs-nav li.ui-state-hover a {
	color: #42B2A6 !important;
}

.ui-tabs-right .ui-tabs-nav li.ui-state-hover a {
	color: #42B2A6 !important;
}

.ui-tabs-bottom .ui-tabs-navscroller .ui-tabs-navscroller-btn {
	height: 36px;
	padding: 0px 4px;
	background-color: #42B2A6;
}

.ui-tabs-bottom .ui-tabs-nav li.ui-state-hover a {
	color: #42B2A6 !important;
}

.ui-fieldset-legend {
	color: #F1F6F9;
	font-size: 15px;
	line-height: 15px;
	font-family: 'ralewaymedium';
	background-color: #009688;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.ui-fieldset-legend.ui-state-hover {
	background-color: #00776A;
}

.ui-inputfield.ui-state-hover,
.ui-inputfield.ui-state-focus {
	border: solid 1px #42B2A6;
	color: #42B2A6 !important;
	background-color: #F9FBFC;
}

.ui-button-text {
	padding: 8px 20px 8px 40px !important;
	font-size: 14px;
	font-family: 'ralewaysemibold';
	color: #F1F6F9;
	text-shadow: none;
	border: solid 2px transparent;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	background-color: #009688;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.ui-button.ui-state-hover .ui-button-text,
.ui-buttonset .ui-state-hover .ui-button-text {
	background-color: #20A294;
}

.ui-panelmenu .ui-panelmenu-panel h3.ui-state-hover {
	background-color: #20A294;
}

.ui-panelmenu .ui-panelmenu-panel h3.ui-state-active {
	background-color: #00776A;
}

.ui-tabmenu .ui-tabmenu-nav .ui-state-hover,
.ui-tabmenu .ui-tabmenu-nav .ui-state-active {
	background-color: #42B2A6;
	color: #F1F6F9;
}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
	background-color: #00776A;
}

.ui-selectonemenu-panel {
	background-color: #fff;
	overflow: hidden;
	border-top: solid 5px #009688;
	border-bottom: solid 5px #009688;
	-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 .ui-selectonemenu-trigger.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
	background-color: #42B2A6;
}

.ui-selectonemenu-panel .ui-state-highlight,
.ui-selectcheckboxmenu-panel .ui-state-highlight {
	color: #009688 !important;
	background-color: #fff;
}

.ui-selectcheckboxmenu-panel {
	background-color: #FBFCFD;
	overflow: hidden;
	border-top: solid 5px #42B2A6;
	border-bottom: solid 5px #42B2A6;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3) !important;
}

.ui-log-header {
	padding: 10px !important;
	font-size: 16px !important;
	color: #ffffff;
	position: relative;
	z-index: 100;
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	background-color: #009688;
}

.ui-chkbox .ui-state-hover,
.ui-chkbox .ui-state-active {
	border-color: #009688;
}

.ui-chkbox .ui-state-focus {
	outline: dotted 1px #42B2A6;
	outline-offset: 2px;
}

.ui-chkbox-box .ui-icon-check {
	border-radius: 0px;
	background-size: 100%;
	background-position: center;
	background-color: #009688;
}

.ui-radiobutton .ui-state-hover,
.ui-radiobutton .ui-state-active {
	border: solid 1px #009688;
}

.ui-radiobutton .ui-state-focus {
	outline: dotted 1px #42B2A6;
	outline-offset: 2px;
}

.ui-radiobutton .ui-state-focus .ui-icon-bullet {
	background-size: 100%;
	background-position: center;
	margin: 0px;
	background-color: #009688;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#keypad-div {
	background-color: #F6FAFC;
	padding: 5px !important;
	border-top: solid 5px #42B2A6;
	border-bottom: solid 5px #42B2A6;
	border-radius: 3px;
}

#keypad-div .keypad-row button {
	font-family: 'ralewaymedium';
	font-size: 14px;
	padding: 2px 3px;
	border: solid 1px #42B2A6;
	background-color: #FBFCFD;
	color: #9EADB5;
}

#keypad-div .keypad-row button.ui-state-hover {
	background-color: #42B2A6;
	color: #F6FAFC;
}

.ui-password-panel {
	font-size: 14px;
	color: #778D9B;
	border-top: solid 5px #42B2A6;
	border-bottom: solid 5px #42B2A6;
	padding: 10px !important;
	background-color: #FBFCFD !important;
	font-family: 'ralewaymedium';
	border-radius: 3px;
}

.ui-inputswitch:hover,
.ui-inputswitch:focus {
	border: solid 1px #42B2A6;
}

.ui-inputswitch .ui-inputswitch-on span {
	color: #42B2A6;
}

.ui-inputswitch-handle {
	height: 18px !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-top: 1px;
	margin-left: 1px;
	border: solid 3px #42B2A6 !important;
	background-color: #42B2A6;
	background-image: none !important;
	opacity: 1;
	background-position: center !important;
	background-size: 70% !important;
	opacity: 1;
}

.ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover {
	background-color: #EDF3F6 !important;
	color: #42B2A6 !important;
}

.ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover td {
	color: #42B2A6 !important;
}

.ui-selectonelistbox .ui-selectlistbox-item.ui-state-highlight {
	background-color: #D7E2E8 !important;
	color: #42B2A6 !important;
}

.ui-selectonelistbox .ui-selectlistbox-item.ui-state-highlight td {
	color: #42B2A6 !important;
}

.ui-selectmanymenu .ui-selectlistbox-item.ui-state-hover td {
	color: #42B2A6;
}

.ui-selectmanymenu .ui-state-hover {
	color: #42B2A6;
}

.ui-selectmanymenu .ui-state-highlight {
	background-color: #F1F4F7 !important;
	color: #42B2A6;
}

.ui-slider-handle {
	width: 20px !important;
	height: 20px !important;
	cursor: move !important;
	border: solid 1px #42B2A6 !important;
	background-color: #42B2A6;
	border-radius: 3px;
	border-collapse: separate !important;
	opacity: 1;
	background-position: center !important;
	background-size: 100% !important;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
	-moz-box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
	box-shadow: 0px 1px 0px 0px rgba(70, 145, 91, 0.8);
}

.ui-datepicker-calendar tbody tr td:hover {
	background-color: #42B2A6;
	border: solid 1px #42B2A6;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today {
	background-color: #F4F7F9;
	border: solid 1px #42B2A6;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
	color: #42B2A6 !important;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-current-day {
	background-color: #42B2A6;
	border: solid 1px black;
}

.ui-datepicker-header {
	font-size: 16px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #42B2A6;
}

.ui-datepicker-header .ui-datepicker-prev {
	left: 3px !important;
	top: 3px !important;
	cursor: pointer;
	background-color: #009688;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.ui-datepicker-header .ui-datepicker-next {
	right: 3px !important;
	top: 3px !important;
	cursor: pointer;
	background-color: #009688;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
	color: #C3CCD5 !important;
}

.ui-progressbar-label {
	color: #42B2A6;
	font-size: 16px;
	line-height: 16px;
	font-family: 'ralewaysemibold';
	padding-top: 2px;
}

.ui-autocomplete-panel {
	border-top: solid 5px #009688;
	border-bottom: solid 5px #009688;
	background-color: #FBFCFD;
	background-color: #F1F4F7;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-hover {
	color: #42B2A6;
	background-color: #EDF3F6 !important;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-state-highlight {
	color: #42B2A6;
	background-color: #D7E2E8 !important;
}

.ui-steps .ui-steps-item .ui-steps-number {
	display: inline-block;
	margin-top: -30px;
	height: auto !important;
	padding: 5px 7px !important;
	font-size: 20px;
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #009688 !important;
}

.ui-tagcloud li a.ui-state-hover {
	color: #fff;
	background-color: #009688;
}

.ui-datascroller .ui-datascroller-header {
	background-color: #009688;
	border-radius: 2px;
}

.ui-layout-unit .ui-layout-unit-header {
	color: #fff;
	padding: 8px 6px 10px 10px !important;
	font-size: 14px;
	font-family: 'ralewayregular';
	background-color: #009688;
	border-radius: 2px;
}

.ui-wizard .ui-wizard-step-titles li {
	padding: 6px 20px !important;
	font-size: 14px;
	color: #ffffff;
	font-family: 'ralewaysemibold';
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	background-color: #42B2A6;
}

.ui-selectonemenu.ui-state-focus,
.ui-selectcheckboxmenu.ui-state-focus {
	border: solid 1px #42B2A6 !important;
}

.ui-selectonemenu.ui-state-hover,
.ui-selectcheckboxmenu.ui-state-hover {
	border: solid 1px #42B2A6 !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
	background-color: #42B2A6;
	border-radius: 2px !important;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-hover {
	background-color: #20A294;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button.ui-state-active {
	background-color: #20A294;
}

.ui-orderlist.ui-grid-responsive .ui-orderlist-controls button.ui-state-hover {
	background-color: #20A294;
}

.ui-fluid .ui-orderlist .ui-orderlist-controls button.ui-state-active,
.ui-orderlist.ui-grid-responsive .ui-orderlist-controls button.ui-state-active {
	background-color: #20A294;
}

/* button colors */
.GreenButton .ui-button-text {
	background-color: #5FCF80;
}

.GreenButton:hover .ui-button-text,
.GreenButton:focus .ui-button-text {
	background-color: #3ac162;
}

.RedButton .ui-button-text {
	background-color: #D0525D;
}

.RedButton:hover .ui-button-text,
.RedButton:focus .ui-button-text {
	background-color: #C3303D;
}

.BLueGreenButton .ui-button-text {
	background-color: #6B949E;
}

.BLueGreenButton:hover .ui-button-text,
.BLueGreenButton:focus .ui-button-text {
	background-color: #255C69;
}

.BlueButton .ui-button-text {
	background-color: #33AFDE;
}

.BlueButton:hover .ui-button-text,
.BlueButton:focus .ui-button-text {
	background-color: #1A9DCF;
}

.OrangeButton .ui-button-text {
	background-color: #F7941E;
}

.OrangeButton:hover .ui-button-text,
.OrangeButton:focus .ui-button-text {
	background-color: #F2890B;
}

.GrayButton .ui-button-text {
	background-color: #ECEFF1;
	color: #3B3D3F;
}

.GrayButton.ui-state-hover .ui-button-text,
.GrayButton.ui-state-focus .ui-button-text {
	background-color: #DDE2E5 !important;
}

.PinkButton .ui-button-text {
	background-color: #FF4081;
}

.PinkButton.ui-state-hover .ui-button-text,
.PinkButton.ui-state-focus .ui-button-text {
	background-color: #FC6296 !important;
}

.PurpleButton .ui-button-text {
	background-color: #8E24AA;
}

.PurpleButton.ui-state-hover .ui-button-text,
.PurpleButton.ui-state-focus .ui-button-text {
	background-color: #7D1E96 !important;
}

.CyanButton .ui-button-text {
	background-color: #00ACC1;
}

.CyanButton.ui-state-hover .ui-button-text,
.CyanButton.ui-state-focus .ui-button-text {
	background-color: #0098AB !important;
}

.BrownButton .ui-button-text {
	background-color: #6D4C41;
}

.BrownButton.ui-state-hover .ui-button-text,
.BrownButton.ui-state-focus .ui-button-text {
	background-color: #5A3E35 !important;
}

.MarronButton .ui-button-text {
	background-color: maroon;
}

.MarronButton.ui-state-hover .ui-button-text,
.MarronButton.ui-state-focus .ui-button-text {
	background-color: #5A0000 !important;
}

.BelizeButton .ui-button-text {
	background-color: #2980b9;
}

.BelizeButton.ui-state-hover .ui-button-text,
.BelizeButton.ui-state-focus .ui-button-text {
	background-color: #096EB0 !important;
}

/* belize button of file upload */
.BelizeButton div span.ui-state-hover span.ui-button-text,
.BelizeButton div span.ui-state-focus span.ui-button-text {
	background-color: #096EB0 !important;
}

.SigeaButton .ui-button-text {
	background-color: #71CC8D;
}

.SigeaButton.ui-state-hover .ui-button-text,
.SigeaButton.ui-state-focus .ui-button-text {
	background-color: #4BB26A !important;
}

.BlueBlackButton .ui-button-text {
	background-color: #34495e;
}

.BlueBlackButton.ui-state-hover .ui-button-text,
.BlueBlackButton.ui-state-focus .ui-button-text {
	background-color: #20374D !important;
}

.flex {
	display: flex;
}

.flex-space {
	justify-content: space-between;
}

.DefaultButton .ui-button-text {
	background-color: #009688;
}

.DefaultButton.ui-state-hover .ui-button-text,
.DefaultButton.ui-state-focus .ui-button-text {
	background-color: #42B2A6 !important;
}

.paragrafo-acessibilidade {
	text-align: justify;
	font-size: larger;
	color: black;
}

.ul-acessibilidade {
	list-style: circle !important;
}

.li-acessibilidade {
	list-style: circle !important;
	text-align: -webkit-left;
	font-size: larger;
	color: black;
}

.no-background {
	background: none !important;
}

.max-length87 {
	max-width: 87% !important;
}

.overflow-inicial {
	overflow: initial;
}

.PaddingZero.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
	padding: 0px;
	padding-right: 10px;
}

.dot-green {
	height: 25px;
	width: 25px;
	background-color: #00ff00;
	border-radius: 50%;
	display: inline-block;
}

.dot-gray {
	height: 25px;
	width: 25px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.dot-yellow {
	height: 25px;
	width: 25px;
	background-color: #e1fd00;
	border-radius: 50%;
	display: inline-block;
}

.Wid47 {
	width: 47%;
}

/*timeline*/
.layout-dashboard .timeline {
	height: 100%;
	padding-right: 0.4em;
}

.layout-dashboard .timeline>span {
	font-size: 12px;
	color: #fff;
	display: block;
}

.layout-dashboard .timeline ul {
	list-style: none;
	padding: 0;
}

.layout-dashboard .timeline ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2px;
}

.layout-dashboard .timeline ul li .timeline-item-left {
	text-align: center;
}

.layout-dashboard .timeline>ul li .timeline-item-left .timeline-icon {
	border-radius: 4px;
	background-color: #bfdffe;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-direction: column;
	width: 40px;
	height: 46px;
	margin-bottom: 3px;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon>i {
	font-size: 14px;
	padding-left: 1px;
	color: #bfdffe;
	width: 22px;
	height: 22px;
	background-color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon>span {
	font-size: 12px;
	color: #fff;
	display: block;
	margin-top: 1px;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.criarDocumento {
	background-color: #800000;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.criarDocumento>i {
	color: #800000;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.tramitarDocumento {
	background-color: #2980b9;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.tramitarDocumento>i {
	color: #2980b9;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.juntarDocumento {
	background-color: #00ACC1;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.juntarDocumento>i {
	color: #00ACC1;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.autuarDocumento {
	background-color: #314366;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.autuarDocumento>i {
	color: #314366;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.protocolarDocumento {
	background-color: #88726d;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.protocolarDocumento>i {
	color: #88726d;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.compartilharDocumento {
	background-color: #000000;
}

.layout-dashboard .timeline ul li .timeline-item-left .timeline-icon.compartilharDocumento>i {
	color: #000000;
}

.layout-dashboard .timeline ul li .timeline-item-left>i {
	color: #bcbdbd;
}

.layout-dashboard .timeline ul li .timeline-item-right>span {
	font-size: 13px;
	color: #8b8e90;
}

.layout-dashboard .timeline ul li .timeline-item-right>span>i {
	font-size: 6px;
	vertical-align: middle;
	margin: 0 12px;
}

.timelineAnchor {
	display: inline-flex;
	margin-top: 0.1em;
	color: black !important;
}

.spacetimelineAnchor {
	padding-left: 2em;
}

a.timelineAnchor:hover,
a.timelineAnchor:focus {
	text-decoration: none;
}

.timelineAnchorFull {
	display: inline-flex;
	margin-top: 0.1em;
}

a.timelineAnchorFull:hover,
a.timelineAnchorFull:focus {
	text-decoration: none;
}

.documentoLinhaDoTempoSelecionado {
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
	padding: 0px 0px 0px 0px;
}

.documentoLinhaDoTempoSelecionadoFull {
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
	padding: 0.3em 0px 0px 0px;
}

.ui-dialog.dialog-fullscreen {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
}

@ keyframes delayedShow {
	to {
		visibility: visible;

	}

}

@ keyframes modalBackgroud {
	to {
		background: #444444;
		opacity: .3;
	}

}

.delayedShow {
	visibility: hidden;
	animation: 0s linear 0.8s forwards delayedShow;
}

#idStatusDialog_modal.ui-widget-overlay {
	background: none;
	opacity: 0;
	animation: 0s linear 0.8s forwards modalBackgroud;
}

#doc-validacao-captcha {
	text-align: -moz-center;
	text-align: -webkit-center;
}

.no-header thead {
	display: none;
}

/* Remove o zebrado da tabela principal */
.no-zebra tbody tr.ui-widget-content {
	background-color: white !important;
	/* Cor uniforme para todas as linhas da tabela principal */
}

/* Mantém o zebrado na sub-tabela */
.no-header tbody tr.ui-widget-content:nth-child(odd) {
	background-color: #f9f9f9 !important;
	/* Cor para linhas ímpares na sub-tabela */
}

.no-header tbody tr.ui-widget-content:nth-child(even) {
	background-color: #fff !important;
}

/* Cor para linhas pares na sub-tabela */
.selected-date {
	background-color: #FFCC00 !important;
	color: #000000 !important;
	border: 2px solid #000000 !important;
}

.pauta-encerrada {
	background-color: #F7941E !important;
	border-color: black !important;
	opacity: 0.9;
}

.pauta-ativa {
	background-color: rgb(0, 150, 136) !important;
	;
	border-color: black !important;
}

.pauta-sem-composicao {
	background-color: rgb(0, 150, 136) !important;
	border-color: black !important;
	opacity: 0.6;
	/* Torna a cor mais fosca */
}

.chat-container {
	height: 540px;
	overflow-y: auto;
	padding: 10px;
	background-color: #F0F0F0;
	/* Cor de fundo para o container */
}

.chat-message {
	display: flex;
	margin-bottom: 10px;
}

.chat-message.sent {
	justify-content: flex-end;
}

.chat-message.received {
	justify-content: flex-start;
}

.chat-bubble {
	max-width: 60%;
	padding: 10px;
	border-radius: 10px;
	position: relative;
	word-wrap: break-word;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.chat-message.sent .chat-bubble {
	background-color: #DCF8C6;
	/* Verde claro do WhatsApp */
	color: #000;
}

.chat-message.received .chat-bubble {
	background-color: #FFF;
	border: 1px solid #E5E5EA;
	color: #000;
}

.chat-bubble::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
}

.chat-message.sent .chat-bubble::after {
	border: 15px solid transparent;
	border-bottom: 0;
	border-right: 0;
	border-left-color: #DCF8C6;
	position: absolute;
	right: -10px;
	bottom: 0px;
}

.chat-message.received .chat-bubble::after {
	border: 15px solid transparent;
	border-bottom: 0;
	border-left: 0;
	border-right-color: #FFF;
	position: absolute;
	left: -10px;
	bottom: 0px;
}

.no-underline-link {
	text-decoration: none;
	/* Remove underline in normal state */
}

.no-underline-link:hover {
	text-decoration: none;
	/* Remove underline on hover */
}

.status-radio .ui-selectoneradio-item {
	display: inline-block;
	margin-right: 15px;
}

.status-radio .ui-radiobutton {
	display: inline-block;
	vertical-align: middle;
}

.status-radio .ui-radiobutton-box {
	width: 16px;
	height: 16px;
}

.status-radio label.ui-radiobutton-label {
	cursor: pointer;
	margin-left: 5px;
	vertical-align: middle;
}

.status-radio .ui-state-active .ui-radiobutton-box {
	background-color: #5cb85c;
	/* Cor para o radio selecionado */
	border-color: #4cae4c;
}

/* Estilo para linhas concluídas (apagadas) */
.ui-datatable .concluido {
	opacity: 0.5;
}

/* Estilos gerais */
.form-inline {
	display: flex;
	align-items: center;
}

.form-group {
	display: flex;
	align-items: center;
}

.control-label {
	margin-right: 5px;
	font-weight: bold;
}

.form-control {
	margin-right: 20px;
}

/* Estilos para as linhas conforme o status */
.concluido {
	opacity: 0.6;
	color: #888;
}

.apagado {
	opacity: 0.8;
	color: #847d7b;
	font-style: italic;
}

.ui-widget-content.apregoamento {
	background-color: #fff7e6 !important;
	/* Fundo amarelo claro */
	position: relative;
}

.aguardando {
	/* Estilo padrão */

}

/* Estilo para o checkbox */
.ui-selectbooleancheckbox .ui-chkbox-box {
	border-radius: 3px;
}

.ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

/* Estilo para linhas aguardando (normal) */
.ui-datatable .aguardando {
	/* Estilos padrão, pode deixar vazio se quiser */

}

/* Estilo para o checkbox */
.ui-selectbooleancheckbox .ui-chkbox-box {
	border-radius: 3px;
}

.ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.pauta-container {
	display: flex;
	align-items: flex-start;
}

.pauta-info {
	flex: 1;
	margin-right: 20px;
}

.pauta-heading {
	display: block;
	/* Garante que o elemento se comporte como um bloco */
	text-align: center;
	/* Centraliza o texto horizontalmente */
	font-size: 2.5rem;
	/* Define um tamanho de fonte grande */
	font-weight: bold;
	/* Aplica negrito para destaque */
	color: #d0525d;
	/* Usa uma cor chamativa (laranja-avermelhado) */
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	/* Adiciona uma sombra para maior destaque */
	background-color: #f4f4f4;
	/* Fundo suave para destacar o texto */
	padding: 15px;
	/* Espaçamento interno para melhorar a legibilidade */
	border-radius: 10px;
	/* Bordas arredondadas para um visual mais moderno */
	margin: 20px auto !important;
	/* Centraliza o bloco horizontalmente e adiciona espaçamento vertical */
	margin-bottom: 30px !important;
	max-width: 100%;
}

.pauta-hr {
	border: none;
	border-top: 1px solid #ccc;
	margin: 10px 0;
}

.pauta-detail {
	font-size: 16px;
	line-height: 1.6;
	color: #34495e;
	margin-bottom: 1em;
	/* Increased vertical spacing */
}

.pauta-media {
	flex: 2;
}

.pauta-media {
	flex: 1;
}

.clear-both {
	clear: both;
	margin-top: 20px;
}

.votacao-table th,
.votacao-table td {
	border: 1px solid #ddd;
	padding: 8px;
}

.votacao-table th {
	background-color: #f2f2f2;
	text-align: center;
}

.votacao-table td {
	text-align: center;
}

.flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* Para alinhar verticalmente os elementos */
	width: 100%;
	/* Garante que o contêiner ocupe a largura total */
}

.left-aligned {
	margin: 0;
	/* Remove margens padrão do <h3>, se necessário */
}

.ui-datatable table tbody .ui-state-highlight>td {
	background-color: #a9a3a0;
	color: #F1F6F9;
}

/* Classe para deixar os radio buttons mais próximos */
.compactRadioGroup .ui-radiobutton {
	margin-right: 0.5em;
	/* Ajuste conforme desejar */
}

.ui-tooltip .ui-tooltip-text {
	padding: 3px 10px;
	background-color: black;
	color: #fff;
	pointer-events: none;
}

.alert-message {
	background-color: #ffefc4;
	/* Fundo amarelo suave */
	border: 1px solid #ffd24d;
	/* Borda com tom de amarelo mais forte */
	color: #665c00;
	/* Texto com cor escura para contraste */
	padding: 15px;
	margin: 20px auto;
	border-radius: 5px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.alert-icon {
	margin-right: 10px;
	font-size: 20px;
}

/* Reduz o padding das células para diminuir a altura da linha */
#idListaVotoForm\:tabelaVotos td,
#idListaVotoForm\:tabelaVotos th {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	padding-left: 1.2em !important;
	padding-right: 1.2em !important;
}

/* Ajusta o line-height das linhas da tabela */
#idListaVotoForm\:tabelaVotos tr {
	line-height: 1.2 !important;
	/* ou, por exemplo, 20px */
}

.votos-inline {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f8f8;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.voto-item {
	margin-right: 20px;
	/* Se quiser um separador visual, pode usar uma borda à direita */
	/* border-right: 1px solid #ccc; padding-right: 10px; */
}

.voto-item:last-child {
	margin-right: 0;
	/* border-right: none; */
}

.descricao {
	font-weight: bold;
	color: #333;
}

.quantidade {
	color: #007bff;
	margin-left: 5px;
}

/* Classes para tipos de voto */
.voto-defere {
	color: green !important;
}

.voto-indefere {
	color: red !important;
}

.voto-divergencia {
	color: orange !important;
}

.voto-suspeicao {
	color: blue !important;
}

.voto-impedimento {
	color: purple !important;
}

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

/* Classe para voto não participante */
.voto-nao-participante {
	text-decoration: line-through !important;
	opacity: 0.5 !important;
}

/* Estilo para botão dourado */
.GoldenButton .ui-button-text {
	background-color: #DAA520;
}

.GoldenButton:hover .ui-button-text,
.GoldenButton:focus .ui-button-text {
	background-color: #B8860B;
}

.GoldenButton div span.ui-state-hover span.ui-button-text,
.GoldenButton div span.ui-state-focus span.ui-button-text {
	background-color: #B8860B !important;
}

/* Animação golden-aura para feedback visual */
@keyframes glowing {
	0% {
		box-shadow: 0 0 5px 2px gold;
	}

	50% {
		box-shadow: 0 0 20px 10px gold;
	}

	100% {
		box-shadow: 0 0 5px 2px gold;
	}
}

.golden-aura {
	animation: glowing 1.5s infinite;
	visibility: visible;
}

/* Estilo para botão de microfone */
.btn-microfone {
	display: inline-block;
	padding: 8px;
	cursor: pointer;
	border-radius: 50%;
	transition: background-color 0.3s, box-shadow 0.3s;
}

.microfone-icone {
	color: #009688;
	/* cor padrão do tema */
}

.btn-microfone.gravando .microfone-icone {
	color: #e53935;
	/* vermelho ao gravar */
}

.btn-microfone.gravando {
	animation: pulseRecording 1.5s infinite;
}

/* Animação de pulso para gravação */
@keyframes pulseRecording {
	0% {
		box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.6);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(229, 57, 53, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(229, 57, 53, 0);
	}
}

/* Classe para negrito */
.bold {
	font-weight: bold !important;
}

/* Espaçamento */
.EmptyBox10 {
	height: 10px;
}

.ui-panel .ui-panel-titlebar {
	padding: 8px 10px 8px 10px !important;
	font-size: 16px;
	color: #F1F6F9;
	z-index: 100;
	font-family: 'ralewaymedium';
	border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	background-color: #009688;
}
/* Processos por Setor: header + print button */
.processos-por-setor-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.processos-por-setor-header .BigTopic {
  line-height: 1.2;
}

/* PrimeFaces commandButton */
.btn-print.ui-button {
  background: #0b7f7a;
  border: 1px solid #0b7f7a;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  box-shadow: none;
  white-space: nowrap;
}

.btn-print.ui-button:hover,
.btn-print.ui-button:focus {
  background: #096b67;
  border-color: #096b67;
}

.btn-print.ui-button.ui-state-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn-print.ui-button .ui-button-text {
  padding: 0 0 0 8px; /* space after icon */
  font-weight: 600;
}

/* Print (scoped via html.print-processos-por-setor set by JS before printing) */
.print-only { display: none; }
.print-datatable-snapshot { display: none; }

@media print {
  html.print-processos-por-setor .no-print { display: none !important; }
  html.print-processos-por-setor .print-only { display: block !important; }

  /* Hide layout chrome for this specific print */
  html.print-processos-por-setor #layout-topbar,
  html.print-processos-por-setor #layoutMenuForm,
  html.print-processos-por-setor #menu-mask,
  html.print-processos-por-setor #mobile-menu-button,
  html.print-processos-por-setor #mobile-menu-button-gray,
  html.print-processos-por-setor #layout-topbar-menu,
  html.print-processos-por-setor .layoutmenu-wrapper {
    display: none !important;
  }

  /* Hide footer (template include) */
  html.print-processos-por-setor #layout-portlets-cover > .layout-portlets-box:last-child {
    display: none !important;
  }

  html.print-processos-por-setor body {
    background: #fff !important;
  }

  html.print-processos-por-setor #layout-portlets-cover {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  /* Hide PrimeFaces chrome that does not belong in PDFs */
  html.print-processos-por-setor .ui-dialog,
  html.print-processos-por-setor .ui-blockui {
    display: none !important;
  }
  html.print-processos-por-setor .ui-paginator,
  html.print-processos-por-setor .ui-datatable-header,
  html.print-processos-por-setor .ui-datatable-footer {
    display: none !important;
  }

  html.print-processos-por-setor .ui-datatable-tablewrapper,
  html.print-processos-por-setor .ui-datatable-scrollable-body {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  html.print-processos-por-setor .ui-datatable-tablewrapper tbody {
    display: table-row-group !important;
  }

  html.print-processos-por-setor .ui-tabs-nav {
    display: none !important;
  }
  html.print-processos-por-setor .ui-tabs-panel {
    padding: 0 !important;
    border: none !important;
  }

  /* Snapshot tables (built by JS from the visible PF dataTable HTML) */
  html.print-processos-por-setor .ui-datatable.print-has-snapshot {
    display: none !important;
  }
  html.print-processos-por-setor .print-datatable-snapshot {
    display: block !important;
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }
  html.print-processos-por-setor .print-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 12px !important;
  }
  html.print-processos-por-setor .print-table th,
  html.print-processos-por-setor .print-table td {
    border: 1px solid #ddd !important;
    padding: 6px 8px !important;
    vertical-align: top !important;
  }
  html.print-processos-por-setor .print-table th {
    background: #f3f6f8 !important;
    font-weight: 700 !important;
  }
  html.print-processos-por-setor .print-empty {
    color: #666 !important;
    font-style: italic !important;
  }

  /* Table styling */
  html.print-processos-por-setor table {
    width: 100% !important;
    border-collapse: collapse !important;
  }
  html.print-processos-por-setor th,
  html.print-processos-por-setor td {
    border: 1px solid #ddd !important;
    padding: 6px 8px !important;
    vertical-align: top !important;
  }
  html.print-processos-por-setor th {
    background: #f3f6f8 !important;
  }
  html.print-processos-por-setor .table-hover tbody tr:nth-child(even) {
    background: #fafafa !important;
  }

  /* Prefer image of the chart for printing */
  html.print-processos-por-setor.print-has-chart-img #graficoPanel canvas {
    display: none !important;
  }
  html.print-processos-por-setor #graficoPanel .print-chart-img {
    display: none !important;
    width: 100% !important;
    max-height: 420px !important;
  }
  html.print-processos-por-setor.print-has-chart-img #graficoPanel .print-chart-img {
    display: block !important;
  }
}