/* css fullscreen */
html, body, .wrapper {
  width: 100%;
  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;
}
/*
table, th, td {
	border: 1px solid black;
    padding-left: 2px;
    padding-right: 1px;
}
*/



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


.ze_hello {
	font-size: 30px;
	color: #003d78;
	font-family: sans-serif;
	font-weight: bold;
}

.whl {
	margin-top: 15px;
}

.listes {
	margin-top: 10px;
	height: 82vh;
	overflow-y: scroll;
}

.listes1 {
	margin-top: 12px;
	max-height: 40vh;
	overflow-y: scroll;
}

#ze_params {
	margin-right: 30px;
}

#ze_params h1 {
	margin-top: 10px;
	margin-bottom: 7px;
	font-size: 24px;
	background-color: #ebf5fb;
	border: 4px groove #e64e00;
	border-radius: 8px;
}

#ze_params h2 {
	font-size: 20px;
	border-bottom: 1px solid black;
	padding-top: 25px;
	color:green;
}

#ze_params h5 {
	font-size: 14px;
	font-style: italic;
}


/* *************************** slider ********************* */

.sub_header {
	font-size: 10px;
	font-style: italic;
	font-family: monospace;
}

.dsp_fo {
	font-size: 12px;
	font-family: sans-serif;
	font-style: italic;
}



/* the sliders are different according to player or caregiver */
/* https://en.wikipedia.org/wiki/List_of_Unicode_characters#Box_Drawing */


/* --- player pre --- */
.pre {
	color: #e64e00;	
}
.pre .slider-handle.custom::before {
	font-size: 20px;
	content: '\25C9'; /* '\25B2'; */
	color: #e64e00;
}
.pre .slider-selection {
	background: #e64e00;
	opacity: 0.4;
}

/* --- player post --- */
.pst {
	color: #003d78;	
}
.pst .slider-handle.custom::before {
	font-size: 20px;
	content: '\25C9';
	color: #003d78;
}
.pst .slider-selection {
	background: #003d78;
	opacity: 0.4;
}

.hmod {
	margin-left: 25px;
	font-size: 18px;
}

/* --- caregiver --- */
.sgl {
	color: #29442c;	
}
.sgl .slider-selection {
	background: #29442c;
	opacity: 0.4;
}
.sgl .slider-handle.custom::before {
	font-size: 20px;
	color: #29442c;
	content: '\25C9'; /* '\2600'; /*unicode character * /
 
  /* si font awsome
	content: "\f111";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
*/
}