* {
	-webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
	color-adjust: exact !important;                 /*Firefox*/
}

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

@media print {
	.noprint{ display: none !important; }
	.printOnly-inline{ display: inline !important; }
	.printOnly{ display: block !important; }
	.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background-color: #fff; }
}

	
.ui-mobile [data-role=header]{
	margin: 10px;
}
.ui-field-contain>legend {
	white-space: break-spaces;
	width: 23%;
}
.ui-state-focus { outline: none; }
.ui-flipswitch-off, .ui-flipswitch-on, .ui-button>span:not(.ui-listview-item-count-bubble, .redhighlighting), .ui-controlgroup .ui-button { font-weight: 400;}
.ui-selectmenu .ui-button  { text-align: left; }
.ui-accordion-header-collapsed.ui-state-default {
	background-color: #e0e0e0 !important;
	border-color: #ddd !important;
	text-shadow: 0 1px 0 #e3e3e3 !important;
}
.divSelectMenu {
	width: fit-content; 
    margin: auto;
	margin-bottom: 20px;
	margin-top: 10px;
	display: flex;
}

.divSelectMenuFichePer {
	width: fit-content; 
    margin: auto;
	/*margin-bottom: 50px;*/
	margin-top: 10px;
	display: flex;
}


.divSelectMenu > fieldset {
	padding-left: 10px; 
	width: fit-content !important;
}

.divSelectMenuFichePer > fieldset {
	padding-left: 10px; 
	width: fit-content !important;
}

@media screen {
	.divMainCenter {
		width: 800px !important;
		margin: auto;
	}
}
@media print {
	.divMainCenter {
		max-width: 800px !important;
		margin: auto;
	}
}
.divMainCenterBig {
	width: 1280px !important;
	margin: auto;
}
.popupDefSize {
	padding:10px;
	min-width:350px;
}
.popupDefSizeMobile {
	padding:10px;
	min-width:350px;
	max-width: 450px;
}
.DivFormFooter{
	text-align: center;
}
.DivFormEditSmall{
	width: 450px;
	margin:auto;
	.ui-field-contain>label, 
	.ui-field-contain>legend, 
	.ui-field-contain .ui-controlgroup-label, 
	.ui-field-contain>.ui-rangeslider>label{
		width: 20%;
		min-width: 170px;
	}
	.ui-field-contain>label~[class*=ui-], 
	.ui-field-contain>legend~[class*=ui-], 
	.ui-field-contain
	.ui-controlgroup{
		width: 100%;
	}

	.ui-field-contain>label+.ui-flipswitch{
		width: 5.875em;
	}
	.ui-flipswitch.ui-flipswitch-active {
		width: 1.875em !important;
	}

	[data-role=footer] {
		text-align: center;
	}
}
.DivViewSmall{
	max-width: 450px;
	margin:auto;
	.ui-field-contain>label, 
	.ui-field-contain>legend, 
	.ui-field-contain .ui-controlgroup-label, 
	.ui-field-contain>.ui-rangeslider>label{
		min-width: 100px;
	}
	.ui-field-contain>label~[class*=ui-], 
	.ui-field-contain>legend~[class*=ui-], 
	.ui-field-contain
	.ui-controlgroup{
		width: 100%;
	}

	[data-role=footer] {
		text-align: center;
	}
}
.litxt{
	margin-top: 8px;
    white-space: break-spaces;
    display: flex;
}
.inputSmall {
	width: 150px !important;
}
.inputMini {
	width: 80px !important;
	margin: 0px;
	margin-left: 1px;
}



h1 {
	text-align:center;
	margin-block-start: 0em;
	margin-block-end: 0.0em;
	margin: auto;
    width: fit-content;
}
h4 {
	text-align:center;
	margin-block-start: 0em;
	margin-block-end: 1em;
	font-size: 14pt;
	margin: auto;
    width: fit-content;
}
.ui-icon-print {
	background-image: url("icon-print.png");
	background-size: 14px 14px;
}
.ui-icon-updatedb {
	background-image: url("icon-updatedb.png");
	background-size: 14px 14px;
}
.ui-icon-corona {
	background-image: url("icon-corona.png");
	background-size: 16px 16px;
}
.ui-icon-car {
	background-image: url("icon-car.png");
	background-size: 16px 16px;
}
.ui-icon-eagle {
	background-image: url("icon-eagle.png");
	background-size: 20px 20px;
	background-color: white;
}
.ui-icon-flam-menu{
	background-image: url("icon-flam.png");
	background-size: 22px 22px;
	border: solid; 
	border-width: 2px; 
	border-color: #999; 
	background-color: white;
}
.ui-icon-xls {
	background-image: url("icon-xls.png");
	background-size: 20px 20px;
	background-color: white;
}
.ui-icon-key {
	background-image: url("icon-key.png");
	background-size: 14px 14px;
}
.ui-icon-resp {
	background-image: url("icon-resp.png");
	background-size: 18px 18px;
	background-color: indianred; 
}
.ui-icon-trash {
	background-image: url("icon-trash.png");
	background-size: 18px 18px;
}
.ui-icon-last-conn {
	background-image: url("icon-last-conn.png");
	background-size: 18px 18px;
}
.ui-icon-reactive {
	background-image: url("icon-reactive.png");
	background-size: 18px 18px;
}
.ui-icon-anoucement {
	background-image: url("icon-anoucement.png");
	background-size: 22px 22px;
}
.ui-icon-power { background-color: indianred; } 
.textDisabled {color: #ccc;}
.center {text-align: center !important;}

#btnPopup1.ui-button,
#btnPopup2.ui-button,		
#btnPopup3.ui-button{
	background-color: #fff;
	border-color: #fff;
	margin: 0; 
}

.menuButton{
	line-height: normal;
	width: 170px;
	height: 18px;
	font-size: 0.75em;
	margin: .3em 0;
}
.divMenuPanelInner{
	padding: 20px 10px 20px 20px;
}
.divMenuPanelCenter{
	text-align: center !important;
	padding-bottom: 10px;
}
.smallFieldSetButton {
    margin-top: 3px;
    margin-left: 10px;
}
.redhighlighting { color: indianred; } 

.lastupdate {
	text-align: right;
    padding-right: 15px;
    font-size: xx-small;
    color: lightgray;
	font-style: italic;
	margin-top: -12px;
	margin-bottom: 15px;
}
a.NormalIcon{
	margin: -4px !important;
	transform: scale(0.9);
}
a.smallIcon{
	margin: -4px !important;
	transform: scale(0.7);
}
a.verySmallIcon{
	margin: -5px !important;
	transform: scale(0.6);
}
.ui-field-contain>label{font-weight: 600;}
.inputSmallTime {
	width: 80px !important;
	margin: 0px;
	margin-left: 1px;
}
.inputSmallTimeBig {
	width: 90px !important;
	margin-left: 40px !important;
	height: 33px;
} 
.ui-accordion-header {
    padding: .2em .2em .2em .5em !important;
}
.menuCopyright a, .menuCopyright a:link, .menuCopyright a:visited, .menuCopyright a:hover, .menuCopyright a:active{
	color: darkgray;
    font-weight: normal;
    text-decoration: none;
}

.txtLarge{font-size: large;}
.btnTimeBG{background-color: #38c !important;}
.BannerPDgreen{background-color: #44B86F !important;}
.BannerPDorange{background-color: orange !important;}
.BannerPDred{background-color: LightCoral !important;}
.tableRowTxt{padding: 2px 5px 2px 5px !important;}
.buttonGreen{background: #bff5e1 !important;}
.buttonRed{background: #f5bfcb !important;}
.buttonOrange{background: bisque !important;}
.testBannerTEST{width: 100%; background-color: orange; color: white; text-align: center; height: 21px; text-shadow: none;top: 0; position: fixed;z-index:99;}
.testBannerDEV{width: 100%; background-color: blue; color: white; text-align: center; height: 21px; text-shadow: none;top: 0; position: fixed;z-index:99;}
.adminBanner{width: 100%; background-color: red; color: white; text-align: center; height: 21px; text-shadow: none;top: 0; position: fixed;z-index:99;}
.unsetWhiteSpace{white-space: unset;}
.normalWhiteSpace{white-space: normal;}
.btnTopRight{float: right;}
.btnAddRemoveSmall{margin: 6px 0px; float: right; cursor: pointer;}
.liTitle1{background-color: #ddd !important;}
.liTitle2{background-color: #eee !important;}
.alignLeft{text-align: left !important;}
.alignRight {text-align: right !important;}
.alignVerticalMiddle {vertical-align: middle !important;}
.alignVerticalBottom {vertical-align: bottom !important;}
.alignVerticalTop {vertical-align: top !important;}
.fontBold{font-weight: bold;}
.fontItalic{font-style: italic;}
.displayNone{display:none !important;}
.displayBlock{display:block !important;}
.displayInlineBlock{display:inline-block !important;}
.displayInline{display:inline !important;}
.displayFlex{display:flex !important;}
.divPDCloseBanner{margin: auto;width: fit-content;font-size: small;padding: 3px 8px 3px 3px;margin-top: 8px;color: white;text-shadow: none;font-weight: 600;}
.imgPDCloseBanner{vertical-align: middle;}
.divRedirectBanner{width: 100%; background-color: red; color: white; text-align: center; text-shadow: none;}
.materialIconsMenuScreen{font-size: 17px !important; margin-top: 4px; color: darkgray;}
.materialIconListeApp {font-family: 'Material Icons'; font-style: normal;font-size: 17px; line-height: 1; padding-left: 8px; vertical-align: middle; color: gray !important; }
.spanMenuIconWarning{margin-left: 4px;}
form .ui-checkboxradio-checked {background: darkgray !important; border-color: darkgray !important;text-shadow: 0 1px 0 darkgray !important}
.fieldSetInline{width: auto !important;display: inline !important;}
.filedSetInlineLeftMarg{margin-left: 10px !important;}

@media only screen and (max-width: 580px) {
	.headerPage{display: grid; grid-template-columns: auto auto; margin: -10px;margin-bottom: 20px;/*position: fixed;width: 100%;z-index: 98;*/}
	.headerBtnLeft{grid-column-start: 1; grid-row-start: 1; background-color: lightgray; padding-left: 8px;}
	.headerText{grid-column-start: 1; grid-column-end: span 2;grid-row-start: 2; grid-row-end: 2;text-align: center; align-content: center;padding-top: 5px;}
	.headerTitle{font-size: 2em; font-weight: 700; padding-top: 15px;}
	.headerSubTitle{font-size: 1.3em; font-weight: 500;}
	.headerBtnRight{grid-column-start: 2; grid-row-start: 1; text-align: right;background-color: lightgray;}
	.headerPrintLogo{display: none;}
}
@media only screen and (min-width: 581px) {
	.headerPage{display: grid; grid-template-columns: 200px auto 200px; margin: -10px;margin-bottom: 20px;}
	.headerBtnLeft{padding-left: 8px; }
	.headerText{text-align: center; align-content: center;padding-top: 5px;}
	.headerTitle{font-size: 2em; font-weight: 700; }
	.headerSubTitle{font-size: 1.3em; font-weight: 500;}
	.headerBtnRight{text-align: right; }
	.headerPrintLogo{display: none;}
}
@media only print {
	.headerTitle{font-size: 2em; font-weight: 700; text-align: center}
	.headerSubTitle{font-size: 1.3em; font-weight: 500; text-align: center}
	.headerPage{display: grid; grid-template-columns: 150px auto;}
	.headerPrintLogo{}
}