#nsHeader:before,
#secureHeader:before,
#nsHeader:after,
#secureHeader:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#nsHeader:after,
#secureHeader:after {
  clear: both;
}
#nsHeader #blueBar,
#secureHeader #blueBar {
  background: #0076D1;
  border: 1px solid #004b84;
  border-top: none;
  color: #fff;
  text-shadow: none;
  height: 43px;
}
#nsHeader #logo,
#secureHeader #logo {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 57px;
  cursor: pointer;
  height: 65px;
}
#nsHeader #panelToggle,
#secureHeader #panelToggle {
  margin-left: 70px;
}
#nsHeader #panelToggle .jqm-open-panel,
#secureHeader #panelToggle .jqm-open-panel,
#nsHeader #panelToggle .open-panel,
#secureHeader #panelToggle .open-panel {
  display: block;
  padding: 0 10px;
}
#nsHeader #panelToggle .jqm-open-panel:focus,
#secureHeader #panelToggle .jqm-open-panel:focus,
#nsHeader #panelToggle .open-panel:focus,
#secureHeader #panelToggle .open-panel:focus,
#nsHeader #panelToggle .jqm-open-panel:hover,
#secureHeader #panelToggle .jqm-open-panel:hover,
#nsHeader #panelToggle .open-panel:hover,
#secureHeader #panelToggle .open-panel:hover {
  color: white;
  text-decoration: none;
}
#nsHeader #panelToggle .fa,
#secureHeader #panelToggle .fa {
  line-height: 43px;
}
#nsHeader #signIn,
#secureHeader #signIn {
  height: 43px;
  line-height: 43px;
  padding-right: 10px;
}
#nsHeader .fa-sign-in,
#secureHeader .fa-sign-in {
  vertical-align: middle;
}
#nsHeader #loginText,
#secureHeader #loginText {
  font-weight: bold;
  padding-left: 9px;
}
#nsHeader .fa,
#secureHeader .fa {
  font-size: 28px;
  -ms-transform: none;
      transform: none;
}
#nsHeader #whiteGradient,
#secureHeader #whiteGradient {
  background: linear-gradient(#e0e0e0, white 40%);
  height: 45px;
}
#nsHeader + .page-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0 15px;
}
#secureHeader #notifications {
  box-shadow: 0px 1px 6px #353535;
  border-radius: 0px 0px 10px 10px;
  padding: 5px 12px 1px;
  background-color: #faa732;
  display: none;
}
#secureHeader #notifications .fa-bell-o {
  padding-bottom: 5px;
  font-size: 24px;
}
#secureHeader #notifications .fa-caret-down {
  font-size: 18px;
  margin: 3px 0 0 5px;
  vertical-align: top;
}
#secureHeader #notifications .badge {
  color: goldenrod;
  background-color: white;
  vertical-align: top;
  font-size: 12.5px;
  margin-top: 1px;
}
#secureHeader #shoppingCart {
  box-shadow: 0px 1px 6px #353535;
  border-radius: 0px 0px 10px 10px;
  margin: 0 5px;
  padding: 5px 12px 1px;
  background-color: white;
}
#secureHeader #shoppingCart .fa-shopping-cart {
  color: #005fa8;
  padding-bottom: 3px;
  margin-top: -1px;
  font-size: 27px;
}
#secureHeader #shoppingCart .badge {
  color: white;
  background-color: #c10019;
  vertical-align: top;
  font-size: 12.5px;
  margin-top: 1px;
  margin-left: 3px;
}
#secureHeader #searchBar {
  background: linear-gradient(whitesmoke, #e5e5e5 40%);
  background-color: whitesmoke;
  width: 100%;
  padding: 5px 0 4px 80px;
  border-bottom: 1px dotted #929292;
}
#secureHeader + .page-title {
  font-weight: 700;
  font-size: 18px;
  margin: 15px 15px 0;
}
@media only screen and (min-width: 375px) and (max-width: 500px) {
  #shoppingCart {
    margin: 0 8px 0 12px !important;
  }
}
@media only screen and (min-width: 501px) {
  #shoppingCart {
    margin: 0 1em 0 25px !important;
  }
}
#quickSearchAuto {
  width: 94%;
  margin: 0px auto;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.29);
}
#quickSearchAuto .ui-first-child {
  border-top: none !important;
  border-radius: 0 !important;
}
#quickSearchForm {
  width: 100%;
  padding-right: 40px;
}
#quickSearchForm:before,
#quickSearchForm:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#quickSearchForm:after {
  clear: both;
}
#quickSearchForm .autofill-expand,
#quickSearchForm .autofill-locked {
  float: left;
  position: relative;
}
#quickSearchForm .autofill-expand {
  width: 100%;
}
#quickSearchForm .autofill-locked {
  width: 40px;
  margin-right: -40px;
}
#quickSearchForm #quickSearchClick {
  font-size: 28px;
  text-align: center;
  vertical-align: middle;
}
#quickSearchForm #quickSearchClick .fa-search {
  color: #005fa8;
  font-size: 22px !important;
}
#quickSearchForm .form-group,
#quickSearchForm .help-block,
#quickSearchForm .ui-textinput-search {
  margin: 0 !important;
  box-shadow: none;
}
#quickSearchForm .form-group input,
#quickSearchForm .help-block input,
#quickSearchForm .ui-textinput-search input {
  box-shadow: none;
  padding-left: 1em;
}
#quickSearchForm .form-group:focus,
#quickSearchForm .help-block:focus,
#quickSearchForm .ui-textinput-search:focus {
  border-color: #61a2d7;
}
#quickSearchForm .ui-textinput-search-icon {
  display: none;
}
#notificationsModal {
  padding-bottom: 5px;
  border-radius: 5px;
}
#notificationsModal .modal {
  max-width: 400px;
}
#notificationsModal .modal-spacer {
  width: 400px;
  margin-right: 30px;
  margin-left: 30px;
}
#notificationsModal .black-modal-heading {
  height: 40px;
  line-height: 40px;
  background-color: #333333;
  color: white;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
#notificationsModal .black-modal-heading .heading {
  font-weight: normal;
}
#notificationsModal .black-modal-heading .close {
  color: white;
}
#notificationsModal .modal-heading {
  border-bottom: 1px solid #eeeeee;
  height: 40px;
  line-height: 40px;
}
#notificationsModal .modal-heading .heading {
  color: #333;
  padding-left: 15px;
}
#notificationsModal .modal-content {
  padding: 15px !important;
}
#notificationsModal .modal-content.fixed-height {
  max-height: 400px;
  overflow-y: scroll;
}
#notificationsModal .modal-content {
  padding: 0 !important;
}
#notificationsModal .title {
  background-color: #faa732;
  padding: 6px 1em;
  color: white;
  font-weight: bold;
}
#notificationsModal .message {
  padding: 10px 1em 0;
}
#notificationsModal #tickerStockWrapper {
  margin-top: 20px;
}
#notificationsModal .stock-title {
  background-color: #005fa8;
  padding: 6px 1em;
  color: white;
  font-weight: bold;
}
#notificationsModal #tickerStockItemsWrapper {
  padding-left: 1em;
  padding-right: 1em;
}
#notificationsModal .stock-notification {
  padding: 10px 0;
}
#notificationsModal .delete-notifications {
  padding: 5px;
}
#notificationsModal .fa-times-circle {
  font-size: 20px;
  color: #3388cc;
}
#notificationsModal #seeAll {
  text-align: right;
  padding: 10px 16px 5px 0;
  color: #3388cc;
}
#notificationsModal .ui-popup.ui-body-inherit {
  border-width: 0;
}
@media only screen and (max-height: 480px) {
  #notificationsModal .modal-content {
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-height: 481px) {
  #notificationsModal .modal-content {
    max-height: 420px;
    overflow-y: scroll;
  }
}
#container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.header,
.ui-footer {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}
main.ui-content {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}
#footer,
#footerSecure {
  padding: 1em;
  background-color: #e9e9e9;
  border: 1px solid #d0d0d0;
}
#footer .footer-links,
#footerSecure .footer-links {
  list-style-type: none;
  margin-bottom: 12px;
  padding: 0;
}
#footer .footer-links-li,
#footerSecure .footer-links-li {
  display: inline-block;
  padding: 12px;
  font-weight: normal;
}
#footer .footer-links-li:first-child,
#footerSecure .footer-links-li:first-child {
  padding-left: 12px;
}
#footer .padding-tb-20,
#footerSecure .padding-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 320px) {
  #nsHeader .fa-sign-in,
  #secureHeader .fa-sign-in {
    right: 15px !important;
  }
}
@media only screen and (min-width: 376px) {
  .ui-content:not(.ui-popup) {
    margin: 0 auto;
    width: 375px;
    padding: 1em 0;
  }
  #nsHeader + .page-title {
    width: 375px;
    margin: 0 auto 15px !important;
  }
  #secureHeader + .page-title {
    width: 375px;
    margin: 15px auto 0;
  }
}
.header-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0px 0px 10px;
}
.toggle-popup {
  border-bottom: 1px dotted #666;
}
.toggle-popup:hover,
.toggle-popup:focus {
  text-decoration: none;
}
.no-scroll {
  overflow-y: hidden !important;
}
.close {
  position: absolute;
  top: 1px;
  right: -3px;
  font-size: 30px;
  cursor: pointer;
  padding: 0 15px;
  color: #ccc;
  font-weight: bold;
  display: none;
}
.ui-popup-active.in .close,
.modal.in .close {
  display: block;
}
.btn-blue {
  background-color: #0076D1 !important;
  border: 1px solid #004b84 !important;
  color: white !important;
}
.btn-blue .fa:not(.fa-lg) {
  font-size: 20px;
  vertical-align: middle;
}
.btn-blue .fa-lg {
  font-size: 20px;
}
.btn-white {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-gray {
  background-color: #f2f2f2 !important;
  border: 1px solid #a5a5a5 !important;
  color: #777777 !important;
}
.btn-red {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  width: auto !important;
}
.btn-lg {
  font-size: 16px;
}
#logoutModal {
  max-width: 400px;
}
.panel-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* home link with inline close button */
  /* panel close buttons */
}
.panel-links ul .panel-links-li {
  border-bottom: 1px solid #EFEFEF !important;
  border-color: #efefef !important;
  position: relative;
  height: 45px;
  line-height: 45px;
  padding-left: 20px;
  color: #333;
  font-size: 16px;
  cursor: pointer;
}
.panel-links ul .fa {
  font-size: 20px;
  padding-right: 2px;
}
.panel-links ul .fa-folder-open {
  font-size: 17.3px;
}
.panel-links ul .fa-sign-out {
  vertical-align: text-bottom;
}
.panel-links ul #link {
  padding-left: 20px;
  padding-right: 0;
  margin-left: -20px;
}
.panel-links ul .jqm-close-panel {
  letter-spacing: 0.7px;
  padding-right: 20px;
  text-align: right;
  border-bottom: none !important;
}
.panel-links ul #topClose {
  padding: 0 !important;
}
.panel-links ul #topClose span {
  padding-right: 20px;
}
.panel-links ul #bottomClose {
  height: 120px;
}
.panel-links ul .x-btn {
  font-size: 29px;
  vertical-align: top !important;
  font-weight: bold;
}
#securePanel .fa-angle-double-right,
#securePanel .fa-caret-down {
  font-size: 14px;
}
#securePanel .sub-link {
  padding-left: 40px;
}
#securePanel .overlay {
  z-index: 9;
}
.nav-panel {
  background-color: transparent !important;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.panel-links {
  background-color: white;
  width: 81%;
  z-index: 10;
  position: relative;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  transition: transform 0.38s ease;
  transform: translate3d(-100%, 0, 0);
}
.panel-links.opened {
  transform: translate3d(0%, 0, 0);
}
.ui-header,
.ui-footer {
  border: none;
  font-weight: normal;
}
.ui-header .ui-title,
.ui-footer .ui-title {
  font-size: 24px;
  min-height: inherit;
  text-align: left;
  padding: 0;
  text-overflow: inherit;
  white-space: inherit;
  background-color: inherit;
}
.ui-header .ui-link,
.ui-footer .ui-link {
  font-weight: normal !important;
}
.ui-content {
  background-color: white;
}
.ui-page-theme-a {
  text-shadow: none;
  background-color: white;
}
.ui-page-theme-a a {
  color: #276da4;
  text-decoration: underline;
}
.ui-page-theme-a .ui-bar-inherit,
.ui-page-theme-a .ui-panel-wrapper {
  background-color: white;
  text-shadow: none;
  font-weight: normal;
}
.ui-page-theme-a .ui-body-inherit {
  text-shadow: none;
}
.ui-page-theme-a .ui-btn:not(.btn-default) {
  text-shadow: none;
  background-color: transparent;
  border: none;
}
.ui-page-theme-a .ui-btn:not(.btn-default):focus {
  box-shadow: none;
}
.ui-page-theme-a .ui-btn:not(.btn-default):active {
  background-color: transparent;
}
.ui-page-theme-a .ui-btn.btn-default {
  text-shadow: none;
  font-weight: normal;
  padding: 10px 15px !important;
}
.ui-page-theme-a a {
  font-weight: inherit;
}
.ui-panel-inner {
  padding: 0;
}
.ui-mobile label {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}
.ui-panel-display-overlay {
  background-color: white;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
  margin: 0;
}
div[data-role="page"]:not(.ui-page-active) {
  display: none !important;
}
.ui-loader.ui-loader-default {
  display: none !important;
}
.ui-icon-loading {
  background-color: transparent !important;
  display: none !important;
}
#loadingAnimation {
  text-align: center;
  color: #0076D1;
  background: transparent;
}
#loadingAnimation .fa {
  font-size: 45px;
}
#loadingAnimation #loadingMessage {
  font-size: 25px;
  font-weight: bold;
  margin-top: 10px;
}
#loadingAnimation-screen {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}
.ui-input-search,
.ui-input-text {
  margin: 0 0 5px;
  box-shadow: none;
  border: 1px solid #CACACA;
}
.ui-input-search.ui-body-inherit,
.ui-input-text.ui-body-inherit {
  border-color: #d0d0d0;
}
.ui-input-search input.jqm,
.ui-input-text input.jqm,
.ui-input-search input.jqm-no-clear,
.ui-input-text input.jqm-no-clear {
  padding-left: 1em;
  box-shadow: none;
  border-radius: 0.3125em;
}
.ui-input-search a,
.ui-input-text a,
.ui-input-search .ui-icon-delete.ui-input-clear-hidden,
.ui-input-text .ui-icon-delete.ui-input-clear-hidden {
  display: none !important;
}
.ui-input-search a.ui-icon-delete:not(.ui-input-clear-hidden),
.ui-input-text a.ui-icon-delete:not(.ui-input-clear-hidden) {
  display: block !important;
}
.ui-input-search.ui-input-has-clear,
.ui-input-text.ui-input-has-clear {
  padding-right: 0;
}
.ui-input-search.ui-focus,
.ui-input-text.ui-focus {
  box-shadow: none;
  border-color: #85b8e0;
}
.ui-input-search .ui-alt-icon.ui-icon-search:after,
.ui-input-text .ui-alt-icon.ui-icon-search:after,
.ui-input-search .ui-alt-icon .ui-icon-search:after,
.ui-input-text .ui-alt-icon .ui-icon-search:after,
.ui-input-search .ui-input-search:after,
.ui-input-text .ui-input-search:after {
  background: none;
}
.ui-input-search .ui-icon-delete,
.ui-input-text .ui-icon-delete {
  text-indent: 0 !important;
}
.ui-input-search .ui-icon-delete:before,
.ui-input-text .ui-icon-delete:before {
  content: "\00d7";
  font-family: 'Times New Roman', times, serif;
  color: #666;
  font-size: 26px;
  float: right;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -17.5px;
  right: 7px;
}
.ui-input-search .ui-icon-delete:after,
.ui-input-text .ui-icon-delete:after {
  width: 0;
  height: 0;
  background-image: none !important;
  background-color: transparent !important;
}
.ui-input-search:after {
  display: none !important;
}
.form-group.has-error .ui-input-search,
.form-group.has-error .ui-input-text {
  border-color: #a94442;
}
/* styling for select inputs */
select.jqm-no-clear {
  box-shadow: none;
  min-height: 2.2em;
  padding: .4em;
  padding-left: 1em;
}
select.jqm-no-clear:focus,
select.jqm-no-clear:active {
  box-shadow: none;
}
.ui-panel {
  width: 81%;
}
.ui-panel-position-left {
  left: -81%;
}
.ui-panel-display-overlay {
  z-index: 1003;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay {
  transform: translate3d(-100%, 0, 0);
}
.ui-panel-animate {
  transition: transform 0.45s ease;
}
.ui-panel-dismiss.ui-panel-dismiss-open {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  left: 0;
}
.ui-popup-screen {
  position: fixed;
}
.ui-popup {
  border: 0 !important;
}
.alert-mobile {
  padding: 10px 15px;
  margin-bottom: 10px;
}