/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

 /* Slide Down */
 .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;
 }
 .emergency-message-banner{
    display: block;
    width: 90%;
    max-width: 1170px;
    margin: auto;
}
.emergency-message{
    margin: 0;
}
 /*Custom Sidebar Links*/
 .sidebar-link a {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    overflow: auto;
}
 /*Billing Information*/
 .cc-type {
    width: 200px;
    float: right;
    text-align: right;
    margin: -26px 15px 0 0;
    font-style: italic;
    color: #bbb;
}
/*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;
}

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

.login-messaging {
    margin: 0px 0 30px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 0 30px 0;
    overflow: auto;
}
.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-section {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

/* .achc-logo {
    margin-right: 20px
} */
.achc-logo img {
    width: 75px;
    display: inline-block;
    margin-right: 6px;
}

.achc-logo img:nth-child(2) {
    margin-right: 0;
}

.footnote {
    font-style: italic;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 12px;
}

.urac {
    text-align: center;
    margin: 10px 0;
}
/*FAQ*/
.spanish-download{
    margin: 10px 0;
}
.spanish-download a{
    overflow: auto;
    background: #82CFC8;
    padding: 12px 25px;
    margin: 10px 0;
    color: #fff!important;
}
.faq-item .faq-label {
    color: fuchsia;
}
.faq-item .faq-tab {
    margin-left: 42px;
}
.faq-item .faq-error{
    color: red;
}
.hours-extra-info {
    color: red;
}
/* Home SCreen */
.getting-started .fa,
.getting-started .fas {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 30px;
    color: #0078ff;
    background: #d4f0ff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: super;
}
.getting-started p {
    display: inline-block;
    width: 90%;
    margin: 20px 0;
    font-size: 16px;
}
.getting-started button{
    float: right;
}
.btn-container{
    display: block;
    float: left;
    width: 100%;
}
.account-info {
    display: block;
    float: left;
    width: 100%;
}
/* CopyRightInfo */
.copyright-info{
    padding: 20px 0 0px 0;
}
/*Quick-Refill*/
.statusOrder .panel-body {
    background: #ADCDF9;
}
.pharm-link a {
    color: #fff;
    padding: 15px 60px;
}
.pharm-link {
    text-align: center;
    margin: 10px;
    padding: 15px 0;
    background: #555;
}
.multiScriptError {
    color: salmon;
    background: #fff;
    padding: 10px 0 0 1px;
}
/*text web link*/
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;
}
.container-fluid {
    height: 100%;
}
.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 {
    margin: 10px;
    font-weight: 600;
    font-size: 23px;
}
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;
}
.patient-message {
    padding: 0px 10px 10px 10px;
    color: #fff;
}
hr.patient-messages-hr {
    margin: 10px 0px 0px 0px;
}
.patient-messages {
    padding: 20px 20px;
    font-style: italic;
    background: lightsalmon;
    width: 90%;
    margin: auto
}
/* .text-check-spinner {
    position: fixed!important;
    width: 100%!important;
    height: 100vh!important;
    background: rgba(0, 0, 0, .5)!important;
    z-index: 500;
} */
.text-display.panel.text-check-spinner {
    color: #333;
    width: 50%;
    top: 0px;
    text-align: center;
    box-shadow: none;
    margin: 10px auto;
}
/*Notifications*/
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;
}
/* .notification-form {
    width: 80%;
    margin: 0 auto 0 auto;
} */
.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;
    text-align: left;
}
.enable-notifications-container .btn {
    width: 100%;
    background: #888;
    color: #fff;
}
.brand-link-container a {
    color: #fff;
    background: #333;
    text-align: center;
    padding: 10px;
    display: block;
    width: 100%;
}
/*Logged In Notify Extended Settings*/
.notify-li {
    text-align: left!important;
}
.notify-li .phone-number {
    width: 172px;
}

.notify-li .area-code {
    width: 57px!important;
    float: left;
}
/*Dispense Modal*/
.dispenses-row {
    width: 100%;
    margin: 0px;
}
/*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;
}
.statusReady .panel-body {
    background: darkturquoise!important;
}
.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;
}
/*Global Styles*/
* {
    font-family: 'Signika', sans-serif;
    line-height: 18px;
}

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%; }

body {
  /*padding-top: 50px;*/
  background-color: #FDFDFD; }

nav {
  
  height: 62px;
  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: 19px 26px !important;
}

nav ul li a:hover {
    
    text-decoration: none;
    color: #FFF;
}

nav .navbar-brand {
  padding: 8px 0px 8px 8px !important; }

.navbar-item li a:hover,
.navbar-item li a:focus {
    color: #FFF !important;
}
#navbar-element .btn-default {
    float: right;
    margin-top: 4px;
    background: #f6f6f6;
    padding: 10px 20px;
    border-radius: 3px;
    border: none;
}
#navbar-element .btn-default:hover {
    background: #d3d3d3;
}
.navbar {
    border-radius: 0 0 4px 4px;
    height: 100%;
    margin-bottom: 0;
}
#logo {
  height: 60px;
  margin-top: 5px;
  }

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

#body {
  padding: 25px 0px; }

#wrapper {
  height: 100% !important; }

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

footer p {
    font-weight: 100;
  font-family: 'Raleway', sans-serif;}

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

footer p.compliance-link {
    margin-top: 20px
}

footer p.compliance-link a,
footer p.compliance-link a:link {
    color: #fff !important
}

footer p a:hover {
  color: #e0a62b;
  text-decoration: underline; }
.address {
    color:#ffffff;
}
hr.footer-hours-divider {
    border: 1px solid #cfcfcf;
    width: 95%;

}
#sub-footer {
    margin-top: 2em;
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    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;
}
.copyright {
    padding-top: 20px;
}
.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; }

.welcome-packet a {
    color: #fff!important;
}
.welcome-packet a:hover {
    color: orange!important
}
.welcome-packet a{
    background: #333;
    width: 100%;
    display: block;
    margin: 10px 0;
    text-align: center;
    padding: 20px 15px;
}
.holiday-message{
    padding: 5px 10px;
    color: #fff;
    text-align: center;
}
.no-margin {
    margin: 0;
}

/*FAQ*/
.faq-wrapper{
    margin: 10px 0 0 0;
}
.faq-container {
    padding: 0 20px 20px 20px;
}
.faq-container {
    padding: 0;
}
.faq-inner {
    padding: 0 15px 15px 15px;
}
.faq-container h3 {
    font-size: 24px;
}
.faq-ul ul {
    list-style-type: square;
    padding: 5px 0 5px 20px;
}
.faq-ul li {
    margin: 5px 0;
}
.faq-item {
    margin: 10px 0;
}


.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;
}
/*Refills*/
.select-check {
    width: 75px!important;
    text-align: center!important;
}
.rx-number {
    width: 120px!important;
}
.drug-table-name {
    width: 200px!important;
}
.table-day-supply {
    width: 50px!important;
    text-align: center!important;
}
.table-next-fill {
    width: 75px!important;
    text-align: center!important;
}
.table-fills-left {
    width: 80px!important;
    text-align: center!important;
}
.table-status {
    width: 175px!important;
    text-align: center!important;
}
.fixedHeader tr {
    border-top: 3px solid #ddd;
    margin: 0 30px 0 0;
}
.fixedHeader th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd!important;
}
tbody.scrollContent button {
    width: 150px!important;
}
.hasScrollBar{
    margin: 0 30px 0 0;
}
.refill-header-options{
    margin: 0 0 20px 0;
}
.filterable{
    cursor: pointer;
}
.filterable:hover{
    background: #e7e7e7;
}
.selected-filter{
    background: #eee;
}
.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_AVAILABLE,
button.REFILL_AVAILABLE:focus,
button.REFILL_AVAILABLE:hover{
    background-color: green;
    color: white;
    
}
button.REFILL_READY {
    background: darkturquoise;
    color: #fff;
}
button.CALL_DOCTOR,
button.CALL_DOCTOR:focus,
button.CALL_DOCTOR:hover{
    background-color: yellow;
    color: black;
}

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

button.BEING_PROCESSED,
button.BEING_PROCESSED:focus,
button.BEING_PROCESSED:hover{
    color: white;
    background-color: blue;
}

button.NOT_ELLIGIBLE,
button.NOT_ELLIGIBLE:focus,
button.NOT_ELLIGIBLE:hover{
    background-color: green;
    color: black;
}
/* Begin Dependent Messages */
.ALLOWED_FOR_MINOR,
.ALLOWED_FOR_MINOR:focus,
.ALLOWED_FOR_MINOR:hover,
.ALLOWED_FOR_MINOR:active{
    color: #006400;
    box-shadow: none;
    cursor: default;
    outline: none!important;
}

.PATIENT_NEEDS_ACCOUNT,
.PATIENT_NEEDS_ACCOUNT:focus,
.PATIENT_NEEDS_ACCOUNT:hover,
.PATIENT_NEEDS_ACCOUNT:active{
    color: #a5790b;
    box-shadow: none;
    cursor: default;
    outline: none!important;
}

.BLOCKED_BY_PATIENT,
.BLOCKED_BY_PATIENT:focus,
.BLOCKED_BY_PATIENT:hover,
.BLOCKED_BY_PATIENT:active{
    color: #8b0000;
    box-shadow: none;
    cursor: default;
    outline: none!important;
}

.AUTHORIZED_BY_PATIENT,
.AUTHORIZED_BY_PATIENT:focus,
.AUTHORIZED_BY_PATIENT:hover,
.AUTHORIZED_BY_PATIENT:active{
    color: #006400;
    box-shadow: none;
    cursor: default;
    outline: none!important;
}

.NEEDS_PATIENT_AUTHORIZATION,
.NEEDS_PATIENT_AUTHORIZATION:visited,
.NEEDS_PATIENT_AUTHORIZATION:hover,
.NEEDS_PATIENT_AUTHORIZATION:active{
    color: #a5790b;
    box-shadow: none;
    cursor: default;
    outline: none!important;
}
.dependent-icons .fa-check{
    color: #006400;
}
.dependent-icons .fa-exclamation-circle{
    color: #a5790b;
}
.dependent-icons .fa-times{
    color: #8b0000;
}
.add-info-icon{
    display: inline-block;
    margin: 0 0 10px 0;
}
.dependent-panel .fa-info-circle,
.caregivers-panel .fa-info-circle{
    color: #555;
    padding: 0 5px;
    font-size: 16px;
}
.dependent-panel p{
    font-style: italic;
    font-size: 15px;
    color: #555;
    margin: 0 0 0 5px;
}
.caregivers-alert {
    display: block;
    float: left;
    width: 92%;
    margin: 2% 4%;
}
.table-next-fill {
    text-align: left!important;
}
.refill-sortDate{
    float: right;
    display: block;
    cursor: pointer;
}
.return-login-list{
    text-align: left;
    padding: 0 0 15px 40px;
}
.grid-select{
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0;
}
/* 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: 30px;
    position: absolute;
    color: #8b0000;
    padding: 5px 10px;
    cursor: pointer;
}
.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-half{
    width: 50%;
    float: left;
}
.dependent-info-half h4{
    margin: 0;
    font-weight: bold;
}
.no-td-border{
    border: 1px solid transparent!important;
    border-top: 2px solid transparent!important;
    background: #fdfdfd!important;
}
.dependent-toggle {
    width: 10%;
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 22px;
    color: #555;
}
.dependent-messaging {
    float: left;
    width: 90%;
}
.dependents-mobile,
.caregivers-mobile{
    display: none!important;
}
.dependents-web,
.caregivers-web{
    display: initial!important;
}
.dependents-container {
    background: #fff;
    border-radius: 4px;
}
.add-reject-caregiver .permission-icon {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.auth-messaging {
    margin: 5px 0;
    float: right;
}
.link-danger,
.authorized-link-danger{
    color: red;
}
.link-warning,
.authorized-link-warning{
    color: orange;
}
.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 */

/* Begin Caregivers */
.with-p-tag p{
    display: inline-block;
}
.edit-permission {
    font-size: 22px;
    cursor: pointer;
    text-align: center;
    color: #555;
    width: 10%;
}
.center-th {
    text-align: center;
}
.center-icon {
    text-align: center;
    font-size: 16px;
    width: 100%;
}
.icon-valid{
    color: #006400;
}
.icon-invalid{
    color: #8b0000
}
.caregivers-container{
    padding: 0;
}
.caregivers-panel {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    background: #fff;
}
.caregivers-header {
    display: block;
    float: left;
    width: 64%;
}
.caregivers-legend {
    display: block;
    float: left;
    width: 36%;
}
.caregivers-column {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.caregivers-column h4{
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.caregivers-column i{
    padding: 10% 0;
    font-size: 16px;
}
.caregivers-column-left{
    border-right: 1px solid #ccc;
}
/* End Caregivers */

#refills td {
    vertical-align: middle;
}

#refills th {
    vertical-align: middle;
}

/* Hours */
.phone-descriptor {
    float: left;
    margin: 0 5px 0 0;
}
.jps-listing{
    min-height: 210px;
}
.footercontainer > div:last-child:nth-child(3n + 1) > div > .jps-listing {
    width: 100%!important;
 }

/*User Comments*/
.user-comments.confirm-order .comments-text-area {
    width: 100%;
    border-radius: 3px;
    border-color: #ccc;
    height: 100px;
    padding: 10px;
}
.user-comments.confirm-order {
    width: 70%;
    margin: auto;
    text-align: left;
}
.user-comments.confirm-order h4 {
    padding: 0 0 0 10px;
    font-weight: bolder;
}
.user-comments.quick-refill {
    padding: 10px;
}

.user-comments.quick-refill .comments-text-area {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    opacity: .7;
    height: 100px;
}
/*ngAnimate Items*/
.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;
}
.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: 12px;
    overflow: auto
}
.login-form-btn-wrapper .btn {
    width: 100%;
    padding: 0px;
    height: 35px;
    font-size: 12px;
}

.login-form-btn-wrapper {
    width: 50%;
    float: left;
    padding: 5px;
}

.login-form-btn-wrapper.wrap-fifty {
    width: 25%;
    float: left;
    padding: 5px;
}
#small {
    width:21%;
}

#big {
    width:53%;
}
.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 {
    font-size: 55px;
    font-weight: normal;
    width: 70px;
    display: block;
    float: left;
    color: #856404;
}
.loading-security {
    display: block;
    width: 80%;
    margin: 20px auto;
    font-size: 18px;
}
.give-padding{
    padding: 0 0 20px 0;
}
/*FAQ*/
.faq-wrapper{
    margin: 10px 0 0 0;
}
.faq-container {
    padding: 0 20px 20px 20px;
}
.faq-container {
    padding: 0;
}
.faq-inner {
    padding: 0 15px 15px 15px;
}
.faq-container h3 {
    font-size: 24px;
}
.faq-ul ul {
    list-style-type: square;
    padding: 5px 0 5px 20px;
}
.faq-ul li {
    margin: 5px 0;
}
.faq-item {
    margin: 10px 0;
}
.err h5 {
    text-align: center;
    color: salmon;
    border-top: 1px solid salmon;
    border-bottom: 1px solid salmon;
    margin: 10px;
    padding: 10px;
}
@media (max-width: 768px) {
    .btn-responsive {
        padding:2px 4px;
        font-size:80%;
        line-height: 1;
        border-radius:3px;
    }
    .expriation-banner{
        display: none!important;
    }
    .expriation-banner-mobile {
        background-color: #fff3cd;
        border: 1px solid #ffeeba;
        color: #856404;
        font-weight: bold;
        font-size: 14px;
        float: left;
        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;
    }
    .modal-xlg {
        width: 96%;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding:4px 9px;
        font-size:90%;
        line-height: 1.2;
    }
    nav ul li a{
        font-size: 16px;
    }
    .emergency-message-banner{
        width: 90%;
    }
}
.panel-footer-message{
    padding: 10px 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-body {
    border:none;
}


#nav-header{
    padding-top:20px;
}
li.selected {
    height: 100%;
}


.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: black;

}
.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;}


/*************Mobile Alert*************/
/*Responsive Elements*/
@media screen and (min-width: 561px) and (max-width: 960px) {
    #boxes { display: block; } /* display on tablet */
    #mask { width: 100%!important}
    #boxes .window-app-dl {width: 40%!important}
    section#body {
        margin: auto;
    }

    #wrapper {
        padding: 0px!important;
    }

    .refill-page-container {
        padding: 0px;
    }
    .mobile-marketing-container {
        overflow: auto;
        margin: 0 0 0px 0;
    }
    #loginpage {
        width: 500px;
        margin: auto!important;
    }

    /* .refill-page-container {
    } */

    .refill-page-container {
        padding: 0px;
        width: 500px;
        margin: auto;
    }

    .container.footer-container {
        margin: auto;
    }
    div#sub-footer {
        border-radius: 0px;
    }
    .footercontainer {
        width: 100%!important;
    }
    .emergency-message-banner{
        width: 90%;
    }
}
@media screen and (min-width: 961px) and (max-width: 3000px) {
    #boxes { display: none; }   /* hide hide on desktop */
}
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;
}
/*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;
}

.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!important;
    border:1px solid;
    /*background: url(./img/error.png) #fdd6e0 no-repeat left top;*/
    background-color: #FDD6E0!important;
    color:#f6114f!important;
    -moz-box-shadow: 0px 0px 2px #f6114f!important;
    -webkit-box-shadow: 0px 0px 2px #f6114f!important;
    box-shadow: 0px 0px 2px #f6114f!important; }
.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;
    -moz-box-shadow: 0px 0px 2px #ffa121;
    -webkit-box-shadow: 0px 0px 2px #ffa121;
    box-shadow: 0px 0px 2px #ffa121;
    color: #ffa121; }
.statusTooSoon h3 {
    border-bottom: 0.1em solid #ed8900;
    text-shadow: 0 0 1px #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;
}
.scriptReady {
    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;
}
.scriptReady 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; }

/*Personal Information New Styles*/
.addresses.help-block.needcc {
    background: mistyrose;
    padding: 10px;
}
.help-text-nocc {
    margin: 10px 0 10px 5px;
    font-style: italic;
}
/* 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;
  overflow: hidden;
}
.update-banner-form-wrapper.ng-leave,
.update-banner-form-wrapper.ng-enter.ng-enter-active {
  height: 160px;
  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;
    float: left;
    display: block;
    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;
}
/*Glyphcons*/
span.glyphicon.glyphicon-info-sign {
    margin: 0 5px;
    color: #777;
}
/* Cant Reset Password Alert */
.cant-change-password {
    color: salmon;
    font-size: 18px;
    padding: 0 15px 20px 15px;
}
.nav-mobile{
    display: none!important;
}
.no-border{
    border: none!important;
}
.parental-confirmation {
    display: inline-flex;
    padding: 0 20px;
}
.parental-confirmation input {
    display: inline-flex;
    margin: 0 20px;
}
.cc-error {
    color: salmon;
    display: block;
    text-align: center;
}
.cc-add-button{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}


/*************Mobile Alert*************/
/*Responsive Elements*/
@media screen and (min-width: 0px) and (max-width: 560px) {

    .text-data-header p { /*This is Notification Styling*/
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
    }
    .script-checkbox-container {
        overflow: auto;
        width: 6%;
        float: left;
        height: auto;
    }
    .script-abr {
        width: 19%;
        float: left;
        text-align: center;
    }
    .script-status {
        width: 50%;
        text-align: center;
        float: left;
    }
    .script-copay {
        text-align: right;
        float: left;
        width: 25%;
    }
    #boxes { display: block; }  /* display on mobile */
    #mask { width: 100%}
    .mobile-marketing-container {
        overflow: auto;
    }
    .mobile-app-download .app-container {
        width: 55%;
        float: none;
        margin: 10px auto 0px auto;
    }
    .mobile-app-download {
        width: 100%!important;
        overflow: auto;
    }
    .mobile-app-download {
        width: 100%!important;
        overflow: auto;
        padding: 0 0 20px 0;
    }
    .text-display.panel {
        border-radius: 0px!important;
        box-shadow: 0px 0px 2px 1px #b3b3b3!important;
        max-width: 500px!important;
        margin: 0 auto 20px 0!important;
    }
    .text-display.panel.text-check-spinner {
        color: #333;
        width: 50%;
        top: 0px;
        text-align: center;
        box-shadow: none!important;
        margin: 10px auto!important;
    }
    h4.text-pat-name {
        margin: 10px!important;
        padding: 10px;
        text-align: center;
    }
    .login-form-btn-wrapper.wrap-fifty .btn {
        width: 100%;
        height: 35px;
    }
    .login-form-btn-wrapper.wrap-fifty {
        width: 50%;
        float: left;
        padding: 5px;
    }
    .login-form-btn-wrapper {
        width: 100%;
        padding: 5px;
    }
    .forgot-pw-btn {
        width: 100%;
        height: 35px;
    }
    .footercontainer {
        width: 100%!important;
    }
    /*Mobile Nav Styles*/
    span.icon-bar {
        background: #fff!important;
    }
    .navbar-toggle {
        border-color: #fff!important;
        margin: 12px 0;
    }
    .navbar-default {
        margin-left: -15px;
        margin-right: -15px;
    }

    /*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 {
        background: #f0f0f0;
        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;
    }
    .copyright-info{
        padding: 20px 0 10px 0;
    }
    /*Popup Information Modal - Mobile logged in*/
    .modal-xlg {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .panel-body {
        padding: 15px;
        width: 100%;
    }
    /*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;
    }
    /*Mobile table for Dependents and Caregivers*/
    .dependents-table table,
    .caregivers-table table,
    .dependents-table thead,
    .caregivers-table thead, 
    .dependents-table tbody,
    .caregivers-table tbody, 
    .dependents-table th,
    .caregivers-table th, 
    .dependents-table td,
    .caregivers-table td,
    .dependents-table tr, 
    .caregivers-table tr { 
        display: block;
        float: left;
		width: 100%;
	}
    .dependents-table thead tr,
    .caregivers-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
    .dependents-table tr,
    .caregivers-table tr { 
        border: 1px solid #ccc; 
    }
    .dependents-table td { 
		border: none!important;
		border-bottom: 1px solid #eee!important; 
		position: relative!important;
        padding:10px 0 0 25%!important;
        text-align: center;
        min-height: 40px;
    }
    .caregivers-table td { 
		border: none!important;
		border-bottom: 1px solid #eee!important; 
		position: relative!important;
        padding:10px 0 0 60%!important;
        text-align: center;
        min-height: 40px;
    }
    .dependents-table .no-td-border{
        padding:10px 0!important;
    }
    .dependents-table td:before,
    .caregivers-table td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 30%; 
        padding:5px 10px 0 0;
        text-align: left;
        white-space: nowrap;
	}
	
	.dependents-table td:nth-of-type(1):before { content: "Name"; }
	.dependents-table td:nth-of-type(2):before { content: "Born"; }
    .dependents-table td:nth-of-type(3):before { content: "Status"; }
    .caregivers-table td:nth-of-type(1):before { content: "Name"; }
	.caregivers-table td:nth-of-type(2):before { content: "Born"; }
    .caregivers-table td:nth-of-type(3):before { content: "View Account"; }
    .caregivers-table td:nth-of-type(4):before { content: "Refill Prescriptions"; }
    .caregivers-table td:nth-of-type(5):before { content: "Generate Reports"; }
    
    .dependent-info h3{
        font-size: 15px;
    }
    .dependent-info h4{
        font-size: 14px;
    }
    .dependent-info span{
        font-size: 12px;
    }
    .dependent-info select{
        font-size: 12px;
    }
    .cancel-button{
        padding: 5px 0;
    }
    .add-dependent {
        margin: 15px 0 0 0;
    }
    .dependents-web,
    .caregivers-web{
        display: none!important;
    }
    .dependents-mobile,
    .caregivers-mobile{
        display: initial!important;
    }
    .caregivers-column h4{
        font-size: 13px;
    }
    .caregivers-alert .glyphicon-exclamation-sign{
        font-size: 16px;
    }
    .caregivers-alert h4{
        font-size: 14px;
    }
    .with-p-tag p {
        width: 80%;
        font-size: 14px;
    }
    .caregivers-table .edit-permission,
    .dependents-table .edit-permission {
        padding: 0!important;
        margin: auto;
        width: 100%;
        display: block!important;
    }
    .edit-permission button{
        margin: 10px 0;
    }
    .dependent-toggle{
        width:100%;
    }
    .dependent-messaging{
        width: 100%;
    }
    .dependent-messaging .btn-sm{
        padding: 0;
        text-align: right;
    }
    .caregivers-alert .glyphicon-exclamation-sign:before {
        vertical-align: super;
    }
    .emergency-message-banner{
        width: 90%;
    }
}
@media screen and (max-width: 767px){
    .nav-mobile{
        display: initial!important;
    }
    .nav-web{
        display: none!important;
    }
}
@media screen and (min-width: 561px) and (max-width: 960px) {
    #boxes { display: block; } /* display on tablet */
    #mask { width: 100%!important}
    #boxes .window-app-dl {width: 40%!important}
    section#body {
        margin: auto;
    }

    #wrapper {
        padding: 0px!important;
    }

    .refill-page-container {
        padding: 0px;
    }
    .mobile-marketing-container {
        overflow: auto;
        margin: 0 0 0px 0;
    }
    #loginpage {
        width: 500px;
        margin: auto!important;
    }

    .refill-page-container {
        padding: 0px;
        width: 500px;
        margin: auto;
    }

    .container.footer-container {
        margin: 0px;
    }
    div#sub-footer {
        border-radius: 0px;
    }
    .footercontainer {
        width: 100%!important;
    }
}

/*Responsive Global Elements*/
@media screen and (min-width: 991px) and (max-width: 1200px) {
    .select-check {
        width: 55px!important;
        text-align: center!important;
    }
    .rx-number {
        width: 95px!important;
    }
    .drug-table-name {
        width: 170px!important;
    }
    .table-day-supply {
        width: 50px!important;
        text-align: center!important;
    }
    .table-next-fill {
        width: 75px!important;
        text-align: center!important;
    }
    .table-fills-left {
        width: 80px!important;
        text-align: center!important;
    }
    .table-status {
        width: 250px!important;
        text-align: center!important
    }
    th.table-status {
        padding-right: 40px!important;
    }
    .emergency-message-banner{
        width: 90%;
    }
}