html {height: auto;min-height: 100%;}
.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:#28a;}.vert{color:#090}.pointer{cursor:pointer;}.noir {color:#000;}.bleu2{color:#28a;}.blanc{color: #fff;}
.brouge {background: #e2001a}.borange {background: #f80}.bvert {background: #090}
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;}.vatt {vertical-align: text-top;}
.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[readonly],input[readonly],textarea[readonly],textarea[readonly],select[readonly],select[readonly] {cursor:default;color:#28a;}
select {padding:2px 4px;border:1px solid #ccc;color:#000;cursor:pointer;}
textarea {padding:3px 4px;border:1px solid #ccc;color:#000;}
:read-write {color:#000}
#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,#clifnom,#cliftva {width:170px;}
#cliemail {width:210px;}
#cliprenom {width:150px}
#btnRecupClient {margin-left: 10px;}
#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;}

/* BTN EMAIL */
.btnEmail {height: 40px;min-width: 40px;margin-right: 10px;margin-bottom: 10px;margin-top: 10px;}
#fadepop {background: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 22;display: none;}
#popEmail {width: 800px;}
.imgmail {border: 3px solid #fff;margin-right: 5px;margin-bottom: 5px;cursor: pointer;}
.imgmailsel {border-color: #28a;}
.btnEmail.rapport {
  height: unset;
  min-width: 40px;
  margin-right: 10px;
  margin-bottom:0;
  margin-top:0;
  float: none;
}
/* INTERVENTIONS */
#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:1600px;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;}
#ledos {position: relative;}
#ledos .closeint {color:#ccc;}
#ledos .closeint:hover {color:#28a;}

.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;}
.uneint.classee .thactions,.uneint.dosclasse .thactions {display: none;}
.uneaction {border:1px solid #999;margin-top:5px;margin-bottom:10px;padding:7px 10px;position:relative;background: #fff;}
.uneaction.tosave {border: 3px solid #f80;}
.idelaction {position:absolute;top:10px;right:10px;font-size:18px;color:#999;display: none;}
.ideplaction {position: absolute;top:10px;right: 40px;color:#999;display: none;}
.uneaction:hover .idelaction {display: inline;}
.uneaction:hover .ideplaction {display: inline;}
.ideplaction:hover {color:#28a;}
.idelaction:hover  {color:#f00;}
.uneint.classee .ideplaction {display: none}
.uneint.classee .idelaction {display: none}
.uneint.classee .btnajprob {display: none;}
.uneint.classee .ajphoto {display: none;}
.uneint.classee .tdsuppr {display: none;}
.uneint.classee .colclassee {background: #090;}

.uneint.dosclasse .ideplaction {display: none}
.uneint.dosclasse .idelaction {display: none}
.uneint.dosclasse .btnajprob {display: none;}
.uneint.dosclasse .ajphoto {display: none;}
.uneint.dosclasse .tdsuppr {display: none;}
.uneint.dosclasse .colclassee {}

#flechesreduire {position: absolute; bottom: 10px; right: 10px}
#reduireints {background: #28a;color: #fff;padding: 5px;border: 1px solid #ccc;text-align: center;}
#reduireactions {background: #fff;color: #28a;padding: 5px;border: 1px solid #ccc;text-align: center;}

.pinfo {background: #28a;color:#fff;margin-left: 0px;margin-right: 20px;margin-top:10px;padding: 10px;border-radius: 10px}
.mwx {min-width:105px;display:inline-block;}
.mh90 {max-height: 90vh}
.selrev {width:149px;}
.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;}
.probselelem {width:250px}
.probseltype {width: 174px}
.probloc {width: 146px}
.uneaction[data-genre="Plainte"] input[type="text"] {width: 149px}
/*.uneaction[data-genre="Commentaire"] input[type="text"] {width: 120px}*/
.lesimgsplainte,.lesimgsrapport,.lesimgsrapporta,.lesimgsrapportf,.lesimgsrapportfa {
  display: inline-block;
  min-width: 10px;
  min-height: 40px;
  padding: 5px;
}
.imgplainte,.imgrapport,.imgrapporta,.imgrapportf,.imgrapportfa {margin:5px;margin-bottom: 0;}
.isdragover {border: 3px dashed #1979c8; padding-right: 3em; display: inline-block; height: 46px; margin-right: 10px; }
.ajphoto,.delphoto,.ajphotor,.delphotor,.ajphotora,.delphotora,.ajphotorf,.delphotorf,.ajphotorfa,.delphotorfa {height: 40px;width: 40px;margin-right: 10px;margin-bottom: 10px;margin-top: 10px;}
.delphoto,.delphotor,.delphotora,.delphotorf,.delphotorfa {visibility: hidden;color:#fff;}
.delphoto i,.delphotor i,.delphotora i,.delphotorf i,.delphotorfa i {color:#fff;}
.savebtn {background: #f80;padding: 1em;margin-top: 10px;text-align: center;}
.grdz {width: 200px}
.moyz {width: 120px}
.miniz {width: 60px}
.bordgras {border: 2px solid #28a !important;}
.colfourn {width: 628px;}
tfoot {border: 1px solid #28a;}
.ui-sortable-placeholder { border: 3px dotted black;height:40px;margin:5px;margin-bottom: 0; }

#popDragDrop {position: fixed; z-index: 22; height: 100vh; background:rgba(240,240,240,0.9); width: 100vw; left: 0; top: 0; right: 0; bottom: 0; display: none; align-items: center; justify-content: center; }
#closepopdd {position: absolute;top:15px; right:15px;color:#000;font-size: 30px;}
.contr {background-color: #212121; color: #FFFFFF; padding: 10px 0; text-align: center; border-radius:10px 10px 0 0; }
.contr h2 {font-size: 21px; }
.upload_form_cont {color: #000; overflow: hidden; }
.info {background-color: #EEEEEE; border: 1px solid #DDDDDD; float: left; font-weight: bold; margin: 20px; position: relative; width: calc(100% - 40px); overflow: auto; }
.info > div {font-size: 14px; font-weight: bold; padding: 10px 15px 5px; }
.info > h2 {padding: 0 15px; }
.info > canvas {margin-left: 15px; margin-bottom: 10px; }
.info #url {width: 400px; }
#dropArea {background-color: #DDDDDD; border: 3px dashed #000000; float: left; font-size: 40px; font-weight: bold; height: 325px; margin: 20px; position: relative; text-align: center; width:calc(100% - 40px); display: flex; align-items: center; justify-content: center; padding: 2em}
#dropArea.hover {background-color: #CCCCCC; }
#dropArea.uploading {background: #EEEEEE url(/Mods/uplajax/css/loading.gif) center 30% no-repeat; }
#result .s, #result .f {font-size: 12px; margin-bottom: 10px; padding: 10px; }
#result .s {background-color: #77fc9f; }
#result .f {background-color: #fcc577;}

.precaptot {font-size: 14px;}
.trecaptot {font-size: 14px;margin-bottom: 10px;}
.trecaptot th {text-align: left;padding: 5px 5px; background: #ccc;}
.trecaptot th+th {text-align: right;}
.precaptot td {padding: 2px 7px;border: 1px solid #ccc}
.mwrecaptot {min-width: 180px;}
.precaptot .totv,.precaptot .totvtvac,.precaptot .totrecu {text-align: right;min-width:100px;}
.precaptot:hover {background: #ddd;}
.trecaptot tfoot tr {background: #ccc;}
.trecaptot tfoot tr td {padding: 5px;}
.trecaptot tfoot tr.brouge {background:#f00;color: #fff}
.trecaptot tfoot tr.bvert {background:#090;color: #fff}

input[name="dateclasse"] {width: 90px;text-align: center;}

#popEditRdv {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;}
#popEditRdv h2 {line-height: 1.6em}
#popEditRdv.open {top:0;}
#popEditRdv input[type=text] {padding: 3px 4px; border: 1px solid #ccc;}
#popEditRdv select {padding: 2px 4px; border: 1px solid #ccc;}
#popEditRdv textarea {padding: 3px 4px; border: 1px solid #ccc;}
#popEditRdv form {width: 900px; display: block;margin: 50px auto;}
#technicien {display:block;margin-top:0px;border:1px solid #ccc;padding:1px 5px;}
#popEditRdv.ajouter .ajouter {display:inline-block;}
#popEditRdv.modifier .modifier {display:inline-block;}
#popEditRdv.supprimer .supprimer {display:inline-block;}
#popEditRdv.ajouter .modifier,#popEditRdv.ajouter .supprimer {display:none;} 
#popEditRdv.modifier .ajouter {display:none;} 
#popEditRdv.supprimer .modifier,#popEditRdv.supprimer .ajouter {display:none;} 
#rdvcligsm,#rdvcligsm2 {width:100px;}
#rdvnumdos {width:120px;}
#rdvindreg {min-width:55px;}
#rdvclinom,#rdvloc {width:240px;}
#rdvdemandeur,#rdvmagasin {min-width:200px}
#rdvremarque {width:100%;min-height:100px;}
#dateconf,#daterdv {width:80px;}



#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;}
#lesdests {height: 222px;overflow: auto;}
#lesdests label {margin: 7px;display: block;font-size: 12px;}
.idelemail:hover {color: #f00}
.popup button {
  background:#ddd;
  border:none;
  padding:0.5em 1em;
  text-align:center;
  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}


#RemontePage {position: fixed;bottom: 20px;right: 20px;background: rgba(0,0,0,0.6);color: #fff;z-index: 10;padding: 10px; text-align: center;cursor: pointer;border-radius: 3px;}
#RemontePage:hover {background: #000;}

/* 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}
#logform {width: 80vw;}
#logform p input {
  padding: 15px 12px;
}
}