.paySlips .paySlips-year-container {
  list-style: none;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.7); }
  .paySlips .paySlips-year-container h6 {
    background: white;
    padding: 10px;
    border-bottom: 2px solid #ccc; }

.paySlips .paySlips-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .paySlips .paySlips-container .paySlips-item {
    list-style: none;
    position: relative;
    width: calc(33.33% - 20px);
    height: 70px;
    margin-bottom: 20px;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer; }
    .paySlips .paySlips-container .paySlips-item .paySlips-download-icon {
      right: 10px;
      position: absolute;
      top: 50px;
      color: #ccc; }
    .paySlips .paySlips-container .paySlips-item .paySlips-loading {
      right: 10px;
      position: absolute;
      top: 10px;
      height: 15px;
      display: none; }
    .paySlips .paySlips-container .paySlips-item h7 {
      font-size: 16px; }
  .paySlips .paySlips-container .paySlips-item:hover {
    border: 1px solid #aaa; }