.nb-header {
  margin-bottom : 0;
  display       : flex;
  flex-direction: row;

  .nb-title {
    flex          : 1;
    margin-bottom : 0;
    display       : flex;
    flex-direction: row;
    align-items   : center;

    .nb-text {
      background-color: #005f9d;
      font-size       : 16px;
      color           : #fff;
      line-height     : 34px;
      height          : 35px;
      padding         : 0 12px;
      margin-right    : 10px;
      position        : relative;
      z-index         : 1;
    }

    .nb-text:before {
      background-color: #005f9d !important;
      content         : "";
      position        : absolute;
      display         : inline-block;
      right           : -11px;
      top             : 0;
      width           : 25px;
      height          : 35px;
      transform       : skew(29deg);
      z-index         : -1;
    }

    .nb-text:after {
      content   : "";
      position  : absolute;
      height    : 110%;
      display   : inline-block;
      background: #ffffff;
      top       : -1px;
      width     : 42px;
      right     : -42px;
      z-index   : -2;
    }

    .nb-pic {
      flex  : 1;
      height: 16px;
    }
  }
}


.pagi-btn {
  width          : 100%;
  height         : fit-content;
  margin         : 10px 0;
  display        : flex;
  justify-content: center;
  align-items    : center;

  .pagi-content {
    width          : fit-content;
    height         : fit-content;
    display        : flex;
    flex-direction : row;
    justify-content: center;

    button {
      border    : 1px solid #005f9d;
      margin    : 0 10px;
      color     : #fff;
      background: #005f9d;
      padding   : 0 20px !important;

      &[disabled] {
        border-color: #ccc;
        background  : #ccc;
        color       : #333;
        cursor      : no-drop;
      }
    }
  }
}