html {}
.unselectable {
 -webkit-user-select:none; /* Chrome all / Safari all */
  -moz-user-select:none;    /* Firefox all */
  -ms-user-select:none;     /* IE 10+ */
  user-select:none;         /* Likely future */      
}
.rouge {color:#e2001a}.bleu{color:#1979c8;}.vert{color:#090}.pointer{cursor:pointer;}.noir {color:#000;}.bleu2{color:#28a;}
.brouge {background: #e2001a}
body {background:#f1f1f1;font-family:Arial;}.MT2{margin-top:2px;}.MT3{margin-top:3px;}
/*.container {max-width:1150px;margin:0 auto;}*/
p,label {font-family:Arial;font-size:14px;}
h1 {font-size:20px;margin-bottom:15px;}.MT30{margin-top:30px;}.vatb {vertical-align:text-bottom;}
.MR40{margin-right:40px;}
.blinfo {background:#1979c8;color:#fff;border-radius:7px;padding:0.5em;}
input {border:1px solid #ccc;}
#logform {margin:18% auto;border:1px solid #ccc;padding:1em;width:200px;border-radius:7px;background:#fff;}
#logform p,#logform label {line-height:1.5em;}
#logform p input {padding:5px 6px;width:100%}
#LaPage {max-width:1920px;width:100%;min-height:100vh}
.navbar {margin-bottom:5px;}
/* ERREUR */
#errbox {margin:18% auto;border:1px solid #ccc;padding:1em;width:500px;border-radius:7px;background:#fff;}
/* AGENDA */
small {font-size:11px;}
.w20 {width:20%;}
#navagenda p input {}
#navagenda a {color:#1979c8}
#customdate {width:100px;text-align:center;padding:2px 6px;}
#menu span {margin-top:9px;}
#pnav {position:relative;z-index:3}
html{height:100%;}
#navagenda {position:fixed;top:0;left:0;right:0;height:35px;background:#f1f1f1}
#navagenda a {text-decoration:none;}
#navagenda a:hover,#navagenda a:active {text-decoration:underline;}
#navagenda span i {color:#1979c8}
.user {background:#00c851;color:#fff;border-radius:50%;padding:4px 6px;font-weight:bold;margin-left:5px;cursor:pointer;}
.user.iam {cursor:pointer;background:#1979c8;color:#fff;}
.user.notdispo {background:#ccc;color:#fff;}


.mcol {display:inline-block;}
.w33 {width:33%} .w34 {width:34%}
button i {color:#555}
#btnmoisprec {/*margin-left:-222px;*/}
#LesJours {width:100vw;height:calc(100% - 35px);position:fixed;top:35px;bottom:0;background:#ff0;display:block;overflow:hidden;overflow-x:auto;}
#slideJours {height:100%;font-size:0;width:1800vw;}
.jour {width:20vw;background:#fff;display:inline-block;height:100vh;border-right:1px solid #f1f1f1;vertical-align:top;}
.jour:nth-child(even) {background:#f1f1f1;}
.jour.bsel {background:#99f;}
.titrejour {background:#1979c8;color:#fff;font-size:18px;text-align:center;padding:5px 0;position:relative;}
.titrejour.today {background:#ff0;color:#000;}
.cols {overflow:hidden;overflow-y:auto;height:calc(100% - 85px);padding:2px 10px;} /* height:calc(100% - 85px);js */
.colj {width:25%;height:100%;display:block;float:left;padding:4px 2px;vertical-align:top;}

.col1 {width:100%}
.col2 {width:50%}
.col3 {width:33%}
.col4 {width:25%}

.entj p {font-size:12px;}
.entj input, .entj select {width:100%;font-size:12px;height:24px;border:1px solid #ddd;padding:1px;}

.ajreg {width:25px;height:25px;border-radius:50%;background:#ccc;display:none;margin-top:0px;margin-left:0px;padding:1px 5px;position:absolute;top:5px;right:5px;}
.ajreg i {color:#fff;}
.ajreg:hover {background:#ffbb33}
.jour:hover .ajreg {display:inline-block;}
.maxcols .ajreg {display:none !important;}

.totjour {display:inline-block;}
.ajjob {background:#ccc;padding:5px 0;color:#fff;cursor:pointer;border-radius:30px;width:25px;margin-left:5px;margin-bottom:5px;display:inline-block;}
.ajjob:hover {background:#ffbb33}
.prtjour {background:#ccc;padding:5px 0;color:#fff;cursor:pointer;border-radius:30px;width:25px;display:inline-block;margin-left:10px;}
.prtjour:hover {background:#ffbb33}
.ajnote {background:#ccc;padding:5px 0;color:#fff;cursor:pointer;border-radius:30px;width:25px;display:inline-block;margin-left:10px;}
.ajnote:hover {background:#ffbb33}
.blregion {background:#ccc;padding:5px 0;color:#fff;cursor:pointer;border-radius:30px;width:25px;display:inline-block;margin-left:10px;}
.blregion.bblocked {background:#f00}
.blregion:hover {background:#ffbb33}

.ajjob {width:25px;font-size:12px;margin-left:1px;}
.ajnote {width:25px;font-size:12px;margin-left:3px;}
.prtjour {width:25px;font-size:12px;margin-left:3px;}
.blregion {width:25px;font-size:12px;margin-left:3px;}


.rdvs {min-height:200px;height:calc(100% - 141px);}
.job {border:1px solid #ccc;padding:5px 2px;margin-bottom:5px;font-size:12px;cursor:grab;background:#fff;text-align:center;position:relative;padding-bottom:30px;}
.job:last-child {margin-bottom:0;}
.job p {cursor:grab;font-size:12px;}
.placeh {border:3px dashed #ccc;background:#eee;min-height:70px;margin-bottom:5px;}
.rdvs.bblocked .placeh {border:3px dashed #f00;}
.job.bconf {border:1px solid #00c851;background:#00c851;color:#fff;}
.job.batelier {border:1px solid #33b5e5;background:#33b5e5;color:#fff;}
.job.locked {border:1px solid #e2001a;background:#e2001a;color:#fff;}
.bottominfo {position:absolute;bottom:0;left:0;right:0;}
.bottominfo {border-top:1px solid #ccc;}
.bottominfo span {font-size:14px;}
.bottominfo span+span {}
.bottominfo span:first-child {border-right:1px solid #ccc;}
.ovhid {overflow:hidden;height:16px;}

.note {background:#ffbb33;margin-bottom:5px;border:1px solid #ffbb33;padding:2px 4px;}
.note p {font-size:12px;text-align:center;overflow:hidden;}
.col4 .job p {font-size:10px;}
.col4 .bottominfo span {font-size:12px;}
.col4 .totcol {display:block}
.col4 .ajjob {width:18px;font-size:11px;margin-left:0px;}
.col4 .ajnote {width:18px;font-size:11px;margin-left:4px;}
.col4 .prtjour {width:18px;font-size:11px;margin-left:4px;}
.col4 .blregion {width:18px;font-size:11px;margin-left:4px;}

.dur1{min-height:85px;}
.dur2{min-height:110px;}
.dur3{min-height:135px;}
.dur4{min-height:160px;}
.dur5{min-height:185px;}
.dur6{min-height:210px;}
.dur7{min-height:235px;}
.dur8{min-height:260px;}
.dur9{min-height:285px;}
.dur10{min-height:310px;}
.dur11{min-height:335px;}
.dur12{min-height:360px;}
.dur13{min-height:385px;}
.dur14{min-height:410px;}
.dur15{min-height:435px;}
.dur16{min-height:460px;}
.dur17{min-height:485px;}
.dur18{min-height:510px;}
.dur19{min-height:535px;}
.dur20{min-height:560px;}
.dur21{min-height:585px;}
.dur22{min-height:610px;}
.dur23{min-height:635px;}


.close,.closeint {position:absolute;top:15px;right:15px;font-size:30px;cursor:pointer;}
#popRech {position:fixed;z-index:5;background:#fff;width:100vw;height:calc(100vh - 35px);left:0vw;top:100vh;padding:1em;box-shadow:3px 3px 10px #ccc;transition:top 0.4s;overflow:auto}
#popRech.open {top:35px;}
#popRech form {width:1200px;display:block;margin:50px auto;}
#Rech {width:100%;padding:0.5em;border:none;border-bottom:1px solid #ccc;font-size:30px;outline-style:none;box-shadow:none;}
#popRech .fa-search {bottom:0.5em;right:0;}
#ResRecherche {background:#fff}
#tblrech .bconf {background:#00c851}
#tblrech .batelier {background:#33b5e5}
#tblrech .locked {background:#e2001a}

#popEditDos {position:fixed;z-index:6;background:#fff;width:100vw;height:100vh;left:0vw;top:100vh;padding:1em;box-shadow:3px 3px 10px #ccc;transition:top 0.4s;}
#popEditDos h2 {line-height:1.6em;margin-top:10px;}
#popEditDos.open {top:0;}
 input[type=text] {padding:3px 4px;border:1px solid #ccc;}
 input:read-only {cursor:default;color:#1979c8;}
 select {padding:2px 4px;border:1px solid #ccc;}
 textarea {padding:3px 4px;border:1px solid #ccc;}
#popEditDos form {width:900px;display:block;margin:50px auto;}
#technicien {display:block;margin-top:0px;border:1px solid #ccc;padding:1px 5px;}
#popEditDos.ajouter .ajouter {display:inline-block;}
#popEditDos.modifier .modifier {display:inline-block;}
#popEditDos.modifier #pcreepar {display:block;}
#popEditDos.supprimer .supprimer {display:inline-block;}
#popEditDos.ajouter .modifier,#popEditDos.ajouter .supprimer {display:none;} 
#popEditDos.ajouter #pcreepar {display:none;}
#popEditDos.modifier .ajouter {display:none;} 
#popEditDos.supprimer .modifier,#popEditDos.supprimer .ajouter {display:none;} 
#cligsm,#cligsm2,#cligsm3 {width:90px;}
#numdos {width:120px;}
#clinum,#clibte,#clifnum,#clifbte {width:60px;}
#clinom {width:170px;}
#cliemail {width:210px;}
#cliprenom {width:150px}
#loc,#clirue,#locf,#clifrue {width:240px;}
#demandeur,#magasin {min-width:200px}
#remarque {width:100%;min-height:100px;}
#dateconf,#daterdv {width:80px;}
#resrech,#resrechf {position:absolute;background:#fff;padding:0.5em;max-height:300px;min-width:400px;overflow:hidden;overflow-y:auto;border:1px solid #ccc;z-index: 2}
.uncp,.uncpf {cursor:pointer;}
#resrech p:focus,#resrechf p:focus {background:#1979c8;color:#fff;}

#resrechd {position:absolute;background:#fff;padding:0.5em;max-height:300px;min-width:900px;overflow:hidden;overflow-y:auto;border:1px solid #ccc;}
.undos {cursor:pointer;}
#resrechd p:focus {background:#1979c8;color:#fff;}

#popEditInterv {position:fixed;z-index:6;background:#fff;width:100vw;height:100vh;left:0vw;top:100vh;padding:1em;box-shadow:3px 3px 10px #ccc;transition:top 0.4s;overflow:auto;}
#popEditInterv.open {top:0;}
.ctn {width:100%;max-width:1200px;margin:20px auto 50px auto;}
.lesinfos {position:sticky;top:20px}
.infos {background:#f1f1f1;padding:0.5em 1em;margin-right:20px;}
.infos strong {color:#28a;}
.infos h1 {margin-bottom:5px;padding-top:5px;}
.uneinterv {border:1px solid #ccc;margin-bottom:10px;padding:0.5em 1em;}

.sousmenu {position:absolute;right:-1px;background:#fff;top:38px;z-index:22;min-width:255px;border:1px solid #ccc;text-align:left;}
.sousmenu p {margin-bottom:0;cursor:pointer;color:#555;padding:4px 10px;font-weight: 400}
.sousmenu p:hover {color:#28a;}
.uneint th.relative {background-clip:padding-box;}
.uneint td.relative {background-clip:padding-box;}
.uneaction {border:1px solid #999;margin-top:5px;margin-bottom:10px;padding:7px 10px;position:relative;}
.idelaction {position:absolute;top:10px;right:10px;font-size:18px;color:#999;}
.ideplaction {position: absolute;top:10px;right: 40px;color:#999;}
.ideplaction:hover {color:#28a;}
.idelaction:hover  {color:#f00;}
.mwx {min-width:105px;display:inline-block;}
.selrev {width:calc(100% - 118px);}
.laction .DatePicker {width:90px;text-align:center;}
.uneaction h1 {font-size:16px;margin-bottom:3px;color:#28a;}
.uneaction h2 {font-size:14px;}
.unprob {border:1px solid #ccc;margin-bottom:10px;padding:0.5em 1em;}
.imgplainte {margin-right:10px;margin-bottom:10px;}
.savebtn {background: #f80;padding: 1em;margin-top: 10px;text-align: center;}
.grdz {width: 200px}
.moyz {width: 120px}
.miniz {width: 50px}








#fade {display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 21;background: rgba(0,0,0,0.6);}

.popup {display:none;
  position:fixed;
  z-index:22;
  background:#fff;
  border:2px solid #28a;
  border-radius: 20px;
  padding:1em;
  left:50%;
  top:50%;
  transform:translate(-50%,-53%);
}
.popup .btns {columns:4;}
.popup h1 {color:#28a;}
.popup button {
  margin:4px;
  background:#ddd;
  border:none;
  padding:0.5em 1em;
  text-align:left;
  border-radius: 4px;
}
.popup button:hover {
  background:#28a;color:#fff
}
.popup button:hover i {
  color:#fff
}



.job.hilight {
  border-color:#ccc;
  animation-name:flash_border;
  animation-duration:0.92s;
  animation-timing-function:linear;
  animation-iteration-count:4;
  -webkit-animation-name:flash_border;
  -webkit-animation-duration:0.92s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:4;
  -moz-animation-name:flash_border;
  -moz-animation-duration:0.92s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:4;
}

@keyframes flash_border {
  0% {border-color:#ccc;border-width:1px }
  25% {border-color:#f00;border-width:1px }
  100% {border-color:#ccc;border-width:1px }
}
@-webkit-keyframes flash_border {
  0% {border-color:#ccc;border-width:1px }
  25% {border-color:#f00;border-width:1px }
  100% {border-color:#ccc;border-width:1px }
}
@-moz-keyframes flash_border {
  0% {border-color:#ccc;border-width:1px }
  25% {border-color:#f00;border-width:1px }
  100% {border-color:#ccc;border-width:1px }
}

.user.newmsg {
  background:#ffbb33;color:#fff;
  animation-name:newmsg;
  animation-duration:0.92s;
  animation-timing-function:linear;
  animation-iteration-count:4;
  -webkit-animation-name:newmsg;
  -webkit-animation-duration:0.92s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:4;
  -moz-animation-name:newmsg;
  -moz-animation-duration:0.92s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:4;
}
@keyframes newmsg {
  0% {background:#1979c8;}
  50% {background:#ffbb33;}
  100% {background:#1979c8;}
}
@-webkit-keyframes newmsg {
  0% {background:#1979c8;}
  50% {background:#ffbb33;}
  100% {background:#1979c8;}
}
@-moz-keyframes newmsg {
  0% {background:#1979c8;}
  50% {background:#ffbb33;}
  100% {background:#1979c8;}
}
.user.newmsgi {
  background:#e2001a;color:#fff;
  animation-name:newmsgi;
  animation-duration:0.92s;
  animation-timing-function:linear;
  animation-iteration-count:4;
  -webkit-animation-name:newmsgi;
  -webkit-animation-duration:0.92s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:4;
  -moz-animation-name:newmsgi;
  -moz-animation-duration:0.92s;
  -moz-animation-timing-function:linear;
  -moz-animation-iteration-count:4;
}
@keyframes newmsgi {
  0% {background:#1979c8;}
  50% {background:#e2001a;}
  100% {background:#1979c8;}
}
@-webkit-keyframes newmsgi {
  0% {background:#1979c8;}
  50% {background:#e2001a;}
  100% {background:#1979c8;}
}
@-moz-keyframes newmsgi {
  0% {background:#1979c8;}
  50% {background:#e2001a;}
  100% {background:#1979c8;}
}

/* ADMIN */
.container1150 {width:100%;max-width:1150px;}
.mx-auto {margin-left:auto;margin-right:auto;}
.tabs {width:100%;border-bottom:1px solid #1979c8;}
.tab {display:inline-block;background:#fff;padding:5px 15px;cursor:pointer;}
.tab:hover {background:#ccc;}
.tab.bsel {background:#1979c8;color:#fff;}
.secadmin {padding:1em;background:#fff;}
.secadmin h2 {margin-bottom:5px;}

.uTable th {padding: 8px 10px;border:1px solid #ccc;background: #28a;color:#fff;}
.uTable td {padding: 4px 10px;border:1px solid #ccc;}
.uTable.noborder td {border: none;font-weight: 600}
.uTable.noborder th {border: none;font-weight: 600}
/* PRINT */
.ptable {border:2px solid #555;}
.ptable thead {border:2px solid #555}
.ptable th{padding:5px 10px}
.ptable td{padding:4px 10px;font-size:12px;}
.ptable td,.ptable th{border:2px solid #555;}

/* CHAT*/
#chat {position:fixed;z-index:4;top:35px;right:-450px;bottom:0;background:#f1f1f1;width:450px;padding:10px;-webkit-transition:right 0.3s;transition:right 0.3s;border-left:1px solid #1979c8;}
#chat.open {right:0;}
#chatfield {width:94%;padding:2px 5px;}
#chatmsgs {height:calc(100% - 26px);width:100%;overflow:auto;}
.unmes {border:1px solid #ccc;padding:10px;margin-bottom:10px;border-radius:4px;font-size:14px;line-height:1.2em;text-align:justify;font-style:italic;background:#fff;}
.unusername {font-weight:bold;color:#1979c8;}

/* POINTEUSE */
.bleu
.ovauto {overflow: auto;}
#NumDos,#Technicien {width: 150px}
#Travail button {width: 140px;line-height: 2em}
.pointeuse {display: flex;align-items: center;justify-content: center;background: url(https://dossiers.savpro.eu/Images/back2.jpg) center center;background-size: cover}
.panelpoint {background: rgba(255,255,255,0.8);border-radius: 25px;padding: 0 1em 1em}
.pointeuse button {line-height: 3em;padding: 0 20px}

/* POINTAGES */
#TotH {font-weight: 600; font-size: 15px; }
#tblPointages {background: #fff;width: 100%;max-width: 900px}
#tblPointages tbody tr:hover {background: #eee !important}
.btnfiltre {background: #ddd;padding: 3px 7px;border-radius: 4px;border:1px solid #ddd;}
.btnfiltre.btnsel {background: #28a;color:#fff;border-color: #28a}

/* RECAP POINTAGE */
#DateDu,#DateAu {width: 90px; text-align: center;}
#tblRecap {background: #fff;}
#tblRecap tbody tr:hover {background: #eee !important}

/* RESP */
@media screen and (max-width:1480px) {
  /*body {background:#0ff}*/

.ajjob {background:none;padding:0px 0;color:#555;cursor:pointer;border-radius:30px;width:15px;margin-left:3px;margin-bottom:5px;display:inline-block;}
.ajjob:hover {background:none;color:#ffbb33;}
.ajnote {background:none;padding:0px 0;color:#555;cursor:pointer;border-radius:30px;width:15px;display:inline-block;margin-left:3px;}
.ajnote:hover {background:none;color:#ffbb33;}
.prtjour {background:none;padding:0px 0;color:#555;cursor:pointer;border-radius:30px;width:15px;display:inline-block;margin-left:3px;}
.prtjour:hover {background:none;color:#ffbb33;}
.blregion {background:none;padding:0px 0;color:#555;cursor:pointer;border-radius:30px;width:15px;display:inline-block;margin-left:3px;}
.blregion.bblocked {background:none;color:#f00;}
.blregion:hover {background:none;color:#ffbb33;}
.col4 .ajjob {width:18px;font-size:11px;margin-left:0px;}
.col4 .ajnote {width:18px;font-size:11px;margin-left:4px;}
.col4 .prtjour {width:18px;font-size:11px;margin-left:4px;}
.col4 .blregion {width:18px;font-size:11px;margin-left:4px;}
.totcol {margin-left:0;}
.totcol p {text-align:center;margin-bottom:5px;margin-top:3px;}
.bottominfo span {font-size:12px;}
.col4 .bottominfo span {font-size:9px;}
}
@media screen and (max-width:1024px) {
.jour {width:33.3333vw}
}
@media screen and (max-width:768px) {
.jour {width:50vw}
}