#APPSBDWP, .mfp-wrap {
  input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {

    box-shadow: 0 0 1px #6cf96c;
    outline: none;
  }
.gs-jq-grid {
  &.grid-shrink-enabled:not(.grid-table-height) {
    .ui-jqgrid-bdiv {
      overflow: hidden;
    }

  }

  .gr-fa {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    &.fa-expand {
      &:before{
        content:"\f424"
      }
    }
  }
  .full-screen.btn{
    width:1.5rem;
    >i{
      margin-left: -3px;
      font-size: 12px;
    }
    &.exit-full-screen{
      .fa-expand,.fa-compress {
        &:before{
          content:"\f422"
        }
      }
    }
  }
  .ui-jqgrid-titlebar .btn {
    font-size: 0.675rem;
    cursor: pointer;
  }

  .ui-th-column {
    text-align: center;
  }
  .ui-jqgrid-btable {
    .btn {
      margin: 1px 2px;
    }
    .badge{
      font-size: 10px;
      padding: 3px 12px;
    }
  }
  .ui-jqgrid-titlebar{
    .btn{
      font-size: .86rem;
      line-height: 1;
      cursor: pointer;
      height: 1.5rem;
    }
  }
  .ui-jqgrid-btable{
    td{
      a{
        text-decoration: 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;

  }

  //grid
  .ui-jqgrid-titlebar {
    .gfl-left {
      float: left;
      text-align: left;
    }
  }

  td[role="gridcell"] {
    .btn {
      padding: .25rem .5rem;
      font-size: .675rem;
      line-height: 1.4;
      border-radius: .2rem;
    }
  }

  .ui-pager-control table.ui-pg-table tbody tr > td{
    width: unset !important;

  }
}


@media all and (max-width: 768px) {
  #APPSBDWP {
    .gridtitle {
      .btn {
        margin-top: 2px;
        font-size: 12px !important;
        height: 1.4rem !important;
      }
    }

    .grid-search-panel {
      .gs-date-picker-grid-options input {
        text-align: center;
        font-size: 12px !important;
        line-height: 21px !important;
        height: 30px !important;
      }

      .btn {
        line-height: 1;
        cursor: pointer;
        height: 1.5rem;
      }
    }

  }
}