.weekLine {display: flex;justify-content: space-between} 
.weekObj {text-align:center;}
.weekTitle {font-size:14px;color:#CC0000;font-weight: bold}
.agdDay.dayDisabled {color:#CCC;}

/*
.agdDayTitle.dayDisabled {color:#888;} 
*/

.dayCurrent {border-color:red!important;}



.agdMonth {font-weight:bold;color:#00A2E8;font-size:24px;text-align:left;margin-top:10px;padding-left:15px;}
.agdMonth .agdYear {font-weight:400;color:#CCC;font-size:16px;}

.weekObj {width:50px}

.agdDay {border:2px solid #FFF;width:40px;height:42px;padding-top:8px;font-size:16px;border-radius:6px;}


.weekObjSize1 .weekObj {width:42px;}
.weekObjSize1 .agdDay {width:42px;height:42px;margin-top:8px;padding-top:7px;font-size:16px;}
.weekObjSize1 .agdMonth {}
.weekObjSize1 .agdMonth .agdYear {} 
.weekObjSize1. weekTitle {}

.agdTime:hover,.agdDay:hover {cursor:pointer;background-color:darkOrange;border-color:red;color:#FFF;}

.calendarWeek {background-color:#FFF;padding:10px;position:relative;}
#agd_day_header {margin-left:40px;}
#agd_day_header .agdMonth {font-size:24px;}
#agd_day_header .agdYear {font-size:20px;}

.agd_day_30mn {text-align:center;font-size:12px;padding-top:10px;}


.agdDay.otherMonth {color:#888;background-color:#FFF;opacity:0;}
.agdRound .agdDay.otherMonth {color:#888;background-color:#FFF;opacity:1;}

.agdDay.selected {background-color:#00A2E8;color:#FFF;font-weight:bold;}
.dailyLine {display: flex;}
.dailyLine .col1 {color:#00A2E8;font-weight:bold;width:40px;padding:10px 4px 0px 0px;text-align:right;font-size:14px;}
.dailyLine .col2 {display: flex;flex-grow: 1; }
.agdTime {position:relative;border-radius:10px;background-color:#EEE;height:40px;border:2px solid #FFF;flex-grow: 1;}
.agdTime30 {background-color:#888;height:40px;width:2px;flex-grow: 0;position:relative;}

.agdTime .c1 {display:none;position:absolute;top:2px;left:2px;color:#FFF;font-size:12px;}
.agdTime .c2 {display:none;position:absolute;bottom:2px;right:2px;color:yellow;font-size:12px;}

.hour_start .c1 {display:block;}
.hour_end .c2 {display:block;}

.hour_select {background-color:#00A2E8!important;color:#FFF!important;}
.day_event {background-color: #99d9ea;color: #333;font-weight: bold;}
.hour_event {background-color: #99d9ea;color: #333;}

.agenda-btn , .agendaOption .agd_frame , .agendaOption .icon,.agendaOption .textLine,.calendarNb .nb,.agdTime,.agdDay,.btn-month {
    -webkit-transition: all 0.2s ease-in-out,box-shadow 1ms;
    -moz-transition: all 0.2s ease-in-out,box-shadow 1ms;
    transition: all 0.2s ease-in-out,box-shadow 1ms;
}

.eventEdit {}
.eventEdit #agd_day_header {margin-left:0px!important}
.eventEdit #agd_day_header .col1 {flex-grow:0!important;}

.eventEdit .agdDay {display:none;}
.eventEdit .selected {display:block;}

.eventEdit .weekObj {display:none;}
.eventEdit .selected {display:block!important}

.eventEdit .id-close {display:block!important}
.eventEdit .id-save {display:block!important}
.eventUpdate .id-delete {display:block!important}

.agd_area {
    border-radius: 5px;
    padding: 2px 3px;
    font-family: Arial;
    border: 1px solid #AAA;
    height: 74px;
    width: 100%;
    resize: none;
    font-size: 16px;
}

.agd_area:focus {
    outline: none !important;
    border:1px solid #999;
}

.calendarDark {
background:#F98262;
}

.calendarDark .agdMonth {color:#FFF;}

/* TRANSITIONS */


.btn-month {padding:10px;}


.calendarNb {display:inline-block;width:20%;padding:5px;text-align:center;font-size:16px;}
.calendarNb .nb {padding:10px;border:1.5px solid #AAA;border-radius:5px;background-color: #FFF;}

.calendarTitle {color:#F98262;padding:5px 5px;font-size:18px;font-weight:bold;}
.calendarNb.selected .nb {background-color:#00A2E8;color:#FFF;font-weight:bold;border-color:#FFF;}

.calendarTitle .year {color:#CCC;font-weight:400;}
.calendarTitle .day {color:#00A2E8;}
.calendarTitle .month {color:#00A2E8;}
.calendarTitle .dayWeek {color:#000;font-weight:400;}

.agendaOption .agd_frame {border-radius:5px;border:2px solid #00A2E8; }

.agendaOption table {width:100%;}

.agendaOption .icon {font-size:14px;padding:0px 10px;text-align:center;color:#888;}
.agendaOption .textLine {text-align:center;font-size:16px;padding:10px 10px;color:#FFF;background-color:#00A2E8;font-weight:bold;}

.open.agendaOption .textLine { background-color:#CCC;}
.open.agendaOption .agd_frame {border-color:#CCC; }
.open.agendaOption svg { fill:#CCC;}
.open.agendaOption .yellow {color:#FFF!important;}
.modify:before {content:"Modifier";}
.open.agendaOption .modify:before {content:"Fermer"}

.text-option-agenda {display:inline-block;font-weight:bold;border-radius:5px;font-size:16px;padding:10px 15px;color:#FFF;background-color:#00A2E8;}


.agendaBox { padding-top:15px; }
.agendaSelect {}
.agendaOption {margin-bottom:10px;}
.dateBox {padding-top:0px;}

.agenda-btn {
    padding: 10px;
    border: 1.5px solid #AAA;
    border-radius: 5px;
    background-color: #FFF;
    font-size:16px;
    text-align: center;
}


.agenda-btn .grey {color:#AAA;}
.agenda-btn .bold {font-weight:bold;}

/* agdRound */

.agdRound .agdDay.dayDisabled {color:#FFF;}
.agdRound .agdDay {border-radius:50%;background-color:#EEE;margin-top:10px;font-size:20px;height:50px;}



@media(hover: hover) and (pointer: fine) {
.agdDay.dayDisabled:hover {border-color:#888;background-color: #DDD;}
.btn-month:hover {color:red!important;cursor:pointer;}
.calendarNb:hover .nb {background-color:darkOrange;color:#FFF;cursor:pointer;border-color:red!important}
.agendaOption:hover .agd_frame {border-color:darkOrange;cursor:pointer;}
.agendaOption:hover .icon {color:darkOrange;}
.agendaOption:hover svg {fill:darkOrange!important;}
.agendaOption:hover .textLine {background-color:darkOrange;}
.text-option-agenda:hover {background-color:darkOrange;border-color:red;cursor:pointer;}
.agenda-btn:hover {
    background-color:darkOrange;border-color:red;cursor:pointer;color:#FFF;
}
.agenda-btn:hover .grey {color:#FFF;}

}

.agenda-btn.selected {
    background-color:#00A2E8;border-color:#00A2E8;cursor:pointer;color:#FFF;
}

.agenda-btn.selected .grey {
    color: #FFF;
}    

.tdate-pane {
    margin-top: 4px;
    display: none;
}