﻿@media (min-width:961px) {

    .row-odd {
        background-color: lightgrey;
    }

    .div-container {
        border: 1px solid grey;
        padding: 1em;
        margin: 8px;
    }

    form {
        border: 0px solid black;
    }

    .form-login {
        background: lightgrey;
        width: 400px;
        height: 300px;
        position: absolute;
        top: 50%;
        left: 50%;
        display: grid;
        transform: translate(-50%, -50%);
        padding: 2em;
    }

        .form-login label {
            padding: .3em;
        }

    .form-login-parent {
        height: 100vh;
        width: 100vw;
        position: relative;
    }

    .padding-8 {
        padding: 8px;
    }

    .margin-8 {
        margin: 8px;
    }

    .margin-top-2em {
        margin-top: 2em !important;
    }

    .margin-top-5em {
        margin-top: 5em !important;
    }

    .margin-top-6em {
        margin-top: 6em !important;
    }

    .margin-auto {
        margin: auto;
    }

    .centerTextold {
        line-height: 2.4em;
        font-size: 1.25em;
        padding-left: 1em;
    }

    .centerText {
        line-height: 3em;
        font-size: 1em;
        padding-left: 1em;
    }

    .container4060 {
        display: grid;
        grid-template-columns: 40% 60%;
    }

    .container3070 {
        display: grid;
        grid-template-columns: 30% 70%;
    }

    .container6040 {
        display: grid;
        grid-template-columns: 60% 40%;
    }

    .container5050 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .container50150 {
        display: grid;
        grid-template-columns: 1fr 1px 1fr;
    }

    .container60140 {
        display: grid;
        grid-template-columns: 60% 1px 1fr;
    }

    .container303030 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: .5em;
        margin: .5em;
    }


    .container340BResult {
        display: grid;
        grid-template-columns: 4% 21em 6em 16em 16em 1fr;
    }

    .container25 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    header {
        width: 100%;
        height: auto;
        background-color: white;
        border-bottom: 0px solid #59B9BB;
    }

    .entity-search-results-row {
        border: 1px solid gray;
        margin: 1px;
    }


    .header-logo {
        position: relative;
        height: 100%;
        width: 350px;
        object-fit: contain;
        padding: 4px 0 6px 1em;
        cursor: pointer;
        display: grid;
        grid-template-rows: 80% 1fr;
    }

        .header-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            overflow: hidden;
        }

    .header-spacer {
        border-top: 0px solid #59B9BB;
    }

    .col2 {
        display: grid;
        grid-template-columns: 20% 1fr;
    }

    .col4060 {
        display: grid;
        grid-template-columns: 40% 1fr;
    }

    .col5050 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }


    .dosing {
    }

    .dosage-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        overflow: hidden;
    }

    .white-background-box {
        background-color: white;
        margin: .5em;
    }

    .drug-containers {
        display: flex;
        flex-wrap: wrap;
        margin: .1em;
    }

    .drug-container {
        border: 1px solid #3E6993 !important;
        border-radius: 3px;
        margin: .5em;
        /*padding: .5em;*/
        background-color: white;
    }

    .drug-container_title {
        text-align: left;
        /*background-color: #59b9bb;*/
        /*background-color: #1aa1a1;*/
        color: white;
        padding: .5em;
    }

        .drug-container_title h2 {
            font-size: 1em;
            text-shadow: 1px 1px 2px black;
        }

    .drug-Container_tiles {
        display: flex;
        margin: .5em;
        flex-wrap: wrap;
    }


    .user-search-container {
        width: 100%;
        position: absolute;
        z-index: 100;
        top: 125px;
    }

    .user-search-results {
        width: 100%;
        position: relative;
        background-color: white;
        z-index: 101;
        border: 1px solid black;
        padding: .5em;
    }

    .user-search-resuls-row {
        grid-template-columns: 1fr 1fr;
        border: 1px solid gray;
        margin: 1px;
        position: relative;
        z-index: 101;
    }

    .user-search-results-row:hover {
        background-color: #59B9BB !important;
        border: 2px solid red;
        cursor: pointer;
    }

    .user-search-results-channel {
        max-height: 2em;
    }

    .user-search-results-click {
        width: 100%;
        height: 100%;
        font-size: 1em;
        position: absolute;
    }

        .user-search-results-click:hover {
            cursor: pointer;
            font-size: 1.2em;
        }

    .user-search-header {
        display: grid;
        text-align: right;
        grid-template-columns: 1fr;
        background-color: #3E6993 !important;
    }

    .user-search-header-close a {
        text-decoration: none;
        color: white;
    }

        .user-search-header-close a:visited {
            color: white;
        }

        .user-search-header-close a:active {
            color: white;
        }

    .div-IndicationAlgo {
        display: flex;
        /*background-color: #59b9bb;
         
        background-color: #3E6993 !important;
        padding: .5em;*/
        font-family: 'Poppins', sans-serif !important;
    }

    .indication-algo {
        /*border: 1px solid black;*/
        padding: .1em;
        border-radius: 5px;
        box-shadow: 5px;
        margin: .1em;
        background-color: white;
    }

        .indication-algo a {
            text-decoration: none;
            color: #59b9bb !important;
            font-weight: bold;
            margin: 0 .5em;
            font-size: .9em
        }

            .indication-algo a:visited {
                color: white;
            }

            .indication-algo a:active {
                color: white;
            }


    .dropshadow {
        box-shadow: 4px 4px 4px -3px #8a8080;
    }

    .dropshadow2 {
        box-shadow: 2px 0px 4px 0px #8a8080;
    }

    .admin-tab-menu {
        width: 100%;
        height: auto;
        text-align: center;
        display: flex;
        /*grid-template-columns: 1fr 175px 175px 175px 175px 175px 175px 1fr;
        border-top: 10px solid #3E6993 !important;*/
        align-items: center;
        justify-content: center;
    }

    .tab {
        /*background-color: lightgrey;*/
        width: auto;
        height: auto;
        padding: .3em;
        border-radius: 0 0 10px 10px;
        cursor: pointer;
        min-width: 11em;
    }

    .font-white {
        color: white !important;
    }


    .customize-formulary-list {
        display: grid;
        grid-template-columns: 75% 1fr;
    }

    .nickname-text {
        padding: 5px 20px !important;
        margin: 0 !important;
        width: 100% !important;
        font-size: 1em;
    }


    /*
        Used for things like user Admin Add/Delete buttons or move up and down buttons
        04/27/2022
    */
    .result-action-icon {
        width: 2em;
        height: 2em;
        margin: .25em;
    }

    .result-text {
        line-height: 3em;
        font-size: 1em;
        padding-left: 1em;
    }

    .landing-page-container {
        display: grid;
        grid-gap: 1em;
        grid-template-columns: 1fr 1fr 1fr;
        max-width: 1300px;
        margin: auto;
        padding: 2em;
        background-color: white;
        border-radius: 25px;
    }

    .landing-page-choose {
        margin: 1em;
        color: #3E6993 !important;
    }

    .landing-page-video-header {
        grid-column: 1/4;
    }

        .landing-page-video-header h2 {
            color: #59b9bb !important;
            margin: 1em;
        }

    .landing-page-container-horizontal-divider {
        grid-column: 1/4;
        margin: 1em;
        border-top: 2px solid gray;
    }

    .landing-page-updates {
        grid-column: 1/4;
        display: grid;
        grid-template-columns: 1fr 2px 1fr 2px 1fr;
    }

    .landing-page-updates-header {
        grid-column: 1/4;
    }

        .landing-page-updates-header h2 {
            color: #59b9bb !important;
            margin: 1em 0 0 1em;
        }

    .landing-page-update-item {
        margin: 1em;
    }

    .landing-page-update-item-divider {
        border: 1px solid gray;
    }

    .news-item-date {
        font-size: .8em;
        padding-bottom: .5em;
        border-bottom: 1px solid grey;
        text-align: right;
    }

    .news-item-title {
    }

    .news-item-text {
        margin-top: .5em;
    }
}
