﻿/* ************** PHARMAGA THEME V1.0 **************** */
/*VARIABLES*/
/* ************** Generic Items **************** */
body {
  font-family: "Open Sans Regular", "Helvetica Now for TELUS Display", Helvetica, Arial, sans-serif;
  color: #333;
  background-color: #333;
}
a {
  color: #00953b;
}
a:hover,
a:focus,
a:active {
  color: #09b64d;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
}
.green {
  color: #00953b;
}
.purple {
  color: #666;
}
.purplelight {
  color: #737373;
}
.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: #00953b !important;
  border-color: #00953b;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #09b64d !important;
  border-color: #09b64d;
}
.btn-primary:disabled,
.btn-secondary:disabled {
  background-color: #f2f2f2 !important;
  color: #b2b2b2 !important;
  border: 1px solid #e5e5e5;
}
.btn-secondary {
  color: #fff;
  background-color: #00953b !important;
  border-color: #00953b;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #09b64d !important;
  border-color: #09b64d;
}
.btn-third {
  color: #00953b !important;
  background-color: #ffffff !important;
  border: 1px solid #00953b !important;
}
.btn-third:hover,
.btn-third:focus,
.btn-third:active,
.btn-third.active {
  color: #fff !important;
  background-color: #09b64d !important;
  border-color: #09b64d;
}
.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: #09b64d;
}
.list li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 7px;
}
.list li:before {
  content: "\f10c";
  font-family: FontAwesome;
  font-size: 11px;
  color: #333;
  position: absolute;
  left: 2px;
  top: 2px;
}
@media print {
  body {
    font-family: "Open Sans Regular", "Helvetica Now for TELUS Display", 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;
}
@media (max-width: 599px) {
  #header-logo.logo-container {
    max-width: 170px;
  }
}
/**************FOOTER**********************/
footer {
  border-top: 1px solid #cccccc;
  background: #ffffff;
}
#links-footer {
  padding: 50px 0;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
}
#legal-footer {
  background-color: #333;
  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;
}
/**************** 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: #00953b;
}
/* Grid */
.k-grid .k-header {
  background-color: #595859;
}
.k-grid-header th.k-header {
  border-color: #3d3c3c;
}
.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: #00953b;
  border-color: #00953b;
}
.k-list > .k-state-selected {
  color: #fff;
  background-color: #00953b;
  border-color: #00953b;
}
.k-calendar .k-state-focused {
  color: #fff;
  background-color: #00953b !important;
  border-color: #00953b;
}
.k-detail-row,
.k-detail-row:hover {
  background-color: #ebe7f1 !important;
}
.k-operator-hidden .k-button {
  background-color: #eaeaea;
  color: #ffffff;
}
/************ GLOBAL CONTAINERS ***********/
.col-left {
  background: #00953b;
}
.col-right {
  background: #f5f6f7;
}
.body-container-gradient {
  background: linear-gradient(to right, #00953b 0%, #00953b 50%, #f5f6f7 51%, #f5f6f7 100%);
}
.body-container {
  background: #ffffff;
}
.pagetitle {
  color: #333;
}
.paneltitle {
  color: #666;
}
.subtitle {
  color: #666;
}
.subtitlesm {
  color: #666;
}
.outlinediv {
  border: 1px solid #00995c;
  background-color: #ebe7ee;
}
.notediv {
  background-color: #ebe7ee;
  color: #00995c;
}
/*SIDE LEFT MENU **********************************/
.sidebar-nav li a {
  color: #ffffff;
  border-bottom: 1px solid #535353;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: #535353;
}
.sidebar-nav li a.selected,
.sidebar-nav li a.selected:hover {
  text-decoration: none;
  color: #333 !important;
  background: #f5f6f7;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav li a.selected .menuicon {
  color: #00953b !important;
}
.sidebar-nav li .menuicon {
  color: #ffffff !important;
}
.sidebar-nav li .badge {
  color: #ffffff !important;
  background-color: #333;
  font-weight: normal;
}
.sidebar-nav li a.selected .badge {
  background-color: #939393;
}
#messagebadge .badge {
  color: #ffffff !important;
  background-color: #333;
  font-weight: normal;
}
#menu-toggle {
  background-color: #535353;
  color: #fff;
  border-right: 1px solid #737373;
}
#menu-alerts {
  background-color: #535353;
  color: #fff;
  border-left: 1px solid #737373;
}
#menu-toggle.active {
  background-color: #f2f2f2;
  color: #333;
  border-right: 1px solid #f2f2f2;
}
/*User menu*/
.userblock {
  background-color: #535353;
}
#user-icon {
  color: #737373;
}
.user-button {
  color: #ffffff !important;
  background-color: #00953b;
}
.user-button.self {
  background-color: #535353;
}
.user-button:hover,
.user-button:active {
  background-color: #00b347;
  color: #ffffff;
  text-decoration: none;
}
.user-button.self:hover,
.user-button.self:active {
  background-color: #737373;
  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: #09b64d;
  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: #595151;
  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: #00953b;
  }
  #user-wrapper {
    background-color: #595151;
  }
  .user-nav {
    color: #fff;
  }
  .user-ul li a .edit {
    color: #ffffff;
    font-size: 11px;
  }
  #patientViewing {
    background-color: #333;
    color: #fff;
  }
  #sidebar-wrapper {
    background: #535353;
  }
}
@media (min-width: 768px) {
  #user-wrapper {
    background-color: #595151;
  }
  .user-button.self {
    background-color: #535353;
  }
}
@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: #595151;
  }
  .sidebar-nav li a.selected .menuicon {
    color: #09b64d !important;
  }
  .sidebar-nav li .menuicon {
    color: #ffffff !important;
  }
}
/* ******** LOGIN PAGE ******************** */
.login-container {
  background: linear-gradient(#dfe4e6, #f5f6f7);
}
#login-row {
  background: #fff;
}
.mktg-column {
  background-color: #f5f6f7;
}
.mktg-bottom {
  background-color: #ebedef;
}
.seq-question {
  color: #166d1e;
}
.splash-screen-container .k-window-titlebar {
  color: #00953b;
  height: 30px !important;
}
#splashContent {
  height: 300px;
  width: 550px;
  padding: 0;
}
/* ******** ESTABLISHMENT CONTAINER ******************** */
#establishment-container {
  background-color: #eaeaea;
}
.establishment-title {
  color: #00953b;
}
#establishment-address span {
  color: #616161;
}
#et-spacer {
  color: #cccccc;
}
#establishment-info ul li:before {
  background-color: #ffffff;
  border: solid 2px #09b64d;
}
#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: #eaeaea;
  }
  #establishment-address-mobile span {
    color: #616161;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #establishment-container {
    background-color: #eaeaea;
  }
}
/**************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: #166d1e;
  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: #00953b;
}
.drug-name {
  color: #1c84c6;
  font-family: "Open Sans Regular", "Helvetica Now for TELUS Display", 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: #e2efe5;
}
.option-btn {
  color: #00953b;
  background-color: #e2efe5;
  border-bottom: solid 1px #fff;
}
.option-btn:hover {
  background-color: #cfe2d4;
}
.option-btn:disabled {
  background-color: #f2f2f2;
  color: #b2b2b2;
}
.option-btn.set {
  background-color: #b5d3bd;
}
.option-wht-btn {
  color: #cfcfcf;
  background-color: #fff;
}
.option-wht-btn:hover {
  background-color: #fff;
  color: #00953b;
}
.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 {
  max-width: 126px;
  color: #00953b;
}
.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: #666 !important;
}
#drugLegal {
  display: none;
}
.drug-legal-notification {
  font-size: 3px;
  color: #000;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .drpdw {
    max-width: 148px;
  }
}
/***** 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: #e2e1e7;
}
#refillCartGrid .badge {
  background-color: #333;
}
.option-btn-sm {
  color: #333;
  background-color: #e9e2ef;
}
.option-btn-sm:hover {
  background-color: #b3ffd1;
}
.option-btn-sm:disabled {
  background-color: #f2f2f2;
  color: #b2b2b2;
}
.option-btn-sm.set {
  background-color: #e6fff0;
}
#GridViewBtn,
#ListViewBtn {
  color: #00953b;
  background-color: #e2e1e7;
}
#GridViewBtn:hover,
#ListViewBtn:hover {
  background-color: #e6fff0;
}
.other-opt-btn {
  background-color: #fff;
  color: #00953b;
}
/* ****Refill Cart******/
#refillCart {
  background-color: #e2e1e7;
}
#refillCart .badge {
  background-color: #333;
}
.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: #666;
  }
  #refillCart .subtitle,
  #refillCartGrid .subtitle {
    color: #ffffff;
  }
  #refillCart .badge,
  #refillCartGrid .badge {
    background-color: #00953b;
  }
  .btn-checkout[disabled],
  .btn-checkoutgrid[disabled] {
    background-color: #6e767a !important;
  }
}
/* ****Refill wizard******/
.drug-container .drug-title {
  color: #1c84c6;
}
#pickUpDiv .pharmaTitle {
  color: #00953b;
}
.stpact .purple,
.stpnonact .purple,
.stpacttxt .purple {
  color: #00953b;
}
.stpact .green,
.stpnonact .green,
.stpacttxt .green {
  color: #00953b;
}
.noDelivery {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .drug-container .drug-title {
    color: #1c84c6;
  }
}
/* ****Refill reminder ******/
.timeline-container:not(.timeline-style2) .timeline-indicator {
  color: #ffffff;
  background-color: #00953b;
}
.label-lg {
  color: #fff;
  background-color: #00b347 !important;
}
.flag.label-lg:after {
  border-color: #00b347;
  -moz-border-left-colors: #00b347;
}
/**** Request history ****** */
.subgrid-th {
  background-color: #e6fff0;
}
.subgrid-td {
  background-color: #ffffff;
}
/* ************ MESSAGES ****************** */
.btn-archive {
  color: #00953b !important;
}
.btn-archive:hover,
.btn-archive:active {
  color: #fff !important;
  background-color: #1abe5b !important;
}
/* ******** LOGIN ENROLLMENT SCREENS ******************** */
.enrollmentbody {
  background-color: #f5f6f7;
}
.arrowstp.active {
  color: #00953b;
}
.arrowstpfirst {
  color: #00953b;
}
/* *********** LOGIN IMAGE SLIDER ************ */
/* PAGER */
.bx-wrapper .bx-pager {
  color: #48d37f;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #48d37f;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00953b;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/************ HELP PAGE STYLING *******************/
span.fnt3 {
  color: #00953b;
}
/************ CONSENT *******************/
.content.level2 {
  font-weight: bold;
}