.coheris-base-datetimePicker {
}

/*
 ------------------------------------------
| Ligne de selection des heures et minutes |
 ------------------------------------------
*/
.coheris-base-datetimePicker .x-form-field-wrap .x-form-spinner-trigger {
  height: 28.9px;
  width: 28.9px;
}

.coheris-base-datetimePicker #timePanel_okButton {
  background: var(--main-primary);
  border: 1px solid var(--main-primary);
  border-radius: 4px;
  border-collapse: separate;
}
.coheris-base-datetimePicker #timePanel_okButton:hover {
  background: var(--primary-button-background-hover);
}
.coheris-base-datetimePicker #timePanel_okButton .x-btn-text{
  color: white;
  font-family: var(--font-family);
}





/*
 ------------------------------------------
| Ligne de selection du mois et des années |
 ------------------------------------------
*/
.coheris-base-datetimePicker .x-date-middle,
.coheris-base-datetimePicker .x-date-left,
.coheris-base-datetimePicker .x-date-right {
  background: white;
}

.coheris-base-datetimePicker .x-date-middle .x-btn-click .x-btn-text {
  border-width: 0 !important;
  background: none !important;
}
.coheris-base-datetimePicker .x-date-middle .x-btn .x-btn-text,
.coheris-base-datetimePicker .x-date-right a::before,
.coheris-base-datetimePicker .x-date-left a::before {
  font-size: 20px;
  color: var(--main-primary);
}
.coheris-base-datetimePicker .x-date-middle .x-btn .x-btn-text {
  font-family: var(--font-family);
  text-transform: capitalize;
}

.coheris-base-datetimePicker .x-date-right a,
.coheris-base-datetimePicker .x-date-left a {
  opacity: 0.6;
}





/*
 ------------------------------------------
|                Calendrier                |
 ------------------------------------------
*/

.coheris-base-datetimePicker .x-date-inner .x-date-prevday,
.coheris-base-datetimePicker .x-date-inner .x-date-nextday,
.coheris-base-datetimePicker .x-date-inner .x-date-today,
.coheris-base-datetimePicker .x-date-inner .x-date-selected,
.coheris-base-datetimePicker .x-date-inner .x-date-active,
.coheris-base-datetimePicker .x-date-inner .x-date-disabled {
  border-radius: 4px;
  padding: 1px 0px;
}

.coheris-base-datetimePicker .x-date-inner .x-date-prevday:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-nextday:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-today:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-selected:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-active:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-disabled:hover {
  background: var(--main-primary-background-highlighted);
  border-color: var(--main-primary-background-highlighted);
}

.coheris-base-datetimePicker .x-date-inner .x-date-prevday a,
.coheris-base-datetimePicker .x-date-inner .x-date-nextday a,
.coheris-base-datetimePicker .x-date-inner .x-date-today a,
.coheris-base-datetimePicker .x-date-inner .x-date-selected a,
.coheris-base-datetimePicker .x-date-inner .x-date-active a,
.coheris-base-datetimePicker .x-date-inner .x-date-disabled a {
  border-width: 0;
  background: none;
  font-family: var(--font-family);
  color: var(--labels-color);
/*  padding: 2px 6px;*/
}
.coheris-base-datetimePicker .x-date-inner .x-date-prevday a,
.coheris-base-datetimePicker .x-date-inner .x-date-nextday a {
  color: var(--main-color-disable);
}

.coheris-base-datetimePicker .x-date-inner .x-date-prevday a:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-nextday a:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-today a:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-selected a:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-active a:hover,
.coheris-base-datetimePicker .x-date-inner .x-date-disabled a:hover {
  color: var(--main-primary);
}

.coheris-base-datetimePicker .x-date-inner .x-date-today,
.coheris-base-datetimePicker .x-date-inner .x-date-selected {
  border-color: var(--main-primary);
}

.coheris-base-datetimePicker .x-date-inner .x-date-today span,
.coheris-base-datetimePicker .x-date-inner .x-date-selected span {
  font-weight: bold;
}

.coheris-base-datetimePicker .x-date-inner .x-date-today {background: white;}
.coheris-base-datetimePicker .x-date-inner .x-date-today a {color: var(--main-primary);}

.coheris-base-datetimePicker .x-date-inner .x-date-selected {background: var(--main-primary);}
.coheris-base-datetimePicker .x-date-inner .x-date-selected a {color:white;}





/*
 ------------------------------------------
| Bloc de sélection du mois et de l'année  |
 ------------------------------------------
*/

.coheris-base-datetimePicker td.x-date-mp-sel a,
.coheris-base-datetimePicker td.x-date-mp-month a,
.coheris-base-datetimePicker td.x-date-mp-year a {
  border-radius: 4px;
  border-width: 0px;
  font-family: var(--font-family);
  color: var(--labels-color);
  padding: 3px 0;
}

.coheris-base-datetimePicker td.x-date-mp-sel a:hover,
.coheris-base-datetimePicker td.x-date-mp-month a:hover,
.coheris-base-datetimePicker td.x-date-mp-year a:hover {
  color:var(--labels-color);
  background: var(--main-primary-background-highlighted);
}

.coheris-base-datetimePicker td.x-date-mp-sel a {
  color:white;
	background: var(--main-primary);
}




/*
 ------------------------------------------
| Boutons Aujourd'hui / Valider / Annuler  |
 ------------------------------------------
*/
.coheris-base-datetimePicker .x-date-bottom .x-btn-mc button,
.coheris-base-datetimePicker .x-date-mp-btns button {
  color: var(--main-primary);
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: var(--font-family);
  text-transform: capitalize;
  font-size: 16px;
/*  padding: 5px 0px;*/
  min-width: 100px;
  margin: 0 15px;
}

.coheris-base-datetimePicker .x-date-bottom .x-btn-mc button:hover,
.coheris-base-datetimePicker .x-date-mp-btns button:hover {
  border-color: var(--main-primary);
}

.coheris-base-datetimePicker .x-date-mp-btns {
  background: white;
  border-top: 1px solid #CCCCCC;
}