@charset "UTF-8";
/* ! COULEURS */
.rouge {
	color:red; 
}
.gris_soustitre_page {
	color: rgb(149, 149, 149);
	font-size: 0.9em;
}
.gris_placeholder {
	color: rgb(185, 185, 185);
}
.gris_notes_algorithme {
	color: rgb(185, 185, 185);
}
.gris_ref_biblio_medocs {
	color: rgb(185, 185, 185);
	font-size: 0.9em;
	vertical-align: super;
}
.bleu_base_cabailito {
	color:#0b6e97;
}
.ref_biblio {
	font-size: 0.9em;
}
.titre_section {
	font-size: 1.5em;
	padding-bottom: 10px;	
}
#fin_questionnaire {
	color: #3e678c;
	font-size: 1.1em;
}
.pb-3px {
	padding-bottom: 5px;
}
.pb-0px {
	padding-bottom: 0px;
}
#reponses_questionnaire_bloc {
	margin-top: 10px;
	display: none;
}
#dossier_questionnaire_bloc {
	display: none;
}
#gestion_dossier_bloc {
	padding-top: 10px;
}
#details_algo_bloc {
	display: none;
}
#bloc_params_gpt4 {
	display: none;
}
#bloc_params_gpt5 {
	display: none;
}
/* ! LOGIN */
.fond_image_entraide {
	background-image: url("/_images/fond_login.png");
	background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 90%;
	align-items: center;
	justify-content: center;
}
.container-login-form {
	padding:0 28px 20px 28px;
}
.container-signup-form {
	padding:0 28px 20px 28px;
}
.translucid-form {
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(6px);
	box-shadow: 0 8px 30px rgba(0,0,0,0.2);
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 25px;
}
.container-login-form-content .translucid {
	background: rgba(255,255,255,0.4);
}
.container-login-form-content .border_styling {
}
.container-signup-form-content .translucid {
	background: rgba(255,255,255,0.9);
}
.container-signup-form-content .border_styling {
	border: none !important;
	//border: 1px solid rgba(255, 201, 0, 0.3); !important;
	
}
.container-signup-form-content .form-check-input:checked {
  background-color: #23a78f;
  border-color: #23a78f;
}
.titre_login_form {
	font-size: 1.5em;
	font-weight: 500;
}
.titre_signup_form {
	font-size: 1.5em;
	font-weight: 500;
}
.login_texte_blanc {
	color: var(--login_form_text_color);
}
.container-login-form-content a {
	color: var(--login_form_text_color);
}
.container-signup-content a {
	color: var(--signup_form_text_color);
}
.container-signup-form-content .form-label {
	color: var(--signup_form_text_color);
	margin-bottom: 0.2rem;
}
.container-signup-form-content .form-check-label {
	color: var(--signup_form_text_color);
}
.container-signup-form-content input::placeholder {
  opacity: 0.7;
}
.login_input_login {
	background: rgba(255,255,255,0.15);
	border: none !important;
}
.container-login-form-content input::placeholder {
  opacity: 0.7;
}
.bloc_nom_prenom_signup, .bloc_ville_signup, .bloc_mdp_signup {
	display: flex;
	gap: 15px;
}
.champ_largeur_moitie {
	box-sizing: content-box;
	width: 49%;
}
@media (max-width: 767px) {
	.bloc_nom_prenom_signup, .bloc_ville_signup, .bloc_mdp_signup {
		flex-direction: column;
		gap: 0px;
	}
	.titre_signup_form {
		font-size: 1.5em;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.label_invisible {
		display: none;
	}
	.container-signup-form-content {
		margin-top: 25px;
	}
	.form_singup {
		padding-left: 15px;
		padding-right: 15px;
	}
	.champ_largeur_moitie {
		width: 100%;
	}
	.radio_scale {
		scale: 1.5;
	}
}
/* ! FILE UPLOAD */
.container-upload {
	/* max-width:40%;  */
	padding: 10px 20px 10px 20px;
}
.spinning_wheel {
	height: 36px;
	aspect-ratio: auto;
	display: none;
}
#reponse_attente_roue {
	margin-right: auto;
	margin-left: auto;
}
.padding-left-10 {
	padding-left: 10px;
}
.green_checkmark {
	height: 36px;
	aspect-ratio: auto;
	padding-left: 10px;
	display: none;
}
.green_checkmark_preset {
	height: 24px;
	aspect-ratio: auto;
	padding-left: 44px;
	display: none;
}
.red_cross {
	height: 36px;
	aspect-ratio: auto;
	padding-left: 10px;
	display: none;
}
.container-navbar {
	/* max-width:60%;  */
	padding: 0px 20px 0px 20px;
}

.nav_bar_ibspa {
	background-color: #4389a6;
}
.dropdown-menu {
  position: static;
  background-color: #4389a6;
}
.dropdown-item {
  color: #b5deef;
}
/* ! PROMPT */
.container-prompt {
	/* max-width:60%;  */
	padding: 10px 20px 10px 20px;
}
.container-message { 
	padding: 10px 20px 10px 20px;
}
.container-admin { 
	padding: 10px 0px 10px 0px;
}
.container-knowledge {
	/* max-width:60%;  */
	padding: 10px 20px 10px 20px;
}
.cadre-upload {
	padding-bottom: 20px;
}
/* ! CADRE 'ZONE A REMPLIR' */
.zone_a_remplir {
	font-weight: bold;
	font-size: 1.2em;
	color: #CCC;
	/* padding-top: 160px;
	padding-bottom: 160px; */
	border: dashed;
	border-color: #DDD;
	display: flex;
}
.zone_a_remplir span {
	align-self: center;
	margin: auto;
}
/* ! CONTENU MON COMPTE */
.container_contenu_compte {
	flex-direction: row;
}
@media (max-width: 767px) {
	.container_contenu_compte {
		flex-direction: column;
	}
}
.tab-content > .active {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
}
/* ! SIDEBAR MON COMPTE */
.container_contenu_compte .nav .nav-item a.nav-link.active {
	color: white !important;
	background-color: #4389a6;
}
.sidebar.expanded {
	width: 260px;
}
.sidebar.expanded .nav-link span {
	display: inline;
}
.sidebar .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.sidebar.expanded .nav-link {
	flex-direction: row;
	justify-content: flex-start;
	gap: 10px;
}
.sidebar .nav-link span {
	display: none;
}
.container-navbar {
	justify-content: space-between;
}
@media (max-width: 767px) {
	.sidebar {
		height: 60px !important;
		z-index: 999;
		border-radius: 0px !important;
		margin: -5px 10px 0 10px;
		background-color: white !important;
		border: none !important;
	}
	.sidebar .nav {
		display: flex;
		flex-direction: row !important;
		align-items: center;
		justify-content: space-around;
		width: 100%;
	}
	.sidebar .nav-link span {
		display: none !important;
	}
	.border-top {
		border-top: unset !important;
	}
	.border-bottom {
		border-bottom: unset !important;
	}
	.sidebar-item {
		border-radius: 30px !important;
	}
	.collapse-item {
		display: none;
	}
}
/* FIN SIDEBAR */
#tableau_liste_knowledge {
	display: none;
}
#debug_output_section {
	display: none;
}
.hide {
	display: none;
}
.erreur_reponse {
	padding-top: 15px;
	text-align: center !important;
	color: rgb(255, 0, 0);
	/* font-weight: bold; */
}
.erreur_nom_fichier_knowledge {
	color: rgb(255, 0, 0) !important;
}
.erreur_chargement_menu {
	color: rgb(255, 0, 0) !important;
}
.tab_actif {
	color: #2b80a3 !important;
	font-weight: bold !important;
}
.tab_inactif {
	color: #4389a6 !important;
	font-weight: 100 !important;
}
.tab_reponses_actif {
	color: rgb(212, 147, 66) !important;
	font-weight: bold !important;
}
.tab_reponses_inactif {
	color: rgb(212, 147, 66) !important;
	font-weight: 100 !important;
}
.lien_oubli_mdp {
	color:#6194aa; !important;
}
.otp_input {
	border-color: #06c300;
}
.smaller-font {
	font-size: 0.9rem !important;
}
.border-primary {
	border-color: #0b6e97 !important;
}
.btn-primary {
	border-color: #0b6e97 !important;
	background: #0b6e97 !important;
}
.btn-outline-primary {
	border-color: #0b6e97 !important;
	color: #0b6e97 !important;
	--bs-btn-hover-bg: white;
}
.navlink_actif {
	font-weight: bold !important;
	color: #0b6e97 !important;
}
.navlink_inactif {
	font-weight: 100 !important;
	/* color: rgb(255, 193, 0) !important; */
}
.navlink_desactive {
	font-weight: 100 !important;
	color: rgb(150, 150, 150) !important;
}
#pas_de_compte {
	margin-bottom: 10px;
	font-size:0.9em;
}
/* ! FOOTER */
.bandeau_info_logiciel {
	/* max-width:60%; */
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 6px;
	color: rgb(149, 149, 149);
}
.copyright {
	font-size: 0.9em;
}

.vnumber {
	 font-size: 0.9em;
}
.container-footer { 
	/* max-width:60%; */
	padding: 10px 20px 10px 20px;
	color: #076891;
	border-color: #076891 !important;
}
@media (max-width: 767px) {
	.container_texte {
		display: none;
	}
}
.tableaux_conditions_ligne {
	line-height:18px;
}
.hidden {
	display: none;
}
/* Sans doute pas idéal mais solution rapide pour retirer la coloration verte en cas de validation d'un input */
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #000 var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #000 var(--bs-form-valid-border-color);
}
.table tbody tr.highlight td {
  	background-color:#c5e1ff;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100dvh; // pour que la taille du viewport soit bien rapportée sur iPadOS et iOS
    background-color: transparent;
    font-size: 10px !important;
    overflow-y: scroll !important; /* Comme ça toutes les pages affichent la scroll bar et ainsi la nav bar n'est pas décalée dans les pages qui n'en ont pas */
}

#tbody_conditions_questions, #tbody_conditions_reponses {
	display: block;
    height: 253px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

#bloc_titre {
	margin-top:25px;
	margin-bottom:10px;
}
.message_echec_login {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: red;
}
.table {
	margin-bottom:0;
}
 .sous_titre_tableau {
	background-color:#CCC !important;
}
.titre_section {
	color: rgb(185, 185, 185);
}
.sous_titre_section {
	color: rgb(185, 185, 185);
}
.resultat_maj_medocs {
	color: rgb(89, 169, 69);
}
.resultat_maj_medocs_erreur {
	color: rgb(226, 30, 30);
}
#cas_clinique_questionnaire_analyse_titre {
	padding-bottom: 5px;
}
.admin_nom_fichier_knowledge {
	font-weight: 600;
	color: #646298;
}
.admin_nom_fichier_knowledge_algo {
	color: #b4b4b4;
}
.separateur_knowledge_top{
	margin-top: 8px;
	margin-bottom: 12px;
}
.separateur_knowledge_bottom{
	margin-top: 12px;
	margin-bottom: 10px;
}
.progress {
  background-color: #ded;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.algo_params_buttons{
	float: left;
}
.valeur_rouge{
	color: red;
}
.valeur_bleue{
	color: blue;
}
@media screen and (min-device-width: 0px) {
	.upload-icons-size {
		height: 24px;
	}
	.titre_section {
		font-size: 2em;
	}
	.container-prompt {
		padding-top: 0px;
	}
	body { 
	  background-color: transparent;
	  font-size: 12px !important;
	}
	/* .sd-text {
		--sjs-font-size:16px !important;
	} */
	/* .sd-dropdown {
		--sjs-font-size:16px !important;
	} */
}

@media screen and (min-device-width: 576px) {
	.upload-icons-size {
		height: 24px;
	}
	.titre_section {
		font-size: 2.5em;
	}
	.container-prompt {
		padding-top: 0px;
	}
	body { 
	  background-color: transparent;
	  font-size: 12px !important;
	}
}

@media screen and (min-device-width: 768px) {
	.upload-icons-size {
		height: 36px;
	}
	.titre_section {
		font-size: 2.5em;
	}
	.container-prompt {
		padding-top: 10px;
	}
	/* .sd-root-modern {
		--sjs-font-size:16px !important;
		--sjs-base-unit:8px !important;
	} */
	body { 
	  background-color: transparent;
	  font-size: 14px !important;
	}
 }


@media screen and (min-device-width: 992px) {
	.upload-icons-size {
		height: 36px;
	}
	.titre_section {
		font-size: 1.5em;
	}
	.container-prompt {
		padding-top: 10px;
	}
	body { 
	  background-color: transparent;
	  font-size: 16px !important;
	}
 }


@media screen and (min-device-width: 1200px) {
	.upload-icons-size {
		height: 36px;
	}
	.titre_section {
		font-size: 1.5em;
	}
	.container-prompt {
		padding-top: 10px;
	}
	body { 
	  background-color: transparent;
	  font-size: 16px !important;
	}
 }


@media screen and (min-device-width: 1400px) {
	.upload-icons-size {
		height: 36px;
	}
	.titre_section {
		font-size: 1.5em;
	}
	.container-prompt {
		padding-top: 10px;
	}
	body { 
	  background-color: transparent;
	  font-size: 16px !important;
	}
 }
 
 @media screen and (min-device-width: 1441px) {
 	.upload-icons-size {
	 	height: 28px;
 	}
	.titre_section {
		font-size: 1.5em;
	}
	.container-prompt {
		padding-top: 10px;
	}
	body { 
	  background-color: transparent;
	  font-size: 16px !important;
	}

}
:root {
	--login_form_text_color: white;
	--signup_form_text_color: white;
}