:root {
  --sidebar-menu-width: 180px;
  --setup-task-width: 0px;
  --vw: 1128px;
}

@media screen and (min-width: 1024px) {
  .getstarted.getstarted-entry {
    max-width: 600px;
    margin: 0 auto;
  }
  page-default > .pt-page-current .pg--content-area,
  page-default > .pt-page-current .pg-content-area {
    padding-top: 15px;
  }
  .pg--content-area,
  .pg-content-area {
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-left: calc(var(--sidebar-menu-width) + 15px);
    padding-right: calc(var(--setup-task-width) + 15px);
    box-shadow: none;
    border-radius: 0;
    top: 0;
    padding-top: 0px;
    /* display: inline-grid; */
    /* grid-template-columns: minmax(min-content,1fr) max-content max-content; */
    column-gap: 15px;
    display: block;
    column-count: 2;
  }
  .pg-content-area,
  .pg--content-area.reportHomeScreen,
  .pg--content-area.pg-form.pg-scroller,
  .settlements .pg--content-area {
    column-count: 1;
  }
  .pt-page header {
    border-radius: 0;
    height: 60px;
  }
  .pt-page {
    background: #fff;
  }
  .pt-page .pg--section {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.2) !important;
    border-radius: 0;
    background: #eee;
    padding: 10px;
    /* width: 100%; */
    overflow: auto;
    max-height: 100vh;
  }
  .pt-page .pg--section:nth-child(1) {
    height: calc(50% - 10px);
  }
  .pg--content-area.pg-form.pg-scroller .pg--section:nth-child(1),
  .settlements .pg--section:nth-child(1) {
    height: calc(100% - 10px);
  }
  .pt-page .pg--section:nth-child(2) {
    height: calc(50% - 20px);
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #pageRecieptAllAfterSave .pg--section:nth-child(2) {
    height: calc(100% - 20px);
  }
  .pt-page .pg--section:nth-child(3) {
    height: calc(100% - 15px);
  }
  .pt-page .reportListInit .pg--section.quick--actions,
  .mainReport .reportHomeScreen .pg--section.quick--actions {
    height: calc(100% - 15px);
    top: 0 !important;
    padding-top: 0 !important;
  }
  #pageRecieptAllAfterSave .pg-form.scroll {
    padding-top: 0;
    max-width: 600px;
    position: relative;
    padding: 0;
    width: 100%;
    column-count: 1;
  }
  .action-text {
    text-align: unset;
    padding-left: 0;
    line-height: 16px;
    font-size: 90%;
    font-weight: normal;
  }
  .section--item {
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.06);
  }
  .section--content--icon {
    width: 35px;
    height: 35px;
    position: initial;
    margin-left: 20px;
  }
  .section--group {
    column-gap: 15px;
    grid-template-columns: repeat(2, calc(50% - 7.5px)) !important;
  }
  .section--body {
    overflow-y: initial;
  }
  /*   [data-badge]:after{
      content: attr(data-badge);
      top:50%;
      align-items: center;
      position:absolute;
      text-indent: 0px;
      animation:none;
      transform:translate3d(0,-50%,0);
      perspective:100px;
      left:auto;
      right: 20px;
      font-family: var(--font-family-2);
      line-height: normal;
      display: inline-grid;
    } */
  .header--logo,
  .header-sub-logo {
    text-align: left;
    font-size: 12px;
    position: relative;
    display: inline;
    width: auto;
    top: 0;
    left: 5px;
  }
  .header--logo:not([data-action-name]) {
    padding-left: 0;
  }
  .header--logo {
    flex: 0 0 auto;
  }
  .header--logo img {
    display: none;
  }
  .reloader {
    display: none;
  }
  .settings-drop {
    position: absolute;
    right: 130px;
    top: -2px;
  }
  .header--control > div:first-child.header--logo {
    margin-left: 40px;
  }
  .pt-page header:after {
    content: "";
    width: 40px;
    height: 40px;
    background: url(../images/premier-bet-logo-small.png) no-repeat center
      center;
    background-size: contain;
    display: block;
    position: absolute;
    left: 25px;
    top: 50%;
    border-radius: 5px;
    transform: translate3d(0, -50%, 0);
    background-origin: border-box;
    clip-path: circle(50% at 50% 50%);
  }
  .header-sub-logo {
    margin-left: 18px;
    top: 50%;
    display: block;
    width: 100%;
  }
  .header-sub-logo:after {
    content: "\3c";
    position: absolute;
    top: 50%;
    width: 15px;
    height: 15px;
    display: inline-grid;
    justify-items: center;
    align-content: center;
    left: -15px;
    transform: translate3d(0, -50%, 0) rotateY(180deg);
  }
  .header--control {
    justify-content: initial;
    width: calc(100%);
    margin: auto;
    left: 0;
    top: 0px;
    padding-left: 20px;
  }
  .menu--control.header--control--item:first-child:first-of-type {
    margin-left: 40px;
    border-radius: 40px;
  }
  .menu--control {
    top: initial !important;
  }
  #profile-menu {
    right: 123px;
  }
  #finger-profile {
    display: block;
    right: 160px;
  }
  #pageRecieptAllAfterSave .header--control {
    width: calc(100%);
  }
  footer {
    padding-top: 0px;
    position: fixed;
    /* left: calc(calc(100vw - var(--vw)) / 2); */
    height: calc(100vh - 60px);
    top: 60px;
    max-width: var(--sidebar-menu-width);
    /* box-shadow:0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2); */
    box-shadow: -1px 0 1px rgba(00, 0, 0, 0.2);
    background: #eee;
  }
  footer:before {
    content: "navigation";
    font-family: var(--font-family-2);
    padding-left: 5px;
    text-transform: capitalize;
    width: 100%;
    border-bottom: 1px solid #f9f9f9;
    display: block;
    padding: 10px 4px;
    padding-left: 36px;
    font-size: 14px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiA+PHBhdGggZmlsbD0iI2FhYWFhYSIgZD0iTTUwMi42MSAyMzMuMzJMMjc4LjY4IDkuMzlDMjcyLjQyIDMuMTMgMjY0LjIxIDAgMjU2IDBzLTE2LjQyIDMuMTMtMjIuNjggOS4zOUw5LjM5IDIzMy4zMmMtMTIuNTIgMTIuNTMtMTIuNTIgMzIuODMgMCA0NS4zNmwyMjMuOTMgMjIzLjkzYzYuMjYgNi4yNiAxNC40NyA5LjM5IDIyLjY4IDkuMzlzMTYuNDItMy4xMyAyMi42OC05LjM5bDIyMy45My0yMjMuOTNjMTIuNTItMTIuNTMgMTIuNTItMzIuODMgMC00NS4zNnpNMjU1Ljk1IDQ3OS45OEwzMi4wMiAyNTUuOTUgMjU1Ljk1IDMyLjAxYy4wMSAwIC4wMi0uMDEuMDUtLjAxbC4wNS4wMiAyMjMuOTMgMjI0LjAzLTIyNC4wMyAyMjMuOTN6TTMzMC44OSAyMjRIMjA4Yy0yNi41MSAwLTQ4IDIxLjQ5LTQ4IDQ4djQwYzAgNC40MiAzLjU4IDggOCA4aDE2YzQuNDIgMCA4LTMuNTggOC04di00MGMwLTguODQgNy4xNi0xNiAxNi0xNmgxMjIuODlsLTU0LjYzIDUwLjQzYy0zLjI1IDMtMy40NSA4LjA2LS40NSAxMS4zbDEwLjg0IDExLjc0YzMgMy4yNSA4LjA2IDMuNDUgMTEuMy40NWw3OC40LTcyLjM2YzQuODctNC41MiA3LjY2LTEwLjk0IDcuNjYtMTcuNThzLTIuNzgtMTMuMDYtNy43Mi0xNy42MmwtNzguMzQtNzIuMzFjLTMuMjUtMy04LjMxLTIuNzktMTEuMy40NWwtMTAuODQgMTEuNzRjLTMgMy4yNS0yLjc5IDguMzEuNDUgMTEuM0wzMzAuODkgMjI0eiI+PC9wYXRoPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 18px;
    letter-spacing: 0.025em;
    background-position: 10px center;
  }
  .bottom--menu {
    background: transparent;
  }
  .bottom--menu--item:nth-child(1) {
    order: 2;
  }
  .bottom--menu--item:nth-child(2) {
    order: 3;
  }
  .bottom--menu--item:nth-child(3) {
    order: 1;
  }
  .bottom--menu--item:nth-child(4) {
    order: 4;
  }
  .bottom--menu--item:nth-child(5) {
    order: 5;
  }
  .bottom--menu--item--icon {
    width: 25px;
    height: 29px;
    margin: 0;
  }
  .bottom--menu--list {
    width: 100%;
    padding-top: 0;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    /* height: calc(100%); */
    grid-template-columns: repeat(1, 100%);
    box-shadow: none;
    justify-content: space-around;
  }
  .bottom--menu--list:last-child {
    box-shadow: none;
  }
  .bottom--menu--item {
    flex: 1 0 100%;
    box-shadow: none;
    padding: 10px 0 10px 10px;
    display: table;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 10px;
    display: inline-flex;
    align-items: center;
  }
  .bottom--menu--item--icon--svg {
    width: 100%;
  }
  .bottom--menu--item--label {
    font-size: 12px;
    font-family: var(--font-family-2);
    letter-spacing: 0.05em;
    display: table-cell;
    text-align: left;
    padding-left: 10px;
  }
  .active-menu-item {
    background: #f9f9f9;
  }
  .active-menu-item .bottom--menu--item--label {
    font-weight: normal;
  }
  .bottom--menu {
    height: 100%;
  }
  .flex--section-group {
    display: grid !important;
    width: 100%;
    flex-flow: row nowrap;
    overflow: auto;
    flex: 1;
    column-gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .flex--section--item {
    background: #eee;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    /*     box-shadow: 0 0 1px 2px rgba(0,0,0,.04), 0 2px 1px rgba(0,0,0,.06), 0 -1px 0px 0px rgba(0,0,0,.04); */
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
  }
  .tab--content-flex.tab--content-flex.active {
    display: grid !important;
  }
  .flex--section--item:not(:last-child) {
    margin: 0;
    margin-bottom: 10px;
    background: #fff;
  }
  .flex--section--item:after,
  .flex--section--item:before {
    background: none;
  }
  .setup--control--panel {
    position: absolute;
    right: 2px !important;
    width: var(--setup-task-width) !important;
    top: 60px;
    /* background: #fff; */
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    visibility: visible;
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.2);
  }
  .setup--control--panel {
    display: none;
  }
  .header--action--btns {
    width: 90px;
    width: 110px;
    height: 32px;
    right: 30px;
    display: flex;
    background: transparent;
    border-radius: 0;
    position: absolute;
    transform: translate3d(0, -50%, 0);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.2);
    top: 50%;
    box-shadow: none;
    left: unset;
  }
  .recent--activity--item {
    background: #fff;
    zoom: 0.9;
  }
  .header--control--item.setup-drop {
    display: none;
  }
  .header--action--btns .header--control--item {
    fill: #fff;
    height: 32px;
    width: 32px;
  }
  .section--content--icon svg {
    opacity: 0.75;
    width: 100% !important;
    height: 100% !important;
  }
  .recent--activity--item--text {
    font-size: 90%;
  }
  .recent--activity--item--text {
    font-size: 90%;
  }
  .select-tasks__item {
    background: #f0f0f0;
    width: 100%;
    position: relative;
    border-radius: 5px !important;
    box-shadow: 0 0px 2px -1px rgba(0, 0, 0, 0.8) !important;
    border-bottom: 1px solid #c0c0c0 !important;
    background-color: #f0f0f0;
  }
  .select-tasks__mark {
    display: none;
  }
  .select-tasks__item:after,
  .section--content.has-value:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 20px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 10px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJyZ2JhKDE3MSwxNzEsMTcxKSIgZD0iTTIxOC4xMDEgMzguMTAxTDE5OC4zMDIgNTcuOWMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxTDM1My40MzIgMjMwSDEyYy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMzQxLjQzMmwtMTU1LjEzIDE1NS4xM2MtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDE5Ljc5OSAxOS43OTljNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3MSAwbDIwOS40MTQtMjA5LjQxNGM0LjY4Ni00LjY4NiA0LjY4Ni0xMi4yODQgMC0xNi45NzFMMjM1LjA3MSAzOC4xMDFjLTQuNjg2LTQuNjg3LTEyLjI4NC00LjY4Ny0xNi45NyAweiI+PC9wYXRoPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center center;
  }

  .select-tasks__item:after {
    /* margin-top:-10px; */
  }
  .empty-collection-message {
    padding-top: 5px;
  }
  .line--section--group .empty-collection-message,
  .flex--section-group .empty-collection-message {
    /* width:calc(200% + 15px); */
    min-width: 280px;
    height: 100%;
  }
  .flex--section-group .empty-collection-message p,
  .empty-collection-message {
    /* margin-bottom:70px; */
    transform: translate(0, 22vh);
  }
  .empty-collection-message:before {
    content: "";
    width: 30px;
    height: 30px;
    transform: translate3d(-50%, 0%, 0);
    position: absolute;
    left: 50%;
    top: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgZmlsbD0icmdiKDE3MSwxNzEsMTcxKSI+PHBhdGggZD0ibTUxMiAyNDUuMzk2YzAtMTMuNzg1LTExLjIxNS0yNS0yNS0yNWgtNDYyYy0xMy43ODUgMC0yNSAxMS4yMTUtMjUgMjUgMCAzOC4wNDcgMzAuOTUzIDY5IDY5IDY5aDMxLjMzYy0uMzU2LjUxMy0uNzEgMS4wMy0xLjA1MyAxLjU1NGwtMzAuODI3IDQ3LjA1MmgtNTMuNDVjLTguMjg0IDAtMTUgNi43MTYtMTUgMTVzNi43MTYgMTUgMTUgMTVoNjEuNTU1YzUuMDU4IDAgOS43NzUtMi41NDkgMTIuNTQ3LTYuNzhsMzUuMjY5LTUzLjgzMmM3LjIyLTExLjAyIDE5LjM5Ni0xNy41OTkgMzIuNTctMTcuNTk5aDEwMC4zMDdjNy4wOTYgMCAxMi44NjggNS43NzIgMTIuODY4IDEyLjg2OHMtNS43NzIgMTIuODY4LTEyLjg2OCAxMi44NjhoLTQxLjM1M2MtMjMuNjM4IDAtNDIuODY4IDE5LjIzLTQyLjg2OCA0Mi44NjggMCAyMy42MzcgMTkuMjMgNDIuODY4IDQyLjg2OCA0Mi44NjhoNDMuODcxYzEyLjkxNCAwIDI1LjQ3Mi00LjU3MiAzNS4zNjItMTIuODc1bDEwNC42MjMtODcuODI2YzUuMDA4LTQuMjA1IDEyLjEwOC00LjcxNSAxNy42NjctMS4yNzEgNS4yMTIgMy4yMjkgNi42MTkgOC4wODIgNi45OTUgMTAuNjg2LjM3NSAyLjYwNC4zOTQgNy42NTctMy42OTUgMTIuMjI2bC0xMDEuMjQzIDExMy4xNGMtMTIuMzE2IDEzLjc2NC0yOS45NzEgMjEuNjU3LTQ4LjQzOCAyMS42NTdoLTI1Ni4wMzdjLTguMjg0IDAtMTUgNi43MTYtMTUgMTVzNi43MTYgMTUgMTUgMTVoMjU2LjAzN2MyNi45OTEgMCA1Mi43OTQtMTEuNTM2IDcwLjc5My0zMS42NWwxMDEuMjQ0LTExMy4xNGM4LjkxNy05Ljk2NSAxMi45MzgtMjMuMjcxIDExLjAzMi0zNi41MDctLjg1My01LjkyMi0yLjg1NS0xMS41MTctNS44MTgtMTYuNTMgMzUuNTgzLTIuNzEyIDYzLjcxMi0zMi41MTEgNjMuNzEyLTY4Ljc3N3ptLTY5IDM5aC0zNzRjLTE5LjgxMiAwLTM2LjIyLTE0Ljg0Ny0zOC42ODEtMzRoNDUxLjM2MmMtMi40NjEgMTkuMTUzLTE4Ljg2OSAzNC0zOC42ODEgMzR6bS0xNjcuMTYgMTA2LjAxNmMtNC40OTYgMy43NzQtMTAuMjA0IDUuODUyLTE2LjA3NCA1Ljg1MmgtNDMuODcxYy03LjA5NiAwLTEyLjg2OC01Ljc3Mi0xMi44NjgtMTIuODY4czUuNzcyLTEyLjg2OCAxMi44NjgtMTIuODY4aDQxLjM1M2MyMy42MzggMCA0Mi44NjgtMTkuMjMgNDIuODY4LTQyLjg2OCAwLTQuNjI5LS43NDctOS4wODQtMi4xMS0xMy4yNjRoNjguMzg4eiIvPjxwYXRoIGQ9Im0zNzQuNzUgMTcxLjI1OWMwIDguMjg0IDYuNzE2IDE1IDE1IDE1aDM5LjE2N2M4LjI4NCAwIDE1LTYuNzE2IDE1LTE1cy02LjcxNi0xNS0xNS0xNWgtMzkuMTY3Yy04LjI4NCAwLTE1IDYuNzE2LTE1IDE1eiIvPjxwYXRoIGQ9Im0zNjMuMTM5IDExMi44NTVjMy4yODUgMCA2LjU5My0xLjA3NSA5LjM1OC0zLjI4NmwzMC41ODktMjQuNDYxYzYuNDctNS4xNzQgNy41MjEtMTQuNjEzIDIuMzQ3LTIxLjA4M3MtMTQuNjEyLTcuNTIxLTIxLjA4My0yLjM0N2wtMzAuNTg5IDI0LjQ2MmMtNi40NyA1LjE3NC03LjUyMSAxNC42MTMtMi4zNDcgMjEuMDgzIDIuOTYzIDMuNzA1IDcuMzIzIDUuNjMyIDExLjcyNSA1LjYzMnoiLz48cGF0aCBkPSJtMjkyLjEyOCA2Ni41OGMxLjUyNC40ODkgMy4wNjkuNzIyIDQuNTg4LjcyMiA2LjM0MyAwIDEyLjIzNi00LjA1NiAxNC4yNzktMTAuNDE5bDExLjk3MS0zNy4yOTJjMi41MzItNy44ODgtMS44MS0xNi4zMzQtOS42OTgtMTguODY3LTcuODg2LTIuNTMyLTE2LjMzNCAxLjgxMS0xOC44NjcgOS42OThsLTExLjk3MSAzNy4yOTFjLTIuNTMyIDcuODg4IDEuODEgMTYuMzM0IDkuNjk4IDE4Ljg2N3oiLz48cGF0aCBkPSJtMjAxLjAwNSA1Ni44ODJjMi4wNDMgNi4zNjQgNy45MzUgMTAuNDE5IDE0LjI3OSAxMC40MTkgMS41MTkgMCAzLjA2NC0uMjMyIDQuNTg4LS43MjIgNy44ODgtMi41MzIgMTIuMjMtMTAuOTc5IDkuNjk4LTE4Ljg2N2wtMTEuOTcxLTM3LjI5MmMtMi41MzItNy44ODgtMTAuOTgtMTIuMjMyLTE4Ljg2Ny05LjY5OC03Ljg4OCAyLjUzMi0xMi4yMyAxMC45NzktOS42OTggMTguODY3eiIvPjxwYXRoIGQ9Im0xMDguOTE0IDg1LjEwOCAzMC41ODkgMjQuNDYxYzIuNzY2IDIuMjExIDYuMDczIDMuMjg2IDkuMzU4IDMuMjg2IDQuNDAxIDAgOC43NjItMS45MjggMTEuNzI1LTUuNjMyIDUuMTc0LTYuNDcgNC4xMjMtMTUuOTA5LTIuMzQ3LTIxLjA4M2wtMzAuNTg5LTI0LjQ2MmMtNi40NzEtNS4xNzQtMTUuOTEtNC4xMjMtMjEuMDgzIDIuMzQ3cy00LjEyMyAxNS45MDkgMi4zNDcgMjEuMDgzeiIvPjxwYXRoIGQ9Im04My4wODMgMTg2LjI1OWgzOS4xNjdjOC4yODQgMCAxNS02LjcxNiAxNS0xNXMtNi43MTYtMTUtMTUtMTVoLTM5LjE2N2MtOC4yODQgMC0xNSA2LjcxNi0xNSAxNXM2LjcxNiAxNSAxNSAxNXoiLz48L3N2Zz4=")
      no-repeat center center;
    background-size: 100%;
  }
  .flex--section-group .empty-collection-message:before {
    top: 20vh;
  }
  .empty-collection-message p {
    padding-top: 15px;
    font-size: 10px;
  }
  /*   .header-control .header--control--item:first-of-type,
    [data-action-name="backToHome"],
    [data-action-name="back"]:not([data-event-ref]):not(.header--logo),
    [data-action="backToHome$click"]{
      position: fixed;
      top: 50vh;
      background: #ac60b5;
      width: 50px;
      height: 50px;
      display: inline-grid;
      justify-content: center;
      align-content: center;
      border-radius: 40px;
      transform: translate3d(0, -50%, 0);
      margin-left: -50px;
      box-shadow:0 0 0 rgba(0,0,0,.05);
      box-shadow:0 0 0 1px rgba(139, 81, 152,.15), 0 2px 3px rgba(139, 81, 152,.3);
      cursor:pointer;
    }
    [data-action-name="backToHome"]{
      fill:#fff;
    } */
  .task--item--type {
    font-family: var(--font-family);
    font-weight: normal;
  }
  .section--header,
  .sub-section--header {
    margin: 0px 0 10px !important;
    font-size: 12px !important;
  }
  .invoiceReport .section--header,
  .invoiceReport .sub-section--header {
    margin: 10px 0 10px !important;
  }
  .datecontrol {
    background-color: transparent !important;
  }
  .process-flow:after,
  .process-flow:before {
    background: #c3c3c3;
  }
  .process-flow-steps > .process-flow-step {
    padding-bottom: 0px;
    overflow: auto;
  }
  .pg-form .pg--section {
    margin-top: 0px;
  }
  .process-steps {
    padding-bottom: 0;
  }
  /*.process-flow-steps,
    .pg-form-scroller,
    .pg-form .section--body,*/
  .pg-form-scroller {
    height: auto;
  }
  .pg-form .pg--section {
    height: 100%;
  }
  .receipt-body {
    max-width: 100%;
  }
  .process-flow-controls {
    position: initial;
  }
  .process-flow-steps {
    height: calc(100% - 20px);
  }
  .dropdown--header .header--logo {
    left: 2%;
  }
  input {
    background: transparent;
  }
  .pg--post--transaction .tasks {
    width: 100%;
  }
  .ls-form-icon:after,
  .ls-form-control,
  .ls-form-control.text-field2 {
    border-radius: 6px;
  }
  .ls-form-control label {
    font-size: 80%;
  }
  .process-flow-controls {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .pg-form-scroller {
    padding-bottom: 20px;
  }
  #pageRecieptHome .pg--content-area {
    max-width: 600px;
    position: initial;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
  #pageRecieptHome .pg-form .pg--section {
    height: auto;
  }
  #pageRecieptHome .header--control {
    width: 100%;
  }
  #pageRecieptHome .select-tasks__item:after,
  #pageRecieptHome .action-text:after {
    display: none;
  }
  .pg-form .select-tasks__item:after,
  .pg-form .action-text:after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwIDYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0icmdiYSgxNzEsMTcxLDE3MSkiPgo8Zz4KCTxwYXRoIGQ9Ik0zOC45MTQsMEg2LjV2NjBoNDdWMTQuNTg2TDM4LjkxNCwweiBNMzkuNSwzLjQxNEw1MC4wODYsMTRIMzkuNVYzLjQxNHogTTguNSw1OFYyaDI5djE0aDE0djQySDguNXoiLz4KCTxwYXRoIGQ9Ik00Mi41LDIxaC0xNmMtMC41NTIsMC0xLDAuNDQ3LTEsMXMwLjQ0OCwxLDEsMWgxNmMwLjU1MiwwLDEtMC40NDcsMS0xUzQzLjA1MiwyMSw0Mi41LDIxeiIvPgoJPHBhdGggZD0iTTIyLjg3NSwxOC4yMTlsLTQuMzAxLDMuNDQxbC0xLjM2Ny0xLjM2N2MtMC4zOTEtMC4zOTEtMS4wMjMtMC4zOTEtMS40MTQsMHMtMC4zOTEsMS4wMjMsMCwxLjQxNGwyLDIgICBDMTcuOTg3LDIzLjkwMSwxOC4yNDMsMjQsMTguNSwyNGMwLjIyLDAsMC40NDEtMC4wNzIsMC42MjQtMC4yMTlsNS00YzAuNDMyLTAuMzQ2LDAuNTAxLTAuOTc1LDAuMTU2LTEuNDA2ICAgQzIzLjkzNiwxNy45NDMsMjMuMzA2LDE3Ljg3NCwyMi44NzUsMTguMjE5eiIvPgoJPHBhdGggZD0iTTQyLjUsMzJoLTE2Yy0wLjU1MiwwLTEsMC40NDctMSwxczAuNDQ4LDEsMSwxaDE2YzAuNTUyLDAsMS0wLjQ0NywxLTFTNDMuMDUyLDMyLDQyLjUsMzJ6Ii8+Cgk8cGF0aCBkPSJNMjIuODc1LDI5LjIxOWwtNC4zMDEsMy40NDFsLTEuMzY3LTEuMzY3Yy0wLjM5MS0wLjM5MS0xLjAyMy0wLjM5MS0xLjQxNCwwcy0wLjM5MSwxLjAyMywwLDEuNDE0bDIsMiAgIEMxNy45ODcsMzQuOTAxLDE4LjI0MywzNSwxOC41LDM1YzAuMjIsMCwwLjQ0MS0wLjA3MiwwLjYyNC0wLjIxOWw1LTRjMC40MzItMC4zNDYsMC41MDEtMC45NzUsMC4xNTYtMS40MDYgICBDMjMuOTM2LDI4Ljk0MywyMy4zMDYsMjguODc0LDIyLjg3NSwyOS4yMTl6Ii8+Cgk8cGF0aCBkPSJNNDIuNSw0M2gtMTZjLTAuNTUyLDAtMSwwLjQ0Ny0xLDFzMC40NDgsMSwxLDFoMTZjMC41NTIsMCwxLTAuNDQ3LDEtMVM0My4wNTIsNDMsNDIuNSw0M3oiLz4KCTxwYXRoIGQ9Ik0yMi44NzUsNDAuMjE5bC00LjMwMSwzLjQ0MWwtMS4zNjctMS4zNjdjLTAuMzkxLTAuMzkxLTEuMDIzLTAuMzkxLTEuNDE0LDBzLTAuMzkxLDEuMDIzLDAsMS40MTRsMiwyICAgQzE3Ljk4Nyw0NS45MDEsMTguMjQzLDQ2LDE4LjUsNDZjMC4yMiwwLDAuNDQxLTAuMDcyLDAuNjI0LTAuMjE5bDUtNGMwLjQzMi0wLjM0NiwwLjUwMS0wLjk3NSwwLjE1Ni0xLjQwNiAgIEMyMy45MzYsMzkuOTQzLDIzLjMwNiwzOS44NzQsMjIuODc1LDQwLjIxOXoiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4=");
    /*     background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggc3R5bGU9ImZpbGw6I0UxQzNBMDsiIGQ9Ik00MDYuMDY5LDUxMkgxMDUuOTMxYy0xOS41MDEsMC0zNS4zMS0xNS44MDktMzUuMzEtMzUuMzFWNzAuNjIxYzAtMTkuNTAxLDE1LjgwOS0zNS4zMSwzNS4zMS0zNS4zMSAgaDMwMC4xMzhjMTkuNTAxLDAsMzUuMzEsMTUuODA5LDM1LjMxLDM1LjMxVjQ3Ni42OUM0NDEuMzc5LDQ5Ni4xOTEsNDI1LjU3LDUxMiw0MDYuMDY5LDUxMnoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0VGRjJGQTsiIGQ9Ik00MDYuMDY5LDQ4NS41MTdIMTA1LjkzMWMtNC44NzUsMC04LjgyOC0zLjk1My04LjgyOC04LjgyOFY3MC42MjFjMC00Ljg3NSwzLjk1My04LjgyOCw4LjgyOC04LjgyOCAgaDMwMC4xMzhjNC44NzUsMCw4LjgyOCwzLjk1Myw4LjgyOCw4LjgyOFY0NzYuNjlDNDE0Ljg5Nyw0ODEuNTY1LDQxMC45NDQsNDg1LjUxNyw0MDYuMDY5LDQ4NS41MTd6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNDN0NGRTI7IiBkPSJNMzA4Ljk2NiwzNS4zMWgtMjYuNDgzdi04LjgyOEMyODIuNDgzLDExLjg1NywyNzAuNjI2LDAsMjU2LDBzLTI2LjQ4MywxMS44NTctMjYuNDgzLDI2LjQ4M3Y4LjgyOCAgaC0yNi40ODNjLTkuNzUsMC0xNy42NTUsNy45MDQtMTcuNjU1LDE3LjY1NXYxNy42NTVoMTQxLjI0MVY1Mi45NjZDMzI2LjYyMSw0My4yMTQsMzE4LjcxNiwzNS4zMSwzMDguOTY2LDM1LjMxeiBNMjU2LDM1LjMxICBjLTQuODc1LDAtOC44MjgtMy45NTMtOC44MjgtOC44MjhzMy45NTMtOC44MjgsOC44MjgtOC44MjhzOC44MjgsMy45NTMsOC44MjgsOC44MjhTMjYwLjg3NSwzNS4zMSwyNTYsMzUuMzF6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiNBRkI5RDI7IiBkPSJNMzI2LjYyMSw3OS40NDhIMTg1LjM3OWMtNC44NzUsMC04LjgyOC0zLjk1My04LjgyOC04LjgyOGwwLDBjMC00Ljg3NSwzLjk1My04LjgyOCw4LjgyOC04LjgyOCAgaDE0MS4yNDFjNC44NzUsMCw4LjgyOCwzLjk1Myw4LjgyOCw4LjgyOGwwLDBDMzM1LjQ0OCw3NS40OTYsMzMxLjQ5Niw3OS40NDgsMzI2LjYyMSw3OS40NDh6Ii8+CjxwYXRoIHN0eWxlPSJmaWxsOiM4Mjg4OUQ7IiBkPSJNMTY3LjcyNCwyMDMuMDM0Yy0yLjI1OSwwLTQuNTE4LTAuODYyLTYuMjQxLTIuNTg2TDEzNSwxNzMuOTY1Yy0zLjQ0OC0zLjQ0OC0zLjQ0OC05LjAzNSwwLTEyLjQ4MyAgYzMuNDQ4LTMuNDQ4LDkuMDM1LTMuNDQ4LDEyLjQ4MywwbDIwLjI0MSwyMC4yNDJsMzcuODk3LTM3Ljg5N2MzLjQ0OC0zLjQ0OCw5LjAzNS0zLjQ0OCwxMi40ODMsMGMzLjQ0OCwzLjQ0OCwzLjQ0OCw5LjAzNSwwLDEyLjQ4MyAgbC00NC4xMzgsNDQuMTM4QzE3Mi4yNDIsMjAyLjE3MywxNjkuOTgzLDIwMy4wMzQsMTY3LjcyNCwyMDMuMDM0eiIvPgo8ZyBzdHlsZT0ib3BhY2l0eTowLjk3OyI+Cgk8cGF0aCBzdHlsZT0iZmlsbDojQUZCOUQyOyIgZD0iTTMxNy43OTMsMTY3LjcyNGgtNzAuNjIxYy00Ljg3NSwwLTguODI4LTMuOTUzLTguODI4LTguODI4bDAsMGMwLTQuODc1LDMuOTUzLTguODI4LDguODI4LTguODI4ICAgaDcwLjYyMWM0Ljg3NSwwLDguODI4LDMuOTUzLDguODI4LDguODI4bDAsMEMzMjYuNjIxLDE2My43NzIsMzIyLjY2OCwxNjcuNzI0LDMxNy43OTMsMTY3LjcyNHoiLz4KPC9nPgo8ZyBzdHlsZT0ib3BhY2l0eTowLjk3OyI+Cgk8cGF0aCBzdHlsZT0iZmlsbDojQzdDRkUyOyIgZD0iTTM2MS45MzEsMjAzLjAzNEgyNDcuMTcyYy00Ljg3NSwwLTguODI4LTMuOTUzLTguODI4LTguODI4bDAsMGMwLTQuODc1LDMuOTUzLTguODI4LDguODI4LTguODI4ICAgaDExNC43NTljNC44NzUsMCw4LjgyOCwzLjk1Myw4LjgyOCw4LjgyOGwwLDBDMzcwLjc1OSwxOTkuMDgyLDM2Ni44MDYsMjAzLjAzNCwzNjEuOTMxLDIwMy4wMzR6Ii8+CjwvZz4KPHBhdGggc3R5bGU9ImZpbGw6IzgyODg5RDsiIGQ9Ik0xNjcuNzI0LDQxNC44OTdjLTIuMjU5LDAtNC41MTgtMC44NjItNi4yNDEtMi41ODZMMTM1LDM4NS44MjdjLTMuNDQ4LTMuNDQ4LTMuNDQ4LTkuMDM1LDAtMTIuNDgzICBjMy40NDgtMy40NDgsOS4wMzUtMy40NDgsMTIuNDgzLDBsMjAuMjQxLDIwLjI0MmwzNy44OTctMzcuODk3YzMuNDQ4LTMuNDQ4LDkuMDM1LTMuNDQ4LDEyLjQ4MywwYzMuNDQ4LDMuNDQ4LDMuNDQ4LDkuMDM1LDAsMTIuNDgzICBsLTQ0LjEzOCw0NC4xMzhDMTcyLjI0Miw0MTQuMDM1LDE2OS45ODMsNDE0Ljg5NywxNjcuNzI0LDQxNC44OTd6Ii8+CjxnIHN0eWxlPSJvcGFjaXR5OjAuOTc7Ij4KCTxwYXRoIHN0eWxlPSJmaWxsOiNBRkI5RDI7IiBkPSJNMzE3Ljc5MywzNzkuNTg2aC03MC42MjFjLTQuODc1LDAtOC44MjgtMy45NTMtOC44MjgtOC44MjhsMCwwYzAtNC44NzUsMy45NTMtOC44MjgsOC44MjgtOC44MjggICBoNzAuNjIxYzQuODc1LDAsOC44MjgsMy45NTMsOC44MjgsOC44MjhsMCwwQzMyNi42MjEsMzc1LjYzNCwzMjIuNjY4LDM3OS41ODYsMzE3Ljc5MywzNzkuNTg2eiIvPgo8L2c+CjxnIHN0eWxlPSJvcGFjaXR5OjAuOTc7Ij4KCTxwYXRoIHN0eWxlPSJmaWxsOiNDN0NGRTI7IiBkPSJNMzYxLjkzMSw0MTQuODk3SDI0Ny4xNzJjLTQuODc1LDAtOC44MjgtMy45NTMtOC44MjgtOC44MjhsMCwwYzAtNC44NzUsMy45NTMtOC44MjgsOC44MjgtOC44MjggICBoMTE0Ljc1OWM0Ljg3NSwwLDguODI4LDMuOTUzLDguODI4LDguODI4bDAsMEMzNzAuNzU5LDQxMC45NDQsMzY2LjgwNiw0MTQuODk3LDM2MS45MzEsNDE0Ljg5N3oiLz4KPC9nPgo8cGF0aCBzdHlsZT0iZmlsbDojODI4ODlEOyIgZD0iTTE2Ny43MjQsMzA4Ljk2NmMtMi4yNTksMC00LjUxOC0wLjg2Mi02LjI0MS0yLjU4NkwxMzUsMjc5Ljg5NmMtMy40NDgtMy40NDgtMy40NDgtOS4wMzUsMC0xMi40ODMgIGMzLjQ0OC0zLjQ0OCw5LjAzNS0zLjQ0OCwxMi40ODMsMGwyMC4yNDEsMjAuMjQybDM3Ljg5Ny0zNy44OTdjMy40NDgtMy40NDgsOS4wMzUtMy40NDgsMTIuNDgzLDBjMy40NDgsMy40NDgsMy40NDgsOS4wMzUsMCwxMi40ODMgIGwtNDQuMTM4LDQ0LjEzOEMxNzIuMjQyLDMwOC4xMDQsMTY5Ljk4MywzMDguOTY2LDE2Ny43MjQsMzA4Ljk2NnoiLz4KPGcgc3R5bGU9Im9wYWNpdHk6MC45NzsiPgoJPHBhdGggc3R5bGU9ImZpbGw6I0FGQjlEMjsiIGQ9Ik0zMTcuNzkzLDI3My42NTVoLTcwLjYyMWMtNC44NzUsMC04LjgyOC0zLjk1My04LjgyOC04LjgyOGwwLDBjMC00Ljg3NSwzLjk1My04LjgyOCw4LjgyOC04LjgyOCAgIGg3MC42MjFjNC44NzUsMCw4LjgyOCwzLjk1Myw4LjgyOCw4LjgyOGwwLDBDMzI2LjYyMSwyNjkuNzAzLDMyMi42NjgsMjczLjY1NSwzMTcuNzkzLDI3My42NTV6Ii8+CjwvZz4KPGcgc3R5bGU9Im9wYWNpdHk6MC45NzsiPgoJPHBhdGggc3R5bGU9ImZpbGw6I0M3Q0ZFMjsiIGQ9Ik0zNjEuOTMxLDMwOC45NjZIMjQ3LjE3MmMtNC44NzUsMC04LjgyOC0zLjk1My04LjgyOC04LjgyOGwwLDBjMC00Ljg3NSwzLjk1My04LjgyOCw4LjgyOC04LjgyOCAgIGgxMTQuNzU5YzQuODc1LDAsOC44MjgsMy45NTMsOC44MjgsOC44MjhsMCwwQzM3MC43NTksMzA1LjAxMywzNjYuODA2LDMwOC45NjYsMzYxLjkzMSwzMDguOTY2eiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=='); */
  }
  .ribbon {
    z-index: 9;
  }
  .ribbon-top-left {
    left: 0;
    top: 0;
  }
  .pg-scroller,
  .reportHomeScreen {
    height: calc(100% - 60px);
    top: 60px;
    width: 100%;
  }
  #pageRecieptAllAfterSave .pg-scroller {
    top: 0;
    display: grid;
    place-items: center;
  }
  .second_drill.pg-scroller {
    top: 0px;
    height: 100%;
  }
  .reportHomeScreen .pg-scroller {
    top: 0;
    height: 100%;
  }
  .reportHomeScreen .pg-scroller .mdc-tab__text-label,
  .pg-scroller .mdc-tab__text-label {
    font-family: var(--font-family-2);
    font-size: 13px;
  }
  .pg-scroller .mdc-tab {
    height: 60px;
  }
  ul.payroll-list {
    box-shadow: none;
    margin-bottom: 0;
  }
  ul.payroll-list li:last-child {
    margin-bottom: 0;
  }
  ul.payroll-list li,
  .select-tasks__item.item-trans {
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1), 0 -1px 5px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .header--action--btns i {
    color: #fff;
  }
  .pg--section.quick--actions .task-desc1,
  .filter-date *:not(i),
  .history_description *:not(i),
  .mdc-floating-label {
    font-family: var(--font-family-2) !important;
  }
  .filter-date {
    background: #ddd;
  }
  .date-filter-container {
    grid-template-columns: repeat(2, calc(1fr - 7.5px));
    grid-column-gap: 15px;
  }
  .second_drill .notif-sidebar,
  .second_drill .notif-list {
    position: initial;
    height: calc(100% - 60px);
  }
  #pageRecieptAllAfterSave .header--control--item {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: grid;
    place-items: center;
    background: #dddddd;
  }
  .receipt {
    height: 100%;
  }
  .notif-sidebar .email-badge {
    display: none;
  }
  .notif-sidebar li {
    display: inherit;
  }
  .recent--activity--item *:not(i) {
    font-family: var(--font-family-2);
  }
  .notif-sidebar li {
    font-family: var(--font-family-2);
    display: inline-flex;
    width: 100%;
    align-items: center;
    position: relative;
  }
  .notif-sidebar li:after {
    margin: 0;
  }
  page-notifications .header--control--item:first-child {
    display: none;
  }
  page-notifications header.small .header--logo {
    text-align: left;
  }
  page-notifications .header--control--item:last-child {
    right: -100px;
  }
  .initReport .payroll {
    padding: 20px 10px;
  }
  .mdc-tab-bar {
    /* background:#ddd; */
  }
  .tab--content {
    height: 100%;
  }
  .tab-content.latest-tab {
    margin-top: 10px;
  }
  .payroll-list {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #cal-range {
    min-width: calc(100% + 50px) !important;
    right: 0;
    transform-origin: right top !important;
    left: auto !important;
    font-family: var(--font-family-2);
  }
  .usearch,
  #menu-surface-button {
    font-family: var(--font-family-2);
  }
  .usearch,
  .usearch:hover {
    background: #fff !important;
  }
  .sugesstion-list li.suggestion {
    padding-left: 10px !important;
    justify-content: flex-start !important;
  }
  .sugesstion-list li.suggestion .suggest-info {
    margin-left: 10px;
  }
  .tab-content {
    padding: 0;
    padding-top: 1rem;
  }
  .section--body.tab-content.latest-tab {
    overflow-x: hidden;
  }
  ul.select-tasks {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .bets-desc {
    vertical-align: bottom;
    margin-top: 40px;
    position: absolute;
    bottom: -6px;
    right: 0;
  }
  .recent--activity--item--content {
    width: calc(100% - 98px);
  }

  page-fingerprint-enrollment .pt-page .pg--section:nth-child(1) {
    height: calc(100%);
    width: calc(100vw - 200px);
  }
  page-fingerprint-enrollment .full-page.enroll #main-form {
    width: 50%;
  }
  page-fingerprint-enrollment .full-page.enroll #main-form textarea {
    background: rgb(238, 238, 238);
  }
}