@media (min-width: 1450px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .col-xxl {
    flex-basis:0;
    flex-grow:1;
    max-width:100%
  }
  .col-xxl-auto {
    flex:0 0 auto;
    width:auto;
    max-width:100%
  }
  .col-xxl-1 {
    flex:0 0 8.33333%;
    max-width:8.33333%
  }
  .col-xxl-2 {
    flex:0 0 16.66667%;
    max-width:16.66667%
  }
  .col-xxl-3 {
    flex:0 0 25%;
    max-width:25%
  }
  .col-xxl-4 {
    flex:0 0 33.33333%;
    max-width:33.33333%
  }
  .col-xxl-5 {
    flex:0 0 41.66667%;
    max-width:41.66667%
  }
  .col-xxl-6 {
    flex:0 0 50%;
    max-width:50%
  }
  .col-xxl-7 {
    flex:0 0 58.33333%;
    max-width:58.33333%
  }
  .col-xxl-8 {
    flex:0 0 66.66667%;
    max-width:66.66667%
  }
  .col-xxl-9 {
    flex:0 0 75%;
    max-width:75%
  }
  .col-xxl-10 {
    flex:0 0 83.33333%;
    max-width:83.33333%
  }
  .col-xxl-11 {
    flex:0 0 91.66667%;
    max-width:91.66667%
  }
  .col-xxl-12 {
    flex:0 0 100%;
    max-width:100%
  }

}

/*
** Body
*/

body {
  color: #ffffff;
  background-color: #292c35
}

#wrapper #content-wrapper {
  background-color: #292c35;
  width: 100%;
  overflow-x:hidden
}

.sticky-footer {
  background: #211f1e;
}

/*
** Textes et liens
*/

.text-primary {
  color:#c9a66e !important
}

a {
  color: #c9a66e;
  text-decoration: none;
  background-color:transparent
}

a:hover {
  color: #ffffff;
  text-decoration:underline
}

/*
** Modales
*/

.modal-content {
  background-color: #292c35;
  border: 1px solid rgba(0,0,0,.2);
}

.close {
  color: #ffffff;
  text-shadow: 0 1px 0 #000;
}

.close:hover {
  color: #ffffff;
  text-decoration:none
}

/*
** Card
*/

.card {
  background-color: #292c35;
  border: 0px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion>.card {
  overflow: hidden;
  border:1px solid rgba(255,255,255,0.1);
  box-shadow: none;
  transition: none;
}

.accordion div.card:only-child { 
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); 
  border-radius: calc(0.25rem - 1px); 
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #292c35;
  border-bottom:1px solid rgba(255,255,255,0.1)
}

/*
** Menu
*/

.dropdown-menu {
  background-color: #292c35;
  background-clip: padding-box;
  border: 0px;
  border-radius:.35rem;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .nav-item.dropdown .dropdown-toggle::after {
  content: '\f107';
}

.navbar .nav-item.dropdown.show .dropdown-toggle::after {
  content: '\f106';
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu { display: none; }
	.navbar .nav-item:hover .nav-link { color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu { display: block; }
	.navbar .nav-item .dropdown-menu { margin-top:0; }
  .navbar .nav-item .dropdown-toggle::after { content: '\f107'!important; }
  .navbar .nav-item:hover .dropdown-toggle::after { content: '\f106'!important; }
}

.dropdown-item {
  color: #c9a66e;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #ffffff;
  background-color:#292c35;
}

.dropdown-item.active, .dropdown-item:active {
  color: #292c35;
  background-color:#c9a66e;
}

.dropdown-divider {
  border-top:1px solid rgba(255,255,255,0.1);
}

/*
** Formulaire
*/

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  background-color: white;
  border-radius: 0.35rem;
}

.input-group>.custom-select:not(:first-child), 
.input-group>.form-control:not(:first-child) {
  border-top-right-radius: 0.35rem!important;
  border-bottom-right-radius: 0.35rem!important;
}

.form-control-plaintext {
  color: #ffffff;
  font-weight: bold;
}

.form-divider {
  width: 0;
  border-right: 1px solid rgba(255,255,255,0.1);
  height: calc(4.375rem - 2rem);
  margin: auto 1rem;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #e74a3b;
  font-weight: bold;
}

.input-group > .invalid-feedback {
  height: 0;
  margin: 0;
  position: relative;
  top: 4;
}

.input-group:has(.invalid-feedback) {
  margin-bottom: 10px;
}

.form-control:disabled, 
.form-control[readonly] {
  background-color: #d1d3e2;
  opacity:1
}

.btn-light.disabled, 
.btn-light:disabled {
  color: #6e707e;
  background-color: #d1d3e2;
  border-color:#d1d3e2;
  opacity:1;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  text-align: center;
  white-space: nowrap;
  background-color: #d1d3e2;
  border: 1px solid #d1d3e2;
  border-radius:.35rem
}

.datepicker {
  background-color: #292c35!important;
}

/*
** Boutons
*/

.btn {
  font-weight: 400;
}

.btn-icon-split .icon {
  background: rgba(0,0,0,.15);
  display: inline-block;
  padding: .55rem .75rem;
  min-width: 40px;
}

.btn-primary {
  color: #292c35;
  background-color: #c9a66e;
  border-color:#c9a66e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active  {
  color: #c9a66e!important;
  background-color: #292c35!important;
  border-color:#c9a66e!important;
}

.btn-secondary {
  color: #292c35;
  background-color: #858796;
  border-color:#858796;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active  {
  color: #858796!important;
  background-color: #292c35!important;
  border-color:#858796!important;
}

.btn-success {
  color: #292c35;
  background-color: #17a673;
  border-color:#17a673;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active  {
  color: #17a673!important;
  background-color: #292c35!important;
  border-color:#17a673!important;
}

.btn-warning {
  color: #292c35;
  background-color: #f6c23e;
  border-color:#f6c23e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active  {
  color: #f6c23e!important;
  background-color: #292c35!important;
  border-color:#f6c23e!important;
}

.btn-info {
  color: #292c35;
  background-color: #36b9cc;
  border-color:#36b9cc;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active  {
  color: #36b9cc!important;
  background-color: #292c35!important;
  border-color:#36b9cc!important;
}

.btn-danger {
  color: #ffffff;
  background-color: #e02d1b;
  border-color:#e02d1b;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active  {
  color: #e02d1b!important;
  background-color: #292c35!important;
  border-color:#e02d1b!important;
}

.btn-back {
  color: #c9a66e;
  background-color: #292c35;
  border-color:rgba(255,255,255,0.1);
}

.btn-back:hover,
.btn-back:focus,
.btn-back:active  {
  color: #ffffff!important;
  background-color: #292c35!important;
  border-color:rgba(255,255,255,0.1);
}

/*
** Tableaux
*/

table {
  margin-bottom:0rem !important;
  border-collapse: separate;
  border-radius: .35rem;
  overflow: hidden;
  border:1px solid rgba(255,255,255,0.1);
}

.table-responsive > .table-bordered {
  border:1px solid rgba(255,255,255,0.1);
}

.table-responsive {
  margin-bottom:1.5rem !important;
}

th {
  color: #c9a66e;
  white-space: nowrap;
}

tr.inactive {
  width: 100%;
  margin-bottom: 1rem;
  color: #757680!important;
  text-decoration: line-through;
}

tr {
  color: #ffffff;
}

.etage {
  background-image: linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);
  background-size: 2rem 2rem;
}

.table td, .table th {
  border-top:1px solid rgba(255,255,255,0.1);
}

.table thead th {
  border-bottom:2px solid rgba(255,255,255,0.1);
}

.table tbody + tbody {
  border-top:2px solid rgba(255,255,255,0.1);
}

.table-bordered {
  border:1px solid rgba(255,255,255,0.1);
}

.table-bordered td, .table-bordered th {
  border:1px solid rgba(255,255,255,0.1);
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color:rgba(255,255,255,0.02);
}

.table-hover tbody tr:hover {
  color: #c9a66e!important;
}

td > a:not(.action) {
  color: #ffffff;
}

td > a:hover:not(.action) {
  color: #c9a66e;
}

/*
** Divers
*/

.pagination {
  border: 1px solid rgba(255,255,255,0.1);
}

.page-link {
  color: #c9a66e;
  background-color: #292c35;
  border:1px solid #292c35
}

.page-link:hover {
  z-index: 2;
  color: #ffffff;
  text-decoration: none;
  background-color: #292c35;
  border-color:#292c35
}

.page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.1);
}

.page-item.disabled .page-link {
  color: #d1d3e2;
  pointer-events: none;
  cursor: auto;
  background-color: #292c35;
  border-color:#292c35
}

/*
** Avancement
*/

.status-demande-fg { color: #ffffff; }
.status-demande-bg { background-color: #ffffff; }
.status-a_faire-fg { color: #fcbdbd; }
.status-a_faire-bg { background-color: #fcbdbd; }
.status-en_cours-fg { color: #c2dfff; }
.status-en_cours-bg { background-color: #c2dfff; }
.status-traite-fg { color: #d2f5b0; }
.status-traite-bg { background-color: #d2f5b0; }
.status-valide-fg { color: #c9ccc4; }
.status-valide-bg { background-color: #c9ccc4; }
.status-archive-fg { color: #ffffff; }
.status-archive-bg { background-color: #ffffff; }

.btn-a_faire {
  color: #292c35;
  background-color: #fcbdbd;
  border-color:#fcbdbd;
}

.btn-a_faire:hover,
.btn-a_faire:focus,
.btn-a_faire:active  {
  color: #fcbdbd!important;
  background-color: #292c35!important;
  border-color:#fcbdbd!important;
}

.btn-en_cours {
  color: #292c35;
  background-color: #c2dfff;
  border-color:#c2dfff;
}

.btn-en_cours:hover,
.btn-en_cours:focus,
.btn-en_cours:active  {
  color: #c2dfff!important;
  background-color: #292c35!important;
  border-color:#c2dfff!important;
}

.btn-traite {
  color: #292c35;
  background-color: #d2f5b0;
  border-color:#d2f5b0;
}

.btn-traite:hover,
.btn-traite:focus,
.btn-traite:active  {
  color: #d2f5b0!important;
  background-color: #292c35!important;
  border-color:#d2f5b0!important;
}

/*
** Divers
*/

.border-white {
  -webkit-filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white);
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white);
}

.bg-login-image {
    background-position:center!important;
    background-size:cover!important;
}

.shadow-nohover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.bootstrap-select > .btn {
  max-height: 37px !important;
}
.bootstrap-select > .btn > .filter-option {
  max-height: 25px !important;
}

.hidden {
  display: none;
}

.note-editor.note-frame .note-status-output, .note-editor.note-airframe .note-status-output {
  color: #ffffff;
}

.note-editor.note-frame {
  border-collapse: separate;
  border-radius: .35rem;
  overflow: hidden;
  border:1px solid rgba(255,255,255,0.1)!important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.1);
}

.border-left-light {
  border-left: .25rem solid rgba(255,255,255,0.1)!important;
}

.border-left-primary {
  border-left: .25rem solid #c9a66e!important;
}

.btn-link {
  font-weight: 400;
  color: #c9a66e;
  text-decoration: none;
}

.btn-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.dropzone {
  border: 2px dashed rgba(255,255,255,.1);
  border-radius: 5px;
  background: #292c35;
}

.dark-image {
  background-color: #292c35;
}