/* Cacher le bouton pour changer son mot de passe si première connexion */
#first-time {
	display: none;
}

/* Cacher le bouton accès docteur */
#doctor-button  {
	display: none;
}

/* On centre tous les blocs seuls */
.row {
	display: flex;
    justify-content: center;
    align-items: center;
}


/* On remonte le bloc où on saisi notre ID examen et notrce date de naissance */
.exam {
	margin-top: -100px;
}

/* Correction de différent bug de la page d'accueil : le bloc Patient n'est plus flottant, on corrige les marge et l'alignement au centre */
.access>.container {
	position: relative;
	top: 0;
	left: 0;
	/*width: 970px;*/
	width: 80%;
	transform: translate(0%, 0%);
	margin-top: -60px;

}

#index_footer {
	padding-top: 58px;
}


/* Cacher l'accès aux examen par code d'accès directement */
.wrap>.row>.or {
	display: none;
}












/* Section for the calendar */
/* 1. Define the colors and fonts
   2. Shape the calendar
   3. Shape the calendar-header
   4. Shape the days of the week
   5. Shape the animation when the cursor mouse is hover
   6. Shape the current date of the day and no animation for it
   7. Shape the month-picker
   8. Shape the year-picker
*/

:root 
{
    --dark-body: #4d4c5a;
    --dark-main: #141529;
    --dark-second: #79788c;
    --dark-hover: #323048;
    --dark-text: #f8fbff;
    
    --light-body: #f3f8fe;
    --light-main: #fdfdfd;
    --light-second: #c3c2c8;
    --light-hover: #edf0f5;
    --light-text: #151426;
    
    --blue: #007497;
    --white: #fff;
    --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    
    --font-family: cursive;
}

.light {
    --bg-body: var(--light-body);
    --bg-main: var(--light-main);
    --bg-second: var(--light-second);
    --color-hover: var(--light-hover);
    --color-txt: var(--light-text);
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

div#ui-datepicker-div {
    height: max-content;
    width: max-content;
    background-color: var(--light-body);
    border-radius: 30px;
    padding: 15px;
    position: relative;
    overflow: hidden;
}


.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background-color: var(--light-body);
    border: none;
}

.ui-datepicker-calendar > thead{
    border-bottom: 1px solid gray;
}


.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-datepicker td span, .ui-datepicker td a:hover {
    background-color: #ddd !important;
}

.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
    visibility : hidden;
}

.ui-state-highlight, .ui-widget-content.ui-state-highlight, .ui-widget-header.ui-state-highlight {
    color: var(--white) !important;
}

.ui-state-default.ui-state-highlight{
    background-color: var(--blue) !important;
}

.ui-state-default, .ui-widget-content.ui-state-default, .ui-widget-header.ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    background-color: var(--white) !important;
    border-radius: 50%;
}