.rouge {color: #e2001a}.bleu{color:#1979c8;}
body {background: #f1f1f1;font-family: Arial;}
/*.container {max-width: 1150px;margin: 0 auto;}*/
p {font-family: Arial;font-size: 14px;}
h1 {font-size: 20px;margin-bottom: 15px;}.MT30{margin-top: 30px;}
.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%}
.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;}
#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 {position: absolute;top:15px;right:15px; font-size: 30px;cursor: pointer;}
#popRech {position:fixed;z-index: 5; background: #fff;width:100vw;height:100vh;left:0vw;top:100vh;padding: 1em;box-shadow: 3px 3px 10px #ccc;transition:top 0.4s;overflow: auto}
#popRech.open {top:0;}
#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}

#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;} 
#cligsm,#cligsm2 {width:100px;}
#numdos {width:120px;}
#clinom,#loc {width:240px;}
#demandeur,#magasin {min-width:200px}
#remarque {width:100%;min-height:100px;}
#dateconf,#daterdv {width:80px;}
#resrech {position:absolute;background:#fff;padding:0.5em;max-height:300px;min-width:400px;overflow: hidden;overflow-y: auto;border:1px solid #ccc;}
.uncp {cursor: pointer;}
#resrech 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;}


.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;}

/* 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;}


/* 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}
}