/* Général */
* {font-family:verdana;font-size: 10pt;}
h1 {font-size:16pt;}
body {width: 100%;margin:0;background-image: url(https://rdv-sante.fr/images/backg.jpg);}
header {padding:10px 20px;text-align:center;margin:auto;line-height:15px}
header div {
	font-weight:bold;
}
header:not(#login) img {
    position: static !important;

}
input.submit,button.submit {border:1px solid #ccc;background:white;min-width: 210px;padding:5px;margin:auto;cursor:pointer;display:block;border-radius:5px;}
input.submit:hover, button.submit:hover {background:#224678 !important;color:white !important;}
textarea, input, select {min-height: 30px;margin-top:5px;}

a.submit,.suppr_contact {text-align:center;border:1px solid #ccc !important;background:white;width:200px;border-radius:5px;;padding:5px;margin:auto;cursor:pointer;display:block;    text-decoration: none;}
a.submit:hover,.suppr_contact:hover {background:#224678;color:white;}
button {cursor:pointer;}

form#login {
	background:white;
	width:340px;
	height:80%;
	min-height:580px;
	margin:30px auto;
	padding:30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px #ccc;
	overflow-y:auto;
	overflow-x:hidden;
}
form#login input{
	height:50px;
	line-height: 2rem;
	width: 100%;
	margin: 0;
	border-radius: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	transition: border linear .2s,box-shadow linear .2s;
	color: #555;
	vertical-align: middle;
	padding: 4px 6px;
}
form#login input.submit{
  background: #177cde;
  padding: 12px;
  cursor: pointer;
  border: none;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
	border:0px;
	border-radius:0px;
}
/* Fusion */
#bouton_fusion{
	margin: auto;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#bouton_fusion.inactif{
	background:white;
	color:#224678;
}
#bouton_fusion.actif{
	background:#224678;
	color:#fff;
}
.selected{
	background-color:#5A8DBA !important;
	color:whitesmoke;
}
#form_fusion{
	display:none;
}
/* Export */
#export_contact{
	/*text-align: center;
	position: absolute;
	top: 130px;
	left: 10px;*/
}

/* Page des contacts */
#header_contacts,#header_tableau_RDV{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	border-bottom: 1px solid #5A8DBA;
}
#contacts_all,.tableau_rendezvous,#fermer_maj_RDV{
	position: fixed;
	width: 80%;
	left: 20%;
	top: 116px;
	overflow: auto;
	height: calc(100% - 116px);
}
#contact span {
	margin-left: 10px;
}
#menu_contacts{
	width: calc(20% - 1px);
	position: fixed;
	height: calc(100% - 116px);
	overflow: auto;
	background: white;
	border-right: 1px solid #5A8DBA;
	top: 116px;
}
div.titre_contact{
	background: #f1f1fb;
	cursor:pointer;
	display: inline-flex;
	width: 100%;
}
div.titre_contact:hover div{
	color:white;
	background:#5A8DBA;
}
div.contacts:nth-of-type(2n) .titre_contact{
	background: white;
}
div.contacts{
	/*border-left: 5px solid #5A8DBA;*/
	width:100%;
	/*margin: auto;
	height:25px;*/
}
div.titre_contact div{
	/*float:left;*/
	width:50%;
	text-align: left;
	padding: 10px 0 10px 10px;
	/*height: 25px;
	background-color: inherit;
	line-height: 25px;
	overflow-x: hidden;*/
}
div.titre_contact div:first-child {
	/*border-left: 5px solid #5A8DBA;*/
}
div.titre_contact div:last-child {
	/*border-right: 5px solid #5A8DBA;*/
}
#menu_tableau_RDV {
    width: calc(20% - 1px);
    position: fixed;
    height: calc(100% - 118px);
    overflow: auto;
    background: white;
    border-right: 1px solid #5A8DBA;
    top: 117px;
}
#entete{
	background:white;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	border: 5px solid #5A8DBA;
	width: 98%;
	margin: auto;
}
div#entete div{
	float:left;
	width:calc(99%/7);
	background:inherit;
}
#form_fusion{
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div#fermer_infos{
	display: none;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 125px;
	right: 20px;
	cursor: pointer;
	color: white;
	padding: 6px 8px;
	border-radius: 100%;
	z-index: 9;
}
div.infos_compl,div#div_maj_RDV{
	display: none;
	text-align: left;
	position: fixed;
	top: 115px;
	right: 0;
	width: calc(50% - 20px);
	border: 1px solid #333;
	padding: 10px 10px 30px 10px;
	background: white;
	z-index: 9;
	height: calc(100% - 157px);
	overflow: auto;
	cursor: initial;
}

div#boutonMAJcontact.ouvrir,div#boutonIndelicat{
	padding:5px 10px;
	border-radius:5px;
	border:1px solid #333;
	cursor:pointer;
	margin: 10px auto;
	width: 90px;
	text-align: center;
}
div#boutonMAJcontact.ouvrir:hover,div#boutonIndelicat:hover{
	background:#333;
	color:white;
}
div#boutonIndelicat{
	width: 130px;
}
.fermer {
	background: #444;
	color: #FFF;
	border-radius: 100%;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	padding: 2px 3px 0px;
}
div.formMAJcontact .fermer{
	background: #444;
	color: #FFF;
	border-radius: 100%;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10pt;
	cursor: pointer;
	padding: 6px 8px;
}
div.formMAJcontact{
	z-index: 99;
	display: none;
	width: calc(50% - 60px);
	position: fixed;
	background: #FFF;
	padding: 30px 30px 0;
	top: 115px;
	left: 0;
	border-right: 1px solid;
	border-top: 1px solid;
	height: calc(100% - 145px);
	overflow: auto;
}
#add_custom_field {
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding-bottom: 5px;
	width: 100%;
	margin: 10px 0;
}
#add_custom_field .fa,.fa-trash{
	cursor:pointer;
}
div.formMAJcontact form div:nth-child(-n+3),div.formMAJcontact form div:nth-child(n+8):not(:last-child){
	display: inline-block;
	width:calc(100%/3);
}
div.formMAJcontact form div:nth-child(4),div.formMAJcontact form div:nth-child(11){
	padding:60px 0 0;
}
div#dates_rdv .ok,div#nbr_rdv .ok{
	color:teal;
}
div#dates_rdv .suppr,div#nbr_rdv .suppr{
	color:mediumorchid;
}
div#dates_rdv .annul,div#nbr_rdv .annul{
	color:chocolate;
}
div#dates_rdv .absent,div#nbr_rdv .absent{
	color:firebrick;
}
#suppr_contacts,div#formIndelicat{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	z-index:999;
	text-align: center;
}
#suppr_contacts form,#form_fusion form,div#formIndelicat form{
	position:fixed;
	top:15px;
	left:25%;
	width:50%;
	border:1px solid #333;
	border-radius:10px;
	padding:10px;
	background: white;
}
div#chart{
	height:30px;
	border:1px solid #CCC;
	border-radius:10px;
	width:100%;
	padding: 1px;
	text-align: center;
}
div#chart div{
	float:left;
	height : 100%;
	margin:0;
	line-height: 30px;
}
div#chart .ok{
	background:teal;
}
div#chart .suppr{
	background:mediumorchid;
}
div#chart .annul{
	background:chocolate;
}
div#chart .absent{
	background:firebrick;
}
/**** Tableau RDV + Liste d'attente ***/
.rendezvous{
	display:flex;
	max-width: 100%;
	cursor: pointer;
	padding: 5px;
}
.rendezvous:nth-child(even){
	background-color:white;
}
.rendezvous:nth-child(odd){
	background-color:#f1f1fb;
}
.colonne{
	text-align: left;
	width: 33%;
}
.hidePro,.hideCoor,.hideRecurrent,.hideDate {
	display:none;
}
.rendezvous:hover .colonne,.selectedline .colonne{
	color:white;
}
.rendezvous:hover,.selectedline{
	background: #5A8DBA !important;
}
input.bouton {border:1px solid #333 !important;background:white;min-width:150px;padding:5px;margin:auto;cursor:pointer;display:block;}
input.bouton:hover {box-shadow:0 0 10px #333;}

div#bouton_liste_attente {
	background: white;
	width: 50px;
	height: 50px;
	line-height: 45px;
	font-size: 25pt;
	border: 1px solid #333;
	border-radius: 100%;
	cursor: pointer;
	position: fixed;
	bottom: 5px;
	right: 5px;
}
div#bouton_liste_attente:hover {
	box-shadow: 0px 0px 2px rgb(51, 51, 51) inset;
}
div#form_liste_attente {
	display:none;
	background: white;
	border: 1px solid;
	z-index: 999;
	width: auto;
	margin: auto;
	padding: 10px;
	text-align: center;
	position: fixed;
	top: 10%;
	left: 50%;
	margin-left: -165px;
	width: 330px;
}
div#div_desinscription_liste{
	display:none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
	width: 100%;
	top: 0;
	height: 100%;
	left: 0;
}
div#div_desinscription_liste form{
	background: white none repeat scroll 0% 0%;
	width: 50%;
	left: 50%;
	position: fixed;
	margin: -50px 0px 0px -25%;
	border-radius: 5px;
	padding: 10px;
	top: 50%;
	max-height:100%;
	overflow-y:auto;
}

div#fermer_desinscription {border:1px solid #333 !important;background:white;width:auto;padding:5px;margin:auto;cursor:pointer;display:block;border-radius:5px;float: right;}
div#fermer_desinscription:hover{background:#333;color:white;}
div#fermer_form_contact_assoc{
	display:none;
	position:fixed;
	z-index: 9999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
}
div#fermer_maj_RDV{
	display:none;
	background:rgba(0,0,0,0.7);
}
div#form_contact_assoc {
	display:none;
	z-index: 9999;
	width:70%;
	padding:20px;
	margin:10% auto 0;
	background:white;
	border-radius:10px;
	position:fixed;
	top:0;left:15%;
}
div#texte_form_contact_asso,div#form_contact_assoc input.submit{
	display:none;
}
button#rechercher,button#exporter,#bouton_fusion {
	padding: 10px 0;
	margin-top: 5px;
	height:40px;
}
#exportXLS{
	position:fixed;
	margin: 0;
	bottom:20px;
	right: 20px;
}
/***** MOBILE ****/
@media screen and (min-width:501px) and (max-width:999px){
	div.titre_contact div{
		width: calc(98%/7);
	}
	#entete{
		width: 97%;
	}
}
@media screen and (orientation:portrait){
	header img {
		width: auto;
		background: white;
		padding: 10px 20px;
		border-radius: 10px;
	}
	div.titre_contact div{
		width: calc(97%/7);
	}
	#entete{
		width: 97%;
	}
	form#login{
		width: 100%;
		height: 100%;
		margin: auto;
		padding: 0;
		border: 0;
		background: transparent;
	}
	form#login input{
		height: 50px !important;
		font-size: inherit;
		width: calc( 100% - 130px );
	}
	form#login input.submit {
		margin: auto;
	}
}