:root {
    --green: #00954C;
    --lightGrey: #f4f4f4;
    --black: #000000;
    --white: #ffffff;
    --green: #00954c;
    --yellow: #FFDD00;
    --red: #FC4545;
    /*Font size Start*/
    /*<-==========================================->*/
    --fs-xl-large: 40px;
    --fs-large: 23px;
    --fs-medium: 18px;
    --fs-normal: 15px;
    --fs-small: 14px;
    --fs-s-small: 12px;
    /*Font Size End*/
    /*<-==========================================->*/
    /*Font weight Start*/
    /*<-==========================================->*/
    --fw-400: 400;
    --fw-600: 600;
    --fw-700: 700;
    --fw-900: 900;
    /*Font weight End*/
    /*<-==========================================->*/
}
/*------------------New Buy header----------------*/
.trigger {
    width: 52rem !important;
    position: relative;
    font-size: 22px;
    text-align: center;
    max-width: 40rem;
    margin: 1rem auto;
    line-height: 1.2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: column;
}
div#errorpage:before {
    display: none;
}
.newTrigger {
    padding-left: 34%;
    padding-right: 34%;
}
h2.main-medication-Heading {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 25px;
    padding-right: 7px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 15px !important;
    background-color: rgb(223 246 226);
}

.patientName {
    text-transform: uppercase;
    font-size: 15px !important;
    color: #00954C;
    font-weight: 700;
    padding-bottom: 5px;
}
p.order {
    color: var(--black);
    font-size: 12px;
    font-weight: 400;
}
h1.block-heading.block-heading-extras.upper {
    padding-left: 25px;
}
.mud-input.mud-input-underline:before{
    display:none;
}

.editButton button.btn.btn-sm.btn-outline-primary.Grey.ViewButton {
    margin-top: 0 !important;
}
/*----------------------------------*/
.container-fluid {
    width: 96% !important;
}

.PMM_Features .primary-Heading {
    width: 48rem;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
/*--Changes--*/
.scrollmenu.OtcScrollMenu {
    padding-top: 4rem;
    margin-bottom: 4rem;
}

.orderMeds {
    font-weight: bold;
}

p.card-text.deliverCollect {
    border-bottom: 1px solid #cbc9c9;
}

p.card-text.OrderConfirm span {
    padding-left: 0px !important;
}

.PMM_Features .input-group div .back-Icon-Search {
    background-image: url(../../Images/Search_Icon.png);
    top: 50%;
    transform: translate(-50%, -50%);
    left: 3rem;
    width: 2.5rem;
}

.PMM_Features .card-text span:first-of-type {
    padding-right: 7rem !important;
    padding-left: 2rem;
}

.PackagesSearch {
    font-size: 14px !important;
    padding: 1rem 4.5rem !important;
}

.PMM_Features .back-Icon-Search {
    width: 3.6rem;
    height: 2.6rem;
    -o-object-fit: contain;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../Images/Search_Icon.png);
    position: absolute;
    left: 2rem;
    z-index: 10;
    cursor: pointer;
}


.PMM_Features .scrollMenuInner .btn-primary {
    background-color: var(--black) !important;
    color: var(--white);
    padding: 1.5rem;
}

.PMM_Features .block-heading-extras div span:nth-child(2) {
    color: var(--black);
    font-size: 12px;
    font-weight: 400;
}

#mainPack {
    color: var(--black);
}

.order-subHeading {
    font-size: 15px !important;
    padding-bottom: 5px !important;
}

.PMM_Features .block-heading {
    width: 50rem;
    font-size: 15px;
}

.ProductDetails {
    font-size: 12px !important;
}

p.card-text.OrderConfirm span div:nth-child(1) {
    color: var(--black) !important;
}

.smallText {
  
    padding-left: 15px;
    max-width: 100% !important;
    width: 100%;
    display: block !important;
    height: auto;
    font-size: 12px !important;
}

/*------------------- Text for Patient profile and so----------------*/
.continue {
    position: fixed !important;
    z-index: 999 !important;
    bottom: 0 !important;
    background-color: var(--lightGrey) !important;
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    width: 100% !important;
    padding-bottom: 3rem !important;
}

p.card-text.Customer,
p.card-text.justify-content-start.selectable,
.details p.card-text {
    border-bottom: 1px solid #dfdfdf;
}

.medication {
    width: 100% !important;
}

.Customer span,
p.card-text.justify-content-start.selectable span {
    padding-left: 0 !important;
    color: #000000;
}

.banner-search.changeAddress input {
    border-radius: 5rem;
    margin: 0;
}

    .banner-search.changeAddress input::placeholder {
        text-align: center;
        color: #000;
        font-size: 15px;
    }



.banner-search.changeAddress {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.address {
    position: absolute;
    bottom: 60px;
    z-index: 1;
}

.otcChecks {
    display: grid !important;
    justify-content: end !important;
    width: 60px !important;
    padding-right: 2rem;
}

.CustomerPatient {
    margin-top: 3rem;
}

p.card-text.Customer:last-of-type,
p.card-text.justify-content-start.selectable:last-of-type,
.details p.card-text:last-of-type,
.mediNotYet:last-of-type {
    border-bottom: none;
}

.OrderStatus {
    padding-top: 13px !important;
}

.OrdersSize div strong:nth-child(1) {
    color: #0a2341;
}
/*.OrdersSize div strong:nth-child(2) {
    color: black;
}*/
.CurrentOrders {
    margin-top: 15px;
}

.OrderStatus span {
    top: 2rem !important;
}

.App-store-Icons {
    padding-top: 3rem;
}

.container-fluid.welcomeHeader {
    padding: 2rem 0;
}
.OrdersSize div {
    width: auto;
}
.PatientProfileMessage {
    margin: 0 5rem !important;
    max-width: 100% !important;
    margin-top: 6rem !important;
}

.OrdersSize {
    max-width: 44rem !important;
    font-size: 14px;
}

button.btn.btn-sm.btn-outline-primary.OrderStatusButton {
    padding: 2rem 5rem;
    border: 2px solid;
}

.ContactDetailsWord {
    padding-left: 7rem;
    padding-right: 7rem;
    text-align: center;
    font-size: 15px;
    padding-bottom: 2rem;
}

.UploadScript {
    background: transparent !important;
    border: 2px solid #00954C !important;
    color: #00954C !important;
}
/*------------------- End Text for Patient profile and so----------------*/
.PMM_Features .card-text label:first-of-type {
    /*max-width: 35rem !important;*/
    width: 100%;
    display: block !important;
    height: auto;
}

.otc.otcProducts #flexRadioDefault1:nth-child(1)::after {
    right: 5px !important;
}

.Limiter .btn.btn-primary {
    padding: 2rem 2rem;
}

.Limiter .btn {
    min-height: 44px !important;
}

#flexRadioDefault1:nth-child(1)::after,
#flexRadioDefault3:nth-child(1)::after {
    right: 30px !important;
}
/*.PMM_Features .form-check-input::after {
    right: 2rem;
}*/
h1.block-heading.block-heading-extras {
    width: 100%;
}

span#spacingHeader {
    font-size: 12px;
    font-weight: bolder;
}

.PMM_Features .card-body {
    font-size: 15px;
    padding-left: 25px;
    padding-right: 25px;
}

.PMM_Features .card-text span:first-of-type {
    font-size: 12px;
}

.PMM_Features .card-text {
    color: #707070;
}

p.card-text.pack {
    color: var(--black);
}

.PMM_Features .btn {
    font-size: 11px !important;
    align-items: center !important;
    justify-content: center !important;
}

.medication-main .CenterDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.CenterDiv .btn {
    display: flex !important;
}

.PMM_Features .card-text {
    padding-top: 0px;
}

.ConfirmOrderFixed button.btn.btn-primary {
    font-size: 15px !important;
}

.ConfirmOrderFixed {
    padding: 0 10px 23px 14px;
}

.PMM_Features .NeedHelp,
span.CollectionDetails {
    font-size: 12px;
    margin-block: unset !important;
}

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

.PMM_Features a {
    color: #000;
}


/*--EndChanges--*/
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-select2-search.disabled {
    border: 1px solid #A9A9A9 !important;
    color: #A9A9A9 !important;
    cursor: not-allowed
}

.blazor-select2-content-field > input {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    background: var(--white);
    box-sizing: border-box;
    border: 1px solid #036b9c;
}

.blazor-select2-search {
    color: var(--main-color);
    font-size: 14pt;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content {
    margin: 0 20%
}

nav.navbarNew.sticky-top.navbar-expand-lg {
    height: 50px;
    background: #dbeae3;
}

.PMM_Features .navbarNew a.navbar-brand::after {
    content: "";
    background-image: url(../../Images/transparentLogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 100%;
    width: 25rem;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.PMM_Features .modal-backdrop.show, .PMM_Features .modal-backdrop {
    background: rgba(128, 128, 128, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: none !important;
    opacity: 1;
}

.blazor-select2-container {
    cursor: pointer;
    position: relative;
    width: 100%
}

.blazor-select2-content-field {
    padding: 8px 10px
}

.blazor-select2-content-options {
    padding: 0 10px 10px 10px
}

.blazor-select2-content {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: var(--green);
    z-index: 11;
    box-shadow: -1px 5px 8px 3px rgba(0,0,0,0.2);
    width: 150px !important;
}

.enlighment {
    padding: 0 !important;
}

.editButton {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0rem !important;
}

.AuthMessage label {
    font-size: 17px !important;
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    padding-left: 10px;
    padding-right: 10px;
}

button.btn.btn-light.has-arrow-down.space {
    background: #fff;
    min-height: 53px;
    padding: 0.5rem 1rem;
    max-width: 45rem;
    width: 100%;
    text-align: left;
    padding-left: 2.3rem;
    box-shadow: 0px 0px 25px -7px rgba(0, 0, 0, 0.12), 0px 1px 25px -17px rgba(0, 0, 0, 0.22);
}

.collect {
    padding: 2.5rem 2rem !important;
}

.banner-search.changeAddress input {
    font-size: 12px;
}

.CellNumber::PLACEHOLDER {
    font-size: 12px !important;
    padding-left: 0.5rem;
}

.changeAddress input::PLACEHOLDER,
.changeAddress .location button,
input#autocomplete,
.UnitNumber {
    font-size: 12px !important;
}

input.form-control.CellNumber {
    font-size: 12px;
    margin-left: 0.5rem;
    font-weight: 700;
}
button.btn.btn-light.has-arrow-down.space {
    font-weight: 700;
}
.CellNumber::PLACEHOLDER {
    font-weight: 900; /* or 'normal', 'lighter', '100', '700', etc. */
}
.CenterDiv.editButton {
    margin-left: 7px !important;
}

.editButton button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 91% !important;
}

.LastConfirm {
    padding-bottom: 5rem;
}
.PMM_Features .primary-Heading {
    font-size: 21px;
}
.uploadScriptImg {
    height: 3rem;
    margin-right: 4rem;
    padding-left: 1rem;
}

.dateSelection .Limiter button:hover {
    background-color: #e1f0e8 !important;
    color: #00954C !important;
}

.enlighment div {
    margin-left: 25px !important;
    margin-right: 25px !important;
    border-bottom: 1px solid #bfbbad;
}

    .enlighment div:nth-last-child(1) {
        border-bottom: 1px solid #fff;
    }

    .enlighment div::after {
        display: none !important;
    }

.PMM_Features .card-text span:first-of-type {
    max-width: 30rem;
}

.blazor-select2-content {
    width: 100%
}

.OrderConfirm {
    height: 100px !important;
}

    .OrderConfirm span {
        max-width: 70%;
    }

.otcMember {
    padding-top: 0px !important;
    padding-bottom: 2rem;
}

.OtcScrollMenu {
    max-width: 50rem;
}

.blazor-select2-content-option {
    max-height: 190px;
    overflow-y: scroll;
    margin: 0;
    padding: 0
}

.container-fluid.otc {
    width: 60rem;
}

h1.block-heading.block-heading-extras {
    width: 60rem !important;
}

.blazor-select2-content-option-item {
    -webkit-user-select: none;
    list-style: none;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding-left: 6px;
    font-size: 14pt;
    background-color: var(--green);
}

    .blazor-select2-content-option-item:hover,
    .blazor-select2-content-option-item.selected {
        color: var(--green);
        background-color: var(--white);
    }

    .blazor-select2-content-option-item:hover {
        cursor: pointer
    }

.banner {
    max-height: 15rem !important;
}

.pack-selected:after {
    background-image: url(../../Images/Add_Icon_Green.png) !important;
}

.skip-selected:after {
    background-image: url(../../PMM_Framework/Images/Skiip_Icon_yellow.png) !important;
}

.stop-selected:after {
    background-image: url(../../PMM_Framework/Images/Stop_Icon_red.png) !important;
}

.card-body {
    min-width: 100% !important;
}

.invalidAddress {
    color: red !important;
}

.scrollbutton {
    min-width: 90px !important;
    width: fit-content !important;
    min-height: unset !important;
}

h1.order-Heading {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbarNew.sticky-top.navbar-expand-lg {
    display: none;
}

.CollectionDate {
    display: block !important;
}

div.scrollmenu {
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    margin: 0 auto;
    max-width: 50rem;
}

    div.scrollmenu button {
        display: inline-block !important;
        color: var(--white);
        text-align: center !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
        text-decoration: none !important;
    }

.selectable {
    cursor: pointer;
}

.EnterOTP {
    width: 100%;
    max-width: 38rem;
    background: var(--white);
    position: relative;
    margin: 5rem auto 2rem auto;
    padding: 2rem;
    border-radius: 1.2rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

    .EnterOTP .Heading_BackGround,
    .EnterOTP .heading-Info {
        background: var(--white);
    }

.LockGreen {
    position: absolute;
    top: 0;
    display: inline-block;
    height: 10rem;
    width: 10rem;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--white);
    border-radius: 50%;
}

.EnterOTP .btn-ColorSet-Secondary {
    color: var(--black);
    text-align: center;
}

.OrderHeader {
    background-color: rgba(0, 149, 76, 0.1) !important;
}

.OrderEdit {
    max-height: 2px !important;
    max-width: unset !important;
    min-width: 60px !important;
    min-height: 30px !important;
    padding: unset !important;
    text-align: center !important;
    width: unset !important;
    margin: unset !important;
}

.Grey {
    border-color: black !important;
    color: black !important;
    border: 3px solid black !important;
}

.ProductDetails {
    font-size: small;
    font-weight: lighter !important;
    color: grey;
}

.card {
    padding: unset !important;
}

.card-text::after {
    content: unset !important;
}

.actionButton {
    width: 100% !important;
    max-width: unset !important;
    min-width: unset !important;
    background-color: white !important;
    color: var(--black) !important;
}

.actionPack {
    background-color: rgba(0, 149, 76, 0.1) !important;
    color: var(--green) !important;
    border: 1px solid var(--green) !important;
}


.actionSkip {
    background-color: #FFFBEE !important;
    color: var(--yellow) !important;
    border: 1px solid var(--yellow) !important;
}

.actionStop {
    background-color: #FDEFEF !important;
    color: var(--red) !important;
    border: 1px solid var(--red) !important;
}

.editModalContent {
    max-width: unset !important;
    width: 90% !important;
    height: 50%;
}

.editModalDialog {
    max-width: unset !important;
    height: 100%;
}

.PMM_Features .navbar a.navbar-brand::after {
    content: "";
    background-image: url(../../Images/DCWhiteLogo.png) !important;
    /*width: 40rem;
    height: 8rem;*/
}

.PMM_Features .navbar {
    background-color: rgb(0 152 83);
    margin-bottom: 0;
}

.productCard {
    background: var(--white);
    width: 50rem;
    margin: 20px auto;
    border-radius: 1.2rem 0 1.2rem 0;
}

/*.patient::after {
    content: " ";
    display: block;
    border-bottom: 0.5px solid #00954C;
    margin: 0 auto;
    max-width: 48rem;
}*/

.NotDueProduct {
    text-align: left;
    max-width: 31rem;
}

    .NotDueProduct::after {
        content: " ";
        display: block;
        border-bottom: 0.5px solid var(--green);
        margin-bottom: 10px;
    }

.HideButton {
    display: none !important;
}

.PMM_Features .secondary-Heading {
    z-index: 999 !important;
}

span.CollectionDetails {
    font-weight: 800;
}

.ConfirmOrderFixed {
    position: fixed;
    z-index: 999;
    bottom: 0;
    background-color: var(--lightGrey);
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    padding-bottom: 2rem;
}


.input-group-new.flex-nowrap {
    width: 100%;
}

.PMM_Features .block-heading-extras .btn-sm {
    margin-right: 1rem !important;
}

.PMM_Features .btn:hover {
    border: none;
}

.test div button {
    height: 50px !important;
}

.PMM_Features .btn, .PMM_Features .dropdown-item {
    font-size: 12px !important;
}

.PMM_Features .btn {
    box-shadow: none;
}

img.popupUrl {
    height: 70px;
    padding-top: 14px;
}

.PatientView {
    padding: 0 6px !important;
}

.medication.PatientView {
    margin-bottom: 3rem !important;
}

.patientViewBorder {
    border-bottom: 1px solid #dfdfdf;
}

.modal-content.editModalContent.has-Icon button {
    border: 1px solid #e0e0e0;
}

.spacingLine .modal.show {
    background-image: linear-gradient(#9cefc4, #fff, #fff, #fff, #fff, #fff);
}

.PMM_Features .scrollMenuInner .btn-primary {
    background-color: var(--black) !important;
}

h1.primary-Heading.text-black.fw-bold {
    color: black !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem;
    padding-top: 3rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.PMM_Features .card, .PMM_Features .flat-Card {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border: solid 1px var(--lightGrey) !important;
}

.border {
    border: 1px solid #7e7e7e !important;
}

.PMM_Features .block-heading-extras div {
    padding: 0 1rem !important;
}

.PMM_Features .block-heading-extras {
    justify-content: space-between;
    display: flex;
}

.PMM_Features .secondary-Heading {
    border: none !important;
}

.spacing {
}

span.order-subHeading {
    position: relative;
    font-size: 17px;
    text-align: center;
    max-width: 36rem;
    margin: 0rem auto;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

h1.primary-Heading.text-black.fw-boldc.orderMeds {
    
    padding: 0 4rem !important;
}
.PMM_Features .banner {
    background: rgb(219 234 227);
    position: relative;
    overflow: hidden;
    border-radius: 0 0 8rem 0;
    height: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 30rem !important;
}

    .PMM_Features .banner::after {
        content: "";
        position: absolute;
        top: 44%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(../../Images/PackMyMeds_Logo.png);
        background-position: center;
        background-size: 60%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        max-height: 41rem;
        max-width: 65rem;
        margin: 1rem auto;
        padding: 1rem;
    }

.mud-popover.mud-popover-open {
    opacity: 1;
    transition: opacity;
    box-shadow: 0px 0px 5px #00000066 !important;
}
.SelectionYear .modal-content,
#MonthModal .modal-content,
#DayModal .modal-content {
    max-height: 48vh !important;
}

div#YearModal span,
#MonthModal span,
#DayModal span {
    text-align: left !important;
}

div#YearModal,
#MonthModal,
#DayModal {
    background-image: none;
}

    #YearModal input.form-control::placeholder,
    #MonthModal input.form-control::placeholder,
    #DayModal input.form-control::placeholder {
        color: #c9c7c7;
        font-size: 14px;
    }

    #YearModal .input-group div,
    #MonthModal .input-group div,
    #DayModal .input-group div {
        max-width: 56rem;
    }

    #YearModal .input-group,
    #MonthModal .input-group,
    #DayModal .input-group {
        max-width: 70rem;
    }

.test h1 {
    padding-bottom: 3rem;
}

.loginButtonHeight {
    min-height: 47px !important;
}

.PMM_Features .navbar, .PMM_Features .navbar.bg-primary {
    min-height: 10rem !important;
}

.btn.btn-primary {
    padding: 2.5rem 2rem;
}

p.card-text.OrderConfirm label {
    padding-top: 0;
}

.productCard p {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.productCard h1.primary-Heading.text-black.fw-bold {
    display: block;
    padding-left: 8rem;
    color: var(--black) !important;
    font-size: 14px;
    padding-bottom: 2rem;
    font-weight: bold !important;
    text-align: left;
}

.dobDiv input {
    width: 80px;
    border-color: #d9d9d9;
    border-image: none;
    border-style: solid;
    border-radius: 25px;
    height: 38px;
}

.dobTable {
    margin-left: 0px !important;
}

.medication .card-body {
    padding-top: 10px;
}

.medication label {
    font-weight: bold;
}

.CenterDiv button {
    margin: 1rem 6.72px 0 !important;
}

.contactDetails::placeholder {
    font-size: 12px;
    color: #b3b2b3;
}

input.form-control.contactDetails {
    font-size: 14px;
    color: #707070;
}

.mainContactDetails {
    margin-top: 1rem !important;
}

.row.cellphoneNumber {
    padding-top: 3rem;
}

.MedicaionSelection div div button {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    max-width: 100% !important;
    border: none !important;
}

.container-fluid.dateSelection .Limiter button {
    text-align: center;
}

.MedicaionSelection div div {
    text-align: center;
    /*margin-top: 2rem;*/
    /* margin-bottom: 2rem;*/
}

.MedicaionSelection {
    padding: 10px !important;
}

.card-body.MedicaionSelection span div div {
    width: 100% !important;
    max-width: 100% !important;
}

    .card-body.MedicaionSelection span div div button {
        width: 100% !important;
        height: 50px !important;
    }

.card-body.MedicaionSelection button {
    margin-top: 3rem !important;
}

.editModalContent.has-Icon div button {
}

.editModalContent .OTCButton {
    border: 1px solid #e0e0e0 !important;
}

.productAction {
    border-radius: 27px;
    height: 50px;
    text-align: center;
    box-shadow: 0px 0px 10px 4px rgb(143 143 143 / 25%);
    border: none;
    text-align: left;
    padding-left: 12px;
    font-weight: bold;
}

    .productAction option {
        border-radius: 27px !important;
        box-shadow: 0px 0px 10px 4px rgb(143 143 143 / 25%);
        outline: none !important;
    }


button.btn.OTCButton.OTCSelected {
    border: 2px solid #00954C !important;
}


button.btn.OTCButton.RemoveSelected {
    border: 2px solid red !important;
}

/*------New css created----------*/
.mainHeading {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    color: #000022 !important;
}

.PMM_Features .block-heading {
    background-color: rgb(223 246 226);
}

span.order-subHeading {
    margin-bottom: 1rem;
}

.CenterDiv {
    padding-bottom: 20px !important;
}

.modal-content.editModalContent.has-Icon {
    padding: 0rem 0 3rem !important;
}

.PMM_Features .back-Icon {
    margin-top: 0px;
}
h1.primary-Heading.text-black.fw-boldc.orderMeds {
    font-size: 21px !important;
}
label.back.primary-Heading.text-primary.fw-bold {
    font-size: 21px;
    padding: 0px;
    text-transform: uppercase;
    width: 100%;
}

h1.block-heading.block-heading-extras.spaceLeft.upper {
    margin-bottom: 1em;
}
.paymentMethod span {
    font-weight: bolder !important;
    color: #000 !important;
}
.MedicaionSelection .card-text {
    padding-right: 18px !important;
    padding-left: 24px !important;
}
.MedicaionSelection .productP {
    padding-left: 7px !important;
}
h1.primary-Heading.text-black.fw-boldc.orderMeds {
    margin-top: 5rem;
    width: 100%;
    font-size: 18px;
}

.PMM_Features .form-check-input:checked::after,
.PMM_Features .form-check-input::after {
    margin-top: 4px;
    min-width: 5.4rem;
    width: 5.4rem;
    min-height: 5.4rem;
    height: 5.4rem;
}

.DetailsInformation {
    border-bottom: 1px solid #bfbbad;
    padding-bottom: 15px;
}

.MedicaionSelection .editProduct {
    color: #000000;
}

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

.otcProducts .card-body p.card-text {
    padding-top: 10px;
    padding-bottom: 10px;
}

.otcProducts .card {
    /* margin-bottom: 2rem !important;
    display: grid;
    border-top-left-radius: 10px !important;*/
}

.PMM_Features .input-group {
    max-width: 50rem;
}

.selectionButtons {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

img.popupExit {
   display:none;
}

.otcPayment {
    padding: 0px 10rem !important;
    margin-top: 1rem !important;
    font-size: 15px !important;
    margin-bottom: 4rem !important;
}

.otcPaymentUnderline {
    border-bottom: 1px solid #bfbbad;
}

.banner-search.changeAddress .location div {
    /* background: #f0f0f0;
    -webkit-border-radius: 5rem !important;*/
}

body.PMM_Features {
    background: #f4f4f4;
}

.loginClass {
    justify-content: left;
}

.fontSize h1 {
    font-size: 21px !important;
}

.dobPatientsDiv {
    display: flex !important;
    justify-content: space-between !important;
}

.Grey.ViewButton {
    min-width: 100%;
    min-height: 40px !important;
}
.all {
    /* width: 30%;*/

    margin: auto;
    display: flex;
    flex-direction: column;
    border-top: none;
    width: 100%;
}
/*.belowBackground:after {
    content: "";
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: 0px;
    background-image: url(../../Images/Backgroundbg.png);
    top: 154px;
    left: -19rem;
    width: 26%;
    height: 137px;
    position: absolute;
}*/

.dobHowToUse {
    padding-bottom: 0rem !important;
    margin-top: 0em !important;
}
.col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.PMM_Features.dobPatientsDiv {
    display: flex;
    align-items: center;
}
.Terms {
    font-size: 12px !important;
}
body {
    font-family: "Open Sans", sans-serif !important;
    font-size:12px !important;
}

    .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.PMM_Features.dobPatientsDiv label {
    margin-top: 0px;
    margin-bottom: 0;
}
button.btn.btn-primary.has-Icon.loginButtonHeight {
    width: 100%;
    margin-bottom: 0rem !important;
    margin-top: 3rem !important;
}

h1.primary-Heading.text-black.fw-boldc.orderMeds{
    margin-bottom:0px;
}
.otcMember {
    margin-top: 2px !important;
}
label#popupProduct {
    margin-top: 6%;
    margin-bottom: 6%;
   

}

.CenterDiv .editSelect {
    border-color: transparent !important;
    border-style: solid !important;
    color: #ffffff !important;
    color: black !important;
    padding-left: 6% !important;
}
button.editSelect.Delivery:before {
    display: none;
}
label.watchUrl {
    font-size: 12px;
    padding-bottom: 0rem !important;
}


.modal-content.editModalContent.has-Icon .test{
    width:100%;
    height:100%;
}
.CenterDiv .editSelect {
    position: relative;
}
.UnderlineBox{
    width:100% !important;
}
.dateSelection button.btn.btn-sm.btn-primary {
    background-color: #e1f0e8 !important;
    color: green;
}
    .dateSelection button.btn.btn-sm.btn-primary:hover{
        border:none !important;
    }
.otcPaymentUnderline span {
    max-width: 44rem !important;
}
.OTCImages .card-text span:first-of-type {
    max-width: 40rem !important;
}
div.scrollmenu {
    max-width: 60rem;
}
.thankkyougreen a {
    color: #009853;
}

.PMM_Features .banner-thankYou::after {
    content: "THANK YOU!";
    background-image: none;
    font-weight: 900;
    font-size: 6rem;
    color: #00954C;
    display: flex;
    align-items: center;
    justify-self: center;
    max-width: 100%;
    padding: 0;
    display: block;
    text-align: center;
    top: 65%;
}

.OrderPlacement {
    padding: 0px !important;
}
.medication:nth-child(1), .card-body.enlighment div:nth-child(1) {
    border-bottom: none;
}
p.card-text.UnderlineBox label {
    font-size: 12px !important;
}
p.card-text.UnderlineBox span {
    max-width: 40rem !important;
}

p.card-text.deliverCollect span,
.newPharmacy span{
    font-weight: bold !important;
}
.DetailsInformation label {
    background-color: rgb(255, 249, 231);
    color: rgb(255, 214, 91);
    padding: 4px 20px;
    border-radius: 20px;
    margin: 7px 0;
    height: auto;
}

p.card-text.newAddress span {
    font-weight: bold !important;
}
.test .card.card-Select-All {
    background: #fff;
    background-color: #fff !important;
}
.medication {
    background: #fff !important;
}
h1.block-heading.block-heading-extras.spaceLeft.upper.medication {
    background-color: rgb(223 246 226) !important;
}
.patient .card.card-Select-All {
    background: #fff !important;
}


.card.card-Select-All.searchForm {
    background-color: rgb(223 246 226) !important;
    margin-bottom: 7px !important;
}
.searchForm p.patientName {
    color: #000;
    font-size: 12px !important;
}
.buttonStraight {
    text-align: center;
}

.container-fluid.spacing.noOrders {
    margin-top: 20px !important;
}
/*-----------------------------------------START OF RESPONSIVE-------------------------------*/
@media(min-width:1700px) {
    .container-fluid.address {
            width: 100% !important;
        }

       
    }



    @media(min-width:1601px) {

        input.dobInput, input#monthInput {
            width: 100% !important;
        }
    }



    @media(max-width:1600px) {
        .dobTable strong {
            font-size: 12px;
        }

        .PMM_Features .banner {
            background: rgb(219 234 227);
            position: relative;
            overflow: hidden;
            border-radius: 0 0 8rem 0;
            height: 18rem;
            display: flex;
            justify-content: center;
            align-items: center;
            max-height: 30rem !important;
        }
            .PMM_Features .banner::after {
                content: "";
                position: absolute;
                top: 44%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-image: url(../../Images/PackMyMeds_Logo.png);
                background-position: center;
                background-size: 60%;
                background-repeat: no-repeat;
                width: 100%;
                height: 100%;
                max-height: 41rem;
                max-width: 65rem;
                margin: 1rem auto;
                padding: 1rem;
            }
        .PMM_Features .btn-primary {
            background-color: #00954C;
        }
       .PMM_Features .btn.has-Icon::after
        {
            content: "";
            opacity: 1;
            width: 3.5rem;
            height: 2rem;
            -o-object-fit: contain;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            background-image: url(../../Images/Path 11White.png);
            top: 50%;
            right: 1rem;
            -webkit-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
        }
        .searchForm {
            background-color: rgb(223 246 226);
        }


        .LastConfirm strong,
        .card-body.medication-main div span div {
            color: black !important;
        }

        .CenterDiv.deliveryPharmacy {
            margin-left: 0;
            margin-right: 0;
            margin-top: 10%;
        }

        span.deliverySpan.DeliveryPharmacy {
            text-align: left;
            margin-left: 8% !important;
        }

        .editSelect {
            background: #ffffff;
            border-radius: 5rem !important;
            -moz-border-radius: 5rem !important;
            -webkit-border-radius: 5rem !important;
            position: relative;
            -webkit-box-shadow: 0px 0px 25px -7px rgba(0, 0, 0, 0.12), 0px 1px 25px -17px rgba(0, 0, 0, 0.22);
            -moz-box-shadow: 0px 0px 25px -7px rgba(0, 0, 0, 0.12), 0px 1px 25px -17px rgba(0, 0, 0, 0.22);
            box-shadow: 0px 0px 25px -7px rgba(0, 0, 0, 0.12), 0px 1px 25px -17px rgba(0, 0, 0, 0.22);
            margin: 0.5rem auto;
            min-height: 53px;
            padding: 0.5rem 1rem;
            max-width: 40rem;
            min-width: 95%;
            width: 100%;
            margin: 0 auto;
            text-align: center;
            display: flex;
            color: black;
            padding: 12px;
            padding-left: 21px;
            font-size: 14px;
        }



        .container-fluid.patient {
            padding-left: inherit !important;
            padding-right: inherit !important;
        }

        button.btn.btn-light.has-arrow-down.space {
            min-height: 53px !important;
            height: 53px !important;
        }

        label.primary-Heading.text-primary.fw-bold.loginClass {
            height: 100%;
        }

        .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12.PMM_Features.dobPatientsDiv {
            display: flex;
            align-items: center;
        }

        h1.block-heading.block-heading-extras.spaceLeft, h1.block-heading.block-heading-extras {
            position: relative;
            z-index: 99;
            margin-top: 0 !important;
            width: 100% !important;
        }

        .card.card-Select-All {
            border-top-left-radius: 15px !important;
            border-bottom-right-radius: 12px !important;
        }

        h1.block-heading.block-heading-extras.spaceLeft.patient .card.card-extras.mt-0 {
            border-top-left-radius: 0 !important;
        }

        .card.card-Select-All {
            border-top-left-radius: 20px !important;
            border-bottom-right-radius: 12px !important;
        }

        .container.Limiter.dobDiv {
            padding-bottom: 0rem !important;
            padding-top: 1rem !important;
        }

        .dobDiv {
            max-width: 50rem !important;
        }

        .container.Limiter.dobDiv {
            margin-top: 2rem;
        }
    }

 
    /*------End New css created----------*/
    @media(min-width:1000px) {
        legend {
            margin-bottom: 2.5rem;
        }

        .container-fluid.belowBackground .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 {
            font-size: 14px;
            width: 26%;
            margin-left: auto;
            margin-right: auto;
        }
        .container-fluid.belowBackground img.ShareImg {
            float: none !important;
            position: absolute !important;
            right: 40% !important;
            margin-top: 20px !important;
        }
        .PMM_Features .card, .PMM_Features .flat-Card, .PMM_Features .block-heading {
            max-width: 60rem;
        }

        .patient .card-body.medication-main {
            margin-top: 0;
        }


        .OTCButton {
            padding-top: 1.5rem !important;
        }

        .card-body.medication-main {
            padding-left: 0;
            padding-right: 0;
        }

        .medication,
        .CenterDiv {
            padding: 0 25px;
        }

        h1.block-heading.block-heading-extras.spaceLeft span:nth-child(1) {
            text-transform: uppercase;
            font-size: 15px !important;
        }

        .dobHowToUse {
            padding-bottom: 0rem !important;
            margin-top: 0em !important;
        }

        h1.primary-Heading.fw-bold {
            padding-top: 10px !important;
            padding-bottom: 2rem !important;
            width: 52rem !important;
        }

        .patient .card.card-extras.mt-0 {
            border-top-left-radius: 20px !important;
        }



        h1.primary-Heading.text-black.fw-boldc.orderMeds {
            width: 52rem !important;
        }

        .CurrentOrders .row .card.card-view-order, .CustomerPatient .row .card {
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 15px !important;
        }

        .paymentOTC:first-of-type {
            border-top-left-radius: 15px !important;
        }

        .paymentOTC:nth-last-child(1) {
            border-bottom-right-radius: 15px !important;
        }

        .card.disideGoals {
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 15px !important;
        }



        .row.cellphoneNumber .mainContactDetails {
            width: 100%;
            max-width: 100%;
        }

        h1.block-heading.block-heading-extras {
            width: 60rem !important;
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .medication:nth-last-child(-n + 1) .DetailsInformation {
            border-bottom: none !important;
        }



        .container-fluid.HeadingNameSecond {
            padding-bottom: 3rem;
        }

        .card.card-extras.mt-0.displayBorder {
            border-bottom-right-radius: 15px !important;
        }

        .medication-main .medication:nth-last-child(2) .DetailsInformation, .enlighment div:nth-last-child(2), .paymentOTC:nth-last-child(1) .otcPaymentUnderline {
            border-bottom: none !important;
        }

        .dobHowToUse {
            padding-bottom: 5rem !important;
        }

        label.watchUrl {
            padding-bottom: 5rem !important;
        }


        p.card-text.otcPaymentUnderline span, p.card-text.otcPaymentUnderline {
            padding-left: 0 !important;
        }

        #flexRadioDefault1:nth-child(1)::after, #flexRadioDefault3:nth-child(1)::after {
            right: 0px !important;
            margin-top: 4px;
            min-width: 3.4rem;
            width: 5.4rem;
            min-height: 5.4rem;
            height: 5.4rem;
        }

        .test .card.card-Select-All {
            box-shadow: none;
            border: none !important;
        }

        .selectDropdown .mud-input.mud-input-text.mud-input-text-with-label.mud-input-adorned-end.mud-input-underline.mud-shrink.mud-typography-subtitle1.mud-select-input {
            font-size: 15px;
        }

        .mud-input.mud-input-text.mud-input-adorned-end.mud-input-underline.mud-shrink.mud-typography-subtitle1.mud-select-input {
            border-bottom: none !important;
        }

        .mud-icon-default {
            width: 30px !important;
            height: 30px !important;
            pointer-events: none !important;
        }


        .selectDropdown .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
            text-align: left;
            padding-left: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 12px;
            font-weight: bolder;
            font-family: Arial, Helvetica, sans-serif !important;
        }

        .card-text label {
            font-size: 15px !important;
        }

        .card.card-Select-All {
            margin-bottom: 3rem !important;
            border-top-left-radius: 20px !important;
        }

        .mud-input-control.mud-select.selectDropdown {
            box-shadow: 0px 0px 5px #00000066 !important;
        
            padding-top: 5px;
            padding-bottom: 5px;
            border-radius: 40px;
            margin-top: 0px;
        }

        p.mud-typography.mud-typography-body1 {
            font-size: 12px;
            font-weight: bold !important;
        }

        .PMM_Features .form-check-input:checked::after, .PMM_Features .form-check-input::after {
            min-width: 4.4rem;
        }


        .dobPatientsDiv table label {
            margin-left: 0px !important;
            text-align: left;
            width: auto !important;
            font-size: 18px;
        }


        container-fluid.patient,
        .container-fluid.CollectionFooter {
            padding-left: 100rem;
            padding-right: 100rem;
        }

        .container-fluid.patient, .HeadingName .row {
            position: relative;
        }

        .card.payment, .card.radius, .card.disideGoals {
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 15px !important;
        }

        .newAddress span, .allign span, .morePharmacys span, p.card-text.otcPaymentUnderline label {
            color: #000;
        }

        .PMM_Features .Error-text, .PMM_Features .secondary-Heading {
            font-size: 15px !important;
        }

        #PharmacyModal .modal-content,
        .show#NameModal .model-content {
            max-width: 100%;
            margin-left: 70rem;
            margin-right: 70rem;
        }

        .deliveryPharmacy button {
            width: 400px !important;
            max-width: 36rem !important;
            margin-left: 0 !important;
        }

        .currentAddress img {
            width: 16px;
            display: flex;
            position: absolute;
            right: 20px;
            top: 15px;
            filter: invert(47%) sepia(79%) saturate(708%) hue-rotate(97deg) brightness(95%) contrast(98%);
        }

        .currentAddress button {
            background: #DFF6E2;
            color: #00954C;
            font-weight: 800 !important;
        }

        .currentAddress {
            background: #DFF6E2 !important;
        }

        .addressLook {
            font-size: 12px;
            width: 60% !important;
            margin-left: 0px !important;
        }

        .PMM_Features .card-text.has-map-icon span:first-of-type, .PMM_Features .flat-Card-text.has-map-icon span:first-of-type {
            width: 3rem;
            height: 5.5rem;
        }

        p.card-text.has-map-icon,
        .newAddress {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

        .input-group.flex-nowrap.cell div {
            width: 100% !important;
            min-width: 95%;
        }

        .UnderlineBox:nth-child(1) {
            border-bottom: 1px solid;
            margin-bottom: 20px !important;
            margin-top: 21px !important;
            padding-bottom: 20px !important;
        }

        .paymentOTC span {
            font-weight: 900;
            color: #000;
        }

        .paddSpacing {
            padding-bottom: 3rem;
            padding-top: 2rem;
        }

        .mud-input.mud-input-underline:after {
            border-bottom: none !important;
        }

        .mud-input.mud-input-underline:after,
        .mud-input.mud-input-underline:before {
            border-bottom: 2px solid #fff !important;
        }

        .mud-input-adornment.mud-input-adornment-end.mud-select-input {
            width: 50px !important;
        }

        .mud-list-item-gutters:nth-child(1) .mud-list-item-text, .mud-list-item-gutters:nth-child(2) .mud-list-item-text {
            border-bottom: 1px solid #c4c4c4;
            padding-bottom: 15px;
        }

        .mud-primary-hover.dropdownChoice {
            background: #fff !important;
            color: black !important;
        }

        .mud-popover-open {
            border-bottom-right-radius: 12px !important;
            border-bottom-left-radius: 12px !important;
            box-shadow: 0px 0px 25px #0000000D !important;
        }

        label.primary-Heading.text-primary.fw-bold.loginClass {
            font-size: 17px !important;
        }

        .orderMeds span.back-Icon {
            top: 3px !important;
        }

        .show#NameModal .modal-body span:hover,
        .PMM_Features .modal-select .modal-dialog .modal-content .modal-body span:hover {
            background-color: rgba(0, 149, 76, 0.1);
            color: #00954C !important;
        }

        .dateSelection .Limiter button:hover {
            background-color: #e1f0e8 !important;
            color: #00954C !important;
            border: none !important;
        }

        button.btn.btn-light.has-arrow-down.space {
            border: none;
        }

        .show#NameModal .modal-body {
            max-width: 70rem;
        }

        .mud-popover {
            margin-top: 10px;
        }

        h1.block-heading.block-heading-extras.upper {
            position: relative;
        }

        .scrollmenu.OtcScrollMenu .scrollMenuInner button {
            width: 142px !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .loginClass {
            margin: auto !important;
        }

        .PMM_Features .block-heading-extras div {
            padding: 0 1rem !important;
            padding-left: 0px !important;
        }
    }

    @media(max-width:999px) {
        .currentAddress img {
            width: 16px;
            display: flex;
            position: absolute;
            right: 20px;
            top: 15px;
            filter: brightness(0) saturate(100%) invert(33%) sepia(97%) saturate(1416%) hue-rotate(97deg) brightness(94%) contrast(104%);
        }
    }

    @media(min-width:900px){
        .textThankyou div h1 {
            max-width: 480px !important;
            width: 480px !important;
        }
    }
    @media(max-width:900px) {
        h1.primary-Heading.text-black.fw-boldc.orderMeds {
            width: 52rem !important;
        }
        .textThankyou div h1 {
            max-width: 480px !important;
            width: 480px !important;
        }
        h1.block-heading.block-heading-extras.upper {
            padding-left: 25px;
        }

        #loginMargin {
            margin: 0 !important;
        }

        label.watchUrl {
            font-size: 12px;
            padding-bottom: 5rem !important;
        }

        .payment {
            top: 19px !important;
        }

        p.card-text.UnderlineBox span label {
            font-size: 10px !important;
        }

        input#autocomplete::placeholder,
        input.form-control.UnitNumber::placeholder,
        .changeAddress input.form-control::placeholder {
            color: #89919A;
        }

        button.editSelect {
            display: flow;
            text-align: left;
        }

        span.order-subHeading {
            margin-bottom: 1rem;
            font-weight: 600;
            font-size: 12px !important;
        }

        label {
            font-size: 15px;
        }

        .DetailsInformation .ProductDetails {
            font-size: 10px !important;
            font-weight: 700 !important;
        }

        button.editSelect:before {
            position: absolute;
            content: "";
            right: 0px;
            background-repeat: no-repeat;
            top: 16px;
            background-size: contain;
            width: 13%;
            height: 38%;
            background-image: url(../../Images/arrow.png) !important;
        }

        .dobHowToUse {
            padding-bottom: 6rem !important;
            margin-top: 0em !important;
        }

        h1.block-heading.block-heading-extras.spaceLeft span:nth-child(1) {
            padding-bottom: 6px;
            text-transform: uppercase;
            font-size: 15px !important;
        }

        .PMM_Features .block-heading-extras div {
            padding: 0 1rem !important;
            padding-left: 0px !important;
        }



        .patient .card.card-extras.mt-0 {
            border-top-left-radius: 12px !important;
        }

        .card.card-Select-All {
            border-top-left-radius: 15px !important;
            border-bottom-right-radius: 12px !important;
        }

        .medication:nth-last-child(-n + 1) .DetailsInformation {
            border-bottom: none !important;
        }

        .scrollmenu.OtcScrollMenu .scrollMenuInner button {
            width: 142px !important;
            white-space: nowrap;
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-x: clip;
            text-overflow: ellipsis;
        }

        h1.block-heading.block-heading-extras.upper {
            position: relative;
        }

        .show#NameModal .modal-body span:hover {
            background-color: rgba(0, 149, 76, 0.1);
            color: #00954C !important;
        }

        .mud-input.mud-input-underline:after {
            border-bottom: unset !important;
        }

        .input-group.flex-nowrap.cell div {
            width: 100% !important;
            min-width: 95%;
        }

        .input-group.flex-nowrap.cell {
            max-width: 50rem !important;
        }



        .card.card-extras.mt-0.displayBorder {
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 15px !important;
        }
        /*---Headers of boxes---*/
        h1.block-heading.block-heading-extras.spaceLeft .card {
            border-top-left-radius: 15px !important;
        }
        /*---End Headers of boxes--*/
        .selectDropdown .mud-input.mud-input-text.mud-input-text-with-label.mud-input-adorned-end.mud-input-underline.mud-shrink.mud-typography-subtitle1.mud-select-input {
            font-size: 15px;
        }

        .mud-input.mud-input-text.mud-input-adorned-end.mud-input-underline.mud-shrink.mud-typography-subtitle1.mud-select-input {
            border-bottom: none !important;
        }

        .mud-icon-default {
            width: 30px !important;
            height: 30px !important;
            pointer-events: none !important;
        }

        .selectDropdown .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-end.mud-select-input {
            text-align: left;
            padding-left: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
            font-size: 12px;
            font-weight: bolder;
            font-family: Arial, Helvetica, sans-serif !important;
        }

        .card-body.MedicaionSelection .card-text span {
            font-size: 12px !important;
            color: #000;
            font-weight: 700;
        }

        .selectDropdown .mud-input-adornment.mud-input-adornment-end.mud-select-input {
            max-width: 7rem !important;
        }

        p.mud-typography.mud-typography-body1 {
            font-size: 12px;
            font-weight: bold !important;
        }

        .mud-list-item.mud-list-item-gutters {
            background: #fff !important;
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .mud-list-item-text {
            color: black;
        }

        .mud-input-control.mud-select.selectDropdown {
            margin-bottom: 2rem;
            margin-top: 2rem;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .mud-popover .mud-list {
            padding: 0rem 3rem;
        }
        .mud-list-item-gutters:nth-child(1),
        .mud-list-item-gutters:nth-child(2) {
            border-bottom: 1px solid #000;
        }
        /*.mud-list-item-gutters:nth-child(1) .mud-list-item-text,
        .mud-list-item-gutters:nth-child(2) .mud-list-item-text {
            border-bottom: 1px solid #c4c4c4;
            padding-bottom: 15px;
        }*/
        .mud-popover-open {
            border-bottom-right-radius: 12px !important;
            border-bottom-left-radius: 12px !important;
            box-shadow: 0px 0px 25px #0000000D !important;
        }

        .mud-input.mud-input-underline:before {
            border-bottom: none !important;
        }

        .mud-input-control.mud-select.selectDropdown {
            box-shadow: 0px 0px 5px #00000066 !important;
            padding-top: 5px;
            padding-bottom: 5px;
            border-radius: 40px;
            margin-top: 0px;
        }

        .dobHowToUse {
            margin-top: 0em !important;
        }

        .dobPatientsDiv {
            display: flex !important;
            justify-content: space-between !important;
        }

        /*.belowBackground:after {
            content: "";
            display: block;
            width: 100%;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-top: 0px;
            background-image: url(../../Images/Backgroundbg.png);
            position: absolute;
            top: 103px;
            left: -25px;
            width: 42%;
            height: 100px;
        }*/

        .disideGoals input:checked:after,
        .disideGoals input:after {
            margin-top: 0px !important;
        }

        .displayBorder {
            border-bottom-right-radius: 15px !important;
        }

        .container-fluid.mediNotYet {
            margin-top: 10px;
            border-top-left-radius: 15px;
        }

        .spacing {
            margin-top: 20px;
        }

        .mediNotYet .card {
            border-top-left-radius: 15px !important;
            border-bottom-right-radius: 15px !important;
        }

        .borderBottom p,
        .disideGoals p,
        .text-end {
            color: #000 !important;
        }

            .disideGoals p:nth-child(1) {
                border-bottom: 1px solid #dfdfdf !important;
            }

        .row.cellphoneNumber .mainContactDetails {
            width: 100%;
            max-width: 100%;
        }

        

        .card-body.details p,
        .disideGoals p {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

        .OrdersSize {
            width: 100% !important;
        }

            .OrdersSize div strong:nth-child(2) {
                /*color: #000;*/
            }

            .OrdersSize div strong:nth-child(1) {
                color: #0a2341;
                font-weight: 900;
            }

        .CurrentOrders .row .card.card-view-order,
        .CustomerPatient .row .card {
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 15px !important;
        }

        .selectable {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
        }

        .welcomeHeader h1,
        .fontSize h1 {
            font-size: 21px !important;
        }

        .UnderlineBox:nth-child(1) {
            border-bottom: 1px solid #bfbbad !important;
        }

        .UnderlineBox:nth-child(1) {
            border-bottom: 1px solid;
            margin-bottom: 20px !important;
            margin-top: 21px !important;
            padding-bottom: 20px !important;
        }

        p.card-text.UnderlineBox span {
            color: #000;
        }

        .UnderlineBox:nth-child(2) {
            padding-bottom: 20px !important;
        }

        button.btn.btn-sm.btn-outline-primary.Grey.ViewButton:nth-child(1) {
            margin-bottom: 6px !important;
            margin-top: 10px !important;
        }

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

        .card-body.OTCImages p.card-text img {
            margin-right: 2rem;
        }

        p.card-text.morePharmacys:nth-last-child(1) {
            border-bottom: none !important;
        }

        .medication-main .medication:nth-last-child(2) .DetailsInformation,
        .enlighment div:nth-last-child(2),
        .paymentOTC:nth-last-child(1) .otcPaymentUnderline {
            border-bottom: none !important;
        }

        .paymentOTC:nth-last-child(1) {
            border-bottom-right-radius: 15px !important;
        }

        .paymentOTC:first-of-type {
            border-top-left-radius: 15px !important;
        }

        .PMM_Features .card-text span:first-of-type {
            padding-right: 7rem !important;
            padding-left: 0rem;
            padding-top: 1rem;
        }

        .morePharmacys,
        .CustomerPatient .Customer {
            border-bottom: 1px solid #bfbbad;
            padding-bottom: 15px !important;
            padding-top: 15px !important;
        }

        .paddSpacing {
            padding-bottom: 3rem;
            padding-top: 2rem;
        }

        p.card-text.deliverCollect {
           
            padding-bottom: 10px;
        }

        .radius {
            padding-bottom: 15px !important;
            padding-top: 15px !important;
        }

        .currentAddress img {
            width: 16px;
            display: flex;
            position: absolute;
            right: 20px;
            top: 15px;
            filter: brightness(0) saturate(100%) invert(33%) sepia(97%) saturate(1416%) hue-rotate(97deg) brightness(94%) contrast(104%);
        }

        .currentAddress {
            background: #DFF6E2 !important;
        }

            .currentAddress button {
                background: #DFF6E2;
                color: #00954C;
                font-weight: 800 !important;
            }

        .PMM_Features .card-text.has-map-icon span:first-of-type, .PMM_Features .flat-Card-text.has-map-icon span:first-of-type {
            width: 5rem;
            height: 5.5rem;
        }

        .newAddress span,
        .allign span,
        .morePharmacys span,
        p.card-text.otcPaymentUnderline label {
            color: #000;
        }

        .allign p span,
        .newAddress span,
        p.card-text.has-map-icon {
            padding-left: 0 !important;
        }

        .PMM_Features .NeedHelp,
        .NeedHelp a,
        .NeedHelp a:hover {
            color: #B5B2B2;
        }

        .newAddress,
        p.card-text.has-map-icon {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

        .addressLook {
            font-size: 12px;
            width: 60% !important;
            margin-left: 11px !important;
        }

        .card.payment,
        .card.radius,
        .card.disideGoals {
            border-bottom-right-radius: 15px !important;
            border-top-left-radius: 15px !important;
        }

        span.form-check-grouped.otcChecks {
            margin-right: 10px;
        }

        #flexRadioDefault1:nth-child(1)::after, #flexRadioDefault3:nth-child(1)::after {
            right: 0px !important;
            margin-top: 4px;
            min-width: 5.4rem;
            width: 5.4rem;
            min-height: 5.4rem;
            height: 5.4rem;
        }

        input.form-check-input-stop.No-check:after {
            margin-top: 4px;
            min-width: 5.4rem;
            width: 5.4rem;
            min-height: 5.4rem;
            height: 5.4rem;
        }

        p.card-text.otcPaymentUnderline span,
        p.card-text.otcPaymentUnderline {
            padding-left: 0 !important;
        }

        .PMM_Features .input-group {
            max-width: 100% !important;
        }

        div.scrollmenu {
            max-width: 51rem;
        }

        .scrollmenu {
            overflow-x: auto;
            white-space: nowrap;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

            .scrollmenu::-webkit-scrollbar {
                display: none;
            }

        .CollectionDate:after {
            display: none;
        }

        .card.card-Select-All.SelectionPage {
            max-width: 50rem;
        }

        .dobPatientsDiv label {
            float: left !important;
            font-size: 17px !important;
            width: 27rem !important;
            display: block !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .orderHeader {
            padding: 2rem 0;
        }

        .Grey.ViewButton {
            min-width: 87%;
            min-height: 40px !important;
        }

        .order-Heading {
            font-size: 18px !important;
        }

        .PMM_Features .card {
            box-shadow: none;
            border: none !important;
        }

        .modal-content.editModalContent.has-Icon p {
            text-align: left;
        }

        .PMM_Features .block-heading {
            /*width: 50rem;*/
        }

        h1.block-heading.block-heading-extras {
            padding-top: 3rem;
            padding-bottom: 3rem;
            border-top-left-radius: 12px;
            border-bottom-right-radius: 15px !important;
        }

        .card.card-Select-All {
            border-top-left-radius: 15px !important;
            border-bottom-right-radius: 12px !important;
        }

        .spacing h1.block-heading.block-heading-extras {
            margin-bottom: 0px !important;
        }

        .card.card-Select-All {
            margin-bottom: 3rem !important;
        }

        span.back-Icon {
            position: absolute;
            top: 30px;
        }

        .all {
            display: flex;
            flex-direction: column;
            border-top: none;
            width: 100%;
        }

        .PMM_Features .card, .PMM_Features .flat-Card, .PMM_Features .block-heading {
            max-width: 60rem;
        }

        .medication {
            padding-left: 25px;
            padding-right: 25px;
        }

        .card-body.medication-main {
            padding-left: 0px;
            padding-right: 0px;
            margin-top: 0 !important;
        }
    }

    @media(max-width:821px) {
        /*.belowBackground:after {
        left: -120px;
    }*/

        div#PharmacyModal .modal-content {
            max-height: 80vh;
            height: 80vh;
        }

        .modal.fade.modal-select.show .modal-body {
            display: contents;
        }
    }


    @media(max-width:800px) {
        /*.belowBackground:after {
        top: 103px;
        left: -25%;
    }*/
        .card.radius {
            padding: 5px !important;
        }
            .card.radius p span
           {
                font-size: 15px !important;
            }
    }

    @media(max-width:768px) {
        /* .belowBackground:after {
            top: 103px;
            left: -25%;
        }*/

    }

    @media(max-width:700px) {


        .editModalContent .test div button {
            width: 90% !important;
            height: 60px !important;
        }

        .SelectionPage .form-check-input::after {
            right: 0rem;
        }

        .productCard .form-check-grouped-sm {
            max-width: 3rem !important;
        }

        .PMM_Features .card-text span:first-of-type {
            font-size: 15px;
        }

        .card-text label {
            font-size: 15px !important;
        }

        .PMM_Features .block-heading {
            width: 60rem;
        }

        .PMM_Features .card-text span:first-of-type {
            max-width: 35rem !important;
        }

        .PMM_Features .btn {
            min-height: 34px;
        }

        .productCard .PMM_Features .card-text {
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
        }

        .productCard {
            width: 50rem;
        }

        .card.card-Select-All.SelectionPage {
            max-width: 50rem;
        }
    }

    @media(max-width:600px) {
        .newTrigger {
            padding-left: 0%;
            padding-right: 0%;
        }
    }

    @media(max-width:450px) {
        .PMM_Features .card, .PMM_Features .flat-Card, .PMM_Features .block-heading {
            max-width: 100%;
        }
        h1.primary-Heading.text-black.fw-boldc.orderMeds {
            padding: 0 4rem !important;
        }
        .productCard {
            width: 100%;
        }

        .card.card-Select-All.SelectionPage {
            max-width: 100%;
        }

        .changeAdres {
            left: 5rem !important;
            right: unset !important;
            top: 50% !important;
            -webkit-transform: translate(0%, -50%);
            -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
            width: 7rem !important;
            height: 2rem !important;
        }
    }


    @media(max-width:500px) {
        /*.belowBackground:after {
            left: 0;
            width: 22%;
            top: 100px;
        }*/

        .PMM_Features .block-heading {
            width: 50rem;
            font-size: 16px;
        }

        .container.Limiter.dobDiv {
            width: 92%;
            margin-bottom: 0rem;
            margin-top: 2rem;
        }

        .customers {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        h1.secondary-Heading b {
            color: var(--black);
            font-weight: 700;
        }

        .Terms {
            font-size: 12px !important;
        }

        .container.Limiter.dobDiv {
            width: 100%;
            margin-bottom: 0rem !important;
            margin-top: 2rem !important;
        }
    }

    @media(max-width:430px) {
        h1.block-heading.block-heading-extras.spaceLeft,
        h1.block-heading.block-heading-extras {
          
        }

        .CenterDiv.deliveryPharmacy.span {
            width: 90% !important;
        }

       


        .notYet {
            padding-bottom: 13rem;
        }

        div.scrollmenu {
            max-width: 61rem;
        }

        .HeadingNameSecond h1.block-heading.block-heading-extras {
            width: 100% !important;
        }

        .HeadingName .card-body {
           
        }

        .Tracking .medication:nth-child(1) {
            padding-top: 60px !important;
        }

        .container-fluid.patient,
        .HeadingName .row {
            position: relative;
        }

        .medication:nth-child(1),
        .card-body.enlighment div:nth-child(1) {
        }
    }

    @media(max-width:414px) {
        div.scrollmenu {
            max-width: 59rem;
        }
        /*.belowBackground:after {
            left: 0;
            width: 22%;
            top: 98px;
        }*/
    }

    @media(max-width:412px) {
        div.scrollmenu {
            max-width: 59rem;
        }
    }

    @media(max-width:400px) {
        h1.block-heading.block-heading-extras {
            width: 92%;
        }




        /*.belowBackground:after {
            content: "";
            display: block;
            width: 100%;
            
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-top: 10px;
            background-image: url(../../Images/Backgroundbg.png);
            position: absolute;
            top: 100px;
            left: -41px;
            width: 100%;
            height: 35px;
            max-height: 30rem !important;
            min-height: 30rem !important;
        }*/

        .dateSelection .col-4.col-xs-4.col-sm-4.col-md-4.col-lg-4.col-xl-4 button {
            min-width: 90% !important;
            max-width: 90% !important;
        }

        .CurrentOrders .card-text {
            flex-direction: column !important;
        }

        .OrderStatusButton {
            margin-top: 2rem !important;
        }

        .container-fluid.otc {
            width: 94%;
        }

        .continueSelection {
            position: relative !important;
            z-index: 999 !important;
            bottom: 0 !important;
            background-color: var(--lightGrey) !important;
            left: 50% !important;
            transform: translate(-50%, 0) !important;
            width: 100% !important;
            padding-bottom: 3rem !important;
        }

        OrderStatusButtonDiv {
            width: 100% !important;
        }

        .OrderStatusButton {
            margin-top: 2rem !important;
            display: flex !important;
            justify-content: center !important;
            width: 100% !important;
            padding-left: 10rem !important;
            padding-right: 10rem !important;
            max-width: 90% !important;
            min-width: 90% !important;
        }

        .editModalContent .test {
            max-width: 100%;
            width: 100%;
        }

            .editModalContent .test div button {
                width: 90% !important;
                height: 60px !important;
            }

        .container.Limiter.dobDiv {
            width: 100%;
            margin-bottom: 0rem !important;
            margin-top: 2rem !important;
        }

        .PMM_Features footer div {
            position: relative;
        }
    }

    @media(max-width:391px) {
        /*.belowBackground:after {
            top: 21px;
        }*/
    }

    @media(max-width:390px) {
        /* .belowBackground:after {
            background-image: url(../../Images/Backgroundbg.png);
            position: absolute;
            top: 35px;
            left: 0px;
            width: 21%;
            height: 0px;
        }*/

        div.scrollmenu {
            max-width: 55rem;
        }
    }

    @media(max-width:376px) {
        .Terms {
            font-size: 12px !important;
        }

        .PMM_Features .back-Icon {
            margin-top: 0px;
        }

        .container.Limiter.dobDiv {
            margin-bottom: 0rem !important;
        }

        .uploadScriptImg {
            height: 3rem;
            margin-right: 4rem;
            padding-left: 0.5rem;
        }

        div.scrollmenu {
            max-width: 59rem;
        }

        div.scrollmenu {
            max-width: 53rem;
        }
    }

    @media(max-width:360px) {
        .productCard h1.primary-Heading.text-black.fw-bold {
            padding-left: 3rem;
        }

        div.scrollmenu {
            max-width: 51rem;
        }

        .productCard p {
            padding-left: 4% !important;
            padding-right: 4% !important;
        }

        #YearModal .input-group div,
        #MonthModal .input-group div,
        #DayModal .input-group div {
            max-width: 51rem;
        }
    }

    .HideNav {
        display: none !important;
    }

    fieldset {
        border-radius: 15px;
    }

    .dobTable label {
        font-size: 15px;
    }

    .dobDiv input::placeholder {
        color: #b3b3b3;
        font-size: 14px;
    }

    .fieldSetHeading {
        margin-left: 17px;
        font-size: 12px;
        font-weight: bold;
        padding-left: 9px;
        padding-right: 9px;
    }



    .ShareImg {
        width: 45px;
        float: right;
       
        height: 45px;
    }

    label.form-label.DateNumber {
        margin-bottom: 10px;
    }

    .CenterDiv {
        margin: auto;
        text-align: center;
        padding-bottom: 5px;
    }

        .CenterDiv .editSelect {
            width: 90%;
            margin-left: 15px;
            padding-left: 5px;
            border-radius: 34px;
            height: 46px;
            border-color: #009853;
            border-style: solid;
            color: #ffffff;
            font-weight: bold;
            /*background: #009853;*/
            box-shadow: 1px 1px 10px 0px #e8e8e8;
            margin: 10px;
        }

    .ViewButton {
        margin-bottom: 5px !important;
        text-align: center !important;
        height: 5px !important;
        width: 200px !important;
    }

        .ViewButton:hover {
            color: var(--white) !important;
        }

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

    .productP {
        padding: 0rem !important;
        margin-top: 0 !important;
        min-height: auto !important;
        width: 100%;
    }

        .productP .smallText {
            padding-top: 0;
            font-size: 12px !important;
            max-width: auto !important;
        }

    .back {
        background-image: url(../../PMM_Framework/Images/Back_Icon.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        display: block;
        height: 3rem;
        cursor: pointer;
        z-index: 10;
    }

    .editSelect {
        width: 90%;
        margin-left: 15px;
        padding-left: 5px;
        border-radius: 34px;
        height: 46px;
        border-color: var(--white);
        border-style: solid;
        color: #b6b6b6;
        font-weight: bold;
        background: var(--white);
        box-shadow: 1px 1px 10px 0px #e8e8e8;
        margin: 10px;
    }

    .card-text span.form-check-grouped.form-check-grouped-sm {
        max-width: 0rem !important;
    }
.MedicaionSelection .productP {
    padding-left: 7px !important;
}
    .editProduct {
        font-weight: bold;
        padding-left: 21px;
        font-size: 15px;
    }

    .editHeading {
        font-weight: bold !important;
        font-size: 20px !important;
        color: var(--black);
    }

    .pillImage {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 25px;
        margin-bottom: 10px;
    }

    .upper {
        text-transform: uppercase;
    }

    .btn.deliveryButton {
        font-size: 15px !important;
    }

    .modal-content.has-Icon.wideModal {
        max-width: 42rem !important;
    }

    .btn.btn-primary.invertButton {
        background-color: white !important;
        color: #00954C;
        border-color: #00954C;
    }

    .btn.btn-primary.greyButton {
        background-color: lightgray !important;
        color: black;
        border-color: lightgray;
    }

    .deliveryOptionIcon {
        background-image: url(../../Images/Delivery.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 10rem;
        margin: 0 auto;
        margin-left: 0;
        display: inline-block;
    }

    .modal-header.deliveryOptionModal {
        padding: unset;
        padding-bottom: 15px;
    }

    .centerText {
        margin: auto;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .card.addressCard {
        border-radius: 10px !important;
    }

    .deliverySpan {
        text-align: left;
        margin-left: 20px;
        color: gray;
        font-weight: bold !important;
        padding-left: 25px;
        max-width: 100% !important;
        width: 100%;
        display: block !important;
        height: auto;
        font-size: 14px !important;
    }

        .deliverySpan.DeliveryPharmacy {
            margin-left: auto !important;
            padding-left: 0 !important;
            text-align: center;
        }




    .productPrice {
        color: #00954C;
    }

    .tertiary-Heading.Thankyou {
        max-width: 80% !important;
    }

    .secondary-Heading.Thankyou {
        max-width: 80% !important;
        font-weight: bold !important;
    }

    @media(max-width:320px) {
        .belowBackground::after {
            top: 30px;
            left: 0px;
            width: 18%;
        }
        .medication:nth-child(1), .card-body.enlighment div:nth-child(1) {
            border-bottom: none;
        }
        .Delivery {
            padding-bottom: 13rem;
        }
    }

    @media(max-width:310px) {
        .PMM_Features .btn-sm {
            min-width: 10rem;
        }

        .OrdersSize {
            width: 23rem !important;
            font-size: 14px;
        }
        .belowBackground::after {
            top: 27px;
            left: 0px;
            width: 18%;
        }
    }

    .productAction {
        appearance: none; /* Remove default arrow */
        -webkit-appearance: none; /* Safari */
        -moz-appearance: none; /* Firefox */
        background-color: white;
        border-radius: 6px;
        padding: 10px 40px 10px 15px;
        font-size: 14px;
        color: #333;
        cursor: pointer;
        position: relative;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 20px;
        border-radius: 30px;
        box-shadow: 0px 0px 25px #0000000D;
    }

    .RemoveSelected {
        color: red !important;
        border-color: red !important;
        background-color: #FAE8E8 !important;
    }

    .NotSelected {
        color: black !important;
        background-color: white !important;
    }

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

    .OTCSelected {
        color: #0EB058 !important;
        border-color: #0EB058 !important;
        background-color: #E5F4EC !important;
    }

    .Hide {
        display: none !important;
    }

.ItemDetailsBorder{
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 10px;
}