/*
	agenda css
	
	*/
	*/
html, body, .wrapper {
  width: 95%;
  height: 100%;
}
/*  This to make call from modal to modal scroll */
.modal {
	overflow-y: auto;
}

/* this is to add extralarge bootstrap modal */
@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width:1200px;
	}
}


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;

    -webkit-touch-cautoout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

/***** navbar *****/
	.navbar {padding: 10px 0;}
	.navbar-brand {height: auto; padding: 0;}
	.navbar ul li a{font-size: 16px;}
	.nav > li > a: focus, 
	.nav > li > a: hover {background-color: transparent; text-decoration: underline;}


.tabadmin {
	display: none;
}

/***** login passw join confirm *****/
.loginForm {
	max-width: 420px; 
	margin: 0 auto;
}


@media (max-width: 575px) {
	.display-4 {
		font-size: 1.5rem;
	}
	.day h5 {
		background-color: #f8f9fa;
		padding: 3px 5px 5px;
		/*margin: -8px -8px 8px -8px;*/
	}
	.date {
		padding-left: 4px;
	}
	
	#aagd_gauche {
		float: none;
	}
	#aagd_droite {
		float: none;
	}
	#aagd_gauche h5 {
		font-size: 15px;
	}
	#row_jour {
		display: none;
	}
}

@media (min-width: 576px) {
	.day {
		height: 14vh; /* 14.2857vw; */	
	}
}

#aagd_gauche {
	width: 20%;
	padding: 5px;
	float: left;
}
#list_cr {
	height: 80vh;
	overflow-y: scroll;	
}
#aagd_droite {
	width: 78%;
	padding: 5px;
	float: right;
}
.dispresa {
	width: 100%;
}
.d_resa {
	height: 25px;
	width: 100%;
	vertical-align: middle;
	padding-left: 4px;
	color: black;
}

.cursopt {
	cursor: pointer;
}