@CHARSET "ISO-8859-1";

/**
 * Style dédié au portail Praticien
 * ---------------------------------------------------------------------------------------------------------------------------------------------------
 * @version 2017-08-01 JN : Création (éclatement de anciennement personnalise.css)
 * @version 2018-11-29 JN : Remise à plat qui devient la réference pour les futurs portails (style fondé pour MPI)
 * @version 2019-06-14 JN : gestion du template_decompte_praticien
 * @version 2019-12-13 JN : consultation des droits bénéficiaires
 * @version 2020-08-21 JN : sécurité des mots de passe
 * @version 2021-07-09 JN : sinistre pièce attente & évènement
 * @version 2021-10-12 JA : utilisation de variable
 * 
 */


:root {
	--menu-border-radius: 3px;
	--menu-courant-color: #FFFFFF;
	
	--accueil-box-bg-title: #FFF;
	--accueil-box-title: #033103;
	--accueil-box-bg-color: #FFFFFF;
	--accueil-box-color: #2A3444;
	--accueil-box-border-color: #FFF;
	--accueil-box-border-radius: 3px;
	
	--contenu-bg-color: #FFFFFF;
	--bg-color-menu: #f0f0f0;
}


/* --------------------------------- PAGE PRECONNEXION */

.page_preconnexion #login_praticien {
	display: grid;
	grid-template-rows: 110px 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	height: calc(100vh - 90px);
}
.ppc_texte_haut {
	grid-column: 1 / 3;
	grid-row: 1;
}
.ppc_texte_bas {
	grid-column: 1 / 3;
	grid-row: 4;
}
#alerte_cookie {
	grid-column: 1 / 3;
	grid-row: 5;
}
.ppc_texte_titre {
	white-space: nowrap;
	display: grid;
	grid-template-columns: 60px auto 160px;
	grid-template-rows: 60px 50px;
	align-items: center;
}
.ppc_texte_titre > img {
	grid-column: 3;
	grid-row: 1 / 3;
	height: 90px;
	justify-self: center;
}
 .ppc_texte_titre > h2 {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	text-align: left;
	align-self: end;
	color: var(--main-bg-dark);
	font-weight: 500;
  	letter-spacing: 1.8px;
}
.ppc_texte_titre > a {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	text-align: left;
	align-self: start;
	font-weight: 500;
  	letter-spacing: 1.8px;
}

select.input-civilite	{width:152px;}
input.input-telephone	{width:152px;}


#logout_praticien_contenu {
	white-space: normal;
	color: #777174;
	font-size: 1.2em;
	line-height: 1.4em;  margin: 100px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 8px;
	text-align: center;
}



/* --------------------------------- PAGE LOGIN */

#login_praticien_div_action a { margin:0; }
#login_praticien_div_action button { margin:5px; }

#login_praticien_contenu {
	grid-column: 1;
	grid-row: 2 / 4;
	justify-self: center;
	align-content: center;
}
#login_consult_facture_contenu {
	grid-column: 2;
	grid-row: 2;
	background-color: var(--main-bg-light);
	padding: 10px;
	margin: 40px 20px 0 0;
	border-radius: 1.5em 1.5em 0 0;
}
#login_consult_droit_contenu {
	grid-column: 2;
	grid-row: 3;
	background-color: var(--main-bg-light);
	padding: 10px;
	margin: 0 20px 40px 0;
	border-radius: 0  0 1.5em 1.5em;
	border-top: 1px solid #fff;
}
#login_consult_droit_contenu .ppc_contenu_texte_haut {
	height: auto;
}
#login_consult_droit_contenu .form_div_action {
	padding-bottom: 5px;
	margin: 0;
	text-align: center;
}
#login_consult_droit_contenu .form_div_texte {
	display: inline-block;
}
#login_consult_droit_contenu .form_div_saisie {
	width: 110px;
	padding-right: 10px;
}

#form_login_consult_facture {display:inline-block;}

#creation_compte_interlocuteur_identification_div_civilite,
#creation_compte_interlocuteur_identification_div_nom,
#creation_compte_interlocuteur_identification_div_prenom{
	display: inline-block;
}
#creation_compte_interlocuteur_identification_div_civilite .form_div_saisie {
	width: 100px;
}
#creation_compte_interlocuteur_identification_div_nom .form_div_saisie {
	width: 270px;
}
#creation_compte_interlocuteur_identification_div_prenom .form_div_saisie {
	width: 270px;
}


/* --------------------------------- PAGE CONSULT_DROIT */

#login_consult_droit_texte_mdp {
	white-space: normal;
	color: #777174;
	font-size: 1em;
	line-height: 1.4em;
}
#consult_droit_contenu {
	text-align: left;
	width: 900px;
	padding: 2px 10px;
}
#consult_droit_div_attestation {
	text-align: center;
	white-space: wrap;
}
#consult_droit_aucun_resultat_detail {
	font-style: italic;	
}
#consult_droit_restultat_confirme_detail {
	margin-top:4px;
	margin-bottom:20px;
	padding:4px;
	border:1px solid #ddd;
}
#consult_droit_grid_benef > label  {display:inline-block; padding:4px;}
#consult_droit_grid_benef .col-1 {width: 90px;}
#consult_droit_grid_benef .col-2 {width: 120px;}
#consult_droit_grid_benef .col-3 {width: 90px;}
#consult_droit_grid_benef .col-4 {width: 30px;}
#consult_droit_grid_benef .col-5 {width: 90px;}


/* --------------------------------- PAGE POST CONNEXION */

.sousmenu_bloc {
	color: var(--main-color);
	-webkit-border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
	border-radius:0 0 20px 20px;
	background-color:#f2f2f2;
	font-size:0.89em;
	margin-bottom: 10px;
	white-space:nowrap;
}
.sousmenu_bloc_div {
	display:inline-block;
	width:33.33%;
}
.sousmenu_bloc_div a {
	text-transform:uppercase;
	text-decoration:none;
	color:var(--main-color);
	padding:5px 0;
	-webkit-border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
	border-radius:0 0 20px 20px;
	width:100%;
	display:block;
	text-align:center;
}
.sousmenu_bloc_div a:hover {
	text-decoration:underline;
	background-color:var(--main-color);
	color:#fff;
}
.sousmenu_bloc_div.sousmenu_courant a {
	background-color:var(--main-color);
	color:#fff;
}

.contenu_texte_titre {
	font-size: 1.7em;
	color: var(--main-color);
	padding-bottom: 15px;
}
.contenu_texte_titre a {
	font-size: 14px;
	margin-left: 20px;
}
.contenu_filtre {
	
}
.contenu_detail_aucun_resultat {
	text-align:center;
	padding:10px;
}
.contenu_form {
	background-color: var(--contenu-bg-color);
	border: 1px solid #f2f2f2;
	color: var(--main-color-text);
	padding: 8px 5px;
}
.contenu_form_div {
	text-align: left;
	padding-bottom: 5px;
}
.contenu_form_div_texte_haut {
	color: var(--main-color);
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.contenu_form_div_intitule {
	display: inline-block;
}
.contenu_form_div_saisie {
	display: inline-block;
}
.contenu_form_div_ctrl {
	display: inline-block;
}
.contenu_form_div_etoile {
	text-align: center;
	padding-bottom: 5px;
}
.contenu_form_div_button {
	text-align: center;
	padding-bottom: 5px;
}
.contenu_form_div_erreur {
	text-align: center;
	padding-bottom: 5px;
	font-size:0.9em;
	color:#FF1010;
}

.contenu_detail_div {
	background-color: var(--contenu-bg-color);
	border: 1px solid #f2f2f2;
	color: var(--main-color-text);
	padding: 8px 5px;
	margin-bottom: 10px;
}
.contenu_detail_div_entete {
	padding: 0 10px 8px 10px;
}


.praticien_contenu 	{
	white-space:nowrap;
	padding:0;
	margin:0;
	background-color: var(--contenu-bg-color);
	border: 1px solid #f2f2f2;
	color: var(--main-color-text);
}
.praticien_contenu_groupe 	{
	display:inline-block;
	width:calc(50% - 1.4em);
	vertical-align:top;
	padding:0 0.7em;
	margin:0;
}
.praticien_contenu_groupe_entete		{
	height:26px;
	line-height:26px;
	vertical-align:middle;
	margin:0.7em 0;
	border-bottom:1px solid #d4d4d4;
}
.praticien_contenu_groupe_entete label 	{
	display:inline-block;
	padding-left:0.7em;
}
.praticien_contenu_groupe_entete a 	{
	display:inline-block;
	padding-left:0.7em;
	text-align:right;
	color:var(--main-color);
	text-transform:uppercase;
}
.praticien_contenu_detail 	{
	line-height:26px;
	vertical-align:middle;
	margin-bottom:0.2em;
}
.praticien_contenu_detail > * 	{
	display:inline-block;
}
.praticien_contenu_detail label 	{
	width:8em;
	color:var(--main-color);
}
.praticien_contenu_detail span 	{
	border:1px solid #f0f0f0;
	padding:0 8px;
}
.praticien_contenu_detail .form_div_ctrl 	{
	color:red;
	padding:0 4px;
	font-style:italic;
}
.praticien_contenu_action 	{
	margin:0.5em;
	text-align:center;
	line-height:30px;
}
.praticien_contenu_action label 	{
	vertical-align:middle;
}
.praticien_contenu_action a 	{
	vertical-align:middle;
}
.praticien_contenu_action button 	{
	vertical-align:middle;
}
.praticien_contenu_erreur 	{
	margin:0.5em;
	text-align:center;
	color:#FF1010;
}
.praticien_contenu_enreg_en_cours 	{
	display:none;
	color:green;
}
.praticien_contenu_msg_erreur 	{
	display:none;
}


/* --------------------------------- FILTRE PRATICIEN */
/*
div.sousmenu_gauche		{
	display:inline-table;
	vertical-align:middle;
	line-height:28px;
	width:30%;
	text-align:left;
}
div.sousmenu_droite		{
	display:inline-table;
	vertical-align:middle;
	line-height:28px;
	width:70%;
	text-align:right;
}
div.sousmenu_droite input {
	width:300px;
}
div.sousmenu_droite img		{
	margin: -3px 0.2em;
	cursor:pointer;
}
*/
.autocomp_praticien_separ {margin: 0 0.4em;}



/* --------------------------------- MES FACTURES [recap_facture_praticien / detail_facture_praticien] */

#recap_facture_praticien_select_type_rejet {
	margin: 0 10px;
	width: 260px;
}


/* --------------------------------- MES REGLEMENTS [recap_liquidation_praticien / detail_liquidation_praticien] */


/* --------------------------------- MON COMPTE [compte_web_praticien / compte web_interlocuteur] */


.bloc_modif_compte_web .contenu_form_div_intitule {
	width: 15em;
}
.bloc_modif_compte_web .contenu_form_div_saisie {
	width: 20em;
	position: relative;
}
.bloc_modif_compte_web .div_progress {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(12px);
	margin: 0;
	border: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%;
	border-radius: 0 0 0.3rem 0.3rem;
}

#compte_web_praticien_aide_mdp {
	width: 12px;
	margin-left: 5px;
	cursor: pointer;
}
#compte_web_interlocuteur_aide_mdp {
	width: 12px;
	margin-left: 5px;
	cursor: pointer;
}
#compte_web_interlocuteur_form_identite .contenu_form_div_intitule {
	width: 8em;
}
#compte_web_interlocuteur_form_identite .contenu_form_div_saisie {
	width: 20em;
}
#compte_web_interlocuteur_form_ajout_interlocuteur .contenu_form_div_intitule {
	width: 8em;
}
#compte_web_interlocuteur_form_ajout_interlocuteur .contenu_form_div_saisie {
	width: 20em;
}
#compte_web_interlocuteur_form_identite {
	display: inline-block;
	width: 47%;
	box-sizing: border-box;
	vertical-align: top;
	border-right: 1px solid var(--main-color);
	margin-right: 3%;
}
#compte_web_interlocuteur_form_mdp {
	display: inline-block;
	width: 47%;
	box-sizing: border-box;
	vertical-align: top;
}
#compte_web_interlocuteur_praticien_groupe_1 {
	display:inline-block;
	width:calc(35% - 4px);
	vertical-align:top;
}
#compte_web_interlocuteur_praticien_groupe_2 {
	display:inline-block;
	width:calc(65% - 4px);
	vertical-align:top;
}
#compte_web_interlocuteur_praticien_enregistrer {
	width:calc(35% - 4px);
}
#compte_web_interlocuteur_praticien_groupe_1 .contenu_form_div {
	flex-direction: column;
	align-items: initial;
	padding: 0 30px;
}
#compte_web_interlocuteur_praticien_exemple_virement {
	font-size:0.9em;
	text-align:center;
}
#compte_web_interlocuteur_praticien_img_exemple_virement {
	border:1px solid #ddd;
	opacity:0.5;
}


/*
.compte_web_interlocuteur_must_change_mdp_oui {
	text-align:center;
	padding:10px 0;
	color:#D33;
}
.compte_web_interlocuteur_must_change_mdp_alerte {
	text-align:center;
	padding:10px 0;
	color:blue;
}
.compte_web_interlocuteur_must_change_mdp_non {
	text-align:center;
	padding:10px 0;
	color:#007D48;
}
.compte_web_form .contenu_form_texte_haut {
	white-space: normal;
	padding: 10px;
	text-align: center;
	color: var(--main-color);
}
.compte_web_form .contenu_form_texte_bas {
	white-space: normal;
	padding: 10px;
	text-align: center;
	color: #333;
	font-size: 0.9em;
	font-style: italic;
}
.compte_web_form .contenu_form_div_intitule,
.compte_web_form .contenu_form_div_saisie,
.compte_web_form .contenu_form_div_ctrl {
	display: block;
	padding-bottom: 5px;
}
.compte_web_form .contenu_form_div_ctrl {
	font-size: 0.9em;
	font-style: italic;
	color: #FF1010;
}

	
#compte_web_interlocuteur_contenu_1 {
	display:inline-block;
	width:calc(50% - 4px);
	white-space:nowrap;
	margin:0;
	padding:0;
	vertical-align:top;
	border-right:1px solid #d33;
}
#compte_web_interlocuteur_contenu_2 {
	display:inline-block;
	width:calc(50% - 4px);
	white-space:nowrap;
	margin:0;
	padding:0;
	vertical-align:top;
}

#compte_web_interlocuteur_div_identifiant 											{display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto;}
#compte_web_interlocuteur_div_identifiant .contenu_form_div_intitule 				{grid-row: 1; grid-column: 1;}
#compte_web_interlocuteur_div_identifiant .contenu_form_div_saisie 					{grid-row: 2; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_identifiant .contenu_form_div_ctrl 					{grid-row: 1; grid-column: 2; text-align: right; padding-right: 10px;}

#compte_web_interlocuteur_div_mdp1 													{display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto auto auto;}
#compte_web_interlocuteur_div_mdp1 .compte_web_interlocuteur_must_change_mdp_oui 	{grid-row: 1; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp1 .compte_web_interlocuteur_must_change_mdp_alerte {grid-row: 1; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp1 .compte_web_interlocuteur_must_change_mdp_non 	{grid-row: 1; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp1 .contenu_form_div_texte_haut 					{grid-row: 2; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp1 .contenu_form_div_intitule 						{grid-row: 3; grid-column: 1;}
#compte_web_interlocuteur_div_mdp1 .contenu_form_div_saisie 						{grid-row: 4; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp1 .contenu_form_div_ctrl 							{grid-row: 3; grid-column: 2; text-align: right; padding-right: 10px;}

#compte_web_interlocuteur_div_mdp2 													{display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto auto;}
#compte_web_interlocuteur_div_mdp2 .contenu_form_div_texte_haut 					{grid-row: 1; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp2 .contenu_form_div_intitule 						{grid-row: 2; grid-column: 1;}
#compte_web_interlocuteur_div_mdp2 .contenu_form_div_saisie 						{grid-row: 3; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_mdp2 .contenu_form_div_ctrl 							{grid-row: 2; grid-column: 2; text-align: right; padding-right: 10px;}

#compte_web_interlocuteur_div_creation_mail 										{display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto;}
#compte_web_interlocuteur_div_creation_mail .contenu_form_div_intitule 				{grid-row: 1; grid-column: 1;}
#compte_web_interlocuteur_div_creation_mail .contenu_form_div_saisie 				{grid-row: 2; grid-column: 1 / 3;}
#compte_web_interlocuteur_div_creation_mail .contenu_form_div_ctrl 					{grid-row: 1; grid-column: 2; text-align: right; padding-right: 10px;}

#compte_web_interlocuteur_div_civilite {
	width: 200px;
}
#compte_web_interlocuteur_div_telephone,
#compte_web_interlocuteur_div_portable {
	display: inline-block;
	width: calc(50% - 3px);
}
#compte_web_interlocuteur_praticien_groupe_1 {
	display:inline-block;
	width:calc(30% - 4px);
	vertical-align:top;
}
#compte_web_interlocuteur_praticien_groupe_2 {
	display:inline-block;
	width:calc(70% - 4px);
	vertical-align:top;
}
#compte_web_interlocuteur_praticien_exemple_virement {
	font-size:0.9em;
	text-align:center;
}
#compte_web_interlocuteur_praticien_img_exemple_virement {
	border:1px solid #ddd;
	opacity:0.5;
}
#compte_web_interlocuteur_praticien_enregistrer {
	width: calc(30% - 4px);
}
*/

#bloc_notification tr       {border:0;}
.compte_web_praticien_notification_intitule   {}
.compte_web_praticien_notification_courrier   {display:none;}
.compte_web_praticien_notification_mail       {text-align:center; width:100px;}
.compte_web_praticien_notification_sms        {display:none;}
.compte_web_praticien_notification_app_mobile {display:none;}
.compte_web_praticien_notification_interface  {display:none;}


/* --------------------------------- SINISTRES [praticien_sinistre_piece_attente] */

#praticien_sinistre_piece_attente_critere_filtre {width:140px;}



/* --------------------------------- EVENEMENTS [praticien_evenement] */


.contenu_form_div_recherche {
	display: grid;
	grid-gap: 4px;
	align-items: center;
}
.recherche_div label {display: inline-block; width: 100px;}
.recherche_div input, .recherche_div select {max-width: 400px;}
#praticien_evenement_recherche_dtfin label  {width: 40px;}

#praticien_evenement_recherche         {grid-template-columns: 230px 1fr minmax(100px, 300px);}
#praticien_evenement_recherche_filtre  {grid-row: 1; grid-column: 1 / 3}
#praticien_evenement_recherche_dtdeb   {grid-row: 2; grid-column: 1;}
#praticien_evenement_recherche_dtfin   {grid-row: 2; grid-column: 2;}
#praticien_evenement_ajout_event,
#praticien_evenement_limite_atteinte   {grid-row: 1; grid-column: 3;}

.praticien_evenement_detail_contenu_groupe {width:calc(100% - 1.4em);}

#praticien_evenement_detail_type					 {display:inline-block;}
#praticien_evenement_detail_type label 				 {width:5em;}
#praticien_evenement_detail_type select 			 {width:15em;}
#praticien_evenement_detail_fichier 				 {display:inline-block; margin-left:2em;}
#praticien_evenement_detail_fichier input 			 {width:29em;}
#praticien_evenement_detail_fichier label 			 {width:4em;}
#praticien_evenement_detail_message label 			 {width:5em; vertical-align:top;}
#praticien_evenement_detail_message textarea 		 {width:55em;}

#praticien_evenement_detail_consult_type			 {display:inline-block;}
#praticien_evenement_detail_consult_type label 		 {width:7em;}
#praticien_evenement_detail_consult_type span 		 {width:15em;}
#praticien_evenement_detail_consult_fichier 		 {display:inline-block; margin-left:2em;}
#praticien_evenement_detail_consult_fichier label 	 {width:4em;}
#praticien_evenement_detail_consult_fichier div 	 {margin-left:1em;}
#praticien_evenement_detail_consult_origine label 	 {width:7em;}
#praticien_evenement_detail_consult_origine span	 {width:15em;}
#praticien_evenement_detail_consult_message label 	 {width:7em; vertical-align:top;}
#praticien_evenement_detail_consult_message textarea {width:55em;}