.mars-ember-table.ember-table-ui-example{
  .ember-table-input{
    width: 100%;
    text-align: center;
    border: 1px solid #8f91a2;
  }

  td:not(.is-first-column){
    text-align: center;
  }

  .headerclass{
    background: linear-gradient(rgb(229, 244, 227) 0%, rgb(210, 232, 207) 100%) !important;
  }

  tbody tr td:not(.totalcolumn){
    background: #f9f9f9;
  }

  .totalcolumn{
    background: #d4d9e8;
  }
  .actionColumn{
    border-left: 1px white;
    .btn-save2{
      background: none;
    }
  }
  height:400px;
}

.mars-ember-table {
  table {
    thead {
      tr.trPattensBlue{
        background: #d4d9e8 !important;
        text-align:center;
      }
    }
  }
}

.ui-example{
  height:100vh;
  .sidebar-sticky{
    li> a{
      padding:0 !important;
    }
  }

  main{
    overflow: auto;
    height: 100vh;
  }

  //.content > div { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; }
  .ui-dialog .ui-button:first-child { margin: 0 !important; }

  .uiExampleBg {
    .switch {
      background-color: #f10101; //off
      //on
      input:checked + .slider {
        background-color: #062dbb;
      }
    }
  }
}

.ui-example-power-select-dropdown {
  .checkbox input[type=checkbox] {
    display: none !important;
  }
}

.ui-example-power-select-dropdown {
  li label.active {
    background: #fff url(../../images/chi-tic.svg) no-repeat 100% center !important;
    -webkit-background-size: 12px auto !important;
    background-size: 12px auto !important;
  }

  .checkbox input[type=checkbox] {
    display: none !important;
  }

  .ember-power-select-option[aria-current="true"] {
    color: unset;
    background-color: unset;
  }

  .ember-power-select-option[aria-selected="true"] {
    background-color: unset;
  }

}

.ui-example-display-criteria {
  .filterDropdown {
    margin-right: 10px !important;
  }
  .mars-select .multiselect-native-select {
    width: 170px !important;
  }
  .dowLabelClass {
    margin-right: 8px !important;
    font-weight: bold !important;
  }
}

.ui-example .singledatepicker .form-control {
  display: block;
  height: 30px;
  line-height: 24px;
  color: #131111;
  margin-left: 4px;
  padding: 0 10px 0 35px;
  border: 1px solid #8f91a2;
  text-align: left;
  background: #ffffff url(../images/chi-calendar.svg) no-repeat 2px center !important;
  -webkit-background-size: 26px auto !important;
  background-size: 26px auto !important;
}