@CHARSET "UTF-8";

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 40px;
}

header {
    background-color: #DDD ;
}

header h4 {
    color: darkred;
}

.navbar {
    border-top: none;
    background-color: #DDD ;
}

.custom-nav-item {
    border:  1px solid #DDD;
    border-radius: 5px;
}

.custom-nav-item:hover {
    background-color: #DADADA;
    border-color: #CCC;
}

@media (max-width: 768px) {
    .nav-link {
        padding-left: 1rem !important;
    }
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #DDD;
    line-height: 40px;
}

hr {
    width: 90%;
}

/* -------------------------------------------------------------------------------------------------------- */
/* ----------						Modification des classes bootstrap							----------- */
/* -------------------------------------------------------------------------------------------------------- */
caption {
  caption-side: top; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* -------------------------------------------------------------------------------------------------------- */
/* ----------						Custum du datepicker bootstrap tempusdominus				----------- */
/* -------------------------------------------------------------------------------------------------------- */

.bootstrap-datetimepicker-widget {
  background-color: #ddd !important;
  border: 1px solid #ccc !important;
  -moz-box-shadow: 6px 6px 10px #bbb;
  -webkit-box-shadow: 6px 6px 10px #bbb;
  box-shadow: 6px 6px 10px #bbb; }

.bootstrap-datetimepicker-widget table th {
  font-size: 0.95em !important;
  font-weight: 600 !important;
  border: none !important; }

.bootstrap-datetimepicker-widget table td {
  font-size: 0.85em !important;
  border: none !important; }

/* -------------------------------------------------------------------------------------------------------- */
/* ----------						Initialisation des classes de mise en forme					----------- */
/* -------------------------------------------------------------------------------------------------------- */

.help-title {
  background-color: #eeeeee !important;
  border: 1px solid #dddddd !important;
  border-radius: 5px; }

.help-body {
  font-size: 90%; }

.bg-yellow {
  background-color: #f9efc7 !important; }

.bg-red {
  background-color: #f7c5c5 !important; }

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

.bg-blue {
  background-color: #c5d5f7 !important; }

.bg-gray {
  background-color: #dddddd !important; }

.bg-purple {
  background-color: #f2c3f4 !important; }

.bg-orange {
  background-color: #f2dfc1 !important; }

.bg-th-yellow {
  background-color: #f9efc7 !important; }

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

.bg-th-blue {
  background-color: #c5d5f7 !important; }

.bg-th-red {
  background-color: #f7c5c5 !important; }

.bg-th-gray {
  background-color: #dddddd !important; }