/* /AccountReports/Financial/FinancialStatement.razor.rz.scp.css */

.sheet-outer[b-u0a9iesxka] {
    margin: 0;
}

.sheet[b-u0a9iesxka] {
    margin: 0;
    overflow: auto;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

.sheet-outer.A4 .sheet[b-u0a9iesxka] {
    padding: 30px;
    width: 210mm;
    height: auto;
}

span[b-u0a9iesxka] {
    font-size: 0.75rem;
}

table[b-u0a9iesxka] {
    font-size: 0.9rem;
}

td:nth-child(1)[b-u0a9iesxka] {
    width: 160px;
}


td:nth-child(2)[b-u0a9iesxka] {
    width: 280px;
}


@media screen {
    body[b-u0a9iesxka] {
        background: #e0e0e0
    }

    .sheet[b-u0a9iesxka] {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: 10mm auto;
    }
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    .sheet-outer.A4[b-u0a9iesxka] {
        height: 297mm;
        margin: 20px;
    }
}
/* /AccountReports/Points/BookingConfirmation.razor.rz.scp.css */

.sheet-outer[b-44060c4pvb] {
    margin: 0;
}

.sheet[b-44060c4pvb] {
    margin: 0;
    overflow: auto;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

.sheet-outer.A4 .sheet[b-44060c4pvb] {
    padding: 30px;
    width: 210mm;
    height: auto;
}

span[b-44060c4pvb]{
    font-size: 0.75rem;
}

table[b-44060c4pvb] {
    font-size: 0.9rem;
}

td:nth-child(1)[b-44060c4pvb] {
    width: 160px;
}


td:nth-child(2)[b-44060c4pvb]{
    width: 280px;
}


@media screen {
    body[b-44060c4pvb] {
        background: #e0e0e0
    }

    .sheet[b-44060c4pvb] {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: 10mm auto;
    }
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    .sheet-outer.A4[b-44060c4pvb] {
        height: 297mm;
        margin: 20px;
    }
}
/* /AccountReports/Points/PointsStatement.razor.rz.scp.css */

.sheet-outer[b-wog4j7dgy9] {
    margin: 0;
}

.sheet[b-wog4j7dgy9] {
    margin: 0;
    overflow: auto;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

.sheet-outer.A4 .sheet[b-wog4j7dgy9] {
    padding: 30px;
    width: 210mm;
    height: auto;
}

td[b-wog4j7dgy9] {
    padding: 2px;
    border: solid 1px;  
    border-color: lightgray;
}

@media screen {
    body[b-wog4j7dgy9] {
        background: #e0e0e0
    }

    .sheet[b-wog4j7dgy9] {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: 10mm auto;
    }
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    .sheet-outer.A4[b-wog4j7dgy9] {
        height: 297mm;
        margin: 20px;
    }
}
/* /Components/Common/Dashboard.razor.rz.scp.css */
.search[b-3kso52ql9l] {
    width: 100%;
    position: relative;
    display: flex;
    padding: 10px 0 0 0;
}

.searchTerm[b-3kso52ql9l] {
    width: 100%;
    border-right: none;
    padding: 5px 5px 0 5px;
    height: 46px;
    border-radius: 5px 0 0 5px;
    outline: none;
}

.pulse[b-3kso52ql9l] {
    box-shadow: 0 0 0 rgba(221, 81, 130, 0.4);
    animation: pulse-b-3kso52ql9l 2s infinite;
}

    .pulse:hover[b-3kso52ql9l] {
        animation: none;
    }

@keyframes pulse-b-3kso52ql9l {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(221, 81, 130, 0.4);
        box-shadow: 0 0 0 0 rgba(221, 81, 130, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(221, 81, 130, 0);
        box-shadow: 0 0 0 10px rgba(221, 81, 130, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(221, 81, 130, 0);
        box-shadow: 0 0 0 0 rgba(221, 81, 130, 0);
    }
}

/*
.wrapper {
    margin: 4em auto;
}

.inner-container {
    position: relative;
    max-width: 20%;
    min-width: 360px;
    height: 300px;
    width: 100%;
    margin: 0 auto 100px;
}

.content {
    position: absolute;
    opacity: 0;
    top: 2em;
    left: 10%;
    width: 80%;
    margin: 0 auto;
}

.active {
    display: block !important;
    margin: 0 auto;
    opacity: 1;
    transition: ease-in-out 1s;
}

.card {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 2em 0;
    height: 300px;
    box-sizing: border-box;
    transition: 0.3s ease;
    box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.35);
}

    .card:first-child, .card:nth-child(2) {
        background: #00c4c7;
        height: 8px;
        border-radius: 5px 5px 0 0;
        padding: 0;
        box-shadow: none;
    }

    .card:first-child {
        margin: 0 20px;
        background: #00b0b2;
    }

    .card:nth-child(2) {
        margin: 0 10px;
    }

    .card .progress-container {
        background: rgba(37, 117, 252, 0.2);
        height: 6px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0 0 5px 5px;
    }

        .card .progress-container .step {
            background-color: #2575fc;
            height: 6px;
            width: 33%;
            border-radius: 0 0 0 5px;
        }

h1 {
    font-weight: 700;
    font-size: 2rem;
    color: #00bfc2;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

a {
    color: #00ced1;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

    a:before {
        content: "";
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 0%;
        border-bottom: 2px solid #00ced1;
        transition: 0.3s;
    }

    a:hover:before {
        width: 80%;
    }

.content p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}
*/

body[b-3kso52ql9l] {
    margin-top: 20px;
    background: #FAFAFA;
}

.order-card[b-3kso52ql9l] {
    color: #fff;
}

.bg-c-blue[b-3kso52ql9l] {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green[b-3kso52ql9l] {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow[b-3kso52ql9l] {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}



.bg-c-red[b-3kso52ql9l] {
    background: linear-gradient(45deg,#ef1b10, #f38c0c);
}

.bg-c-orange[b-3kso52ql9l] {
    background: linear-gradient(45deg,#f75a08, #ffac00);
}

.bg-c-darkgreen[b-3kso52ql9l] {
    background: linear-gradient(45deg,#003f5c,#007eb8);
}

.bg-c-navy[b-3kso52ql9l] {
    background: linear-gradient(45deg, #444e86, #626daf);
}

.bg-c-purple[b-3kso52ql9l] {
    background: linear-gradient(45deg, #955196,#c798c7);
}

.bg-c-pink[b-3kso52ql9l] {
    background: linear-gradient(45deg, #dd5182,#e889aa);
}


.card[b-3kso52ql9l] {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .card .card-block[b-3kso52ql9l] {
        padding: 25px;
    }

.order-card i[b-3kso52ql9l] {
    font-size: 26px;
}

.f-left[b-3kso52ql9l] {
    float: left;
}

.f-right[b-3kso52ql9l] {
    float: right;
}

.card:hover[b-3kso52ql9l] {
    transform: scale(1.02);
}
/* /Components/Common/SelectClientProducts.razor.rz.scp.css */
body[b-86jbsmdy3j] {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.banner[b-86jbsmdy3j] {
    background-color: aqua;
    height: 150px;
}

.product-list[b-86jbsmdy3j] {
    display: grid;
    grid-template-columns: 2fr;
}

.product[b-86jbsmdy3j] {
    background-color: yellow;
    height: 150px;
    flex: 1;
    margin: 5px;
}

.cards-wrapper[b-86jbsmdy3j] {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
    justify-content: center;
    margin-top: 15px;
    gap: 5px;
}


.card[b-86jbsmdy3j] {
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}

#header-card[b-86jbsmdy3j] {
    background: linear-gradient(to right, rgb(13,110,253), rgba(13,110,253,0.1)) !important;
}

.card:hover[b-86jbsmdy3j] {
    transform: scale(1.03);
}
/* /Components/LoadingAnimation.razor.rz.scp.css */

:root[b-j4ogodq9bp] {
    --hue: 223;
    /*--bg: hsl(var(--hue),90%,90%);
    --fg: hsl(var(--hue),90%,10%);*/
    --primary: hsl(var(--hue),90%,50%);
    --trans-dur: 0.3s;
    /*font-size: calc(16px + (32 - 16) * (100vw - 320px) / (2560 - 320));*/
}

/*body {
    background-color: var(--bg);
    color: var(--fg);
    display: flex;
    font: 1em/1.5 sans-serif;
    height: 100vh;
    transition: background-color var(--trans-dur), color var(--trans-dur);
}*/

.bike[b-j4ogodq9bp] {
    display: block;
    margin: auto;
    width: 16em;
    height: auto;
}

.bike__body[b-j4ogodq9bp],
.bike__front[b-j4ogodq9bp],
.bike__handlebars[b-j4ogodq9bp],
.bike__pedals[b-j4ogodq9bp],
.bike__pedals-spin[b-j4ogodq9bp],
.bike__seat[b-j4ogodq9bp],
.bike__spokes[b-j4ogodq9bp],
.bike__spokes-spin[b-j4ogodq9bp],
.bike__tire[b-j4ogodq9bp] {
    animation: bikeBody-b-j4ogodq9bp 3s ease-in-out infinite;
    stroke: var(--primary);
    transition: stroke var(--trans-dur);
}

.bike__front[b-j4ogodq9bp] {
    animation-name: bikeFront-b-j4ogodq9bp;
}

.bike__handlebars[b-j4ogodq9bp] {
    animation-name: bikeHandlebars-b-j4ogodq9bp;
}

.bike__pedals[b-j4ogodq9bp] {
    animation-name: bikePedals-b-j4ogodq9bp;
}

.bike__pedals-spin[b-j4ogodq9bp] {
    animation-name: bikePedalsSpin-b-j4ogodq9bp;
}

.bike__seat[b-j4ogodq9bp] {
    animation-name: bikeSeat-b-j4ogodq9bp;
}

.bike__spokes[b-j4ogodq9bp],
.bike__tire[b-j4ogodq9bp] {
    stroke: currentColor;
}

.bike__spokes[b-j4ogodq9bp] {
    animation-name: bikeSpokes-b-j4ogodq9bp;
}

.bike__spokes-spin[b-j4ogodq9bp] {
    animation-name: bikeSpokesSpin-b-j4ogodq9bp;
}

.bike__tire[b-j4ogodq9bp] {
    animation-name: bikeTire-b-j4ogodq9bp;
}


/* Animations */
@keyframes bikeBody-b-j4ogodq9bp {
    from {
        stroke-dashoffset: 79;
    }

    33%, 67% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -79;
    }
}

@keyframes bikeFront-b-j4ogodq9bp {
    from {
        stroke-dashoffset: 19;
    }

    33%, 67% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -19;
    }
}

@keyframes bikeHandlebars-b-j4ogodq9bp {
    from {
        stroke-dashoffset: 10;
    }

    33%, 67% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -10;
    }
}

@keyframes bikePedals-b-j4ogodq9bp {
    from {
        animation-timing-function: ease-in;
        stroke-dashoffset: -25.133;
    }

    33%, 67% {
        animation-timing-function: ease-out;
        stroke-dashoffset: -21.991;
    }

    to {
        stroke-dashoffset: -25.133;
    }
}

@keyframes bikePedalsSpin-b-j4ogodq9bp {
    from {
        transform: rotate(0.1875turn);
    }

    to {
        transform: rotate(3.1875turn);
    }
}

@keyframes bikeSeat-b-j4ogodq9bp {
    from {
        stroke-dashoffset: 5;
    }

    33%, 67% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: -5;
    }
}

@keyframes bikeSpokes-b-j4ogodq9bp {
    from {
        animation-timing-function: ease-in;
        stroke-dashoffset: -31.416;
    }

    33%, 67% {
        animation-timing-function: ease-out;
        stroke-dashoffset: -23.562;
    }

    to {
        stroke-dashoffset: -31.416;
    }
}

@keyframes bikeSpokesSpin-b-j4ogodq9bp {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(3turn);
    }
}

@keyframes bikeTire-b-j4ogodq9bp {
    from {
        animation-timing-function: ease-in;
        stroke-dashoffset: 56.549;
        transform: rotate(0);
    }

    33% {
        stroke-dashoffset: 0;
        transform: rotate(0.33turn);
    }

    67% {
        animation-timing-function: ease-out;
        stroke-dashoffset: 0;
        transform: rotate(0.67turn);
    }

    to {
        stroke-dashoffset: -56.549;
        transform: rotate(1turn);
    }
}
/* /Components/loadingShimmer.razor.rz.scp.css */
.shimmer-card[b-wwes9686z7] {
    position: relative;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    background: #f5f5f5;
    border-radius: 6px;
    height: 500px;
    overflow: hidden;
    margin: 40px auto;
}

.shimmer-card .shimmerBG[b-wwes9686z7] {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shimmer;
    animation-name: shimmer-b-wwes9686z7;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
    background-size: 1200px 100%;
}

@-webkit-keyframes shimmer {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes shimmer-b-wwes9686z7 {
    0% {
        background-position: -1200px 0;
    }

    100% {
        background-position: 1200px 0;
    }
}

.shimmer-card .media[b-wwes9686z7] {
    height: 200px;
}

.shimmer-card .p-32[b-wwes9686z7] {
    padding: 32px;
}

.shimmer-card .title-line[b-wwes9686z7] {
    height: 24px;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 20px;
}

.shimmer-card .content-line[b-wwes9686z7] {
    height: 8px;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
}

.shimmer-card .end[b-wwes9686z7] {
    width: 40%;
}

.m-t-24[b-wwes9686z7] {
    margin-top: 24px;
}
/* /Components/NotFound404.razor.rz.scp.css */
@keyframes floating-b-9nsen7ddhc {
    to {
        top: 1.5rem;
    }
}

body[b-9nsen7ddhc] {
    background-color: #000;
    color: #fff;
    text-align: center;
    font-family: "Open Sans";
    font-size: 1.3rem;
}

    body h1[b-9nsen7ddhc] {
        font-size: 2.5rem;
    }

.message[b-9nsen7ddhc] {
    max-width: 700px;
    margin: 5rem auto 0 auto;
    text-align:center;
}

.gandalf[b-9nsen7ddhc] {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 0 auto;
    top: 1rem;
    animation: floating-b-9nsen7ddhc 1s infinite alternate ease-in-out;
}

    .gandalf div[b-9nsen7ddhc] {
        position: absolute;
    }

    .gandalf[b-9nsen7ddhc]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 400px;
        height: 400px;
        background-color: #1a2130;
        border-radius: 50%;
    }

    .gandalf .fireball[b-9nsen7ddhc] {
        bottom: -10px;
        left: 50px;
        width: 300px;
        height: 100px;
        border-radius: 50%;
        background: radial-gradient(#EFAC41, #DE8531, #6C1305, black);
        border: 5px solid #000;
    }

    .gandalf .skirt[b-9nsen7ddhc] {
        bottom: 50px;
        left: 100px;
        border-bottom: 230px solid #ededed;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        filter: drop-shadow(0 0 6px #d4d4d4);
    }

        .gandalf .skirt[b-9nsen7ddhc]::before {
            content: "";
            position: absolute;
            background-color: #ededed;
            width: 100px;
            height: 21px;
            top: 230px;
            left: 0px;
            border-bottom-right-radius: 180%;
            border-bottom-left-radius: 100%;
        }

        .gandalf .skirt[b-9nsen7ddhc]::after {
            content: "";
            position: absolute;
            background-color: #ededed;
            width: 100px;
            height: 28px;
            top: 230px;
            left: -100px;
            border-bottom-right-radius: 80%;
            border-bottom-left-radius: 180%;
        }

    .gandalf .sleeves[b-9nsen7ddhc]::before, .gandalf .sleeves[b-9nsen7ddhc]::after {
        content: "";
        position: absolute;
        border-bottom: 70px solid #ededed;
        filter: drop-shadow(0 0 6px #d4d4d4);
    }

    .gandalf .sleeves[b-9nsen7ddhc]::before {
        top: 130px;
        left: 191px;
        border-left: 100px solid transparent;
        border-right: 40px solid transparent;
        transform: rotate(-34deg);
    }

    .gandalf .sleeves[b-9nsen7ddhc]::after {
        top: 127px;
        left: 70px;
        border-left: 40px solid transparent;
        border-right: 100px solid transparent;
        transform: rotate(41deg);
    }

    .gandalf .shoulders[b-9nsen7ddhc] {
        background-color: #ededed;
        border-radius: 50%;
        width: 100px;
        height: 130px;
        left: 150px;
        top: 120px;
    }

        .gandalf .shoulders .hand[b-9nsen7ddhc] {
            width: 33px;
            height: 26px;
            border-radius: 50%;
            background-color: #ffd8ad;
            top: -6px;
        }

        .gandalf .shoulders .left[b-9nsen7ddhc] {
            left: -70px;
            transform: rotate(-20deg);
        }

            .gandalf .shoulders .left[b-9nsen7ddhc]::after {
                content: "";
                position: absolute;
                background-color: #e6e6e6;
                width: 126px;
                height: 8px;
                border-radius: 4px;
                transform: rotate(-105deg);
                transform-origin: bottom;
                top: -48px;
                left: -56px;
            }

        .gandalf .shoulders .right[b-9nsen7ddhc] {
            right: -70px;
            transform: rotate(20deg);
        }

            .gandalf .shoulders .right[b-9nsen7ddhc]::after {
                content: "";
                position: absolute;
                background-color: #bf5507;
                width: 250px;
                height: 5px;
                border-radius: 2.5px;
                transform: rotate(-78deg);
                transform-origin: left;
                bottom: -100px;
                left: 0;
            }

    .gandalf .head[b-9nsen7ddhc] {
        width: 80px;
        height: 90px;
        top: 80px;
        left: 160px;
        background-color: #ffd8ad;
        border-radius: 50%;
    }

        .gandalf .head[b-9nsen7ddhc]::before, .gandalf .head[b-9nsen7ddhc]::after {
            content: "";
            position: absolute;
            background-color: #000;
        }

        .gandalf .head[b-9nsen7ddhc]::before {
            width: 13px;
            height: 5px;
            border-radius: 3px;
            top: 42px;
            left: 22px;
            transform: rotate(19deg);
        }

        .gandalf .head[b-9nsen7ddhc]::after {
            width: 13px;
            height: 5px;
            border-radius: 3px;
            top: 42px;
            right: 22px;
            transform: rotate(-19deg);
        }

        .gandalf .head .hair[b-9nsen7ddhc] {
            width: 70px;
            height: 30px;
            background-color: #c2beb5;
            border-radius: 50%;
            top: 0px;
            left: 5px;
        }

            .gandalf .head .hair[b-9nsen7ddhc]::before, .gandalf .head .hair[b-9nsen7ddhc]::after {
                content: "";
                position: absolute;
                background-color: #c2beb5;
                filter: drop-shadow(2px 5px 0 #aba599);
            }

            .gandalf .head .hair[b-9nsen7ddhc]::before {
                top: 13px;
                left: -16px;
                width: 25px;
                height: 100px;
                border-top-left-radius: 34px;
                border-top-right-radius: 15px;
                border-bottom-left-radius: 100px;
                border-bottom-right-radius: 20px;
                transform: rotate(8deg);
            }

            .gandalf .head .hair[b-9nsen7ddhc]::after {
                top: 13px;
                right: -16px;
                width: 25px;
                height: 100px;
                border-top-left-radius: 15px;
                border-top-right-radius: 34px;
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 100px;
                transform: rotate(-10deg);
            }

        .gandalf .head .beard[b-9nsen7ddhc] {
            top: 64px;
            left: 5px;
            border-top: 80px solid #c2beb5;
            border-left: 35px solid transparent;
            border-right: 35px solid transparent;
            border-radius: 30px;
            filter: drop-shadow(2px 5px 0 #aba599);
        }

            .gandalf .head .beard[b-9nsen7ddhc]::before {
                content: "";
                position: absolute;
                background-color: pink;
                width: 20px;
                height: 5px;
                border-radius: 40%;
                top: -70px;
                left: -9px;
            }


/* New CSS for lock */
/*
@import url("https://fonts.googleapis.com/css?family=Lato");

* {
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Lato", sans-serif;
}

body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom right, #EEE, #AAA);
}

h1 {
    margin: 40px 0 20px;
}

.lock {
    border-radius: 5px;
    width: 55px;
    height: 45px;
    background-color: #333;
    animation: dip 1s;
    animation-delay: 1.5s;
}

    .lock::before, .lock::after {
        content: "";
        position: absolute;
        border-left: 5px solid #333;
        height: 20px;
        width: 15px;
        left: calc(50% - 12.5px);
    }

    .lock::before {
        top: -30px;
        border: 5px solid #333;
        border-bottom-color: transparent;
        border-radius: 15px 15px 0 0;
        height: 30px;
        animation: lock 2s, spin 2s;
    }

    .lock::after {
        top: -10px;
        border-right: 5px solid transparent;
        animation: spin 2s;
    }

@keyframes lock {
    0% {
        top: -45px;
    }

    65% {
        top: -45px;
    }

    100% {
        top: -30px;
    }
}

@keyframes spin {
    0% {
        transform: scaleX(-1);
        left: calc(50% - 30px);
    }

    65% {
        transform: scaleX(1);
        left: calc(50% - 12.5px);
    }
}

@keyframes dip {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}*/
/* /Components/Points/ProcessBooking.razor.rz.scp.css */


table td[b-mz60z3kkcs] {
    border: 1px solid #999;
    height: 30px;
    margin: 10px;
}

td.selected[b-mz60z3kkcs] {
    /*outline: 2px solid green;*/
    border: 3px solid green;
    border-collapse: collapse;
}


td:nth-of-type(5) ~ td span[b-mz60z3kkcs] {
    display: block;
    text-align: center;
    position: relative;
    z-index: -1;
}

.booking-table-header[b-mz60z3kkcs] {
    font-size: small;
    background-color: #ddd;
    padding: 7px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

.booking-table[b-mz60z3kkcs] {
    white-space: nowrap;
    overflow-x: clip;
    padding: 0 5px 5px 5px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.avaGrid[b-mz60z3kkcs] {
    overflow: auto;
    min-height: auto;
    max-height: 400px;
}

    .avaGrid thead th[b-mz60z3kkcs] {
        position: sticky;
        top: 0;
        /*z-index: 1;*/
    }

/*table td {
    border: 1px solid #999;
    height: 30px;
    margin: 10px;
}

    table td.selected {
        outline: 2px solid green;
        border: 3px solid green;
        border-collapse: collapse;
    }*/
/* /Masters/MasterDashboard.razor.rz.scp.css */
@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.pie[b-99gibyoxiz] {
    --p: 20;
    --b: 22px;
    --c: darkred;
    --w: 150px;
    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 25px;
    font-weight: bold;
    font-family: sans-serif;
}

    .pie[b-99gibyoxiz]:before,
    .pie[b-99gibyoxiz]:after {
        content: "";
        position: absolute;
        border-radius: 50%;
    }

    .pie[b-99gibyoxiz]:before {
        inset: 0;
        background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
        -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
        mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    }

    .pie[b-99gibyoxiz]:after {
        inset: calc(50% - var(--b)/2);
        background: var(--c);
        transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
    }

.animate[b-99gibyoxiz] {
    animation: p-b-99gibyoxiz 1s .5s both;
}

.no-round[b-99gibyoxiz]:before {
    background-size: 0 0,auto;
}

.no-round[b-99gibyoxiz]:after {
    content: none;
}

@keyframes p-b-99gibyoxiz {
    from {
        --p: 0
    }
}


.order-card[b-99gibyoxiz] {
    color: #fff;
}

.bg-c-blue[b-99gibyoxiz] {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green[b-99gibyoxiz] {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow[b-99gibyoxiz] {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink[b-99gibyoxiz] {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}


.card[b-99gibyoxiz] {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .card .card-block[b-99gibyoxiz] {
        padding: 25px;
    }

.order-card i[b-99gibyoxiz] {
    font-size: 26px;
}

.f-left[b-99gibyoxiz] {
    float: left;
}

.f-right[b-99gibyoxiz] {
    float: right;
}
/* /Pages/Common/ClientDashboard.razor.rz.scp.css */
.card[b-fsrthwsfno] {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
    transition: .3s ease;
}

.l-bg-cherry[b-fsrthwsfno] {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark[b-fsrthwsfno] {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark[b-fsrthwsfno] {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark[b-fsrthwsfno] {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.l-bg-grey[b-fsrthwsfno] {
    background: linear-gradient(to right, #74726e, #d1cfcb) !important;
    color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas[b-fsrthwsfno], .card .card-statistic-3 .card-icon-large .far[b-fsrthwsfno], .card .card-statistic-3 .card-icon-large .fab[b-fsrthwsfno], .card .card-statistic-3 .card-icon-large .fal[b-fsrthwsfno] {
    font-size: 110px;
}

.card .card-statistic-3 .card-icon[b-fsrthwsfno] {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}

.l-bg-cyan[b-fsrthwsfno] {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.l-bg-green[b-fsrthwsfno] {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}

.l-bg-orange[b-fsrthwsfno] {
    background: linear-gradient(to right, #f9900e, #ffba56) !important;
    color: #fff;
}

.l-bg-cyan[b-fsrthwsfno] {
    background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
    color: #fff;
}

.card:hover[b-fsrthwsfno] {
    transform: scale(1.05);
}
/* /Pages/Reports/ReportViewer.razor.rz.scp.css */
.navbar-brand[b-9jrkcib9tf] {
    font-weight: 800; /* Bolder brand name */
    font-size: 1.75rem; /* Larger brand name */
    color: #0d6efd !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1); /* Subtle shadow */
}

.navbar .nav-link[b-9jrkcib9tf] {
    color: #212529;
    font-weight: 600; /* Bolder nav links */
    padding: 0.6rem 1.2rem; /* More padding */
    border-radius: 0.5rem; /* More rounded corners */
    transition: all 0.3s ease-in-out; /* Smoother transitions */
    display: flex; /* Use flex to align icon and text */
    align-items: center; /* Vertically center icon and text */
}

    .navbar .nav-link i[b-9jrkcib9tf] {
        margin-right: 0.5rem; /* Space between icon and text */
        color: #6c757d; /* Default icon color */
        transition: color 0.3s ease-in-out;
    }

    .navbar .nav-link:hover[b-9jrkcib9tf],
    .navbar .nav-link.active[b-9jrkcib9tf] {
        color: #ffffff; /* White text on hover/active */
        background-color: #0d6efd; /* Primary blue background */
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3); /* Prominent shadow on hover */
        transform: translateY(-2px); /* Slight lift effect */
    }

        .navbar .nav-link:hover i[b-9jrkcib9tf],
        .navbar .nav-link.active i[b-9jrkcib9tf] {
            color: #ffffff; /* White icon on hover/active */
        }

.mega-menu[b-9jrkcib9tf] {
    position: absolute; /* Changed from static to absolute for overlay behavior */
    width: 60vw; /* Span the full viewport width */
    left: 0; /* Align to the left edge of the viewport */
    top: 70px; /* Position below the navbar. Adjust this value if your navbar height changes. */
    z-index: 1030; /* Ensure it appears above other content */
    border: none;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2); /* Enhanced shadow */
    border-radius: 0.75rem; /* More rounded corners */
    padding: 2rem; /* More padding inside */
    background-color: #ffffff;
    opacity: 0; /* Start hidden for animation */
    visibility: hidden; /* Start hidden for animation */
    transform: translateY(10px); /* Start slightly below for animation */
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out; /* Smooth animation */
}

.dropdown-menu.show.mega-menu[b-9jrkcib9tf] {
    opacity: 1; /* Fade in */
    visibility: visible; /* Make visible */
    transform: translateY(0); /* Move to original position */
}

.mega-menu-column h6[b-9jrkcib9tf] {
    color: #0d6efd;
    font-weight: 700; /* Bolder column titles */
    margin-bottom: 1rem;
    border-bottom: 2px solid rgba(13, 110, 253, 0.3); /* Thicker border */
    padding-bottom: 0.75rem; /* More padding */
    font-size: 1.1rem;
}

.mega-menu-column .list-group-item[b-9jrkcib9tf] {
    border: none;
    padding: 0.6rem 0; /* More padding */
    background-color: transparent;
    color: #343a40; /* Darker text for readability */
    border-radius: 0;
    transition: all 0.2s ease-in-out;
}

    .mega-menu-column .list-group-item i[b-9jrkcib9tf] {
        color: #6c757d; /* Default icon color */
        transition: color 0.2s ease-in-out;
    }

    .mega-menu-column .list-group-item:hover[b-9jrkcib9tf] {
        color: #0d6efd;
        background-color: rgba(13, 110, 253, 0.08); /* Slightly more prominent background on hover */
        transform: translateX(8px); /* More pronounced slide effect */
    }

        .mega-menu-column .list-group-item:hover i[b-9jrkcib9tf] {
            color: #0d6efd; /* Primary blue icon on hover */
        }

.mega-menu-image[b-9jrkcib9tf] {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem; /* More rounded corners */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Stronger shadow */
    margin-bottom: 1.5rem; /* More margin */
}

.card-promo[b-9jrkcib9tf] {
    background-color: #e6f0ff; /* Lighter blue background */
    border: 1px solid #a3c9ff; /* Matched border color */
    border-radius: 0.75rem; /* More rounded corners */
    padding: 2rem; /* More padding */
    text-align: center;
    margin-top: 2rem; /* More margin */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

    .card-promo h5[b-9jrkcib9tf] {
        color: #0a58ca; /* Darker blue for prominence */
        font-weight: 700;
        font-size: 1.5rem;
    }

    .card-promo p[b-9jrkcib9tf] {
        color: #495057;
        font-size: 1.1rem;
    }

    .card-promo .btn[b-9jrkcib9tf] {
        margin-top: 1.5rem; /* More margin */
        padding: 0.75rem 2rem; /* Larger button */
        font-size: 1.1rem;
        border-radius: 2rem; /* Pill shape */
        transition: all 0.3s ease-in-out;
    }

        .card-promo .btn:hover[b-9jrkcib9tf] {
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(40, 167, 69, 0.3); /* Green shadow on hover */
        }

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .navbar .nav-link[b-9jrkcib9tf] {
        padding: 0.8rem 1rem; /* Adjust padding for mobile */
    }

    .mega-menu[b-9jrkcib9tf] {
        position: relative; /* Revert to relative positioning for mobile, so it flows with content */
        width: auto; /* Allow width to be determined by content */
        left: auto; /* Remove fixed left positioning */
        right: auto; /* Remove fixed right positioning */
        top: auto; /* Remove fixed top positioning */
        padding: 1.5rem; /* Adjust padding */
        margin-top: 0;
        box-shadow: none;
        opacity: 1; /* Always visible in mobile collapsed menu */
        visibility: visible;
        transform: translateY(0);
    }

    .mega-menu-column[b-9jrkcib9tf] {
        margin-bottom: 2rem; /* More space between columns */
    }

        .mega-menu-column:last-child[b-9jrkcib9tf] {
            margin-bottom: 0;
        }

    .mega-menu-image[b-9jrkcib9tf] {
        margin-top: 1.5rem; /* More margin */
    }

    .card-promo[b-9jrkcib9tf] {
        margin-top: 1.5rem; /* More margin */
        padding: 1.5rem; /* Adjust padding */
    }
}
/* /Pages/Security/Login.razor.rz.scp.css */
body[b-570c63asb1] {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-image: url('../../images/synergy_background.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.container[b-570c63asb1] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.login-box[b-570c63asb1] {
    background-color: rgba(12, 54, 94, 0.9); /* Dark blue with transparency */
    padding: 40px 30px;
    border-radius: 10px;
    text-align: center;
    width: 450px;
    max-width: 90%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.welcome-text[b-570c63asb1] {
    font-size: 1.1em;
    margin-bottom: 10px;
    color: #f0f0f0;
}

.logo[b-570c63asb1] {
    width:200px;
    font-size: 2.8em;
    font-weight: 700;
    color: #7EC9FF; /* Light blue for the logo */
    margin-bottom: 15px;
    letter-spacing: 2px;
}

.tagline[b-570c63asb1] {
    font-size: 0.95em;
    margin-bottom: 30px;
    color: #f0f0f0;
}

.input-group[b-570c63asb1] {
    margin-bottom: 20px;
}

    .input-group input[type="text"][b-570c63asb1],
    .input-group input[type="password"][b-570c63asb1] {
        width: calc(100% - 20px);
        padding: 12px 10px;
        border: none;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0.95);
        color: #333;
        font-size: 1em;
    }

    .input-group input[b-570c63asb1]::placeholder {
        color: #888;
    }

.login-button[b-570c63asb1] {
    width: 100%;
    padding: 12px;
    background-color: #b9883a; /* Gold/yellow color */
    color: #fff; /* Dark blue text */
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

    .login-button:hover[b-570c63asb1] {
        background-color: #e0b23b;
    }

.links[b-570c63asb1] {
    margin-top: 25px;
    font-size: 0.9em;
}

    .links a[b-570c63asb1] {
        color: #a0d8ff; /* Lighter blue for links */
        text-decoration: none;
        margin: 0 5px;
        transition: color 0.3s ease;
    }

        .links a:hover[b-570c63asb1] {
            color: #fff;
            text-decoration: underline;
        }

    .links .separator[b-570c63asb1] {
        color: #f0f0f0;
    }

.vision-mission[b-570c63asb1] {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

    .vision-mission h2[b-570c63asb1] {
        font-size: 1.1em;
        color: #f0c24b; /* Gold/yellow for headings */
        margin-bottom: 8px;
        text-transform: uppercase;
    }

    .vision-mission p[b-570c63asb1] {
        font-size: 0.85em;
        line-height: 1.5;
        margin-bottom: 20px;
        color: #f0f0f0;
    }

.hosted-by[b-570c63asb1] {
    font-size: 0.75em;
    margin-top: 30px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/*img {
    width: 100%;
}

.login {
    height: 1000px;
    width: 100%;*/
    /*    background: radial-gradient(#653d84, #332042);*/
    /*background: radial-gradient(#044b7d, #332042);
    position: relative;
}

.login_box {
    width: 1050px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 4px 22px -8px #0004;
    display: flex;
    overflow: hidden;
}

    .login_box .left {
        width: 41%;
        height: 100%;
        padding: 25px 25px;
    }

    .login_box .right {
        width: 59%;
        height: 100%
    }

.left .top_link a {
    color: #452A5A;
    font-weight: 400;
}

.left .top_link {
    height: 20px
}

.left .contact {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    height: 100%;
    width: 90%;
    margin: auto;
}


.left h1 {
    text-align: center;
    margin-bottom: 10px;
}

.left h3 {
    text-align: center;
    margin-bottom: 40px;
}

.inputs {
    border: none;
    width: 80%;
    margin: 15px 0px;
    border-bottom: 1px solid #4f30677d;
    padding: 7px 9px;
    width: 100%;
    overflow: hidden;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
}

.left {
    background: linear-gradient(-45deg, #dcd7e0, #fff);
}

.submit {
    border: none;
    padding: 15px 70px;
    border-radius: 8px;
    display: block;
    margin: auto;
    margin-top: 40px;
    background: #044b7d;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
    -moz-box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
    box-shadow: 0px 9px 15px -11px rgba(88,54,114,1);
}



.right {*/
    /*    background: linear-gradient(212.38deg, rgba(242, 57, 127, 0.7) 0%, rgba(175, 70, 189, 0.71) 100%),url(https://static.seattletimes.com/wp-content/uploads/2019/01/web-typing-ergonomics-1020x680.jpg);*/
    /*background: url("/images/dhr-logo-hires.jpg");
    background-size: cover;*/ /* Scales the image to cover the container */
    /*background-position: center;*/ /* Centers the image within the container */
    /*background-repeat: no-repeat;*/ /* Prevents the image from tiling */
    /*color: #fff;
    position: relative;
}

    .right .right-text {
        height: 100%;
        position: relative;
        transform: translate(0%, 45%);
    }

.right-text h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-weight: 500;
}

.right-text h5 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
}

.right .right-inductor {
    position: absolute;
    width: 70px;
    height: 7px;
    background: #fff0;
    left: 50%;
    bottom: 70px;
    transform: translate(-50%, 0%);
}

.top_link img {
    width: 28px;
    padding-right: 7px;
    margin-top: -3px;
}*/
/* /Pages/StockAvailability/ResortFunctions.razor.rz.scp.css */
p[b-xxbc97zum9] {
/*    margin: 0;*/
    text-align:center;
    font-size: 1.5em;
}

    p:not(:last-child)[b-xxbc97zum9] {
        margin-bottom: 1.5em;
    }

.site-container[b-xxbc97zum9] {
    display: flex;
/*    place-items: center;*/
    /*min-height: 80vh;*/
    padding: 1.5em;
}

.card[b-xxbc97zum9] {
    margin-right: 20px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 300px;
    height: 100px;
    padding: 35px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15px);
}

.card:hover[b-xxbc97zum9]{
    cursor:pointer;
}
/* /Pages/StockAvailability/StockDashboard.razor.rz.scp.css */
@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.pie[b-hjcq34k9tg] {
    --p: 20;
    --b: 22px;
    --c: darkred;
    --w: 150px;
    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 25px;
    font-weight: bold;
    font-family: sans-serif;
}

    .pie[b-hjcq34k9tg]:before,
    .pie[b-hjcq34k9tg]:after {
        content: "";
        position: absolute;
        border-radius: 50%;
    }

    .pie[b-hjcq34k9tg]:before {
        inset: 0;
        background: radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
        -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
        mask: radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
    }

    .pie[b-hjcq34k9tg]:after {
        inset: calc(50% - var(--b)/2);
        background: var(--c);
        transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
    }

.animate[b-hjcq34k9tg] {
    animation: p-b-hjcq34k9tg 1s .5s both;
}

.no-round[b-hjcq34k9tg]:before {
    background-size: 0 0,auto;
}

.no-round[b-hjcq34k9tg]:after {
    content: none;
}

@keyframes p-b-hjcq34k9tg {
    from {
        --p: 0
    }
}


.order-card[b-hjcq34k9tg] {
    color: #fff;
}

.bg-c-blue[b-hjcq34k9tg] {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green[b-hjcq34k9tg] {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}

.bg-c-yellow[b-hjcq34k9tg] {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink[b-hjcq34k9tg] {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}


.card[b-hjcq34k9tg] {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .card .card-block[b-hjcq34k9tg] {
        padding: 25px;
    }

.order-card i[b-hjcq34k9tg] {
    font-size: 26px;
}

.f-left[b-hjcq34k9tg] {
    float: left;
}

.f-right[b-hjcq34k9tg] {
    float: right;
}