@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: 'Roboto', sans-serif;
  background: #f4f4f4;
  display: flex;
  flex-direction: column;
  justify-content: center; }

a {
  cursor: pointer;
  text-decoration: none;
  color: #333; }

ul {
  list-style: none; }

li {
  list-style: none; }

.btn {
  padding: .5rem 2rem;
  border-radius: 5px;
  border: 0;
  cursor: pointer; }
  .btn-primary {
    background-color: #202541;
    color: #fff; }
  .btn-dark {
    background-color: #333;
    color: #fff; }
  .btn-light {
    background-color: #f4f4f4;
    color: #000; }
  .btn:active {
    transform: scale(1.02); }
  .btn:hover {
    opacity: .9; }

.section-line {
  width: 100%;
  height: 3px;
  background-color: #202541; }

.spacer-bottom {
  margin-bottom: 1rem; }

.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.login-page-a {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .login-page-a .outer-box {
    margin-top: 4rem;
    width: 625px;
    height: 500px;
    background-color: #202541; }
    .login-page-a .outer-box .mid-box {
      background-color: lightblue;
      width: 70%;
      height: 70%; }

.margin {
  margin: 1rem; }
  .margin-top {
    margin-top: 1rem; }
  .margin-bottom {
    margin-bottom: 1rem; }
  .margin-right {
    margin-right: 1rem; }
  .margin-left {
    margin-left: 1rem; }

a,
.btn {
  text-align: center;
  font-size: 12px; }

.itm-amt-table {
  width: 100%;
  max-height: 50px;
  overflow-y: scroll; }
  .itm-amt-table thead {
    margin: 0; }
  .itm-amt-table tr {
    display: grid;
    grid-template-columns: 1fr 2fr 4fr 1fr 1fr 1.2fr; }
  .itm-amt-table td {
    border: 1px solid black; }
  .itm-amt-table th {
    border: 1px solid black; }
  .itm-amt-table .right {
    text-align: right; }

.dashboard-a {
  min-height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem; }
  .dashboard-a .outer-box {
    width: 900px;
    background-color: #202541;
    margin-top: 1rem;
    padding: 10px; }
    .dashboard-a .outer-box .main-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .dashboard-a .outer-box .main-header .current {
        background-color: #E2FAFF; }
      .dashboard-a .outer-box .main-header li {
        background-color: lightblue;
        margin: 0 .5rem; }
        .dashboard-a .outer-box .main-header li a {
          padding: .5rem 2rem; }
        .dashboard-a .outer-box .main-header li:hover {
            transform: scale(1.02);
            background-color: #D8E7F4;
        }
    .dashboard-a .outer-box .mid-box {
      background-color: #fff;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .dashboard-a .outer-box .mid-box .welcome-banner {
        background-color: #E2FAFF;
        font-size: 30px;
        width: 100%;
        padding: .5rem;
        margin-bottom: 1rem;
        display: flex;
        justify-content: center; }
      .dashboard-a .outer-box .mid-box .sub-heading {
        font-size: 15px; }
        .dashboard-a .outer-box .mid-box .sub-heading ul {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          .dashboard-a .outer-box .mid-box .sub-heading ul li:hover {
            transform: scale(1.02); }
            .dashboard-a .outer-box .mid-box .sub-heading ul li:hover a {
                color: black;
            }
      .dashboard-a .outer-box .mid-box .page-content {
        width: 100%;
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: .5rem 2rem; }
        .dashboard-a .outer-box .mid-box .page-content select,
        .dashboard-a .outer-box .mid-box .page-content input {
          height: 20px; }
        .dashboard-a .outer-box .mid-box .page-content i {
          cursor: pointer; }
          .dashboard-a .outer-box .mid-box .page-content i:hover {
            transform: scale(1.03); }
      .dashboard-a .outer-box .mid-box form {
        max-width: 100%;
        padding: 0 10px 20px 10px; }
        .dashboard-a .outer-box .mid-box form .wide-buttons {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .dashboard-a .outer-box .mid-box form .wide-buttons .btn {
            width: 300px;
            margin: 5px; }
        .dashboard-a .outer-box .mid-box form .customer-information {
          display: flex;
          flex-direction: column;
          width: 100%;
          padding: 10px; }
          .dashboard-a .outer-box .mid-box form .customer-information-box-1 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-top: .5rem; }
            .dashboard-a .outer-box .mid-box form .customer-information-box-1 .data-point {
              font-size: 15px;
              display: flex;
              flex-direction: row; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-1 .data-point input,
              .dashboard-a .outer-box .mid-box form .customer-information-box-1 .data-point select {
                margin-left: 3px; }
          .dashboard-a .outer-box .mid-box form .customer-information-box-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            margin-top: 1rem; }
            .dashboard-a .outer-box .mid-box form .customer-information-box-2 .data-point {
              margin-bottom: 5px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-2 .data-point label {
                width: 90px;
                display: inline-block; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-2 .data-point input {
                width: 250px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-2 .data-point .input-1 {
                width: 90px; }
            .dashboard-a .outer-box .mid-box form .customer-information-box-2 .btn-box-1 {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              width: 343px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-2 .btn-box-1 .btn-right {
                margin-right: 27px; }
          .dashboard-a .outer-box .mid-box form .customer-information-box-3 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin: .5rem 0 1rem 0; }
            .dashboard-a .outer-box .mid-box form .customer-information-box-3 .data-point label {
              width: 90px;
              display: inline-block; }
            .dashboard-a .outer-box .mid-box form .customer-information-box-3 .left-side {
              width: 700px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-3 .left-side input {
                width: 574px;
                margin-bottom: 5px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-3 .left-side .textarea-div {
                display: flex;
                flex-direction: column; }
                .dashboard-a .outer-box .mid-box form .customer-information-box-3 .left-side .textarea-div textarea {
                  height: 100px;
                  width: 100%; }
            .dashboard-a .outer-box .mid-box form .customer-information-box-3 .right-side {
              display: flex;
              flex-direction: column;
              align-items: center;
              width: 200px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-3 .right-side button {
                margin-bottom: 10px; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-3 .right-side b {
                display: inline-block;
                width: 100%;
                text-align: center; }
              .dashboard-a .outer-box .mid-box form .customer-information-box-3 .right-side .section-line {
                margin-bottom: .5rem; }
          .dashboard-a .outer-box .mid-box form .customer-information .types-box {
            display: grid;
            grid-template-columns: 1fr 2fr; }
            .dashboard-a .outer-box .mid-box form .customer-information .types-box .left-side {
              width: 100%;
              display: grid;
              grid-template-columns: repeat(2, 1fr); }
              .dashboard-a .outer-box .mid-box form .customer-information .types-box .left-side .data-point {
                display: flex;
                flex-direction: row; }
                .dashboard-a .outer-box .mid-box form .customer-information .types-box .left-side .data-point label {
                  width: 220px; }
                .dashboard-a .outer-box .mid-box form .customer-information .types-box .left-side .data-point input {
                  width: 20px; }
            .dashboard-a .outer-box .mid-box form .customer-information .types-box .right-side {
              display: grid;
              grid-template-columns: 1fr; }
              .dashboard-a .outer-box .mid-box form .customer-information .types-box .right-side .data-point {
                display: flex;
                flex-direction: row; }
                .dashboard-a .outer-box .mid-box form .customer-information .types-box .right-side .data-point label {
                  width: 200px; }
                .dashboard-a .outer-box .mid-box form .customer-information .types-box .right-side .data-point input {
                  width: 20px; }
          .dashboard-a .outer-box .mid-box form .customer-information .section-line {
            margin-bottom: .5rem; }
          .dashboard-a .outer-box .mid-box form .customer-information-box-4 {
            display: grid;
            grid-template-columns: repeat(2, 1fr); }
        .dashboard-a .outer-box .mid-box form .buttons {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center; }
          .dashboard-a .outer-box .mid-box form .buttons button {
            width: 200px;
            margin: 10px; }
        .dashboard-a .outer-box .mid-box form .buttons-grid {
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-gap: 5px; }
          .dashboard-a .outer-box .mid-box form .buttons-grid button {
            padding: 5px 10px;
            width: 120px; }
      .dashboard-a .outer-box .mid-box .payroll-info .customer-information-box-2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .dashboard-a .outer-box .mid-box .payroll-info .customer-information-box-2 textarea {
          width: 600px;
          height: 50px; }
        .dashboard-a .outer-box .mid-box .payroll-info .customer-information-box-2 .data-point input {
          width: 240px; }
        .dashboard-a .outer-box .mid-box .payroll-info .customer-information-box-2 .data-point label {
          display: inline-block;
          width: 100px; }
      .dashboard-a .outer-box .mid-box .daily-outlook {
        border: 5px solid #202541;
        width: 500px;
        min-height: 500px;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .dashboard-a .outer-box .mid-box .daily-outlook span {
          widows: 100%;
          text-align: center; }
        .dashboard-a .outer-box .mid-box .daily-outlook .outlook-items {
          margin: .5rem; }
          .dashboard-a .outer-box .mid-box .daily-outlook .outlook-items li {
            margin-bottom: 5px; }
            .dashboard-a .outer-box .mid-box .daily-outlook .outlook-items li a {
              color: blue; }
                .dashboard-a .outer-box .mid-box .daily-outlook .outlook-items li a:hover {
                    color: #D8E7F4;
                }
        .dashboard-a .outer-box .mid-box .daily-outlook .custom-btn {
          padding: .5rem 0;
          width: 200px;
          margin-bottom: 2rem;
          cursor: pointer; }
            .dashboard-a .outer-box .mid-box .daily-outlook .custom-btn:hover {
                background-color: #D8E7F4;
            }
  .dashboard-a .buttons-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 5px; }
    .dashboard-a .buttons-grid button {
      padding: 5px 10px;
      width: 120px; }


.report-block-right {
    border-left: 3px solid #202541;
    padding: 5px;
    height: 100%;
}

.report-block-chunk {
    border-bottom: 3px solid #202541;
    margin-bottom: 20px

}
.reports-header {
  border-bottom: 3px solid #202541;
  padding-left: 5px; }


.reports-body {
  font-size: 13px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: flex-start;
  width: 120%
}
  .reports-body .report-type {
    border-right: 3px solid #202541;
    padding: 5px; }
  .reports-body .right-side {
    margin-left: 1rem;
    margin-top: 5px; }
    .reports-body .right-side .customer-info,
    .reports-body .right-side .sort-by {
      border-bottom: 3px solid #202541;
      margin-bottom: 5px;
      padding-bottom: 5px; }
    .reports-body .right-side .data-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 2px 10px; }
    .reports-body .right-side .limit-to .data-point {
      margin-bottom: 5px; }

    .reports-body .right-side .limit-to .top {
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
    .reports-body .right-side .limit-to .bottom {
      margin: 10px 0; }
      .reports-body .right-side .limit-to .bottom p {
        text-align: center;
        margin-bottom: 5px; }
      .reports-body .right-side .limit-to .bottom .inputs {
        display: grid;
        grid-template-columns: repeat(2, 1fr); }

.box {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .box-header {
    display: block;
    width: 100%;
    padding-left: 5px;
    border-bottom: 3px solid #202541; }
  .box-body {
    padding: 1rem; }

.data-block {
  display: flex;
  flex-direction: column; }
  .data-block .top-section {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .data-block .address-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1rem; }
    .data-block .address-section label {
      display: inline-block;
      width: 100px; }
    .data-block .address-section .right-side {
      margin-top: 1rem; }
  .data-block .misc-section {
    margin-bottom: 1rem; }
    .data-block .misc-section .data-point {
      margin-top: 5px;
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: flex-start; }
    .data-block .misc-section label {
      display: inline-block;
      width: 105px; }
    .data-block .misc-section input {
      width: 71%; }
    .data-block .misc-section textarea {
      width: 71%;
      height: 200px; }
  .data-block .buttons {
    display: grid;
    grid-template-columns: repeat(6, 1fr) !important;
    grid-gap: .5rem; }
    .data-block .buttons button {
      padding: none; }

#job-site-buttons {
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(6, 1fr) !important;
  grid-gap: .5rem; }
  #job-site-buttons button,
  #job-site-buttons .btn {
    padding: none;
    text-align: center;
    font-size: 15px; }

.find-job .box-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .find-job .box-body b {
    width: 100%; }
  .find-job .box-body .section-line {
    margin-bottom: 1rem; }

.find-job .search-box {
  padding: 1rem;
  border: 3px solid #E2FAFF; }
  .find-job .search-box-header {
    display: flex;
    flex-direction: row;
    margin: 1rem 0 5px 0; }
    .find-job .search-box-header .data-point {
      margin-left: 50px; }

.find-job p {
  margin: 1rem 0; }

.find-job .buttons {
  margin-top: 1rem; }

.inventory-box {
  width: 100%;
  font-size: 15px; }
  .inventory-box .box-body .data-point {
    margin-bottom: 5px; }
  .inventory-box .box-body .item-information {
    display: grid;
    grid-template-columns: 280px 280px 350px;
    margin: 1rem 0; }
    .inventory-box .box-body .item-information label {
      display: inline-block;
      min-width: 110px; }
    .inventory-box .box-body .item-information input,
    .inventory-box .box-body .item-information select {
      width: 150px; }
    .inventory-box .box-body .item-information .box-3 label {
      width: 190px; }
    .inventory-box .box-body .item-information .box-3 input {
      width: 30px; }
  .inventory-box .box-body .grid-box-1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 5px;
    margin-bottom: 1rem; }
    .inventory-box .box-body .grid-box-1 .data-point {
      display: flex;
      flex-direction: column;
      width: 160px; }
  .inventory-box .box-body .pricing-sales {
    display: grid;
    grid-template-columns: 600px 250px;
    grid-gap: 5px;
    margin-bottom: 1rem; }
    .inventory-box .box-body .pricing-sales .section-line {
      margin-bottom: 1rem; }
    .inventory-box .box-body .pricing-sales .pricing .sub-grid-box {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 5px; }
      .inventory-box .box-body .pricing-sales .pricing .sub-grid-box label {
        width: 100px;
        display: inline-block; }
  .inventory-box .box-body .grid-box-2 {
    display: grid;
    grid-template-columns: 200px 200px 300px 150px;
    margin-bottom: 1rem; }
    .inventory-box .box-body .grid-box-2 .sub-grid-box-2 label {
      display: inline-block;
      width: 80px; }
    .inventory-box .box-body .grid-box-2 .sub-grid-box-2 input {
      width: 90px; }
    .inventory-box .box-body .grid-box-2 .sub-grid-box-3 label {
      display: inline-block;
      width: 180px; }
    .inventory-box .box-body .grid-box-2 .sub-grid-box-3 input {
      width: 90px; }
  .inventory-box .box-body .data-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: 5px;
    margin-bottom: 1rem; }
    .inventory-box .box-body .data-grid .data-point {
      display: flex;
      flex-direction: column; }
    .inventory-box .box-body .data-grid input {
      width: 80px; }
  .inventory-box .box-body .buttons {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 5px; }

.wip {
  font-size: 14px; }
  .wip .box-top {
    display: grid;
    grid-template-columns: 50px 100px 250px 100px 130px 250px;
    padding: 10px; }
    .wip .box-top .no label {
      width: 25px;
      display: inline-block; }
    .wip .box-top .no input {
      width: 70px; }
    .wip .box-top .heading {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #202541; }
    .wip .box-top .status select {
      width: 30px; }
    .wip .box-top .sp {
      display: flex;
      flex-direction: row; }
      .wip .box-top .sp .input-data {
        margin-left: 3px; }
        .wip .box-top .sp .input-data select {
          width: 100%;
          margin-bottom: 5px; }
  .wip .box-body {
    display: grid;
    grid-template-columns: 650px 200px; }
    .wip .box-body .left-side {
      margin-right: 10px; }
      .wip .box-body .left-side .buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .wip .box-body .left-side .buttons .btn {
          margin: 5px;
          width: 120px; }
    .wip .box-body .job-name {
      margin-top: 1rem;
      margin-bottom: 5px; }
      .wip .box-body .job-name label {
        display: inline-block;
        width: 80px; }
      .wip .box-body .job-name input {
        width: 500px; }
    .wip .box-body .grid-box {
      margin-bottom: 1rem;
      display: grid;
      grid-template-columns: repeat(2, 1fr); }
      .wip .box-body .grid-box label {
        display: inline-block;
        width: 80px; }
      .wip .box-body .grid-box input,
      .wip .box-body .grid-box select {
        width: 180px; }
      .wip .box-body .grid-box .data-point {
        margin-bottom: 5px; }
      .wip .box-body .grid-box .left-side .tech {
        display: flex;
        flex-direction: row; }
        .wip .box-body .grid-box .left-side .tech .data-points {
          display: flex;
          flex-direction: row; }
        .wip .box-body .grid-box .left-side .tech .data-point {
          display: flex;
          flex-direction: column; }
          .wip .box-body .grid-box .left-side .tech .data-point input,
          .wip .box-body .grid-box .left-side .tech .data-point select {
            width: 70px; }
      .wip .box-body .grid-box .right-side .data-point input,
      .wip .box-body .grid-box .right-side .data-point select {
        width: 180px; }
      .wip .box-body .grid-box .right-side .taxes {
        display: flex;
        flex-direction: row; }
        .wip .box-body .grid-box .right-side .taxes .percent {
          margin-right: 3px; }
        .wip .box-body .grid-box .right-side .taxes input {
          width: 60px; }
  .wip .bottom-box .section-line {
    margin-bottom: 1rem; }
  .wip .bottom-box .data-point {
    margin-bottom: 5px; }
    .wip .bottom-box .data-point label {
      display: inline-block;
      width: 120px; }
    .wip .bottom-box .data-point select {
      width: 365px; }
  .wip .bottom-box .textarea-data {
    display: flex;
    flex-direction: column; }
    .wip .bottom-box .textarea-data textarea {
      width: 100%;
      height: 150px; }
  .wip .form-side {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 2rem; 
    max-width: 50px;
  }
    .wip .form-side .form {
      margin-left: 5px; }
      .pnl {
        background-color: rgba(70, 130, 180, 0.1);
        border: 2px solid #E2FAFF;
        }
        .wip .form-side .form .pnl .data-point {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-bottom: 2px; }
          .wip .form-side .form .pnl .data-point label {
            display: inline-block;
            width: 80px;
            text-align: right; }
        .wip .form-side .form .pnl .section {
          border-bottom: 2px solid #E2FAFF;
          padding: 2px; }
          .wip .form-side .form .pnl .section .total {
            border-top: 1px solid #202541; }
      .wip .form-side .form .more-data .data-points {
        display: grid;
        grid-template-columns: repeat(2, 1fr); }
        .wip .form-side .form .more-data .data-points input {
          width: 85px;
          margin-right: 5px; }
        .wip .form-side .form .more-data .data-points .data-point {
          display: flex;
          flex-direction: column;
          text-align: right;
          margin-bottom: 5px; }

.items-amounts .box-body {
  font-size: 12px; }
  .items-amounts .box-body .box-1 {
    display: grid;
    grid-template-columns: 2fr 3fr 1fr 1fr 1fr 1fr;
    grid-gap: 5px; }
    .items-amounts .box-body .box-1 .data-point input {
      width: 100%; }
    .items-amounts .box-body .box-1 .tax-options .data-point {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .items-amounts .box-body .box-1 .tax-options .data-point input {
        width: 20px; }
  .items-amounts .box-body .box-2 {
    display: grid;
    grid-template-columns: repeat(5, 130px);
    grid-gap: 5px; }
    .items-amounts .box-body .box-2 .data-point {
      display: flex;
      flex-direction: column; }
      .items-amounts .box-body .box-2 .data-point input {
        width: 100%; }
  .items-amounts .box-body .box-3 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 5px;
    margin-top: 5px; }
    .items-amounts .box-body .box-3 .data-point {
      display: flex;
      flex-direction: row; }
      .items-amounts .box-body .box-3 .data-point input {
        margin-right: 3px; }
  .items-amounts .box-body .box-4 {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .items-amounts .box-body .box-5 {
    display: grid;
    grid-template-columns: 80px 80px 200px 200px;
    grid-gap: 5px;
    margin-top: 5px; }
    .items-amounts .box-body .box-5 .data-point {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .items-amounts .box-body .box-5 .data-point input {
        margin-left: 3px;
        width: 130px; }
      .items-amounts .box-body .box-5 .data-point .checkedbox {
        width: 20px; }
  .items-amounts .box-body .box-6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    margin-top: 5px; }
    .items-amounts .box-body .box-6 .data-point {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .items-amounts .box-body .box-6 .data-point input {
        margin-left: 3px;
        width: 150px; }
      .items-amounts .box-body .box-6 .data-point .checkedbox {
        width: 20px; }
  .items-amounts .box-body .box-7 {
    display: grid;
    grid-template-columns: 90px 170px 200px 185px;
    grid-gap: 6px;
    margin-top: 5px; }
    .items-amounts .box-body .box-7 .dmy {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
    .items-amounts .box-body .box-7 .data-point {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .items-amounts .box-body .box-7 .data-point input {
        margin-left: 3px;
        width: 150px; }
      .items-amounts .box-body .box-7 .data-point #service-due {
        width: 30px; }
      .items-amounts .box-body .box-7 .data-point .checkedbox {
        width: 20px; }
  .items-amounts .box-body .box-8 {
    display: grid;
    grid-template-columns: 30px auto 100px;
    grid-gap: 5px;
    margin-top: 5px; }
    .items-amounts .box-body .box-8 textarea {
      height: 80px;
      width: 630px; }
  .items-amounts .box-body .box-9 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 5px; }
    .items-amounts .box-body .box-9 a,
    .items-amounts .box-body .box-9 button {
      padding: 7px 0px; }

.receipts {
  font-size: 14px; }
  .receipts .box-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  .receipts .box-2 {
    display: grid;
    grid-template-columns: 100px 140px 90px 90px 100px 100px 150px; }
  .receipts .box-3 {
    display: flex;
    flex-direction: column;
    border: 1px solid black;
    padding: 10px 3px;
    min-height: 200px; }
    .receipts .box-3 .line-item {
        display: grid;
        grid-template-columns: 100px 140px 90px 90px 100px 100px 150px;
        border-bottom: 1px solid #202541;
        padding: 4px;
    }
      .receipts .box-3 .line-item input {
        width: 90%; }
  .receipts .box-4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
    .receipts .box-4 .buttons,
    .receipts .box-4 .button-box {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .receipts .box-4 .buttons button,
      .receipts .box-4 .button-box button {
        padding-left: 5px;
        padding-right: 5px;
        width: 90px; }
    .receipts .box-4 .button-box button {
      width: 100%; }
    .receipts .box-4 .data-points {
      padding-left: 10px; }
      .receipts .box-4 .data-points p {
        margin-bottom: 5px; }

.process {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .process .box-1 {
    display: flex;
    flex-direction: column;
    width: 200px; }
    .process .box-1 button {
      margin-bottom: 5px; }

.print .box-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .print .box-body .box-1 {
    border: 2px solid black;
    padding: 3px; }
    .print .box-body .box-1 .data-point {
      margin: 5px; }
  .print .box-body .box-2 .data-point {
    margin-bottom: 5px; }
    .print .box-body .box-2 .data-point label {
      width: 110px;
      display: inline-block; }
    .print .box-body .box-2 .data-point input,
    .print .box-body .box-2 .data-point select {
      width: 200px; }
  .print .box-body .box-3 .data-point {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px; }
    .print .box-body .box-3 .data-point input,
    .print .box-body .box-3 .data-point .filler {
      width: 30px;
      margin-right: 5px; }
    .print .box-body .box-3 .data-point .data {
      display: flex;
      flex-direction: row;
      width: 480px; }
      .print .box-body .box-3 .data-point .data input {
        margin-left: 5px;
        width: 90px; }
  .print .box-body .box-4 .data-point {
    display: flex;
    flex-direction: row;
    justify-content: start; }
    .print .box-body .box-4 .data-point label {
      display: inline-block;
      width: 110px; }
    .print .box-body .box-4 .data-point input,
    .print .box-body .box-4 .data-point textarea {
      width: 400px;
      margin-bottom: 5px; }
    .print .box-body .box-4 .data-point textarea {
      height: 100px; }
  .print .box-body .box-5 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
    width: 600px; }
    .print .box-body .box-5 button {
      padding-left: 0;
      padding-right: 0; }

.wip-notes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .wip-notes .box-1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .wip-notes .box-1 textarea {
      width: 100%;
      height: 500px; }

.ap-checking-manager {
  font-size: 14px; }
  .ap-checking-manager .box-1 i {
    cursor: pointer;
    transition: .2s all ease-in; }
    .ap-checking-manager .box-1 i:hover {
      transform: scale(1.1); }
  .ap-checking-manager .table {
    margin-top: 1rem;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden; }
    .ap-checking-manager .table .table-header {
      display: grid;
      grid-template-columns: 100px 100px auto 100px 100px 100px;
      border-bottom: 2px solid black; }
      .ap-checking-manager .table .table-header label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-weight: bold; }
    .ap-checking-manager .table .table-body .table-row {
      border-bottom: 1px solid black;
      padding: 10px 0 5px; }
      .ap-checking-manager .table .table-body .table-row .top {
        display: grid;
        grid-template-columns: 100px 100px auto 100px 100px 100px; }
  .ap-checking-manager .box-3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
    width: 100%; }
    .ap-checking-manager .box-3 .data-point {
      display: inline;
      width: 100%;
      text-align: right; }

.ap-manager .box-header {
  display: flex;
  justify-content: flex-end;
  padding-right: 30px;
  padding-bottom: 5px;
  margin-top: -5px;
  font-weight: bold; }

.ap-manager .box-body {
  padding: 0;
  margin: 5px;
  border: 1px solid black;
  height: 600px;
  overflow-y: scroll; }
  .ap-manager .box-body .box-1 {
    font-weight: bold;
    padding: 5px; }
    .ap-manager .box-body .box-1 div {
      display: flex;
      align-items: flex-end; }
  .ap-manager .box-body .table-row {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr 1fr 1fr;
    border-bottom: 1px solid black; }
  .ap-manager .box-body .table-data {
    margin-bottom: 5px;
    padding-bottom: 5px; }
    .ap-manager .box-body .table-data .name {
      margin-left: 5px;
      color: blue; }
    .ap-manager .box-body .table-data .balance {
      padding-right: 20px;
      display: flex;
      justify-content: flex-end; }
    .ap-manager .box-body .table-data input {
      margin-left: 15px; }

.je-body .search-sort {
  display: flex;
  flex-direction: row;
  margin: 0 0 10px 10px; }
  .je-body .search-sort select,
  .je-body .search-sort input {
    margin-right: 10px;
    width: 200px; }
  .je-body .search-sort .fa-search {
    cursor: pointer;
    transition: .5s all ease; }
    .je-body .search-sort .fa-search:hover {
      transform: scale(1.1); }

.je-body .je-header {
  margin-left: 10px; }

.je-body .box-body .table-row {
  display: grid;
  grid-template-columns: 100px auto;
  margin: 10px; }

.gj-reports .je-header {
  padding: 5px;
  font-weight: bold; }

.gj-reports .box-body .section-line {
  margin-bottom: 10px; }

.gj-reports .box-body .inputs-section {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .gj-reports .box-body .inputs-section .data-point {
    margin-bottom: 5px; }
    .gj-reports .box-body .inputs-section .data-point input:not(.input-checkbox) {
      width: 150px; }
    .gj-reports .box-body .inputs-section .data-point label:not(.checkbox-label) {
      display: inline-block;
      width: 60px; }
  .gj-reports .box-body .inputs-section .buttons-box-1 {
    display: flex;
    flex-direction: column; }
    .gj-reports .box-body .inputs-section .buttons-box-1 button {
      margin: 5px;
      width: 300px; }
  .gj-reports .box-body .inputs-section .buttons-box-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    width: 300px; }

.add-ap .box-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
  .add-ap .box-1 .data-point {
    margin-bottom: 5px; }
    .add-ap .box-1 .data-point label {
      display: inline-block;
      width: 100px; }
    .add-ap .box-1 .data-point input {
      width: 300px; }
  .add-ap .box-1 .date input {
    width: 200px; }
  .add-ap .box-1 .months input {
    width: 50px; }
  .add-ap .box-1 .checkbox input {
    width: 15px; }
  .add-ap .box-1 .table .table-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  .add-ap .box-1 .table .table-body .table-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    margin-bottom: 5px; }
    .add-ap .box-1 .table .table-body .table-row input,
    .add-ap .box-1 .table .table-body .table-row select {
      width: 100%; }
  .add-ap .box-1 .table .table-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around; }
    .add-ap .box-1 .table .table-footer .totals {
      margin-top: 10px; }
      .add-ap .box-1 .table .table-footer .totals .data-point {
        width: 100%; }
        .add-ap .box-1 .table .table-footer .totals .data-point label {
          width: 100px;
          text-align: right; }

.add-ap .box-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .add-ap .box-2 button {
    margin: 0 5px; }

.gj-accounts .box-body {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 10px; }
  .gj-accounts .box-body .account-leftside .account-table {
    width: 90%;
    height: 94%;
    max-height: 700px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    border: 1px solid #202541; }
    .gj-accounts .box-body .account-leftside .account-table .table-header {
      font-weight: bold; }
    .gj-accounts .box-body .account-leftside .account-table .table-row {
      display: grid;
      grid-template-columns: 1.5fr 1.5fr 3fr;
      border-bottom: 1px solid #202541;
      padding: 3px; }
        .gj-accounts .box-body .account-leftside .account-table .table-row:hover {
            background-color: #D8E7F4;
        }
    .gj-accounts .box-body .account-leftside .account-table .current {
      background-color: #E2FAFF; }
  .gj-accounts .box-body .accounts-rightside {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;

  }
    .gj-accounts .box-body .accounts-rightside .add-section .data-point,
    .gj-accounts .box-body .accounts-rightside .edit-section .data-point {
      margin-bottom: 5px; }
      .gj-accounts .box-body .accounts-rightside .add-section .data-point label,
      .gj-accounts .box-body .accounts-rightside .edit-section .data-point label {
        display: inline-block;
        width: 110px; }
      .gj-accounts .box-body .accounts-rightside .add-section .data-point input,
      .gj-accounts .box-body .accounts-rightside .add-section .data-point select,
      .gj-accounts .box-body .accounts-rightside .edit-section .data-point input,
      .gj-accounts .box-body .accounts-rightside .edit-section .data-point select {
        width: 180px; }
    .gj-accounts .box-body .accounts-rightside .add-section button {
      margin: 10px 0;
      width: 100%; }
    .gj-accounts .box-body .accounts-rightside .add-section .section-line {
      margin-bottom: 10px; }
    .gj-accounts .box-body .accounts-rightside .edit-section .buttons {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px; }
    .gj-accounts .box-body .accounts-rightside .buttons {
      margin-top: 2rem;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px; }

.browse-body-content {
  width: 100%;
  height: 80vh;
  overflow: scroll; }
  .browse-body-content .table-custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 220%;
    margin-left: 10px;
    margin-right: 10px; }
    .browse-body-content .table-custom .table-header {
      width: 100%;
      font-weight: bold; }
    .browse-body-content .table-custom .table-body {
      width: 100%;
      height: 100%; }
    .browse-body-content .table-custom .table-row {
        display: grid;
        grid-template-columns: .7fr .7fr 1.5fr 3fr 3fr 2.5fr 1.6fr .5fr 1.3fr;
        padding: 5px 0;
        border-bottom: 1px solid #202541;
    }
      .browse-body-content .table-custom .table-row .table-data {
        text-align: left; }
        .browse-body-content .table-custom .table-row:hover {
            background-color: #D8E7F4;
        }
    .browse-body-content .table-custom .table-header .table-row {
      text-align: center; }

.browse-body-content.employee .table-custom .table-row {
  grid-template-columns: .4fr 1fr 1fr 1fr 1.5fr 2fr 2.2fr 1fr .6fr 1fr 1.1fr 1.1fr 1.1fr; }

.browse-body-content.job-sites-browse .table-custom .table-row {
  grid-template-columns: .9fr .7fr 3fr 2fr 1.8fr .6fr 2.2fr 2.8fr 1.1fr; }

.browse-body-content.browse-inv-body-content .table-custom {
  width: 1050px; }
  .browse-body-content.browse-inv-body-content .table-custom .table-row {
    grid-template-columns: 1.9fr 3fr 2fr 1.8fr 1.5fr 1.5fr 1.5fr 1.5fr; }


.wip-browes .table-custom {
    width: 250%;
}
.wip-browes .table-custom .table-row {
    grid-template-columns: 1.2fr 1.2fr 3fr 1.5fr 1.5fr 1fr 1fr 1.5fr 1.5fr .8fr 3.0fr 2.4fr 1.8fr 1.8fr;
}

.browse-vendor .table-custom {
  width: 130%; }
  .browse-vendor .table-custom .table-row {
    grid-template-columns: 2fr 2fr 3.2fr 1.5fr 2.8fr 2.8fr 1.8fr .8fr 1.5fr 1.5fr 2fr 2fr 2fr 3fr; }

.search-section {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around; }
  .search-section input {
    height: 30px;
    padding-left: 5px; }

.ap-uppaid .box-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.ap-uppaid .box-1 {
  display: grid;
  grid-template-columns: 300px 400px; }
  .ap-uppaid .box-1 .left-side {
    border-right: 2px solid #202541; }
    .ap-uppaid .box-1 .left-side .report-type {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 10px;
      border: 1px solid #202541;
      padding: 5px; }
      .ap-uppaid .box-1 .left-side .report-type b {
        margin-bottom: 5px;
        width: 100%; }
      .ap-uppaid .box-1 .left-side .report-type .data-point {
        display: flex;
        flex-direction: row; }
        .ap-uppaid .box-1 .left-side .report-type .data-point input {
          width: 30px; }
        .ap-uppaid .box-1 .left-side .report-type .data-point label {
          width: 150px; }
    .ap-uppaid .box-1 .left-side .buttons-box-1 {
      display: flex;
      flex-direction: column;
      margin: 10px; }
      .ap-uppaid .box-1 .left-side .buttons-box-1 button {
        margin-bottom: 5px; }
    .ap-uppaid .box-1 .left-side .buttons-box-2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px;
      margin: 40px 10px 10px 10px; }
  .ap-uppaid .box-1 .right-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.login-box {
  background-color: #fff;
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .login-box h1 {
    margin: 1.5rem 0 1rem; }
  .login-box form {
    width: 100%; }
    .login-box form input {
      width: 90%;
      margin-bottom: 1rem; }
    .login-box form .input-item {
      height: 35px;
      padding-left: 5px;
      font-size: 20px; }
    .login-box form .btn {
      width: 90%;
      height: 35px;
      font-size: 20px; }

#main-footer {
  background: #333;
  color: #fff;
  height: 5rem; }
  #main-footer .footer-content {
    display: flex;
    justify-content: space-between;
    height: 5rem;
    align-items: center; }
    #main-footer .footer-content .right-reserved {
      display: flex;
      flex-direction: row; }
      #main-footer .footer-content .right-reserved a {
        color: #fff;
        margin-left: 4px; }
        #main-footer .footer-content .right-reserved a .logo-footer {
          font-size: 15px;
          font-weight: normal;
          display: flex;
          flex-direction: row; }
          #main-footer .footer-content .right-reserved a .logo-footer .logo-bolt {
            font-size: 15px; }
          #main-footer .footer-content .right-reserved a .logo-footer:hover {
            box-shadow: 0 0 5px #fff; }
          #main-footer .footer-content .right-reserved a .logo-footer .logo-footer-letter:hover {
            text-shadow: 0 0 3px #fff;
            transform: scale(1.2); }
  #main-footer .social .fab {
    margin: 1rem;
    padding: 5px;
    font-size: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer; }
    #main-footer .social .fab:hover {
        background: #D8E7F4;
    }

.ap-options .data-point {
  margin-bottom: 3px; }

.ap-options .report-type {
  width: 290px; }
  .ap-options .report-type .data-point {
    flex-direction: row; }
    .ap-options .report-type .data-point label {
      display: inline-block;
      width: 130px; }
    .ap-options .report-type .data-point .number-input {
      height: 15px;
      width: 120px; }

.ap-options .right-side .sort-by .data-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .ap-options .right-side .sort-by .data-grid label {
    display: inline-block;
    text-align: right;
    width: 100px; }
  .ap-options .right-side .sort-by .data-grid select {
    width: 300px; }
  .ap-options .right-side .sort-by .data-grid .bottom-chkbox label {
    width: 200px; }

.ap-options .right-side .limit-to .data-point label {
  display: inline-block;
  width: 300px;
  text-align: right; }

.ap-options .right-side .limit-to .section-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .ap-options .right-side .limit-to .section-box b {
    width: 100%;
    text-align: left; }
  .ap-options .right-side .limit-to .section-box .data-point label {
    width: 120px; }

.popup {
  position: relative;
  display: block;
  position: relative; }
  .popup .overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100vh;
    width: 100vw;
    position: absolute; }
  .popup .work-history {
    width: 700px;
    background-color: #fff;
    border: 2px solid black;
    border-radius: 5px;
    z-index: 2; }
  .popup-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 5px 5px 0 5px;
    border-bottom: 1px solid black; }
    .popup-header h3 {
      font-size: 15px; }
    .popup-header .close-btn {
      color: black;
      font-size: 20px;
      font-weight: bolder;
      transition: .2s all ease;
      cursor: pointer; }
      .popup-header .close-btn:hover {
        transform: scale(1.1);
        color: red; }
  .popup-body {
    margin-top: 10px; }
    .popup-body .job-sites-table {
      min-height: 300px;
      display: flex;
      flex-direction: column;
      width: 100%;
      border-top: 1px solid black;
      border-bottom: 1px solid black; }
      .popup-body .job-sites-table .header {
        width: 100%; }
      .popup-body .job-sites-table .row {
        display: grid;
        grid-template-columns: 2fr 2.8fr 1fr .5fr;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        padding: 5px; }
    .popup-body form .job-sites-form {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      margin: 10px; }
      .popup-body form .job-sites-form .data-point label {
        display: inline-block;
        width: 80px; }
      .popup-body form .job-sites-form .buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .popup-body form .job-sites-form .buttons button {
          margin: 10px; }
    .popup-body .buttons {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .popup-body .buttons button {
        margin: 10px; }
    .popup-body .search-job-sites {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .popup-body .search-job-sites .radio-boxes,
      .popup-body .search-job-sites .text-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .popup-body .search-job-sites .radio-boxes .data-point,
        .popup-body .search-job-sites .text-box .data-point {
          width: 250px; }
          .popup-body .search-job-sites .radio-boxes .data-point input,
          .popup-body .search-job-sites .text-box .data-point input {
            width: 30px; }
          .popup-body .search-job-sites .radio-boxes .data-point label,
          .popup-body .search-job-sites .text-box .data-point label {
            width: 150px;
            text-align: left; }
      .popup-body .search-job-sites .text-box {
        width: 250px;
        display: flex;
        flex-direction: column;
        margin-top: 10px; }
        .popup-body .search-job-sites .text-box label {
          font-weight: bold;
          display: inline-block;
          text-align: left;
          width: 100%; }
        .popup-body .search-job-sites .text-box input {
          width: 100%; }

#work-history-popup {
  display: none; }

#new-job-site-popup {
  z-index: 2;
  display: none; }

#ext-desc-inv-popup {
  display: none; }
  #ext-desc-inv-popup b {
    width: 250px;
    text-align: left;
    border-bottom: 1px solid black; }
  #ext-desc-inv-popup .search-job-sites {
    padding: 1rem; }
    #ext-desc-inv-popup .search-job-sites textarea {
      width: 100%;
      height: 300px;
      overflow-y: scroll;
      padding: 3px; }

#search-job-site-popup,
#search-inv-site-popup {
  display: none; }
  #search-job-site-popup .work-history,
  #search-inv-site-popup .work-history {
    width: 350px;
    left: 40%; }
  #search-job-site-popup b,
  #search-inv-site-popup b {
    width: 250px;
    text-align: left;
    border-bottom: 1px solid black; }

#item-transfer-popup {
  display: none; }
  #item-transfer-popup .work-history {
    width: 450px;
    left: 28%; }
    #item-transfer-popup .work-history .popup-body {
      margin: 5px; }
      #item-transfer-popup .work-history .popup-body .data-input {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
        #item-transfer-popup .work-history .popup-body .data-input input {
          width: 100px;
          margin: 0 5px; }
      #item-transfer-popup .work-history .popup-body .selects {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around; }
        #item-transfer-popup .work-history .popup-body .selects .select-1,
        #item-transfer-popup .work-history .popup-body .selects .select-2 {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          #item-transfer-popup .work-history .popup-body .selects .select-1 label,
          #item-transfer-popup .work-history .popup-body .selects .select-2 label {
            width: 100%;
            text-align: left; }
          #item-transfer-popup .work-history .popup-body .selects .select-1 select,
          #item-transfer-popup .work-history .popup-body .selects .select-2 select {
            width: 150px; }

#add-wip-popup,
#process-wip-popup {
  display: none; }
  #add-wip-popup .work-history,
  #process-wip-popup .work-history {
    width: auto;
    left: 28%; }
    #add-wip-popup .work-history .popup-body,
    #process-wip-popup .work-history .popup-body {
      display: flex;
      flex-direction: column;
      width: 400px; }
      #add-wip-popup .work-history .popup-body button,
      #add-wip-popup .work-history .popup-body a,
      #process-wip-popup .work-history .popup-body button,
      #process-wip-popup .work-history .popup-body a {
        margin: 5px; }

#itms-amounts-popup .overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

#itms-amounts-popup #select-itm-code {
  width: 150px; }

#itms-amounts-popup #search-box {
  position: relative; }
  #itms-amounts-popup #search-box #autocomplete-box {
    max-height: 200px;
    width: 200px;
    overflow-y: scroll;
    background-color: #fff;
    position: absolute;
    top: 35px;
    display: none; }
    #itms-amounts-popup #search-box #autocomplete-box:hover {
      display: block; }
    #itms-amounts-popup #search-box #autocomplete-box .ac-line-element {
      width: 100%;
      padding: 5px 10px;
      cursor: pointer; }
        #itms-amounts-popup #search-box #autocomplete-box .ac-line-element:hover {
            background-color: D8E7F4;
        }

#job-sites-address input,
#job-sites-address select {
  width: 250px; }

.danger {
  background-color: red; }

#itms-amounts-popup-btn {
  cursor: pointer;
  font-size: 12px;
  margin-top: 3px; }

.show {
  display: block; }

.hide {
  display: none; }