.card {
  position: unset;
  margin-top: unset;
  padding: unset;
  min-width: unset;
  max-width: unset;
  .card-header {
    &.card-header-sm {
      font-size: 14px !important;
      padding: 5px 15px;
    }
  }
}
#APPSBDWP  .was-validated  .form-control:valid, #APPSBDWP .form-control.is-valid, .was-validated .mfp-wrap .form-control:valid, .mfp-wrap .form-control.is-valid {

  background-size: #{'calc(0.45em + 0.375rem) calc(0.45em + 0.375rem)'};
}

#APPSBDWP  .was-validated  .custom-select:valid, #APPSBDWP .custom-select.is-valid, .was-validated .mfp-wrap .custom-select:valid, .mfp-wrap .custom-select.is-valid {

  background-size: #{'calc(0.45em + 0.375rem) calc(0.45em + 0.375rem)'};

}
.form-control.is-validating{
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: #{'calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)'};
  background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='loader-1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath opacity='0.2' fill='%2328a745' d='M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z'/%3E%3Cpath fill='%23000' d='M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
}
#APPSBDWP,.mfp-wrap {
  @media (min-width: 576px) {
    @for $i from 7 through 12 {
      .row-cols-sm-#{$i} > * {
        flex: 0 0 100%/$i;
        max-width: 100%/$i;
      }
    }
  }

  @media (min-width: 768px) {
    @for $i from 7 through 12 {
      .row-cols-md-#{$i} > * {
        flex: 0 0 100%/$i;
        max-width: 100%/$i;
      }
    }
  }
  @media (min-width: 992px){
  @for $i from 7 through 12 {
    .row-cols-lg-#{$i} > * {
      flex: 0 0 100%/$i;
      max-width: 100%/$i;
    }
  }
}


  .custom-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }
  .input-group{
    &.input-group-sm{
      .input-group-text{
        >label{
          margin: 0 5px;
        }
        >.material-switch-xs{
          margin-top: -3px;
          margin-bottom: unset;
        }
      }
    }
  }
  .card {
    border-radius: .15rem;
    .card-body{
      >table.table,.row >[class*=col] > table.table{
        tr:first-child{
          td,th{
            border-top: none;
          }
        }
      }
    }
  }

  .custom-file-label::after {
    height: calc(1.55em + 0.75rem);
  }

  /*input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="radio"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
    box-shadow: unset !important;
  }*/

  .col-form-label, .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    font-weight: bold;
  }
  .form-control{
    &::placeholder {
      // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
      opacity: 0.2;
    }
  }

  @media (min-width: 576px) {


    .d-sm-table-header {
      display: table-header-group !important;
    }


  }
}

#APPSBDWP, .mfp-wrap {
  label.col-form-label {
    .material-switch.material-switch-sm {
      &.inline {
        vertical-align: -2px;
        margin-bottom: -8px;
        margin-top: -5px;
      }
    }
  }
  .form-control.form-control-sm {
    .material-switch {
      margin-top: .19rem;
    }
  }

  .input-group {
    .input-group-prepend {
      &.has-mat-sw {
        border: 1px solid #ced4da;
        -webkit-border-top-left-radius: 0.25rem;
        -webkit-border-bottom-left-radius: 0.25rem;
        -moz-border-radius-topleft: 0.25rem;
        -moz-border-radius-bottomleft: 0.25rem;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        min-height: #{'calc(1.5em + 0.6rem + 2px)'};
        .material-switch{
          position: relative;
          width: 100%;
          padding-right: 15px;
          padding-left: 15px;
        }
      }
      label.col-form-label{
        background: #ffffff;
      }
    }
    div.form-control{
      .material-switch {
        left: 50%;
        position: absolute;
        margin-left: -20px;
      }
    }
  }

  .has-success {
    .input-group {
      .input-group-prepend.has-mat-sw {
        border: 1px solid #28a745;
      }
    }
  }

  .form-group {
    margin-bottom: 0.2rem;
  }

  .custom-select.form-control-sm {
    width: 100%;
    height: calc(1.5em + 0.55rem + 2px);
    font-size: 0.9rem;
    line-height: 1;
    vertical-align: middle;
    max-width: unset;
  }
  .input-group {
    .input-group-text{
      background-color: rgba(233, 236, 239, 0.17);
      label{
        margin: 0;
        padding-right: 5px;
        >input[type=radio],>input[type=checkbox]{
          margin-top: -2px;
          margin-right: 2px;
        }
      }
    }
    .custom-select.form-control {
      &, &.form-control-sm {
        width: 1%;
        max-width: unset;
      }
    }
    .input-group-append{
      .custom-select.form-control {
        &, &.form-control-sm {
          width: auto;
          height: calc(1.5em + 0.55rem + 0.5px);
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
          z-index: 1;
          &:focus{
            box-shadow: none;
          }
        }
      }
    }
  }
  .grid-search-panel {
    .btn {
      font-size: .86rem;
      line-height: 1.4;
      cursor: pointer;
      height: 1.9rem;

      &.btn-danger, &.btn-warning {
        color: #ffffff;
      }

    }
  }

  .ag-column-container label {
    display: block;
    margin-bottom: 0.1rem;

  }
  .popover{
    z-index: 1000001;
    box-shadow: -1px -1px 10px 0px #a5a5a5;

  }




}
//tooltip fixing
#APPSBDWP .bs-tooltip-right .arrow, #APPSBDWP .bs-tooltip-auto[x-placement^="right"] .arrow, .mfp-wrap .bs-tooltip-right .arrow, .mfp-wrap .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 37px;
  width: 0.4rem;
  height: 0.8rem;
  top: 9px;
}

#APPSBDWP .tooltip[x-placement^="top"] .arrow, .mfp-wrap .tooltip .arrow {
  margin-left: -15px;
}