@media screen {

    .shadebar {
        background-color: #EEEEEE;
    }

    .whitebar {
        background-color: white;
    }

    .empty {
        background-color: #CCCCCC;
    }

    table {
        border-width: 0 !important;
    }

    #doSearch {
        width: 70%;
    }

    #patLogo {
        border: solid 1px #337AB7;
        width: 160px;
    }

    #previous, #next, #reset {
        background-color: white;
        color: black;
        border: solid 1px #337AB7;
        width: 100%;
        padding: .375rem 0;
        -webkit-appearance: initial;
    }

    #previous:hover, #next:hover, #reset:hover {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    #nextPrevious {
        margin-top: 1rem;
    }

    #headbar>h4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
        border: 1px solid black;
        border-radius: .25rem;
        padding: .5rem 0;
    }

    .rowTitle {
        padding: .5rem 0;
        font-weight: bold;
        border-radius: .25rem;
        margin-bottom: .5rem;
        background-color: #a0a6ac;
    }

    .chevronIco {
        margin: 0 .5rem;
    }

    #print {
        cursor: pointer;
    }

    #newDataDisplay>.row:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px;
    }

    #or {
        margin: auto;
    }

    div.container-fluid {
        padding: 0;
    }

    #dataDisplay {
        display: hidden;
    }

    #dateFormat {
        background-color: white;
        border: 1px solid #337AB7;
        border-radius: .25rem;
        color: black;
        cursor: pointer;
    }

    #dateFormat:hover {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }
 
    #dateFormat>svg, #dateFormat>i {
        color: #337AB7;
    }

}

@media print {

    table {
        width: 100%;
    }

    .infoIco {
        display: none;
    }

    #feedBackAlert {
        display: none;
    }

    #newDataDisplay>.row:nth-child(2) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rowTitle:not(:first-child) {
        page-break-before: always;
        background-color: #6C757D;
    }

    .shadebar {
        background-color: #EEEEEE;
    }

    .whitebar {
        background-color: white;
    }

    .empty {
        background-color: #CCCCCC;
    }

    table {
        border-width: 0 !important;
    }

    #doSearch {
        width: 70%;
    }

    #patLogo {
        border: solid 1px #337AB7;
        width: 160px;
    }

    #previous, #next, #reset {
        background-color: white;
        color: black;
        border: solid 1px #337AB7;
        width: 100%;
        padding: .375rem 0;
        -webkit-appearance: initial;
    }

    #previous:hover, #next:hover, #reset:hover {
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    }

    #nextPrevious {
        margin-top: 1rem;
    }

    #headbar>h4 {
        margin-bottom: 1rem;
        margin-top: 1rem;
        border: 1px solid black;
        border-radius: .25rem;
        padding: .5rem 0;
    }

    .rowTitle {
        padding: .5rem 0;
        font-weight: bold;
        border-radius: .25rem;
        margin-bottom: .5rem;
    }

    .chevronIco {
        margin: 0 .5rem;
    }

    #print {
        cursor: pointer;
    }

}