@charset "UTF-8";
* {
  box-sizing: border-box;
  font-size: 1em;
}

body {
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  background: #DADADA;
  min-height: 100%;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 42px;
  /* Vertically center the text there */
  line-height: 42px;
  background-color: #DADADA;
  color: #333;
  white-space: nowrap;
  margin-top: 10px;
}
.italic{
  font-style: italic;
}
.small-italic {
  font-style: italic;
  font-size: 0.9em;
  padding-top: 1em;
}
.uppercase{
  text-transform: uppercase;
}
.white {
  color: white;
}
a:focus, a:hover {
  color: #FFCC33;
}
.far {
  display: initial;
  font: normal normal normal 14px/1 FontAwesome;
}
.no-padding{
  padding: unset;
}

.tfooter {
  background: #3D3935;
  padding: 0.5em 0;
  text-align: center;
  color: #FFF;
  min-height: 25px;
}

/** MEDIA **/
@media only screen and (min-width: 1024px) {
  #content article {
    min-height: 45em;
  }
}

@media (min-width: 1200px) {
  .container {
    /*min-width: 1170px;
    max-width: 1400px;*/
    min-width: 80%;
    max-width: 90%;
  }
}

@media (min-width: 767px) {
  .navbar-nav>li {
    bottom: -5px;
  }

  nav.navbar .dropdown-menu:after,
  nav.navbar .dropdown-menu:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
}

@media all and (min-width: 992px) {
  #content article {
    min-height: 45em;
  }

  #content.edit_fi .title-cell {
    white-space: nowrap;
    font-size: x-large;
  }
}

@media all and (max-width: 992px) {
  #content article {
    min-height: 42em;
  }

  #content.edit_fi .title-cell {
    font-size: large;
  }
}

@media (max-width: 576px) {
  #content article {
    min-height: 42em;
  }

  footer {
    font-size: 0.8em;
  }

  header .left-logo {
    width: 50%;
  }

  .right-logo {
    width: 50%;
  }
}

aside .col-lg-1, aside .col-lg-10, aside .col-lg-11, aside .col-lg-12, aside .col-lg-2, aside .col-lg-3, aside .col-lg-4,
aside .col-lg-5, aside .col-lg-6, aside .col-lg-7, aside .col-lg-8, aside .col-lg-9, aside .col-md-1, aside .col-md-10, 
aside .col-md-11, aside .col-md-12, aside .col-md-2, aside .col-md-3, aside .col-md-4, aside .col-md-5, aside .col-md-6, 
aside.col-md-7, aside .col-md-8, aside .col-md-9, aside .col-sm-1, aside .col-sm-10, aside .col-sm-11, aside .col-sm-12, 
aside .col-sm-2, aside .col-sm-3, aside .col-sm-4, aside .col-sm-5, aside .col-sm-6, aside .col-sm-7, aside .col-sm-8,
aside .col-sm-9, aside .col-xs-1, aside .col-xs-10, aside .col-xs-11, aside .col-xs-12, aside .col-xs-2, aside .col-xs-3,
aside .col-xs-4, aside .col-xs-5, aside .col-xs-6, aside .col-xs-7, aside .col-xs-8, aside .col-xs-9{
  padding-left: 0;
  padding-right: 0;
}


/** MESSAGE ERREURS **/
.error-messages {
  padding: 0 0.5em;
}

.error-messages div {
  background: #ffd7d8;
  border-top: 1px solid #f9bac7;
  border-bottom: 1px solid #f9bac7;
  color: #d54c4c;
  padding: 0.5em 1em;
  font-style: italic;
  margin: 0.5em 0;
}

/** TITRES **/
h1 {
  font-size: 2em;
  margin-top: 10px;
}

h2,
h5 {
  font-size: 1.6em;
}

/** HEADER **/
header {
  background: #FFFFFF;
  color: #000000;
}

header#header,
header#header_vide {
  height: 100px;
  box-shadow: 0px 0px 10px #AFAFAF;
}

header#header .left-logo,
header#header_vide .left-logo {
  padding-top: 5px;
  font-size: 1.4em;
  line-height: 50px;
  color: #FFF;
  font-weight: normal;
}

header#header .right-logo,
header#header_vide .right-logo,
header#header .identification  {
  padding: 4px 0px;
  height: 50px;
}

header#header .right-logo img,
header#header_vide .right-logo img,
header#header .identification div {
  height: 100%;
  float: right;
  padding-right: 10px;
  margin-top: 2px;
}

header#header .identification div {
	padding-top: 3%;
  text-align: center;
  color: #777;
}
#idLogin{
	font-style: italic;
	font-weight: bold;
}
#titre-site{
  text-align: center;
  padding-top: 5px;
  font-size: 2em;
  line-height: 50px;
  font-weight: bolder;
}
footer {
  text-align: center;
}
.labelLogin {
  display: block;
  text-align: end;
  margin-top: 5px;
}
.wrap {
  width: 90%;
  margin: auto;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/** INPUTS **/
input[type=text],
input[type=password],
input[type=button],
input[type=number],
input[type=date],
textarea {
  border: 1px solid #a0a0a0;
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
}

select {
  border: 1px solid #a0a0a0;
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
}

input[type=text],
input[type=password],
input[type=button],
input[type=number],
input[type=date] {
  padding-top: 6px;
  padding-bottom: 6px;
}
button#btnCallService,
input#btnAnnuler,
input#btnConfirmer,
button#btnConfirmer,
button#btnAnnuler{
  width: 100%;
}

button#btnCallService,
button.openBtn,
input#btnFilter,
input#btnFilterC, input#btnFilterCH, input#btnFilterQ,
input#btnNew,
input#btnAnnuler,
input#btnConfirmer,
button#btnConfirmer,
button#btnAnnuler,
input#changePwd {
  color: #000;
  background: #FC3;
  border: 1px #FC3 solid;
  font-weight: bold;
}
button.supp.openBtn,
button.supp.openBtn:hover{
  background: #97999B !important;
  border: 1px #97999B solid;
  padding: 2px 7px;
}

button#btnCallService:hover,
button.openBtn:hover,
input#btnFilter:hover,
input#btnFilterC:hover, input#btnFilterCH:hover, input#btnFilterQ:hover,
input#btnNew:hover,
input#btnAnnuler:hover,
input#btnConfirmer:hover,
button#btnConfirmer:hover,
button#btnAnnuler:hover,
input#changePwd:hover,
.btn:hover {
  background: #ffcc33e0;
  color: #000;
  border: 1px #ffcc33e0 solid;
  font-weight: bold;
}
button#delete, button#supp {
  background: #CFC9C4 !important;
}

input#btnFilter,
input#btnFilterC, input#btnFilterCH, input#btnFilterQ {
  width: 100%;
}
input#btnNew {
  width: 60%;
}

.input-max {
  width: 100%;
  background: #000000;
  color: #FFCC33;
  border: 1px #FFF solid;
  font-weight: bold;
}

.input-btn {
  color: #000000;
  background: #FFCC33;
  border: 1px #FFCC33 solid;
  font-weight: bold;
  padding: 5px 10px;
}

.input-btn:hover {
  background: #FFCC33;
  color: #000000;
  border: 1px #FFCC33 solid;
  font-weight: bold;
}
input.required,
select.required {
  background: #fef7e5 !important;
  border: 1px solid #ffcc33;
}
label.required:after { content: "\00a0*";}
label.disabled {
  opacity: 0.7;
  font-style: italic;
}
select:disabled {
  opacity: 0.7;
  border-color: rgba(118, 118, 118, 0.3);
  font-style: italic;
}
/** DATEPICKER **/
.datepicker.dropdown-menu{
  border-radius: 0;
  border: unset;
  padding: 4px;
}
.datepicker .day{
  line-height: 16px;
}
.datepicker table{
  box-shadow: unset;
}
.datepicker table thead th {
  background-color: #fff;
  color: #000;
  border-radius: 0px;
  font-size: 1em;
}
.datepicker table tr td.today, 
.datepicker table tr td.today:active {
  color: #000 !important;
  background-color: #ffdb99 !important;
  border-color: #ffb733 !important;
  background-image: none;
}
.datepicker table tr td.today:hover {
  color: #000 !important;
  background-color: #ffc966 !important;
  border-color: #f59e00 !important;
  background-image: none;
}
.datepicker table tr td.active,
.datepicker table tr td.active:active {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #204d74 !important;
  background-image: none;
}
.datepicker table tr td.active:hover{
  color: #fff !important;
  background-color: #204d74 !important;
  border-color: #122b40 !important;
  background-image: none;
}
#dateFinPicker input,
#dateFinCHPicker input,
#dateDebutPicker input,
#dateDebutCHPicker input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
#dateFinPicker span,
#dateFinCHPicker span,
#dateDebutPicker span,
#dateDebutCHPicker span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/** NAVIGATION **/
.container-fluid{
  padding-right: unset;
  padding-left: unset;
}
nav.navbar {
  border: none;
  background-color: transparent;
}
.navbar-default {
  background: transparent;
}
nav.navbar .navbar-collapse {
  margin: 0px auto;
  max-width: 100%;
  padding: 0px;
  overflow: hidden;
  border-color: transparent;
}

nav.navbar .dropdown-menu a {
  color: #FFFFFF;
}
nav.navbar .dropdown-menu a:hover {
  background-color: #103167;
}
nav.navbar .dropdown-menu:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #2c2c2c;
  border-width: 10px;
  margin-left: -10px;
}
nav.navbar .dropdown-menu:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #555;
  border-width: 10px;
  margin-left: -10px;
}
nav.navbar .dropdown-menu {
  background: #2c2c2c;
  border-radius: 0px;
  box-shadow: 0px 0px 10px rgba(255,255,255,.6);
  text-align: center;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background-color: transparent;
  color: #333;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: #FFF;
  background-color: #2c2c2c;
  text-align: left;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
  color: #000000;
  background-color: #FFCC33;
}
.navbar-default .navbar-nav>li>a {
  color: #777;
  background: transparent;
  padding: 10px;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus {
  color: #333;
  background-color: transparent;
}
/*nav.navbar .dropdown-menu li:after {
  content: '';
  position: absolute;
  left: 30%;
  margin-left: -20%;
  width: 80%;
  height: 1px;
  background: rgba(255,255,255,.6);
}*/
nav.navbar .dropdown-menu li:last-child:after {
  height: 0px;
}
.svg-inline--fa.fa-w-10 {
  margin-left: 0.5em;
}
.nav-item.dropdown {
  padding-right: 1em;
}
.nav-item.dropdown.logout {
  padding-right: 0;
}
@media (min-width: 768px) {
  .navbar-right {
      float: right!important;
      margin-right: 0;
  }
}
/** DATATABLE OVERRIDE **/
.w-7{
  width: 7%;
}
.w-10{
  width: 10%;
}
/*
* datatables pagination
*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #FFCC33;
  border-color: #FFCC33;
  color: #3D3935;
}
.pagination > li > a,
.pagination > li > span {
  color: #878785;
}
.dataTables_wrapper > div:nth-child(3) > div:nth-child(2){
  text-align: right;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
  border-bottom: 1px solid #FFF;
}
.pagination{
  margin: 0 0 10px 0;
}

#dashKpiExp_wrapper div.col-sm-12{
  padding-right: 0;
  padding-left: 0;
}
#dashKpiExp tbody tr:first-child{
  background-color: #eee;
}
#dashKpiExp_wrapper>div.row:first-of-type {
  display:none;
}
#dashKpiExp thead th {
  font-size: 1.15em;
}
table {
  box-shadow: 0 0 10px #555;
  background-color: #fff;
}
#tableHisto tbody tr .one {
  position: relative;
}
table thead {
  background: #3D3935;
  color: #fff;
  /*font-size: 0.8em;*/
}
table thead th {
  font-size: 0.9em;
  letter-spacing: -0.8px;
}
#tableHisto thead tr {
  border-bottom: 1px solid #818181;
  vertical-align: middle;
}
table tbody{
  overflow-x: hidden;
  overflow-y: scroll;
}
#tableHisto tbody{
  overflow-x: hidden;
  overflow-y: scroll;
}
#tableHisto tbody tr .one,
#tablePAQ tbody tr .one {
  position: relative;
}
#tableHisto tbody tr .one{
  width: 20%;
}
#tableHisto tbody tr .paq-2,
#tableHisto tbody tr .paq-3{
  width: 40%;
}
#tableHisto tbody tr .three {
  vertical-align: top;
}
#tableHisto tbody tr .one img,
#tableHisto tbody tr .one b,
#tablePAQ tbody tr .one img,
#tablePAQ tbody tr .one b {
  display: block;
  position: absolute;
  top: 0;
}
#tableHisto tbody tr .one div,
#tablePAQ tbody tr .one div {
  position: relative;
  height: 79px;
  width: 101px;
}
#tableHisto tbody tr .one b,
#tablePAQ tbody tr .one b {
  width: 101px;
  text-align: center;
  height: 59px;
  line-height: 59px;
  font-size: 1.8em;
}
#tableKpi .kpi-date,
#tableAD .kpi-date,
#tableAP .kpi-date{
  width: 14%;
}
tbody tr:hover {
  background: #FFFFCC;
}
#tableImport tbody tr:hover,
#tableHisto tbody tr:hover{
  background: unset;
}
.dataTables_info{
  margin: 6px 0;
}
.dataTables_length label{
  font-weight: 100;
  margin-bottom: 20px;
}
.dataTables_length label select{
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 34px;
}
.dataTables_filter label{
  font-weight: 100;
  margin-bottom: 20px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.dataTables_filter label input{
  width: 50%;
  margin-left: 2%;
}
.dataTables_filter{
  text-align: right;
}
#tableAP .alertemessage,
#tableAD .alertemessage {
  text-align: left;
  width: 55%;
}
#tableAP .alertemessage p,
#tableAD .alertemessage p {
  display: table-cell;
  vertical-align: text-top;
  text-align: left;
}
#alerte_mess_1 {
  width: 450px;
}
#alerte_mess_2 {
  width: 200px;
}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
  font-family: 'Glyphicons Halflings';
  float: right;
  text-align: right;
}
table.dataTable thead .sorting:after {
  content: "\e150";
  color: #97999B;
}
table.dataTable thead .sorting_asc:after {
  content: "\e155";
  color: #FFCC33;
}
table.dataTable thead .sorting_desc:after {
  content: "\e156";
  color: #FFCC33;
}

/***************************/

#content.colis_chargement .meta {
  width: 100%;
  /*margin-bottom: 1em;*/
}
#content.colis_chargement .meta p {
  margin: 0 0 5px;
}
#content.colis_chargement .meta label {
  width: 115px;
  text-align: right;
  font-size: .9em;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
#content .meta output {
  display: inline-block;
  font-size: .9em;
}
#content .meta label {
  width: 120px;
  text-align: left;
}
#content.paq_historique .meta output {
  font-size: .9em;
}
#content.colis_chargement .meta output{
  font-size: .8em;
}
#content .meta .metaright {
  border-left: #cfc9c4 solid 1px;
}
#content .meta .bg-devoye-title,
#content.colis_chargement table tbody .bg-devoye,
#content.colis_recherche table tbody .bg-devoye {
  background-color: #FFCC33;
  color: #000000;
}

#content .meta div li {
  display: inline-block;
  width: 110px;
  border-right: #cfc9c4 solid 1px;
  text-align: center;
}
/** CONTENT **/
#content {
  margin-top: 20px;
  box-shadow: 0px 0px 10px #555;
  background: #eeeeee;
  color: #333333;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#content article {
  background-color: #FFFFFF;
  color: #333;
  /*padding-left: 2%;*/
  padding: 0 1em 0 1em;
}

#content article header {
  text-align: center;
  padding: 0.5em 0;
  margin: 0 0 1em 0;
}

#content aside div.title,
#content article div.title {
  border-bottom: 1px solid #cecece;
  padding-top: 0.5em;
  padding-left: 1em;
  position: relative;
  margin-bottom: 1em;;
}
a {
  text-decoration: none;
  color: #333;
}

aside label, aside input, aside select {
    font-size: 0.9em;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #f5F5F5;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: 1px solid #cecece;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 1em;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
h3.accordion:hover{
  color: #fc3;
  text-decoration: underline;
}
/* Style the accordion panel. Note: hidden by default */
.panel_acc {
  padding: 0 10px 10px 10px;
  background-color: white;
  display: none;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.panel {
  background-color: #eeeeee;
  border: unset;
}
.panel.volume,
.panel.devoye,
.panel.occupation,
.panel.shipments {
  background-color: unset;
  border: 1px solid #ddd;
}
.panel #kpiExp.table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/*******************************
    MODALS
*******************************/
/* Modal Content */
.modal-content {
  padding: 20px;
  border: 1px solid #888;
}
/* The Close Button */
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
div#modalBtns,
p.mmessage {
  text-align: center;
}
div#modalBtns button.w33,
div#modalBtns button#delete,
div#modalBtns button#deleteModal,
div#modalBtns button#cancel {
  width: 33%;
}
div#modalBtns button#deleteModal,
div#modalBtns button#delete {
  background-color: #FFCC33 !important;
}
div#modalBtns button#deleteModal:hover,
div#modalBtns button#delete:hover {
  background-color: #ffcc33e0 !important;
}
button#supp {
  background: #CFC9C4 !important;
}
#chariotModal div.title,
#paqModal div.title {
  padding-top: 0.5em;
  position: relative;
}
#chariotModal div.title h1,
#paqModal div.title h1,
#ConfirmModal div.title h1,
#myModal  div.title h1 {
  /*border-bottom: 1px solid #3D3935;
  font-weight: normal;*/
  margin: 0;
}
#chariotModal input,
#paqModal input,
#chariotModal select,
#paqModal select {
  width: 100%;
}
@media all and (max-width: 960px) {
  #chariotModal input,
  #paqModal input,
  #chariotModal select,
  #paqModal select {
    width: auto;
  }
}
#chariotModal p.row,
#paqModal p.row {
  margin-left: 0;
}
#chariotModal span.radiosite,
#paqModal span.radiosite {
  display: -ms-inline-flexbox;
}
#chariotModal .modBtn button,
#paqModal .modBtn button {
  background-color: #FFCC33;
}
/*******************************/

.modal-content.paq_reservation {
  background-color: white;
}
.paq_reservation #delivlistselect,
.paq_reservation #delivlistadd {
  height: 155px;
}
@media only screen and (min-width: 960px) {
  .paq_reservation #btns {
    padding-top: 20px;
  }
}
.paq_reservation h3 {
  color: #000;
  margin: 0.3em 0;
  text-align: left;
}
.paq_reservation h4,
.paq_reservation p {
  margin: 5px 0;
}
.paq_reservation b {
  text-transform: uppercase;
}
.paq_reservation #delivlistselect,
.paq_reservation #delivlistadd {
  width: 100%;
}
@media only screen and (min-width: 960px) {
  .paq_reservation #delivlistselect,
  .paq_reservation #delivlistadd {
    width: 177px;
  }
}
.paq_reservation .buttons {
  padding-top: 3.5em;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .paq_reservation #validate,
  .paq_reservation #cancel,
  .paq_reservation #supp {
    width: 80%;
  }
}
.paq_reservation .add,
.paq_reservation .add-all,
.paq_reservation .remove,
.paq_reservation .remove-all {
  width: 33px;
  height: 16px;
  border: 0;
  position: relative;
}
.paq_reservation .add-all {
  background: transparent url('../img/renault/add_remove_all.png') top right no-repeat;
  left: 2px;
}
.paq_reservation .add {
  background: transparent url('../img/renault/add_remove.png') top right no-repeat;
  left: 2px;
}
.paq_reservation .remove {
  background: transparent url('../img/renault/add_remove.png') top left no-repeat;
  right: 2px;
}
.paq_reservation .remove-all {
  background: transparent url('../img/renault/add_remove_all.png') top left no-repeat;
  right: 2px;
}
.paq_reservation .portique_picto {
  box-shadow: 0 0 10px #555;
  text-align: center;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -webkit-linear-gradient(top, #fff, #eee);
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -ms-linear-gradient(top, #fff, #eee);
  background: -o-linear-gradient(top, #fff, #eee);
  background: linear-gradient(top, #fff, #eee);
  margin: 15px;
  padding: 5px;
  min-height: 180px;
}
.paq_reservation .portique_picto .portique_container {
  margin: 0.25em auto 0;
  line-height: 180px;
  font-weight: bold;
}
.paq_reservation .portique_picto .porteQuai_img {
  height: auto;
  min-height: 195px;
  background-size: contain;
  background-image: url('../img/renault/portique-quai-316x246.png');
  background-repeat: no-repeat;
  background-position: center;
}
.paq_reservation .portique_picto .portique_details {
  text-align: left;
}
.paq_reservation .portique_picto .portique_details p:first-child {
  margin-bottom: 0.5em;
}
.paq_reservation .portique_picto .portique_details label {
  display: inline-block;
  width: 70%;
}
.paq_reservation .portique_picto .portique_details output {
  font-weight: bold;
}
.paq_reservation .immat {
  padding-top: 15px;
  margin-left: 15px;
}
.paq_reservation .immat label {
  padding-right: 1em;
}
.paq_reservation .immat input {
  width: 97%;
}
.paq_reservation .switches {
  text-align: center;
}
.paq_reservation .switches button {
  color: #000;
  border: 0;
  background: #FFCC33;
  height: 2.5em;
  width: 50%;
  outline: 0;
}
.paq_reservation .switches .selected {
  background-color: #FFCC33;
  outline: 0;
}
.paq_reservation .typecharg button {
  color: #000;
  border: 0;
  background: #CFC9C4;
  height: 2em;
  width: 30%;
  font-weight: bold;
  outline: 0;
}
.paq_reservation .typecharg #typecharg {
  display: none;
  outline: 0;
}

.paq_reservation select#js-destination {
  max-width: 260px;
}
.paq_reservation h4 label {
  font-size: 0.75em;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: #00205B;
  color: #FFF;
}
.table-striped>tbody>tr:nth-of-type(2n) {
  background-color: transparent;
  color: #FFF;
}
.table-striped>thead>tr {
  background-color: #f9f9f9;
  color: #000;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
.table>tbody>tr>td{
  vertical-align: middle;
  font-size: 0.8em;
}
select {
  color: #333;
}
aside select {
  width: 100%;
}
.btn,
.btn:focus,
.btn:active,
.btn:visited,
.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success:active:hover,
.btn-success:visited {
  background: #00205B;
  color: #FFF;
  border: 1px #FFF solid;
  font-weight: bold;
  border-radius: 0;
}

.list-group-item {
  padding: 3px 10px;
  background-color: #00205B;
  color: #FFF;
}

.list-group-item:hover {
  padding: 3px 10px;
  background-color: #FFF;
  color: #183782;
  cursor: pointer;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}


/**************************
    Equal Height Columns
***************************/
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*.row.row-eq-height {
  flex-direction: column;
}*/
.row-same-height {
  display: table;
  width: 100%;
}

.row-same-height>[class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: top;
}

.row-same-height row {
  background: #FFF;
}

.row {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}
.entete{
  width: 90%;
  margin: auto;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.top-buffer {
  margin-top: 20px;
}
#content.admin_utilisateurs .status_tabs .selected {
  background: #555;
  color: #ffcc33;
}
#content.admin_utilisateurs  .status_tabs input {
  box-shadow: 0 0 10px #555;
  border: 0;
  padding: 5px 10px;
}
#content .sidebar {
  /*padding: 0 1em;
  padding-right: 2em;*/
  padding: 0 1em 0 0;
}

#content .sidebar.collapsed {
  width: 4%;
}

#content .sidebar.collapsed+article {
  margin-left: 4%;
  width: 96%;
}

#content article p.submit {
  text-align: center;
  padding: 1em 0 2em 0;
}
input#submit:hover,
button#submit:hover,
button#validate:hover,
button#validateC:hover,
.submit input[type="submit"]:hover,
button.ModalButtonValidate:hover,
button.ModalButtonCancel:hover {
  background: #FFF;
}

input#submit,
button#submit,
button#validate,
button#validateC,
button#cancel,
button#cancelC,
button#delete,
button#deleteModal,
button#supp,
button#clean,
a.supp,
a.details,
.submit input[type="submit"],
button.ModalButtonValidate,
button.ModalButtonCancel {
  background: #FFCC33;
  padding: 5px 10px;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
  border: 1px solid #FFF;
}
button#cancel, button#cancelC {
  background: #97999B !important;
}
input.disabled, button.disabled, input#submit:disabled {
  background: #97999B !important;
  cursor: not-allowed;
  font-style: italic;
}
input#submit:hover,
button#submit:hover,
button#validate:hover,
button#validateC:hover,
button#cancel:hover,
button#cancelC:hover,
button#delete:hover,
button#supp:hover,
button#clean:hover,
a.details:hover,
.submit input[type="submit"]:hover,
button.ModalButtonValidate:hover,
button.ModalButtonCancel:hover {
  background: #ffcc33e0;
  color: #000000;
}
a.supp {
  background: #CFC9C4;
}
a.supp:hover {
  background: #cfc9c4a6;
}
#content.admin_utilisateurs .new_user,
#content.admin_g_paqs .new_user,
#content.admin_g_chariots .new_user {
  margin: 10px 0px;
  text-align: right;
}
#content.admin_utilisateurs .status_tabs {
  margin: 10px 0px;
}
.ul_W{
  list-style-type: none;
  padding-inline-start: 41%;
}
.li_R, .li_W {
  text-align: left;
}
.li_R{
  color: #5f8b33 !important;
}
.li_W{
  color: #d54c4c !important;
}
a.details,
a.supp {
  width: auto;
}
#content article p label {
  display: inline-block;
  padding-right: 0.5em;
  font-size: 0.9em;
}
.notice-messages {
  padding: 0 0.5em;
}
.notice-messages p,
.notice-messages div {
  background: #D5FFCA;
  border-top: 1px solid #cadba7;
  border-bottom: 1px solid #cadba7;
  color: #5f8b33;
  padding: 0.5em 1em;
  font-style: italic;
  margin: 0.5em 0;
}
.error-messages p,
.error-messages div {
  background: #ffd7d8;
  border-top: 1px solid #f9bac7;
  border-bottom: 1px solid #f9bac7;
  color: #d54c4c;
  padding: 0.5em 1em;
  font-style: italic;
  margin: 0.5em 0;
}
.glyphicon {
  top: 0;
}

@media (min-width: 992px) {
  .modal-dialog {
    width: 50%;
  }
}
.user-login-form input {
  margin-top: 3px;
  width: 100%;
}
.user-login-form .btn {
  margin-top: 50px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.user-create-form p label {
  width: 40%;
}
.user-create-form p input,
.user-create-form p select {
  width: 50%;
}

.content {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.filter-form input,
.filter-form select {
  margin-bottom: 6px;
  width: 100%;
}
.filter-form input[type="submit"] {
  margin-top: 10px;
  min-height: 36px;
}
.filter-form label {
  margin-top: 6px;
}
table thead tr th.dt-center,
table tbody tr td.dt-center {
  text-align: center;
  vertical-align: middle;
}

table thead tr th.dt-left,
table tbody tr td.dt-left {
  text-align: left;
  vertical-align: middle;
}

.dropdown-toggle:hover .fa-angle-down,
.dropdown-toggle:focus .fa-angle-down,
.dropdown-toggle .fa-angle-up {
  display: none;
}

.dropdown-toggle:hover .fa-angle-up,
.dropdown-toggle:focus .fa-angle-up {
  display: inline;
}

input.invalid,
select.invalid,
textarea.invalid {
  border: 2px red solid;
}

.list-group-item:last-child,
.list-group-item:first-child {
  border-radius: 0;
}
.legend_square {
  display: inline-block;
  width: 32px;
  margin-right: .5em;
}
.plage_available {
  border: 1px solid #efebeb;
}
.plage_affected_expe {
  background-color: #fc3!important;
}
#content.admin_g_paqs .table .label-success {
  background-color: #FFCC33;
  color: #3D3935;
}
#content.admin_g_paqs .table .label-danger {
  background-color: #97999B;
}
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}
#div-loader{
  background: #d3d3d366; /* #b7b6b69e;*/
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 15%;
    padding-left: 50%;
}
/* HTML: <div class="loader"></div> */
.loader {
  width: 200px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#FFCC33 100%,#0000) top/25px 25px no-repeat,
    conic-gradient(#0000 30%,#FFCC33);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 25px),#000 0);
  animation: l13 1.5s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}
.dre_cal_header,
.dre_scale_bar {
  background: #3D3935 !important;
  color: #fff !important;
}
#kpi_head p,
#search_head p{
  margin: 0;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.no-display{
  display: none;
}
.red {
    color: #d4002b;
}
input.rememberme{
  width: unset;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
label.rememberme{
  margin: 0.5em 1em;
}