body {
  font-size: 16px;
}

small {
	font-size: 80%;
}

.card-body h3 {
	font-weight: bold;
}

@media (min-width: 769px) {
	.container {
		width: 100%;
	}

	#dashboard .notes {
		width:2%;
	}
	#dashboard .titre {
		width:calc(29%);
	}
	#dashboard .responsable {
		width:11%;
	}
	#dashboard .nbTeam {
		width:2%;
	}
	#dashboard .referent {
		width:10%;
	}
	#dashboard .consortium {
		width:6%;
	}
	#dashboard .grilleUMS {
		width:9%;
	}
	#dashboard .analyseScientifique {
		width:17%; /* relecteursCSI + grilleCSI*/
	}
	#dashboard .relecteursCSI {
		width:60%;
	}
	#dashboard .grilleCSI {
		width:40%;
	}
	#dashboard .avisCSI {
		width:11%;
	}
	#dashboard .projetAccepte {
		width:3.5%;
	}
	#dashboard .affiliation { /* dashbord CPI */
		width:27%;
	}
	#dashboard .titreConsortium {
		width:15%;
	}
	#dashboard .my-col {
		float: left;
		flex:unset;
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 769px) {
	div.headerbar-left  li.header-nav-brand {
		font-size:12px;
	}
}

#content {
	width: 100%;
}

.dataTables_wrapper .dataTables_filter {
	float: inherit;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	display: inline-block;
}
.dataTables_wrapper .dataTables_filter input {
	line-height: 2em;
	width: 20em;
}
#dashboard_paginate {
	margin-bottom: 10px;
	margin-top: 20px;
}
table.dataTable thead td , .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: none;
}

#dashboard tr {
	background-color: white;
	height: 3em;
}

#dashboard td {
	font-size: 14px;
	border: 1px #F2F3F3 solid;
	padding: 3px 8px;
	vertical-align: middle;
}
#dashboard .row, #dashboard .header div {
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#dashboard .row {
	background-color: white;
	border: 1px #F2F3F3 solid;
}

#dashboard .header, #dashboard thead tr , .dataTables_scrollHead {
	background-color: var(--primary-bright-color);
	color:white;
}
#dashboard .header {
	padding-right: 16px; /* largeur de scrollbar */
}

#dashboard a, #afficheNotes a:not(.btn), a.text-link {
	color: #0aa89e;
	text-decoration: underline ;
}

#dashboard .projetAccepteOui {
	background-color: #caf0ee;
}

#dashboard .projetAccepteNon {
	background-color: #E6EBEB;
}

#dashboard .projetHightlight td {
	border-top: 3px solid #0aa89e;
	border-bottom: 3px solid #0aa89e;
}
#dashboard .projetHightlight td:first-child {
	 border-left: 3px solid #0aa89e;
}
#dashboard .projetHightlight td:last-child {
	border-right: 3px solid #0aa89e;
}

#dashboard_length label {
	margin:.7em;
}

.card-body a:not(.btn) i {
	color: #0aa89e;
}

.section-body:first-child {
	margin-top: 0px;
}

.card {
	margin-top: 1em;
}

input[type="radio"], input[type="checkbox"] {
	margin: 9px 0 0;
}

input[type="text"] {
	 background-color: #FAFAFA;
 }

.well input[type="text"] {
	background-color: #FFF;
}
.well h1 { /* cartouche.php */
	padding-left: 0;
	padding-bottom: 5px;
	margin-top: 0;
}
textarea.form-control {
	background: #FAFAFA;
	padding:4px;
}

[data-notify="message"] {
	font-size: 16px;
}

.notifyjs-msgEnvoyer-base, .notifyjs-msgEnregSansTitre-base, .notifyjs-msgValidSansTitre-base {
	font-weight: bold;
	padding: 8px 15px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 3px 7px;
}
.notifyjs-msgEnvoyer-error, .notifyjs-msgEnregSansTitre-error, .notifyjs-msgValidSansTitre-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=);
}

.missingInfo, .missingInfo ~ .note-editable, .required input, .required textarea {
	border :2px solid #B94A48;
}

.note-editable p , .cadre p {
	margin :0; !important;
}
.required {
	background: #F2DEDE;
}

textarea.required {
	border-bottom: 2px solid #B94A48;
}

textarea {
	min-height :50px !important;
}

legend {
	border-bottom: 5px;
	text-decoration: underline;
}

/*.table th { text-align: left}*/

.table.align-top > tbody > tr > td {
	vertical-align: top;
}

.no-border , .table.no-border > tbody > tr > td {
	border: none;
}
.no-border-top {
	border-top: none;
}

/* .grille .table > tbody > tr > td {
	line-height: 1.4;
	padding: 5px;
}*/

.table thead > tr > th {
	font-weight: bold !important;
	border-bottom: none !important;
}
.jq-required-in-element {
	padding: 5px;
	border-radius: 2px;
	margin-bottom: 5px;
}

/* *** ON HOVER *** */

.hover-zone {
	position: relative;
}

.text-on-hover {
	display: none;
	background-color: #F2F3F3;
	padding: 5px;
	position: absolute;
	text-transform:none;
	font-weight: normal;
	border-radius: 3px;
	border: 1px solid black;
}
.hover-zone:hover .text-on-hover {
	z-index:10000;
	display:inline;
}

.quest-mark:after, .question-mark:after {
	content: "?";
	font-weight: 700;
	font-size: 0.9em;
	color: #578BB8;
	vertical-align: 2px;
	padding-left: 1px;
}

.dropzone.dz-started .dz-message { /* maintient le message "click here to upload files" lorsqu'il existe des thumbnails */
	display: block; !important;
}

.dz-preview.dz-file-preview.dz-complete, .dz-preview.dz-image-preview.dz-complete  { /* les thumbnails s'effacent à la fin du téléchargement */
	display:none; !important;
}

/* pour la génération de pdf */

body.pdf {
	font-size:1.3em;
}

.pdf #base, .pdf #content {
	padding: 0;
}
.pdf .card {
	margin: 0;
	padding: 0;
}
.pdf .card-head {
	padding: 9px 1em 4px 1em; /* bricolage parce que le titre n'est pas centré */
}
.pdf .card-body {
	padding: 0 ;
}
.pdf .card-body .well:first-child {
	margin-top: 0;
}
.pdf .card-body .well .fa-envelope-o { /* pas d'îconne enveloppe pour les email dans cartouche */
	display: none;
}
.pdf #titre-ref .col-10 {
	max-width: 75%;
}
.pdf #titre-ref .col-2 {
	max-width: 25%;
}
.pdf a {
	color:black;
	text-decoration: none;
}
.pdf .card {
	border: none;
	box-shadow: none;
}

/* --var pas pris en compte */
.pdf .card-head {
	background-color: #0aa89e;
	border-color:  #0aa89e;
}
.pdf .text-primary-bright {
	color:#0aa89e;
}
.pdf .badge {
	background-color: #0aa89e;
}

.pdf input[type="text"] {
	font-size: 1.2em;
}
.pdf label {
	font-size: 1.2rem;
}
/*.pdf legend::after {
	content: none;  !important;
}*/

/*.pdf .col-offset-1 {
	margin-left: 8.333333333333332%;  !important;
}*/

div.ui-resizable-handle.ui-resizable-se { /* positionnement de la poignée pour ui-resizable.js */
/*	right: 11px; !important;
	bottom: 22px; !important;*/
	margin-bottom: 0px;
	margin-right: 12px;
}

[lang=en] {
	font-weight: normal;
	font-style: italic;
	display: inline;
	position: static;
	white-space: normal;
	opacity: 0.8;
}

label [lang=en] {
	text-transform: none;
	/*font-size: 1.2em;*/
}

/* largeur scroll bar*/
.mCSB_inside > .mCSB_container {
	margin-right: 16px;
}

.margin-10-15-25 {
	margin: 10px 15px 25px 15px;
}

.h1, h1 {
	font-size: 1.6em;
	font-weight: bold;
}
.h2, h2 {
	font-size: 1.5rem;
}

/* 11/04/2018 la boite s'affiche en haut à gauche ecran. solution d 'urgence */
.note-popover.popover {display: none;}

.isNotValid {
	background-color: rgb(242, 222, 222);
}