@import url('../../../includes/css/modal.css');

/* theme.css, V2.0 2014/05/30 20:03:50
  Copyright (c) 2013 FC Partner
  Released under the GNU General Public License
  
  Couleur principale => var(--main-color)
  Couleur secondaire => var(--bkgd-button-over)
  
  Variation de la couleurs principale du theme :
  Fond entête table => #B3BAC5
  Fond ligne choisie => #DEE4E8
  Fond ligne paire => #F2F2F2
  Fond ligne impaire => #FDFDFD
  
  Variation de la couleur secondaire du theme :
  Fond bouton Over => var(--bkgd-button-over)
  Fond ligne Over => var(--bkgd-line-over)
  
  Blanc => var(--white-color)
  gris => #727272
  Noir => var(--black-color)
  -ms-zoom: 0.9; -webkit-zoom: 0.9; zoom: 0.9; 
  
  https://htmlcolorcodes.com/fr/selecteur-de-couleur/
*/
:root {
    --main-color: #46729F;
	/*--second-color : var(--bkgd-button-over); */
	/*--bkgd-head-table : #8873f3;*/ /* Parme */
	/*--bkgd-subhead-table : #8873f330;*/
	/*--bkgd-head-table : #31CADC;*/ /* vert d'eau */
	/*--bkgd-subhead-table : #31CADC30;*/
	/*--bkgd-head-table : #124F99;*/  /* bleu microsoft */
	/*--bkgd-subhead-table : #124F9930;*/
	--bkgd-head-table : #B0B0FF;	/* bleu electric #066DF1*/
	--bkgd-subhead-table : #E1DEFA; /*#D0E4FC*/
	--bkgd-tot-color : #D0E4FC60;
	--bkgd-sect-color : #ECEDFF;
	--bkgd-button-over : #FFE1B9;
	--bkgd-line-over : #6050BC30; /* pale orange #FFE1B9 */
	--bkgd-selected-line : #DEE4E8;
	--bkgd-even-line : #F2F2F2;
	--bkgd-odd-line : #FDFDFD;
	--bkgd-right-off : #DE8488;
	--bkgd-colleft : #ECEDFF;
	
	--white-color : #FFFFFF;
	--black-color : #000000;
	--red-color : #FF0000;
	--grey-color : #525252;
	--lightgrey-color : #F2F2F2;
	--verylightgrey-color : #F8F8F8;
	--grey-line-color : #AAA;
	--green-dot-color : #00C2AB;
	--red-dot-color : #EB3939;
	--yellow-dot-color : #F4BD42;
	--blue-dot-color : #3950EB;
	--blue-progress-color : #3b82f6;

	--std-text-color : var(--black-color);

	--size-menu-portal :	16px;
	--size-standard	: 		11px;
	--size-enlarged1 : 		13px;
	--size-enlarged2 : 		14px;
	--size-title : 			16px;
	--size-superlarge : 	32px;

	--size-espace-title : 	22px;
	--espace-title-color : #BD3ff4;
	
	--menu-selected-color : #E0502F;
	--menubar-height : 	68px;
	--menubar-padding : 12px;
	
	--menubox-width : 54px;
	--menubox-padding : 11px;
	
	--menufilter-padding-top : 18px;
	--menuplus-padding-top: 12px;
	--menuexport-padding-top: 15px;
	--menuprint-padding-top: 15px;
	
	--menuring-padding-top : 20px;
	--menumail-padding-top : 20px;
	--menufund-padding-top : 21px;
	--menuuser-padding-top : 14px;
	--menuexit-padding-top : 16px;
	
	--datatable-height : 35px;
	--standard-font : Arial;
	/*--standard-font : apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;*/
}

/* nouveaux éléments */
 /* liens en général*/
a, a:link, a:visited, a:active { color:var(--std-text-color); text-decoration: none; }
a:hover { cursor: pointer; border-bottom: solid 1px var(--bkgd-head-table);}

*:focus {
    outline: none;
}

tr: {
border-bottom : none;	
}	
td: {
font-family: var(--standard-font); 
font-size: var(--size-standard);
color:var(--std-text-color); 
text-decoration: none;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 7;
  opacity: 1;

}
.scrolling-container {
  height: 500px; /* Hauteur fixe du conteneur */
  overflow-y: auto;
  border-bottom: 1px solid var(--lightgrey-color);
}

input[type="text"], input[type="password"] {
height:25px;
font-family: var(--standard-font); 
font-size: var(--size-standard);
color:var(--black-color);
padding: 3px;
-webkit-border-radius:4px;
border-radius:4px;
}

[required] {
   border: 1px dotted #ff7b00;
}

input[type="text-calc"] {
height:25px;
font-family: var(--standard-font); 
font-size: var(--size-standard);
color:var(--black-color);
padding: 3px;
-webkit-border-radius:4px;
border-radius:4px;
background-color: var(--lightgrey-color);
}

input:read-only {border: 0px;}

textarea {
font-family: var(--standard-font); 
font-size: var(--size-standard);
color:var(--black-color);
resize:both;
-webkit-border-radius:4px;
border-radius:4px;
}

select, yadcf-filter {
height:25px;
font-family: var(--standard-font); 
font-size: var(--size-enlarged1);
color:var(--black-color);
background-color: var(--lightgrey-color);
-webkit-border-radius:4px;
border-radius:4px;
border: none;
}
select.closed {
	background: #FE6C01;
}
select.nicerDropDown {
height:28px;
font-size: var(--size-enlarged2); 
font-weight: bold; 
font-family: var(--standard-font); 
text-align-last:center;
border: none;
}

option {
	height:  normal;
	direction: ltr;
}

.green-dot {
	font-size: 19px;
	color: var(--green-dot-color);
}

.red-dot {
	font-size: 19px;
	color: var(--red-dot-color); 
}

.yellow-dot {
	font-size: 19px;
	color: var(--yellow-dot-color); 
}

.blue-dot {
	font-size: 19px;
	color: var(--blue-dot-color); 
}


.hide {
	display: none;	
}

.infoUserDetails {
	background: var(--bkgd-head-table);
	text-align: justify;
	text-justify: inter-word; 
}

/* Pastille filtre */
.topMenuFilterBox {
	position: relative;
	float: left;
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	height: var(--menubar-height);
	width: var(--menubox-width);
	padding-top : var(--menufilter-padding-top);
	padding-left : 25px;
}

.topMenuPlusBox {
	position: relative;
	float: left;
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	height: var(--menubar-height);
	width: var(--menubox-width);
	padding-top : var(--menuplus-padding-top);
	padding-left : 11px;
}

.topMenuPrintBox {
	position: relative;
	float: left;
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	height: var(--menubar-height);
	width: var(--menubox-width);
	padding-top : var(--menuprint-padding-top);
	padding-left : 11px;
}
.topMenububble {
	cursor: hand;
}

.topMenuExportBox {
	position: relative;
	float: left;
	display: inline-block;
	margin-left: 0px;
	margin-right: 0px;
	height: var(--menubar-height);
	width: var(--menubox-width);
	padding-top : var(--menuexport-padding-top);
	padding-left : 11px;
}
/* */

/* Pastille user */
.topMenuUserBox {
	position: relative;
	float: right;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.topMenuUserBox:hover + .hide {
	position: relative;
	float: right;
	display: inline-block;
	top: 45px;
	font-family: var(--standard-font); font-size: 10px; color:var(--black-color); font-weight: normal; 
	color: var(--black-color); outline: none; cursor: help; text-decoration: none;
	background: var(--bkgd-head-table); border: 1px solid var(--bkgd-head-table);	text-align: justify;
}

.topMenuUser {
	background-color: var(--bkgd-head-table); text-align: center; font-family: var(--standard-font); font-size: 16px; color:var(--white-color); font-weight: normal; 
	height: 33px;
	width: 33px;
	top: var(--menuuser-padding-top);
	padding : 4px;
	border-radius: 50%;
	cursor: pointer;
}

.userInitialsText {
	padding-top: 3px;
	padding-left: 0px;
	font-weight: bold;
	text-align: justify;
}
/* */

/* Pastille + */
.topMenuExitBox {
	position: relative;
	float: right;
	display: inline-block;
	height: var(--menubar-height);
	width: 45px;
	text-align: center;
	padding-top : var(--menuexit-padding-top);
}
.topMenuRingBox {
	position: relative;
	float: right;
	display: inline-block;
	height: var(--menubar-height);
	width: 28;
	padding-top : var(--menuring-padding-top);
	margin-left: 10px;
	margin-right: 10px;
}
.topMenuMailBox {
	position: relative;
	float: right;
	display: inline-block;
	height: var(--menubar-height);
	width: 28;
	padding-top : var(--menumail-padding-top);
	margin-left: 10px;
	margin-right: 10px;
}
.topMenuPlus {
	height: 35px;
	width: 35px;
	top: -2px;
	border-radius: 50%;
	cursor: pointer;
}
.topMenuExit {
	
}

.centerText {
	padding-top: 0px;
	padding-left: 5px;
}
/* */

.roundBoxTable { border:1px solid var(--grey-line-color); -webkit-border-radius:8px; border-radius:8px; background-color: var(--lightgrey-color); }

/* fin nouveaux éléments */

body { color: var(--black-color); margin: 0px; background-color: var(--white-color)}


.scroll {
  scroll-behavior: smooth;
}

 /*style page index */
.index_title { border: 1px solid var(--main-color); background-color: var(--lightgrey-color); font-family: var(--standard-font); font-size: 50px; color:var(--main-color); font-weight: bold;  }

/* style entête */
.headerBackground { background-color: var(--lightgrey-color); font-family: var(--standard-font); font-size: 12px; color:var(--white-color); font-weight: normal; }
.headerBar { background-color: var(--main-color); }
.headerBarContent { font-family: var(--standard-font); font-size: 10px; color: var(--white-color); font-weight: bold; padding: 2px; }

/*style fond de page popup modification rapport */
.popup { background: var(--lightgrey-color); }

/*style pour questionnaire utilisé par autre utilisateur */
.wfbusy_alert { font-family: var(--standard-font); font-size: 10px; background-color: #ffb3b5; }

/*style textes standards */
.fieldRequired { font-family: var(--standard-font); font-size: 10px; color: #FF0000; }
.smallText { font-family: var(--standard-font); font-size: 10px; }
/*.main { font-family: var(--standard-font); font-size: 13px; color: var(--grey-color); background-color: var(--white-color)}*/
 .main { font-family: var(--standard-font); font-size: var(--size-standard); font-weight: normal; color: var(--grey-color);}
/* .medium { font-family: var(--standard-font); font-size: 14px; } */
.medium { font-family: var(--standard-font); font-size: var(--size-enlarged2); height: 30px;}
.large { font-family: var(--standard-font); font-size: 16px; }
.big { font-family: var(--standard-font); font-size: 18px; }
.verybig { font-family: var(--standard-font); font-size: 26px; }
.extralarge { font-family: var(--standard-font); font-size: 36px; }
.enormous { font-family: var(--standard-font); font-size: 64px; font-weight: normal;}

/* Tooltip est le style pour la boite d'info de l'utilisateur connecté */
.tooltip { border-bottom: 0px dotted var(--black-color); color: var(--bkgd-selected-line); outline: none; cursor: help; position: relative; font-size: 10px; color: #727272; font-weight: 600; text-decoration: none; }
.tooltip span { margin-left: -999em; position: absolute; }
.tooltip:hover span { border-radius: 5px 5px; -webkit-border-radius: 5px; font-family: var(--standard-font); font-size: 12px; position: absolute; left: -15em; top: 2em; z-index: 99; margin-left: 0; width: 250px; }
.tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; }
.tooltip:hover em { font-family: var(--standard-font); font-size: 10px; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; }
.classic { padding: 0.8em 1em; background: #FFFFAA; border: 1px solid #FFAD33;}
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	text-align: left;}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: var(--bkgd-subhead-table); border: 1px solid #F2F2F2; padding: 1em; text-align: left; border-radius: 8px;}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
.trip { display: none;}

/* info box , boite de dialogue laterale */
.infoBoxTable { border:1px solid var(--grey-line-color); -webkit-border-radius:8px; border-radius:8px; }
.infoBoxHeading  { font-family: var(--standard-font); font-size: 13px; font-weight: normal; background-color: var(--bkgd-subhead-table); color: var(--main-color); border-bottom: solid 1px #B3BAC5;  text-align: center; border-radius:8px; }
.infoBoxContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--main-color); background-color: var(--white-color); }
.infoBoxContentOdd { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); background-color: #FDFDFD;}

/* rounded boxtable */
.rounded { 	-webkit-border-radius:2px; border-radius:2px;}

.roundBoxHeadingRow { color: var(--main-color);}
.roundBoxHeading { font-family: var(--standard-font); font-size: 13px; color: var(--main-color); font-weight: bold;}
.roundBoxContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--main-color); background-color: var(--lightgrey-color); }
.roundBoxContentOdd { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--main-color); background-color: #FDFDFD;}

/* data table lignes et tableau central*/
.display {background-color: var(--white-color); color: var(--black-color); border-collapse: collapse;}
.dataHeadingReport { color: var(--white-color); background-color: var(--main-color);}
.dataTableHeadingReportContent { font-family: var(--standard-font); font-size: 12px; font-weight: bold; color: #727272; background-color: var(--main-color); border-top: solid 1px #B3BAC5;}
.dataTableHeadingRow { background-color: var(--bkgd-head-table); height: 30px; text-align: center; text-transform: uppercase;}
.dataTableSubHeadingRow { background-color: var(--bkgd-subhead-table); height: 30px; border-bottom: solid 1px var(--verylightgrey-color);  }
.dataTableSectionHeadingRow { background-color: var(--bkgd-sect-color); height: 30px; border-top: solid 2px var(--white-color);  }
.dataTableTotHeadingRow { background-color: var(--bkgd-colleft); height: var(--datatable-height); border-bottom: solid 2px var(--white-color)}
.dataTableRowSuccess { background-color: #00FF4D; }
.dataTableRowError { background-color: #FFB3B5; }
.dataTableHeadingContent { font-family: var(--standard-font); font-size: var(--size-standard); font-weight: 600; color: var(--white-color);}
.dataTableSubHeadingContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color);}
.dataTableSectionHeadingContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color);}
.dataTableTotHeadingContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color);}
.dataTableHeadingContentColumn { background-color: #D9EBF2; font-family: var(--standard-font); font-size: 12px; font-weight: bold; color: var(--main-color); border-bottom: solid 1px #B3BAC5; border-top: solid 1px #B3BAC5;}
.dataTableHeadingContent60 { 
        -webkit-transform: rotate(-60deg); 
		background-color: #D9EBF2; font-family: var(--standard-font); font-size: 12px; font-weight: bold; color: var(--main-color); border-bottom: solid 1px #B3BAC5; border-top: solid 1px #B3BAC5;}
.dataTableHeadingContent90
{
	writing-mode: sideways-lr;
    height: 25px;
    /*    -webkit-transform: rotate(-60deg); 
    transform: rotate(-80deg);*/
    transform-origin: left;
    white-space: nowrap;
    margin: 0 0 10px 10px;
	background-color: #D9EBF2; font-family: var(--standard-font); font-size: 12px; font-weight: bold; color: var(--main-color); 
	}
.dataTableHeadingContentRight { font-family: var(--standard-font); font-size: 13px; font-weight: bold; color: var(--white-color); text-align: right; }
.dataTableHeadingContentCenter { font-family: var(--standard-font); font-size: 13px; font-weight: bold; color: var(--white-color); text-align: center; }
.dataTableHeadingContentLeft { font-family: var(--standard-font); font-size: 13px; font-weight: bold; color: var(--white-color); text-align: left;}
.dataTableFooterRow  { background-color: #B3BAC5;}
.dataTableRowTransparent  { background-color: #FBF8EF; font-style: italic;}
.dataTableRow { background-color: var(--white-color); color: var(--black-color); height: var(--datatable-height); border-bottom: solid 1px var(--lightgrey-color);}
.dataTableRowOdd { background-color: var(--white-color); color: var(--black-color); height: var(--datatable-height); border-bottom: solid 1px var(--lightgrey-color);}
.dataTableRowSelected { background-color: #DEE4E8; font-weight: bold; height: var(--datatable-height);}
.dataTableRowHighlighted { background-color: #dad9f2; height: var(--datatable-height);}
.dataTableRowOver { background-color: var(--bkgd-line-over); cursor: pointer; height: var(--datatable-height); border-bottom: solid 1px var(--lightgrey-color);}
.dataTableRowOddOver { background-color: var(--bkgd-line-over); cursor: pointer; height: var(--datatable-height); border-bottom: solid 1px var(--lightgrey-color);}
.dataTableRowSelectedOver { background-color: var(--bkgd-line-over); cursor: pointer; font-weight: bold; height: var(--datatable-height); border-bottom: solid 1px var(--bkgd-line-over);}
.dataContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); height: var(--datatable-height); white-space: pre;}
.dataTableContent { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--grey-color); height: var(--datatable-height); }
.dataTableContentOver { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--grey-color); height: var(--datatable-height); 
  border-bottom: 1px solid #FF9933;
  border-top: 1px solid #FF9933;
  border-left: 1px solid #FF9933;
  border-right: 1px solid #FF9933;
}

.dataTableContentLeftCol {  font-family: var(--standard-font); font-size: var(--size-enlarged1);  background-color: var(--white-color); color: var(--grey-color); height: var(--datatable-height); }
.dataTableContentLined { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); border-bottom: solid 1px #B3BAC5; }
.dataTableContentRight { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); text-align: right;}
.dataTableContentRightLined { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); text-align: right; border-bottom: solid 1px #B3BAC5;}
.dataTableContentCenter { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); text-align: center;}
.dataTableContentLeft { font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); text-align: left;}
.dataTableContentColumn { background-color: #D9EBF2; font-family: var(--standard-font); font-size: var(--size-standard); color: var(--black-color); }

/* Complements a dataTables Foundation */
.dataTables_info, .dataTables_length {
	font-family: var(--standard-font); 
	font-size: var(--size-standard);
	color:var(--grey-color);	
	clear: both;
    float: left;
    padding-top: 0.300em;
    padding-bottom: 0.300em;}

.dataTables_paginate .paging_simple_numbers {
	font-family: var(--standard-font); 
	font-size: var(--size-standard);
	color:var(--grey-color);	
	float: right;
    text-align: right;
    padding-top: 0px;	
}

.paginate_button.current, .paginate_button.current:hover {
	color: #333 !important;
    border: 1px solid #979797;
	background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}
.paginate_button, .paginate_button:active {
	outline: none;
}

.dataTables_wrapper, .dataTables_paginate, .paginate_button {
 	font-family: var(--standard-font); 
	font-size: var(--size-standard);
	box-sizing: border-box;
    min-width: 1.5em;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
	color: #333 !important;
    border: 1px solid transparent;
	border-radius: 2px;
}
.dataTables_paginate, .paginate_button {
    padding: 0.5em 1em;
    margin-left: 2px;
}
/*  */

/* ligne d'entete des pages */
.pageHeading { font-family: var(--standard-font); font-size: var(--size-enlarged2); color: #727272; font-weight: bold; }
.pageSubHeading { font-family: var(--standard-font); font-size: var(--size-standard); font-weight: bold; background-color: #DEE4E8; color: var(--main-color); border-bottom: solid 1px #B3BAC5;  text-align: center;}
.pageMenuHeading { font-family: var(--standard-font); font-size: 11px; color: #727272; font-weight: bold; }

/* ligne texte menu entête */
.menuHeadContent { font-family: var(--standard-font); font-size: 10px; color: #727272; }
.menuSubContent { font-family: var(--standard-font); font-size: 18px; color: #727272; }

.empty {
	background-color: var(--white-color);
}
.current-box {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: var(--white-color);
    float: none;
    border-radius: 2px;
    background-color: #25D31C;
    transform: translateY(-1px);
}

.blue-box {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: var(--white-color);
    float: none;
    border-radius: 2px;
    background-color: var(--main-color);
    transform: translateY(-1px);
}

.open-box {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: #757575;
    float: none;
    border-radius: 2px;
	-webkit-border-radius:2px;
    background-color: #8BFE01;
}

.closed-off {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: var(--lightgrey-color);
    float: none;
    border-radius: 2px;
    background-color: #848484;
    transform: translateY(-1px);
}

.closed-cert {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: var(--white-color);
    float: none;
    border-radius: 2px;
    background-color: #77323a;
    transform: translateY(-1px);
}

.closed-box {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: var(--white-color);
    float: none;
    border-radius: 2px;
    background-color: #ffae00;
    transform: translateY(-1px);
}

.not-open-box {
	padding: 3px 8px;
    white-space: nowrap;
    width: auto;
    text-align: center;
    box-sizing: border-box;
    height: auto;
	color: var(--white-color);
    float: none;
    border-radius: 2px;
    background-color: var(--main-color);
    transform: translateY(-1px);
}

/*--- PORTAL ----*/
.portal_area_logo {
	/* width:70%; */
	height:150vh;
	background-image: url('../portal_bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
}
.portal_area_login {
    position: fixed;
    top: 100px;
	left: 30%;
	width:40%;
	height:auto;
	background-color: var(--black-color)00;
}

/*--- LOGIN ----*/
.login_area_logo {
/*	width:80%;*/
	height:150vh;
	background-image: url('../login_bg.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}
.login_area {
    position: fixed;
    top: 50px;
	right: 0px;
	width:40%;
	height:auto;
/*	background-color: #d3d8db;*/
	background-color: var(--black-color)00;
}

#wait {
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

/********************************************************************/
/*                                                                  */
/* Toute la boutonnerie, standards, dataware, questionaires, ...    */
/*                                                                  */
/********************************************************************/
/* boutons standards */
.hidebutton { display: none;}

button.connect, a.connect {
/* Sliding right image */
background-color:#00755C; 
display: block;
float: left;
height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
width: 320px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
padding-right: 90px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
padding-left: 90px;
padding-top: 0px;
/* FONT PROPERTIES */
text-decoration: none;
color: var(--white-color);
font-family: var(--standard-font);
text-transform: capitalize;
font-size:var(--size-standard);
font-weight:bold;
border: none;
-webkit-border-radius:4px;
border-radius:4px;
}

button.button, a.button {
/* Sliding right image */
background-color:var(--lightgrey-color); /* 46729F */
display: block;
float: left;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
margin-left: 5px;
margin-top: 0px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
padding-left: 18px;
padding-top: 0px;
/* FONT PROPERTIES */
text-decoration: none;
color: #0;
font-family: var(--standard-font);
text-transform: capitalize;
font-size:var(--size-standard);
font-weight:bold;
border: 1px solid var(--lightgrey-color);
-webkit-border-radius:12px; 
 border-radius:12px; 
}

button.button_off, a.button_off {
/* Sliding right image */
background-color:#DEE4E8; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
margin-left: 0px;
margin-top: 0px;
padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
padding-left: 0px;
padding-top: 0px;
/* FONT PROPERTIES */
text-decoration: none;
color: var(--black-color);
font-family: var(--standard-font);
text-transform: capitalize;
font-size:10px;
font-weight:bold;
border: 1px solid var(--bkgd-head-table);
-webkit-border-radius:4px;
border-radius:4px;
}

button.button_link, a.button_link {
/* Sliding right image */
background-color:var(--lightgrey-color); /*46729F*/
height: 18px;  /*CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/* display: block; */
margin-right: 1px;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
/* FONT PROPERTIES */
text-decoration: none;
color: #0;
font-family: var(--standard-font);
text-transform: capitalize;
font-size:10px;
font-weight:bold;
border: 1px solid var(--lightgrey-color);
-webkit-border-radius:12px;
border-radius:12px;
}

button.button_link_light, a.button_link_light {
/* Sliding right image */
background-color:#C8CCCF; 
height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/* display: block; */
margin-right: 1px;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
/* FONT PROPERTIES */
text-decoration: none;
color: var(--black-color);
font-family: var(--standard-font);
text-transform: capitalize;
font-size:10px;
font-weight:bold;
border: 1px solid var(--bkgd-head-table);
-webkit-border-radius:12px;
border-radius:12px;
}

button.button span, a.button span, button.button_off span, a.button_off span {
/* Background left image */ 
display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: none;
-webkit-border-radius:4px;
border-radius:4px;
} 

button.button:hover, a.button:hover, button.button_off:hover, a.button_off:hover, button.button_link:hover, button.button_link_light:hover, a.button_link:hover, a.button_link_light:hover {
background-color:var(--bkgd-button-over); 
}
/*======================================================*/
button.button_tiny, a.button_tiny {
/* Sliding right image */
background-color:#C8CCCF; 
height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/* display: block; */
margin-right: 1px;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
/* FONT PROPERTIES */
text-decoration: none;
color: var(--black-color);
font-family: var(--standard-font);
text-transform: capitalize;
font-size:10px;
font-weight:bold;
border: none;
-webkit-border-radius:4px;
border-radius:4px;
}

button.button_tiny_off, a.button_tiny_off {
/* Sliding right image */
background-color:  
height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
/* display: block; */
margin-right: 1px;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
/* FONT PROPERTIES */
text-decoration: none;
color: var(--bkgd-right-off);
font-family: var(--standard-font);
text-transform: capitalize;
font-size:10px;
font-weight:bold;
border: none;
-webkit-border-radius:4px;
border-radius:4px;
}

button.button_tiny span, a.button_tiny span, button.button_tiny_off span, a.button_tiny_off span {
/* Background left image */ 
display: block;
line-height: 8px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
margin-left: 0px;
margin-top: 0px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 4px;
padding-left: 2px;
border: none;
-webkit-border-radius:4px;
border-radius:4px;
} 

button.button_tiny:hover, a.button_tiny, button.button_tiny_off:hover, a.button_tiny_off:hover 
{
background-color:var(--bkgd-button-over); 
color: var(--white-color);
}

button.onglet_link, a.onglet_link
{
	/* Sliding right image */
	background-color:#DEE4E8; 
	height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	/* display: block; */
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 15px;
	/* FONT PROPERTIES */
	text-decoration: none;
	color: var(--black-color);
	font-family: var(--standard-font);
	text-transform: capitalize;
	font-size:10px;
	border: 1px solid var(--black-color);
	-webkit-border-radius:4px;
	border-radius:4px;
}
button.onglet_link_off, a.onglet_link_off 
{
	/* Sliding right image */
	background-color: var(--bkgd-right-off); 
	height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	/* display: block; */
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 15px;
	/* FONT PROPERTIES */
	text-decoration: none;
	color: var(--black-color);
	font-family: var(--standard-font);
	text-transform: capitalize;
	font-size:10px;
	border: 1px solid var(--black-color);
	-webkit-border-radius:4px;
	border-radius:4px;
}

button.onglet_link:hover, a.onglet_link, button.onglet_link_off:hover, a.onglet_link_off:hover 
{
background-color:#1D5E2F; 
color: var(--white-color);
}
button.onglet_link span, a.onglet_link span, button.onglet_link_off span, a.onglet_link_off span 
{
	/* Background left image */ 
	display: block;
	line-height: 8px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	border: none;
	-webkit-border-radius:4px;
	border-radius:4px;
} 

/* boutons du menu */
a.button_menu {
/* Sliding right image */
background-color:var(--white-color); 
display: block;
float: left;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
width: 185px;
margin-right: 6px;
padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #0;
font-family: var(--standard-font);
font-size:14px;
/* font-weight:bold; */
-webkit-border-radius:3px;
border-radius:3px;
}

a.button_menu_selected {
/* Sliding right image */
background-color:var(--lightgrey-color);  /*DEE4E8*/
display: block;
float: left;
height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
width: 185px;
margin-right: 3px;
padding-right: 3px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: var(--black-color);
font-family: var(--standard-font);
font-size:14px;
font-weight:bold;
/* -webkit-border-radius:3px; */
/* border-radius:3px; */
}

a.button_menu span, a.button_menu_selected span  {
/* Background left image */ 
display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0 5px 5px;
/* -webkit-border-radius:4px; */
/* border-radius:4px; */
} 

a.button_menu:hover, a.button_menu_selected:hover {
background-color:var(--bkgd-button-over); 
color: #0;
text-decoration:none;
/* -webkit-border-radius:3px; */
/* border-radius:3px; */
}


/* boutons du dataware */
a.button_dataware {
/* Sliding right image */
background-color:var(--lightgrey-color); 
display: block;
float: left;
height: 50px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
width: 185px;
margin-right: 6px;
padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: var(--main-color);
font-family: var(--standard-font);
font-size:12px;
font-weight:bold;
-webkit-border-radius:1px;
border-radius:1px;
border: 1px solid var(--bkgd-head-table);
}

a.button_dataware_selected {
/* Sliding right image */
background-color:#FAAB90; 
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
width: 185px;
margin-right: 6px;
padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: var(--black-color);
font-family: var(--standard-font);
font-size:var(--size-standard);
-webkit-border-radius:1px;
border-radius:1px;
}

a.button_dataware span, a.button_dataware_selected span  {
/* Background left image */ 
display: block;
text-align: center;
line-height: 47px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0 5px 5px;
-webkit-border-radius:1px;
border-radius:1px;
} 

a.button_dataware:hover, a.button_dataware_selected:hover {
background-color:var(--bkgd-button-over); 
color: var(--white-color);
text-decoration:none;
-webkit-border-radius:1px;
border-radius:1px;
}

/*boutons des questionaires */
button.button_quest, a.button_quest {
    font-family: var(--standard-font);
    display: block;
    text-decoration: none;
    text-align: center;
	width: 105px;
    padding: 5px;
    margin: 8px 0px 0px 8px;
    font-size: 15px;
    text-transform: uppercase;
    background: var(--lightgrey-color); /*46729F*/
    color: #0;
	/* round corners */
	border-radius: 12px; /* Opera, Chrome */
/* border: 1px solid var(--bkgd-head-table); */
    outline: 0px none;
}

button.button_quest:hover, a.button_quest:hover {
    background: var(--bkgd-button-over);
	color: var(--black-color);
}

/* style pour le dataware */
#dataware_table {
	float: left;
	width: 1100px;
	height: 550px;
	white-space:nowrap;
	overflow: auto;
	padding: 5px;
}	

#dataware_menu {
	float: left;
	width: 230px;
	height: 600px;
	white-space:nowrap;
	overflow: auto;
	padding: 5px;
}	

.dw_section { border:1px solid var(--grey-line-color); border-bottom:none; border-radius:5px 5px 0 0; -webkit-border-radius:4px 4px 0 0; color:#555;}
.dw_ligne { border:1px solid var(--grey-line-color); border-radius:4px; -webkit-border-radius:4px; }

/* drag & drop css */
/*

Darko Bunic
http://www.redips.net/
Apr, 2011.

*/
/* make drag container visible */
#drag, #drag1 , #drag2 {
}

/* drag object (DIV inside table cell) */
.drag {
	margin: auto;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
	font-size: 10pt;
	width: 50px;
	height: 10px;
	line-height: 10px;
	border-width: 0px;
	border-style: solid;
	background-color: white;
	/* round corners */
	border-radius: 4px; /* Opera, Chrome */
}

/* blue DIV elements */
.blue {
	border-color: var(--main-color);
}
/* marked cells (forbidden access for header and message line) */
.mark {
	color: white;
	background-color: var(--main-color);
	text-align: center;
}

/* DIV row handlers (blue left column) */
.row{
	width: 5px;
	margin: 2px;
	border-color: var(--main-color);
	background-color: var(--white-color);
	/* round corners */
	border-radius: 8px; /* Opera, Chrome */
}

/* row handler TD background color */
.rowhandler {
	background-color: #B3BAC5;
}

#dragdiv {
	margin: 0px;
	width: 790px;
	background: var(--lightgrey-color);
	border: 2px dashed LightBlue;
}

.clear { clear: both; }
	
 table.sorting-table {cursor: move;}
 table td.sorter {background-color: #B3BAC5; width: 10px; cursor: move;}

#slideout {
  position: fixed;
  top: 155px;
  width: content;
  left: 0;
  z-index: 10;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout_inner {
  position: fixed;
  top: 150px;
  left: -210px;
  height: content;
  background: rgb(242, 242, 242);
  border-style: solid;
  border-color: var(--main-color);
  border-width: 1px;
  border-radius: 4px; /* Opera, Chrome */
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout:hover {
  left: 220px;
}
#slideout:hover #slideout_inner {
  left: 0;
}

/************ style onglets ***********/
ul {
padding-inline-start: 0px;
}

.onglet{
float: left;
margin:5px 2px 4px 3px;
padding:5px 10px ;
/* border:1px solid #B3BAC5;
border-bottom:none;
border-radius:1px 1px 0 0;
-webkit-border-radius:1px 1px 0 0;
*/
background: var(-white-color);
color:var(--grey-color);
cursor: pointer;
list-style: none;
font-family: var(--standard-font); 
font-size: 13px;
}
.onglet_red{
color:var(--bkgd-button-over);
font-weight:bold;
}
.onglet:hover{
background: var(--bkgd-head-table);
color: var(--white-color);
border-bottom:3px solid var(--bkgd-head-table);
margin:5px 2px 0px 3px;
}         
.onglet_selectionner{
float: left;
margin: 5px 2px -2px 3px;
padding:5px 10px;
border-bottom:3px solid var(--bkgd-head-table);
border-radius:5px 5px 0 0;
-webkit-border-radius:4px 4px 0 0;
font-weight:bold;
background: var(-white-color);
color:var(--grey-color);
cursor: pointer;
list-style: none;
font-family: var(--standard-font); 
font-size: 13px;
}           
.contenu-onglet{
clear: both;
margin-top:-1px;
padding:5px;
border-radius:4px;
-webkit-border-radius:1px;
color:#000001;
cursor: text;
}
#conteneur-onglet{
width: auto;
margin: auto;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating 
.modal {
    display:    block;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('waiting.gif') 
                50% 50% 
                no-repeat;
}
*/
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden 
body.loading {
    overflow: hidden;   
}
*/
/* Anytime the body has the loading class, our
   modal element will be visible 
body.loading .modal {
    display: block;
}
*/

.modal-content {
  top: 50px;
/*  left:290px; */
}

.scroll tbody {
    display: block;
	height: 100px;
	overflow-y: auto;
    overflow-x: hidden;
}

td.details-audit {
    background: url('images/details_open.png') no-repeat center center;
    cursor: pointer;
}
td.details-shown {
    background: url('images/details_close.png') no-repeat center center;
	cursor: pointer;
}

/* Nouvelle mise en page des entetes */
.fixed-header {
	position: fixed;
	overflow: auto;
	top: 0;
	z-index: 10;
	width: 100%;
	height: auto;
}

.logobar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 4px;
	background-color: var(--lightgrey-color);
}

.FCPLogo {
	 background: url('images/logos/logoFC.png') no-repeat center center;
}

.topMenuBar {
	position: fixed;
	top: 0px;
	height: var(--menubar-height);
	width: 100%;
	background-color: var(--verylightgrey-color);
}

.topMenuBarItem {
	float: left;
	width: 85%;
	height: var(--menubar-height);
	overflow-y:auto;
}

.topMenuItemHome, a.topMenuItemHome {
	float: left;
	display: inline-block;
	width: 235px;
	/* width: 110px; so autosize pour le logo*/
	overflow: hidden;
	/*padding: var(--menubar-padding);*/
	background-color: var(--bkgd-colleft);
	text-align: center; font-family: var(--standard-font); font-size: 13px; color:#0; font-weight: normal; 
}
.topMenuItem {
	float: left;
	display: inline-block;
	/* height: 65px; */
	/* width: 90px; */
	padding-left: 4px;
	padding-right: 4px;
	background-color: var(--lightgrey-color);
}

.topMenuFunds {
	position: fixed;
	left: 50%;
	padding-top : var(--menufund-padding-top);
	font-family: var(--standard-font);
	font-size: var(--size-title);
	color: var(--black-color);
	font-weight: 600; 
}
.topMenuEspace {
	position: fixed;
	left: 20%;
	padding-top : var(--menufund-padding-top);
	font-family: var(--standard-font);
	font-size: var(--size-espace-title);
	color: var(--espace-title-color);
	font-weight: 600; 
}
	
.zMenuItem, a.zMenuItem {
	float: left;
	display: inline-block;
	/* height: 65px; */
	/* width: 90px; */
	padding-left: 4px;
	padding-right: 4px;
	background-color: var(--lightgrey-color);
	text-align: center; font-family: var(--standard-font); font-size: 13px; color:#0; font-weight: bold; 
}
.topMenuItem_selected{
	float: left;
	display: inline-block;
	/* height: 55px; */
	/* width: 90px; */
	padding-left: 4px;
	padding-right: 4px;
	background-color: var(--lightgrey-color); 
}
.zMenuItem_selected, a.zMenuItem_selected{
	float: left;
	display: inline-block;
	height: 27px;
	/* width: 90px; */
	padding-left: 4px;
	padding-right: 4px;
	background-color: var(--lightgrey-color); text-align: center; font-family: var(--standard-font); font-size: 13px; color:#0; font-weight: bold;
	border-color: var(--main-color); /* E40521*/
	border-style:solid; 
	border-width:4px;  
	border-top: none;
	border-right: none;
	border-left: none;
}

/* Colonne menu */
.columnLeft {
	position: fixed;
	overflow:scroll;
	overflow-y: auto; /* pour faire disparaitre l'ascenseur si pas la */
	background-color: var(--bkgd-colleft); text-align: left; font-family: var(--standard-font); font-size: var(--size-standard); color:var(--std-text-color); font-weight: normal;
	padding-left: 10px;
	height: 100%;
	width: 235px;
/*	top: var(--menubar-height); dynamic via log size */
	left: 0px;
	z-index: 100;
	-ms-zoom: 0.9;
}

.leftMenu {
	list-style-type: none;
	padding-left: 5px;
 }

.leftMenuItemIcon {
	position: relative;
	height: 30px;
	padding-top: 12px;
	padding-right: 10px;
	color:var(--black-color);
	cursor: pointer;
	font-size: var(--size-standard);
}
.leftMenuItem {
	position: relative;
	height: 30px;
	padding-top: 12px;
	padding-right: 10px;
	cursor: pointer;
	font-size: var(--size-standard);
}
.portalMenuItem {
	position: relative;
	height: 30px;
	padding-top: 18px;
	padding-right: 10px;
	cursor: pointer;
	font-size: var(--size-menu-portal);
}
.portalMenuItemSelected {
	position: relative;
	font-size: var(--size-menu-portal);
	height: 30px;
	padding-top: 18px;
	padding-right: 10px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.leftMenuListSub, .leftMenuSub {
}

.leftMenuItemSub {
	padding-left: 5px;
	font-size: var(--size-standard);
}
a.leftMenuItemSub {
}
a.leftMenuItemSub:hover{
	color: var(--menu-selected-color);
	border-bottom: none;
}

.leftMenuItemSubSelected {
	padding-left: 5px;
	font-size: var(--size-standard);
}
a.leftMenuItemSubSelected {
	color: var(--bkgd-head-table);
	font-weight: bold;
}

.leftMenuSubHide {
	display:none;
}

.leftMenuItemSelected {
	position: relative;
	font-size: var(--size-enlarged2);
	width: 100%;
	height: 25px;
	padding-top: 12px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

.body-div {
	position: relative;
	top: var(--menubar-height);
	left: 244px;
	max-width: 86%;
}

.tool-div {
	position: relative;
	top: 85px;
	height: 34px;
	left: 200px;
	max-width: 89%;
}

#shadowLine {
	bottom: 2px;
	z-index: 10;
    box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    height: 5px;
    width: 100%;
	overflow-x: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
}

/* DatePicker Container */
.ui-datepicker {
	background: #FDFDFD;
	width: 226px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt var(--standard-font), sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: var(--main-color);
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 28px;
	text-align: center;
	cursor: pointer;
	background-image: url('images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 8pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: var(--bkgd-line-over);
}
.ui-datepicker-calendar .ui-state-VL {
	background: #8BFE01;
}
.ui-datepicker-calendar .ui-state-VL-closed {
	background: #FF0000;
}
.ui-datepicker-calendar-VL .ui-state-default {
	background: #8BFE01;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);

	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #8BFE01;
	position: relative;
	margin: -1px;
}

.ui-datepicker-calendar-VL-current .ui-state-default {
	background: #25D31C;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);

	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #25D31C;
	position: relative;
	margin: -1px;
}

.ui-datepicker-calendar-VL-closed .ui-state-default {
	background: #FF0000;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);

	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #FF0000;
	position: relative;
	margin: -1px;
}

.ui-datepicker-calendar .ui-state-active {
	background: var(--bkgd-button-over);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);

	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: var(--lightgrey-color);
	color: #55838f;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}
.ui-datepicked-highlight{
       background-color: #8BFE01;
   }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
  .column {
    float: relative;
    padding-bottom: 100px;
  }
  .portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
  }
  .portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
	background-color: var(--main-color);
	font-family: var(--standard-font); font-size: 14px; color: var(--black-color); font-weight: normal; text-decoration: none; color: var(--white-color);
  }

  .portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
  .portlet-content {
    padding: 0.4em;
  }
  .portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
  }
/* Pure CSS Post Tags */	
* {  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
  
   -webkit-transition: all .1s linear 0;
 transition: all .1s linear 0;

}

.post{
	position:relative;
  text-align:center;
	}

.calendar{
	top:0em;
	padding-top:10px;
	width:48px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 20px/35px "Lucida Sans Unicode", var(--standard-font) Black, var(--standard-font);
	text-align:center;
	color:#000;
  
	text-shadow:#fff 0 1px 0;	
	-webkit-border-radius:3px;
	border-radius:3px;	
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}

.calendar em{
	top: 2px;
	display:block;
	font:var(--size-standard)/18px "Lucida Sans Unicode", var(--standard-font);
	color:#fff;
	width: 49px;
	text-shadow:#00365a 0 -1px 0;	
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a)); 
	background:-moz-linear-gradient(top,  #04599a,  #00365a); 
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #00365a;
	}

.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:5px;	
	width:8px;
	height:8px;
	background:#111;
	z-index:1;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	}
.calendar:before{left:08px;}	
.calendar:after{right:14px;}

.calendar em:before, .calendar em:after{
	content:'';
	float:left;
	position:absolute;
	top:-5px;	
	width:4px;
	height:14px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(var(--grey-line-color))); 
	background:-moz-linear-gradient(top,  #f1f1f1,  var(--grey-line-color)); 
	z-index:2;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
.calendar em:before{left:10px;}	
.calendar em:after{right:15px;}