@media (min-width: 960px){
    /*visibilities according to the platform*/
	.ShowOnMobile{display:none; opacity:0;}
	.ShowOnDesktop{display:inherit; opacity:1;}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 959px) {
	.ShowOnMobile{display:inherit; opacity:1;}
	.ShowOnDesktop{display:none; opacity:0;}
}

body .ui-panel .ui-panel-titlebar {
	border-bottom: solid 1px #dee2e6 !important;
}

/* Mandatory Icon Stuff */
.mandatory {
	color: orange;
}

/* Color Orange for mandatory */
.ui-outputlabel .ui-outputlabel-rfi {
    color: orange;
}

.bold {
    font-weight: bold;
}

.label {
	background-color: #F1F1FF;
	border: none;
	padding: 10px !important;
}

.even {
	background-color: #F1F1FF;
}

.odd {
	background-color: #FAFAFF;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

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

.no_padding {
	padding: 1px !important;
}

/* Display Grid */
#displayGrid .ui-panelgrid .ui-widget-content {
    border: none !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
}

.ui-panelgrid {
    border: none !important;
    border-collapse: unset;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}
/* END Display Grid */