@charset "UTF-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css2?family=Open+Sans);

body, html {

	margin:0;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size:10px;

}

.wild{

	/*width:100%;*/

	overflow:hidden;

	padding:0 5%;

}

#header {

	/*height:60px;*/

	margin:0;

}

#bodycontent{

	min-height:300px;

	margin:0;

}

#footer {

	height:50px;

	margin:0;

}





table, th, td {

  border: 1px solid black;

	border-collapse: collapse;

	border-spacing: 0;

}

.item_intervention, .item_html {

	display:inline-block;

	min-height: 100px;

	height: auto;

	padding:2px;

	margin: 5px;

	background-color:#CCC;

	vertical-align: top;

}

.item_html_filtre, .item_article {

	display:inline-block;

	padding:2px;

	margin: 5px;

	background-color:#CCC;

	vertical-align: top;

}

.item_article_blue {

	display:inline-block;

	padding:2px;

	margin: 5px;

	background-color:#beecf9;

	vertical-align: top;

}

.item_intervention_content, .item_article_content, .citerne_liste_content, .solution_liste_content, .item_solution_content, .intervention_liste_content {

	border:1px solid black;

	margin:4px;

	background-color:#FF9;

}

#infos_supp{
	border:1px solid black;
	margin-top:4px;
	background-color: #52be80;
	padding: 5px;
}

.item_solution {

	display:inline-block;

	padding:2px;

	margin: 5px;

	background-color:#CCC;

	vertical-align: top;

}

label {

	display: block;

}

textarea {

	/*height:58px;*/

	color: black;

}

.overflow-scroll {

	overflow-y:scroll;

	height:85px;

}

.label-ck {

	margin-top: 0px;

	margin-bottom: 0px;

}

select, input {

	font-size:11px;


}

#voir_les_maintenance_citerne, #voir_articles, #voir_solutions, #voir_citernes {

	background-color:#9CF;

}

#programmer_maintenance_citerne, #creer_article, #completer_solution, #creer_citerne, #programmer_intervention {

	background-color:#FC6;

}

#voir_filtres, #voir_filtre {

	background-color:#FC9;

}

.first-box-inline {

	width:100px;

	display:inline-block;

    border: 1px solid black;

	vertical-align: top;

	margin:5px;

}

.boxes-inline {

	width:100px;

	display:inline-block;

    border: 1px solid black;

	vertical-align: top;

	margin:5px 5px 5px 0px;

}







.titre_action_cliquable {

	font-size:12px;

	margin-right:10px;

	text-decoration: none;

}



.item_titre, .titre-bloc-item, .texte-bloc-item, .exemple-bloc, .valider_choix_item, .choisir_item_texte {

	margin:0px 0px;

}

.choisir_item_texte:hover, .valider_choix_item:hover {

	cursor:pointer;

}

.choisir_item_texte, .valider_choix_item {

	font-size:12px;

	margin:5px 0px

}

.item_data {

	margin:0px 0px 8px 0px;

}

.text-bouton-radio {

	display:inline-block;

}

is_active_securiweb_solution {

	display:inline-block;

}

.titre_rubrique_cliquable:hover {

	cursor:pointer;

}

.item_html label, .titre-bloc-item {

	font-weight:bold;

}



/*pimbox*/

#slide_pimbox p, #slide_pimbox input {

	display: inline;

	vertical-align: top;

}

.pimbox {

	display: inline-block;

	min-width: 200px;
	width: auto;

	min-height: 100px;

	height: auto;

    margin: 5px;

	border: 1px solid #ccc;

	background-color: #f2f2f2;

	vertical-align: top;

}

.dialog-pimbox {

	min-width: 200px;
	width: auto;

	height: 100px;

    margin: 5px;

	border: 1px solid #ccc;

	background-color: #f2f2f2;

}

#slide_pimbox {

	background-color: #FFFFFF;

}

.trigger-pimbox {

	/*height: 10px;*/

	background-color: #ccc;

}

ul#draggable, ul#droppable, .ul-pimbox{

	list-style-type: none;

	margin: 0;

	padding: 0;

}

ul#draggable, ul#droppable {

	overflow-y: scroll;

	max-height: 195px;

}



.pimbox_titre {

	margin: 0px;

}

.titre-pimbox:hover {

	cursor:pointer;

}



/*table dialog interventions*/

.titre-pimbox {

	margin: 0;

}



/*boite couleurs html page convertisseur*/

.input_coul {

	width:54px;

}

.boite_couleur{

	display:inline-block;

	width:60px;

	height:60px;

	background-color:#f1f1f1;

}

.ligne_de_texte_propal:hover{

	cursor:pointer;

}

.ligne_de_texte_propal {

	padding: 2px;

	background-color: #d48ba7;

	margin: 2px;

}

[id^="boutonDeleteIntervention_"],[id^="boutonAddSecuriC4MaxArticles_"],[id^="boutonAddSecuriC4DArticles_"]{

	font-size: 9px;

	margin: 0 90%;

}

a.titre_docs_gm{

	font-size: 13px;

}



#message_html{

	min-height: 200px;

	border: 1px solid black;

	font-size: 12px;

}

.editeur_txt{

	background-color: #dfe6e9;

	margin: 2px;

	margin-top: 5px;

	padding: 2px;

	/* min-width: 43px; */

	width: 14.5%;

	cursor: pointer;

	border-radius: 12px;

}

.content_active{

	background-color: white;

	border: none;

	color: black;

	padding: 6px;

	text-align: center;

	text-decoration: none;

	font-size: 16px;

	margin: 10px;

	transition-duration: 0.4s;

	cursor: pointer;

	border: 2px solid #e7e7e7;

}

.content_active:hover{

	background-color: #e7e7e7;

}



.tab_email{

	text-align: center;

	background-color: #FF9;

}

.commentaire, .commentaire_gm{

	width: 600px;

}

.commentaire_gm {

	background-color:#feccc1;

}



.loader {

	display:none;

	border: 16px solid #f3f3f3;

	border-top: 16px solid #b0b0b0;

	border-radius: 50%;

	width: 150px;

	height: 150px;

	-webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

	z-index: 1000;

	position: absolute;

	left: 40%;

	top:25%;

}

/* Safari */

@-webkit-keyframes spin {

	0% { -webkit-transform: rotate(0deg); }

	100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

	0% { transform: rotate(0deg); }

	100% { transform: rotate(360deg); }

}

.heures_changements th, .heures_changements td {

  padding: 2px;

}

#dokker_Abderrahim:hover{
	cursor: pointer;
}

#Recherche_Danone:hover{
	cursor: pointer;
}

.titre_citernes{
	height: auto;
	margin: 5px 0px;
	background-color:#CCC;
	font-size: small;
}

.periode{
	font-size: small;
}

.file_title:hover {
	cursor:pointer;
}
.section_title{
	margin-top: 10px;
	text-decoration: underline;
	font-weight: bold;
}
.display_content_file p{
	margin-bottom: 25px;
}
.upload_zone{
	margin-top: 25px;
}
#dropzoneFrom {
  background-color: #afe4eb;
  }