@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

body,div,td {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	white-space: normal !important;
	word-wrap: break-word;
}

body {
	background-color: #fff;
	text-align: left;
	margin: 0 !important;
}

form {
	width: 100%;
}

a img {
	border: 0 none;
	vertical-align: middle;
}

a {
	text-decoration: underline;
}

a:hover {
	color: #000;
}

a:active {
	color: #000;
}

a:visited {
	color: #000;
}

.top-bar-height {
	height: 80px;
}

.bottom-bar-height {
	height: 40px;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.margin-right-side {
	margin-right: 10px !important;
}

.footer {
    position: fixed;
    bottom: 0;
    padding: 0px 0px 0px 0px !important;
    z-index: 900;
}	

.stretch {
	min-height: 96vh !important;
}

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

.adjust-position-menu {
	padding-bottom: 50px !important;	
}

@media screen and (max-width: 991px) {
	.adjust-position-menu {
		padding-bottom: 0px !important;	
	}	
}

.ui-datatable-tablewrapper thead {
    display: none !important;
}

.shadow-top  {
	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}

.vertical-container {
	height: 100%;
}

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

.menu-link {
	 font-size: 30px;
	 color: white;
}

.not-collapsed {
	display: none !important;
}

.collapsed {
	display: initial !important;
}


.display-none {
	display: none !important;
}


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

.mainPanel {
	width: 100%;
}

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

.detailBandTitle {
	font-weight: bold;
}

.tabStyle {
	background: #aabbd5 !important;
}

.ui-icon-blank {
	background-image: none !important;
}

.ui-dashboard-column {
	width: 46%;
	padding: 10px !important;
}

.detailPanelGroup {
	padding-bottom: 20px !important;
}

.detailPanelGroupField {
	padding-top: 10px !important;
}

.viewOnlyInput input {
	opacity: 0.9 !important;
}

.viewOnlyInput {
	opacity: 0.9 !important;
}

.loginPanel {
	background: rgba(255, 255, 255, 0.16);
	border: none;
	color: white !important;
}

.g-recaptcha {
	width: 100%;
}

.datatable-actions-3 {
	width: 150px;
	text-align: center;
}

.treePermissions ul {
	height: 190px !important;
	width: 100% !important;
	overflow-x: hidden !important;
}
  
.header-filter-bt {
	margin-top:0%;
}

.long-datatable-text {
	width: 210px;
}


.panelwidth400px {
	width: 400px;	
}

.datatable-id {
	width: 70px;
	text-align: center;
}

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

.datatable-small-center {
	text-align: center;
	width: 40px;
}			

.datatable-small-60-center {
	text-align: center;
	width: 70px;
}

.datatable-small-80-center {
	text-align: center;
	width: 120px;
}

.datatable-long-200 {
	width: 200px;
}

.imagePanelGroupField {
	text-align: center;
	padding-bottom: 10px;
}

.datatable-version {
	text-align: center;
	width: 75px;
}

.datatable-big-field {
	width: 195px;
}

.datatable-medium-field {
	width:120px;
}

.datatable-text-100-center {
	width: 100px;
	text-align: center;
}
.datatable-text-169-left {
	width: 169px;
	text-align: left;
}

.coordinate-block-form {
	padding-bottom: 120px !important;
}

.column-number-bucket {
	width: 185px;
}

.filterWidth100px {
	width: 100px !important;;
}

.filterWidth120px {
	width: 120px !important;;
}

.filterWidth140px {
	width: 130px !important;;
}

.filterWidth150px {
	width: 150px !important;
}

.filterWidth160px {
	width: 160px !important;;
}

.filterWidth180px {
	width: 180px !important;;
}

.filterWidth200px {
	width: 200px !important;;
}

.filterWidth550px {
	width: 550px;
}

.filterWidth650px {
	width: 650px;
}

.fieldSetCalendarPadding {
	padding-left: 2%;
}

.filterReplenishment {
	text-align: left !important;
	padding-left: 1%;
}

.fieldSetWidth {
	width: 41%;
}

.panelBorder {
	border: 1px solid #748ca5 !important;
	background-color: transparent !important;
	text-align:center;
}

.panelBorderWaterTruck {
	border: 1px solid #748ca5 !important;
	background-color: transparent !important;
	text-align:center;
}

.panelInfoBorder {
	border-style: hidden !important;
	background-color: transparent !important;
}

.outputPanel {
	text-align:left;
}

.noBorder {
	border: none !important;
}height:100vh;

thead .tableWithoutHead {
	display: none !important;
}

.checkIcon {
	width: 18px !important;
}

.iconMaintenance {
	width: 15px !important;
}


.iconOnlineAndReplenishment {
	width: 26px !important;
}

.rfidIcon {
	width: 22px !important;
}

.bluetoothIcon {
	width: 24px !important;
}

.tableWithoutBorder tr {
     border-style: hidden !important;
}

.referenceMonthFilter {
	text-align: center;
}

.backgroundPanel1 .ui-panel-titlebar {
	background: #aad5ce;
}

.backgroundPanel2 .ui-panel-titlebar {
	background: #aabbd5
}

.backgroundPanel3 .ui-panel-titlebar {
   background: #85b2cb;
}

.backgroundPanel4 .ui-panel-titlebar {
   background: #748ca5;
}

.backgroundPanel5 .ui-panel-titlebar {
	background: #24738245;
}

.selectOneOptionWidth {
	width: 86% !important;
}

.InputWidth {
	width: 90% !important;
}

.autoCompleteWidth {
	width: 74% !important;
}

.adjustFileUpload {
	opacity:1 !important;
	width: 95.4% !important;
}

.adjustPdfImageLoad {
	padding: .2em .4em;
	padding-top: 11px;
	border-left: 0.5px solid #a8a8a8;
	border-right:0.5px solid #a8a8a8;
	text-align: center;
}

.expandPdfImageBar {
	padding: .2em .4em;
	background: #aabbd5;
	color: #333;
	font-weigth: bold;
}

.expandPdfImageButton {
	font-family: Verdana, Helvetica, sans-serif !important;
}

.routePanelOrderList > .ui-g > .ui-g-12 {
	padding-top: 0px;
}

.routePanelOrderList > .ui-g > .ui-g-12 > .ui-orderlist-caption {
	border: 1px solid #a8a8a8;
}

.routePanelOrderList > .ui-g > .ui-g-12 > .ui-orderlist-list {
	height: 433px !important;
}

.removeSimCardsAssociationButton {
	float: right;
	margin-right: 4% !important;
}

.galleriaPanelGroup {
	width: 600px;
}

@media screen and ( min-width: 641px) {
	.pdfDialog {
		width: 800px;
		height: 500px;
	}
}

@media ( max-width : 640px) {
	.pdfDialog {
		width: 280px;
		height: 500px;
	}
	
	.panelInfoBorder {
		border: 1px solid #748ca5 !important;
		background-color: transparent !important;
	}
}

.homologateBorderTopImage {
	border-top: 0.5px solid #a8a8a8;
}

.adjustImageLightBox {
	border-radius: 2px !important; 
	min-width: 45% !important;
}

.adjustTextCheckbox, .ui-chkbox-label {
	vertical-align: super !important;
}

@media ( max-width : 640px) {
	.ui-column-title {
		min-width: 35% !important;
	}
}

@media screen and (min-width: 641px) {
	.alignTextPColumnCenter {
		vertical-align: middle !important;
		text-align:center !important;
	}
}

@media screen and (max-width: 740px) {
	.alignTextCenter {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.removeSimCardsAssociationButton {
		margin-right: 2% !important;
	}
}

	.resizeTextAreaRegisterForms {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 96% !important;
	}

	.resizeInputsRegisterForms {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 92% !important;
	}

	.resizeSelectRegisterForms {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 87% !important;
	}	

	.inputNumber input{
		display: inline-block !important;
	    vertical-align: middle !important;
	    text-align: left !important;
	    width: 92% !important;
	}

	.resizeUploadFileRegisterForm {
		border: 1px solid #a8a8a8 !important;
		width: 97.11%;
		background-color: #f0f1f7 !important;
	}
	
	.resizeMultiSelectForm {	
	    width: 94.8% !important;
	    height: 60% !important;
	    vertical-align: middle !important;
    }	

	.adjustSelectCheckboxMenu {
		width: 96.5% !important; 
		margin: 0.16% 0% 0% 3% !important; 
		height: 22.22px !important;
	}
	
	.adjustLabelOfSelectCheckboxMenu {
		width: 99.4% !important; 
		margin-left: 3% !important;
	}
	
	.adjustSelectOneMenu {
		width: 96.5% !important; 
		margin: 0% 0% 3% 0% !important; 
		height: 23.22px !important;
	}

	.formaterPanelInformationsWTS {
		max-width: 330px !important;
		max-height: 225px !important; 
		font: 400 12px Roboto, Arial, sans-serif !important; 
		text-align: left !important; 
		pointer-events: none !important;
		display: block !important; 
		word-spacing: unset !important; 
		word-break: break-all !important;
	}
	
	.formaterInformationsWTS {
		overflow: hidden !important;
		overflow-wrap: break-word !important;
		margin-top: 4px !important;
		height: 200px !important;
		width: 324px !important;
		border: none !important;
		background: transparent !important;
		color: #2f2f2f !important;
	    font-weight: 500 !important;
	    letter-spacing: 0.3px !important;
	}

	.divergentSIMCardAlert {
		background-color: #f85000 !important;
		font-family: Verdana, Arial, Helvetica, sans-serif !important; 
	    font-size: 11.5px !important;
		color: #f85000 !important;
	    font-weight: bold !important;
		border-radius: 100% !important;
	    margin: 0px 0px 0px -9px !important;
	    padding: 0% 3.2% 1% 2.2% !important;
	    animation: ocpacityColors 1.5s alternate infinite linear !important;
	}
	
		@keyframes ocpacityColors {
			0% {opacity: 0.5;);}
			100% {opacity: 1;);}
		}
	
	.formatSIMCardImage {
		width:27px !important; 
		height:21px !important; 
		font-weight: bold !important;
		-moz-transform: scaleX(-1);
	    -o-transform: scaleX(-1);
	    -webkit-transform: scaleX(-1);
	    transform: scaleX(-1);
	}

	.adjustFooterText {
		font-size: 0.9em !important;
		vertical-align: text-top !important;
		position: absolute !important;
	    top: 50% !important;
	    left: 50% !important;
	    transform: translate(-50%, -50%) !important;
	}
	
	.adjustLoginCopyRigthText {
		width: 70px !important;
		align-items: center !important;
		text-align: center !important;
		
	}
	
	.adjustClientLogo {
		margin-left: -10px;
	}	

	.adjustBestViewedSite {
		margin-top: -25px;
	    background-color: #1F2A30;
    	width: 100%;
	}

	.container-browser-message {
		  width: 100%;  
		  display: flex;
		  justify-content: center;
		  padding-top: 15px;
		  margin-bottom: 0px;
		  height: 10%;
	}
	
	.container-twoFactor-message {
		  width: 100%;  
		  display: flex;
		  justify-content: center;
		  padding-top: 0px;
		  margin-bottom: 0px;
		  height: 10%;
	}
	
	.resizeAndroidImage {
		margin-left: 220px !important;
    	margin-top: -8px !important;
    	margin-bottom: -20px !important;
	}
	
	.icoClient {
		margin: -1px 0px 10px -1px;
	}
	
	.icoAndroid {
		margin: 0px 0px 0px -10px !important;
	}
	
	.adjustIcons {
	    margin: 0px 0px 0px -3px;
	}	
	
	@media screen and (max-width: 640px) {
	.ui-datatable-reflow .ui-reflow-dropdown {
		width: 98%;
		margin: -9px 0px 9px 0px;
		display: flex;
		padding: 4px;
		}
	}

@media screen and (max-width: 740px) {
	.adjustBestViewedSite {
		margin-top: -38px;
	    background-color: #1F2A30;
    	width: 100%;
	}
	
	.resizeInputsRegisterForms {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 98% !important;
	}

	.inputNumber input{
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 98% !important;
	}

	.resizeTextAreaRegisterForms {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 98% !important;
	}

	.resizeSelectRegisterForms {
		display: inline-block !important;
		vertical-align: middle !important;
		text-align:left !important;
		width: 93.5% !important;
	}	

	.resizeUploadFileRegisterForm {
		border: 1px solid #a8a8a8 !important;
		padding: 15px !important;
		width: 91% !important;
		background-color: #f0f1f7 !important;
	}

	.resizeMultiSelectForm {	
	    width: 100.3% !important;
	    height: 62% !important;
	    vertical-align: middle !important;
    }
    
	.showMapImage {	
		display: block !important;
		width: 82.5% !important; 
		border: 1px solid #a8a8a8 !important;
		background-size: cover !important; 
		background-repeat: no-repeat !important;
		margin-top: 10px !important; 
		padding-left: 55px !important;
		padding-top: 10px !important; 
		padding-bottom: 8px !important;	
	}
	
	.adjustSelectCheckboxMenu {
		width: 99.4% !important; 
		margin: 0% 0% 2% 0% !important; 
		height: 22.22px !important;
	}
	
	.adjustLabelOfSelectCheckboxMenu {
		width: 99.4% !important; 
		margin-left: 0% !important;
	}	
	
	.adjustSelectOneMenu {
		width: 91% !important; 
		margin: 0% 0% 3% 0% !important; 
		height: 22.22px !important;
	}
	
	.divergentSIMCardAlert {
		background-color: #f85000 !important;
		font-family: Verdana, Arial, Helvetica, sans-serif !important; 
	    font-size: 11.5px !important;
		color: #f85000 !important
	    font-weight: bold !important;
		border-radius: 100% !important;
	    margin: 0px 0px 0px -9px !important;
	    padding: 0% 2% 0% 2% !important;
	    animation: ocpacityColors 1s alternate infinite linear !important;
	}	
	
	.formatSIMCardImage {
		width:27px !important; 
		height:21px !important; 
		font-weight: bold !important;
		-moz-transform: scaleX(-1);
	    -o-transform: scaleX(-1);
	    -webkit-transform: scaleX(-1);
	    transform: scaleX(-1);
	    margin-left: -4px;
	}

	.adjustFooterText {
    	font-size: 0.9em !important;
    	margin-top: 14px !important;
		position: absolute !important;
		top: 25% !important;
    	left: 30% !important;
    	transform: translate(-30%, -50%) !important;
	}
	
	.adjustLoginCopyRigthText {
		width: 70px !important;
	    align-items: center !important;
	    text-align: center !important;
	    
	}
	
	.adjustClientLogo {
		margin-left: -2px;
	}
	
	.resizeDowloadAppMobile {
	    margin-left: 2% !important;
	    width: 96% !important;
	}

	.resizeAndroidImage {
		margin-left: 100px !important; 
		margin-top: -8px !important; 
		margin-bottom: -20px !important;
	}

	.icoClient {
		margin: -132.5px 0px -75px 85px;
	}
	
	.icoAndroid {
		margin: 0px 0px -1px -7px !important;
	}
	
	.adjustIcons {
	    margin: 0px 0px 0px 8px;
	}
	
}

	.upperCaseText {
		text-transform: uppercase !important;
	}

@media screen and (max-width: 740px) {
	.adjustmentCheckbox {
	    word-break: break-word !important;
	    margin: 0% -15% 0% 0% !important;
	    padding: 0% 0% 0% 3% !important;
	}
}

	.adjustmentRadioButton {
		margin: 0px -10% 0px 0% !important;
	    word-break: break-all !important;
	    word-spacing: normal !important;
	    white-space: nowrap !important;
	}

@media screen and (max-width: 450px) {
	.inputTextareaRegisterForm {
		border: 1px solid #a8a8a8 !important;
    	width: 31.85%;
	}
}

@media screen and (min-width: 740px) {
	.inputTextareaRegisterForm {
		display: block !important;
	    width: 95.7% !important;
	    margin-right: 10% !important;
	    border: 1px solid #a8a8a8 !important;
	}
	
}

@media screen and (max-width: 739px) {
	.inputTextareaRegisterForm {
		border: 1px solid #a8a8a8 !important;
    	width: 95.8% !important;
	}
}

.ui-lightbox {
	left: 20% !important;
	top: 11% !important;
	width: 60%;
	height: 80%;
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none;
}

.ui-state-disabled.showTooltip{
    pointer-events: all;
}

.ui-lightbox-content, .ui-lightbox-content-wrapper, .ui-helper-hidden img {
	width: 100% !important;
	height: 100% !important;
	border-bottom-radius: 3px !important;
}

.ui-lightbox-nav-right, .ui-lightbox-nav-left{
	display: none !important;
}


.ui-fileupload-row div {
	word-break: break-all !important;
}

.hideMapImage {
	display: none !important;
}

.showMapImage {	
	display: block !important;
	width: 80.7%; 
	border: 1px solid #a8a8a8;
	background-size: cover; 
	background-repeat: no-repeat;
    margin-top: 1%;
    padding-left: 16.4%;
	padding-top: 10px; 
	padding-bottom: 8px;	
}

.adjustColumnWidthGeneralInformation {
	width: 22% !important;
	text-align:center !important;
}

.adjustColumnWidthFilling {
	width: 78% !important;
	text-align:center !important;
}

.panelBorder .ui-panel-titlebar span {
	word-wrap: initial !important;
}

.adjustColumnWidthGeneralInformationMaintenance {
	width: 20.2% !important;
	text-align:center !important;
}

.adjustHeigthWTS {
	height: 22em;
}

.adjustWaterTruckCards {
	text-align: left;
	table-layout: inherit !important;
	word-break: initial !important;
}

.adjustWaterTruckCards td {
	width: 50%;
}

.adjustReplanishmentPointCards {
	text-align: left;
	table-layout: inherit !important;
	word-break: initial !important;
	margin-left: -8px;
	width: 106% !important;
}

.adjustMaintenanceCards {
	text-align: left;
	table-layout: inherit !important;
	word-break: break-word !important;
	margin-left: -8px;
	width: 106% !important;
}

@media screen and (min-width: 641px) and (max-width: 1206px) {
	
	.adjustMaintenanceCards td {
		display: block !important;
		width: 100% !important;
	}
	
}

.adjustMaintenanceCards td {
	width: 50%;
}

@media screen and (min-width: 641px) and (max-width: 881px) {
	
	.adjustReplanishmentPointCards td {
		display: block !important;
		width: 100% !important;
	}
	
}

.adjustReplanishmentPointCards td {
	width: 50%;
}

@media screen and (min-width: 641px) and (max-width: 726px) {
	
	.adjustHeigthWTS {
		height: 34em;
	}
	
}

@media screen and (min-width: 727px) and (max-width: 1206px) {
	
	.adjustHeigthWTS {
		height: 31em;
	}
	
}

.adjustColumnWidthWaterTruckData {
	width: 45% !important;
	text-align:center !important;
}

.adjustColumnWidthActions {
	width: 10% !important;
	text-align:center !important;	
}

.adjustPaddingActionButtons { 
   	margin: 2.5% 0% 2.5% 0% !important;
}
	
.adjustActionsButtonsMargin {
	margin:2% !important;
}

.adjustWidthInputDate {
	width:90% !important;
}
	
	.show {
		display: block !important;
	}
	
	.hide {
		display: none !important;
	}
	
@media screen and (max-width: 740px) {
	.adjustPaddingActionButtons { 
		right: 1.5% !important;
    	margin: 0% 0.39% 0% 0% !important;
	}
	.adjustActionsButtonsMargin {
		margin:-1.19% !important;
	}
	.adjustWidthInputDate {
		width:99% !important;
	}
	.adjustFilterDate {
		width:97.8% !important;
	}
}

@media screen and (min-width: 640px) {
	.adjustColumnWidthActions {
		width: 12% !important;
		text-align:center !important;
	}
}

@media screen and (min-width: 980px){
	.adjustColumnWidthActions {
		width: 10% !important;
		text-align:center !important;
	}	
}

@media screen and (min-width: 1400px) {
	.adjustColumnWidthActions {
		width: 7% !important;
		text-align:center !important;
	}	
}

@media screen and (min-width: 1800px) {
	.adjustColumnWidthActions {
		width: 6% !important;
		text-align:center !important;
	}	
}

@media screen and (min-width: 2300px) {
	.adjustColumnWidthActions {
		width: 3% !important;
		text-align:center !important;
	}	
}

@media screen and (max-width: 740px) {
	.adjustColumnWidthGeneralInformation {
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.adjustColumnWidthWaterTruckData {
		min-width: 100% !important;
		max-width: 100% !important;	
	}
	
	.adjustColumnWidthActions {
		min-width: 100% !important;
		max-width: 100% !important;
		text-align:center !important;	
	}	
	
	.ui-widget-header {
		border-color: #a8a8a8 !important;
	}
}

@media screen and (max-width: 740px) {
	.adjustColumnWidthFilling {
		min-width: 100% !important;
		max-width: 100% !important;
	}
		.adjustPaddingActionButtons {
			padding: 0% 2% 0% -3% !important;
	}
}

@media screen and (max-width: 740px) {
	.adjustColumnWidthGeneralInformationMaintenance {
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.ui-widget-header {
		border-color: #a8a8a8 !important;
	}
}

.selectOneOptionFilter {
	width: 22% !important;
	padding-bottom: 1% !important;
}

.selectOneRadioToFilter {
	padding-top: 1% !important;
	padding-left: 2% !important;
}

.dataTableBackGroundNone tbody, .dataTableBackGroundNone tr{
	background-color: transparent !important;
}

.replenishmentColumnsDetail {
	font-weight: bold;
	word-break: initial !important;
}

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

.maintenanceColumnsDetail {
	font-weight:bold;
	word-break: initial !important;
}
.maintenanceColumnsDetailWTS {
	font-weight: bold;
	word-break: initial !important;
}
/* CSS Primefaces */
.ui-autocomplete {
	width:100% !important;
}

@media screen and (max-width: 576px) {
	.g-recaptcha {
		transform: scale(0.77) !important;
		-webkit-transform: scale(0.77) !important;
		transform-origin: 0 0 !important;
		-webkit-transform-origin: 0 0 !important;
		margin-left: 12% !important;
	}
	
	.long-datatable-text {
		width: inherit;
	}
	
	.datatable-id {
		width: inherit;
	}
	
	.datatable-center {
	text-align: inherit;
	}
	
	.datatable-actions-3 {
		width: inherit;
		text-align: inherit;
	}
	
	.datatable-small-center {
		text-align: inherit;
		width: inherit;
	}
	
	.datatable-version {
		text-align: inherit;
		width: inherit;
	}
	
	.datatable-big-field {
	width: inherit
	}
	
	.datatable-medium-field {
	width: inherit
	}
	
	.column-number-bucket {
	width: inherit;
	}
	
	.filterWidth180px {
	width: inherit !important;;
	}
	
	.filterWidth200px {
	width: inherit !important;
	}
	
	.panelwidth400px {
	width: inherit !important;
	}
	
	.filterWidth650px {
	width: inherit !important;
	}
	
	.filterWidth100px {
	width: inherit !important;
	}
	
	.filterWidth150px {
	width: inherit !important;
	}
	
	.ui-dashboard-column {
	width: 100%;
	padding: 10px !important;
	}
	
	.fieldSetCalendarPadding {
	padding-left: inherit !important;
	}
	
	.filterWidth550px {
		width: inherit !important;
	}
	.overlayPanelRecursive {
		text-align: center;
	}

	.galleriaPanelGroup {
    		width: 300px !important;
    		height: 270px !important;
    }
}

@media screen and (max-width: 768px) {
	.coordinate-block-form {
		padding-bottom: inherit !important;
	}
	.center-button {
	text-align: center;
	}
	.fieldSetCalendarPadding {
	padding-left: inherit !important;
	}
	.calendarFieldSetInput {
	width: 90% !important;
	}
	.overlayPanelRecursive {
	text-align: center;
	}
	.p-offset-3 {
	margin: inherit !important;
	}
	.referenceMonthFilter {
		text-align: left !important;
		padding-top: 2% !important;
	}
	.centralizeImage {
		float: left !important;
	}
	
	.filterReplenishment {
		text-align: center !important;
		padding-bottom: 1% !important;
	}
	
	.selectOneOptionFilter {
		width: 100% !important;
		text-align: center !important;
		padding-bottom: 2% !important;
	}

	.routePanelOrderList > .ui-g > .ui-g-12 > .ui-orderlist-list {
		height: 100px !important;
	}

	.galleriaPanelGroup {
		width: 500px;
		height: 400px;
	}
}

@media screen and (min-width: 576px) {
	.not-collapsed {
		display: none !important;
	}

	.collapsed {
		display: initial !important;
	}

}

@media screen and (min-width: 768px) {
	.not-collapsed {
		display: none !important;
	}
	
	.collapsed {
		display: initial !important;
	}
	
	.header-filter-bt {
		margin-top:25%;
	}
	
	.fieldSetWidth {
	width: 41% !important;
	}

	.panelFileUploadLeft {
		width: 32.599% !important;
    	margin-left: 0% !important;
	}
	
	.panelFileUploadCenter {
		width: 32.599% !important;
	    margin-left: 1% !important;
	}
	
	.panelFileUploadRight {
		width: 32.599% !important;
	    margin-left: 1% !important;
	}
}

@media screen and (min-width: 992px) {
	.not-collapsed {
		display: initial !important;
	}
	
	.collapsed {
		display: none !important;
	}
	.fieldSetWidth {
	width: 39% !important;
	}
}

@media screen and (min-width: 1200px) {
	.not-collapsed {
		display: initial !important;
	}
	
	.collapsed {
		display: none !important;
	}
	
	.fieldSetWidth {
	width: 32% !important;
	}
	
}

.ui-messages-error-detail {
	display: none;
}

/* PRIMEFLEX ENHANCE */


.p-right-offset-12 {
  margin-right: 100%; }

.p-right-offset-11 {
  margin-right: 91.66666667%; }

.p-right-offset-10 {
  margin-right: 83.33333333%; }

.p-right-offset-9 {
  margin-right: 75%; }

.p-right-offset-8 {
  margin-right: 66.66666667%; }

.p-right-offset-7 {
  margin-right: 58.33333333%; }

.p-right-offset-6 {
  margin-right: 50%; }

.p-right-offset-5 {
  margin-right: 41.66666667%; }

.p-right-offset-4 {
  margin-right: 33.33333333%; }

.p-right-offset-3 {
  margin-right: 25%; }

.p-right-offset-2 {
  margin-right: 16.66666667%; }

.p-right-offset-1 {
  margin-right: 8.33333333%; }

.p-right-offset-0 {
  margin-right: 0%; }
  
  
.p-xxl-1,
.p-xxl-2,
.p-xxl-3,
.p-xxl-4,
.p-xxl-5,
.p-xxl-6,
.p-xxl-7,
.p-xxl-8,
.p-xxl-9,
.p-xxl-10,
.p-xxl-11,
.p-xxl-12 {
  padding: 0.5em; !important;}
  
@media screen and (min-width: 2500px) {
  .p-xxl-1,
  .p-xxl-2,
  .p-xxl-3,
  .p-xxl-4,
  .p-xxl-5,
  .p-xxl-6,
  .p-xxl-7,
  .p-xxl-8,
  .p-xxl-9,
  .p-xxl-10,
  .p-xxl-11,
  .p-xxl-12 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;}

  .p-xxl-1 {
    width: 8.3333% !important;}

  .p-xxl-2 {
    width: 16.6667% !important;}

  .p-xxl-3 {
    width: 25% !important;}

  .p-xxl-4 {
    width: 33.3333% !important;}

  .p-xxl-5 {
    width: 41.6667% !important;}

  .p-xxl-6 {
    width: 50% !important;}

  .p-xxl-7 {
    width: 58.3333% !important;}

  .p-xxl-8 {
    width: 66.6667% !important;}

  .p-xxl-9 {
    width: 75% !important;}

  .p-xxl-10 {
    width: 83.3333% !important;}

  .p-xxl-11 {
    width: 91.6667% !important;}

  .p-xxl-12 {
    width: 100% !important;}

  .p-xxl-offset-12 {
    margin-left: 100% !important;}

  .p-xxl-offset-11 {
    margin-left: 91.66666667% !important;}

  .p-xxl-offset-10 {
    margin-left: 83.33333333% !important;}

  .p-xxl-offset-9 {
    margin-left: 75% !important;}

  .p-xxl-offset-8 {
    margin-left: 66.66666667% !important;}

  .p-xxl-offset-7 {
    margin-left: 58.33333333% !important;}

  .p-xxl-offset-6 {
    margin-left: 50% !important;}

  .p-xxl-offset-5 {
    margin-left: 41.66666667% !important;}

  .p-xxl-offset-4 {
    margin-left: 33.33333333% !important;}

  .p-xxl-offset-3 {
    margin-left: 25% !important;}

  .p-xxl-offset-2 {
    margin-left: 16.66666667% !important;}

  .p-xxl-offset-1 {
    margin-left: 8.33333333% !important;}

  .p-xxl-offset-0 {
    margin-left: 0% !important;} }
    

.dashboard-chart-header {
	margin: -.5em -1em;
	padding: .5em 1em .3em;
}

.dashboard-alarms-header {
	margin: -.5em -1em .5em;
	padding: .5em 1em .3em;
}

.login-icons {
	display: flex;
    flex-direction: row;
    text-align: center;
    place-content: space-around;
}

.acceptanceTermText {
    margin-top: 10px;
    background-color: #F3F3F3;
    padding: 1px 12px;
    max-height: 275px;
    border: 1px solid #8C8C8B;
}

.justifyText {
    text-align: justify;
}

.acceptanceTermButtons {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

.buttonAcceptAcceptanceTerm {
    min-width: 90px;
}

.urlChangeDialog{
	z-index: 9999;
	position: fixed;
	inset: 0;
	max-width: 440px;
	height: max-content;
	margin: auto;
	padding: 16px;
	background-color: #A9A9B3;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 4px;
}

.urlChangeDialog a{
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: none;
}

.urlChangeDialog a:hover{
	color: #B3B3FF !important;
	text-decoration: underline !important;
}

.urlChangeDialog *{
	font-size: 14px;
}

#urlChangeDialogContent{
	padding: 24px 32px 32px 32px;
	background: #25384661;
	border-radius: 3px;
}

.textShadow{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.45);
}