.dataTables_scrollHeadInner {
    width: 100% !important;
}
html,body {
    height: 100vh;
    background: #fff;
}
.group_tr{
    background-color: slategrey !important;
}
#content_scroll{
    height: 90vh !important;
    max-height: 90vh !important;
    padding: 10px !important;

}
.slimScrollBar{
    width: 5px !important;
}
.dataTables_filter > label, .dataTables_length > label {
    display: flex !important;
    align-items: center !important;
}
.dataTables_length select {
    margin-inline: 1rem !important;
}
.dataTables_filter input{
    height: 22px !important;

}
/* Loading Spinner */
.spinner {
    margin: 0;
    width: 70px;
    height: 18px;
    margin: -35px 0 0 -9px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
#page-header{
    background-color: #263377;
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}


.m-0{
    margin: 0 !important;
}
.mt-0{
    margin-top: 0 !important;
}
.ml-0{
    margin-left: 0 !important;
}
.mr-0{
    margin-right: 0 !important;
}
.mb-0{
    margin-bottom: 0 !important;
}


.ml-5px{
    margin-left: 5px !important;
}
.mr-5px{
    margin-right: 5px !important;
}
.mt-5px{
    margin-top: 5px !important;
}
.mb-5px{
    margin-bottom: 5px !important;
}
.bold{
    font-weight: bolder !important;
}
.m-1{
    margin: 1rem !important;
}
.ml-1{
    margin-left: 1rem !important;
}
.mr-1{
    margin-right: 1rem !important;
}
.mt-1{
    margin-top: 1rem !important;
}
.mb-1{
    margin-bottom: 1rem !important;
}

.ml-2{
    margin-left: 2rem !important;
}
.mr-2{
    margin-right: 2rem !important;
}
.mt-2{
    margin-top: 2rem !important;
}
.mb-2{
    margin-bottom: 2rem !important;
}

.ml-3{
    margin-left: 3rem !important;
}
.mr-3{
    margin-right: 3rem !important;
}
.mt-3{
    margin-top: 3rem !important;
}
.mb-3{
    margin-bottom: 3rem !important;
}

.ml-4{
    margin-left: 4rem !important;
}
.mr-4{
    margin-right: 4rem !important;
}
.mt-4{
    margin-top: 4rem !important;
}
.mb-4{
    margin-bottom: 4rem !important;
}

.ml-5{
    margin-left: 5rem !important;
}
.mr-5{
    margin-right: 5rem !important;
}
.mt-5{
    margin-top: 5rem !important;
}
.mb-5{
    margin-bottom: 5rem !important;
}
.p-0{
    padding: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
.pl-0{
    padding-left: 0 !important;
}
.pr-0{
    padding-right: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}


.pl-5px{
    padding-left: 5px !important;
}
.pr-5px{
    padding-right: 5px !important;
}
.pt-5px{
    padding-top: 5px !important;
}
.pb-5px{
    padding-bottom: 5px !important;
}

.pl-1{
    padding-left: 1rem !important;
}
.pr-1{
    padding-right: 1rem !important;
}
.pt-1{
    padding-top: 1rem !important;
}
.pb-1{
    padding-bottom: 1rem !important;
}

.pl-2{
    padding-left: 2rem !important;
}
.pr-2{
    padding-right: 2rem !important;
}
.pt-2{
    padding-top: 2rem !important;
}
.pb-2{
    padding-bottom: 2rem !important;
}

.pl-3{
    padding-left: 3rem !important;
}
.pr-3{
    padding-right: 3rem !important;
}
.pt-3{
    padding-top: 3rem !important;
}
.pb-3{
    padding-bottom: 3rem !important;
}

.pl-4{
    padding-left: 4rem !important;
}
.pr-4{
    padding-right: 4rem !important;
}
.pt-4{
    padding-top: 4rem !important;
}
.pb-4{
    padding-bottom: 4rem !important;
}

.pl-5{
    padding-left: 5rem !important;
}
.pr-5{
    padding-right: 5rem !important;
}
.pt-5{
    padding-top: 5rem !important;
}
.pb-5{
    padding-bottom: 5rem !important;
}

.w-10{
    width: 10% !important;
}
.w-20{
    width: 20% !important;
}
.w-25{
    width: 25% !important;
}
.w-33{
    width: 33.33333333333% !important;
}
.w-50{
    width: 50% !important;
}
.w-75{
    width: 75% !important;
}
.w-100{
    width: 100% !important;
}

.mw-10{
    max-width: 10% !important;
}
.mw-25{
    max-width: 25% !important;
}
.mw-50{
    max-width: 50%;
}
.mw-75{
    max-width: 75%;
}
.mw-100{
    max-width: 100%;
}

.h-140{
    height: 140px !important;
}
.th-center{
    text-align: center !important;
    vertical-align: middle !important;
}

.d-flex {
    display: flex !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-columns {
    flex-direction: column !important;
}
.flex-columns-reverse {
    flex-direction: column-reverse !important;
}

.justify-content-between {
    justify-content: space-between;
}
.justify-content-evenly {
    justify-content: space-evenly;
}
.justify-content-around {
    justify-content: space-around;
}
.justify-content-start {
    justify-content: flex-start;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}
.align-items-end {
    align-items: flex-end;
}
.align-items-start {
    align-items: flex-start;
}

.text-black{
    color: #333 !important;
}

.border-sm{
    border: #333 solid 1px !important;
}

#mapgoogle {
    /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
    height: 400px;
    z-index: 0;
}


.btn-filtre{
    width: fit-content !important;
    padding: 0.50rem !important;
    text-align: center !important;
}
/* 
#container-login{
    height: 100vh;
} */

.lien{

    font-size: 18px !important;
    margin-inline: 0.4rem !important;
}
.lien:hover{
    text-decoration: none !important;
    cursor: pointer;
}

.pointer {
    cursor: pointer;  
}

#body_customer{
    font-size: 1.5rem !important;
}


/* 
    ------------------------------------
    ------------  SIGNATURE  -----------
    ------------------------------------
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}



.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
  max-width: 700px;
  max-height: 460px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  padding: 16px;
}

.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
          transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
          transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #f4f4f4;
}

.signature-pad--body
canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.signature-pad--footer {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}

.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}

#github img {
  border: 0;
}
#newsign {
    border: 1px solid;
}
@media (max-width: 940px) {
  #github img {
    width: 90px;
    height: 90px;
  }
}

.font-blue-m{
    color: #497196;
}
.font-green-m{
    color: #1f8f4f;
}
.font-yellow-m{
    color: #b79a25;
}
.font-orange-m{
    color: #f07b10;
}
.font-red-m{
    color: #c52121;
}
.font-purple-m{
    color: #561ea3;
}
.font-tools{
    color: #5a5561 !important;
}
.font-stock{
    color: #cc9036 !important;
}
.font-customer{
    color: #00059b !important;
}
.font-admin{
    color: #af1a35 !important;
}