/*/ Polylog SA (c) 2024 /*/

/*/ Ligne de temps /*/

.fwk-cal-timeline { 
	background-color: var(--gray1);
	border-radius: var(--round1) var(--round1) var(--round3) var(--round3);
	overflow: auto;
	max-height: 600px;
	}

.fwk-cal-timeline thead th.fwk-cal-timeline-head-top {
	position: sticky;
	z-index: 3;
	left: 200px !important;
	box-shadow: -2px 0px 0px 0px var(--white);
	}
	
.fwk-cal-timeline thead th.fwk-cal-timeline-head-mid {
	position: sticky;
	z-index: 1;
	top: 44px !important;
	box-shadow: -2px 0px 0px 0px var(--white);
	}

.fwk-cal-timeline th.fwk-cal-timeline-cell.cell-l {
	width: 150px;
	max-width: 150px;
	min-width: 150px;
	}
	
.fwk-cal-timeline td.fwk-cal-timeline-cell.cell-l {
	width: 150px;
	max-width: 150px;
	min-width: 150px;
	padding: 0 !important;
	vertical-align: top;
	}
		
.fwk-cal-timeline th.fwk-cal-timeline-cell.cell-m {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	width: 70px;
	max-width: 70px;
	min-width: 70px;
	}
	
.fwk-cal-timeline td.fwk-cal-timeline-cell.cell-m {
	width: 70px;
	max-width: 70px;
	min-width: 70px;
	padding: 0 !important;
	vertical-align: top;
	}
	
.fwk-cal-timeline th.fwk-cal-timeline-cell.cell-s {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
	}
	
.fwk-cal-timeline td.fwk-cal-timeline-cell.cell-s {
	width: 50px;
	max-width: 50px;
	min-width: 50px;
	padding: 0 !important;
	vertical-align: top;
	}
	
.fwk-cal-timeline th.fwk-cal-timeline-cell.cell-stick,
.fwk-cal-timeline td.fwk-cal-timeline-cell.cell-stick {
	position: sticky;
	z-index: 4;
	left: 0;
	background-color: var(--gray1);
	min-width: 200px;
	}

.fwk-cal-timeline-event {
	font-size: 9px;
	line-height: 14px;
	font-weight: 600;
	border-radius: var(--round3);
	margin: 0;
	padding: 3px 5px;
	z-index: 0;
	position: absolute;
	width: calc(100px);
	height: 44px;
	background: var(--col1-light);
	color: var(--fixdark);
	border: 1px solid var(--col1);
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	}	
	
/*/ Mois /*/

.fwk-month-container-head {
	background: var(--gray1);
	border-radius: var(--round1);
	padding: 15px;
	margin: 0 0 15px;
	font-weight: 600;
	}

.fwk-month-container-head em {
	width: 20px;
	line-height: inherit;
	font-size: 14px;
	float: left;
	color: var(--main);
	}
	
.fwk-cal-month {
	background-color: var(--gray1);
	border-radius: var(--round1) var(--round1) var(--round3) var(--round3);
	overflow: auto;
	max-height: 600px;
	}

.fwk-cal-month .fwk-cal-month-week {
	font-size: 9px;
	width: 58px;
	min-width: 58px;
	max-width: 58px;
	text-align: center;
	position: sticky;
	z-index: 0;
	left: 0;
	background: var(--gray1);
	}

.fwk-cal-month .fwk-cal-month-head {
	position: sticky;
	z-index: 2 !important;
	top: 0 !important;
	left: 58px !important;
	box-shadow: -1px -1px 0px 0px var(--white), 1px -1px 0px 0px var(--white), -1px 0px 0px 0px var(--white), 1px 0px 0px 0px var(--white), 0px -1px 0px 0px var(--white);
	}
	
.fwk-cal-month .fwk-cal-month-week.week-head {
	position: sticky;
	z-index: 3 !important;
	top: 0 !important;
	}
	
.fwk-cal-month .fwk-cal-month-cell {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	height: 165px;
	max-height: 165px !important;
	vertical-align: top;
	}

.fwk-cal-month .fwk-cal-month-cell-date {	
	text-align: right;
	font-weight: 600;
	}
	
.fwk-cal-month tbody tr:hover td { 
	background: var(--gray1);
	}
	
.fwk-cal-month .fwk-cal-month-cell.cell-shadow {
	color: var(--mid1);
	}

.fwk-cal-month .fwk-cal-month-cell.cell-weekend {
	background: var(--gray2);
	}
	
.fwk-cal-month-event {
	font-size: 9px;
	line-height: 18px;
	font-weight: 400;
	border-radius: var(--round3);
	margin-top: 5px;
	padding: 0 5px;
	background: var(--col1-light);
	color: var(--fixdark);
	border: 1px solid var(--col1);
	text-align: left;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	}	

.fwk-cal-month-event.event-oneday {
	border-style: dashed;
	background: transparent !important;
	}	
		
/*/ Semaine /*/

.fwk-cal-week { 
	background-color: var(--gray1);
	border-radius: var(--round1) var(--round1) var(--round3) var(--round3);
	overflow: auto;
	max-height: 600px;
	}
	
.fwk-cal-week thead.fwk-cal-week-head-top {
	position: sticky;
	z-index: 3;
	top: 0 !important;
	}

.fwk-cal-week thead.fwk-cal-week-head-mid {
	position: sticky;
	z-index: 2;
	top: 44px !important;
	}
	
.fwk-cal-week .fwk-cal-week-cell {
	vertical-align: top;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	padding: 8px 10px;
	position: relative;
	overflow: visible;
	}

.fwk-cal-week.week-oneday .fwk-cal-week-cell {
	max-width: auto !important;
	width: auto !important;
	}
 
.fwk-cal-week tbody tr:hover td { 
	background: var(--gray1);
	}
	
.fwk-cal-week .fwk-cal-week-cell.cell-time,
.fwk-cal-week .fwk-cal-week-cell.cell-time-head {
	font-size: 9px;
	width: 58px !important;
	min-width: 58px;
	max-width: 58px;
	text-align: center;
	position: sticky;
	z-index: 1;
	left: 0;
	background: var(--gray1);
	}

.fwk-cal-week .fwk-cal-week-cell.cell-time-head {
	vertical-align: middle;
	}
	
.fwk-cal-week .fwk-cal-week-cell.cell-time {
	padding-top: 0;
	}
	
.fwk-cal-week .fwk-cal-week-cell.cell-grid {
	padding: 0;
	max-height: 36px;
	height: 36px;
	min-height: 36px;
	}
	
.fwk-cal-week .fwk-cal-week-cell.cell-shadow {
	background: var(--gray2);
	}
	
.fwk-cal-week .fwk-cal-week-cell.cell-now {
	background: var(--main-light);
	}
	
.fwk-cal-week .fwk-cal-week-cell.cell-selected {
	background: var(--main-light);
	}
	
.fwk-cal-week .fwk-cal-week-date.date-today {
	color: var(--main);
	}
	
.fwk-cal-week-event-full {
	font-size: 9px;
	line-height: 18px;
	font-weight: 400;
	border-radius: var(--round3);
	margin-top: 5px;
	padding: 0 5px;
	background: var(--col1-light);
	color: var(--fixdark);
	border: 1px solid var(--col1);
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	}	
	
.fwk-cal-week-event-grid {
	font-size: 9px;
	line-height: 14px;
	font-weight: 600;
	border-radius: var(--round3);
	margin: 0;
	padding: 3px 5px;
	z-index: 2;
	position: absolute;
	white-space: normal; 
	overflow: hidden; 
	text-overflow: ellipsis;
	width: 100%;
	background: var(--col1-light);
	color: var(--fixdark);
	border: 1px solid var(--col1);
	}	
	
.fwk-cal-week-event-comment {
	font-size: 9px;
	line-height: 14px;
	font-weight: 400;
	}	
	
.fwk-cal-week-event-full.event-temp,
.fwk-cal-week-event-grid.event-temp {
	background: repeating-linear-gradient(45deg, var(--red-light), var(--red-light) 10px, var(--orange-light) 10px, var(--orange-light)20px);
	}