/*invoice*/
.invoiceapp-wrap {
    position: relative;
    height: calc(100vh - 65px);
  }
  .invoiceapp-wrap .invoiceapp-sidebar {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    left: 0;
    width: 0;
    margin-left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    border: none;
    background: #fff;
    border-right: 1px solid #eaeaea;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .invoiceapp-wrap .invoiceapp-sidebar > div.nicescroll-bar {
    flex: 1 1 auto;
    overflow: auto;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap {
    padding: 1.5rem;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-gap {
    height: 25px;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .nav-header {
    padding: 0 0 .5rem 0;
    font-size: 0.875rem;
    color: #007D88;
    font-weight: 500;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link {
    border-radius: .5rem;
    padding: .5rem 1rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .875rem;
    font-size: 1.5rem;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item > .nav-link .nav-icon-wrap .nav-link-text {
    display: inline-block;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .menu-content-wrap .menu-group > .navbar-nav > .nav-item.active > .nav-link {
    background: rgba(0, 125, 136, 0.15);
    color: #007D88;
  }
  .invoiceapp-wrap .invoiceapp-sidebar .invoiceapp-fixednav {
    height: 61px;
    border-top: 1px solid #eaeaea;
  }
  .invoiceapp-wrap .invoiceapp-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    height: 100%;
    left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    height: 65px;
    padding: 0 1.25rem;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    position: relative;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoiceapp-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoiceapp-title h1 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoiceapp-title:after {
    top: 0;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-body .user-name {
    font-size: 1rem;
    font-weight: 500;
    color: #262a2e;
    text-transform: capitalize;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .media .media-body .user-status {
    font-size: 0.875rem;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap > a {
    margin-left: .25rem;
    display: inline-block;
  }
  .invoiceapp-wrap .invoiceapp-content header.invoice-header .invoice-options-wrap > a:first-child {
    margin-left: 0;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    background: #fff;
    flex-flow: column;
    height: 100%;
    z-index: 10;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar {
    padding: 1.25rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-left,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right {
    min-height: 45px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-left > div {
    margin-right: 1rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-left > div:last-child {
    margin-right: 0;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right > div {
    margin-left: 1rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right > div:first-child {
    margin-left: 0;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_filter,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info {
    float: none;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_filter label,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length label,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info label {
    margin-bottom: 0;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info {
    padding-top: 0;
    width: 95px;
    text-align: right;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_paginate {
    padding-top: 0;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_paginate .pagination.custom-pagination .paginate_button:not(:first-child):not(:last-child) {
    display: none;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_paginate .pagination.custom-pagination .page-link {
    padding: 0;
    background: transparent;
    min-width: auto;
    font-size: 1.25rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length select {
    margin-right: 0;
    margin-left: .625rem;
    display: inline-block;
    width: auto;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: .625rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star > .feather-icon > svg, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star .svg-icon > svg {
    cursor: pointer;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star > .feather-icon > svg:hover, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star .svg-icon > svg:hover {
    fill: #FFC400;
    stroke: #FFC400;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked > .feather-icon > svg, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked .svg-icon > svg {
    fill: #FFC400;
    stroke: #FFC400;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked > .feather-icon > svg:hover, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-list-view .invoice-star.marked .svg-icon > svg:hover {
    fill: none;
    stroke: currentColor;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap {
    border: 1px solid #eaeaea;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th {
    border-color: transparent;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th:first-child,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table thead tr th:last-child,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table thead tr th:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table {
    min-width: 450px;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table {
    border-collapse: separate;
    border-spacing: 0px;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table td, .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .invoice-table th,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table td,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .subtotal-table th,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table td,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table th,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table td,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .subtotal-table th {
    border: 1px solid #eaeaea;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .template-invoice-wrap .form-group,
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .form-group {
    position: relative;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
    position: absolute;
    top: 65px;
    right: -370px;
    width: 370px;
    margin-left: 0;
    bottom: 0;
    z-index: 100;
    border: none;
    background: #fff;
    border-left: 1px solid #eaeaea;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings .nicescroll-bar {
    padding: 1.25rem;
  }
  .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
    margin-right: 370px;
  }
  .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
    right: 0;
  }
  .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-sidebar {
    left: -270px;
  }
  .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-content {
    padding-left: 0;
  }
  
  .hk-wrapper[data-navbar-style="collapsed"] .invoiceapp-wrap {
    height: 100vh;
  }
  
  @media (max-width: 1740px) {
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_info,
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .invoice-toolbar-right .dataTables_length {
      display: none;
    }
  }
  @media (max-width: 1600px) {
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    }
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
      margin-right: 0;
    }
    .invoiceapp-wrap.invoiceapp-setting-active .invoiceapp-content .invoiceapp-detail-wrap .invoice-body {
      margin-right: 0;
    }
  }
  @media (max-width: 1199px) {
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-settings {
      top: 0;
    }
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table-wrap {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .invoiceapp-wrap .invoiceapp-content .invoiceapp-detail-wrap .invoice-body .nicescroll-bar .create-invoice-wrap .invoice-table-wrap .invoice-table {
      min-width: 900px;
    }
    .invoiceapp-wrap .invoiceapp-sidebar {
      left: -270px;
    }
    .invoiceapp-wrap .invoiceapp-content {
      margin-left: 0;
      padding-left: 0;
    }
    .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-sidebar {
      left: 0;
    }
    .invoiceapp-wrap.invoiceapp-sidebar-toggle .invoiceapp-content {
      left: 16.875rem;
      padding-left: 16.875rem;
      margin-left: -16.875rem;
    }
    .invoiceapp-wrap .hk-sidebar-togglable {
      -webkit-transform: translateX(32px);
      -moz-transform: translateX(32px);
      -ms-transform: translateX(32px);
      -o-transform: translateX(32px);
      transform: translateX(32px);
    }
    .invoiceapp-wrap .hk-sidebar-togglable:after {
      content: "\ea6c";
    }
    .invoiceapp-wrap .hk-sidebar-togglable.active {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    .invoiceapp-wrap .hk-sidebar-togglable.active:after {
      content: "\ea62";
    }
  }