@media screen and (min-width: 0) and (max-width: 768px) {
    .recommendation-body ul {
        padding-left: 5px;
    }
}



/* Drug Synonyms */
/* Drug Synonyms */
/* Drug Synonyms */
/* Drug Synonyms */
/* Drug Synonyms */
#drug-synonyms {
    margin-left: 13px;
    margin-right: 13px;
}

    #drug-synonyms p {
        font-size: 18px;
    }

    #drug-synonyms hr {
        margin-top: 0px;
        margin-bottom: 10px;
    }

/*#drug-synonyms {
    position: fixed;
    padding-bottom: 7px;
    border-left: 7px solid #5ad75a;
}*/

/*#drug-synonyms-spacer {
    height: 85px;
    margin-bottom: 10px;
}*/

@media screen and (max-width: 992px) {

    #drug-synonyms {
        position: relative;
    }

    #drug-synonyms-spacer {
        position: relative;
        display: none;
    }
}

.margin-below {
    margin-bottom: 20px;
}



/* CR - BUG FIX - 35130 */
div.mce-fullscreen {
    z-index: 1050;
}


/* UI Enhancements */
/* UI Enhancements */
/* UI Enhancements */
/* UI Enhancements */

#searchCategories > li > a {
    padding: 6px;
}

#drug-synonyms > .panel-body {
    padding: 1px;
}

#searchResultContainer {
    margin-top: 35px;
}

#SearchResultsNumber {
    margin-bottom: 5px;
    font-size: 18px;
    color: gray;
}

#share {
    position: relative;
    margin: 20px 0;
}

    #share a {
        text-decoration: none;
    }

#el {
    width: 160px;
    margin: 0 auto;
}

#searchCategories .active a:hover {
    background-color: #de502a;
}

#searchCategories a:hover {
    background-color: #eee;
}


#PALSContent h1 {
    font-size: 35px;
}

/*label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o, div[data-toggle="buttons"] label.active {
    color: #de502a;
}*/

div[data-toggle="buttons"] label:hover {
    color: #de502a;
}

label:hover input[type="radio"] ~ i.fa {
    color: #de502a;
}



/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */
/* Drug Pricing Example 1 */


#DrugPricingInfo .panel {
    background-color: #fff;
}


@media screen and (max-width: 768px) {

    #DrugPricingInfo .panel {
        margin: 0 20px;
    }
}


#DrugPricingInfo .panel .panel-body {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

#DPLeft {
    width: 100px;
    min-height: 70px;
    background-color: #96c197;
    display: flex;
    align-items: center;
    justify-content: center;
}

#DPRight {
    width: auto;
    padding: 30px;
}

#DrugPricingIcon {
    left: 30px;
    color: green;
    font-size: 47px;
}

#DrugMarketDesc {
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

#DrugPricingDetails {
    font-size: 18px;
}

#DrugPricingAmount {
    font-weight: bold;
}





/* Can't find what you're looking for */
/* Can't find what you're looking for */
/* Can't find what you're looking for */
/* Can't find what you're looking for */
/* Can't find what you're looking for */
/* Can't find what you're looking for */

#questionIcon {
    border: 1px solid #e6e6e5;
    position: relative;
    color: #666666;
    background-color: #fff;
    margin-top: -35px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    width: 63px;
}

#CantFind {
    position: relative;
    border: 1px solid #e6e6e5;
    border-radius: 10px;
    color: #000;
    font-size: 18px;
    padding: 0px 0px 20px;
    text-align: center;
    margin-right: 55px;
    margin-top: 45px;
}

@media screen and (max-width: 992px) {

    #CantFind {
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}


#CantFindIcon {
    position: absolute;
    right: 5px;
    bottom: 0px;
    font-size: 60px;
    opacity: 0.1;
    color: #000;
}

#CantFind a:hover {
    text-decoration: none;
}

#CantFind:hover {
    text-decoration: none;
    background-color: #f3f3f3;
    -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}


/* Med price - Search Result screen */
/* Med price - Search Result screen */
/* Med price - Search Result screen */
/* Med price - Search Result screen */
/* Med price - Search Result screen */


#MedPrice {
    margin-top: 20px;
    border-radius: 4px;
    /*background-color: #96c197;*/
    border-top: 5px solid #96c197;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    color: #000;
    padding: 5px;
    text-align: center;
    word-wrap: break-word;
}

#MedPriceName {
    font-size: 18px;
    font-weight: bold;
}

#MedPriceInfo {
    font-size: 18px;
}

@media screen and (max-width: 1200px) {


    #MedPriceName {
        font-size: 15px;
    }

    #MedPriceInfo {
        font-size: 15px;
    }
}

@media screen and (max-width: 992px) {

    #MedPrice {
        width: 150px;
        margin: 0 auto;
    }
}



/* This will adjust the search box width when the page scales for mobile. */
@media screen and (max-width: 768px) {
    #page-search {
        width: 300px;
        margin: 0 auto;
    }
}


.list-indent {
    padding-left: 25px;
}


/* Default styling for Search Results Categories */
/* Default styling for Search Results Categories */
/* Default styling for Search Results Categories */
/* Default styling for Search Results Categories */
/* Default styling for Search Results Categories */
/* Default styling for Search Results Categories */

#CollapseCategoriesBtn {
    display: none;
}

#PalsArticleResults {
    margin-top: 60px;
    color: gray;
}

#ResultsCategoriesHeader {
    display: none;
}

#SearchResultsCatNav {
    padding-top: 10px;
    padding-bottom: 10px;
}

    #SearchResultsCatNav ul li {
        padding: 0px;
    }

    #SearchResultsCatNav .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

#SearchCategoriesContainer .navbar-default {
    background-color: #fff;
    border: 0;
}

#SearchCategoriesContainer a {
    padding: 5px 10px;
}

.result-summary {
    font-size: 18px;
    padding-top: 3px;
}

.result-categories {
    padding-top: 3px;
}

#DidYouMean {
    margin-top: -15px;
}

#search-suggestions {
    margin-top: 5px;
}

#SearchResultsInfoContainer {
    margin-top: 30px;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 10%;
}

/* Search Results Categories - Tablet breakpoint changes */
/* Search Results Categories - Tablet breakpoint changes */
/* Search Results Categories - Tablet breakpoint changes */
/* Search Results Categories - Tablet breakpoint changes */
@media screen and (min-width: 0) and (max-width: 992px) {
    #ResultsCategoriesHeader {
        display: block;
    }

    #SearchResultsInfoContainer {
        display: flex;
        justify-content: center;
        padding-top: 50px;
        top: 6% !important;
    }

    #PalsArticleResults {
        margin-top: 0px;
    }

    #SearchCategoriesContainer {
        flex: 0 0 33%;
    }

    #SearchCategoriesBtn {
        display: block;
    }

    .searchResultsInfoRow {
        margin: 0px;
        flex: 0 0 33%;
    }

    #searchResultsListing {
        margin: 0px;
    }

    #CollapseCategoriesBtn {
        display: block;
    }

    #SearchResultsCatNav {
        padding: 0px 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

        #SearchResultsCatNav .navbar-brand {
            font-size: 20px;
        }

    #SearchCategoriesContainer .navbar-default {
        background-color: #fff;
        border: 1px solid #e7e7e7;
    }

    #SearchCategoriesContainer a {
        padding: 15px;
    }

    #SearchCategoriesContainer li a {
        padding: 5px 10px;
    }


    /* Med Price and Need Help Specific styling for tablet */

    #MedPrice {
        width: auto;
        margin: 0 10px;
    }

    #CantFind {
        margin: 0px;
        margin-top: 0px;
    }

    #drug-synonyms {
        margin-top: 20px;
    }
}

/* Search Results Categories mobile breakpoint */
/* To ensure the text fits inside the dropdown */
@media screen and (min-width: 0) and (max-width: 768px) {
    #SearchResultsCatNav .navbar-brand {
        font-size: 16px;
    }
}

/* 
    For the purposes of the article page, we consider 620px to be
    the breakpoint for mobile devices.
*/

@media screen and (min-width: 0) and (max-width: 620px) {

    #SearchResultsCatNav .navbar-brand {
        font-size: 20px;
    }

    #SearchResultsInfoContainer {
        display: block;
    }

    #MedPrice {
        display: none;
    }

    #CantFind {
        display: none;
    }

    #drug-synonyms h3 {
        font-size: 20px;
    }


    #SearchResultsCatNav {
        margin-left: 0px;
        margin-right: 0px;
    }

    #drug-synonyms p {
        font-size: 18px;
    }
}



/* Search Results Categories - Tablet navbar collapse bootstrap override */
/* Search Results Categories - Tablet navbar collapse bootstrap override */
/* Search Results Categories - Tablet navbar collapse bootstrap override */

/* 
    Default styles for category menu
    These two styles are necessary because Jeff added the custom breakpoint to the top navmenu
*/

#SearchResultsCatNav {
    padding-right: 45px;
}

    #SearchResultsCatNav .navbar-toggle {
        display: none;
    }

    #SearchResultsCatNav .navbar-collapse {
        border-top: none;
        display: block !important;
    }

/*
    Page: Search Results
    This code allows the categories to collapse on the results page.
*/

@media screen and (min-width: 0) and (max-width: 992px) {
    #SearchResultsCatNav .navbar-header {
        float: none;
    }

    #SearchResultsCatNav .navbar-left, .navbar-right {
        float: none !important;
    }

    #SearchResultsCatNav .navbar-toggle {
        display: block;
    }

    #SearchResultsCatNav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-top: 4px;
    }

    #SearchResultsCatNav .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    #SearchResultsCatNav .navbar-collapse.collapse {
        display: none !important;
    }

    #SearchResultsCatNav .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        #SearchResultsCatNav .navbar-nav > li {
            float: none;
        }

            #SearchResultsCatNav .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    #SearchResultsCatNav .collapse.in {
        display: block !important;
    }
}

.search-results {
    margin: 0px 10%;
}
.breadcrumb-search {
    margin-top: 15px;  
    font-size:20px;
}
    .breadcrumb-search .active-breadcrumb {
        color: #871414;
    }
    .breadcrumb-search .inactive-breadcrumb {
        color: #bebebe !important;
    }

span.badge[data-count="0"] {
    display: none;
}

span.genericDrugName {
    text-transform: lowercase;
}

span.brandedDrugName {
    text-transform: uppercase;
}

span.drugClassName {
    text-transform: lowercase;
}

span.badge[data-content='0'] {
    display: none;
}

.resultYouTube {
    float: left;
    padding-left: 15px;
}

@media screen and (min-width: 0) and (max-width: 768px) {

    .resultYouTube {
        float: left;
        padding-left: 0px;
    }
}


@media screen and (min-width:0px) and (max-width:640px) {

    img.imgResize {
        width: 340px;
    }
}

.result-header {
    display: flex;
    align-items: baseline;
}

.result-header-item {
    padding-right: 5px;
    /*margin-top: 20px;*/
}
/*.icon-header-title-container {
    display:flex;
    justify-content:center;
    align-content:center;
    border: 2px solid #871414;
    border-radius: 5px;
}*/
.icon-header-title {
    font-size: 22px !important;
    color: #871414;

}

.result {
    font-size: 22px;
}

.blurb {
    font-size: 18px;
}