.form-control[readonly] {
  background-color: white; }

.form-control.alert-danger[readonly] {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

@media screen, print {
  #print-header-row {
    color: red; } }

/* show that links are not printed */
@media print {
  a[href]:after {
    content: none; } }

html {
  -webkit-print-color-adjust: exact;
  color-adjust: exact; }

.main-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 100px;
  color-adjust: exact; }

#mobile-menu-wrapper {
  margin: 0 auto;
  padding-top: 10px;
  color-adjust: exact; }

@media (min-width: 768px) {
  #mobile-menu-wrapper {
    display: none; } }

.mobile-icon-bar {
  background-color: #256393; }

.navbar-toggle {
  background-color: #fff;
  border-color: #ccc; }

.logo {
  padding: 20px 0 10px; }

.logo img {
  max-width: none; }

.logo.big img {
  max-width: 100%; }

.mobilelogo {
  padding: 0px 0 20px; }

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

.note .form-group {
  margin-bottom: 6px; }

#Slider-wrapper .slider {
  padding-bottom: 10px;
  text-align: center; }

.call h2 {
  color: #266392;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 14px;
  text-align: right; }

h2.panel-title:after {
  display: none;
  background: none; }

.chat {
  text-align: right;
  padding-right: 0px !important;
  margin-top: 25px; }

.top-right-button {
  text-align: right;
  margin-top: 30px;
  cursor: pointer;
  font-weight: bold; }

.top-right-button a {
  color: black; }

.loging {
  padding-top: 16px; }

img {
  max-width: 100% !important; }

#menu-wrapper {
  background: none repeat scroll 0 0 #256393; }

#header-wrapper {
  margin: 0 auto;
  max-width: 1400px; }

#header-fixed {
  background: none repeat scroll 0 0 #FFFFFF;
  position: fixed;
  width: 100%;
  z-index: 999999; }

.call h2 small {
  color: #266392;
  display: block;
  font-size: 14px;
  line-height: 18px;
  list-style: none outside none;
  text-align: right; }

#Slider-wrapper {
  padding-top: 12px; }

#main-menu li a {
  background: none repeat scroll 0 0 #256393;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 10px; }

#main-menu li a:hover, #main-menu li.active a {
  background: none repeat scroll 0 0 #ffb200; }

#Slider-wrapper {
  padding-bottom: 25px; }

.note h3 {
  color: #266392;
  margin-bottom: 0;
  padding-bottom: 18px;
  text-align: center; }

.note {
  border: 1px solid #DEDBDB;
  padding: 0px 12px 12px; }

#service-wrapper ul li, #fe-menu-header ul li {
  display: inline-block;
  list-style: none outside none;
  margin: 0;
  padding-right: 6px;
  vertical-align: middle; }

#service-wrapper ul li.last, #fe-menu-header ul li.last {
  padding-right: 0px;
  float: right; }

#service-wrapper ul li a, #fe-menu-header ul li a {
  background: none repeat scroll 0 0 #256393;
  display: block;
  margin: 0;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
  width: 182px; }

#service-wrapper ul li a:hover, #fe-menu-header ul li a:hover,
#service-wrapper ul li a.clicked, #fe-menu-header ul li a.clicked {
  background: #efb200; }

#service-wrapper ul li a img, #fe-menu-header ul li a img {
  margin: 0 auto;
  height: 69px; }

#service-wrapper ul li p, #fe-menu-header ul li p {
  color: #494A4B;
  font-size: 14px;
  margin-bottom: 0;
  min-height: 70px;
  text-align: center;
  width: 182px; }

#fe-menu-header {
  display: none; }

#content-wrapper {
  /*overflow:hidden;*/
  /*padding:20px 0 30px;  */
  padding-top: 15px;
  padding-bottom: 10px; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: #256393;
  position: relative;
  overflow-x: hidden;
  /* jan added this line; Brian suggested this Feb 10, 2014: .offset0 {overflow: hidden;} */
  overflow-y: visible; }

#content-wrapper h1 {
  position: relative;
  color: #256393;
  font-size: 34px;
  font-weight: normal;
  /*line-height: 50px;*/
  margin-bottom: 34px;
  width: 100%;
  clear: both;
  font-family: 'Oswald', sans-serif; }

#content-wrapper h1:after {
  background: url(/assets/bg_off-390cd739b3ae2cb420665561c333b170c9489d3099708c16b0b45288a1b54fa2.png) repeat scroll left 0 rgba(0, 0, 0, 0);
  content: "";
  height: 5px;
  margin-left: 10px;
  position: absolute;
  top: 27px;
  width: 99%; }

#content-wrapper h2:after {
  background: url(/assets/bg_off-390cd739b3ae2cb420665561c333b170c9489d3099708c16b0b45288a1b54fa2.png) repeat scroll left 0 rgba(0, 0, 0, 0);
  content: "";
  height: 5px;
  margin-left: 10px;
  position: absolute;
  top: 25px;
  width: 99%; }

#content-wrapper h3:after {
  background: url(/assets/bg_off-390cd739b3ae2cb420665561c333b170c9489d3099708c16b0b45288a1b54fa2.png) repeat scroll left 0 rgba(0, 0, 0, 0);
  content: "";
  height: 5px;
  margin-left: 10px;
  position: absolute;
  top: 18px;
  width: 99%; }

#content-wrapper .page-header h1:after,
#content-wrapper .page-header h2:after,
#content-wrapper .page-header h3:after {
  background: none; }

#content-wrapper .caption h1:after,
#content-wrapper .caption h2:after,
#content-wrapper .caption h3:after,
#content-wrapper .panel-title:after {
  background: none; }

#content-wrapper .section {
  overflow: hidden;
  padding-bottom: 15px; }

#content-wrapper .section p {
  font-size: 14px;
  line-height: 24px;
  padding-left: 76px;
  padding-right: 24px; }

.bottom-buffer {
  margin-bottom: 20px; }

#footer-wrapper {
  border-top: 12px solid #EBEFF0;
  min-height: 193px;
  clear: both;
  padding-top: 30px; }

#footer-wrapper p {
  color: #717778;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 39px;
  text-align: center; }

.table tr {
  border-bottom: 1px solid #CCCCCC; }

.even {
  background: none repeat scroll 0 0 #DDEAF3; }

#map-table table {
  border-collapse: collapse;
  text-align: center; }

.content.cF {
  overflow: hidden; }

#national_table_container {
  height: 189px;
  overflow: auto; }

#national_table_container td {
  text-align: center; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
  border-top: 0 none;
  text-align: center; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  text-align: center; }

.table .active td {
  text-align: left; }

.table .text-right {
  text-align: right; }

.table .text-left {
  text-align: left; }

.table .text-center {
  text-align: center; }

@media (max-width: 760px) {
  .loging {
    display: none; }
  .logo {
    padding: 5px 0 0;
    text-align: center; }
  .call h2 {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 18px; }
  .call h2 small {
    text-align: center; }
  .chat {
    margin-top: 8px;
    text-align: center; }
  #service-wrapper {
    display: none; }
  #content-wrapper .section p {
    padding: 0px; }
  .fe-menu-header {
    display: none; } }

/* to hold the google map */
#map-canvas-wrapper {
  padding: 10px;
  position: relative; }

#map-canvas {
  height: 350px; }

#map-canvas.standard-map {
  width: 920px; }

/* fixing the zoom controls */
#map-canvas img {
  max-width: none !important;
  box-shadow: none !important; }

/* collapsing panels */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(/assets/glyphicons-halflings-regular-c006429f1983ec48eeb8bdc25d183963fbc0f9e4108b75b8a8724cf18afd61a3.eot);
  src: url(/assets/glyphicons-halflings-regular-c006429f1983ec48eeb8bdc25d183963fbc0f9e4108b75b8a8724cf18afd61a3.eot?#iefix) format("embedded-opentype"), url(/assets/glyphicons-halflings-regular-c73f944917303dc96dfea93315a4dc407adbd7d46995efb0b63dbee57892699c.woff) format("woff"), url(/assets/glyphicons-halflings-regular-5a7e73504aa48b635e114847f875f7f0cefe396e1e7839b7559617bff9c01cc6.ttf) format("truetype"), url(/assets/glyphicons-halflings-regular-ca95d1703db772d3e689ddd004eb14e5c337e679a8db91f40ffc5eb1913a3ca0.svg#glyphicons_halflingsregular) format("svg"); }

@font-face {
  font-family: 'Oswald';
  src: url(/assets/Oswald-VariableFont_wght-f2987ca2553a742ba194f964bb8621a2ffc1676a5c8a7b91ee111829795272ec.ttf); }

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\e114";
  /* adjust as needed, taken from bootstrap.css */
  float: right;
  /* adjust as needed */
  color: grey;
  /* adjust as needed */ }

.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";
  /* adjust as needed, taken from bootstrap.css */ }

#error_explanation {
  color: #f00; }

#error_explanation.ul {
  list-style: none;
  margin: 0 0 18px 0; }

.field_with_errors input {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1; }

.field_with_errors select {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1; }

/* added by Jan to deal with jquery validation errors */
.error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #ebccd1; }

/* for the reseller 'viewing data as' notification */
p.top_notifier_fixed {
  background-color: #FFFF00;
  margin-left: 400px;
  margin-top: 0;
  position: fixed;
  text-align: center;
  top: 0; }

p.top_right_notifier_fixed {
  position: fixed;
  top: 0px;
  margin-top: 0px;
  margin-left: 0px;
  text-align: center;
  /* z-index max so it's always clickable */
  z-index: 100; }

/* jquery payment styling */
input.invalid {
  border: 2px solid red; }

.validation.failed:after {
  color: red;
  content: 'Validation failed'; }

.validation.passed:after {
  color: green;
  content: 'Validation passed'; }

/* make date-select nicer */
select.date-select {
  width: auto;
  border: 1px solid #cccccc;
  background-color: #ffffff; }

.ui-datepicker .ui-datepicker-title select {
  color: #000; }

/* imporve upload button */
.btn-file {
  position: relative;
  overflow: hidden; }

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block; }

.border_box {
  border: 1px solid lightgrey;
  padding: 4px; }

.row-no-margin-left {
  margin-left: 0px; }

/* breadcrumbs - used on location inspections
https://bootsnipp.com/snippets/aMKzk
Note Jan changed the colors to be less garish
 */
.breadcrumb {
  padding: 0px;
  background: transparent;
  list-style: none;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 4px; }

.breadcrumb > li {
  display: table-cell;
  vertical-align: top;
  width: 1%; }

.breadcrumb > li + li:before {
  padding: 0; }

.breadcrumb li a {
  color: white;
  text-decoration: none;
  padding: 10px 0 10px 45px;
  position: relative;
  display: inline-block;
  width: calc( 100% - 10px);
  background-color: #d4d4d4;
  text-align: center;
  text-transform: capitalize; }

.breadcrumb li.completed a {
  /*background: brown;
    background: hsla(153, 57%, 51%, 1);*/
  background: #3498db; }

.breadcrumb li.completed a:after {
  border-left: 30px solid #3498db; }

.breadcrumb li.active a {
  background: #2980b9; }

.breadcrumb li.active a:after {
  border-left: 30px solid #2980b9; }

.breadcrumb li:first-child a {
  padding-left: 15px; }

.breadcrumb li:last-of-type a {
  width: calc( 100% - 38px); }

.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1; }

.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #d4d4d4;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2; }

.small-margin-border {
  margin: 3px; }

.medium-margin-top {
  margin-top: 10px; }

.medium-margin-bottom {
  margin-bottom: 10px; }

.medium-margin-right {
  margin-right: 10px; }

.no-margin-top {
  margin: 0px; }

.map-helper-buttons {
  display: flex;
  justify-content: space-between;
  height: 350px;
  flex-flow: column; }

.clickable {
  cursor: pointer; }

.dashboard-panel-container {
  width: 50%; }

#store-menu-wrapper {
  font-size: 14px;
  font-weight: bold; }

#store-cart-container {
  font-size: 20px;
  font-weight: bold; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

#search-facets-form {
  background-color: #f1f1f1; }

#store-product-item {
  margin: 10px;
  padding: 15px;
  max-width: 230px; }

.store-product-image {
  max-width: 300px !important; }

.store-product-flexbox {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between; }

.btn-store-success {
  background-color: #4a8f00;
  border-color: #428000; }

.button-link {
  color: white !important; }

.vert-bottom {
  vertical-align: bottom; }

.link-text-white {
  color: white; }

.calendar-heading {
  text-align: center; }

.calendar-day-position {
  position: relative;
  left: 0;
  bottom: 0;
  float: right; }

.calendar-training-name {
  font-size: 80%; }

.calendar-table {
  table-layout: fixed; }

.calendar-btn {
  white-space: normal;
  max-width: 125px; }

.send-to-back {
  z-index: 0; }

#google-auth {
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  height: 50px;
  background-color: #4285f4;
  border: 1px solid #4285f4;
  color: #fff;
  border-radius: 1px;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s; }

#google-auth .svg-wrap {
  display: inline-block;
  background: #fff;
  height: 48px;
  width: 48px; }

#google-auth .svg-wrap svg {
  display: block;
  margin: 15px auto; }

#google-auth .text-wrap {
  display: inline-block;
  font-family: Roboto, arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .21px;
  margin: 0 6px;
  vertical-align: top;
  padding: 14px 0;
  min-width: 160px;
  text-align: center; }

.account-user-icon {
  font-size: xx-large !important; }

.red-tooltip + .tooltip > .tooltip-inner {
  background-color: #f00; }

.red-tooltip + .tooltip > .tooltip-arrow {
  border-bottom-color: #f00; }

.tableFixHead {
  overflow-y: auto;
  height: 100px; }

.tableFixHead thead th {
  position: sticky;
  top: 0;
  background: white; }

#content-wrapper h1.prescription.remove-after {
  width: auto;
  clear: unset; }

#content-wrapper h1.prescription.remove-after:after {
  display: none; }

#content-wrapper h1.prescription {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  text-align: left;
  font-size: 1.2em;
  font-style: none;
  padding-left: 10px;
  color: navy;
  font-family: sans-serif;
  font-weight: bold; }

.dropdown-sm {
  width: auto; }

.small-padding-top {
  padding-top: 7px; }

.btn-link {
  color: #2e81f9;
  font-size: medium; }

.profile-pic-sm {
  width: 30px;
  height: 30px;
  object-fit: cover; }

.profile-pic-list {
  transition: transform .2s;
  float: left; }

.enlarge-pic:hover {
  transform: scale(3); }

.select_btn {
  white-space: break-spaces;
  text-align: left; }

#email_viewer td, #email_viewer th, #reseller_email_viewer td, #reseller_email_viewer th {
  text-align: left;
  width: 50%; }

.fit_content {
  width: fit-content; }

.cred_thumb {
  width: 200px;
  height: auto;
  display: block;
  z-index: 999;
  cursor: pointer;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease; }

.cred_thumb:hover {
  transform: scale(3) translate(65px, 10px); }

#banner-container {
  min-height: 100px;
  position: relative; }

#close-banner-link-container {
  position: absolute;
  top: 26px;
  right: 74px;
  z-index: 90; }

#close-banner-link {
  display: block;
  width: 236px;
  min-height: 48px;
  text-decoration: none; }