/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 20 avr. 2019, 11:34:08
    Author     : Soufiane
*/
.kanban-container {
  width: 100% !important;
}

.kanban-board {
  margin-top: 10px;
}

/*
Responsive Kanban
 */
@media all and (min-width: 1270px) and (max-width: 1280px) {
  .kanban-board {
    width: 18% !important;
  }
}
@media all and (min-width: 600px) and (max-width: 1270px) {
  .kanban-board {
    width: 36% !important;
  }
}
@media all and (max-width: 600px) {
  .kanban-board {
    width: 95% !important;
  }
}
.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: 530px;
  /*max-width: 700px;
  max-height: 460px;*/
  border: 1px solid #e8e8e8;
  background-color: #dbdbdb;
  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;
  background-color: #fff;
}
.signature-pad--footer {
  color: #000;
  text-align: center;
  font-size: 1.2em;
  margin-top: 8px;
}
.signature-pad--actions {
  margin-top: 8px;
  width: 100%;
}

/* Red color label forms */
.required > label:not(.JqueryValidateErreur):after {
  content: " *";
  color: #C3232D;
}

/* jQuery validate red style */
.JqueryValidateErreur {
  color: #E00 !important;
  display: block;
  font-weight: bold !important;
  border-color: #E00;
}

/**
Swal2 too smal fix
 */
.swal2-popup {
  font-size: 1.6rem !important;
}

.login-page {
  background-image: url("../../img/login-bg.jpg");
}

.topbar-environnement {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  color: #fff;
}
.topbar-environnement span {
  font-size: 1.5rem;
}

.bootstrap-datetimepicker-widget {
  text-align: center;
}

@media (max-width: 767px) {
  .table-responsive .dropdown-menu {
    position: static !important;
  }
}
@media (min-width: 768px) {
  .table-responsive {
    overflow: visible;
  }
}