/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #70b657;
}

.btn-primary {
    color: #fff;
    background: linear-gradient( -90deg, #69bee2, #1d4499 );
    border-color: #1861ac;
    font-size: 1em;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background: linear-gradient( -90deg, #69bee2, #1d4499 );
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    width: 1263px;
    overflow-y: scroll;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
    width: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 119px;
    /*width: 100%;*/
}

#ds-banner, #ds-index {
    display: block;
}

#ds-banner {
    font-size: 12px;
    background-image: url(/images/drug-search-howto.png);
    background-size: 1127px 329px;
    background-repeat: no-repeat;
    background-position: center;
}

#ds-banner-img {
    height: 328.95px;
    width: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    height: 119px;
    width: 100%;
    white-space: nowrap;
    text-align: center;
}

.ds-logo-align {
    display: block;
}

#powered-text {
    display: block;
    font-weight: bold;
    font-family: 'Pacifico', cursive;
}

.ds-logo-align {
}

#ds-logo-container {
    font-size: 12px;
    background-image: url(/images/aps-short-logo.png);
    background-size: 130px 60px;
    background-repeat: no-repeat;
    background-position: center;
}

#ds-logo {
    height: 70px;
    width: 100%;
}

.row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.changed {
    background-color: lightgoldenrodyellow;
    font-style: italic;
}

.deleted {
    background-color: red;
}

.altrow {
    background-color: lightgrey;
}

.headerrow {
    background: #70b657;
    color: white;
    font-weight: bold;
}
/*add ui-widget to prevent resharper warning*/
.ui-widget {
}

/*Custom style*/
.drug-menu-item:hover {
    color: #b0b0b0 !important;
}

#drug-p-menu, .ds-red-bg, .btn .ds-red-bg {
    background-color: #30388c !important;
    color: white !important;
}

#drug-menu-title, .drug-menu-item {
    color: #ffffff !important;
}

.drug-form-box {
    /*box-shadow: #a7bfd1 6px 2px 16px 0px, #a7bfd1 -6px -2px 16px 0px;*/
    background-color: lightblue;
    border-radius: 10px;
    font-weight: bolder;
}

.btn-hgt-100 {
    height: 100%;
}

/*Modal*/
.modal-content {
    height: 600px;
}

.drug-modal-row {
    width: 100%;
    height: 5%;
    display: block;
}

.filter-modal-row {
    width: 100%;
    height: 10%;
    display: block;
}

.spacer {
    height: 20%;
}

    .spacer .drug-modal-col {
        float: none;
        height: 10px;
    }

.drug-modal-col {
    width: 25%;
    float: left;
}

.filter-modal-col {
    width: 33%;
    display: inline-block;
    text-align: left;
}

.filter-col-half {
    width: 30%;
    float: left;
}

.filter-col-checkbox {
    float: left;
}

    .filter-col-checkbox:after {
        content: "\00a0";
    }

.filter-modal-col label {
    font-weight: bold;
}

.drug-modal-col label {
    font-weight: bolder;
}

.drug-modal-link {
    color: -webkit-link !important;
    /*1d4499*/
    cursor: pointer;
}

    .drug-modal-link:hover {
        text-decoration: underline !important;
    }

.ds-red-bg div {
    display: inline-block;
}

#ds-retail {
    height: 100%;
    vertical-align: middle;
}

    #ds-retail div a {
        vertical-align: middle;
        margin-bottom: 0.5rem;
    }

    #ds-retail div h3, #ds-retail div a {
        display: inline-block;
        color: white;
    }

@media (min-width: 768px) {
    .ds-search-top, #drug-p-menu div {
        padding-left: 0;
    }
}

@media (max-width: 768px), (max-width: 576px) {
    .mobile-hide, #ds-banner.mobile-hide {
        display: none;
    }

    #ds-search {
        margin-top: 1px;
        width: 100%;
    }

    .ds-cell-1, .ds-cell-2, .ds-cell-3, .ds-cell-4, .ds-cell-5 {
        float: left;
        text-align: left !important;
    }

    .ds-cell-1, .ds-cell-4, .ds-cell-5 {
        overflow-x: hidden;
        width: 60%;
    }

    .ds-cell-2, .ds-cell-3 {
        width: 40%;
    }

        .ds-cell-1::before, .ds-cell-2::before, .ds-cell-3::before, .ds-cell-4::before, .ds-cell-5::before {
            font-weight: bold;
        }

    .ds-cell-1::before {
        content: "Drug Name: ";
    }

    .ds-cell-2::before {
        content: "Day Supply: ";
    }

    .ds-cell-3::before {
        content: "Price*: ";
    }

    .ds-cell-4::before {
        content: "Qty: ";
    }

    .ds-cell-5::before {
        content: "Brand Name: ";
    }
}

.ds-fade-in {
    -webkit-animation: fadein 1s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}