/* CSS Document - Calendrier - Page FullCalendar*/
.calendar {float: right; background: #f2f2f2; font-size:12px;} 
.selectUser, .selectAgence{width:300px;height:60px; text-align: left;}
.popinAdd{display:inline-block;width:100%;text-decoration:none;}
.fc-title{display:inline; margin-left:5px;}

#calendarAnnual{float:left;width:85%;}
#fc-calendar-table{border-collapse: separate;}
#fc-calendar-table td{height:40px;border-top:0;border-right:0;border-left:0;}
#fc-calendar-table tbody td:nth-child(even){border-right:5px solid white;}
#fc-calendar-table tbody td:nth-child(odd){width:10px;}
#fc-calendar-table .fc-annual-week-number{position:inherit;float:right;border-radius:90px;background-color:#000000b0;padding:5px;color:#fff;font-weight:bold;width:25px;height:25px;}
#fc-calendar-table .ui-widget-header{border-right:5px solid white !important;height:40px;font-size:1.2em;vertical-align:middle;text-align:right;padding-right:8px;box-shadow:inset 0px -20px 10px -18px black;color:white;}
.fc-event-image{width:20px;height:20px;display:inline-block;}
/* SL 27/10/2021 - le touch-action est necessaire dans notre cas pour chrome et edge */ 
#fc-calendar-table .fc-event{z-index:2;position:absolute;touch-action:none;}

/* Bouton dans les filtres*/
.btn_white{border:1px solid gray;color:black !important;background:white;width:20px !important;}
.btn_click{margin-bottom: 10px;margin-right:10px;}
.btn_click div{width:170px;height:40px;display:table;}
.btn_click div span{display:table-cell;vertical-align: middle;}
.btn_click{opacity:0.3;}
.clicked{opacity:1;}
.clicked .btn_white{border:2px solid black;}

/* Element a programmer */
#element_a_programmer{background-color:#6a6a6a;color:white;border-radius:2px;padding:25px 20px;float:right;width:14%;}
#element_a_programmer .title_a_programmer{font-weight:bold;font-size:1.5em;}
#element_a_programmer .ajout_a_programmer{position:absolute;padding:5px;left:-15px;border-radius:90px;border:1px solid #6a6a6a;color:#6a6a6a;background-color:#fff;font-size:1.5em;}
#element_a_programmer .ajout_a_programmer:hover{text-decoration: none;background-color:#6a6a6a;color:#fff;}
#element_a_programmer .icon_a_programmer{position:absolute;right:5px;}
.listeElementAProgrammer li{padding:10px;margin-bottom:20px;color:#fff;border:none;touch-action:none;}

/* Pour le drag&drop */
.drop-target{background-color:#18b0bf3d !important;}