body {
  background-color: #EEEEEE;
}

.btn.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.btn.btn-success {
  color: #fff;
  background-color: #1cc88a;
  border-color: #1cc88a;
}
.btn.btn-success:hover {
  color: #fff;
  background-color: #17a673;
  border-color: #169b6b;
}
.btn.btn-success:focus {
  color: #fff;
  background-color: #17a673;
  border-color: #169b6b;
  box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}
.btn.btn-warning {
  color: #fff;
  background-color: #f6c23e;
  border-color: #f6c23e;
}
.btn.btn-warning:hover {
  color: #fff;
  background-color: #f4b619;
  border-color: #f4b30d;
}
.btn.btn-warning:focus {
  color: #fff;
  background-color: #f4b619;
  border-color: #f4b30d;
  box-shadow: 0 0 0 0.2rem rgba(247, 203, 91, 0.5);
}
.btn.btn-danger {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}
.btn.btn-danger:hover {
  color: #fff;
  background-color: #e02d1b;
  border-color: #d52a1a;
}
.btn.btn-danger:focus {
  color: #fff;
  background-color: #e02d1b;
  border-color: #d52a1a;
  box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}

.modal .modal-body {
  color: rgba(0, 0, 0, 0.75);
}
.modal .modal-body h3 {
  font-size: 1rem;
  margin-bottom: 0.3rem;
}
.modal .modal-body label {
  font-size: 0.9rem;
}

.table#planning {
  color: #333333;
  font-size: 12px;
}
.table#planning tr th {
  padding: 0.7em;
}
.table#planning th, .table#planning td {
  border: 1px solid #a3a3a3;
  padding: 0.3em;
  vertical-align: middle;
}
.table#planning td.row-space {
  background-color: #333333;
  padding: 0.4em;
}

.fw-bold {
  font-weight: bold;
}

.text-primary {
  color: #0A6EBD !important;
}

.bg-palette1 {
  background-color: #FFF8DE !important;
}

.bg-palette2 {
  background-color: #A7ECEE !important;
}

.bg-palette3 {
  background-color: #A4D0A4 !important;
}

.bg-palette4 {
  background-color: #9AC5F4 !important;
}

.bg-lightgrey {
  background-color: #e6e6e6 !important;
}

.bg-green {
  background-color: #D0F5BE !important;
}

.form-signin {
  width: 100%;
  max-width: 350px;
  padding: 15px;
  margin: 8em auto;
}

.form-match {
  width: 100%;
  max-width: 50%;
  color: rgba(0, 0, 0, 0.75);
}
.form-match h3 {
  font-size: 1.3rem;
}
.form-match .btn {
  padding: 0.3rem 2rem;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type=text] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* MODAL LARGE */
@media screen and (max-width: 1024px) {
  .modal .modal-dialog {
    max-width: 95%;
  }
}
/* MOBILE */
@media screen and (max-width: 768px) {
  .table#planning {
    font-size: 0.6rem;
  }
  .form-match {
    max-width: 100%;
  }
  .form-match h3 {
    font-size: 1rem;
  }
  .form-match label {
    font-size: 0.9rem;
  }
  .form-match .form-control {
    font-size: 0.8rem;
  }
  .modal .modal-title {
    font-size: 0.7rem;
  }
  .modal .modal-body h3 {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
    margin-top: 0.5rem;
  }
  .modal .modal-body label {
    font-size: 0.7rem;
  }
  .modal .modal-body .form-control {
    font-size: 0.7rem;
  }
  .container-fluid h1.h3 {
    font-size: 12px;
  }
}
/* TABLETTE */
@media (min-width: 768px) and (max-width: 991px) {
  .table#planning {
    font-size: 0.7rem;
  }
  .form-match {
    max-width: 100%;
  }
  .form-match h3 {
    font-size: 1.1rem;
  }
  .form-match label {
    font-size: 1rem;
  }
  .form-match .form-control {
    font-size: 0.9rem;
  }
  .modal .modal-title {
    font-size: 0.8rem;
  }
  .modal .modal-body h3 {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
    margin-top: 0.5rem;
  }
  .modal .modal-body label {
    font-size: 0.8rem;
  }
  .modal .modal-body .form-control {
    font-size: 0.8rem;
  }
  .container-fluid h1.h3 {
    font-size: 16px;
  }
}
/* LARGE */
@media (min-width: 992px) and (max-width: 1200px) {
  .table#planning {
    font-size: 0.7rem;
  }
  .modal .modal-title {
    font-size: 0.9rem;
  }
  .modal .modal-body h3 {
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
    margin-top: 0.5rem;
  }
  .modal .modal-body label {
    font-size: 0.9rem;
  }
  .modal .modal-body .form-control {
    font-size: 0.9rem;
  }
}/*# sourceMappingURL=style.css.map */