/* portail CASD */
body {
	font-family: "Barlow", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #222;
	overflow-x: hidden;
}

.container.casd {
	background-color: #e6e6e6;
}

.full-violet-bg {
	background-color: #3d2344;
	height: 179px;
}

.container.head {
	background-image: url("/img/casd_haut_page.png");
	height: 179px;
}

/* sign in */
.container.casd-signin {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.casd-signin .form-signin {
	text-align: center;
	width: 100%;
	max-width: 430px;
	padding: 15px;
	margin: auto auto;
}

.casd-signin .form-signin h1 {
	color: #68606a;
}

.casd-signin .form-signin .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.casd-signin.form-signin .form-control:focus {
	z-index: 2;
}

.casd-signin .form-signin label {
	display: block;
	text-align: left;
	margin: 0 0 0 0 ;
}

.casd-signin .form-signin input {
	margin: 0 0 2rem 0;
}

.casd-signin .form-signin button {
	margin: 0 auto 1.5rem auto;
	display: block;
	height: 5em;
	width: 60%;
	border-radius: 2.5em;
}

.casd .form-signin .btn.btn-primary {
	background-color: #604064;
	border-color: #604064;
}

.casd-signin .form-signin a {
	display: block;
	color: #604064;
}

.btn-terminer-support {
	padding: .25rem .5rem;
	height: 2.5em;
	font-size: .500rem;
	line-height: 1.4em;
	border-radius: .2rem;
}

.casd-signin .form-signin a.btn.btn-secondary {
	margin: 0 auto 1.5rem auto;
	line-height: 5em;
	height: 5em;
	width: 60%;
	border-radius: 2.5em;
	color: #fff;
	background-color: #b8b6b8;
	border-color: #b8b6b8;
	text-decoration: none;
}

.casd-signin.estradd {
	background: transparent;
}

.casd-signin.estradd .form-signin h4,.casd-signin.estradd .form-signin label,.casd-signin.estradd .form-signin a {
	color: #fff!important;
}


.casd-signin.estradd .form-signin .btn.btn-primary {
	background-color: #273585!important;
	border-color: #19235b;
}

.casd-signin.estradd .form-signin a {
	display: block;
	color: #808080;
}

.casd-signin.estradd .form-signin a.btn.btn-secondary {
	color: #fff;
	background-color: #b8b6b8;
	border-color: #b8b6b8;
}

.tableau.projets .col-12 {
	position: relative;
	background-color: #e0e0e0!important;
}

.tableau.projets .col-12 img {
	display: block;
	height: 80px;
	position: absolute;
	top: 10px;
	right: 20px;
}

.white.page {
	position: relative;
}

.white.page img.logo-estradd {
	display: block;
	height: 140px;
	position: absolute;
	top: 1.2em;
	right: 1.2em;
}


#refus_web {
	/*display: none;*/
}

/* Tableau de bord*/
.casd .onglets {
}

.casd .onglets a {
	display: inline-block;
	line-height: 50px;
	background-color: yellow;
	padding: 0 2em 0 2em;
	font-size: 0.8em;
	margin: 0;
}

.casd .onglets a#compte {
	background-color: #acadb8;
	color: #fff;
}

.casd .onglets a#deconnexion {
	background-color: #acadb8;
	color: #fff;
}


.head a.logo {
	display: block;
	padding: 66px 0 0 13px;
}
.head a.logo img {
	width: 250px;
}

.head nav {
	width: 100%;
	height: 100%;
}

.head nav ol {
	height: 1.3em;
	width: 100%;
	float: right;
	list-style-type: none;
}

.head nav ol li {
	color: #fff;
	text-decoration: none;
	float: right;
	margin: 80px 10% 0 0;
}

.head nav ol li a {
	color: #fff;
}

.casd.white {
	background-color: #fff;
}

.casd.white.full-height {
	height: 100%;
	min-height: 1000px;
}

.casd.white h1 {
	padding: 3em 0 2em 0;
	width: 100%;
	text-align: center;
	color: #68606a;
	font-size: 2em;
}
.casd.white .content {
	margin: 0 5% 0 5%;
}
.casd.white .content p {
	margin: 0;
}
.casd.white .nav-link.active {
	border: #3F1646FF 1px solid;
	border-color: #3F1646FF #3F1646FF #fff;
	border-bottom-color: #FFFFFF;
}
.casd.white .nav-tabs  {
	border-bottom: 1px solid #3F1646FF;
}

.row.tableau {
	margin: 0 5% 0 5%;
	font-size: 0.9em;
}

.row.tableau .col-12 {
	padding: 2em 0 2em 0;
	color: #88698d;
	background-color: #f3f4f5;
	text-align: center;
	border-top: #88698d solid 2px;
	font-weight: bold ;
	position: relative;
}

.row.tableau .col-12 .alerte {
	position: absolute;
	height:100%;
	width: 25%;
	background-color: #e3e1e9;
	right: 0;
	top: 0;
	text-align: left;
	color: #68606a;
}

.row.tableau .col-12 .alerte div {
	margin: 1em 0 0 1em;
}

.row.tableau .col-3:not(:last-child) {
	border-right: #dadada solid 2px;
}

.row.tableau .col-3 {
	margin: 1.2em 0 1.2em 0;
	color: #88698d;
	position: relative;
	background-color: #fcfdfd;
}

.row.tableau .col-3 a {
	color: #88698d;
	font-weight: bold;
	text-decoration: underline;
}

.row.tableau .col-3 .alerte {
	position: absolute;
	right: 2em;
	top: 1em;
}

.row.tableau .col-3 .alerte img {
	width: 30px;
}

.casd.white h2 {
	padding: 2em 0 1em 0;
	width: 100%;
	text-align: center;
	color: #784e84;
}

.casd.white p {
	text-align: center;
	margin: 0 2em;
	font-size: 0.9em;
}

.casd.white a.violet {
	color: #88698d;
	font-weight: bold;
}
.casd.white a.violet.active {
	/*background-color: #88698d;*/
	color: #68606a;
}

.casd.white p.left {
	margin: 1em 0 2em 0;
	text-align: left;
}

.casd.white .row.estimation {
position: relative;
	padding: 0 0 40px 0;
}

.casd.white .row.estimation #symbole {
	position: absolute;
	bottom: -28px;
	left: 45%;
}

.casd.white .row.estimation  #symbole img {
	width: 70px;
}

.casd.white.page {
	padding: 2em 2em;
}

.casd.white.page label {
	font-size: 0.9em;

}

.casd.white.page .form-group.row {
	width: 100%;
	border-bottom: #ccc solid 2px;
}

.casd.white.page .form-group.row input,.casd.white.page .form-group.row select {
	border: none;
	border-radius: 0;
	border-bottom: #ccc 3px solid;
	padding: 0 0 13px 0;
}



.form-check.custom label {
	height: 3em;
	line-height: 3em;
}

.form-check.custom input[type="checkbox"] {
	opacity: 0;
	float: left;
	width: 24px;
}

.form-check.custom input[type='checkbox'] + label {
	margin: 0;
	clear: none;
	padding: 0 0 0 4em;
	cursor: pointer;
	background: url('/img/checkbox-inactif.png') left center no-repeat;
}

.form-check.custom input[type='checkbox']:checked + label {
	background-image: url('/img/casd-checkbox-actif.png');
}



 input.radio-custom {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

input.radio-custom + label {
	padding: 12px 0 12px 4em;
	background: url('/img/radio-inactif.png') left center no-repeat;
	cursor: pointer;
}

input.radio-custom:checked + label {
	background-image: url('/img/casd-radio-actif.png');
}




.casd.white.page button {
	margin: 4em auto 4rem auto;
	display: block;
	/*width: 40%;*/
	border-radius: 2.5em;
}

.casd.white.page .btn.btn-primary {
	background-color: #604064;
	border-color: #604064;
}

.casd.white.page .btn.btn-secondary {
	background-color: #b8b6b8;
	border-color: #b8b6b8;
}

#estimation	{
	font-size: 2em;
}

.casd.white .row.projet {
	margin: 0 2em 0 2em;
	font-size: 0.9em;
}

.casd.white .row.projet .violet {
	color: #6c2875;
}


.casd.white .row.projet.titre {
	background-color: #f5f6f7;
	border-top: #3F1646FF 2px solid;
	padding: 1em 0;
	margin: 0;
}

.casd.white .row.projet.titre .col-10 .nom {
	margin: 1em 0 1em 0;
	padding: 0 0 0 3em;
	border-left: #aaa 1px solid;
	font-weight: bold;
}

.casd.white .row.projet.titre .code{
	text-align: center;
	font-weight: bold;
}

.casd.white .row.projet.titre .texte, .casd.white .row.projet.titre .date {
	font-size: 0.8em;
}

.casd.white .row.credits {
	font-size: 0.9em;
	color: #6c2875;
	background-color: #f5f6f7;
	padding: 0.5em 0;
	margin: 0;
	border-top: #ddd 1px solid;

}


.casd.white .row.projet.description  {
	padding: 1em 0 0 0;
}


.casd.white .row.projet.description .col-2 img  {
	margin: 2em 0 0 0.3em;
}

.casd.white .row.projet.description .col-2 div  {
	padding: 0 0 0 0.9em;
}

.casd.white .row.projet.description .col-2 .actif  {
	/*color: #9f62bb;*/
	font-weight: bold;
}

.casd.white .row.projet.description .col-2 .texte  {
	font-weight: bold;
}

.casd.white .row.projet.description .col-10  {
	padding: 2em 3em 0 3em;

}

.casd.white .row.projet.description .col-10 hr {
	margin: 2em 0;
}

.casd.white .row.projet.description .bios .col-4 {
	border-right: #aaa 1px solid;
	margin: 1em 0 0 0;
}

.bios a .fa-ban {
	color: #b7b7b7;
}

.bios a:hover .fa-ban {
	color: red;
}

#table-exports_length {
	margin-bottom: 0;
}

#table-exports tr td{
	border-top: 10px #ffffff solid ;
}

.casd.white .row.projet.description .export {
	background-color: #f5f6f7;
	margin: 2em 0 0 0;
	height: 3em;
	line-height: 3em;
}

.casd.white .row.projet.description .export .col-2, .casd.white .row.projet.description .row.export .col-9 {
	border-right: #fff 3px solid;
}

.casd.white .row.projet.description .export .col-8 {
	padding: 0;
}
.casd.white .row.projet.description .export .col-8 a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #dfdde8;
	text-decoration: none;
	color: #000;
	text-align: center;
}

.casd.white .row.projet.description .export .wait {
	/*display: block;*/
	width: 100%;
	height: 45px;
	background-color: #bebebe;
	color: #000;
	text-align: center;
	padding-top: 0;
}

.casd.white .row.projet.description .export .progress {
	margin: 1.5em 0 0 0;
	background-color: #d5d8db;
	width: 100%;
	height: 1em;
	position: relative;
}

.casd.white .row.projet.description .export .progress .progress_bar {
	background-color: #8b5ba0;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.casd.white .row.projet.description .export .tps-traitement {
	line-height: 1.5em;
}

.casd.white .row.projet.description .export .col-8 a:hover {
	background-color: #d2d0d9;
}

.casd.white .row.projet.description .export .col-8 {
padding: 0 0 0 1em;
}

.casd.white .row.projet.description .export .col-8 div {
	float: left;
}


.casd.white .row.projet.description .export .col-8 .row {
	width: 100%;

}

.casd.white .row.projet.description .export .col-8 .row .progress {
	margin: 1.5em 0;
	background-color: #d5d8db;
	width: 100%;
	height: 1em;
	position: relative;
}

.casd.white .row.projet.description .export .col-8 .row .progress .progress_bar {
	background-color: #8b5ba0;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.casd.white .row.projet.description button {
	margin: 4em auto 4rem auto;
	display: block;
	width: 50%;
	border-radius: 2.5em;
}

.casd.white .row.projet.description .btn.btn-primary {
	background-color: #604064;
	border-color: #604064;
}

/*formulaires*/
.questionnaire {

}

.questionnaire h3 {
	font-size: 1.2em;
	text-align: left;
	color: #604064;
	margin: 4em 0 2em 0;
}

.questionnaire h6 {
	height: 60px;
}

.casd.white .questionnaire p {
	margin: 0 0 2em 0;
	text-align: left;
	color: grey;
}

.questionnaire .form-group {
	width: 100%;
	border-bottom: #ccc solid 2px;
	margin: 2em 0;
}

.questionnaire .form-group label {
	font-size: 0.9em;
}

.questionnaire .form-group input,.questionnaire .form-group select {
	border: none;
	border-radius: 0;
	border-bottom: #ccc 3px solid;
	padding: 0 0 8px 0;
	font-weight: bold;
	color: #604064;
}

.questionnaire table {
	font-size: 0.8em;
	display: block;
	overflow-x: auto;
	width: 100%;
}

.questionnaire table th:first-child {
	text-align: center;
	width: 5%;
}

.questionnaire table th {
	text-align: center;
	width: 19%;
}

.questionnaire table td {
	padding-bottom: 0;
}

.questionnaire table td:first-child {
	font-weight: bold;
}

.questionnaire .note {
	font-size: 0.8em;
	margin: 1em 0;
	color: #808080;
}

.questionnaire select {
	margin: 1em 0;
}

.questionnaire textarea {
	height: 10em;
}

input:focus,select:focus {
	outline: none !important;
	box-shadow: 0 0 3px 1px #764d7b;
}
.questionnaire a {
	color: #604064;
	font-size: 0.8em;
}

.questionnaire p a {
	font-weight: bold;
	font-size: 1em;
}

.questionnaire .form-group textarea.textarea-custom {
	border-bottom: 3px solid #ccc;
	padding: 0 0 8px 0;
	font-weight: bold;
	color: #604064;
	width: 100%;
	background-color: transparent;
	box-sizing: border-box;
}

.questionnaire .form-group textarea.textarea-custom:focus {
	outline: none !important;
	box-shadow: 0 0 3px 1px #764d7b;
}

input[type="radio"]{
	accent-color: #604064;
	box-shadow: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #604064 !important;
}

.boutons {
	margin: 6em 0;
}

.form-group textarea {
	width: 100%;
	height: 100px;
	border: 1px solid #d1d1d1;
	font-size: 15px;
}

.form-check label {
	font-size: 0.9em;
	color: #222;
}

.estradd .card {
	text-align: center;
	margin: 0 0 2em 0;
}

.estradd .card .card-header {
	padding: 2em 0;
}

.estradd .card#support .card-header {
	background-color: #214885;
}

.estradd .card#multisite .card-header {
	background-color: #216480;
}

.estradd .card#annexe4 .card-header {
	background-color: #404370;
}

.estradd .card#performance .card-header {
	background-color: #001241;
}

.estradd .card#facturation .card-header {
	background-color: #001241;
}

.estradd .card .card-header .fa {
	color: #fff;
}
.estradd .card .card-header h4 {
	font-size: 18px;
	color: #ffffff;
}

.estradd .card .card-body a, .estradd .card .card-body button {
	border: 0;
	border-radius: 5px;
	font-size: 0.8em;
	display: block;
	padding: 5px;
	color: #fff;
	background-color: #9a9a9a;
	text-decoration: none;
	margin: 0.4em 0 0 0;
}

.estradd .card .card-body a:hover {
	background-color: #001241;
}

.estradd .card .card-body .bouton-card {
	width: 100%;
	height: 50px;
	font-size: 1em;
	line-height: 40px;
}

.estradd .card .card-body .bouton-card.double {
	line-height: 20px;
}

.estradd .card .card-body .col-2.loupe {
	padding: 0;
}

.estradd .card .card-body .bouton-loupe {
	height: 100%;
	margin: 0;
	width: 36px;
}

.estradd .card .card-body .bouton-loupe i {
	color: #fff;
}


.estradd .row .progress {
	margin: 1.5em 0 0 0;
	background-color: #d5d8db;
	width: 95%;
	height: 1em;
	position: relative;
}

.estradd .row .progress .progress_bar {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.estradd .row .bar {
	padding-right: 20px;
}

.estradd .row .bar p {
	position: absolute;
	width: 13%;
	/*height: 100%;*/
	margin: 0.9em 0 0 0;
	top: 0;
	right: 0;
}



.estradd.bulle {

}

.estradd.bulle .titre {
	border-bottom: #001241 1px solid;
	height: 80px;
	margin-bottom: 10px;
}

.estradd.bulle .titre h3 {
	color: #001241;
	line-height: 80px;
}

.estradd.bulle .titre p {
	text-align: left;
	line-height: 80px;
}

.estradd.bulle table {
	width: 100%;
	margin: 0 0 4em 0.1em;
	border: #999 1px solid;
}

#table_sdbox_length, #table_bulles_length {
	margin-bottom: 0;
}

.dataTables_length#table_bulles_length {
	width: auto;
}


button.buttons-excel span {
	color: #000;

}


.estradd.bulle table tr {
	border-bottom: #999 1px solid;
	font-size: 14px;
}

.estradd.bulle table tr th {
	padding: 0.5em;
	background-color: #fff;
	text-align: left;
	color : #000;
}

.estradd.bulle table tr td {
	padding: 0.3em;
	/*font-size: 0.8em;*/
}

.estradd.bulle .row .progress {
	margin: 0.5em 0 0.5em 0;
}

.estradd.bulle .row .bar p {
	margin:0 0 0.5em 0;
}

#table_membres .warning {
    background-color: #faed99;
}

#table_membres td {
    padding-bottom: 10px;
}



.progress_0,.progress_1,.progress_2,.progress_3,.progress_4,.progress_5,.progress_6,.progress_7,.progress_8,.progress_9,.progress_10,.progress_11,.progress_12,.progress_13,.progress_14,.progress_15,.progress_16,.progress_17,.progress_18,.progress_19,.progress_20,.progress_21,.progress_22,.progress_23,.progress_24,.progress_25,.progress_26,.progress_27,.progress_28,.progress_29,.progress_30,.progress_31,.progress_32,.progress_33,.progress_34,.progress_35,.progress_36,.progress_37,.progress_38,.progress_39,.progress_40,.progress_41,.progress_42,.progress_43,.progress_44,.progress_45,.progress_46,.progress_47,.progress_48,.progress_49,.progress_50  {
	background-color: rgb(47, 171, 0);
}

.progress_51,.progress_52,.progress_53,.progress_54,.progress_55,.progress_56,.progress_57,.progress_58,.progress_59,.progress_60,.progress_61,.progress_62,.progress_63,.progress_64,.progress_65,.progress_66,.progress_67,.progress_68,.progress_69,.progress_70,.progress_71,.progress_72,.progress_73,.progress_74,.progress_75 {
	background-color: #ff8900;
}

.progress_76,.progress_77,.progress_78,.progress_79,.progress_80,.progress_81,.progress_82,.progress_83,.progress_84,.progress_85,.progress_86,.progress_87,.progress_88,.progress_89,.progress_90,.progress_91,.progress_92,.progress_93,.progress_94,.progress_95,.progress_96,.progress_97,.progress_98,.progress_99,.progress_100 {
	background-color: #ff0000;
}





.red {
	color: red!important;
}

/*Champs invalides en rouge dans Annexe 4*/
.questionnaire .form-group input:invalid, .form-group textarea:invalid {
	border-bottom-width: 3px;
	border-color: red;
}

select.select2-hidden-accessible:required + .select2-container .select2-selection--single {
	border-color: #FF0000;
	border-bottom-width: 3px;
}

select.select2-hidden-accessible:required:valid + .select2-container .select2-selection--single {
	border-color: grey;
	border-bottom-width: 1px;
}

form#formulaire .autre-institution input:invalid,form#formulaire input#sdbox_ref:invalid {
    border-color: red;
}