body {
    background-color: #efefef;		/*** Couleur de fond de la page ***/
}

#book-appointment-wizard {
	box-shadow: none;				/*** Désactivation de l'ombre sous la boite ***/	
}

#book-appointment-wizard #header {
	background: #efefef;			/*** Couleur de fond de l'entête avec les étapes du formulaire ***/
	padding: 10px;
}

#book-appointment-wizard .book-step {
    background: #ee7e17;			/*** Couleur de fond de chaque étape ***/
}
#book-appointment-wizard .book-step strong {
    color: #fff;					/*** Couleur du texte des étapes ***/
}

#book-appointment-wizard .active-step {
	background: #fff				/*** Couleur de fond de l'étape active ***/
}

#book-appointment-wizard .active-step strong {
    color: #ee7e17;					/*** Couleur de texte de l'étape active ***/
    font-size: 21px;
}

/*********** Personnalisation du calendrier *************/

body .ui-widget.ui-widget-content {
    border: 1px solid #696969;		/*** Couleur des bordures du calendrier ***/
}

body .ui-datepicker .ui-widget-header {
    background: #696969;			/*** Couleur de fond : sélection du mois ***/
}
body .ui-datepicker th {
    background: #696969;			/*** Couleur de fond : jour de la semaine ***/
}

body .ui-datepicker td a, body .ui-datepicker td span {
	color: #696969 !important;		/*** Couleur du texte des jours du calendrier ***/
}

html body .ui-datepicker td a.ui-state-active {
    background: #696969!important;	/*** Couleur de la date sélectionnée ***/
}

body .ui-datepicker td a.ui-state-highlight {
	background: #9a9a9a !important;	/*** Couleur de fond - jour inactif ***/
}

#book-appointment-wizard #available-hours .selected-hour {
    background-color: #696969;		/*** Couleur de fond - créneau sélectionné ***/
    border-color: #696969;			/*** Couleur de bordure - créneau sélectionné ***/
}



/************** BACKEND *********************/
#header #header-logo img {
    width: auto;
    height: 80px;
}
#header #header-logo h6 {
    margin-top: 25px;
}

#header {
    background-color: #000;
}

#header #header-menu .nav-item:hover,
#header #header-menu .nav-item.active {
    background: #ee7e17;
}

.btn-primary {
    background-color: #ee7e17 !important;
    border-color: #ee7e17 !important;
}

.nav-pills .nav-link.active {
    background-color: #ee7e17 !important;
}

a {
    color: #ee7e17;
}

body .ui-draggable .ui-dialog-titlebar {
    background: #ee7e17;
}

body .modal-header {
    background: #ee7e17;
}