﻿/* ************** PHARMAPRIX THEME V1.0 **************** */
/*VARIABLES*/
/* ************** Generic Items **************** */
body {
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  background-color: #1a3b4a;
}
a {
  color: #0384b2;
}
a:hover,
a:focus,
a:active {
  color: #54bceb;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1a3b4a;
}
.green {
  color: #54bceb;
}
.purple {
  color: #1a3b4a;
}
.purplelight {
  color: #a893be;
}
.black {
  color: #000000;
}
.grey {
  color: #e3e3e3;
}
.medgrey {
  color: #c4c4c4;
}
.drkgrey {
  color: #333;
}
.orange {
  color: #ffb752;
}
.red {
  color: #d9534f;
}
.drkred {
  color: #a94442;
}
.btn {
  color: #FFF!important;
}
.btn-primary {
  color: #fff;
  background-color: #54bceb!important;
  border-color: #54bceb;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #40aada!important;
  border-color: #40aada;
}
.btn-primary:disabled,
.btn-secondary:disabled {
  background-color: #f2f2f2 !important;
  color: #b2b2b2 !important;
  border: 1px solid #e5e5e5;
}
.btn-secondary {
  color: #fff;
  background-color: #54bceb!important;
  border-color: #54bceb;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #40aada!important;
  border-color: #40aada;
}
.btn-third {
  color: #40aada!important;
  background-color: #ffffff!important;
  border: 1px solid #40aada!important;
}
.btn-third:hover,
.btn-third:focus,
.btn-third:active,
.btn-third.active {
  color: #fff!important;
  background-color: #54bceb!important;
  border-color: #54bceb;
}
.btn-white {
  color: #c9c9c9!important;
  background-color: #fff!important;
  border-color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
  color: #c9c9c9!important;
  background-color: #e7e7e7!important;
  border-color: #e7e7e7;
}
input[type=radio]:checked + label.ctrl:before,
input[type=checkbox]:checked + label.ctrl:before {
  color: #54bceb;
}
.list li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 7px;
}
.list li:before {
  content: "\f10c";
  font-family: FontAwesome;
  font-size: 11px;
  color: #54bceb;
  position: absolute;
  left: 2px;
  top: 2px;
}
@media print {
  body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px !important;
    color: #000;
    background-color: #fff;
  }
  a[href]:after {
    content: none !important;
  }
}
/* ************** HEADER **************** */
header {
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
}
#header-logo.logo-container {
  max-width: 450px;
}
@media (max-width: 604px) {
  header .container {
    padding: 0 5px;
  }
  .header-links {
    padding: 0 5px !important;
  }
}
@media (max-width: 558px) {
  .PageLayoutLogged header,
  .PageLayoutFullScreen header {
    height: auto;
    line-height: normal;
  }
  .PageLayoutLogged #header-logo.logo-container,
  .PageLayoutFullScreen #header-logo.logo-container {
    height: auto;
    margin-bottom: 10px;
  }
  .PageLayoutLogged .header-links,
  .PageLayoutFullScreen .header-links {
    margin: 5px 0;
  }
}
@media (max-width: 488px) {
  .PageLayoutLogin header {
    height: auto;
    line-height: normal;
  }
  .PageLayoutLogin #header-logo.logo-container {
    height: auto;
    margin-bottom: 10px;
  }
  .PageLayoutLogin .header-links {
    margin: 5px 0;
  }
}
/**************FOOTER**********************/
footer {
  border-top: 1px solid #cccccc;
  background: #ffffff;
}
#links-footer {
  padding: 50px 0;
  background-color: #eff9fd;
  vertical-align: middle;
  text-align: center;
}
#legal-footer {
  background-color: #1a3b4a;
  text-align: center;
  padding: 20px 0;
  color: #ffffff;
}
#legaltext {
  margin: 0 25px 25px;
}
.lgl-text {
  text-align: center;
  font-size: 11px;
  color: #fff;
}
#securepage {
  padding: 5px 0 20px;
  display: none;
}
#brandinglogo {
  display: none;
}
/**************** KENDO ********************/
/*TabStrip*/
.k-tabstrip-items .k-state-active .k-link,
.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #0384b2;
}
/* Grid */
.k-grid .k-header {
  background-color: #274b5c;
}
.k-grid-header th.k-header {
  border-color: #1a3b4a;
}
.k-grid th > .k-link:link,
.k-grid-header .k-header > .k-link {
  color: #fff;
  font-size: 0.9em;
}
.k-grid-header th > .k-link > .k-icon {
  color: #fff;
}
.k-state-selected {
  background-color: #54bceb;
  border-color: #54bceb;
}
.k-list > .k-state-selected {
  color: #fff;
  background-color: #0384b2;
  border-color: #0384b2;
}
.k-calendar .k-state-focused {
  color: #fff;
  background-color: #0384b2 !important;
  border-color: #0384b2;
}
.k-detail-row,
.k-detail-row:hover {
  background-color: #e7eff1 !important;
}
.k-operator-hidden .k-button {
  background-color: #eaeaea;
  color: #ffffff;
}
/************ GLOBAL CONTAINERS ***********/
.col-left {
  background: #1a3b4a;
}
.col-right {
  background: #ffffff;
}
.body-container-gradient {
  background: linear-gradient(to right, #1a3b4a 0%, #1a3b4a 50%, #ffffff 51%, #ffffff 100%);
}
.body-container {
  background: #ffffff;
}
.pagetitle {
  color: #1a3b4a;
}
.paneltitle {
  color: #666;
}
.subtitle {
  color: #1a3b4a;
}
.subtitlesm {
  color: #666;
}
.outlinediv {
  border: 1px solid #54bceb;
  background-color: #eff9fd;
}
.notediv {
  background-color: #e2e2e2;
  color: #1a3b4a;
}
/*SIDE LEFT MENU **********************************/
.sidebar-nav li a {
  color: #ffffff;
  border-bottom: 1px solid #454545;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: #265063;
}
.sidebar-nav li a.selected,
.sidebar-nav li a.selected:hover {
  text-decoration: none;
  color: #333!important;
  background: #ffffff;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav li a.selected .menuicon {
  color: #54bceb!important;
}
.sidebar-nav li .menuicon {
  color: #ffffff!important;
}
.sidebar-nav li .badge {
  color: #ffffff!important;
  background-color: #0384b2;
  font-weight: normal;
}
.sidebar-nav li a.selected .badge {
  background-color: #939393;
}
#messagebadge .badge {
  color: #ffffff!important;
  background-color: #0384b2;
  font-weight: normal;
}
#menu-toggle {
  background-color: #333;
  color: #fff;
  border-right: 1px solid #7e7f7f;
}
#menu-alerts {
  background-color: #333;
  color: #fff;
  border-left: 1px solid #7e7f7f;
}
#menu-toggle.active {
  background-color: #f2f2f2;
  color: #333;
  border-right: 1px solid #f2f2f2;
}
/*User menu*/
.userblock {
  background-color: #e21a23;
}
#user-icon {
  color: #ff2430;
}
.user-button {
  color: #ffffff!important;
  background-color: #1a3b4a;
}
.user-button.self {
  background-color: #e21a23;
}
.user-button:hover,
.user-button:active {
  background-color: #387e9e;
  color: #ffffff;
  text-decoration: none;
}
.user-button.self:hover,
.user-button.self:active {
  background-color: #cc1018;
  color: #ffffff;
  text-decoration: none;
}
.user-button.active,
.user-button.active.self {
  background-color: #f2f2f2;
  color: #333!important;
}
.user-ul li a {
  color: #ffffff;
}
.user-ul li a:hover {
  color: #fff;
  background: #cc1018;
  text-decoration: none;
}
.user-ul li a.selected,
.user-ul li a.selected:hover {
  color: #333!important;
  background: #f5f6f7;
  text-decoration: none;
}
.user-ul li a .menuicon {
  color: #ffffff!important;
}
.user-ul li a:hover .menuicon {
  color: #ffffff!important;
}
.user-ul li.linkedacc {
  color: #ffffff;
  border-top: 1px solid #333;
}
.user-ul li.spacer {
  border-top: 1px solid #333;
  margin-top: 0;
}
.user-ul li a .edit {
  color: #595151;
  font-size: 11px;
}
.user-ul li a:hover .edit {
  color: #ffffff;
  font-size: 11px;
}
#patientViewing {
  background-color: #2f667f;
  color: #fff;
}
.user-button .fa-caret-down {
  color: #ffffff !important;
}
.user-button.active .fa-caret-down {
  color: #333 !important;
}
@media (max-width: 767px) {
  .userblock {
    background-color: #333;
  }
  .user-button {
    color: #ffffff;
  }
  .user-button .user-name {
    background-color: #16356d;
  }
  #user-wrapper {
    background-color: #e21a23;
  }
  .user-nav {
    color: #fff;
  }
  .user-ul li a .edit {
    color: #ffffff;
    font-size: 11px;
  }
  #patientViewing {
    background-color: #2f667f;
    color: #fff;
  }
}
@media (min-width: 768px) {
  #user-wrapper {
    background-color: #e21a23;
  }
  .user-button.self {
    background-color: #e21a23;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sidebar-nav li a {
    color: #ffffff;
  }
  .sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: #265063;
  }
  .sidebar-nav li a.selected .menuicon {
    color: #54bceb!important;
  }
  .sidebar-nav li .menuicon {
    color: #ffffff!important;
  }
}
/* ******** LOGIN PAGE ******************** */
.login-container {
  background: #fff;
  border-top: #e21a23 10px solid;
}
#login-row {
  background: #fff;
}
.mktg-column {
  background-color: #f5f6f7;
}
.mktg-bottom {
  background-color: #ebedef;
}
.seq-question {
  color: #163b6d;
}
#splashScreenWindow #btnClose {
  margin-top: 4px;
  padding: 4px 15px 4px 15px;
  border-radius: 4px;
  box-shadow: 0 3px 3px #1984c3 !important;
}
#splashScreenWindow .ctrl {
  font-size: 10pt;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 10px;
}
#splashScreenWindow .ctrl::before {
  top: 0;
}
#splashContent {
  height: 530px;
  width: 700px;
  padding: 0;
}
#splashLogoFr::before {
  content: url('../Miscellaneous/Splash-Ast1659-fr.jpg');
}
#splashLogoEn::before {
  content: url('../Miscellaneous/Splash-Ast1659-en.jpg');
}
#footer-banner a {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #30596d;
  color: #fff;
  font-size: 15px;
  font-style: italic;
  vertical-align: middle;
}
#footer-banner a:hover,
#footer-banner a:focus {
  background-color: #47748a;
  text-decoration: none;
}
#footer-banner a .fa {
  font-size: 24px;
  padding: 0 10px;
}
#footer-banner {
  display: table;
  vertical-align: middle;
  margin: 20px auto;
}
#footer-banner .div-txt {
  display: table-cell;
  vertical-align: middle;
}
/* ******** ESTABLISHMENT CONTAINER ******************** */
#establishment-container {
  background-color: #eff9fd;
}
.establishment-title {
  color: #1a3b4a;
}
#establishment-address span {
  color: #616161;
}
#et-spacer {
  color: #cccccc;
}
#establishment-info ul li:before {
  background-color: #ffffff;
  border: solid 2px #54bceb;
}
#establishment-info .openhours {
  border-bottom: 1px solid #cacaca;
}
#col-services h1,
#col-services h2,
#col-services h3,
#col-services h4,
#col-services h5,
#col-services h6 {
  color: #666;
}
@media (max-width: 767px) {
  #establishment-container {
    background-color: #eff9fd;
  }
  #establishment-address-mobile span {
    color: #616161;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #establishment-container {
    background-color: #eff9fd;
  }
}
/**************PREFERENCES**********************/
.paneltitleborder {
  color: #666;
  font-weight: 300;
  border-bottom: 1px solid #cccccc;
}
.disabled-notification {
  background-color: #f5f6f7;
  color: #d3d3d3;
}
.disabled-notification .fa-check.green {
  color: #c3c3c3;
}
#defaultpharmacy-edit-mode .k-dropdown-wrap .k-input {
  background-color: #f3f3f3;
}
#defaultpharmacy-edit-mode .k-state-default > .k-select {
  background-color: #eaeaea;
}
/*Bootstrap switch button custom - SEE LAYOUT.CSS*/
/**************ACCOUNT GROUPING**********************/
.useritem {
  color: #16416d;
  border-bottom: 1px solid #cccccc;
}
.tag-accept {
  background-color: #82af6f !important;
  color: #ffffff;
}
.tag-pending {
  background-color: #eaba12 !important;
  color: #ffffff;
}
.tag-decline {
  background-color: #d36e6e !important;
  color: #ffffff;
}
/****************** PRESCRIPTION **********************************/
.prescription-panel {
  border: solid 1px #cccccc;
  background-color: #ffffff;
}
.pill-icon {
  color: #fff;
  background-color: #1c84c6;
}
.pill-pict {
  color: #1c84c6;
}
.drug-name {
  color: #1c84c6;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dg-info.txt {
  color: #8f8f8f;
}
#refill-action a #action-edit {
  color: #fff;
}
#refill-action a:hover #action-edit {
  color: #000;
}
.option-btn-row {
  background-color: #eff9fd;
}
.option-btn {
  color: #087196;
  background-color: #eff9fd;
  border-bottom: solid 1px #fff;
}
.option-btn:hover {
  background-color: #daeff7;
}
.option-btn:disabled {
  background-color: #f2f2f2;
  color: #b2b2b2;
}
.option-btn.set {
  background-color: #cbe6f0;
}
.option-wht-btn {
  color: #cfcfcf;
  background-color: #fff;
}
.option-wht-btn:hover {
  background-color: #fff;
  color: #245975;
}
.option-wht-btn:disabled {
  background-color: #f2f2f2;
  color: #b2b2b2;
}
#col-refill .btn:disabled {
  background-color: #f2f2f2 !important;
  color: #b2b2b2 !important;
  border: 1px solid #e5e5e5;
}
.drpdw {
  color: #1a3b4a;
}
.divcalendar {
  border-top: 1px solid #e6e6e6;
}
.divclock {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.refill-btn.remove,
.refill-btn-grid.remove {
  background-color: #0384b2 !important;
}
#drugLegal {
  display: block;
}
.drug-legal-notification {
  font-size: 9px;
  color: #000;
  padding: 30px 0;
}
/***** GRID VIEW ******/
.grid-th {
  border-bottom: 2px solid #cccccc;
}
.grid-row {
  border-bottom: 1px solid #ececec;
}
#gridContent .drug-name a {
  color: #1c84c6;
}
#refillCartGrid {
  background-color: #deedf4;
}
#refillCartGrid .badge {
  background-color: #1a3b4a;
}
.option-btn-sm {
  color: #087196;
  background-color: #eff9fd;
}
.option-btn-sm:hover {
  background-color: #daeff7;
}
.option-btn-sm:disabled {
  background-color: #f2f2f2;
  color: #b2b2b2;
}
.option-btn-sm.set {
  background-color: #c0cddb;
}
#GridViewBtn,
#ListViewBtn {
  color: #244e75;
  background-color: #e2e1e7;
}
#GridViewBtn:hover,
#ListViewBtn:hover {
  background-color: #ced8dc;
}
.other-opt-btn {
  background-color: #fff;
  color: #244e75;
}
/* ****Refill Cart******/
#refillCart {
  background-color: #deedf4;
}
#refillCart .badge {
  background-color: #1a3b4a;
}
.cartitems {
  background-color: #fff;
  border-bottom: 1px solid #d6d4d4;
  color: #1c84c6;
}
.btn-checkout[disabled],
.btn-checkoutgrid[disabled] {
  background-color: #cfcfcf !important;
}
@media (max-width: 767px) {
  #refillCart,
  #refillCartGrid {
    background-color: #555d63;
  }
  #refillCart .subtitle,
  #refillCartGrid .subtitle {
    color: #ffffff;
  }
  #refillCart .badge,
  #refillCartGrid .badge {
    background-color: #1a3b4a;
  }
  .btn-checkout[disabled],
  .btn-checkoutgrid[disabled] {
    background-color: #6e767a !important;
  }
}
/* ****Refill wizard******/
.drug-container .drug-title {
  color: #1c84c6;
}
#pickUpDiv .pharmaTitle {
  color: #1e4465;
}
.stpact .purple,
.stpnonact .purple {
  color: #1a3b4a;
}
.stpact .green,
.stpnonact .green,
.stpacttxt .green {
  color: #e21a23;
}
@media (max-width: 767px) {
  .drug-container .drug-title {
    color: #1c84c6;
  }
}
/* ****Refill reminder ******/
.timeline-container:not(.timeline-style2) .timeline-indicator {
  color: #ffffff;
  background-color: #54bceb;
}
.label-lg {
  color: #fff;
  background-color: #e21a23 !important;
}
.flag.label-lg:after {
  border-color: #e21a23;
  -moz-border-left-colors: #e21a23;
}
/**** Request history ****** */
.subgrid-th {
  background-color: #d6e1ea;
}
.subgrid-td {
  background-color: #ffffff;
}
/* ************ MESSAGES ****************** */
.btn-archive {
  color: #0384b2 !important;
}
.btn-archive:hover,
.btn-archive:active {
  color: #fff !important;
  background-color: #40aada!important;
}
/* ******** LOGIN ENROLLMENT SCREENS ******************** */
.enrollmentbody {
  background-color: #f5f6f7;
}
.arrowstp.active {
  color: #163f6d;
}
.arrowstpfirst {
  color: #163f6d;
}
/* *********** LOGIN IMAGE SLIDER ************ */
/* PAGER */
.bx-wrapper .bx-pager {
  color: #f48b8f;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #f48b8f;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #e21a23;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/************ HELP PAGE STYLING *******************/
span.fnt3 {
  color: #1a3b4a;
}