::-webkit-scrollbar { width: 10px; height: 10px; }	
::-webkit-scrollbar-thumb { background: rgba(200,200,200,0.8); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(200,200,200,0.4); }	
	
.card-block { min-height: 60vh; }			
@media screen and (max-height: 1200px) { .card-block { min-height: 73vh; } }
@media screen and (max-height: 900px)  { .card-block { min-height: 68vh; } }		
@media screen and (max-height: 700px)  { .card-block { min-height: 64vh; } }	
@media screen and (max-height: 600px)  { .card-block { min-height: 60vh; } }		
@media screen and (max-height: 500px)  { .card-block { min-height: 56vh; } }			

body {
	font-size:12px!important;
}

#box {
	overflow-y: visible;
	overflow-x: auto;		
	vertical-align: text-top;   
	background-color: #fefaf5;
	padding: 0;		
	clear: both;		
	border-spacing: 5px;
}	
.jour {		
	overflow-x: none;
	overflow-y: auto;		
	height: 1px;	
	margin-bottom: 8px;
	min-height: calc(100vh - 115px);
}	
.intro-section {
	display: table-cell;
}
.dte {
	text-align:center;
	font-weight:bold;		
	padding:10px;
}
.hre {
	text-align:left;
	font-weight:bold;
	padding:10px 0;
}
.add-rdv-button {
	float: right;
	padding-left: 10px;
}
.rdv {		
	border-top:1px solid #000;
	padding:10px 0;
}
.pied {
	margin-top:8px;
}
.creneau {
	border: 1px solid #000;
	padding: 0 5px 0 5px;
	margin:5px 5px 0px 5px;
	background-color: #fff5dc;	
	line-height: 1.4em!important;
}	
.creneau-vide {
	background-color: #f2fbed!important;	
}
.creneau-bloque {
	background-color: #ffcccc!important;	
}
.creneau-journee {
	background-color: #daddfe!important;	
}

.espace-client, .lockUnlock {
	float:right;		
}
.espace-client-refuse {
	opacity: 0.2;	
}
a {
	color:#000;
	text-decoration: underline;
}	
.modal-content {
	background-color: #fff5dc;		
}

label {
	font-weight:bold;
}
label.lab {
	font-weight:normal;
}
.ferme {
	text-align:center;
	padding:10px;
	font-weight:bold;
}
h2 {
	font-height:bold;
	font-size: 1.2rem!important;
}
.droite {
	float:right;
}
table { 
	border-collapse: separate;
	border-spacing: 15px;
	text-align: center;
}
.modal-xl {
	max-width: 80% !important;
	min-width: 40% !important;
}	
#chxMag {
	background:#2d3133;
	color:#fff;
}
.cadre-gauche { float:left; }
.cadre-droite { float:right; }
.nav { font-size:1.3em; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding: 0 5px!important;
}
#dte-cre, #hre-cre {
	font-size:1.3em;
	font-weight:bold;
}

.custom-control-label::before, .custom-control-label::after {
	top: -0.2rem;
	width: 1.5rem;
	height: 1.5rem;
}

#detailpj {
	padding: 10px;
	font-weight:bold;
	color: #666;
}

.aujourdhui {
	color:red;
}
.rouge {
	color:red;
}

#divrnv {
	width:500px; 
	margin: 1px 0 0 5px; 
	background-color:#fff; 
	position:absolute; 
	display:inline; 
	z-index:1000; 
	font-size:1.2em;
}

#listrnv {
	background-color:#eee; 
	padding:7px; 
	display:none; 
	box-shadow: 8px 8px 16px -4px rgba(0,0,0,0.81);
	overflow-y: auto;		
	max-height: 423px;				
}

#listrnv ul {
	padding:0; 
	list-style:none;
}

#tabrecap table{
	width:100%;
	border-collapse: collapse;	
}

#tabrecap table td {
	border: 1px solid black;
	text-align:left;
}

#tabrecap table th { 
	border: 1px solid black;
	color:#fff5dc;
	background-color:#222d32;
	text-align:center;
}

#spinner {  
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('wait.gif') 50% 50% no-repeat #fff;
  opacity: 0.9;
}

.demandeFullTextHidden {
	display: none;
}

.demandeFullText {
	max-height: 320px;
	overflow-y:  auto;
}

.demandeShortLink,
.demandeShortLink:hover {
	text-decoration: none;
	cursor: zoom-in;
}