body {
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  font-size:11px;
  height:100%;
}
.date-centre {
  position:relative;
  z-index:10;
}
.drag-handle {
  padding:10px;
  background-color:#ffffff;
  border:1px solid #000000;
  font-weight:bold;
  font-size:120%;
}
.flat-list {
  list-style-type:none;
  margin:0;
  padding:0;
}
.clear { clear:both; }
P { margin-bottom:5px; }
.working {
  position:fixed;
  background-color:#ffe575;
  left:4px;
  top:4px;
  line-height:20px;
  padding:10px;
  display:none;
  z-index:99000;
}
.working img {
  vertical-align:middle;
  margin-right:10px;
}
input.erreur, select.erreur { border:1px solid red; }
.form {
  background-color:#f3ffe6;
  border:1px solid #b7c2c0;
  margin:10px auto;
}
.form input, .form select, .form textarea {
  margin-left:10px;
  width:259px;
}
.form h2 {
  background-color:#dddddd;
  clear:both;
  padding-left:10px;
  border-bottom:1px dotted #b7c2c0;
  font-size:120%;
  font-variant:small-caps;
  font-weight:bold;
  margin-bottom:10px;
}
.form label {
  border-bottom:1px dotted #b7c2c0;
  color:#202020;
  display:block;
  float:left;
  height:22px;
  width:200px;
  margin-left:20px;
}
.form .formline {
  clear:both;
  margin-bottom:5px;
}
.form .formline label.f-mandatory { font-weight:bold; }
.form .formaction {
  text-align:right;
  padding:10px 10px 5px;
}
.table-form {
  padding:10px;
  width:490px;
}
.table-form label { margin-left:0px; }
.main {
  margin:20px 10px;
  padding:10px;
}
.main .titre-index {
  font-size:240%;
  padding:100px;
  text-align:center;
}
.main .header {
  padding:5px;
  margin-bottom:20px;
}
.main .header .titre { float:left; }
.main .header .userinfo {
  float:right;
  font-size:90%;
  font-weight:normal;
  line-height:140%;
}
.main .chapo {
  text-align:center;
  margin-bottom:20px;
}
.main .login-form { width:400px; }
.main .login-form input { width:160px; }
.main .import-form { width:500px; }
.main .import-form label.upload { width:150px; }
.main .import-form input { width:300px; }
.main .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color:#ff8000;
  color:#ffffff;
  font-weight:bold;
}
.main #tabs { margin-bottom:20px; }
.main .total_rdv_container {
  font-size:120%;
  height:19px;
  line-height:19px;
  padding:5px;
  position:absolute;
  right:10px;
  top:5px;
}
.main .total_rdv_container .total_rdv_semaine { color:#692929; }
.main .top-menu {
  margin-bottom:20px;
  position:relative;
}
.main .top-menu .nom-centre-menu {
  position:absolute;
  top:-5px;
  color:red;
  font-size:200%;
  font-weight:bold;
}
.main .top-menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
  float:right;
}
.main .top-menu ul li { float:left; }
.main .top-menu .date-chooser { float:right; }
.main .top-menu .date-chooser .date {
  border:medium none;
  font-weight:bold;
  text-align:right;
  cursor:pointer;
  width:250px;
  margin-right:10px;
}
.main .top-menu .legende-statut-rdv {
  margin-left:20px;
  margin-top:3px;
}
.main .top-menu .legende-statut-rdv li {
  padding:2px 4px;
  margin-right:5px;
  border:1px solid #cccccc;
}
.main .top-menu .label-jour-ferie {
  border:1px solid #cccccc;
  height:27px;
  line-height:27px;
  padding:0 10px;
}
.main .tab-centre .top-menu { margin-bottom:10px; }
.main .tab-centre .top-menu ul { float:left; }
.main .tab-centre .planning { box-sizing:border-box; }
.main .tab-centre .planning h2 {
  padding:5px;
  font-size:120%;
}
.main .tab-centre .planning table.planning {
  font-size:75%;
  width:100%;
  table-layout:fixed;
}
.main .tab-centre .planning table.planning.evenements-overflow {
  border:5px solid #ff0000;
  margin-bottom:10px;
}
.main .tab-centre .planning table.planning.evenements-overflow caption {
  text-align:left;
  padding:5px;
  border:1px solid #ff0000;
  background-color:#ff0000;
  color:#ffffff;
  font-weight:bold;
  font-size:120%;
  padding-bottom:0;
}
.main .tab-centre .planning table.planning th {
  padding:5px 0;
  border:1px solid #aaaaaa;
}
.main .tab-centre .planning table.planning th .icon-box {
  display:inline-block;
  float:right;
}
.main .tab-centre .planning table.planning th .icon-box a {
  display:inline-block;
  padding:0 10px;
}
.main .tab-centre .planning table.planning th .icon-box a:first-child { border-right:1px solid #aaaaaa; }
.main .tab-centre .planning table.planning th.zoom-toolbox .ui-button-text-only .ui-button-text { padding:0; }
.main .tab-centre .planning table.planning td {
  vertical-align:top;
  box-sizing:border-box;
  border:1px solid #aaaaaa;
  padding:0;
}
.main .tab-centre .planning table.planning td.plus-d-une-colonne:nth-child(2) .rendez-vous .rdv-wrapper { transform-origin:center left; }
.main .tab-centre .planning table.planning td.plus-d-une-colonne:last-child .rendez-vous .rdv-wrapper { transform-origin:center right; }
.main .tab-centre .planning table.planning td .ui-button-text { padding:0; }
.main .tab-centre .planning table.planning td .etat_rapprochement {
  margin-right:5px;
  padding:0 3px;
  cursor:help;
  border:1px solid #aaaaaa;
  border-radius:3px;
}
.main .tab-centre .planning table.planning td .etat_rapprochement_R { background-color:#96cd96; }
.main .tab-centre .planning table.planning td .etat_rapprochement_I { background-color:#ef001b; }
.main .tab-centre .planning table.planning td .etat_rapprochement_N { background-color:rgba(0,0,0,0.1); }
.main .tab-centre .planning table.planning td .height-demi {
  height:31.5px;
  min-height:31.5px;
}
.main .tab-centre .planning table.planning td .height0, .main .tab-centre .planning table.planning td .height1 {
  height:63px;
  min-height:63px;
}
.main .tab-centre .planning table.planning td .height2 {
  height:126px;
  min-height:126px;
}
.main .tab-centre .planning table.planning td .height3 {
  height:189px;
  min-height:189px;
}
.main .tab-centre .planning table.planning td .height4 {
  height:252px;
  min-height:252px;
}
.main .tab-centre .planning table.planning td .box {
  box-sizing:border-box;
  display:block;
  border-top:1px solid #aaaaaa;
  position:relative;
  overflow:hidden;
}
.main .tab-centre .planning table.planning td .libre, .main .tab-centre .planning table.planning td .horaire {
  text-align:center;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:5px;
}
.main .tab-centre .planning table.planning td .horaire {
  background-color:#dddddd;
  font-weight:bold;
}
.main .tab-centre .planning table.planning td .dejeuner {
  cursor:not-allowed;
  background-color:#efca06 !important;
  color:#000000;
}
.main .tab-centre .planning table.planning td .libre {
  cursor:crosshair;
  color:#999999;
  font-size:18px;
  padding-top:0;
}
.main .tab-centre .planning table.planning td .libre.drop-possible {
  background-color:rgba(221,255,217,0.4);
  color:#333333;
}
.main .tab-centre .planning table.planning td .libre.drop-active {
  background-color:#b9dbb5;
  color:#ffffff;
}
.main .tab-centre .planning table.planning td .libre.ferme {
  cursor:not-allowed;
  background-color:#efefef;
  color:#aaaaaa;
}
.main .tab-centre .planning table.planning td .libre .btn-ouvrir-fermer-creneau {
  position:absolute;
  right:0;
  bottom:0;
  padding:5px;
  background-color:#fafafa;
  color:#cccccc;
  font-weight:bold;
  border-top-left-radius:10px;
}
.main .tab-centre .planning table.planning td .libre .btn-coller-rdv {
  position:absolute;
  left:0;
  bottom:0;
  padding:5px;
  background-color:#fafafa;
  color:#cccccc;
  font-weight:bold;
  border-top-right-radius:10px;
}
.main .tab-centre .planning table.planning td .ferme {
  font-size:18px;
  align-items:center;
}
.main .tab-centre .planning table.planning td .rendez-vous {
  position:relative;
  overflow:hidden;
}
.main .tab-centre .planning table.planning td .rendez-vous:hover { overflow:visible; }
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper {
  padding:5px;
  padding-left:15px;
  padding-right:25px;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  transition:box-shadow 0.3s ease-in-out;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper:hover {
  min-height:63px;
  bottom:auto;
  z-index:10;
  overflow:visible;
  -moz-box-shadow:0 0 8px #000000;
  -webkit-box-shadow:0 0 8px #000000;
  box-shadow:0 0 8px #000000;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .etat_rapprochement_rdv {
  width:10px;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  cursor:help;
  border-right:1px solid #aaaaaa;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .client .points-client {
  display:inline-block;
  color:#ffffff;
  background-color:#aa0000;
  padding:0 5px;
  border-radius:5px;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .client .delta_points-rdv {
  display:inline-block;
  color:#ffffff;
  padding:0 5px;
  border-radius:5px;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .client .delta_points-rdv.delta_points_positif { background-color:#0e994d; }
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .client .delta_points-rdv.delta_points_negatif {
  background-color:#ffff99;
  color:#000000;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .client .delta_points-rdv.delta_points_zero {
  background-color:#ffffff;
  color:#000000;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .badge {
  display:inline-block;
  padding:2px 10px;
  background-color:rgba(0,0,0,0.1);
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .commentaire-rdv {
  color:#ffffff;
  background-color:#ff0000;
  font-weight:bold;
  display:inline-block;
  text-align:center;
  padding:0 5px;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .rdv-depot {
  position:absolute;
  right:25px;
  top:5px;
  background-color:#e5e589;
  padding:0 5px;
  padding-right:0;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .rdv-depot .heure {
  display:inline-block;
  font-weight:bold;
  background-color:#333333;
  color:#ffffff;
  padding:0 5px;
  z-index:2;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .vehicule {
  width:100%;
  margin:4px 0;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .vehicule td {
  padding:0;
  padding-bottom:2px;
  border:none;
  width:33%;
  font-size:100%;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .vehicule .modele {
  font-style:italic;
  text-align:center;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .vehicule .immat {
  text-decoration:underline;
  text-align:center;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .vehicule .type-controle {
  font-weight:bold;
  text-align:center;
  line-height:1em;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .vehicule .type-controle.controle-non-complet {
  background-color:#aa0000;
  color:#ffffff;
  border:1px solid black;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .telephone:hover { font-size:200%; }
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .toolbar {
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  padding:2px;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .toolbar .item {
  display:block;
  margin-bottom:2px;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper .toolbar .item .delete-rdv-button { border-color:#ff0000; }
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper p {
  margin:0;
  margin-bottom:1px;
}
.main .tab-centre .planning table.planning td .rendez-vous .rdv-wrapper p a { font-weight:bold; }
.main .tab-centre .planning table.planning td.sep, .main .tab-centre .planning table.planning th.sep {
  border:none;
  background-color:transparent;
}
.main .tab-centre .planning table.planning th { background-color:#dddddd; }
.main .tab-centre .planning table.planning tr td { font-size:120%; }
.main .tab-centre .planning table.planning tr td a { text-decoration:none; }
.main .tab-centre .planning table.planning td.heure {
  font-size:120%;
  text-align:center;
}
.main .tab-centre .planning table.planning tr.sep_midi th { background-color:#0e994d; }
.main .tab-centre .planning table.planning tr.sep_midi th.sep {
  border:none;
  background-color:transparent;
}
.main .tab-centre .statut-rdv-0 { background-color:#ffffff; }
.main .tab-centre .statut-rdv-1 { background-color:#ffff99; }
.main .tab-centre .statut-rdv-2 { background-color:#ccffcc; }
.main .tab-centre .statut-rdv-3 { background-color:#ccd3ff; }
.main .tab-centre .statut-rdv-4 { background-color:#ffcc80; }
.main .tab-centre .rdv-fermeture {
  background-color:#efefef;
  color:#666666;
}
.main .tab-centre .rdv-fermeture .statut-rdv-0 {
  background-color:#efefef;
  color:#666666;
}
.main .tab-centre .rdv-fermeture .rdv-vide {
  text-align:center;
  font-style:italic;
  color:#000000;
}
.main .tab-centre .rdv-doublon { color:red; }
.main .tab-centre .rdv-doublon a { color:red; }
.main .tab-centre .planning-left { float:right; }
#block-saisie-rdv { font-size:90%; }
#block-saisie-rdv .statut-rdv { float:right; }
#block-saisie-rdv .statut-rdv ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#block-saisie-rdv .statut-rdv ul li {
  float:left;
  margin-left:20px;
}
#block-saisie-rdv form fieldset.ligne {
  border:1px solid #cccccc;
  margin-bottom:10px;
  padding-bottom:10px;
}
#block-saisie-rdv form fieldset.ligne legend {
  font-weight:bold;
  margin-left:10px;
}
#block-saisie-rdv form fieldset.ligne fieldset.first-col { border-left:none; }
#block-saisie-rdv form fieldset.ligne fieldset {
  float:left;
  width:300px;
  border:none;
  border-left:1px solid #cccccc;
  height:160px;
  padding:10px;
}
#block-saisie-rdv form fieldset.ligne fieldset .formline-double {
  height:35px;
  margin-bottom:3px;
}
#block-saisie-rdv form fieldset.ligne fieldset .formline-double label {
  float:none;
  border:none;
}
#block-saisie-rdv form fieldset.ligne fieldset .formline-double input { width:290px; }
#block-saisie-rdv form fieldset.ligne fieldset .formline-double select { width:265px; }
#block-saisie-rdv form fieldset.ligne fieldset .formline-double .with-button { width:270px; }
#block-saisie-rdv form fieldset.ligne fieldset .formline { height:25px; }
#block-saisie-rdv form fieldset.ligne fieldset label {
  display:block;
  float:left;
  width:150px;
  border-bottom:1px dotted #dddddd;
}
#block-saisie-rdv form fieldset.ligne fieldset input, #block-saisie-rdv form fieldset.ligne fieldset select, #block-saisie-rdv form fieldset.ligne fieldset textarea { width:140px; }
#block-saisie-rdv form fieldset.ligne fieldset textarea.wide {
  width:100%;
  height:36px;
  margin-top:5px;
}
#block-saisie-rdv form fieldset.ligne fieldset input.numeric { width:50px; }
#block-saisie-rdv form fieldset.ligne fieldset select.numeric { width:50px; }
#block-saisie-rdv form fieldset.ligne fieldset input[type=radio] { width:auto; }
#block-saisie-rdv form fieldset.ligne fieldset .with-button { width:115px; }
#block-saisie-rdv form fieldset.ligne fieldset input.passclient {
  width:115px;
  font-family:'Courier New', Courier, fixed;
  font-size:12px;
}
#block-saisie-rdv form fieldset.ligne fieldset a.sendpassrdv img { vertical-align:middle; }
#block-saisie-rdv form fieldset.ligne fieldset div.formline .ui-button-text, #block-saisie-rdv form fieldset.ligne fieldset div.formline-double .ui-button-text {
  height:16px;
  line-height:16px;
  padding:0;
  width:16px;
}
#block-saisie-rdv form fieldset.ligne fieldset .operations-points {
  text-align:center;
  margin-top:5px;
}
#block-saisie-rdv form fieldset.ligne fieldset .ajouter-points-manuel { width:22px; }
#block-saisie-rdv form fieldset.ligne-1 fieldset { height:205px; }
#block-saisie-rdv form fieldset.ligne-2 fieldset { height:205px; }
#block-saisie-rdv form fieldset.ligne-2 fieldset .btn-sms { text-align:center; }
#block-saisie-rdv form fieldset.ligne-2 fieldset .btn-sms button .ui-button-text {
  padding:0.5em 1em;
  line-height:0.5em;
}
#block-saisie-rdv form fieldset.ligne-3 fieldset { height:130px; }
#block-saisie-rdv form.client-form label { width:30%; }
#block-saisie-rdv form.client-form input, #block-saisie-rdv form.client-form select, #block-saisie-rdv form.client-form text-area { width:65%; }
div.admin {
  margin:10px auto;
  padding:10px;
}
div.admin h1 {
  text-align:left;
  margin-top:0px;
  margin-bottom:10px;
}
div.admin .en-tete-admin {
  margin-bottom:10px;
  padding:5px;
}
div.admin .en-tete-admin .titre { float:left; }
div.admin .admin-left-column {
  float:left;
  width:16%;
  border-right:1px dotted #cccccc;
  line-height:18px;
}
div.admin .admin-left-column ul { list-style-type:none; }
div.admin .admin-left-column ul li { margin-left:10px; }
div.admin .admin-left-column ul li ul { padding-left:20px; }
div.admin .admin-left-column ul li ul li {
  font-weight:normal;
  padding:3px 0;
}
div.admin .admin-left-column ul li.titre {
  margin:5px 0;
  font-weight:bold;
}
div.admin .admin-content {
  float:left;
  width:81%;
  margin-left:1%;
}
div.admin table.admin tr.ajouter { background:#f3ffe6; }
div.admin table.admin td.expire {
  color:red;
  font-weight:bold;
}
div.admin form.admin-form fieldset {
  border:1px solid #b7c2c0;
  margin:10px auto;
  padding:0;
  background-color:#f3ffe6;
}
div.admin form.admin-form fieldset h2 {
  padding-left:10px;
  clear:both;
  background-color:#dddddd;
  border-bottom:1px dotted #b7c2c0;
  font-size:1.2em;
  font-variant:small-caps;
  font-weight:bold;
  margin-bottom:10px;
}
div.admin form.admin-form fieldset input, div.admin form.admin-form fieldset select, div.admin form.admin-form fieldset textarea { width:250px; }
div.admin form.admin-form fieldset textarea { height:100px; }
div.admin form.admin-form fieldset .legende { padding:10px; }
div.admin form.admin-form fieldset .colonne { width:auto; }
div.admin form.admin-form fieldset .colonne h1 {
  font-size:14px;
  text-align:left;
  margin:10px 0;
}
div.admin form.admin-form fieldset .colonne input, div.admin form.admin-form fieldset .colonne select, div.admin form.admin-form fieldset .colonne textearea {
  margin-right:10px;
  padding:0 5px;
  height:20px;
}
div.admin form.admin-form fieldset .colonne select { background-color:#c7e667; }
div.admin form.admin-form fieldset .colonne select option { background-color:#ffffff; }
div.admin form.admin-form label {
  width:300px;
  height:22px;
  display:block;
  float:left;
  color:#202020;
  margin-left:20px;
  border-bottom:1px dotted #b7c2c0;
}
div.admin form.admin-form label.mandatory:after { content:" *"; }
div.admin form.admin-form .field {
  clear:both;
  margin-bottom:5px;
  margin-right:10px;
}
div.admin form.admin-form .field p {
  border-bottom:1px dotted #b7c2c0;
  float:left;
  height:22px;
  margin-bottom:5px;
  float:left;
}
div.admin form.admin-form .field-submit {
  text-align:right;
  margin-top:10px;
  margin-bottom:10px;
}
div.admin form.admin-form .field-submit label {
  text-align:left;
  font-size:90%;
  font-style:italic;
}
div.admin .left-column {
  width:49%;
  float:left;
}
div.admin .right-column {
  width:49%;
  float:right;
}
div.admin form.client-form label { width:30%; }
div.admin form.client-form input, div.admin form.client-form select, div.admin form.client-form textarea { width:65%; }
div.admin .item-menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.admin .item-menu ul li {
  float:left;
  margin:0 20px;
  line-height:28px;
}
div.admin .item-menu ul li:first-child { margin-left:0; }
div.admin .item-menu ul li select { min-width:150px; }
div.admin .table-wrapper {
  padding:10px;
  padding-top:0;
}
div.admin .table-wrapper .table-scroller {
  max-height:211px;
  overflow-y:scroll;
}
div.admin table.rappels {
  border-spacing:0;
  border-collapse:collapse;
  width:100%;
}
div.admin table.rappels td, div.admin table.rappels th {
  padding:5px;
  border:1px solid #cccccc;
}
div.admin table.rappels td { background-color:#ffffff; }
div.admin table.vehicules {
  border-spacing:0;
  border-collapse:collapse;
  width:100%;
}
div.admin table.vehicules td, div.admin table.vehicules th {
  padding:5px;
  border:1px solid #cccccc;
}
div.admin table.vehicules td { background-color:#ffffff; }
div.admin table.vehicules td.action { text-align:center; }
div.admin table.vehicules td.action .ui-button-text { padding:0; }
div.admin table.vehicules td.add {
  text-align:right;
  background-color:transparent;
}
div.admin table.reconcilier {
  border-spacing:0;
  border-collapse:collapse;
  margin-bottom:10px;
}
div.admin table.reconcilier td, div.admin table.reconcilier th {
  padding:5px;
  border:1px solid #cccccc;
  vertical-align:top;
}
div.admin table.reconcilier tr:nth-child(even) { background-color:#f3ffe6; }
div.admin option.fixed { font-family:"Courier new", courier, fixed; }
.importlog i {
  padding-left:10px;
  color:#666666;
}
.datatable { margin-top:3em; }
.datatable .right { text-align:right; }
.datatable .nowrap { white-space:nowrap; }
.ui-timepicker-div .ui-widget-header { margin-bottom:8px; }
.ui-timepicker-div dl { text-align:left; }
.ui-timepicker-div dl dt {
  height:25px;
  margin-bottom:-25px;
}
.ui-timepicker-div dl dd { margin:0 10px 10px 65px; }
.ui-timepicker-div td { font-size:90%; }
.ui-tpicker-grid-label {
  background:none;
  border:none;
  margin:0;
  padding:0;
}
.ui-timepicker-rtl { direction:rtl; }
.ui-timepicker-rtl dl { text-align:right; }
.ui-timepicker-rtl dl dd { margin:0 65px 10px 10px; }