/* LAG  */
.fa-1-5x {
  font-size: 1.5em;
}

.fa-0-8x {
  font-size: 0.8em;
}

.fa-primary {
  color: #676a6c;
}

.fa-danger {
  color: #ec4758;
}

.fa-warning {
  color: #f9b66d;
}

.fa-corporate {
  color: #00ADEF;
}

.fa-green {
  color: #28a745;;
}

.label-black,
.badge-black {
  background-color: black;
  color: white;
}

.label-green,
.badge-green {
  background-color: #28a745;
  color: #FFFFFF;
}

.bg-gray {
  background-color: lightgrey;
}

.bg-black {
  background-color: black;
  color: #FFFFFF;
}


/* LAG Customize bootstrap choose */
.chosen-container .chosen-results li.highlighted {
  background-color: #00ADEF;
}

.chosen-single-corporate {
  background-color: #00ADEF!important;
  color:white!important;
}

/* LAG regarding to jquery-ui, needed to have dialog box over other items */
.ui-dialog { z-index: 10000 !important ;}

.dialog-fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: min-content;
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  border-image: initial;
  border: 1px solid silver;
}

.dialog-legend {
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  width: auto;
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 800px;
  }
}

.ui-datepicker-trigger {
  color: white;
  top: -1px;
  right: -2px;
  position: relative;
  padding: 2px;
}

/* LAG filtres de selection dans l'entete des datatables */
select.filters {
  width: 100%;
}

.primary-corporate {
  color: #00ADEF;
}

/* LAG Cutom bootstrap */
.row-no-padding > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/*
Bootstrap row with same heigth!
https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height
 */

.row.is-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ibox.is-flex-white {
  height:100%!important;
  background-color:white;
}


/*
datatable adds
 */
table.dt-compacted tbody tr td {
  padding:2px ;
}

.dt-head-selector-option-special {
  font-size: 11px;
  font-style: italic;
}

.dt-button-hide {
  display:none!important;
}

.dt-ellipsis {					/* Nouvelle version qui évite le problème de couleur de fond */
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

.dt-ellipsis > * {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dt-button.danger {
  color: red;
  /* background-image:none; */
}

/*
label adds
 */
.label-table {
  display: table;
  text-align: center;
  width: 100%;
}

/*
custom jquery.steps.css
*/
.wizard > .content > .body
{
  float: left;
  position: absolute;
  width: 95%;
  /* height: 95%; */
  padding: 2.5%;
}

.wizard-big.wizard > .content {
  min-height: 380px;
  overflow-y: scroll;
}

/*
Custom gray button
 */
.btn-gray {
  color: inherit;
  background: lightgrey;
  border: 1px solid #e7eaec;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray,
.btn-gray:active:focus,
.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray.active:focus {
  color: inherit;
  background: darkgrey;
  border: 1px solid #d2d2d2;
}
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}
.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray.active[disabled],
fieldset[disabled] .btn-gray,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active {
  color: #cacaca;
}

/* Autocomplete validation styles */
 .autocomplete-is-invalid {
   border-color: #dc3545 !important;
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
 }

.autocomplete-invalid-feedback {
  display: block !important;
  color: #dc3545;
  font-size: 0.875em;
  margin-top: 0.25rem;
  font-weight: normal;
}

.autocomplete-validation-error {
  background-color: #f8d7da;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #f5c6cb;
}