/** Generic **/
.red {
	background-color: #ff3737;
}

.edited {
    background-color: #6df15d !important;
}

.redColor {
	color: #ff0000;
}

.green {
	background-color: #00dd00;
}

.greenColor {
	color: #36ba23;
}

.orange {
	background-color: #ed9017 !important;
}

.yellow {
	background-color: #bbaa1b;
}

.yellowColor {
	color: #bbaa1b;
}

.orangeColor {
	color: #ed9017;
}

.grey {
	background: #dddee0
		url("/WebMeteo/javax.faces.resource/images/ui-bg_inset-hard_25_dddee0_1x100.png.xhtml?ln=primefaces-meteo-2016")
		50% bottom repeat-x;
}

.greyColor {
	color: #dddee0;
}

.blackColor {
	color: black;
}

.transparent {
	color: transparent !important;
}

.bloc-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.v-separator {
	content: "";
	display: inline-block;
	width: 0px;
	height: 100px;
	border-right: 1px solid #fafafa;
	border-left: 1px solid #b4b4b4;
	padding: 0;
}

.highcharts-container {
	width: 100% !important;
}

.top-aligned-columns td {
    vertical-align: top;
}

.ui-tooltip {
	border:0px;
	background: transparent;
}

.noPadding {
	padding: 0px !important;
}

/** Header **/
.menuToolbar .mtb-menuitem {
	margin-right: 5px;
}

#ajaxStatus {
	top: 15px !important;
	right: 50px !important;
}

div#layoutUnitTop {
	padding: 0px !important;
}

.ui-clock {
	background: none !important;
	color: black !important;
	font-weight: normal !important;
	border: 0px !important;
	float: right !important;
}

.menuSize {
	width: 40px !important;
}

.menuSize .ui-icon.fa {
	float: initial !important;
}

.menuMarge {
	margin-right: 5px !important; 
}

.menuSeparator {
	width: 0px !important;
	height: 25px !important;
	clear: none !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	border-color: #818284 !important;
	/* float: left; */
	min-height: unset !important;
    border-left-width: 1px;
    border-right-width: 0px;
}

/* body .layout-topbar .ui-menu {
    justify-content: unset !important;
} */

a.mtb-menuitem .svg-inline--fa {
    margin-left: 7px;
}

.ui-icon.wi {
	background-image: none;
	text-indent: 0px;
	background-repeat: no-repeat;
	display: block;
	overflow: visible;
	text-indent: 0px;
}

.ui-menuitem-icon.wi {
	float: initial !important;
}
/** Tree color **/
.tc-t {
	color: #a36537 !important;
}

.tc-sp {
	color: #0099ff !important;
}

.tc-p {
	color: #30a630 !important;
}
/** ui **/
.ui-sortable-helper {
	z-index: 1070 !important;
}
/**Details**/
#formDetail .img-missing {
	height: 100px !important;
}

#formDetail .sname1 {
	display: none;
}

#formDetail .img, #formDetail .img-missing {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/** Accueil **/
.missingImagePopup {
	width: 60px;
	/*height: 100%*/
}

/** Vue par site **/
.viewStationDashboard .ui-dashboard-column {
	width: 50%;
	padding-bottom: 220px;
}

.ui-widget {
    font-size: 97% !important;
}

.viewStationWidget tr.ui-widget-content {
	background: none;
	color: inherit;
}

.viewStationWidget .ui-widget-header .ui-state-default {
	border: 0px;
	background: none;
}

.viewStationWidget .ui-panelgrid .ui-panelgrid-cell {
	border-width: 0px;
	padding: 0px 0px;
}

.viewStationWidgetWind {
	height: 615px !important;
	position: relative;
}

.viewStationWidget .ui-widget-header {
	cursor:move;
}

.viewStationWidget .ui-panel-content {
    margin-top: -1px;
    border:unset !important;
    margin-top: -1px;
    border-top: 0px solid #000000 !important;
    background: #000000 !important;
    background: -moz-linear-gradient(top, #000000 0%, #282524 100%) !important;
    background: -webkit-linear-gradient(top, #000000 0%, #282524 100%) !important;
    background: linear-gradient(to bottom, #000000 0%, #282524 100%) !important;
    color: #ffffff !important;
    overflow: hidden;
    padding: 0.5em 0px !important;
    border-bottom-left-radius: 0px !important;
  	border-bottom-right-radius: 0px !important;
}

.viewStationDashboard .ui-state-hover {
    /*border: 0px !important;*/
    border: 1px solid #2CAAE2;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 18%, rgba(0,0,0,0.3) 66%, rgba(0,0,0,0) 99%)!important;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 18%,rgba(0,0,0,0.3) 66%,rgba(0,0,0,0) 99%)!important;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 18%,rgba(0,0,0,0.3) 66%,rgba(0,0,0,0) 99%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 )!important;
}

/* .ui-state-active-force {copied with  !important from .ui-state-active in theme meteo jar
	border: 1px solid #2c6ee2 !important;
	background: #2CAAE2 url("/WebMeteo/javax.faces.resource/images/ui-bg_inset-hard_40_2CAAE2_1x100.png.xhtml?ln=primefaces-meteo-2016") 50% 50% repeat-x !important;
	font-weight: bold !important;
	color: #ffffff !important;
} */
.ui-state-active-force:hover {/*copied with  !important from .ui-state-hover in theme meteo jar*/
	border: 1px solid #fd4811 !important;
	background: #fa6b1b url("/WebMeteo/javax.faces.resource/images/ui-bg_highlight-hard_60_fa6b1b_1x100.png.xhtml?ln=primefaces-meteo-2016") 50% 50% repeat-x !important;
	font-weight: bold !important;
	color: #ffffff !important;
}

.widget-table {
	width: 100%;
	height: 300px;
	table-layout: fixed;
}

.widget-table-inside {
	width: 100%;
	table-layout: fixed;
}

.widget-table-inside tr {
	white-space: nowrap;
}

.widget-bigtable {
	width: 100%;
	height: 620px; /*double size + header and spacing*/
	table-layout: fixed;
}

.viewStationWidget-table > .ui-widget-content {
	max-height:300px;
}

.viewStationWidget-bigtable > .ui-widget-content {
	max-height:663px;
}

.widget-table tr {
	white-space: nowrap;
}

.widget-table-right {
	text-align: center;
}

.widget-td-left {
	width: 45%;
}

.widget-td-left-element {
	float: left;
	clear: both;
}

.widget-bottom-element {
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
	padding-left: 10px;
}

.widget-icone {
	color: #00B3B3;
	font-size: 1.3vw;
	padding-right: 0;
	width: 50px;
	text-align: center;
}

.widget-icone-s {
	color: #00B3B3;
	font-size: 1.5vw;
	padding-right: 0;
	width: 2vw;
	text-align: center;
	padding-left: 5px;
}

.widget-icone-double {
	margin-left: -33px;
	font-size: 1.3vw;
	margin-top: 29px;
	position: absolute;
}

.widget-icone-temp-red {
	color: red;
	margin-left: -28px;
	font-size: 1.3vw;
	margin-top: 31px;
	position: absolute;
}

.widget-icone-temp-blue {
	color: blue;
	margin-left: -28px;
	font-size: 1.3vw;
	margin-top: 31px;
	position: absolute;
}

.widget-data {
	font-size: 2.7vw;
	font-weight: bold;
	margin-right: 10px;
}

.widget-data-m {
	font-size: 1.9vw;
	font-weight: bold;
}

.widget-data-s {
	font-size: 1.5vw;
	font-weight: bold;
	margin-right: 7px;
}

.widget-data-ss {
	font-size: 1.5vw;
	font-weight: bold;
}

.widget-data-es {
	font-size: 1.2vw;
	font-weight: bold;
}

.widget-unit {
	color: burlywood;
	font-size: 1.9vw;
	font-weight: bold;
}

.widget-unit-s {
	color: burlywood;
	font-size: 1.1vw;
	font-weight: bold;
}

.widget-data-desc {
	color: #b1b1b1;
	font-size: 0.55vw;
	float: right;
	margin-top: -7px;
	text-transform: lowercase;
}

.widget-minmax {
	padding-right: 10px !important;
}

.widget-max {
	font-weight: bold;
	color: lightcoral;
	font-size: 1.1vw;
}

.widget-min {
	font-weight: bold;
	color: lightsteelblue;
	font-size: 1.1vw;
}

.widget-max-b {
	font-weight: bold;
	color: lightcoral;
	font-size: 1.9vw;
	float: inherit;
}

.widget-min-b {
	font-weight: bold;
	color: lightsteelblue;
	font-size: 1.9vw;
	float: inherit;
}

.width150 {
	width:150px;
}

.btn-widget {
	margin:auto;
	background: #0365b1 !important;
	border: 0px !important;
	border-bottom: 1px solid black !important;
	border-left: 1px solid black !important;
	box-shadow: -2px 2px 1px 1px #95c8ec;
}
.btn-widget:hover {
	background: #003f6b !important;
}

.btn-widget-active {
	background: #003f6b !important;
}

.windrose-bloc {
	text-align: center;
	float: left;
	width: 100%;
}

.windrose {
	width: 23vw;
	vertical-align: middle;
}

.mancheAir {
	width: 42px;
}

.disable-wi-widget-icone {
	width: 0px;
}

.temperature {
	width: 0.9vw;
	margin-left: 15px;
	margin-right: 15px;
}

.temperaturePdr {
	width: 1.6vw;
	margin-left: 15px;
	margin-right: 15px;
}

.pression {
	width: 1.5vw;
	margin-left: 15px;
	margin-right: 5px;
}

.windCell {
	display: table-cell;
	border: 0px;
}

.windCell-left {
	padding-left: 10px;
}

.windCell-right {
	padding-right: 10px;
}

.windCenter {
	width: 100%;
}

.windHr {
	width: 50%;
	margin-left: 25%;
	border: 1px solid burlywood;
}

.windHrText {
	text-align: center;
	margin-top: -20px;
	background-color: black;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}
/** Vue multistation **/
.container-table-desc {
	float: left;
	margin-right: -4px;
	margin-top: 0px;
}

.container-table-data {
	overflow: auto;
	white-space: nowrap;
}

.viewMultistationTable .ui-panelgrid-cell {
	border-width: 0px;
}

.ui-panelgrid.viewMultistationTable {
	border-collapse: separate;
	display: inline;
}

.ui-panelgrid {
    /* border-collapse: separate; */
    border-spacing: 10px !important;
}

.viewMultistationTable.ui-panelgrid .ui-panelgrid-cell {
	padding: 4px 6px;
}

.viewMultistationTable .ui-widget-content {
	background: transparent;
}

.viewMultistationTable-green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#398235+0,8ab66b+56,c9de96+100 */
	background: #398235;
	background: -moz-linear-gradient(top, #398235 0%, #8ab66b 56%, #c9de96 100%);
	background: -webkit-linear-gradient(top, #398235 0%, #8ab66b 56%, #c9de96 100%);
	background: linear-gradient(to bottom, #398235 0%, #8ab66b 56%, #c9de96 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#398235',
		endColorstr='#c9de96', GradientType=0);
	border: 2px solid #0C650E !important;
}

.viewMultistationTable-red {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d0019+0,8f0222+67,a90329+100 */
	background: rgb(109, 0, 25); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109, 0, 25, 1) 0%,
		rgba(143, 2, 34, 1) 67%, rgba(169, 3, 41, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(109, 0, 25, 1) 0%,
		rgba(143, 2, 34, 1) 67%, rgba(169, 3, 41, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(109, 0, 25, 1) 0%,
		rgba(143, 2, 34, 1) 67%, rgba(169, 3, 41, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019',
		endColorstr='#a90329', GradientType=0); /* IE6-9 */
	border: 2px solid orangered !important;
}

.viewMultistationTable-orange {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed9017+58,f6e6b4+100 */
	background: #ed9017; /* Old browsers */
	background: -moz-linear-gradient(top, #ed9017 58%, #f6e6b4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ed9017 58%, #f6e6b4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ed9017 58%, #f6e6b4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017',
		endColorstr='#f6e6b4', GradientType=0); /* IE6-9 */
	border: 2px solid #ff8000 !important;
}

.viewMultistationTable-header-top {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 15px;
	font-weight: bolder;
	text-align: center;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom: 0px !important;
}



.viewMultistationTable-header-top-empty {
	font-size: 15px;
	font-weight: bolder;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.viewMultistationTable-green-i {
	background: rgb(201, 222, 150);
	background: -moz-linear-gradient(top, rgba(201, 222, 150, 1) 0%,
		rgba(138, 182, 107, 1) 44%, rgba(57, 130, 53, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(201, 222, 150, 1) 0%,
		rgba(138, 182, 107, 1) 44%, rgba(57, 130, 53, 1) 100%);
	background: linear-gradient(to bottom, rgba(201, 222, 150, 1) 0%,
		rgba(138, 182, 107, 1) 44%, rgba(57, 130, 53, 1) 100%);
	filter: color;
	border: 2px solid #0C650E !important;
	text-align: center;
}

.viewMultistationTable-red-i {
	background: rgb(169, 3, 41);
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 33%, rgba(109, 0, 25, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 33%, rgba(109, 0, 25, 1) 100%);
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 33%, rgba(109, 0, 25, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329',
		endColorstr='#6d0019', GradientType=0);
	border: 2px solid orangered !important;
	text-align: center;
}

.viewMultistationTable-orange-i {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e6b4+0,ed9017+42 */
	background: #f6e6b4; /* Old browsers */
	background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 42%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 42%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f6e6b4 0%, #ed9017 42%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4',
		endColorstr='#ed9017', GradientType=0); /* IE6-9 */
	border: 2px solid #ff8000 !important;
	text-align: center;
}

.viewMultistationTable-alerte-i {
	background: rgb(169, 3, 41);
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 33%, rgba(109, 0, 25, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 33%, rgba(109, 0, 25, 1) 100%);
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 33%, rgba(109, 0, 25, 1) 100%);
}

.viewMultistationTable-data-name {
    white-space: nowrap;
}

@keyframes blinkAlerte {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes blinkAlerte {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes blinkAlerte {
    0% {
        opacity:1;            
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
        
    }
}
@-o-keyframes blinkAlerte {
    0% {
        opacity:1;            
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
        
    }
}
@-ms-keyframes blinkAlerte {
    0% {
        opacity:1;            
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
        
    }
}
.objblinkalerte {
	-webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blinkAlerte;
    -webkit-animation-timing-function: ease-in-out;
    
	-moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blinkAlerte;
    -moz-animation-timing-function: ease-in-out;
    
    -o-animation-direction: normal;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-name: blinkAlerte;
    -o-animation-timing-function: ease-in-out;
    
    -ms-animation-direction: normal;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-name: blinkAlerte;
    -ms-animation-timing-function: ease-in-out;
    
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blinkAlerte;
    animation-timing-function: ease-in-out; 
}

.viewMultistationTable-header-bottom {
	border-top: 0px !important;
	border-bottom: 0px !important;
	color: white;
}

.viewMultistationTable-header-bottom-empty {
	border-top: 0px !important;
	border-bottom: 0px !important;
}

.viewMultistationTable-header-top a {
	color: white;
	text-decoration: none;
}

.viewMultistationTable-footer, .viewMultistationTable-footer-desc {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#828282+1,828282+17,3d3d3d+50,343434+75,242424+100 */
	background: #828282; /* Old browsers */
	background: -moz-linear-gradient(top, #828282 1%, #828282 17%, #3d3d3d 50%, #343434
		75%, #242424 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #828282 1%, #828282 17%, #3d3d3d 50%,
		#343434 75%, #242424 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #828282 1%, #828282 17%, #3d3d3d 50%, #343434
		75%, #242424 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282',
		endColorstr='#242424', GradientType=0); /* IE6-9 */
	color: white;
	border: none;
	font-weight: bold;;
}

.viewMultistationTable .viewMultistationTable-title,
	.viewMultistationTable .viewMultistationTable-title-desc {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#828282+1,828282+17,3d3d3d+50,343434+75,2caae2+93,242424+100 */
	background: rgb(130, 130, 130); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(130, 130, 130, 1) 1%,
		rgba(130, 130, 130, 1) 17%, rgba(61, 61, 61, 1) 50%,
		rgba(52, 52, 52, 1) 75%, rgba(44, 170, 226, 1) 93%,
		rgba(36, 36, 36, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(130, 130, 130, 1) 1%,
		rgba(130, 130, 130, 1) 17%, rgba(61, 61, 61, 1) 50%,
		rgba(52, 52, 52, 1) 75%, rgba(44, 170, 226, 1) 93%,
		rgba(36, 36, 36, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(130, 130, 130, 1) 1%,
		rgba(130, 130, 130, 1) 17%, rgba(61, 61, 61, 1) 50%,
		rgba(52, 52, 52, 1) 75%, rgba(44, 170, 226, 1) 93%,
		rgba(36, 36, 36, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282',
		endColorstr='#242424', GradientType=0); /* IE6-9 */
	color: white;
	border: none;
	font-weight: bold;
}

.viewMultistationTable-title td, .viewMultistationTable-footer {
	/**-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;**/
	padding: 0.5em 1em 0.3em !important;
}

.viewMultistationTable-title-desc td, .viewMultistationTable-footer-desc {
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
	padding: 0.5em 1em 0.3em !important;
}

.viewMultistationTable-data {
	margin-top: -1px;
	font-weight: bolder;
	height: 32px !important;
}

.ui-panelgrid-even.viewMultistationTable-data {
	background: lightgray;
}

.viewMultistationTable-data-icone {
	color: #00B3B3;
	background: rgba(246, 246, 246, 0.5);
	border-left: 10px solid white;
	text-align: center;
	padding: 0px 0px !important;
}

.viewMultistationTable-data-name {
	color: black;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,bbbdc9+49,000000+100&0.5+0,0.6+100 */
	background: -moz-linear-gradient(left, rgba(246, 246, 246, 0.5) 0%,
		rgba(187, 189, 201, 0.55) 49%, rgba(0, 0, 0, 0.6) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0.5) 0%,
		rgba(187, 189, 201, 0.55) 49%, rgba(0, 0, 0, 0.6) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(246, 246, 246, 0.5) 0%,
		rgba(187, 189, 201, 0.55) 49%, rgba(0, 0, 0, 0.6) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f6f6f6',
		endColorstr='#99000000', GradientType=1); /* IE6-9 */
}

.viewMultistationTable-data-unit {
	background: rgba(0, 0, 0, 0.6);
	color: burlywood;
	text-align: center;
}

td.viewMultistationTable-no-data-value {
	background-color: #dedede;
	background-image: url("/WebMeteo/_res/img/no_data.png");
}

.viewMultistationTable-data-value {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100&0.5+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%,
		rgba(241, 241, 241, 0.5) 50%, rgba(225, 225, 225, 0.5) 51%,
		rgba(246, 246, 246, 0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%,
		rgba(241, 241, 241, 0.5) 50%, rgba(225, 225, 225, 0.5) 51%,
		rgba(246, 246, 246, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%,
		rgba(241, 241, 241, 0.5) 50%, rgba(225, 225, 225, 0.5) 51%,
		rgba(246, 246, 246, 0.5) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff',
		endColorstr='#80f6f6f6', GradientType=0); /* IE6-9 */
	text-align: center;
	font-size: 18px;
	min-width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/** Export **/
#formMultistation\3a panelExport>h3>span {
	visibility: hidden;
}

#formMultistation\3a panelExport>div {
	padding: 0px;
}
#formSelect .selector tr {
	border:5px !important;
	border-style: none !important;
}

.cmd_pending, .cmd_progress {
	opacity:1 !important;
	background-color:orange !important;
	border: 0px !important;
	width: auto;
}
.cmd_success {
	opacity:1 !important;
	background-color:green !important;
	border: 0px !important;
	width: auto;
}
.cmd_failure {
	opacity:1 !important;
	background-color:red !important;
	border: 0px !important;
	width: auto;
}
.commandCol .ui-row-toggler {
	display:inline-block;
	margin-left:20px;
}

/* PF11 breaking menu divider style (color need to be overridden in child project) */
.ui-divider-horizontal {
	border-bottom: 1px solid #2CAAE2;
}

/* taille par defaut des menus et sidebar  */
:root {
    --menu-width: 280px;
    --sidebar-width: 364px;
    --topbar_height: 55px;
}

/* pour les icones wi */
.ui-menuitem {
  vertical-align: middle;
}
 
.ui-menuitem .ui-menuitem-icon.ui-icon {
  margin-right: 0px !important;
}

body .ui-menu .ui-menu-list .ui-menuitem:not(.icon-only) .ui-menuitem-link:not(.icon-only) .ui-menuitem-icon {
    margin-right: 0 !important;
}

@media (min-width: 1705px) and (max-width: 1729px) {
    body .layout-topbar .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
        padding: 7px !important;
        padding-left: 6px !important;
        padding-right: 10px !important;
    }
}

/* Pour la gestion du sidebar*/

.custom-topbar-logo .sidebar-pin {
    background-color: #2e3440;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.15s;
    -o-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
}


.sidebar-logo .logo2 img{
	max-width: calc(var(--sidebar-width) * 0.25)
}

.custom-topbar-logo .sidebar-pin i {
  font-size: 22px !important;
  font-weight: normal !important;
  line-height: 30px !important;
}


.layout-sidebar #formTreeFilter .fieldset-in-panel-class-fix {
    margin: 4px 4px 4px 4px;
    padding: 0px 3px 3px 3px;
    position: relative;
    border: solid 1px black;
}

/** class fix for the legend of the fieldset **/
.layout-sidebar #formTreeFilter .ui-fieldset.fieldset-in-panel-class-fix > .ui-fieldset-legend {
    /*top: -13px;
    left: 12px;
    position: absolute;*/
    padding: 3px !important;
}
.layout-sidebar.layout-sidebar-active .sidebar-logo {
	padding-left: 5px;
}
.sidebar-logo .logo-client img{
	max-width: calc(var(--sidebar-width) * 0.45)
}

.col-topbar-left .custom-topbar-logo .logo-client img {
	max-height: 76px !important;
}

.col-topbar-left, .col-topbar-right {
	height: 54px;
}

.custom-topbar-logo {
	position: relative;
    top: -11px;
    height: 56px;
}

.sidebar-logo .logo1 img{
	display: none !important;
}

/* .sidebar-logo .logo2 img{
	display: none !important;
}
 */

.custom-topbar-logo .sidebar-pin i {
    color: #ffffff;
}

.layout-sidebar .sidebar-logo .sidebar-pin i {
    font-size: 14px;
}

.layout-sidebar .sidebar-logo .sidebar-pin {
	position: absolute;
	top: 6px;
	right: 5px;	
	line-height: unset;
	z-index: 1001;
	height: 20px;
	width: 20px;
	background-color: rgb(224, 40, 79) !important;
	align-content: center;
}

@media (max-width: 1200px) and (min-width: 991px) {
    :root {
        --sidebar-width: 300px;
    }
}

/* Affichage des textes pour les menu en mode mobile uniquement */
@media (max-width: 991px) {
    :root {
        --sidebar-width: 420px;
    }
    .menuSize {
	    width: unset !important;
	}
	.ui-menuitem-icon {
		width: 30px !important;
	}
	.ui-menuitem-text {
		margin-left: 5px !important	
	}
}

@media (min-width: 991px) {
    /* Masque le texte des menus de premier niveau uniquement */
    .ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-text {
        display: none !important;
    }
}

/** screen over 991px */
.layout-main {
    margin-left: var(--sidebar-width);
}

/** the sidebar resizer **/
.sidebar-resizer {
    position: absolute;
    top: 0;
    right: -10px;
    height: 100%;
    width: 20px;
    cursor: ew-resize;
    touch-action: none;
}


.sidebar-resizer:hover::after {
    opacity: 1;
    transform: scaleX(0.2);
}

.layout-wrapper .layout-sidebar {
    width: var(--sidebar-width) !important;
    max-width: calc(100% - 100px) !important;
}

.layout-sidebar.layout-sidebar-active .sidebar-logo {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
}

@media (min-width: 991px) and (max-width: 1200px)  {
	.layout-sidebar.layout-sidebar-active .sidebar-logo {
		padding: 0px 40px;
	}
}

/** screen under 991px */
@media (max-width: 991px) {
    /** classes jquery **/
    .layout-sidebar-mobile-active .sidebar-filter-button {
        background-color: #4c566a;
    }

    .layout-sidebar-mobile-active .sidebar-filter-button .ui-icon {
        color: #fff !important;
    }

    .layout-wrapper .layout-sidebar {
        transform: translate3d(calc(var(--sidebar-width) * -1), 0px, 0px);
    }

    /*body .layout-wrapper .layout-sidebar .layout-menu-container #formTreeSite .filters-wrapper {*/
    /*    margin-left: 35px;*/
    /*}*/
}

.col-topbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 0px;
}

table#customBannerTop {
	margin-top: 0px;
	/* background-color:white !important; */
}

table#customBannerTop span {
	padding-bottom:0px;
	padding-left:30px;
}

table#customBannerTop tbody{
    width: 100%;
    display: table;
}

table#customBannerTop td {
	padding:0px !important;
}

.col-topbar-right .anchor-open {
	background-color:white !important;
	padding-right:6px !important;
	padding-bottom:5px !important;
}

@media (min-width: 1890px) {
	:root {
    --topbar_height: 50px !important;
	}
}	

@media (max-width: 1890px) and (min-width: 1570px) {
	:root {
    --topbar_height: 85px !important;
	}
}	

@media (max-width: 1570px) and (min-width: 992px) {
	:root {
    --topbar_height: 70px !important;
	}
	table#customBannerTop {
		position: relative;
	    top: 0px;
	    height: 55px;
	}
}	

@media (max-width: 992px) {
	:root {
    --topbar_height: 100px !important;
	}
	.menuSeparator {
	  height: 0px !important;
	}
	.ui-divider.ui-divider-solid.ui-divider-vertical::before {
	  border-left-style: unset !important;
	}
	.ui-divider.ui-divider-solid.ui-divider-horizontal::before {
	  border-top-style: unset !important;
	}
	
}

@media (min-width: 499px) {
	.col-topbar-left .custom-topbar-logo img, .layout-sidebar .sidebar-logo img, .my-header .custom-topbar-logo img {
	    max-height: 80px;
    } 
}

.pageCenterActionButtons {
	width: calc(90% - var(--sidebar-width)) !important;
}

@media (min-width: 1890px) {
	.home-page-actions {
    	position: relative;
    	top: 0px;
    } 
}

@media (max-width: 1890px) and (min-width: 1570px) {
	 #pageCenterTitle {
		position: relative;
    	top: -30px;
	}
	.home-page-actions {
    	position: relative;
    	top: 35px !important;
    }  
    .pageCenterActionButtons {
	    top: calc(-20px + var(--topbar_height)) !important;
	}
    #mainForm {
	    padding-top: 10px;
    }
    :root {
    --topbar_height: 85px;
	}
}

@media (max-width: 1570px)  and (min-width: 1190px) {
	
	 #pageCenterTitle {
		position: relative;
    	top: 0px;
	}
	.home-page-actions {
    	position: fixed;
    	top:  calc(60px + var(--topbar_height)) !important;
    	left:  calc(6px + var(--sidebar-width)) !important;
    	
    }  
    #mainForm {
	    padding-top: 45px;
    }
    .pageCenterActionButtons {
		position: absolute;
    	top:  calc(30px + var(--topbar_height)) !important;
    	left:  calc(6px + var(--sidebar-width)) !important;
	}
    
}

@media (max-width: 1490px)  and (min-width: 1200px) {
	.ellipsis.login-link {
	    display: none;
	    margin-top: 20px;
	}
	#wlogout {
	    margin-top: 20px;
	}
}	

@media (max-width: 1200px)  and (min-width: 1050px) {
	:root {
        --sidebar-width: 300px !important;
    }
	.ellipsis.login-link {
	    display: none;
	    margin-top: 20px;
	}
	#wlogout {
	    margin-top: 20px;
	}
}


@media (max-width: 1050px) {
	:root {
        --sidebar-width: 300px !important;
    }
	.ellipsis.login-link {
	    display: none;
	    margin-top: 20px;
	}
	#wlogout {
	    margin-top: 20px;
	}
}

@media (max-width: 1190px) and (min-width: 992px) {
	 #pageCenterTitle {
		position: relative;
    	top: 0px;
	}
    #mainForm {
	    padding-top: 45px;
    }
    .pageCenterActionButtons {
		position: fixed;
    	top:  calc(30px + var(--topbar_height)) !important;
    	left:  calc(6px + var(--sidebar-width)) !important;
	}
	.home-page-actions {
    	position: fixed;
    	top:  calc(60px + var(--topbar_height)) !important;
    	left:  calc(6px + var(--sidebar-width)) !important;
    	
    }  
}

@media (max-width: 992px) {
	#pageCenterTitle {
		position: relative;
    	top: -45px;
	}
	.pageCenterActionButtons {
		position: fixed;
    	top:  calc(-10px + var(--topbar_height)) !important;
    	left:  6px !important;
	}
	.home-page-actions {
    	position: fixed;
    	top:  calc(18px + var(--topbar_height)) !important;
    	left:  6px !important;
    } 
       body .layout-topbar .ui-menu > ul {
        top: 0px !important;
    }
}

@media (max-width: 1095px) {
    /* body .layout-topbar .ui-menu {
    	width: 280px !important;
    } */
    
    td:has(#formTop\:wlogout) {
    	position: unset !important;
    }
}	

@media (max-height: 800px), (orientation: portrait) and (max-width: 500px) {
    .col-topbar-left .custom-topbar-logo img, .layout-sidebar .sidebar-logo img, .my-header .custom-topbar-logo img {
	    max-height: 55px !important;
    } 
}

.custom-topbar-logo {
	margin-top: 20px !important;
}

/* Gestion des boutons multistation fullscreen, refresh etc. + cas décalage entre bouton avec/sans icone */
.multistationButtons, .fullScreenButtons {
	position: absolute;
	top: calc(var(--topbar_height) + 10px) !important;
	right: 1px;
}

.ui-button-text-icon-left {
	height: 28px !important;
	margin: 0px !important;
	margin-right: 5px !important;
}

.ui-button-text {
	white-space: nowrap !important;
	padding-top: 4px !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

/* correction des padding trop prononcés dans visu station */
/* body .ui-panelgrid .ui-panelgrid-cell {
    padding: 0px !important;
} */

.ui-widget-content:not(.ui-panelgrid-odd):not(.ui-panelgrid-cell):not(.ui-panelgrid-even):not(.ui-datatable-even):not(.ui-datatable-odd):not(.ui-dialog):not(.ui-datepicker):not(.ui-selectmanymenu):not(.generatedDataBox > div):not(.ui-picklist-caption):not(.ui-buttonset > .ui-button-text-only):not(.ui-tabs-header):not(.cdgCard):not(.cdgCard .ui-panelgrid .ui-accordion-header):not(.ui-fileupload-buttonbar):not(.ui-fileupload-content):not(.ui-fileupload-choose):not(.ui-fieldset):not(.ui-inputtext):not(.classesSmurfpicklist):not(.ui-picklist-list):not(.ui-selectonelistbox):not(.ui-chkbox-box) {
	border: unset !important;
}

table[role="grid"].ui-panelgrid.ui-widget.gridPadding table,
table[role="grid"].ui-panelgrid.ui-widget.gridPadding td,
table[role="grid"].ui-panelgrid.ui-widget.gridPadding tr,
table[role="grid"].ui-panelgrid.ui-widget.gridPadding .ui-panelgrid-cell {
    border: none !important;
}


.ui-tabs-header {
    margin: 2px !important;
    margin-left : 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 0px !important;
}

.ui-widget-header:not(.ui-fileupload-buttonbar):not(.ui-panel-titlebar):not(.ui-datatable-header):not(.ui-dialog-titlebar):not(.ui-paginator):not(.ui-datepicker-header):not(.ui-picklist-caption):not(.ui-tabs-header):not(.ui-datatable-footer) {
    background: none !important;
}

body .ui-datatable .ui-datatable-footer.ui-widget-header {
	background: #efefef !important;
}

/* Forcer la mise en ligne des items de legend dans supervision avancée */
.inlineb-valign-parent.legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 5px;
}

.legend .inlineb.grid-middle.mb-s.mr-s {
    display: flex;
    align-items: center;
    margin-right: 10px;
    white-space: nowrap;
}

/* Correction du style des fileupload */
.ui-fileupload-content {
	border-left-style: dashed !important;
	border-left-width: 2px !important; 
	border-right-style: dashed !important;
	border-right-width: 2px !important;
	border-bottom-style: dashed !important;
	border-bottom-width: 2px !important;
}
body .ui-fileupload .ui-fileupload-content {
	padding: 0.5rem !important;
}
body .ui-fileupload .ui-fileupload-buttonbar {
	height: 36px !important;
	padding: 1px 1px;
}

/* Correction padding trop important */
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td {
	padding: 0.3rem 0.3rem !important;
}

/* suppression padding leaflet popup */
body .ui-panelgrid:not(.ms-table):not(#formDailydata\:table):not(.keepPadding) .ui-widget-content:not(.grid) .ui-panelgrid-cell {
	padding: 0 !important;
}

/* suppresision underline sur les liens */
body .ui-commandlink, body .ui-link, body .ui-link:hover {
	text-decoration: none !important;
	color: black;
}

/* ajustement size font dialog */
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    padding-top: 5px;
    float: left !important;
    font-size: inherit !important;
}

body .ui-dialog .ui-dialog-titlebar {
    padding-left: 16px !important;
}

/**/
blockquote {
    border-left:none !important;
}

body .ui-inputfield.hasDatepicker {
	margin-bottom: 3px !important;
}

/*  tableau des jours liste diffusion*/
.ui-selectmanycheckbox > tbody > tr {
    background: none;
}

/* réduction largeur period picker */
#formSelect\:periodPicker, #form\:periodPicker, #formCommand\:periodPicker {
	width: fit-content;
}

.generatedDataBox > div {
	margin-top: 5px;	
	margin-right: 5px;
}

/* Pour l'onglet Données élaborées */

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    border-radius: unset !important; 
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    margin-top: 0px !important;
}

/* pour enlever le cercle des sortable badge des entete de colonnes */
body .ui-datatable thead th .ui-sortable-column-badge {
    color: unset !important; 
    background: unset !important;
}

/* pour resizer les spinner +/- */
body .ui-spinner .ui-spinner-input {
	height: 30px !important;
}
body .ui-spinner .ui-spinner-button.ui-button {
    height: 15px !important;
	border:0px;
}
.ui-spinner-button {
	margin: 0 !important; 
}

.classesSmurfpicklist, .smurfpicklist .ui-picklist-list {
	border:1px solid #2CAAE2 !important;
}

.mapBtn .ui-button.ui-state-hover {
	background: none !important;
	border-color: #005295 !important;
}

.ui-datatable-resizable th.ui-resizable-column {
	background-clip: unset;
}

.noBg > .ui-widget-content, .noBg > .ui-widget-content > .ui-g, body .noBg > .ui-accordion-content, body .noBg .ui-accordion-content {
	background: none !important;
}

body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
	background: #818284 !important;
}

body .ui-panel:not(.viewStationWidget) .ui-panel-titlebar {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.ui-picklist-list, .ui-selectonelistbox, .ui-progressbar, .ui-datatable-data, .ui-datatable-data tr {
	border: 1px solid #2CAAE2 !important;
}

body .ui-panel .ui-panel-content {
	padding: inherit;
}

.ui-tabs-nav.ui-widget-header {
	background: transparent !important;
}

.ui-clock.ui-widget-header {
	background: transparent !important;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
	color: #000 !important;
}

.panelNoPaddingTop {
	padding-top: 0px !important;
}

body .admin_user_account #formSelect .ui-panel .ui-panel-content {
	padding: 1.25em;
}

body .admin_user #formSelect .ui-panel .ui-panel-content {
	padding: 1.25em;
}

body .admin_user #formSelect .ui-widget-content {
	background: none;
}

body .admin_customer #formSelect .user_one.ui-panel .ui-panel-content {
	padding: 1.25em;
}

body .admin_customer #formSelect .user_one .ui-widget-content {
	background: none;
}

body .admin_list #formSelect .ui-panel .ui-panel-content {
	padding: 1.25em;
}

body .admin_list #formSelect .ui-panelgrid .ui-panelgrid-cell {
	border:0px !important;
}

body .admin_list #formSelect .ui-widget-content {
	background: none;
}

.ui-inputfield.ui-state-disabled, .ui-inputfield:is(.ui-state-default) {
	background-color: #dee2e6 !important;
}

#profileMenu {
	display: none;
}

.sidebar-logo .logo2 {
	display: none;
}

body .ui-clock {
    padding: 10px !important;
}

#mainForm\:dataTableMsl {
	z-index:2;
}
.home-page-actions {
	z-index:1;
}

.globalFilter {
	color: black !important;
}

.ui-selectlistbox-filter-container, .ui-selectlistbox-listcontainer {
	padding:0px !important;
}
body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon {
	left:5px;
	top:40%;
}

.login-panel .buttons .ui-button {
  background-color: #2CAAE2 !important;
}

.ui-selectonelistbox {
	overflow: hidden !important;
}

.ui-inputswitch-checked {
	background:green !important;
}