/* _content/F4L-ProjectX/Components/Admin/AdminNotifications.razor.rz.scp.css */
.notification-container[b-9um8bf7vqv] {
    margin-top: 10px;
    max-height: 290px;
    min-height: 290px;
    overflow-y: auto;
    width: 100%;
}

.notification[b-9um8bf7vqv] {
    border-bottom: 1px solid #dadada;
    height: 55px;
    cursor: pointer;
    padding: 2px;
}

    .notification:hover[b-9um8bf7vqv] {
        background-color: #f5f5f5;
    }

    .notification:last-child[b-9um8bf7vqv] {
        border-bottom: none;
    }

    .notification div[b-9um8bf7vqv] {
        display: inline-block;
    }

.icon[b-9um8bf7vqv] {
    margin-left: 5px;
    margin-left: 5px;
    margin-right: 10px;
}

.time[b-9um8bf7vqv] {
    margin-top: 6px;
    float: right;
    margin-right: 2px;
}

.title[b-9um8bf7vqv] {
    margin-top: 6px;
}

[b-9um8bf7vqv] .open-body .mud-typography-body2 a {
    text-decoration: underline !important;
}

.open-body[b-9um8bf7vqv] {
    margin-top: 10px;
}

.open-title[b-9um8bf7vqv] {
    display: inline-block;
    vertical-align: top;
}

.open-notification[b-9um8bf7vqv] {
    margin-top: 10px;
    position: relative;
}

[b-9um8bf7vqv] .open-body .mud-typography-body2 {
    font-size: 17px;
    margin-right: 15px;
}

[b-9um8bf7vqv] .open-icon .mud-icon-size-large {
    font-size: 3.5rem;
    margin-right: 10px;
}

[b-9um8bf7vqv] .open-title .mud-typography-h3 {
    font-size: 19px;
}

[b-9um8bf7vqv] .open-title .mud-typography-body2 {
    font-size: 17px;
}

[b-9um8bf7vqv] .mud-typography-body1 {
    font-size: 12px;
}

[b-9um8bf7vqv] .mud-typography-body2 {
    font-size: 13px;
}

[b-9um8bf7vqv] .mud-typography-h3 {
    font-size: 15px;
}
/* _content/F4L-ProjectX/Components/Admin/CreditBandDesigner.razor.rz.scp.css */
.bands[b-os1k2dyxnh] {
    width: 50%;
}

.control-box[b-os1k2dyxnh] {
    height: 40px;
}

[b-os1k2dyxnh] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-os1k2dyxnh] {
    text-align: center;
}

[b-os1k2dyxnh] .mud-input{
    width: 80px;
}

[b-os1k2dyxnh] .mud-input-control > .mud-input-control-input-container {
    align-items: center;
}

table[b-os1k2dyxnh] {
    width: 100%;
}

table th[b-os1k2dyxnh] {
    height: 35px;
}

table[b-os1k2dyxnh], td[b-os1k2dyxnh], th[b-os1k2dyxnh] {
    border-collapse: collapse;
}

table tr td[b-os1k2dyxnh] {
    font-weight: normal;
    padding: 5px 10px;
}

td[b-os1k2dyxnh] {
    padding: 5px 10px;
    border: 1px solid #e0e0e0ff;
}

.schedule[b-os1k2dyxnh] {
    padding: 5px 5px;
}

.datepicker[b-os1k2dyxnh] {
    display: flex;
    vertical-align: middle;
}

.schedule-text[b-os1k2dyxnh] {
    color: red;
    font-size: 14px;
    text-align: center;
    padding: 10px 10px;
}

[b-os1k2dyxnh] .datepicker .mud-input {
   width: 90%;
}

[b-os1k2dyxnh] .mud-icon-size-large {
    font-size: 1.7rem;
}

[b-os1k2dyxnh] .mud-icon-button {
    padding: 2px;
}

[b-os1k2dyxnh] .mud-typography {
    font-size: 14px;
}

.saving-text[b-os1k2dyxnh] {
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.enable-checkbox[b-os1k2dyxnh] {
    padding-left: 3px;
    padding-right: 3px;
}

@media only screen and (max-width: 880px) {
    .column[b-os1k2dyxnh] {
        width: 100%;
    }
    .row[b-os1k2dyxnh] {
        flex-wrap: wrap;
    }
    .schedule[b-os1k2dyxnh] {
        margin-top: 15px;
    }
    .schedule-text[b-os1k2dyxnh] {
        padding: 5px 5px;
    }
}
/* _content/F4L-ProjectX/Components/Admin/CreditExchangeRate.razor.rz.scp.css */
.col[b-wb2g4d8qij] {
    min-width: 300px;
    flex: 0;
}

h2[b-wb2g4d8qij] {
    font-size: 19px;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 500px) {
    .col[b-wb2g4d8qij] {
        min-width: 100%;
        flex: 1;
    }

    .row[b-wb2g4d8qij] {
        margin-top: 60px;
        flex-direction: column;
    }
}
/* _content/F4L-ProjectX/Components/Admin/CreditRebate.razor.rz.scp.css */
.amount[b-o43v0t291s] {
    width: 35%;
}

.office[b-o43v0t291s] {
    width: 60%;
    margin-left: 10px;
}

.row[b-o43v0t291s] {
    margin-top: 6px;
}
/* _content/F4L-ProjectX/Components/Admin/DisbursementsFees.razor.rz.scp.css */
.component-box[b-3xjxr32pdg] {
    width: 100%;
    min-height: 400px;
}

.areaoflaw-select[b-3xjxr32pdg] {
    width: 250px;
    margin-bottom: 10px;
    display: inline-block;
}

.add[b-3xjxr32pdg] {
    display: inline-block;
}

[b-3xjxr32pdg] .mud-icon-size-large {
    font-size: 1.6rem;
}

[b-3xjxr32pdg] .mud-icon-button {
    padding: 0;
}

[b-3xjxr32pdg] .mud-checkbox {
    display: unset;
}

    [b-3xjxr32pdg] .mud-checkbox .mud-checkbox-dense {
        padding-right: 1px;
    }

input[type=checkbox][b-3xjxr32pdg] {
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin-right: 6px;
    margin-left: 0;
    accent-color: #0070baff;
}

.disbursement-checks input[type=checkbox][b-3xjxr32pdg] {
    margin-left: 5px;
}

.selections[b-3xjxr32pdg] {
    border: solid 1px #c2c2c2;
    background-color: white;
    padding-left: 10px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 2px;
    min-height: 100px;
    max-height: 250px;
}

.item[b-3xjxr32pdg] {
    display: inline-block;
    vertical-align: top;
}

    .item:hover[b-3xjxr32pdg] {
        cursor: pointer;
    }
/* _content/F4L-ProjectX/Components/Admin/EmailAuditOverview.razor.rz.scp.css */
.selection-container[b-17x2chs8d1] {
    display: flex;
    align-items: center;
}

.view[b-17x2chs8d1] {
    color: #0070ba;
    cursor: pointer;
}

.date-search[b-17x2chs8d1] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: wrap;
}

.dates[b-17x2chs8d1] {
    display: flex;
}

.search-containter[b-17x2chs8d1] {
    display: flex;
    margin-left: auto;
}

.form-margins[b-17x2chs8d1] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.title[b-17x2chs8d1] {
    color: #0070baff;
    margin-bottom: 10px;
}

.hidden[b-17x2chs8d1] {
    visibility: hidden;
}

.select-message[b-17x2chs8d1] {
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
}

[b-17x2chs8d1] .tox-tinymce {
    border-radius: 0 !important;
    border: 1px solid #d2d2d2;
}

[b-17x2chs8d1] .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-bottom: 1px solid #d2d2d2 !important;
    box-shadow: none !important;
}

[b-17x2chs8d1] .tox-toolbar__primary {
    display: none !important;
}
/* _content/F4L-ProjectX/Components/Admin/EmailDesigner.razor.rz.scp.css */
.selection-container[b-y6fb9z7ojs] {
    display: flex;
    align-items: center;
}

.email-replacement[b-y6fb9z7ojs]{
    margin-bottom: 10px;
    margin-top: 10px;
}


.form-margins[b-y6fb9z7ojs]{
    margin-top: 5px;
    margin-bottom: 10px;
}

.title[b-y6fb9z7ojs] {
    color: #0070baff;

    margin-bottom: 10px;
}

.hidden[b-y6fb9z7ojs]{
    visibility:hidden;
}

.select-message[b-y6fb9z7ojs] {
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
}

[b-y6fb9z7ojs] .tox-tinymce {
    border-radius: 0 !important;
    border: 1px solid #d2d2d2;
}

[b-y6fb9z7ojs] .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-bottom: 1px solid #d2d2d2 !important;
    box-shadow: none !important;
}

[b-y6fb9z7ojs] .tox-toolbar__primary {
    display: none !important;
}
/* _content/F4L-ProjectX/Components/Admin/ManualReview.razor.rz.scp.css */
.btn-float-right[b-x2dxzxqprr] {
    margin-bottom: 0;
}
/* _content/F4L-ProjectX/Components/Admin/NotificationHistory.razor.rz.scp.css */
h2[b-4m6qhxo3hd] {
    color: #0070ba;
}

.templates[b-4m6qhxo3hd] {
    width: 30%;
    height: 400px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #c2c2c2;
}

.template-item[b-4m6qhxo3hd] {
    padding: 5px;
    font-size: 14px;
    color: #0070ba;
}

.template-item:hover[b-4m6qhxo3hd] {
    cursor: pointer;
}

.template-item-selected[b-4m6qhxo3hd] {
    background-color: red;
}

.message[b-4m6qhxo3hd] {
    color: #0070ba;
}

.message:hover[b-4m6qhxo3hd] {
    cursor: pointer;
}
/* _content/F4L-ProjectX/Components/Admin/OfficeCreditAssigner.razor.rz.scp.css */
h2[b-yo0yzjs93t] {
    font-size: 18px;
}

p[b-yo0yzjs93t] {
    margin-top: 15px;
    font-size: 22px;
    font-weight: bold;
}

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

.box[b-yo0yzjs93t] {
    
    padding: 5px;
    border: 1px solid #c2c2c2;
    width: 200px;
    height: 140px;
}

[b-yo0yzjs93t] .mud-input {
    width: 120px;
}

[b-yo0yzjs93t] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense,
div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-yo0yzjs93t] {
    text-align: center;
}

.column:first-child[b-yo0yzjs93t] {
    margin-right: 5px;
}

.column:nth-child(2)[b-yo0yzjs93t]{
    margin-left: 5px;
}

[b-yo0yzjs93t] .mud-button {
    margin-top: 5px;
    width: 120px;
}
/* _content/F4L-ProjectX/Components/Admin/QuestionSetDesigner.razor.rz.scp.css */
.component-box[b-k8qo2bxjdr] {
    width: 100%;
}

.component-container[b-k8qo2bxjdr] {
    min-height: 400px;
}

.control-box[b-k8qo2bxjdr] {
    height: 40px;
    margin-bottom: 10px;
}

.left-buttons[b-k8qo2bxjdr] {
    display: flex;
    align-items: center;
}

.right-buttons[b-k8qo2bxjdr] {
    margin-top: 6px;
}

.question-container[b-k8qo2bxjdr] {
    background-color: #f2f2f2;
    padding: 5px 5px;
    margin-bottom: 10px;
}

.icon-panel-container[b-k8qo2bxjdr] {
    margin-top: 5px;
}

.subquestion-container[b-k8qo2bxjdr] {
    margin-left: 35px;
}

.subquestion-container .question[b-k8qo2bxjdr] {
    width: 95%;
    padding: 0;
}

.answer-container[b-k8qo2bxjdr] {
    margin-bottom: 5px;
}

.questiontype-container[b-k8qo2bxjdr] {
    width: 20%;
}

.question[b-k8qo2bxjdr] {
    display: flex;
    width: 100%;
    padding: 5px 5px;
}

.logic-container[b-k8qo2bxjdr] {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    margin-bottom: 8px;
    border-bottom: 1px solid #d2d2d2;
}

.logic-container:last-child[b-k8qo2bxjdr] {
    border-bottom: none;
}

.answer[b-k8qo2bxjdr] {
    display: flex;
    width: 69%;
    margin-left: 82px;
}

.terminal-text[b-k8qo2bxjdr] {
    margin-left: 28px;
    width: 280px;
}

.saving-text[b-k8qo2bxjdr] {
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    color: #0070baff;
}

.subquestion-container .answer[b-k8qo2bxjdr] {
    margin-left: 90px;
}

[b-k8qo2bxjdr] .question-container .mud-button {
    margin-bottom: 5px;
    margin-left: 85px;
}

[b-k8qo2bxjdr] .subquestion-container .mud-button {
    margin-top: 5px;
    margin-left: 90px;
}

[b-k8qo2bxjdr] .mud-input {
    background-color: white;
}

[b-k8qo2bxjdr] .mud-input-control-input-container {
    margin-right: 10px;
}

[b-k8qo2bxjdr] .mud-icon-button {
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
}

[b-k8qo2bxjdr] .mud-typography-body1 {
    font-size: 14px;
}

[b-k8qo2bxjdr] .mud-icon-size-large {
    font-size: 1.7rem;
}

[b-k8qo2bxjdr] .order-icons .mud-icon-size-large {
    font-size: 2rem;
    margin-bottom: 0px;
}

[b-k8qo2bxjdr] .mud-checkbox {
    margin-top: 5px;
}

.opening-questions-container[b-k8qo2bxjdr] {
    width: 100%;
}

.helper[b-k8qo2bxjdr] {
    width: 96%;
}



/***********
    General Responsiveness
***********/
@media only screen and (max-width: 620px) {
    .question[b-k8qo2bxjdr] {
        flex-direction: column;
    }
    .questiontype-container[b-k8qo2bxjdr] {
        width: 100%;
    }
    [b-k8qo2bxjdr] .question .mud-input-control.mud-input-control-boolean-input {
        display: none;
    }
    [b-k8qo2bxjdr] .helper .mud-input-control.mud-input-control-boolean-input {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    [b-k8qo2bxjdr] .question-container .mud-button {
        margin-left: 10px;
    }
    .answer[b-k8qo2bxjdr] {
        width: 95%;
        margin-left: 10px;
    }
    .icon-panel-container[b-k8qo2bxjdr] {
        margin-bottom: 5px;
        text-align: center;
    }
    .subquestion-container[b-k8qo2bxjdr]  {
        margin-left: 6px;
    }
    .subquestion-container .answer[b-k8qo2bxjdr] {
        margin-left: 6px;
    }
    .helper[b-k8qo2bxjdr] {
        margin-left: 0;
        width:  100%;
    }
}
/* _content/F4L-ProjectX/Components/Admin/SendNotification.razor.rz.scp.css */
[b-28aayregzy] .tox-tinymce {
    border-radius: 0 !important;
    border: 1px solid #d2d2d2;
}

[b-28aayregzy] .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-bottom: 1px solid #d2d2d2 !important;
    box-shadow: none !important;
}

[b-28aayregzy] .tox-toolbar__primary {
    display: none !important;
}

.selections[b-28aayregzy] {
    border: solid 1px #c2c2c2;
    background-color: white;
    padding-left: 10px;
    height: 410px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 10px;
}

.item[b-28aayregzy] {
    display: inline-block;
    vertical-align: top;
}

.item:hover[b-28aayregzy] {
    cursor: pointer;
}

input[type=checkbox][b-28aayregzy] {
    display: inline-block;
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    accent-color: #0070baff;
}

.collapse[b-28aayregzy] {
    cursor: pointer;
    color: #0070ba;
    font-size: 23px;
    line-height: 0.7;
    margin-right: 6px;
}

.collapse2[b-28aayregzy] {
    cursor: pointer;
    color: #0070ba;
    font-size: 23px;
    line-height: 0.7;
    margin-right: 6px;
}
/* _content/F4L-ProjectX/Components/Admin/SMSAudit.razor.rz.scp.css */
.audit-container[b-cg1ixvsr43] {
    border: 1px solid lightgrey;
    background-color: white;
    padding: 20px;
}

.view[b-cg1ixvsr43] {
    color: #0070ba;
    cursor: pointer;
}
/* _content/F4L-ProjectX/Components/Admin/SubcategoryDesigner.razor.rz.scp.css */
.component-container[b-9jpnfhp4j5] {
    display: block;
    min-height: 300px;
}

.component-box[b-9jpnfhp4j5] {
    min-height: 300px;
}

.control-box[b-9jpnfhp4j5] {
    height: 40px;
}

.table-container-scroll[b-9jpnfhp4j5] {
    overflow: auto;
    min-height: 280px;
}

table[b-9jpnfhp4j5], td[b-9jpnfhp4j5], th[b-9jpnfhp4j5] {
    border-collapse: collapse;
}

table tr td[b-9jpnfhp4j5] {
    padding: 5px 5px;

}

table tr th[b-9jpnfhp4j5] {
    position: relative;
    cursor: default;
}

table tr th p[b-9jpnfhp4j5] {
    font-weight: normal;
}

td[b-9jpnfhp4j5] {
    padding: 5px 10px;
    border: 1px solid #e0e0e0ff;
}

th:not(:first-child):not(:nth-child(3))[b-9jpnfhp4j5], td:not(:first-child):not(:nth-child(3))[b-9jpnfhp4j5] {
    min-width: 150px;
    max-width: 180px;
}

.credits[b-9jpnfhp4j5] {
    min-width: 90px;
}

.question-header[b-9jpnfhp4j5] {
    font-weight: normal;
    max-height: 70px;
    overflow-y: scroll;
    padding: 5px 5px;
}

.subquestion-icon-padding[b-9jpnfhp4j5] {
    padding-left: 22px;
}

.subquestion-icon[b-9jpnfhp4j5] {
    position: absolute;
    top: 2px;
    left: 2px;
}

.no-questionset[b-9jpnfhp4j5] {
    text-align: center;
    font-size: 16px;
}

a[b-9jpnfhp4j5] {
    font-weight: bold;
}

.save-error[b-9jpnfhp4j5] {
    color: red;
    text-align: center;
}

[b-9jpnfhp4j5] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-9jpnfhp4j5] {
    text-align: center;
}

[b-9jpnfhp4j5] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-9jpnfhp4j5] {
    text-transform: uppercase;
}
[b-9jpnfhp4j5] .subcategory .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-9jpnfhp4j5] {
    text-transform: none;
}

[b-9jpnfhp4j5] .mud-select .mud-select-input {
    max-width: 150px;
}

[b-9jpnfhp4j5] .mud-icon-size-medium{
    font-size: 1.2rem;
}

[b-9jpnfhp4j5] .mud-icon-size-large {
    font-size: 1.6rem;
}

[b-9jpnfhp4j5] .mud-icon-button {
    padding: 2px;
}

[b-9jpnfhp4j5] .mud-typography {
    font-size: 14px;
}
/* _content/F4L-ProjectX/Components/CallAgent/CallAgentOverview.razor.rz.scp.css */
.component-box:first-child[b-3nw8y2jsak] {
    margin-left: 0;
}

.component-box:last-child[b-3nw8y2jsak] {
    margin-right: 0;
}

.invite[b-3nw8y2jsak] {
    width: 24%;
}

.invite-history[b-3nw8y2jsak] {
    width: 75%;
}

.invite-success[b-3nw8y2jsak] {
    margin-top: 15px;
    text-align: center;
}

.invite-success p[b-3nw8y2jsak] {
    margin-top: 5px;
    margin-bottom: 10px;
    color: grey;
}

.invite-success h2[b-3nw8y2jsak] {
    color: #78b13f;
    display: inline-block;
    font-weight: 500;
}

[b-3nw8y2jsak] .invite-history .mud-input {
    height: 30px !important;
}

.error[b-3nw8y2jsak] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .invite[b-3nw8y2jsak], .invite-history[b-3nw8y2jsak]{
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Components/Common/Cards.razor.rz.scp.css */
.component-container[b-0undos7o9t] {
    margin-bottom: 10px;
}

.card[b-0undos7o9t] {
    position: relative;
    width: 24%;
    min-height: 280px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    cursor: default;
    text-align: center;
}

.card h2[b-0undos7o9t] {
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 17px;
    font-weight: bold;
}

.card:hover .edit[b-0undos7o9t],
.card:hover .arrow[b-0undos7o9t],
.card:hover .enable[b-0undos7o9t] {
    display: block;
}


.disabled[b-0undos7o9t] {
    background-color: #f2f2f2;
}

.description[b-0undos7o9t] {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    height: 150px;
    overflow-y: auto;
}

.description p[b-0undos7o9t] {
    font-size: 13px;
}

.edit[b-0undos7o9t] {
    position: absolute;
    top: 1px;
    right: 1px;
    display: none;
    cursor: pointer;
}

.enable[b-0undos7o9t] {
    position: absolute;
    top: 4px;
    left: 4px;
    display: none;
    cursor: pointer;
}

.enable input[b-0undos7o9t] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    accent-color: #0070baff;
 }

.add[b-0undos7o9t] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.type[b-0undos7o9t] {
    position: absolute;
    top: 2px;
    left: 3px;
    color: gray;
    font-size: 12px;
}

.error[b-0undos7o9t] {
    color: red;
    font-size: 11px;
}

.arrow[b-0undos7o9t] {
    position: absolute;
    top: 40%;
    display: none;
}

.arrow-left[b-0undos7o9t] {
    left: -12px;
}

.arrow-right[b-0undos7o9t] {
    right: -12px;
}

.btn-float-right[b-0undos7o9t] {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 5px;
}

.selection[b-0undos7o9t] {
    text-align: left;
}

[b-0undos7o9t] .mud-icon-button {
    padding: 3px;
}

[b-0undos7o9t] .add .mud-icon-size-large {
    font-size: 4rem;
    cursor: pointer;
}

[b-0undos7o9t] .arrow .mud-icon-size-large {
    font-size: 3.2rem;
    cursor: pointer;
}

[b-0undos7o9t] .edit .mud-icon-size-medium {
    font-size: 1.6rem;
}

.card-buttons[b-0undos7o9t] {
    display: inline-block;
}

[b-0undos7o9t] .card-buttons .mud-button {
    margin: 2px 2px;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 620px) {
    .card[b-0undos7o9t] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Components/Common/ChangePassword.razor.rz.scp.css */
[b-6cngf7aygj] .mud-icon-button {
    padding: 4px !important;    
}

.circle2[b-6cngf7aygj] {
    position: relative;
    background: #1abc00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.checkmark2[b-6cngf7aygj] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 29%;
    top: 43%;
    height: 7px;
    width: 3px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

.text2[b-6cngf7aygj] {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    font-size: 12px;
}
/* _content/F4L-ProjectX/Components/Common/CookieConfirmation.razor.rz.scp.css */
#f4lcd-cmp .underlay[b-03uokfbz2n] {
    opacity: .75;
    pointer-events: auto;
    background-color: #000;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 2147483630;
}

#f4lcd-cmp .seperator[b-03uokfbz2n] {
    border-bottom: 1px solid;
    border-color: #f4f4f4;
    margin-top: 10px;
    margin-bottom: 10px;
}

#f4lcd-cmp .preference[b-03uokfbz2n] {
    margin-top: 10px;
    margin-bottom: 10px;
}

#f4lcd-cmp .content-header[b-03uokfbz2n] {
    display: block;
    font-size: 1.17em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}


#f4lcd-dialog[b-03uokfbz2n] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 32px 68px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    color: #141414;
    font-family: sans-serif;
    font-size: 15px;
    height: auto;
    left: 50%;
    letter-spacing: .1px;
    line-height: 24px;
    max-height: calc(100% - 16px);
    overflow: hidden;
    position: fixed;
    text-align: initial;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
    transition-property: width, max-width, top, bottom, left, opacity;
    width: calc(100% - 16px);
    z-index: 2147483631;
    width: 50%;
}



    #f4lcd-dialog .wrapper[b-03uokfbz2n] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #f4lcd-dialog .header[b-03uokfbz2n] {
        align-items: center;
        border-bottom: 1px solid #D6D6D6;
        display: flex;
        padding: 1em;
        width: 100%;
    }

    #f4lcd-dialog .nav[b-03uokfbz2n] {
        width: 100%;
        border-bottom: 1px solid #D6D6D6;
    }

        #f4lcd-dialog .nav ul[b-03uokfbz2n] {
            display: flex;
            justify-content: space-around;
            width: 100%;
            padding: 0;
        }

        #f4lcd-dialog .nav li[b-03uokfbz2n] {
            list-style: none;
            width: 33%;
        }

            #f4lcd-dialog .nav li a[b-03uokfbz2n] {
                border-bottom: 1px solid #ffffff;
                color: #141414;
                display: block;
                font-weight: 600;
                height: 100%;
                outline-offset: -5px;
                padding: 0.5em;
                text-align: center;
                text-decoration: none;
                white-space: nowrap;
            }

                #f4lcd-dialog .nav li a:active[b-03uokfbz2n],
                #f4lcd-dialog .nav li a.active[b-03uokfbz2n] {
                    border-color: transparent;
                    border-bottom: 1px solid #1032CF;
                    color: #1032CF;
                }

    #f4lcd-dialog .buttons[b-03uokfbz2n] {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 1em 1.5em 1.5em;
        background: transparent;
        box-sizing: border-box;
        color: inherit;
        font-family: inherit;
        font-size: 15px;
        margin: 0;
        outline: 0;
        vertical-align: baseline;
    }

        #f4lcd-dialog .buttons button[b-03uokfbz2n] {
            cursor: pointer;
            margin-bottom: 0;
            margin-top: 0;
            width: 33%;
            background-color: transparent;
            border: 2px solid #1032CF;
            border-radius: .25em;
            color: #141414;
            display: block;
            font-weight: 600;
            padding: 1em;
            text-align: center;
            user-select: none;
            background: transparent;
            box-sizing: border-box;
            font-family: inherit;
            font-size: 15px;
            margin: 0;
            outline: 0;
            margin-right: .5em;
        }

        #f4lcd-dialog .buttons .featured-button[b-03uokfbz2n] {
            background-color: #1032CF;
            color: #fff;
        }

    #f4lcd-dialog .tabs[b-03uokfbz2n] {
        width: 100%;
    }

    #f4lcd-dialog .tab-content .tab[b-03uokfbz2n] {
        display: none;
    }

    #f4lcd-dialog .tab-content .h3[b-03uokfbz2n]{
        display: block;
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        font-weight: bold;
        unicode-bidi: isolate;
    }

        #f4lcd-dialog .tab-content .tab.active-tab[b-03uokfbz2n] {
            display: block;
            padding: 1.125em;
            flex: 1;
            letter-spacing: .5px;
            line-height: 1.6em;
            overflow-x: hidden;
            background: transparent;
            box-sizing: border-box;
            color: inherit;
            font-family: inherit;
            font-size: 15px;
            margin: 0;
            outline: 0;
        }

        #f4lcd-dialog .cookie-categories-header[b-03uokfbz2n] {
            display: flex;
            justify-content:space-between;
            align-items: center;
        }

            #f4lcd-dialog .cookie-categories-header h3[b-03uokfbz2n] {
                margin: 0;
            }

            #f4lcd-dialog .cookie-categories-header input[type="checkbox"][b-03uokfbz2n] {
                width: 20px;
                height: 20px;
            }

@media screen and (max-width: 600px) {
    #f4lcd-dialog[b-03uokfbz2n] {
        width: 90%;
        overflow: scroll;
    }

        #f4lcd-dialog .buttons[b-03uokfbz2n] {
            flex-direction: column;
        }

            #f4lcd-dialog .buttons button[b-03uokfbz2n] {
                width: 100%;
                margin-bottom: 5px;
            }
}
/* _content/F4L-ProjectX/Components/Common/DisbursementsFeesSideBar.razor.rz.scp.css */
.back[b-g0qhtpy6a9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
    z-index: 999;
}

.sol-back[b-g0qhtpy6a9] {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

.container[b-g0qhtpy6a9] {
    position: relative;
    position: fixed;
    top: 0;
    right: 0;
    width: 550px;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 999;
    border-left: solid 1px #d2d2d2;
}

.header[b-g0qhtpy6a9] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 90px;
    background-color: white;
    border-bottom: solid 1px #d2d2d2;
}

.box[b-g0qhtpy6a9] {
    width: 80%;
    height: auto;
    background-color: white;
    border: solid 1px #d2d2d2;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 5px;
}

.box h2[b-g0qhtpy6a9] {
    color: #0070ba;
    font-size: 16px;
    text-align: center;
}

hr[b-g0qhtpy6a9] {
    width: 99%;
    height: 1px;
    border-bottom: 1px solid #d2d2d2;
    margin-left: 2px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.shadow-bottom[b-g0qhtpy6a9] {
    box-shadow: 2px -5px 20px 4px #d2d2d2;
}

.shadow-top[b-g0qhtpy6a9] {
    box-shadow: 2px 10px 20px 4px #d2d2d2;
}

.header h2[b-g0qhtpy6a9] {
    color: #0070ba;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 8px;
}

.body[b-g0qhtpy6a9] {
    margin-top: 90px;
    background-color: #f2f2f2;
    overflow-y: auto;
    height: 75%;
}

.footer[b-g0qhtpy6a9] {
    background-color: white;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130px;
    width: 100%;
}

.footer p[b-g0qhtpy6a9] {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 15px;
}

.footer h2[b-g0qhtpy6a9] {
    color: #0070ba;
    font-weight: bold;
}

.close-button p[b-g0qhtpy6a9] {
    text-align: center;
    width: 100%;
}

.close-button[b-g0qhtpy6a9] {
    margin-top: 15px;
    display: flex;
    margin-left: auto;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 120px;
    height: 33px;
    padding: 5px;
    border: 2px solid #515151;
    border-radius: 4px;
    color: #515151;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.head[b-g0qhtpy6a9] {
    font-weight: bold;
    margin-bottom: 6px;
}

.name[b-g0qhtpy6a9] {
    display: inline-block;
    margin-left: 8px;
    max-width: 79%;
}

.value[b-g0qhtpy6a9] {
    float: right;
}

.total-value[b-g0qhtpy6a9] {
    float: right;
    color: #0070ba;
    font-weight: bold;
}

.total[b-g0qhtpy6a9] {
    display: inline-block;
    color: #0070ba;
    font-weight: bold;
}

.total-container[b-g0qhtpy6a9] {
    margin-top: 10px;
    margin-bottom: 8px;
}

.total-container-border-bottom[b-g0qhtpy6a9] {
    padding-bottom: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.scroll-circle[b-g0qhtpy6a9] {
    position: absolute;
    left: 45%;
    bottom: 140px;
    height: 45px;
    width: 45px;
    background-color: white;
    border-radius: 50%;
    border: solid 2px #000000;
    display: block;
}

.arrow1[b-g0qhtpy6a9] {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
    position: absolute;
    top: 3px;
    left: 13px;
}

.arrow2[b-g0qhtpy6a9] {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
    position: absolute;
    top: 12px;
    left: 13px;
}

.down[b-g0qhtpy6a9] {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media only screen and (max-height: 800px) {
    .body[b-g0qhtpy6a9] {
        height: 65%;
    }
}

@media only screen and (max-height: 600px) {
    .body[b-g0qhtpy6a9] {
        height: 59%;
    }
}

@media only screen and (max-height: 500px) {
    .body[b-g0qhtpy6a9] {
        height: 49%;
    }
}

@media only screen and (max-width: 500px) {
    .container[b-g0qhtpy6a9] {
        width: 100%;
    }

    .back[b-g0qhtpy6a9] {
        display: none;
    }

    .body[b-g0qhtpy6a9] {
        height: 65%;
    }

    .name[b-g0qhtpy6a9] {
        max-width: 64%;
    }
}

@media only screen and (max-width: 400px) {
    .box[b-g0qhtpy6a9] {
        width: 96%;
    }
}
/* _content/F4L-ProjectX/Components/Common/ForgotPasswordForm.razor.rz.scp.css */
.form-body[b-vc1tz2xuuy] {
    min-height: 230px;
}

.recovery-success[b-vc1tz2xuuy] {
    text-align: center;
    width: 450px;
}

    .recovery-success p[b-vc1tz2xuuy] {
        margin-top: 15px;
    }

    .recovery-success h2[b-vc1tz2xuuy] {
        color: #78b13f;
        display: inline-block;
        font-weight: 500;
    }

.close[b-vc1tz2xuuy] {
    position: absolute;
    top: 2px;
    right: 12px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover[b-vc1tz2xuuy],
    .close:focus[b-vc1tz2xuuy] {
        color: #0070ba;
        text-decoration: none;
        cursor: pointer;
    }
/* _content/F4L-ProjectX/Components/Common/HelpIcon.razor.rz.scp.css */
.help-icon[b-qobjqzw8cw] {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

.help-icon img[b-qobjqzw8cw] {
    vertical-align: top;
    height: 19px;
    margin-top: -1px;
}

.help-text[b-qobjqzw8cw] {
    font-size: 15px;
    text-align: center;
    color: grey;
    margin-top: 45px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.sub-help-text[b-qobjqzw8cw] {
    font-size: 15px;
    text-align: center;
    color: grey;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
/* _content/F4L-ProjectX/Components/Common/LoadingSpinner.razor.rz.scp.css */
.loading-container[b-tyeq9idc3x] {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.loader[b-tyeq9idc3x] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #f49600ff;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation-b-tyeq9idc3x 1s linear infinite;
}

.loader[b-tyeq9idc3x]::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-bottom: 4px solid #0070baff;
    border-left: 4px solid transparent;
}

@keyframes rotation-b-tyeq9idc3x {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} 
/* _content/F4L-ProjectX/Components/Common/MessageCallBack.razor.rz.scp.css */
body[b-xmdi94rmxn] {
}
/* _content/F4L-ProjectX/Components/Common/MessageInbox.razor.rz.scp.css */
.enquiry-message-container:not(:last-child)[b-v33ksm4dy6] {
   margin-bottom: 10px;
}

[b-v33ksm4dy6] .mud-table-cell {
    text-align: left !important;
    padding: 5px !important;
    vertical-align: text-top;
}

[b-v33ksm4dy6] .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(:last-child){
    border-right: none;
}

[b-v33ksm4dy6] .mud-table-cell:nth-child(2),
[b-v33ksm4dy6] .mud-table-cell:nth-child(3) {
    max-width: 200px;
    width: 200px;
}

[b-v33ksm4dy6] .mud-table-cell:first-child {
    padding: 0 !important;
    position: relative;
    width: 18px;
    max-width: 18px;
}

[b-v33ksm4dy6] .mud-table-cell:last-child {
    text-align: right !important;
    vertical-align: text-top;
    max-width: 50px;
    width: 50px;
}

[b-v33ksm4dy6] .mud-table-root .mud-table-head .mud-table-cell {
    border: none !important;
}

.btn-float-right[b-v33ksm4dy6] {
    margin: 0 3px 5px 0;
}

.enquiry-text[b-v33ksm4dy6] {
    color: #0070baff;
}

.message-read[b-v33ksm4dy6] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #0070ba;
    width: 12px;
    height: 34px;
}

.message-unread[b-v33ksm4dy6] {
    font-weight: bold;
    color: #0070ba;
}

.message-body[b-v33ksm4dy6] {
    position: relative;
    margin-top: 5px;
    min-height: 100px;
    border: 1px solid #d2d2d2;
    padding-left: 5px;
    padding-right: 5px;
}

.message-body p[b-v33ksm4dy6] {
    margin-top: 6px;
    margin-bottom: 6px;
}

.message-body-icon[b-v33ksm4dy6] {
    display:flex;
}

.mobile[b-v33ksm4dy6] {
    display: none;
}

.desktop[b-v33ksm4dy6] {
    display: block;
}

[b-v33ksm4dy6] .mud-icon-button {
    padding: 0 !important;
}

[b-v33ksm4dy6] .message-body-icon .mud-icon-size-medium {
    font-size: 1.85rem;
}

@media only screen and (max-width: 700px) {
    [b-v33ksm4dy6] .mud-table-cell:nth-child(2),
    [b-v33ksm4dy6] .mud-table-cell:nth-child(3),
    [b-v33ksm4dy6] .mud-table-cell:nth-child(4) {
        width: 50px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 750px) {
    .desktop[b-v33ksm4dy6] {
        display: none;
    }
    .mobile[b-v33ksm4dy6] {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    [b-v33ksm4dy6] .mud-table-cell {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* _content/F4L-ProjectX/Components/Common/MessageInboxNewMessage.razor.rz.scp.css */
body[b-22jtdfjpfh] {
}
/* _content/F4L-ProjectX/Components/Common/Modal.razor.rz.scp.css */
.modal[b-ar696l1yfo] {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 10px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
}

h2[b-ar696l1yfo] {
    color: #0070baff;
}

.modal-content[b-ar696l1yfo] {
    position: relative;
    background-color: #fefefe;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 1px solid #c2c2c2;
}

.fixed[b-ar696l1yfo] {
    width: 700px;
}

.very-small[b-ar696l1yfo] {
    width: 280px;
}

.extra-small[b-ar696l1yfo] {
    width: 400px;
}

.extra-small2[b-ar696l1yfo] {
    width: 585px;
}

.extra-small3[b-ar696l1yfo] {
    width: 828px;
}


.small[b-ar696l1yfo] {
    width: 50%;
}

.medium[b-ar696l1yfo] {
    width: 55%;
}

.large[b-ar696l1yfo] {
    width: 60%;
}

.extra-large[b-ar696l1yfo] {
    width: 80%;
}

.close-button[b-ar696l1yfo] {
    position: absolute;
    top: 2px;
    right: 20px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    z-index: 99;
}

.alt-close-button p[b-ar696l1yfo] {
    text-align: center;
    width: 100%;
}

.close-button:hover[b-ar696l1yfo],
.close-button:focus[b-ar696l1yfo] {
    color: #0070ba;
    text-decoration: none;
    cursor: pointer;
}

.alt-close-button[b-ar696l1yfo] {
    display: flex;
    margin-left: auto;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 140px;
    height: 33px;
    padding: 5px;
    border: 2px solid #515151;
    border-radius: 4px;
    color: #515151;
    font-size: 28px;
    font-weight: bold;
}

.alt-close-button:hover[b-ar696l1yfo],
.alt-close-button:focus[b-ar696l1yfo] {
    cursor: pointer;
}

    .alt-close-button p:hover[b-ar696l1yfo] {
        color: #0070ba !important;
    }

[b-ar696l1yfo] .mud-tabs-toolbar-content {
    background-color: white;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 820px) {
    .modal-content[b-ar696l1yfo]{
        width: 90%;
    }
}

@media only screen and (max-width: 620px) {
    .modal-content[b-ar696l1yfo] {
        width: 98%;
    }

    .modal[b-ar696l1yfo] {
        top: 0;
    }
}

@media only screen and (max-width: 450px) {
    .alt-close-button[b-ar696l1yfo] {
        margin-right: 1px;
    }
}
/* _content/F4L-ProjectX/Components/Common/NotificationCheck.razor.rz.scp.css */
.background-image[b-90r8nvndta] {
    position: absolute;
    background-image: url("./img/Notification-Background.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
    opacity: 0.09;
    width: 100%;
    height: 430px;
    top: 0;
    left: 0;
}

.text-container[b-90r8nvndta] {
    height: 400px;
    margin-top: 10px;
    padding: 10px;
    position: absolute;
}

.container[b-90r8nvndta] {
    position: relative;
    height: 480px;
}

.indicator[b-90r8nvndta] {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #0070baff;
    font-size: 14px;
}

.button-container[b-90r8nvndta] {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-bottom: 10px;
    left: 40%;
}

@media only screen and (max-width: 450px) {
    .background-image[b-90r8nvndta]{
        width: 100%;
    }

    .button-container[b-90r8nvndta] {
        right: 10px;
    }
}
/* _content/F4L-ProjectX/Components/Common/PasswordValidateCheck.razor.rz.scp.css */
.container[b-bmf2cvhem1] {
    margin-bottom: 5px;
    margin-left: 8px;
}

.circle[b-bmf2cvhem1] {
    position: relative;
    background: #1abc00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.checkmark[b-bmf2cvhem1] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 29%;
    top: 43%;
    height: 7px;
    width: 3px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

.spacer[b-bmf2cvhem1] {
    width: 12px;
    height: 12px;
    display: inline-block;
}

p[b-bmf2cvhem1] {
    font-size: 12px;
    display: inline-block;
}

.text[b-bmf2cvhem1] {
    margin-left: 6px;
    vertical-align: top;
}
/* _content/F4L-ProjectX/Components/Common/QuickMessage.razor.rz.scp.css */
h2[b-sdwndhwafm] {
    font-size: 16px;
    color: #0070ba;
    margin-bottom: 5px;
}

.btn-float-right[b-sdwndhwafm] {
    margin-bottom: 0;
}
/* _content/F4L-ProjectX/Components/Common/SignInForm.razor.rz.scp.css */
/***********
    Form Overides
***********/
.form-text[b-zym3syps6z] {
    text-align: center;
    margin-top: 10px;
}

.form-text a[b-zym3syps6z] {
    color: #515151;
}

.form-text a:hover[b-zym3syps6z] {
    text-decoration: underline;
}

.change-title[b-zym3syps6z] {
    font-size: 19px;
    color: #0070ba;
    margin-bottom: 5px;
}

.change-text[b-zym3syps6z] {
    color: #515151;
}

@media only screen and (max-width: 620px) {
    .form-body[b-zym3syps6z] {
        width: 330px;
    }
}
/* _content/F4L-ProjectX/Components/Common/StarRating.razor.rz.scp.css */
/* _content/F4L-ProjectX/Components/Consumer/ConsumerEnquiriesCancel.razor.rz.scp.css */
.consumer-cancel-title[b-h872doxe3g] {
    color: #0070baff;
}
/* _content/F4L-ProjectX/Components/Consumer/ConsumerEstimates.razor.rz.scp.css */
.logo-link[b-ka39w0gizg] {
    cursor: pointer;
}

.estimate-tag-box[b-ka39w0gizg] {
    border-radius: 5px;
    background: #bfe9db;
    margin-right: 5px;
    padding: 4px;
    white-space: nowrap;
}

.estamte-tag-container[b-ka39w0gizg] {
    line-height: 2;
}

.estimate-value-container[b-ka39w0gizg] {
    text-align: unset;
}

.estimate-main-container[b-ka39w0gizg] {
    margin-top: 6px;
}

.consumer-estimates-office-title[b-ka39w0gizg] {
    font-weight: 800;
}

.consumer-estimates-title[b-ka39w0gizg] {
    color: #0070baff;
    font-weight: 800;
    font-size: 21px;
    text-align: center;
}

strong[b-ka39w0gizg] {
    font-weight: 800;
}

.consumer-estimates-office-title-container[b-ka39w0gizg] {
    margin-bottom: 0;
}

.consumer-estimates-desc[b-ka39w0gizg] {
    font-size: 16px;
}

.consumer-estimates-instruction-container[b-ka39w0gizg] {
    background-color: #f49600;
    padding: 10px;
    text-align: center;
}

    .consumer-estimates-instruction-container p[b-ka39w0gizg] {
        font-size: 20px;
        color: white;
    }

.could-help-title[b-ka39w0gizg] {
    color: #515151;
    background-color: #bfe9db;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.consumer-estimates-selection-title[b-ka39w0gizg] {
    color: #0070baff;
    font-weight: bold;
    font-size: 17px;
    float: right;
}

[b-ka39w0gizg] .bottom-button {
    width: 250px;
    height: 50px;
}

[b-ka39w0gizg] .bottom-button-choose-more {
    width: 350px;
    height: 50px;
}

[b-ka39w0gizg] .select-more-button {
    font-size: 14px;
    background-color: white;
    border: none;
}

    [b-ka39w0gizg] .select-more-button:hover {
        background-color: white;
    }

[b-ka39w0gizg] .next-button {
    font-size: 22px;
    border: none;
}

.logo-box-container-selection[b-ka39w0gizg] {
    margin-bottom: 5px;
    margin-right: 40px;
    margin-top: 5px;
}

.selection-container-logo[b-ka39w0gizg] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    width: 580px;
}

.selection-container-buttons[b-ka39w0gizg] {
    display: flex;
    justify-content: center;
}

.consumer-selection[b-ka39w0gizg] {
    position: fixed;
    display: flex;
    bottom: 0;
    background-color: #0070ba;
    left: 0;
    width: 100%;
    height: 150px;
    justify-content: center;
    z-index: 99;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.close-button[b-ka39w0gizg] {
    position: absolute;
    top: 0;
    right: -10px;
    cursor: pointer;
    height: 20px;
    border: 1px solid lightgray;
    border-radius: 50%;
    width: 20px;
    text-align: center;
    background-color: white;
}

.consumer-estimates-title2[b-ka39w0gizg] {
    color: #0070baff;
    font-size: 15px;
}


.estimate-card[b-ka39w0gizg] {
    border: 1px solid grey;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
}

.estimate-selected[b-ka39w0gizg] {
    background-color: lightyellow;
}

.estimate-details[b-ka39w0gizg] {
    background-color: #eeeeee;
    padding: 10px 10px 10px 10px;
}

.consumer-estimates-details-container[b-ka39w0gizg] {
    margin-top: 30px;
}

.consumer-estimates-location[b-ka39w0gizg] {
    padding: 10px 0px 10px 0px;
}

.consumer-estimates-description[b-ka39w0gizg] {
    padding: 10px 0px 10px 0px;
}

.consumer-estimates-viewdetails[b-ka39w0gizg] {
    text-align: end;
    padding: 0px 0px 5px 0px;
}

.consumer-estimates-estimate[b-ka39w0gizg] {
    color: #0070baff !important;
    font-size: 26px;
}

.logo-container[b-ka39w0gizg] {
    width: 100%;
    max-height: 100px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: center;
}


.logo-box[b-ka39w0gizg] {
    width: 140px;
    height: 110px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border: 2px solid lightgray;
    border-radius: 3px;
    position: relative;
    margin-top: 10px !important;
}

.logo-box-container[b-ka39w0gizg] {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    align-items: center;
    margin-right: 40px;
    justify-content: center;
    margin-top: 5px;
}


.spacer[b-ka39w0gizg] {
    min-height: 22px;
}

.logo[b-ka39w0gizg] {
    width: 100%;
    max-width: 250px;
    max-height: 118px;
}

.clear-all[b-ka39w0gizg] {
    align-self: end;
    margin-top: 8px;
    cursor: pointer;
    color: white !important;
}

.Disbursements[b-ka39w0gizg] {
    margin-left: 5px;
    margin-right: 5px;
}


.Disbursements-Link[b-ka39w0gizg] {
    color: #515151;
    font-size: 14px;
    display: inline-block;
}

.select-button-container[b-ka39w0gizg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    width: 580px;
}

.ratings-container[b-ka39w0gizg] {
    display: flex;
    flex-direction: row;
    background-color: #e9fcf6;
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.ratings-quote[b-ka39w0gizg] {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}

[b-ka39w0gizg] .mud-rating-item.mud-readonly {
    cursor: pointer !important;
}

.ratings-container-mobile[b-ka39w0gizg] {
    display: none;
}

.ratings-sub-container[b-ka39w0gizg] {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.quotes-container[b-ka39w0gizg] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.estimate-view-mobile[b-ka39w0gizg] {
    display: none;
}

.estimate-sub-container[b-ka39w0gizg] {
    text-align: end;
}

[b-ka39w0gizg] .final-button {
    height: 40px;
}

.office-info-modal-containter[b-ka39w0gizg] {
    max-height: 82vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

[b-ka39w0gizg] .view-details-link {
    text-decoration-line: underline !important;
}

[b-ka39w0gizg] select-button-container .mud-button-label {
    font-weight: bold;
}

.ToContinue[b-ka39w0gizg] {
    display: inline-block;
}

[b-ka39w0gizg] .mobile {
    display: none;
}

[b-ka39w0gizg] .non-mobile {
    display: block;
}

[b-ka39w0gizg] .mud-button-filled:disabled {
    background-color: #cc7e00 !important;
}

[b-ka39w0gizg] .mud-button-root:disabled {
    color: white !important;
}

[b-ka39w0gizg] .select-button-container .mud-button-label {
    font-weight: bold;
    display: inline-block;
}

.circle2[b-ka39w0gizg] {
    position: relative;
    background: #1abc00;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.checkmark2[b-ka39w0gizg] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 31%;
    top: 46%;
    height: 10px;
    width: 4px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

[b-ka39w0gizg] .mud-select .mud-select-input {
    height: 30px;
}

[b-ka39w0gizg] .mud-input {
    line-height: 1.8rem !important;
}

@media only screen and (max-width: 1150px) {
    [b-ka39w0gizg] .bottom-button-choose-more,
    [b-ka39w0gizg] .bottom-button {
        width: 300px !important;
    }


    .select-button-container[b-ka39w0gizg] {
        width: auto;
    }

    .ToContinue[b-ka39w0gizg] {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    [b-ka39w0gizg] .bottom-button-choose-more,
    [b-ka39w0gizg] .bottom-button {
        width: 300px !important;
    }

    .selection-container-logo[b-ka39w0gizg] {
        width: auto;
    }

    .select-button-container[b-ka39w0gizg] {
        width: auto;
    }

    .ToContinue[b-ka39w0gizg] {
        display: none;
    }
}


@media only screen and (max-width: 850px) {

    [b-ka39w0gizg] .bottom-button {
        width: 200px !important;
    }

    [b-ka39w0gizg] .bottom-button-choose-more {
        width: 230px;
    }

    [b-ka39w0gizg] .select-button-container .mud-button-label {
        display: inline-block;
    }
}

@media only screen and (max-width: 630px) {
    .consumer-estimates-office-title-container[b-ka39w0gizg] {
        margin-bottom: -6px;
    }


    .consumer-estimates-selection-title[b-ka39w0gizg] {
        display: none;
    }

    .estimate-sub-container[b-ka39w0gizg] {
        flex: 5;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: end;
    }

    .estimate-main-container[b-ka39w0gizg] {
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .consumer-estimates-viewdetails[b-ka39w0gizg] {
        text-align: unset;
        margin-right: auto;
        padding: unset;
        margin-top: 10px;
        display: flex;
        align-items: end;
        margin-bottom: 5px;
        flex: 3;
    }

    .estimate-title[b-ka39w0gizg] {
        font-size: 19px;
        margin-bottom: -10px;
    }

    [b-ka39w0gizg] .view-details-link {
        font-size: 17px;
        text-decoration-line: underline !important;
    }

    [b-ka39w0gizg] .grid-logo-container {
        display: none;
    }

    .logo-box-container-selection[b-ka39w0gizg] {
        display: flex;
        flex-direction: column;
        margin-bottom: 5px;
        align-items: center;
        margin-right: 15px;
        justify-content: center;
        margin-top: 5px;
    }

    .ratings-sub-container[b-ka39w0gizg] {
        width: fit-content;
    }

    [b-ka39w0gizg] .ratings {
        width: auto !important;
    }

    [b-ka39w0gizg] .mud-tabs, .mud-tooltip-root[b-ka39w0gizg] {
        width: auto !important;
    }

    .ratings-sub-container[b-ka39w0gizg] {
        margin-left: 10px;
        margin-right: 20px;
    }

    .consumer-estimates-location[b-ka39w0gizg] {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .estimate-main-container[b-ka39w0gizg] {
        flex-direction: column;
    }

    /*    .ratings-container {
        display: none;
    }*/

    .ratings-quote[b-ka39w0gizg] {
        font-size: 14px;
        font-style: italic;
        text-align: center;
        line-height: unset;
    }

    .estimate-view-mobile[b-ka39w0gizg] {
        display: unset;
    }

    .estimate-view-desktop[b-ka39w0gizg] {
        display: none;
    }

    .estimate-moblie-sub-container[b-ka39w0gizg] {
        display: flex;
        flex-direction: row-reverse;
    }

    [b-ka39w0gizg] .ratings-container-mobile {
        display: block;
    }

    .estimate-value-container[b-ka39w0gizg] {
        text-align: end;
        margin-right: auto;
    }

    .consumer-estimates-location[b-ka39w0gizg] {
        padding: 0;
    }

    .consumer-estimates-estimate[b-ka39w0gizg] {
        font-size: 32px;
        text-align: end;
        padding: 4px 0px 0px 0px;
    }

    .consumer-estimates-description[b-ka39w0gizg] {
        padding: 5px 0px 0px 0px;
    }

    .consumer-selection[b-ka39w0gizg] {
        flex-direction: column;
    }

    .selection-container-logo[b-ka39w0gizg] {
        display: none;
    }

    .selection-container-buttons[b-ka39w0gizg] {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .clear-all[b-ka39w0gizg] {
        position: absolute;
        left: 16px;
        top: 64px;
    }

    [b-ka39w0gizg] .non-mobile {
        display: none;
    }

    [b-ka39w0gizg] .mobile {
        display: block;
    }

    [b-ka39w0gizg] .mud-grid-spacing-xs-3 > .mud-grid-item {
        padding: 12px 12px 0px 12px;
    }

    [b-ka39w0gizg] .final-button {
        margin-bottom: 3px;
        font-size: 19px;
    }

    [b-ka39w0gizg] .bottom-button-choose-more,
    [b-ka39w0gizg] .bottom-button {
        margin-left: 45px;
        width: 380px !important;
    }
}

@media only screen and (max-width: 490px) {

    [b-ka39w0gizg] .mud-select .mud-select-input {
        height: 40px;
    }

    .mud-select .mud-select-input .mud-input-adornment-end[b-ka39w0gizg] {
        margin-top: -2px;
    }

    [b-ka39w0gizg] .mud-input {
        line-height: 2.5rem !important;
    }

    [b-ka39w0gizg] .select-button-container .mud-button-label {
        font-weight: bold;
    }

    .select-more-button-mob[b-ka39w0gizg] {
        width: 255px !important;
    }

    [b-ka39w0gizg] .next-button-mobile {
        height: 65px !important;
    }

    .selection-container-buttons[b-ka39w0gizg] {
        justify-content: right;
        margin-right: 25px;
    }

    .clear-all[b-ka39w0gizg] {
        bottom: 8px;
    }

    .consumer-selection[b-ka39w0gizg] {
        height: 100px;
    }

    [b-ka39w0gizg] .bottom-button-choose-more {
        margin-left: 60px;
        width: 250px !important;
    }

    [b-ka39w0gizg] .bottom-button {
        margin-left: 60px;
        width: 200px !important;
    }

    .ToContinue[b-ka39w0gizg] {
        display: none;
    }
}

@media only screen and (max-width: 340px) {

    [b-ka39w0gizg] .bottom-button {
        width: 220px !important;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/ConsumerHDR.razor.rz.scp.css */
.thank-you-container[b-1vl1zr8pty]{
    display: flex;
    flex-direction:column;
    align-content: center;
    justify-content: center;
    text-align: center;
    min-height: 500px;
}

.link[b-1vl1zr8pty] {
    text-decoration-line: underline;
    cursor: pointer;
    color: #0070baff !important;
    font-weight: bold;
}

.logo-link[b-1vl1zr8pty] {
    cursor: pointer;
}

.thank-you-title[b-1vl1zr8pty] {
    color: #0070baff;
    font-weight: bold;
    font-size: 21px;
}

.thank-you-sub-title[b-1vl1zr8pty] {
    color: #0070baff;
    font-weight: bold;
    font-size: 16px;
}

.thank-you-margins[b-1vl1zr8pty] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.thank-you-checkmark[b-1vl1zr8pty] {
    display: inline-block;
    width: 28px;
    height: 17px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thank-you-checkmark_stem[b-1vl1zr8pty] {
    position: absolute;
    width: 5px;
    height: 30px;
    background-color: white;
    left: 15px;
    top: -8px;
}

.thank-you-checkmark_kick[b-1vl1zr8pty] {
    position: absolute;
    width: 10px;
    height: 5px;
    background-color: white;
    left: 5px;
    top: 17px;
}

.thank-you-checkmark-container[b-1vl1zr8pty] {
    height: 60px;
    width: 60px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    background-color: #00b67a;
}

.Disbursements-Link[b-1vl1zr8pty] {
    color: #515151;
    font-size: 14px;
    display: inline-block;
}

.consumer-estimates-title[b-1vl1zr8pty] {
    color: #0070baff;
    font-weight: bold;
    font-size: 21px;
}

.consumer-estimates-title2[b-1vl1zr8pty] {
    color: #0070baff;
    font-size: 15px;
}

.estimate-card[b-1vl1zr8pty] {
    border: 1px solid grey;
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
}

.time-selection-container[b-1vl1zr8pty] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    
}


.estimate-details[b-1vl1zr8pty] {
    background-color: #ebebeb;
    padding: 10px 10px 10px 10px;
}

.consumer-estimates-details-container[b-1vl1zr8pty] {
    margin-top: 30px;
}

.consumer-estimates-location[b-1vl1zr8pty] {
    padding: 10px 0px 10px 0px;
    display: flex;
    align-items: center;
}

.consumer-estimates-description[b-1vl1zr8pty] {
    padding: 10px 0px 10px 0px;
}


.consumer-estimates-desc[b-1vl1zr8pty] {
    font-size: 16px;
}


.consumer-estimates-viewdetails[b-1vl1zr8pty] {
    text-align: left;
    padding: 5px 0px 5px 0px;
}

.consumer-estimates-estimate[b-1vl1zr8pty] {
    color: #0070baff !important;
    padding-left: 5px;
    font-size: 34px;
}

.consumer-estimates-shortlist-button-expanded[b-1vl1zr8pty] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
}

[b-1vl1zr8pty] .consumer-shortlist-option {
    background-color: white;
    color: #0070baff;
    border-color: #0070baff;
    width: 180px;
}

.logo-container[b-1vl1zr8pty] {
    width: 100%;
    max-height: 100px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: center;
}

.logo[b-1vl1zr8pty] {
    width: 100%;
    max-width: 250px;
    max-height: 118px;
}


.end-block[b-1vl1zr8pty] {
    justify-content: center;
    height: 100%;
    width: 50px;
    align-items: center;
    background-color: #0070ba;
    position: absolute;
    bottom: 0;
    display: flex;
    right: 0;
}


.checkmark[b-1vl1zr8pty] {
    display: inline-block;
    width: 25px;
    height: 19px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark_stem[b-1vl1zr8pty] {
    position: absolute;
    width: 3px;
    height: 16px;
    background-color: white;
    left: 13px;
    top: 0px;
}

.checkmark_kick[b-1vl1zr8pty] {
    position: absolute;
    width: 7px;
    height: 3px;
    background-color: white;
    left: 6px;
    top: 13px;
}

.checkmark-container[b-1vl1zr8pty] {
    height: 30px;
    width: 30px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00b67a;
}

.grid[b-1vl1zr8pty]{
    padding-right:unset;
}
.mobile[b-1vl1zr8pty]{
    display:none;
}
.not-mobile[b-1vl1zr8pty]{
    display:unset;
}

[b-1vl1zr8pty] .chip {
    width: 15%;
    cursor: pointer;
}

.ratings-container[b-1vl1zr8pty] {
    float: right;
}

.ratings-sub-container[b-1vl1zr8pty] {
    display: flex;
    align-items: center;
}

.estimate-desc[b-1vl1zr8pty] {
    margin-top: 3px;
    font-size: 19px;
}

[b-1vl1zr8pty] .time-button {
    margin-top: 10px;
    display: flex;
    font-size: 21px;
    align-items: center;
    justify-content: center;
}

.office-info-modal-containter[b-1vl1zr8pty] {
    max-height: 82vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

[b-1vl1zr8pty] .mud-grid-item-md-3 {
    max-width: 21%;
}

@media only screen and (max-width: 960px) {
    .grid[b-1vl1zr8pty]{
        padding-right:60px;
    }

    .logo-container[b-1vl1zr8pty]{
        display:none;
    }

    .not-mobile[b-1vl1zr8pty]{
        display: none;
    }

    .ratings-sub-container[b-1vl1zr8pty] {
        width: fit-content;
    }

    [b-1vl1zr8pty] .ratings {
        width: auto !important;
    }

    .ratings-container[b-1vl1zr8pty] {
        float: unset;
    }

    [b-1vl1zr8pty] .chip{
        width:100%;
    }

    .mobile[b-1vl1zr8pty] {
        display: flex;
    }

    [b-1vl1zr8pty] .mud-grid-item-md-3 {
        max-width: 100%;
    }

    .estimate-container[b-1vl1zr8pty] {
        display: inline;
    }

    [b-1vl1zr8pty] .logo-mud-item{
        display: none;
    }

    [b-1vl1zr8pty] .consumer-shortlist-option{
        width: 100%;
    }

    .consumer-estimates-description[b-1vl1zr8pty] {
        padding: 0px 0px 0px 0px;
    }

    .consumer-estimates-location[b-1vl1zr8pty] {
        padding: 5px 0px 5px 0px;
    }

    [b-1vl1zr8pty] .mud-grid-spacing-xs-3 > .mud-grid-item {

    }

    .consumer-estimates-viewdetails[b-1vl1zr8pty] {
        padding: 0px 0px 15px 0px;
    }

    .estimate-desc[b-1vl1zr8pty] {
        font-size: 19px;
    }

    .options-buttons-container[b-1vl1zr8pty]{
        margin-bottom: 15px;
    }

    .thank-you-margins[b-1vl1zr8pty] {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/ConsumerMessagesEdit.razor.rz.scp.css */
/* _content/F4L-ProjectX/Components/Consumer/ConsumerProfile.razor.rz.scp.css */


.column[b-lm0h003ya4] {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.address-container[b-lm0h003ya4] {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: -12px;
}

.address-postcode[b-lm0h003ya4]{
    flex-grow:3;
}

.address-search[b-lm0h003ya4] {
    flex-grow:1
}

.consumer-profile-title[b-lm0h003ya4] {
    color: #0070baff;
    font-weight: normal;
}

.enquiry-container[b-lm0h003ya4] {
    border: 1px solid lightgrey;
    background-color: white;
    padding: 20px;
}

@media only screen and (max-width: 620px) {
    .row[b-lm0h003ya4] {
        flex-wrap: wrap;
    }


}
/* _content/F4L-ProjectX/Components/Consumer/ConsumerShortlist.razor.rz.scp.css */
.thank-you-container[b-lv68hqi3e0]{
    display: flex;
    flex-direction:column;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.link[b-lv68hqi3e0] {
    text-decoration-line: underline;
    cursor: pointer;
    color: #0070baff !important;
    font-weight: bold;
}

.logo-link[b-lv68hqi3e0] {
    cursor: pointer;
}

.thank-you-title[b-lv68hqi3e0] {
    color: #0070baff;
    font-weight: bold;
    font-size: 21px;
}

.thank-you-sub-title[b-lv68hqi3e0] {
    color: #0070baff;
    font-weight: bold;
    font-size: 16px;
}

.thank-you-margins[b-lv68hqi3e0] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.thank-you-checkmark[b-lv68hqi3e0] {
    display: inline-block;
    width: 28px;
    height: 17px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thank-you-checkmark_stem[b-lv68hqi3e0] {
    position: absolute;
    width: 5px;
    height: 30px;
    background-color: white;
    left: 15px;
    top: -8px;
}

.thank-you-checkmark_kick[b-lv68hqi3e0] {
    position: absolute;
    width: 10px;
    height: 5px;
    background-color: white;
    left: 5px;
    top: 17px;
}

.thank-you-checkmark-container[b-lv68hqi3e0] {
    height: 60px;
    width: 60px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    background-color: #00b67a;
}

.Disbursements-Link[b-lv68hqi3e0] {
    color: #515151;
    font-size: 14px;
    display: inline-block;
}

.consumer-estimates-title[b-lv68hqi3e0] {
    color: #0070baff;
    font-weight: bold;
    font-size: 21px;
}

.consumer-estimates-title2[b-lv68hqi3e0] {
    color: #0070baff;
    font-size: 15px;
}

.estimate-card[b-lv68hqi3e0] {
    border: 1px solid grey;
    padding: 10px 10px 10px 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    position: relative;
}

.time-selection-container[b-lv68hqi3e0] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    
}


.estimate-details[b-lv68hqi3e0] {
    background-color: #ebebeb;
    padding: 10px 10px 10px 10px;
}

.consumer-estimates-details-container[b-lv68hqi3e0] {
    margin-top: 30px;
}

.consumer-estimates-location[b-lv68hqi3e0] {
    padding: 10px 0px 10px 0px;
    display: flex;
    align-items: center;
}

.consumer-estimates-description[b-lv68hqi3e0] {
    padding: 10px 0px 10px 0px;
}


.consumer-estimates-desc[b-lv68hqi3e0] {
    font-size: 16px;
}


.consumer-estimates-viewdetails[b-lv68hqi3e0] {
    text-align: left;
    padding: 5px 0px 5px 0px;
}

.consumer-estimates-estimate[b-lv68hqi3e0] {
    color: #0070baff !important;
    padding-left: 5px;
    font-size: 34px;
}

.consumer-estimates-shortlist-button-expanded[b-lv68hqi3e0] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
}

[b-lv68hqi3e0] .consumer-shortlist-option {
    background-color: white;
    color: #0070baff;
    border-color: #0070baff;
    width: 180px;
}

.logo-container[b-lv68hqi3e0] {
    width: 100%;
    max-height: 100px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: center;
}

.logo[b-lv68hqi3e0] {
    width: 100%;
    max-width: 250px;
    max-height: 118px;
}


.end-block[b-lv68hqi3e0] {
    justify-content: center;
    height: 100%;
    width: 50px;
    align-items: center;
    background-color: #0070ba;
    position: absolute;
    bottom: 0;
    display: flex;
    right: 0;
}


.checkmark[b-lv68hqi3e0] {
    display: inline-block;
    width: 25px;
    height: 19px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark_stem[b-lv68hqi3e0] {
    position: absolute;
    width: 3px;
    height: 16px;
    background-color: white;
    left: 13px;
    top: 0px;
}

.checkmark_kick[b-lv68hqi3e0] {
    position: absolute;
    width: 7px;
    height: 3px;
    background-color: white;
    left: 6px;
    top: 13px;
}

.checkmark-container[b-lv68hqi3e0] {
    height: 30px;
    width: 30px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00b67a;
}

.grid[b-lv68hqi3e0]{
    padding-right:unset;
}
.mobile[b-lv68hqi3e0]{
    display:none;
}
.not-mobile[b-lv68hqi3e0]{
    display:unset;
}

[b-lv68hqi3e0] .chip {
    width: 15%;
    cursor: pointer;
}

.ratings-container[b-lv68hqi3e0] {
    float: right;
}

.ratings-sub-container[b-lv68hqi3e0] {
    display: flex;
    align-items: center;
}

.estimate-desc[b-lv68hqi3e0] {
    margin-top: 3px;
    font-size: 19px;
}

[b-lv68hqi3e0] .time-button {
    margin-top: 10px;
    display: flex;
    font-size: 21px;
    align-items: center;
    justify-content: center;
}

.office-info-modal-containter[b-lv68hqi3e0] {
    max-height: 82vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

[b-lv68hqi3e0] .mud-grid-item-md-3 {
    max-width: 21%;
}

@media only screen and (max-width: 960px) {
    .grid[b-lv68hqi3e0]{
        padding-right:60px;
    }

    .logo-container[b-lv68hqi3e0]{
        display:none;
    }

    .not-mobile[b-lv68hqi3e0]{
        display: none;
    }

    .ratings-sub-container[b-lv68hqi3e0] {
        width: fit-content;
    }

    [b-lv68hqi3e0] .ratings {
        width: auto !important;
    }

    .ratings-container[b-lv68hqi3e0] {
        float: unset;
    }

    [b-lv68hqi3e0] .chip{
        width:100%;
    }

    .mobile[b-lv68hqi3e0] {
        display: flex;
    }

    [b-lv68hqi3e0] .mud-grid-item-md-3 {
        max-width: 100%;
    }

    .estimate-container[b-lv68hqi3e0] {
        display: inline;
    }

    [b-lv68hqi3e0] .logo-mud-item{
        display: none;
    }

    [b-lv68hqi3e0] .consumer-shortlist-option{
        width: 100%;
    }

    .consumer-estimates-description[b-lv68hqi3e0] {
        padding: 0px 0px 0px 0px;
    }

    .consumer-estimates-location[b-lv68hqi3e0] {
        padding: 5px 0px 5px 0px;
    }

    [b-lv68hqi3e0] .mud-grid-spacing-xs-3 > .mud-grid-item {

    }

    .consumer-estimates-viewdetails[b-lv68hqi3e0] {
        padding: 0px 0px 15px 0px;
    }

    .estimate-desc[b-lv68hqi3e0] {
        font-size: 19px;
    }

    .options-buttons-container[b-lv68hqi3e0]{
        margin-bottom: 15px;
    }

    .thank-you-margins[b-lv68hqi3e0] {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/FileUpload.razor.rz.scp.css */
.uploader[b-4szxbdsvx0] {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.loading-container[b-4szxbdsvx0] {
    margin-right: 8px;
    margin-left:3px;
    margin-top: 3px;
    vertical-align: bottom;
}

.loader[b-4szxbdsvx0] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #f49600ff;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation-b-4szxbdsvx0 1s linear infinite;
}

    .loader[b-4szxbdsvx0]::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border-bottom: 4px solid #0070baff;
        border-left: 4px solid transparent;
    }

@keyframes rotation-b-4szxbdsvx0 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} 

.link[b-4szxbdsvx0] {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.upload-container[b-4szxbdsvx0] {

    width: 100%;
}

.container-height[b-4szxbdsvx0] {
    min-height: 200px;
}

.load-files-label[b-4szxbdsvx0] {
    padding: 7px;
    background-color: #0070ba;
    color: white !important;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    width: 200px;
    height: 35px;
    text-align: center;
}

.selected-files[b-4szxbdsvx0] {
    margin-left: 5px;
    overflow-y: auto;
    width: 100%;
}

.box-height[b-4szxbdsvx0] {
    min-height: 100px;
}

.error[b-4szxbdsvx0] {
    color: red;
}

.selected-file[b-4szxbdsvx0] {
    margin: 5px;
    display: block;
    padding-bottom: 6px;
}

    .selected-file p[b-4szxbdsvx0], div[b-4szxbdsvx0] {
        display: inline-block;
    }

.file-count[b-4szxbdsvx0] {
    font-weight: bold;
}

.unselect[b-4szxbdsvx0] {
    color: #0070ba;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
}

    .unselect:hover[b-4szxbdsvx0],
    .unselect:focus[b-4szxbdsvx0] {
        text-decoration: none;
        cursor: pointer;
    }
/* _content/F4L-ProjectX/Components/Consumer/GetStarted.razor.rz.scp.css */
.header[b-yajf5ickpf] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.subtext[b-yajf5ickpf] {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
}

.header-container[b-yajf5ickpf] {
    margin-left: auto;
    margin-right: auto;
    width: 550px;
}

.tickbox-container[b-yajf5ickpf],
.getstarted-container[b-yajf5ickpf] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.tickbox-container[b-yajf5ickpf] {
    margin-bottom: 170px;
    margin-top: 50px;
}

.getstarted-box[b-yajf5ickpf] {
    margin: auto;
    width: 550px;
    border: 2px solid lightblue;
    border-radius: 5px;
    background-color: white;
    position: relative;
    padding: 10px;
    margin-bottom: 25px;
}

.find-header[b-yajf5ickpf] {
    margin-top: 90px;
    margin-bottom: 15px;
}

.help[b-yajf5ickpf] {
    position: absolute;
    top: 10px;
    right: 12px;
}

.step-box[b-yajf5ickpf] {
    width: 20%;
}

.steps[b-yajf5ickpf] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.circle[b-yajf5ickpf] {
    width: 50px;
    height: 50px;
    font-size: 1.8rem;
    font-weight: bold;
    border-radius: 50%;
    background-color: #24b784;
    text-align: center;
    color: white;
    margin: auto;
    line-height: 1.7;
}

.trustpilot-box[b-yajf5ickpf] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 0;
    background-color: #000032;
    padding-top: 11px;
}

[b-yajf5ickpf] .mud-input-label-outlined, .mud-input-slot[b-yajf5ickpf], .mud-input[b-yajf5ickpf] {
    font-size: 13px !important;
}

[b-yajf5ickpf] .mud-input-outlined-border {
    border-radius: 0px !important;
    border: 1px solid lightblue !important;
}


.tickbox-box[b-yajf5ickpf] {
    margin-bottom: 20px;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.tickbox-box p[b-yajf5ickpf] {
    font-size: 1rem;
}

.tick[b-yajf5ickpf] {
    float: left;
    margin-top: 5px;
    margin-right: 12px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 880px) {
    .getstarted-box[b-yajf5ickpf] {
        width: 100%;
        min-width: 300px;
    }
    .tickbox-box[b-yajf5ickpf] {
        width: 100%;
    }

    .trustpilot-box[b-yajf5ickpf] {
        position: inherit;
        margin-top: 20px;
    }

    .find-header[b-yajf5ickpf] {
        margin-top: 30px;
    }

    [b-yajf5ickpf] .mud-input-label-outlined, .mud-input-slot[b-yajf5ickpf], .mud-input[b-yajf5ickpf] {
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 460px) {
    .opening-search-row[b-yajf5ickpf] {
        flex-direction: column;
    }

    .postcode-text[b-yajf5ickpf],
    .law-dropdown[b-yajf5ickpf] {
        width: 100%;
    }
    .steps[b-yajf5ickpf] {
        flex-direction: column;
    }

    .step-box[b-yajf5ickpf] {
        width: 100%;
        margin-bottom: 20px;
    }


    .tickbox-container[b-yajf5ickpf] {
        margin-bottom: 50px;
        margin-top: 50px;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/PPCLandingComponent.razor.rz.scp.css */
.footer-background[b-watsi2v4in] {
    position: absolute;
    height: 220px;
    width: 100%;
    left: 0;
    z-index: 0;
    background-color: #E9E7E7;
}

.link[b-watsi2v4in] {
    text-decoration-line: underline;
    cursor: pointer;
    color: #0070baff !important;
    font-weight: bold;
}

.footer-text-contatiner[b-watsi2v4in] {
    position: relative;
    z-index: 1;
}

.consumer-details-container[b-watsi2v4in] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.consumer-field[b-watsi2v4in] {
    width: 70%;
}

[b-watsi2v4in] .consumer-field .mud-input-outlined-border 
{
    border: 1px solid black !important;
    border-radius: 21px !important;
}

[b-watsi2v4in] .consumer-field .mud-input-control.mud-input-control-margin-dense {
    margin-top: 5px !important;
}

.footer-box[b-watsi2v4in] {
    display: flex;
    flex-direction: row;
    height: 200px;
    padding-left: 5%;
    padding-right: 5%;
    align-items: center;
    justify-content: center;
}

.footer-check-container[b-watsi2v4in] {
    margin-right: 20px;
}

.footer-title[b-watsi2v4in] {
    color: #0070baff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-text[b-watsi2v4in] {
    color: #0070baff;
    font-size: 13px;
}

.header[b-watsi2v4in] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.card-container[b-watsi2v4in] {
    display: flex;
    margin-top: 30px;
}

.card[b-watsi2v4in] {
    border: 1px solid #0070baff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 480px;
    height: 200px;
    align-items: center;
    margin-right: 30px;
}


.header-container[b-watsi2v4in] {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.text-header[b-watsi2v4in] {
    font-weight: bolder;
    font-size: 26px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.subtext[b-watsi2v4in] {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
}

.check-container[b-watsi2v4in] {
    margin-bottom: 7px;
    display: flex;
    flex-direction: row;
}

.circle[b-watsi2v4in] {
    position: relative;
    background: #01b67a;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-top: 3px;
}

.card-circle[b-watsi2v4in] {
    position: relative;
    background: #01b67a;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-top: 3px;
    border: 2px solid white;
}

.footer-circle[b-watsi2v4in] {
    position: relative;
    background: #01b67a;
    border-radius: 50%;
    width: 66px;
    height: 66px;
    display: inline-block;
    margin-top: 3px;
}

.card-title-container[b-watsi2v4in] {
    margin-top: 25px;
    margin-bottom: 25px;
    position: absolute;
    color: white;
}

.login-expand[b-watsi2v4in] {
    height: 640px !important;
}

.login-expand-sub[b-watsi2v4in] {
    height: 640px !important;
}

.card-title[b-watsi2v4in] {
}

.card-hero[b-watsi2v4in] {
    position: relative;
    background-color: #0070baff;
    border-radius: 20px;
    height: 220px;
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 29%, 50% 50%, 0 29%);
}

.card-text-container[b-watsi2v4in] {
    margin-top: -105px;
}

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

.checkmark[b-watsi2v4in] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 26%;
    top: 47%;
    height: 12px;
    width: 6px;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
}

.footer-checkmark[b-watsi2v4in] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 26%;
    top: 47%;
    height: 36px;
    width: 16px;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
}

.card-checkmark-container[b-watsi2v4in] {
    position: absolute;
    transform: translateY(-43px);
}

.card-checkmark[b-watsi2v4in] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 26%;
    top: 47%;
    height: 32px;
    width: 14px;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
}

.check-text[b-watsi2v4in] {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    font-size: 20px;
}

.subtext-container[b-watsi2v4in] {
    width: 80%;
    margin-top: 5px;
}

.check-list[b-watsi2v4in] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.check-box[b-watsi2v4in] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.image-container[b-watsi2v4in] {
    width: 100%;
    height: 100%;
    background-image: url("./img/homepage/HDR-PPC-Hero-Image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.image-container-heating[b-watsi2v4in] {
    width: 100%;
    height: 100%;
    background-image: url("./img/homepage/HDR-Heating-Hero-Image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.image-container-plumbing[b-watsi2v4in] {
    width: 100%;
    height: 100%;
    background-image: url("./img/homepage/HDR-Plumbing-Hero-Image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.image-container-damp[b-watsi2v4in] {
    width: 100%;
    height: 100%;
    background-image: url("./img/homepage/HDR-Damp-and-mould-Hero-Image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}


[b-watsi2v4in] .mud-icon-root.mud-svg-icon {
    fill: white;
}

[b-watsi2v4in] .mud-button {
    width: 75% !important;
}

[b-watsi2v4in] .mud-button-label {
    margin-left: 9px;
}

.button-text[b-watsi2v4in] {
    color: white;
    font-size: 32px;
    text-transform: none;
}

.box[b-watsi2v4in] {
    margin: auto;
    width: 100%;
    position: relative;
    padding: 10px;
    padding-left: 20px;
    margin-bottom: 25px;
    margin-left: 40px;
}

.picture-box[b-watsi2v4in] {
    width: 100%;
}

.container[b-watsi2v4in] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.header-box[b-watsi2v4in] {
    display: flex;
    flex-direction: row;
    background-color: white;
}

.trustpilot-box[b-watsi2v4in] {
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 0;
    padding-top: 11px;
}

.title-box-container[b-watsi2v4in] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 590px;
}

.content-header-container[b-watsi2v4in] {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    height: 590px;
    z-index: 0;
    background-color: white;
}

.header-button-container[b-watsi2v4in] {
    display: flex;
    margin-top: 5px;
    justify-content: center;
}

.mobile-button[b-watsi2v4in]{
    display: none;
    margin-bottom: unset;
}

.privacy-text-container[b-watsi2v4in] {
    margin-top: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.privacy-text[b-watsi2v4in] {
    font-size: 11px;
    width: 70%;
}


@media only screen and (max-width: 1024px) {
    .mobile-button[b-watsi2v4in] {
        display: inherit;
        margin-bottom: 20px;
    }

    .button-text[b-watsi2v4in] {
        font-size: 25px;
    }

    .consumer-field[b-watsi2v4in] {
        width: 100%;
    }

    .box[b-watsi2v4in] {
        width: 100%;
        min-width: 300px;
        margin-left: 0px;
        padding: 0px;
        padding-left: 0px;
    }

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

    .trustpilot-box[b-watsi2v4in] {
        position: inherit;
        margin-top: 0px;
    }

    .header-container[b-watsi2v4in] {
        width: 100%;
    }

    .footer-check-container[b-watsi2v4in] {
        margin-right: 0px;
    }

    .footer-text-contatiner[b-watsi2v4in] {
        text-align: center;
    }



    [b-watsi2v4in] .mud-button {
        width: 100% !important;
    }

    .header-button-container[b-watsi2v4in] {
        margin-top: 0px;
    }

    .title-box-container[b-watsi2v4in] {
        flex-direction: column;
        margin-top: 350px;
    }

    .card-container[b-watsi2v4in] {
        flex-direction: column;
    }

    .card[b-watsi2v4in] {
        margin-bottom: 50px;
        width: 100%;
    }

    .button-text[b-watsi2v4in] {
        font-size: 23px;
    }

    .content-header-container[b-watsi2v4in] {
        top: 68px;
        height: 950px;
        flex-direction: column;
    }

    .login-expand[b-watsi2v4in] {
        height: 980px !important;
    }

    .login-expand-sub[b-watsi2v4in] {
        height: 640px !important;
    }


    .image-placeholder[b-watsi2v4in] {
        height: 100%;
    }

    .footer-box[b-watsi2v4in] {
        flex-direction: column;
        padding-top: 20px;
        height: 350px;
    }

    .footer-background[b-watsi2v4in] {
        height: 370px;
    }

    .image-container[b-watsi2v4in] {
        height: 50%;
    }

    .image-container-heating[b-watsi2v4in] {
        height: 50%;
    }

    .image-container-plumbing[b-watsi2v4in] {
        height: 50%;
    }

    .image-container-damp[b-watsi2v4in] {
        height: 50%;
    }


    .title-box-container[b-watsi2v4in] {
        margin-top: 390px;
    }

    .privacy-text[b-watsi2v4in] {
        width: 100%;
    }
}




@media only screen and (max-width: 550px) {

    .button-text[b-watsi2v4in] {
        font-size: 19px;
    }


    .trustpilot-box[b-watsi2v4in] {
        margin-top: 50px;
    }


    .title-box-container[b-watsi2v4in] {
        margin-top: 360px;
    }

    .content-header-container[b-watsi2v4in] {
        height: 1050px;
    }

    .login-expand[b-watsi2v4in] {
        height: 1080px !important;
    }

    .login-expand-sub[b-watsi2v4in] {
        height: 650px !important;
    }

    .trustpilot-box[b-watsi2v4in] {
        margin-top: 100px;
    }



}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningAreaOfLawSubCategory.razor.rz.scp.css */
.opening-subcategory-container[b-exv10p6omx] {
    min-height: 330px;
    min-width: 560px;
    border: 1px solid #0070ba;
    border-radius: 5px;
    background-color: white;
}

.opening-subcategory-grid[b-exv10p6omx] {
    padding: 10px 10px 10px 10px;
}

.opening-subcategory-title[b-exv10p6omx] {
    color: #0070baff;
    margin-bottom: 5px;
    font-size: 15px;
}

.opening-questions-list-item[b-exv10p6omx] {
    border: 1px solid #0070ba;
    border-top: unset;
    min-height: 45px;
    padding-left: 15px;
    position: relative;
    cursor: pointer;
}

    .opening-questions-list-item label[b-exv10p6omx] {
        width: 90%;
        vertical-align: middle;
        padding-top: 11px;
        padding-bottom: 11px;
    }

.opening-questions-list-item:first-of-type[b-exv10p6omx] {
    border-top: 1px solid #0070ba;
}

.opening-questions-list-item:hover[b-exv10p6omx] {
    background-color: var(--mud-palette-action-default-hover);
}

.opening-subcategory-padding[b-exv10p6omx] {
    padding: 10px 0px 10px 0px;
}

[b-exv10p6omx] .help-icon img {
    margin-top: 12px;
    margin-left: 1px;
}

input[type="radio"][b-exv10p6omx] {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    cursor: pointer;
    margin-top: -3px;
    vertical-align: middle;
    padding-top: 11px;
    padding-bottom: 11px;
}

label[b-exv10p6omx] {
    cursor: pointer;
}

@media only screen and (max-width: 600px) {
        .opening-subcategory-container[b-exv10p6omx] {
            width: 100%;
            min-width: unset;
        }
}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningComplete.razor.rz.scp.css */
@media only screen and (max-width: 630px) {
    .opening-contact-container[b-ky7u0fma10] {
        width: 100%;
        min-width: unset;
    }
}

.opening-contact-submit-title[b-ky7u0fma10] {
    text-align: center;
    color: #0070baff;
}

.opening-contact-sublabel[b-ky7u0fma10] {
    font-size: 11px;
    padding: 0px 10px 5px 10px;
    font-style: italic;
}

.opening-contact-sublabel-first[b-ky7u0fma10] {
    font-size: 11px;
    padding: 0px 10px 0px 10px;
    font-style: italic;
}

.opening-contact-submit-subheader[b-ky7u0fma10] {
    text-align: center;
    padding: 10px 0px 10px 0px;
}


.final-message-container[b-ky7u0fma10] {
    display: flex;
    justify-content: left;
    margin-left: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.opening-contact-container[b-ky7u0fma10] {
    max-width: 560px;
    border: 1px solid #0070ba;
    border-radius: 5px;
    background-color: white;
    padding: 10px;
}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningContactDetails.razor.rz.scp.css */
.opening-contact-container[b-n8grud2xgi] {
    max-width: 560px;
    border: 1px solid #0070ba;
    border-radius: 5px;
    background-color: white;
    padding: 10px;
}

.link[b-n8grud2xgi] {
    text-decoration-line: underline;
    cursor: pointer;
    color: #0070baff !important;
}

.opening-contact-grid[b-n8grud2xgi] {
    padding: 10px 10px 10px 10px;
}

.opening-contact-buttons-container[b-n8grud2xgi]{
    padding: 10px 0px 10px 0px;
}

.opening-contact-sublabel[b-n8grud2xgi] {
    font-size: 13px;
    padding: 5px 10px 5px 10px;
}

.opening-contact-title[b-n8grud2xgi] {
    color: #0070baff;
    font-size: 15px;
}

.opening-contact-submit-title[b-n8grud2xgi] 
{
    text-align: center;
    color: #0070baff;
}

.opening-contact-main-label[b-n8grud2xgi] {
    color: #0070baff !important;
    font-size: 15px;
    margin-top: 20px;
}


.opening-contact-submit-subheader[b-n8grud2xgi] {
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.checkmark[b-n8grud2xgi] {
    display: inline-block;
    width: 25px;
    height: 19px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark_stem[b-n8grud2xgi] {
    position: absolute;
    width: 4px;
    height: 27px;
    background-color: white;
    left: 14px;
    top: -8px;
}

.checkmark_kick[b-n8grud2xgi] {
    position: absolute;
    width: 15px;
    height: 4px;
    background-color: white;
    left: 2px;
    top: 15px;
}

.checkmark-container[b-n8grud2xgi] {
    height: 60px;
    width: 60px;
    margin-top: 20px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #24b784;
}

.final-message-container[b-n8grud2xgi] 
{
    display: flex;
    justify-content: left;
    margin-left: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.text-margins[b-n8grud2xgi]{
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 630px) {
    .opening-contact-container[b-n8grud2xgi] {
        width: 100%;
        min-width: unset;
    }
}

.opening-contact-info-label[b-n8grud2xgi] {
    font-size: 13px;
    margin-top: 5px;
    padding: 5px 10px 5px 10px;
}

.circle2[b-n8grud2xgi] {
    position: relative;
    background: #1abc00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.checkmark2[b-n8grud2xgi] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 29%;
    top: 43%;
    height: 7px;
    width: 3px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

.text2[b-n8grud2xgi] {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    font-size: 12px;
}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningContactDetailsMultiple.razor.rz.scp.css */
.opening-contact-container[b-eebkgqmkgp] {
    min-width: 560px;
    border: 1px solid #0070ba;
    border-radius: 5px;
    background-color: white;
}


.link[b-eebkgqmkgp] {
    text-decoration-line: underline;
    cursor: pointer;
    color: #0070baff !important;
}

.opening-contacts-grid[b-eebkgqmkgp] {
    padding: 10px 10px 10px 10px;
}

.opening-contact-buttons-container[b-eebkgqmkgp] {
    padding: 10px 0px 10px 0px;
}

.opening-contact-sublabel[b-eebkgqmkgp] {
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    font-style: italic;
}

.opening-contact-title[b-eebkgqmkgp] {
    color: #0070baff;
    font-size: 15px;
}

.opening-contact-submit-title[b-eebkgqmkgp] {
    text-align: center;
    color: #0070baff;
}

.opening-contact-main-label[b-eebkgqmkgp] {
    color: #0070baff !important;
    font-size: 15px;
    margin-bottom: 20px;
}

.opening-contact-info-label[b-eebkgqmkgp] {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.opening-contact-submit-subheader[b-eebkgqmkgp] {
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.checkmark[b-eebkgqmkgp] {
    display: inline-block;
    width: 25px;
    height: 19px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark_stem[b-eebkgqmkgp] {
    position: absolute;
    width: 4px;
    height: 27px;
    background-color: white;
    left: 14px;
    top: -8px;
}

.checkmark_kick[b-eebkgqmkgp] {
    position: absolute;
    width: 15px;
    height: 4px;
    background-color: white;
    left: 2px;
    top: 15px;
}

.checkmark-container[b-eebkgqmkgp] {
    height: 60px;
    width: 60px;
    margin-top: 20px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #24b784;
}

.final-message-container[b-eebkgqmkgp] {
    display: flex;
    justify-content: left;
    margin-left: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.text-margins[b-eebkgqmkgp] {
    margin-top: 10px;
    margin-bottom: 10px;
}

[b-eebkgqmkgp] .mud-progress-linear .mud-progress-linear-content {
    position: relative;
}

[b-eebkgqmkgp] .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bars {
    background-color: white;
}

@media only screen and (max-width: 630px) {
    .opening-contact-container[b-eebkgqmkgp] {
        width: 100%;
        min-width: unset;
    }
}

.circle2[b-eebkgqmkgp] {
    position: relative;
    background: #1abc00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.checkmark2[b-eebkgqmkgp] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 29%;
    top: 43%;
    height: 7px;
    width: 3px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

.text2[b-eebkgqmkgp] {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    font-size: 12px;
}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningQuestionMenu.razor.rz.scp.css */
.opening-questions-container[b-gpwbbfncgm] {
    max-width: 560px;
    min-width: 560px;
    border: 1px solid #0070ba;
    border-radius: 5px;
    background-color: white;
    min-height: 200px;
}

.opening-questions-option[b-gpwbbfncgm]{
    padding: 0px 0px 0px 5px;
    inline-size: auto;
    overflow-wrap: break-word;
    cursor: pointer;
}

.progress-bar[b-gpwbbfncgm] {
    background-color: #0070baff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 25px;
    border-radius: 0px 5px 5px 0px;
}

.green-tick[b-gpwbbfncgm] {
    width: 8px !important;
    height: 15px !important;
    border-bottom: 3px solid #78b13f;
    border-right: 3px solid #78b13f;
    margin-left: 8px;
}

.red-cross[b-gpwbbfncgm] {
    font-size: 21px;
    font-weight: bold;
    color: #e00000;
}

.opening-questions-title[b-gpwbbfncgm] {
    color: #0070baff;
    font-size: 15px;
}

.opening-questions-grid[b-gpwbbfncgm] {
    padding: 10px 10px 10px 10px;
}

.opening-questions-list-item[b-gpwbbfncgm] {
    border: 1px solid #0070ba;
    border-top: unset;
    min-height: 45px;
    padding-left: 15px;
    position: relative;
    cursor: pointer;
}

    .opening-questions-list-item label[b-gpwbbfncgm] {
        width: 90%;
        vertical-align: middle;
        padding-top: 11px;
        padding-bottom: 11px;
    }

.opening-questions-list-item:first-of-type[b-gpwbbfncgm] {
    border-top: 1px solid #0070ba;
}

.opening-questions-list-item:hover[b-gpwbbfncgm] {
    background-color: var(--mud-palette-action-default-hover);
}

.opening-questions-answer-field[b-gpwbbfncgm] {
    padding: 10px 0px 10px 0px;
}

[b-gpwbbfncgm] .mud-input-label-outlined, .mud-input-slot[b-gpwbbfncgm], .mud-input[b-gpwbbfncgm] {
    font-size: 13px !important;
}

[b-gpwbbfncgm] .help-icon img {
    margin-left: 1px;
    margin-top: 0.5px;
}

[b-gpwbbfncgm] .opening-questions-list-item .help-icon img {
    margin-left: 2px;
    margin-top: 10px;
}

.script[b-gpwbbfncgm] {
    max-height: 550px;
    min-height: 300px;
    overflow-y: auto;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px solid grey;
}

input[type="radio"][b-gpwbbfncgm] {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    cursor: pointer;
    vertical-align: middle;

}

label[b-gpwbbfncgm] {
    cursor: pointer;
}

.preview-finished[b-gpwbbfncgm] {
    text-align: center;
    margin-top: 10px;
    height: 180px;
    padding: 5px;
}

.start-script[b-gpwbbfncgm] {
    text-align: center;
    margin-top: 10px;
    padding: 5px;
}

.green-tick[b-gpwbbfncgm] {
    height: 26px;
    width: 15px;
}

.currency[b-gpwbbfncgm] {
    align-self: center;
    margin-top: 5px;
    font-size: 18px;
    margin-right: 7px;
}

.opening-contact-sublabel[b-gpwbbfncgm] {
    font-size: 11px;
    padding: 0px 10px 5px 10px;
    font-style: italic;
}

.cant-find[b-gpwbbfncgm] {
    color: #0070ba;
    cursor: pointer;
    margin-top: 3px;
}

.cant-find:hover[b-gpwbbfncgm] {
    text-decoration: underline;
}

.opening-contact-sublabel-first[b-gpwbbfncgm] {
    font-size: 11px;
    padding: 0px 10px 0px 10px;
    font-style: italic;
}

[b-gpwbbfncgm] .mud-progress-linear .mud-progress-linear-content {
    position: relative;
}

[b-gpwbbfncgm] .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bars {
    background-color: white;
}

.mobile[b-gpwbbfncgm] {
    display: none;
}

.non-mobile[b-gpwbbfncgm] {
    display: flex;
}

input[type="checkbox"][b-gpwbbfncgm] {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    vertical-align: middle;
}

.title-entry[b-gpwbbfncgm] {
    width: 30%;
}

.firstname-entry[b-gpwbbfncgm] {
    width: 70%;
    margin-top: 5px;
    margin-bottom: 6px;
}

.lastname-entry[b-gpwbbfncgm] {
    width: 70%;
}


@media only screen and (max-width: 630px) {
    .opening-search-container[b-gpwbbfncgm] {
        width: 100%;
        min-width: unset;
    }

    [b-gpwbbfncgm] .mud-input-label-outlined, .mud-input-slot[b-gpwbbfncgm], .mud-input[b-gpwbbfncgm] {
        font-size: 11px !important;
    }

    .opening-questions-container[b-gpwbbfncgm] {
        width: 100%;
        min-width: unset;
    }

    .mobile[b-gpwbbfncgm]{
        display:flex;
    }

    .non-mobile[b-gpwbbfncgm]{
        display:none;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningQuestionQuotesGenerate.razor.rz.scp.css */
.opening-quotes-container[b-24umeqmnja] {
    max-width: 560px;
    height: 280px;
    border: 1px solid #0070ba;
    border-radius: 5px;
    background-color: white;
    padding: 10px;
}


.opening-contact-buttons-container[b-24umeqmnja] {
    margin-top: auto;
}

.loading-message[b-24umeqmnja]{
    font-weight:600;
}

.opening-quotes-grid[b-24umeqmnja] {
    padding: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.opening-quotes-title[b-24umeqmnja] {
    text-align: center;
    color: #0070baff;
}

.opening-quotes-message[b-24umeqmnja] {
    text-align: center;
    padding: 20px 0px 20px 0px;
}

.opening-quotes-sublabel[b-24umeqmnja] {
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    font-style: italic;
}


.checkmark[b-24umeqmnja] {
    display: inline-block;
    width: 25px;
    height: 19px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark_stem[b-24umeqmnja] {
    position: absolute;
    width: 4px;
    height: 27px;
    background-color: white;
    left: 14px;
    top: -8px;
}

.checkmark_kick[b-24umeqmnja] {
    position: absolute;
    width: 15px;
    height: 4px;
    background-color: white;
    left: 2px;
    top: 15px;
}

.checkmark-container[b-24umeqmnja] {
    height: 60px;
    width: 60px;
    margin-top: 20px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #24b784;
}

.trustpilot-box[b-24umeqmnja] {
    margin-bottom: 15px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 630px) {
    .opening-quotes-container[b-24umeqmnja] {
        width: 100%;
        min-width: unset;
    }

    .trustpilot-box[b-24umeqmnja] {
        margin-bottom: 15px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 450px) {
    .trustpilot-box[b-24umeqmnja] {
        margin-bottom: 15px;
        margin-top: 20px;
    }

}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningQuestionTerminalPage.razor.rz.scp.css */
.opening-terminal-container[b-zt3wm3u18i] {
    margin: auto;
    width: 40%;
    min-width: 400px;
    height: auto;
    border: 2px solid lightblue;
    border-radius: 5px;
    background-color: white;
}

.opening-terminal-grid[b-zt3wm3u18i] {
    padding: 10px 10px 10px 10px;
}

.opening-terminal-title[b-zt3wm3u18i] {
    text-align: center;
    color: #0070baff;
}

.opening-terminal-message[b-zt3wm3u18i] {
    text-align: center;
    padding: 20px 0px 20px 0px;
}
/* _content/F4L-ProjectX/Components/Consumer/QuestionSet/OpeningSearch.razor.rz.scp.css */
.opening-search-container[b-dde9ufc2yg] {
    margin: auto;
    width: 100%;
    height: auto;
    border: 2px solid lightblue;
    border-radius: 5px;
    background-color: white;
    position: relative;
    padding: 10px;
}

.opening-search-row[b-dde9ufc2yg] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 10px;
}

[b-dde9ufc2yg] .mud-input-label-outlined, .mud-input-slot[b-dde9ufc2yg], .mud-input[b-dde9ufc2yg] {
    font-size: 13px !important;
}

[b-dde9ufc2yg] .mud-input-outlined-border {
    border-radius: 0px !important;
    border: 1px solid lightblue !important;
}

.law-dropdown[b-dde9ufc2yg] {
    width: 70%;
}

.postcode-text[b-dde9ufc2yg] {
    width: 30%;
}

@media only screen and (max-width: 880px) {
    .opening-search-container[b-dde9ufc2yg] {
        width: 100%;
        min-width: 300px;
    }

    [b-dde9ufc2yg] .mud-input-label-outlined, .mud-input-slot[b-dde9ufc2yg], .mud-input[b-dde9ufc2yg] {
        font-size: 11px !important;
    }
}

@media only screen and (max-width: 420px) {
    .opening-search-row[b-dde9ufc2yg] {
        flex-direction: column;
    }

    .postcode-text[b-dde9ufc2yg],
    .law-dropdown[b-dde9ufc2yg] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/ReviewAnswers.razor.rz.scp.css */
.consumer-answers-title[b-3avitollag] {
    color: #0070baff;
    
}
/* _content/F4L-ProjectX/Components/Consumer/Review/PlatformReview.razor.rz.scp.css */
.consumer-submit-review-title[b-lrw09d49fq] {
    color: #0070baff;
    margin-bottom: 10px;
    text-align: center;
}

.logo-container[b-lrw09d49fq] {
    width: 200px;
    max-height: 100px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
}

.logo[b-lrw09d49fq] {
    width: 100%;
    max-width: 250px;
    max-height: 118px;
}

.rating-container[b-lrw09d49fq] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top:10px;
}


.rating-label[b-lrw09d49fq] {
    color: #0070baff;
    margin-left: 10px;
    font-size: 16px;
}

.review-input-container[b-lrw09d49fq] {
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    margin-bottom: 10px;
}

.disclaimer-container[b-lrw09d49fq] {
    width: 50%;
    margin-bottom: 10px;
}

.disclaimer[b-lrw09d49fq] {
    font-size: 11px;
    color: #999999;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 680px) {
    .consumer-submit-review-container[b-lrw09d49fq] {
        width: 100%;
        text-align: center;
    }

    .review-input-container[b-lrw09d49fq] {
        width: 90%;
    }
}
/* _content/F4L-ProjectX/Components/Consumer/Review/PlatformReviewEnquiries.razor.rz.scp.css */
.consumer-submit-review-title[b-6yujl1ldqt] {
    color: #0070baff;
    margin-bottom: 10px;
    text-align: center;
}

.logo-container[b-6yujl1ldqt] {
    width: 200px;
    max-height: 100px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
}

.logo[b-6yujl1ldqt] {
    width: 100%;
    max-width: 250px;
    max-height: 118px;
}

.rating-container[b-6yujl1ldqt] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
}


.rating-label[b-6yujl1ldqt] {
    color: #0070baff;
    margin-left: 10px;
    font-size: 16px;
}

.review-input-container[b-6yujl1ldqt] {
    margin-bottom: 10px;
}

.disclaimer-container[b-6yujl1ldqt] {
    width: 50%;
    margin-bottom: 10px;
}

.disclaimer[b-6yujl1ldqt] {
    font-size: 11px;
    color: #999999;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 680px) {
    .consumer-submit-review-container[b-6yujl1ldqt] {
        width: 100%;
        text-align: center;
    }


}
/* _content/F4L-ProjectX/Components/Consumer/Review/SolicitorReview.razor.rz.scp.css */
.consumer-submit-review-title[b-66k1uc3gyn] {
    color: #0070baff;
    margin-bottom: 10px;
}

.consumer-submit-review-sub-title[b-66k1uc3gyn] {
    color: #0070baff;
    margin-bottom: 10px;
    margin-top: 10px;
}

.consumer-submit-review-title[b-66k1uc3gyn] {
    color: #0070baff;
    margin-bottom: 10px;
}

.rating-label[b-66k1uc3gyn] {
    font-size: 16px;
    margin-right: 10px;
}

.button-container[b-66k1uc3gyn] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.logo-container[b-66k1uc3gyn] {
    width: 200px;
    max-height: 100px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.logo[b-66k1uc3gyn] {
    max-width: 250px;
    max-height: 118px;
}

.rating-container[b-66k1uc3gyn] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top:10px;
    justify-content: center;
}

.rating-label[b-66k1uc3gyn] {
    color: #0070baff;
    margin-left: 10px;
    font-size: 16px;
}

.review-input-container[b-66k1uc3gyn] {
    width: 50%;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

.disclaimer-container[b-66k1uc3gyn] {
    width: 50%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.disclaimer[b-66k1uc3gyn] {
    font-size: 11px;
    color: #999999;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 680px) {
    .consumer-submit-review-container[b-66k1uc3gyn] {
        width: 100%;
        text-align: center;
    }

    .review-input-container[b-66k1uc3gyn] {
        width: 90%;
    }
}
/* _content/F4L-ProjectX/Components/Layout/ContentIntro.razor.rz.scp.css */
.container[b-7jz54fg0ef] {
    display: flex;
    min-height: 70px;
    justify-content: center;
}

.container p[b-7jz54fg0ef] {
    text-align: center;
}

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

.partial[b-7jz54fg0ef] {
    width: 78%;
}

.half[b-7jz54fg0ef] {
    width: 50%;
}

.component-box[b-7jz54fg0ef] {
    margin-bottom: 10px;
}

/***********
    General Responsiveness and Styles
***********/
@media only screen and (max-width: 820px) {
    .half[b-7jz54fg0ef], .partial[b-7jz54fg0ef] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Components/Layout/MainLayoutFooter.razor.rz.scp.css */
/***********
    Footer
***********/
.container[b-niw5wlqb1q] {
    background-color: #4a484a;
    height: auto;
    color: white;
    padding: 10px 10px;
    flex-wrap: wrap;
}

.disclaimer[b-niw5wlqb1q] {
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
}

.disclaimer-p[b-niw5wlqb1q] {
    color: #c2c2c2; 
    margin-bottom: 10px;
}

.disclaimer-link[b-niw5wlqb1q] {
    color: #c2c2c2;
    text-decoration-line:underline;
}

.row[b-niw5wlqb1q] {
    display: flex;
    flex-direction: row;
    padding: 10px 5px;
}

.column[b-niw5wlqb1q] {
    flex: 1;
}

    /* Extra spacing on the 2nd column (Quick Links)*/
    .column:nth-child(2)[b-niw5wlqb1q] {
        margin-left: 30px;
        margin-right: 30px;
    }

.phone[b-niw5wlqb1q] {
    color: #f49600ff;
    font-weight: bolder;
    font-size: 26px;
}

.para[b-niw5wlqb1q],
.quicklinks a[b-niw5wlqb1q] {
    font-size: 12px;
    color: #c2c2c2;
    margin-bottom: 15px;
}

    .quicklinks a:hover[b-niw5wlqb1q] {
        text-decoration: underline;
    }

.logo[b-niw5wlqb1q] {
    width: 170px;
    height: auto;
}

.social-icons img[b-niw5wlqb1q] {
    width: 18px;
    height: 18px;
    margin: 2px;
}

.copyright[b-niw5wlqb1q] {
    border-top: 1px solid #5c5b5c;
    padding-top: 25px;
    flex: 0 0 100%;
}

.arrow[b-niw5wlqb1q] {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: none;
    float: right;
}

h2[b-niw5wlqb1q] {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
}

.links a[b-niw5wlqb1q] {
    display: inline-block;
    color: #c2c2c2;
}

.f4ic[b-niw5wlqb1q] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #c2c2c2;
    display: block;
}

.f4ic p[b-niw5wlqb1q] {
   color: #c2c2c2;
   margin-bottom: 20px;
}

.f4ic a:hover[b-niw5wlqb1q] {
    text-decoration: underline;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 620px) {
    .row[b-niw5wlqb1q] {
        flex-direction: column;
    }

    .column:nth-child(2)[b-niw5wlqb1q] {
        margin-left: 0;
        margin-right: 0;
    }

    .content[b-niw5wlqb1q] {
        display: none;
        margin-bottom: 20px;
    }

    .arrow[b-niw5wlqb1q] {
        display: inline-block;
    }

    .mobile-content-visible[b-niw5wlqb1q] {
        display: block;
    }

    .mobile-content-hide[b-niw5wlqb1q] {
        display: none;
    }

    .quicklinks[b-niw5wlqb1q] {
        margin-bottom: 15px;
    }
}
/* _content/F4L-ProjectX/Components/Layout/MainLayoutHeader.razor.rz.scp.css */
/***********
    Header
***********/
.container[b-wzeoh56isx] {
    padding: 10px;
}

.logo[b-wzeoh56isx] {
    padding-top: 5px;
    max-width: 181px;
}

.login-header[b-wzeoh56isx] 
{
    position: relative;
    margin-left: auto;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.header[b-wzeoh56isx] {
    z-index: 999;
    background: white;
    border-bottom: 1px solid #d2d2d2;
    position: fixed;
    top: 0;
    width: 100%;
}

.welcome-back[b-wzeoh56isx] {
    font-size: 17px;
    color: #818181 !important;
}

.login[b-wzeoh56isx] {
    font-size: 18px;
    color: #818181 !important;
    cursor: pointer;
}


[b-wzeoh56isx] .burger-menu .mud-button {
    color: red;
}

.welcome-back-link[b-wzeoh56isx] {
    color: #818181;
}

.desktop-menu[b-wzeoh56isx] {
    max-height: 378px;
    overflow-y: auto;
}

.notifications[b-wzeoh56isx] {
    position: relative;
    width: 55px;
}

.notification-count[b-wzeoh56isx] {
    position: absolute;
    top: 1px;
    right: -12px;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #e50000;
}

.notification-count p[b-wzeoh56isx] {
    color: white;
    font-weight: bold;
    font-size: 11px;
    margin-top: 1px;
    margin-left: 0.5px;
    text-align: center;
}

/***********
    Overide Mudblazor styles
***********/

[b-wzeoh56isx] .mud-button {
    height: 42px;
    width: 100%;
    font-weight: 400;
    color: #515151;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0;
}

[b-wzeoh56isx] .mud-button:last-child {
    border-bottom: none;
}

[b-wzeoh56isx] .mud-button-label {
    justify-content: left;
}

[b-wzeoh56isx] .mud-icon-button {
    padding: 3px;
    margin-left: 20px;
}

[b-wzeoh56isx] .mud-icon-size-medium {
    font-size: 2.3rem;
}

[b-wzeoh56isx] .mud-input {
    height: 30px;
    background-color: white;
    font-size: 14px;
}

[b-wzeoh56isx] .mud-input-control-input-container {
    align-self: flex-end;
    width: 250px;
}

.desktop-menu[b-wzeoh56isx] {
    position: absolute;
    top: 63px;
    right: 5px;
    width: 280px;
    min-height: 250px;
    background-color: white;
    border: 1px solid #d2d2d2;
    border-top: none;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 820px) {
    [b-wzeoh56isx] .mud-input-control-input-container {
        align-self: flex-start;
        width: 100%;
        margin-top: 8px;
    }

    .logo[b-wzeoh56isx] {
        padding-top: 5px;
    }
}

@media only screen and (max-width: 450px) {
    .welcome-back[b-wzeoh56isx] {
        margin-left: 10px;
        font-size: 15px;
    }

    .logo[b-wzeoh56isx] {
        max-width: 140px;
    }

    [b-wzeoh56isx] .mud-icon-button {
        margin-left: 5px;
    }

    .desktop-menu[b-wzeoh56isx] {
        left: 0;
        top: 69px;
        width: 100%;
    }

    .login-header[b-wzeoh56isx] {
        position: initial;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Billing/BillingHistory.razor.rz.scp.css */
[b-zaafagr1is] .mud-input {
    height: 30px !important;
}

[b-zaafagr1is] .mud-icon-button-size-small {
    padding: 3px;
}

[b-zaafagr1is] .mud-icon-size-small {
    font-size: 1.6rem;
}

a[b-zaafagr1is] {
    color: #0070ba;
    font-weight: bold;
}

p[b-zaafagr1is] {
    color: #0070ba;
}
/* _content/F4L-ProjectX/Components/Solicitor/Credits/CreditPackages.razor.rz.scp.css */
.package-box[b-6nyc1y0xdc] {
    position: relative;
    flex: 1;
    border: 1px solid #c2c2c2;
    padding: 10px;
    margin: 5px 10px 5px 10px;
    text-align: center;
    cursor: default;
}

.package-box:first-child[b-6nyc1y0xdc] {
    margin-left: 0;
}

.package-box:last-child[b-6nyc1y0xdc] {
    margin-right: 0;
}

.selected-background[b-6nyc1y0xdc] {
    background-color: #f6f6f6;
    border-color: #0070ba;
}

.selected[b-6nyc1y0xdc] {
    margin-top: 15px;
    font-weight: bold;
    font-size: 12px;
    color: #0070ba;
}

.option[b-6nyc1y0xdc] {
    font-weight: 600;
    font-size: 18px;
    color: #0070ba;
}

.method[b-6nyc1y0xdc] {
    margin-top: 15px;
}

[b-6nyc1y0xdc] .select .mud-button {
    width: 120px;
}

[b-6nyc1y0xdc] .mud-icon-size-large {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2rem;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 530px) {
    .package-box[b-6nyc1y0xdc] {
        flex: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Credits/CreditTopup.razor.rz.scp.css */
.exchange-rate[b-rjx6sm7atd] {
    margin-top: 10px;
}

[b-rjx6sm7atd] .mud-icon-button-size-small {
    padding: 1px;
    margin-top: 13px;
    margin-left: 3px;
    height: 35px;

}

.error[b-rjx6sm7atd] {
    color: red;
}
/* _content/F4L-ProjectX/Components/Solicitor/Fees/ConveyancingFeesTable.razor.rz.scp.css */
.control-box[b-2s82cwcz8v] {
    margin-top: 6px;
    height: 30px;
}

.inline[b-2s82cwcz8v] {
    display: inline-block;
}

[b-2s82cwcz8v] .inline .mud-input {
    width: 80px;
}

[b-2s82cwcz8v] .mud-table .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-2s82cwcz8v] {
    text-align: center;
}

[b-2s82cwcz8v] .mud-icon-button {
    padding: 1px;
}

[b-2s82cwcz8v] .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 5px !important;
}

@media only screen and (max-width: 600px) {
    [b-2s82cwcz8v] .mud-table-cell:not(:first-child):not(:last-child) {
        width: 100% !important;
    }

    [b-2s82cwcz8v] .mud-input {
        margin-top: 3px;
        margin-bottom: 3px;
        width: 100% !important;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Fees/SubcategoryFeesTable.razor.rz.scp.css */
[b-2ghc0qzzo0] .mud-input {
    width: 110px;
}

[b-2ghc0qzzo0] .mud-table-cell div {
    align-items: center;
}

.inline[b-2ghc0qzzo0] {
    display: inline-block;
}

[b-2ghc0qzzo0] .help-icon img {
    margin-top: 1px;
    margin-left: -3px;
}


input[type=checkbox][b-2ghc0qzzo0] {
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin-top: 9px;
    margin-right: 7px;
    accent-color: #0070baff;
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/AccountSetup.razor.rz.scp.css */
.next-step[b-izw0xem5z2] {
    position: absolute;
    bottom: 10px;
    right: 15px;
    height: 30px;
}

.component-box h2[b-izw0xem5z2] {
    font-size: 21px;
    color: #0070ba;
    font-weight: bold;
}

[b-izw0xem5z2] .validation .mud-input-control,
[b-izw0xem5z2] .password .mud-input-control {
    width: 100%;
}

.column[b-izw0xem5z2] {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.column p[b-izw0xem5z2] {
    color: #0070ba;
}

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

label[b-izw0xem5z2] {
    color: grey;
    font-size: 13px;
}

ul[b-izw0xem5z2] {
    list-style-type: circle;
    list-style-position: inside;
}

[b-izw0xem5z2] .mud-icon-button {
    padding: 4px !important;
}

[b-izw0xem5z2] .loading-container {
    margin-top: 15px !important;
}


.vat-checkbox[b-izw0xem5z2] {
    margin-top: 5px;
    margin-bottom: 3px;
}

    .vat-checkbox input[b-izw0xem5z2],
    .vat-checkbox label[b-izw0xem5z2] {
        cursor: pointer;
    }

    .vat-checkbox label[b-izw0xem5z2] {
        line-height: 1.2;
        vertical-align: top;
        margin-left: 1px;
    }

    .vat-checkbox input[b-izw0xem5z2] {
        width: 15px;
        height: 15px;
        accent-color: #0070baff;
    }

@media only screen and (max-width: 620px) {
    .row[b-izw0xem5z2] {
        flex-wrap: wrap;
    }

    [b-izw0xem5z2] .validation .mud-input-control,
    [b-izw0xem5z2] .password .mud-input-control {
        width: 100%;
    }
}

.circle2[b-izw0xem5z2] {
    position: relative;
    background: #1abc00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.checkmark2[b-izw0xem5z2] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 29%;
    top: 43%;
    height: 7px;
    width: 3px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

.text2[b-izw0xem5z2] {
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    font-size: 12px;r
    color: #515151 !important;
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/DisbursementFeesSetup.razor.rz.scp.css */
.box[b-wdeymnygu0] {
    margin-top: 10px;
    height: 35px;
}

.component-box h2[b-wdeymnygu0] {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.next-step[b-wdeymnygu0] {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 30px;
}

.previous-step[b-wdeymnygu0] {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 30px;
}

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

[b-wdeymnygu0] .loading-container {
    margin-top: 15px !important;
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/InfoPageSetup.razor.rz.scp.css */
.box[b-2ym4s5xmu8] {
    margin-top: 10px;
    height: 35px;
}

.component-box h2[b-2ym4s5xmu8] {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

[b-2ym4s5xmu8] .loading-container {
    margin-top: 15px !important;
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/LegalServiceSetup.razor.rz.scp.css */
.box[b-03sg78sbb6] {
    margin-top: 10px;
    height: 35px;
}

.component-box h2[b-03sg78sbb6] {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.next-step[b-03sg78sbb6] {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 30px;
}

.previous-step[b-03sg78sbb6] {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 30px;
}

.spacer[b-03sg78sbb6] {
    height: 30px;
}

[b-03sg78sbb6] .loading-container {
    margin-top: 15px !important;
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/MembershipForm.razor.rz.scp.css */
.business-information[b-fkglcnw8q1],
.main-contact-information[b-fkglcnw8q1] {
    width: 300px;
}

.business-information[b-fkglcnw8q1] {
    margin-right: 30px;
}

.main-contact-information[b-fkglcnw8q1] {
    margin-right: 30px;
}

[b-fkglcnw8q1] .mud-icon-button {
    padding: 5px;
}

.col[b-fkglcnw8q1] {
    flex: none;
}

.agreement[b-fkglcnw8q1] {
    margin-top: 10px;
    margin-bottom: 25px;
}

.next-step[b-fkglcnw8q1] {
    position: absolute;
    bottom: 10px;
    right: 15px;
    height: 30px;
}

[b-fkglcnw8q1] .mud-typography-body1 {
    font-size: 16px;
}

.checkbox[b-fkglcnw8q1] {
    margin-top: 5px;
    margin-bottom: 3px;
}

.checkbox input[b-fkglcnw8q1],
.checkbox label[b-fkglcnw8q1] {
    cursor: pointer;
}

.checkbox label[b-fkglcnw8q1] {
    line-height: 1.2;
    vertical-align: top;
    margin-left: 1px;
}

.checkbox input[b-fkglcnw8q1] {
    width: 15px;
    height: 15px;
    accent-color: #0070baff;
}

@media only screen and (max-width: 800px) {
    .col[b-fkglcnw8q1] {
        flex: 1;
    }
}

@media only screen and (max-width: 700px) {
    .row[b-fkglcnw8q1] {
        flex-direction: column;
    }

    .business-information[b-fkglcnw8q1],
    .main-contact-information[b-fkglcnw8q1] {
        width: 100%;
    }

    .main-contact-information[b-fkglcnw8q1],
    .business-information[b-fkglcnw8q1] {
        margin-right: 0;
    }

    .agreement[b-fkglcnw8q1] {
        margin-bottom: 40px;
        margin-top: 10px;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/OfficeSetup.razor.rz.scp.css */
.column[b-nm96oski2j] {
    width: 100%;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.box[b-nm96oski2j] {
    margin-top: 5px;
    height: 38px;
}

.next-step[b-nm96oski2j] {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 30px;
}

.previous-step[b-nm96oski2j] {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 30px;
}

[b-nm96oski2j] .mud-typography {
    font-size: 14px;
}

.panel-container[b-nm96oski2j] {
    display: flex;
}

.delete-icon[b-nm96oski2j] {
    padding: 4px 5px 4px 5px;
}

[b-nm96oski2j] .mud-expand-panel {
    max-width: 95%;
}

.component-box h2[b-nm96oski2j] {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

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

[b-nm96oski2j] .loading-container {
    margin-top: 15px !important;
}

@media only screen and (max-width: 620px) {
    .row[b-nm96oski2j] {
        flex-wrap: wrap;
    }
    [b-nm96oski2j] .mud-expand-panel {
        max-width: 90%;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/ReviewSetup.razor.rz.scp.css */
.box[b-aqejsrz8ov] {
    height: 48px;
    line-height: 45px;
}

.title[b-aqejsrz8ov] {
    font-size: 21px;
    color: #0070ba;
    font-weight: bold;
}

.offices[b-aqejsrz8ov] {
    margin-top: 10px;
    margin-bottom: 15px;
}

.inlined[b-aqejsrz8ov] {
    display: inline-block;
}

.finished[b-aqejsrz8ov] {
    margin-top: 10%;
    text-align: center;
}

.finished h2[b-aqejsrz8ov] {
    color: #0070ba;
    font-weight: 500;
}

.finished p[b-aqejsrz8ov] {
    margin-bottom: 25px;
}

.credits-billing h2[b-aqejsrz8ov],
.areas-of-law h2[b-aqejsrz8ov],
.offices h2[b-aqejsrz8ov] {
    font-size: 15px;
}

.credits-billing .details[b-aqejsrz8ov] {
    padding-left: 20px;
    width: 100%;
}

[b-aqejsrz8ov] .mud-table-row .mud-table-cell:last-child {
    width: 220px;
}

[b-aqejsrz8ov] .mud-table-cell {
    text-align: left !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

[b-aqejsrz8ov] .mud-table-row .mud-table-cell .mud-button {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

[b-aqejsrz8ov] .mud-input {
    width: 250px;
    margin-bottom: 5px;
}

.next-step[b-aqejsrz8ov] {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 30px;
}

.previous-step[b-aqejsrz8ov] {
    position: absolute;
    bottom: 15px;
    left: 15px;
    height: 30px;
}

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

@media only screen and (max-width: 620px) {
    [b-aqejsrz8ov] .mud-input {
        width: 100%;
        margin-bottom: 10px;
    }
    .row[b-aqejsrz8ov] {
        flex-direction: column;
        width: 100%;
    }
    .credits-billing .details[b-aqejsrz8ov] {
        padding-left: 0;
    }
    [b-aqejsrz8ov] .mud-select .mud-select-input .mud-input-slot {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Initial Setup/SetupWindow.razor.rz.scp.css */
.component-box[b-a86pjmyrl1] {
    position: relative;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
}

.step-text[b-a86pjmyrl1] {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #f49600ff;
    font-weight: 500;
    font-size: 20px;
}

[b-a86pjmyrl1] .loading-container {
    margin-top: 60px;
}

@media only screen and (max-width: 620px) {
    .component-box[b-a86pjmyrl1] {
        width: 100%;
        min-height: auto;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeConsultantsTable.razor.rz.scp.css */
.component-box[b-fdys6cbpa1] {
    width: 100%;
}

.enquiry-link[b-fdys6cbpa1] {
    color: #0070baff;
    font-weight: bold;
    cursor: pointer;
}

.box[b-fdys6cbpa1] {
    margin-top: 5px;
    height: 30px;
}

.dispute-icon[b-fdys6cbpa1] {
    position: absolute;
    top: 8px;
    left: 3px;
}

.loading[b-fdys6cbpa1] {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

    .loading h2[b-fdys6cbpa1] {
        margin-top: 5px;
        text-align: center;
        color: #0070ba;
    }

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 720px) {
    .dispute-icon[b-fdys6cbpa1] {
        display: none;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeCredits.razor.rz.scp.css */
.column h2[b-8x95u7m9t1] {
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.header[b-8x95u7m9t1] {
    font-size: 17px;
    margin-right: 30px;
}

.billing-history[b-8x95u7m9t1] {
    width: 100%;
}

.overall[b-8x95u7m9t1] {
    width: 49%;
}

.credits-package[b-8x95u7m9t1] {
    width: 49%;
}

.billing-contact[b-8x95u7m9t1] {
    width: 30%;
    margin-right: 15px;
}

.billing-methods[b-8x95u7m9t1] {
    width: 85%;
}

.aol[b-8x95u7m9t1] {
    width: 45%;
    margin-top: 5px;
    border: solid 1px #c2c2c2;
    height: 172px;
}

.aol:first-child[b-8x95u7m9t1] {
    margin-right: 15px;
}

.circle-container[b-8x95u7m9t1] {
    width: 100%;
    text-align: left;
    margin-left: 10px;
}

.circle[b-8x95u7m9t1] {
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #0070baff;
    text-align: center;
    margin-right: 10px;
}

.small[b-8x95u7m9t1] {
    width: 45px;
    height: 45px;
    line-height: 45px;
}


/***********
    General Responsiveness
***********/
@media only screen and (max-width: 620px) {
    .activity[b-8x95u7m9t1], 
    .options[b-8x95u7m9t1], 
    .billing-contact[b-8x95u7m9t1],
    .aol[b-8x95u7m9t1],
    .overall[b-8x95u7m9t1],
    .credits-package[b-8x95u7m9t1],
    .billing-methods[b-8x95u7m9t1] {
        width: 100%;
    }

    .row[b-8x95u7m9t1] {
        flex-direction: column;
        text-align: center;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeDashboard.razor.rz.scp.css */
.inline[b-v17c4ksa16] {
    display: inline-block;
}

.component-box[b-v17c4ksa16] {
    margin-bottom: 10px;
    padding: 10px 10px;
}

.edit[b-v17c4ksa16] {
    text-decoration: underline;
    color: #0070baff;
    cursor: pointer;
}

.right[b-v17c4ksa16] {
    float: right;
}

.credits[b-v17c4ksa16] {
    width: 47%;
    height: 330px;
}

.my-service-areas[b-v17c4ksa16] {
    width: 97%;
    min-height: 439px;
}

.dashboard[b-v17c4ksa16] {
    width: 100%;
}

h2[b-v17c4ksa16] {
    color: #0070baff;
    font-size: 21px;
    font-weight: bold;
}

h2 a[b-v17c4ksa16] {
    color: #0070baff;
}

.company-name[b-v17c4ksa16] {
    font-size: 19px;
    color: grey;
    margin-bottom: 10px;
}

.review[b-v17c4ksa16] {
    font-size: 18px;
    font-weight: bold;
    color: #0070baff;
}

.office-select[b-v17c4ksa16] {
    width: 280px;
    margin-left: auto;
    margin-right: 20px;
}

[b-v17c4ksa16] .mud-table-cell{
    text-align: left !important;
    border: none;
    padding: 0 0 0 0 !important;
    background-color: white !important;
}

[b-v17c4ksa16] .mud-table-row {
    background-color: white;
}

.law-text-container[b-v17c4ksa16] {
    margin-top: 6px;
    margin-bottom: 6px;
    min-height: 28px;
}

.law-text-background[b-v17c4ksa16] {
    background-color: #edf5fa;
}

.law-text-background-alert[b-v17c4ksa16] {
    background-color: #ca0000;
    cursor: pointer;
}

.law-text[b-v17c4ksa16] {
    padding-left: 8px;
    padding-top: 4px;
}

.law-text-alert[b-v17c4ksa16] {
    color: white;
}

[b-v17c4ksa16] div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.circle-container[b-v17c4ksa16] {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.middle[b-v17c4ksa16] {
    margin-top: 40px;
}

.credits-circle[b-v17c4ksa16] {
    margin-left: 35%;
}

.credits-circle-large[b-v17c4ksa16] {
    margin-left: 40%;
    cursor: pointer;
    position: relative;
}

.enquiries-circle-large[b-v17c4ksa16] {
    margin-left: 40%;
    cursor: pointer;
}

.enquiries-circle[b-v17c4ksa16] {
    margin-left: 37%;
    cursor: pointer;
}

.circle[b-v17c4ksa16] {
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #0070baff;
}

.small[b-v17c4ksa16] {
    width: 55px;
    height: 55px;
    line-height: 55px;
}

.large[b-v17c4ksa16] {
    width: 75px;
    height: 75px;
    line-height: 75px;
}

.circle-text[b-v17c4ksa16] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.enquiries[b-v17c4ksa16] {
    width: 49%;
    height: 330px;
}

.area-of-law-contact[b-v17c4ksa16] {
    padding: 5px 5px 8px 5px;
    margin-top: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.area-of-law-contact:last-child[b-v17c4ksa16] {
    border-bottom: none;
    padding-bottom: 0;
}

.warning-icon[b-v17c4ksa16] {
    position: absolute;
    top: 0px;
    left: -20px;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 650px) {
    .row[b-v17c4ksa16] {
        flex-direction: column;
    }
}

@media only screen and (max-width: 450px) {
    .office-select[b-v17c4ksa16] {
        margin-top: 5px;
        margin-left: 5px;
        width: 98%;
    }

    .column[b-v17c4ksa16] {
        width: 100% !important;
    }

    .component-box[b-v17c4ksa16] {
        width: 98% !important;
    }

    .circle-row[b-v17c4ksa16] {
        flex-direction: row;
    }

    .credits[b-v17c4ksa16] {
        height: 390px;
    }

    .enquiries[b-v17c4ksa16] {
        height: 390px;
    }

    [b-v17c4ksa16] .mud-table-cell {
        width: 100%;
    }

    [b-v17c4ksa16] .mud-xs-table .mud-table-cell {
        justify-content: left;
    }

    .test[b-v17c4ksa16],
    .test2[b-v17c4ksa16]{
        min-height: 28px !important;
    }

    .law-text-container[b-v17c4ksa16] {
        width: 100%;
        text-align: center;
    }

    .enquiries-circle-large[b-v17c4ksa16],
    .credits-circle-large[b-v17c4ksa16] {
        margin-left: 120px;
    }

    .enquiries-circle[b-v17c4ksa16],
    .credits-circle[b-v17c4ksa16] {
        margin-left: 130px;
    }
}

@media only screen and (max-width: 990px) {
    .test[b-v17c4ksa16] {
        min-height: 50px !important;
    }
}

@media only screen and (max-width: 770px) {
    .test2[b-v17c4ksa16] {
        min-height: 50px !important;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeDetails.razor.rz.scp.css */
[b-n5c83u6qtm] .mud-input-control {
    width: 100%;
}

[b-n5c83u6qtm] .billing .mud-input-control {
    width: 50%;
}

.billing-history[b-n5c83u6qtm] {
    width: 100%;
}

[b-n5c83u6qtm] .mud-typography {
    font-size: 14px;
}

.column[b-n5c83u6qtm] {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.column:not(column:first-child)[b-n5c83u6qtm] {
    margin-bottom: 5px;
}

.column p[b-n5c83u6qtm] {
    color: #0070ba;
}

.error[b-n5c83u6qtm] {
    color: red !important;
}

.purchase[b-n5c83u6qtm] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.billing-checkbox[b-n5c83u6qtm] {
    margin-top: 5px;
    margin-bottom: 3px;
}

.billing-checkbox input[b-n5c83u6qtm],
.billing-checkbox label[b-n5c83u6qtm] {
    cursor: pointer;
}

.billing-checkbox label[b-n5c83u6qtm] {
    line-height: 1.2;
    vertical-align: top;
    margin-left: 1px;
}

.billing-checkbox input[b-n5c83u6qtm] {
    width: 15px;
    height: 15px;
    accent-color: #0070baff;
}

@media only screen and (max-width: 620px) {
    .row[b-n5c83u6qtm] {
        flex-wrap: wrap;
    }

    [b-n5c83u6qtm] .billing .mud-input-control {
        width: 100%;
    }

    .billing-history[b-n5c83u6qtm] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeDisbursementsFees.razor.rz.scp.css */
.component-box[b-mhth6nmr1p] {
    width: 100%;
    min-height: 400px;
}

    .component-box h2[b-mhth6nmr1p] {
        font-size: 21px;
        color: #0070ba;
        margin-bottom: 5px;
        font-weight: bold;
        display: inline-block;
    }

.office-select[b-mhth6nmr1p] {
    width: 280px;
    display: inline-block;
    float: right;
}

.areaoflaw-select[b-mhth6nmr1p] {
    width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.add[b-mhth6nmr1p] {
    display: inline-block;
}

[b-mhth6nmr1p] .mud-icon-size-large {
    font-size: 1.6rem;
}

[b-mhth6nmr1p] .mud-icon-button {
    padding: 0;
}

[b-mhth6nmr1p] .mud-checkbox {
    display: unset;
}

    [b-mhth6nmr1p] .mud-checkbox .mud-checkbox-dense {
        padding-right: 1px;
    }


input[type=checkbox][b-mhth6nmr1p] {
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin-right: 6px;
    margin-left: 0;
    accent-color: #0070baff;
}

.disbursement-checks input[type=checkbox][b-mhth6nmr1p] {
    margin-left: 5px;
}

.selections[b-mhth6nmr1p] {
    border: solid 1px #c2c2c2;
    background-color: white;
    padding-left: 10px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 2px;
    min-height: 100px;
    max-height: 250px;
}

.disbursement-checks input[type=checkbox][b-mhth6nmr1p] {
    margin-left: 5px;
}


.item[b-mhth6nmr1p] {
    display: inline-block;
    vertical-align: top;
}

    .item:hover[b-mhth6nmr1p] {
        cursor: pointer;
    }

input[type=checkbox][b-mhth6nmr1p] {
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin-right: 6px;
    margin-left: 0;
    accent-color: #0070baff;
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeEnquiries.razor.rz.scp.css */
.view[b-2z2vxsilds] {
    color: #0070ba;
    cursor: pointer;
}

h2[b-2z2vxsilds] {
    font-size: 16px;
    color: #0070ba;
    margin-bottom: 5px;
}

.selector-container[b-2z2vxsilds] {
    margin-bottom: 10px;
}

.activity[b-2z2vxsilds] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-grow: 1;
    flex-wrap: wrap;
    margin-bottom: 6px;
    color: #515151;
}

.activity div[b-2z2vxsilds],
.activity p[b-2z2vxsilds] {
    display: inline-block;
}

.activity p[b-2z2vxsilds] {
    color: #0070ba;
    font-weight: bold;
}

[b-2z2vxsilds] input[type="date"]::-webkit-calendar-picker-indicator {
    height: 20px;
    width: 20px;
    cursor: pointer;
    filter: invert(43%) sepia(30%) saturate(4070%) hue-rotate(165deg) brightness(100%) contrast(101%);
}

[b-2z2vxsilds] .mud-select .mud-select-input .mud-input-slot {
    width: 220px;
}

.date-search[b-2z2vxsilds] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: wrap;
}

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

.component-box[b-2z2vxsilds] {
    margin: 5px 0 0 0;
    border: 1px solid #d2d2d2;
}

.date-search[b-2z2vxsilds]  .mud-button {
    margin-top: 5px;
    margin-left: 6px;
}

.date-search .dates[b-2z2vxsilds]  .mud-input-control > .mud-input-control-input-container {
    width: 180px;
    margin-right: 5px;
}

.loading[b-2z2vxsilds] {
    margin-top: 80px;
}

.loading h2[b-2z2vxsilds] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
    font-size: 21px;
}

.inline[b-2z2vxsilds] {
    display: inline-block;
}

.header[b-2z2vxsilds] {
    display: inline-block;
    font-size: 20px;
    color: #0070ba;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 3px;
}

.dropdown[b-2z2vxsilds] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-2z2vxsilds] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content[b-2z2vxsilds] {
    display: block;
    right:0;
    position:absolute;
}

[b-2z2vxsilds] .mud-table-container {
    overflow-y: unset !important;
}

.dropdown-row-contatiner[b-2z2vxsilds]{
    display:flex;
}

.dropdown-title[b-2z2vxsilds] {
    margin-left: 5px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

/* Tooltip text */
[b-2z2vxsilds] .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;

}

[b-2z2vxsilds] .showtooltip{
    visibility: visible !important;
}




@media only screen and (max-width: 620px) {
    .selector-container .right[b-2z2vxsilds] {
        float: left;
        width: 100%;
    }

    [b-2z2vxsilds] .mud-select .mud-select-input .mud-input-slot {
        width: 100%;
    }

    [b-2z2vxsilds] .mud-select {
        margin-top: 10px;
    }

    .activity[b-2z2vxsilds],
    .row[b-2z2vxsilds] {
        flex-direction: column;
    }

    .activity div[b-2z2vxsilds] {
        display: block;
    }

    .selector-container[b-2z2vxsilds] {
        text-align: center;
        margin-bottom: 10px;
    }

    .dates[b-2z2vxsilds] {
        flex-direction: column;
        width: 100%;
    }

}

@media only screen and (max-width: 500px) {
    [b-2z2vxsilds] .mud-table {
        margin-top: 15px;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeEnquiriesReports.razor.rz.scp.css */
.view[b-uzvnculp1i] {
    color: #0070ba;
    cursor: pointer;
}

h2[b-uzvnculp1i] {
    font-size: 16px;
    color: #0070ba;
    margin-bottom: 5px;
}

.selector-container[b-uzvnculp1i] {
    margin-bottom: 10px;
}

.activity[b-uzvnculp1i] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-grow: 1;
    flex-wrap: wrap;
    margin-bottom: 6px;
    color: #515151;
}

.chart-data-box[b-uzvnculp1i] {
    border: #3c5a86 1px dotted;
    margin-bottom: 20px;
}

.chart-data-box-title[b-uzvnculp1i] {
    position: relative;
    top: -0.5em;
    margin-left: 10px;
    display: inline;
    background-color: white;
    color: #0070ba;
    margin-right: 10px;
    font-size: 20px;
}

.chart-data-box-data[b-uzvnculp1i] {
    margin-bottom: 5px;
    font-size: 16px;
    margin-left: 5px;
}

.activity div[b-uzvnculp1i],
.activity p[b-uzvnculp1i] {
    display: inline-block;
}

.activity p[b-uzvnculp1i] {
    color: #0070ba;
    font-weight: bold;
}

[b-uzvnculp1i] input[type="date"]::-webkit-calendar-picker-indicator {
    height: 20px;
    width: 20px;
    cursor: pointer;
    filter: invert(43%) sepia(30%) saturate(4070%) hue-rotate(165deg) brightness(100%) contrast(101%);
}

[b-uzvnculp1i] .mud-select .mud-select-input .mud-input-slot {
    width: 220px;
}

.date-search[b-uzvnculp1i] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: wrap;
}

.dates[b-uzvnculp1i] {
    display: flex;
}

.component-box[b-uzvnculp1i] {
    margin: 5px 0 0 0;
    border: 1px solid #d2d2d2;
}

.date-search[b-uzvnculp1i]  .mud-button {
    margin-top: 5px;
    margin-left: 6px;
}

.date-search .dates[b-uzvnculp1i]  .mud-input-control > .mud-input-control-input-container {
    width: 180px;
    margin-right: 5px;
}

.loading[b-uzvnculp1i] {
    margin-top: 80px;
}

    .loading h2[b-uzvnculp1i] {
        margin-top: 5px;
        text-align: center;
        color: #0070ba;
        font-size: 21px;
    }

.inline[b-uzvnculp1i] {
    display: inline-block;
}

.header[b-uzvnculp1i] {
    display: inline-block;
    font-size: 20px;
    color: #0070ba;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 3px;
}

.dropdown[b-uzvnculp1i] {
    position: relative;
    display: inline-block;
}

.dropdown-content[b-uzvnculp1i] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content[b-uzvnculp1i] {
    display: block;
    right: 0;
    position: absolute;
}

[b-uzvnculp1i] .mud-table-container {
    overflow-y: unset !important;
}

.dropdown-row-contatiner[b-uzvnculp1i] {
    display: flex;
}

.dropdown-title[b-uzvnculp1i] {
    margin-left: 5px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

/* Tooltip text */
[b-uzvnculp1i] .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

[b-uzvnculp1i] .showtooltip {
    visibility: visible !important;
}

.enquiries-chart[b-uzvnculp1i] {
    display: flex;
    flex-direction: row;
}

.enquiries-chart-data[b-uzvnculp1i] {
    color: #0070ba;
    margin-bottom: 5px;
    font-size: 20px;
}

.enquiries-chart-data-container[b-uzvnculp1i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-wrap: nowrap;
}


@media only screen and (max-width: 620px) {
    .selector-container .right[b-uzvnculp1i] {
        float: left;
        width: 100%;
    }

    [b-uzvnculp1i] .mud-select .mud-select-input .mud-input-slot {
        width: 100%;
    }

    [b-uzvnculp1i] .mud-select {
        margin-top: 10px;
    }

    .activity[b-uzvnculp1i],
    .row[b-uzvnculp1i] {
        flex-direction: column;
    }

        .activity div[b-uzvnculp1i] {
            display: block;
        }

    .selector-container[b-uzvnculp1i] {
        text-align: center;
        margin-bottom: 10px;
    }

    .dates[b-uzvnculp1i] {
        flex-direction: column;
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    [b-uzvnculp1i] .mud-table {
        margin-top: 15px;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeEnquiry.razor.rz.scp.css */

.consumer-text[b-o3nig0w37j] {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

.enquiry-text[b-o3nig0w37j] {
    margin-top: 10px;
    display: inline-block;
    color: #0070ba;
    margin-right: 25px;
}

.view[b-o3nig0w37j] {
    color: #0070ba;
    cursor: pointer;
}

.visit-button-container[b-o3nig0w37j] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-o3nig0w37j] .tox-editor-header {
    display: none !important;
}

.consumer-name[b-o3nig0w37j] {
    font-size: 20px;
}

.status-text[b-o3nig0w37j] {
    color: #0070ba;
    font-weight: bold;
    display: inline-block;
}

.status-text2[b-o3nig0w37j] {
    color: #f49600ff;
    font-weight: bold;
    display: inline-block;
}

.test2[b-o3nig0w37j] {
    margin-top: 20px;
}

    .test2[b-o3nig0w37j]  .mud-icon-root {
        vertical-align: middle;
        margin-right: 5px;
    }

    .test2[b-o3nig0w37j]  .mud-icon-button:disabled {
        vertical-align: bottom;
    }

    .test2[b-o3nig0w37j]  .mud-icon-button-label {
        margin-left: 10px;
        vertical-align: middle;
    }

.test[b-o3nig0w37j]  .mud-button {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    display: block;
    width: 175px;
    text-align: center;
}

[b-o3nig0w37j] .mud-icon-size-small {
    font-size: 1.5rem;
}

.col[b-o3nig0w37j] {
    margin-bottom: 8px;
}

.reveal-icon-position[b-o3nig0w37j] {
    position: absolute;
    top: 5px;
    right: 5px;
}

[b-o3nig0w37j] .mud-icon-button {
    padding: 1px;
}

.details-container[b-o3nig0w37j] {
    margin-bottom: 10px;
}

    .details-container .column[b-o3nig0w37j] {
        text-align: center;
        padding: 5px;
        margin: 5px;
    }

.questionanswers[b-o3nig0w37j] {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-bottom: 5px;
}

h2[b-o3nig0w37j] {
    font-size: 16px;
}

.order[b-o3nig0w37j] {
    width: 30px;
    border-right: 1px solid #c2c2c2;
}

.question[b-o3nig0w37j] {
    width: 60%;
    max-width: 60%;
    border-right: 1px solid #c2c2c2;
}

.actions[b-o3nig0w37j] {
    width: 60%;
    flex: 0;
}

.answer[b-o3nig0w37j] {
    max-width: 40%;
    width: 40%;
}

.checkmark[b-o3nig0w37j] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 42%;
    top: 43%;
    height: 18px;
    width: 9px;
    border-bottom: 3px solid #1abc00;
    border-right: 3px solid #1abc00;
}

/***********
    General Responsiveness
***********/

@media only screen and (max-width: 550px) {
    .right[b-o3nig0w37j] {
        float: left;
    }

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

        .row .col[b-o3nig0w37j] {
            justify-content: center;
            margin-bottom: 3px;
            display: flex;
        }

    .consumer-text[b-o3nig0w37j] {
        margin-top: 5px;
    }

    .enquiry-text[b-o3nig0w37j] {
        display: block;
        margin-top: 6px;
        margin-right: 0;
    }

    .test2[b-o3nig0w37j] {
        margin-top: 20px;
    }

    .actions[b-o3nig0w37j] {
        width: 100%;
    }

    .question[b-o3nig0w37j] {
        width: 100%;
        min-width: 100%;
        border-right: none;
    }

    .answer[b-o3nig0w37j] {
        max-width: 100%;
        width: 100%;        
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeLegalServices.razor.rz.scp.css */
.inner-panel[b-ngolojwmlh] {
    padding-right: 20px;
}

.inner-panel-enable[b-ngolojwmlh] {
    display: flex;
    width: 95%;
}

.credit-bands[b-ngolojwmlh] {
    width: 25%;
}

.conveyancing-fees[b-ngolojwmlh] {
    width: 100%;
}

.HDRContainer[b-ngolojwmlh]{
    justify-content:center;
    display:flex;
}

[b-ngolojwmlh] .HDRContainer .mud-input-control{
    max-width:140px;
}

.row[b-ngolojwmlh] {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    justify-content: center;
}

.credit-assign[b-ngolojwmlh] {
    width: 200px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.location-radius[b-ngolojwmlh] {
    width: 220px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.service-enquiry-text[b-ngolojwmlh] {
    width: 50%;
    margin-bottom: 10px;
}

[b-ngolojwmlh] .location-radius .mud-input-control > .mud-input-control-input-container {
    align-items: center;
}

[b-ngolojwmlh] .location-radius .mud-input.mud-input-outlined.mud-input-adorned-end {
    width: 200px;
}

[b-ngolojwmlh] .credit-assign .mud-button {
    margin-top: 5px;
}

[b-ngolojwmlh] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-ngolojwmlh] {
    text-align: center;
}

[b-ngolojwmlh] .mud-icon-button {
    padding: 4px;
}

.box[b-ngolojwmlh] {
    margin-top: 10px;
    height: 35px;
}

p[b-ngolojwmlh] {
    color: #0070ba;
    margin-bottom: 3px;
}


input[type=checkbox][b-ngolojwmlh] {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 9px;
    margin-right: 7px;
    accent-color: #0070baff;
}

@media only screen and (max-width: 430px) {
    .service-enquiry-text[b-ngolojwmlh] {
        width: 100%;
    }
}

@media only screen and (max-width: 620px) {
    .inner-panel[b-ngolojwmlh] {
        padding: 0;
    }

    .inner-panel-enable[b-ngolojwmlh] {
        width: 90%;
    }

    .row[b-ngolojwmlh] {
        flex-direction: column;
    }

    .credit-assign-container[b-ngolojwmlh],
    .location-radius[b-ngolojwmlh],
    .credit-bands[b-ngolojwmlh],
    .credit-assign[b-ngolojwmlh] {
        width: 100%;
    }

    .left[b-ngolojwmlh],
    .right[b-ngolojwmlh] {
        float: none;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .credit-bands[b-ngolojwmlh] {
        margin-bottom: 10px;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeList.razor.rz.scp.css */
.component-box[b-94r8th0kja] {
    width: 100%;
    border: none;
    padding: 0;
}

.inline[b-94r8th0kja] {
    display: inline-block;
}

.head[b-94r8th0kja] {
    max-width: 65%;
}

.office-select-container[b-94r8th0kja] {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}

.office-select[b-94r8th0kja] {
    width: 280px;
    display: inline-block;
}

.header[b-94r8th0kja] {
    display: inline-block;
    font-size: 21px;
    color: #0070ba;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 3px;
}

.loading[b-94r8th0kja] {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

.loading h2[b-94r8th0kja] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

.topup[b-94r8th0kja] {
    display: inline-block;
    margin-left: 10px;
}

@media only screen and (max-width: 500px) {
    .office-select-container[b-94r8th0kja] {
        flex-direction: column;
        margin-left: 0;
    }
    .office-select[b-94r8th0kja] {
        width: 100%;
        margin-left: 0;
    }
    .head[b-94r8th0kja] {
        max-width: 100%;
    }
    .topup[b-94r8th0kja] {
        display: inline-block;
        margin-left: 0;
        margin-top: 5px;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeProfile.razor.rz.scp.css */
.mobile[b-dkys469ih2]{
    display: none;
}

.infopage-container[b-dkys469ih2] {
    border: solid 1px #d2d2d2;
    padding: 8px;
    margin-bottom: 5px;
}

.head[b-dkys469ih2] {
   width: 60%;
}

.header[b-dkys469ih2] {
    font-size: 20px;
    color: #0070ba;
    font-weight: bold;
    vertical-align: middle;
}

.header-container[b-dkys469ih2] {
    height: 65px;
    margin-bottom: 10px;
}

.loading[b-dkys469ih2] {
    margin-top: 70px;
}

.loading h2[b-dkys469ih2] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

h2[b-dkys469ih2] {
    color: #0070ba;
    font-size: 20px;
}

.inlined[b-dkys469ih2] {
    display: inline-block;
}

[b-dkys469ih2] .mud-input-control.mud-input-control-margin-dense {
    width: 250px;
}

[b-dkys469ih2] .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 33px;
}

.component-box h2[b-dkys469ih2],
.introduction-container h2[b-dkys469ih2] {
    margin-bottom: 0;
}

.information-container[b-dkys469ih2] {
    padding: 5px;
    color: #515151;
}

.introduction-container[b-dkys469ih2] {
    margin-right: 10px;
}

.introduction-container[b-dkys469ih2],
.introduction-text[b-dkys469ih2] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.introduction-text[b-dkys469ih2] {
    min-height: 60px;
}

.meet-the-team-container[b-dkys469ih2] {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    margin-top: 10px;
}

.our-location-container h2[b-dkys469ih2],
.areas-of-law-container[b-dkys469ih2],
.reviews-container[b-dkys469ih2],
.reviews-container p[b-dkys469ih2],
.rating[b-dkys469ih2] {
    text-align: left;
}

.reviews-container[b-dkys469ih2] {
    color: #515151;
}

.reviews-container h2[b-dkys469ih2],
.meet-the-team-container h2[b-dkys469ih2],
.areas-of-law-container h2[b-dkys469ih2],
.our-location-container h2[b-dkys469ih2] {
    margin-bottom: 5px;
    font-size: 20px;
    color: #0070ba;
}

.primary-title[b-dkys469ih2] {
    color: #0070ba;
    font-size: 23px;
    font-weight: 600;
}

.secondary-title[b-dkys469ih2] {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
}

.address-display[b-dkys469ih2] {
    font-size: 13px;
}

.information[b-dkys469ih2] {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}

.tag-container[b-dkys469ih2] {
    display: flex;
    justify-content: center;
}

.estimate-tag-box[b-dkys469ih2] {
    border-radius: 5px;
    background: #bfe9db;
    margin-right: 5px;
    padding: 3px 20px 3px 20px;
    margin-top: 10px;
    white-space: nowrap;
}

.logo-container[b-dkys469ih2] {
    width: 250px;
    height: 120px;
    display: flex;
    justify-content: center;
    padding: 1px;
    margin-bottom: 2px;
}

.logo[b-dkys469ih2] {
    width: 100%;
    max-width: 250px;
    max-height: 118px;
}

.team-container[b-dkys469ih2] 
{
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.accreditation[b-dkys469ih2] {
    display: flex;
    align-items: center;
}

.accreditation:not(:first-child)[b-dkys469ih2] {
    padding-left: 20px;
    padding-right: 20px;
}

.card[b-dkys469ih2] {
    position: relative;
    width: 160px;
    
    text-align: center;
    padding: 5px;
    cursor: default;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.card-border[b-dkys469ih2] {
    border: 1px solid #c2c2c2;
}

.card-image[b-dkys469ih2] {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

.card-text-blue[b-dkys469ih2] {
    color: #0070ba;
    font-weight: bold;
}

.card-row[b-dkys469ih2] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.card-close[b-dkys469ih2] {
    position: absolute;
    top: 1px;
    right: 1px;
}

[b-dkys469ih2] .mud-icon-size-large {
    font-size: 2rem;
}

[b-dkys469ih2] .meet-the-team-container .mud-icon-size-large {
    font-size: 3rem;
}

[b-dkys469ih2] .mud-icon-button {
    padding: 2px;
}

.add[b-dkys469ih2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 230px;
}

.team-member[b-dkys469ih2] {
    width: 140px;
    height: 140px;
}

.edit-mode[b-dkys469ih2] {
    border: 1px solid #c2c2c2;
}

.areas-of-law[b-dkys469ih2] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.item[b-dkys469ih2] {
    display: flex;
    width: 33%;
    max-width: 33%;
    flex-grow: 1;
    padding: 5px 2px;
    color: #424242;
    font-weight: normal;
    text-align: left;
}

.areas-of-law-item[b-dkys469ih2] {
    padding: 0px 0px 0px 5px;
}

.error[b-dkys469ih2] {
    color: #f44336ff;
    font-size: 12px;
}

.location-icon[b-dkys469ih2] {
    margin-right: 15px;
    margin-top: 40px;
}

.location-details[b-dkys469ih2] {
    width: 30%;
    padding-right: 10px;
}

.location-map[b-dkys469ih2] {
    width: 100%;
}

.review[b-dkys469ih2] {
    width: 23%;
}

.rating-label[b-dkys469ih2] {
    color: #0070baff;
    margin-left: 10px;
    font-size: 16px;
}

.rating-container[b-dkys469ih2] {
    display: flex;
    align-items: center;
}

.test[b-dkys469ih2] {
    width: 100%;
}

.accreditation-img[b-dkys469ih2] {
    width: 130px;
}

.accrediation-cq[b-dkys469ih2] {
    width: 140px;
}

[b-dkys469ih2] .help-icon {
    margin-top: 3px;
}

[b-dkys469ih2] .mud-button-label {
    color: white;
}

[b-dkys469ih2] .test .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

[b-dkys469ih2] .card-close .mud-icon-button {
    padding: 1px;
}

[b-dkys469ih2] .mud-input-control.mud-input-control-margin-dense {
    width: 250px;
}

[b-dkys469ih2] .mud-input.mud-input-outlined.mud-input-adorned-end {
    height: 36px;
}

[b-dkys469ih2] .mud-file-upload > .mud-input-control-input-container {
    display: flex !important;
}

[b-dkys469ih2] .upload .mud-input-control {
    margin-top: 0;
}

[b-dkys469ih2] .add .mud-icon-size-large {
    font-size: 4rem;
    cursor: pointer;
}

.spacer[b-dkys469ih2] {
    float: left;
    height: 45px;
}

.bottom-right[b-dkys469ih2] {
    position: absolute;
    right: 10px;
    bottom: 15px;
}

@media only screen and (max-width: 770px) {
    .rating-container[b-dkys469ih2] {
        justify-content: center !important;
    }

    .mobile[b-dkys469ih2] {
        display: unset;
    }

    .non-mobile[b-dkys469ih2]{
        display: none;
    }
    .header-text[b-dkys469ih2] {
       padding: 5px;
       text-align: center;
    }

    .head[b-dkys469ih2] {
        width: 100%;
    }

    .address-display[b-dkys469ih2],
    .information[b-dkys469ih2] {
        text-align: center;
    }

    [b-dkys469ih2] .mud-grid-item-xs-6 {
        max-width: 100%;
        flex-basis: 100%;
        text-align: center;
    }

    .accreditation[b-dkys469ih2] {
        justify-content: center;
    }

    .row[b-dkys469ih2] {
        flex-direction: column;
        align-items: center;
    }

    .logo-container[b-dkys469ih2] {
        justify-content: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    [b-dkys469ih2] .mud-input-control.mud-input-control-margin-dense {
        width: 100%;
    }

    .card[b-dkys469ih2] {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
    }

    .card-row[b-dkys469ih2] {
        padding-left: 0;
        padding-right: 0;

    }

    .rating[b-dkys469ih2] {
        margin-top: 10px;
    }

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

    .location-details[b-dkys469ih2],
    .location-map[b-dkys469ih2] {
        text-align: center;
        margin-top: 10px;
        width: 100%;
    }

    .location-icon[b-dkys469ih2] {
        margin-top: 0;
        text-align: center;
    }

    .item[b-dkys469ih2] {
        text-align: left;
        width: 100%;
        max-width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        justify-content: flex-start;
    }

     h2[b-dkys469ih2],
    .reviews-container[b-dkys469ih2],
    .introduction-container[b-dkys469ih2],
    .areas-of-law-container[b-dkys469ih2],
    .reviews-container h2[b-dkys469ih2],
    .meet-the-team-container h2[b-dkys469ih2],
    .areas-of-law-container h2[b-dkys469ih2],
    .our-location-container h2[b-dkys469ih2] {
       margin-top: 10px;
       margin-bottom: 10px;
       text-align: center;
    }

    [b-dkys469ih2] .introduction-container .mud-input > textarea.mud-input-root {
        text-align: center;
    }

    .header-container[b-dkys469ih2] {
        height: 40px;
    }

   .header-container .right[b-dkys469ih2] {
        float: left;
        width: 100%;
   }
}
/* _content/F4L-ProjectX/Components/Solicitor/Office/OfficeUsers.razor.rz.scp.css */
.details[b-l61b9h3vkk] {
    width: 32%;
}

.column[b-l61b9h3vkk] {
    border: solid 1px #c2c2c2;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
}

.responsibility[b-l61b9h3vkk] {
    width: 42%;
}

.responsibility-checkbox[b-l61b9h3vkk] {
    margin-top: 3px;
    margin-bottom: 3px;
}

.responsibility-checkbox input[b-l61b9h3vkk],
.responsibility-checkbox label[b-l61b9h3vkk] {
    cursor: pointer;
}

.details p[b-l61b9h3vkk],
.access p[b-l61b9h3vkk],
.responsibility p[b-l61b9h3vkk] {
    margin-bottom: 8px;
    color: #0070ba;
    text-align: center;
}

.access[b-l61b9h3vkk] {
    width: 27%;
}

.access-text[b-l61b9h3vkk] {
    color: #515151 !important;
    margin-top: 10px;
}

.panel-container[b-l61b9h3vkk] {
    display: flex;
}

.inner-panel-enable[b-l61b9h3vkk] {
    display: flex;
    width: 98%;
}

.add-icon[b-l61b9h3vkk] {
    padding-top: 3px;
    padding-left: 3px;
    height: 38px;
}

[b-l61b9h3vkk] .mud-typography {
    font-size: 14px;
}

[b-l61b9h3vkk] .mud-expand-panel {
    max-width: 97%;
}

@media only screen and (max-width: 620px) {
    .row[b-l61b9h3vkk] {
        flex-wrap: wrap;
    }

    .responsibility[b-l61b9h3vkk],
    .access[b-l61b9h3vkk],
    .details[b-l61b9h3vkk] {
        width: 100%; 
    }

    [b-l61b9h3vkk] .mud-expand-panel {
        max-width: 96%;
    }

    [b-l61b9h3vkk] .mud-expansion-panels{
        width: 95%;
    }

    .inner-panel[b-l61b9h3vkk] {
        padding: 0;
    }

    .inner-panel-enable[b-l61b9h3vkk] {
        width: 85%;
    }

    .column[b-l61b9h3vkk] {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
    }

    .panel-container[b-l61b9h3vkk] {
        width: 95%;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Reviews/Review.razor.rz.scp.css */
.review[b-sciqe71xxi] {
    position: relative;
    margin: 5px 5px;
    text-align: center;
}

.review-header[b-sciqe71xxi] {
    margin-top: 10px;
    color: #0070baff;
    text-align: center;
    margin-bottom: 5px;
    font-size: 22px !important;
    font-weight: bold;
}

.review-comment[b-sciqe71xxi] {
    margin-top: 10px;
    text-align: left;
}

.criteria-rating[b-sciqe71xxi] {
    margin: 2px 2px;
    text-transform: capitalize;
    color: grey;
    padding-right: 10px;
}

.criteria-rating p[b-sciqe71xxi] {
    display: inline-block;
    vertical-align: middle;
    color: grey;
}

.not-rated[b-sciqe71xxi] {
    color: grey;
}

.feedback[b-sciqe71xxi]{
    margin-top: 10px;
}

label[b-sciqe71xxi],
[b-sciqe71xxi] .mud-input {
    color: grey;
}

table[b-sciqe71xxi] {
    margin-left: 35px;
}

.header-container[b-sciqe71xxi] {
    height: 22px;
    vertical-align: middle;
}

.corner-logo[b-sciqe71xxi] {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.review-source-image[b-sciqe71xxi] {
    max-width: 100px;
    max-height: 28px;
}


@media only screen and (max-width: 770px) {
    .review-source-image[b-sciqe71xxi] {
        max-width: 50px;
        max-height: 20px;
    }

}
/* _content/F4L-ProjectX/Components/Solicitor/Reviews/ReviewsList.razor.rz.scp.css */
.reviews-container[b-35blfq7rji] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}


.sub-title[b-35blfq7rji] {
    color: #0070baff;
    margin-bottom: 10px;
}

.pagination[b-35blfq7rji] {
    width: 100%;
    display: flex;
    justify-content: center;
}

hr[b-35blfq7rji] {
    display: block;
    margin-left: 10% !important;
    height: 1px;
    width:80%;
    border: 0;
    border-top: 2px solid #ddd;
    margin: 1em 0;
    padding: 0;
}

[b-35blfq7rji] .mud-progress-linear.horizontal.mud-progress-linear-large {
    height: 18px;
}


.progress[b-35blfq7rji] {
    margin-top: 2px;
}

.rating-label[b-35blfq7rji] 
{
    color: #0070baff;
    margin-left: 10px;
    font-size: 16px;
}

.rating-container[b-35blfq7rji] 
{
    display: flex;
    align-items: center;
}

.review-source-image[b-35blfq7rji] {
    width: 120px;
    height: 25px;
    vertical-align: middle;
}

.review-source-image:not(:first-child)[b-35blfq7rji] {
    padding-left: 10px;
    padding-right: 10px;
}

.review-source-image:last-child[b-35blfq7rji] {
    padding-left: 0;
}

.f4l[b-35blfq7rji] {
    height: 35px;
    width: 130px;
}

.google[b-35blfq7rji] {
    height: 25px;
    width: 100px;
}

.facebook[b-35blfq7rji] {
    height: 19px;
}

.fefo[b-35blfq7rji] {
    height: 35px;
}

.reviewsolicitors[b-35blfq7rji] {
    height: 26px;
    width: 131px;
}

[b-35blfq7rji] .mud-button-label {
    color: #515151;
}

.review-sources-margin[b-35blfq7rji] {
    margin-top: 35px;
}

@media only screen and (max-width: 770px) {
    .rating-container[b-35blfq7rji] {
         justify-content: center;
     }
    .review-sources-margin[b-35blfq7rji] {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
/* _content/F4L-ProjectX/Components/Solicitor/Reviews/ReviewsTable.razor.rz.scp.css */
.component-box[b-u96kd6wssa] {
    width: 100%;
}

.enquiry-link[b-u96kd6wssa] {
    color: #0070baff;
    font-weight: bold;
    cursor: pointer;
}

.box[b-u96kd6wssa] {
    margin-top: 5px;
    height: 30px;
}

.dispute-icon[b-u96kd6wssa] {
    position: absolute;
    top: 8px;
    left: 3px;
}

.loading[b-u96kd6wssa] {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

.loading h2[b-u96kd6wssa] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 720px) {
    .dispute-icon[b-u96kd6wssa] {
        display: none;
    }
}
/* _content/F4L-ProjectX/Components/Surveyor/SurveyorOverview.razor.rz.scp.css */
.component-box:first-child[b-7zzdn8w91v] {
    margin-left: 0;
}

.component-box:last-child[b-7zzdn8w91v] {
    margin-right: 0;
}

.invite[b-7zzdn8w91v] {
    width: 24%;
}

.invite-history[b-7zzdn8w91v] {
    width: 75%;
}

.invite-success[b-7zzdn8w91v] {
    margin-top: 15px;
    text-align: center;
}

.invite-success p[b-7zzdn8w91v] {
    margin-top: 5px;
    margin-bottom: 10px;
    color: grey;
}

.invite-success h2[b-7zzdn8w91v] {
    color: #78b13f;
    display: inline-block;
    font-weight: 500;
}

[b-7zzdn8w91v] .invite-history .mud-input {
    height: 30px !important;
}

.error[b-7zzdn8w91v] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .invite[b-7zzdn8w91v], .invite-history[b-7zzdn8w91v]{
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Account/Account.razor.rz.scp.css */
::deep .account-details .mud-input[b-b6m62fseh7] {
    width: 210px;
    margin-right: 20px;
}

.account-details[b-b6m62fseh7] {
    margin-top: 10px;
}

.account-status h2[b-b6m62fseh7] {
    font-size: 15px;
    color: #0070ba;
}

.tab-header[b-b6m62fseh7] {
    font-size: 20px;
    color: #0070ba;
    margin-bottom: 5px;
    font-weight: bold;
}

.component-container[b-b6m62fseh7] {
    justify-content: center;
}

.bottom-right[b-b6m62fseh7] {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

[b-b6m62fseh7] .mud-tabs {
    margin-top: 10px;
}

.component-box[b-b6m62fseh7] {
    width: 100%;
    min-height: 380px;
    position: relative;
}

.account-status h2[b-b6m62fseh7],
.account-status p[b-b6m62fseh7] {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.account-status span[b-b6m62fseh7] {
    margin-left: 10px;
}

.account-status p[b-b6m62fseh7] {
    font-weight: 500;
}

.green-tick[b-b6m62fseh7] {
    border-bottom: 4px solid #78b13f;
    border-right: 4px solid #78b13f;
    width: 9px;
    height: 17px;
}

.change-password[b-b6m62fseh7] {
    margin-top: 10px;
}

.loading[b-b6m62fseh7] {
    margin-top: 50px;
}

    .loading h2[b-b6m62fseh7] {
        margin-top: 5px;
        text-align: center;
        color: #0070ba;
    }

.column[b-b6m62fseh7] {
    margin-right: 15px;
}

.spacer[b-b6m62fseh7] {
    float: left;
    height: 35px;
}

.bottom-right[b-b6m62fseh7] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

[b-b6m62fseh7] .account-details .mud-input {
    width: 230px;
}

@media only screen and (max-width: 426px) {
    .row[b-b6m62fseh7] {
        flex-direction: column;
    }

    [b-b6m62fseh7] .account-details .mud-input {
        width: 100%;
        margin-right: 0;
    }

    .account-status[b-b6m62fseh7] {
        text-align: center;
    }

    .column[b-b6m62fseh7] {
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    [b-b6m62fseh7] .mud-toolbar {
        height: 140px !important;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Administrators/Administrators.razor.rz.scp.css */
.create[b-m79fqox3e2] {
    width: 23%;
    max-height: 305px;
}

.existing[b-m79fqox3e2] {
    width: 74%;
}

h2[b-m79fqox3e2] {
    color: #0070baff;
    font-weight: 500;
}

.responsibility-checkbox[b-m79fqox3e2] {
    margin-top: 3px;
    margin-bottom: 3px;
}

.responsibility-checkbox input[b-m79fqox3e2] {
    cursor: pointer;
}

.error[b-m79fqox3e2] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

input[type=checkbox][b-m79fqox3e2]{
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .create[b-m79fqox3e2], .existing[b-m79fqox3e2] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Areas of Law/AreaOfLawCategories.razor.rz.scp.css */
/* _content/F4L-ProjectX/Pages/Admin/Areas of Law/ConveyancingCreditsRate.razor.rz.scp.css */
.container[b-omh0uhruns] {
    width: 400px;
}

.btn-float-right[b-omh0uhruns] {
    margin-bottom: 0;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 500px) {
    .container[b-omh0uhruns] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Areas of Law/CreditBandsSetup.razor.rz.scp.css */
.component-container[b-7xfimq1a48] {
    justify-content: center;
}

.component-box[b-7xfimq1a48] {
    width: 78%;
    min-height: 300px;
}

.btn-float-right[b-7xfimq1a48] {
    width: 78%;
}

@media only screen and (max-width: 800px) {
    .component-box[b-7xfimq1a48] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Areas of Law/LogicTableSetup.razor.rz.scp.css */
/* _content/F4L-ProjectX/Pages/Admin/CallAgents/CallAgentDetails.razor.rz.scp.css */
.details[b-1o0w81pc2o] {
    width: 100%;
}

.col[b-1o0w81pc2o] {
    width: 350px;
}

.col[b-1o0w81pc2o] {
    flex: none;
}

.item[b-1o0w81pc2o] {
    display: inline-block;
    vertical-align: top;
}

.person[b-1o0w81pc2o] {
    margin-right: 10px;
}

input[type=checkbox][b-1o0w81pc2o] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    accent-color: #0070baff;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .details[b-1o0w81pc2o] {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    .person[b-1o0w81pc2o] {
        margin-right: 0;
    }

    .col[b-1o0w81pc2o] {
        width: 100%;
    }

    .row:not(:first-child)[b-1o0w81pc2o] {
        flex-direction: column;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/CallAgents/ManageCallAgents.razor.rz.scp.css */
.component-box:first-child[b-7jde853vds] {
    margin-left: 0;
}

.component-box:last-child[b-7jde853vds] {
    margin-right: 0;
}

.invite[b-7jde853vds] {
    width: 24%;
}

.invite-history[b-7jde853vds] {
    width: 75%;
}

.invite-success[b-7jde853vds] {
    margin-top: 15px;
    text-align: center;
}

.invite-success p[b-7jde853vds] {
    margin-top: 5px;
    margin-bottom: 10px;
    color: grey;
}

.invite-success h2[b-7jde853vds] {
    color: #78b13f;
    display: inline-block;
    font-weight: 500;
}

[b-7jde853vds] .invite-history .mud-input {
    height: 30px !important;
}

.error[b-7jde853vds] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .invite[b-7jde853vds], .invite-history[b-7jde853vds]{
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Consumers/ConsumerDetails.razor.rz.scp.css */
.details[b-y4e91y5kkc] {
    width: 100%;
}
/* _content/F4L-ProjectX/Pages/Admin/Consumers/ManageConsumers.razor.rz.scp.css */
.manage-solicitors-top[b-yyig4z3f1y] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.solicitor-updates[b-yyig4z3f1y] {
    background-color: white;
    text-align: center;
    margin: 5px;
    padding: 15px 15px;
    border: 1px solid #C2C2C2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 71px;
}

a:hover[b-yyig4z3f1y]{
    text-decoration: underline;
}

[b-yyig4z3f1y] .mud-input {
    height: 30px !important;
}

input[type=checkbox][b-yyig4z3f1y] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-top: 9px;
    margin-right: 7px;
    accent-color: #0070baff;
}

/***********
    General Responsiveness and Styles
***********/
@media only screen and (max-width: 820px) {
    .solicitor-updates[b-yyig4z3f1y] {
        width: 100%;
        margin-left: 5px;
        margin-top: 0;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Dashboard/Dashboard.razor.rz.scp.css */
h2[b-4ae6xcn2pi] {
    color: #0070baff;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
}

h2 a[b-4ae6xcn2pi] {
    color: #0070baff;
}

.role[b-4ae6xcn2pi] {
    color: #818181;
    font-size: 17px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.edit[b-4ae6xcn2pi] {
    text-decoration: underline;
    color: #0070baff;
    cursor: pointer;
}

.right[b-4ae6xcn2pi] {
    float: right;
}

.inline[b-4ae6xcn2pi] {
    display: inline-block;
}

.circle-container[b-4ae6xcn2pi] {
    width: 100%;
    text-align: center;
}

.credits-circle[b-4ae6xcn2pi] {
    margin-left: 35%;
}

.circle[b-4ae6xcn2pi] {
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #0070baff;
}

.large[b-4ae6xcn2pi] {
    width: 75px;
    height: 75px;
    line-height: 75px;
}

.circle-text[b-4ae6xcn2pi] {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.notifications[b-4ae6xcn2pi] {
    width: 100%;
    height: 222px;
}

.pending-credits[b-4ae6xcn2pi] {
    height: 605px;
    width: 49%;
}

.platform-reviews[b-4ae6xcn2pi] {
    width: 49%;
    height: 605px;
}

.info[b-4ae6xcn2pi] {
    width: 37%;
}

.stat[b-4ae6xcn2pi] {
    color: #0070baff;
    font-weight: bold;
}

.office-pending-credit[b-4ae6xcn2pi] {
    padding: 5px;
    margin-bottom: 5px;
    background-color: #f0f0f0;
}

.office-pending-credit p[b-4ae6xcn2pi] {
    color: #0070baff;
    font-size: 14px;
    line-height: 2;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 650px) {
    .row[b-4ae6xcn2pi] {
        flex-direction: column;
    }
    
    .pending-credits[b-4ae6xcn2pi],
    .platform-reviews[b-4ae6xcn2pi],
    .info[b-4ae6xcn2pi],
    .notifications[b-4ae6xcn2pi] {
        width: 100%;
    }

    .notifications[b-4ae6xcn2pi] {
        height: 520px;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/EmailAudits/EmailAuditMainPage.razor.rz.scp.css */
.audit-container[b-hdzlvd464h] {
    border: 1px solid lightgrey;
    background-color: white;
    padding: 20px;
}
/* _content/F4L-ProjectX/Pages/Admin/EmailAudits/SMSAudit.razor.rz.scp.css */
/* _content/F4L-ProjectX/Pages/Admin/EmailTemplates/EmailDesignerMainPage.razor.rz.scp.css */
.designer-container[b-dem9sikg4o] {
    border: 1px solid lightgrey;
    background-color: white;
    padding: 20px;
}
/* _content/F4L-ProjectX/Pages/Admin/Enquiries/ManageEnquiries.razor.rz.scp.css */
.component-box[b-itz5z0goyr] {
    min-height: 400px;
}

.loading[b-itz5z0goyr] {
    margin-top: 80px;
    margin-bottom: 40px;
}

.loading h2[b-itz5z0goyr] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
    font-size: 21px;
}

.view[b-itz5z0goyr] {
    color: #0070ba;
    cursor: pointer;
}

.selections[b-itz5z0goyr] {
    border: solid 1px #c2c2c2;
    background-color: white;
    padding-left: 10px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 10px;
}


.item[b-itz5z0goyr] {
    display: inline-block;
    vertical-align: top;
}

    .item:hover[b-itz5z0goyr] {
        cursor: pointer;
    }

.collapse[b-itz5z0goyr] {
    cursor: pointer;
    color: #0070ba;
    font-size: 23px;
    line-height: 0.7;
    margin-right: 6px;
}

/* _content/F4L-ProjectX/Pages/Admin/Notifications/ManageNotifications.razor.rz.scp.css */
h2[b-zcvmipostq] {
    color: #0070ba;
}

[b-zcvmipostq] .mud-tabs-toolbar-content {
    background-color: white;
}
/* _content/F4L-ProjectX/Pages/Admin/Platform/Reviews.razor.rz.scp.css */
/* _content/F4L-ProjectX/Pages/Admin/Platform/Settings.razor.rz.scp.css */
.settings-container[b-4uwmyi2d6z] {
   width: 400px;
}

.btn-float-right[b-4uwmyi2d6z] {
    margin-bottom: 0;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 500px) {
   .settings-container[b-4uwmyi2d6z] {
       width: 100%;
   }
}
/* _content/F4L-ProjectX/Pages/Admin/Solicitors/InviteSolicitor.razor.rz.scp.css */
.component-box:first-child[b-s7seg9b3v5] {
    margin-left: 0;
}

.component-box:last-child[b-s7seg9b3v5] {
    margin-right: 0;
}

.invite[b-s7seg9b3v5] {
    width: 24%;
}

.invite-history[b-s7seg9b3v5] {
    width: 75%;
}

.invite-success[b-s7seg9b3v5] {
    margin-top: 15px;
    text-align: center;
}

.invite-success p[b-s7seg9b3v5] {
    margin-top: 5px;
    margin-bottom: 10px;
    color: grey;
}

.invite-success h2[b-s7seg9b3v5] {
    color: #78b13f;
    display: inline-block;
    font-weight: 500;
}

[b-s7seg9b3v5] .invite-history .mud-input {
    height: 30px !important;
}

.error[b-s7seg9b3v5] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

.skip[b-s7seg9b3v5] {
    margin-top: -5px;
    margin-left: -3px;
}

[b-s7seg9b3v5] .skip .mud-icon-button {
    padding: 3px;
    margin-bottom: 5px;
}

[b-s7seg9b3v5] .skip .mud-typography-body1 {
    font-size: 14px;
    margin-top: -5px;
    margin-left: 2px;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .invite[b-s7seg9b3v5], .invite-history[b-s7seg9b3v5]{
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Solicitors/ManageSolicitors.razor.rz.scp.css */
.manage-solicitors-top[b-1s6ctiqchu] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.solicitor-updates[b-1s6ctiqchu] {
    background-color: white;
    text-align: center;
    margin: 5px;
    padding: 15px 15px;
    border: 1px solid #C2C2C2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 71px;
}

a:hover[b-1s6ctiqchu]{
    text-decoration: underline;
}

[b-1s6ctiqchu] .mud-input {
    height: 30px !important;
}

input[type=checkbox][b-1s6ctiqchu] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-top: 9px;
    margin-right: 7px;
    accent-color: #0070baff;
}

/***********
    General Responsiveness and Styles
***********/
@media only screen and (max-width: 820px) {
    .solicitor-updates[b-1s6ctiqchu] {
        width: 100%;
        margin-left: 5px;
        margin-top: 0;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Solicitors/ShortlistLimits.razor.rz.scp.css */
input[type=checkbox][b-5lo50rt2c4] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    accent-color: #0070baff;
    margin-top: 3px;
}

.component-box[b-5lo50rt2c4] {
    width: 100%;
}

.selections[b-5lo50rt2c4] {
    border: solid 1px #c2c2c2;
    background-color: white;
    padding-left: 10px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 10px;
    max-height: 246px;
}

.item[b-5lo50rt2c4] {
    display: inline-block;
    vertical-align: top;
}

.item:hover[b-5lo50rt2c4] {
    cursor: pointer;
}

.collapse[b-5lo50rt2c4] {
    cursor: pointer;
    color: #0070ba;
    font-size: 23px;
    line-height: 0.7;
    margin-right: 6px;
}

[b-5lo50rt2c4] .mud-select {
    height: 52px;
}

[b-5lo50rt2c4] .mud-icon-button {
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
}

[b-5lo50rt2c4] .mud-icon-size-large {
    font-size: 1.5rem;
}
/* _content/F4L-ProjectX/Pages/Admin/Solicitors/SolicitorDetails.razor.rz.scp.css */
.review-changes[b-nr8cmna5th] {
    width: 46%;
}

.office-areas-of-law[b-nr8cmna5th] {
    width: 100%;
}

.offices[b-nr8cmna5th],
.office-users[b-nr8cmna5th] {
    width: 100%;
}

.exchange-rate[b-nr8cmna5th] {
    width: 38%;
}

.HDRContainer[b-nr8cmna5th] {
    display: flex;
    align-items: center;
}

[b-nr8cmna5th] .HDRContainer .form-input{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

[b-nr8cmna5th] .exchange-rate .mud-input-control {
    margin: 0;
}

.office-reviews[b-nr8cmna5th] {
    width: 100%;
}

.details[b-nr8cmna5th] {
    width: 63%;
}

.notifications[b-nr8cmna5th] {
    width: 35.3%;
}

.conveyancing[b-nr8cmna5th] {
    width: 100%;
}

.item[b-nr8cmna5th] {
    display: inline-block;
    vertical-align: top;
}

input[type=checkbox][b-nr8cmna5th] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    accent-color: #0070baff;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .exchange-rate[b-nr8cmna5th],
    .conveyancing[b-nr8cmna5th],
    .review-changes[b-nr8cmna5th],
    .offices[b-nr8cmna5th],
    .office-users[b-nr8cmna5th],
    .details[b-nr8cmna5th],
    .areas-of-law[b-nr8cmna5th] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Solicitors/SolicitorPerformance.razor.rz.scp.css */
.section-seperator[b-kq6ncxd1jd] {
    background-color: #e6e6e6;
    height: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.credit-rebate[b-kq6ncxd1jd] {
    width: 33%;
}

.performances[b-kq6ncxd1jd] {
    width: 36%;
}

.mailbox[b-kq6ncxd1jd],
.reviews[b-kq6ncxd1jd] {
    width: 99%;
}

.billing-history[b-kq6ncxd1jd] {
    width: 65%;
}

/***********
    Mud Chart Overides
***********/
[b-kq6ncxd1jd] .mud-chart-donut {
    padding: 5px 5px;
}

[b-kq6ncxd1jd] .mud-donut-segment {
    stroke-width: 3 !important;
}

[b-kq6ncxd1jd] .mud-donut-segment:nth-child(2n) {
    stroke: #0070BA;
}

[b-kq6ncxd1jd] .mud-donut-segment:nth-child(2n+1) {
    stroke: #f49600;
}

[b-kq6ncxd1jd] .mud-chart-legend-item {
    padding: 3px 0 3px 0;
}

[b-kq6ncxd1jd] .mud-chart-legend-item:first-child .mud-chart-legend-marker {
    background-color: #f49600 !important;
}

[b-kq6ncxd1jd] .mud-chart-legend-item:nth-child(2) .mud-chart-legend-marker {
    background-color: #0070BA !important;
}

[b-kq6ncxd1jd] .mud-chart-legend {
    width: 200px;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 760px) {
    .performance-overview[b-kq6ncxd1jd] {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    .billing-history[b-kq6ncxd1jd],
    .credit-rebate[b-kq6ncxd1jd],
    .performances[b-kq6ncxd1jd] {
        width: 100%;
    }
}

@media only screen and (max-width: 620px) {
    .reviews[b-kq6ncxd1jd] {
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Surveyors/ManageSurveyors.razor.rz.scp.css */
.component-box:first-child[b-u3ckiw0vo1] {
    margin-left: 0;
}

.component-box:last-child[b-u3ckiw0vo1] {
    margin-right: 0;
}

.invite[b-u3ckiw0vo1] {
    width: 24%;
}

.invite-history[b-u3ckiw0vo1] {
    width: 75%;
}

.invite-success[b-u3ckiw0vo1] {
    margin-top: 15px;
    text-align: center;
}

.invite-success p[b-u3ckiw0vo1] {
    margin-top: 5px;
    margin-bottom: 10px;
    color: grey;
}

.invite-success h2[b-u3ckiw0vo1] {
    color: #78b13f;
    display: inline-block;
    font-weight: 500;
}

[b-u3ckiw0vo1] .invite-history .mud-input {
    height: 30px !important;
}

.error[b-u3ckiw0vo1] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .invite[b-u3ckiw0vo1], .invite-history[b-u3ckiw0vo1]{
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Surveyors/ManageSurveyorsUsers.razor.rz.scp.css */
.component-box:first-child[b-1nvw3zdyoh] {
    margin-left: 0;
}

.component-box:last-child[b-1nvw3zdyoh] {
    margin-right: 0;
}

.invite[b-1nvw3zdyoh] {
    width: 24%;
}

.invite-history[b-1nvw3zdyoh] {
    width: 75%;
}

.invite-success[b-1nvw3zdyoh] {
    margin-top: 15px;
    text-align: center;
}

.invite-success p[b-1nvw3zdyoh] {
    margin-top: 5px;
    margin-bottom: 10px;
    color: grey;
}

.invite-success h2[b-1nvw3zdyoh] {
    color: #78b13f;
    display: inline-block;
    font-weight: 500;
}

[b-1nvw3zdyoh] .invite-history .mud-input {
    height: 30px !important;
}

.error[b-1nvw3zdyoh] {
    margin-top: 5px;
    text-align: center;
    color: red;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .invite[b-1nvw3zdyoh], .invite-history[b-1nvw3zdyoh]{
        width: 100%;
    }
}
/* _content/F4L-ProjectX/Pages/Admin/Surveyors/SurveyorDetails.razor.rz.scp.css */
.details[b-qa5wwqrgvt] {
    width: 100%;
}

.col[b-qa5wwqrgvt] {
    width: 350px;
}

.col[b-qa5wwqrgvt] {
    flex: none;
}

.item[b-qa5wwqrgvt] {
    display: inline-block;
    vertical-align: top;
}

.person[b-qa5wwqrgvt] {
    margin-right: 10px;
}

input[type=checkbox][b-qa5wwqrgvt] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    accent-color: #0070baff;
}

/***********
    General Responsiveness
***********/
@media only screen and (max-width: 850px) {
    .details[b-qa5wwqrgvt] {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    .person[b-qa5wwqrgvt] {
        margin-right: 0;
    }

    .col[b-qa5wwqrgvt] {
        width: 100%;
    }

    .row:not(:first-child)[b-qa5wwqrgvt] {
        flex-direction: column;
    }
}
/* _content/F4L-ProjectX/Pages/CallAgent/Account.razor.rz.scp.css */
::deep .account-details .mud-input[b-3ieyu1688t] {
    width: 210px;
    margin-right: 20px;
}

.account-details[b-3ieyu1688t] {
    margin-top: 10px;
}

.account-status h2[b-3ieyu1688t] {
    font-size: 15px;
    color: #0070ba;
}

.tab-header[b-3ieyu1688t] {
    font-size: 20px;
    color: #0070ba;
    margin-bottom: 5px;
    font-weight: bold;
}

.component-container[b-3ieyu1688t] {
    justify-content: center;
}

.bottom-right[b-3ieyu1688t] {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

[b-3ieyu1688t] .mud-tabs {
    margin-top: 10px;
}

.component-box[b-3ieyu1688t] {
    width: 100%;
    min-height: 380px;
    position: relative;
}

.account-status h2[b-3ieyu1688t],
.account-status p[b-3ieyu1688t] {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.account-status span[b-3ieyu1688t] {
    margin-left: 10px;
}

.account-status p[b-3ieyu1688t] {
    font-weight: 500;
}

.green-tick[b-3ieyu1688t] {
    border-bottom: 4px solid #78b13f;
    border-right: 4px solid #78b13f;
    width: 9px;
    height: 17px;
}

.change-password[b-3ieyu1688t] {
    margin-top: 10px;
}

.loading[b-3ieyu1688t] {
    margin-top: 50px;
}

    .loading h2[b-3ieyu1688t] {
        margin-top: 5px;
        text-align: center;
        color: #0070ba;
    }

.column[b-3ieyu1688t] {
    margin-right: 15px;
}

.spacer[b-3ieyu1688t] {
    float: left;
    height: 35px;
}

.bottom-right[b-3ieyu1688t] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

[b-3ieyu1688t] .account-details .mud-input {
    width: 230px;
}

[b-3ieyu1688t] .mud-typography-body1 {
    font-size: 14px;
}

@media only screen and (max-width: 426px) {
    .row[b-3ieyu1688t] {
        flex-direction: column;
    }

    [b-3ieyu1688t] .account-details .mud-input {
        width: 100%;
        margin-right: 0;
    }

    .account-status[b-3ieyu1688t] {
        text-align: center;
    }

    .person[b-3ieyu1688t],
    .column[b-3ieyu1688t] {
        margin-right: 0;
        width: 100%;
    }

    .col[b-3ieyu1688t] {

    }
}

@media only screen and (max-width: 600px) {
    [b-3ieyu1688t] .mud-toolbar {
        height: 140px !important;
    }
}
/* _content/F4L-ProjectX/Pages/CallAgent/CallScheduler.razor.rz.scp.css */

.main-first-container[b-93k009jet0] {
    border: solid 1px #c2c2c2;
    background-color: white;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 10px;
    margin-top: 2px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    min-height: 250px;
    display:flex;
    justify-content:center;
    align-items:center;
}


.sub-button-container[b-93k009jet0] {
    border: solid 1px #c2c2c2;
    background-color: white;
    overflow-y: auto;
    padding: 15px;
    margin-top: 2px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sub-container[b-93k009jet0] {
    border: solid 1px #c2c2c2;
    background-color: white;
    padding: 15px;
    overflow-y: auto;
    min-height: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.consumer-container[b-93k009jet0] {
    display: flex;
    flex-direction: row;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 1px #c2c2c2;
    padding: 10px;
}

.consumer-details[b-93k009jet0] {
    display: flex;
    flex-direction: row;
}

.next-button-header[b-93k009jet0] {
    margin-bottom: 20px;
}

.next-button-container[b-93k009jet0] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.button-container[b-93k009jet0] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    text-align: center;
    min-width: 450px;
}

.client-details[b-93k009jet0] {
    display: grid;
    margin-bottom: 10px;
    grid-template-columns: 35% 10% 55%;
}

[b-93k009jet0] .button-container .mud-input-control {
    margin: 0px !important;
}

[b-93k009jet0] .button-container .form-input {
    margin: 0 !important;
}

.header-container[b-93k009jet0] {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.header[b-93k009jet0] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.call-details-header[b-93k009jet0] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: anchor-center;
}

.call-details-sub-header[b-93k009jet0] {
    font-weight: bold;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: anchor-center;
}



.subtext[b-93k009jet0] {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
}

.question-container[b-93k009jet0] {
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
/* _content/F4L-ProjectX/Pages/Consumer/AreasofLaw.razor.rz.scp.css */
.container[b-171rms3mmh] {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.areasoflaw-title[b-171rms3mmh] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
    min-width: 560px;
}

.areasoflaw-sub-title[b-171rms3mmh] 
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.tell-us[b-171rms3mmh] {
    width: 560px;
}


.trustpilot-box[b-171rms3mmh] {
    margin-bottom: 15px;
    margin-top: 30px;
}

@media only screen and (max-width: 660px) {
    .trustpilot-box[b-171rms3mmh] {
        margin-bottom: 15px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 450px) {
    .trustpilot-box[b-171rms3mmh] {
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .areasoflaw-title[b-171rms3mmh] {
        font-size: 28px;
        min-width: auto;
    }
}

@media only screen and (max-width: 520px) {
    .tell-us[b-171rms3mmh] {
        width: auto;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/ConsumerEnquiries.razor.rz.scp.css */
.consumer-enquiries-title[b-ah3pzb0rqz] {
    color: #0070baff;
}

.enquiry-container[b-ah3pzb0rqz] 
{
    border: 1px solid lightgrey;
    background-color: white;
    padding: 20px;
}

.enquiry-card[b-ah3pzb0rqz] {
    border: 1px solid grey;
    padding: 10px 10px 10px 10px;
    margin-top: 8px;
}

.consumer-enquiries-detail-card[b-ah3pzb0rqz] {
    border: 2px solid lightgrey;
    padding: 5px 5px 5px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.consumer-enquiries-header[b-ah3pzb0rqz] {
    cursor: pointer;
    display:flex;
}

.consumer-enquiries-header-title[b-ah3pzb0rqz] {
    color: #0070baff;
    font-size: 18px;
}

.consumer-enquiries-hidedetails[b-ah3pzb0rqz] {
    text-align: right;
    padding: 5px 0px 5px 0px;
}

.consumer-enquiries-header-status[b-ah3pzb0rqz] {
    margin-left:auto;
    font-size: 16px;
}

.consumer-enquiries-options-containter[b-ah3pzb0rqz] 
{
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
}

[b-ah3pzb0rqz] .consumer-enquiries-view-estimates {
    margin-left: auto;
}

.test2[b-ah3pzb0rqz] {
    margin-top: 20px;
}

    .test2[b-ah3pzb0rqz]  .mud-icon-root {
        vertical-align: middle;
        margin-right: 5px;
    }

    .test2[b-ah3pzb0rqz]  .mud-icon-button:disabled {
        vertical-align: bottom;
    }

    .test2[b-ah3pzb0rqz]  .mud-icon-button-label {
        margin-left: 10px;
        vertical-align: middle;
    }

.test[b-ah3pzb0rqz]  .mud-button {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    display: block;
    width: 135px;
    text-align: center;
}

.consumer-text[b-ah3pzb0rqz] {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

.details-container[b-ah3pzb0rqz] {
    margin-bottom: 10px;
}

    .details-container .column[b-ah3pzb0rqz] {
        text-align: center;
        padding: 5px;
        margin: 5px;
    }

.questionanswers[b-ah3pzb0rqz] {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-bottom: 5px;
}

.order[b-ah3pzb0rqz] {
    width: 30px;
    border-right: 1px solid #c2c2c2;
}

.question[b-ah3pzb0rqz] {
    width: 60%;
    max-width: 60%;
    border-right: 1px solid #c2c2c2;
}

.answer[b-ah3pzb0rqz] {
    max-width: 40%;
    width: 40%;
}

.status-text[b-ah3pzb0rqz] {
    color: #0070ba;
    font-weight: bold;
    display: inline-block;
}

.status-text2[b-ah3pzb0rqz] {
    color: #f49600ff;
    font-weight: bold;
    display: inline-block;
}

h2[b-ah3pzb0rqz] {
    font-size: 16px;
}

.col[b-ah3pzb0rqz] {
    margin-bottom: 8px;
}


@media only screen and (max-width: 630px) {
    .consumer-enquiries-hidedetails[b-ah3pzb0rqz]{
        display:none;
    }


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

        .row .col[b-ah3pzb0rqz] {
            justify-content: center;
            margin-bottom: 3px;
            display: flex;
        }


    .consumer-enquiries-header[b-ah3pzb0rqz]{
        flex-direction:column;
    }

    .consumer-enquiries-header-status[b-ah3pzb0rqz]{
        margin-left:unset;
    }

    .consumer-enquiries-options-containter[b-ah3pzb0rqz] {
        margin-top: 5px;
        margin-bottom: 5px;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        text-align: center;
    }

    [b-ah3pzb0rqz] .consumer-enquiries-view-estimates {
        margin-left:unset;
    }

    [b-ah3pzb0rqz] .cancel-enquiry{
        padding-top: 10px;
    }

    .test2[b-ah3pzb0rqz] {
        margin-top: 20px;
    }

    .consumer-text[b-ah3pzb0rqz] {
        margin-top: 5px;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/ConsumerEnquiryChosen.razor.rz.scp.css */

.consumer-container[b-m01lzeeb23] {
    border: 1px solid #d2d2d2;
    background-color: white;
    padding: 10px;
}

.link[b-m01lzeeb23] {
    text-decoration-line: underline;
    cursor: pointer;
    color: #0070baff !important;
    font-weight: bold;
}

.tab-container[b-m01lzeeb23] {
    margin-bottom: 15px;
}

.first-tab[b-m01lzeeb23] {
    position: relative;
    width: calc(33% - 40px);
    height: 40px;
    margin-left: 0px;
    text-align: center;
    line-height: 40px;
    display: flex;
    color: gray;
    background-color: lightgray;
}

.after-first-tab[b-m01lzeeb23]:after,
.first-tab[b-m01lzeeb23]:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-left: 40px solid lightgray;
    border-bottom: 20px solid transparent;
}


.after-first-tab[b-m01lzeeb23] {
    position: relative;
    width: calc(33% - 45px);
    height: 40px;
    margin-left: 50px;
    text-align: center;
    line-height: 40px;
    display: flex;
    color: gray;
    background-color: lightgray;
}

.tab-selected[b-m01lzeeb23] {
    color: white;
    background-color: #0070ba;
}

.tab-text-unselected[b-m01lzeeb23] {
    color: gray;
    overflow: hidden;
}

.tab-unselected[b-m01lzeeb23]:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 20px solid lightgray;
    border-left: 40px solid transparent;
    border-bottom: 20px solid lightgray;
}

.tab-selected[b-m01lzeeb23]:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 20px solid #0070ba;
    border-left: 40px solid transparent;
    border-bottom: 20px solid #0070ba;
}

.tab-selected[b-m01lzeeb23]:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-left: 40px solid #0070ba;
    border-bottom: 20px solid transparent;
}

.tab-text-selected[b-m01lzeeb23] {
    color: white;
    overflow: hidden;
}

.container[b-m01lzeeb23] {
    margin: auto;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.tab-not-mobile[b-m01lzeeb23] {
    display: flex;
}

.tab-not-mobile-container[b-m01lzeeb23] {
    width: 100%;
    max-width: 1200px;
    padding-right: 20px;
    z-index: 2;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 600px) {
    .consumer-container[b-m01lzeeb23] {
        margin-top: 40px;
        width: 100%;
        text-align: center;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/ConsumerEnquiryMainPage.razor.rz.scp.css */
.main-container[b-m2ez0u9ubk] {
    margin: auto;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.tab-background[b-m2ez0u9ubk] {
    background-color: #f2f2f2;
    position: fixed;
    height: 65px;
    margin-top: -15px;
    width: 100%;
    z-index: 1;
}

.tab-content-container[b-m2ez0u9ubk] {
    padding: 10px;
    height: auto;
    border: 1px solid lightgrey;
    background-color: white;
}

.tab-container[b-m2ez0u9ubk]{
    margin-bottom: 15px;

}

.first-tab[b-m2ez0u9ubk] {
    position: relative;
    width: calc(33% - 40px);
    height: 40px;
    margin-left: 0px;
    text-align: center;
    line-height: 40px;
    display:flex;
}

.first-tab-selected[b-m2ez0u9ubk] {
    color: white;
    background-color: #0070ba;
}

    .first-tab-selected[b-m2ez0u9ubk]:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 20px solid transparent;
        border-left: 40px solid #0070ba;
        border-bottom: 20px solid transparent;
    }



.first-tab-unselected[b-m2ez0u9ubk] {
    color: gray;
    background-color: lightgray;
}

    .first-tab-unselected[b-m2ez0u9ubk]:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 20px solid transparent;
        border-left: 40px solid lightgray;
        border-bottom: 20px solid transparent;
    }


.after-first-tab[b-m2ez0u9ubk] {
    position: relative;
    width: calc(33% - 45px);
    height: 40px;
    margin-left: 50px;
    text-align: center;
    line-height: 40px;
    display: flex;
}

.after-first-tab[b-m2ez0u9ubk]:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-left: 40px solid lightgray;
    border-bottom: 20px solid transparent;
}

.tab-text-unselected[b-m2ez0u9ubk] {
    color: gray;
    overflow: hidden;
}

.tab-text-selected[b-m2ez0u9ubk] {
    color: white;
    overflow: hidden;
}

.tab-selected[b-m2ez0u9ubk] {
    color: white;
    background-color: #0070ba;
}



    .tab-selected[b-m2ez0u9ubk]:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 20px solid #0070ba;
        border-left: 40px solid transparent;
        border-bottom: 20px solid #0070ba;
    }

    .tab-selected[b-m2ez0u9ubk]:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 20px solid transparent;
        border-left: 40px solid #0070ba;
        border-bottom: 20px solid transparent;
    }

.mobile[b-m2ez0u9ubk]{
    display: none;
}

.not-mobile[b-m2ez0u9ubk] {
    display: flex;

}

.not-mobile-container[b-m2ez0u9ubk] {
    position: fixed;
    width: 100%;
    max-width: 1200px;
    padding-right: 20px;
    z-index: 2;
}

.tab-unselected[b-m2ez0u9ubk] {
    color: gray;
    background-color: lightgray;
}

.tab-contents-spacing[b-m2ez0u9ubk]{
    margin-top:50px;
}

.tab-second-contents-spacing[b-m2ez0u9ubk]{
    margin-top:10px;
}

.tab-content-container-spacing[b-m2ez0u9ubk] {
    min-height: 220px;
    background: #e9fcf6;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid lightgrey;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right: 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}



.tab-unselected[b-m2ez0u9ubk]:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0px;
    height: 0px;
    border-top: 20px solid lightgray;
    border-left: 40px solid transparent;
    border-bottom: 20px solid lightgray;
}

    .tab-unselected[b-m2ez0u9ubk]:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 20px solid transparent;
        border-left: 40px solid lightgray;
        border-bottom: 20px solid transparent;
    }


@media only screen and (max-width: 660px) {
    .not-mobile[b-m2ez0u9ubk] {
        display: none;
    }

    .tab-contents-spacing[b-m2ez0u9ubk] {
        margin-top: 60px;
    }


    .after-first-tab[b-m2ez0u9ubk] {
        position: relative;
        width: calc(33% - 24px);
        height: 40px;
        margin-left: 25px;
        text-align: center;
        line-height: 40px;
        display: flex;
    }

    .tab-unselected[b-m2ez0u9ubk]:before {
        border-top: 20px solid lightgray;
        border-left: 20px solid transparent;
        border-bottom: 20px solid lightgray;
    }

    .tab-unselected[b-m2ez0u9ubk]:after {
        border-top: 20px solid transparent;
        border-left: 20px solid lightgray;
        border-bottom: 20px solid transparent;
    }

    .tab-selected[b-m2ez0u9ubk]:after {
        border-top: 20px solid transparent;
        border-left: 20px solid #0070ba;
        border-bottom: 20px solid transparent;
    }

    .tab-selected[b-m2ez0u9ubk]:before {
        border-top: 20px solid #0070ba;
        border-left: 20px solid transparent;
        border-bottom: 20px solid #0070ba;
    }



    .first-tab-unselected[b-m2ez0u9ubk]:after {
        border-top: 20px solid transparent;
        border-left: 20px solid lightgray;
        border-bottom: 20px solid transparent;
    }


    .first-tab-selected[b-m2ez0u9ubk]:after {
        border-top: 20px solid transparent;
        border-left: 20px solid #0070ba;
        border-bottom: 20px solid transparent;
    }

    .first-tab[b-m2ez0u9ubk] {
        position: relative;
        width: calc(33% - 20px);
        height: 40px;
        margin-left: 0px;
        text-align: center;
        line-height: 40px;
        display: flex;
    }


    .mobile[b-m2ez0u9ubk] {
        display: flex;

    }

    .mobile-tab[b-m2ez0u9ubk]{
        padding-left: 10px;
    }

    .mobile-container[b-m2ez0u9ubk] {
        position: fixed;
        width: 100%;
        max-width: 1200px;
        padding-right: 10px;
        margin-top: 10px;
        z-index: 2;
    }

    .tab-background[b-m2ez0u9ubk] {

        height: 75px;

    }



    .tab-content-container-spacing[b-m2ez0u9ubk] {
        min-height: 200px;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/ConsumerMessages.razor.rz.scp.css */
.consumer-messages-title[b-w1oe8ce8ua] {
    color: #0070baff;
}

.consumer-messages-messagedesc[b-w1oe8ce8ua] 
{
    margin-left: 10px;
}

.consumer-messages-expand[b-w1oe8ce8ua] 
{
    margin-left: auto;
    margin-right: 5px;
}

.consumer-messages-body[b-w1oe8ce8ua] 
{
    white-space: pre-wrap;
    text-align: left;
    padding: 0px 0px 0px 10px;
}

.consumer-messages-icon[b-w1oe8ce8ua] {
    display: flex;
}

.enquiry-container[b-w1oe8ce8ua] {
    border: 1px solid lightgrey;
    background-color: white;
    padding: 20px;
}
/* _content/F4L-ProjectX/Pages/Consumer/FAQs.razor.rz.scp.css */
ul[b-1ka5i3b8pi] {
    list-style-type: circle;
    list-style-position: inside;
}

a[b-1ka5i3b8pi] {
    text-decoration: underline !important;
}

[b-1ka5i3b8pi] .mud-expansion-panels {
    border-radius: 0;
}

[b-1ka5i3b8pi] .mud-expand-panel {
    border-bottom: 2px solid #8d8d8d !important;
    margin-bottom: 11px;
}

[b-1ka5i3b8pi] .mud-expand-panel:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
}

[b-1ka5i3b8pi] .mud-expand-panel .mud-expand-panel-header {
    background-color: white;
    border: none;
    margin-bottom: 0;
}

[b-1ka5i3b8pi] .mud-expand-panel.mud-panel-expanded {
    margin-bottom: 8px !important;
}

[b-1ka5i3b8pi] .mud-typography{
    font-size: 18px;
    font-weight: 800;
    color: #6d6d6d;
}

[b-1ka5i3b8pi] .mud-icon-root.mud-svg-icon {
    fill: #6d6d6d;
}

[b-1ka5i3b8pi] .mud-icon-root {
    width: 1.1em;
    height: 1.1em;
}

p[b-1ka5i3b8pi] {
    color: #f49600ff;
    margin-left: 6px;
    margin-bottom: 5px;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 550px) {
    :: deep .mud-expand-panel-text[b-1ka5i3b8pi] {
        font-size: 15px;
        line-height: 20px;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/Home.razor.rz.scp.css */
.home-container h1[b-wcbranf1jn] {
    color: #0070ba;
    margin-bottom: 15px;
}

.home-container p[b-wcbranf1jn] {
    margin-bottom: 15px;
}

.home-container a[b-wcbranf1jn] {
    text-decoration: underline;
    color: #0070ba;
    font-weight: bold;
    
}

.service-image[b-wcbranf1jn] {
    max-width: 240px;
}

.services-box[b-wcbranf1jn] {
    width: 240px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}
[b-wcbranf1jn] .opening-box 
{
    height: 340px;
}

[b-wcbranf1jn] .mud-expand-panel .mud-expand-panel-header {
    background-color: white;
    color: black;
}

.title[b-wcbranf1jn] {
    font-size: 40px;
    margin-bottom: 5px;
    position: relative;
    font-weight: bold;
    color: #0070baff;
}

.steps[b-wcbranf1jn] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.find-header[b-wcbranf1jn] {
    margin-bottom: 15px;
}

[b-wcbranf1jn] .image-section-header {
    padding: 22px 12px 12px 12px;
    margin-top: 5px;
}

.image-text[b-wcbranf1jn] {
    padding: 10px;
    background-color: white;
    text-align: center; 
}

[b-wcbranf1jn] .background-container {
    height: 350px;
    width: 100%;
    background-image: url("./img/homepage/Home-Hero-Image.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.search-container[b-wcbranf1jn]{
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

[b-wcbranf1jn] .dropdown-container {
    background-color: white;
    border: 2px solid blue;
    border-radius: 4px;
    max-width: 490px;
    position: absolute;
    top: 505px;
    left: 520px;
}

[b-wcbranf1jn] .dropdown-container > * {
    padding: 5px;
}

[b-wcbranf1jn] .mud-avatar-filled {
    background-color: #24b784 !important;
}

.trustpilot-box[b-wcbranf1jn] {
    margin-bottom: 20px;
    margin-top: 100px;
}

.title-container[b-wcbranf1jn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
}

[b-wcbranf1jn] .aol-dropdown-box .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 4px 0 0 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[b-wcbranf1jn] .postcode-box .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 0 4px 4px 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

[b-wcbranf1jn] .continue-button {
    padding: 12px 0px 12px 0px;
    width: 100%;
}

[b-wcbranf1jn] .faq-header {
    padding: 50px 20px 50px 20px;

}

[b-wcbranf1jn] .faq-header p {
    font-weight:bold;
}

.home-services[b-wcbranf1jn] {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap
}

.work-box[b-wcbranf1jn] 
{
    padding: 10px;
}

.options-box[b-wcbranf1jn] {
    margin-top: 20px;
}

.step-box[b-wcbranf1jn] {
    width: 20%;
}

[b-wcbranf1jn] .justify-start {
    justify-content: center !important;
}

.circle[b-wcbranf1jn] {
    width: 60px;
    height: 60px;
    font-size: 3rem;
    font-weight: bold;
    border-radius: 50%;
    background-color: #24b784;
    text-align: center;
    color: white;
    margin: auto;
    line-height: 1.3;
}

/***********
    Content header
***********/

.content-header-container[b-wcbranf1jn] {
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    height: 420px;
    z-index: 0;
    background-image: url("./img/homepage/Home-Hero-Image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.content-header-container h1[b-wcbranf1jn] {
    margin-top: 35px;
    font-size: 30px;
    font-weight: 500;
    color: white;
}

.content-header-padding[b-wcbranf1jn] {
    margin: 0 auto;
    max-width: 1200px;
    padding: 5px 5px;
}

[b-wcbranf1jn] .mud-button {
    margin: 5px;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 820px) {
    .background-container[b-wcbranf1jn] {
        height: 300px;
    }

    [b-wcbranf1jn] .opening-box {
        height: unset;
    }

    .trustpilot-box[b-wcbranf1jn] {
        margin-bottom: 15px;
        margin-top: 110px;
    }
    .content-header-container[b-wcbranf1jn] {
        top: 68px;
        height: 440px;
        background-image: url("./img/homepage/Home-Hero-Mobile.jpg");
    }

    .content-header-container h1[b-wcbranf1jn] {
        margin-top: 20px;
        font-size: 25px;
    }
}

@media screen and (max-width: 550px) {
    .trustpilot-box[b-wcbranf1jn] {
        margin-top: 60px;
    }
}

@media screen and (max-width: 460px) {
    .title[b-wcbranf1jn] {
        font-size: 30px;
    }
    .search-container[b-wcbranf1jn] {
        margin-top: 20px;
    }
    .title-container[b-wcbranf1jn] {
        align-items: baseline;
        margin-top: 15px;
    }
    .steps[b-wcbranf1jn] {
        flex-direction: column;
    }
    .step-box[b-wcbranf1jn] {
        width: 100%;
        margin-bottom: 20px;
    }
    .trustpilot-box[b-wcbranf1jn] {
        margin-bottom: 5px;
        margin-top: 170px;
    }
}

@media screen and (max-width: 420px) {
    .trustpilot-box[b-wcbranf1jn] {
        margin-top: 50px;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/LandingPages/F4IC/Injury.razor.rz.scp.css */
.header[b-49yrpxv5e9] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 23px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.subtext[b-49yrpxv5e9] {
    font-size: 14px;
    margin-bottom: 20px;
}

.header-container[b-49yrpxv5e9] {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

ul[b-49yrpxv5e9] {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 20px;
    margin-bottom: 20px;
}

ul li[b-49yrpxv5e9]::marker {
    color: #0070baff;
    font-size: 1.5em;
}

.getstarted-container[b-49yrpxv5e9] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.trustpilot-box[b-49yrpxv5e9] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 0;
    background-color: #000032;
    padding-top: 11px;
}

.button-text[b-49yrpxv5e9] {
    color: white;
    font-size: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 880px) {
    .getstarted-box[b-49yrpxv5e9] {
        width: 100%;
        min-width: 300px;
    }
    .trustpilot-box[b-49yrpxv5e9] {
        position: inherit;
        margin-top: 20px;
    }
    [b-49yrpxv5e9] .mud-input-label-outlined, .mud-input-slot[b-49yrpxv5e9], .mud-input[b-49yrpxv5e9] {
        font-size: 11px !important;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/LandingPages/F4IC/InjuryIDUpload.razor.rz.scp.css */
.header[b-47qwf1alc9] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 15%;
    margin-bottom: 10px;
}

.subtext[b-47qwf1alc9] {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.larger-font[b-47qwf1alc9] {
    font-size: 19px !important
}

.button-text[b-47qwf1alc9] {
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.loading[b-47qwf1alc9] {
    margin-top: 15%;
}

.header-thankyou[b-47qwf1alc9] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 15%;
    margin-bottom: 10px;
    text-align: center;
}

.header-loading[b-47qwf1alc9] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.header-container[b-47qwf1alc9] {
    margin-left: auto;
    margin-right: auto;
    width: 650px;
}

.header-container-title[b-47qwf1alc9] {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: center;
}

.thank-you-checkmark[b-47qwf1alc9] {
    display: inline-block;
    width: 28px;
    height: 17px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thank-you-checkmark_stem[b-47qwf1alc9] {
    position: absolute;
    width: 5px;
    height: 30px;
    background-color: white;
    left: 15px;
    top: -8px;
}

.thank-you-checkmark_kick[b-47qwf1alc9] {
    position: absolute;
    width: 10px;
    height: 5px;
    background-color: white;
    left: 5px;
    top: 17px;
}

.thank-you-checkmark-container[b-47qwf1alc9] {
    height: 80px;
    width: 80px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    background-color: #00b67a;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
/* _content/F4L-ProjectX/Pages/Consumer/LandingPages/F4IC/InjuryQuestions.razor.rz.scp.css */
.header[b-nu8wiykmd6] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 15%;
    margin-bottom: 10px;
}

.subtext[b-nu8wiykmd6] {
    font-size: 14px;
    margin-bottom: 20px;
}

.larger-font[b-nu8wiykmd6] {
    font-size: 19px !important
}

.loading[b-nu8wiykmd6] {
    margin-top: 15%;
}

.header-thankyou[b-nu8wiykmd6] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 28px;
    margin-top: 15%;
    margin-bottom: 10px;
    text-align: center;
}

.header-loading[b-nu8wiykmd6] {
    color: #0070baff !important;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.header-container[b-nu8wiykmd6] {
    margin-left: auto;
    margin-right: auto;
    width: 550px;
}

.header-container-title[b-nu8wiykmd6] {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: center;
}

.thank-you-checkmark[b-nu8wiykmd6] {
    display: inline-block;
    width: 28px;
    height: 17px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.thank-you-checkmark_stem[b-nu8wiykmd6] {
    position: absolute;
    width: 5px;
    height: 30px;
    background-color: white;
    left: 15px;
    top: -8px;
}

.thank-you-checkmark_kick[b-nu8wiykmd6] {
    position: absolute;
    width: 10px;
    height: 5px;
    background-color: white;
    left: 5px;
    top: 17px;
}

.thank-you-checkmark-container[b-nu8wiykmd6] {
    height: 80px;
    width: 80px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    background-color: #00b67a;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
/* _content/F4L-ProjectX/Pages/Consumer/LandingPages/HousingDisrepair.razor.rz.scp.css */

/* _content/F4L-ProjectX/Pages/Consumer/PlatformReviewPage.razor.rz.scp.css */
/***********
    Responsiveness
***********/
@media screen and (max-width: 600px) {
    .consumer-submit-review-container[b-y63cvmrs7s] {
        width: 100%;
        text-align: center;
    }
}
/* _content/F4L-ProjectX/Pages/Consumer/SolicitorReviewPage.razor.rz.scp.css */

.consumer-submit-review-container[b-zyzbgwwgif] {
    margin: auto;
    width: 70%;
    border: 1px solid #d2d2d2;
    background-color: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    text-align: center;
    justify-content: center;
}

/***********
    Responsiveness
***********/
@media screen and (max-width: 600px) {
    .consumer-submit-review-container[b-zyzbgwwgif] {
        width: 100%;
        text-align: center;
    }
}
/* _content/F4L-ProjectX/Pages/Solicitor/Account.razor.rz.scp.css */
::deep .account-details .mud-input[b-urbnkebjrg] {
    width: 210px;
    margin-right: 20px;
}

.account-details[b-urbnkebjrg] {
    margin-top: 10px;
}

.account-status h2[b-urbnkebjrg] {
    font-size: 15px;
    color: #0070ba;
}

.tab-header[b-urbnkebjrg] {
    font-size: 20px;
    color: #0070ba;
    margin-bottom: 5px;
    font-weight: bold;
}

.component-container[b-urbnkebjrg] {
    justify-content: center;
}

.bottom-right[b-urbnkebjrg] {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

[b-urbnkebjrg] .mud-tabs {
    margin-top: 10px;
}

.component-box[b-urbnkebjrg] {
    width: 100%;
    min-height: 380px;
    position: relative;
}

.account-status h2[b-urbnkebjrg],
.account-status p[b-urbnkebjrg] {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.account-status span[b-urbnkebjrg] {
    margin-left: 10px;
}

.account-status p[b-urbnkebjrg] {
    font-weight: 500;
}

.green-tick[b-urbnkebjrg] {
    border-bottom: 4px solid #78b13f;
    border-right: 4px solid #78b13f;
    width: 9px;
    height: 17px;
}

.change-password[b-urbnkebjrg] {
    margin-top: 10px;
}

.loading[b-urbnkebjrg] {
    margin-top: 50px;
}

.loading h2[b-urbnkebjrg] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

.column[b-urbnkebjrg] {
    margin-right: 15px;
}

.spacer[b-urbnkebjrg] {
    float: left;
    height: 35px;
}

.bottom-right[b-urbnkebjrg] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

[b-urbnkebjrg] .account-details .mud-input {
    width: 230px;
}

[b-urbnkebjrg] .mud-typography-body1{
    font-size: 14px;
}

@media only screen and (max-width: 426px) {
    .row[b-urbnkebjrg] {
        flex-direction: column;
    }

    [b-urbnkebjrg] .account-details .mud-input {
        width: 100%;
        margin-right: 0;
    }

    .account-status[b-urbnkebjrg] {
        text-align: center;
    }

    .column[b-urbnkebjrg] {
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    [b-urbnkebjrg] .mud-toolbar {
        height: 140px !important;
    }
}
/* _content/F4L-ProjectX/Pages/Solicitor/FAQs.razor.rz.scp.css */
ul[b-c1hy1bp8t5] {
    list-style-type: circle;
    list-style-position: inside;
}

[b-c1hy1bp8t5] .mud-expansion-panels {
    border-radius: 0;
}

[b-c1hy1bp8t5] .mud-expand-panel {
    border-bottom: 2px solid #8d8d8d !important;
    margin-bottom: 11px;
}

[b-c1hy1bp8t5] .mud-expand-panel:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
}

[b-c1hy1bp8t5] .mud-expand-panel .mud-expand-panel-header {
    background-color: white;
    border: none;
    margin-bottom: 0;
}

[b-c1hy1bp8t5] .mud-expand-panel.mud-panel-expanded {
    margin-bottom: 8px !important;
}

[b-c1hy1bp8t5] .mud-typography {
    font-size: 18px;
    font-weight: 800;
    color: #6d6d6d;
}

[b-c1hy1bp8t5] .mud-icon-root.mud-svg-icon {
    fill: #6d6d6d;
}

[b-c1hy1bp8t5] .mud-icon-root {
    width: 1.1em;
    height: 1.1em;
}

p[b-c1hy1bp8t5] {
    color: #f49600ff;
    margin-left: 6px;
    margin-bottom: 5px;
}

a[b-c1hy1bp8t5] {
    color: #f49600ff;
    text-decoration: underline;
}
/***********
    Responsiveness
***********/
@media screen and (max-width: 550px) {
    [b-c1hy1bp8t5] .mud-expand-panel-text {
        font-size: 15px;
        line-height: 20px;
    }
}
/* _content/F4L-ProjectX/Pages/Solicitor/InitialSetup.razor.rz.scp.css */
.loading[b-s5fbinpfpw] {
    margin-top: 200px;
}

.loading h2[b-s5fbinpfpw] {
    margin-top: 5px;
    text-align: center;
}
/* _content/F4L-ProjectX/Pages/Solicitor/Intergration.razor.rz.scp.css */

.title[b-f5rk96amzw] {
    color: #0070baff;
    margin-bottom: 10px;
}

.component-box[b-f5rk96amzw] {
    width: 100%;
    position: relative;
    min-height: 560px;
}

.view[b-f5rk96amzw] {
    color: #0070ba;
    cursor: pointer;
}

.add[b-f5rk96amzw] {
    margin-bottom: 10px;
}

.component-without-box[b-f5rk96amzw] {
    width: 100%;
    position: relative;
    min-height: 560px;
    padding: 15px 15px;
    margin: 5px;
}
/* _content/F4L-ProjectX/Pages/Solicitor/LegalServices.razor.rz.scp.css */
.loading[b-t5e3rexv3p] {
    margin-top: 50px;
}

.loading h2[b-t5e3rexv3p] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

.component-box[b-t5e3rexv3p] {
    width: 100%;
    position: relative;
    min-height: 560px;
}

.spacer[b-t5e3rexv3p] {
    float: left;
    height: 35px;
}

.bottom-right[b-t5e3rexv3p] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}
/* _content/F4L-ProjectX/Pages/Solicitor/Offices.razor.rz.scp.css */
.loading[b-dwm6tcmhih] {
    margin-top: 50px;
}

.loading h2[b-dwm6tcmhih] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

.component-box[b-dwm6tcmhih] {
    width: 100%;
    position: relative;
    min-height: 550px;
}

.spacer[b-dwm6tcmhih] {
    float: left;
    height: 35px;
}

.bottom-right[b-dwm6tcmhih] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}
/* _content/F4L-ProjectX/Pages/Solicitor/OfficeUsers.razor.rz.scp.css */
.component-box[b-nzqwylh592] {
    width: 100%;
    position: relative;
    min-height: 550px;
}

.spacer[b-nzqwylh592] {
    float: left;
    height: 35px;
}

.bottom-right[b-nzqwylh592] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.loading[b-nzqwylh592] {
    margin-top: 50px;
}

.loading h2[b-nzqwylh592] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}
/* _content/F4L-ProjectX/Pages/Solicitor/Payment.razor.rz.scp.css */
.payment-container[b-upejzmwkes] {
    margin-top: 10%;
    text-align: center;
}

.payment-container h2[b-upejzmwkes]{
    margin-top: 10px;
}

.close-window[b-upejzmwkes] {
    text-align: center;
    margin-top: 10px;
}
/* _content/F4L-ProjectX/Pages/Solicitor/Profile.razor.rz.scp.css */
.tab-header[b-j1pwr17a0l] {
    font-size: 20px;
    color: #0070ba;
    margin-bottom: 5px;
    font-weight: bold;
}

[b-j1pwr17a0l] .mud-tabs-panels {
    min-height: 520px;
}

.component-container[b-j1pwr17a0l] {
    justify-content: center;
}

.bottom-right[b-j1pwr17a0l] {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.spacer[b-j1pwr17a0l] {
    float: left;
    height: 35px;
}

[b-j1pwr17a0l] .mud-tabs {
    margin-top: 10px;
}

.component-box[b-j1pwr17a0l] {
    width: 100%;
}

.loading[b-j1pwr17a0l] {
    margin-top: 80px;
}

.loading h2[b-j1pwr17a0l] {
    margin-top: 5px;
    text-align: center;
    color: #0070ba;
}

@media only screen and (max-width: 426px) {
    .row[b-j1pwr17a0l] {
        flex-direction: column;
    }
    [b-j1pwr17a0l] .mud-tabs-panels {
        min-height: 0;
    }
}

@media only screen and (max-width: 600px) {
    [b-j1pwr17a0l] .mud-toolbar {
        height: 140px !important;
    }
}
/* _content/F4L-ProjectX/Pages/Surveyor/Account.razor.rz.scp.css */
::deep .account-details .mud-input[b-uo4bb60f7j] {
    width: 210px;
    margin-right: 20px;
}

.account-details[b-uo4bb60f7j] {
    margin-top: 10px;
}

.account-status h2[b-uo4bb60f7j] {
    font-size: 15px;
    color: #0070ba;
}

.tab-header[b-uo4bb60f7j] {
    font-size: 20px;
    color: #0070ba;
    margin-bottom: 5px;
    font-weight: bold;
}

.component-container[b-uo4bb60f7j] {
    justify-content: center;
}

.bottom-right[b-uo4bb60f7j] {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

[b-uo4bb60f7j] .mud-tabs {
    margin-top: 10px;
}

.component-box[b-uo4bb60f7j] {
    width: 100%;
    min-height: 380px;
    position: relative;
}

.account-status h2[b-uo4bb60f7j],
.account-status p[b-uo4bb60f7j] {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}

.account-status span[b-uo4bb60f7j] {
    margin-left: 10px;
}

.account-status p[b-uo4bb60f7j] {
    font-weight: 500;
}

.green-tick[b-uo4bb60f7j] {
    border-bottom: 4px solid #78b13f;
    border-right: 4px solid #78b13f;
    width: 9px;
    height: 17px;
}

.change-password[b-uo4bb60f7j] {
    margin-top: 10px;
}

.loading[b-uo4bb60f7j] {
    margin-top: 50px;
}

    .loading h2[b-uo4bb60f7j] {
        margin-top: 5px;
        text-align: center;
        color: #0070ba;
    }

.column[b-uo4bb60f7j] {
    margin-right: 15px;
}

.spacer[b-uo4bb60f7j] {
    float: left;
    height: 35px;
}

.bottom-right[b-uo4bb60f7j] {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

[b-uo4bb60f7j] .account-details .mud-input {
    width: 230px;
}

[b-uo4bb60f7j] .mud-typography-body1 {
    font-size: 14px;
}

@media only screen and (max-width: 426px) {
    .row[b-uo4bb60f7j] {
        flex-direction: column;
    }

    [b-uo4bb60f7j] .account-details .mud-input {
        width: 100%;
        margin-right: 0;
    }

    .account-status[b-uo4bb60f7j] {
        text-align: center;
    }

    .person[b-uo4bb60f7j],
    .column[b-uo4bb60f7j] {
        margin-right: 0;
        width: 100%;
    }

    .col[b-uo4bb60f7j] {

    }
}

@media only screen and (max-width: 600px) {
    [b-uo4bb60f7j] .mud-toolbar {
        height: 140px !important;
    }
}
/* _content/F4L-ProjectX/Pages/Surveyor/Enquiries.razor.rz.scp.css */
.component-box[b-nivmsotwr2] {
    width: 100%;
    min-height: 250px;
}

.view[b-nivmsotwr2] {
    color: #0070ba;
    cursor: pointer;
}
/* _content/F4L-ProjectX/Pages/Surveyor/OfficeEnquiriesOld.razor.rz.scp.css */

.consumer-text[b-d4gykv6tu8] {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

.enquiry-text[b-d4gykv6tu8] {
    margin-top: 10px;
    display: inline-block;
    color: #0070ba;
    margin-right: 25px;
}

.view[b-d4gykv6tu8] {
    color: #0070ba;
    cursor: pointer;
}

.visit-button-container[b-d4gykv6tu8] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-d4gykv6tu8] .tox-editor-header {
    display: none !important;
}

.consumer-name[b-d4gykv6tu8] {
    font-size: 20px;
}

.status-text[b-d4gykv6tu8] {
    color: #0070ba;
    font-weight: bold;
    display: inline-block;
}

.status-text2[b-d4gykv6tu8] {
    color: #f49600ff;
    font-weight: bold;
    display: inline-block;
}

.test2[b-d4gykv6tu8] {
    margin-top: 20px;
}

    .test2[b-d4gykv6tu8]  .mud-icon-root {
        vertical-align: middle;
        margin-right: 5px;
    }

    .test2[b-d4gykv6tu8]  .mud-icon-button:disabled {
        vertical-align: bottom;
    }

    .test2[b-d4gykv6tu8]  .mud-icon-button-label {
        margin-left: 10px;
        vertical-align: middle;
    }

.test[b-d4gykv6tu8]  .mud-button {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    display: block;
    width: 175px;
    text-align: center;
}

[b-d4gykv6tu8] .mud-icon-size-small {
    font-size: 1.5rem;
}

.col[b-d4gykv6tu8] {
    margin-bottom: 8px;
}

.reveal-icon-position[b-d4gykv6tu8] {
    position: absolute;
    top: 5px;
    right: 5px;
}

[b-d4gykv6tu8] .mud-icon-button {
    padding: 1px;
}

.details-container[b-d4gykv6tu8] {
    margin-bottom: 10px;
}

    .details-container .column[b-d4gykv6tu8] {
        text-align: center;
        padding: 5px;
        margin: 5px;
    }

.questionanswers[b-d4gykv6tu8] {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    margin-bottom: 5px;
}

h2[b-d4gykv6tu8] {
    font-size: 16px;
}

.order[b-d4gykv6tu8] {
    width: 30px;
    border-right: 1px solid #c2c2c2;
}

.question[b-d4gykv6tu8] {
    width: 60%;
    max-width: 60%;
    border-right: 1px solid #c2c2c2;
}

.actions[b-d4gykv6tu8] {
    width: 60%;
    flex: 0;
}

.answer[b-d4gykv6tu8] {
    max-width: 40%;
    width: 40%;
}

.checkmark[b-d4gykv6tu8] {
    position: absolute;
    transform: rotate(45deg) translate(-50%, -50%);
    left: 42%;
    top: 43%;
    height: 18px;
    width: 9px;
    border-bottom: 3px solid #1abc00;
    border-right: 3px solid #1abc00;
}

/***********
    General Responsiveness
***********/

@media only screen and (max-width: 550px) {
    .right[b-d4gykv6tu8] {
        float: left;
    }

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

        .row .col[b-d4gykv6tu8] {
            justify-content: center;
            margin-bottom: 3px;
            display: flex;
        }

    .consumer-text[b-d4gykv6tu8] {
        margin-top: 5px;
    }

    .enquiry-text[b-d4gykv6tu8] {
        display: block;
        margin-top: 6px;
        margin-right: 0;
    }

    .test2[b-d4gykv6tu8] {
        margin-top: 20px;
    }

    .actions[b-d4gykv6tu8] {
        width: 100%;
    }

    .question[b-d4gykv6tu8] {
        width: 100%;
        min-width: 100%;
        border-right: none;
    }

    .answer[b-d4gykv6tu8] {
        max-width: 100%;
        width: 100%;
    }
}