.htauto {
    height: auto;
}

.ht5,
.ht10,
.ht15,
.ht16,
.ht17,
.ht18,
.ht19,
.ht20,
.ht25,
.ht30,
.ht35,
.ht40,
.ht45,
.ht46,
.ht50,
.ht55,
.ht60,
.ht65,
.ht70,
.ht75,
.ht80 {
    overflow: hidden;
}

.overf-auto {
    overflow: auto;
}

.overf-on {
    overflow: hidden;
}

.ht5 {
    height: 50px;
    max-height: 50px;
    min-height: 50px;
}

.ht10 {
    height: 100px;
    max-height: 100px;
    min-height: 100px;
}

.ht15 {
    height: 150px;
    max-height: 150px;
    min-height: 150px;
}

.ht16 {
    height: 160px;
    max-height: 160px;
    min-height: 160px;
}

.ht17 {
    height: 170px;
    max-height: 170px;
    min-height: 170px;
}

.ht18 {
    height: 180px;
    max-height: 180px;
    min-height: 180px;
}

.ht19 {
    height: 190px;
    max-height: 190px;
    min-height: 190px;
}

.ht20 {
    height: 200px;
    max-height: 200px;
    min-height: 200px;
}

.ht25 {
    height: 250px;
    max-height: 250px;
    min-height: 250px;
}

.ht30 {
    height: 300px;
    max-height: 300px;
    min-height: 300px;
}

.ht35 {
    height: 350px;
    max-height: 350px;
    min-height: 350px;
}

.ht40 {
    height: 400px;
    max-height: 400px;
    min-height: 400px;
}

.ht45 {
    height: 450px;
    max-height: 450px;
    min-height: 450px;
}

.ht46 {
    height: 460px;
    max-height: 460px;
    min-height: 460px;
}

.ht50 {
    height: 500px;
    max-height: 500px;
    min-height: 500px;
}

.ht55 {
    height: 550px;
    max-height: 550px;
    min-height: 550px;
}

.ht60 {
    height: 600px;
    max-height: 600px;
    min-height: 600px;
}

.ht65 {
    height: 650px;
    max-height: 650px;
    min-height: 650px;
}

.ht70 {
    height: 700px;
    max-height: 700px;
    min-height: 700px;
}

.ht75 {
    height: 750px;
    max-height: 750px;
    min-height: 750px;
}

.ht80 {
    height: 800px;
    max-height: 800px;
    min-height: 800px;
}

.noscroll {
    overflow: hidden;
}

.df-form-top-free {
    margin-top: 8px;
}

@media (min-width: 992px) {
}

.pdl0 {
    padding-left: 0px !important;
}

.pdl2 {
    padding-left: 2px !important;
}

.pdl5 {
    padding-left: 5px !important;
}

.pdl6 {
    padding-left: 6px !important;
}

.pdl8 {
    padding-left: 8px !important;
}

.pdl10 {
    padding-left: 10px !important;
}

.pdl15 {
    padding-left: 15px !important;
}

.pdl20 {
    padding-left: 20px !important;
}

.pdl25 {
    padding-left: 25px !important;
}

.pdl30 {
    padding-left: 30px !important;
}

.pdl35 {
    padding-left: 35px !important;
}

.pdr0 {
    padding-right: 0px !important;
}

.pdr2 {
    padding-right: 2px !important;
}

.pdr5 {
    padding-right: 5px !important;
}

.pdr6 {
    padding-right: 6px !important;
}

.pdr8 {
    padding-right: 8px !important;
}

.pdr10 {
    padding-right: 10px !important;
}

.pdr15 {
    padding-right: 15px !important;
}

.pdr16 {
    padding-right: 16px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr25 {
    padding-right: 25px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.pdr35 {
    padding-right: 35px !important;
}


.bgIconGenderMale {
    background: url("/content/images/i24/man-colour.png") no-repeat left center;
}

.bgIconGenderFemale {
    background: url("/content/images/i24/woman-colour.png") no-repeat left center;
}

.wauto {
    width: auto;
}


.w5 {
    width: 5% !important;
}

.w10 {
    width: 10% !important;
}

.w15 {
    width: 15% !important;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25% !important;
}

.w30 {
    width: 30% !important;
}

.w35 {
    width: 35% !important;
}

.w40 {
    width: 40% !important;
}

.w45 {
    width: 45% !important;
}

.w50 {
    width: 50% !important;
}

.w55 {
    width: 55% !important;
}

.w60 {
    width: 60% !important;
}

.w65 {
    width: 65% !important;
}

.w70 {
    width: 70% !important;
}

.w75 {
    width: 75% !important;
}

.w80 {
    width: 80% !important;
}

.w90 {
    width: 90% !important;
}

.w100 {
    width: 100% !important;
}

.pd0 {
    padding: 0px !important;
}

.pd1 {
    padding: 1px !important;
}

.pd2 {
    padding: 2px !important;
}

.pd4 {
    padding: 4px !important;
}

.pd5 {
    padding: 5px !important;
}

.pd6 {
    padding: 6px !important;
}

.pd8 {
    padding: 8px !important;
}

.pd16 {
    padding: 16px !important;
}

.pd32 {
    padding: 32px !important;
}

.pdt0 {
    padding-top: 0px !important;
}

.pdt1 {
    padding-top: 1px !important;
}

.pdt2 {
    padding-top: 2px !important;
}

.pdt4 {
    padding-top: 4px !important;
}

.pdt5 {
    padding-top: 5px !important;
}

.pdt6 {
    padding-top: 6px !important;
}

.pdt8 {
    padding-top: 8px !important;
}

.pdt10 {
    padding-top: 10px !important;
}

.pdt16 {
    padding-top: 16px !important;
}

.pdt24 {
    padding-top: 24px !important;
}

.pdt32 {
    padding-top: 32px !important;
}

.pdt64 {
    padding-top: 64px !important;
}

.pdb0 {
    padding-bottom: 0px !important;
}

.pdb1 {
    padding-bottom: 1px !important;
}

.pdb2 {
    padding-bottom: 2px !important;
}

.pdb4 {
    padding-bottom: 4px !important;
}

.pdb5 {
    padding-bottom: 5px !important;
}

.pdb6 {
    padding-bottom: 6px !important;
}

.pdb8 {
    padding-bottom: 8px !important;
}

.pdb16 {
    padding-bottom: 16px !important;
}

.pdb32 {
    padding-bottom: 32px !important;
}

.pdb64 {
    padding-bottom: 64px !important;
}

/* Standard Margins*/

.mg0 {
    margin: 0px !important;
}

.mg1 {
    margin: 1px !important;
}

.mg2 {
    margin: 2px !important;
}

.mg4 {
    margin: 4px !important;
}

.mg5 {
    margin: 5px !important;
}

.mg6 {
    margin: 6px !important;
}

.mg8 {
    margin: 8px !important;
}

.mg16 {
    margin: 16px !important;
}

.mg32 {
    margin: 32px !important;
}

.mgb2 {
    margin-bottom: 2px !important;
}

.mgb4 {
    margin-bottom: 4px !important;
}

.mgb5 {
    margin-bottom: 5px !important;
}

.mgb6 {
    margin-bottom: 6px !important;
}

.mgb8 {
    margin-bottom: 8px !important;
}

.mgb16 {
    margin-bottom: 16px !important;
}

.mgb32 {
    margin-bottom: 32px !important;
}

.mgt0 {
    margin-top: 0px !important;
}

.mgt1 {
    margin-top: 1px !important;
}


.mgt2 {
    margin-top: 2px !important;
}

.mgt4 {
    margin-top: 4px !important;
}

.mgt5 {
    margin-top: 5px !important;
}

.mgt6 {
    margin-top: 6px !important;
}

.mgt8 {
    margin-top: 8px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt16 {
    margin-top: 16px !important;
}

.mgt32 {
    margin-top: 32px !important;
}

.mgr0 {
    margin-right: 0px !important;
}

.mgr1 {
    margin-right: 1px !important;
}



.mgr2 {
    margin-right: 2px !important;
}

.mgr4 {
    margin-right: 4px !important;
}

.mgr5 {
    margin-right: 5px !important;
}

.mgr6 {
    margin-right: 6px !important;
}

.mgr8 {
    margin-right: 8px !important;
}

.mgr10 {
    margin-right: 10px !important;
}

.mgr16 {
    margin-right: 16px !important;
}

.mgr32 {
    margin-right: 32px !important;
}


.f0d7em {
    font-size: 0.7em;
}

.f0d8em {
    font-size: 0.8em;
}

.f0d9em {
    font-size: 0.9em;
}

.f1em {
    font-size: 1em;
}

.f1d05em {
    font-size: 1.05em;
}

.f1d1em {
    font-size: 1.1em;
}

.f1d15em {
    font-size: 1.15em;
}

.f1d2em {
    font-size: 1.2em;
}

.f1d25em {
    font-size: 1.25em;
}

.f1d3em {
    font-size: 1.3em;
}

.f1d4em {
    font-size: 1.4em;
}

.f1d5em {
    font-size: 1.5em;
}

.f2em {
    font-size: 2em;
}



/* Standard Colours*/

.cBlack {
    color: Black;
}

.bBlack {
    background-color: Black;
}

.bDkGray {
    background-color: #444444;
}

.cDkGray {
    color: #444444;
}

.cDarkRed {
    color: DarkRed;
}

.bDarkRed {
    background-color: DarkRed;
}

.cRed {
    color: Red;
}

.bRed {
    background-color: Red;
}

.cWhite {
    color: White;
}

.bWhite {
    background-color: White;
}

.bOrangeRed {
    background-color: orangered;
}

.cOrangeRed {
    color: orangered;
}

.cGreen {
    color: Green;
}

.bGray {
    background-color: #999999;
}

.bDarkGray {
    background-color: #444444;
}

.bLightGray {
    background-color: #ccc;
}

.cGray {
    color: #999999;
}

.cDarkGray {
    color: #444444;
}

.cLightGray {
    color: #ccc;
}


.bGreen {
    background-color: Green;
}

.cOrange {
    color: Orange;
}

.bOrange {
    background-color: Orange;
}

.cYellow {
    color: Yellow;
}

.bYellow {
    background-color: Yellow;
}

.cLightYellow {
    color: #ffffe0;
}

.bLightYellow {
    background-color: #ffffe0;
}

.cGreen {
    color: Green;
}

.bGreen {
    background-color: Green;
}

.cLime {
    color: Lime;
}

.bLime {
    background-color: Lime;
}

.cPink {
    color: Pink;
}

.bPink {
    background-color: Pink;
}

.cSilver {
    color: Silver;
}

.bSilver {
    background-color: Silver;
}

.bFaint {
    background-color: #aaa;
}

/*NHS*/

.cNHSBlue {
    color: #0871b3;
}

.bNHSBlue {
    background-color: #0871b3;
}

/*NY&H*/

.cYHBlue {
    color: #330099;
}

.bYHBlue {
    background-color: #330099;
}

/*HE MIRANDA Color*/

.cBlueHead {
    color: #bbd9ee;
}

.bBlueHead {
    background-color: #bbd9ee;
}

.cBlueMenu {
    color: #e7f1f8;
}

.bBlueMenu {
    background-color: #e7f1f8;
}

.cBlueTitle {
    color: #dbefff;
}

.bBlueTitle {
    background-color: #dbefff;
}

.cBluePage {
    color: #f5faff;
}

.bBluePage {
    background-color: #f5faff;
}

.bAltRow {
    background-color: #f2f2f2;
}

/* Borders*/

.bd0 {
    border-width: 0px;
}

.bd1 {
    border-width: 1px;
}

.bd2 {
    border-width: 2px;
}

.bd3 {
    border-width: 3px;
}

.bd1, .bd2, .bd3 {
    border-style: solid;
}

.bd1, .bd2, .bd3, .bdDarkRed {
    border-color: DarkRed;
}

.bdRed {
    border-color: Red;
}

.bdGray {
    border-color: #999999;
}

.bdDarkGray {
    border-color: #444444;
}

.bdLightGray {
    border-color: #ccc;
}


.bdBlue {
    border-color: #0871b3;
}

.bdPink {
    border-color: #ff7e95;
}

.dyna-grab-point {
    cursor: move
}



/*applied new style from anon survey*/

.fa-icon-card {
    position: relative;
}

    .fa-icon-card .card.card-link {
        border-color: blue !important;
    }

        .fa-icon-card .card-link a:hover {
            border-color: red!important;
            background-color: red!important;
        }

    .fa-icon-card .card-title {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }

    .fa-icon-card .card-text {
        font-weight: 500;
        text-align: center;
    }

    .fa-icon-card .card-footer {
        background-color: transparent;
    }

    .fa-icon-card:before {
        color: #989898;
        font-family: 'Font Awesome 6 Pro';
        font-size: 2em;
        font-weight: 300;
        text-align: center;
        width: 100%;
        opacity: .3;
        position: absolute;
        top: 0;
    }

.card-review:before {
    content: "\f0ae";
}

.card-edit:before { content: "\f044";}
.card-remember:before {    content: "\f005";}
.card-login:before {    content: "\f2f6";}
.card-invite-code:before {    content: "\f2b6";}
.card-password:before {    content: "\f023";}

.fa-autoscroll {
    overflow-y: auto;
}

    .fa-autoscroll::-webkit-scrollbar-thumb {
        background-color: #aaa; /* set the color of the scrollbar thumb */
        border-radius: 4px; /* add some rounded corners */
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); /* add some shadow effect */
    }

    .fa-autoscroll::-webkit-scrollbar-track {
        background-color: #ccc; /* set the color of the scrollbar track */
    }

    .fa-autoscroll::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
    }

    .fa-autoscroll::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .fa-autoscroll::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .fa-autoscroll::-webkit-scrollbar {
        width: 0;
    }

    .fa-autoscroll:hover {
        scrollbar-width: thin;
    }

        .fa-autoscroll:hover::-webkit-scrollbar {
            width: .5rem;
            height: .5rem;
        }

/*Powered by*/
.powered-by-frutiful {
    color: black;
    font-style: italic;
    text-align: right;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    .powered-by-frutiful .brand-link {
        font-size: 1rem;
    }

    .powered-by-frutiful .fa-powered-by {
        font-size: 0.4em;
    }


    .powered-by-frutiful .brand-link:hover {
        color: darkorange;
    }

    .powered-by-frutiful .brand-text {
    }

    .powered-by-frutiful .brand-sub-text {
    }

/* Small devices (sm) */
@media (min-width: 576px) {
    .powered-by-frutiful .brand-link {
        font-size: 1.15rem;
    }

    .powered-by-frutiful .fa-powered-by {
        font-size: 0.6em;
    }
}

/* Medium devices (md) */
@media (min-width: 768px) {
    .powered-by-frutiful .brand-link {
        font-size: 1.7rem;
    }

    .powered-by-frutiful .fa-powered-by {
        font-size: 0.7em;
    }

    .fa-icon-card:before {
        font-size: 2.0em;
    }
}

/* Large devices (lg) */
@media (min-width: 992px) {
    .powered-by-frutiful .brand-link {
        font-size: 2rem;
    }

    .powered-by-frutiful .fa-powered-by {
        font-size: 0.8em;
    }

    .fa-icon-card .card-title {
        margin-top: initial;
    }

    .fa-icon-card:before {
        font-size: 2.3em;
        text-align: initial;
        width: initial;
        left: 12px;
    }
}

/* Extra large devices (xl) */
@media (min-width: 1200px) {
    .powered-by-frutiful .brand-link {
        font-size: 1.4em;
    }

    .fa-icon-card:before {
        font-size: 2.6em;
        text-align: initial;
        width: initial;
        left: 18px;
    }
}

/* Extra extra large devices (xxl) */
@media (min-width: 1400px) {
    .powered-by-frutiful .brand-link {
        font-size: 1.5rem;
    }
}