@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");

:root {
    --clr-cerise: #EC1464;
    --clr-cerulean-crayola: #07B0DF;
    --clr-raisin-black: #231F20;
}

:root {
    --clr-cerise: #EC1464;
    --clr-cerulean-crayola: #07B0DF;
    --clr-raisin-black: #231F20;
}

.svg-icon.svg-icon-1x svg {
    height: 13px;
    width: 13px;
}

.svg-icon.svg-icon-2x svg {
    height: 26px;
    width: 26px;
}

.svg-icon.svg-icon-3x svg {
    height: 39px;
    width: 39px;
}

.lc, .lc.lc-1, .lc.lc-2, .lc.lc-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lc-1.lc {
    -webkit-line-clamp: 1;
}

.lc-2.lc {
    -webkit-line-clamp: 2;
}

.lc-3.lc {
    -webkit-line-clamp: 3;
}

.form-group {
    margin-bottom: 1.75rem !important;
}

.form-control {
    display: block;
    width: 100%;
    max-height: 41px;
    padding: 0.65rem 1rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

    .form-control:focus {
        color: #3F4254;
        background-color: #ffffff;
        border-color: #9cb8ff;
        outline: 0;
    }

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

    .input-group .input-group-prepend {
        margin-right: -1px;
    }

    .input-group.select2-bootstrap-prepend .select2 {
        width: unset !important;
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }

    .input-group.input-group-lg {
        min-height: 60px;
    }

        .input-group.input-group-lg > input {
            min-height: 60px;
        }

.select2-container--bootstrap .select2-selection--multiple {
    padding: 0;
    height: auto;
    min-height: 40px;
    line-height: 1.9;
}

.select2 .select2-search > input {
    width: 100% !important;
}

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.65rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    text-align: center;
    white-space: nowrap;
    background-color: #F3F6F9;
    border: 1px solid #E4E6EF;
    border-radius: 0.42rem;
}

.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group-prepend, .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 3;
}

.cover.cover-center form {
    text-align: unset;
}

.btn-primary,
.pricing-btn {
    background-color: #14B8A6;
    color: #fde8f0;
    font-weight: 600 !important;
    text-transform: uppercase;
    border-color: transparent;
}

    .btn-primary:hover,
    .pricing-btn:hover {
        border-color: #07B0DF;
    }

    .btn-primary:active,
    .pricing-btn:active,
    .btn-primary:hover,
    .pricing-btn:hover,
    .btn-primary:focus,
    .pricing-btn:focus,
    .btn-primary:active:active,
    .pricing-btn:active:active {
        background-color: #4e4a4a;
    }

.pac-container {
    z-index: 1070;
}

.quick_links_holder a {
    text-decoration: none;
}

    .quick_links_holder a:hover {
        text-decoration: none;
    }

    .quick_links_holder a .widget, .quick_links_holder a .block, .quick_links_holder a .panel {
        margin: 0 0 30px 0;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

        .quick_links_holder a .widget h4 small, .quick_links_holder a .block h4 small, .quick_links_holder a .panel h4 small {
            font-weight: 600;
            font-size: 80%;
        }

        .quick_links_holder a .widget .widget-icon, .quick_links_holder a .block .widget-icon, .quick_links_holder a .panel .widget-icon {
            background-color: #727259;
        }

:root {
    --test-positive: #e83e8c;
    --test-negative: #17a2b8;
}

body {
    font-size: 14px;
}

@page {
    main #certificate_holder_main

{
    size: 21cm 29.7cm;
    margin: 30mm 45mm 30mm 45mm;
    /* change the margins as you want them to be. */
}

}

main#certificate_holder_main .landing-image {
    background-image: url("/r01022022/img/bg/bg-02.jpg");
}

main#certificate_holder_main .invoice-wrapper .invoice-info .captured_data > span:not(strong) {
    letter-spacing: .05rem;
}

:root {
    --metah-primary: #EC1464;
    --metah-dk: #231F20;
    --metah-blue-lt: #07B0DF;
    --metah-grey: #6B6B6B;
    --font-mono: 'Roboto Mono', monospace;
    --position: relative;
}

.font-mono {
    font-family: var(--font-mono);
}

html {
    scroll-behavior: smooth;
}

html, body {
    height: 100%;
    font-family: "Montserrat", Helvetica, "sans-serif";
}

.lc, .lc.lc-1, .lc.lc-2, .lc.lc-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lc-1.lc {
    -webkit-line-clamp: 1;
}

.lc-2.lc {
    -webkit-line-clamp: 2;
}

.lc-3.lc {
    -webkit-line-clamp: 3;
}

.fs-20 {
    font-size: 20px;
}

.w-100 {
    width: 100%;
}

.min-h {
    min-height: var(--min-height, 1px);
}

.h-100 {
    height: 100%;
}

.max-h-50px {
    max-height: 50px;
}

.max-h-150px {
    max-height: 150px;
}

.mr-auto, .mx-auto {
    margin-right: auto;
}

.ml-auto, .mx-auto {
    margin-left: auto;
}

.ms-1 {
    margin-inline-start: .5rem;
}

.mb-0 {
    margin-block-end: 0;
}

.marginb-0 {
    margin-bottom: 0 !important;
}

.margin-block {
    --margin-base: 0.75rem;
}

.margin-inline {
    --margin-base: 0.75rem;
}

.align-baseline {
    vertical-align: baseline;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.align-text-bottom {
    vertical-align: text-bottom;
}

.align-text-top {
    vertical-align: text-top;
}

.text-burgandy {
    color: #68CE80 !important;
}

textarea {
    overflow: auto;
    resize: vertical;
}

img.object-fit--cover {
    object-fit: cover;
}

img.object-position--top {
    object-position: top;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-between {
    justify-content: space-between;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.position-absolute {
    position: absolute;
}

.d-none {
    display: none;
}

.min-h-100px {
    min-height: 100px;
}

.max-w-100px {
    max-width: 100px;
}

.min-h-150px {
    min-height: 150px;
}

.min-w-150px {
    min-width: 150px;
}

.effect-pulse {
    animation: var(--animation-name, pulse) var(--animation-duration, 2s) ease 0.5s var(--animation-iteration-count, infinite) alternate-reverse running;
}

.effect-float-hover {
    animation: var(--animation-name, floatHover) var(--animation-duration, 2s) ease var(--animation-iteration-count, infinite) alternate-reverse running;
}

@keyframes pulse {
    from {
        transform: scale(1);
        color: var(--clr-cerise);
    }

    to {
        transform: scale(0.85);
        color: var(--clr-cerulean-crayola);
    }
}

@keyframes floatHover {
    from {
        transform: translateY(-0.5em);
        color: var(--anim-clr-1, #fff);
    }

    to {
        transform: translateY(0.2em);
        color: var(--anim-clr-2, var(--clr-cerise));
    }
}

@media print {
    .d2u-invoice .header-wrapper {
        display: none;
    }

    .d2u-invoice .content-title {
        display: none;
    }

    .d2u-invoice .footer-wrapper {
        display: none;
    }

    .d2u-invoice .invoice-info h4 {
        font-size: 18px;
    }
}

.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

[data-layout-type="frontendwebsite"]html, [data-layout-type="frontendwebsite"] body {
    font-size: 16px;
    height: 100%;
    font-family: "Montserrat", Helvetica, "sans-serif";
}

[data-layout-type="frontendwebsite"] .content-title {
    background-color: #fff;
    background-image: linear-gradient(to right, #68CE80, #4DDDE0);
    margin: -60px 0 60px 0;
    margin-bottom: 60px;
}

[data-layout-type="frontendwebsite"] .header-wrapper .header-top .header-logo {
    margin-top: 0;
}

[data-layout-type="frontendwebsite"] .d2u-hero-bg .cover {
    height: 300px;
    background-color: #3b5d60 !important;
    background-size: cover;
    background-position: 100% 60%;
    padding: 130px 10px;
}

    [data-layout-type="frontendwebsite"] .d2u-hero-bg .cover .cover-title-inner h1 {
        background-color: #0f0f0f !important;
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 -1000px 0 0;
        padding: 20px 120% 20px 30px;
        position: relative;
        z-index: 101;
    }

@media (max-width: 990px) {
    [data-layout-type="frontendwebsite"] .d2u-hero-bg .cover .cover-title-inner h1 {
        font-size: 1.5em;
    }
}

@media (min-width: 768px) {
    [data-layout-type="frontendwebsite"] .nav-primary .nav-item {
        transition: all 0.4s ease;
    }

        [data-layout-type="frontendwebsite"] .nav-primary .nav-item.active:before {
            background-color: transparent;
            content: '';
            display: block;
            height: 3px;
            left: 0;
            position: absolute;
            right: 0;
            top: 0px;
        }

        [data-layout-type="frontendwebsite"] .nav-primary .nav-item.active:after {
            background-color: #14B8A6;
            content: '';
            display: block;
            height: 3px;
            left: 0;
            position: absolute;
            right: 0;
            bottom: 0px;
        }

        [data-layout-type="frontendwebsite"] .nav-primary .nav-item:hover:not(.active):before {
            background-color: transparent;
            content: '';
            display: block;
            height: 2px;
            left: 0;
            position: absolute;
            right: 0;
            top: 0px;
            opacity: .6;
        }

        [data-layout-type="frontendwebsite"] .nav-primary .nav-item:hover:not(.active):after {
            background-color: #727259;
            content: '';
            display: block;
            height: 2px;
            left: 0;
            position: absolute;
            right: 0;
            bottom: 0px;
            opacity: .6;
        }
}

[data-layout-type="frontendwebsite"] .d2u-common .cover {
    height: 300px;
    background-color: #3b5d60;
    background-size: cover;
    background-position: 100% 20%;
    padding: 130px 10px;
}

    [data-layout-type="frontendwebsite"] .d2u-common .cover .cover-title-inner h1 {
        background-color: #0f0f0f;
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 -1000px 0 0;
        padding: 20px 120% 20px 30px;
        position: relative;
        z-index: 101;
    }

[data-layout-type="frontendwebsite"] .d2u-common .mortgage-calculator {
    background-color: #162a41;
}

[data-layout-type="frontendwebsite"] .d2u-about .cover {
    height: 300px;
    background-image: url("r0110/img/bg-2422277-min.jpg");
    background-size: cover;
    background-position: 100% 60%;
    padding: 130px 10px;
}

    [data-layout-type="frontendwebsite"] .d2u-about .cover .cover-title-inner h1 {
        background-color: rgba(78, 74, 74, 0.95);
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 -1000px 0 0;
        padding: 20px 120% 20px 30px;
        position: relative;
        z-index: 101;
    }

@media (max-width: 990px) {
    [data-layout-type="frontendwebsite"] .d2u-about .cover .cover-title-inner h1 {
        font-size: .9em;
    }
}

[data-layout-type="frontendwebsite"] .d2u-about .box-content h2 {
    color: var(--placer-green);
    font-weight: 600;
}

[data-layout-type="frontendwebsite"] .d2u-about .box-content ul li {
    margin-top: .8rem;
}

[data-layout-type="frontendwebsite"] .d2u-about .section-benefits .box-content h2 {
    color: var(--placer-green);
    font-weight: 600;
    font-size: 1rem;
}

[data-layout-type="frontendwebsite"] .d2u-about .the-team .image-wrapper .image-holder {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    [data-layout-type="frontendwebsite"] .d2u-about .the-team .image-wrapper .image-holder.t1 {
        background-image: url("../img/team/Ayanda Lande.jpg");
    }

    [data-layout-type="frontendwebsite"] .d2u-about .the-team .image-wrapper .image-holder.t2 {
        background-image: url("../img/team/Kristine Tudhope.jpg");
    }

    [data-layout-type="frontendwebsite"] .d2u-about .the-team .image-wrapper .image-holder.t3 {
        background-image: url("../img/team/Hlela Bunn.jpg");
    }

    [data-layout-type="frontendwebsite"] .d2u-about .the-team .image-wrapper .image-holder.t4 {
        background-image: url("../img/team/Xolisiwe Qekema.jpg");
    }

[data-layout-type="frontendwebsite"] .d2u-about .the-team .image-description h2 small {
    display: block;
    font-size: 1rem;
    margin-top: .45rem;
}

[data-layout-type="frontendwebsite"] .d2u-contact .cover {
    height: 300px;
    background-color: #3b5d60;
    background-size: cover;
    background-position: 100% 60%;
    padding: 130px 10px;
}

    [data-layout-type="frontendwebsite"] .d2u-contact .cover .cover-title-inner h1 {
        background-color: #0f0f0f;
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 -1000px 0 0;
        padding: 20px 120% 20px 30px;
        position: relative;
        z-index: 101;
    }

@media (max-width: 990px) {
    [data-layout-type="frontendwebsite"] .d2u-contact .cover .cover-title-inner h1 {
        font-size: 1.5em;
    }
}

[data-layout-type="frontendwebsite"] .d2u-resources .cover {
    height: 300px;
    background-image: url("../img/bg-5673477-min.jpg");
    background-size: cover;
    background-position: 100% 40%;
    padding: 130px 10px;
}

    [data-layout-type="frontendwebsite"] .d2u-resources .cover .cover-title-inner h1 {
        background-color: rgba(78, 74, 74, 0.95);
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 -1000px 0 0;
        padding: 20px 120% 20px 30px;
        position: relative;
        z-index: 101;
    }

@media (max-width: 990px) {
    [data-layout-type="frontendwebsite"] .d2u-resources .cover .cover-title-inner h1 {
        font-size: 1.5em;
    }
}

[data-layout-type="frontendwebsite"] .d2u-resources .section-resources .category {
    background-image: none;
}

    [data-layout-type="frontendwebsite"] .d2u-resources .section-resources .category > a.category-link > .category-content {
        width: 90%;
        max-width: 55ch;
    }

@media (max-width: 990px) {
    [data-layout-type="frontendwebsite"] .d2u-resources .section-resources .category > a.category-link > .category-content {
        font-size: 11px;
    }
}

[data-layout-type="frontendwebsite"] .d2u-search .cover {
    height: 300px;
    background-color: #3b5d60 !important;
    background-size: cover;
    background-position: 100% 20%;
    padding: 130px 10px;
}

    [data-layout-type="frontendwebsite"] .d2u-search .cover .cover-title-inner h1 {
        background-color: #0f0f0f;
        color: #fff;
        font-size: 2em;
        font-weight: 300;
        line-height: 1.4;
        margin: 0 -1000px 0 0;
        padding: 20px 120% 20px 30px;
        position: relative;
        z-index: 101;
    }

[data-layout-type="frontendwebsite"] .d2u-search .mortgage-calculator {
    background-color: #3b5d60;
}

@media (max-width: 666px) {
    [data-layout-type="frontendwebsite"] .listing-row .listing-row-content .btn-wrapper a.btn {
        display: block;
        max-width: 75vw;
        margin-bottom: .45rem;
        margin-inline: auto;
    }
}

[data-layout-type="frontendwebsite"] .modal .modal-footer .buttons-loginregister {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 666px) {
    [data-layout-type="frontendwebsite"] .modal .modal-footer .buttons-loginregister {
        flex-direction: column;
    }

        [data-layout-type="frontendwebsite"] .modal .modal-footer .buttons-loginregister button {
            width: 80%;
        }
}

[data-layout-type="frontendwebsite"] .box:hover .box-content h2 {
    color: #3C75B4;
}

[data-layout-type="frontendwebsite"] .box:hover .box-icon {
    color: #3C75B4;
}

[data-layout-type="frontendwebsite"] .d2u-landing .main-wrapper .main-inner .content .cover .cover-image {
    background: url("../img/bg/bg-01.jpg") no-repeat top center;
    background-size: cover;
}

@media (min-width: 1024px) {
    [data-layout-type="frontendwebsite"] .d2u-landing .main-wrapper .main-inner .content .cover.cover-center {
        height: 450px;
    }

        [data-layout-type="frontendwebsite"] .d2u-landing .main-wrapper .main-inner .content .cover.cover-center .cover-title {
            margin-top: 30px;
        }
}

[data-layout-type="frontendwebsite"] .d2u-landing .main-wrapper .main-inner .content .information-bar {
    background-color: #3C75B4;
    background-image: linear-gradient(135deg, #3C75B4, #4DDDE0);
    font-size: 1.1rem;
    font-weight: 500;
}

[data-layout-type="frontendwebsite"] .d2u-landing .image-wrapper .image-holder {
    background: url("/r0110/img/bg-2422277-min.jpg") no-repeat left top;
    background-size: cover;
}

[data-layout-type="frontendwebsite"] .footer-wrapper {
    background-color: #0f0f0f;
}

    [data-layout-type="frontendwebsite"] .footer-wrapper .footer-top {
        background-color: #292828;
    }

    [data-layout-type="frontendwebsite"] .footer-wrapper .footer-inner .nav-link:hover {
        border-bottom: 1px solid #4DDDE0;
    }

[data-layout-type="frontendwebsite"] .amenities li.yes::before {
    color: #68CE80;
}

[data-layout-type="adminportal"] {
    font-size: 14px !important;
    height: 100%;
    font-family: "Montserrat", Helvetica, "sans-serif";
}

    [data-layout-type="adminportal"] .h1, [data-layout-type="adminportal"] .h2, [data-layout-type="adminportal"] .h3, [data-layout-type="adminportal"] .h4, [data-layout-type="adminportal"] .h5, [data-layout-type="adminportal"] .h6, [data-layout-type="adminportal"] h1, [data-layout-type="adminportal"] h2, [data-layout-type="adminportal"] h3, [data-layout-type="adminportal"] h4, [data-layout-type="adminportal"] h5, [data-layout-type="adminportal"] h6 {
        font-family: "Montserrat", Helvetica, "sans-serif";
    }

    [data-layout-type="adminportal"] .listing-row-custom-containers {
        width: fit-content;
        float: right;
    }

@media (max-width: 666px) {
    [data-layout-type="adminportal"] .listing-row-custom-upload {
        width: calc(100% - 30%);
    }
}

[data-layout-type="adminportal"] .header-section {
    background-size: cover;
    background-color: #3b5d60;
}

[data-layout-type="adminportal"] .d2u-dash .header-section {
    background-image: none;
}

[data-layout-type="adminportal"] .table-responsive table {
    width: 100% !important;
}

[data-layout-type="adminportal"] .middle .jumbotron.bg-grad-tun {
    border-radius: 1rem;
}

[data-layout-type="adminportal"] .nav-pills > li.active > a,
[data-layout-type="adminportal"] .nav-pills > li.active > a:hover,
[data-layout-type="adminportal"] .nav-pills > li.active > a:focus,
[data-layout-type="adminportal"] .dropdown-menu > li > a:hover,
[data-layout-type="adminportal"] .dropdown-menu > li > a:focus,
[data-layout-type="adminportal"] .dropdown-menu > .active > a,
[data-layout-type="adminportal"] .dropdown-menu > .active > a:hover,
[data-layout-type="adminportal"] .dropdown-menu > .active > a:focus,
[data-layout-type="adminportal"] .nav .open > a,
[data-layout-type="adminportal"] .nav .open > a:hover,
[data-layout-type="adminportal"] .nav .open > a:focus {
    background: #14B8A6 !important;
}

[data-layout-type="adminportal"] .nav.navbar-nav-custom > li a:hover {
    background-color: #14B8A6;
}

[data-layout-type="adminportal"] .dropdown-menu > li > a {
    padding: 15px 10px;
}

[data-layout-type="adminportal"] #sidebar .sidebar-brand {
    display: flex;
    align-items: center;
}

[data-layout-type="adminportal"] #sidebar ul.sidebar-nav ul {
    background: transparent;
}

[data-layout-type="adminportal"] #sidebar ul.sidebar-nav li.active > a {
    background: #14B8A6;
}

[data-layout-type="adminportal"] #sidebar ul.sidebar-nav li a:hover {
    background: #727259;
    color: #022732;
}

[data-layout-type="adminportal"] #sidebar ul.sidebar-nav a {
    padding-block: 5px;
}

    [data-layout-type="adminportal"] #sidebar ul.sidebar-nav a:focus {
        background: #14B8A6;
    }

    [data-layout-type="adminportal"] #sidebar ul.sidebar-nav a:not(.open) {
        color: #fff;
    }

    [data-layout-type="adminportal"] #sidebar ul.sidebar-nav a.open {
        background: #14B8A6;
        color: white;
    }

[data-layout-type="adminportal"] .datepicker.datepicker-dropdown.dropdown-menu {
    max-width: fit-content;
}

[data-layout-type="adminportal"] .dataTables_length .form-control {
    padding: 6px 8px;
}

[data-layout-type="adminportal"] .label {
    padding: 0.15rem 0.75rem;
    font-size: 0.8rem;
}

[data-layout-type="adminportal"] textarea {
    overflow: auto;
    resize: vertical;
}

[data-layout-type="adminportal"] #sidebar {
    background: #16222A;
}

    [data-layout-type="adminportal"] #sidebar .sidebar-nav a {
        color: #fff;
    }

[data-layout-type="adminportal"] #page-container {
    /*background-color: #16222A;*/
    background: linear-gradient(to left, #3A6073, #16222A);
}

[data-layout-type="adminportal"] #modalEndDayDate > .modal-body > .dropdown-menu.custom {
    left: unset !important;
    right: unset !important;
}

[data-layout-type="adminportal"] #modalEndDayDate > .datepicker-dropdown.datepicker-orient-top:after {
    display: none !important;
    /*bottom: -6px;
            border-bottom: 0;
            border-top: 6px solid #ffffff;*/
}

[data-layout-type="adminportal"] #modalEndDayDate > .datepicker-dropdown:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
    display: none !important;
}

[data-layout-type="userportal"] .h1, [data-layout-type="userportal"] .h2, [data-layout-type="userportal"] .h3, [data-layout-type="userportal"] .h4, [data-layout-type="userportal"] .h5, [data-layout-type="userportal"] .h6, [data-layout-type="userportal"] h1, [data-layout-type="userportal"] h2, [data-layout-type="userportal"] h3, [data-layout-type="userportal"] h4, [data-layout-type="userportal"] h5, [data-layout-type="userportal"] h6 {
    font-family: "Montserrat", Helvetica, "sans-serif";
}

[data-layout-type="userportal"] #documentuploadContainer .listing-row, [data-layout-type="userportal"] #NewDocAddContainer .listing-row {
    display: flex;
    flex-direction: column;
    margin-block: .5rem;
}

    [data-layout-type="userportal"] #documentuploadContainer .listing-row .listing-row-inner, [data-layout-type="userportal"] #NewDocAddContainer .listing-row .listing-row-inner {
        border: 1px solid #21c9f8;
        border-radius: .48rem;
        padding: 1rem 2rem;
    }

    [data-layout-type="userportal"] #documentuploadContainer .listing-row:hover .listing-row-inner, [data-layout-type="userportal"] #NewDocAddContainer .listing-row:hover .listing-row-inner {
        background: #84e1fb;
    }

[data-layout-type="userportal"] #page-container .flex-styling {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
}

    [data-layout-type="userportal"] #page-container .flex-styling a.site-logo {
        margin-right: auto;
    }

[data-layout-type="userportal"] .listing-row-custom-containers {
    width: fit-content;
    float: right;
}

@media (max-width: 666px) {
    [data-layout-type="userportal"] .listing-row-custom-upload {
        width: calc(100% - 30%);
    }
}

[data-layout-type="userportal"] .sidebar-partial #sidebar:hover + #main-container,
[data-layout-type="userportal"] .sidebar-visible-lg #main-container {
    margin-left: 0;
}

[data-layout-type="userportal"] .heading-custom {
    width: 60%;
    float: right;
    margin-bottom: 55px;
}

[data-layout-type="userportal"] .header-section.userPortal {
    /*background: #C04848;
            background: -webkit-linear-gradient(to left, #F7971E, #FFD200);
            background: linear-gradient(to left, #F7971E, #FFD200);*/
    /*padding: 100px 10px;*/
    padding: 60px 10px;
    background: #192831;
    /* fallback for old browsers */
    background-color: #3b5d60 !important;
    /* Chrome 10-25, Safari 5.1-6 */
    background-color: #3b5d60 !important;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

[data-layout-type="userportal"] h1.custom-h1 {
    font-size: 3.5em;
    text-transform: uppercase;
    letter-spacing: 11px;
    color: #fff;
    text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0, rgba(0, 0, 0, 0.1) 0 6px 1px, rgba(0, 0, 0, 0.1) 0 0 5px, rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 3px 5px, rgba(0, 0, 0, 0.2) 0 5px 10px, rgba(0, 0, 0, 0.2) 0 10px 10px, rgba(0, 0, 0, 0.1) 0 20px 20px;
}

[data-layout-type="userportal"] #main-container .userPortal {
    background-color: #3b5d60 !important;
}

[data-layout-type="userportal"] #main-container .workerPortal {
    background-color: #3b5d60 !important;
}

[data-layout-type="userportal"] .datepicker.datepicker-dropdown.dropdown-menu {
    max-width: fit-content;
}

[data-layout-type="userportal"] .d2u-page-employer {
    /*Extra Stuff*/
    /*.cover-title {
            top: 23%;
            left: 177px;
        }*/
    /* New styling */
    /* New Ashtonio Walsh 15/09/2017 */
}

    [data-layout-type="userportal"] .d2u-page-employer .sub-header {
        margin: 10px 0 20px;
        padding: 10px 10px;
        border-bottom: 1px dotted #dddddd;
    }

    [data-layout-type="userportal"] .d2u-page-employer .cover {
        height: 250px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .header-section h1 i {
        line-height: 35px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .themed-background-dark-default.custom {
        background-color: #bf224e !important;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalViewHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employer #modalViewFullDay .modal-header {
        background: url("/r/img/bg/w4a_admin_modal-header_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalBookingHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employer #modalBookingFullDay .modal-header {
        background: url("/r/img/bg/MetaHealth-header-07.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalRequestQuoteView .modal-header {
        background: url("/r/img/bg/w4a_admin_bg_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .info-mid {
        margin: 0;
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 2rem;
        transform: translate(-50%, -50%);
    }

    [data-layout-type="userportal"] .d2u-page-employer .module {
        color: white;
        padding: 10px 0;
        width: 598px;
        height: 200px;
        padding-top: 7%;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalRequestQuoteView .modal-header {
        background: url("/r/img/bg/w4a_admin_bg_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .listing-row {
        background-color: #fff;
        border-radius: 3px;
        /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);*/
        box-shadow: 0 1px 14px rgba(0, 0, 0, 0.08);
        display: table;
        margin: 0 0 30px 0;
        min-height: 180px;
        transition: box-shadow .15s linear;
        width: 100%;
    }

    [data-layout-type="userportal"] .d2u-page-employer .listing-row-inner {
        display: table-row;
    }

    [data-layout-type="userportal"] .d2u-page-employer .listing-row-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border: 3px 0 0 3px;
        display: table-cell;
        overflow: hidden;
        position: relative;
        width: 30%;
    }

    [data-layout-type="userportal"] .d2u-page-employer .listing-row-content {
        display: table-cell;
        padding: 20px;
        position: relative;
        width: 70%;
    }

    [data-layout-type="userportal"] .d2u-page-employer .triangle-verified {
        width: 0;
        height: 0;
        border-top: 40px solid #5cb85c;
        border-left: 40px solid transparent;
        position: relative;
        bottom: 18px;
        right: -18px;
    }

        [data-layout-type="userportal"] .d2u-page-employer .triangle-verified:after {
            font-family: FontAwesome;
            content: "\f0a3";
            color: #ffffff;
            position: relative;
            top: -37px;
            right: 16px;
        }

    [data-layout-type="userportal"] .d2u-page-employer .triangle-not-verified {
        width: 0;
        height: 0;
        border-top: 40px solid #d9534f;
        border-left: 40px solid transparent;
        position: relative;
        bottom: 18px;
        right: -18px;
    }

        [data-layout-type="userportal"] .d2u-page-employer .triangle-not-verified:after {
            font-family: FontAwesome;
            content: "\f0a3";
            color: #ffffff;
            position: relative;
            top: -37px;
            right: 16px;
        }

    [data-layout-type="userportal"] .d2u-page-employer .animated {
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        transition: height 0.2s;
    }

    [data-layout-type="userportal"] .d2u-page-employer .stars {
        margin: 4px 0;
        font-size: 18px;
        color: #e67e22;
    }

    [data-layout-type="userportal"] .d2u-page-employer .cover-title-inner h1 {
        background-color: rgba(0, 0, 0, 0.18);
    }

    [data-layout-type="userportal"] .d2u-page-employer .heading-custom {
        width: 60%;
        float: right;
        margin-bottom: 55px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .header-section.workerPortal {
        /*background: #C04848;
            background: -webkit-linear-gradient(to left, #F7971E, #FFD200);
            background: linear-gradient(to left, #F7971E, #FFD200);*/
        /*padding: 100px 10px;*/
        padding: 60px 10px;
        background: #192831;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #5f99b6, #192831);
        /* Chrome 10-25, Safari 5.1-6 */
        background-color: #3b5d60 !important;
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    [data-layout-type="userportal"] .d2u-page-employer h1.custom-h1 {
        font-size: 3.5em;
        text-transform: uppercase;
        letter-spacing: 11px;
        color: #fff;
        text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0, rgba(0, 0, 0, 0.1) 0 6px 1px, rgba(0, 0, 0, 0.1) 0 0 5px, rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 3px 5px, rgba(0, 0, 0, 0.2) 0 5px 10px, rgba(0, 0, 0, 0.2) 0 10px 10px, rgba(0, 0, 0, 0.1) 0 20px 20px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .char-set-30 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 30ch;
    }

    [data-layout-type="userportal"] .d2u-page-employer #reviewInfo .no-text-decoration, [data-layout-type="userportal"] .d2u-page-employer #reviewInfo .no-text-decoration:hover {
        text-decoration: none;
    }

    [data-layout-type="userportal"] .d2u-page-employer .header-section h1 i {
        line-height: 35px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .animated {
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        transition: height 0.2s;
    }

    [data-layout-type="userportal"] .d2u-page-employer .stars {
        margin: 4px 0;
        font-size: 18px;
        color: #e67e22;
    }

    [data-layout-type="userportal"] .d2u-page-employer .fullday-halfday {
        position: relative;
        bottom: 25px;
        left: 120px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .themed-background-dark-default.custom {
        background-color: #bf224e !important;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalViewHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employer #modalViewFullDay .modal-header {
        background: url("/r/img/bg/w4a_admin_modal-header_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .info-mid {
        margin: 0;
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 2rem;
        transform: translate(-50%, -50%);
    }

    [data-layout-type="userportal"] .d2u-page-employer .module {
        /*background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) );*/
        /*border-radius: 4px;*/
        padding: 10px 0;
        /*background-size: cover;*/
        /*width: 300px;*/
        width: 598px;
        height: 200px;
        padding-top: 7%;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalRequestQuoteView .modal-header {
        background: url("/r/img/bg/w4a_admin_bg_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .pb20 {
        padding-bottom: 20px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .per40 {
        width: 40%;
    }

    [data-layout-type="userportal"] .d2u-page-employer .per60 {
        width: 60%;
    }

    [data-layout-type="userportal"] .d2u-page-employer #tblBookingsInformation_wrapper > .row, [data-layout-type="userportal"] .d2u-page-employer .d2u-page-employee #tblReviewsInformation_wrapper > .row > .row, [data-layout-type="userportal"] .d2u-page-employee .d2u-page-employer #tblReviewsInformation_wrapper > .row > .row {
        padding-left: 10px;
        padding-right: 10px;
    }

    [data-layout-type="userportal"] .d2u-page-employer #tblReviewsInformation_wrapper > .row {
        padding-left: 10px;
        padding-right: 10px;
    }

    [data-layout-type="userportal"] .d2u-page-employer #modalBookingHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employer #modalBookingFullDay .modal-header {
        background: url("/r/img/bg/MetaHealth-header-07.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employer .widget-simple .widget-image, [data-layout-type="userportal"] .d2u-page-employer .widget-simple .widget-icon {
        margin: 10px 10px !important;
    }

    [data-layout-type="userportal"] .d2u-page-employer .modal-header.custom-grad {
        background: #16222A;
        background: -webkit-linear-gradient(to left, #3A6073, #16222A);
        background: linear-gradient(to left, #3A6073, #16222A);
        color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    [data-layout-type="userportal"] .d2u-page-employer .widget-simple .widget-icon.mn {
        margin: 0 !important;
    }

    [data-layout-type="userportal"] .d2u-page-employer .smallWidget.widget-simple .widget-icon {
        display: inline-block;
        line-height: 47px;
        text-align: center;
        font-size: 21px;
        color: #ffffff;
        border-radius: 50%;
    }

[data-layout-type="userportal"] .widget .widget-icon, [data-layout-type="userportal"] .block .widget-icon, [data-layout-type="userportal"] .panel .widget-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-layout-type="userportal"] .d2u-page-employee {
    /*.cover-title {
            top: 23%;
            left: 177px;
        }*/
    /* New styling */
    /* New Ashtonio Walsh 15/09/2017 */
}

    [data-layout-type="userportal"] .d2u-page-employee .cover {
        height: 250px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .header-section h1 i {
        line-height: 35px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .themed-background-dark-default.custom {
        background-color: #bf224e !important;
    }

    [data-layout-type="userportal"] .d2u-page-employee #modalViewHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employee #modalViewFullDay .modal-header {
        background: linear-gradient(to left, #C04848, #480048);
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employee #modalRequestQuoteView .modal-header {
        background: url("/r/img/bg/w4a_admin_bg_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .info-mid {
        margin: 0;
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 2rem;
        transform: translate(-50%, -50%);
    }

    [data-layout-type="userportal"] .d2u-page-employee .module {
        color: white;
        padding: 10px 0;
        width: 598px;
        height: 200px;
        padding-top: 7%;
    }

    [data-layout-type="userportal"] .d2u-page-employee .animated {
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        transition: height 0.2s;
    }

    [data-layout-type="userportal"] .d2u-page-employee .stars {
        margin: 4px 0;
        font-size: 18px;
        color: #e67e22;
    }

    [data-layout-type="userportal"] .d2u-page-employee .fa-lg.custom {
        font-size: 2.8em;
    }

    [data-layout-type="userportal"] .d2u-page-employee .cover-title-inner h1 {
        background-color: rgba(0, 0, 0, 0.18);
    }

    [data-layout-type="userportal"] .d2u-page-employee .heading-custom {
        width: 60%;
        float: right;
        margin-bottom: 55px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .header-section.userPortal {
        background: #C04848;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #C04848, #07B0DF);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #C04848, #07B0DF);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        /*padding: 100px 10px;*/
        padding: 60px 10px;
    }

    [data-layout-type="userportal"] .d2u-page-employee h1.custom-h1 {
        font-size: 3.5em;
        text-transform: uppercase;
        letter-spacing: 11px;
        color: #fff;
        text-shadow: #ccc 0 1px 0, #c9c9c9 0 2px 0, #bbb 0 3px 0, #b9b9b9 0 4px 0, #aaa 0 5px 0, rgba(0, 0, 0, 0.1) 0 6px 1px, rgba(0, 0, 0, 0.1) 0 0 5px, rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 3px 5px, rgba(0, 0, 0, 0.2) 0 5px 10px, rgba(0, 0, 0, 0.2) 0 10px 10px, rgba(0, 0, 0, 0.1) 0 20px 20px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .rbFilteringStyle {
        display: table;
    }

        [data-layout-type="userportal"] .d2u-page-employee .rbFilteringStyle > label {
            vertical-align: -webkit-baseline-middle;
            margin: 0 8px;
            cursor: pointer;
        }

            [data-layout-type="userportal"] .d2u-page-employee .rbFilteringStyle > label > input[type=radio] {
                margin: 0 3px 0 0;
            }

    [data-layout-type="userportal"] .d2u-page-employee #reviewInfo .no-text-decoration, [data-layout-type="userportal"] .d2u-page-employee #reviewInfo .no-text-decoration:hover {
        text-decoration: none;
    }

    [data-layout-type="userportal"] .d2u-page-employee .header-section h1 i {
        line-height: 35px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .animated {
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        transition: height 0.2s;
    }

    [data-layout-type="userportal"] .d2u-page-employee .stars {
        margin: 4px 0;
        font-size: 18px;
        color: #e67e22;
    }

    [data-layout-type="userportal"] .d2u-page-employee .fullday-halfday {
        position: relative;
        bottom: 25px;
        left: 120px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .themed-background-dark-default.custom {
        background-color: #bf224e !important;
    }

    [data-layout-type="userportal"] .d2u-page-employee #modalViewHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employee #modalViewFullDay .modal-header {
        background: url("/r/img/bg/w4a_admin_modal-header_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .info-mid {
        margin: 0;
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 2rem;
        transform: translate(-50%, -50%);
    }

    [data-layout-type="userportal"] .d2u-page-employee .module {
        /*background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) );*/
        /*border-radius: 4px;*/
        padding: 10px 0;
        /*background-size: cover;*/
        /*width: 300px;*/
        width: 598px;
        height: 200px;
        padding-top: 7%;
    }

    [data-layout-type="userportal"] .d2u-page-employee #modalRequestQuoteView .modal-header {
        background: url("/r/img/bg/w4a_admin_bg_img_01.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .pb20 {
        padding-bottom: 20px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .per40 {
        width: 40%;
    }

    [data-layout-type="userportal"] .d2u-page-employee .per60 {
        width: 60%;
    }

    [data-layout-type="userportal"] .d2u-page-employee #tblBookingsInformation_wrapper > .row, [data-layout-type="userportal"] .d2u-page-employee #tblReviewsInformation_wrapper > .row > .row {
        padding-left: 10px;
        padding-right: 10px;
    }

    [data-layout-type="userportal"] .d2u-page-employee #modalBookingHalfDay .modal-header, [data-layout-type="userportal"] .d2u-page-employee #modalBookingFullDay .modal-header {
        background: url("/r/img/bg/MetaHealth-header-07.jpg") no-repeat center center;
        background-size: cover;
        height: 200px;
    }

    [data-layout-type="userportal"] .d2u-page-employee .widget-simple .widget-image, [data-layout-type="userportal"] .d2u-page-employee .widget-simple .widget-icon {
        margin: 10px 10px !important;
    }

    [data-layout-type="userportal"] .d2u-page-employee .modal-header.custom-grad {
        background: #16222A;
        background: -webkit-linear-gradient(to left, #3A6073, #16222A);
        background: linear-gradient(to left, #3A6073, #16222A);
        color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    [data-layout-type="userportal"] .d2u-page-employee .widget-simple .widget-icon.mn {
        margin: 0 !important;
    }

    [data-layout-type="userportal"] .d2u-page-employee .smallWidget.widget-simple .widget-icon {
        display: inline-block;
        line-height: 47px;
        text-align: center;
        font-size: 21px;
        color: #ffffff;
        border-radius: 50%;
    }

    [data-layout-type="userportal"] .d2u-page-employee .triangle-verified {
        width: 0;
        height: 0;
        border-top: 40px solid #5cb85c;
        border-left: 40px solid transparent;
        position: relative;
        bottom: 18px;
        right: -18px;
    }

        [data-layout-type="userportal"] .d2u-page-employee .triangle-verified:after {
            font-family: FontAwesome;
            content: "\f0a3";
            color: #ffffff;
            position: relative;
            top: -37px;
            right: 16px;
        }

    [data-layout-type="userportal"] .d2u-page-employee .triangle-not-verified {
        width: 0;
        height: 0;
        border-top: 40px solid #d43f3a;
        border-left: 40px solid transparent;
        position: relative;
        bottom: 18px;
        right: -18px;
    }

        [data-layout-type="userportal"] .d2u-page-employee .triangle-not-verified:after {
            font-family: FontAwesome;
            content: "\f0a3";
            color: #ffffff;
            position: relative;
            top: -37px;
            right: 16px;
        }

    [data-layout-type="userportal"] .d2u-page-employee .listing-row {
        background-color: #fff;
        border-radius: 3px;
        /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);*/
        display: table;
        margin: 0 0 30px 0;
        min-height: 180px;
        transition: box-shadow .15s linear;
        width: 100%;
        /* 18/09 replaced box-shadow with following */
        border: 1px solid #eaedf1;
    }

    [data-layout-type="userportal"] .d2u-page-employee .listing-row-inner {
        display: table-row;
    }

    [data-layout-type="userportal"] .d2u-page-employee .listing-row-image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border: 3px 0 0 3px;
        display: table-cell;
        overflow: hidden;
        position: relative;
        width: 30%;
    }

    [data-layout-type="userportal"] .d2u-page-employee .listing-row-content {
        display: table-cell;
        padding: 20px;
        position: relative;
        width: 70%;
    }

    [data-layout-type="userportal"] .d2u-page-employee div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
        padding-left: 10px;
    }

    [data-layout-type="userportal"] .d2u-page-employee div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-right: 10px;
    }

[data-layout-type="accountlogin"] body {
    background: #231F20;
}

[data-layout-type="accountlogin"] .btn-login {
    text-transform: unset;
    border: 1 px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.42rem;
}

[data-layout-type="accountlogin"] #login-background {
    height: 100%;
    max-height: 400px;
    position: fixed;
}

@media (max-width: 990px) {
    [data-layout-type="accountlogin"] #login-container {
        width: calc(100% - 5%);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: unset;
    }
}

[data-layout-type="accountlogin"] #login-container form .input-group input {
    width: 35ch;
}

@media (max-width: 990px) {
    [data-layout-type="accountlogin"] #login-container form .input-group input {
        width: 30ch;
    }
}

[data-layout-type="accountlogin"] #login-container .login-title {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 20px 10px;
    background: var(--metah-blue-lt);
    background: url("../img/template/ie8_opacity_dark_60.png") repeat;
    background: rgba(35, 31, 32, 0.6);
}

[data-layout-type="accountlogin"] #login-container .block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bg-grad-login {
    background: #07B0DF;
    background: -webkit-linear-gradient(to bottom, #07B0DF, #16222A);
    background: linear-gradient(to bottom, #07B0DF, #16222A);
}

[data-layout-type="accountsshome"] body {
    background: #231F20;
}

[data-layout-type="accountsshome"] .btn-sshome {
    text-transform: unset;
    border: 1 px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.42rem;
}

[data-layout-type="accountsshome"] #sshome-background {
    height: 100%;
    max-height: 400px;
    position: fixed;
}

@media (max-width: 990px) {
    [data-layout-type="accountsshome"] #sshome-container {
        width: calc(100% - 5%);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: unset;
    }
}

[data-layout-type="accountsshome"] #sshome-container form .input-group input {
    width: 35ch;
}

@media (max-width: 990px) {
    [data-layout-type="accountsshome"] #sshome-container form .input-group input {
        width: 30ch;
    }
}

[data-layout-type="accountsshome"] #sshome-container .sshome-title {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 20px 10px;
    background: var(--metah-blue-lt);
    background: url("../img/template/ie8_opacity_dark_60.png") repeat;
    background: rgba(35, 31, 32, 0.6);
}

[data-layout-type="accountsshome"] #sshome-container .block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bg-grad-sshome {
    background: #07B0DF;
    background: -webkit-linear-gradient(to bottom, #07B0DF, #16222A);
    background: linear-gradient(to bottom, #07B0DF, #16222A);
}

[data-layout-type="accountcheckin"] body {
    background: #231F20;
}

[data-layout-type="accountcheckin"] .btn-checkin {
    text-transform: unset;
    border: 1 px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.42rem;
}

[data-layout-type="accountcheckin"] #checkin-background {
    height: 100%;
    max-height: 400px;
    position: fixed;
}

@media (max-width: 990px) {
    [data-layout-type="accountcheckin"] #checkin-container {
        width: calc(100% - 5%);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: unset;
    }
}

[data-layout-type="accountcheckin"] #checkin-container form .input-group input {
    width: 35ch;
}

@media (max-width: 990px) {
    [data-layout-type="accountcheckin"] #checkin-container form .input-group input {
        width: 30ch;
    }
}

[data-layout-type="accountcheckin"] #checkin-container .checkin-title {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    padding: 20px 10px;
    background: var(--metah-blue-lt);
    background: url("../img/template/ie8_opacity_dark_60.png") repeat;
    background: rgba(35, 31, 32, 0.6);
}

[data-layout-type="accountcheckin"] #checkin-container .block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bg-grad-checkin {
    background: #07B0DF;
    background: -webkit-linear-gradient(to bottom, #07B0DF, #16222A);
    background: linear-gradient(to bottom, #07B0DF, #16222A);
}

.widget, .block, .panel {
    border-radius: 13px;
    -webkit-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 1.2s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06);
    -moz-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06);
    -o-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06);
    -ms-box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06);
    box-shadow: 0px 0px 40px 0px rgba(11, 34, 56, 0.06);
}

header a.site-logo {
    height: 70px;
    line-height: 70px;
}

.triangle-verified {
    width: 0;
    height: 0;
    border-top: 40px solid #5cb85c;
    border-left: 40px solid transparent;
    position: relative;
    bottom: 20px;
    right: -18px;
}

    .triangle-verified::after {
        font-family: FontAwesome;
        content: "\f0a3";
        color: #ffffff;
        position: relative;
        top: -37px;
        right: 16px;
    }

.triangle-not-verified {
    width: 0;
    height: 0;
    border-top: 40px solid #d9534f;
    border-left: 40px solid transparent;
    position: relative;
    bottom: 18px;
    right: -18px;
}

    .triangle-not-verified::after {
        font-family: FontAwesome;
        content: "\f0a3";
        color: #ffffff;
        position: relative;
        top: -37px;
        right: 16px;
    }

.dr2u-account {
    background-color: #3b5d60;
    background-size: cover;
    background-attachment: fixed;
}

    .dr2u-account body {
        background: unset;
        padding: 20px;
    }

    .dr2u-account .panel > .panel-heading {
        font-weight: 600 !important;
    }

.dataTables_wrapper > .row {
    padding-inline: 10px;
}

.w-100px {
    width: 100px;
}

.w-150px {
    width: 150px;
}

.w-250px {
    width: 250px;
}

.spacer-width {
    width: var(--spacer-w, 3rem);
}

.font-weight-bold {
    font-weight: var(--fw-bold, bold);
}

.block .block-title {
    border-start-start-radius: 13px;
    border-start-end-radius: 13px;
}

.block.block-stretch {
    display: flex;
    -webkit-box-align: stretch !important;
    align-items: stretch !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
}

[data-grid="true"] {
    --grid-display: grid;
    --gap: 1rem;
    --base-fraction: 1fr;
    --min-w: 250px;
    --ideal-w: 300px;
    --max-w: 600px;
    --fraction-half: .5fr;
    display: var(--grid-display);
    gap: var(--gap);
}

    [data-grid="true"][data-grid-item-size="small"] {
        --grid-item-w: 160px;
    }

    [data-grid="true"][data-grid-item-size="medium"] {
        --grid-item-w: 250px;
    }

    [data-grid="true"][data-grid-item-size="large"] {
        --grid-item-w: 300px;
    }

.header-section-gradient-1 {
    background-color: #3b5d60;
    padding: var(--header-section-padding-block, 60px) var(--header-section-padding-inline, 10px);
}

#page-container header[data-header-navigation="custom"] nav ul.site-nav a.nav-link {
    display: var(--nav-link-display, block);
    font-size: var(--nav-link-fs, 13px);
    color: var(--nav-link-text-clr, #394263);
    font-weight: var(--nav-link-fw, 600);
    padding: var(--nav-link-padding-block, 0) var(--nav-link-padding-inline, 10px);
    margin: 0;
    height: var(--nav-link-h, 34px);
    line-height: var(--nav-link-lh, 34px);
    border-radius: var(--nav-link-border-radius, 3px);
    text-transform: var(--nav-link-text-transform, uppercase);
    background-color: var(--nav-link-bg, #f1f3f6);
    border: var(--nav-link-border-w, 1px) var(--nav-link-border-style, solid) transparent;
    border-color: var(--nav-link-border-clr, #f1f3f6);
}

    #page-container header[data-header-navigation="custom"] nav ul.site-nav a.nav-link.nav-icon {
        --nav-link-lh: 2.2;
    }

    #page-container header[data-header-navigation="custom"] nav ul.site-nav a.nav-link.logout {
        color: var(--nav-link-text-clr, #FFA800);
        background-color: var(--nav-link-bg-clr, #FFF4DE);
        border-color: var(--nav-link-border-clr, transparent);
    }

        #page-container header[data-header-navigation="custom"] nav ul.site-nav a.nav-link.logout:hover {
            --nav-link-text-clr: #fff;
            --nav-link-bg-clr: #FFA800;
            --nav-link-border-clr: transparent;
        }

    #page-container header[data-header-navigation="custom"] nav ul.site-nav a.nav-link:hover {
        --nav-link-bg: #DAE0E8;
        --nav-link-border-clr: #d3d5dd;
    }

#page-container header[data-header-navigation="custom"] nav ul.site-nav.site-nav-visible {
    padding-inline: 1.2rem;
}

    #page-container header[data-header-navigation="custom"] nav ul.site-nav.site-nav-visible li {
        margin-block: .5rem;
    }

        #page-container header[data-header-navigation="custom"] nav ul.site-nav.site-nav-visible li a {
            margin-inline: 2rem;
        }

            #page-container header[data-header-navigation="custom"] nav ul.site-nav.site-nav-visible li a.nav-link {
                display: flex;
                align-items: end;
                justify-content: center;
            }

                #page-container header[data-header-navigation="custom"] nav ul.site-nav.site-nav-visible li a.nav-link.exit {
                    color: var(--nav-link-text-clr, #F64E60);
                    background-color: var(--nav-link-bg-clr, #FFE2E5);
                    border-color: var(--nav-link-border-clr, transparent);
                }

                    #page-container header[data-header-navigation="custom"] nav ul.site-nav.site-nav-visible li a.nav-link.exit:hover {
                        --nav-link-text-clr: #fff;
                        --nav-link-bg-clr: #F64E60;
                        --nav-link-border-clr: transparent;
                    }

[data-page="patient-examination"] #metahealth_a79ee213f-medicalHistory [data-grid-id="a79ee213f-medicalHistory"] {
    grid-template-columns: repeat(auto-fit, minmax(var(--width, 300px), 1fr));
}

    [data-page="patient-examination"] #metahealth_a79ee213f-medicalHistory [data-grid-id="a79ee213f-medicalHistory"] .medical-history-grid {
        --width: 300px;
        grid-template-columns: repeat(auto-fit, minmax(var(--width), 1fr));
    }

[data-page="patient-examination"] #metahealth_a79ee213f-medicalHistory #higo_frame > embed {
    --min-height: 45vh;
}

[data-page="patient-examination"] #metahealth_a3ddef1ad-diagnose embed {
    --min-height: 60vh;
}

[data-page="patient-examination"] #metahealth_a3ddef1ad-diagnose [data-grid-id="a3ddef1ad-higo"] {
    grid-template-columns: repeat(auto-fit, minmax(var(--width, 300px), 1fr));
}

[data-page="patient-examination"] .section_patient_hero_holder [data-grid-id="af6feb99a-top-section"] {
    grid-template-columns: repeat(auto-fit, minmax(var(--width, 300px), 1fr));
}

[data-page="patient-examination"] .section_patient_hero_holder [data-grid-id="af6feb99a-symptoms"] {
    grid-template-columns: repeat(auto-fit, minmax(var(--width, 150px), 1fr));
}

[data-page="patient-examination"] .a3ddef1ad-display {
    display: grid;
    place-items: center;
    height: 44ch;
}

    [data-page="patient-examination"] .a3ddef1ad-display figure svg {
        height: calc(40vh - 10em);
        width: 100%;
    }

        [data-page="patient-examination"] .a3ddef1ad-display figure svg path {
            --path-bg-clr-issues: #7b1e40;
            fill: var(--metah-blue-lt);
        }

            [data-page="patient-examination"] .a3ddef1ad-display figure svg path.hasIssues {
                fill: var(--path-bg-clr-issues);
                box-shadow: 0 0 10px #8f0024;
            }

.block-information-holder > div {
    padding-block: .25rem;
    align-items: center;
    min-height: var(--form-group-min-h, 25px);
}

    .block-information-holder > div:hover {
        background-color: rgba(0, 0, 0, 0.04);
        border-radius: 5px;
    }

        .block-information-holder > div:hover b {
            color: #14B8A6;
        }

.modal .block-information-holder {
    --form-group-min-h: 40px;
}

[data-page="display-panel"] body {
    --dark-body-bg-clr: #222;
}

[data-page="display-panel"] [data-block-bg="gradient-clr-1"] {
    background: #000329;
    background: linear-gradient(90deg, #000329 0%, #00458f 100%);
    background: -moz-linear-gradient(90deg, #000329 0%, #00458f 100%);
    background: -webkit-linear-gradient(90deg, #000329 0%, #00458f 100%);
    border-color: #00458f;
    box-shadow: 0 0 10px #00458f;
}

    [data-page="display-panel"] [data-block-bg="gradient-clr-1"] .patient-quick-profile-holder {
        color: #fff;
    }

[data-page="display-panel"] #page-container {
    max-height: 100vh;
}

    [data-page="display-panel"] #page-container header#portalNav {
        display: none;
    }

    [data-page="display-panel"] #page-container .header-section {
        display: none;
    }

    [data-page="display-panel"] #page-container #page-content {
        min-height: 1px !important;
        background-color: var(--dark-body-bg-clr);
    }

    [data-page="display-panel"] #page-container #main-container .content-header {
        border-block: none;
    }

[data-page="display-panel"] #metahealth_a8ef65280-display-panel embed {
    --min-height: 60vh;
}

[data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] {
    grid-template-columns: repeat(auto-fit, minmax(var(--width, 300px), 1fr));
}

    [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure svg.interactive_body_holder {
        height: calc(100vh - 10em);
        width: 100%;
        animation: var(--animation-name, floatHover) var(--animation-duration, 5s) ease var(--animation-iteration-count, infinite) alternate-reverse running;
    }

        [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure svg.interactive_body_holder path {
            --path-bg-clr: #000328;
            --path-bg-clr-active: #CD326B;
            --path-bg-clr-issues: #7b1e40;
            --path-bg-clr-hover: #ebadc4;
            fill: var(--path-bg-clr);
            cursor: pointer;
            transition: fill 0.5s ease;
        }

            [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure svg.interactive_body_holder path.active {
                fill: var(--path-bg-clr-active);
                box-shadow: 0 0 10px #00458f;
            }

            [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure svg.interactive_body_holder path.hasIssues {
                fill: var(--path-bg-clr-issues);
                box-shadow: 0 0 10px #8f0024;
            }

            [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure svg.interactive_body_holder path.hasIssuesActive {
                fill: var(--path-bg-clr-active);
                box-shadow: 0 0 10px #00458f;
            }

            [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure svg.interactive_body_holder path:hover {
                fill: var(--path-bg-clr-hover);
            }

    [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure.figure_body_interactive figcaption svg {
        --svg-height: 20px;
        --svg-width: 20px;
    }

    [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure.figure_body_interactive figcaption > span {
        display: flex;
        justify-content: center;
    }

        [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure.figure_body_interactive figcaption > span a {
            max-width: clamp(100px, 30ch, 300px);
            margin-inline: .5rem;
        }

            [data-page="display-panel"] #metahealth_a8ef65280-display-panel [data-grid-id="a8ef65280-display-panel"] .grid-item figure.figure_body_interactive figcaption > span a:last-child {
                flex: 2;
            }

[data-page="display-panel"] .body-area-grid {
    scrollbar-color: var(--metah-primary) transparent;
}

    [data-page="display-panel"] .body-area-grid .block-information-holder [data-row-type="form-group"] b {
        flex: 2;
    }

    [data-page="display-panel"] .body-area-grid .block-information-holder [data-row-type="form-group"] span {
        flex: 1;
    }

[data-page="display-panel"] [data-grid-id="a8ef65280-symptoms"] {
    --form-group-margin: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(var(--width, 160px), 1fr));
}

[data-page="display-panel"] .patient-quick-profile-holder {
    --min-width: 200px;
    --ideal-width: 18.75rem;
    --max-width: 70ch;
    max-width: clamp(var(--min-width), var(--ideal-width), var(--max-width));
}

[data-page="display-panel"] .fs-custom {
    font-size: var(--fs, 100%);
}

[data-page="display-panel"] .grid-item {
    position: var(--position);
    --fs: 115%;
}

    [data-page="display-panel"] .grid-item.fs-custom {
        --fs: 115%;
    }

[data-page="display-panel"] #dp-fig-temperature, [data-page="display-panel"] #dp-fig-spoxygen, [data-page="display-panel"] #dp-fig-heart_rate_blood_pressure, [data-page="display-panel"] #dp-fig-bloodwork {
    margin-block: 2em;
    outline: 1px solid;
    outline-color: #00458f;
    background: #000329;
    background-image: -webkit-linear-gradient(90deg, #000329 0%, #00458f 100%);
    background-image: linear-gradient(90deg, #000329 0%, #00458f 100%);
    box-shadow: 0 0 10px #00458f;
    border-radius: .8em;
    padding-inline: .5em;
    padding-block: .8em;
    color: #fff;
}

[data-page="display-panel"] #dp-fig-holder {
    --position: absolute;
    position: var(--position);
    inset: 1em 2em auto auto;
}

[data-page="display-panel"] #dp-fig-temperature {
    --anim-clr-2: #FFC043;
}

[data-page="display-panel"] #dp-fig-spoxygen {
    --anim-clr-2: #17a2b8;
}

[data-page="display-panel"] #dp-fig-bloodwork {
    --anim-clr-2: #FF4545;
}

.modal .body-area-grid [data-row-type="form-group"] textarea {
    --min-height: 160px;
}

[data-checked-in-status="pending"] {
    --status: #7E8299;
}

    [data-checked-in-status="pending"] span {
        color: var(--status);
        display: flex;
        justify-content: center;
    }

[data-checked-in-status="success"] {
    --status: #1ba83b;
}

    [data-checked-in-status="success"] span {
        color: var(--status);
        display: flex;
        justify-content: center;
    }

[data-checked-in-status="danger"] {
    --status: #F64E60;
}

    [data-checked-in-status="danger"] span {
        color: var(--status);
        display: flex;
        justify-content: center;
    }

:root {
    --sidebar-width: 300px;
    --sidebar-text-clr: inherit;
    --sidebar-width-min: 0;
    --sidebar-block-height: 300px;
    --sidebar-block-min-height: 20px;
    --bg-clr: transparent;
}

#sidebar-alt {
    left: 0;
    right: unset;
    background-color: var(--dark-body-bg-clr);
}

    #sidebar-alt .sidebar-content {
        --sidebar-text-clr: #fff;
        width: var(--sidebar-width);
        color: var(--sidebar-text-clr);
    }

#page-container, #sidebar, #sidebar-alt {
    background-color: #222;
}

[data-sidebar-type="form"] .block {
    background-color: var(--bg-clr);
    border: none;
    border-radius: 0;
    overflow: hidden;
    height: auto;
    min-height: 0;
    max-height: var(--sidebar-block-height);
    position: relative;
    padding-block: var(--sidebar-block-padding, 2rem);
}

    [data-sidebar-type="form"] .block .block-title {
        min-height: 5rem;
    }

        [data-sidebar-type="form"] .block .block-title h2 {
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: .1rem;
        }

    [data-sidebar-type="form"] .block .block-form-holder {
        overflow-y: scroll;
        height: auto;
        min-height: var(--sidebar-block-min-height);
        max-height: calc(var(--sidebar-block-height) + var(--sidebar-block-min-height));
        position: relative;
        margin-inline: -6px -20px;
    }

        [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] {
            --fs-min: 13px;
            --fs-ideal: .875rem;
            --fs-max: 15px;
            font-size: clamp(var(--fs-min), var(--fs-ideal), var(--fs-max));
            flex-direction: column;
        }

            [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] b, [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] span {
                width: calc(100% + (-20px));
            }

            [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] b {
                color: #b9b9d5;
            }

            [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] input {
                background-color: var(--input-bg-clr, #0d0d0d);
                border-color: var(--input-border-clr, #0d0d0d);
                color: var(--input-f-clr, #5bc0de);
                font-size: var(--input-fs, 16px);
                font-weight: var(--input-fw, 500);
                transition: color 0.2s ease, background-color 0.2s ease;
            }

                [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] input[type="radio"], [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] input[type="checkbox"] {
                    accent-color: var(--input-f-clr, #5bc0de);
                    aspect-ratio: 1/1;
                    width: 1.2em;
                }

            [data-sidebar-type="form"] .block .block-form-holder [data-row-type="form-group"] textarea [value=""] {
                color: var(--input-f-clr, #5bc0de);
            }

        [data-sidebar-type="form"] .block .block-form-holder [data-grid-id="a8ef65280-symptoms"] {
            --form-group-margin: .5rem;
            --gap: .5rem;
            grid-template-columns: repeat(auto-fit, minmax(var(--width, 150px), 1fr));
        }

    [data-sidebar-type="form"] .block .block-title {
        background-color: var(--bg-clr);
        border-bottom: none;
    }

    [data-sidebar-type="form"] .block .block-form-holder > div {
        padding-block-end: 7em;
    }

    [data-sidebar-type="form"] .block [data-row-type="form-group"] textarea.min-h {
        --min-height: 120px;
    }

/*.sidebar-partial #main-container {
    margin-left: var(--sidebar-width);
}*/
.sidebar-alt-visible-lg #main-container {
    /*margin-right: var(--sidebar-width-min);*/
    margin-right: 200px;
}

/*.sidebar-alt-visible-xs #main-container {
    margin-right: var(--sidebar-width-min);
}*/
@media screen and (min-width: 992px) {
    .sidebar-partial {
        /*#main-container {
            margin-left: var(--sidebar-width);
        }*/
    }

    .sidebar-alt-visible-lg {
        width: var(--sidebar-width);
    }

        .sidebar-alt-visible-lg #sidebar-alt {
            width: var(--sidebar-width);
        }

        .sidebar-alt-visible-lg #main-container {
            /*margin-right: var(--sidebar-width-min);*/
            margin-right: 200px;
        }
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.svg-icon svg {
    height: var(--svg-height, 24px);
    width: var(--svg-width, 24px);
}

.btn .svg-icon svg {
    --svg-height: 18px;
    --svg-width: 18px;
}

.label {
    --lbl-bg-clr: #8950fc;
    --lbl-padding-block: .5rem;
    --lbl-padding-inline: 1rem;
    --lbl-fs: 1.35rem;
    --lbl-fw: bold;
    --lbl-ls: .2rem;
}

    .label[data-label-type="time"] {
        background-color: var(--lbl-bg-clr);
        padding: var(--lbl-padding-block) var(--lbl-padding-inline);
        font-size: var(--lbl-fs);
        font-weight: var(--lbl-fw);
        letter-spacing: var(--lbl-ls);
        min-width: 70px;
        display: inline-block;
    }

    .label[data-label-type="date"] {
        background-color: var(--lbl-bg-clr);
        padding: var(--lbl-padding-block) var(--lbl-padding-inline);
        font-size: var(--lbl-fs);
        font-weight: var(--lbl-fw);
        letter-spacing: var(--lbl-ls);
        min-width: 120px;
        display: inline-block;
    }

        .label[data-label-type="date"] svg {
            width: 12px;
            height: 12px;
        }

.dataTables_wrapper .dataTables_paginate .pagination > .active > a {
    background-color: #14B8A6;
    color: #fff;
    display: grid;
    aspect-ratio: 1 / 1;
    line-height: 1.3;
}

.dataTables_wrapper .dataTables_paginate .pagination li.paginate_button:not(.next):not(.previous) > a {
    display: grid;
    aspect-ratio: 1 / 1;
    line-height: 1.3;
}

.dataTables_wrapper td.dataTables_empty {
    color: #14B8A6;
    padding-block: 3rem;
    font-size: 1.5rem;
    font-size: calc(1rem + 1vw);
}

.table-vertical-top tbody td, .table-vertical-top tbody th {
    vertical-align: top !important;
}

[data-row-type="form-group"] {
    margin-bottom: var(--form-group-margin, 1rem);
}

    [data-row-type="form-group"] label {
        cursor: pointer;
        min-width: 60px;
        margin-bottom: 0;
    }

        [data-row-type="form-group"] label.margin-inline {
            margin-inline-start: calc(var(--margin-base) * 2);
        }

    [data-row-type="form-group"] .btn.margin-inline {
        margin-inline-start: var(--margin-base);
    }

    [data-row-type="form-group"] textarea.font-mono {
        font-size: var(--font-mono-size, 1.6rem);
    }

[data-button^="btn"] {
    color: var(--btn-text-clr, #3F4254);
    background-color: var(--btn-bg-clr, #E4E6EF);
    border-color: var(--btn-border-clr, #E4E6EF);
}

    [data-button^="btn"]:hover, [data-button^="btn"].active, [data-button^="btn"]:focus {
        color: var(--btn-hover-clr, #3F4254);
        background-color: var(--btn-hover-bg-clr, #d7dae7);
        border-color: var(--btn-hover-border-clr, #d7dae7);
    }

    [data-button^="btn"].active {
        color: var(--btn-hover-clr, #fff);
    }

    [data-button^="btn"][data-button-variation="light"] {
        --btn-text-clr: #3F4254;
        --btn-bg-clr: #F3F6F9;
        --btn-border-clr: transparent;
    }

    [data-button^="btn"][data-button-variation="link"] {
        --btn-text-clr: #fff;
        --btn-bg-clr: transparent;
        --btn-border-clr: transparent;
    }

        [data-button^="btn"][data-button-variation="link"]:hover, [data-button^="btn"][data-button-variation="link"].active, [data-button^="btn"][data-button-variation="link"]:focus {
            --btn-hover-clr: #fff;
            --btn-hover-bg-clr: #131313;
            --btn-hover-border-clr: #131313;
        }

    [data-button^="btn"][data-button-variation="warning-transparent"] {
        --btn-text-clr: #FFA800;
        --btn-bg-clr: rgba(255, 168, 0, 0.1);
        --btn-border-clr: transparent;
    }

        [data-button^="btn"][data-button-variation="warning-transparent"]:hover, [data-button^="btn"][data-button-variation="warning-transparent"].active, [data-button^="btn"][data-button-variation="warning-transparent"]:focus {
            --btn-hover-clr: #fff;
            --btn-hover-bg-clr: #FFA800;
            --btn-hover-border-clr: transparent;
        }

    [data-button^="btn"][data-button-variation="info-transparent"] {
        --btn-text-clr: #5bc0de;
        --btn-bg-clr: rgba(91, 192, 222, 0.1);
        --btn-border-clr: transparent;
    }

        [data-button^="btn"][data-button-variation="info-transparent"]:hover, [data-button^="btn"][data-button-variation="info-transparent"].active, [data-button^="btn"][data-button-variation="info-transparent"]:focus {
            --btn-hover-clr: #fff;
            --btn-hover-bg-clr: #5bc0de;
            --btn-hover-border-clr: transparent;
        }

    [data-button^="btn"][data-button-variation="danger-transparent"] {
        --btn-text-clr: #F64E60;
        --btn-bg-clr: rgba(246, 78, 96, 0.1);
        --btn-border-clr: transparent;
    }

        [data-button^="btn"][data-button-variation="danger-transparent"]:hover, [data-button^="btn"][data-button-variation="danger-transparent"].active, [data-button^="btn"][data-button-variation="danger-transparent"]:focus {
            --btn-hover-clr: #fff;
            --btn-hover-bg-clr: #F64E60;
            --btn-hover-border-clr: transparent;
        }

    [data-button^="btn"][data-button-variation="success-gradient"] {
        background: var(--bg-gradient-clr-base, #45b83d);
        background: var(--bg-gradient-clr-linear, linear-gradient(135deg, #80f4b1 0%, #30c57a 100%));
        background: var(--bg-gradient-clr-linear-moz, -moz-linear-gradient(135deg, #80f4b1 0%, #30c57a 100%));
        background: var(--bg-gradient-clr-linear-webkit, -webkit-linear-gradient(135deg, #80f4b1 0%, #30c57a 100%));
        --btn-text-clr: #131313;
        --btn-border-clr: #45b83d;
    }

        [data-button^="btn"][data-button-variation="success-gradient"]:hover, [data-button^="btn"][data-button-variation="success-gradient"].active, [data-button^="btn"][data-button-variation="success-gradient"]:focus {
            --btn-hover-clr: #131313;
            --bg-gradient-clr-linear: linear-gradient(35deg, #80f4b1 0%, #30c57a 100%);
            --bg-gradient-clr-linear-moz: linear-gradient(35deg, #80f4b1 0%, #30c57a 100%);
            --bg-gradient-clr-linear-webkit: linear-gradient(35deg, #80f4b1 0%, #30c57a 100%);
            --btn-hover-border-clr: #45b83d;
        }

.taginputnoBorder {
    border: 0 !important;
}

.tagLabel {
    font-size: 14px;
    margin-right: 3px;
}

.lds-dual-ring {
    display: -webkit-inline-box;
}

    .lds-dual-ring:before {
        content: " ";
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border-radius: 50%;
        border: 3px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

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