@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ouw50eeq2n.bundle.scp.css';

/* _content/GigBug/Components/Account/Shared/ButtonBack.razor.rz.scp.css */
.button-back[b-s9w1l0vg0s] {
    position: absolute;
    bottom: 2px;
    left: 5px;
}
/* _content/GigBug/Components/Account/Shared/LayoutAccountPages.razor.rz.scp.css */
[b-zvdgmeeq6g] .account-txt-title {
    font-weight: bold;
    font-size: large;
    text-align: left;
}

[b-zvdgmeeq6g] .btn {
    text-align: left;
    border: solid 2px black;
    padding: 5px 10px;
    margin: 5px;
    min-width: 110px;
    position: relative;
}

[b-zvdgmeeq6g] .btn-endslot {
    padding-right: 32px;
}

    [b-zvdgmeeq6g] .btn:hover {
        background-color: #335;
    }

[b-zvdgmeeq6g] .icon-btn-endslot {
    position: absolute;
    right: 4px;
    top: 4px;
}

[b-zvdgmeeq6g] .icon-btn-startslot {
    position: absolute;
    left: 4px;
    top: 4px;
}


/* Used by Login/Regsiter pages */
[b-zvdgmeeq6g] .container-section {
    width: 260px;
    padding: 10px;
}

[b-zvdgmeeq6g] .rememberme {
    margin-bottom: 2px;
}
[b-zvdgmeeq6g] .checkbox_rememberme {
    zoom: 1.3;
    margin-right: 4px;
    vertical-align: text-bottom;
}

[b-zvdgmeeq6g] .helper-links {
    margin-top: 6px;
}

[b-zvdgmeeq6g] .register-link {
    position: absolute;
    top: 2px;
    right: 6px;
    font-weight: bold;
}


[b-zvdgmeeq6g] .btn-extlogin {
    background-color: white;
    border-radius: 5px;
    border: solid 2px grey;
    padding: 5px 40px 5px 5px;
    min-width: 180px;
    position: relative;
    display: block;
    margin: 10px auto;
}

    [b-zvdgmeeq6g] .btn-extlogin:hover {
        box-shadow: 2px 2px grey;
        border-color: black;
    }

[b-zvdgmeeq6g] .icon-showpwd {
    position: absolute;
    bottom: 6px;
    right: 2px;
}
/* _content/GigBug/Components/Account/Shared/ResultMessage.razor.rz.scp.css */
.container-result[b-janx2xuqox] {
    font-size: large;
    width: fit-content;
    min-width: 40vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: solid 3px black;
    border-radius: 10px;
    padding: 20px 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: var(--result-color-bg);
    box-shadow: grey 3px 3px;
    position: relative;
}

.result-icon[b-janx2xuqox] {
    position: absolute;
    top: 10px;
    left: 20px;
}

.result-message[b-janx2xuqox] {
    display: inline-block;
    margin-left: 40px;
}


.result-link[b-janx2xuqox] {
    margin-top: 20px;
    text-align: center;
}

.link-icon[b-janx2xuqox] {
    position: relative;
    top: 5px;
}
.link-txt[b-janx2xuqox] {
}
/* _content/GigBug/Components/AdminTools/AdminContactUsMsgs.razor.rz.scp.css */
.remove-padding[b-29hiaq6por] {
    padding: 0px;
}

.email-subject[b-29hiaq6por] {
    font-weight: bold;
    font-size: medium;
    margin-bottom: 0px;
}

.email-date[b-29hiaq6por] {
    font-size: small;
    margin-bottom: 0px;
}
.email-from[b-29hiaq6por] {
    font-size: small;
    margin-bottom: 0px;
}
.email-body[b-29hiaq6por] {
    font-size: small;
    margin-top: 5px;
}

.container-authorcard[b-29hiaq6por] {
    margin: 0px;
}

.button-delete[b-29hiaq6por] {
    text-align: center;
    margin-top: 20px;
}
/* _content/GigBug/Components/AdminTools/AdminGigCfgValues.razor.rz.scp.css */
.item-siteconstant[b-42f8y6ymzj] {
    display: flex;
}

.constants-title[b-42f8y6ymzj] {
    font-size: medium;
    font-weight: bold;
    border-bottom: solid 2px grey;
    height: 30px;
    padding-top: 8px;
    margin-left: 4px;
    margin-right: 120px;
    margin-bottom: 6px;
}
.area-title[b-42f8y6ymzj] {
    font-size: small;
    font-weight: bold;
    border-bottom: solid 2px grey;
    height: 30px;
    padding-top: 8px;
    margin-bottom: 8px;
}

.list-title[b-42f8y6ymzj] {
    font-weight: bold;
    font-size: medium;
}

.container-area[b-42f8y6ymzj] {
    margin: 0px 30px;
}

.control-buttons[b-42f8y6ymzj] {
    text-align: center;
    display: flex;
    position: absolute;
    top: 3px;
    right: 5px;
}

.control-btn[b-42f8y6ymzj] {
    margin-left: 6px;
}
/* _content/GigBug/Components/AdminTools/AdminGigSiteConstants.razor.rz.scp.css */
.item-siteconstant[b-yye5onvrlc] {
    display: flex;
}

.constants-title[b-yye5onvrlc] {
    font-size: medium;
    font-weight: bold;
    border-bottom: solid 2px grey;
    height: 30px;
    padding-top: 8px;
    margin-left: 4px;
    margin-right: 120px;
    margin-bottom: 6px;
}
.area-title[b-yye5onvrlc] {
    font-size: small;
    font-weight: bold;
    border-bottom: solid 2px grey;
    height: 30px;
    padding-top: 8px;
    margin-bottom: 8px;
}

.list-title[b-yye5onvrlc] {
    font-weight: bold;
    font-size: medium;
}

.container-area[b-yye5onvrlc] {
    margin: 0px 30px;
}

.control-buttons[b-yye5onvrlc] {
    text-align: center;
    display: flex;
    position: absolute;
    top: 3px;
    right: 5px;
}

.control-btn[b-yye5onvrlc] {
    margin-left: 6px;
}

.txt-attention[b-yye5onvrlc] {
    color: darkred;
}
/* _content/GigBug/Components/AdminTools/AdminHelpDesk.razor.rz.scp.css */
.replycontainer[b-jod0zm8uru] {
    max-width: 400px;
}
.reply[b-jod0zm8uru] {
    border: solid 2px grey;
    border-radius: 12px;
    padding: 5px;
    margin: 5px;
    min-width: 55%;
    max-width: 80%;
}
.reply-admin[b-jod0zm8uru] {
    background: lightgrey;
    margin-right: auto;
    margin-left: 10px;
}

.reply-author[b-jod0zm8uru] {
    background: lightblue;
    margin-left: auto;
    margin-right: 10px;
}

.reply-datetime[b-jod0zm8uru] {
    font-size: x-small;
}
/* _content/GigBug/Components/AdminTools/AdminItemsList.razor.rz.scp.css */
.control-buttons[b-xqbjdjn6c4] {
    text-align: center;
    display: flex;
    position: absolute;
    top: 3px;
    right: 5px;
}

.control-btn[b-xqbjdjn6c4] {
    margin-left: 6px;
}

.container-message[b-xqbjdjn6c4] {
    max-width: 40ch;
    text-align: center;
    margin: auto;
}

.height-44[b-xqbjdjn6c4] {
    height: 44px;
}
/* _content/GigBug/Components/AdminTools/AdminOrderTransactions.razor.rz.scp.css */
.remove-padding[b-zsb2b9lj18] {
    padding: 0px;
}

.tx[b-zsb2b9lj18] {
    border-top: solid 1px grey;
    font-weight: bold;
    text-decoration: underline;
    padding: 10px;
    margin-top: 5px;
}
.tx-heading[b-zsb2b9lj18] {
    font-weight: bold;
    font-size: large;
    margin-left: 40px;
    margin-bottom: 5px;
}

.tx-link[b-zsb2b9lj18] {
    padding-left: 5px;
}
.tx-infoitem[b-zsb2b9lj18] {
    margin: 6px 0px 0px 60px;
    font-size: large;
}
.tx-footer[b-zsb2b9lj18] {
    border-top: solid 1px grey;
    margin-top: 10px;
}

.container-authorcard[b-zsb2b9lj18] {
    margin: 8px;
}

/* _content/GigBug/Components/AdminTools/AdminSentEmails.razor.rz.scp.css */
.remove-padding[b-amiqfbwh8f] {
    padding: 0px;
}

.email-subject[b-amiqfbwh8f] {
    font-weight: bold;
    font-size: medium;
    margin-bottom: 0px;
}

.email-date[b-amiqfbwh8f] {
    font-size: small;
    margin-bottom: 0px;
}
.email-from[b-amiqfbwh8f] {
    font-size: small;
    margin-bottom: 0px;
}
.email-body[b-amiqfbwh8f] {
    font-size: small;
    margin-top: 5px;
}

.container-authorcard[b-amiqfbwh8f] {
    margin: 0px;
}

/* _content/GigBug/Components/AdminTools/AdminUser.razor.rz.scp.css */
.container-userdetail[b-k4yrda5hbv] {
    padding: 4px 10px;
    border: solid 1px grey;
    border-radius: 4px;
    margin: 8px;
    width: fit-content;
}

.control-useradmin[b-k4yrda5hbv] {
    padding: 4px;
    border: solid 1px grey;
    border-radius: 4px;
    min-width: 27ch;
    text-align: left;
    display: flex;
    margin: 8px;
    width: fit-content;
}

.control-checkbox[b-k4yrda5hbv] {
    margin-left: 20px;
    margin-right: 5px;
    padding-top: 5px;

}

.txt-infoheading[b-k4yrda5hbv] {
    font-weight: bold;
    font-size: medium;
    margin-bottom: 5px 0px;
}
.txt-infoitem[b-k4yrda5hbv] {
    margin-left: 10px;
    margin-top: 4px;
}
/* _content/GigBug/Components/AdminTools/AdminUserDir.razor.rz.scp.css */
[b-u8vp4ck770] > fluent-accordion-item::part(heading) {
    background-color: white;
    font-weight: bold;
    font-size: medium;
}

    [b-u8vp4ck770] > fluent-accordion-item::part(heading):hover {
        background-color: lightgrey;
    }

.header-selecteduser[b-u8vp4ck770] {
    margin-left: 10px;
}

.header-info[b-u8vp4ck770] {
    font-weight: normal;
    margin-left: 10px;
    font-size: small;
}

.btn-clearsearch[b-u8vp4ck770] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.fluentselect-style[b-u8vp4ck770] {
    display: flex;
    vertical-align: middle;
}
/* _content/GigBug/Components/AdminTools/LayoutAdminTools.razor.rz.scp.css */
[b-8ock4w9xzf] .container-admintool {
    margin-bottom: 10px;
    padding-bottom: 16px;
}

[b-8ock4w9xzf] .heading {
    font-size: large;
    font-weight: bold;
    padding: 4px;
}

[b-8ock4w9xzf] .topright {
    position: absolute;
    top: 5px;
    right: 5px;
}

.admin-section[b-8ock4w9xzf] {
    font-size: x-large;
    font-weight: bold;
    margin-right: 20px;
    padding: 6px;
    border: solid 2px var(--admin-color);
    border-radius: 5px;
    background-color: var(--admin-color-bg);
}

[b-8ock4w9xzf] .admin-cardspacer {
    margin-top: 8px;
}

[b-8ock4w9xzf] .list-title {
    font-weight: bold;
    font-size: medium;
    border-bottom: solid 2px grey;
    height: 30px;
    padding-top: 8px;
    margin-left: 4px;
    margin-right: 120px;
}
/* _content/GigBug/Components/AdminTools/SuperAdminThis.razor.rz.scp.css */
.admin[b-20zplgvdvp] {
    background: lightgrey;
    border: solid 2px black;
    box-shadow: lightgrey 2px 2px;
    padding: 1px 3px 1px 3px;
    border-radius: 6px;
    position: absolute;
    right: -3px;
    bottom: -6px;
    z-index: 10;
    opacity: 0.7;
}
/* _content/GigBug/Components/Bids/BidDetails.razor.rz.scp.css */
/* <FluentDialog> component must be wrapped in a <div> for this style to be applied */
[b-2z9xyrfs5g] > fluent-dialog::part(control) {
    --dialog-width: 50% !important;
    --dialog-min-height: 60% !important;
    padding: 2rem !important;
}

.flex[b-2z9xyrfs5g] {
    display: flex;
}

.container-msg[b-2z9xyrfs5g] {
    margin-top: 20px;
}

.container-controls[b-2z9xyrfs5g] {
    margin-left: auto;
    display: flex;
}

.msg-clickmap[b-2z9xyrfs5g] {
    margin-bottom: 4px;
    margin-top: 6px;
}

.header-height[b-2z9xyrfs5g] {
    min-height: 36px;
}
.container-topright[b-2z9xyrfs5g] {
    position: absolute;
    right: 8px;
    top: 3px;
}

[b-2z9xyrfs5g] .editcontrol-header {
    position: relative;
    top: 0px;
}

[b-2z9xyrfs5g] .editcontrol-summary {
    position: absolute;
    top: 2px;
    right: 3px;
}

[b-2z9xyrfs5g] .editcontrol-detail {
    position: absolute;
    top: 2px;
    right: 3px;
}

.txt-location[b-2z9xyrfs5g] {
    margin-bottom: 6px;
    font-size: small;
    font-weight: bold;
    margin-left: 3px;
}
.txt-revision[b-2z9xyrfs5g] {
    position: absolute;
    font-size: small;
    left: 5px;
    bottom: 0px;
    font-style: italic;
}
.revision-spacer[b-2z9xyrfs5g] {
    height: 20px;
}

.txt-rank[b-2z9xyrfs5g] {
    padding-top: 5px;
    padding-right: 5px;
}
.txt-priceamount[b-2z9xyrfs5g] {
    margin-left: auto;
    text-align: right;
}

.fill-mapheight[b-2z9xyrfs5g] {
    height: 100%;
    min-height: 282px;
}

.terms[b-2z9xyrfs5g] {
    font-size: small;
    font-weight: normal;
    text-align: left;
    margin-top: -8px;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .terms[b-2z9xyrfs5g] {
        font-size: 9pt;
    }
}

.icon-terms[b-2z9xyrfs5g] {
    position: relative;
    top: -5px;
}

.txt-expires[b-2z9xyrfs5g] {
    position: relative;
    bottom: 10px;
}

.bidexpiry[b-2z9xyrfs5g] {
    font-weight: bold;
    font-size: small;
    border-bottom: solid 2px grey;
    padding: 0px;
    border-radius: 1px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 1px;
    margin-left: 6px;
    margin-top: -12px;
    vertical-align: top;
}

.item-authorcard[b-2z9xyrfs5g] {
    padding-top: 0px;
    margin-bottom: 20px;
}
/* _content/GigBug/Components/Bids/BidExampleDlg.razor.rz.scp.css */
[b-d070zdk34d] > fluent-dialog::part(control) {
    --dialog-width: 80% !important;
    padding: 0.5rem 1rem 1rem 1rem !important;
    border: solid 3px black;
}
@media (max-width: 768px) {
    [b-d070zdk34d] > fluent-dialog::part(control) {
        --dialog-width: 95% !important;
    }
}

.container-example[b-d070zdk34d] {
    padding: 10px 16px;
}

.title[b-d070zdk34d] {
    font-weight: bold;
    font-size: medium;
    border-bottom: solid 2px grey;
    width: fit-content;
    padding: 2px 10px 2px 4px;
}
.viewer-btn[b-d070zdk34d] {
    position: absolute;
    border: solid 1px lightgrey;
    background-color: rgba(200, 200, 200, 0.5);
    border-radius: 6px;
    line-height: 0;
    opacity: 0.7;
}

    .viewer-btn:hover[b-d070zdk34d] {
        background-color: rgba(200, 200, 200, 0.8);
        opacity: 1;
    }

.viewer-btn-next[b-d070zdk34d] {
    top: 50%;
    right: 2px;
}

.viewer-btn-prev[b-d070zdk34d] {
    position: absolute;
    top: 50%;
    left: 2px;
}

.viewer-btn-disabled[b-d070zdk34d] {
    pointer-events: none;
    background-color: black;
    opacity: 0.1;
}

[b-d070zdk34d] .buttons_footer {
    text-align: center;
    margin: 5px auto;
}
/* _content/GigBug/Components/Bids/BidReview.razor.rz.scp.css */
/* FluentUI styles */

[b-a4wuq4z8ij] > fluent-dialog::part(control) {
    --dialog-width: 78% !important;
    --dialog-min-height: 60% !important;
    padding: 1rem !important;
    border: solid 3px black;
    min-width: 400px;
}
@media (max-width: 500px) {
    [b-a4wuq4z8ij] > fluent-dialog::part(control) {
        min-width: 280px;
    }
}
/* _content/GigBug/Components/Bids/BidReviewView.razor.rz.scp.css */
.flexfixed[b-jv83e29x3t] {
    width: fit-content;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .unflex-narrow[b-jv83e29x3t] {
        display: unset;
    }

    .flexfitted[b-jv83e29x3t] {
        border-top: solid 2px lightgrey;
        margin-top: 6px;
    }
}
/* _content/GigBug/Components/Bids/BidsSearchFilters.razor.rz.scp.css */
[b-lfy3elsp6c] > fluent-button::part(content) {
    width: 120px;
    text-align: left;
}

.button-reset[b-lfy3elsp6c] {
    position: absolute;
    top: 4px;
    right: 4px;
}

.button-rollup[b-lfy3elsp6c] {
    position: absolute;
    top: 4px;
    left: 4px;
}

.container-slider[b-lfy3elsp6c] {
    padding-bottom: 20px;
    padding-right: 10px;
}

.container-savesearch[b-lfy3elsp6c] {
    padding-bottom: 6px;
}

.bidsfound[b-lfy3elsp6c] {
    font-size: small;
    font-weight: normal;
    border-top: solid 2px var(--bid-color);
    padding: 0px 10px 6px 10px;
    width: fit-content;
    margin-top: 2px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* _content/GigBug/Components/Bids/Dialog_BidPosted.razor.rz.scp.css */
.area-setpassword[b-zfvjnk8z4k] {
    border-top: solid 1px grey;
    margin-top: 20px;
    font-weight: bold;
    padding: 8px 0px;
}

.area-bidmsg[b-zfvjnk8z4k] {
    border-top: solid 1px grey;
    padding: 5px 0px;
}

.link-pwdlater[b-zfvjnk8z4k] {
    font-size: small;
    text-align: center;
    width: 100%;
    margin: auto;
}

.txt-newemail[b-zfvjnk8z4k] {
    font-size: large;
    text-align: center;
    border: solid lightgrey;
    border-width: 2px 0px 2px 0px;
    border-radius: 0px;
    width: fit-content;
    margin: 5px auto 10px auto;
    padding: 4px;
}
/* _content/GigBug/Components/Bids/IndexBids.razor.rz.scp.css */
.bidsgrid[b-oc8e8fmjfo] {
    overflow-x: auto;
    max-height: 60vh;
    border-bottom: solid 1px lightgrey;
}

/* _content/GigBug/Components/Bids/ReferenceJobDetails.razor.rz.scp.css */
[b-45mhiuzc5a] > fluent-accordion-item::part(heading) {
    background-color: white;
    font-weight: bold;
    font-size: medium;
}

[b-45mhiuzc5a] > fluent-accordion-item::part(heading):hover {
    background-color: lightgrey;
}

.map-topleft[b-45mhiuzc5a] {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 10;
    font-size: small;
    opacity: 0.8;
}

.container-controls[b-45mhiuzc5a] {
    border-left: solid 2px grey;
    margin-left: 10px;
    height: 35px;
}

.container-topright[b-45mhiuzc5a] {
    position: absolute;
    right: 8px;
    top: 3px;
}

[b-45mhiuzc5a] .editcontrol-header {
    position: relative;
    top: 0px;
}

[b-45mhiuzc5a] .editcontrol-summary {
    position: absolute;
    top: -35px;
    right: 5px;
}

[b-45mhiuzc5a] .editcontrol-detail {
    position: absolute;
    top: -35px;
    right: 5px;
}
/* _content/GigBug/Components/Bids/RenderBidStatus.razor.rz.scp.css */
.container[b-fgcqroj472] {
    padding: 2px 16px 1px 10px;
    margin: 4px 4px 4px 4px;
    font-size: medium;
    font-weight: bold;
    border-radius: 8px;
    border: solid 2px black;
    width: fit-content;
}

.alignment[b-fgcqroj472] {
    display: inline-block;
    vertical-align: middle;
}

/* _content/GigBug/Components/Checkout/Button_BuyCredits.razor.rz.scp.css */
.container-button[b-rvx3l2f5h3] {
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
/* _content/GigBug/Components/Checkout/GigAccountBalance.razor.rz.scp.css */
.header[b-0j901coxng] {
    font-weight: bold;
    font-size: large;
}
.container[b-0j901coxng] {
    border: solid 2px black;
    border-radius: 5px;
    box-shadow: lightgrey 2px 2px;
    padding: 8px;
    width: fit-content;
    min-width: 240px;
    position: relative;
}

.txt-pendingfees[b-0j901coxng] {
    font-size: small;
}
.txt-pendingquotes[b-0j901coxng] {
    font-size: x-small;
}

.result[b-0j901coxng] {
    border-top: solid 2px;
    font-weight: bold;
    font-size: medium;
    margin-top: 0px;
    padding-top: 2px;
    margin-bottom: 4px;
}

.credits-warning[b-0j901coxng] {
    border: solid 3px darkred;
    background-color: lightgoldenrodyellow;
}
.credits-warning-icon[b-0j901coxng] {
    margin-left: 4px;
    position: absolute;
    top: 4px;
    right: 4px;
}
/* _content/GigBug/Components/Checkout/Gig_BidFees.razor.rz.scp.css */
.container[b-x3y26ymdh9] {
    text-align: right;
    margin: 2px;
    border-top: solid 2px lightgrey;
    width: fit-content;
    display: flex;
    padding: 4px 6px;
}

.fees-icon[b-x3y26ymdh9] {
    position: relative;
    top: -4px;
}
.fees-heading[b-x3y26ymdh9] {
    text-align: left;
    text-decoration: underline;
    font-size: small;
    position: absolute;
    left: 4px;
    top: 0px;
}
.fees-txt[b-x3y26ymdh9] {
    font-size: small;
    white-space: pre-wrap;
    text-align: right;
    margin-left: 5px;
    line-height: 1.1em;
}

.clientpaid[b-x3y26ymdh9] {
    text-align: center;
    margin-left: 0px;
    font-weight: bold;
    font-size: unset;
}

.sitepaid[b-x3y26ymdh9] {
    text-align: center;
    margin-left: 0px;
    font-weight: bold;
    font-size: large;
}
/* _content/GigBug/Components/Checkout/PurchaseMenuDlg.razor.rz.scp.css */
/* <FluentDialog> component must be wrapped in a <div> for this style to be applied */
[b-p0qmsjy55n] > fluent-dialog::part(control) {
    --dialog-width: 60% !important;
    --dialog-min-height: 60% !important;
    min-width: 300px;
    max-width: 650px;
    padding: 1rem !important;
    margin-top: 5em;
    border: solid 2px black;
}

[b-p0qmsjy55n] .lockstatus {
    border: solid 2px grey;
    border-radius: 4px;
    padding: 1px;
    margin-top: -2px;
    box-shadow: lightgrey 2px 2px;
}

.title[b-p0qmsjy55n] {
    font-size: large;
    font-weight: bold;
}

.subtitle[b-p0qmsjy55n] {
    font-weight: bold;
    margin-left: 2ch;
}

.container-account[b-p0qmsjy55n] {
    padding: 8px;
}
/* _content/GigBug/Components/Checkout/PurchaseMenuStatic.razor.rz.scp.css */
.txt-pricingheading[b-rg9alvuusi] {
    font-size: large;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.txt-product-item[b-rg9alvuusi] {
    font-size: 10pt;
    margin: 6px 30px;
    line-height: 1rem;
}
/* _content/GigBug/Components/Checkout/StripeCheckout.razor.rz.scp.css */
.container-menu[b-0muu9r8pkd] {
    margin-left: 3ch;
}

.title[b-0muu9r8pkd] {
    font-weight: bold;
    margin-left: 1ch;
    padding-bottom: 1ch;
    font-size: large;
}
.col-button[b-0muu9r8pkd] {
    flex: 0 0 auto;
    text-align: right;
    width: 100px;
}
.col-price[b-0muu9r8pkd] {
    font-weight: bold;
    padding: 6px;
    text-align: left;
    flex: 1 0 0%;
}

.item-height[b-0muu9r8pkd] {
    height: 50px;
}

.purchaseoptions[b-0muu9r8pkd] {
    font-size: small;
}
.purchaseqty[b-0muu9r8pkd] {
    text-align: right;
    margin-right: 1rem;
}
.purchasebase[b-0muu9r8pkd] {
    text-align: right;
    margin-right: 1rem;
}
.purchasediscount[b-0muu9r8pkd] {
    text-align: right;
    height: 1.5rem;
    margin-right: 1rem;
}
.purchasetotal[b-0muu9r8pkd] {
    text-align: right;
    font-weight: bold;
    font-size: x-large;
    margin-right: 1rem;
    margin-bottom: 1ch;
    border-top: solid 1px grey;
    padding-top: 4px;
    white-space: nowrap;
}
.purchasebutton[b-0muu9r8pkd] {
    text-align: right;
}
.editbutton[b-0muu9r8pkd] {
    float: right;
    display: inline;
    margin-bottom: 10px;
}

[b-0muu9r8pkd] > fluent-number-field::part(control) {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}

/* _content/GigBug/Components/Dashboard/AccountProfile.razor.rz.scp.css */
.container-cards[b-cq0wn3zd2d] {
    padding: 0px;
}
.container-group[b-cq0wn3zd2d] {
    max-width: 800px;
    margin: 10px auto 0px auto;
}

.sectionbreak[b-cq0wn3zd2d] {
    margin-top: 12px;
}

.pwd-help[b-cq0wn3zd2d] {
    text-align: center;
}

[b-cq0wn3zd2d] svg {
    vertical-align: top !important;
}

[b-cq0wn3zd2d] .subheading {
    font-weight: bold;
}

.checkbox-item[b-cq0wn3zd2d] {
    margin: 5px;
    margin-left: 15px;
}

.checkbox-bold[b-cq0wn3zd2d] {
    font-weight: bold;
}

.footnote[b-cq0wn3zd2d] {
    font-size: small;
    font-style: italic;
    margin-left: 4ch;
}

[b-cq0wn3zd2d] .item-setting {
    margin: 5px 10px;
    padding: 3px;
    border-top: solid 1px lightgrey;
}

[b-cq0wn3zd2d] > .fluent-input-label {
    font-weight: bold;
}

[b-cq0wn3zd2d] .item-invalid {
    display: inline;
    color: darkred;
    font-weight: bold;
    margin-left: 5px;
    position: relative;
    top: -10px;
}

[b-cq0wn3zd2d] .btn {
    text-align: left;
    border: solid 1px black;
    padding: 3px 6px 3px 6px;
    font-size: small;
    min-width: 70px;
    max-height: 32px;
}

[b-cq0wn3zd2d] .btn:hover {
    background-color: #335;
}

.msg-validation[b-cq0wn3zd2d] {
    vertical-align: top;
    font-size: small;
    color: darkred;
}

.button-confirmemail[b-cq0wn3zd2d] {
    text-align: center;
    margin: 4px auto 0px auto;
}

/* over-ride box outline for valid inputs */
[b-cq0wn3zd2d] .valid.modified:not([type=checkbox]) {
    outline: 0px none black;
}
/* _content/GigBug/Components/Dashboard/Button_CloseMyAccount.razor.rz.scp.css */
/* _content/GigBug/Components/Dashboard/ChangeMyPassword.razor.rz.scp.css */
.container-form[b-4iu54ir7gx] {
    text-align: center;
    max-width: 40ch;
    margin: 0px auto;
}

.txt-setpassword[b-4iu54ir7gx] {
    font-weight: bold;
    margin-bottom: 5px;
}

.iconshowpassword[b-4iu54ir7gx] {
    position: absolute;
    bottom: 6px;
    right: 2px;
}
/* _content/GigBug/Components/Dashboard/Dashboard.razor.rz.scp.css */
.container-tabs[b-for48f30ao] {
    margin: 10px 0px;
}

.menubutton[b-for48f30ao] {
    position: absolute;
    top: 8px;
    left: 4px;
    z-index: 2;
}

.menubutton[b-for48f30ao]  fluent-button::part(control) {
    font-weight: bold;
}

[b-for48f30ao] .container-searchfilters {
    width: calc(100% - 4px);
    position: relative;
    border-bottom: solid 2px lightgrey;
    padding-bottom: 6px;
}

[b-for48f30ao] .card-disable {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #AAA;
    fill: blue;
    opacity: .3;
    z-index: 999;
}

    [b-for48f30ao] .card-disable:hover {
        cursor: not-allowed;
    }

.placeholder-header[b-for48f30ao] {
    min-height: 20ch;
}

[b-for48f30ao] .heading {
    font-size: large;
    font-weight: bold;
    padding: 4px;
}

[b-for48f30ao] .button-save {
    margin: 5px;
    text-align: center;
}

[b-for48f30ao] fluent-tabs::part(activeIndicator) {
    width: 60%;
}

[b-for48f30ao] fluent-tab[role=tab] {
    margin: 0px 2px;
    font-size: small;
    border: solid lightgrey;
    border-width: 1px 1px 0px 1px;
    border-radius: 12px 12px 0px 0px;
    background-color: rgba(200, 200, 200, 0.6);
}
[b-for48f30ao] fluent-tab-panel[role=tabpanel] {
    border-top: solid 1px lightgrey;
    padding-top: 6px;
    padding-right: 0px;
    min-height: 50vh;
    padding-bottom: 16px;
}

@media (max-width: 960px) {
    [b-for48f30ao] fluent-tab[role=tab] {
        visibility: hidden;
        height: 0px;
        z-index: 0;
    }
    [b-for48f30ao] fluent-tabs::part(activeIndicator) {
        width: 0px;
    }
    [b-for48f30ao] fluent-badge {
        visibility: hidden;
    }
}



[b-for48f30ao] fluent-tab[aria-selected="true"] {
    font-weight: bold;
    border-bottom: solid 2px var(--neutral-fill-focus);
    background-color: unset;
    position: relative;
    top: 1px;
    background-color: rgba(200, 250, 200, 0);
}

[b-for48f30ao] svg.fluent-tab-icon {
    transform: scale(1.1);
    margin-right: 2px;
}

[b-for48f30ao] .searchesgrid {
    max-height: 80vh;
    min-height: 40vh;
    overflow-y: scroll;
}

[b-for48f30ao] .container-controls {
    display: inline;
    border-radius: 4px;
    padding: 1px 10px 1px 10px;
    width: fit-content;
    background: white;
}

[b-for48f30ao] .alignment {
    display: inline-block;
    vertical-align: middle;
}

[b-for48f30ao] .topright {
    position: absolute;
    top: 3px;
    right: 0px;
}

[b-for48f30ao] .button-spacer {
    height: 30px;
}

.notification-none[b-for48f30ao] {
    margin: 20px;
}
/* _content/GigBug/Components/Dashboard/DashboardAccountTransactions.razor.rz.scp.css */
.remove-padding[b-4i30qg8m3b] {
    padding: 0px;
}

.selectedRow[b-4i30qg8m3b] {
    font-weight: bold;
}
.tx[b-4i30qg8m3b] {
    border-top: solid 1px grey;
    font-weight: bold;
    text-decoration: underline;
    padding: 10px;
    margin-top: 5px;
}
.tx-heading[b-4i30qg8m3b] {
    font-weight: bold;
    font-size: large;
    margin-left: 40px;
    margin-bottom: 5px;
}

.tx-link[b-4i30qg8m3b] {
    padding-left: 5px;
}
.tx-infoitem[b-4i30qg8m3b] {
    margin: 6px 0px 0px 60px;
    font-size: large;
}
.tx-footer[b-4i30qg8m3b] {
    border-top: solid 1px grey;
    margin-top: 10px;
}

.container-txdetails[b-4i30qg8m3b] {
    width: 60%;
    min-width: 300px;
    margin: 0px auto;
    position: relative;
}
/* _content/GigBug/Components/Dashboard/DashboardInbox.razor.rz.scp.css */
.remove-padding[b-99orl7hoqm] {
    padding: 0px;
}

.email-subject[b-99orl7hoqm] {
    font-weight: bold;
    font-size: medium;
    margin-bottom: 0px;
}

.email-date[b-99orl7hoqm] {
    font-size: small;
    margin-bottom: 0px;
}
.email-from[b-99orl7hoqm] {
    font-size: small;
    margin-bottom: 0px;
}
.email-body[b-99orl7hoqm] {
    font-size: small;
    margin-top: 5px;
}

.container-authorcard[b-99orl7hoqm] {
    margin: 0px;
}

/* _content/GigBug/Components/Dashboard/DashboardJobSearches.razor.rz.scp.css */
.container-map[b-si2r6y0pvn] {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

ul[b-si2r6y0pvn] {
    margin-bottom: 0rem;
}

.buttons-managesearch[b-si2r6y0pvn] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.search-selected[b-si2r6y0pvn] {
    font-weight: bold;
}

.search-heading[b-si2r6y0pvn] {
    padding-right: 12ch;
    padding-left: 5px;
    padding-bottom: 6px;
    margin-top: 10px;
    border-bottom: solid 1px grey;
    font-weight: bold;
    font-size: large;
}

.search-inforow[b-si2r6y0pvn] {
    text-align: center;
    border-bottom: solid 1px grey;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    display: inline;
}

.search-resultinfo[b-si2r6y0pvn] {
    margin-right: 8px;
    display: inline;
}

.search-specs[b-si2r6y0pvn] {
    margin-top: 6px;
    font-weight: bold;
}

.search-bulletitem[b-si2r6y0pvn] {
    font-size: small;
    margin-left: 8ch;
}
.search-autorun[b-si2r6y0pvn] {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px grey;
    display: inline;
    text-align: center;
}
/* _content/GigBug/Components/Dashboard/Dialog_JobSearchEdit.razor.rz.scp.css */
.controls-row[b-viv48442ar] {
    text-align: center;
    margin: 0px auto 16px auto;
}
/* _content/GigBug/Components/Dashboard/MyExternalLogins.razor.rz.scp.css */
.container-provider[b-17cla95hqf] {
    display: flex;
    border-top: solid 1px lightgrey;
    min-height: 30px;
    padding: 5px;
    margin: 2px 10px;
}

.provider-logo[b-17cla95hqf] {
    flex: 1;
    margin: auto 0px;
    border: solid 0px black;
    text-align: center;
}
.provider-checkmark[b-17cla95hqf] {
    margin-left: 2px;
    display: inline-block;
    min-width: 16px;
}

.logo-faded[b-17cla95hqf] {
    opacity: 0.5;
    cursor: not-allowed;
}

.provider-name[b-17cla95hqf] {
    margin: auto 10px;
    font-weight: bold;
    font-size: medium;
}

.provider-button[b-17cla95hqf] {
    margin: auto 10px;
    flex: 1;
}

.provider-checkbox[b-17cla95hqf] {
    width: 30px;
    display: inline-block;
}


    .btn:disabled[b-17cla95hqf] {
        cursor: not-allowed !important;
        pointer-events: all;
        background-color: dimgrey;
    }
    .btn:disabled:hover[b-17cla95hqf] {
        background-color: black;
    }

.btn-positive[b-17cla95hqf] {
    background-color: darkgreen;
}
    .btn-positive:hover[b-17cla95hqf] {
        background-color: #040;
    }

.btn-negative[b-17cla95hqf] {
    background-color: darkred;
}
    .btn-negative:hover[b-17cla95hqf] {
        background-color: #600;
    }
/* _content/GigBug/Components/Dashboard/Result_CloseMyAccount.razor.rz.scp.css */
.heading[b-9fv4q3ryp1] {
    font-weight: bold;
    font-size: large;
}
.checked-list[b-9fv4q3ryp1] {
    margin-left: 20px;
    display: flex;
}
.checkmark[b-9fv4q3ryp1] {
    display: inline;
    margin-right: 5px;
}
.message[b-9fv4q3ryp1] {

}
.buttons[b-9fv4q3ryp1] {
    text-align: right;
    margin-top: 2ch;
}
/* _content/GigBug/Components/Dashboard/SetMyPassword.razor.rz.scp.css */
.container-form[b-597mxj4lrk] {
    text-align: center;
    max-width: 40ch;
    margin: 0px auto;
}

.iconshowpassword[b-597mxj4lrk] {
    position: absolute;
    bottom: 6px;
    right: 2px;
}
/* _content/GigBug/Components/GigStatusActions/ConfirmActionDlg.razor.rz.scp.css */
[b-c45opntozk] > fluent-dialog::part(control) {
    width: auto;
    max-width: 60vw;
    --dialog-min-width: 30% !important;
    --dialog-min-height: 40% !important;
    padding: 1rem !important;
    border: solid 3px black;
}

.question[b-c45opntozk] {
    font-weight: bold;
    font-size: large;
    text-align: left;
    margin-right: 30px;
}

.checklist[b-c45opntozk] {
    margin-left: 5ch;
    margin-top: 1ch;
    line-height: 2.5em;
    text-align: left;
}

.checklist-item[b-c45opntozk] {
    margin-top: 5px;
}

.information[b-c45opntozk] {
    font-size: unset;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1ch;
    white-space: pre-line;
    text-align: left;
}
.buttons[b-c45opntozk] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
/* _content/GigBug/Components/HelpDesk/HelpDesk.razor.rz.scp.css */
.container-controls[b-8rx0mkrytw] {
    margin: 8px;
}

.ticket-grid[b-8rx0mkrytw] {
    max-height: 60vh;
    overflow-y: auto;
}
/* _content/GigBug/Components/HelpDesk/HelpTicket_Base.razor.rz.scp.css */
[b-yj1qliewm8] .helpicon {
    padding: 0px;
    border-radius: 4px;
    opacity: 0.9;
    z-index: 1;
}

[b-yj1qliewm8] > fluent-dialog::part(control) {
    --dialog-width: 70% !important;
    min-width: 290px;
    border: solid 3px black;
    margin-top: 70px;
    text-align: left;
}

[b-yj1qliewm8] .pos-topright {
    position: absolute;
    right: 6px;
    top: 5px;
}

[b-yj1qliewm8] .pos-topleft {
    position: absolute;
    left: 6px;
    top: 5px;
}

[b-yj1qliewm8] .pos-bottomright {
    position: absolute;
    right: -9px;
    bottom: -6px;
}

[b-yj1qliewm8] .txt-ticketsection {
    margin-top: 1ch;
    font-weight: bold;
}

.btn-helpdesk[b-yj1qliewm8] {
    text-align: center;
    margin-top: 8px;
}
/* _content/GigBug/Components/HelpDesk/TicketDetail.razor.rz.scp.css */
.container-ticket[b-5bn9igyo5d] {
    display: inline;
    margin: 5px;
}
.ticket-icon[b-5bn9igyo5d] {
    position: absolute;
    top: 2px;
    left: 2px;
}
.ticket-header[b-5bn9igyo5d] {
    font-weight: bold;
    font-size: medium;
    margin-right: 7ch;
    margin-left: 30px;
}

.ticket-status[b-5bn9igyo5d] {
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 5px;
    border: solid 1px black;
    border-radius: 5px;
    padding: 0px 5px 1px 5px;
}

.Open[b-5bn9igyo5d] {
    background-color: palegoldenrod;
}
.Closed[b-5bn9igyo5d] {
    background-color: lightskyblue;
}
.Resolved[b-5bn9igyo5d] {
    background-color: lightgreen;
}
.Rejected[b-5bn9igyo5d] {
    background-color: pink;
}
.Initial[b-5bn9igyo5d] {
    background-color: lightgrey;
}
.New[b-5bn9igyo5d] {
    background-color: grey;
}

.ticket-dates[b-5bn9igyo5d] {
    margin-top: 5px;
    border-top: solid 1px grey;
}
.ticket-date[b-5bn9igyo5d] {
    display: inline-block;
    margin: 5px 25px 0px 0px;
}
.ticket-subject[b-5bn9igyo5d] {
    font-weight: bold;
    font-size: medium;
    border-top: solid 1px grey;
    margin-top: 5px;
}
.ticket-detail[b-5bn9igyo5d] {
    font-size: small;
}
.ticket-metauri[b-5bn9igyo5d] {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticket-buttons[b-5bn9igyo5d] {
    text-align: center;
    border-top: solid 1px grey;
    margin-top: 5px;
    padding-top: 5px;
    font-size: small;
}
.ticket-author[b-5bn9igyo5d] {
    margin-top: 5px;
}
.checkbox-unsuspend[b-5bn9igyo5d] {
    margin-left: 8px;
    font-size: small;
}
/* _content/GigBug/Components/InfoPopups/Info.razor.rz.scp.css */
[b-5xupiji2of] .infobox {
    width: 45vw;
    min-width: 150px;
    max-width: 500px;
    border: solid 1px dimgrey;
    border-radius: 5px;
    opacity: 0.98;
    font-size: 8pt;
    font-weight: normal;
    background: white !important;
    padding: 0px 4px;
}
[b-5xupiji2of] p, [b-5xupiji2of] ul {
    font-size: medium;
    margin-bottom: 0.2rem;
}
[b-5xupiji2of] div.fluent-popover-content {
    padding: 0.5em;
}

@media (max-width: 850px) {
    [b-5xupiji2of] p, [b-5xupiji2of] ul {
        font-size: small;
        line-height: 18px;
    }
}
@media (max-width: 500px) {
    [b-5xupiji2of] p, [b-5xupiji2of] ul {
        font-size: x-small;
        line-height: 16px;
    }
}

.info-text[b-5xupiji2of] {
    text-align: left;
}

.infoicon[b-5xupiji2of] {
    margin: 2px 2px;
    display: inline;
}

.topleft[b-5xupiji2of] {
    position: absolute;
    top: 0px;
    left: 0px;
}
.topright[b-5xupiji2of] {
    position: absolute;
    top: 0px;
    right: 0px;
}
.bottomright[b-5xupiji2of] {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.bottomleft[b-5xupiji2of] {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
/* _content/GigBug/Components/InfoPopups/Info_card.razor.rz.scp.css */
.pos-card[b-kqe6gu75zm] {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/* _content/GigBug/Components/Jobs/Dialog_JobPosted.razor.rz.scp.css */
/* <FluentDialog> component must be wrapped in a <div> for this style to be applied */
[b-g9i0e73v5l] > fluent-dialog::part(control) {
    --dialog-width: fit-content !important;
    border: solid 3px black !important;
}

.area-setpassword[b-g9i0e73v5l] {
    border-top: solid 1px grey;
    margin-top: 20px;
    font-weight: bold;
    padding: 8px 0px;
}

.area-instruction[b-g9i0e73v5l] {
    border-top: solid 1px grey;
    padding: 5px 0px;
}

.area-giglink[b-g9i0e73v5l] {
    margin: auto;
    width: fit-content;
}

.link-pwdlater[b-g9i0e73v5l] {
    font-size: small;
    text-align: center;
    width: 100%;
    margin: auto;
}

.txt-newemail[b-g9i0e73v5l] {
    font-size: large;
    text-align: center;
    border: solid lightgrey;
    border-width: 2px 0px 2px 0px;
    border-radius: 0px;
    width: fit-content;
    margin: 5px auto 10px auto;
    padding: 4px;
}
/* _content/GigBug/Components/Jobs/GigLink.razor.rz.scp.css */
.container-giglink[b-c49vsw6ixh] {
    font-size: medium;
    font-weight: bold;
    padding: 1px 0px 0px 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    width: fit-content;
}

.area-buttons[b-c49vsw6ixh] {
    display: inline;
    padding-left: 5px;
}

.area-staticsharepanel[b-c49vsw6ixh] {
    border-bottom: solid 1px lightgrey;
    padding-top: 4px;
    margin: auto;
    width: fit-content;
}

.btn-share[b-c49vsw6ixh] {
    display: inline;
}

.txt-giglink[b-c49vsw6ixh] {
    display: inline;
}

[b-c49vsw6ixh] .btn-share .fluent-popover-content {
    padding: 0px;
    position: relative;
}
/* _content/GigBug/Components/Jobs/JobDetails.razor.rz.scp.css */
[b-zpwh8435qi] > fluent-accordion-item::part(heading) {
    background-color: white;
    font-weight: bold;
    font-size: medium;
}

[b-zpwh8435qi] > fluent-accordion-item::part(heading):hover {
    background-color: lightgrey;
}

[b-zpwh8435qi] > fluent-accordion-item {
    position: relative;
}

.map-topleft[b-zpwh8435qi] {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 10;
    font-size: small;
    opacity: 0.9;
    font-weight: bold;
}

.container-controls[b-zpwh8435qi] {
    border-left: solid 2px grey;
    margin-left: 10px;
    height: 35px;
}

.container-map[b-zpwh8435qi] {
    position: relative;
}

.container-topright[b-zpwh8435qi] {
    position: absolute;
    right: 8px;
    top: 3px;
}

[b-zpwh8435qi] .editcontrol-header {
    position: relative;
    top: 0px;
}

[b-zpwh8435qi] .editcontrol-summary {
    position: absolute;
    top: -35px;
    right: 5px;
}

[b-zpwh8435qi] .editcontrol-detail {
    position: absolute;
    top: -35px;
    right: 5px;
}
/* _content/GigBug/Components/Jobs/JobExampleDlg.razor.rz.scp.css */
[b-xjyeafo1a4] > fluent-dialog::part(control) {
    --dialog-width: 80% !important;
    padding: 0.5rem 1rem 1rem 1rem !important;
    border: solid 3px black;
}
@media (max-width: 768px) {
    [b-xjyeafo1a4] > fluent-dialog::part(control) {
        --dialog-width: 95% !important;
    }
}

.container-example[b-xjyeafo1a4] {
    padding: 10px 16px;
}

.title[b-xjyeafo1a4] {
    font-weight: bold;
    font-size: medium;
    border-bottom: solid 2px grey;
    width: fit-content;
    padding: 2px 10px 2px 4px;
}
.viewer-btn[b-xjyeafo1a4] {
    position: absolute;
    border: solid 1px lightgrey;
    background-color: rgba(200, 200, 200, 0.5);
    border-radius: 6px;
    line-height: 0;
    opacity: 0.7;
}

    .viewer-btn:hover[b-xjyeafo1a4] {
        background-color: rgba(200, 200, 200, 0.8);
        opacity: 1;
    }

.viewer-btn-next[b-xjyeafo1a4] {
    top: 50%;
    right: 2px;
}

.viewer-btn-prev[b-xjyeafo1a4] {
    position: absolute;
    top: 50%;
    left: 2px;
}

.viewer-btn-disabled[b-xjyeafo1a4] {
    pointer-events: none;
    background-color: black;
    opacity: 0.1;
}

[b-xjyeafo1a4] .buttons_footer {
    text-align: center;
    margin: 5px auto;
}
/* _content/GigBug/Components/Jobs/JobQandA.razor.rz.scp.css */
.qanda[b-al7xcasu70] {
    max-height: 50vh;
    border: 0px solid;
    line-height: 1.2em;
    white-space: normal;
}

.question[b-al7xcasu70] {
    padding: 2px;
    text-indent: -4ch;
    margin-left: 4ch;
}

.question-new[b-al7xcasu70] {
    margin-left: 2ch;
}

.answer[b-al7xcasu70] {
    text-indent: -4ch;
    margin-left: 7ch;
    font-size: small;
}

.delete[b-al7xcasu70] {
    text-indent: 0ch;
    padding-left: 4ch;
}

.spaced-text[b-al7xcasu70] {
    padding: 2px;
}
/* _content/GigBug/Components/Jobs/JobReview.razor.rz.scp.css */
/* FluentUI styles */

[b-kwuz9cq2wh] > fluent-dialog::part(control) {
    --dialog-width: 78% !important;
    --dialog-min-height: 60% !important;
    padding: 1rem !important;
    border: solid 3px black;
    min-width: 400px;
}
@media (max-width: 500px) {
    [b-kwuz9cq2wh] > fluent-dialog::part(control) {
        min-width: 280px;
    }
}
/* _content/GigBug/Components/Jobs/JobReviewView.razor.rz.scp.css */
.flexfixed[b-2pzb3ztwzj] {
    width: fit-content;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .unflex-narrow[b-2pzb3ztwzj] {
        display: unset;
    }

    .flexfitted[b-2pzb3ztwzj] {
        border-top: solid 2px lightgrey;
        margin-top: 6px;
    }
}
/* _content/GigBug/Components/Jobs/JobsDataGrid.razor.rz.scp.css */
/* _content/GigBug/Components/Jobs/JobsSearchFilters.razor.rz.scp.css */
[b-oidw91u040] > fluent-button::part(content) {
    width: 120px;
    text-align: left;
}

.button-reset[b-oidw91u040] {
    position: absolute;
    top: 4px;
    right: 4px;
}

.button-rollup[b-oidw91u040] {
    position: absolute;
    top: 4px;
    left: 4px;
}

.container-slider[b-oidw91u040] {
    padding-bottom: 20px;
    padding-right: 10px;
}

.container-savesearch[b-oidw91u040] {
    padding-bottom: 6px;
}

.jobsfound[b-oidw91u040] {
    font-size: small;
    font-weight: normal;
    border-top: solid 2px var(--job-color);
    padding: 0px 10px 6px 10px;
    width: fit-content;
    margin-top: 2px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* _content/GigBug/Components/Jobs/JobSummary.razor.rz.scp.css */
.container-details[b-ouz3j1j9vl] {
    padding: 0px 0px;
}

.msg-clickmap[b-ouz3j1j9vl] {
    margin-bottom: 4px;
    margin-top: 6px;
}

.txt-location[b-ouz3j1j9vl] {
    margin-bottom: 6px;
    font-size: small;
    font-weight: bold;
    margin-left: 3px;
}

.txt-footer[b-ouz3j1j9vl] {
    position: absolute;
    font-size: small;
    bottom: 5px;
    left: 10px;
    padding-top: 5px;
    border-top: solid 1px lightgrey;
    line-height: 1.7ch;
}
@media (max-width: 540px) {
    .txt-footer[b-ouz3j1j9vl] {
        font-size: x-small;
    }
}

.txt-budgetlabel[b-ouz3j1j9vl] {
    vertical-align: top;
    line-height: 30px;
    font-size: small;
    font-weight: bold;
    margin-left: 3px;
}


.txt-budgetamount[b-ouz3j1j9vl] {
    margin-left: 4px;
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
}

.item-bidcount[b-ouz3j1j9vl] {
    margin-top: 10px;
    border-top: solid 2px lightgrey;
    width: fit-content;
    text-align: right;
    padding: 0px 10px;

}

.header[b-ouz3j1j9vl] {
    min-height: 44px;
    border-bottom: solid 2px lightgrey;
    padding-bottom: 4px;
    display: flex;
}

.full-width[b-ouz3j1j9vl] {
    width: 100%;
}

.container-controls[b-ouz3j1j9vl] {
    margin-left: auto;
    margin-right: 0px;
    padding-left: 6px;
    display: inline-flex;
}

.controlbuttons[b-ouz3j1j9vl] {
    display: inline-flex;
    vertical-align: top;
}

.footer-spacer[b-ouz3j1j9vl] {
    height: 30px
}
/* _content/GigBug/Components/Jobs/Job_NextStepGuide.razor.rz.scp.css */
.guide-button[b-55er2q0y99] {
    font-weight: bold;
    font-size: large;
    border-radius: 10px;
    background-color: var(--accent-foreground-hover);
    color: orange;
    padding: 6px;
}

.container-guide[b-55er2q0y99] {
    margin: -25px 1rem 16px 0px;
    text-align: right;
}

@media (max-width: 600px) {
    .container-guide[b-55er2q0y99] {
        margin: -10px 2rem 16px 0px;
    }
}

.icon-popup[b-55er2q0y99] {
    display: inline;
    position: relative;
    top: -6px;
    left: -6px;
}

.txt-heading[b-55er2q0y99] {
    display: inline;
}

ol > li[b-55er2q0y99], ul > li[b-55er2q0y99] {
    line-height: 1.2rem;
    margin-bottom: 0.1rem;
}

[b-55er2q0y99] .icon-notices {
    margin-right: 10px;
    margin-left: 6px;
}

[b-55er2q0y99] .txt-notices {
    font-weight: bold;
    font-size: medium;
    margin-top: 8px;
    border-top: solid 2px lightgrey;
}

[b-55er2q0y99] > fluent-button {
    font-weight: bold;
    font-size: large;
    border-radius: 10px;
}

    [b-55er2q0y99] > fluent-button::part(control) {
        padding: 20px 10px;
    }

[b-55er2q0y99] .guidepopup {
    position: relative;
    right: 0px;
    width: 40vw;
    min-width: 275px;
    max-width: 680px;
    border: solid 1px dimgrey;
    border-radius: 5px;
    opacity: 0.98;
    font-size: 10pt;
    font-weight: normal;
    background: white !important;
}

@media (max-width: 500px) {
    [b-55er2q0y99] p {
        font-size: small;
        line-height: 16px;
    }

    [b-55er2q0y99] .guidepopup {
        right: -20px;
    }
}
/* _content/GigBug/Components/Jobs/Post_NewUserAccount.razor.rz.scp.css */
.container-newuseraccount[b-fotso8a0du] {
    width: fit-content;
    font-size: medium;
    display: flex;
}

.field-newuseremail[b-fotso8a0du] {
    position: relative;
    width: max-content;
    padding: 0px 0px;
}

.icon-validemail[b-fotso8a0du] {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
}

[b-fotso8a0du] > fluent-text-field::part(control) {
    font-size: medium;
    text-align: left;
}

[b-fotso8a0du] > fluent-text-field::part(root) {
    height: 40px;
}

.txt-gotologin[b-fotso8a0du] {
    font-size: small;
}
/* _content/GigBug/Components/Jobs/RenderJobStatus.razor.rz.scp.css */
.container-status[b-u7h4m164jn] {
    padding: 2px 0px 0px 10px;
    margin: 4px;
    font-size: medium;
    font-weight: bold;
    border-radius: 7px;
    border: solid 2px black;
    width: fit-content;
    z-index: 3;
}

.container-info[b-u7h4m164jn] {
    position: relative;
}

.alignment[b-u7h4m164jn] {
    display: inline-block;
    vertical-align: middle;
}

.information[b-u7h4m164jn] {
    border: solid 1px black;
    border-radius: 5px;
    border-top-left-radius: 0px;
    padding: 2px 4px 4px 16px;
    font-size: small;
    position: relative;
    left: -27px;
    top: 10px;
    z-index: 2;
    position: absolute;
    max-width: 260px;
    width: max-content;
    line-height: 1.1em;
    white-space: pre-wrap;
}

.visible[b-u7h4m164jn] {
    transition: 0.6s;
    opacity: 1;
    visibility: visible;
}

.invisible[b-u7h4m164jn] {
    transition: 0.6s;
    opacity: 0;
    visibility: hidden;
}


/* _content/GigBug/Components/Jobs/SharePanelPopup.razor.rz.scp.css */
.container-sharelinks[b-b3tqiwiotd] {
    padding: 0px 6px 4px 6px;
}
.share-logo[b-b3tqiwiotd] {
    display: inline;
    margin: 4px 2px;
    padding: 2px;
}
    .share-logo:focus[b-b3tqiwiotd] {
        outline: none !important;
    }

.icon-clipboard[b-b3tqiwiotd] {
    display: inline;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
    top: 1px;
}

.separator[b-b3tqiwiotd] {
    border: solid lightgrey;
    border-width: 0px 2px 0px 0px;
}
/* _content/GigBug/Components/Jobs/SharePanelStatic.razor.rz.scp.css */
.container-sharelinks[b-w66n5vs1xk] {
    padding: 0px 6px 4px 6px;
}
.share-logo[b-w66n5vs1xk] {
    display: inline;
    margin: 4px 2px;
    padding: 2px;
}
    .share-logo:focus[b-w66n5vs1xk] {
        outline: none !important;
    }

.icon-clipboard[b-w66n5vs1xk] {
    display: inline;
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
    top: 1px;
}

.separator[b-w66n5vs1xk] {
    border: solid lightgrey;
    border-width: 0px 2px 0px 0px;
}
/* _content/GigBug/Components/Layout/MainLayout.razor.rz.scp.css */
*[b-6emezogbze] {
    border: 0px solid red !important;
}

.page[b-6emezogbze] {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: calc(100vh - 100px - 50px);
}

footer[b-6emezogbze] {
    background-color: var(--accent-foreground-hover);
    border-top: solid 6px var(--accent-stroke-control-active) !important;
    height: var(--footer-height);
    margin-top: var(--footer-margin-top);
    color: white;
    padding: 25px 20px;
    font-size: small;
}

.footer-link[b-6emezogbze] {
    color: #BBB;
    text-decoration: none;
}

    .footer-link:hover[b-6emezogbze] {
        color: white;
    }

[b-6emezogbze] .legal-heading {
    font-weight: bold !important;
    font-size: medium !important;
    margin-bottom: 5px;
}

[b-6emezogbze] .legal-subheading {
    font-weight: bold;
}

main[b-6emezogbze] {
    flex: 1;
}

.body-margins[b-6emezogbze] {
    margin-left: 3rem;
    margin-right: 3rem;
}

@media (max-width: 768px) {
    .body-margins[b-6emezogbze] {
        margin-left: 0.6rem;
        margin-right: 0.6rem;
    }

    [b-6emezogbze] .fluent-data-grid {
        font-size: 11px;
    }

    [b-6emezogbze] .fluent-data-grid td {
        padding: 2px;
    }
}

[b-6emezogbze] .fluent-data-grid td {
    padding: 6px;
}

.top-row[b-6emezogbze] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-6emezogbze]  a, .top-row[b-6emezogbze]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-6emezogbze]  a:hover, .top-row[b-6emezogbze]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-6emezogbze]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

#blazor-error-ui[b-6emezogbze] {
    background: lightyellow;
    top: 60px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    height: 14vh;
    text-align: center;
    font-weight: bold;
    font-size: medium;
    padding-top: 3ch;
}

    #blazor-error-ui .dismiss[b-6emezogbze] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

[b-6emezogbze] .warning-container {
    margin: 8px;
    border: solid 2px darkred;
    border-radius: 5px;
    padding: 8px;
    background-color: antiquewhite;
    position: relative;
}

[b-6emezogbze] .warning-icon {
    display: inline;
    position: absolute;
    top: 6px;
    left: 10px;
}

[b-6emezogbze] .warning-txt {
    font-weight: bold;
    margin-left: 30px;
    display: inline-block;
}

[b-6emezogbze] .datagrid-selectedrow {
    font-weight: bold;
    background-color: lightyellow;
    border-style: dashed;
    border-color: black;
    border-width: 1px 0px;
}

[b-6emezogbze] .data-grid-selectedrow:hover {
    background-color: yellowgreen !important;
}

[b-6emezogbze] .dialog-review-width {
    width: 400px;
    border: solid 4px yellow;
}

[b-6emezogbze] .focustrap {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    width: 0px;
    height: 0px;
    padding: 0px;
    cursor: unset;
    border-style: hidden;
}

[b-6emezogbze] .score-box {
    border: solid 1px;
    border-radius: 8px;
    padding: 0px 3px 0px 3px;
    margin-left: 4px;
    box-shadow: lightgrey 2px 2px;
    height: fit-content;
    font-weight: bold;
    font-size: x-large;
    background-color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    position: relative;
}

[b-6emezogbze] .paginator-nav {
    gap: 1px;
}
/* _content/GigBug/Components/Layout/NavMenu.razor.rz.scp.css */
.autologins[b-wriyw0affz] {
    position: absolute;
    bottom: 105px;
    left: 10px;
    margin-right: 0px;
    z-index: 99;
}

.loginbutton[b-wriyw0affz] {
    margin-right: 0px;
    font-size: xx-small;
    opacity: 0.7;
}

.home-txt[b-wriyw0affz] {
    font-weight: bold;
    font-size: large;
    color: orange;
}
.homeicon[b-wriyw0affz] {
    top: -10px !important;
    left: -5px;
}
.navbar-toggler[b-wriyw0affz] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-wriyw0affz] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-wriyw0affz] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-wriyw0affz] {
    font-size: 1.1rem;
}

.bi[b-wriyw0affz] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
    top: -3px;
    background-size: cover;
}

.container-nav-items[b-wriyw0affz] {
    display: flex;
    padding: 0px 0.5rem;
    border-bottom: solid 6px var(--accent-stroke-control-active);
    background-color: var(--accent-foreground-hover);
    height: var(--nav-bar-height);
}

.nav-items-right[b-wriyw0affz] {
    text-align: right;
    display: flex;
    margin-left: auto;
}
.nav-item[b-wriyw0affz] {
    font-size: 0.9rem;
    padding-bottom: 0rem;
    padding-top: 5px;
    margin-right: 1px;
    margin-bottom: 3px;
    margin-left: 0.5rem;
}

    .nav-item[b-wriyw0affz]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1rem;
        width: 100%;
        padding: 0.5rem;
    }

.nav-item[b-wriyw0affz]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-wriyw0affz]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
    cursor: pointer;
}

.nav-username[b-wriyw0affz] {
    font-size: small;
    display: block;
    border-top: solid 1px #d7d7d7;
}

.nav-btn-txt[b-wriyw0affz] {
    margin-left: 0.5rem;
}

.nav-dashboardtxt[b-wriyw0affz] {
    display: block;
    text-align: left;
    line-height: 1.2;
}

.nav-useritems-toggle[b-wriyw0affz] {

}

.nav-show[b-wriyw0affz], .nav-hide[b-wriyw0affz] {
    display: flex;
}

.nav-narrowscreen-show[b-wriyw0affz] {
    display: none;
}
@media (max-width: 768px) {
    .hover-pointer:hover[b-wriyw0affz] {
        cursor: pointer;
    }
    .nav-hide[b-wriyw0affz] {
        display: none;
    }
    .nav-narrowscreen-hide[b-wriyw0affz] {
        display: none;
    }
    .home-txt[b-wriyw0affz] {
        font-size: small;
    }
    .nav-narrowscreen-show[b-wriyw0affz] {
        display: block;
    }
    .nav-item[b-wriyw0affz] {
        margin-left: 0rem;
    }

    .nav-popup-usermenu[b-wriyw0affz] {
        position: absolute;
        top: 58px;
        right: 6px;
        background-color: var(--accent-foreground-hover);
        border-radius: 8px;
        z-index: 20;
        border: solid 2px black;
        opacity: 0.96;
        padding: 2px;
    }
}

.livedbwarning[b-wriyw0affz] {
    color: lightgoldenrodyellow;
    font-weight: bold;
    font-size: large;
    margin: auto 4px;
    padding: 2px 8px;
    background-color: #600;
    border: solid 2px lightgoldenrodyellow;
    border-radius: 4px;
    position: absolute;
    left: 5px;
    top: 45px;
}
/* _content/GigBug/Components/Layout/SimpleLayout.razor.rz.scp.css */
.container-content[b-ledjc3t723] {
    text-align: center;
    width: fit-content;
    min-height: 9em;
    min-width: 25vw;
    border: solid 3px black;
    border-radius: 10px;
    padding: 15px 8px 15px 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: var(--result-color-bg);
    position: relative;
}
/* _content/GigBug/Components/Layout/TitledMainLayout.razor.rz.scp.css */
.container-titlesection[b-jvzvjimicg] {
    margin: 4px 2rem;
    font-size: medium;
    padding: 0px 6px;
    display: flex;
    vertical-align: middle;
}
@media (max-width: 768px) {
    .container-titlesection[b-jvzvjimicg] {
        margin: 4px 0.6rem;
    }
}

.pagecaret[b-jvzvjimicg] {
    position: relative;
    top: -6px;
}

.pagetitle[b-jvzvjimicg] {
    font-weight: bold;
}
/* _content/GigBug/Components/Shared/AuthorCard.razor.rz.scp.css */
.container-profile[b-mzuf6q5ig4] {
    border-top: solid 2px lightgrey;
    padding: 0px;
    margin: 0px;
    margin-top: 18px;
    height: fit-content;
    max-width: 320px;
    box-shadow: none;
    background-color: var(--fill-color);
    position: relative;
    z-index: 12;
}

.popover-contactinfo[b-mzuf6q5ig4] {
    font-size: medium;
    line-height: 1.3em;
}
.popover-contactpreferences[b-mzuf6q5ig4] {
    font-size: small;
    line-height: 1.3em;
    font-weight: normal;
}

.popover-membershipinfo[b-mzuf6q5ig4] {

}

[b-mzuf6q5ig4] .authorpopover {
    border: solid 1px;
    border-radius: 6px;
    position: relative;
    left: 84%;
    top: 2px;
    background-color: #EEE !important;
    min-width: 200px;
    margin-bottom: 2em;
    width: fit-content;
}

.profilebutton[b-mzuf6q5ig4] {
    position: absolute;
    top: -4px;
    right: 0px;
}

.userinfo[b-mzuf6q5ig4] {
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
}
.usertext[b-mzuf6q5ig4] {
    line-height: 1.2em;
    font-size: 1em;
}
.userrating[b-mzuf6q5ig4] {
    width: 100%;
    display: flex;
    vertical-align: bottom;
}
.subtext[b-mzuf6q5ig4] {
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    display: inline;
    width: 100%;
    margin-left: 5px;
}
.flex-break[b-mzuf6q5ig4] {
    flex-basis: 100%;
    height: 0;
}

.contacticon[b-mzuf6q5ig4] {
    position: absolute;
    right: 0px;
    top: -1px;
}

.container-badge[b-mzuf6q5ig4] {
    position: relative;
    border: solid 1px grey;
    font-size: small;
}

.badge[b-mzuf6q5ig4] {
    position: absolute;
    top: -18px;
    left: 0px;
    color: black;
    z-index: 5;
    height: 18px;
    padding: 4px 12px 8px 12px;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.Client[b-mzuf6q5ig4] {
    background-color: var(--job-color-bg);
}

.Vendor[b-mzuf6q5ig4] {
    background-color: var(--bid-color-bg);
}

.Administrator[b-mzuf6q5ig4] {
    background-color: var(--admin-color-bg);
}

.Suspended[b-mzuf6q5ig4] {
    background-color: #444;
    color: white;
}
/* _content/GigBug/Components/Shared/ButtonClose.razor.rz.scp.css */
.closebutton[b-uwy6zgknv3] {
    position: absolute;
    right: 4px;
    top: 0px;
    z-index: 99;
}
/* _content/GigBug/Components/Shared/DiscreteItemScore.razor.rz.scp.css */
.rating-group[b-x2x0fe23nl] {
    font-weight: bold !important;
    display: inline-block;
    width: max-content;
}

.item-name[b-x2x0fe23nl] {
    margin-right: 5px;
    min-width: 95px;
    text-align: right;
    display: inline-block;
    vertical-align: text-bottom;
}

[b-x2x0fe23nl] .valid {
    outline: 0px !important;
}

.item-score[b-x2x0fe23nl] {
    display: inline-block;
    vertical-align: text-bottom;
}

.container-ratinginput[b-x2x0fe23nl] {
    text-align: right;
    width: 300px;
}
.input-rating-label[b-x2x0fe23nl] {
    width: 7ch;
    text-align: left;
}

.txt-tiny[b-x2x0fe23nl] {
    font-size: xx-small;
}
.txt-small[b-x2x0fe23nl] {
    font-size: x-small;
}

.txt-medium[b-x2x0fe23nl] {
    font-size: small;
}

.txt-large[b-x2x0fe23nl] {
    font-size: medium;
}
/* _content/GigBug/Components/Shared/EditSectionControl.razor.rz.scp.css */
.editcontrol[b-ykdbhgvhz0] {
    border: solid 2px darkred;
    border-radius: 4px;
    height: 28px;
    box-shadow: lightgrey 2px 2px;
    background: lightgrey;
}

.editdonecontrol[b-ykdbhgvhz0] {
    border: solid 3px darkgreen;
    border-radius: 4px;
    height: 28px;
    box-shadow: lightgrey 2px 2px;
    background: white;
    z-index: 10;
}
/* _content/GigBug/Components/Shared/FluentButton_Loading.razor.rz.scp.css */
[b-ov13tqlsej] > fluent-button::part(start) {
    margin-inline-end: 4px;
    margin-inline-start: -4px;
}
/* _content/GigBug/Components/Shared/GigFileUploader.razor.rz.scp.css */
.container-progress[b-8yul5b6vvr] {
    text-align: center;
    min-width: 60vw;
    width: fit-content;
    margin: 5px auto;
    font-weight: bold;
}

.container-upload[b-8yul5b6vvr] {
    padding: 5px;
    min-width: 60vw;
    width: fit-content;
    text-align: center;
    margin: 5px auto;
}

[b-8yul5b6vvr] .fluent-inputfile-container {
    background: lightgrey;
    border: dashed 2px grey;
    border-radius: 5px;
    font-weight: bold;
    font-size: medium;
    padding: 6px;
}

[b-8yul5b6vvr] .inputfile-content {
    padding-top: 25px;
    height: 100%;
    width: 100%;
}

.icon-upload[b-8yul5b6vvr] {
    display: inline;
    position: relative;
    top: -5px;
}

.txt-instructions[b-8yul5b6vvr] {
    display: inline;
}

.txt-storagelimit[b-8yul5b6vvr] {
    display: inline;
    color: var(--error);
    font-size: large;
}
/* _content/GigBug/Components/Shared/GotoBrowseJobs.razor.rz.scp.css */
.container[b-r00vtz5fd2] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: fit-content;
    border-bottom: solid 2px grey;
    padding-bottom: 10px;
}
/* _content/GigBug/Components/Shared/GotoJobNumber.razor.rz.scp.css */
[b-yz6tjpfv1h] > fluent-text-field::part(control) {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}

[b-yz6tjpfv1h] > fluent-text-field::part(root) {
    height: 40px;
}

.alignment[b-yz6tjpfv1h] {
    display: inline-block;
    vertical-align: middle;
}

.container[b-yz6tjpfv1h] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: fit-content;
}

.inputs[b-yz6tjpfv1h] {
}
/* _content/GigBug/Components/Shared/GotoNewJob.razor.rz.scp.css */
.container[b-v7c3gnbcvc] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    width: fit-content;
    border-bottom: solid 2px grey;
    padding-bottom: 10px;
}
/* _content/GigBug/Components/Shared/IndexGigDownloads.razor.rz.scp.css */
/* <FluentDialog> component must be wrapped in a <div> for this style to be applied */
[b-v91zrmxsbf] > fluent-dialog::part(control) {
    --dialog-width: fit-content !important;
    padding: 0.5rem 2rem 1rem 2rem !important;
    border: solid 3px black;
}

[b-v91zrmxsbf] .header {
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
    padding-right: 1rem;
    font-size: large;
    border-bottom: solid 1px grey;
}

.container-iframe[b-v91zrmxsbf] {
    max-width: 80vw;
    min-width: 60vw;
}
.iframe[b-v91zrmxsbf] {
}

.container-grid[b-v91zrmxsbf] {
    margin: 10px;
    margin-bottom: 20px;
}
.container-dl[b-v91zrmxsbf] {
    border: solid 1px grey;
    background: white;
    padding: 2px 5px;
    border-radius: 5px;
    box-shadow: 2px 2px lightgrey;
    position: relative;
}
.new-dl[b-v91zrmxsbf] {
    background-color: floralwhite;
}
.icon-remove[b-v91zrmxsbf] {
    position: absolute;
    top: 2px;
    right: 0px;
}
.icons-dl[b-v91zrmxsbf] {
    position: absolute;
    top: 0px;
    right: -2px;
}
.filename-dl[b-v91zrmxsbf] {
    display: block;
    text-overflow: ellipsis;
}

.file-date[b-v91zrmxsbf] {
    font-size: x-small;
    margin-left: 0px;
    text-align: center;
}

.viewer-btn[b-v91zrmxsbf] {
    position: absolute;
    border: solid 1px lightgrey;
    background-color: rgba(200, 200, 200, 0.5);
    border-radius: 6px;
    line-height: 0;
    opacity: 0.7;
}
    .viewer-btn:hover[b-v91zrmxsbf] {
        background-color: rgba(200, 200, 200, 0.8);
        opacity: 1;
    }
.viewer-btn-next[b-v91zrmxsbf] {
    top: 50%;
    right: 10px;
}
.viewer-btn-prev[b-v91zrmxsbf] {
    position: absolute;
    top: 50%;
    left: 10px;
}
.viewer-btn-dl[b-v91zrmxsbf] {
    position: absolute;
    top: 31px;
    left: 50%;
}
/* _content/GigBug/Components/Shared/ItemChatLog.razor.rz.scp.css */
.container-control[b-s9zftf45gz] {
    height: 30px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0px;
    z-index: 15;
    position: relative;
}

.container-msgs[b-s9zftf45gz] {
    border: solid 2px grey;
    box-shadow: lightgrey 2px 2px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.95);
    font-weight: normal;
}

.container-static[b-s9zftf45gz] {
    height: unset;
    margin: 0px;
    display: block;
}

.container-expandable[b-s9zftf45gz] {
    position: absolute;
    right: 10px;
}

.newmsg-alert[b-s9zftf45gz] {
    margin-left: 10px;
}

.expandbutton[b-s9zftf45gz] {
    position: absolute;
    right: 5px;
    margin-top: 2px;
}

.expanded[b-s9zftf45gz] {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    height: 400px;
}

.collapsed[b-s9zftf45gz] {
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    height: 0px;
}

.collapsed-width[b-s9zftf45gz] {
    transition: 0.2s;
    box-sizing: border-box;
    max-width: 24ch;
    min-width: 24ch;
}

.expanded-width[b-s9zftf45gz] {
    transition: 0.3s;
    box-sizing: border-box;
    min-width: 400px;
    max-width: 60vw;
    width: max-content;
}
@media (max-width: 500px) {
    .expanded-width[b-s9zftf45gz] {
        min-width: 290px;
    }
}

.static-width[b-s9zftf45gz] {
    width: 100%;
    min-width: 100%;
}

.container-chat-expanded[b-s9zftf45gz] {
    transition: 0.4s;
    height: 348px;
    overflow-y: scroll;
}
.container-chat-collapsed[b-s9zftf45gz] {
    transition: 0.3s;
    height: 0px;
    overflow-y: scroll;
}

.reply[b-s9zftf45gz] {
    border: solid 2px grey;
    border-radius: 10px;
    padding: 4px;
    margin: 5px;
    min-width: 55%;
    max-width: 80%;
    font-size: small;
}

.component-title[b-s9zftf45gz] {
    font-weight: bold;
}

.reply-admin[b-s9zftf45gz] {
    background-color: beige;
    margin-right: auto;
    margin-left: auto;
}

.reply-author[b-s9zftf45gz] {
    background: lightblue;
    margin-right: 10px;
    margin-left: auto;
}

.reply-parentitemauthor[b-s9zftf45gz] {
    background: lightgrey;
    margin-right: auto;
    margin-left: 10px;
}

.reply-datetime[b-s9zftf45gz] {
    font-size: x-small;
}

.replysection[b-s9zftf45gz] {
    border-top: solid 2px grey;
    height: 52px;
    padding: 4px 4px 0px 4px;
}
/* _content/GigBug/Components/Shared/ItemScorecard.razor.rz.scp.css */
.container-gigscore[b-1evewiy0my] {
    position: relative;
    width: max-content;
    padding-top: 5px;
    padding-right: 10px;
    line-height: 1.3rem;
    font-family: var(--body-font);
}

.score-outof[b-1evewiy0my] {
    font-size: small;
}

.link-userreviews[b-1evewiy0my] {
    font-size: x-small;
    font-weight: normal;
    position: absolute;
    top: 2.5em;
    right: 0px;
}
/* _content/GigBug/Components/Shared/Loading.razor.rz.scp.css */
.container-loading[b-vf9wm63bor] {
    font-size: large;
    width: fit-content;
    min-width: 30vw;
    min-height: 25vh;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 3px black;
    border-radius: 10px;
    padding: 20px 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: gainsboro;
    box-shadow: grey 3px 3px;
    position: relative;
    line-height: 2em;
}
/* _content/GigBug/Components/Shared/MapLibreComponent.razor.rz.scp.css */
/* override LibreMap geocoder search styles */
[b-tayb8a4sw2] .maplibregl-ctrl-geocoder {
    font-size: 14px;
    width: 220px;
    min-width: 220px;
    height: 36px;
    line-height: 24px;
}
[b-tayb8a4sw2] .maplibregl-ctrl-geocoder--input
{
    height: unset;
    padding: 6px 35px;
}
[b-tayb8a4sw2] .maplibregl-ctrl-geocoder--icon-search
{
    width: 20px;
    height: 20px;
    left: 7px;
    top: 8px;
}
[b-tayb8a4sw2] .maplibregl-ctrl-geocoder--icon-close
{
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
}

/* override LibreMap attributionControl style */
[b-tayb8a4sw2] .maplibregl-ctrl-attrib.maplibregl-compact-show {
    margin-left: 110px;
    font-size: xx-small;
}

.libremap[b-tayb8a4sw2] {
    height: 28em;
    border: 1px solid;
    border-radius: 5px;
}

.smallmap[b-tayb8a4sw2] {
    height: 18em;
}

.map-container[b-tayb8a4sw2] {
    position: relative;
}

.map-controls[b-tayb8a4sw2] {
    position: absolute;
    left: 5px;
    bottom: 14px;
    z-index: 10;
}

.map-searchbuttons[b-tayb8a4sw2] {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 10;
}

[b-tayb8a4sw2] .bidmarker {
    display: block;
    background-color: #5588FFa0;
    border-radius: 45%;
    padding: 0;
    width: 3em;
    height: 3em;
    opacity: 0.2;
    text-align: center;
    vertical-align: middle;
    padding-top: 0.9em;
    font-weight: bold;
    font-size: large;
    color: #0000a0a0;
}

[b-tayb8a4sw2] .maplibregl-popup {
    max-width: 300px;
}

.attribution[b-tayb8a4sw2] {
    font-size: xx-small;
    position: absolute;
    left: 0px;
    bottom: 0px;
    opacity: 0.8;
    background-color: white;
    line-height: 12px;
    border: solid 1px black;
    border-radius: 0px 5px 0px 3px;
    padding: 0px 3px;
}
/* _content/GigBug/Components/Shared/MessageAlert.razor.rz.scp.css */
.icon-alerttype[b-98sdtu9575] {
    position: absolute;
    top: 2px;
    left: 4px;
}

.txt-childcontent[b-98sdtu9575] {
    margin-top: 5px;
    font-weight: normal;
    font-size: small;
}

.type-base[b-98sdtu9575] {
    border: solid 3px black;
    border-radius: 6px;
    padding: 8px;
    font-weight: bold;
    position: relative;
    min-height: 44px;
    opacity: 1;
    max-width: 90%;
    text-align: center;
    margin: 10px auto 10px auto;
    width: fit-content;
    min-width: 252px;
}

.message-indent[b-98sdtu9575] {
    margin-left: 4ch;
    text-align: left;
}

.type-fadeA[b-98sdtu9575] {
    animation: fadeA-b-98sdtu9575 8s forwards;
}

.type-fadeB[b-98sdtu9575] {
    animation: fadeB-b-98sdtu9575 8s forwards;
}

@keyframes fadeA-b-98sdtu9575 {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}
@keyframes fadeB-b-98sdtu9575 {
    0% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

.type-off[b-98sdtu9575] {
    transition: opacity 0.1s 0.2s;
}

.type-notice[b-98sdtu9575] {
    background-color: var(--notice-color-bg);
    border-color: var(--notice-color-border);
}
.type-warn[b-98sdtu9575] {
    background-color: var(--warn-color-bg);
    border-color: var(--warn-color-border);
}
.type-error[b-98sdtu9575] {
    background-color: var(--error-color-bg);
    border-color: var(--error-color-border);
}
.type-success[b-98sdtu9575] {
    background-color: var(--success-color-bg);
    border-color: var(--success-color-border);
}
/* _content/GigBug/Components/Shared/RenderDeliveryTerms.razor.rz.scp.css */
.container[b-1e27mmhb57] {
    font-weight: bold;
    padding: 0px 6px 2px 3px;
    margin: 0px 0px 3px 0px;
    width: fit-content;
    position: relative;
    min-width: 12ch;
}

.delivery-heading[b-1e27mmhb57] {
    position: absolute;
    left: 22px;
    top: -2px;
    font-size: small;
    text-decoration: underline;
    font-weight: bold;
    z-index: 2;
}

.delivery-icon[b-1e27mmhb57] {
    height: fit-content;
}

.txt-fieldheader[b-1e27mmhb57] {
    font-size: small;
    width: fit-content;
}

[b-1e27mmhb57] .txt-alwayssmall {
    font-size: small;
}

[b-1e27mmhb57] .txt-nowrap {
    white-space: nowrap;
}

[b-1e27mmhb57] > fluent-select::part(control) {
    font-size: small;
}

@media (max-width: 600px) {
    .txt-fieldheader[b-1e27mmhb57] {
        font-size: small;
        width: fit-content;
    }
}
/* _content/GigBug/Components/Shared/RenderField.razor.rz.scp.css */
.container-fieldinvalid[b-m7euutbeuy] {
    border-bottom: solid 2px darkred !important;
    padding: 2px 2px 0px 2px;
    background-color: lightgoldenrodyellow;
    display: inline-block;
    white-space: normal;
    line-height: normal;
}

.alignment[b-m7euutbeuy] {
    display: inline-block;
    vertical-align: middle;
}
/* _content/GigBug/Components/Shared/RenderGigStatus.razor.rz.scp.css */
.container-status[b-haktkjeid3] {
    padding: 0px;
    width: fit-content;
    margin: 0px;
    position: relative;
}

.container-static[b-haktkjeid3] {
    padding: 2px 0px 2px 3px;
    margin: 4px -2px 4px -2px;
    font-size: medium;
    font-weight: bold;
    border-top: solid 3px grey;
    width: fit-content;
    z-index: 9;
    background: linear-gradient(to top, rgba(255,255,255,0) 1%, rgba(255,255,255,0.4));
}

.container-info[b-haktkjeid3] {
    font-weight: normal;
    position: absolute;
    width: 260px;
    font-size: small;
    right: 0px;
}

.position-right[b-haktkjeid3] {
    right: 0px;
}
.position-left[b-haktkjeid3] {
    left: 0px;
}
.margin-right-auto[b-haktkjeid3] {
    margin-right: auto;
}
.margin-left-auto[b-haktkjeid3] {
    margin-left: auto;
}

.info-text[b-haktkjeid3] {
    border: solid 1px grey;
    border-radius: 3px;
    line-height: 1.1em;
    padding: 2px 4px 4px 4px;
    width: fit-content;
    min-width: 90px;
    margin-left: auto;
}

.alignment[b-haktkjeid3] {
    display: inline-block;
    vertical-align: middle;
}

.information[b-haktkjeid3] {
    border-top-left-radius: 0px;
    z-index: 8;
    background: white;
}


.alert[b-haktkjeid3] {
    margin: 4px 4px 4px 0px;
    padding: 4px;
    border: solid 2px darkred;
    background-color: white;
    white-space: normal;
    font-size: unset;
    display: flex;
}

.icon-alert[b-haktkjeid3] {
    margin-right: 5px;
}

.visible[b-haktkjeid3] {
    transition: 0.3s 0s;
    opacity: 1;
    visibility: visible;
    z-index: 20;
    top: 36px;
}

.invisible[b-haktkjeid3] {
    transition: 0.5s 0.1s;
    opacity: 0.05;
    visibility: hidden;
    z-index: 8;
    top: 4px;
}

/* Status-based fill color */
.New[b-haktkjeid3] {
    background-color: hsl(var(--site-presubmit-hue), 20%, 80%);
}

.Draft[b-haktkjeid3], .Queued[b-haktkjeid3], .Withdrawn[b-haktkjeid3], .Cancelled[b-haktkjeid3] {
    background-color: hsl(var(--site-presubmit-hue), 40%, 80%);
}

.Locked[b-haktkjeid3] {
    background-color: hsl(var(--site-presubmit-hue), 60%, 80%);
}

.Expired[b-haktkjeid3] {
    background-color: hsl(var(--site-presubmit-hue), 80%, 80%);
}

.Declined[b-haktkjeid3] {
    background-color: hsl(var(--site-submit-hue), 65%, 70%);
}

.Rejected[b-haktkjeid3] {
    background-color: hsl(var(--site-submit-hue), 75%, 70%);
}
.Open[b-haktkjeid3], .Submitted[b-haktkjeid3] {
    background-color: hsl(var(--site-submit-hue), 85%, 70%);
}
.Unbooked[b-haktkjeid3] {
    background-color: hsl(var(--site-submit-hue), 95%, 70%);
}
.Booking[b-haktkjeid3] {
    background-color: hsl(var(--site-submit-hue), 100%, 70%);
}
.Gig[b-haktkjeid3] {
    background-color: hsl(var(--site-gig-hue), 100%, 50%);
}
.Done[b-haktkjeid3] {
    background-color: hsl(var(--site-postsubmit-hue), 70%, 60%);
}
.Archived[b-haktkjeid3] {
    background-color: hsl(var(--site-postsubmit-hue), 25%, 60%);
}
.Obsolete[b-haktkjeid3] {
    background-color: hsl(var(--site-postsubmit-hue), 15%, 60%);
}
.DraftExample[b-haktkjeid3] {
    background-color: hsl(var(--site-postsubmit-hue), 10%, 75%);
}
.Example[b-haktkjeid3] {
    background-color: hsl(var(--site-postsubmit-hue), 10%, 75%);
}
/* _content/GigBug/Components/Shared/Toast_UserAccount.razor.rz.scp.css */
.container-toast[b-cnzuiufjak] {
}

.toast-link[b-cnzuiufjak] {
    text-align: center;
}
/* _content/GigBug/Components/Shared/UserProfileHeader.razor.rz.scp.css */
.container-userinfo[b-4knhy54xum] {
    width: max-content;
    margin-right: 40px;
    position: relative;
}

.username[b-4knhy54xum] {
    font-weight: bold;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
}

.usersubtext[b-4knhy54xum] {
    font-size: 0.9em;
    position: relative;
    font-style: italic;
    left: 50px;
    top: -12px;
}

.container-extracontent[b-4knhy54xum] {
    margin: auto 4px;
    width: 100%;
}

.container-suspendmsg[b-4knhy54xum] {
    margin: auto 8px;
}

.txt-loading[b-4knhy54xum] {
    border-radius: 4px;
    padding: 40px 40px 8px 40px;
    font-size: medium;
    text-align: center;
    position: absolute;
    width: 98%;
    height: 95%;
    left: 1%;
    background: white;
    z-index: 100;
    opacity: 0.8;
}

.reservespace[b-4knhy54xum] {
    min-height: 10ch;
}
/* _content/GigBug/Pages/About.razor.rz.scp.css */
#container-abouttxt p[b-akkvp3duc9]{
    font-size: medium;
    margin: 10px 5%;
}

/* _content/GigBug/Pages/BidEditor.razor.rz.scp.css */
.container-map[b-2iib1koeha] {
    position: relative;
}

.width-full[b-2iib1koeha] {
    width: 100%;
}

.map-topleft[b-2iib1koeha] {
    position: absolute;
    left: 10px;
    top: 8px;
    z-index: 3;
    font-size: small;
    opacity: 0.8;
}

.expirydatepicker[b-2iib1koeha] {
    width: 18ch;
    display: inline-block;
}

.top-controls[b-2iib1koeha] {
    width: max-content;
    display: inline;
    vertical-align: bottom;
    margin-bottom: 3px;
    margin-right: 2px;
    margin-top: auto;
    margin-left: auto;
}

.container-jobreference[b-2iib1koeha] {
    margin: 20px 0px;
}

[b-2iib1koeha] > fluent-select::part(control) {
    font-size: 8pt;
}


[b-2iib1koeha] > fluent-accordion-item::part(heading) {
    font-weight: bold;
    font-size: medium;
    background-color: var(--job-color-bg);
}

    [b-2iib1koeha] > fluent-accordion-item::part(heading):hover {
        background-color: lightgrey;
    }

[b-2iib1koeha] > fluent-accordion-item.expanded::part(region) {
    background-color: ;
}
[b-2iib1koeha] > fluent-button {
    vertical-align: top;
}

[b-2iib1koeha] .txt-accordionheading {
    margin-right: 15px;
    padding-right: 15px;
    border-right: solid 1px grey;
}
/* _content/GigBug/Pages/BuyCredits.razor.rz.scp.css */
.container-landing[b-mexab5os5v] {
    font-size: x-large;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 3px black;
    border-radius: 10px;
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: gainsboro;
    box-shadow: grey 3px 3px;
    position: relative;
}

.container-explainer[b-mexab5os5v] {
    color: #EEE;
    background-color: var(--accent-foreground-hover);
    padding: 10px 0px;
    margin: 30px 0rem;
    border-radius: 25px;
    min-height: 34ch;
}

.container-clientinfo[b-mexab5os5v], .container-vendorinfo[b-mexab5os5v] {
    background-color: rgba(0, 0, 0, 0.3);
    margin: 15px;
    padding: 10px 0px;
    border-radius: 20px;
}

.container-tagline[b-mexab5os5v] {
    font-weight: 600;
    text-align: center;
}

.txt-tagline-small[b-mexab5os5v] {
    font-size: x-large;
    margin: 40px 0px 20px 0px;
}
.txt-tagline[b-mexab5os5v] {
    font-size: xx-large;
    margin: 20px 0px 40px 0px;
}

.txt-explainer[b-mexab5os5v] {
    font-size: x-large;
    margin: 10px 2%;
    font-weight: bold;
    border-top: solid 2px lightgrey;
    padding: 10px 10px 0px 10px;
    margin-right: auto;
    width: fit-content;
}

.txt-explainer-item[b-mexab5os5v] {
    font-size: medium;
    margin: 15px 20px;
    font-weight: bold;
    line-height: 1.4rem;
}

.txt-explainer-detail[b-mexab5os5v] {
    font-size: small;
    font-weight: normal;
    margin-left: 6px;
    display: inline;
    color: #ddd;
}

.txt-userheading[b-mexab5os5v] {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.txt-currency-footnote[b-mexab5os5v] {
    font-size: x-small;
    font-style: italic;
}
/* _content/GigBug/Pages/ContactUs.razor.rz.scp.css */
.button-send[b-kpwzzbipx3] {
    text-align: center;

}

.msg-subheading[b-kpwzzbipx3] {
    font-weight: bold;
}

.container-msg[b-kpwzzbipx3] {
    margin: 0px 6%;
}

.captcha-msg[b-kpwzzbipx3] {
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: solid 2px lightgrey;
}

.captcha-notice[b-kpwzzbipx3] {
    text-align: center;
    margin-top: 10px;
    font-size: small;
}
/* _content/GigBug/Pages/GigDetails.razor.rz.scp.css */
.myColor[b-c76p42fkst], [b-c76p42fkst] .myColor {
    color: darkred;
    font-size: large;
    font-weight: 400;
}

.viewcount[b-c76p42fkst] {
    text-align: center;
    font-style: italic;
    border-radius: 5px;
    padding: 1px 1px;
    margin: 0px auto 15px 0px;
    width: fit-content;
}

[b-c76p42fkst] .clickable {
    font-weight: 400;
    color: blue;
    text-decoration: underline;
}
[b-c76p42fkst] .clickable:hover {
    background-color: blue;
    color: white;
    cursor: pointer;
    font-weight: 400;
    cursor: pointer;
}

[b-c76p42fkst] .clickable:active {
    background-color: darkred;
}

[b-c76p42fkst] .quickgrid[theme=myTable] .col-title {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    color: black;
}
[b-c76p42fkst] .quickgrid[theme=myTable] .col-title:hover {
    gap: 0.4rem; /* Separate the sort indicator from title text */
    font-weight: bold;
    color: darkgrey;
}

/* FluentDialog styling: https://github.com/microsoft/fluentui-blazor/discussions/323 */
/* _content/GigBug/Pages/Home.razor.rz.scp.css */
.container-landing[b-lvrchos7e2] {
    font-size: x-large;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: solid 3px black;
    border-radius: 10px;
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: gainsboro;
    box-shadow: grey 3px 3px;
    position: relative;
}

.sitelogo[b-lvrchos7e2] {
    position: absolute;
    right: -105px;
    top: -75px;
    z-index: -1;
}

.txt-tagline[b-lvrchos7e2] {
    font-size: xx-large;
    margin: 20px 0px 60px 0px;
}
.txt-tagline-small[b-lvrchos7e2] {
    font-size: x-large;
    margin: 20px 0px 20px 0px;
}


@media (max-width: 768px) {
    .sitelogo[b-lvrchos7e2] {
        position: absolute;
        right: -20px;
        top: -75px;
        z-index: -1;
    }

    .txt-tagline[b-lvrchos7e2] {
        font-size: x-large;
    }

    .txt-tagline-small[b-lvrchos7e2] {
        font-size: large;
    }
}

.container-explainer[b-lvrchos7e2] {
    color: #EEE;
    background-color: var(--accent-foreground-hover);
    padding: 10px 0px;
    margin: 30px 0rem;
    border-radius: 25px;
    min-height: 34ch;
}

.container-clientinfo[b-lvrchos7e2], .container-vendorinfo[b-lvrchos7e2] {
    background-color: rgba(0, 0, 0, 0.3);
    margin: 15px;
    padding: 10px 0px;
    border-radius: 20px;
}

.container-tagline[b-lvrchos7e2] {
    font-weight: 600;
    text-align: center;
}

.txt-explainer[b-lvrchos7e2] {
    font-size: x-large;
    margin: 10px 2%;
    font-weight: bold;
    border-top: solid 2px lightgrey;
    padding: 10px 10px 0px 10px;
    margin-right: auto;
    width: fit-content;
}

[b-lvrchos7e2] .txt-explainer-item {
    font-size: medium;
    margin: 15px 20px;
    font-weight: bold;
    line-height: 1.4rem;
}

.txt-explainer-detail[b-lvrchos7e2] {
    font-size: small;
    font-weight: normal;
    margin-left: 6px;
    display: inline;
    color: #ddd;
}

[b-lvrchos7e2] .txt-userheading {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.txt-currency-footnote[b-lvrchos7e2] {
    font-size: x-small;
    font-style: italic;
}

.txt-newmemberoffer[b-lvrchos7e2] {
    font-size: medium;
    text-align: center;
}
/* _content/GigBug/Pages/IndexJobs.razor.rz.scp.css */
.container-landing[b-y19cl509r8] {
    margin-top: 4em;
}

.container-searchcontrols[b-y19cl509r8] {
    padding: 6px;
}

.container-savedsearches[b-y19cl509r8] {
    vertical-align: bottom;
    padding: 6px;
    margin: 0px 6px;
    margin-top: auto;
}

.txt-heading[b-y19cl509r8] {
    font-weight: bold;
    font-size: medium;
    margin: 0px auto;
    text-align: center;
}

.txt-favorites[b-y19cl509r8] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.container-gigsgrid[b-y19cl509r8] {
    min-height: 320px;
}

.nogigsmessage[b-y19cl509r8] {
    position: absolute;
    bottom: 6ch;
    left: 50%;
    opacity: 80%;
    transform: translateX(-50%);
    z-index: 9;
}

[b-y19cl509r8] .alignment {
    display: inline-block;
    vertical-align: middle;
}

[b-y19cl509r8] .fluent-popover-content {
    line-height: 1.4em;
}
/* _content/GigBug/Pages/JobEditor.razor.rz.scp.css */
[b-twmnx62wd7] > fluent-button {
    vertical-align: top;
}

.top-controls[b-twmnx62wd7] {
    width: max-content;
    display: inline;
    vertical-align: bottom;
    margin-bottom: 3px;
    margin-right: 2px;
    margin-top: auto;
    margin-left: auto;
}

.bottom-controls[b-twmnx62wd7] {
    vertical-align: bottom;
    text-align: center;
    margin-top: 6px;
}
/* _content/GigBug/Pages/myDashboard.razor.rz.scp.css */
[b-cf2zzde2p7] .jobsgrid {
    max-height: 20em;
    min-height: 10em;
    overflow-y: scroll;
}

[b-cf2zzde2p7] .bidsgrid {
    max-height: 20em;
    min-height: 10em;
    overflow-y: scroll;
}

[b-cf2zzde2p7] .searchesgrid {
    max-height: 20em;
    min-height: 10em;
    overflow-y: scroll;
}
/* _content/GigBug/Pages/UserProfile.razor.rz.scp.css */
.paging-controls[b-t8ay2nuc82] {
    margin: 0px 4% !important;
    padding: 0px !important;
    width: 100%;
}

.joblink[b-t8ay2nuc82] {
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 5px;
}

.container-review[b-t8ay2nuc82] {
    position: relative;
}
.review-title[b-t8ay2nuc82] {
    font-size: medium;
    font-weight: bold;
    padding-right: 30px;
    text-align: left;
    padding-top: 4px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.review-section[b-t8ay2nuc82] {
    font-weight: bold !important;
    font-size: 1.2em;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 5px;
}

[b-t8ay2nuc82] > fluent-accordion-item::part(heading) {
    font-weight: bold;
    font-size: 1.2em;
    border: solid 1px darkgrey;
    border-radius: 4px;
    background: white;
}

[b-t8ay2nuc82] > fluent-accordion-item::part(heading):hover {
    background: lightgrey;
}

[b-t8ay2nuc82] > fluent-accordion-item::part(region) {
    background-color: inherit;
    border: solid lightgrey 1px;
    box-shadow: lightgrey 2px 2px;
}

[b-t8ay2nuc82] > fluent-accordion-item::part(icon) {
    border: solid 1px;
    box-shadow: lightgrey 2px 2px;
}