@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Play');

body{
color: white !important;
box-sizing:border-box;

font-family: sans-serif;

font-weight: 100;

/* text-align: center; */
}
nav {
  /*position: fixed!important;*/
  top: 0px;
  z-index: 99999;
}

.draggable {/* width: 100px; *//* height: 25px; *//* padding: 0.2em; *//* margin: 10px 10px 10px 0; */list-style: none;/* background: blue; */}
  .droppable {
  width: 188px;
  min-height: 200px;
  /* padding: 0.5em; */
  float: left;
  /* margin: 10px; */
  /* background:grey; */
  }
  .supprimer {cursor: crosshair;position: absolute;width: 17px;height: 17px;bottom: 0px;right: 5px;color: white;background: #e61000;border-radius: 16px;text-align: center;float: right;line-height: 16px;font-size: 12px;}
   .semaine { float:left;  }
  .source { float:left;  }
  #aexporter {width: 43%;font-size: 12px;height: 221px;display: none;}
  #source .supprimer {display:none;}
  li {list-style: none; }
  .jour {/* width: 194px; */min-height: 225px;float: left;padding: 1px;margin-left: 0px;/* border: #dedede solid 1px; */}
  #source{float: left;width: 200px;}
  .cour input {

background: #1f1f1f!important;

width:42px!important;

margin: 0px!important;

border: none!important;

color: white!important;

height: 27px!important;
}
.logopla{margin-top: 10px;}
  .cour{background: #f1f1f1;font-family: play;padding: 6px;/* padding-top: 6px; */position: relative;padding-bottom: 0px;border-radius: 6px;margin-bottom: 1px;/* width: 200px; *//* height: 44px; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .cour input{
	  border: 0;
	  border-radius: 5px!important;
	  background-color: #231f20!important;
	  width: 46px!important;
	  height: 25px;
	  color: whitesmoke!important;
	  padding-right: 4px!important;
	  padding-left: 4px!important;
	  float: left!important;
	  margin-top: 4px!important;
	  font-size: 13px;
	  border:none;
	  }
	  
	 #source .cour {
    
    width: 200px;
  
}
	  .labeljour{
	  	background:black;
	  	color:white;
	  	text-align:center;
	  	line-height:30px;
	  	font-family: "play";
	  }
	  .vignette{
		  /* margin-left: 8px; */
		  width: 122px;
		  padding-top: 1px;
		  padding-left: 3px;
		 }
		 #sauve input{clear:both}
#popupfichier {display:none;position: fixed;left: 50%;top: 30%;transform: translate(-50%, 0);width: 301px;background: rgb(255, 255, 255);box-shadow: 2px 3px #e0e0e0;padding-top: 13px;/* text-align: center; */padding-left: 15px;}		 
		 
#popup {

position: fixed;

left: 50%;

top: 30%;

transform: translate(-50%, 0);

width: 301px;

background: rgb(255, 255, 255);

box-shadow: 2px 3px #e0e0e0;

padding-top: 13px;

text-align: center;
}

.modalP {
  /* display: none; */
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000ba;
}


h1{
  color: #396;
  font-weight: 100;
  font-size: 17px;
  margin: 40px 0px 5px;
}

#clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 15px;
    margin-bottom: 14px;
    margin-top: 7px;
}

#clockdiv > div{
    padding: 6px;
    border-radius: 3px;
    background: #03A9F4;
    display: inline-block;
}

#clockdiv div > span{
    padding: 9px;
    /* margin-top: 2px; */
    border-radius: 3px;
    background: #007bdc;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 10px;
}


#prochainement .cour {
    /* background: red; */
    text-align: center;
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
    /* top: 30%; */
    /* transform: translate(-50%, 0); */
}
#monplanning .supprimer{
display:none;

}
#popup .supprimer{
display:none;
}
#sauve{clear:both;padding-bottom: 15px;}

.supprimerfichier{
	float:right;
	/* padding-right: 3px; */
	/* padding-left: 9px; */
	background:  red;
	width: 17px;
	height: 17px;
	padding: 3px;
	margin-right: 5px;
	font-size: 6px;
	font-family:arial;
	background: #e61000;
	border-radius: 16px;
	text-align: center;
	line-height: 13px;
	color: white;
}
.ligne {padding:5px;}

input#fichier {
    color: green;
}
.modal { width: 30% !important ;}
.ui-state-highlight { background:#e0e0e0;height: 50px; line-height: 1.2em; 
border-style: dotted;
    border-width: 1px;
    border-color: #5f5f5f;padding:3px}
 .ui-state-highlight:before { 
    display: block;
    font-size:12px;
    margin-top:12px;
    
    text-align:center;
    
    content:"ici";}
	
.barrein{position: fixed;width: 200px;right: 0px;bottom:0px;top: -16px;background: #ffffffe8;z-index: 999;padding-left: 5px;-webkit-box-shadow: 0px 3px 30px -5px rgba(0,0,0,0.93);-moz-box-shadow: 0px 3px 30px -5px rgba(0,0,0,0.93);box-shadow: 0px 3px 30px -5px rgba(0,0,0,0.93);overflow-y: auto;}	
.barreout{
	right: -212px!important;
}
  .duree {-ms-transform: rotate(7deg); /* IE 9 */-webkit-transform: rotate(7deg); /* Safari */transform: rotate(7deg);cursor: crosshair;position: absolute;width: 25px;height: 25px;bottom: 22px;right: 5px;color: white;background: #4caf50;border-radius: 16px;text-align: center;float: right;line-height: 28px;font-size: 10px;}

	#prochainement{
    width: 190px;
    margin-left: auto;
    margin-right: auto;
}
.prof{
	display:none;
}
.prochainement{
	width: 236px;
	/* background:red; */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wrapplanning{
	clear:both;
}
.titreplanning{
	text-align:center;
	font-size:1.5em;
	background: #fcd600;
	color: black;
}

@media print {
  @page {
    size: A3 margin: 1mm 1mm 1mm 1mm;
  }
  
  body {
    
    font-family: system-ui;
    height: 100%;
    width: 100%;
    margin: auto auto;
    background: rgb(255, 255, 255)!important; 
    }
  
  body {
  -webkit-print-color-adjust:exact;
  }
  body{
  transform: scale(.7) translate(0, -10cm);
  /* transform: translate(-2cm, 0); */
  }
  div#monplanning {
    min-height: 1000px!important;
}
  .jour{
  	margin-top: 10px!important;
  }
	h6,h4{color:black;}
  .wrapplanning {
    width: 1471px!important;
    height: 100%!important;
    border:
    none!important;
    padding: 0px!important;
    margin-top: 0px!important;
    color: black;
    box-shadow: none!important;
    margin: auto auto!important;
  }
  
  #monplanning {/* margin-left: 2.5cm; *//* width: 70%; */}
  
  nav {
    display:none;
  }
  
  .vignette {
    /* margin-left: 8px; */
    width: 119px;
    padding-top: 1px;
    padding-left: 3px;
  }
  #slide-out{display:none}
  .card {display:none;}
  
  #modal1 {display: none!important;}
  .modal-overlay{display:none}
  .noPrint{
    display:none;
  }
  .semaine, .tableau{
    margin: auto;
    font-family: system-ui;
    text-transform: uppercase;
    width: 18cm;
    border-collapse: collapse;
    border-spacing: 0px;
    border: solid 1px grey;
  }
  input {
    border:none;
    text-align:center;
    width:100%}
  td {text-align:center;
    border:solid 1px grey;
    padding: 6px;
  }
  
  #toast-container{display:none}
  .remarque{width: 100%;min-height: 66px;}
  .remarque textarea{float:left;width: 49%;}
  .area{margin: auto auto;width: 800px;}
  .graph{clear: all;}
  
}
  
#modiftext{
    width: 400px;
    margin-left: 50px;
}

@media (max-width: 968px) {
	.droppable {width:100%}
   
}