/* Classes pour le formulaire du PassDiag */

.passdiagquestion {
	white-space: pre-line;
	font-weight: bold;
}

span.passdiagquestion i {
	font-size: small;
	font-weight: normal;
}

/* ***** PassRGPD ***** */
/* **** PassDiag **** */
#default-container .passrgpd-questionnaire {
	border: solid 2px #e3ecfa;
	border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background: #fff;
	padding: 5px;
	margin: 5px;
	display: block;
	width: 74.5%;
	margin-left: 23%;
}

.round_section_creation_passdiag {
	border-radius: 15px !important;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2) !important;
	margin-top: 8% !important;
	border: solid 2px #e3ecfa !important;
}


/*Enlever le bouton Dupliquer*/
.passrgpd-questionnaire .fields-group > table > tbody > tr > td > div > div.view-area > div.view-header.view-has-actions {
	display: none;
}

/*Enlever la barre supérieure du tableau */
.passrgpd-questionnaire .fields-group > table > tbody > tr > td > div > div > div.table-view.responsive-table > table > tbody > tr:nth-child(1) {
	display: none;
}

/* Mise en forme les lignes des tableaux */
.passrgpd-questionnaire > div > table > tbody > tr > td > div > div > div.table-view.responsive-table > table > tbody > tr {
	border: solid 2px #e3ecfa;
	border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background: #fff;
	padding: 5px;
	margin: 5px;
	display: block;
}

/*Mise en forme des radio buttons (Réponses)*/
.passrgpd-questionnaire .table-view input[type="radio"] + label:before,
.passrgpd-questionnaire .table-view input[type="radio"] + label:after,
.passrgpd-questionnaire .table-view input[type="radio"] + .reversed-radio:before,
.passrgpd-questionnaire .table-view input[type="radio"] + .reversed-radio:after {
	left: 4px; /* ou une autre valeur souhaitée */
}

/*Style des questions */
.passrgpd-questionnaire > div > table > tbody > tr > td > div > div.view-area > div.table-view.responsive-table > table > tbody > tr > td {
	width: 65%;
}
/*Enlever le bout en trop de la description*/
.passrgpd-questionnaire > div > table > tbody > tr > td > div > div.view-area > div.table-view.responsive-table > table > tbody > tr > td > div > div > div > strong {
	display: none;
}


#default-container .deroulement-diagnostic {
	border: solid 2px #e3ecfa;
	border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background: #fff;
	padding: 5px;
	margin: 5px;
	display: block;
	width: 74.5%;
	margin-left: 23%;
	margin-top: 1.5%;
}


.categ1 {

}

#default-container .progression-questionnaire {
	border: solid 2px #e3ecfa;
	border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background: #fff;
	padding: 5px;
	margin: 1.5%;
	display: block;
	width: 18%;
	position: fixed;
}
.passdiag-total-progress {
	background-color: #0095D1;
	color: white;
}

/**  INTERVENANTS  **/
.invites-table {
	width: 100%;
	border-collapse: collapse;
	margin: 1%;
	display: block;
}

.invites-table th,
.invites-table td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

#invites-table-title {
	background-color: white;
	font-weight: bold;
	font-size: 140%;
	border: none;
	color: #0095D1;
}

.invites-table tr:nth-child(even) {
	background-color: #f9f9f9;
}

.invites-table tr:hover {
	background-color: #ddd;
}

.pass_diag_cell_name {
	border: none !important;
	display: flex;
	align-items: center;
	height: 50px;
}

.pass_diag_cell_border {
	border: none !important;
}

.intervenant_validated {
	background-color: #00D2A366;
	color: #00B58D;
	padding: 5px 10px;
	border-radius: 5px;
	border: 2px solid;
	display: flex;
	margin-right: 50px;
	width: 100%;
	align-items: center;
	justify-content: space-around;
}

.intervenant_notValidated {
	background-color: #FFB94659;
	color: #EC733C;
	padding: 5px 10px;
	border-radius: 5px;
	border: 2px solid;
	display: flex;
	margin-right: 50px;
	width: 100%;
	align-items: center;
	justify-content: space-around;
}

.pass_diag_btn_redirect {
	position: relative;
	bottom: 60px;
}

/*      PassRoadMap     */
#default-container .passrgpd-roadmap-actions {
	border: solid 2px #e3ecfa;
	border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
	background: #fff;
	padding: 5px;
	margin: 5px;
	display: block;
	width: 74.5%;
	margin-left: 23%;
	margin-top: 1.5%;
}


.passrgpd-roadmap-actions > div > h2 > span {
	display: none;
	background-color: #00acaf;
}



/* Classes pour le formulaire de la PassRoadmap */

.pass_roadmap_title {
    font-weight: bold;
    font-size: xx-large;
}

.pass_roadmap_btn_redirect {
	margin-top: 2%;
}


/* Classes pour le formulaire d'une PassAction */


#app-avancee-prcent {
    display: flex;
    width: 100%;
    align-items: center;
}

#rangeValue {
    font-size: 100%;
    font-weight: bold;
    margin: 0 3%;
    width: 5%;
    text-align: center;
}

.progress-passaction {
    all: unset;
    width: 100%;
    height: 15px !important;
    -webkit-appearance: none;
    background: rgba(183, 183, 183, 0.59);
    outline: none;
    border-radius: 15px;
    overflow: hidden;
    padding: 0 !important;
    margin-left: 3% !important;
    min-height: 15px !important;
    cursor: pointer;
}

.progress-passaction::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #1685BD;
    cursor: pointer;
    border: 4px solid #333;
    box-shadow: -5007px 0 0 5000px #1685BD;
}

.progress-passaction::-moz-range-progress {
	background-color: #1685BD;
	height: 15px;
}
.progress-passaction::-moz-range-track {
	background-color: rgba(183, 183, 183, 0.59);
	height: 15px;
}

.progress-passaction:focus {
    border: unset;
}

.small_pass_act_pdf {
	position: relative;
	bottom: 20px;
	color: #00000078;
}

/* Page de redirect */

.pass_redirect_handler {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: inherit;
    width: inherit;
}

.redirect_page_diag_create {
	height: inherit;
	width: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.redirect_page_diag_denied {
	height: inherit;
	width: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.redirect_page_rm_denied {
	height: inherit;
	width: inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.redirect_pass_btn {
	color: white;
	background-color: #60D8F5;
	border-radius: 10px;
	margin-top: 20%;
	padding: 0 10px;
	height: 75%;
	font-size: 110%;
}

.redirect_pass_btn:visited {
	color: white;
}

#pass-homepage {
    height: 275px;
    margin-top: 2%;
    text-align: left !important;
}

/* Pass Com */

.pass_com_handler {
    display: flex;
    flex-direction: column;
	margin-top: 2.5%;
	width: 95%;
	margin-left: 2.5%;
}

.pass_com_explications {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.pass_com_integration_handler {
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 5%;
}

.pass_com_integration_imgs {
	display: flex;
	flex-direction: column;
	width: 50%;
	height: 1300px;
	justify-content: space-around;
	align-items: center;
}

.pass_com_integration_btns {
	display: flex;
	flex-direction: column;
	width: 50%;
	height: 1300px;
	justify-content: space-around;
	align-items: center;
}

.pass_com_firsttxt_handler {
	background-color: #00A2BD;
	border-radius: 30px;
	padding: 20px;
	display: flex;
	flex-direction: row-reverse;
	width: 40%;
}

.pass_com_firsttxt {
	width: 450px;
	color: white;
	text-shadow: 1px 1px 0px black;
}

.pass_com_btn {
    border-radius: 15px;
    border: solid 2px #00A2BD;
    background-color: #00A2BD;
	color: black;
	padding: 1%;
}

.pass_com_txt {
	color: #00A2BD;
	margin: 3% 2% 1% 0;
	text-align: center;
}

.pass_com_bold {
    font-weight: bold;
}

.pass_com_cyan {
    color: #a3e3e3;
}

.pass_com_large {
    font-size: large;
}

.pass_com_ship {
	width: 10%;
	position: absolute;
	z-index: 100;
	left: 10%;
	top: 13%;
}

.pass_com_nutri {
	width: 25%;
}

.pass_com_label {
	width: 60%;
}

.pass_com_plaquette {
	width: 60%;
}

.pass_com_mail {
	width: 70%;
}

/*Dashboard*/

#app-feuille-route {
	height: 130%;
}