@import url("../fonts/raleway/stylesheet.css");
@import url("../fonts/roboto/stylesheet.css");
@import url("../fonts/signika/stylesheet.css");

@keyframes dots {
    50% {
      transform: translateY(-.4rem);
    }
    100% {
      transform: translateY(0);
    }
}
.d {
    animation: dots 1.5s ease-out infinite;
    display: inline-block;
}
.d-2 {
    animation-delay: .5s;
}
.d-3 {
    animation-delay: 1s;
}

.full-screen-loading{
    display: block;
    float: left;
    width: 100%;
    height: 108vh;
    z-index: 9999;
    background: #424242;
    position: absolute;
    top: 0;
    left: 0;
}
.full-screen-loading h1{
    color: #fff;
    width: 40%;
    margin: 25% auto;
    text-align: center;
}
 .animate-me.ng-enter, .animate-me.ng-leave {
    -webkit-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -ms-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
}
/* du début de l'entrée */
 .animate-me.ng-enter {
    max-height: 0;
    opacity: 0;
    overflow: hidden
}
/* à la fin de l'entrée */
 .animate-me.ng-enter.ng-enter-active {
    max-height: 999px;
    opacity:1;
}
/* du début de la sortie */
 .animate-me.ng-leave {
    max-height: 999px;
    opacity:1;
    overflow: hidden;
}
/* à la fin de la sortie */
 .animate-me.ng-leave.ng-leave-active {
    max-height: 0;
    opacity:1;
}
  /*Billing Information*/
  h6.help-block.button-help {
    font-weight: bold;
    color: salmon;
    width: 200px;
    float: right;
    text-align: center;
    font-family: 'Signika', sans-serif;
}
  .cc-type {
    width: 200px;
    float: right;
    text-align: right;
    margin: -30px 15px 0 0;
    font-style: italic;
    color: #bbb;
}

body.modal-open  {
    position: fixed;
    width: 100%;

}
.modal {
    -webkit-overflow-scrolling: touch;
}
.mobile-app-download {
    display: none;
}
/*Scroll Table Report Handler*/
.refill-yes-scripts .pre-scrollable {
    min-height: 380px!important;
    overflow-y: scroll;
}
/*Weather Closing*/
.weather-closing h3 {
    margin: 0px;
    line-height: 1.3;
}

.weather-closing {
    text-align: center;
    background: lightsalmon;
    color: #fff;
    border-radius: 5px;
    padding: 23px;
    border: 2px solid maroon;
    margin: 0 0 20px 0
}
/*Mobile Marketing*/
.login-messaging {
    margin: 0px 0px 30px 0px;
}
.login-messaging h4 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.5;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 20px 20px;
}
.login-help{
    color: salmon;
    text-align: center;
    margin: 10px 0 0 0;
}

.mobile-marketing-container {
    width: 100%;
    margin: auto;
}

.login-messaging {
    margin: 0px 0 30px 0;
    text-align: center;
    padding: 0 0 30px 0;
    overflow: auto;
}
.full-button{
    width: 100%!important;
    margin: 10px 0 0 0!important;
}
.large-buttons{
    width: 50%!important;
    margin: 10px 25% !important;
}
.front-input{
    z-index: 2;
}
.has-button-right{
    width: 80%!important;
}
.url-message{
    width: 80%;
    margin: 10px 10%;
}
.email-submit{
    width:20%;
    height: 45px;
    position: relative;
    border-radius: 0 10px 10px 0;
    background-color: #47a447;
    border-color: #398439!important;
}
.email-submit:hover,
.email-submit:focus,
.email-submit:active{
    background-color: #398439!important;
    outline: none;
}
.email-submit:disabled{
    background-color: #729772;
}
.email-reset{
    width:20%;
    height: 45px!important;
    position: relative;
    border-radius: 0 10px 10px 0!important;
}
.mobile-app-download img {
    width: 100%;
}

.mobile-app-download .app-container {
    width: 50%;
    float: left;
    padding: 0 15px;
}


.mobile-app-download {
    width: 400px;
    margin: auto;
}
/*Accreditations*/
.achc-logo {
    text-align: center;
    margin: 20px 0 0 0
}
/* Provider Info Container*/
.provider-container {
    display: block;
    width: 100%;
}
.provider-img {
    display: inline-block;
    width: 20%;
    margin: 0;
    padding: 0;
}
.provider-name-w-img{
    display: inline-block;
    width: 70%;
    margin: 0 4%;
    font-size: 18px;
}
.provider-name-w-out-img{
    display: inline-block;
    width: 92%;
    margin: 0 4%;
    font-size: 18px;
}
.provider-container a:hover{
    text-decoration: none;
}
/*FAQ*/
.spanish-download a {
    color: #fff;
    padding: 10px 20px;
}

.spanish-download {
    overflow: auto;
    background: #3498DB;
    padding: 10px;
}
/*Quick-Refill*/
.statusOrder .panel-body {
    background: #ADCDF9;
}
.multiScriptError {
    color: salmon;
    background: #fff;
    padding: 10px 0 0 1px;
}
/*text web link*/
.shipping-info a {
    color: #fff!important;
    text-decoration: none!important;
}
.shipping-info a:hover {
    text-decoration: underline!important;
    color: #fff!important;
}

.shipping-info {
    overflow: auto;
    width: 90%;
    font-size: 11px;
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 5px 5px;
    background: #3498DB;
    color: #fff;
    border-radius: 25px;
}
hr.notify-h4 {
    border-color: #fff;
    margin: 10px 5px;
}
.message-container {
    background: lightsalmon;
    margin: 20px;
    padding: 10px;
}
.message-container p {
    margin: 0px;
    color: #fff;
    font-style: italic;
}
.hide-nav {
    display: none;
}
.script-message {
    width: 90%;
    overflow: auto;
    padding: 10px 0 0 0;
    font-size: 13px;
    font-style: italic;
    color: #999;
    margin: auto;
}
.script-status {
    width: 55%;
    text-align: center;
    float: left;
}
.script-copay {
    text-align: right;
    float: left;
    width: 115px;
}
.script-status p {
    text-transform: uppercase;
}
.script-abr {
    width: 15%;
    float: left;
    text-align: center;
}
.text-display.panel {
    border-radius: 0px;
    /* box-shadow: 0px 0px 2px 1px #b3b3b3; */
    max-width: 500px;
    margin: auto;
}
.text-display.panel.text-spinner {
    text-align: center;
    padding: 20px;
}
.text-display-header {
    border-top: 1px solid #ccc!important;
    max-width: 500px;
    margin: 20px auto 0px auto;
    padding: 10px 0 10px 0;
}
h2.text-header {
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: bold
}
.text-display-content {
    padding: 20px;
}
.text-display-content p {
    font-family: 'Raleway', sans-serif!important;
    margin: 0px
}
.text-data-item {
    overflow: auto;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}
.text-data-header {
    overflow: auto;
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px 0;
}
.text-data-header p {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.Too_Soon p {
    color: #888
}
.Ready_Pickup p {
    color: limegreen
}
.Ins_Issue p {
    color: orangered
}
.script-status.REFILL_AVAILABLE {
    color: limegreen!important;
    background: none;
}
.script-status.CALL_DOCTOR {
    color: darkorange!important;
    background: none;
}
.script-status.NOT_ELIGIBLE {
    color: #999!important;
    background: none;
}
.script-status.REFILL_READY {
    color: cornflowerblue!important;
    background: none;
}
.script-status.BEING_PROCESSED {
    color: blue!important;
    background: none;
}
.script-status.TOO_SOON {
    color: red!important;
    background: none!important;
}
.script-checkbox-container {
    overflow: auto;
    width: 20px;
    float: left;
    height: 20px;
}
.text-button-container {
    text-align: center;
}
button.login-text-panel {
    background: none;
    border: none;
    margin: 0 0 20px 0;
    border-bottom: 1px solid cornflowerblue;
    padding: 10px;
    color: cornflowerblue;
    font-family: 'Raleway', sans-serif!important;
}
button.login-text-panel:hover {
    color: darkslateblue;
    border-color: darkslateblue

}
h4.text-pat-name {
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #333;
    color: #fff;
    margin:0px;

}
input.script-refillable-checked {
    float: left;
}
.notify-dob {
    width: 180px;
    margin: 20px auto;
    text-align: center;
}

input.dob-input {
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 15px 0;
    text-align: center;
    font-size: 20px;
    padding: 10px;
}
.notify-selected-option {
    width: 60%;
    margin: auto;
}
.copay-text {
    margin: 20px;
    font-style: italic;
    color: #aaa;
}
.notify-submit {
    background: deepskyblue;
    color: #fff;
}
.no-scripts-found h3 {
    margin: 0px;
}

.no-scripts-found {
    text-align: center;
    background: salmon;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}
/*Notifications*/
.keep-gv-on h4 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.35;
    color: #FFA164;
}

.keep-gv-on {
    clear: both;
    border-top: 1px solid #FFA164;
    border-bottom: 1px solid #FFA164;
    margin: 0 auto 5px auto;
    width: 90%;
    padding: 0 10px;
}
.gv-spinner {
    text-align: center;
}
.gv-optin {
    text-align: center;
    margin: 0 0 20px 0;
}

.switch {
    background: salmon!important;
    border-color: salmon!important;
}
.switch.checked {
    background: #64bd63!important;
    border-color: #64bd63!important;
}
/*OLD TOGGLE*/
.gv-toggle .toggle .toggle-off {
    background: orange!important;
}
.gv-toggle .toggle.btn {
    border-radius: 17px;
    width: 150px!important;
}
.gv-toggle .toggle-handle {
    border-radius: 50%;
}
.notfication-form-container h3 {
    background: #145376;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.gv-toggle-text {
    width: 90%;
    float: left;
}
.gv-toggle-text p {
    border: none!important;
    text-align: left!important;
    margin: 0px 20px!important;
}
.disclaimer {
    width: 95%;
    overflow: auto;
}
.disclaimer-checkbox {
    width: 5%;
    min-width: 20px;
    float: left;
    overflow: auto;
}
.disclaimer-container {
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 15px;
}
.gv-text-number {
    margin: 0 0 20px 0;
}
/*End Updates*/
.notification-container {
    width: 100%;
    height: 50px;
    border-radius: 50%;
}
input.area-code::-webkit-input-placeholder { /* Chrome */
    font-size: 10px!important;
}
input.area-code:-ms-input-placeholder { /* IE 10+ */
    font-size: 10px!important;
}
input.area-code::-moz-placeholder { /* Firefox 19+ */
    font-size: 10px!important;
}
input.area-code:-moz-placeholder { /* Firefox 4 - 18 */
    font-size: 10px!important;
}
input.phone-number::-webkit-input-placeholder { /* Chrome */
    font-size: 10px!important;
}
input.phone-number:-ms-input-placeholder { /* IE 10+ */
    font-size: 10px!important;
}
input.phone-number::-moz-placeholder { /* Firefox 19+ */
    font-size: 10px!important;
}
input.phone-number:-moz-placeholder { /* Firefox 4 - 18 */
    font-size: 10px!important;
}
input.extension::-webkit-input-placeholder { /* Chrome */
    font-size: 10px!important;
}
input.extension:-ms-input-placeholder { /* IE 10+ */
    font-size: 10px!important;
}
input.extension::-moz-placeholder { /* Firefox 19+ */
    font-size: 10px!important;
}
input.extension:-moz-placeholder { /* Firefox 4 - 18 */
    font-size: 10px!important;
}
.phone-number {
    width: 208px;
    float: left;
}
.area-code {
    width: 75px;
    float: left;
    margin: 0px 5px 0 0;
}
.notification-btn {
    margin-top: 10px;
    width: 100%;
}
.notify-panel {
    border-color: #ddd;
    display: none;
}
.notification-radios {
    width: 80%;
    margin: 0 auto 0 auto;
}
.notification-fields {
    border-top: 1px solid #ddd;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
}
label.label-small {
    width: 100px;
    float: right;
    margin: 10px 0px 0px 0px;
}
label.notification-input {
    width: 100%;
}
.curr_notify:after {
    content: "SELECTED";
    color: #fff;
    float: right;
    padding: 7px 5px 0 0;
    margin: -5px 0 0 0;
    font-weight: bolder;
}
.curr_notify {
    background: lightgreen;
    border-radius: 3px;
}
.no_notify:after {
    content: "NO CONTACT";
    color: #fff;
    float: right;
    padding: 7px 5px 0 0;
    margin: -5px 0 0 0;
    font-weight: bolder;
}
.no_notify {
    background: #888;
    border-radius: 3px;
    color: #fff;
}
.radio-container {
    padding: 3px;
}
.enable-notifications-container .btn {
    width: 100%;
    background: #888;
    color: #fff;
}
/*Disable Sidebar*/
.sidebar-disabled {
    background: #a4cb9d!important;
    pointer-events: none;
}
.inner-ul .glyphicon-info-sign {
    font-size: 26px;
    position: relative;
    left: -25px;
    float: left;
    top: 16px;
    z-index: 27;
    color: #ffbe00;
    cursor: pointer;
}
.inner-ul .info-message {
    font-size: 15px;
    z-index: 10;
    position: absolute;
    width: 260px;
    background: #fff3cd;
    color: #888;
    float: left;
    top: -28px;
    left: 35px;
    padding: 5px 10px;
}
.info-message.ng-enter,
.info-message.ng-leave.ng-leave-active { 
    width: 0;
    overflow: hidden;
}
.info-message.ng-leave,
.info-message.ng-enter.ng-enter-active {
    width: 260px;
    overflow: hidden;
}
/* Complex Password */
.hasLower-valid,
.hasUpper-valid,
.hasNumbers-valid,
.hasNonalpha-valid{
    color: darkgreen;
}
.hasLower-invalid,
.hasUpper-invalid,
.hasNumbers-invalid,
.hasNonalpha-invalid{
    color: darkred;
}
.form-group .DOB{
    width: 50%;
}
.password-help-block {
    padding: 0 0 10px 0;
    display: block;
    float: left;
}
.password-help-block span {
    display: block;
    float: left;
}
.password-help-block .helper {
    display: block;
    margin: 5px 1%;
    width: 45%;
    float: left;
    white-space: nowrap;
}
.password-help-block .helper p{
    display: block;
    margin: 0 5px 0 0;
    float: left;
}
.is-valid{
    background: rgb(201, 255, 201);
    color: darkgreen;
    padding: 5px 10px;
    border-radius: 5px;
}
.is-valid p{
    margin: 0 10px 0 0;
}
.authorized-only-container{
    display: block;
    float: left;
    font-size: 14px;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 20px;
    margin: 20px 0 0 0;
    width: 100%;
}
.authorized-only-container p{
    margin: 0;
}
.authorized-only-container .fa-exclamation-triangle {
    font-size: 55px;
    font-weight: normal;
    width: 7%;
    min-width: 70px;
    display: block;
    float: left;
    color: #856404;
}
.loading-security {
    display: block;
    width: 80%;
    margin: 20px auto;
    font-size: 18px;
}
/* Password Banner */
.update-banner-form-wrapper{
    display: block;
    float: left;
    width: 100%;
}
.update-banner-form-wrapper.ng-enter,
.update-banner-form-wrapper.ng-leave {
  -webkit-transition: all ease-in-out 1s;
  -moz-transition: all ease-in-out 1s;
  -ms-transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
}
.update-banner-form-wrapper.ng-enter,
.update-banner-form-wrapper.ng-leave.ng-leave-active { 
  height: 0px;
  margin: 0;
  overflow: hidden;
}
.update-banner-form-wrapper.ng-leave,
.update-banner-form-wrapper.ng-enter.ng-enter-active {
  height: 190px;
  margin: 15px 0 0 0;
  overflow: hidden;
}
.update-banner-form{
    display: block;
    background: #fff;
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}
.update-banner-form .password-help-block{
    float: left;
    display: block;
    padding: 1%;
    width: 100%;
}
.update-banner-form .form-group{
    width: 33%;
    float: left;
    display: block;
    padding: 1%;
}
.update-banner-form button{
    margin: 10px;
    width: 100px;
}
.expriation-banner-mobile{
    display: none;
}
.expriation-banner {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
    font-weight: bold;
    font-size: 16px;
    margin: 2px auto;
    display: block;
    float:left;
    padding: 10px;
    width:100%;
    border-radius: 0 0 5px 5px;
}
.expriation-banner p{
    top: -5px;
    display: inline-block;
    position: relative;
    margin: 0;
}
.expriation-alet-banner .fa-exclamation-triangle{
    font-size: 25px;
    padding: 0 8px;
    color: #856404;
}
.expriation-alet-banner .fa-times{
    float: right;
    font-size: 25px;
    cursor: pointer;
    color: #cc083d;
}
.expriation-alet-banner .fa-check{
    float: right;
    font-size: 25px;
    cursor: pointer;
    margin: 0 20px 0 0;
    color: #306604;
}
.expriation-alet-banner .glyphicon-minus{
    float: right;
    font-size: 25px;
    cursor: pointer;
    margin: 0 20px 0 0;
    color: #000;
}
.banner-error{
    color: #cc083d;
    margin: 0 0 0 20px;
    width: 100%;
    float: left;
}
.success-banner {
    background: #60aa60;
    color: #fff;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.success-banner.ng-enter,
.success-banner.ng-leave {
  -webkit-transition: all ease-in-out 1s;
  -moz-transition: all ease-in-out 1s;
  -ms-transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
}
.success-banner.ng-enter,
.success-banner.ng-leave.ng-leave-active {
  height: 0;
  padding: 0;
  opacity: 0;
}
.success-banner.ng-leave,
.success-banner.ng-enter.ng-enter-active {
  height: 40px;
  padding: 10px;
  opacity: 1;
}
.success-banner p{
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -1px;
}
.success-banner i{
    padding: 0 5px 0 0;
    font-size: 20px;
}
.helper-header{
    width: 100%;
}
.give-padding{
    padding: 0 0 20px 0;
}
div#reportBody {
    max-height: 440px;
}
/*Glyphcons*/
span.glyphicon.glyphicon-info-sign {
    margin: 0 5px;
    color: #777;
}
/*Features*/
.feature-tile {
    float: left;
    text-align: center;
    width: 33%;
    height: 185px;
}
.feature-tile-inner {
    background: #72a94e;
    height: 175px;
    margin: 5px;
    /*(transition: .2s;*/
}
.feature-tile-inner:hover {
    background: #3e811c;
    box-shadow: 0px 0px 6px #000;
}
.feature-tile img {
    width: 50%;
    height: auto;
    margin-top: -.5em;
    padding: .5em;
}
@media (min-width: 991px) and (max-width: 1200px)  {
    .feature-tile img {
        width: 40%;
        height: auto;
    }
}
@media (min-width: 601px) and (max-width: 990px)  {
    .feature-tile img {
        width: 60%;
        height: auto;
        margin-top: 0px;
    }
}
@media (min-width: 1px) and (max-width: 600px)  {
    .feature-tile img {
        width: 30%;
        height: auto;
    }
}
/* .feature-img {
    width: 50%;
}
 .feature-img-covid-test {
    width: 58%;
    margin: 18px 0 0 0;
}
.feature-img-pastatus-test {
    width: 58%;
    margin: 0 0 0 20px;
}
.feature-img.MANAGE_DEPENDANTS {
    width: 70%;
}
.feature-img.ASCENSION_RX_LINKS {
    width: 70%;
}
.feature-img.REFILL_PRESCRIPTIONS {
    width: 58%;
    margin: -9px 0 0 0;
}
.feature-img.ACTIVATE_MAIL_ORDER {
    width: 60%;
}
.feature-img.SPECIALTY_REFILL {
    width: 65%;
    margin: -20px 0 0 0;
} */
.feature h5 {
    height: 48px;
    font-weight: bold;
    letter-spacing: .7px;
    border-bottom: 1px solid #fff;
    padding: 10px;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.feature a {
    color: #fff;
}
.feature a:hover {
    color: #fff!important;
    text-decoration: none;
}
.feature a:visited {
    color: #fff!important;
    text-decoration: none;
}
/* Unlinked Features */
.LINK_ACCOUNT svg{
    margin: -30px 0 0 0;
    width: 70%;
}
.MANAGE_ACCOUNT svg{
    width: 45%;
}
.MANAGE_DEPENDANTS svg{
    width: 70%;
}
/* Tile Colors */
/* PRESCRIPTION HISTORY */
.bottom-pill{
    fill: #fff;
}
.top-pill{
    fill:#fff;
    opacity: .5;
    enable-background:new;
}

/* REFILL_PRESCRIPTIONS */
.bottom-pill-bottle{
    fill:#fff;
}
.top-pill-bottle{
    fill:#fff;
    opacity: .5;
    enable-background:new;
}

/* SPECIALTY REFILL */
.helix-0{display:none;fill:#FFFFFF;}
.helix-1{fill:#FFFFFF;}
.helix-2{display:none;}
.helix-3{display:inline;fill:#FFFFFF;}
.helix-4{display:inline;opacity:0.5;fill:#FFFFFF;enable-background:new;}

.table-cells-outline,
.question-mark,
.calculator,
.top-left-box,
.top-right-box,
.top-link,
.middle-link,
.bottom-link,
.bottom-left-box,
.bottom-right-box,
.account-outline,
.users-outline,
.locator-outline,
.table-cells-outline,
.faq-outline,
.covidtest-outline,
.pastatus-outline,
.pd-pill-top,
.pd-pill-outline,
.pd-dollar-s,
.pd-dollar-line,
.pd-form-cutout,
.pd-form,
.ascension-outline {
    fill:#FFFFFF;
}

.pagination {
    display: flex;
    justify-content: center;
}
li.ng-scope.disabled {
    background-color: white;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, 
.pagination>.disabled>span:focus, .pagination>.disabled>a, 
.pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #999 !important;
}

.patable-footer {
    font-style: italic; 
    font-size: 12px;
    text-align: center;
}

.patable-container {
    padding: 0px;
    width: 78%;
}
.patable-dropdown-box {
    padding-left: 0px;
    padding-right: 5px;
    width: 22%;
}

@media (max-width: 999px) {
    .patable-container {
        width: 100%;
        padding: 5px;
    }
    .patable-dropdown-box {
        width: 100%;
        padding: 5px;
    }
}

.feature-tools {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
span.feature-span {
    width: 241px;
    height: 180px;
    margin: 0px;
}

* {
    font-family: 'Signika', sans-serif;
    line-height: 18px;
}
.feature-tools h1 {
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}

h3.panel-title {
    font-size: 22px !important;
    font-family:'Raleway', sans-serif;
}

html {
  height: 100%;
    background: #fff!important;
}

body {
  background-color: #FDFDFD;
}
.tutorials-block a {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}
.tutorials-block a:hover {
    text-decoration: none;
}
.tutorials-block {
    text-align: center;
}

nav {
  
  height: 66px;
  z-index: 1001 !important;
}

nav ul li a, a.navbar-brand {
    cursor: pointer;
    font-family:'MetaMediumCyr-Roman','Droid Sans',Trebuchet MS1,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height:22px !important;
    display: block !important;
    padding: 20px 26px !important;
    

}
.navbar {
    width: 100%;
    border: none;
    margin: 0px;
}
nav ul li a:hover {
    
    text-decoration: none;
    color: #FFF;
}
.breadcrumb ul {
    padding: 10px 0 0 0;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb ul li a {
    padding: 20px;
    font-family: 'Raleway', sans-serif;
}
.login-page {
    margin-top: 0px;
    margin-bottom: 30px;
}
nav .navbar-brand {
  padding: 8px 0px 8px 8px !important; }

.navbar-item li a:hover,
.navbar-item li a:focus {
    color: #FFF !important;
}

#logo {
  height: 60px;
  margin-top: 5px;
  }

#nav-header{
    background-color: #FFFFFF;
}

#body {
    padding: 0px;
    margin-top: 30px;
    min-height: 54vh;
}

#wrapper {
    height: 100% !important;
    background: #fff!important;
}

footer {
    color: #000;
    margin-top: 0;
    padding-top: 2em;
    padding-left: 1em;
    text-align: center;
    color: #fff;
    padding: 25px 0px;
    border-radius: 3px;
    background-position: center;
    font-family: 'Raleway', sans-serif;
}

.footer-linkage a {
    color: #fff;
    text-decoration: none!important;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footerrow a[href^="tel:"]{
    pointer-events: none;
    cursor: default;
    text-decoration: none!important;
}
footer p {
    font-weight: 100;
  font-family: 'Raleway', sans-serif;}

footer p a {
  color: #000000;
  text-decoration: none; }

footer p a:hover {
  color: #e0a62b;
  text-decoration: underline; }
.address {
    color:#ffffff;
}

#sub-footer {
    margin-top: 0em;
    margin-bottom: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    border-radius: 8px;
    background-position: center top;
}
#sub-footer h3 {
    color:#333;
}
#sub-footer a {
    text-decoration: underline; }
#sub-footer a:hover {
    text-decoration: none;
    color: #fff!important;
}

.footercontainer {
    margin-right: auto;
    margin-left: auto;
    /* *zoom: 1; */ }
.footercontainer:before, .footercontainer:after {
    display: table;
    content: ""; }
.footercontainer:after {
    clear: both; }

.footercontainer-fluid {
    padding-right: 20px;
    padding-left: 20px;
    /* *zoom: 1; */ }
.footercontainer-fluid:before, .footercontainer-fluid:after {
    display: table;
    content: ""; }
.footercontainer-fluid:after {
    clear: both; }

.footerrow{
    margin-left: 0px;
    /* *zoom: 1; */ }

.footerrow:before, .footerrow:after {
    display: table;
    content: ""; }

.footerrow:after {
    clear: both; }

[class*="span"] {
    float: left;
    margin-left: 20px; }

.footerrow-fluid {
    width: 100%;
    /* *zoom: 1; */ }

.footerrow-fluid:before, .footerrow-fluid:after {
    display: table;
    content: ""; }
.footerrow-fluid:after {
    clear: both; }
.footerrow-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12766%;
    /* *margin-left: 2.07447%; */ }

.footerrow-fluid [class*="span"]:first-child {
    margin-left: 0; }

.footerow-fluid .span4{
    width: 31.91489%;
    /* *width: 31.8617%; */
}

.footerspan {
    width: 33.3%;
    margin-left: auto;
    margin-right: auto;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999; }


.maxorModal {
  max-width: 90%;
  max-height: 85%;
  position: fixed;
  top: 7.5%;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 100000;
  left: 2.5%;
  right: 2.5%;
  overflow-x: hidden;
  overflow-y: auto; }

.padding table td{
    padding: 2px;
}
.track-pkg{
    color: #fff!important;
}
.track-pkg:hover{
    color: #eee!important;
}
.container-refill {
    width: 100%;
    min-height: 166px;
    text-align: center; 
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 4px 0px #ccc;
   -moz-box-shadow:    0px 2px 4px 0px #ccc;
    box-shadow:        0px 2px 4px 0px #ccc;
}

.column-vcenter {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
button.REFILL_READY {
    background: darkturquoise;
    color: #fff;
    height: 50PX;
    border-radius: 0px;
}
button.REFILL_AVAILABLE,
button.REFILL_AVAILABLE:focus,
button.REFILL_AVAILABLE:hover
{
    background-color: green;
    color: white;
    height: 50px;
    border-radius: 0px;
    width: 165px;
}

button.CALL_DOCTOR,
button.CALL_DOCTOR:focus
{
    background-color: #FBB117;
    color: black;
    height: 50px;
    border-radius: 0px;
    width: 165px;
}
button.CALL_DOCTOR:hover {
    background: #FDD017;
}

button.TOO_SOON,
button.TOO_SOON:focus,
button.TOO_SOON:hover
{
    background-color: red;
    color: black;
    height: 50px;
    border-radius: 0px;
    width: 165px;
}

button.BEING_PROCESSED,
button.BEING_PROCESSED:focus
{
    color: white;
    background-color: #659EC7;
    height: 50px;
    border-radius: 0px;
    width: 165px;
}
button.BEING_PROCESSED:hover {
    background: #2B547E;
}
button.NOT_ELLIGIBLE,
button.NOT_ELLIGIBLE:focus,
button.NOT_ELLIGIBLE:hover
{
    background-color: green;
    color: black;
    height: 50px;
    border-radius: 0px;
    width: 165px;
}

button.ALLOWED_FOR_MINOR,
button.ALLOWED_FOR_MINOR:focus,
button.ALLOWED_FOR_MINOR:hover
{
    background-color: green;
    color: white;
}

button.PATIENT_NEEDS_ACCOUNT,
button.PATIENT_NEEDS_ACCOUNT:focus,
button.PATIENT_NEEDS_ACCOUNT:hover
{
    background-color: yellow;
    color: black;
}

button.BLOCKED_BY_PATIENT,
button.BLOCKED_BY_PATIENT:focus,
button.BLOCKED_BY_PATIENT:hover
{
    background-color: red;
    color: black;
}

button.AUTHORIZED_BY_PATIENT,
button.AUTHORIZED_BY_PATIENT:focus,
button.AUTHORIZED_BY_PATIENT:hover
{
    background-color: green;
    color: #fff;
}

button.NEEDS_PATIENT_AUTHORIZATION,
button.NEEDS_PATIENT_AUTHORIZATION:visited,
button.NEEDS_PATIENT_AUTHORIZATION:hover
{
    color: black;
    background-color: yellow;
}

/*Refills Page*/
.track-shipping {
    padding: 12px;
}
.track-shipping img {
    width: 85%;
}
.not-special {
    margin: 13px 0 0 0!important;
}
.cc-no-balance, .no-pos-account {
    margin: 16px 0 0px 0!important;
}
h6.credit-card-account-balance.error-balance {
    color: red;
}
h6.credit-card-account-balance.good-balance {
    color: limegreen;
    margin: 5px 0 0 0!important;
}
h6.credit-card-account-balance {
    font-weight: bold;
}

.charge-details-inner span {
    font-family: Raleway;
}
i.material-icons.remove-cart {
    color: salmon;
}
h6.balance-exceeded {
    color: salmon;
}
h6.no-items-selected {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.tally-total strong {
    font-size: 13px;
    line-height: 1;
}

.charge-details-inner {
    float: left;
    margin: 5px 0 5px 0;
}
.refill-username {
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0 0 10px;
    font-family: raleway;
}
.refill-title-panel-container {
    width: 45%;
    float: left;
}
.refill-list-footer {
    overflow: auto;
}
.row.confirm-container {
    width: 100%;
    float: left;
}
.refill-title {
    overflow: hidden;
}
.tally-total i {
    float: left;
    margin: 7px 0!important;
    font-size: 30px;
    cursor: default!important;
}
.tally-total {
    color: #333;
    text-align: right;
    float: right;
}
.tally-total h6 {
    width: 97px;
}
.locked-confirm-order h5 {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    background: salmon;
    margin: 0px 0px 0 30px;
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    width: 50%;
    float: right;
    height: 52px;
}
.include-in-order {
    position: relative;
    z-index: 500;
}
h5.secondary-credit-limit {
    margin: 8px 0 0 0!important;
}
.warning.noscripts {
    float: none;
    margin: auto;
}
button.review-selected {
    background: green;
    border: 1px solid green;
}
.charge-details-container h5 {
    margin: 0px;
}
h5.no-credit-card {
    font-weight: bold;
    color: darkorange;
}
.good-balance h5 {
    color: limegreen;
}
.warn-balance h5 {
    color: orange;
}
.error-balance h5 {
    color: red;
}
.secondary-pos-user {
    color: coral;
    margin: 5px 0px;
}
i.material-icons,
i.material-icons-outlined {
    vertical-align: middle;
    margin: -3px 5px 0 0;
}
.charge-details-container {
    width: 55%;
    float: left;
    padding: 10px;
    background: #fff;
}
/*New Credit Card Form Refills */
/*CC FORM ANIMATION*/
/* .cc-form-form.ng-enter, 
.cc-form.ng-leave
{ 
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: absolute;
} 
 
.cc-form.ng-enter {
    right: 0;
    
}
.cc-form.ng-enter.cc-form.ng-enter-active {
    right: 0;
    
}
 
.cc-form.ng-leave {
    right: 0;
}
.cc-form.ng-leave.cc-form.ng-leave-active{
    right: -100%;
    
} */
/*END ANIMATION*/
.secondary-balance.negative-balance {
    color: red;
}
.secondary-balance.positive-balance {
    color: limegreen;
}
h6.secondary-balance {
    font-family: 'Signika', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0 0px 5px;
}
.close-cc-form i {
    cursor: pointer;
    background: #ddd;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    margin: 0 0 -60px 0;
    font-size: 15px;
}
.close-cc-form {
    text-align: right;
    margin: 10px 0 -40px 0;
    position: relative;
    z-index: 10;
}

.add-refilL-cc h3 {
    margin: 0px;
}
.refill-cc-form-wrapper .cc-type {
    margin: -22px 12px 0px 0;
}
.add-refilL-cc h5 {
    font-size: 12px;
    margin-top: 0px;
}
button.add-refill-cc-btn {
    background: deepskyblue;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    color: #fff
}
button.add-refill-cc-btn:hover {
    background: #233a77;
    color: #fff;
}
button.add-refill-cc-btn:visited {
    background: #233a77;
    color: #fff;
}
button.refill-cc-submit {
    width: 100%
}
.add-card-info {
    text-align: center;
    float: right;
}
.refill-cc-form-wrapper .has-error input {
    box-shadow: none!important;
}
.refill-cc-form-wrapper .has-success .form-control {
    box-shadow: none!important;
    border-color: limegreen;
}
.cc-mask-trans {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 1001;
}
.cc-form h3 {
    margin: 40px 0 0 0;
    text-transform: uppercase;
    font-size: 30px;
}
.cc-form {
    position: fixed;
    top: 0;
    right: 0;
    width: 402px;
    z-index: 1002;
    background: #fff;
    height: 100vh;
    overflow-y: auto;
    padding: 0 20px;
    box-shadow: 0px 0px 5px 1px #000;
}
.cc-form select {
    height: 30px!important;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}
.cc-form input {
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    height: 30px;
}
/*Close New Card Form*/
#refills td {
    vertical-align: middle;
}

#refills th {
    vertical-align: middle;
}
img.information-icon.refill {
    margin-left: -30px;
}
.tooltip-inner {
    width: 350px!important;
    background: #000;
}
.refill-table-row .btn {
    width: 125px!important;
    float: left;
}
.refill-table-row .btn:hover {
    width: 125px!important;
    float: left;
}
img.information-icon.refill {
    float: right;
    margin: 15px 5px 0 0;
}
img.information-icon.refill.mobile {
    float: right;
    margin: -36px 20px 0 0;
    width: 20px;
}
h6.credit-card-account-balance.positive-balance {
    color: limegreen;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0 -15px 0;
}
h6.credit-card-account-balance.negative-balance {
    color: red;
    font-weight: bold;
    font-size: 13px;
    margin: 5px 0 -15px 0;
}
.credit-limit-no-first-fill {
    color: #000;
    font-weight: bold;
    text-align: right;
    margin: 0 0 -15px 0;
    font-size: 13px;
    text-transform: uppercase;
}
.balance-display {
    font-family: raleway, sans-serif;
}
/*Grid*/
.grid-items {
    height: 205px!important;
}
.grid-items table {
    height: 200px;
}
td.TOO_SOON button {
    font-size: 10px!important;
    color: #fff;
}
button.btn.btn-sm.TOO_SOON {
    font-size: 10px;
    color: #fff;
}
/*Refill Page Scroll Content*/
tbody.scrollContent {
    height: auto!important;
}

.slideleft-add,
.slideleft-remove
{
    -webkit-transition: 375ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
    -moz-transition: 375ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
    -ms-transition: 375ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
    -o-transition: 375ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
    transition: 375ms cubic-bezier(0.250, 0.100, 0.250, 1.000) all;
}

.slideleft-add {
    left: -100%;
}
.slideleft-add.animate-add-active {
    left: 0;
}

.slideleft-remove {
    left: 0;
}
.slideleft-remove.animate-remove-active{
    left: 100%;
}

.block {
    display: block;
}

.left-10 {
    margin-left: 10px !important;
}

.top-10 {
    margin-top: 10px !important;
}

.remove-font-weight {
    font-weight: inherit !important;
}

.prescriptions-textarea {
    width: 100%;
    height: 200px;
}

.email-body, .credit-card-body {
    padding-top: 0;
}

.ie-install-flash-message {
    padding-left: 10px; 
    padding-top: 8px;
    color: #ff0000;
}

.ie-row {
    width: 100% !important;
}

.or-spacer {
    margin-top:100px;
    position:relative;
    user-select: none;
}
.or-spacer .mask {
    overflow:hidden;
    height:20px;
}
.or-spacer .mask:after {
    content:'';
    display:block;
    margin:-25px auto 0;
    width:100%;
    height:25px;
    border-radius:125px / 12px;
    box-shadow:0 0 8px black;
}
.or-spacer span {
    width:50px;
    height:50px;
    position:absolute;
    bottom:100%;
    margin-bottom:-25px;
    left:50%;
    margin-left:-25px;
    border-radius:100%;
    box-shadow:0 2px 4px #999;
    background:white;
}
.or-spacer span i {
    position:absolute;
    top:4px;
    bottom:4px;
    left:4px;
    right:4px;
    border-radius:100%;
    border:1px dashed #aaa;
    text-align:center;
    line-height:40px;
    font-style:normal;
    color:#999;
}

.list-group-item.login {
    padding-left:12px;
    padding-right:0px;
}

#small {
    width:21%;
}

#big {
    width:53%;
}

.panel-footer-message{
    padding: 10px 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-body {
    border:none;
}

.statusInfo {
    border-color: #ffa121;
    /*background: url(./img/info.png) #ffe2ba no-repeat left top;*/
    background-color: #FFE2BA;
    border:1px solid;
    -moz-box-shadow: 0px 0px 2px #ffa121;
    -webkit-box-shadow: 0px 0px 2px #ffa121;
    box-shadow: 0px 0px 2px #ffa121; }
.statusInfo h3 {
    border-bottom: 0.1em solid #ed8900;
    text-shadow: 0 0 1px #ed8900; }

.statusControlled {
    border-color: #ffa121;
    border:1px solid;
    background-color: #FFE2BA;
    /*background: url(./img/key.png) #ffe2ba no-repeat left top;*/
    color: #ed8900;
    -moz-box-shadow: 0px 0px 2px #ffa121;
    -webkit-box-shadow: 0px 0px 2px #ffa121;
    box-shadow: 0px 0px 2px #ffa121; }
.statusControlled h3 {
    border-bottom: 0.1em solid #ed8900;
    text-shadow: 0 0 1px #ed8900; }

.statusError {
    border-color: #f6114f;
    border:1px solid;
    /*background: url(./img/error.png) #fdd6e0 no-repeat left top;*/
    background-color: #FDD6E0;
    color:#f6114f;
    -moz-box-shadow: 0px 0px 2px #f6114f;
    -webkit-box-shadow: 0px 0px 2px #f6114f;
    box-shadow: 0px 0px 2px #f6114f; }
.statusError h3 {
    text-shadow: 0 0 1px #cc083d;
    color: #f6114f !important;}

.statusTooSoon {
    border-color: #ffa121;
    /*background: url(./img/clock.png) #ffe2ba no-repeat left top;*/
    color: #ed8900;
    background-color: #FFE2BA;
    border:1px solid;
    color: #ffa121; }
.statusTooSoon h3 {
    border-bottom: 0.1em solid #ed8900;
}

.statusOrder {
    border-color: #0e5dcc;
    border:1px solid;
    background-color: #ADCDF9;
    /*background: url(./img/order.png) #adcdf9 no-repeat left top;*/
    color: #0b479c;
    -moz-box-shadow: 0px 0px 2px #0e5dcc;
    -webkit-box-shadow: 0px 0px 2px #0e5dcc;
    box-shadow: 0px 0px 2px #0e5dcc; }
.statusOrder h3 {
    border-bottom: 0.1em solid #0b479c;
    text-shadow: 0 0 1px #0b479c; }

.statusAccepted {
    border-color: #479706;
    border:1px solid;
    background-color: #ADF970;
    /*background: url(./img/accepted.png) #adf970 no-repeat 0px 0px;*/
    color: #306604;
    -moz-box-shadow: 0px 0px 2px #479706;
    -webkit-box-shadow: 0px 0px 2px #479706;
    box-shadow: 0px 0px 2px #479706; }
.statusAccepted h3 {
    color: #479706;
    border-bottom: 0.1em solid #306604;
    text-shadow: 0 0 1px #306604; }
.statusAccepted h4 {
    color: #479706; }

#nav-header{
    padding-top:20px;
}
li.selected {
    height: 57px !important;
}


.highlight
{
    font-weight: bold;
    text-decoration: underline;
    font-family:'Raleway', sans-serif !important;
}

.copay {
    font-family:'Raleway', sans-serif !important;
}

.welcome {
    background-color: #F1F6E8 !important;
    border: 1px solid;
    border-color: #ddd;
    border-radius: 4px;
    box-shadow: 0px 1px 1px;
    text-align: center;
    height: 210px;

}

.welcome p {
    padding-left: 40px;
    padding-right: 40px;
}

.nabp {
    padding-top: 10px;
}
.REFILL_AVAILABLE {
    background-color: green;
    color: black;
}
.CALL_DOCTOR {
    background-color: yellow;
    color: black;
}
.TOO_SOON {
    background-color: red;
    color: black;

}
.BEING_PROCESSED {
    background-color: blue;
    color: #fff!important;

}
.NOT_ELLIGIBLE {
    background-color: gainsboro;
    color: black;
}


input[type="text"] input[type="email"] {
    background-color: #F1F6E8;
}

.box {
    border: 0.1em solid #888888;
    background-color: #fdfdfd;
    padding: 0.8em;
    margin-bottom: 2em;
    -moz-box-shadow: 0px 0px 2px #555555;
    -webkit-box-shadow: 0px 0px 2px #555555;
    box-shadow: 0px 0px 2px #555555;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 226px;
}

img.mobile-app-link {
    width: 70%;
}
/*End Responsive Elements Except in Boxes IT*/

/*Proceed Button Styling*/
.proceed-to-site {
    color: #fff;
    background: orange;
    padding: 8px 10px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 10px;
    margin-bottom: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
/*Custom Body Styles Per Route*/
/*body.login-class footer {*/
    /*position: absolute;*/
    /*bottom: 0px;*/
/*}*/
.login-class .animate-housing {
    position: relative!important;
    background: none!important;
}
body.login-class .view-animate-container {
    position: relative!important;
    height: 560px;
    background: none!important;
}
/*body.feature-body-class .view-animate-container {*/
    /*min-height: 72vh;*/
/*}*/

.refill-no-scripts footer {
    position: relative;
    bottom: 0px;
}
.refill-yes-scripts footer {
    position: relative;
    bottom: 0px;
}
.feature-body-class-notlinked footer {
    position: relative!important;
    bottom: 0;
}
.feature-body-class .animate-housing {
    position: relative!important;
}
body.feature-body-class .view-animate-container {
    position: relative!important;
    height: auto!important;
}
.link-body-class .animate-housing {
    position: relative!important;
}
body.link-body-class .view-animate-container {
    position: relative!important;
    height:auto!important;
}
body.account-body-class footer {
    position: relative;
    bottom: 0px;
}
body.account-body-class .view-animate {
    position: relative;
    min-height:auto;
}
body.refill-body-class footer {
    position: relative;
    bottom: 0px!important;
}
body.refill-body-class .view-animate {
    position: relative;
    min-height: auto;
}
body.autorefill-body-class footer {
    position: relative!important;
    bottom: -500px;
}
body.activate-mailorder-body-class footer {
    position: relative;
    bottom: 0px!important;
}
body.report-body-class footer {
    position: relative!important;
    bottom: 0px!important;
}
body.dependants-body-class footer {
    position: relative;
    bottom: 0px;
}
body.dependants-body-class .view-animate {
    position: relative;
    min-height:auto;
}
body.pharmlookup-body-class .view-animate {
    position: relative;
}
.pharmlookup-body-class .animate-housing {
    min-height: 68vh;
}
body.calculatecopay-body-class .animate-housing {
    padding-bottom: 300px;
}
body.calculatecopay-body-class footer {
    position: relative!important;
    bottom: 0px!important;
}
body.formulary-body-class .animate-housing {
    padding-bottom: 300px;
}
body.formulary-body-class footer {
    position: relative!important;
    bottom: 0px!important;
}
.compliance-info {
    color: #000;
}
.td-pharmname {
    width: 200px!important;
}
/*body.formulary-body-class .view-animate-container {*/
    /*min-height: inherit;*/
/*}*/
/*My Account*/

.account-nav.desktop {
    display: block;
}
.account-nav.mobile {
    display: none;
}
ul.inner-ul li:hover {
    background: darkgreen;
}
ul.inner-ul li a:hover {
    color: #fff!important;
    text-decoration: none;
}
nav.alertify-buttons .alertify-button-ok {
    width: 75px;
}
button#alertify-ok {
    background: limegreen;
    border: none;
    padding: 8px 20px;
   
}

button#alertify-cancel {
    background: salmon;
    border: none;
    padding: 8px 20px;
}
button#alertify-ok, button#alertify-cancel {
    margin: 0 10px;
    box-shadow: none;
    text-shadow: none!important;
    font-weight: normal;
}
section.alertify-alert {
    width: 600px;
}
.account-wrapper {
    width: 70%;
    float: left;
    padding: 0 20px;
}
.account-nav-wrapper {
    width: 30%;
    float: left;
    border-right: 1px solid #000;
}
.account-nav ul {
    list-style-type: none;
}
.account-nav h3 {
    text-align: left;
    margin: 0 10px 0 0;
}
ul.inner-ul li a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 20px 20px 20px 0;
}
ul.inner-ul li {
    background: #6aa260;
    margin: 10px 0 10px 10px;
    padding: 20px;
    
}
.default-account-tab h4 {
    font-size: 30px;
    width: 58%;
    margin: 13vh auto;
    line-height: 1.3;
}
.default-account-tab {
    text-align: center;
}
span.email-warning.warning {
    text-align: left;
    width: 100%;
    margin: 5px 0;
    font-style: italic;
}
.warning {
    width: 220px;
    float: right;
    text-align: center;
    margin-top: 10px;
    color: salmon;
}
small.security-small {
    font-weight: normal;
    font-style: italic;
    margin-left: 10px;
    color: #999;
}
.secondary-cc h5 {
    color: #fff;
    line-height: 1.25;
}
.secondary-cc {
    background: #FDEEF4;
    padding: 0 15px;
    overflow: auto;
    margin: 0 0 10px 0;
}
.secondary-cc p {
    font-style: italic;
    font-style: italic;
}
.secondary-cc h4 {
    border-bottom: 1px solid;
    padding-bottom: 5px;
}
/*Request New Card */
.card-form.no-download h5 {
    font-size: 18px!important;
    line-height: 1.3;
}

.card-form.no-download .request-card-submit-container {
    border: none;
    margin: 0;
}
.card-form.no-download {
    width: 50%;
    margin: 20px auto;
    padding: 20px;
    background: #efefef;
    overflow: auto;
    border-radius: 5px;
}
embed#replacement-card {
    width: 100%!important;
    height: 300px!important;
}
.request-card-submit-container {
    text-align: center;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
}
.request-card-submit-container button {
    font-size: 13px;
    margin: 10px;
    border-radius: 5px;
}
.card-container button:hover {
    background: #1F618D;
    color: #fff
}
.card-container button:visited {
    background: #1F618D;
    color: #fff;
}
.card-form {
    text-align: center;
}
.card-container {
    width: 50%!important;
    overflow: auto;
    margin: auto;

}
.card-container.multiple{
    float: left;
}
img.card-image {
    width: 100%;
    float: left;
}
.loading-card-two {
    height: 80px;
}
.card-container button {
    padding: 10px;
    font-size: 15px;
    margin: 0 10px 10px 0;
    border-radius: 5px;
    background: #3498DB;
    border: none;
    color: #fff;
}
/*Internal Update Notifications*/
.gv-toggle {
    float: left;
}

.notfication-form-container p {
    margin: 0px 20px 20px 20px;
    border-bottom: 1px solid #dcdccd;
    padding: 0px 0 15px 0;
    text-align: center;
    font-family: raleway, sans-serif;
    font-size: 13px;
}

.notfication-form-container {
    width: 90%;
    padding: 0px 10px;
    margin: 0 auto 380px auto;
}
.internal-notification-btn {
    background: #47a447;
    border-radius: 0px;
    padding: 15px;
    width: 50%;
    margin: 10px auto;
    border: none;
}
.internal-notification-btn:hover {
    background: darkgreen;
}
.internal-notification-btn:active {
    background: darkgreen;
}
.notification-button-container {
    text-align: center;
}
.loading-notify {
    margin: 10px 0 0 0;
}
.internal-notification-btn[disabled] {
    background: #87da87;
}
.internal-notifications input.phone-number {
    width: 65%;
}
.internal-notifications input.area-code {
    width: 33%;
}
.notification-group-container {
    width: 100%;
    overflow: auto;
}
/*Login Page Styles*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    /* TODO review; this is showing as an error in VS Code */
    -moz-appearance:textfield;
}
.login-messaging {
    margin: 0px 0px 30px 0px;
}
.login-messaging h4 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.5;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 20px 20px;
}
.center-login.col-md-5 {
    margin: 0 29.166666665%;
}

.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.find-refill-button {
    border-radius: 0px;
    padding: 10px;
}
.find-refill-list-group-item {
    padding: 0px;
}
.forgot-button {
    border-radius: 0px;
    width: 50%;
    margin-left: -4px;
    float: right;
}
.register-button {
    border-radius: 0px;
    width: 25%;
    margin-left: -3px;
}
.logon-button {
    border-radius: 0px;
    width: 25%;
}
.login-list-group-item {
    padding: 0px!important;
}

.btn-default {
    border-radius: 0px;
}
.form-control {
    border-radius: 0px;
    height: 45px;
}
.calendar-select {
    height: 45px;
}
.form-text {
    border-radius: 0px;
    padding-left: 10px;
}
.input-group-addon {
    border-radius: 0px;
}
/*Prescription Refill Page */
.noscripts h3 {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: orange;
    padding: 20px;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
}
/*Elements*/
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9998;
    background-color:#000;
    display:none;
}

#boxes .window-app-dl {
    margin-left: auto;
    margin-right: auto;
    width:80%;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 15px;
    text-align: center;
}


#boxes #dialog {
    width:80%;
    height:auto;
    padding:10px;
    background-color:#ffffff;
    font-family: 'Segoe UI Light', sans-serif;
    font-size: 15pt;
    position: absolute;
    right: 0;
    left: 0!important;
    top: 25%!important;
    margin-left: auto;
    margin-right: auto;
}
.modal-content .REFILL_AVAILABLE {
    width: 100%!important;
}
.modal-content .REFILL_AVAILABLE:hover {
    width: 100%!important;
}
.modal-content .CALL_DOCTOR {
    width: 100%!important;
}
.modal-content .CALL_DOCTOR:hover {
    width: 100%!important;
}

/*Global userLinked Styles*/
.dropdown-menu .btn-sm { /*datepicker*/
    height: 33px;
    padding: 0px 10px;
}
.control-label {
    text-align: center!important;
    width: 100%;
}
.lakerlink {
    float: none;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
}
.guardianlink-input {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.guardianlink {
    width: 100%;
}
.form-head strong {
    font-size: 20px;
}
.form-head p {
    font-style: italic;
    margin: 10px auto 0 auto;
    color: #fff;
    background: salmon;
    width: 90%;
    padding: 10px;
    border-radius: 5px;
}
/*.linkpatient-link a {*/
    /*background: orange;*/
    /*padding: 15px;*/
    /*color: #fff!important;*/
/*}*/
.patlink-container {
    width: 65%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
/*.linkpatient-link {*/
    /*width: 300px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
/*}*/
/*.linkpatient-link {*/
    /*width: 250px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-top: 40px;*/
    /*text-align: center;*/
    /*padding: 15px;*/
    /*float: left;*/
/*}*/
.linkpatient-link {
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 15px;
    float: left;
}
.activitylog {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.link-list-container a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3em;
}
.link-list-container {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}
#lakerLinkTool .btn-default {
    background: lightgrey;
    color: #fff;
}
#lakerLinkTool .btn-default:hover{
    background: #999;
}
#lakerLinkTool .btn {
    border-radius: 0px;
    border: none;
}
#lakerLinkTool .btn-success {
    height: 28px;
    padding: 0px 30px;
}
#lakerLinkTool .btn-danger {
    height: 28px;
}
#lakerLinkTool .form-control {
    height: 45px;
}
.link-date-btn {
    width: 65px;
}
.laker-link-submit {
    padding: 15px 40px;
}
.laker-date-input {
    width: 100%;
    float: left;
}
.date-picker-btn {
    width: 66px;
    height: 45px;
    background: lightgrey;
}
.first-name-help {
    margin: 0 0 10px 0;
    color: salmon;
}
/*.link-list-container:hover {*/
    /*background: darkorange;*/
/*}*/
/*Global Formularies Styles*/

/*.fadein,*/
/*.fadeout {*/
    /*-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;*/
    /*-moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;*/
    /*-o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;*/
    /*transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;*/
/*}*/

/*.fadein.ng-hide-remove,*/
/*.fadeout.ng-hide-add.ng-hide-add-active {*/
    /*opacity: 0;*/
    /*display: block !important;*/
/*}*/

/*.fadeout.ng-hide-add,*/
/*.fadein.ng-hide-remove.ng-hide-remove-active {*/
    /*opacity: 1;*/
    /*display: block !important;*/
/*}*/


.glossary-terms {
    transition: .2s linear all;
    height: 740px;
    overflow: hidden;
}
.glossary-terms.ng-hide {
    height:0;
}

.formulary-header {
    overflow: hidden;
}
.formulary-display {
    background: #6aa260;
    padding: 15px 0px!important;
}
.formulary-display a {
    color: #fff!important;
    font-size: 20px!important;
}
.formulary-display a:hover {
    background: #9cc997;
    color: #fff!important;
    text-decoration: none!important;
}
.formulary-display {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.formulary-lookup {
    width: 100%!important;
}
.glossary a {
    background: lightblue;
    padding: 25px;
}
.glossary {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: center;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid orange;
}
.glossary:hover {
    border-bottom: 1px solid green;
}
.glossary-container strong {
    color: #1b5a7d;
}
/*.glossary {*/
    /*width: 300px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-top: 70px;*/
    /*text-align: center;*/
/*}*/
/*Pharmacy Lookup*/
.isIE {
    float: right!important;
}
.pharmlookup-loading {
    margin: 250px 0 0 0!important;
}
.pharm-lookup-btn[disabled] {
    background-color: #ccc;
    content: 'PICK A STATE';
    border: none;
}

td.td-pharmaddress {
    width: 52%;
}
input:placeholder-shown {
    font-family: arial, sans-serif;
    font-style: italic;
    font-size: 12px!important;
}
/*Global Mailorder Signup*/
.activate-button-container h4 {
    background: limegreen;
    padding: 10px;
    color: #fff;
}
div#mailMedList {
    margin: 0 0 40px 0;
}
.brand-selected {
    color: orange;
    position: relative;
    top: 5px;
}
.activate-mailorder-body-class .modal-dialog {
    width: 90%;
}
.activate-mail-subsection {
    width: 33%;
    float: left;
    padding: 0px 20px;
}
.activate-mailorder {
    width: 100%;
    height: 60px;
}
.activate-button-container {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 200px!important;
    margin-top: 100px;
}
span.help-block.mail-demographics {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    background: salmon;
    color: #fff;
}
span.yy {
    margin: 0 0 0 60px;
}
.mobile-continue-btn {
    margin: -30px 0 0 0!important;
}
input.medication-input {
    width: 100%;
}

.medication-input-checkbox input {
    margin-top: 12px;

}
input.checkbox-inline.medication-input {
    position: relative;
    z-index: 400;
}
.brand-selected p {
    margin: 0px;
}
.medication-input-checkbox {
    width: 90px !important;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}
.medication-input {
    width: 22%;
    float: left;
    margin: 2px;
}
.medform {
    clear: both!important;
    overflow: hidden;
}
.medlist-repeat {
    clear: both;
}
.medlist-items {
    width: 12%;
    float: left;
}
.medlist-table tr {
    height: 45px;
}
table.medlist-table {
    width: 100%;
}
.sm-form-control {
    width: 60px;
    margin-right: 15px;
    float: left;
}
.lg-form-control {
    width: 150px;
}
.cc-mailorder-inner label {
    width: 100%;
}
.shipselect-container {
    padding: 0;
    margin-top: 25px;
}
.payment-mailorder-inner {
    background: #F0F0F0;
    padding: 15px;
}
.payment-mailorder-inner label {
    width: 100%!important;
}
.mailback-btn {
    width: 130px;
    text-align: center;
    padding: 20px;
    position: absolute;
    bottom: 25px;
    background: orange;
    font-size: 16px;
    color: #fff;
}
.med-add-btn {
    margin: 15px;
}
.btn-danger {
    border-radius: 0px;
    height: 55px;
}
.creditcard-mailorder {
    width: 50%;
    float: right;
    margin-top: -183px;
    position: relative;
    z-index: 200;
}
.check-mailorder {
    width: 50%;
    float: right;
    margin-top: -183px;
}
.activate-mailorder {
    width: 250px;
    clear: both;
}
.user-mailorder label {
    margin: 0px 20px;
}
.mailUsers {
    background: #FFD27F;
    padding: 15px 35px;
    margin: 0px 10px 10px 0!important;
}
.mailUserSelected {
    background: #77F484;
}
.med-profile-container .pre-scrollable {
    max-height: 195px;
}
span.mailorder-name {
    text-align: right;
}
span.mailorder-title {
    width: 50%;
    float: left;
}
hr {
    clear: both;
}
.med-btn-container {
    text-align: center;
}
.medform h4 {
    line-height: 1.4;
}
.mail-order-panel h5 {
    line-height: 1.5;
}
.mail-order-panel {
    overflow: hidden;
    padding: 30px;
    text-align: center;
}
.activation-terms p {
    font-style: italic;
    font-family: Raleway;
}
.activation-terms {
    text-align: center;
    width: 60%;
    background: salmon;
    padding: 15px;
    color: #fff;
    clear: both;
    margin: 0 auto;
}

/*Quick Refill*/
.notify-heading {
    padding: 10px 0 0px 15px;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel.addCC {
    background: pink!important;
}
.no-card-qr {
    text-align: center;
}
.panel-message.statusReady {
    background: darkturquoise;
    border: 5px solid darkgreen;
    color: #fff;
}
.panel-message.statusError {
    background-color:#FDD6E0;
}
.credit-card-required {
    background: orange;
    border: 2px solid orangered;
    color: #fff;
    box-shadow: 0 0 5px orangered;
}
.credit-card-required h3.panel-title {
    border-bottom: 2px solid #fff;
    padding: 0 0 5px 0;
    color: #fff;
}
.not-eligible {
    background: #888;
    border: 2px solid #000;
    color: #fff;
    box-shadow: 0 0 5px #222;
}
.not-eligible h3.panel-title {
    border-bottom: 2px solid #fff;
    padding: 0 0 5px 0;
    color: #fff;
}
/**Auto Refill**/
.link-to-refills a {
    color: #fff!important;
}
.link-to-refills a:hover {
    color: orange!important;
}
.link-to-refills {
    float: right;
    background: #333;
    padding: 10px;
    margin-top: -50px;
}
.auto-refill-warning p {
    text-align: center;
    padding: 21px 55px;
    font-size: 17px;
    width: 75%;
    float: right;
    line-height: 1.5;
}
p#auto-refill-warning-bullet {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}
.feature-body {
    clear: both;
}
.auto-refill-tile {
    float: left;
    margin-right: 15px;
}
.activate-autorefill-btn a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
.activate-autorefill-btn a:hover {
    color: #fff;
    text-decoration: none;
}

.activate-autorefill-btn {
    width: 100%;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: orange;
    padding: 20px;
}
div#agree-terms {
    text-align: right;
    padding-right: 20px;
}
div#auto-refill-terms p {
    padding: 0px 20px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.5;
}
/*Formulary & Calculate Copay*/
.pagination>.active>a:hover {
    color: #EEEEEE!important;
}
.pager-container {
    text-align: center;
}
.no-mailorder {
    height: 50px!important;
    position: relative;
    /* top: 28px; */
}
.no-mailorder button {
    background: cornflowerblue;
    color: #fff;
    margin: 0 auto
}
.laker-message {
    overflow: auto;
    width: 95%;
    background: #fff;
    text-align: center;
    border: 1px solid salmon;
    margin: 10px auto 0 auto;
    border-radius: 5px;
    padding: 5px;
    color: salmon;
}
h5.copay-unavail-messaging {
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
}
span.formulary-header-shared {
    font-family: 'Raleway', sans-serif;
}
.panel.formulary-header {
    background: none;
}
.toggle-item {
    width: 50%;
    float: left;
    text-align: center;
    /* border-radius: 10px 10px 0 0; */
}
.toggle-not-selected {
    background: #64B5F6;
    border-bottom: 2px solid #1565C0;
}
.toggle-selected {
    background: #1565C0;
    border-bottom: 5px solid #1565C0;
    margin-top: -3px
}
/* .toggle-container.copay-formulary {
    overflow: auto;
} */
.toggle-item h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1.2px;
}
.toggle-selected h4 {
    margin: 13px 0 7px 0;
}
/*Formulary Drug Lookup */
.formulary-include .form-group label {
    font-size: 18px;
    text-transform: uppercase;
}
input.drug-lookup-input.formulary {
    border: none;
    border-bottom: 1px solid #ddd;
    height: 45px;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 20px;
}
.form-container.formulary {
    margin: 15px;
}
.formulary-info-item h6 {
    background: #B8EAFF;
    margin: 10px;
    padding: 10px;
    line-height: 1.4;
}
.formulary-info-item {
    width: 100%;
    float: left;
    text-align: center;
}
.formulary-info-item h6, .formulary-info-item span {
    font-family: raleway;
    font-size: 15px;
    font-weight: bold;
}
.formulary-details-inner {
    width: 50%;
    float: left;
}
.formulary-info {
    overflow: auto;
    padding: 10px 20px;
    border-top: 5px solid #aaa;
    margin: 40px 0 0 0;
}
h3.formulary-details-header {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    background: #aaa;
    padding: 10px;
    margin: 5px 0;
    color: #fff;
    letter-spacing: 1px;
}
/*Featured Pharmacies*/

.featured-pharmacy p {
    font-size: 12px;
    margin: 0;
}
.featured-pharmacies-container {
    padding: 10px;
    overflow: auto;
    margin: 10px -10px;
    background: #fff;
    text-align: center;
    border-bottom: 10px solid #145376;
    border-top: 10px solid #145376;
}
.featured-pharmacy h5 {
    background: #1ABC9C;
    margin: 0 5px 5px 0px;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}
.featured-pharmacy {
    width: 25%;
    float: left;
}
.featured-pharmacies-container h3 {
    margin: 0px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}
.featured-copay-inner h5 {
    margin: 5px;
    font-size: 12px;
    border-radius: 5px;
}

.featured-copay {
    overflow: auto;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.featured-copay-inner h6 {
    margin: 5px 0 0 0;
    font-weight: bold;
}
.featured-copay-inner {
    width: 50%;
    float: left;
}
.featured-copay h3 {
    margin: 5px 5px 0 5px;
    font-size: 18px;
    border-bottom: .5px solid #ccc;
    padding: 0 0 5px 0;
}
/*Calculate Copay*/
.copay-result-inner-right.specialty-copay {
    background: #9B59B6;
}
h5.specialty-h5 {
    text-transform: uppercase;
    font-size: 16px!important;
    font-family: 'Signika', sans-serif;
    letter-spacing: -.1px;
}
.speciality-submit button {
    background: #9B59B6!important;
    color: #fff!important;
}
.speciality-submit button:hover {
    background: rgb(114, 46, 204)!important;
    color: #fff;
}
.speciality-submit {
    text-align: center;
    padding: 10px;
    margin: 10px 0 0 0;
    background: #E8DAEF;
}
.speciality-submit p {
    font-family: 'Raleway', sans-serif;
}
.copay-result-inner-right.laker-message {
    background: salmon;
    margin: 0;
}
.copay-result-inner-right.laker-message h5 {
    font-size: 15px;
}
.no-drugs-found {
    color: salmon;
    margin: 10px;
    font-style: italic;
    float: right;
    margin: -30px 10px 0 0;
    position: relative;
}
.drug-loading {
    float: right;
    margin: -37px 0px 0px 0;
    color: #ccc;
}
.no-pharms {
    overflow: auto;
    clear: both;
    text-align: center;
    background: salmon;
    color: #fff;
}
.tip-text {
    margin: 5px 0 0 5px!important;
}
.tip-text p {
    font-size: 12px;
    margin: 0px;
    font-style: italic;
}
h4.copay-estimate {
    text-align: center;
    margin: 10px 20px 0 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    background: #FFB26D;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
    overflow: auto;
}

.brand-result h6, .generic-result h6 {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 10px;
}
h3.copy-not-found {
    font-size: 20px!important;
    background: salmon!important;
    width: 90%;
    margin: auto!important;
    border-radius: 5px;
}
.covered-pharmacy-inner {
    width: 148px;
    float: right;
    padding: 10px;
    text-align: center;
    color: #3498DB;
    text-transform: uppercase;
}
.covered-pharmacy-inner.not-covered {
    width: 148px;
    float: right;
    padding: 10px;
    text-align: center;
    color: darksalmon;
}
.covered-pharmacy {
    text-align: right;
    margin: -45px 20px 0 0;
}
h6.no-copay {
    background: salmon!important;
    padding: 22px 0 0 0!important;
}
.map-icon .glyphicon-map-marker {
    color: #fff;
    font-size: 18px;
}

.map-icon {
    width: 35%;
    margin: 0 auto 10px auto;
    text-align: center;
    padding: 10px;
    background: #80DEEA;
    border-radius: 5px;
}
.map-icon h4 {
    float: left;
    margin: 5px;
    text-align: right;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}
.radius-list-item h6 {
    width: 90%;
    background: #2ECC71;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin: auto;
    font-family: arial condensed, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    min-height: 65px;
}
.covered-pharmacy-inner.not-covered {
    text-align: center!important;
    width: 100%;
}
.covered-pharmacy-inner {
    text-align: center;
    width: 100%;
}
.covered-pharmacy {
    width: 100%;
    overflow: auto;
    text-align: center;
    background: #efefef;
    margin: 10px 0px 10px 0;
}
.radius-list-item-inner {
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
}
.result-count strong {
    color: gold;
    text-transform: uppercase;
}
.result-count {
    padding: 5px 20px;
    background: #145376!important;
    overflow: auto;
    margin: 0 0 10px 0;
}
.result-count h3 {
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Signika', sans-serif;
    margin: 7px 0;
}
.result-count-inner.left {
    width: 85%;
    float: left;
}
.result-count-inner.right {
    width: 15%;
    text-align: center;
    float: left;
}
h3.radius-section-header {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #666666!important;
    color: #fff;
    padding: 10px;
    font-size: 15px;
    letter-spacing: 2px;
}
.mailorder-result h3 {
    text-align: center;
    background: #145376;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 26px;
}
.auto-complete-list h5 {
    cursor: pointer;
    padding: 0 0 0 10px
}
.auto-complete-list {
    padding: 1px;
    width: 50%;
}
.auto-complete-list:hover {
    background: #dedede;
    width: 50%;
    border-radius: 2px;
}
div#map {
    overflow: hidden!important;
    height: 300px!important;
    width: 100%;
}

.form-group.radius-button .spinner-container {
    text-align: center;
    margin: 25px 0 0 0;
}
h5.pharm-phone-link {
    background: none!important;
    margin: 5px!important;
    padding: 0px!important;
    font-size: 18px!important;
}
.radius-list-item {
    width: 50%;
    float: left;
    padding: 0 10px 0 10px;
    min-height: 245px;
    margin: 5px 0;
}
.radius-list-item-inner-wrap {
    overflow: auto;
    padding: 0 10px;
    background: #fff;
    min-height: 155px;
}
.radius-list-item h5 {
    font-weight: bold;
    font-size: 15px;
    background: #333;
    padding: 10px;
    color: #fff;
    text-align: center;
}
.radius-list-item-inner p {
    margin: 0px 0!important;
    font-size: 15px;

}
.radius-list-item p {
    margin: 0;
}
span.help-text {
    padding: 0 0 0 5px;
    font-style: italic;
}
span.calc-radius-price {
    font-size: 15px;
}
.radius-result .form-group {
    width: 309px;
    float: left;
    padding: 10px;
}
.form-group.radius-button {
    text-align: right;
    width: 185px;
}
.copay-result hr {
    border: 2px solid #888;
    margin: 0px;
}
.mailorder-result {
    overflow: auto;
}
span.ninty-day {
    font-size: 12px;
    font-weight: normal;
    float: right;
}
.spinner-container.radius {
    margin-top: -61px;
}
/*.form-group.calculate-button.radius {
    margin-top: -1px;
}*/
.copay-result-inner-right h5 {
    font-size: 20px;
    color: #fff;
    line-height: .6;
}
.copay-result-inner-right {
    width: 38%;
    float: left;
    text-align: center;
    background: #2ECC71;
    border-radius: 5px;
    padding: 0 5px;
}
.copay-result-inner-left {
    width: 60%;
    float: left;
    padding: 0 5px 0 0;
}
button.btn.calc-btn {
    background: deepskyblue;
    color: #fff;
    padding: 10px 20px;
    bottom: -25px;
    position: relative;
}
.selected-drug-container h4 {
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #999;
    margin: 10px;
    padding: 0 0 10px 10px;
}
.selected-drug-container {
    background: #eee;
    padding: 10px 10px 0 10px;
    /* min-height: 470px; */
}
.selected-drug-inner .form-group {
    width: 50%;
    float: left;
    padding: 10px;
    margin: 0px;
}
.form-group.calculate-button {
    height: 85px;
    width: 100%;
    text-align: center;
}
.calculate-copay-inner input {
    border: none;
    border-bottom: 1px solid #ddd;
    height: 45px;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 20px;
}
.calculate-copay-inner select {
    border: none;
    border-bottom: 1px solid #ddd;
    height: 45px;
    width: 100%;
    padding: 0 0 0 10px;
    font-size: 20px;
}
.calculate-copay-inner label {
    font-size: 18px;
    text-transform: uppercase;
}
.copay-result-inner {
    width: 50%;
    float: left;
    padding: 5px;
}
.copay-result {
    padding: 10px;
    background: #eee;
    overflow: auto;
}
.copay-result-inner h4 {
    font-weight: bold;
    text-transform: uppercase;
    background: #666;
    color: #fff;
    padding: 10px;
    overflow: auto;
}
.calculate-warning p {
    margin: 0;
    color: #fff;
}
.calculate-warning {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 40px;
    background: salmon;
    padding: 20px;
}
.calculate-register {
    background: darkorange;
    color: #fff;
}
.calculate-warning h4 {
    color: #fff;
    line-height:1.5;
}
.calculate-signin {
    background: #659EC7;
    color: #fff;
}
.calculate-copay {
    width: 300px;
    margin: 10px;
    height: 50px;
    border: none;
    transition:All .1s ease-in;
    -webkit-transition:All .1s ease-in;
    -moz-transition:All .1s ease-in;
    -o-transition:All .1s ease-in;
    transform: rotate(0deg) scale(0.995) skew(0deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(0.995) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.995) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.995) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(0.995) skew(0deg) translate(0px);
}
.calculate-copay:hover {
    transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.00) skew(0deg) translate(0px);
    box-shadow: 0px 0px 5px #000;
}
.button-container {
    text-align: center;
}
.calculate-copay a {
    color: #fff;
    padding: 15px 85px;
}

/*Calculate Copay Animation Loader*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 0px;
    border: 3px solid #ccc;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #ccc transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  

/*Test Animation*/
/*.animate-show {*/
    /*transition: 1s;*/
    /*left: 0;*/
/*}*/

/*.animate-show.ng-hide {*/
    /*line-height:0;*/
    /*opacity:0;*/
    /*padding:0 10px;*/
/*}*/
/*Registration*/
.reg-cancel {
    width:300px;
}

.reg-submit {
    width:80%;
}
.terms-text {
    text-align: center;
}
.sso-warning{
    padding: 10px 0;
    margin: 10px 0;
    text-align: center;
    user-select: none; 
}
.sso-registration-form .row .col-lg-8{
    margin: auto;
    float: none;
}
.sso-btn-container {
    text-align: center;
    margin: 10px auto;
    clear: both;
}
.no-float-center{
    float: none!important;
    margin: auto;
}
.sso-registration-btn-container{
    float: left;
    width: 50%;
}
.sso-registration-btn-container .btn-danger {
    float: left;
}
.sso-registration-btn-container .btn-success {
    float: right;
}
.registration-btn-container {
    clear: both;
    text-align: center;
    margin: 10px 0;
}
.registration-row {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.continue-btn {
    width:150px;
}
.center-header {
    text-align: center;
}
.modal-content {
    padding: 0px 15px;
}

.close-modal h2 {
    margin: 0px;
    color: #aaa;
}
.close-modal {
    width: 30px;
    float: right;
    margin: 10px 15px -43px 0;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
h4.terms-captcha {
    color: salmon;
    font-weight: bold;
}
.captcha-agree-container hr {
    border-color: #000;
    opacity: .5;
}
/*Recaptcha - Desktop*/
.recaptcha div:nth-child(1) {
    background: #fff!important;
    width: 100%!important;
    z-index: -1!important;
    position: relative!important;
    border-radius: 5px;
}
.recaptcha {
    position: relative;
    z-index: 600;
    height: auto;
    margin-top: 55px;
    margin-bottom: 10px;
    text-align: center;
}
/*Confirm Order Modal*/
small.refill-message-confirm {
    color: #9a9a9a;
}
.mobile-confirm-instructions th {
    text-align: center;
}
.noship {
    cursor: pointer;
}
.no-shipping-address h5 {
    color: #fff;
}
.no-shipping-address {
    background: orange;
    width: 390px;
    text-align: center;
    padding: 10px;
}
/*Dependent Link*/
.laker-dep-link-btn {
    text-align: center;
    margin: 15px 0px;
}
.laker-dep-submit {
    border-radius: 0px;
    padding: 15px 40px;
}
div#lakerDepLinkTool .form-control {
    height: 45px;
}
.lakerdep-date-input {
    width: 239px;
    float: left;
}
.date-picker-btn {
    border-radius: 0px;
}
.payment-mailorder-inner input:required:invalid, .payment-mailorder-inner input:focus:invalid {

    box-shadow: 0px 0px 1px red;
    border: 1px solid #000;
    /*background: #FFE9E8;*/
}
.add-reject-caregiver .permission-icon {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.dep-refill-undrstnd {
    color: #FFFFFF;
}
.disabled-error{
    padding: 10px 0;
    background: #ff0000;
    color: #fff;
}
.disabled-error .material-icons {
    vertical-align: middle;
    padding: 0 6px 0 0;
    font-size: 35px;
}
.disabled-error p {
    margin: 0;
}
.disabled-error a {
    margin: 0;
    color: #fff!important;
    text-decoration: underline;
    font-size: initial;
}
.impersonation-banner {
    /* padding: 10px 0; */
    background: #ff0000;
    color: #fff;
}
.impersonation-banner p {
    margin: 0;
    padding-top: 1em;
    padding-bottom: 1em;
}
.impersonation-banner span {
    margin: 0;
    font-size: x-large;
    /* font-size: initial; */
}
.lakerlink{
    margin: 20px auto 0 auto;
}
.lakerlink input[type=checkbox]{
    float: left;
    margin: 0 10px 0 0;
}
.auth-messaging {
    font-family: 'Raleway', sans-serif;
    margin: 0;
    float: left;
    width: 90%;
    text-align: center;
}
.link-danger,
.authorized-link-danger{
    color: red;
}
.link-warning,
.authorized-link-warning{
    color: darkorange;
}
/*Dependents Page*/
.dependent-disclaimer p {
    margin: 0px;
    font-size: 13px;
}
.dependent-disclaimer {
    margin: 10px auto 0px auto;
    width: 85%;
    padding: 10px;
    color: salmon;
    font-style: italic;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
h5.AUTHORIZED_BY_PATIENT {
    color: green;
    text-align: center;
}
h5.NEEDS_PATIENT_AUTHORIZATION {
    color: darkorange;
    text-align: center;
}
h5.PATIENT_NEEDS_ACCOUNT {
    color: darkorange;
    text-align: center;
}
h5.ALLOWED_FOR_MINOR {
    color: green;
    text-align: center;
}
span.help-block.edit-dependent {
    text-align: center;
    background: salmon;
    color: #fff;
    padding: 10px;
}
.dependent-head p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    margin: 15px 0px 5px 5px;
    font-style: italic;
    color: #a9a9a9;
}
img.information-icon {
    width: 15px;
    opacity: .6;
}
h3.panel-title.other-users {
    width: 120px;
    float: left;
}
h3.panel-title.my-dependents {
    float: left;
    margin: 0 10px 0 0;
}
.head-text {
    width: 75%;
    float: left;
}
.head-text p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    margin: 15px 0px 5px 5px;
    font-style: italic;
    color: #a9a9a9;
}
.legend-left {
    border-right: 1px solid #d9d9d9;
}
.permission-legend {
    width: 25%;
    float: left;
}
.legend-column {
    width: 50%;
    float: left;
    text-align: center;
}
.access-color {
    width: 30px;
    height: 30px;
    background: green;
    margin: 0 auto 0 auto;
    border-radius: 50%;
}
.no-access-color {
    width: 30px;
    height: 30px;
    background: red;
    margin: 0 auto 0 auto;
    border-radius: 50%;
}
.caregivers-heading {
    overflow: auto;
}
.caregivers-panel {
    width: 100%;
}
.careinactive {
    width: 30px;
    height: 30px;
    background: red;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
.edit-permission {
    font-size: 22px;
    cursor: pointer;
    text-align: center;
    color: #555;
    width: 10%;
}
.careactive {
    width: 30px;
    height: 30px;
    background: green;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}
.icon-valid{
    color: green;
}
.icon-invalid{
    color: red;
}
.dependents-mobile,
.caregivers-mobile{
    display: none!important;
}
.dependents-web,
.caregivers-web{
    display: initial!important;
}
.caregiver-table th {
    text-align: center;
}
.caregivers-panel .panel-body {
    padding: 0px;
}
.agree-text {
    margin: 5px 0 2px 30px;
    background: salmon;
    border-radius: 2px;
    text-align: center;
}
.page-divider hr {
    border: 2px solid #777;
}
.page-divider {
    padding:0 20px 0 20px;
}
/* Start Dependants Dropdown */
.dependent-info-wrapper {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    margin: 20px 0;
    padding: 0 20px;
}
.cancel-button {
    font-size: 20px;
    right: 200px;
    position: absolute;
    color: #8b0000;
    padding: 5px 10px;
    cursor: pointer;
}
.dependent-header{
    text-align: center;
}
.dependent-info {
    width: 50%;
    float: left;
    padding: 20px 0;
}
.dependent-info h3{
    margin: 0 0 10px 0;
    text-decoration: underline;
}
.dependent-info span{
    font-size: 16px;
}
.dependent-info-last{
    width: 100%!important;
}
.dependent-info-full{
    width: 100%;
    float: left;
}
.dependent-info-half{
    width: 50%;
    float: left;
}
.dependent-info-half h4{
    margin: 0;
    font-weight: bold;
}
.dependent-dropinfo {
    position: relative;
    top: -50px;
}
.add-tooltip{
    width:90%;
    float: left;
}
.tooltip-icon{
    margin: 2% 0 0 0;
    cursor: pointer;
}
.no-td-border{
    border: 1px solid transparent!important;
    border-top: 2px solid transparent!important;
    background: #fdfdfd!important;
}
.dependent-messaging {
    float: left;
    width: 90%;
}
.dependents-container {
    background: #fff;
    border-radius: 4px;
}
.alert-info .glyphicon-exclamation-sign {
    padding: 0 5px 0 0;
}
select.dependent-info-half {
    width: 40%!important;
    display: block;
    margin: 0 10% 0 0;
}
/* End Dependants Dropdown */

/******* Animations ***********/
.page {
    font-size: 1.5em;
    outline: 1px solid #c8c8c8;
    color: white;
}

.home {
    background-color: #88cc88;
}

.one {
    background-color: #ff2b3c;
}

.two {
    background-color: #aacc22;
}

.three {
    background-color: red;
}

.view-animate-container {
    position: relative;
}
.view-animate {
    position:absolute;
}
.animate-housing {
    width: 100%;
}
.faq-house {
    height: 100%;
    overflow: auto;
}

/*Miscellaneous*/
div#auto-fill-user {
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    padding: 25px;
    font-weight: bold;
}
.activate-autorefill-panel {
    height: 90px;
}
.auto-refill-toggle label {
    margin: 0px 10px;
}
.auto-refill-toggle {
    float: left;
    margin-left: 20px;
    padding: 15px;
    margin-top: -20px
}
.auto-refill-help {
    margin-top: 20px;
    width: 540px;
    float: left;
}
.auto-refill-submit {
    width: 275px;
    float: right;
    height: auto;
}
.autorefill-body-class .panel {
    overflow: hidden;
}
.auto-refill-btn {
    margin-right: 20px;
    margin-top: 20px;
}
.switch-right {
    color: #fff!important;
    background: red!important;
}
.toggle-btn {
    margin: 5px;
    width: 70px;
}

/******Layout Animation******/

.fade .view-animate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}
.fade .view-animate.ng-enter,
.fade .view-animate.ng-leave {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.fade .view-animate.ng-enter {
    opacity: 0;
}
.fade .view-animate.ng-enter-active {
    opacity: 1;
}
.fade .view-animate.ng-leave {
    opacity: 1;
}
.fade .view-animate.ng-leave-active {
    opacity: 0;
}
/********/
.slide .view-animate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.slide .view-animate.ng-enter,
.slide .view-animate.ng-leave {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}
.slide .view-animate.ng-enter {
    left: 100%;
}
.slide .view-animate.ng-enter-active {
    left: 0;
}
.slide .view-animate.ng-leave {
    left: 0;
}
.slide .view-animate.ng-leave-active {
    left: -100%;
    opacity: 0
}
/********/
.slideleft .view-animate {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;

}
.slideleft .view-animate.ng-enter,
.slideleft .view-animate.ng-leave {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}
.slideleft .view-animate.ng-enter {
    right: 100%;
}
.slideleft .view-animate.ng-enter-active {
    right: 0;
}
.slideleft .view-animate.ng-leave {
    right: 0;
}
.slideleft .view-animate.ng-leave-active {
    right: -100%;

}
/***************/

.rotate .view-animate {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.rotate  .view-animate.ng-leave {
    -webkit-animation-name: rotate-leave;
    -moz-animation-name: rotate-leave;
    animation-name: rotate-leave;
}
.rotate .view-animate.ng-enter {
    -webkit-animation-name: rotate-enter;
    -moz-animation-name: rotate-enter;
    animation-name: rotate-enter;
}
@keyframes rotate-leave {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0deg);
        transform-origin: center center;
        transform: rotate(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-180deg);
        transform-origin: center center;
        transform: rotate(-180deg);
        opacity: 0;
    }
}
@keyframes rotate-enter {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-180deg);
        transform-origin: center center;
        transform: rotate(-180deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-360deg);
        transform-origin: center center;
        transform: rotate(-360deg);
        opacity: 1;
    }
}

/*************/

.animate-housing {
    min-height: 72vh;
    background-color: #fff !important;
}
/* -moz, -o- prefexies are skipped */
.flip .view-animate {
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -webkit-transform 1s;
    -o-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -webkit-perspective: 600px;
    perspective: 600px;
}
.flip .view-animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.flip .view-animate.ng-enter {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.flip .view-animate.ng-enter-active {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);

}
.flip .view-animate.ng-leave {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flip .view-animate.ng-leave-active {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.slide-down.ng-enter,
.slide-down.ng-leave{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.slide-down.ng-leave,
.slide-down.ng-enter.ng-enter-active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.slide-down.ng-enter,
.slide-down.ng-leave.ng-leave-active {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
/* Emergency Messaging */
.emergency-message-banner-wrapper{
    background: salmon;
    color: #fff;
    padding: 10px 0;
    display: block;
    position: relative;
    width: 100%;
}
.emergency-message-banner{
   display: block;
   width: 90%;
   max-width: 1170px;
   margin: auto;
}
.emergency-message{
   margin: 0;
   text-align: center;
}

select {
    margin: 0px;
    height: 45px!important;
}

select.custom {
    background-image: url('../images/custom_select.png')!important;
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    -webkit-appearance: none;
    -moz-appearance: none!important;
    appearance: none;
}

select.custom::-ms-expand {
    display: none;
}



.shippingaddy {
    margin-top: 18px;
}

.needcc {
    background: #ffe9ec;
    padding: 10px;
}
.secondary-user {
    background: navajowhite;
    padding: 10px;
}
/*Loading Indicator*/
.loading-indicator h5 {
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
}
.spinner.large {
    margin: 100px auto;
}
.spinner.right {
    margin: 0 100px 0 0;
    float: right;
}
.spinner {
    margin: 0 auto;
    width: 300px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    color: #999;
}

.spinner > div {
    background: #659EC7;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: pharm-stretchdelay 1.2s infinite ease-in-out;
    animation: pharm-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.covid-form-footer {
    text-align: center;
}

@-webkit-keyframes pharm-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes pharm-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
/*****My Account Animation*******/

/* ng-hide animation */
/*.mobile-tab-nav.ng-hide-remove         { animation:0.5s animationFrames ease; }*/

/*!* ng-show animation *!*/
/*.mobile-tab-nav.ng-hide-add      { animation:0.5s lightSpeedOut ease; }*/



.mobile-tab-nav {
    transition: .2s linear all;
    height: 290px;
    overflow: hidden;
}
.mobile-tab-nav.ng-hide {
    height:0;
}

/* flip in */
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
        transform: perspective(400px);
        transform: perspective(400px);
    }
}

/* light speed out */
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
/*Out Effect*/
.element-animation{
    animation: animationFrames linear 0.8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames linear 0.8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationFrames linear 0.8s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationFrames linear 0.8s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationFrames linear 0.8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
}

/*Message Center*/
span.new-message {
    font-style: normal;
    margin: 0 0 0 15px;
    color: orangered!important;
}
.message-full p {
    padding: 0 0 0 10px;
}
.message-full {
    padding: 10px 10px 0 10px;
    margin: 0 0 15px 0;
}
.message-full label {
    margin: 0;
    text-transform: uppercase;
    color: #555;
    padding: 5px 10px 3px 0;
    font-weight: normal;
    border-bottom: 1px solid #555    
}
.message-full h6 {
    font-weight: bold;
    font-size: 14px;
    word-wrap: break-word;
}
textarea.message-body {
    width: 100%;
    height: 90px;
    margin: 0 0 15px 0;
    border-color: #ddd;
    padding: 10px;
    background: #F8F9F9;
    border-radius: 5px;
}
textarea:placeholder-shown {
    font-family: arial, sans-serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    /* padding-top: 60px; */
}
h5.msg-sender {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}
h4.msg-type-header {
    font-size: 18px!important;
    font-weight: bold;
    color: #444!important;
    letter-spacing: 1px;
    background: #ccc;
    padding: 5px 10px!important;
}
h4.msg-type-header.replies {
    margin: 0 10px;
}
/*Message Center*/
p.msg-disclaimer {
    text-align: center;
    margin: 10px;
    color: salmon;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding: 5px 0 10px 0;
}
hr.header-hr {
    margin-bottom: 5px;
}
.create-message i {
    width: 30px;
    border-radius: 50%;
    background: #999;
    color: #fff;
    height: 30px;
    padding: 3px 4px 5px 3px!important;
    margin: 0px;
}
.create-message {
    margin: 20px 10px 15px 0px;
}
.create-message h5 {
    width: 135px;
    float: left;
    text-transform: uppercase;
}
.recent-messages-header-container {
    background: #eee;
    padding: 10px;
}
.legend-color.message-list {
    margin: 0px 30px 0 0;
    float: right;
    width: 25px;
    height: 25px;
}
h4.recent-messages-header {
    width: 50%;
    float: left;
    padding: 0px;
}
.legend-container {
    overflow: auto;
    width: 50%;
}
.legend-color {
    width: 30px;
    height: 30px;
    background: #333;
    margin: 10px auto 0 auto;
    border-radius: 50%;
}
.legend-container-inner {
    text-align: center;
    width: 50%;
    float: left;
}
.patient-initiated {
    background: cornflowerblue;
}
.advocate-initiated {
    background: limegreen;
}
.message-item textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
    padding: 10px;
}
.text-area-container button {
    background: #444;
    padding: 10px 20px;
    margin: 10px 0 0 0;
    color: #fff;
    border: none;
}
button.submit.submit-disabled {
    opacity: .4;
    cursor: not-allowed;
}
.text-area-container button:hover {
    background: #333;
}
.text-area-container {
    width: 100%!important;
}
.display-content h4 {
    text-transform: uppercase;
    padding: 15px;
    font-size: 30px;
    color: #777;
    margin: 0px;
}
.message-inner-container {
    background: #eee;
    padding: 15px;
}
i.message-toggle {
    transform: rotate(-90deg);
    float: left;
}
i.message-toggle-expanded {
    transform: rotate(0deg)
}
h6.initial-time-stamp {
    padding: 0px 0 0 30px;
    font-style: italic;
}
h6.message-body {
    line-height: 1.5;
    font-size: 14px;
    font-weight: normal;
    word-wrap: break-word;
}
.message-item i {
    margin: 1px 5px;
    cursor: pointer;
}
/*@keyframes animationFrames{*/
    /*0% {*/
        /*transform:  translate(0px,0px)  ;*/
    /*}*/
    /*15% {*/
        /*transform:  translate(0px,-25px)  ;*/
    /*}*/
    /*30% {*/
        /*transform:  translate(0px,0px)  ;*/
    /*}*/
    /*45% {*/
        /*transform:  translate(0px,-15px)  ;*/
    /*}*/
    /*60% {*/
        /*transform:  translate(0px,0px)  ;*/
    /*}*/
    /*75% {*/
        /*transform:  translate(0px,-5px)  ;*/
    /*}*/
    /*100% {*/
        /*transform:  translate(0px,0px)  ;*/
    /*}*/
/*}*/

.animate-if.ng-enter, .animate-if.ng-leave {
    -webkit-transition: .2s linear all;
    -moz-transition: .2s linear all;
    -ms-transition: .2s linear all;
    -o-transition: .2s linear all;
    transition: .2s linear all;
}

 .animate-if.ng-enter {
    max-height: 0;
    opacity: 0;
}
/*@-webkit-keyframes animationFrames {*/
    /*0% {*/
        /*-webkit-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*15% {*/
        /*-webkit-transform:  translate(0px,-25px)  ;*/
    /*}*/
    /*30% {*/
        /*-webkit-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*45% {*/
        /*-webkit-transform:  translate(0px,-15px)  ;*/
    /*}*/
    /*60% {*/
        /*-webkit-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*75% {*/
        /*-webkit-transform:  translate(0px,-5px)  ;*/
    /*}*/
    /*100% {*/
        /*-webkit-transform:  translate(0px,0px)  ;*/
    /*}*/
/*}*/

 .animate-if.ng-enter.ng-enter-active {
    max-height: 999px;
    opacity:1;
}
/*@-o-keyframes animationFrames {*/
    /*0% {*/
        /*-o-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*15% {*/
        /*-o-transform:  translate(0px,-25px)  ;*/
    /*}*/
    /*30% {*/
        /*-o-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*45% {*/
        /*-o-transform:  translate(0px,-15px)  ;*/
    /*}*/
    /*60% {*/
        /*-o-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*75% {*/
        /*-o-transform:  translate(0px,-5px)  ;*/
    /*}*/
    /*100% {*/
        /*-o-transform:  translate(0px,0px)  ;*/
    /*}*/
/*}*/

 .animate-if.ng-leave {
    max-height: 999px;
    opacity:1;
}
/*@-ms-keyframes animationFrames {*/
    /*0% {*/
        /*-ms-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*15% {*/
        /*-ms-transform:  translate(0px,-25px)  ;*/
    /*}*/
    /*30% {*/
        /*-ms-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*45% {*/
        /*-ms-transform:  translate(0px,-15px)  ;*/
    /*}*/
    /*60% {*/
        /*-ms-transform:  translate(0px,0px)  ;*/
    /*}*/
    /*75% {*/
        /*-ms-transform:  translate(0px,-5px)  ;*/
    /*}*/
    /*100% {*/
        /*-ms-transform:  translate(0px,0px)  ;*/
    /*}*/
/*}*/

 .animate-if.ng-leave.ng-leave-active {
    max-height: 0;
    opacity:1;
}

.message-item-inner {
    margin: 10px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
}
h6.time-stamp {
    text-align: right;
    position: relative;
    margin-top: -25px;
    font-style: italic;
}

/*input[type="checkbox"] {*/
    /*display: none;*/
/*}*/
/*label {*/
    /*cursor: pointer;*/
/*}*/
/*input[type="checkbox"] + label:before {*/
    /*border: 1px solid #555;*/
    /*background: #555;*/
    /*border-radius: 50%;*/
    /*content: "\00a0";*/
    /*display: inline-block;*/
    /*font: 16px/1em sans-serif;*/
    /*height: 16px;*/
    /*margin: 0 .25em 0 0;*/
    /*padding:1px;*/
    /*vertical-align: top;*/
    /*width: 20px;*/
    /*height:20px;*/
/*}*/
/*input[type="checkbox"]:checked + label:before {*/
    /*background: #555;*/
    /*color: lime;*/
    /*content: "\2713";*/
    /*text-align: center;*/
/*}*/
/*input[type="checkbox"]:checked + label:after {*/
    /*font-weight: bold;*/
/*}*/
.create-message-toggle i {
    cursor: pointer;
}
.create-message-toggle {
    width: 175px;
    float: left;
    cursor: pointer;
}
input.new-message-input {
    width: 100%;
    height: 45px;
    margin: 0 0 10px 0;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ddd;
}
.new-message-wrapper h5 {
    font-weight: bold;
    font-size: 18px;
    width: 185px;
    margin: 0;
}
button.btn.submit-btn {
    background: cornflowerblue;
    color: #fff;
}
button.btn.cancel-btn {
    background: salmon;
    color: #fff;
}
.no-messages h5 {
    font-weight: bold;
    margin: 0 5px 5px 5px;
}
.no-messages {
    text-align: center;
    background: #efefef;
    padding: 10px;
    width: 300px;
    margin: auto;
}
/*Notification Messages */
.notifications {
    position: absolute;
    width: 500px;
    background: #ddd;
    color: #000;
    padding: 10px;
    z-index: 1;
    border-radius: 0 0 10px 10px;
}
.notifications-inner-right {
    width: 20%;
    float: left;
    text-align: right;
}
.notifications-inner-right h6 {
    text-decoration: underline;
    cursor: pointer;
    padding: 0 5px 0 0;
}
.notifications-inner-left h5 {
    line-height: 1.5;
    padding: 0 0 0 5px;
}
.notifications-inner-left {
    width: 80%;
    float: left;
}
hr.message-notification-hr {
    margin: 0 5px;
    border-color: #bbb;
}
.notifications-container {
    position: relative;
    right: 350px;
}
.message-notifications-container {
    float: right;
    margin-top: -62px;
    position: relative;
    z-index: 2;
    background: #ddd;
    padding: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.notify-count {
    float: left;
    background: red;
    border-radius: 20px;
    padding: 0px 6px;
    font-size: 10px;
    color: #fff;
    cursor: pointer;
}
.notification-toggle h5 {
    float: left;
    margin: 7px 5px 10px 12px;
    cursor: pointer;
    font-weight: bold
}

input#myFileUpload {
    padding: 10px;
    background: #ddd;
    border-radius: 5px;
    margin: -10px 10px 10px 0;
}
input.file-input.reply {
    margin: 10px 0 0 0!important;
}
h3.message-subject {
    width: 90%;
    font-size: 20px;
    cursor: pointer;
}
/*Old Messages*/
.read-message-list span {
    color: dodgerblue;
    margin: 0 0 0 5px;
}
.read-message-list span:hover {
    color: navy;

}

/* .read-message-list {
    background: #eee;
    padding: 10px 15px;
    margin: -20px 0 0 0;
} */
.read-message-list .message-hr {
    border: .5px solid #999;
}
p.attachment-download:hover {
    text-decoration: underline;
}
p.attachment-download {
    color: #039BE5;
    cursor: pointer;
}
i.material-icons.visible-off:hover {
    color: #FF7800;
}
i.material-icons.visible-off {
    color: #FF9231;
}
.list-toggle-wrapper .toggle {
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px;
}
.list-toggle-wrapper .toggle:hover {
    background: #0D47A1;
    color: #fff;
}
.toggle.selected {
    background: #1565C0;
    color: #fff;
}

.list-toggle-wrapper .toggle h5 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 5px;
    cursor: pointer;
    color: #fff
}
.list-toggle-wrapper .toggle.left {
    border-right: 1px solid #154360;
}
.list-toggle-wrapper {
    overflow: auto;
    background: #64B5F6;
}
.messages-sub-header {
    font-weight: bold; 
    text-transform: uppercase; 
    font-size: 18px;
}

/* Pharmacy Drug Lookup */
.pharmacy-drug-error{
    background: salmon;
    color: #fff;
    text-align: center;
    padding: 2px 5px;
    border-radius: 0 0 5px 5px;
    position: relative;
    top: -3px;
    left: 10px;
}
.pharmacy-drug-wrapper {
    display: block;
    float: left;
    width: 100%;
    max-width: 1170px;
}
.pharmacy-drug-wrapper-container {
    display: block;
    /* width: 80%; */
    margin: auto;
}
.pharmacy-drug-container {
    display: block;
    width: 100%;
    float: left;
    background: #f3f3f3;
    padding: 2%;
}
.pharmacy-drug-info-container{
    display: block;
    float: left;
    width: 100%;
}
.pharmacy-drug-info-container p {
    font-size: 16px;
}
.pharmacy-drug-info-container i {
    /* color: #4698cb; */
    font-weight: bold;
    font-size: 30px;
}
.pharmacy-drug-lookup-container {
    display: block;
    float: left;
    width: 100%;
    /* background: #4698cb; */
    padding: 2%;
    border-radius: 30px;
}
.pharmacy-lookup-container {
    display: block;
    float: left;
    width: 100%;
    /* background: #4698cb; */
    padding: 5px 2%;
    border-radius: 20px;
}
.drug-lookup-container {
    display: block;
    float: left;
    width: 100%;
    padding: 5px 2%;
    border-radius: 20px;
}
/* .drug-info-background{
    background: #4698cb;
} */
.no-drug-info-background{
    background: #fff;
    /* border: 1px solid #4698cb; */
}
.pharmacy-lookup-container input,
.pharmacy-lookup-container select,
.drug-lookup-container input,
.drug-lookup-container select,
.pharmacy-drug-lookup-container input,
.pharmacy-drug-lookup-container select{
    border: none;
    border-bottom: 1px solid #ddd;
    height: 45px;
    padding: 0 0 0 10px;
    display: inline-block;
    border-radius: 10px;
    margin: 5px 0;
}
.pharmacy-lookup-container select.ng-untouched,
.drug-lookup-container select.ng-untouched,
.pharmacy-drug-lookup-container select.ng-untouched{
    color: #676767;
    font-style: italic;
}
.drug-lookup-container select:disabled,
.pharmacy-drug-lookup-container select:disabled,
.pharmacy-only-lookup select:disabled{
    background-color: #ebebe4;
}
.form-spacing{
    margin: 10px 0;
}
.form-field {
    display: initial;
}
.form-field .helper{
    color: salmon;
}
.option-placeholder{
    font-weight: bold;
    color: #666;
    font-style: italic;
}
.input-full-width{
    width: 100%;
    float: left;
}
.input-drug{
    float: left;
    width: 59%;
    margin: 5px 1% 5px 0;
}
.pharmacy-lookup-container input:placeholder-shown,
.drug-lookup-container input:placeholder-shown,
.pharmacy-drug-lookup-container input:placeholder-shown{
    font-weight: bold;
}
.input-10{
    float: left;
    width: 10%;
    margin: 5px 0px;
}
.input-18{
    float: left;
    width: 18.5%;
    margin: 5px;
}
.input-20{
    float: left;
    width: 20%;
    margin: 5px;
}
.input-22 {
    display: block;
    float: left;
    width: 21%;
    margin: 5px 0 5px 5px;
}
.input-25{
    float: left;
    width: 25%;
    margin: 5px;
}
.input-32{
    float: left;
    width: 31.5%;
    margin: 5px 0;
}
.input-48{
    float: left;
    width: 47.5%;
    margin: 5px 0;
}
.input-78 {
    display: block;
    float: left;
    width: 78%;
    margin: 5px 0;
}
.input-w-label{
    float: left;
    width: 77%;
}
.input-label {
    color: #fff;
    padding: 20px 5px 0 11px;
    float: left;
    width: 23%;
    font-weight: 600;
}
.required-field::-webkit-input-placeholder{
    color: #e70000;
}
.required-field:-moz-placeholder{
    color: #e70000;
}
.required-field::-moz-placeholder{
    color: #e70000;
}
.required-field:-ms-input-placeholder{
    color: #e70000;
}
.required-field::-ms-input-placeholder{
    color: #e70000;
}
.required-field::placeholder{
    color: #e70000;
}
.spinner-wrapper {
    position: relative;
    float: right;
}
.input-spinner {
    position: absolute;
    right: 40px;
    top: 20px;
}
.pharmacy-drug-loading{
    font-size: 30px;
    color: #fff;
    float: right;
    padding: 16px 20px;
}
.pharmacy-drug-break {
    display: block;
    float: left;
    width: 100%;
    height: 1px;
    margin: 2% 0;
    background: #fff;
}
.drug-search-no-drug{
    cursor: pointer;
}
.drug-search-no-drug p {
    color: #fff;
    margin: 10px 0;
}
.large-search {
    font-size: 30px;
}
.drug-lookup-button-container,
.price-it-button-wrapper{
    display: block;
    float: left;
    width: 100%;
}
.price-it-button-container{
    width: 310px;
    float:right;
}
.price-it-button-container .price-it-button{
    display: block;
    background-color: #6eaf4d;
    outline: none;
    color: #fff;
    font-weight: 600;
    border: none;
    margin: 10px auto 20px auto;
    padding: 13px 62px;
    border-radius: 13px;
}
.pharmacy-lookup-button-container .drug-lookup-button {
    float: right;
    background-color: #6eaf4d;
    outline: none;
    color: #fff;
    font-weight: 600;
    border: none;
    margin: 10px 0;
    padding: 13px 62px;
    border-radius: 13px;
}
.drug-lookup-button-container .drug-lookup-button,
.pharmacy-toggle-button-container .drug-lookup-button{
    float: right;
    background-color: #6eaf4d;
    outline: none;
    color: #fff;
    font-weight: bold;
    border: none;
    margin: 10px 0;
    padding: 8px 50px;
    border-radius: 5px;
    width: auto;
}
.drug-lookup-button-container .drug-lookup-button:hover,
.pharmacy-toggle-button-container .drug-lookup-button:hover,
.pharmacy-lookup-button-container .drug-lookup-button:hover,
.price-it-button-container .price-it-button:hover{
    background-color: #59a732;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.drug-lookup-button-container .drug-lookup-button:active,
.pharmacy-toggle-button-container .drug-lookup-button:active,
.pharmacy-lookup-button-container .drug-lookup-button:active,
.price-it-button-container .price-it-button:active{
    background-color: #68ac46;
}
.drug-lookup-button-container .drug-lookup-button:disabled,
.pharmacy-toggle-button-container .drug-lookup-button:disabled,
.pharmacy-lookup-button-container .drug-lookup-button:disabled,
.price-it-button-container .price-it-button:disabled{
    background-color: #90af81;
    box-shadow: none;
}
/* .drug-lookup-button {
    display: block;
    float: left;
    width: 20%;
    margin: 10px 0px 10px 10px;
    background: green;
    outline: none;
    border-radius: 10px;
    border: none;
    color: #fff;
    padding: 13px 0;
} */
.pharmacy-result-info {
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    margin: 8px 0;
}
.pharmacy-result-header {
    font-weight: bold;
    padding: 10px 0 0;
    font-size: 16px;
    user-select: none;
}
.pharmacy-result-subheader {
    width: 50%;
    float: left;
    padding: 12px 0 0;
}
.pharmacy-result-name,
.pharmacy-result-address {
    display: block;
    float: left;
    width: 15%;
    text-align: center;
    min-width: 1px;
}
.pharmacy-result-distance,
.pharmacy-result-phone {
    display: block;
    float: left;
    width: 10%;
    text-align: center;
    min-width: 1px;
}
.pharmacy-result-price {
    display: block;
    float: left;
    width: 45%;
    text-align: center;
    min-width: 1px;
}
.pharmacy-result-icon{
    display: block;
    float: left;
    width: 5%;
    text-align: center;
    min-width: 1px;
    cursor: initial;
    user-select: none;
}
.pharmacy-result-name p,
.pharmacy-result-address p,
.pharmacy-result-distance p,
.pharmacy-result-phone p,
.pharmacy-result-price p {
    margin: 0;
}
/* .pharmacy-result-address p {
    white-space: nowrap;
} */
.fw-bold {
    font-weight: 700;
}

.pa-status-tooltip > .tooltip-inner {
    color: black;
    z-index: 100;
    background-color: white;
    padding: 3px;
    top: 20px; 
    left: 20px;
}

.pharmacy-result-header p i.material-icons.pharmacy-drug-tooltip{
    font-weight: normal;
}
.material-icons.pharmacy-drug-tooltip {
    font-size: 21px;
    color: #6eaf4d;
    cursor: pointer;
    font-weight: normal;
}
.fa-question-circle.pharmacy-drug-tooltip {
    font-size: 20px;
    color: #6eaf4d;
    cursor: pointer;
    font-weight: normal;
    vertical-align: middle;
}
.pharmacy-result-paging-wrapper{
    display: block;
    float: left;
    width: 100%;
}
.pharmacy-result-paging-container {
    float: right;
    display: block;
    width: inherit;
    max-width: 310px;
    height: 30px;
    margin: 10px 0 5px 0;
}
.pharmacy-result-paging-container p {
    display: block;
    float: left;
    padding: 5px 10px;
    user-select: none;
    background: #fff;
    height: 30px;
    margin: 0;
    border: 1px solid #c7c7c7;
}
.pharmacy-result-paging-container p:hover {
    background: #f3f3f3;
    /* box-shadow: 0 0 5px rgba(0,0,0,.1); */
}
.pharmacy-result-paging-container .pager-container{
    cursor: pointer;
}
.pharmacy-result-paging-container .pager-container:first-child{
    border-radius: 5px 0 0 5px;
}
.pharmacy-result-paging-container .pager-container:last-child{
    border-radius: 0 5px 5px 0;
}
.pharmacy-result-paging-container .pager-container.arrow-disabled{
    cursor: initial;
    /* box-shadow: none; */
}
.pharmacy-result-paging-container .pagination-placeholder:hover{
    background: initial;
}
.pharmacy-result-paging-container .pager{
    margin: -3px 0 0 0;
}

.arrow-disabled {
    color: #a9a9a9;
    cursor: initial;
    background: #fff!important;
}
.pharmacy-result-page-view{
    cursor: pointer;
}
.pharmacy-result-paging-container p.page-selected {
    /* color: #4698cb; */
    font-weight: bold;
    background: #e5f5ff;
}
.pharmacy-result-paging-container p.page-selected:hover {
    background: #d9f1ff;
}
/* .pharmacy-result-paging-container .pager-container,
.pharmacy-result-paging-container .pharmacy-result-paging{
    float: right;
} */
.pharmacy-only-view {
    display: block;
    float: left;
    width: 100%;
}
.user-address-info{
    display: block;
    float: left;
    width: 55%;
}
.user-radius-info {
    display: block;
    float: left;
    width: 15%;
}
.user-address-info .fw-bold{
    width: 12%;
}
.user-radius-info .fw-bold{
    width: 35%;
}
.user-address-info p{
    display: inline-block;
    color: #fff;
    vertical-align: baseline;
    margin: 0;
    padding: 18px 0 0 0;
    width: 85%;
}
.user-radius-info p{
    display: inline-block;
    color: #fff;
    vertical-align: baseline;
    margin: 0;
    padding: 18px 0 0 0;
    width: 55%;
}
.pharmacy-result-filter-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
}
.pharmacy-result-filter-container {
    display: block;
    width: 96%;
    margin: auto;
}
.pharmacy-result-filter-container input {
    display: block;
    float: left;
    width: 97%;
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none;
    height: 40px;
    position: relative;
    padding: 0 0 0 10px;
}
.pharmacy-result-filter-container input:focus{
    outline: none;
}
.pharmacy-result-filter-container .input-icon {
    display: block;
    float: left;
    width: 3%;
    height: 40px;
    border-radius: 6px 0 0 6px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 24px;
    padding: 8px;
    /* color: #4698cb; */
    background: #fff;
    position: relative;
    z-index: 2;
}
.pharmacy-drug-disclaimer-wrapper {
    display: block;
    float: left;
    width: 100%;
}
.pharmacy-drug-disclaimer-container {
    display: block;
    width: 98%;
    margin: 10px auto 0 auto;
}
.pharmacy-drug-disclaimer-container p {
    font-style: italic;
}
/* .icon-blue{
    color: #4698cb;
} */
.pharmacy-drug-wrapper .tooltip.bs-tooltip-top,
.pharmacy-drug-wrapper .tooltip-inner{
    background: #fff;
    color: #000;
    font-size: 14px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    font-weight: normal;
}
.pharmacy-drug-wrapper .tooltip{
    color: #fff!important;
}
.tooltip.in{
    opacity:1!important;
}
.pharmacy-drug-wrapper .pharmacy-result-header .tooltip-arrow{
    border-top-color: #fff!important;
}
.pharmacy-drug-wrapper .pharmacy-result-info .tooltip-arrow{
    border-left-color: #fff!important;
}
.pharmacy-drug-wrapper .pharmacy-result-info .tooltip-arrow{
    border-right-color: #fff!important;
}
.drug-lookup-disclaimer-wrapper,
.price-it-disclaimer-wrapper,
.accumulator-disclaimer-wrapper {
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0 10px 0;
}
.drug-lookup-disclaimer-container,
.price-it-disclaimer-wrapper,
.accumulator-disclaimer-container {
    display: block;
    width: 98%;
    margin: auto;
}
.drug-lookup-disclaimer-container p,
.price-it-disclaimer-wrapper p,
.price-it-disclaimer-wrapper li,
.accumulator-disclaimer-container p{
    margin: 0;
    font-style: italic;
}
.drug-lookup-drug-info-container {
    display: inline-block;
    /* background: #4698cb; */
    width: 100%;
    color: #fff;
    padding: 10px 10px 0px 10px;
    border-radius: 10px;
    margin: 10px 0 0 0;
}
.drug-lookup-drug-name {
    display: inline-flex;
    width: 50%;
}
.drug-lookup-drug-quantity {
    display: inline-flex;
    width: 25%;
}
.drug-lookup-drug-supply {
    display: inline-flex;
    width: 24%
}
.drug-lookup-drug-name .fw-bold, 
.drug-lookup-drug-quantity .fw-bold, 
.drug-lookup-drug-supply .fw-bold {
    padding: 0 3px 0 0;
}
.drug-lookup-drug-details-container {
    margin: 5px;
}
.shorten-padding {
    padding: 8px 16px!important;
}
.shorten-padding:hover{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2)!important;
}
.m-10-right {
    margin-right: 10px!important;
}
.no-pharmacies-found-wrapper {
    display: block;
    float: left;
    width: 100%;
}
.no-pharmacies-found-container {
    display: block;
    width: 98%;
    margin: 20px auto;
    text-align: center;
    padding: 10px;
    background: #c5e9ff;
    border-radius: 10px;
    border: 1px solid #004875;
    font-weight: bold;
}
.no-pharmacies-found-container p{
    margin: 0;
}
.formulary-info-container {
    display: block;
    float: left;
    width: 100%;
}
.formulary-info-container .formulary-info-item-container {
    width: 33.3%;
    float: left;
    text-align: center;
}
.formulary-info-container .formulary-info-item {
    display: inline-block;
    width: 95%;
    background: #ccecff;
    margin: 10px 2.5%;
    padding: 10px;
    height: 60px;
    min-height: 60px;
    border-radius: 10px
}
.formulary-info-container .formulary-info-item p {
    font-family: 'Signika', sans-serif;
    color: #5f5f5f;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}
.formulary-info-container .formulary-info-item span{
    font-family: 'Signika', sans-serif;
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 600;
}
.formulary-info-container .no-multi-line{
    line-height: 39px;
}
.pharmacy-result-price .pharmacy-drug-loading {
    /* color: #4698cb; */
    text-align: center;
    width: 100%;
    padding: 0;
    font-size: 22px;
}
.pricing-container {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    /* background: transparent; */
    border-radius: 10px;
    color: #fff;
}

.pricing-container .brand-pricing,
.pricing-container .generic-pricing,
.pricing-container .pricing-unavailable {
    padding: 5px 0;
    display: inline-block;
    font-size: 12px;
}
.pricing-container .error-messages-tooltip{
    background: #e7270d;
    position: absolute;
    top: 14%;
    right: -11%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    cursor: pointer;
}
.pricing-subcontainer {
    float: left;
    width: 48%;
    /* background: #4698cb; */
    border-radius: 6px;
}
.pricing-subcontainer .pricing-label{
    text-decoration: underline;
}
.material-icons.pricing-checkbox {
    color: #676767;
    cursor: pointer;
}
img.tooltip-left-arrow {
    width: 5px;
    position: absolute;
    left: -5px;
    height: 10px;
    top: 5px;
}
html input[disabled],
html select[disabled] {
    background-color: #ebebe4;
    opacity: 1;
}
.tooltip-template .pharmacy-drug-break{
    background: #ff0000;
    margin: 5px 0;    
}
.transparent{
    opacity: 0;
}
.disable-check-box {
    color: #a1a1a1!important;
    cursor: not-allowed!important;
}
.inactive-link {
    pointer-events: none!important;
    cursor: default!important;
 }
 

/* IE Specific Styling */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    select::-ms-expand {
        background: transparent;
        border: none;
    }
    .feature-img{
        height: 65%;
        margin: 5px 0 0 0;
    }
    .feature-img.SPECIALTY_REFILL {
        margin: -10px 0 0 0;
        width: 85%;
        height: 82%;
    }
    .feature-img.REFILL_PRESCRIPTIONS{
        height: 75%;
    }
    .LINK_ACCOUNT svg{
        margin: -26px 0 0 0;
        height: 95%;
    }
    .MANAGE_ACCOUNT svg{
        height: 60%;
    }
    .MANAGE_DEPENDANTS svg{
        height: 62%;
    }
    .pharmacy-result-info{
        font-weight: 200;
    }
    .pharmacy-result-filter-container input:-ms-input-placeholder{
        font-weight: 200;
        font-style: italic;
    }
    .pharmacy-result-filter-container input::-ms-input-placeholder{
        font-weight: 200;
        font-style: italic;
    }
}

/*Responsive Global Elements*/
@media screen and (max-width: 560px) {
    /*Mobile Nav Styles*/
    span.icon-bar {
        background: #fff!important;
    }
    .navbar-toggle {
        border-color: #fff!important;
        margin: 12px 0;
    }
    .navbar-default {
        margin-left: -16px;
        margin-right: -16px;
    }
    .footerrow a[href^="tel:"]{
        pointer-events: auto;
        cursor: pointer;
        text-decoration: underline!important;
    }
    /*Mobile Element Styling*/
    #reportBody {
        width: 100%;
    }
    .col-md-4 {
        padding: 5px;
    }
    .col-md-8 {
        padding: 0px 5px;
    }
    .col-md-12 {
        padding: 0;
    }
    .col-md-7 {
        padding: 5px;
    }
    .panel {
        box-shadow: none!important;
        border-radius: 5px!important;
        margin-bottom: 0px;
        border: none;
        padding-bottom: 10px;
        border-color: #d3d3d3!important;
        margin: 10px 0;
    }
    #sub-footer {
        border-radius: 5px!important;
        box-shadow: none!important;
        margin-top: 0px!important;
        padding-bottom: 0px!important;
        padding-top: 0px!important;
    }
    .nabp {
        margin: 1em 0 0 0;
    }
    #body {
        padding: 0!important;
    }
    /*Hours Mobile Styling Fix*/
    .footerspan {
        width: 100%;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .footerrow {
        margin-left: 0px;
    }
    /*Popup Information Modal - Mobile logged in*/
    .modal-xlg {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .panel-body {
        padding: 15px;
        width: 100%;
        margin: 0 0 15px 0;
    }
    /*Mobile Reports*/
    .comprehensive-parent {
        height: auto!important;
    }
    .container-comprehensive {
        width: 100%;
        height: 250px;
        background: #fff;
    }
    .container-comprehensive td {
        padding-left: 10px;
    }
    .financial-parent {
        height: auto!important;
    }
    .container-financial {
        width: 100%;
        height: 175px;
        background: #fff;
    }
    .container-financial td {
        padding-left: 10px;
    }
    td.table-row-header {
        background-color: #333;
        color: #fff;
        text-align: center;
        font-size: 20px;
    }
    /*Mobile Confirmation Modal*/
    .grid-confirm-order {
        width: 100%;
    }
    .mobile-confirm-instructions h3 {
        font-size: 1.1em;
    }
    .mobile-confirm-review h2 {
        font-size: 2.2em;
        text-align: center;
        margin-top: 0px;
    }
    /*Responsive Auto Refill*/
    .auto-refill-warning p {
        width: 100%!important;
    }
    .auto-refill-warning {
        display: block!important;
        position: relative!important;
        z-index: 1!important;
        width: 100%!important;
        overflow: hidden;
    }
    .mobile-activate-auto-header {
        width: 85%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        text-align: center!important;
    }
    .link-to-refills {
        float: none!important;
        margin: 0px!important;
    }
    /*Mobile Refill Styles*/
    .charge-details-container {
        width: 100%;
        margin-top: 10px;
        border-radius: 5px;
    }
    .refill-title-panel-container {
        width: 100%;
    }
    .locked-confirm-order h5 {
        overflow: auto;
        margin: 0px;
        width: 90%!important;
    }
    .refill-list-footer {
        padding: 0px
    }
    button.btn-success {
        width: 100%!important;
        margin-bottom: 10px;
    }
    /*calculate copay*/
    .toggle-item h4 {
        font-size: 13px!important;
    }
    span.calc-radius-price {
        font-size: 13px;
    }
    /* Login Page */
    .center-login.col-md-5 {
        margin: 0;
    }
}

@media screen and (min-width: 561px) and (max-width: 990px) {
    /*Calculate Copay Mobile */
    .single-body-content {
        width: 90%!important;
    }
    .toggle-item h4 {
        font-size: 16px!important;
    }
    /*
    .selected-drug-inner .form-group {
        width: 50%!important;
        text-align: center;
        padding: 5px!important
    } */
    .form-group.calculate-button {
        width: 100%!important;
        height: auto!important;
        padding: 0px;
        overflow: auto;
    }
    .form-group.calculate-button .calc-btn {
        bottom: 0px!important;
    }
    button.btn.calc-btn {
        background: deepskyblue;
        color: #fff;
        padding: 10px 20px;
        bottom: 0px!important;
        position: relative;
    }
    .copay-result-inner-left {
        width: 100%!important;
        text-align: center;
        min-height: 80px;
    }
    .copay-result-inner-right {
        width: 100%!important;
    }
    .radius-result .form-group {
        width: 50%!important;
        padding: 5px 5px 0 5px!important;
    }
    .form-group.radius-button {
        text-align: center!important;
        width: 100%!important;
        padding:0 0 10px 0;
    }
    /* .covered-pharmacy-inner {
        width: 200px!important;
    } */
    .featured-pharmacy {
        width: 50%!important;
    }
    .radius-list-item h5 {
        min-height: 50px;
        font-size: 13px!important;

    }
    /* .radius-list-item {
        height: 225px!important;
    } */
    .radius-list-item-inner-wrap {
           min-height: 220px!important;
           margin: 10px 0 0 0
    }
    .radius-list-item-inner {
        width: 100%;
        text-align: center;
    }
    h6.no-copay {
        width: 100%;
        margin: auto;
    }
    h6.copay-display {
        width: 100%;
        margin: auto;
    }
    .mobile-app-download {
        display: block;
        overflow: auto;
        width: 350px;
        margin: 15px auto 20px auto;
    }
    .app-container {
        width: 50%;
        float: left;
        text-align: center;
    }
    .app-container img {
        width: 150px;
    }
    .feature-head-mobile {
        width: 100%;
        text-align: center;
        margin: 20px 0 0 0;
    }
    .feature-container {
        height: auto;
        width: 100%;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-tile {
        width: 33%;
        height: 170px!important;
    }
    .feature-tile-inner {
        height: 160px;
    }
    .link-to-refills {
        float: none!important;
        margin: 0px auto!important;
        width: 300px!important;
        text-align: center;
    }
    .btn-responsive {
        padding:2px 4px;
        font-size:80%;
        line-height: 1;
        border-radius:3px;
    }
    .instructions {
        clear: both!important;
        border: none!important;
    }
    .rx-info {
        border: none!important;
    }
    .rx-info-btn {
        width: 33%;
        float: left;
    }
    .logon-button, .register-button, .forgot-button {
        height: 45px;
    }
    .footer-linkage a {
        color: #fff;
        text-decoration: none!important;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
    }
    
    #boxes { display: block; } /* display on tablet */
    #mask { width: 100%!important}
    #boxes .window-app-dl {width: 40%!important}
    /*Mobile Mailorder Activate*/
    .mobile-mailorder {
        padding: 0px 15px!important;
    }
    .activate-mailorder {
        width: 50%!important;
        margin-left:auto;
        margin-right:auto;
    }
    .btn-danger {
        border-radius: 0px;
        margin-left: 0px!important;
        height: 55px;
    }
    .activate-button-container {
        width: 100%!important;
        text-align: center;
    }
    .activate-mail-subsection {
        width: 100%!important;
    }
    .mobile-continue-btn .pull-right {
        float: none!important;
    }
    .mobile-continue-btn {
        width: 100%!important;
        text-align: center;
        overflow: auto;
        position: relative;
        top: 25px;
    }
    .mobile-cancel-btn {
        width: 100%;
        text-align: center;
        overflow: auto;
        margin: 0 0 10px 0;
    }
    .mail-divider {
        display: none;
    }
    .input.medication-input.medication-input-checkbox {
        width: 20%!important;
        float: left!important;
    }
    .medication-input-checkbox input {
        margin-top: 3px!important;
        width: 40px!important;
        float: right!important;
    }
    .checkbox.mailorder-checkbox {
        position: relative!important;
        z-index: 500!important;
    }
    div#mailMedGrid {
        margin: 0 0 20px 0;
    }
    .mobile-continue-btn .btn-success {
        margin: 0 0 20px 0!important;
    }
    .medication-input {
        width: 98%!important;
    }
    .medform {
        width: 100%!important;
    }
    .mailback-btn {
        position: relative!important;
        bottom: 0px!important;
        width: 50%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-top: 10px!important;
    }
    table#mail-med-table tr {
        height: 35px!important;
    }
    table#mail-med-table {
        margin: 10px 0px!important;
    }
    .creditcard-mailorder {
        width: 100%!important;
        float: none!important;
        margin-top: 0px!important;
    }
    .check-mailorder {
        width: 100%!important;
        float: none!important;;
        margin-top: 0px!important;;
    }
    .lg-form-control {
        width: 140px!important;;
    }
    .sm-form-control {
        width: 50px!important;;
        margin-right: 15px!important;;
        float: left!important;;
    }
    .modal-xlg {
        width: 95%!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    /*Autorefill Tablet*/
    .grid-mobile {
        width: 100%!important;
    }
    .auto-refill-warning p {
        width: 100%!important;
        position: relative!important;
        z-index: 5!important;
    }
    .mobile-activte-btn {
        margin: 20px 25px 0px 0px!important;
    }
    /* PHARMACY DRUG LOOKUP */
    .pharmacy-drug-lookup-container .input-drug {
        width: 100%;
    }
    .pharmacy-drug-lookup-container .input-quantity,
    .pharmacy-drug-lookup-container .input-city,
    .pharmacy-drug-lookup-container .input-zip {
        width: 49%;
        margin: 0 1% 0 0;
    }
    .pharmacy-drug-lookup-container .input-supply,
    .pharmacy-drug-lookup-container .input-state,
    .pharmacy-drug-lookup-container .input-radius {
        width: 50%;
        margin: 0;
    }
    .pharmacy-only-view .user-address-info .fw-bold,
    .pharmacy-only-view .user-address-info p,
    .pharmacy-only-view .user-radius-info .fw-bold,
    .pharmacy-only-view .user-radius-info p{
        width: auto;
    }
    .input-label {
        width: 23%;
        padding: 20px 1% 0 3%;
    }
    .input-32 {
        width: 40%;
    }
    .input-25 {
        width: 38%;
        margin: 5px 0;
    }
    /* Login Page */
    .center-login.col-md-5 {
        margin: 0;
    }
}

@media screen and (max-width: 990px) {
    h6.help-block.button-help {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (max-width: 600px) {
    .cc-form {
        padding: 0 10px 0 40px;
    }
    /*Recaptcha*/
    .recaptcha {
        margin: 50px 0 15px 0!important;
    }
    /*new My Account*/
    .mobile-menu.ng-enter,
    .mobile-menu.ng-leave {
    -webkit-transition: height ease-in-out .3s;
    -moz-transition: height ease-in-out .3s;
    -ms-transition: height ease-in-out .3s;
    -o-transition: height ease-in-out .3s;
    transition: height ease-in-out .3s;
    }
    .mobile-menu.ng-enter,
    .mobile-menu.ng-leave.ng-leave-active {
    height: 0;
    overflow: hidden;
    }
    .mobile-menu.ng-leave,
    .mobile-menu.ng-enter.ng-enter-active {
    height: 500px;
    overflow: hidden;
    }

    .account-nav.desktop {
        display: none!important;
    }
    .account-nav.mobile {
        display: block!important;
    }
    .disclaimer {
        width: 90%;
        overflow: auto;
    }
    .notfication-form-container {
        margin: 0 auto 5% auto;
    }
   
    .dependents-web,
    .caregivers-web{
        display: none!important;
    }
    .dependents-mobile,
    .caregivers-mobile{
        display: initial!important;
    }
    .account-wrapper {
        width: 100%!important;
        padding: 20px!important;
    }
    .mobile-nav-container {
        text-align: right;
        padding: 0 20px 0 0;
        font-size: 25px;
        color: #fff;
        background: orange;
        padding: 15px;
    }
    .account-nav-wrapper {
        width: 100%!important;
        border: none!important;
        margin: 0px 0 0 0!important
    }
    
    .account-nav-wrapper ul {
        padding: 0!important;
    }
    ul.mobile-menu {
        padding: 10px 0 0 0!important;
        height: 100%;
    }
    .account-nav-wrapper h3 {
        margin: 0!important;
        padding: 0 0 0 10px!important;
    }
    ul.inner-ul li {
        margin: 10px!important;
    }
    .mobile-menu {
        position: absolute;
        background: #fff;
        z-index: 3;
        width: 100%;
        /* box-shadow: 0px 5px 10px rgba(0,0,0,.5); */
    }
    /*Other mobile Styles*/
    .mobile-app-download {
        display: block;
        overflow: auto;
        width: 100%;
        margin: 0px auto 10px auto;
        text-align: center;
    }
    .app-container {
        width: 100%!important;
        margin: 10px auto;
    }
    .app-container img {
        width: 150px;
    }
    .legend-title p {
        font-size: 9px;
        text-transform: uppercase;
        line-height: 1.5;
    }
    .head-text {
        width: 70%!important;
        float: left;
    }
    .permission-legend {
        width: 30%!important;
        float: left;
    }
    .caregiver-table td {
        height: 47px;
    }
    .caregiver-age {
        text-align: center;
    }
    body.calculatecopay-body-class .animate-housing {
        padding-bottom: 0px!important;
    }
    #lakerLinkTool .not-date {
        height: 45px;
        width: 100%!important;
    }
    
    .confirm-account {
        text-align: center;
    }
    .confirm-account button {
        border-radius: 0px;
        width: 100%;
        border: none;
        padding: 15px;
        margin: 10px 0px;
    }
    .embed-responsive.embed-responsive-16by9 {
        text-align: center;
    }
    .registration-row {
        width: 100%!important;
    }
    form div {
        padding: 5px;
    }
    .no-shipping-address {
        width: 100%!important;
    }
    /*Refill - Auto Refill Style */
    button.review-selected {
        background: green;
        border: 1px solid green;
    }
    .auto-refill-help {
        margin-top: 20px;
        float: left;
    }
    body.autorefill-body-class footer {
        bottom: 0px!important;
    }
    .auto-refill-toggle {
        margin: 0px;
    }
    .auto-refill-submit {
        width: 97%!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .activate-autorefill-panel > div {
        width: 100%;
        text-align: center;
        margin-bottom: 0px!important;
        margin-top: -20px!important;
    }
    .auto-refill-warning p {
        font-family: 'Raleway', sans-serif;
        padding: 13px!important;
    }
    .row {
        clear: both;
    }
    /* Login Page */
    body.login-class footer {
        position: relative!important;
        bottom: 0px;
    }
    footer {
        position: relative!important;
    }
    body.login-class .view-animate-container {
        height: auto!important;
    }
    .center-login.col-md-5 {
        margin: 0;
    }

    .nav-button a {
        padding-left: 0px!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        color: #fff;
        top: -20px;
        position: relative;
    }
    .nav-button a:hover, a:hover i {
        color: #000;
        text-decoration: none;
    }
    /* CODE TO REMOVE STATIC NAV BUTTON, MOVE IT TO SVG */
    /* .nav-button img {
        display: block;
        float: left;
        width: 45px;
        position: relative;
        top: -33px;
        margin: 0 10px 0 0;
    }
    .nav-button a span {
        position: relative;
        top: -18px;
    } */
    .account-btn {
        width: 100%;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        padding: 8px 10px 15px 10px !important;
    }
    img.mobile-icon {
        width: 25px;
        float: left;
    }
    .account-btn h4 {
        margin: 6px 0 0 35px;
        font-size: 12px;
    }
    #body {
        padding: 0px;
        margin-top: 0px!important;
    }
    .login-page {
        margin-top: 0px!important;
    }
    .tab-info h3 {
        display: none;
    }
    .tab-navigation ul li {
        margin: 10px 0px 0px 0px!important;
    }
    .tab-info ul {
        padding: 0px!important;
        margin: 10px!important;
    }
    .tab-navigation {
        border-right: none!important;
        padding: 0px;
        text-align: center;
        width: 100%!important;
        float: none!important;
        position: relative!important;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }
    .tab-navigation h3 {
        font-size: 18px;
        margin-right: 0px;
        background: lightgreen;
        padding: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }
    #accountView h1 {
        text-align: center!important;
    }
    /*Hidden elements*/
    .feature-tools h1 small {
        display: none;
    }
    .mobile-mailorder h1 small {
        display: none;
    }
    .formulary-header h1 small {
        display: none;
    }
    .panel.formulary-header {
        text-align: center;
        background: none;
    }
    .feature-tools h1 {
        text-align: center;
    }
    /*Animate*/
    .view-animate {
        position:relative!important;
    }
    .view-animate-container {
        position: relative;
        overflow: hidden!important;
        min-height: inherit!important;
    }
    .cancel-button{
        right: 10px!important;
    }
    /*Mobile Mailorder Activate*/
    .mobile-activte-btn {
        margin: 0px!important;
    }
    h1 small {
        font-size: 15px!important;
    }
    span.mailorder-title {
        width: 100%!important;
        float: left;
    }
    .user-mailorder label {
        width: 49%;
        font-size: 12px;
        margin: 3px!important;
        padding: 13px;
    }
    .user-mailorder label input {
        float: right;
    }
    .user-mailorder label {
            width: 100%;
            font-size: 12px;
            margin: 3px!important;
            padding: 13px;
            float: right;
            position: relative;
            z-index: 500;

    }
    span.mailorder-name h2 {
        font-size: 20px!important;
        width: 100%!important;
        overflow: hidden!important;
        text-align: center!important;
        padding: 10px!important;
    }
    .mobile-mailorder {
        padding: 0px 15px!important;
    }
    .activate-mailorder {
        width: 100%!important;
    }
    .activate-button-container {
        width: 100%!important;
    }
    .activate-mail-subsection {
        width: 100%!important;
    }
    .mobile-cancel-btn {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-continue-btn .btn-success {
        margin: 0px!important;
    }
    .mobile-continue-btn {
        width: 100%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        position: relative;
        top: 20px;
    }
    .medication-input {
        width: 98%!important;
    }
    .input.medication-input.medication-input-checkbox {
        width: 48%!important;
        float: right;
    }
    .medform {
        width: 100%!important;
    }
    .mailback-btn {
        position: relative!important;
        bottom: 0px!important;
        width: 50%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        margin-top: 20px!important;
    }
    table#mail-med-table tr {
        height: 35px!important;
    }
    table#mail-med-table {
        margin: 10px 0px!important;
    }
    .creditcard-mailorder {
        width: 100%!important;
        float: none!important;
        margin-top: 0px!important;
    }
    .check-mailorder {
        width: 100%!important;
        float: none!important;;
        margin-top: 0px!important;;
    }
    .lg-form-control {
        width: 140px!important;;
    }
    .sm-form-control {
        width: 50px!important;;
        margin-right: 15px!important;;
        float: left!important;;
    }
    .modal-xlg {
        width: 95%!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    /*Responsive Public Features - NOT LOGGED IN */
    .linkpatient-link img {
        width: 100%!important;
    }
    .linkpatient-link {
        width: 100%!important;
    }
    /*Reponsive Profile Link*/
    .activitylog {
        width: 100%!important;
    }
    .lakerlink {
        width: 100%!important;
    }
    /* .laker-date-input {
        width: 165px!important;
    } */
    .not-date {
        width: 232px!important;
    }
    /*Formulary*/

    .formulary-display {
        background: #6aa260!important;
        padding: 15px 0px!important;
    }
    .formulary-display a {
        color: #fff!important;
        font-size: 20px!important;
    }
    span.calc-radius-price {
        font-size: 13px;
    }
    /*FAQ*/
    .faq-house {
        padding: 0px 20px!important;
    }
    .toggle-item h4 {
        font-size: 13px;
    }
    /*Features*/
    .feature-container {
        height: auto;
        width: 100%;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .feature-tile {
        float: left!important;
        width: 50%;
    }
    .feature-tile-inner h5 {
        font-size: 10px;
    }
    .feature-img {
        width: 125px!important;
    }
    .feature-img.PRESCRIPTION_REPORTS {
        width: 100px!important;
        margin: 10px;
    }
    .feature-img.MANAGE_DEPENDANTS {
        margin-top: 20px;
    }
    .feature-img.MANAGE_ACCOUNT {
        width: 100px!important;
        margin: 10px 0 0 0;
    }
    .feature-img.REFILL_PRESCRIPTIONS {
        width: 110px!important;
        margin: 5px;
    }
    .feature-img.ACTIVATE_MAIL_ORDER {
        margin: 10px;
    }
    .feature-img.LOOKUP_PHARMACY {
        width: 95px!important;
        margin: 15px;
    }
    .feature-img.CALCULATE_COPAY {
        width: 95px!important;
        margin: 13px;
    }
    .feature-img.LOOKUP_FORMULARY {
        width: 105px!important;
    }
    .feature-img.SHOW_FAQ {
        width: 100px!important;
        margin: 10px;
    }

    /* Message center responsive page */
    .display-content h4 {
        font-size: 15px !important;
        padding: 33px 15px 15px !important
    }

    .no-messages {
        width: 100% !important
    }

    .account-wrapper h1 {
        font-size: 32px !important 
    }

    .formulary-details-inner {
        float: none !important;
        width: 100% !important
    }

    .toggle-item {
        width: 100% !important;
        float: none 100% !important
    }
    .toggle-item-selected {
        border-bottom: none !important
    }

    .toggle-not-selected {
        border-bottom: none !important
    }
    .selected-drug-container form {
        min-height: 710px;
        padding-bottom: 5px;
    }
    
    .selected-drug-inner .form-group {
        width: 220px !important;
        text-align: center;
        float: none !important;
        padding: 5px!important;
        margin: 0 auto !important
    }

    .password-help-block .helper {
        width: 100%;
    }
    .sso-registration-btn-container .btn-danger {
        width: 100%;
    }
    .sso-registration-btn-container .btn-success {
        width: 100%;
    }
    .sso-warning{
        padding: 10px;
    }
    /* PHARMACY DRUG LOOKUP */
    .pharmacy-drug-wrapper-container {
        width: 100%;
    }
    .pharmacy-result-info {
        width: 98%!important;
    }
    .pharmacy-drug-lookup-container .input-drug,
    .pharmacy-drug-lookup-container .input-quantity,
    .pharmacy-drug-lookup-container .input-city,
    .pharmacy-drug-lookup-container .input-zip,
    .pharmacy-drug-lookup-container .input-supply,
    .pharmacy-drug-lookup-container .input-state {
        width: 100%;
        margin: 1% 0;
    }
    .pharmacy-drug-lookup-container .input-radius{
        width: 100%;
    }
    .pharmacy-drug-lookup-container .input-radius .input-label {
        width: 15%;
        padding: 20px 5px 0 0;
    }
    .pharmacy-drug-lookup-container .input-radius .input-w-label {
        width: 85%;
    }
    .pharmacy-drug-lookup-container .pharmacy-drug-break{
        padding: 0;
    }
    .drug-lookup-drug-name,
    .drug-lookup-drug-quantity,
    .drug-lookup-drug-supply {
        width: 100%;
    }
    .formulary-info-container .formulary-info-item-container{
        width: 100%;
        padding: 0;
    }
    .formulary-info-container .formulary-info-item {
        width: 100%;
        margin: 5px 0;
    }
    .drug-search-drug .input-drug.form-field{
        width: 100%;
    }
    .drug-search-drug .form-field{
        width: 49%;
        margin: 0;
    }
    .pharmacy-only-lookup .form-field{
        width: 100%;
        margin: 5px 0;
    }
    .pharmacy-only-view .user-address-info,
    .pharmacy-only-view .user-radius-info{
        width: 100%;
    }
    .pharmacy-only-view .user-address-info .fw-bold,
    .pharmacy-only-view .user-radius-info .fw-bold{
        width: auto;
    }
    .pharmacy-only-view .user-address-info p,
    .pharmacy-only-view .user-radius-info p{
        width: 75%;
    }
    .drug-lookup-button-container .drug-lookup-button,
    .pharmacy-toggle-button-container .drug-lookup-button,
    .pharmacy-lookup-button-container .drug-lookup-button{
        width: 100%;
    }
    .m-10-right {
        margin-right: 0px!important;
    }
    .pharmacy-result-filter-container .input-icon {
        width: 8%!important;
    }
    .pharmacy-result-filter-container input {
        width: 92%!important;
    }
    .pharmacy-result-paging-container{
        float: none;
        margin: 10px auto 5px auto;
    }
    .price-it-button-container,
    .price-it-button{
        width: 100%;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px){
    .account-nav ul {
        padding: 0 0 0 10px;
    }

    .account-nav h3 {
        font-size: 20px
    }
    /* PHARMACY DRUG LOOKUP */
    .input-drug{
        width: 100%;
    }
    .input-18{
        width: 48.1%;
        margin: 5px 5px;
    }
    .drug-lookup-button-container .drug-lookup-button, 
    .pharmacy-toggle-button-container .drug-lookup-button {
        width: 100%;
    }
    .pharmacy-lookup-button-container .drug-lookup-button{
        width: 100%;
    }
    .m-10-right {
        margin-right: 0px!important;
    }
}

@media (min-width: 601px) and (max-width: 1200px) {
    .radius-list-item-inner {
        width: 100%!important;
        text-align: center!important;
    }
    .radius-list-item h6 {
        width: 100%!important;
        margin: 0px!important;
    }
    .covered-pharmacy {
        width: 100%!important;
        text-align: center!important;
        float: none;
    }
    .radius-list-item {
        overflow: auto;
        min-height: 205px;
        text-align: center;
    }
    .covered-pharmacy-inner {
        text-align: center;
        width: 100%!important;
    }
    .btn-responsive {
        padding:4px 9px;
        font-size:90%;
        line-height: 1.2;
    }
    .tab-info h3 {
        display: none;
    }
    .tab-navigation ul li {
        margin: 10px 0px 0px 0px!important;
    }
    .tab-info ul {
        padding: 0px!important;
        margin: 10px!important;
    }
    .tab-navigation {
        border-right: none!important;
        padding: 0px;
        text-align: center;
        width: 100%!important;
        float: none!important;
        position: relative!important;
        margin-left: auto;
        margin-right: auto;
        right: 0px;
    }
    .tab-navigation h3 {
        font-size: 18px;
        margin-right: 0px;
        background: lightgreen;
        padding: 15px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .cancel-button{
        right: 140px!important;
    }
    .selected-drug-container form {
        min-height: 410px;
    }
    .sso-registration-btn-container .btn-danger {
        width: 100%;
    }
    .sso-registration-btn-container .btn-success {
        width: 100%;
    }
    .pharmacy-drug-wrapper-container{
        width: 100%;
    }
}

@media screen and (min-width: 961px) {
    #boxes { display: none; }   /* hide hide on desktop */
}

/*Responsive Elements*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .center-login.col-md-5 .btn-responsive{
        font-size: 14px;
        padding: 9px;
    }
    .btn-responsive {
        font-size: 11px;
    }
    .find-refill-button {
        font-size: 11px;
    }
    .feature-tile {
        height: 165px;
    }
    .feature-tile-inner {
        height: 155px;
    }
    span.feature-span {
        width: 200px!important;
        height: 150px!important;
    }
    /* .MANAGE_ACCOUNT {
        background: url(../../img/feature_account.png) no-repeat;
        width: 200px;
        height: 180px;
    }
    .LOOKUP_FORMULARY {
        background: url(../../img/feature_formulary.png) no-repeat;
        width: 200px;
        height: 180px;
    }
    .ACTIVATE_MAIL_ORDER {
        background: url(../../img/feature_mailorderrefill.png) no-repeat;
        width: 200px;
        height: 180px;
    }
    .SHOW_FAQ {
        background: url(../../img/feature_faq.png) no-repeat;
        width: 200px;
        height: 180px;
    }
    .PRESCRIPTION_REPORTS {
        background: url(../../img/feature_prescriptionhistory.png) no-repeat;
        width: 200px;
        height: 180px;
    }
    .REFILL_PRESCRIPTIONS {
        background: url(../../img/feature_refillprescription.png) no-repeat;
        width: 200px;
        height: 180px;
    }
    .MANAGE_DEPENDANTS {
        background: url(../../img/feature_users.png) no-repeat;
        width: 200px;
        height: 180px;
    } */
    /*Calculate Copay*/
    .featured-pharmacy {
        width: 50%!important;
    }
}

@media screen and (min-width: 1200px) {
    .activate-mailorder-body-class .modal-dialog {
        width: 1000px!important;
    }
}

@media screen and (max-width: 992px) {
    .pharmacy-result-labels{
        display: none;
    }
    .pharmacy-result-filter-container {
        width: 98%
    }
    .pharmacy-result-filter-container input {
        width: 95%;
    }
    .pharmacy-result-filter-container .input-icon {
        width: 5%;
    }
    .pharmacy-result-info {
        width: 48%;
        height: 176px;
        padding: 1%;
        margin: 1%;
        border: 1px solid #4698cb;
        background: #fff;
        border-radius: 10px;
    }
    .pharmacy-result-name{
        font-size: 16px;
    } 
    .pharmacy-result-name{
        width: 86%;
    }
    .pharmacy-result-address,
    .pharmacy-result-distance, 
    .pharmacy-result-phone,
    .pharmacy-result-price {
        width: 100%;
    }
    .pharmacy-result-address a {
        width: 70%;
        display: block;
        margin: auto;
    }
    .pharmacy-result-name.has-icon{
        width: 90%;
    }
    .pricing-container .error-messages-tooltip {
        top: -95px;
        right: 0%;
        border-radius: 5px;
    }
    .tooltip-left-arrow{
        display: none;
    }
    .pricing-container {
        width: 100%;
    }
    .pricing-container-checkbox{
        position: relative;
    }
    .material-icons.pricing-checkbox {
        position: absolute;
        top: -90px;
        right: 0;
    }
    .emergency-message-banner{
        width: 90%;
    }
}
/* TODO: GET RID OF THIS LATER this is wrong!!!! :( */
@media (max-width: 600px){
    .input-spinner {
        top: -35px;
    }
}

@media (max-width: 768px) {
    /*.btn-responsive {*/
        /*padding:2px 4px;*/
        /*font-size:80%;*/
        /*line-height: 1;*/
        /*border-radius:3px;*/
    /*}*/
    /*.instructions {*/
        /*clear: both!important;*/
        /*border: none!important;*/
    /*}*/
    /*.rx-info {*/
        /*border: none!important;*/
    /*}*/
    /*.rx-info-btn {*/
        /*width: 33%;*/
        /*float: left;*/
    /*}*/
    .expriation-banner{
        display: none!important;
    }
    .expriation-banner-mobile {
        background-color: #fff3cd;
        border: 1px solid #ffeeba;
        color: #856404!important;
        font-weight: bold;
        font-size: 14px;
        display: block!important;
        padding: 10px;
        width:100%;
        border-radius: 0 0 5px 5px;
    }
    .expriation-banner-mobile p{
        top: -5px;
        display: inline-block;
        margin: 0;
    }
    .expriation-banner-mobile i{
        padding: 0 8px 10px 8px!important;
        display: inline-block;
    }
    .expriation-banner-mobile a:visited,
    .expriation-banner-mobile a:hover{
        color: #856404!important;
    }
}

.sortable { 
    padding-right: 18px;
	position: relative;
}
.sortable:hover {
    cursor: pointer;
}
.sortable:before,
.sortable:after {
    border: 6px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 64%;
    position: absolute;
    width: 0;
}
.sortable:before {
    border-bottom-color: #666;
    margin-top: -14px;
}
.sortable:after {
    border-top-color: #666;
    margin-top: 1px;
}
.brand:before,
.brand:after {
    right: 69px;
}
.generic:before,
.generic:after {
    right: 65px;
}
.mobile-sort p {
    float: left;
    width: 25%;
    margin: 20px 0px 0;
}
.mobile-sort select {
    width: 75%;
    margin-top: 10px;
    height: 40px !important;
}

.footer-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-top: 10px;
    padding-right: 10px;
    font-size: x-large;
}

.back-arrow {
    color: #FFF;
    font-size: x-large;
    padding-right: 10px;
} 

.svg-filter {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(104%) contrast(104%);
}

.dmr .control-label {
    text-align: left !important;
    padding-bottom: 10px;
}

.dmr .has-error {
    border-color: #a94442; /* The default red for Bootstrap's danger state */
    border-width: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.dmr label.has-error {
    color: #a94442 !important;
    margin-left: 16px;
}

#name-cell, #drug-name-cell {
    background-color: #c8c8c8; 
    color: white;
    cursor: pointer;
}