@import '../_content/Web.Client.Components/Web.Client.Components.tk4ytl7rk5.bundle.scp.css?build=ea022157967aceb45aae24c59fbe5fc6303a6735';

/* Customer/Pages/AppointmentCall.razor.rz.scp.css */
/* Customer/Pages/Authenticate.razor.rz.scp.css */
[b-h9x2q4vdb9] .with-error .header {
    background-color: #FFE6CC !important;
    position: relative;
    color: #854A06 !important;
}

    [b-h9x2q4vdb9] .with-error .header .invalid-details-error-icon {
        justify-content: flex-end;
        display: flex;
        padding-top: 1rem;
        padding-right: 1rem;
    }

[b-h9x2q4vdb9] .mud-select .mud-input-slot {
    padding: 14px !important;
}



[b-h9x2q4vdb9] > .mud-paper {
    padding: 12px;
}

@media (max-width: 600px) {
    .invalid-details-error-container[b-h9x2q4vdb9] {
        margin-left: 0;
        width: 100%;
        border-radius: 0;
        margin-top: 0px;
    }
}

[b-h9x2q4vdb9] .mud-form {
    width: 100%;
}


[b-h9x2q4vdb9] .mfa-form {
    padding: 10px;
}

    [b-h9x2q4vdb9] .mfa-form button {
        padding: 23px 25px !important;
    }

.auth-header h6[b-h9x2q4vdb9] {
    font-size: 20px;
}

.auth-header p[b-h9x2q4vdb9] {
    margin-bottom: 16px;
    color: #626D78;
}

.auth-container[b-h9x2q4vdb9] {
    width: 400px;
}


@media (max-width: 600px) {
    .auth-container[b-h9x2q4vdb9] {
        width: 100%;
    }
}

/*.pb-8px{
    padding-bottom: 8px;
}*/

.input-field label[b-h9x2q4vdb9] {
    padding-bottom: 2px;
}

[b-h9x2q4vdb9] .no-arrows .mud-input .mud-input-numeric-spin {
    display: none;
}

.hidden[b-h9x2q4vdb9] {
    opacity: 0;
}
/* Customer/Pages/Booking.razor.rz.scp.css */
[b-6r17pwwiu2] .mud-grid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Customer/Pages/Complete.razor.rz.scp.css */
[b-rozv5jht7b] .green-tick {
  background: #a7e0d5;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  padding: 0.5rem;
  border: solid 0.25rem #008069;
  color: #008069;
}

.complete-container[b-rozv5jht7b]{
 
}


.h2[b-rozv5jht7b] {
    font-size: 20px;
}

.subtext[b-rozv5jht7b] {
    color: #626D78;
    padding-right: 50px;
}
/* Customer/Pages/Confirm.razor.rz.scp.css */
[b-f311qhkmde] .next-step-button {
    max-width: 170px;
}


@media (max-width: 600px) {

    [b-f311qhkmde] .next-step-button {
        max-width: 100%;
        margin-bottom: 10px;
    }
}


.body .actions[b-f311qhkmde] {
    margin: 20px -1.5rem -1.5rem -1.5rem !important;
    width: calc(100% + 60px);
}
/* Customer/Pages/ContactUs.razor.rz.scp.css */
.component-root[b-htwlsw52tw] {
    padding: 10px;
}

[b-htwlsw52tw] .contact-form {
    background: rgba(0, 64, 53, 1);
    border-radius: 5px;
    padding: 24px;
}

[b-htwlsw52tw] .contact-form-branded {
    background: white;
    border-radius: 5px;
    padding: 24px;
}
[b-htwlsw52tw] .contact-form-branded p{
    color: black
}

    [b-htwlsw52tw] .contact-form p{
        color: white
    }

[b-htwlsw52tw] .textarea-green label {
    background: rgba(0, 64, 53, 1);
}

[b-htwlsw52tw] .textarea-col-white label {
    color: white !important;
}
[b-htwlsw52tw] .textarea-col-white textarea {
    color: white !important;
}

[b-htwlsw52tw] .px-10px{
    padding-left: 10px;
    padding-right: 10px;
}

[b-htwlsw52tw] .fs-20px{
    font-size: 20px;
}
/* Customer/Pages/Form.razor.rz.scp.css */
[b-ugrh3nq5ak] .next-step-button {
  max-width: 250px;
}

.step-buttons[b-ugrh3nq5ak] {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-left: -24px;
}

@media (max-width: 600px) {
  [b-ugrh3nq5ak] .next-step-button {
    max-width: 100%;
    margin-bottom: 10px;
  }

  .step-buttons[b-ugrh3nq5ak] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-direction: column !important;
  }
}

.h2[b-ugrh3nq5ak] {
  font-size: 20px;
}

.subtext[b-ugrh3nq5ak] {
  color: #626d78;
  padding-right: 20px;
}
/* Customer/Pages/InspectionDetails.razor.rz.scp.css */
[b-4fkcu32tw5].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-4fkcu32tw5] .mud-tabs-scroll-button {
    display: flex;
}

[b-4fkcu32tw5] .back-button {
    display: none;
}

[b-4fkcu32tw5] .details-tabs .mud-tab {
    min-width: 100px !important;
}

@media (min-width: 1070px) {
    [b-4fkcu32tw5] .back-button {
        display: block;
        position: absolute;
        z-index: 999;
        background-color: #ECEDEE;
        padding: 5px;
        top: 14px;
        left: 18px;
    }
}


[b-4fkcu32tw5] .header-address-container-collapsed {
    transform: rotate(270deg);
    width: 400px;
    display: flex;
    flex-direction: row;
    position: absolute;
    left: -178px;
    top: 262px;
    justify-content: end;
}

    [b-4fkcu32tw5] .header-address-container-collapsed h6 {
        width: auto !important;
    }

    [b-4fkcu32tw5] .header-address-container-collapsed .mud-chip {
        top: 5px;
        margin-left: 11px;
    }

.header-container[b-4fkcu32tw5] {
    padding: 11px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
    min-height: 73px;
}

    .header-container .header-details[b-4fkcu32tw5] {
        display: flex;
        position: relative;
    }

.header-thumbnail[b-4fkcu32tw5] {
    margin-top: 10px;
    margin-left: 59px;
    text-align: center;
    background-color: #004035;
    border-radius: 8px;
    overflow: hidden;
}

.header-back-container[b-4fkcu32tw5] {
    width: 58px;
    flex-grow: 0;
    flex-shrink: 0;
}

.header-status-container[b-4fkcu32tw5] {
    position: absolute;
    right: 8px;
    top: 6px;
}

.header-address-container[b-4fkcu32tw5] {
    flex-grow: 1;
}

[b-4fkcu32tw5] .header-address-container .status-chip {
    margin-top: 7px;
    /*height: 24px;*/
    /*font-size: 13px;*/
    font-weight: 500 !important;
}

[b-4fkcu32tw5] .status-chip.cancel-inspection {
    position: absolute;
    background: #D50000;
    color: white;
    right: 0;
    top: 0;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 500;
}

    [b-4fkcu32tw5] .status-chip.cancel-inspection:hover {
        background: #B71C1C;
    }

[b-4fkcu32tw5] .header-address-container .status-chip svg {
    transform: scale(0.6);
}

[b-4fkcu32tw5] .header-container h6 {
    display: inline-block;
    font-weight: bold;
    max-width: 191px;
}

[b-4fkcu32tw5] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: 3px;
    margin-left: 6px;
}

.left-container[b-4fkcu32tw5] {
    margin-bottom: 10px;
    background-color: #fff;
    height: 100vh;
    overflow: auto;
    height: calc(100vh - 20px);
    border-right: 2px solid #eee;
}

.left-content[b-4fkcu32tw5] {
    padding: 0 20px;
    overflow-x: auto;
}

[b-4fkcu32tw5] .left-col {
    background-color: #fff;
}

[b-4fkcu32tw5] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

[b-4fkcu32tw5] img.thumbnail {
    width: auto;
    max-height: 156px;
    margin-bottom: -5px;
}

[b-4fkcu32tw5] .mr-5px {
    margin-right: 5px;
}

[b-4fkcu32tw5] .ml-0 {
    margin-left: 0;
}




.tab-container[b-4fkcu32tw5] {
    /*    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;*/
}

[b-4fkcu32tw5] .mud-tabs-panels {
    min-height: 200px;
    border-bottom-right-radius: 15px;
    padding-bottom: 10px;
    height: calc(100vh - 83px);
}

[b-4fkcu32tw5] .mud-tab {
    padding: 24px;
}

[b-4fkcu32tw5] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-4fkcu32tw5] .tab-content-container {
    height: calc(100vh - 180px);
    overflow: auto;
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

[b-4fkcu32tw5] hr.mud-divider.mud-divider-fullwidth {
    margin-bottom: 1rem;
}

.property-form-holder[b-4fkcu32tw5] {
    padding: 48px; /*20px*/
}

.property-form-header[b-4fkcu32tw5] {
    margin-bottom: 30px;
}

    .property-form-header h6[b-4fkcu32tw5] {
        font-size: 20px;
    }

    .property-form-header p[b-4fkcu32tw5] {
        color: #626D78;
    }

[b-4fkcu32tw5] .tab-large {
    width: 190px;
}

.panel-full-width[b-4fkcu32tw5] {
    margin: -24px;
}

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

[b-4fkcu32tw5] .ellipsis-appointment-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: -7px;
}

[b-4fkcu32tw5] .outcome-label {
    font-size: 11px;
    font-weight: 900 !important;
}

[b-4fkcu32tw5] .col-grey {
    color: #626D78;
    font-weight: normal;
}
/* Customer/Pages/Internet.razor.rz.scp.css */



[b-w085njwjbx] .mud-alert {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin: -15px;
    margin-top: 15px;
}

[b-w085njwjbx] .mud-alert-filled-info {
    background-color: #FAFCFF;
    color: #2F67BD;
}

[b-w085njwjbx] .mud-alert-filled-warning {
    background-color: #FFF3E6;
    color: #854A06;
}

[b-w085njwjbx] .text-white {
    color: white !important;
}

[b-w085njwjbx] .mud-alert.mud-alert-filled-success {
    background: rgba(0, 157, 129, 0.50);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: white;
    font-size: var(--mud-typography-default-size);
}

    [b-w085njwjbx] .mud-alert.mud-alert-filled-success .mud-link {
        font-size: var(--mud-typography-default-size);
    }

[b-w085njwjbx] .mud-alert.mud-alert-filled-warning .mud-alert-icon {
    margin-top: 5px;
}

[b-w085njwjbx] .location-header {
    background-color: #004035;
    border-radius: 8px;
    color: #fff;
    padding: 15px;
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

    [b-w085njwjbx] .location-header strong {
        margin-bottom: 10px;
        display: block;
    }


[b-w085njwjbx] .footer-buttons {
    margin-top: 20px;
}

[b-w085njwjbx] .mud-button {
    width: 100%;
}

[b-w085njwjbx] .speed-results {
    margin-bottom: 25px;
}

    [b-w085njwjbx] .speed-results span {
        margin-left: 8px;
    }

    [b-w085njwjbx] .speed-results .mud-icon-root {
        margin-top: 10px;
        margin-bottom: -7px;
    }
/* Customer/Pages/LandingPage.razor.rz.scp.css */
[b-845o3ivrh6] .green-wrapper {
    color: var(--mud-palette-primary-text);
    --mud-palette-divider: var(--background-colour) !important;
    background: var(--background-colour);
    box-shadow: none;
}

    [b-845o3ivrh6] .green-wrapper .mud-divider {
        border-width: 2px !important;
    }

    [b-845o3ivrh6] .green-wrapper .header {
        background: var(--background-colour);
    }

    [b-845o3ivrh6] .green-wrapper .flex-body {
        padding: 0px 34px !important;
    }

        [b-845o3ivrh6] .green-wrapper .flex-body .body {
            padding: 0 !important;
            background: var(--background-colour-darker);
            border-radius: var(--mud-default-borderradius);
        }

    [b-845o3ivrh6] .green-wrapper .actions {
        background: var(--background-colour);
    }

h4[b-845o3ivrh6] {
    font-size: 20px;
}

[b-845o3ivrh6] .mud-grid.body {
    background-color: white;
}

@media (max-width: 600px) {
    :: deep .mud-button[b-845o3ivrh6] {
        width: 100%;
    }
}

[b-845o3ivrh6] button.mud-button-root.mud-button.mud-ripple.btn-sm {
    padding: 7px 20px;
}

[b-845o3ivrh6] .bg-white {
    background: white;
}

[b-845o3ivrh6] .ml-0 {
    margin-left: 0;
}

[b-845o3ivrh6] .mr-0 {
    margin-left: 0;
}

[b-845o3ivrh6] .landing-wrapper {
    padding-right: 24px;
    padding-left: 24px;
    width: unset;
    max-width: 800px;
}

[b-845o3ivrh6] .full-width {
    width: 100%
}

/*::deep .maxw-170 {
    max-width: 170px;
}*/

[b-845o3ivrh6] .landing-action-btn {
    width: 100%;
    margin: 0 auto;
}

[b-845o3ivrh6] .client-appointment-details-container {
    width: 100%;
    border-radius: 7px;
    margin: 0 24px;
    color: #fff;
}

[b-845o3ivrh6] .client-appointment-details-container-branded {
    width: 100%;
    border-radius: 7px;
    margin: 0 24px;
    background-color: white;
    color: #fff;
}

    [b-845o3ivrh6] .client-appointment-details-container svg {
        color: #ffffff;
    }
    [b-845o3ivrh6] .client-appointment-details-container label {
        color: #ffffff;
    }
    [b-845o3ivrh6] .client-appointment-details-container p {
        color: rgba(255,255,255,0.9);
    }
    [b-845o3ivrh6] .client-appointment-details-container .grey-link.mud-typography.mud-link.mud-primary-text {
        color: #ffffff !important;
    }

[b-845o3ivrh6] .client-appointment-details-container-branded svg {
    color: black;
}
[b-845o3ivrh6] .client-appointment-details-container-branded label {
}
[b-845o3ivrh6] .client-appointment-details-container-branded p {
}
[b-845o3ivrh6] .client-appointment-details-container-branded .grey-link.mud-typography.mud-link.mud-primary-text {
}

    [b-845o3ivrh6] .client-appointment-details-container form.mud-form {
        padding: 0 20px 20px 20px;
        border-radius: 5px;
    }

    [b-845o3ivrh6] .client-edit-button {
        margin-bottom: -69px;
        margin-top: 27px;
        width: 100%;
        text-align: right;
        padding-right: 30px;
    }

[b-845o3ivrh6] .intro-text {
    color: white;
    margin-bottom: 20px;
}

[b-845o3ivrh6] .intro-text-branded {
    color: var(--dark-green);
    margin-bottom: 20px;
}
/* Customer/Pages/Location.razor.rz.scp.css */
[b-ub6jhtdr92] .map-container {
    width: 90vw;
    max-width: 500px;
    /*text-align: center;*/
}

#map[b-ub6jhtdr92] {
    width: 100%;
    border-radius: 10px;
    height: 40vh;
    display: inline-block;
}

[b-ub6jhtdr92] .gm-iv-address {
    display: none !important;
}

.location-container[b-ub6jhtdr92] {
    color: white;
    background: rgba(0, 64, 53, 1);
    margin-top: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 20px;
    padding-bottom: 40px;
}

[b-ub6jhtdr92] .mud-alert {
    /*    margin-top: -40px;
    background: rgba(255, 243, 230, 1);
    color: rgba(133, 74, 6, 1);
    font-weight: var(--mud-typography-default-weight);*/

    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin: -15px;
    margin-top: 15px;
}

[b-ub6jhtdr92] .mud-alert-filled-info {
    background-color: #FAFCFF;
    color: #2F67BD;
}

[b-ub6jhtdr92] .mud-alert-filled-warning {
    background-color: #FFF3E6;
    color: #854A06;
}

[b-ub6jhtdr92] .text-white {
    color: white !important;
}

[b-ub6jhtdr92] .mud-alert.mud-alert-filled-success {
    background: rgba(0, 157, 129, 0.50);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: white;
    font-size: var(--mud-typography-default-size);
}

    [b-ub6jhtdr92] .mud-alert.mud-alert-filled-success .mud-link {
        font-size: var(--mud-typography-default-size);
    }

[b-ub6jhtdr92] .mud-alert.mud-alert-filled-warning .mud-alert-icon {
    margin-top: 5px;
}

[b-ub6jhtdr92] .location-header {
    background-color: #004035;
    border-radius: 8px;
    color: #fff;
    border: 1px solid #d2d2d2;
    padding: 15px;
    margin-bottom: 20px;
}

    [b-ub6jhtdr92] .location-header strong {
        margin-bottom: 10px;
        display: block;
    }


[b-ub6jhtdr92] .footer-buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom:20px;
}

[b-ub6jhtdr92] .mud-button {
    width: 100%;
}
/* Customer/Pages/Permissions.razor.rz.scp.css */
[b-ymwif4bd6l] .actions .mud-button[disabled] {
    background-color: var(--mud-palette-primary) !important;
    opacity: 0.2;
    color: #fff !important;
    cursor: not-allowed !important;
}

[b-ymwif4bd6l] .seperate-wrapper {
    justify-content: center;
}

@media (min-width: 768px) {
    [b-ymwif4bd6l] .seperate-wrapper {
        max-width: 762px !important;
    }
}

@media(max-width: 400px) {
    [b-ymwif4bd6l] .seperate-wrapper {
        padding-top: 10px;
    }
}

[b-ymwif4bd6l] .landing-action-button {
    width: 100%;
}


[b-ymwif4bd6l] .speed-loading-circle {
    margin-top: 10px;
}



@media(min-width: 500px) {
    [b-ymwif4bd6l] .speed-result {
        display: inline-block;
        margin-right: 10px;
    }
}
/* Customer/Pages/Public/PublicRegistration.razor.rz.scp.css */
[b-q31rsu57v8] .registration-paper {
    width: 60%;
    min-width: 380px;
}
/* Customer/Pages/Verify.razor.rz.scp.css */

.verify-chip-holder[b-m07a678u2k] {
    text-align: right;
    margin-top:-6px;
}

[b-m07a678u2k] .mud-chip-filled.mud-chip-color-success {
    background-color: #71CDBC;
    color: #005747;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding-left: 6px;
    padding-right: 6px;
    height: 24px;
}

.h2[b-m07a678u2k]{
    font-size:20px;
}
.subtext[b-m07a678u2k] {
    color: #626D78;
}
/* Customer/Shared/AnonLayout.razor.rz.scp.css */
[b-ab7jjxmckz] {
    margin-left: auto;
    margin-right: auto;
}

    [b-ab7jjxmckz] .customer-header {
        display: flex;
        height: var(--logo-height);
        padding-top: var(--logo-padding);
        padding-bottom: var(--logo-padding);
        justify-content: space-between; /* Ensure header items are spaced out */
        align-items: center; /* Center items vertically */
    }

    [b-ab7jjxmckz] .white-help-icon svg, [b-ab7jjxmckz] .white-help-text .mud-button-label {
        color: #fff;
    }

[b-ab7jjxmckz] .body-full-width {
    position: relative;
    display: block !important;
    width: 100%;
}

@media (min-width: 600px) {
    [b-ab7jjxmckz] .customer-page {
        justify-content: center;
    }
}

.customer-header[b-ab7jjxmckz] {
    margin-bottom: 20px; /* Ensure there is always a margin between header and body */
}

.logo-container[b-ab7jjxmckz] {
    position: relative;
    max-width: 100%;
    text-align: center;
}

.client-logo[b-ab7jjxmckz] {
    max-width: 100%;
    height: auto;
    opacity: 0;
    transition: opacity 0.5s;
}

.body-content[b-ab7jjxmckz] {
    margin-top: 20px; /* Ensure there is always a margin between header and body */
    flex: 1; /* Ensure the body content takes up available space */
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items:center;
}

/* Media query for small devices with short height */
@media (max-height: 667px) {
    .customer-header[b-ab7jjxmckz] {
        height: auto; /* Allow header to adjust height */
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .client-logo[b-ab7jjxmckz] {
        max-height: 40px; /* Adjust logo size for small height devices */
    }

    .body-content[b-ab7jjxmckz] {
        margin-top: 10px; /* Reduce margin for small height devices */
    }
}
/* Customer/Shared/MainLayout.razor.rz.scp.css */