/*
 Theme Name:   Klira Pro
 Theme URI:    https://www.klirapro.com
 Description:  Klira Pro child theme of Hello Elementor
 Author:       Digital Nature
 Author URI:   https://www.digital-nature.co.uk
 Template:     hello-elementor
 Version:      1.0.0
 License:      GPLv2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  klira-pro
*/

table {
    border-spacing: 0;
    width: 100%;
    margin: 0 0 1.41575em;
    border-collapse: separate;

    thead th {
        padding: 1.41575em;
        vertical-align: middle;
        font-weight: 600;
    }

    td, th {
        padding: 1em 1.41575em;
        text-align: left;
        vertical-align: top;
    }
}

h1 {
    font-family: var(--e-global-typography-c3e2547-font-family), Sans-serif;
}


/* ==========================================================================
   Input & Form Fields
   ========================================================================== */

input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
    padding: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
}

a {
    font-weight: 600;
}

/* ==========================================================================
   Ultimate Member
   ========================================================================== */

.um-field-label label {
    font-size: 15px !important;
    line-height: 22px !important;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Inter;
}

.um .um-form input[type=text],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=number],
.um .um-form input[type=password],
.um .um-form textarea,
.um .upload-progress,
.select2-container .select2-choice,
.select2-drop,
.select2-container-multi .select2-choices,
.select2-drop-active,
.select2-drop.select2-drop-above {
    border: 1px solid #fff !important;
    border-bottom: 1px solid #000 !important;
}

input[type=submit].um-button,
input[type=submit].um-button:focus {
    vertical-align: middle !important;
    height: auto !important;
    font-size: 16px;
    cursor: pointer !important;
    width: 100%;
    box-shadow: none;
    text-shadow: none;
    font-family: inherit;
    outline: none !important;
    margin: 0;
    opacity: 1;
    -webkit-appearance: none;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    border-radius: 0px !important;
}

.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active {
    background: #000;
}

.um input[type=submit].um-button:hover {
    background-color: #fff !important;
    border: 1px black solid !important;
}

.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
    color: #000;
    -webkit-appearance: none;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    border-radius: 0px !important;
}

/* ==========================================================================
   Forminator
   ========================================================================== */

.forminator-field {
    font-size: 16px !important;
    line-height: 22px !important;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.forminator-label {
    font-size: 16px !important;
    line-height: 22px !important;
    color: #000 !important;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.forminator-input {
    background-color: #f5f5f5;
}

.forminator-textarea {
    border: 1px solid #fff !important;
    border-bottom: 1px solid #000 !important;
}

.forminator-step-label {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #000 !important;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

.forminator-button {
    vertical-align: middle !important;
    height: auto !important;
    font-size: 16px;
    cursor: pointer !important;
    width: 100%;
    box-shadow: none;
    text-shadow: none;
    font-family: inherit;
    outline: none !important;
    margin: 0;
    opacity: 1;
    -webkit-appearance: none;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    border-radius: 0px !important;
}

.forminator-pagination-footer {
    margin-bottom: 80px !important;
}

/* ==========================================================================
   WooCommerce My Account Layout
   ========================================================================== */

@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        width: 25%;
        float: left;
        margin-right: 1%;
    }

    .woocommerce-MyAccount-content {
        width: 70%;
        float: right;
        margin-right: 0;
    }
}

/* ==========================================================================
   WooCommerce Product Variations
   ========================================================================== */

.elementor-widget-wc-add-to-cart .quantity .qty,
.woocommerce div.product.elementor .quantity .qty {
    vertical-align: top;
    margin-right: 0;
    display: none;
}

.woovr-variations .woovr-variation {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin: 10px 15px 20px 0px;
    padding: 20px 30px 20px 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #151515;
}

.woovr-variations .woovr-variation:hover {
    background-color: #fff;
}

.woovr-variation-name {
    font-size: 25px;
    line-height: 32px;
    color: #151515;
}

.woovr-variation-radio .woovr-variation-info .woovr-variation-price,
.woovr-variation-radio .woovr-variation-info .woovr-variation-availability {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 200;
    color: #151515;
}

.woocommerce-variation-description {
    display: none;
}

/* ==========================================================================
   Elementor Buttons
   ========================================================================== */

@media (min-width: 600px) {
    .ob-has-background-overlay > .elementor-widget-container {
        text-transform: uppercase !important;
    }
}

.elementor-button-wrapper {
    .elementor-button {
        color: #151515;

        &:hover {
            color: #fff;
        }

        &:visited {
            color: #151515;
        }
    }
}

.elementor-4290 .elementor-element.elementor-element-8e497b4 .cart button {
    font-family: "Inter", Sans-serif;
    font-size: 22px;
    font-weight: 300;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    transition: all 0.2s;
    margin-top: 10px;
}

.elementor-button:visited {
    color: #151515;
}

.elementor-button:hover {
    color: #fff;
    background-color: #151515;
}

.elementor-button {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    padding: 20px 30px;
    border-radius: 0px;
    color: #151515;
    background-color: white;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-color: #151515;
    border-style: solid;
    border-width: 2px;
    text-decoration: none;
}

/* ==========================================================================
   WooCommerce Stripe / Payment
   ========================================================================== */

.e-atc-qty-button-holder #wc-stripe-payment-request-button-separator {
    margin-top: 1.5em;
    text-align: center;
    display: none !important;
}

#wc-stripe-payment-request-button-separator {
    margin-top: 1.5em;
    text-align: center;
    display: none;
}

/* ==========================================================================
   WooCommerce My Account Content
   ========================================================================== */

#treatments {
    font-family: "Inter", Sans-serif;
}

.woocommerce-MyAccount-content .elementor-widget-shortcode p {
    border: none;
    background-color: #F2F2F2;
    padding: 16px 20px;
}

/* ==========================================================================
   WooCommerce Tables
   ========================================================================== */

table.shop_table {
    border-collapse: unset;
    border-spacing: 6px;
}

table.shop_table thead th {
    border: none;
    background-color: #D8D8D8 !important;
    text-align: center;
}

table.shop_table td,
table.shop_table th {
    border: none;
    background-color: #ffffff !important;
    text-align: center !important;
}

table.shop_table .woocommerce-button,
table.shop_table .button,
.woocommerce-MyAccount-content .button {
    font-family: "Inter", Sans-serif;
}

/* ==========================================================================
   WooCommerce Misc
   ========================================================================== */

.order_details {
    background-color: #ffffff;
}

.woocommerce-Input {
    border: none !important;
    background-color: #F5F5F5 !important;
}

.woocommerce-info {
    background-color: #F2F2F2;
    color: #000;
}

.woocommerce-info::before {
    color: #000;
}

.woocommerce-Address {
    border: 1px solid #DADADA;
    background-color: #f2f2f2;
}

.addresses header.title h3 {
    font-weight: 700;
    font-size: 22px;
}

.addresses header.title a::before {
    color: #000;
}

/* ==========================================================================
   Global Typography & Layout
   ========================================================================== */

body, button, input, textarea {
    color: #151515;
    font-family: "Inter";
    line-height: 1.68;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

body {
    --e-global-typography-c3e2547-text-transform: unset;
}

.swiper-lazy-preloader {
    display: none;
}

/* ==========================================================================
   Custom Codes Plugin - "Restyle" (formerly post 575)
   ========================================================================== */

tr.prescription-header {
    border-top: solid 1px Darkgray !important;
}

.page-id-145 table {
    border-collapse: collapse !important;
}

span.status.status-negative {
    background-color: #f9dad7 !important;
    color: #cc6666 !important;
    border-radius: 5px !important;
}

span.status.status-positive {
    background-color: #dafee5 !important;
    color: #48945a !important;
    border-radius: 5px !important;
}

.forminator-radio-bullet:before {
    background-color: #98cdc7 !important;
}

.forminator-label {
    text-transform: uppercase;
}

.select-condition span.forminator-radio-label {
    background-color: #000000 !important;
    padding: 5px !important;
    color: #ffffff;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.select-condition span.forminator-radio-label:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: solid 2px #000000;
    padding: 3px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.select-condition span.forminator-radio-bullet {
    display: none !important;
}

/* Smaller Buttons */
.elementor-button:not(table .elementor-button),
button.forminator-button-submit,
.woocommerce-MyAccount-content .button,
.tgwc-woocommerce-MyAccount-navigation .button,
.single_add_to_cart_button {
    text-transform: uppercase !important;
    padding: 20px 40px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    border-radius: 0;
    font-weight: normal;
}

.woocommerce-MyAccount-content .button,
.tgwc-woocommerce-MyAccount-navigation .button {
    border: 2px solid #151515;
    background: #151515;
    color: #fff;
}

.woocommerce-MyAccount-content .button:hover,
.tgwc-woocommerce-MyAccount-navigation .button:hover {
    background: #fff;
    color: #151515;
}

/* Signup Selection Boxes */
.woovr-variation-radio,
.woovr-variation-radio:hover {
    background-color: #98cdc770 !important;
    border-width: 0 !important;
}

input[type="radio"] {
    accent-color: #7F54B3;
}

/* Line Divider/Separator */
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator,
.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,
.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,
.elementor-widget-divider--view-line_text .elementor-divider-separator:after,
.elementor-widget-divider--view-line_text .elementor-divider-separator:before,
.elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after {
    border-top: 1px solid lightgray !important;
}

/* Custom List Dots */
.custom-list-dots li .elementor-icon-list-icon i {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.custom-list-dots li .elementor-icon-list-icon i:before {
    visibility: hidden;
}

.custom-list-dots li:nth-child(4n+1) .elementor-icon-list-icon i {
    background-image: url(https://klira.skin/wp-content/uploads/2022/10/4-1.png);
}

.custom-list-dots li:nth-child(4n+2) .elementor-icon-list-icon i {
    background-image: url(https://klira.skin/wp-content/uploads/2022/10/10.png);
}

.custom-list-dots li:nth-child(4n+3) .elementor-icon-list-icon i {
    background-image: url(https://klira.skin/wp-content/uploads/2022/10/7.png);
}

.custom-list-dots li:nth-child(4n+4) .elementor-icon-list-icon i {
    background-image: url(https://klira.skin/wp-content/uploads/2022/10/1.png);
}

/* Tables */
table.klira-pro-prescription-list,
table.shop_table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 20px;
}

table.klira-pro-prescription-list:not(.has-background) th,
table.shop_table th {
    background-color: #98cdc790;
    border: 1px solid #98cdc7;
    padding: 10px;
    text-transform: uppercase;
}

table.klira-pro-prescription-list td,
table.shop_table td {
    border: 1px solid #98cdc7;
    vertical-align: middle;
    padding: 10px;
}

table.klira-pro-prescription-list:not(.has-background) tbody td,
table.shop_table tbody td {
    background-color: #98cdc720;
}

table.klira-pro-prescription-list:not(.has-background) tbody tr:nth-child(2n) td,
table.shop_table tbody tr:nth-child(2n) td {
    background-color: #98cdc740;
}

table.klira-pro-prescription-list .hover-info:before {
    color: #00000060;
    border: 1px solid #00000060;
    top: 50%;
    transform: translateY(-50%);
}

table.klira-pro-prescription-list .elementor-button {
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 0;
    background: #151515;
    color: #fff;
}

table.klira-pro-prescription-list .elementor-button:hover {
    background: #fff;
    color: #151515;
}

table.klira-pro-prescription-list .elementor-button.approved,
table.klira-pro-prescription-list .elementor-button.approve-now {
    font-size: 12px;
    color: #151515;
    border: 0;
    border-radius: 0;
}

table.klira-pro-prescription-list .elementor-button.approved,
table.klira-pro-prescription-list .elementor-button.approved:hover {
    background-color: transparent;
    border-color: transparent;
}

table.klira-pro-prescription-list .elementor-button.approve-now,
table.klira-pro-prescription-list .elementor-button.approve-now:hover {
    background-color: transparent;
    border-color: transparent;
    color: red;
}

table.klira-pro-prescription-list tr td:first-child a,
table.shop_table tr td:first-child a {
    text-decoration: underline !important;
}

table.shop_table .woocommerce-button,
table.shop_table .button,
.digital-nature-accordion .tab-content .prescriptions .elementor-button,
.digital-nature-accordion .tab-content .patient-name.elementor-button {
    background: #151515;
    color: #fff;
    border: 2px solid #151515;
    font-size: 12px !important;
    padding: 5px 10px !important;
    font-family: 'JetBrains Mono' !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.digital-nature-accordion .tab-content .prescriptions .elementor-button {
    background: #fff !important;
    color: #151515 !important;
}

table.shop_table .woocommerce-button:hover,
table.shop_table .button:hover,
.digital-nature-accordion .tab-content .patient-name.elementor-button:hover {
    background: #fff;
    color: #151515;
}

.digital-nature-accordion .tab-content .prescriptions .elementor-button:hover {
    background: #151515 !important;
    color: #fff !important;
}

/* Prescription Details */
#klira-pro-patient-details p,
#klira-pro-patient-details .patient-prescriptions > div,
.digital-nature-accordion .tab-content .prescriptions > div {
    background-color: #98cdc740;
    margin-bottom: 0;
    padding: 10px 20px;
    border: 1px solid #98cdc7;
    font-size: 14px;
}

#klira-pro-patient-details p + p {
    border-top: 0;
}

#klira-pro-patient-details ul,
.digital-nature-accordion .tab-content .prescriptions ul {
    border: 1px solid #98cdc7;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: 0;
}

#klira-pro-patient-details li,
.digital-nature-accordion .tab-content .prescriptions ul li {
    background-color: #98cdc720;
    margin-bottom: 0;
    padding: 5px 20px;
    font-size: 14px;
    border-top: 1px dashed #98cdc7;
}

#klira-pro-patient-details li:first-child,
.digital-nature-accordion .tab-content .prescriptions ul li:first-child {
    border-top: 0;
}

#klira-pro-patient-details li::marker,
.digital-nature-accordion .tab-content .prescriptions ul li::marker {
    color: transparent;
}

#klira-pro-patient-details .patient-prescriptions {
    padding: 20px 0;
}

.digital-nature-accordion .tab-content {
    background: transparent !important;
}

.digital-nature-accordion .tab-content .prescriptions > div {
    padding-bottom: 40px;
}

/* Forms (Custom Codes overrides) */
.forminator-ui.forminator-design--default .forminator-label {
    font-size: 12px !important;
}

.forminator-ui.forminator-design--default .forminator-input,
.forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"],
.woocommerce-Input,
.forminator-ui.forminator-design--default .forminator-input:-internal-autofill-selected {
    background-color: #98cdc740 !important;
    border-color: #98cdc7 !important;
    border-radius: 0 !important;
}

.woocommerce-Input {
    font-size: 16px;
    color: #151515 !important;
    border: 1px solid #98cdc7 !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-272.forminator-dropdown--default {
    background-color: #f2f9f8 !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-272.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected,
.forminator-select-dropdown-container--open .forminator-custom-form-272.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted {
    background-color: #98cdc7 !important;
}

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option {
    font-size: 14px;
}

.forminator-ui#forminator-module-272.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover,
.forminator-ui#forminator-module-272.forminator-design--default .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"],
.forminator-select-dropdown-container--open .forminator-custom-form-272.forminator-dropdown--default {
    border-color: #98cdc7 !important;
}

.woocommerce-EditAccountForm fieldset {
    background-color: #98cdc720;
}

.woocommerce-EditAccountForm fieldset legend {
    background: #f2f9f8;
    text-transform: uppercase;
}

/* My Account Pages (Custom Codes overrides) */
.woocommerce-MyAccount-content p {
    color: #151515;
}

.woocommerce-MyAccount-content .elementor-widget-wrap {
    padding: 0 !important;
}

.woocommerce-MyAccount-content .elementor-widget-wrap .elementor-widget {
    margin: 0;
}

.woocommerce-MyAccount-content .elementor-widget-shortcode p {
    background-color: #98cdc720;
    padding: 5px 20px;
    font-size: 14px;
    border: 1px dashed #98cdc7;
}

.woocommerce-Address,
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
    background-color: #98cdc740;
    margin-bottom: 0;
    padding: 10px 20px;
    border: 1px solid #98cdc7;
    font-size: 14px;
}

.elementor-popup-modal .dialog-lightbox-message .elementor-widget-wrap .elementor-section-boxed {
    background-color: #98cdc740;
    margin-bottom: 0;
    border-color: #98cdc7;
    font-size: 14px;
}

.elementor-popup-modal .dialog-lightbox-message .elementor-widget-wrap .elementor-section-boxed .elementor-inner-column .elementor-element-populated {
    border-color: #98cdc7;
    padding: 10px 20px;
}

/* Treatments Dynamic Table */
#treatments {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(6, auto);
    gap: 5px;
    grid-template-columns: 1fr 1fr 1fr;
}

#treatments div {
    padding: 5px;
}

#treatments div:nth-child(-n+6) {
    cursor: pointer;
}

#treatments div:nth-child(n+7) {
    pointer-events: none;
}

#treatments .heading {
    font-weight: bold;
}

#treatments .path1:hover,
#treatments .path1:hover ~ .path1 {
    background-color: #8acfc7;
}

#treatments .path2:hover,
#treatments .path2:hover ~ .path2 {
    background-color: #ce95c8;
}

#treatments .path3:hover,
#treatments .path3:hover ~ .path3 {
    background-color: #e0e68a;
}

#treatments .path4:hover,
#treatments .path4:hover ~ .path4 {
    background-color: #98c986;
}

#treatments .path5:hover,
#treatments .path5:hover ~ .path5 {
    background-color: #e2a066;
}

/* Patient Details - Desktop */
@media (min-width: 600px) {
    .page-id-284 .NewStyle #klira-pro-patient-details p,
    #klira-pro-patient-details .patient-prescriptions > div,
    .digital-nature-accordion .tab-content .prescriptions > div {
        background-color: #98cdc700 !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p.dob {
        border: none !important;
        padding: 0 !important;
        color: #9d9d9d;
        margin-top: -10px;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p.gender {
        border: none !important;
        padding: 6px;
        color: #000000;
        background-color: #d5d5d5 !important;
        width: 70px;
        text-align: center;
        margin-top: 7px;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p.email {
        border: none !important;
        padding: 0 !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .address {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .address .address {
        padding-left: 8px;
        width: 70%;
    }

    .patient-prescriptions h4 {
        text-transform: uppercase !important;
    }

    span.forminator-required {
        display: none;
    }

    p.preview-prescription a {
        font-size: 13px;
        padding: 10px 20px;
        border-radius: 2px;
        border-color: #151515;
        border-style: solid;
        border-width: 2px;
        color: #000000;
    }

    p.preview-prescription a:hover {
        color: #ffffff;
        background-color: #000000;
    }

    .forminator-ui#forminator-module-1329.forminator-design--default .forminator-button-submit {
        background-color: #000000 !important;
        color: #FFFFFF !important;
    }

    .forminator-ui#forminator-module-1329.forminator-design--default .forminator-button-submit:hover {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .address .address > * {
        width: 100%;
    }

    .ob-has-background-overlay > .elementor-widget-container {
        text-transform: uppercase !important;
    }

    .page-id-284 #patient-details-header {
        background-color: #f0dfee;
        padding: 40px 30px 40px 30px;
    }

    .page-id-284 .NewStyle .personal h3 {
        font-weight: 800;
        margin-top: -9px;
        padding-top: 0px;
    }

    .page-id-284 .NewStyle .personal {
        width: 33.33%;
    }

    .page-id-284 .NewStyle .address {
        width: 33.33%;
    }

    .page-id-284 .NewStyle .contact {
        width: 33.33%;
    }

    .page-id-284 .NewStyle .prescription-header {
        display: flex;
        margin-bottom: 25px;
        background-color: #f4f4f4;
        padding: 30px 30px 30px 30px;
    }

    .page-id-284 .NewStyle .prescription-header .info {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page-id-284 .NewStyle .prescription-header .info > * {
        width: 100%;
    }

    .page-id-284 .NewStyle .prescription-details {
        width: 50%;
    }

    .page-id-284 .NewStyle .prescription-details .title {
        font-weight: 800;
        padding-bottom: 7px;
    }

    .page-id-284 .NewStyle .prescription-delivery .title {
        font-weight: 800;
        padding-bottom: 7px;
    }

    .page-id-284 .NewStyle .prescription-delivery .address {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 0px !important;
        width: 70%;
    }

    .page-id-284 .NewStyle .prescription-delivery .address > * {
        width: 100%;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .patient-prescriptions > div {
        border: none !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .patient-prescriptions {
        padding: 20px 0;
        border: 2px solid #f4f4f4;
        margin-top: 50px;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p,
    #klira-pro-patient-details ul {
        border: none !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details li {
        background-color: #98cdc700 !important;
    }

    .page-id-284 .NewStyle .prescription-footer .downloads {
        margin-top: 30px;
        background-color: #f4f4f4 !important;
        padding: 30px;
    }

    .page-id-284 .NewStyle .downloads img {
        margin-top: 37px;
    }

    .NewStyle .status-negative {
        padding: 10px;
    }
}

/* Patient Details - Mobile */
@media only screen and (max-width: 600px) {
    .NewStyle .patient-prescriptions h4 {
        padding-left: 28px;
    }

    .NewStyle .prescription-products {
        overflow: auto;
    }

    .NewStyle #patient-details-header {
        display: inline-block !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p,
    #klira-pro-patient-details .patient-prescriptions > div,
    .digital-nature-accordion .tab-content .prescriptions > div {
        background-color: #98cdc700 !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p.dob {
        border: none !important;
        padding: 0 !important;
        color: #9d9d9d;
        margin-top: -10px;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p.gender {
        border: none !important;
        padding: 6px;
        color: #000000;
        background-color: #d5d5d5 !important;
        width: 70px;
        text-align: center;
        margin-top: 7px;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p.email {
        border: none !important;
        padding: 0 !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .address {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .address .address {
        padding-left: 8px;
        width: 70%;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .address .address > * {
        width: 100%;
    }

    .page-id-284 #patient-details-header {
        background-color: #f7f7f7;
        padding: 40px 30px 40px 30px;
    }

    .page-id-284 .NewStyle .personal h3 {
        font-weight: 800;
        margin-top: -9px;
        padding-top: 0px;
    }

    .page-id-284 .NewStyle .personal {
        width: 100%;
        margin-bottom: 30px;
    }

    .page-id-284 .NewStyle .address {
        width: 100%;
    }

    .page-id-284 .NewStyle .contact {
        width: 100%;
        margin-bottom: 30px;
    }

    .page-id-284 .NewStyle .prescription-header {
        margin-bottom: 25px;
        background-color: #f4f4f4;
        padding: 30px 30px 30px 30px;
    }

    .page-id-284 .NewStyle .prescription-header .info {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page-id-284 .NewStyle .prescription-header .info > * {
        width: 100%;
    }

    .page-id-284 .NewStyle .prescription-details {
        width: 100%;
        margin-bottom: 30px;
    }

    .page-id-284 .NewStyle .prescription-details .title {
        font-weight: 800;
        padding-bottom: 7px;
    }

    .page-id-284 .NewStyle .prescription-delivery .title {
        font-weight: 800;
        padding-bottom: 7px;
    }

    .page-id-284 .NewStyle .prescription-delivery .address {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 0px !important;
        width: 70%;
    }

    .page-id-284 .NewStyle .prescription-delivery .address > * {
        width: 100%;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .patient-prescriptions > div {
        border: none !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details .patient-prescriptions {
        padding: 20px 0;
        border: 2px solid #f4f4f4;
        margin-top: 50px;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details p,
    #klira-pro-patient-details ul {
        border: none !important;
    }

    .page-id-284 .NewStyle #klira-pro-patient-details li {
        background-color: #98cdc700 !important;
    }

    .page-id-284 .NewStyle .prescription-footer .downloads {
        margin-top: 30px;
        background-color: #f4f4f4 !important;
        padding: 30px;
    }

    .page-id-284 .NewStyle .downloads img {
        margin-top: 37px;
    }

    .NewStyle .status-negative {
        padding: 10px;
    }

    #klira-pro-patient-details .patient-prescriptions > div {
        padding: 0px;
    }
}

/* Treatments - Mobile */
@media (max-width: 479px) {
    #treatments div {
        font-size: 12px !important;
    }
}