.salaxy-payroll-v4 {
  width: 180px;
  float:right;
 
}

.payroll-info-row {
  max-width: 960px;
}

.salaxy-payroll-details-dialog {
  width: 50%;
  max-width: 960px;
  height: 100vh;
  position: fixed;
  right: 0px;
  top: 0px;
  background-color: white;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: transparent;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  ;

  &.offcanvas-show {
    transform: none;
  }

  .modal-footer,
  .modal-header {
    flex: 0 0 75px;
    border: 1px solid rgb(221, 221, 221);
  }

  div.modal-header {
    border-bottom: none;
  }

  div.modal-footer {
    border-top: none;
    background-color: white;
  }

  .modal-body {
    flex: 5 0 0%;
    overflow-y: auto;
    border: 1px solid rgb(221, 221, 221);
    border-width: 0px 1px;
    background-color: white;
  }
}