﻿body {
    /*    min-height: 75rem;*/
    letter-spacing: 0.1px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
}

.alert {
    border-radius: var(--cust-border-radius-primary);
}

.page-logo img {
    height: var(--height-page-logo);
}

.cust-nav-bg {
    background-color: var(--cust-nav-bg);
    border-bottom: 1px solid var(--cust-nav-bg);
}

.k-window-titlebar {
    border-color: #0d6efd;
    background: #0d6efd;
    color: white;
}

.bggrey {
    background: var(--cust-secondary-100);
    margin-bottom: 10px;
    border-radius: 0 0 var(--cust-border-radius-primary) var(--cust-border-radius-primary);
    padding: 10px;
}

.bggrey-btm-bdr {
    border-bottom: 2px solid var(--cust-border-primary);
}

.bggrey-btm-bdr, .bggrey {
    border: 1px solid #ececec;
    box-shadow: rgb(215 215 215 / 35%) 7px 3px 16px 4px;
}

.card-bggrey {
    background: var(--cust-secondary-100);
}

.btn {
    cursor: pointer !important;
}

.cust-card .card {
    border-radius: var(--cust-border-radius-secondary) !important;
}

    .cust-card .card .card, .cust-card-bdr {
        border-radius: var(--cust-border-radius-secondary) !important;
    }

    .cust-card .card .card-left-border {
        border-radius: var(--cust-border-radius-secondary);
        border-left-width: var(--cust-left-border) !important;
    }

.card-header.cust-card-hdr, .cust-card > .card-header {
    border-radius: var(--cust-border-radius-primary) var(--cust-border-radius-primary) 0 0;
}

.cust-card-hdr {
    background-color: var(--cust-secondary);
    color: white;
}

.cust-card-primary {
    background-color: var(--cust-primary);
    color: #fff;
}

.btn {
    border-radius: var(--cust-btn-radius) !important;
}

    .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.1rem var(--cust-primary);
    }

.btn-org-lg {
    background: inherit;
    background-color: var(--cust-primary);
    border: none;
    color: white;
    font-size: 16px;
    font-weight: 500;
    width: 140px;
    height: 40px;
}

.text-pahrmacy {
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
}

.text-info, .text-pahrmacy {
    color: var(--cust-text-secondary) !important;
}

.text-primary, a {
    color: var(--cust-text-primary) !important;
}

.text-label-title {
    color: var(--cust-primary) !important;
}

thead {
    background-color: var(--cust-secondary) !important;
    color: white;
}

.card-left-border {
    border-left: 3px solid var(--cust-border-primary) !important;
}

.container-cust.container {
    max-width: 90% !important;
}

.form-control:focus {
    color: #495057 !important;
    background-color: #fff !important;
    border-color: var(--cust-secondary);
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem transparent;
    box-shadow: 0 0 0 0.2rem transparent;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    padding: 4px 0;
    padding-left: 12px;
    margin: 0 0 10px 25px;
}

.text-color-85 {
    color: rgb(85, 85, 85);
}

.card-active {
    background-color: var(--cust-secondary-100);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border: none;
}

.btn-location {
    border-radius: 5px;
    font-weight: 500;
    border-color: var(--cust-text-secondary);
    color: var(--cust-text-secondary);
    background: transparent;
}

.btn-default:hover {
    background: var(--cust-text-secondary);
    border-color: var(--cust-text-secondary);
    color: #fff;
}

.btn-default:focus {
    box-shadow: 0 0 0 0.1rem var(--cust-secondary);
}

.text-14 {
    font-style: normal !important;
    font-size: 14px;
}

.text-16 {
    font-style: normal !important;
    font-size: 16px;
}

.text-18 {
    font-style: normal !important;
    font-size: 18px;
}

.text-20 {
    font-style: normal !important;
    font-size: 18px;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-700 {
    font-weight: 700;
}

.text-color-7F {
    color: #7F7F7F;
}

.dvServicesStr ul {
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: rgb(85, 85, 85) !important;
}

.renderTimestr {
    /*    font-size: 13px !important;*/
    font-weight: 400 !important;
    color: rgb(85, 85, 85) !important;
}

.marker {
    color: var(--cust-iconcolor) !important;
    font-size: 32px;
}

.accicon {
    float: right;
}

    .accicon .fa {
        font-weight: bold;
    }

.rotateicon:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}

.rotateiconcust:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
}

.rotateiconcust.collapsed:before, .toogle-icon {
    content: ' See More';
    font-weight: 700;
    color: var(--cust-text-primary) !important;
    text-decoration: underline;
}

.rotateiconcust:before, .toogle-icon {
    content: 'See Less';
    font-weight: 700;
    color: var(--cust-text-primary) !important;
    text-decoration: underline;
}

.pill-pack-img {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 147px;
    height: 120px;
}
/*-------------------------*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::selection {
    color: white;
    background: var(--cust-primary);
}
/*-----------------------*/

#divWebPharmacySearch .left-wrapper {
    padding: 10px;
    border: 1px solid #ececec;
    border-radius: var(--cust-border-radius-secondary);
}

.hours-wrapper {
    display: inline-flex;
}

.hours-left-wrapper {
    /* min-width: 40px; */
    display: flex;
    justify-content: space-between;
}

#map {
    border-radius: var(--cust-border-radius-secondary);
}


@media screen and (max-width: 1049px) {
    .dvServicesStr ul, .renderTimestr {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 767px) {
    .dvServicesStr ul, .renderTimestr {
        font-size: 13px !important;
    }
}
