/*not successful in overwriting styles so !important everywhere!*/
@import url(https://fonts.googleapis.com/css?family=Lato);

html { height :100%;  }
body { font-size: 1em; height: 100%; min-height: 100vh; background-color: #fff !important; color: #091733 }

h3 { font-size: 1.5em; }

.ml1 { margin-left: 1em !important; }
.ml15 { margin-left: 1.5em !important; }
.mt2 { margin-top: 2em !important; }
.mb1 { margin-bottom: 1em !important;}
.mb2 { margin-bottom: 2em !important; }
.pl1 { padding-left: 1em; }

/* base colors */
.navy { color: #091733; }
.steel { color: #164d7f; }
.cobalt { color: #3b81f9; }
.powder { color: #dee9fb; }
.w { color: #fff; }

.navy-bg { background-color: #091733; }
.steel-bg  { background-color: #164d7f; }
.cobalt-bg  { background-color: #3b81f9; }
.powder-bg  { background-color: #dee9fb; }


.container { max-width: 1280px; margin: 0 auto 4em auto; height: auto; }
.mud-appbar { width: 1280px !important; margin: 0 auto; }
.logo { height: 2.85em; position: absolute; top: 1rem; }
.pharmacist { display: inline-block; margin: 2em auto 0 auto;}

.h1 { font-size: 3.85em !important; font-weight: 700 !important; }

.mud-elevation-4 { box-shadow: none !important }


.mud-container {
    margin-top: 2em;
    margin-bottom: 3rem;
}




.mud-dialog-container.mud-dialog-center { max-width: 1280px;}

.mud-input.mud-input-filled.mud-input-adorned-start, .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end { border-radius: 1.5em; background-color: #dee9fb; color: #091733 }
div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end { border-radius: 1.5em; background-color: #164d7f;	padding: 20px 14px 20px; color: #fff !important; }
.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root { color: #091733 !important; }
.mud-select-input { border: none !important; }
.bg-dropdown .mud-input.mud-input-filled { transition: none !important; background-color: transparent !important; }
.bg-dropdown { background-color: #164d7f !important; border-radius: 1.5em; color: #fff; }
.bg-dropdown .mud-icon-root.mud-svg-icon { fill: #fff !important; }
.mud-input.mud-input-filled.mud-input-underline::before, .mud-input.mud-input-underline::before, ..mud-list-item-clickable { transition: none !important; border-bottom: none !important; }
input { border: none !important;  }
.mud-button { width: 100%; height: 3.85em; margin-top: .25em !important;}

.mud-dialog-actions button, .mud-dialog-actions button:hover, .mud-dialog-actions button:focus { background-color: #164d7f; color: #fff; width: 80%; margin: 0 auto; }

.mud-popover { background-color: #dee9fb !important; }
.mud-list-item-text p { color: #091733; }

.mud-list-item-clickable:hover { background-color: #fff !important; }
.mud-list-item-clickable:hover .mud-list-item-text p { color: #3b81f9; }
.mud-selected-item.mud-primary-hover { background-color: #fff !important; color: #3b81f9 !important; }
.mud-selected-item p { color: #3b81f9 !important; }

.drugcards { width: 100%; display: flex; flex-wrap: wrap; padding-left: 1.85em; margin-bottom: 3rem; }
  .drugcards > div .drugcard { margin: 1em; padding: 1em; border-radius: .5em; border: solid 2px rgb(22, 77, 127) ; color: #2c2e2e; background-color: #fff; min-height: 16em; cursor: pointer }
  .drugcards > div .drugcard:hover { border: 2px solid #3b81f9; }
  .drugcard div p { font-size: 1em; }
  .drugcard div p span { color: #8c8c8e}
.drugcard > .mud-card-content { min-width: 170px; padding: .5em; word-break: break-word;}

.mud-card { margin: 1em; padding: 1em; border-radius: .5em; border: solid 2px #d6d6d8; }
.results-card-text { color: #091733; text-align: center;}
.card-variants { background-color: #dee9fb !important; border-radius: 1.5em !important; border: none;  }
.card-variant-assistance {
    margin: 0 !important;
}
.card-variants .mud-card-content { width: 100% !important; min-width: 168px; }
.mud-grid-item-xs-12 { display: flex; align-items: stretch }
.mud-radio > .mud-radio-content { color: #091733 !important }
.mud-card-content h6 { text-align: center; font-weight: 600; }
.mud-divider-fullwidth.text-black { border-color: #fff; border-width: 2px;}
.mud-radio { display: block !important; }


.mud-dialog-width-sm { max-width: 640px !important; }
.terms { margin: 0 1em; }
ol.main { padding: 0 2.5em; }
ol.main ul { padding-left: 1.85em; }

footer { position: fixed; bottom: 0; left: 0; padding: .85em; width: 100%; background-color: #164d7f; box-shadow: 0px 0px 4px rgba(0,0,0,0.8); color: #fff; }
footer div { max-width: 1280px; margin: 0 auto; }
/**keeping link just in case*/
footer div a:link, footer div a:visited, footer div a:active { color: #fff !important; text-decoration: none;  }
footer div a:hover { text-decoration: underline; }

/*1023*/
/*@media screen and (max-width: 64em) {
  .card-variants { width: 92% }
  .mud-card { padding: 1em 1em 0 1em; }
  .mud-list-item.results-panel, .mud-list-item.results-panel-active { width: 80%; }
}*/

/*959*/
@media screen and (max-width: 59.938em) {
  .mud-card { margin: 1em auto; min-height: auto; }
  .mud-card-content { padding: .5em; }
  .mud-radio { display: inline-flex !important; }
}

/*640 - no further */
@media screen and (min-width: 40em) {

}

@media screen and (max-width: 59.938em) {
    .mud-container {
        margin-top: 2em;
        margin-bottom: 4rem;
    }
}