/*
	Composants GWT
*/
.gwt-Label {
	float: left !important;
}

.gwt-TextArea {
	overflow-y: auto;
	resize: none;
}

.gwt-TextArea[disabled] {
	overflow-y: auto;
}

.gwt-TabLayoutPanelPhone {
	position: inherit !important;
	height: auto !important;
}

.gwt-TabLayoutPanelContent {
	padding: 0px !important;
}

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

.gwt-DisclosurePanel .content {
	background: #fff !important;
}

.gwt-MenuBar-vertical table {
	width: 100% !important;
}

.gwt-Button, .gwt-Button:active {
	background: #e8e8e8 !important;
	border-radius: 0px !important;
	box-shadow: none;
	text-shadow: none;
	font-weight: normal;
}

.gwt-PopupPanel {
	border: 0px !important;
	padding: 0px !important;
}

.gwt-DateBox {
	font-size: 1.2em !important;
}

/*
	Composants mgwt
*/
/* PullRefresh */
.com-googlecode-mgwt-ui-client-widget-panel-pull-PullPanelAppearance-PullPanelCss-mgwt-PullToRefresh-arrow {
	display: none !important;
}

.com-googlecode-mgwt-ui-client-widget-panel-pull-PullPanelAppearance-PullPanelCss-mgwt-PullToRefresh-text {
	color: #777 !important;
	width: 100% !important;
	left: 0px !important;
	text-align: center !important;
	font-size: 16px !important;	
}

.com-googlecode-mgwt-ui-client-widget-panel-pull-PullPanelAppearance-PullPanelCss-mgwt-PullToRefresh-spinner {
	width: 100% !important;
	left: 0px !important;
	text-align: center !important;
}

/*
	Toolbar
*/
.toolbar {
	border-bottom: #AAAAAA solid 1px;
	background: #222222;
	background-image: -webkit-linear-gradient(#444444, #BBBBBB);
	background-image: -moz-linear-gradient(#444444, #BBBBBB);
	background-image: -ms-linear-gradient(#444444, #BBBBBB);
	background-image: linear-gradient(#444444, #BBBBBB);
}

.popupMenuToolbar {
	border: 0px;
	border-radius: 0px;
}

.toolbarButton {
	cursor: pointer !important;
	border: 0px !important;
	border-radius: 2px !important;
	width: 32px;
	height: 30px;
}

.toolbarButton:active {
	position: relative;
	top: 1px;
	border: 0px !important;
	border-radius: 2px !important;
}

.toolbarButtonAction, .toolbarButtonAction:active {
	margin-left: 5px !important;
	background: url('images/shared/menuAction.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/menuAction.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/menuAction.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/menuAction.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonAction-hide, .toolbarButtonAction-hide:active {
	margin-left: 5px !important;
	background: url('images/shared/hideMenuAction.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/hideMenuAction.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/hideMenuAction.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/hideMenuAction.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonSearch, .toolbarButtonSearch:active {
	margin-right: 5px !important;
	background: url('images/shared/search.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/search.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/search.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/search.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonStatus, .toolbarButtonStatus:active {
	margin-right: 5px !important;
	background: url('images/shared/online.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/online.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/online.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/online.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonStatus-offline, .toolbarButtonStatus-offline:active {
	margin-right: 5px !important;
	background: url('images/shared/offline.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/offline.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/offline.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/offline.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonStatus-appoffline, .toolbarButtonStatus-appoffline:active {
	margin-right: 5px !important;
	background: url('images/shared/appoffline.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/appoffline.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/appoffline.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/appoffline.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonPrev, .toolbarButtonPrev:active {
	background: url('images/shared/prev.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/prev.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/prev.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/prev.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonNext, .toolbarButtonNext:active {
	background: url('images/shared/next.png') no-repeat center, -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/next.png') no-repeat center, -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/next.png') no-repeat center, -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: url('images/shared/next.png') no-repeat center, linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarButtonZoom, .toolbarButtonZoom:active {
	width: 50px !important;
	background: -webkit-linear-gradient(#ffffff, #bbbbbb) !important;
	background: -moz-linear-gradient(#ffffff, #bbbbbb) !important;
	background: -ms-linear-gradient(#ffffff, #bbbbbb) !important;
	background: linear-gradient(#ffffff, #bbbbbb) !important;
}

.toolbarMenu {
	color: #222;
	padding-left: 10px !important;
	font-family: verdana, calibri, tahoma, sans-serif !important;
	font-size: 1.8em;
}

.toolbarTitle {
	color: #FFFFFF;
	font-family: verdana, calibri, tahoma, sans-serif;
	font-size: 1.4em;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
}

.toolbarLabelCell {
	width: 100%;
	text-align: center;
}

.toolbarImageCell {
	display: flex;
	width: 50px;
	text-align: center;
}

.toolbarImage {
	margin: auto;
}

/*
	Menu
*/
.menuItemPanel, .menuItemTitlePanel {
	height: 40px;
	border-bottom: 1px solid #aaa;
	font-family: verdana, calibri, tahoma, sans-serif;
}

.menuItemPanel {
	background-color: #fff;
	padding-left: 10px;
	cursor: pointer;
}

.menuItemLabel {
	color: #444;
	font-size: 1.4em;
}

.menuItemIcon {
	margin-right: 5px;
}

.menuItemArrow {
	margin-right: 5px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #aaa;
}

.menuItemTitlePanel {
	background: -webkit-linear-gradient(#ddd, #eee);
	background: -moz-linear-gradient(#ddd, #eee);
	background: -ms-linear-gradient(#ddd, #eee);
	background: linear-gradient(#ddd, #eee);
	padding-left: 5px;
}

.menuItemTitleLabel {
	font-size: 1.8em;
}

.menuItemTitleIcon {
	vertical-align: middle;
	margin-right: 5px;
}

/*
	Item de menu d'accueil
*/
.accueilItem {
	float: left;
	margin-top: 5px;
	width: 90px;
	cursor: pointer;
}

.titleAccueilItem {
	color: #666;
	font-family: verdana, calibri, tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*
	Item de l'écran d'accueil avec une image
*/
.accueilItemIcon {
	float: center;
	margin-top: 5px;
	width: 90px;
	cursor: pointer;
}

/*
	Popup
*/
.popupLogin {
	padding: 0px !important;
	border: 1px solid #ccc !important;
}

.infoBulle {
	padding: 3px;
	max-width: 90%;
	border: 0px;
	border-radius: 3px;
	color: white;
	background-color: black;
	opacity: 0.8;
	font-family: verdana, calibri, tahoma, sans-serif;
}

.infoBulle:before {
	content: '';
	position: absolute;
	bottom: -5px;
	right: 8px;
	width: 0;
	height: 0;
	border-top: 5px solid black;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.infoBulle-leftArrow:before {
	left: 8px;
}

/*
	DataListGrid et DataPanel
*/
.dataListGrid > div:nth-child(3) > div>div:nth-child(2) > div > div {
	cursor: pointer;
}

.dataListPanel > div > table > tbody > tr:nth-child(even) {
	background-color: #f3f7fb;
}

.dataListPanel > div > table > tbody > tr:nth-child(odd) {
	background-color: white;
}

.dataListPanel-empty > div > table > tbody > tr {
	background-color: transparent !important;
}

.dataPanel {
	cursor: pointer;
	border-bottom: 1px solid #aaa;
}

.dataPanel-lib {
	line-height: 40px;
	vertical-align: middle;
}

.labelDataPanel {
	padding-left: 5px;
	font-family: verdana, calibri, tahoma, sans-serif !important;
	font-size: 1.3em;
}

.emptyLabel {
	color: #666666;
	margin-top: 20px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

/* Tests pour modifier la largeur des colonnes d'une grille par CSS */
/* .dataListGrid > div:nth-child(1) > div:nth-child(3) > table,
.dataListGrid > div:nth-child(2) > div:nth-child(3) > table,
.dataListGrid > div:nth-child(3) > div > div:nth-child(2) > div > div > table {
	width: 120px !important;
}

.dataListGrid > div:nth-child(1) > div:nth-child(3) > table > colgroup > col:nth-child(1),
.dataListGrid > div:nth-child(2) > div:nth-child(3) > table > colgroup > col:nth-child(1),
.dataListGrid > div:nth-child(3) > div > div:nth-child(2) > div > div > table > colgroup > col:nth-child(1) {
	width: 50px !important;
}

.dataListGrid > div:nth-child(1) > div:nth-child(3) > table > colgroup > col:nth-child(2),
.dataListGrid > div:nth-child(2) > div:nth-child(3) > table > colgroup > col:nth-child(2),
.dataListGrid > div:nth-child(3) > div > div:nth-child(2) > div > div > table > colgroup > col:nth-child(2) {
	width: 100px !important;
} */

/*
	Decorated panel
*/
.decoratedPanel {
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

/*
	Input panel
*/
.inputPanelBlock {
	border-top: 1px solid #ccc;
	margin-top: 6px;
	background: #fff;
}

.inputPanelBase {
	display: inline-block;
}

.inputPanel {
	background: #fff;
}

.inputPanel > tbody {
	padding: 0px;
	margin: 0px;
}

.inputPanel > tbody > tr > td:first-child {
	padding: 0px;
	margin: 0px;
	min-height: 20px;
	vertical-align: middle;
}

.inputPanel > tbody > tr > td:nth-child(2) {
	width: 100%;
}

.inputPanel > tbody > tr > td:nth-child(2) textarea:first-child {
	width: 100%;
}

.inputField {
	margin: 3px;
	font-family: verdana, calibri, tahoma, sans-serif !important;
	font-size: 1.2em !important;
	min-height: 20px;
}

.inputLabel {
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 0.5em;
	color: #4F99FA;
	font-family: verdana, calibri, tahoma, sans-serif;
	font-size: 0.9em;
}

.inputPanelBase-alignTop > tbody > tr > td:first-child {
	vertical-align: top;
	padding-top: 6px;
}

.inputPanel-alignTop > tbody > tr > td:first-child {
	vertical-align: top;
	padding-top: 11px;
}

.verticalInputPanel {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.verticalLastInputPanel {
	margin-bottom: 50px;
}

.verticalInputSubPanel {
	margin-right: 2em;
	margin-left: 1em;
}

.verticalInputLabel {
	color: #4F99FA;
	text-align: left;
	margin-left: 0.5em;
	font-family: verdana, calibri, tahoma, sans-serif;
	font-size: 0.9em;
}

.inputHint {
	font-style: italic;
	color: DarkGray !important;
}

/*
	Update panel
*/
.updatePanel {
	position: fixed;
	bottom: 0;
}

.subUpdatePanelRight {
	right: 5px;
	float: right;
}

.subUpdatePanelLeft {
	left: 5px;
	float: left;
}

/*
	Button
*/
.buttonClose {
	width: 30px !important;
	height: 30px !important;
	background: url('images/shared/cancel.png') no-repeat center !important;
	border: 0px;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.buttonEdit, .buttonSave, .buttonCancel, .buttonValid, .buttonBlock, .buttonMode, .buttonPrev, .buttonNext {
	margin-bottom: 5px;
	height: 30px;
	width: 30px;
	border: 1px solid #222;
	border-radius: 2px;
	background-color: #666;
	background-position: center;
	opacity: 0.5;
	cursor: pointer;
}

.buttonEdit {
	background-image: url('images/shared/edit.png');
	margin-right: 15px;
}

.buttonSave {
	background-image: url('images/shared/save.png');
	margin-right: 5px;
}

.buttonCancel {
	background-image: url('images/shared/cancel.png');
	margin-right: 15px;
}

.buttonPrev {
	background-image: url('images/shared/prev2.png');
	margin-left: 15px;
}

.buttonNext {
	background-image: url('images/shared/next2.png');
	margin-left: 5px;
}

/*
	DateField
*/
.imgCalendar {
	margin-left: 5px;
	cursor: pointer;
}

.datePickerPreviousButton, .datePickerNextButton, .datePickerPreviousYearButton, .datePickerNextYearButton {
	font-size: 1.4em !important;
}

.datePickerMonth,.datePickerDay {
	font-size: 1.2em !important;
}

/*
	ComboBox
*/
.suggestBoxCombo {
	width: 100%;
	height: 100%;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1.2em;
}

.expandButtonCombo {
	margin: 1px !important;
}

/*
	Images
*/
.image {
	border-radius: 5px;
	box-shadow: 0px 0px 10px #777;
}

/*
	Statuts
*/
.appOnline {
	color: #008000;
}

.appOffline {
	color: #FFA500;
	font-weight: bold;
}

.serverOnline {
	color: #008000;
}

.serverOffline {
	color: #FF0000;
	font-weight: bold;
}

/*
	jSignature
*/
.signature {
	background-color: white;
	color: darkblue;
	margin: 0;
	padding: 0;
}

.signature-edit {
	background-color: lightgrey;
}

/*
	Interface générale
*/
body, table td, select, button {
	font-family: verdana, calibri, tahoma, sans-serif !important;
}

*[disabled], input[readonly], textarea[readonly] {
	/* passage de la bordure en transparent plutôt que de réduire à 0px afin d'éviter un déplacement des champs lorsque l'on repasse en enabled */
	border: 1px solid transparent !important;
	color: black;
	-webkit-appearance: none;
	background: none;
	font-family: verdana, calibri, tahoma, sans-serif !important;
	outline: none !important;
}

input[type=checkbox][disabled] {
	-webkit-appearance: checkbox;
}

progress {
	height: 20px;
	background: -webkit-linear-gradient(#2d2d2d, #444);
	background: -moz-linear-gradient(#2d2d2d, #444);
	background: -ms-linear-gradient(#2d2d2d, #444);
	background: linear-gradient(#2d2d2d, #444);
}

.content {
	overflow: auto;
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #FFFFFF 100%);
	background-image: linear-gradient(top, #FFFFFF 0%, #DDDDDD 50%, #FFFFFF 100%);
}

#splash {
	position: absolute;
	width: 100%;
	top: 40%;
	margin: auto;
	text-align: center;
	left: 0px;
}

.titlePanel, .titlePhonePanel {
	color: #4F99FA;
	padding: 0.2em;
	background: #fff;
	border-top: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}

.titlePanel {
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
}

.title {
	color: #4F99FA;
	font-size: 1.4em;
}

.arrowDown, .arrowUp {
	margin-right: 5px;
	width: 0;
	height: 0;
}

.arrowDown {
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #aaa;
}

.arrowUp {
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #aaa;
}

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

.leftSpace {
	margin-left: 5px !important;
}

.topSpace {
	margin-top: 5px !important;
}

.bottomSpace {
	margin-bottom: 5px !important;
}

.insideRightSpace {
	padding-right: 5px !important;
}

.insideLeftSpace {
	padding-left: 5px !important;
}

.insideTopSpace {
	padding-top: 5px !important;
}

.insideBottomSpace {
	padding-bottom: 5px !important;
}

.largeBottomSpace {
	margin-bottom: 20px !important;
}

.borderTop {
	border-top: 1px solid #ccc;
}

.borderBottom {
	border-bottom: 1px solid #ccc;
}

.borderLeft {
	border-left: 1px solid #ccc;
}

.borderRight {
	border-right: 1px solid #ccc;
}

.underline {
	text-decoration: underline;
}

.shadow {
	box-shadow: 0px 0px 10px #777;
}

.textAlign {
	text-align: center;
}

.textAlignLeft {
	text-align: left !important;
}

.noMargin {
	margin: 0px !important;
}

.noPadding {
	padding: 0px !important;
}

.noBorder {
	border: none !important;
}

.opacity {
	opacity: 0.8;
}

.cursorPointer {
	cursor: pointer;
}

/*
	Popup
*/
.popupProgressBar {
	background: white;
	border: 1px solid black;
}

/*
	Grossissement des lignes de tableau, de la popup de suggestbox
*/
.dataListGrid > div:nth-child(3) > div > div:nth-child(2) > div > div > table > tbody > tr {
	height: 40px; /* hauteur des lignes */
}

.dataListGrid table td {
	font-family: verdana, calibri, tahoma, sans-serif;
	font-size: 1.3em;
}

.suggestPopupContent .item {
	font-size: large !important;
}

/*
	Admin Pégase
*/
.adminmenu {
	padding-top: 3px;
	padding-left: 3px;
	background: #eee;
	border-right: solid 1px #ccc;
}

/*
	Recherche
*/
.searchUnderline {
	background: #FFFF33;
}

.resultSearchItem {
	font-size: 0.9em;
	cursor: pointer;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

/*
	Map
*/
.mapListContener {
	overflow: auto;
	background-color: white;
	border-left: 1px solid #ccc;
}

.markerInfoList {
	cursor: pointer;
	border-bottom: 1px solid #aaa;
}

.markerInfoList-notFound {
	background-color: #fc5d5d;
}

.infoWindowContent {
	line-height: 1.35;
	overflow: hidden;
}

/*
	FlipElement
*/
.flipContainer > div {	
	transition: transform 1s;
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.flipFrontTransformX, .flipFrontTransformY, .flipBackTransformX, .flipBackTransformY {
	position: absolute;
	/*width: 100%;
	height: 100%;*/
	margin: 0;	
	overflow: hidden;
}

.flipFrontTransformX {
	transform: rotateX(0deg);
}

.flipContainer-transform .flipFrontTransformX {
	transform: rotateX(180deg);
}

.flipFrontTransformY {
	transform: rotateY(0deg);
}

.flipContainer-transform .flipFrontTransformY {
	transform: rotateY(180deg);
}

.flipBackTransformX {
	transform: rotateX(180deg);
}

.flipContainer-transform .flipBackTransformX {
	transform: rotateX(360deg);
}

.flipBackTransformY {
	transform: rotateY(180deg);
}

.flipContainer-transform .flipBackTransformY {
	transform: rotateY(360deg);
}

/*
	TileIcon
*/
.tileImage {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.tileLabel {
	color: #FFFFFF;
	font-family: verdana, calibri, tahoma, sans-serif;
	font-size: 1.2em;
}

/*
	TabPanel
*/
.tabBar {
	border-top: 1px solid black;
	background-color: #e5e9e8;
}

.tabBar-top {
	border-top: none;
	border-bottom: 1px solid black;
}

.tabBarButton-icon {
	width: 24px;
	height: 24px;
}

.tabBarButton-text {
	font-size: 9px;
}

/*
	Dialog
*/
.dialogPanel {
	margin: auto;
}

.dialogText {
	font-size: 1.4em;
	color: #fff;
	margin: auto;
	text-align: center;
	padding: 10px;
}

.dialogResponse {
	display: flex;
	background-color: rgba(0, 0, 0, 0.4);
}

.dialogResponse-ok {
	background-color: #77DD77;
}

.dialogResponse-cancel, .dialogResponse-error {
	background-color: #FF4848;
}

.dialogResponse-message {
	background-color: #008290;
}

.dialogResponseImg {
	margin: auto;
}

/*
	Carousel
*/
.carousel > div:nth-child(2) {
	/* Bug avec téléphone nokia */
	/*width: 100%;
	margin: 0 45%;*/
}

/*
	ListElement
*/
.panelListElementParent, .filterScrollGroupingCellListParent {
	position: relative !important;
	top: -41px !important;	
	transition-duration: 0.5s;
}

.panelListElementParent-visible, .filterScrollGroupingCellListParent-visible {
	transform: translateY(41px);
}

.panelListElement {
	touch-action: pan-y;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.panelListElement>div {
	overflow: visible !important;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.rupturePanelListElement, .titreDialogPanelElement {
	width: 100%;
	color: white;
	text-align: center;
	font-family: Georgia;
	font-size: 4.5em;
	text-shadow: 2px 2px 2px #000;
	margin-top: 8px;
}

.hrRupturePanelListElement {
	height: 2px;
	border: 0;
	width: 70%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.listElement {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	background-color: white;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.listElementContent {
	transition: transform 0.5s;
}

.listElementInfo {
	min-height: 100px;
	background-color: rgba(255, 255, 255, 0.5);
}

.listElementInfo-selected {
	background-color: rgba(3, 191, 226, 0.4);
}

.listElementInfo>table {
	border-spacing: 0px;
	min-height: 100px;
}

.listElementEnteteLabel, .listElementEnteteLabelNoBold {
	font-size: 1.1em;
	padding-left: 0.2em;
	color: #333;
}

.listElementEnteteLabel {
	font-weight: bold;
}

.listElementEnteteLabel-inv, .listElementEnteteLabelNoBold-inv {
	color: white;
}

.listElementDescriptifLabel {
	color: #333;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
}

.listElementActionLabel {
	text-shadow: 1px 1px 2px #000000;
	color: white;
	font-size: 1.1em;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/*
	InputFilter
*/
.filterPanelListElement {
	border-bottom: solid 1px #aaa;
}

.btnLaunchServerSearch {
	border: none;
	width: 34px;
	height: 34px;
	background: url('images/shared/search-3.png');
	background-size: 34px 34px;
	background-repeat: no-repeat;
}

.searchTextBox {
	padding: 0px;
	border: none;
	font-size: 1.2em;
	text-indent: 10px;
}

/*
	FlowPanelElement
*/
.flowPanelFondElement {
    opacity: 0.8;		
}

.flowPanelElement:hover>div {
    opacity: 1;
}

.flowPanelElement {
	cursor: pointer;
	display: inline-block;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    animation: fadein 0.8s;
    -webkit-animation: fadein 0.8s;
    -moz-animation: fadein 0.8s;
    -o-animation: fadein 0.8s;
    -ms-animation: fadein 0.8s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.8; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.8; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.8; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.8; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.8; }
}

.flowPanelElementTitreLabel {
	font-size: 1.1em;
	padding-left: 1em;
	padding-right: 1em;
	color: #333;
}

.flowPanelElementDescriptifLabel {
	font-size: 1em;
	padding-left: 1.5em;
	padding-bottom: 0.5em;
	padding-right: 1em;
	color: #333;
}

.flowPanelElementTitreLabel-inv, .flowPanelElementDescriptifLabel-inv {
	color: white;
}

.flowPanelElementImage {
	padding-top: 1em;
}

/*
	DialogPanelListElement
*/
.titreDialogPanelElement {
	font-size: 1.3em;
	text-align: left;
}

/*
	Panel d'action
*/
.panelActionVert {
	background-color: #77DD77;
}

.panelActionVertFonce {
	background-color: #019A01;
}

.panelActionRouge {
	background-color: #FF4848;
}

.panelActionJaune {
	background-color: #F8CB34;
}

.panelActionOrange {
	background-color: #FFA500;
}

.panelActionBleu {
	background-color: #008290;
}

.panelActionViolet {
	background-color: #AD5CFF;
}

/*
	LoadingIndicator
*/
.spinner {
	margin: 0px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.spinner > div {
	background-color: #03BFE2;
	height: 100%;
	width: 6px;
	display: inline-block;
	
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner > div:nth-child(-n+4) {
	margin-right: 4px;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  20% { 
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

/*
	PointLoadingIndicator
*/
.pointLoadingIndicator {
	width: 80px;
	text-align: center;
}

.pointLoadingIndicator > div {
	width: 16px;
	height: 16px;
	background-color: #333;
	
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.pointLoadingIndicator .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.pointLoadingIndicator .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	margin-left: 8px;
}

.pointLoadingIndicator .bounce3 {
	margin-left: 8px;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/*
	CircleLoadingIndicator
*/
.circleLoadingIndicator {
  width: 40px;
  height: 40px;
  position: relative;
}
.circleLoadingIndicator .circleChild {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.circleLoadingIndicator .circleChild:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #03BFE2;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.circleLoadingIndicator .circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.circleLoadingIndicator .circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.circleLoadingIndicator .circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.circleLoadingIndicator .circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.circleLoadingIndicator .circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.circleLoadingIndicator .circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.circleLoadingIndicator .circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.circleLoadingIndicator .circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.circleLoadingIndicator .circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.circleLoadingIndicator .circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.circleLoadingIndicator .circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.circleLoadingIndicator .circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.circleLoadingIndicator .circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.circleLoadingIndicator .circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.circleLoadingIndicator .circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.circleLoadingIndicator .circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.circleLoadingIndicator .circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.circleLoadingIndicator .circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.circleLoadingIndicator .circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.circleLoadingIndicator .circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.circleLoadingIndicator .circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.circleLoadingIndicator .circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*
	CapturePanel
*/
.capturePanelFileUpload {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

/*
	FileUploadPanel
*/
.fileUploadPanel {	
	background-image: url('images/shared/fileUpload.png');
	background-size: 60px 60px;
	background-blend-mode: overlay;
}

.fileUploadPanel-fileUpload {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.fileUploadPanel-labelNbFile {
	background-color: #f00;
	border-radius: 50%;
	color: white;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 18px;
	width: 18px;
}

/*
	LayoutPanel
*/
.scrollLayoutPanel>div:nth-child(2) {
	overflow: auto !important;
}

/*
	Help
*/
.helpPanel {
	overflow-scrolling: touch !important;
	-webkit-overflow-scrolling: touch !important;
	background-color: rgba(0, 0, 0, 0.6);	
}

.summaryTitleHelp, .summaryHelpChapter, .summaryHelpPart, .titleHelpChapter, .titleHelpChapterPart, .textHelpChapterPart {
	color: white !important;
	margin-right: 20px;
}

.summaryTitleHelp, .summaryHelpChapter, .summaryHelpPart, .titleHelpChapter, .titleHelpChapterPart {
	font-family: "Comic Sans MS", sans-serif;
}

.summaryTitleHelp {
	font-size: 1.8em;
	margin-bottom: 10px;
}

.summaryHelpChapter {
	font-size: 1.6em;
	margin-left: 20px;
	margin-bottom: 10px;
}

.summaryHelpPart {
	font-size: 1.6em;
	margin-left: 30px;
	margin-bottom: 5px;
}

.titleHelpChapter {
	font-size: 1.8em;
	margin-top: 25px;
	margin-left: 15px;
}

.titleHelpChapterPart {
	font-size: 1.6em;
	margin-top: 15px;
	margin-left: 22px;
}

.textHelpChapterPart {
	font-size: 1em;
	margin-left: 8px;
}

.textHelpChapterPart p {
	margin-top: 1em !important;
}

/*
	GroupingCellList
*/
.headerCell {
	padding: 6px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #ddd;
	color: #0c5ffe;
	min-height: 19px;
}

.contentCell {
	background-color: white !important;
	background-position: calc(100% - 22px) 50% !important;
	min-height: 16px;
}

/*
	LinkPanel
*/
.parentPanelLink {
	display: flex;
}

.panelLink {
	margin: auto;
}

.linkScrollGroupingCellList {
	text-align: center;
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
	color: #0c5ffe;
}

/*
	Image et table
*/
.cellWithImage {
	display: flex;
	text-align: center;
}

.imageCell {
	margin: auto;
}

.tableText {
	border-spacing: 0px;
	margin-top: 3px;
}

.imageText {
	width: 16px;
	height: 16px;
	margin-top: 1px;
	margin-right: 2px;
}

.dateSynchro {
	border: none;
	color: #555;
	font-size: 1.0em;
	text-align: center;
	-webkit-appearance: none;
	background: none;
}

/*
	Label bouton
*/
.buttonLabel {
	text-shadow: 1px 1px 2px #000000;
	color: white;
	font-size: 1.2em;
	text-align: center;
}

/*
	ImageList
*/
.imageList {
	margin: 3px;
}

/*
	Badge
*/
.badge {
	text-align: center;
	background-color: #f00;
	color: white;
	border-radius: 30px;
	margin: 1px;
	padding-top: 1px;
}

/*
	Notification
*/
.notification {
	position: absolute;
	top: 50vh; /*viewport height*/
	transform: translateY(-50%);
	left: 50vw; /*viewport width*/
	transform: translateX(-50%);
	width: 250px;
	text-align: center;
	color: white;
	font-weight: bold;
	background: rgba(100, 100, 100, 0.8);
	border-radius: 8px;
	padding: 8px;
}

/*
	Panel de sélection de valeur
*/
.panelSelectionValue {
	height: 40px;
}

.textSelectionValue {
	padding: 0 !important;
	font-size: 1em !important;
}

.labelSelectionValue {
	margin-left: 5px;
}

.inputQuantite {
	-webkit-appearance: none;
    background: none;
    text-align: center;
    font-size: 1.2em;
}

.inputQuantite::-webkit-inner-spin-button, .inputQuantite::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}
}

/*
	Calendar et PeriodChart
*/
.calendar, .periodChart {
	margin: 8px;
}

.calendarContent, .periodChartContent {
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.8);
	border: #aaa solid 4px;
	border-radius: 10px;
}

.panelTitleCalendar, .panelTitlePeriodChart {
	background: -webkit-linear-gradient(#2592E1, #0A5189);
	background: -moz-linear-gradient(#2592E1, #0A5189);
	background: -ms-linear-gradient(#2592E1, #0A5189);
	background: linear-gradient(#2592E1, #0A5189);
	border-radius: 6px 6px 0px 0px;
}

.imageCalendar {
	cursor: pointer;
}

.titleCalendar, .titlePeriodChart {
	color: white;
	font-weight: bold;
	font-size: 2em;
}

.tableDay {
	margin: 8px;
}

.day {
	border-bottom: #bbb solid 1px;
	border-left: #bbb solid 1px;
	border-top: transparent solid 1px;
	border-right: transparent solid 1px;
	cursor: pointer;
}

.day:hover {
	background-color: rgba(152, 251, 152, 0.9);
}

.day-data {
	background-color: rgba(135, 206, 250, 0.9);
}

.day-firstWeek {
	border-top: #bbb solid 1px;
}

.day-lastOfWeek {
	border-right: #bbb solid 1px;
}

.day-endOfWeek {
	background-color: rgba(225, 225, 225, 0.8);
}

.dayEmptyBefore {
	border: transparent solid 1px;
	border-bottom: #bbb solid 1px;
}

.dayEmptyAfter {
	border: transparent solid 1px;
	border-left: #bbb solid 1px;
}

.labelDay {
	font-weight: bold;
}

.labelWeek {
	font-size: 0.9em;
	font-style: italic;
	margin-right: 4px;
}

.numberDay-today {
	color: red;
}

.infoDay {
	margin-left: 3px;
}

.labelInformationCalendar {
	font-size: 1.3em;
	color: #0D66FB;
}

/*
	Graphique
*/
.chartBase {
	margin-top: 8px
}

.chartBase > div > svg > text:last-child {
	visibility: hidden;
}

/*
	Treeview
*/
.treeview {
	min-width: 300px;	
}

.panelTitleTreeview {
	background: -webkit-linear-gradient(#2592E1, #0A5189);
	background: -moz-linear-gradient(#2592E1, #0A5189);
	background: -ms-linear-gradient(#2592E1, #0A5189);
	background: linear-gradient(#2592E1, #0A5189);
	border-radius: 6px 6px 0px 0px;
}

.titleTreeview {
	color: white;
	font-size: 1.4em;
}

.treeviewMenu {
	cursor: pointer;
	padding: 4px;
}

.treeviewMenu:hover {
	background-color: rgba(200, 200, 200, 0.8);
}

.treeviewMenu-selected {
	background-color: rgba(122, 188, 249, 0.8);
}

/*
	ImageViewer
*/
.imageViewer {
	background-color: rgba(0, 0, 0, 0.7);
}

.imageViewerPrevious, .imageViewerNext {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.imageViewerPrevious-enable:hover, .imageViewerNext-enable:hover {
	cursor: pointer;
	background-color: rgba(122, 188, 249, 0.7);
}

.labelImageViewer {
	color: white;
	text-align: center;
}

.panelPopupImageViewer {
	padding-left: 48px;
}

.labelPopupImageViewer, .labelPopupImageViewerNav {
	font-size: 1.2em;
}

.labelPopupImageViewerNav {
	cursor: pointer;
}

/*
	LoadingImage
*/
.loadingImage {
	cursor: pointer;
}

/*
	Sélection de date
*/
.dateSelection {
	border: none;
	color: #555;
	font-size: 1.4em;
	text-align: center;
	-webkit-appearance: none;
	background: none;
}

.dateSelectionLabel {
	width: 100%;
	text-align: center;
}

.dateSelectionImage {
	text-align: center;
}

/*
	PlanningOrientation
*/
.planningOrientationSuppInfoPortrait {
	border-bottom: 1px solid #555;
}

.planningOrientationEntete {
	border-bottom: 1px solid #aaa;
}

.planningOrientationEnteteLabel {
	font-weight: bold;
}

.planningOrientationCellEntete, .planningOrientationCellContent {
	border-left: 1px solid #aaa;
	background-color: #fff;
}

.planningOrientationCellContent {
	border-bottom: 1px solid #aaa;
}

.planningOrientationCell-week {
	background-color: #DFF2FF;
}

/*
	PJList
*/
.PJList-label:hover {
	text-decoration: underline;
}