/* Start - Primefaces override */
.ui-outputlabel{
	float: right;
	font-weight: bold;
	text-align:right;
}

.ui-outputlabel:after{
	content: ": ";
}

.ui-datatable-odd{
	background: rgb(244, 244, 244);
}

/* END - Primefaces override */


/* Experimental Site Css Change */

root {
	font-size: 12px;
}
.ui-widget {
	font-size: 0.9em;
	line-height:14px;
}

.ui-widget .ui-widget {
    font-size: 0.9em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 0.8em;
}
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
	padding: 2px 10px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
}
/* END Experimental Site Css Change */



.m-number:not(th){
	text-align: right !important;
}

.m-currency:not(th){
	text-align: right !important;
}

.m-text:not(th){
	text-align: left !important;
}

.m-date:not(th){
	text-align: right !important;
}

.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}

.m-center,
.text-center{
	text-align: center;
}

/* hide borders for primefaces panelgrid */
.no-border-panelgrid.ui-panelgrid>*>tr,
.no-border-panelgrid.ui-panelgrid .ui-panelgrid-cell,
.no-border-panelgrid.ui-panelgrid .ui-grid-responsive {
	border: none;
}

.btn-group button{
	margin-right: 10px;
}


/*margin-direction-size */
.m-sm{
	margin: 10px;
}

.m-l-sm{
	margin-left: 10px;
}

.m-r-sm{
	margin-right: 10px;
}

.m-t-sm{
	margin-top: 10px;
}

.m-b-sm{
	margin-bottom: 10px;
}

.m-md{
	margin: 15px;
}

.m-l-md{
	margin-left: 15px;
}

.m-r-md{
	margin-right: 15px;
}

.m-t-md{
	margin-top: 15px;
}

.m-b-md{
	margin-bottom: 15px;
}

.m-lg{
	margin: 30px;
}

.m-l-lg{
	margin-left: 30px;
}

.m-r-lg{
	margin-right: 30px;
}

.m-t-lg{
	margin-top: 30px;
}

.m-b-lg{
	margin-bottom: 30px;
}

.text-success{
	color: green;
}

.text-info{
	color: blue;
}

.text-warning{
	color: orange;
}

.text-error{
	color: red;
}

.mercerColor {
	color: #00a2e8
}

.m-map{
	width: 100%;
	height: 400px;
}

.headerWrapper{
	border: none;
	font-size: initial;
	font-family: initial;
}

/* Override PrimeFaces css on panel-content */
.headerWrapper .ui-panel-content.ui-widget-content{
	padding: 0px;
	font-family: initial;
	font-size: initial;
}

/* Hide default PrimeFaces panel collapse/expand header. Use buttons (or hide buttons) */
.headerWrapper .ui-panel-m-titlebar.ui-bar.ui-bar-inherit{
	display: none;
}

/* make datatable sticky headers have the same font-size as the "real" header */
.ui-datatable.ui-datatable-sticky.ui-widget > .ui-widget.ui-widget{
	font-size: inherit;
}

/* "remove" <p> elements from mobile p:panel */
.headerWrapper p{
	margin: 0px;
}

/* for mobile menu, links are styled with jquery ui ui-btn class. these are extra CSS properties to make it pretty and align <li> bullets */
.mobileMenu .ui-btn{
	display: inline-block;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* apply .m-dont-shrink-font class to a parent component to not shrink font sizes to very small levels */
.m-dont-shrink-font .ui-widget{
	font-size: inherit;
}

.m-display-none{
	display: none;
}

.m-invisible{
	visibility: hidden;
}

.ui-mercer-cell,
.ui-column-filter.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all{
	width: 100%;
	box-sizing: border-box;
}

input.m-capitalize, div.m-capitalize > input::placeholder{
	text-transform: uppercase;
}

input.m-capitalize::placeholder, div.m-capitalize > input::placeholder{
	text-transform: none !important;
}

.ui-growl-item.ui-growl-item{
	padding-bottom: 5px;
}

.ui-growl.ui-growl{
	right: 40px;
}

.m-border-box{
	box-sizing: border-box;
}

textarea.m-comment-textarea {
	font-family: "Lucida Console", Monaco, monospace;
	width: 45ch;
	max-width: 100%;
}

.m-turquoise{
	background: #40E0D0 !important;
}

.m-orange{
	background: orange !important;
}

.m-red:not(th){
	background: red !important;
	color: white !important;
	a {
		color: white !important;
	}
}


.m-green{
	background: #24DF92 !important;
}

.m-yellow{
	background: yellow !important;
}

.m-blue{
	background: lightblue !important;
}

.m-blue-color {
	color: blue;
}

.m-green-color {
	color: green;
}

.m-orange-color {
	color: orange;
}

.m-red-color {
	color: red;
}

.m-pink{
	background: pink !important;
}

.m-tooltip-link{
	color: #77d5f7;
}

.m-one-fifth{/* ui-g-* classes don't have a good way of doing 1/5th width */
	width: 20%;
	display: inline-block;
}

.m-clear-link{
	margin-left: 3px;
	flex: 1 1 auto;
	width: 10px;
	text-decoration: none;
	color: black;
}

.inputWithButton, input.inputWithButton{
	width: 80%;
	display: inline-block;
	box-sizing: border-box;
}

.buttonWithInput, button.buttonWithInput{
	width: 20%;
	margin-right: 0px;
	margin-left: 2px;
}

.ui-outputlabel-rfi{
	color: red;
}

.ui-column-customfilter .ui-selectonemenu{
	box-sizing: border-box;
	max-width: 100%;
}

.ui-column-customfilter .ui-selectonebutton .ui-button-text {
	padding: .3em;
}

.ui-dialog-content {
	overflow: hidden !important;
}

.m-required {
	float: right;
}

.m-required:after {
	content: "*";
	color: red;
	margin-left: .15em;
}

.globalTooltip-wrapper {
	display: inline-flex;
	padding: 0;
	margin: 0;
}

.dispatchCentralPanel button {
	display: inline-grid;
}

.dispatchCentralPanel .m-btns .ui-button-text {
	display: inline-grid !important;
}

.ui-menuitem-link {
	line-height: 16px;
}

.ui-outputText-bold {
	font-weight: bold;
}