@import '_content/Webcontractor.BlazorControls/Webcontractor.BlazorControls.ul6ka354tw.bundle.scp.css';

/* _content/WebcontractorV5/Components/MigrationProgressBar.razor.rz.scp.css */
.stat.good span[b-w8la24h43p] {
    color: var(--green);
}
.stat.bad span[b-w8la24h43p] {
    color: var(--red);
}
.stat.amber span[b-w8la24h43p] {
    color: var(--yellow2);
}

.block label[b-w8la24h43p] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    border-radius: 10px;
    font-size: 11px;
    color: #fff;
}

.block.amber label[b-w8la24h43p] {
    background: var(--yellow2);
}

.block.good label[b-w8la24h43p] {
    background: var(--green);
}

.block.bad label[b-w8la24h43p] {
    background: var(--red);
}
/* _content/WebcontractorV5/Components/UserInfoPopOut.razor.rz.scp.css */
.user-stamp[b-rmsx6f9611] {
    background-color: var(--primary);
    height: 30px;
    width: 30px;
    color: #ffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    position: relative;
    font-size: 12px;
    margin-top: 3px;
}

.user-tag[b-rmsx6f9611] {
    cursor: pointer;
}

    .user-tag > span:nth-of-type(1)[b-rmsx6f9611] {
        background-color: var(--bg);
        border-radius: 6px;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
        display: flex;
        line-height: 1em;
        padding: 5px 10px;
        text-align: left;
        padding-top: 8px;
    }

.user-stamp:hover[b-rmsx6f9611] {
    box-shadow: 0 0 0 2px var(--secondary);
}

.user-tag:hover > span:nth-of-type(1)[b-rmsx6f9611] {
    border: solid 1px var(--secondary);
}

.user-stamp:hover > .user-info[b-rmsx6f9611],
.user-tag:hover > .user-info[b-rmsx6f9611] {
    display: flex;
}

.user-info[b-rmsx6f9611] {
    display: none;
    position: fixed;
    transition: 0.2s all ease-out;
    color: black;
    background-color: white;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    border-radius: 8px;
    bottom: 15px;
    right: 30px;
    padding: 12px;
    width: max-content;
    /* display: flex; */
    flex-direction: column;
    align-items: flex-start;
    font-size: 11px;
    font-weight: 600;
    z-index: 10;
}



    .user-info > div[b-rmsx6f9611] {
        display: flex;
        align-items: center;
    }

        .user-info > div:nth-of-type(1)[b-rmsx6f9611] {
            font-size: 18px;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 10px;
        }

            .user-info > div:nth-of-type(1) .profile-img[b-rmsx6f9611] {
                height: 35px;
                width: 35px;
            }

        .user-info > div > span:nth-of-type(1)[b-rmsx6f9611] {
            font-size: 0.6rem;
            width: 45px;
            text-align: right;
        }

        .user-info > div > span:nth-of-type(2)[b-rmsx6f9611] {
            margin: 7px 10px 0px 10px;
            font-size: 14px;
        }

        .user-info > div:nth-of-type(1) > span:nth-of-type(2)[b-rmsx6f9611] {
            font-size: 18px;
        }
/* _content/WebcontractorV5/Pages/Controls/MessageExamples.razor.rz.scp.css */
.alert-green[b-9iutm6r4uq] {
    background-color: #37BC9B;
}

.alert-blue[b-9iutm6r4uq] {
    background-color: #4A89DC;
}


.alert-yellow[b-9iutm6r4uq] {
    background-color: #F6BB42;
}


.alert-red[b-9iutm6r4uq] {
    background-color: #E9573F;
}
/* _content/WebcontractorV5/Pages/Controls/NotificationExamples.razor.rz.scp.css */
.dropper li.notificationList[b-51nx6ayib2] {
  overflow: scroll;
  max-height: 90vh;
  overflow-x: hidden;
}
.dropper li.notificationList:hover[b-51nx6ayib2] {
  background: white;
}
.dropper li.notificationList > div[b-51nx6ayib2] {
  display: flex;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  padding: 10px;
  font-size: 0.8rem;
  overflow: hidden;
  cursor: pointer;
}
.dropper li.notificationList > div:hover[b-51nx6ayib2] {
  background: #F7F8FA;
}
.dropper li.notificationList > div > div[b-51nx6ayib2] {
  flex-grow: 1;
  text-align: left;
}
.dropper li.notificationList > div .date[b-51nx6ayib2] {
  font-size: 0.7rem;
  color: var(--primary);
  font-weight: 400;
  text-align: left;
  padding: 5px 0;
}
.dropper li.notificationList > div > span[b-51nx6ayib2] {
  transform: scaleY(0.8) translateY(-11px);
  padding: 5px;
  color: #999;
}
.dropper li.notificationList > div > span:hover[b-51nx6ayib2] {
  color: var(--secondary);
}
/* _content/WebcontractorV5/Pages/Shared/Components/PopOut/CommentListPopOut.razor.rz.scp.css */
.popout-actions[b-qpqc92xusy] {
    background: none;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr auto;
    padding: 20px 0 0 0;
}

[b-qpqc92xusy] .checkbox-field {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: end;
    padding: 5px 0 0 2px;
    text-align: left;
}

[b-qpqc92xusy] .grow-wrap {
    font-size: 12px;
    line-height: 14px;
}

.comments-button[b-qpqc92xusy] {
    position: relative;
}

.comments-wrapper[b-qpqc92xusy] {
    font-size: 10px;
    line-height: 10px;
}

.comments-busy-state[b-qpqc92xusy] {
    font-size: 10px;
    margin: 0;
    padding: 5px;
    text-align: left;
}

.comments-busy-state > span[b-qpqc92xusy] {
    padding-right: 5px;
}

.comments-container[b-qpqc92xusy] {
    display: flex;
    flex-direction: column-reverse;
    max-height: 300px;
    overflow: auto;
    padding: 5px 0 5px 0;
}

.comment-gutter[b-qpqc92xusy] {
    width: 40px;
}

.comment[b-qpqc92xusy] {
    display: grid;
    grid-gap: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .comment:hover + .tags-container[b-qpqc92xusy] {
        visibility: visible;
    }

    .comment.received[b-qpqc92xusy] {
        grid-template-columns: auto 1fr auto;
        justify-content: start;
        justify-items: start;
    }

[b-qpqc92xusy] .comment.received .user-stamp {
    grid-column: 1;
    grid-row: 3;
}

.comment.received .comment-status[b-qpqc92xusy] {
    grid-column: 2;
}

.comment.received .comment-display[b-qpqc92xusy] {
    background: var(--primary-fade);
    grid-column: 2;
}

.comment-received .comment-gutter[b-qpqc92xusy] {
    grid-column: 3;
    grid-row: 3;
}

.comment.sent[b-qpqc92xusy] {
    grid-template-columns: auto 1fr auto;
    justify-content: end;
    justify-items: end;
}

    .comment.sent .comment-status[b-qpqc92xusy] {
        grid-column: 2;
    }

    .comment.sent .comment-display[b-qpqc92xusy] {
        background-color: var(--secondary);
        color: white;
        grid-column: 2;
    }

[b-qpqc92xusy] .comment.sent .user-stamp {
    grid-column: 3;
    grid-row: 3;
}

.comment.sent .comment-gutter[b-qpqc92xusy] {
    grid-column: 1;
    grid-row: 3;
}

.comment-status[b-qpqc92xusy] {
    color: #999;
    font-size: 11px;
    font-weight: 100;
    padding: 5px 5px 0 5px;
}

.comment-status > span:not(.comment-status-author)[b-qpqc92xusy] {
    padding-left: 5px;
}

.comment-tags[b-qpqc92xusy] {
    grid-column: 2;
    grid-row: 2;
    padding: 5px 10px 0 10px;
    z-index: 2;
}

.comment-tag[b-qpqc92xusy] {
    border-radius: 10px;
    color: #FFF;
    font-size: 10px;
    margin: 0 1px;
    padding: 1px 8px;
}

.comment-display[b-qpqc92xusy] {
    border: none;
    border-radius: 10px;
    box-shadow: none;
    font-size: 12px;
    grid-row: 3;
    padding: 6px 10px 6px 10px;
    margin-top: -2px;
    text-align: start;
}

    .comment-display > span[b-qpqc92xusy] {
        vertical-align: text-bottom;
    }

.comment-deleted-message[b-qpqc92xusy] {
    font-style: italic;
}

.comment-undo-delete-button[b-qpqc92xusy] {
    font-style: normal;
    font-weight: bolder;
    padding-left: 5px;
    text-decoration: underline;
}

[b-qpqc92xusy] .popout-actions > .grow-wrap {
    grid-column: 1 / span 2;
}

    [b-qpqc92xusy] .popout-actions > .grow-wrap::after,
    [b-qpqc92xusy] .comment-text {
        border: 1px solid var(--primary-fade2) !important;
    }

[b-qpqc92xusy] .comment-internal {
    grid-column: 1;
}

[b-qpqc92xusy] .comment-add {
    align-self: stretch;
    grid-column: 2;
}

[b-qpqc92xusy] .user-stamp {
    margin: 0 5px 0 5px;
}

.comment-display-context-menu-options[b-qpqc92xusy] {
    background: var(--bg);
    border: 1px solid var(--primary-fade2);
    border-radius: 5px;
    color: var(--primary);
    display: none;
    font-size: 12px;
    list-style-type: none;
    margin: 0;
    padding: 2px;
    position: absolute;
    width: 100px;
    z-index: 299;
}

.comment-display-context-menu-options > li[b-qpqc92xusy] {
    border-radius: 5px;
    padding: 5px 10px;
}

    .comment-display-context-menu-options > li:hover[b-qpqc92xusy] {
        background: var(--primary);
        color: #FFF;
    }

    .comment-display-context-menu-options > li > span[b-qpqc92xusy] {
        padding-right: 5px;
    }

.draft-comment[b-qpqc92xusy] {
    background: var(--secondary-fade2);
    border-radius: 5px;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: 1fr auto auto;
    padding: 5px;
}

[b-qpqc92xusy] .draft-comment > .grow-wrap {
    grid-column: 1 / span 3;
}

    [b-qpqc92xusy] .draft-comment > .grow-wrap::after,
    [b-qpqc92xusy] .draft-comment-text {
        border: 1px solid var(--primary-fade2) !important;
    }

[b-qpqc92xusy] .draft-comment-text {
    margin: 0;
}

[b-qpqc92xusy] .draft-comment-internal {
    grid-column: 1;
}

[b-qpqc92xusy] .draft-comment-action {
    font-size: 12px;
    padding: 15px 15px 5px 18px !important;
}

[b-qpqc92xusy] .draft-comment-action > span {
    padding: 0;
}

[b-qpqc92xusy] .draft-comment-discard {
    grid-column: 2;
    padding: 0;
}

[b-qpqc92xusy] .draft-comment-save {
    grid-column: 3;
    padding: 0;
}
/* _content/WebcontractorV5/Pages/Shared/Components/PopOut/DocumentListPopOutBase.razor.rz.scp.css */
.documents-button[b-reutu2uuyz] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.documents-container[b-reutu2uuyz] {
    display: flex;
    max-height: 400px;
    flex-direction: column-reverse;
    overflow: auto;
    white-space: normal;
}

.document-options[b-reutu2uuyz] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-evenly;
}

.button[b-reutu2uuyz] {
    background: var(--primary);
    color: #FFFFFF;
}

.grid-card-container[b-reutu2uuyz] {
    padding: 0 20px;
}
/* _content/WebcontractorV5/Pages/Shared/Layout/Header/HeaderLayout.razor.rz.scp.css */
.transition[b-iv8t9l0toe] {
  transition: 0.2s all ease-in;
}
._10[b-iv8t9l0toe] {
  width: 10%;
}
._20[b-iv8t9l0toe] {
  width: 20%;
}
._25[b-iv8t9l0toe] {
  width: 25%;
}
._30[b-iv8t9l0toe] {
  width: 30%;
}
._40[b-iv8t9l0toe] {
  width: 40%;
}
._50[b-iv8t9l0toe] {
  width: 50%;
}
._60[b-iv8t9l0toe] {
  width: 60%;
}
._70[b-iv8t9l0toe] {
  width: 70%;
}
._75[b-iv8t9l0toe] {
  width: 75%;
}
._80[b-iv8t9l0toe] {
  width: 80%;
}
._90[b-iv8t9l0toe] {
  width: 90%;
}
._100[b-iv8t9l0toe] {
  width: 100%;
}
.mt[b-iv8t9l0toe] {
  margin-top: 10px;
}
.mb[b-iv8t9l0toe] {
  margin-bottom: 10px;
}
.ml[b-iv8t9l0toe] {
  margin-left: 10px;
}
.mr[b-iv8t9l0toe] {
  margin-right: 10px;
}
.ma[b-iv8t9l0toe] {
  margin: 10px;
}
.pt[b-iv8t9l0toe] {
  padding-top: 10px;
}
.pb[b-iv8t9l0toe] {
  padding-bottom: 10px;
}
.pl[b-iv8t9l0toe] {
  padding-left: 10px;
}
.pr[b-iv8t9l0toe] {
  padding-right: 10px;
}
.pa[b-iv8t9l0toe] {
  padding: 10px;
}
.break[b-iv8t9l0toe] {
  width: 100%;
  display: block;
  height: 0px;
  flex-basis: 100%;
}
.flex[b-iv8t9l0toe] {
  display: flex;
}
.shrink[b-iv8t9l0toe] {
  flex-shrink: 1;
}
.grow[b-iv8t9l0toe] {
  flex-grow: 1;
}
.text-right[b-iv8t9l0toe] {
  text-align: right;
}
.text-left[b-iv8t9l0toe] {
  text-align: left;
}
.text-center[b-iv8t9l0toe] {
  text-align: center;
}
a[b-iv8t9l0toe] {
  text-decoration: none;
  color: #000000;
}
.b[b-iv8t9l0toe] {
  border: 1px solid #E2E3E9;
}
body.dark-mode .b[b-iv8t9l0toe] {
  border-color: #434556;
}
.bl[b-iv8t9l0toe] {
  border-left: 1px solid #E2E3E9;
}
body.dark-mode .bl[b-iv8t9l0toe] {
  border-left-color: #434556;
}
.br[b-iv8t9l0toe] {
  border-right: 1px solid #E2E3E9;
}
body.dark-mode .br[b-iv8t9l0toe] {
  border-right-color: #434556;
}
.bt[b-iv8t9l0toe] {
  border-top: 1px solid #E2E3E9;
}
body.dark-mode .bt[b-iv8t9l0toe] {
  border-top-color: #434556;
}
.bb[b-iv8t9l0toe] {
  border-bottom: 1px solid #E2E3E9;
}
body.dark-mode .bb[b-iv8t9l0toe] {
  border-bottom-color: #434556;
}
.bg[b-iv8t9l0toe] {
  background: #F7F8FA;
}
body.dark-mode .bg[b-iv8t9l0toe] {
  background: #282934;
}
.white[b-iv8t9l0toe] {
  background: #FFFFFF;
}
body.dark-mode .white[b-iv8t9l0toe] {
  background: #333442;
}
.shadow[b-iv8t9l0toe] {
  box-shadow: 0 3px 20px 0 rgba(34, 34, 34, 0.05);
}
.title[b-iv8t9l0toe] {
  font-size: 1.6rem;
  font-weight: 500;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.dark-mode .title[b-iv8t9l0toe] {
  color: #FFFFFF;
}
a.title[b-iv8t9l0toe] {
  position: relative;
}
a.title:hover[b-iv8t9l0toe] {
  cursor: pointer;
  color: #000000;
}
.subsubtitle[b-iv8t9l0toe] {
  font-size: 0.8rem;
  font-weight: 500;
  padding: 10px 0;
  margin-bottom: 10px;
  color: #2274A5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.dark-mode .subsubtitle[b-iv8t9l0toe] {
  color: #FFFFFF;
}
.subtitle[b-iv8t9l0toe] {
  font-size: 1rem;
  font-weight: 500;
  padding: 10px 0;
  margin-bottom: 10px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subtitle.inline[b-iv8t9l0toe] {
  display: inline-flex;
}
body.dark-mode .subtitle[b-iv8t9l0toe] {
  color: #FFFFFF;
}
.subtitle button:first-child[b-iv8t9l0toe],
.subtitle .button:first-child[b-iv8t9l0toe] {
  margin-left: auto;
}
.subtitle.pl[b-iv8t9l0toe] {
  padding-left: 20px;
}
app[b-iv8t9l0toe],
.app[b-iv8t9l0toe] {
  display: flex;
  height: 100vh;
  width: 100vw;
  position: relative;
}
@media only screen and (max-width: 480px) {
  app[b-iv8t9l0toe],
  .app[b-iv8t9l0toe] {
    flex-direction: column;
  }
}
@media only screen and (orientation: landscape) and (max-width: 991px) {
  app[b-iv8t9l0toe],
  .app[b-iv8t9l0toe] {
    flex-direction: column;
  }
}
@media only screen and (orientation: landscape) and (max-width: 991px) {
  app[b-iv8t9l0toe],
  .app[b-iv8t9l0toe] {
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  app[b-iv8t9l0toe],
  .app[b-iv8t9l0toe] {
    overflow: hidden;
  }
}
.main-container[b-iv8t9l0toe] {
  flex-grow: 1;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.main-container main[b-iv8t9l0toe] {
  flex-grow: 1;
  padding: 20px;
  height: 100vh;
  overflow: auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .main-container main[b-iv8t9l0toe] {
    padding: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main-container main[b-iv8t9l0toe] {
    width: 100vw;
  }
}
@media only screen and (max-width: 480px) {
  .main-container[b-iv8t9l0toe] {
    width: 100vw;
    overflow: hidden;
  }
}
@media only screen and (orientation: landscape) and (max-width: 991px) {
  .main-container[b-iv8t9l0toe] {
    width: 100vw;
    overflow: hidden;
  }
}
html[b-iv8t9l0toe] {
  font-size: 12px;
}
app[b-iv8t9l0toe],
.main[b-iv8t9l0toe] {
  width: 100%;
}
.shadow[b-iv8t9l0toe] {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.inline-help[b-iv8t9l0toe] {
  border: none;
  color: #000000;
  background: #F7F8FA;
  border: 1px solid #E2E3E9;
  font-size: 7px;
}
.inline-help:hover[b-iv8t9l0toe] {
  color: #000000;
  border-color: #000000;
}
.inline-help span[b-iv8t9l0toe] {
  color: #000000;
  border: none;
  font-weight: 400;
  border: 1px solid #E2E3E9;
}
.panel[b-iv8t9l0toe] {
  margin-bottom: 20px;
}
.panel .r[b-iv8t9l0toe] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  column-gap: 10px;
}
.panel .block[b-iv8t9l0toe] {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background: #F7F8FA;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E2E3E9;
}
.panel .block span[b-iv8t9l0toe] {
  font-size: 1.3rem;
  margin-top: 10px;
  color: #2274A5;
  font-weight: 600;
}
.panel.grey[b-iv8t9l0toe] {
  background: #F7F8FA;
  border: 1px solid #E2E3E9;
  padding: 20px;
}
.loading[b-iv8t9l0toe] {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 1;
  margin: 50px auto;
  left: 0px;
  top: 0px;
}
.loading div[b-iv8t9l0toe] {
  position: absolute;
  border: 4px solid #0AD957;
  opacity: 1;
  border-radius: 50%;
  animation: loading-ripple-b-iv8t9l0toe 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}


.loading div:nth-child(2)[b-iv8t9l0toe] {
  animation-delay: -0.5s;
}
@keyframes loading-ripple-b-iv8t9l0toe {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.loading-message[b-iv8t9l0toe] {
  text-align: center;
  margin: 50px 0;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  font-size: 12px;
}
.sidebar[b-iv8t9l0toe],
.mobile-nav[b-iv8t9l0toe] {
  background: #FFFFFF;
  width: 225px;
  box-shadow: 0 3px 20px 0 rgba(34, 34, 34, 0.05);
  height: 100vh;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
body.dark-mode .sidebar[b-iv8t9l0toe],
body.dark-mode .mobile-nav[b-iv8t9l0toe] {
  background: #333442;
}
@media only screen and (max-width: 480px) {
  .sidebar[b-iv8t9l0toe],
  .mobile-nav[b-iv8t9l0toe] {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-width: 991px) {
  .sidebar[b-iv8t9l0toe],
  .mobile-nav[b-iv8t9l0toe] {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sidebar[b-iv8t9l0toe],
  .mobile-nav[b-iv8t9l0toe] {
    display: none;
  }
}
body.dark-mode .sidebar[b-iv8t9l0toe],
body.dark-mode .mobile-nav[b-iv8t9l0toe] {
  background: #333442;
}
.sidebar nav[b-iv8t9l0toe],
.mobile-nav nav[b-iv8t9l0toe] {
  border-top: 1px solid #E2E3E9;
}
.sidebar .topbutton-container[b-iv8t9l0toe],
.mobile-nav .topbutton-container[b-iv8t9l0toe] {
  margin: 10px;
}
.sidebar .topbutton-container .button[b-iv8t9l0toe],
.mobile-nav .topbutton-container .button[b-iv8t9l0toe],
.sidebar .topbutton-container button[b-iv8t9l0toe],
.mobile-nav .topbutton-container button[b-iv8t9l0toe] {
  font-size: 16px;
}
.sidebar .main-logo[b-iv8t9l0toe],
.mobile-nav .main-logo[b-iv8t9l0toe] {
  padding: 20px;
}
.sidebar .main-logo img[b-iv8t9l0toe],
.mobile-nav .main-logo img[b-iv8t9l0toe] {
  width: 80%;
  display: block;
  margin: 0 auto;
}
.sidebar nav[b-iv8t9l0toe],
.mobile-nav nav[b-iv8t9l0toe] {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.sidebar nav > ul > li > a[b-iv8t9l0toe],
.mobile-nav nav > ul > li > a[b-iv8t9l0toe] {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
  display: block;
}
.sidebar nav ul[b-iv8t9l0toe],
.mobile-nav nav ul[b-iv8t9l0toe] {
  margin: 0px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.sidebar nav ul li[b-iv8t9l0toe],
.mobile-nav nav ul li[b-iv8t9l0toe] {
  margin-bottom: 0px;
  position: relative;
}
.sidebar nav ul li.drop > .arrow[b-iv8t9l0toe],
.mobile-nav nav ul li.drop > .arrow[b-iv8t9l0toe] {
  transition: 0.2s all ease-in;
  left: -20px;
  height: 19px;
  width: 19px;
  background: #F7F8FA;
  border: 1px solid #E2E3E9;
  position: absolute;
  box-sizing: border-box;
  border-radius: 50%;
  transform: rotate(-90deg) translate(2px, 3px);
  top: 6px;
  cursor: pointer;
}
.sidebar nav ul li.drop > .arrow:hover[b-iv8t9l0toe],
.mobile-nav nav ul li.drop > .arrow:hover[b-iv8t9l0toe] {
  background: #2274A5;
}
.sidebar nav ul li.drop > .arrow:hover[b-iv8t9l0toe]:after,
.mobile-nav nav ul li.drop > .arrow:hover[b-iv8t9l0toe]:after {
  border-top-color: #FFFFFF;
}
.sidebar nav ul li.drop > .arrow[b-iv8t9l0toe]:after,
.mobile-nav nav ul li.drop > .arrow[b-iv8t9l0toe]:after {
  content: '';
  border: solid transparent;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #000000;
  border-width: 5px;
  border-radius: 0px;
  position: absolute;
  top: 7px;
  left: 4px;
}
.sidebar nav ul li.drop ul li.drop > .arrow[b-iv8t9l0toe],
.mobile-nav nav ul li.drop ul li.drop > .arrow[b-iv8t9l0toe] {
  left: -33px;
  top: 0px;
}
.sidebar nav ul li.drop > a[b-iv8t9l0toe],
.mobile-nav nav ul li.drop > a[b-iv8t9l0toe] {
  position: relative;
}
.sidebar nav ul li.drop > ul[b-iv8t9l0toe],
.mobile-nav nav ul li.drop > ul[b-iv8t9l0toe] {
  display: none;
  margin: 5px 0 0 0px;
}
.sidebar nav ul li.drop > ul li[b-iv8t9l0toe],
.mobile-nav nav ul li.drop > ul li[b-iv8t9l0toe] {
  margin-bottom: 7px;
}
.sidebar nav ul li.drop > ul li a[b-iv8t9l0toe],
.mobile-nav nav ul li.drop > ul li a[b-iv8t9l0toe] {
  padding: 0px;
}
.sidebar nav ul li.drop.selected > ul[b-iv8t9l0toe],
.mobile-nav nav ul li.drop.selected > ul[b-iv8t9l0toe] {
  display: block;
  border-left: 1px solid #E2E3E9;
}
.sidebar nav ul li.drop.selected > .arrow[b-iv8t9l0toe],
.mobile-nav nav ul li.drop.selected > .arrow[b-iv8t9l0toe] {
  transform: rotate(0deg) translateX(3px) translateY(-2px);
}
.sidebar nav ul li.drop.selected > a[b-iv8t9l0toe],
.mobile-nav nav ul li.drop.selected > a[b-iv8t9l0toe] {
  font-weight: 600;
}
.sidebar nav ul li:last-child[b-iv8t9l0toe],
.mobile-nav nav ul li:last-child[b-iv8t9l0toe] {
  margin-bottom: 0;
}
.sidebar nav ul li a[b-iv8t9l0toe],
.mobile-nav nav ul li a[b-iv8t9l0toe] {
  display: block;
  padding: 5px 8px;
}
.sidebar nav ul li a:not(.top-level-nav):hover[b-iv8t9l0toe],
.mobile-nav nav ul li a:not(.top-level-nav):hover[b-iv8t9l0toe] {
  text-decoration: underline;
}
.sidebar nav ul li a.top-level-nav[b-iv8t9l0toe],
.mobile-nav nav ul li a.top-level-nav[b-iv8t9l0toe] {
  margin-bottom: 0px;
}
.sidebar nav ul li a.active[b-iv8t9l0toe],
.mobile-nav nav ul li a.active[b-iv8t9l0toe] {
  font-weight: 700;
}
.sidebar nav ul li a.active:hover[b-iv8t9l0toe],
.mobile-nav nav ul li a.active:hover[b-iv8t9l0toe] {
  text-decoration: none;
}
.sidebar nav ul li a svg[b-iv8t9l0toe],
.mobile-nav nav ul li a svg[b-iv8t9l0toe] {
  display: inline-flex;
  margin-right: 9px;
  transform: translateY(5px);
  width: 21px;
}
.sidebar nav ul li.spacer[b-iv8t9l0toe],
.mobile-nav nav ul li.spacer[b-iv8t9l0toe] {
  flex-grow: 1;
}
.sidebar nav ul li ul[b-iv8t9l0toe],
.mobile-nav nav ul li ul[b-iv8t9l0toe] {
  margin-left: 12px;
  margin-bottom: 10px;
  padding-left: 20px;
  margin-top: 5px;
}
.sidebar nav ul li ul li a[b-iv8t9l0toe]:after,
.mobile-nav nav ul li ul li a[b-iv8t9l0toe]:after {
  top: 11px;
}
.sidebar nav[b-iv8t9l0toe] {
  padding-left: 40px;
}
.sidebar nav ul li.drop .arrow[b-iv8t9l0toe] {
  border: none;
  top: 10px;
}
.sidebar nav ul li.drop .arrow[b-iv8t9l0toe]:after {
  border-top-color: var(--primary);
}
.sidebar nav ul li.drop .arrow:hover[b-iv8t9l0toe] {
  background: var(--primary);
}
.topbutton-container .button .inline-number[b-iv8t9l0toe] {
  font-size: 8px;
  padding: 1px 5px;
  transform: translateY(-5px) translateX(-1px) scale(0.8);
  background: var(--secondary);
}

.clearNotificationsHeader[b-iv8t9l0toe] {
    display: flex;
}
.clearAllBtn[b-iv8t9l0toe] {
    font-size: 0.8rem;
    padding: 5px;
    flex-shrink: 3;
    text-align: end;
}
.viewRecentBtn[b-iv8t9l0toe] {
    
}

@keyframes flyInFromBelow-b-iv8t9l0toe {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0px;
        opacity: 1;
    }
}
.flyInFromBelow[b-iv8t9l0toe] {
    animation: flyInFromBelow-b-iv8t9l0toe 0.5s ease-in;
}

.notifTitle[b-iv8t9l0toe] {
    margin-top: 15px;
    font-size: 16px;
}
.drop .dropper[b-iv8t9l0toe] {
    width: 317px;
}

.drop .dropper li.notificationList:hover[b-iv8t9l0toe] {
    background: white;
}
.drop .dropper li.notificationList > div[b-iv8t9l0toe] {
    position: relative;
    display: flex;
    width: 300px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    font-size: 0.8rem;
    overflow: hidden;
    cursor: pointer;
}
.drop .dropper li.notificationList[b-iv8t9l0toe] {
    overflow: scroll;
    max-height: 60vh;
    overflow-x: hidden;
}
.drop .dropper li.notificationList > div:hover[b-iv8t9l0toe] {
  background: #F7F8FA;
}
.drop .dropper li.notificationList > div > div[b-iv8t9l0toe] {
  flex-grow: 1;
}
.drop .dropper li.notificationList > div .date[b-iv8t9l0toe] {
  font-size: 0.7rem;
  color: var(--primary);
  font-weight: 400;
  text-align: left;
  padding: 5px;
}
.drop .dropper li.notificationList > div > span[b-iv8t9l0toe] {
  transform: scaleY(0.8) translateY(-11px);
  padding: 5px;
  color: #999;
}
.drop .dropper li.notificationList > div > span:hover[b-iv8t9l0toe] {
  color: var(--secondary);
}
[b-iv8t9l0toe] .notificationList > div a {
    background: transparent;
    text-align: left;
    font-size: 0.8rem;
    display: inline;
    color: var(--green);
    font-weight: 700;
    pointer-events:none;
}
[b-iv8t9l0toe] .notificationList > div a:hover {
    color: var(--primary)
}
[b-iv8t9l0toe] svg#Layer_1 {
  transform: translateY(3px);
  height: 17px;
  width: 17px;
}
[b-iv8t9l0toe] svg#Layer_1 path.cls-1,
[b-iv8t9l0toe] svg#Layer_1 path.cls-2,
[b-iv8t9l0toe] svg#Layer_1 rect.cls-2 {
  fill: var(--primary);
}
/* _content/WebcontractorV5/Pages/Shared/Layout/Header/Notifications.razor.rz.scp.css */
.clearAllBtn[b-4s8tzmpczg] {
  font-size: 0.8rem;
  padding: 5px;
}
.drop .dropper li.clearNotificationsHeader[b-4s8tzmpczg] {
  display: grid;
  grid-template-columns: 70% 1fr;
  border-top: 1px solid var(--border);
}
.drop .dropper li.clearNotificationsHeader:hover[b-4s8tzmpczg] {
  background: white;
}
.drop .dropper li.clearNotificationsHeader > *:last-child[b-4s8tzmpczg] {
  text-align: right;
}
/*.inline-number {
    font-size: 10px;
    padding: 0px 5px;
    margin-bottom: 4px;
    transform: translateY(-5px) translateX(-1px) scale(0.8);
    background: var(--secondary);
}*/
.topbutton-container .button .inline-number[b-4s8tzmpczg] {
  background: var(--secondary);
}
.notifTitle[b-4s8tzmpczg] {
  font-size: 16px;
  padding: 15px 0;
  margin: 0;
  background-color: #eeeeee;
}
.notifTitle:hover[b-4s8tzmpczg] {
  background-color: #eeeeee;
}
.drop .dropper li a[b-4s8tzmpczg] {
  display: inline;
}
.drop .dropper li.notificationList[b-4s8tzmpczg] {
  overflow: scroll;
  max-height: 60vh;
  overflow-x: hidden;
}
.drop .dropper li.notificationList:hover[b-4s8tzmpczg] {
  background: white;
}
.drop .dropper li.notificationList > div[b-4s8tzmpczg] {
  display: flex;
  width: 300px;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  padding: 10px;
  font-size: 0.8rem;
  overflow: hidden;
  cursor: pointer;
}
.drop .dropper li.notificationList > div:hover[b-4s8tzmpczg] {
  background: #F7F8FA;
}
.drop .dropper li.notificationList > div > div[b-4s8tzmpczg] {
  flex-grow: 1;
  text-align: left;
}
.drop .dropper li.notificationList > div .date[b-4s8tzmpczg] {
  font-size: 0.7rem;
  color: var(--primary);
  font-weight: 400;
  text-align: left;
  padding: 5px 0;
}
.drop .dropper li.notificationList > div > span[b-4s8tzmpczg] {
  transform: scaleY(0.8) translateY(-11px);
  padding: 5px;
  color: #999;
}
.drop .dropper li.notificationList > div > span:hover[b-4s8tzmpczg] {
  color: var(--secondary);
}
/* _content/WebcontractorV5/Pages/Shared/Layout/Sidebar/NavMenu.razor.rz.scp.css */
.transition[b-iqhi34sjhf] {
    transition: 0.2s all ease-in;
}

._10[b-iqhi34sjhf] {
    width: 10%;
}

._20[b-iqhi34sjhf] {
    width: 20%;
}

._25[b-iqhi34sjhf] {
    width: 25%;
}

._30[b-iqhi34sjhf] {
    width: 30%;
}

._40[b-iqhi34sjhf] {
    width: 40%;
}

._50[b-iqhi34sjhf] {
    width: 50%;
}

._60[b-iqhi34sjhf] {
    width: 60%;
}

._70[b-iqhi34sjhf] {
    width: 70%;
}

._75[b-iqhi34sjhf] {
    width: 75%;
}

._80[b-iqhi34sjhf] {
    width: 80%;
}

._90[b-iqhi34sjhf] {
    width: 90%;
}

._100[b-iqhi34sjhf] {
    width: 100%;
}

.mt[b-iqhi34sjhf] {
    margin-top: 10px;
}

.mb[b-iqhi34sjhf] {
    margin-bottom: 10px;
}

.ml[b-iqhi34sjhf] {
    margin-left: 10px;
}

.mr[b-iqhi34sjhf] {
    margin-right: 10px;
}

.ma[b-iqhi34sjhf] {
    margin: 10px;
}

.pt[b-iqhi34sjhf] {
    padding-top: 10px;
}

.pb[b-iqhi34sjhf] {
    padding-bottom: 10px;
}

.pl[b-iqhi34sjhf] {
    padding-left: 10px;
}

.pr[b-iqhi34sjhf] {
    padding-right: 10px;
}

.pa[b-iqhi34sjhf] {
    padding: 10px;
}

.break[b-iqhi34sjhf] {
    width: 100%;
    display: block;
    height: 0px;
    flex-basis: 100%;
}

.flex[b-iqhi34sjhf] {
    display: flex;
}

.shrink[b-iqhi34sjhf] {
    flex-shrink: 1;
}

.grow[b-iqhi34sjhf] {
    flex-grow: 1;
}

.text-right[b-iqhi34sjhf] {
    text-align: right;
}

.text-left[b-iqhi34sjhf] {
    text-align: left;
}

.text-center[b-iqhi34sjhf] {
    text-align: center;
}

a[b-iqhi34sjhf] {
    text-decoration: none;
    color: #000000;
}

.b[b-iqhi34sjhf] {
    border: 1px solid #E2E3E9;
}

body.dark-mode .b[b-iqhi34sjhf] {
    border-color: #434556;
}

.bl[b-iqhi34sjhf] {
    border-left: 1px solid #E2E3E9;
}

body.dark-mode .bl[b-iqhi34sjhf] {
    border-left-color: #434556;
}

.br[b-iqhi34sjhf] {
    border-right: 1px solid #E2E3E9;
}

body.dark-mode .br[b-iqhi34sjhf] {
    border-right-color: #434556;
}

.bt[b-iqhi34sjhf] {
    border-top: 1px solid #E2E3E9;
}

body.dark-mode .bt[b-iqhi34sjhf] {
    border-top-color: #434556;
}

.bb[b-iqhi34sjhf] {
    border-bottom: 1px solid #E2E3E9;
}

body.dark-mode .bb[b-iqhi34sjhf] {
    border-bottom-color: #434556;
}

.bg[b-iqhi34sjhf] {
    background: #F7F8FA;
}

body.dark-mode .bg[b-iqhi34sjhf] {
    background: #282934;
}

.white[b-iqhi34sjhf] {
    background: #FFFFFF;
}

body.dark-mode .white[b-iqhi34sjhf] {
    background: #333442;
}

.shadow[b-iqhi34sjhf] {
    box-shadow: 0 3px 20px 0 rgba(34, 34, 34, 0.05);
}

.title[b-iqhi34sjhf] {
    font-size: 1.6rem;
    font-weight: 500;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.dark-mode .title[b-iqhi34sjhf] {
    color: #FFFFFF;
}

a.title[b-iqhi34sjhf] {
    position: relative;
}

    a.title:hover[b-iqhi34sjhf] {
        cursor: pointer;
        color: #000000;
    }

.subsubtitle[b-iqhi34sjhf] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 10px;
    color: #2274A5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.dark-mode .subsubtitle[b-iqhi34sjhf] {
    color: #FFFFFF;
}

.subtitle[b-iqhi34sjhf] {
    font-size: 1rem;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 10px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .subtitle.inline[b-iqhi34sjhf] {
        display: inline-flex;
    }

body.dark-mode .subtitle[b-iqhi34sjhf] {
    color: #FFFFFF;
}

.subtitle button:first-child[b-iqhi34sjhf],
.subtitle .button:first-child[b-iqhi34sjhf] {
    margin-left: auto;
}

.subtitle.pl[b-iqhi34sjhf] {
    padding-left: 20px;
}

app[b-iqhi34sjhf],
.app[b-iqhi34sjhf] {
    display: flex;
    height: 100vh;
    width: 100vw;
    position: relative;
}

@media only screen and (max-width: 480px) {
    app[b-iqhi34sjhf],
    .app[b-iqhi34sjhf] {
        flex-direction: column;
    }
}

@media only screen and (orientation: landscape) and (max-width: 991px) {
    app[b-iqhi34sjhf],
    .app[b-iqhi34sjhf] {
        flex-direction: column;
    }
}

@media only screen and (orientation: landscape) and (max-width: 991px) {
    app[b-iqhi34sjhf],
    .app[b-iqhi34sjhf] {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1700px) {
    app[b-iqhi34sjhf],
    .app[b-iqhi34sjhf] {
        overflow: hidden;
    }
}

.main-container[b-iqhi34sjhf] {
    flex-grow: 1;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

    .main-container main[b-iqhi34sjhf] {
        flex-grow: 1;
        padding: 20px;
        height: 100vh;
        overflow: auto;
        box-sizing: border-box;
    }

@media only screen and (max-width: 480px) {
    .main-container main[b-iqhi34sjhf] {
        padding: 0px;
    }
}

@media only screen and (max-width: 1700px) {
    .main-container main[b-iqhi34sjhf] {
        width: 100vw;
    }
}

@media only screen and (max-width: 480px) {
    .main-container[b-iqhi34sjhf] {
        width: 100vw;
        overflow: hidden;
    }
}

@media only screen and (orientation: landscape) and (max-width: 991px) {
    .main-container[b-iqhi34sjhf] {
        width: 100vw;
        overflow: hidden;
    }
}

html[b-iqhi34sjhf] {
    font-size: 12px;
}

app[b-iqhi34sjhf],
.main[b-iqhi34sjhf] {
    width: 100%;
}

.shadow[b-iqhi34sjhf] {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.inline-help[b-iqhi34sjhf] {
    border: none;
    color: #000000;
    background: #F7F8FA;
    border: 1px solid #E2E3E9;
    font-size: 7px;
}

    .inline-help:hover[b-iqhi34sjhf] {
        color: #000000;
        border-color: #000000;
    }

    .inline-help span[b-iqhi34sjhf] {
        color: #000000;
        border: none;
        font-weight: 400;
        border: 1px solid #E2E3E9;
    }

.panel[b-iqhi34sjhf] {
    margin-bottom: 20px;
}

    .panel .r[b-iqhi34sjhf] {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        column-gap: 10px;
    }

    .panel .block[b-iqhi34sjhf] {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        background: #F7F8FA;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #E2E3E9;
    }

        .panel .block span[b-iqhi34sjhf] {
            font-size: 1.3rem;
            margin-top: 10px;
            color: #2274A5;
            font-weight: 600;
        }

    .panel.grey[b-iqhi34sjhf] {
        background: #F7F8FA;
        border: 1px solid #E2E3E9;
        padding: 20px;
    }

.loading[b-iqhi34sjhf] {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    z-index: 1;
    margin: 50px auto;
    left: 0px;
    top: 0px;
}

    .loading div[b-iqhi34sjhf] {
        position: absolute;
        border: 4px solid #0AD957;
        opacity: 1;
        border-radius: 50%;
        animation: loading-ripple-b-iqhi34sjhf 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .loading div:nth-child(2)[b-iqhi34sjhf] {
            animation-delay: -0.5s;
        }

@keyframes loading-ripple-b-iqhi34sjhf {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

.loading-message[b-iqhi34sjhf] {
    text-align: center;
    margin: 50px 0;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-size: 12px;
}

.sidebar[b-iqhi34sjhf],
.mobile-nav[b-iqhi34sjhf] {
    background: #FFFFFF;
    width: 225px;
    box-shadow: 0 3px 20px 0 rgba(34, 34, 34, 0.05);
    height: 100vh;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

body.dark-mode .sidebar[b-iqhi34sjhf],
body.dark-mode .mobile-nav[b-iqhi34sjhf] {
    background: #333442;
}

@media only screen and (max-width: 480px) {
    .sidebar[b-iqhi34sjhf],
    .mobile-nav[b-iqhi34sjhf] {
        display: none;
    }
}

@media only screen and (orientation: landscape) and (max-width: 991px) {
    .sidebar[b-iqhi34sjhf],
    .mobile-nav[b-iqhi34sjhf] {
        display: none;
    }
}

@media only screen and (max-width: 1700px) {
    .sidebar[b-iqhi34sjhf],
    .mobile-nav[b-iqhi34sjhf] {
        display: none;
    }
}

body.dark-mode .sidebar[b-iqhi34sjhf],
body.dark-mode .mobile-nav[b-iqhi34sjhf] {
    background: #333442;
}

.sidebar nav[b-iqhi34sjhf],
.mobile-nav nav[b-iqhi34sjhf] {
    border-top: 1px solid #E2E3E9;
}

.sidebar .topbutton-container[b-iqhi34sjhf],
.mobile-nav .topbutton-container[b-iqhi34sjhf] {
    margin: 10px;
}

    .sidebar .topbutton-container .button[b-iqhi34sjhf],
    .mobile-nav .topbutton-container .button[b-iqhi34sjhf],
    .sidebar .topbutton-container button[b-iqhi34sjhf],
    .mobile-nav .topbutton-container button[b-iqhi34sjhf] {
        font-size: 16px;
    }

.sidebar .main-logo[b-iqhi34sjhf],
.mobile-nav .main-logo[b-iqhi34sjhf] {
    padding: 20px;
}

    .sidebar .main-logo img[b-iqhi34sjhf],
    .mobile-nav .main-logo img[b-iqhi34sjhf] {
        width: 80%;
        display: block;
        margin: 0 auto;
    }

.sidebar nav[b-iqhi34sjhf],
.mobile-nav nav[b-iqhi34sjhf] {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

    .sidebar nav > ul > li > a[b-iqhi34sjhf],
    .mobile-nav nav > ul > li > a[b-iqhi34sjhf] {
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 5px;
        display: block;
    }

    .sidebar nav ul[b-iqhi34sjhf] {
        width: 180px;
    }

    .sidebar nav ul[b-iqhi34sjhf],
    .mobile-nav nav ul[b-iqhi34sjhf] {
        margin: 0px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

        .sidebar nav ul li[b-iqhi34sjhf],
        .mobile-nav nav ul li[b-iqhi34sjhf] {
            margin-bottom: 0px;
            position: relative;
        }

            .sidebar nav ul li.drop > .arrow[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop > .arrow[b-iqhi34sjhf] {
                transition: 0.2s all ease-in;
                left: -20px;
                height: 19px;
                width: 19px;
                background: #F7F8FA;
                border: 1px solid #E2E3E9;
                position: absolute;
                box-sizing: border-box;
                border-radius: 50%;
                transform: rotate(-90deg) translate(2px, 3px);
                top: 6px;
                cursor: pointer;
            }

                .sidebar nav ul li.drop > .arrow:hover[b-iqhi34sjhf],
                .mobile-nav nav ul li.drop > .arrow:hover[b-iqhi34sjhf] {
                    background: #2274A5;
                }

                    .sidebar nav ul li.drop > .arrow:hover[b-iqhi34sjhf]:after,
                    .mobile-nav nav ul li.drop > .arrow:hover[b-iqhi34sjhf]:after {
                        border-top-color: #FFFFFF;
                    }

                .sidebar nav ul li.drop > .arrow[b-iqhi34sjhf]:after,
                .mobile-nav nav ul li.drop > .arrow[b-iqhi34sjhf]:after {
                    content: '';
                    border: solid transparent;
                    border-color: rgba(136, 183, 213, 0);
                    border-top-color: #000000;
                    border-width: 5px;
                    border-radius: 0px;
                    position: absolute;
                    top: 7px;
                    left: 4px;
                }

            .sidebar nav ul li.drop ul li.drop > .arrow[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop ul li.drop > .arrow[b-iqhi34sjhf] {
                left: -33px;
                top: 0px;
            }

            .sidebar nav ul li.drop > a[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop > a[b-iqhi34sjhf] {
                position: relative;
            }

            .sidebar nav ul li.drop > ul[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop > ul[b-iqhi34sjhf] {
                display: none;
                margin: 5px 0 0 0px;
            }

                .sidebar nav ul li.drop > ul li[b-iqhi34sjhf],
                .mobile-nav nav ul li.drop > ul li[b-iqhi34sjhf] {
                    margin-bottom: 7px;
                }

                    .sidebar nav ul li.drop > ul li a[b-iqhi34sjhf],
                    .mobile-nav nav ul li.drop > ul li a[b-iqhi34sjhf] {
                        padding: 0px;
                    }

            .sidebar nav ul li.drop.selected > ul[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop.selected > ul[b-iqhi34sjhf] {
                display: block;
                border-left: 1px solid #E2E3E9;
            }

            .sidebar nav ul li.drop.selected > .arrow[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop.selected > .arrow[b-iqhi34sjhf] {
                transform: rotate(0deg) translateX(3px) translateY(-2px);
            }

            .sidebar nav ul li.drop.selected > a[b-iqhi34sjhf],
            .mobile-nav nav ul li.drop.selected > a[b-iqhi34sjhf] {
                font-weight: 600;
            }

            .sidebar nav ul li:last-child[b-iqhi34sjhf],
            .mobile-nav nav ul li:last-child[b-iqhi34sjhf] {
                margin-bottom: 0;
            }

            .sidebar nav ul li a[b-iqhi34sjhf],
            .mobile-nav nav ul li a[b-iqhi34sjhf] {
                display: block;
                padding: 5px 8px;
            }

                .sidebar nav ul li a:not(.top-level-nav):hover[b-iqhi34sjhf],
                .mobile-nav nav ul li a:not(.top-level-nav):hover[b-iqhi34sjhf] {
                    text-decoration: underline;
                }

                .sidebar nav ul li a.top-level-nav[b-iqhi34sjhf],
                .mobile-nav nav ul li a.top-level-nav[b-iqhi34sjhf] {
                    margin-bottom: 0px;
                }

                .sidebar nav ul li a.active[b-iqhi34sjhf],
                .mobile-nav nav ul li a.active[b-iqhi34sjhf] {
                    font-weight: 700;
                }

                    .sidebar nav ul li a.active:hover[b-iqhi34sjhf],
                    .mobile-nav nav ul li a.active:hover[b-iqhi34sjhf] {
                        text-decoration: none;
                    }

                .sidebar nav ul li a svg[b-iqhi34sjhf],
                .mobile-nav nav ul li a svg[b-iqhi34sjhf] {
                    display: inline-flex;
                    margin-right: 9px;
                    transform: translateY(5px);
                    width: 21px;
                }

            .sidebar nav ul li.spacer[b-iqhi34sjhf],
            .mobile-nav nav ul li.spacer[b-iqhi34sjhf] {
                flex-grow: 1;
            }

            .sidebar nav ul li ul[b-iqhi34sjhf],
            .mobile-nav nav ul li ul[b-iqhi34sjhf] {
                margin-left: 12px;
                margin-bottom: 10px;
                padding-left: 20px;
                margin-top: 5px;
            }

                .sidebar nav ul li ul li a[b-iqhi34sjhf]:after,
                .mobile-nav nav ul li ul li a[b-iqhi34sjhf]:after {
                    top: 11px;
                }

.collapsed-values[b-iqhi34sjhf] {
    width: 60px;
    overflow: visible;
}

    .collapsed-values .main-logo[b-iqhi34sjhf] {
        height: 22px;
    }

        .collapsed-values .main-logo img[b-iqhi34sjhf] {
            display: none;
        }

    .collapsed-values[b-iqhi34sjhf]  #MobileLogo {
        display: block;
        padding: 10px;
    }

    .collapsed-values[b-iqhi34sjhf]  #WebContractorLogo {
        display: none;
    }

    .collapsed-values .menu-collapser[b-iqhi34sjhf] {
        transform: rotate(180deg);
    }

    .collapsed-values .copyright-text[b-iqhi34sjhf] {
        display: none;
    }

    .collapsed-values nav[b-iqhi34sjhf] {
        padding: 20px 12px;
    }

        .collapsed-values nav > ul > li[b-iqhi34sjhf],
        .collapsed-values nav > ul > li.drop.selected[b-iqhi34sjhf] {
            position: relative;
            list-style-type: none;
        }

            .collapsed-values nav > ul > li span[b-iqhi34sjhf],
            .collapsed-values nav > ul > li.drop.selected span[b-iqhi34sjhf] {
                display: none;
            }

            .collapsed-values nav > ul > li > ul[b-iqhi34sjhf],
            .collapsed-values nav > ul > li.drop.selected > ul[b-iqhi34sjhf] {
                display: none;
            }

            .collapsed-values nav > ul > li:hover > ul[b-iqhi34sjhf],
            .collapsed-values nav > ul > li.drop.selected:hover > ul[b-iqhi34sjhf] {
                display: block;
                position: absolute;
                top: 0px;
                left: 20px;
                padding: 10px;
                background: #FFFFFF;
                box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
                border-radius: 4px;
            }

                .collapsed-values nav > ul > li:hover > ul li[b-iqhi34sjhf],
                .collapsed-values nav > ul > li.drop.selected:hover > ul li[b-iqhi34sjhf] {
                    white-space: nowrap;
                }

                    .collapsed-values nav > ul > li:hover > ul li ul[b-iqhi34sjhf],
                    .collapsed-values nav > ul > li.drop.selected:hover > ul li ul[b-iqhi34sjhf] {
                        display: block;
                    }

        .collapsed-values nav > ul li.hide-collapsed[b-iqhi34sjhf] {
            display: none;
        }

.sidebar.hidden[b-iqhi34sjhf] {
    width: 60px;
    overflow: visible;
}

    .sidebar.hidden .main-logo[b-iqhi34sjhf] {
        height: 22px;
    }

        .sidebar.hidden .main-logo img[b-iqhi34sjhf] {
            display: none;
        }

    .sidebar.hidden[b-iqhi34sjhf]  #MobileLogo {
        display: block;
        padding: 10px;
    }

    .sidebar.hidden[b-iqhi34sjhf]  #WebContractorLogo {
        display: none;
    }

    .sidebar.hidden .menu-collapser[b-iqhi34sjhf] {
        transform: rotate(180deg);
    }

    .sidebar.hidden .copyright-text[b-iqhi34sjhf] {
        display: none;
    }

    .sidebar.hidden .nav-secondary-links-container[b-iqhi34sjhf] {
        display: none;
    }

    .sidebar.hidden nav[b-iqhi34sjhf] {
        padding: 20px 12px;
    }

        .sidebar.hidden nav > ul[b-iqhi34sjhf] {
            width: unset;
        }

            .sidebar.hidden nav > ul > li[b-iqhi34sjhf],
            .sidebar.hidden nav > ul > li.drop.selected[b-iqhi34sjhf] {
                position: relative;
                list-style-type: none;
            }

                .sidebar.hidden nav > ul > li span[b-iqhi34sjhf],
                .sidebar.hidden nav > ul > li.drop.selected span[b-iqhi34sjhf] {
                    display: none;
                }

                .sidebar.hidden nav > ul > li > ul[b-iqhi34sjhf],
                .sidebar.hidden nav > ul > li.drop.selected > ul[b-iqhi34sjhf] {
                    display: none;
                }

                .sidebar.hidden nav > ul > li:hover > ul[b-iqhi34sjhf],
                .sidebar.hidden nav > ul > li.drop.selected:hover > ul[b-iqhi34sjhf] {
                    display: block;
                    position: absolute;
                    top: 0px;
                    left: 20px;
                    padding: 10px;
                    background: #FFFFFF;
                    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
                    border-radius: 4px;
                }

                    .sidebar.hidden nav > ul > li:hover > ul li[b-iqhi34sjhf],
                    .sidebar.hidden nav > ul > li.drop.selected:hover > ul li[b-iqhi34sjhf] {
                        white-space: nowrap;
                    }

                        .sidebar.hidden nav > ul > li:hover > ul li ul[b-iqhi34sjhf],
                        .sidebar.hidden nav > ul > li.drop.selected:hover > ul li ul[b-iqhi34sjhf] {
                            display: block;
                        }

            .sidebar.hidden nav > ul li.hide-collapsed[b-iqhi34sjhf] {
                display: none;
            }

.sidebar nav[b-iqhi34sjhf] {
    padding-left: 40px;
}

    .sidebar nav ul li.drop ul[b-iqhi34sjhf] {
        margin-left: 13px;
    }

    .sidebar nav ul li.drop.static > .arrow[b-iqhi34sjhf] {
        cursor: default;
        background: #000;
        height: 3px;
        width: 3px;
        display: none;
    }

        .sidebar nav ul li.drop.static > .arrow:hover[b-iqhi34sjhf] {
            background: #000;
        }

        .sidebar nav ul li.drop.static > .arrow[b-iqhi34sjhf]:after {
            display: none;
        }

    .sidebar nav ul li.drop .arrow[b-iqhi34sjhf] {
        border: none;
        top: 10px;
    }

        .sidebar nav ul li.drop .arrow[b-iqhi34sjhf]:after {
            border-top-color: var(--primary);
        }

        .sidebar nav ul li.drop .arrow:hover[b-iqhi34sjhf] {
            background: var(--primary);
        }

    .sidebar nav ul li[b-iqhi34sjhf] {
        font-size: 10px;
    }

.top-level-nav span[b-iqhi34sjhf] {
    font-size: 12px;
}

@media only screen and (max-width: 1700px) {
    .sidebar[b-iqhi34sjhf] {
        display: block;
        width: 60px;
        overflow: visible;
    }

        .sidebar .main-logo[b-iqhi34sjhf] {
            height: 22px;
        }

            .sidebar .main-logo img[b-iqhi34sjhf] {
                display: none;
            }

        .sidebar[b-iqhi34sjhf]  #MobileLogo {
            display: block;
            padding: 10px;
        }

        .sidebar[b-iqhi34sjhf]  #WebContractorLogo {
            display: none;
        }

        .sidebar .menu-collapser[b-iqhi34sjhf] {
            transform: rotate(180deg);
        }

        .sidebar .copyright-text[b-iqhi34sjhf] {
            display: none;
        }

        .sidebar .nav-secondary-links-container[b-iqhi34sjhf] {
            display: none;
        }

        .sidebar nav[b-iqhi34sjhf] {
            padding: 20px 12px;
        }

            .sidebar nav > ul[b-iqhi34sjhf] {
                width: unset;
            }

                .sidebar nav > ul > li[b-iqhi34sjhf],
                .sidebar nav > ul > li.drop.selected[b-iqhi34sjhf] {
                    position: relative;
                    list-style-type: none;
                }

                    .sidebar nav > ul > li span[b-iqhi34sjhf],
                    .sidebar nav > ul > li.drop.selected span[b-iqhi34sjhf] {
                        display: none;
                    }

                    .sidebar nav > ul > li > ul[b-iqhi34sjhf],
                    .sidebar nav > ul > li.drop.selected > ul[b-iqhi34sjhf] {
                        display: none;
                    }

                    .sidebar nav > ul > li:hover > ul[b-iqhi34sjhf],
                    .sidebar nav > ul > li.drop.selected:hover > ul[b-iqhi34sjhf] {
                        display: block;
                        position: absolute;
                        top: 0px;
                        left: 20px;
                        padding: 10px;
                        background: #FFFFFF;
                        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
                        border-radius: 4px;
                    }

                        .sidebar nav > ul > li:hover > ul li[b-iqhi34sjhf],
                        .sidebar nav > ul > li.drop.selected:hover > ul li[b-iqhi34sjhf] {
                            white-space: nowrap;
                        }

                            .sidebar nav > ul > li:hover > ul li ul[b-iqhi34sjhf],
                            .sidebar nav > ul > li.drop.selected:hover > ul li ul[b-iqhi34sjhf] {
                                display: block;
                            }

                .sidebar nav > ul li.hide-collapsed[b-iqhi34sjhf] {
                    display: none;
                }

        .sidebar .menu-collapser[b-iqhi34sjhf] {
            display: none;
        }
}

nav[b-iqhi34sjhf]  a:hover {
    color: var(--secondary);
}

nav[b-iqhi34sjhf]  svg#Layer_1 {
    transform: translateY(3px);
    height: 17px;
    width: 17px;
}

    nav[b-iqhi34sjhf]  svg#Layer_1 path.cls-1,
    nav[b-iqhi34sjhf]  svg#Layer_1 path.cls-2,
    nav[b-iqhi34sjhf]  svg#Layer_1 rect.cls-2 {
        fill: var(--primary);
    }

nav[b-iqhi34sjhf]  a.active svg#Layer_1 path.cls-1,
nav[b-iqhi34sjhf]  a.active svg#Layer_1 path.cls-2,
nav[b-iqhi34sjhf]  a.active svg#Layer_1 rect.cls-2 {
    fill: white;
}

.sidebar > nav.nav-secondary-links-container[b-iqhi34sjhf] {
    border: none;
    padding: 10px 20px;
}

    .sidebar > nav.nav-secondary-links-container > ul.nav-secondary-links[b-iqhi34sjhf] {
        justify-content: flex-end;
        list-style: none;
    }

        .sidebar > nav.nav-secondary-links-container > ul.nav-secondary-links > li > a.nav-secondary-link[b-iqhi34sjhf] {
            font-size: 12px;
            font-weight: 100;
            margin: 0;
            padding: 0;
        }

@dark {
    fill: #fff;
}
/* _content/WebcontractorV5/Pages/Site/Account/ListAccounts.razor.rz.scp.css */
#contractorUsers th[b-crrtrls8de] {
  padding-right: 10px;
}
/* _content/WebcontractorV5/Pages/Site/ApplicationForPayment/ArchiveComponents/ArchivedAfpDetails.razor.rz.scp.css */
.archiveFlex[b-9uo3hind9z] {
    background-color: #ebeef2;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 0 10px;
}

.archiveFlex > section[b-9uo3hind9z] {
    display: flex;
    flex-direction: row;
    flex-basis: 40%;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

body.dark-mode .archiveFlex[b-9uo3hind9z] {
    background-color: transparent;
}
/* _content/WebcontractorV5/Pages/Site/ApplicationForPayment/ListApplicationForPayments.razor.rz.scp.css */
.buttons-container[b-a2fefrjunl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

[b-a2fefrjunl] .documents-button {
    display: block;
}

[b-a2fefrjunl] .button.inline-icon {
    background: var(--bg);
}

[b-a2fefrjunl] .button.inline-icon:hover {
    background: var(--primary);
}

    [b-a2fefrjunl] .button.inline-icon > span:first-child {
        background: unset;
        width: 40px;
        height: 40px;
    }

    [b-a2fefrjunl] .button.inline-icon > span:first-child:before {
        vertical-align: bottom;
    }

[b-a2fefrjunl] .button.inline-icon > .button-text {
    font-weight: bold;
}
/* _content/WebcontractorV5/Pages/Site/DataImport/DynamicInputGrid.razor.rz.scp.css */
.dynamic-input-grid[b-lo26sd3bbr] {
    display: grid;
    font-size: 10px;
    background: #1e396b1a;
    padding-bottom: 5px;
}

.dynamic-input-grid-row[b-lo26sd3bbr] {
    display: grid;
    grid-gap: 5px;
}

.dynamic-input-grid-cell[b-lo26sd3bbr] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dynamic-input-grid-header-cell[b-lo26sd3bbr] {
    font-weight: bold;
    padding-top: 5px;
    background-color: #41acb9;
    color: white;
    margin-bottom: 5px;
    text-align: center;
    position: sticky;
    top: 0;
}

div.dynamic-input-grid-options-cell[b-lo26sd3bbr] {
    justify-content: space-around;
}
/* _content/WebcontractorV5/Pages/Site/DataImport/DynamicInputGridCell.razor.rz.scp.css */
.dynamic-input-grid-cell[b-fmhhwri2cu] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/Accounts.razor.rz.scp.css */
.flex-content .block[b-bzwdeinukp] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/Contractors.razor.rz.scp.css */
.flex-content .block[b-vtoior7cei] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPlanning/DataMigrationHistoryDialog.razor.rz.scp.css */
.column-header[b-4vttti85ry] {
    background-color: #e4f3ff;
    font-weight: bold !important;
}

    .column-header th[b-4vttti85ry] {
        padding-top: 10px !important;
        color: darkblue;
        text-align: center !important;
        font-weight: bold;
        border-bottom: white 2px solid;
    }

body.dark-mode .column-header[b-4vttti85ry] {
    background-color: #e4f3ff;
}

.taskline td[b-4vttti85ry] {
    text-align: center;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPlanning/Project/ListProjects.razor.rz.scp.css */
td.cnt[b-8fhlzirx9v] {
    text-align: center;
}

.title[b-8fhlzirx9v] {
    font-weight: bolder;
    font-size: 1rem;
    color: var(--primary);
}

.highlight-red[b-8fhlzirx9v] {
    color: red;
}

.highlight-amber[b-8fhlzirx9v] {
    color: orange;
}

.highlight-green[b-8fhlzirx9v] {
    color: #18C395;
}

.migration-window-container[b-8fhlzirx9v] {
    position: relative;
}

.migration-window-container[b-8fhlzirx9v] .search-helper-wrapper{
    width: 15px;
    position: absolute;
    right: 25px;
    top: 18px;
}

.action-buttons[b-8fhlzirx9v] {
    float:right;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPlanning/SubcontractOrder/ListSubcontractOrders.razor.rz.scp.css */
td.cnt[b-agkm6tuugh] {
    text-align: center;
}

td.currency[b-agkm6tuugh]{
    text-align: right;
}


.title[b-agkm6tuugh] {
    font-weight: bolder;
    font-size: 1rem;
    color: var(--primary);
}

.highlight-red[b-agkm6tuugh] {
    color: red;
}

.highlight-amber[b-agkm6tuugh] {
    color: orange;
}

.highlight-green[b-agkm6tuugh] {
    color: #18C395;
}

.migration-window-container[b-agkm6tuugh] {
    position: relative;
}

    .migration-window-container[b-agkm6tuugh] .search-helper-wrapper {
        width: 15px;
        position: absolute;
        right: 25px;
        top: 18px;
    }
.action-buttons[b-agkm6tuugh] {
    float: right;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPortal/ImportResponseDialog.razor.rz.scp.css */
.content-container[b-9wkhnbsuxu] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.response-stats[b-9wkhnbsuxu] {
    display: flex;
    gap: 20px;
}

.results-list[b-9wkhnbsuxu] {
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
    overflow-x: auto;
}
[b-9wkhnbsuxu].results-list .result-item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 1px solid rgba(140, 152, 175, 0.4);
    border-radius: 5px;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px;
    align-items: flex-end;
}
[b-9wkhnbsuxu].results-list .result-item.footer {
    padding-right: 10px;
}

[b-9wkhnbsuxu].results-list .result-item > div {
    flex-grow: unset;
}

[b-9wkhnbsuxu].results-list .result-item > div:nth-child(1) {
    display: flex;
    flex-direction: column;
}

[b-9wkhnbsuxu].results-list .result-item > div:nth-child(2) {
    display: flex;
    gap: 10px;
    align-items: center;
}

[b-9wkhnbsuxu].results-list .result-item > div:nth-child(1) > span:nth-child(1) {
    color: var(--secondary);
    font-size: 12px;
}

[b-9wkhnbsuxu].results-list .spacer {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}

[b-9wkhnbsuxu].results-list .disabled {
    opacity: .6;
}

.warning-section[b-9wkhnbsuxu] {
    background: #E9573F;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 5px 10px 0px 10px;
    color: white;
    border-radius: 10px;
}

    .warning-section > div > .title[b-9wkhnbsuxu] {
        font-size: 14px;
        font-weight: bold;
    }

    .warning-section > div > ul[b-9wkhnbsuxu] {
        list-style-type: disc !important;
        padding: 10px 20px;
        font-size: 12px;
        font-weight: 100;
        max-height: 30vh;
        overflow-y: auto;
        width: 100%;
    }

.icon-container[b-9wkhnbsuxu] {
    color: #E9573F;
    height: 30px;
    width: 30px;
    background-color: white;
    border-radius: 100%;
    display: grid;
    font-size: 18px;
    padding-top: 5px;
    justify-items: center;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPortal/ListContractorMigrations.razor.rz.scp.css */
.cnt[b-7eca6hsnzx]{
    text-align: center;   
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPortal/ListProjectMigrations.razor.rz.scp.css */
.cnt[b-iubz9129t6]{
    text-align: center;   
}

.action-buttons[b-iubz9129t6] {
    float:right;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPortal/ProjectMigrationTotals.razor.rz.scp.css */
[b-4oy9tswb8j].registerWrapper .block label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    border-radius: 10px;
    font-size: 11px;
}

[b-4oy9tswb8j].registerWrapper .block.amber label {
    background: var(--yellow2);
}
[b-4oy9tswb8j].registerWrapper .block.good label {
    background: var(--green);
}
[b-4oy9tswb8j].registerWrapper .block.bad label {
    background: var(--bad);
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPortal/SubcontractOrderExportDialog.razor.rz.scp.css */
.content-container[b-8v5xo35kem] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.results-list[b-8v5xo35kem] {
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
    overflow-x: auto;
}
[b-8v5xo35kem].results-list .result-item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 1px solid rgba(140, 152, 175, 0.4);
    border-radius: 5px;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px 10px;
    align-items: center;
}
[b-8v5xo35kem].results-list .result-item.footer {
    padding-right: 10px;
}

[b-8v5xo35kem].results-list .result-item > div {
    flex-grow: unset;
}

[b-8v5xo35kem].results-list .result-item > div:nth-child(1) {
    display: flex;
    flex-direction: column;
}

[b-8v5xo35kem].results-list .result-item > div:nth-child(2) {
    display: flex;
    gap: 10px;
    align-items: center;
}

[b-8v5xo35kem].results-list .result-item > div:nth-child(1) > span:nth-child(1) {
    color: var(--secondary);
    font-size: 12px;
}

[b-8v5xo35kem].results-list .spacer {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}

[b-8v5xo35kem].results-list .disabled {
    opacity: .6;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/MigrationPortal/_SubcontractOrderList.razor.rz.scp.css */
.warning-section[b-d5tld0ipzd] {
    background: #E9573F;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 5px 10px 0px 10px;
    color: white;
    border-radius: 10px;
}

.warning-section > div > .title[b-d5tld0ipzd] {
    font-size: 14px;
    font-weight: bold;
}

.warning-section > div > ul[b-d5tld0ipzd] {
    font-size: 12px;
    font-weight: 100;
}

.icon-container[b-d5tld0ipzd] {
    color: #E9573F;
    height: 30px;
    width: 30px;
    background-color: white;
    border-radius: 100%;
    display: grid;
    font-size: 18px;
    padding-top: 5px;
    justify-items: center;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/Projects.razor.rz.scp.css */
.flex-content .block[b-6xmghu5vow] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/StaticData.razor.rz.scp.css */
.flex-content .block[b-v8aa4jtiqc] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/SubcontractOrders.razor.rz.scp.css */
.flex-content .block[b-wn3mpwwilx] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/Subcontractors.razor.rz.scp.css */
.flex-content .block[b-ab8fusez7z] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/TransactionalData.razor.rz.scp.css */
.flex-content .block[b-v8cox0gbay] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
/* _content/WebcontractorV5/Pages/Site/DataMigration/_dataMigrationGrid.razor.rz.scp.css */
.flex-content .block[b-paxzb68y0b] {
    display: flex;
    width: 98%;
    margin: 10px;
    align-items: center;
    justify-content: space-between;
}
.spreadsheet-container[b-paxzb68y0b] {
    margin: 10px 0px 0px 10px;
}

.spreadsheet .row[b-paxzb68y0b] {
    display: flex;
}

    .spreadsheet .row .cell[b-paxzb68y0b],
    .spreadsheet .row span[b-paxzb68y0b] {
        width: 150px;
    }

    .spreadsheet .row span[b-paxzb68y0b] {
        background: white;
        position: relative;
        box-sizing: border-box;
        padding: 0px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        max-height: 77px;
        min-width: 150px;
        width: 150px;
        font-size: 12px;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 5px;
    }
/* _content/WebcontractorV5/Pages/Site/DataProcessing/Inbound/ListFileProcesses.razor.rz.scp.css */
.action-buttons[b-qlh0cmqnsx] {
    width: 300px;
    text-align: center;
}

.info-links[b-qlh0cmqnsx] {
    width: 12%;
}

.errorText[b-qlh0cmqnsx] {
    width: 40%;
}
/* _content/WebcontractorV5/Pages/Site/DataProcessing/Outbound/FtpTransfer/ListFtpTransfers.razor.rz.scp.css */
.action-buttons[b-9fb5bial7q] {
    width: 200px;
    text-align: center;
}

.pad[b-9fb5bial7q] {
    display: flex;
    justify-content: flex-end;
}
    .pad > span[b-9fb5bial7q] {
        width:200px;
    }
/* _content/WebcontractorV5/Pages/Site/DataProcessing/Outbound/WebserviceMessage/ListWebserviceMessages.razor.rz.scp.css */
.action-buttons[b-spxkp5xdfs] {
    width: 400px;
    text-align: center;
}
.info-links[b-spxkp5xdfs] {
    width: 12%;
}

.errorText[b-spxkp5xdfs] {
    width: 40%;
}
/* _content/WebcontractorV5/Pages/Site/Email/ListEmails.razor.rz.scp.css */
/** {
    box-sizing: border-box;
}

body {
    background-color: light;
}

h2 {
    color: black;
    font-size: 14px;
    padding-top: 0px;
    margin-top: 20px;
    position: relative;
}

.rightContent > h2 {
    text-align: end;
    right: 26px;
    top: 10px;
}

.leftContent > h2 {
    text-align: start;
    left: 17px;
    top: 10px;
}

.leftContent > .content {
    text-align: end;
}*/
/* The actual timeline (the vertical ruler) */
/*.timeline {
    text-align: start;
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.tags {
    display: flex;
    align-items: center;
}

    .tags > span:first-of-type {
        margin: 0 5px;
    }

    .tags > * {
        cursor: pointer;
    }

.leftContent .tags {
    flex-direction: row-reverse;
}

.tag {
    color: white;
    margin: 0 5px;
    background-color: black;
    padding: 4px 4px 2px 4px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: bold;
}*/

/* The actual timeline (the vertical ruler) */
/*.timeline::after {
    content: '';
    position: absolute;*/
    /*border: 2px #07b7da dashed;*/
    /*background-color: #07b7da;
    width: 4px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}*/

/* Container around content */
/*.container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 100%;
    display: flex;
}

    .container > * {
        flex-basis: 50%;
    }*/

    /* The circles on the timeline */
    /*.container::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -17px;
        background-color: #07b7da;
        border: 4px solid #07b7da;
        top: 36px;
        border-radius: 50%;
        z-index: 1;
    }*/

/* Fix the circle for containers on the right side */
/*.rightContent::after, .leftContent::after {
    left: calc(50% - 12px);
}*/

/* The actual content */
/*.content {
    padding: 10px 30px;
    position: relative;
    border-radius: 6px;
    font-size: 12px;
    margin-bottom: 20px;
}

    .content > span:first-of-type {
        background-color: #e0f3f9;
        display: inline-block;
        padding: 10px;
        border-radius: 10px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .content > span:nth-of-type(2) {
        display: inline-block;
        margin-top: 5px;
    }

    .content > span:first-of-type:hover {
        background-color: white;
        cursor: pointer;
    }

.leftContent {
    flex-direction: row-reverse;
}

body.dark-mode h2 {
    color: white;
}

.dateSection {
    text-align: center;
    position: relative;
    width: 250px;
    margin: auto;
    background-color: #1e396b;
    color: white;
    border-radius: 15px;
    padding: 2px 1px 1px 0px;
    z-index: 1;
}

.timelineIcon {
    flex-basis: 1%;
    z-index: 2;
    margin-top: 31px;
    color: white;
    font-size: 14px;
}*/

/* Media queries - Responsive timeline on screens less than 600px wide */
/*@media screen and (max-width: 600px) {*/
    /* Place the timelime to the left */
    /*.timeline::after {
        left: 31px;
    }*/

    /* Full-width containers */
    /*.container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }*/

        /* Make sure that all arrows are pointing leftwards */
        /*.container::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }*/

    /* Make sure all circles are at the same spot */
    /*.leftContent::after, .rightContent::after {
        left: 15px;
    }*/

    /* Make all right containers behave like the left ones */
    /*.rightContent {
        left: 0%;
    }
}

.document-options {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-evenly;
    gap: 5px;
    max-width: 120px;
}

.more-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
    margin-right: 50px;
}

.title {
    width: 750px !important;
    max-width: 750px !important;
}

body.dark-mode .content > span {
    color: black;
}*/
/* _content/WebcontractorV5/Pages/Site/File/ListFiles.razor.rz.scp.css */
.tag[b-g76xxzzo9u] {
    color: white;
    margin: 0 5px;
    background-color: black;
    padding: 4px 4px 2px 4px;
    border-radius: 8px;
    font-size: 10px !important;
    font-weight: bold;
    width: max-content;
}

.grid-card-container > .grid-documentcard > div > .more-info > div > span:nth-of-type(2)[b-g76xxzzo9u] {
    margin: 7px 10px 0px 10px;
    font-size: 14px;
    width: max-content;
}

.grid-card-container > .grid-documentcard > div > .more-info > div > span:nth-of-type(1)[b-g76xxzzo9u] {
    padding-top: 10px;
}
/* _content/WebcontractorV5/Pages/Site/Hse/ContractorHseSettings.razor.rz.scp.css */
#HseQuestionGuidance[b-d2njx8ma3m] {
  margin-bottom: 5px;
  margin-top: 20px;
}
.m0[b-d2njx8ma3m] {
  margin: 0px;
}
a.link-button[b-d2njx8ma3m] {
  color: #0000EE;
}
/* _content/WebcontractorV5/Pages/Site/Hse/SubcontractOrderHseOrderSpecificSection.razor.rz.scp.css */
p.link-button-container[b-bj3w20x7os] {
  font-size: 0.8rem;
  margin-bottom: 0;
}
a.link-button[b-bj3w20x7os] {
  color: #0000EE;
}
tr.contrast[b-bj3w20x7os] {
  background: #FFF !important;
}
/* _content/WebcontractorV5/Pages/Site/Hse/SubcontractOrderHseStandardSection.razor.rz.scp.css */
tr.contrast[b-xck5h7gcz6] {
  background: #FFF !important;
}
/* _content/WebcontractorV5/Pages/Site/Insurance/AddInsuranceDialog.razor.rz.scp.css */
.insuranceFlexContainer[b-5pqpxn4n4r]
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.insuranceFlexContainer > div[b-5pqpxn4n4r] {
    flex: 1;
    padding: 10px;
}
.contractorsReadOnlyLabel[b-5pqpxn4n4r] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* _content/WebcontractorV5/Pages/Site/Insurance/InsuranceDialogComponents/OverwriteInsuranceDetails.razor.rz.scp.css */
.overwrite-details-container[b-v48yg9d9if] {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
}
/* _content/WebcontractorV5/Pages/Site/Insurance/InsuranceRequirements/ListInsuranceRequirements.razor.rz.scp.css */
.add-record-container[b-ste5ig5ax8] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 20px;
}

.limit-of-liability-container[b-ste5ig5ax8] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

.actions-container[b-ste5ig5ax8] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    text-align: right;
}

.status-container[b-ste5ig5ax8] {
    color: #FFF;
    padding: 5px;
    text-align: center;
}

    .status-container.non-compliant[b-ste5ig5ax8],
    .status-container.active[b-ste5ig5ax8] {
        background: var(--yellow2);
    }

    .status-container.verified[b-ste5ig5ax8] {
        background: #18C395;
    }

    .status-container.expired[b-ste5ig5ax8],
    .status-container.missing[b-ste5ig5ax8] {
        background: var(--red);
    }

[b-ste5ig5ax8] .icon-warning {
    align-items: center;
    background: var(--orange);
    border-radius: 50%;
    color: #FFF;
    display: inline-flex;
    font-size: 10px;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.icon-placeholder[b-ste5ig5ax8] {
    display: inline-flex;
    height: 20px;
    width: 35px;
}
/* _content/WebcontractorV5/Pages/Site/Insurance/InsuranceRequirements/NotifyInsuranceInsufficientLimitOfLiabilityDialog.razor.rz.scp.css */
[b-s2u54q7a4j] input {
    margin: 0;
}

.option-fields[b-s2u54q7a4j] {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(3, auto);
}

.option-insurance-label[b-s2u54q7a4j] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.option-insurance-value[b-s2u54q7a4j] {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.option-minimum-required-label[b-s2u54q7a4j] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.option-minimum-required-value[b-s2u54q7a4j] {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}

.option-liability-label[b-s2u54q7a4j] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
}

.option-liability-value[b-s2u54q7a4j] {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
}

.option-comment-label[b-s2u54q7a4j] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
}

.option-comment-value[b-s2u54q7a4j] {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
}
/* _content/WebcontractorV5/Pages/Site/Insurance/InsuranceRequirements/NotifyInsuranceRequiredDialog.razor.rz.scp.css */
[b-dcjv6bwxou] input {
    margin: 0;
}

.option-fields[b-dcjv6bwxou] {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(3, auto);
}

.option-insurance-label[b-dcjv6bwxou] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.option-insurance-value[b-dcjv6bwxou] {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.option-minimum-required-label[b-dcjv6bwxou] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.option-minimum-required-value[b-dcjv6bwxou] {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}

.option-liability-label[b-dcjv6bwxou] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
}

.option-liability-value[b-dcjv6bwxou] {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
}

.option-comment-label[b-dcjv6bwxou] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
}

.option-comment-value[b-dcjv6bwxou] {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1;
}
/* _content/WebcontractorV5/Pages/Site/Insurance/InsuranceRequirements/VerifyInsuranceDialog.razor.rz.scp.css */
[b-gx79lfp7hs] input {
    margin: 0;
}

.options-container[b-gx79lfp7hs] {
    display: flex;
    gap: 10px;
}

.option[b-gx79lfp7hs] {
    border: var(--primary) solid 2px;
    border-radius: 15px;
    cursor: pointer;
    flex-grow: 1;
    max-width: 50%;
    padding: 20px;
}

    .option.selected[b-gx79lfp7hs] {
        background: var(--primary);
        border: var(--primary) solid 2px;
        color: #FFF;
    }

        .option.selected label[b-gx79lfp7hs] {
            color: #FFF;
        }

[b-gx79lfp7hs] .option.selected input {
    background: unset;
    color: #FFF;
}

.option.selected > .option-header > .option-text[b-gx79lfp7hs] {
    background: unset;
    color: #FFF;
}

.option.selected > .option-header > .option-icon-container[b-gx79lfp7hs] {
    background: #fff;
}

    .option.selected > .option-header > .option-icon-container > .icon-tick[b-gx79lfp7hs] {
        visibility: unset;
    }

.option-header[b-gx79lfp7hs] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.option-text[b-gx79lfp7hs] {
    background: unset;
    color: unset;
    margin: 0;
    min-height: 0;
    padding: 0;
}

.option-icon-container[b-gx79lfp7hs] {
    border: 3px solid var(--primary);
    border-radius: 100%;
    height: 40px;
    padding-top: 7px;
    width: 40px;
}

.icon-tick[b-gx79lfp7hs] {
    color: var(--primary);
    font-size: 20px;
    padding-left: 7px;
    visibility: hidden;
}

.option-content[b-gx79lfp7hs] {
    display: flex;
    flex-direction: column;
}

.option-description[b-gx79lfp7hs] {
    padding: 10px 0;
}

.option-fields[b-gx79lfp7hs] {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(3, auto);
}

.option-insurance-label[b-gx79lfp7hs] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.option-insurance-value[b-gx79lfp7hs] {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}

.option-liability-label[b-gx79lfp7hs] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.option-liability-value[b-gx79lfp7hs] {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}

.option-expiry-label[b-gx79lfp7hs] {
    align-self: center;
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
}

.option-expiry-value[b-gx79lfp7hs] {
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
}

body.dark-mode .option[b-gx79lfp7hs] {
    border: var(--secondary-darker) solid 2px;
}

    body.dark-mode .option.selected[b-gx79lfp7hs] {
        background-color: var(--secondary-darker);
        border: var(--secondary-darker) solid 2px;
    }

        body.dark-mode .option.selected > .option-header > .option-text[b-gx79lfp7hs] {
            color: var(--secondary-darker);
        }

body.dark-mode .option-icon-container[b-gx79lfp7hs] {
    border: 3px solid var(--secondary-darker);
}

body.dark-mode .icon-tick[b-gx79lfp7hs] {
    color: var(--secondary-darker);
}
/* _content/WebcontractorV5/Pages/Site/Insurance/ListInsurances.razor.rz.scp.css */
.actions-container[b-ouyce1hohu] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    text-align: right;
}
/* _content/WebcontractorV5/Pages/Site/Invoice/ArchiveComponents/ArchivedInvoiceDetails.razor.rz.scp.css */
.archiveFlex[b-3o95ufheid] {
    background-color: #ebeef2;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 0 10px;
}

.archiveFlex > section[b-3o95ufheid] {
    display: flex;
    flex-direction: row;
    flex-basis: 40%;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

body.dark-mode .archiveFlex[b-3o95ufheid] {
    background-color: transparent;
}
/* _content/WebcontractorV5/Pages/Site/Invoice/ListInvoicesAndLatestCert.razor.rz.scp.css */
.values-table[b-59aegd651y] {
    min-width: 370px;
    max-width: 370px;
}

.view-cert-button-container[b-59aegd651y] {
    padding-top: 5px;
}


/* _content/WebcontractorV5/Pages/Site/PaymentCertificate/ArchiveComponents/ArchivedPaymentCertificateDetails.razor.rz.scp.css */
.archiveFlex[b-m9k2b92gyq] {
    background-color: #f7f8fa;
    display: flex;
    flex-direction: column;
    padding: 30px 10px 0 10px;
}

.archiveFlex > section[b-m9k2b92gyq] {
    display: flex;
    flex-direction: row;
    flex-basis: 40%;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

body.dark-mode .archiveFlex[b-m9k2b92gyq] {
    background-color: transparent;
}
/* _content/WebcontractorV5/Pages/Site/PaymentCertificate/ContraCharge/ContraChargeDialog.razor.rz.scp.css */
.contraDesc[b-pjftm0tlj8] {
    text-align: center;
    margin-top: 20px;
}

.dateCol[b-pjftm0tlj8] {
    width: 100px;
}
.refCol[b-pjftm0tlj8] {
    width: 150px
}
.amountCol[b-pjftm0tlj8] {
    width: 120px;
}
.fileCol[b-pjftm0tlj8] {
    width: 250px;
    vertical-align: baseline;
}

.newContraChargeBtn[b-pjftm0tlj8] {
    float: right;
}

.totalContraCharges[b-pjftm0tlj8] {
    width: 200px;
    display: inline-block;
}

.totalContraChargesWrapper[b-pjftm0tlj8] {
    width: 100%;
    text-align: right;
    font-size: 12px;
}

table[b-pjftm0tlj8] {
    margin-top: 20px;
}

.addChargeBtnWrapper[b-pjftm0tlj8] {
    text-align: right;
}
/* _content/WebcontractorV5/Pages/Site/PaymentCertificate/ListPaymentCertificateApprovals.razor.rz.scp.css */
.grid-blocks.grid-afp[b-h9p0u9ggab] {
    grid-template-columns: 100px 200px 200px 180px 180px;
}
@media only screen and (max-width: 1500px) {
    .grid-blocks.grid-afp[b-h9p0u9ggab] {
        grid-template-columns: 100px 200px 200px 180px;
    }
}
@media only screen and (max-width: 1350px) {
    .grid-blocks.grid-afp[b-h9p0u9ggab] {
        grid-template-columns: 100px 200px 200px;
    }
}
@media only screen and (max-width: 1150px) {
    .grid-blocks.grid-afp[b-h9p0u9ggab] {
        grid-template-columns: 150px 150px;
    }
}
.values-afp[b-h9p0u9ggab] {
    max-width: 220px;
}

.bfont[b-h9p0u9ggab] {
    font-size: 16px !important;
    font-weight: bold !important;
}

.info-section[b-h9p0u9ggab] {
    background: #4A89DC;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 10px 20px 0px 20px;
    color: white;
    border-radius: 10px;
    margin-bottom: 2px;
}

.info-section > div > .icon-info[b-h9p0u9ggab] {
    font-size: 30px;
}

.warning-section[b-h9p0u9ggab] {
    background: #E9573F;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding: 10px 20px 0px 20px;
    color: white;
    border-radius: 10px;
}

.warning-section > div > .title[b-h9p0u9ggab],
.info-section > div > .title[b-h9p0u9ggab] {
    font-size: 14px;
    font-weight: bold;
}

.warning-section > div > ul[b-h9p0u9ggab],
.info-section > div > ul[b-h9p0u9ggab] {
    font-size: 12px;
    font-weight: 100;
}

.icon-container[b-h9p0u9ggab] {
    color: #E9573F;
    height: 30px;
    width: 30px;
    background-color: white;
    border-radius: 100%;
    display: grid;
    font-size: 18px;
    padding-top: 5px;
    justify-items: center;
}

.totalWithTooltip[b-h9p0u9ggab] {
    display: flex;
    justify-content: end;
    align-items: self-end;
}
/* _content/WebcontractorV5/Pages/Site/Project/ArchiveComponents/ArchivedProjectDetails.razor.rz.scp.css */
.archiveFlex[b-obf0wi9aj5] {
    background-color: #f7f8fa;
    display: flex;
    flex-direction: column;
    padding: 30px 10px 0 10px;
}

.archiveFlex > section[b-obf0wi9aj5] {
    display: flex;
    flex-direction: row;
    flex-basis: 40%;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

body.dark-mode .archiveFlex[b-obf0wi9aj5] {
    background-color: transparent;
}
/* _content/WebcontractorV5/Pages/Site/Project/ZeroPaymentNotice/ListZeroValueNoticeCandidates.razor.rz.scp.css */
.action-buttons[b-rvjp007opu] {
    width: 300px;
    text-align: center;
}

.info-links[b-rvjp007opu] {
    width: 12%;
}

.errorText[b-rvjp007opu] {
    width: 40%;
}

td[b-rvjp007opu] {
    text-align: center !important;
    padding-right: 40px !important;
    cursor: default;
}
/* _content/WebcontractorV5/Pages/Site/SubcontractOrder/ArchiveComponents/ArchivedOrderDetails.razor.rz.scp.css */
.archiveFlex[b-1l5m2dx614] {
    background-color: #f7f8fa;
    display: flex;
    flex-direction: column;
    padding: 30px 10px 0 10px;
}

.archiveFlex > section[b-1l5m2dx614] {
    display: flex;
    flex-direction: row;
    flex-basis: 40%;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

body.dark-mode .archiveFlex[b-1l5m2dx614] {
    background-color: transparent;
}
/* _content/WebcontractorV5/Pages/Site/SubcontractOrder/EditPaymentDaysDialog.razor.rz.scp.css */
span[b-tiq4pgg3py] {
    margin: 1rem 0 0 0;
    min-height: 32px;
}

.payment-days-container-row[b-tiq4pgg3py] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

[b-tiq4pgg3py] .payment-days-container-row > div {
    flex: 1
}
/* _content/WebcontractorV5/Pages/Site/SubcontractOrder/PaymentDaysSettingsSection.razor.rz.scp.css */
[b-h9n7qsdhvv] input {
    margin: 0;
}

td.c > span[b-h9n7qsdhvv] {
    min-height: 30px;
}
/* _content/WebcontractorV5/Pages/Site/SubcontractOrder/Variations/ListOrderVariations.razor.rz.scp.css */
.variation-number[b-hhfa58823b] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.kanban-item-container.detailed:hover[b-hhfa58823b] {
    cursor:pointer;
}

.buttons-container[b-hhfa58823b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

[b-hhfa58823b] .documents-button {
    display: block;
}

[b-hhfa58823b] .button.inline-icon {
    background: var(--bg);
}

    [b-hhfa58823b] .button.inline-icon:hover {
        background: var(--primary);
    }

    [b-hhfa58823b] .button.inline-icon > span:first-child {
        background: unset;
        width: 40px;
        height: 40px;
    }

        [b-hhfa58823b] .button.inline-icon > span:first-child:before {
            vertical-align: bottom;
        }

    [b-hhfa58823b] .button.inline-icon > .button-text {
        font-weight: bold;
    }

/* _content/WebcontractorV5/Pages/Site/Subcontractor/Index.razor.rz.scp.css */
#tabControlActionsContainer[b-b7kyduvlpf] {
    display: flex;
    gap: 5px;
}

[b-b7kyduvlpf] .tab-actions {
    width: unset;
}
/* _content/WebcontractorV5/Pages/Site/Subcontractor/ListSubcontractorsNotOnboarded.razor.rz.scp.css */
.grid-card.selected[b-htiosxdga3] {
    background: #18C395
}

.grid-card.inactive[b-htiosxdga3] {
    background: rgba(255, 46, 46, 0.1);
}

[b-htiosxdga3] .button.drop {
    display: inline-block;
    float: right;
    margin-top: 5px;
}
/* _content/WebcontractorV5/Pages/Site/VatRate/VatConfigurationSection.razor.rz.scp.css */
.vat-configuration-container[b-wv2cvpzev6] {
    flex-direction: column;
}
/* _content/WebcontractorV5/Pages/Site/Wbs/AddWbsDialog.razor.rz.scp.css */
.content-container[b-ev5l2mvl8x] {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.wbs-list[b-ev5l2mvl8x] {
    height: calc(100vh - 400px);
    max-height: calc(100vh - 400px);
    overflow-x: auto;
}

.allocated[b-ev5l2mvl8x] {
    height: unset;
    margin-bottom: 10px;
    max-height: calc(-500px + 100vh) !important;
}

.wbs-item[b-ev5l2mvl8x] {
    display: flex;
    width: 100%;
}

.wbs-item > div[b-ev5l2mvl8x] {
    flex-grow:unset;
}

.wbs-item > div:nth-child(1)[b-ev5l2mvl8x] {
    display: flex;
    flex-direction: column;
}

.wbs-item > div:nth-child(2)[b-ev5l2mvl8x] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.wbs-item > div:nth-child(1) > span:nth-child(1)[b-ev5l2mvl8x] {
    color: var(--secondary);
    font-size: 12px;
}

.totals[b-ev5l2mvl8x] {
    width:120px;
}

.amount-field[b-ev5l2mvl8x] {
    width: 80px;
    padding-top: 15px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/AfpInvoiceList/AfpInvoiceListDialog.razor.rz.scp.css */
.afpDetails[b-wkdkp2npxz] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin: 10px 20px;
    padding: 10px;
    background-color: #eeefef;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/CSARejected/CsaRejectedDialog.razor.rz.scp.css */
.steps[b-0z609hak8q] {
  border-radius: var(--br);
  border: 1px dashed var(--border);
  width: 550px;
  margin: 10px;
}
.steps .step[b-0z609hak8q] {
  padding: 20px;
  border-bottom: 1px dashed var(--border);
  display: flex;
  align-items: center;
  gap: 20px;
}
.steps .step:last-child[b-0z609hak8q] {
  border-bottom: none;
}
.steps .step .number[b-0z609hak8q] {
  color: var(--primary);
  background: var(--primary-fade);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.steps .step div:last-child[b-0z609hak8q] {
  font-size: 12px;
}
.form-container[b-0z609hak8q] {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
}
.r[b-0z609hak8q] {
  margin-top: 20px;
}
.r .block[b-0z609hak8q] {
  align-items: center;
}
.r .block input[type="text"][b-0z609hak8q] {
  width: auto;
  flex-grow: 1;
}
.r .block label[b-0z609hak8q] {
  width: 120px;
  justify-content: flex-start;
}
.r .block.check[b-0z609hak8q] {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  gap: 10px;
}
.r .block.check input[b-0z609hak8q] {
  margin: 0px;
  transform: none;
}
.r .block.check label[b-0z609hak8q] {
  flex-grow: 1;
  justify-content: flex-start;
  transform: translateY(1px);
}

/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/DetailedApplicationCheck.razor.rz.scp.css */
.DetailedOptionsContainer[b-8vu8yanl7u] {
    display: flex;
    margin: 0 33px;
}

.DetailedOption[b-8vu8yanl7u] {
    height: 350px;
    cursor: pointer;
    padding: 20px;
    margin: 4px;
    border: var(--primary) solid 2px;
    border-radius: 15px;
    font-size: 14px;
    text-align: center;
    color: var(--primary);
    max-width: 50%;
    box-shadow: 0px 0px 1px 1px hsl(218.96deg 56.2% 26.86% / 25%);
    flex-grow: 1;
}
.option-header[b-8vu8yanl7u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.option-content[b-8vu8yanl7u] {
    height:250px;
    margin:20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}

.DetailedOptionUpload[b-8vu8yanl7u] {
}

.DetailedOptionNominate[b-8vu8yanl7u] {
    flex-direction: column;
    justify-content: space-evenly;
}

.optionTwoDesc[b-8vu8yanl7u] {
    margin-bottom:20px;
}

.selected-container[b-8vu8yanl7u] {
    height: 40px;
    width: 40px;
    border: 3px solid var(--primary);
    border-radius: 100%;
    padding-top: 7px;
}

.icon-tick[b-8vu8yanl7u] {
    visibility:hidden;
    color:var(--primary);
    font-size:20px;
}

.selectedDetailedOption > .option-header > .selected-container > .icon-tick[b-8vu8yanl7u] {
    visibility: unset;
}

.selectedDetailedOption > .option-header > .selected-container[b-8vu8yanl7u] {
    background: #fff;
}

.unselectedDetailedOption:hover[b-8vu8yanl7u] {
    background-color: #f0fdff;
}

.selectedDetailedOption[b-8vu8yanl7u] {
    background-color: var(--primary);
    border: var(--primary) solid 2px;
    color:#fff
}

.optionTag[b-8vu8yanl7u] {
    text-align: start;
    background: var(--primary);
    padding: 10px;
    color: #fff;
    border-radius: 15px;
}

.selectedDetailedOption > .option-header > .optionTag[b-8vu8yanl7u] {
    background: #fff;
    color: var(--primary);
}

body.dark-mode .unselectedDetailedOption[b-8vu8yanl7u] {
    color: #ffffff;
}
body.dark-mode .unselectedDetailedOption:hover[b-8vu8yanl7u] {
    background-color:#4f5163
}

body.dark-mode .selectedDetailedOption[b-8vu8yanl7u] {
    background-color: var(--secondary-darker);
    border: var(--secondary-darker) solid 2px;
}

body.dark-mode .icon-tick[b-8vu8yanl7u] {
    color: var(--secondary-darker);
}


body.dark-mode .optionTag[b-8vu8yanl7u] {
    background: var(--secondary-darker);
}

body.dark-mode .selected-container[b-8vu8yanl7u] {
    border: 3px solid var(--secondary-darker);
}


body.dark-mode .DetailedOption[b-8vu8yanl7u] {
    border: var(--secondary-darker) solid 2px;
}

body.dark-mode .selectedDetailedOption > .option-header > .optionTag[b-8vu8yanl7u] {
    color: var(--secondary-darker);
}

body.dark-mode .callout.info[b-8vu8yanl7u] {
    background: var(--secondary-fade2);
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskHistory/ListTaskHistories.razor.rz.scp.css */
body.dark-mode th[b-c9wr2kk45r] {
    color: white;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/TaskLineApplicationHistoryDialog.razor.rz.scp.css */
.column-header[b-y3k73c5tng] {
    background-color: #e4f3ff;
    font-weight: bold !important;
}

    .column-header th[b-y3k73c5tng] {
        padding-top: 10px !important;
        color: darkblue;
        text-align: center !important;
        font-weight: bold;
        border-bottom: white 2px solid;
    }

body.dark-mode .column-header[b-y3k73c5tng] {
    background-color: #e4f3ff;
}

.taskline td[b-y3k73c5tng] {
    text-align: center;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/TaskLineHeader.razor.rz.scp.css */
thead.collapser-row th[b-t5txx22yuw] {
  border-bottom: none;
}
.collapse-container[b-t5txx22yuw] {
  white-space: nowrap;
  padding: 7px;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  flex-direction: row-reverse;
  justify-content: end;
}

.collapse-container [class^="icon-"][b-t5txx22yuw],
.collapse-container [class*=" icon-"][b-t5txx22yuw] {
  border: 1px solid var(--border);
  border-radius: 50%;
  height: 18px;
  width: 18px;
  display: inline-flex;
  padding: 4px;
  font-size: 8px;
}
.collapse-container .collapser-label[b-t5txx22yuw] {
  display: inline-flex;
  transform: translateY(-2px);
}

.collapse-container:hover [class^="icon-"][b-t5txx22yuw],
.collapse-container:hover [class*=" icon-"][b-t5txx22yuw] {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

.down.collapse-container > .icon-arrow-left[b-t5txx22yuw] {
    transform: rotate(270deg);
}

.collapse-container > .icon-arrow-left[b-t5txx22yuw] {
    padding: 4px 4px 4px 3px;
}

.collapse-header[b-t5txx22yuw], .collapse-header:hover[b-t5txx22yuw], .collapse-header th[b-t5txx22yuw] {
    border: white 2px solid;
    background-color: #41acb9;
    color: white;
    font-weight: bold;
}

body.dark-mode .collapse-header[b-t5txx22yuw], .collapse-header:hover[b-t5txx22yuw], .collapse-header th[b-t5txx22yuw] {
    border: none;
}
body.dark-mode .table.table tr:hover[b-t5txx22yuw] {
    background-color: #e4f3ff;
}

.column-header[b-t5txx22yuw], .column-header:hover[b-t5txx22yuw] {
    background-color: #e4f3ff;
    font-weight: bold !important;
}
body.dark-mode .mdc-table-header-row .column-header[b-t5txx22yuw] {
    background-color: #e4f3ff;
}
.column-header th[b-t5txx22yuw],
.collapse-header th.preapplication-field[b-t5txx22yuw],
.column-header th.application-field[b-t5txx22yuw] {
    padding-top: 10px !important;
    color: darkblue;
    text-align: center !important;
    font-weight: bold;
}

table.table.compact-table thead th[b-t5txx22yuw] {
    border-bottom: white 2px solid;
}

collapsable-grid-header:hover[b-t5txx22yuw] {
    border:unset !important;
}

.center[b-t5txx22yuw] {
    display: grid;
    justify-content: space-around;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/Totals/RemeasureSectionTotals.razor.rz.scp.css */
.totalAmount[b-ay3ihkrejk] {
    color: var(--primary);
    font-size: 13px !important;
    font-weight: bold;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/Totals/TaskLineTotals.razor.rz.scp.css */
.totalAmount[b-o2si02u3v8] {
    color: var(--secondary);
    font-size: 13px !important;
    font-weight: bold;
}

.line[b-o2si02u3v8] {
    border-top: 1px dashed #ddd;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
}

.totalText[b-o2si02u3v8] {
    color: var(--secondary);
}

.totals-row td[b-o2si02u3v8] {
    background-color: #e4f3ff;
    color: darkblue;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/Totals/TaskSectionTotals.razor.rz.scp.css */
.totalAmount[b-vtxubswbun] {
    color: var(--primary);
    font-size: 13px !important;
    font-weight: bold;
}

.line[b-vtxubswbun] {
    border-top: 1px dashed #ddd;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
}

.alert-text[b-vtxubswbun] {
    font-size: 13px !important;
    color: var(--orange);
    display: flex;
    align-items: center;
}

.alert-text > span[b-vtxubswbun] {
    padding: 5px 10px 0px 0px;
}

.alert-text > .icon-warning[b-vtxubswbun] {
    padding-left: 5px;
    font-size: 17px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/_TaskLine.razor.rz.scp.css */
:root[b-gacrr05c4q] {
    --secondary-hs: 190 94%;
    /*the base color*/
    --secondary-l: 44%;
    /*the initial lightness*/
    --secondary: hsl(var(--secondary-hs) var(--secondary-l));
}

.highlight-red[b-gacrr05c4q] {
    color: red;
}

.highlight-green[b-gacrr05c4q] {
    color: green;
}

.icon-invoice[b-gacrr05c4q] {
    top: 3px;
    position: absolute;
    font-size: 17px;
    right: 10px;
}

    .icon-invoice:hover[b-gacrr05c4q] {
        color: var(--secondary);
    }

.highlight-red > .icon-invoice[b-gacrr05c4q] {
    top: 10px;
}

tr.selected[b-gacrr05c4q] {
    background-color: var(--secondary-fade2) !important;
}

tr.hidden[b-gacrr05c4q] {
    display: none;
}

p[b-gacrr05c4q] {
    font-size: 10px;
    line-height: normal;
    margin: 0;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/_TaskLineActions.razor.rz.scp.css */
.actions-area[b-5emrwmnkvb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

    .actions-area > span[b-5emrwmnkvb] {
        padding-right: 15px;
    }

.highlight-blue[b-5emrwmnkvb] {
    color: var(--primary);
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 90px;
}

    .highlight-blue > span[b-5emrwmnkvb] {
        padding-right: 10px;
    }

    .highlight-blue > .icon-wrapper[b-5emrwmnkvb] {
        background-color: var(--primary);
    }

.highlight-red[b-5emrwmnkvb] {
    color: red;
}

.highlight-green[b-5emrwmnkvb] {
    color: #18C395;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 90px;
}

    .highlight-green > span[b-5emrwmnkvb] {
        padding-right: 10px;
    }

    .highlight-green > .icon-wrapper[b-5emrwmnkvb],
    .highlight-blue > .icon-wrapper[b-5emrwmnkvb] {
        margin-right: 10px;
    }

.icon-wrapper[b-5emrwmnkvb] {
    width: 20px;
    height: 20px;
    background: #18C395;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
}

.icon-tick[b-5emrwmnkvb] {
    margin-top: 3px;
}

.outstanding[b-5emrwmnkvb] {
    background-color: hsl(190, 83%, 82%);
}

.outstanding-action[b-5emrwmnkvb] {
    background: rgba(222, 65, 42, 0.29);
}

tr.selected > td[b-5emrwmnkvb] {
    background-color: unset;
}

[b-5emrwmnkvb] .icon-warning {
    align-items: center;
    background: var(--red);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    float: right;
    font-size: 10px;
    height: 20px;
    justify-content: center;
    margin-right: 5px;
    width: 20px;
}

[b-5emrwmnkvb] .comments-button {
    margin-right: 5px;
}

[b-5emrwmnkvb] .documents-button {
    margin-right: 5px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/_TaskLineContractorDetails.razor.rz.scp.css */
.outstanding[b-5u0u5s47yy] {
  background-color: hsl(190, 83%, 82%);
}

.outstanding-action[b-5u0u5s47yy] {
  background: rgba(222, 65, 42, 0.29);
}

tr.selected > td.outstanding[b-5u0u5s47yy] {
  background-color: unset;
}

.icon-warning[b-5u0u5s47yy] {
  float: right;
  background: var(--orange);
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.input-field[b-5u0u5s47yy] {
  min-width: 125px;
}

.inline[b-5u0u5s47yy] {
  display: table;
  width: 100%;
}

.inline .form-group[b-5u0u5s47yy] {
  display: table-cell;
}

td.align-top[b-5u0u5s47yy] {
  vertical-align: top;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/_TaskLineSubcontractorDetails.razor.rz.scp.css */
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskLine/_VariationsBreakdown.razor.rz.scp.css */
.highlight-red > td[b-y1d9ch6xp4] {
    color: #de412a;
    font-size: 8px;
    font-style: italic;
}

.highlight-green > td[b-y1d9ch6xp4] {
    color: #18C395;
    font-size: 8px;
    font-style: italic;
}

.tr[b-y1d9ch6xp4] {
    text-align: right;
}

.bb[b-y1d9ch6xp4] {
    border-bottom: solid 1px var(--primary);
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskOverview.razor.rz.scp.css */
.project-details-row[b-1s1yz0gs3m] {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  cursor: pointer;
}
.project-details-row:hover[b-1s1yz0gs3m] {
  color: var(--primary);
}
.project-details-row [class^="icon-"][b-1s1yz0gs3m],
.project-details-row [class*=" icon-"][b-1s1yz0gs3m],
.project-details-row [class*="dynamic-currency"][b-1s1yz0gs3m] {
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  padding: 4px 0;
  transform: translate(-5px, -1px);
  margin-right: 2px;
  font-size: 10px;
  background: var(--primary-fade);
  color: var(--primary);
}
.project-details-row > span:last-child:not([class="rmvHyperlink"])[b-1s1yz0gs3m] {
  text-decoration: underline;
}
.rmvHyperlink[b-1s1yz0gs3m] {
  cursor: default;
  pointer-events: none;
}
.select2-container[b-1s1yz0gs3m] {
  width: 100% !important;
}
.compact-table-container[b-1s1yz0gs3m] {
  width: 100% !important;
  overflow: visible;
  max-height: unset;
}
.dynamic-currency[b-1s1yz0gs3m]::after {
  position: unset;
}
.no-underline[b-1s1yz0gs3m] {
  cursor: default;
}
.no-underline > span[b-1s1yz0gs3m] {
  text-decoration: none !important;
  cursor: default;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskSection/ListTaskSections.razor.rz.scp.css */
.totalAmount[b-hegqesjrzk] {
    color: #1a3360;
    font-size: 13px !important;
}

.line[b-hegqesjrzk] {
    border-top: 1px dashed #ddd;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskSection/_TaskSection.razor.rz.scp.css */
.totalAmount[b-lyjy1p4vpm] {
    color: #1a3360;
    font-size: 13px !important;
}

.line[b-lyjy1p4vpm] {
    border-top: 1px dashed #ddd;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
}

.collapsable-grid-header[b-lyjy1p4vpm] {
    margin-bottom:0px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/AddMaterialsOnSiteDialog.razor.rz.scp.css */
.flexRow[b-5kiohzrslk] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

    .flexRow > div[b-5kiohzrslk] {
        flex: 1;
    }
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/AddTaskVariationDialog.razor.rz.scp.css */
[b-t5h4r9nfon] #VariationType-select + span {
    margin-bottom: 0.9rem;
}

.collapsable-grid-header[b-t5h4r9nfon] {
    margin-bottom: 0px;
}

.row-heading[b-t5h4r9nfon] {
    text-align: right;
    align-self: center;
}

.flexRow[b-t5h4r9nfon] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.flexRow > div[b-t5h4r9nfon] {
    flex: 1;
}

.warnings-container[b-t5h4r9nfon] {
    background: var(--yellow2);
    border-radius: 3px;
    color: #fff;
    font-size: 0.7rem;
    margin-bottom: 1rem;
    padding: 9px 10px 7px 10px;
    width: 100%;
}

.warnings-container > ul[b-t5h4r9nfon] {
    font-size: 0.7rem;
    margin-bottom: 0;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/AutomaticVariationOrderCheckDialog.razor.rz.scp.css */
.options-2 > div[b-6rlji7q0qw]:before {
    content: 'Option 1';
    margin-bottom: 20px;
}

.options-2 > div:nth-child(2)[b-6rlji7q0qw]:before {
    content: 'Option 2';
}

.options-2 > div > strong[b-6rlji7q0qw] {
    margin-bottom: 20px;
}

.autoSelectApproveNote[b-6rlji7q0qw] {
    margin-top: 15px;
    font-size: 12px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/ListTaskVariations.razor.rz.scp.css */
.link[b-73akerel2h] {
    font-size: 12px;
    color: var(--primary);
    text-decoration: underline;
}

    .link:hover[b-73akerel2h] {
        cursor: pointer;
        color: var(--secondary);
    }
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/ListTaskVariationSection.razor.rz.scp.css */
.totalAmount[b-fky8mowlva] {
    color: #1a3360;
    font-size: 13px;
}

.line[b-fky8mowlva] {
    border-top: 1px dashed #ddd;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
}

.totalAmount[b-fky8mowlva] {
    color: var(--primary);
    font-size: 13px !important;
    font-weight: bold;
}

.currency[b-fky8mowlva] {
    text-align: right;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/NonRecoverableVariationReasonCodeSettings.razor.rz.scp.css */
#NonRecoverableVariationReasonCodeGuidance[b-dxuoz10a2z] {
    margin-bottom: 5px;
    margin-top: 20px;
}

.m0[b-dxuoz10a2z] {
    margin: 0px;
}

a.link-button[b-dxuoz10a2z] {
    color: #0000EE;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/ReviewMaterialsOnSiteDialog.razor.rz.scp.css */
.popout-container[b-5u6x36ellg] {
    display: flex;
    padding: 20px 0 20px 0;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/ReviewVariationDialog.razor.rz.scp.css */
.reviewContent[b-nutv85psdi] {
    padding: 10px 20px;
}

.firstReviewRow[b-nutv85psdi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex[b-nutv85psdi] {
    display: flex;
    gap: 10px;
}

[b-nutv85psdi] .flex > div {
    flex-grow: 1;
    width: 100%;
}

.reviewTotalWorks[b-nutv85psdi] {
    font-size: 12px;
}

.reviewRecoverable[b-nutv85psdi] {
    font-size: 14px;
}
.reviewRecoverable > input[b-nutv85psdi] {
    width: 20px;
    height: 20px;
}
.reviewRecoverable > span[b-nutv85psdi] {
    font-size: 14px;
    vertical-align: text-top;
}

.reviewReason[b-nutv85psdi] {
    margin: 0 10px 0 0;
    align-self: center;
}

.reviewHistoryTitle[b-nutv85psdi] {
    margin-top: 25px;
}

body.dark-mode h4[b-nutv85psdi], body.dark-mode h5[b-nutv85psdi] {
    color: white;
}

body.dark-mode .select2-selection.select2-selection--single[b-nutv85psdi] {
    background-color: #333442;
}

[b-nutv85psdi] .documents-button {
    display: block;
}

[b-nutv85psdi] .button.inline-icon {
    padding: 5px;
}

.view-documents-container[b-nutv85psdi] {
    display: flex;
    padding: 20px 0 20px 0;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/TaskVariationSection.razor.rz.scp.css */
.collapsable-grid-header[b-h0cqiqj895] {
    margin-bottom: 0px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/TaskVariation/Totals/TaskVariationTotals.razor.rz.scp.css */
.variationSummarySubheader[b-rg3762dluf] {
    background-color: #ebf8ff !important;
    font-weight: bold;
}
body.dark-mode .variationSummarySubheader[b-rg3762dluf] {
    background-color: #1c1c2a !important;
}

.variationSummaryData tr td[b-rg3762dluf] {
    padding: 5px;
}

.summaryDataWidth[b-rg3762dluf] {
    width: 800px;
    max-width: 100%;
}

.flexCenterRow[b-rg3762dluf] {
    display: flex;
    justify-content: center;
    background-color: white;
}

body.dark-mode .flexCenterRow[b-rg3762dluf] {
    background: transparent;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/VariationRegister/VariationRegisterTotals.razor.rz.scp.css */
/*#registerWrapper {
    display: flex;
    background: white;
    justify-content: space-evenly;
    margin: 0 20px;
    padding: 15px;
    box-shadow: 0 3px 20px 0 rgba(34, 34, 34, 0.01);
}

body.dark-mode #registerWrapper {
    background: #2f303d;
}

#registerWrapper > div {
    padding: 10px;
}

.registerTitle {
    font-size: 12px;
    text-align: center;
    color: #1e396b;
    padding: 5px;
    height: 20px;
}

body.dark-mode .registerTitle {
    color: #07b7da;
}

.registerValue {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 5px;
    margin-bottom: 0px;
}

body.dark-mode .registerValue {
    color: white;
}

.secondaryInfo {
    font-size: 11px;
    margin: 0px;
}

body.dark-mode .secondaryInfo {
    color: #ffffff;
}

.registerSeperator {
    border-right: solid 1px lightgrey;
    padding: 0px !important;
    margin: 20px 0px;
}

body.dark-mode .registerSeperator {
    border-right: solid 1px grey;
}
*/
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/_WorkPackageActions.razor.rz.scp.css */
#ActionsBox[b-ki4y7oqcug]{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
/* _content/WebcontractorV5/Pages/Site/WorkPackageDetail/_WorkPackageOptions.razor.rz.scp.css */
#OptionsBox[b-38nh7zbijd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dialog-area[b-38nh7zbijd] {
    position: absolute;
    border:none;
}