@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');


/*@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}*/

body {
    font-family: 'Lato', sans-serif !important;
    color: black !important;
    line-height: 1.9em !important;
    font-size: 15px !important;
}

.fa-btn {
    margin-right: 6px;
}

.btn-New, .btn-New:hover {
    color: #fff;
    background-color: #8a02e5;
    border-color: #8a02e5;
    cursor: default;
}

.btn-Estimating, .btn-Estimating:hover  {
    color: #fff;
    background-color: #0268e5;
    border-color: #0268e5;
    cursor: default;
}

.btn-Queued, .btn-Queued:hover  {
    color: #fff;
    background-color: #5fad85;
    border-color: #5fad85;
    cursor: default;
}

.btn-Active, .btn-Active:hover  {
    color: #fff;
    background-color: #00c631;
    border-color: #00c631;
    cursor: default;
}

.btn-Testing, .btn-Testing:hover  {
    color: #000;
    background-color: #e2c800;
    border-color: #e2c800;
    cursor: default;
}

.btn-Closed, .btn-Closed:hover  {
    color: #fff;
    background-color: #9b9b9b;
    border-color: #9b9b9b;
    cursor: default;
}

.btn-Declined, .btn-Declined:hover  {
    color: #fff;
    background-color: #e53b3b;
    border-color: #e53b3b;
    cursor: default;
}
.btn-Reopened, .btn-Reopened:hover  {
    color: #fff;
    background-color: #e50202;
    border-color: #e50202;
    cursor: default;
}
.btn-ReadytoInvoice, .btn-ReadytoInvoice:hover  {
    color: #fff;
    background-color: #c66300;
    border-color: #c66300;
    cursor: default;
}

.btn-Invoiced, .btn-Invoiced:hover  {
    color: #fff;
    background-color: #9b9b9b;
    border-color: #9b9b9b;
    cursor: default;
}

ol.vertical{
  margin: 0 0 9px 0;
      min-height: 10px;
      list-style-type: none;
      padding-left:5px;
}

ol.vertical li {
    display: block;
    margin: 5px;
    margin-left:0;
    padding: 5px;
    border-radius:3px;
    border: 1px solid #ddd;
    color: #0088cc;
    background: #f5f5f5;
    overflow:hidden;
    text-overflow: ellipsis;
}

/* Margin */
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

/* Margin Top */
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

/* Margin Bottom */
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Margin Start (left in LTR) */
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }

/* Margin End (right in LTR) */
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }

/* Margin X (left and right) */
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

/* Margin Y (top and bottom) */
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

/* Padding */
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Padding Top */
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Padding Bottom */
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Padding Start (left in LTR) */
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

/* Padding End (right in LTR) */
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }

/* Padding X */
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

/* Padding Y */
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }