/* 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;
}

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

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

/* btn custom LAG */

.btn-custom-white {
  background-color: white;
  border-color: #5B9BD5;
  color: black;
}
.btn-custom-white:hover,
.btn-custom-white:focus,
.btn-custom-white:active,
.btn-custom-white.active,
.open .dropdown-toggle.btn-custom-white,
.btn-custom-white:active:focus,
.btn-custom-white:active:hover,
.btn-custom-white.active:hover,
.btn-custom-white.active:focus {
  background-color: #1c84c6;
  border-color: #1a7bb9;
  color: #FFFFFF;
}
.btn-custom-white:active,
.btn-custom-white.active,
.btn-custom-white.disabled,
.btn-custom-white.disabled:hover,
.btn-custom-white.disabled:focus,
.btn-custom-white.disabled:active,
.btn-custom-white.disabled.active,
.btn-custom-white[disabled],
.btn-custom-white[disabled]:hover,
.btn-custom-white[disabled]:focus,
.btn-custom-white[disabled]:active,
.btn-custom-white.active[disabled],



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

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

.chosen-single-custom1 {
  background-color: #1c84c6!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-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: 500px;
  overflow-y: scroll;
}

/*
tabs navigation
 */
.nav-tabs > li > a.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus {
  background-color: white;
  color:#676a6c;
}


.file-uploader
{
  display: none;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default;
}

.file-uploader.hover
{
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888;
}

#select_id_month_chosen {
  text-transform: capitalize;
}

tbody > tr > td.amount-td,
tfoot > tr > td.amount-td
{
  position: relative;
  text-align: right;
  padding-right: 20px !important;
}
tbody > tr > td.rowspan-td {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

td.rowspan-td.rowspan-cds-name.odd-style,
#edit-command-table tfoot tr:nth-child(odd)
{
  background: #5B9BD5;
  color: #FFFFFF;
}

td.rowspan-td.rowspan-cds-name.even-style,
#edit-command-table tfoot tr:nth-child(even)
{
  background-color: #BDD0E9;
}

#cloture-cds-wrapper button[disabled] {
  background: #767676;
  border-color: #676a6c;
  color: #c1c1c1;
}
#cloture-cds-wrapper button[disabled] i{
  color: #eeeeee;
}
#cloture-cds-wrapper th{
  background: #2f4050;
  color: #DFE4ED;
}

.uo-log-list {
  margin-bottom: 0;
}
.edt-command-date-wrapper {
  position: relative;
}

.edt-command-date-wrapper button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

td.uo-command-area.warning {
  background: #ffdddd !important;
}

#uploaderTable-wrapper, #buAttachTable {
  display: block;
  position: relative;
  overflow: auto;
}

#uploaderTable-wrapper {
  height: 465px;
}

#buAttachTable {
  height: 439px;
}

#buAttachTable tbody {
  width: 100%;
  display: inline-table;
}