:root {
  --mg-maxx-client-button: #666;
  --mg-maxx-client-button-text: #fff; }

.mx-list-across, .mx-list-across-divided {
  margin: 0;
  padding: 0;
  list-style: none; }

.mx-list-across > li, .mx-list-across-divided > li {
  display: inline;
  margin-right: 7.5px;
  padding-right: 7.5px; }

body.maxx table.regPaymentDetails, ol.forms li.longLabel, .mx-search-box__text-input {
  width: 100%; }

.mx-product-listing__thumbnail, .mx-product-detail__thumbnail {
  background: #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px; }

@font-face {
  font-family: 'maxxicons';
  src: url("fonts/maxxicons/fonts/maxxicons.woff2?ldz732") format("woff2"), url("fonts/maxxicons/fonts/maxxicons.ttf?ldz732") format("truetype"), url("fonts/maxxicons/fonts/maxxicons.woff?ldz732") format("woff"), url("fonts/maxxicons/fonts/maxxicons.svg?ldz732#maxxicons") format("svg");
  font-weight: normal;
  font-style: normal; }
.mx-product-detail__thumbnail-preview:before, .mx-quantity-button:before,
[class*="maxx-icon-"], .parentCompany {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'maxxicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.maxx-icon-quantity:before {
  content: "\21"; }

.maxx-icon-preview:before {
  content: "\22"; }

.maxx-icon-search:before {
  content: "\23"; }

.maxx-icon-communications:before {
  content: "\24"; }

.maxx-icon-top-level-member-company:before {
  content: "\25"; }

.maxx-icon-reports:before {
  content: "\26"; }

.maxx-icon-remove:before {
  content: "\27"; }

.maxx-icon-primary-contact:before {
  content: "\28"; }

.maxx-icon-organization-member:before {
  content: "\29"; }

.maxx-icon-members:before {
  content: "\2a"; }

.maxx-icon-meetings:before {
  content: "\2b"; }

.maxx-icon-info:before {
  content: "\2c"; }

.maxx-icon-individual-member:before {
  content: "\2d"; }

.maxx-icon-help:before {
  content: "\2e"; }

.maxx-icon-fundraising:before {
  content: "\2f"; }

.maxx-icon-finance:before {
  content: "\30"; }

.maxx-icon-edit:before {
  content: "\31"; }

.maxx-icon-donor:before {
  content: "\32"; }

.maxx-icon-contacts:before {
  content: "\33"; }

.maxx-icon-commerce:before {
  content: "\34"; }

.maxx-icon-check:before {
  content: "\35"; }

.maxx-icon-board-member:before {
  content: "\36"; }

.maxx-icon-advocacy:before {
  content: "\37"; }

.maxx-icon-mymatrixmaxx:before {
  content: "\38"; }

.maxx-icon-eyeball:before {
  content: "\39"; }

.maxx-icon-circle-arrow-left:before {
  content: "\3a"; }

.maxx-icon-circle-arrow-down:before {
  content: "\3b"; }

.maxx-icon-circle-arrow-right:before {
  content: "\3c"; }

.maxx-icon-circle-arrow-up:before {
  content: "\3d"; }

.maxx-icon-arrow-up:before {
  content: "\3e"; }

.maxx-icon-arrow-right:before {
  content: "\3f"; }

.maxx-icon-arrow-down:before {
  content: "\40"; }

.maxx-icon-arrow-left:before {
  content: "\41"; }

.maxx-icon-cart:before {
  content: "\42"; }

.maxx-icon-draggable:before {
  content: "\43"; }

.maxx-icon-tasks:before {
  content: "\44"; }

.maxx-icon-star:before {
  content: "\45"; }

.maxx-icon-favicon:before {
  content: "\46"; }

.maxx-icon-expandall:before {
  content: "\47"; }

.maxx-icon-collapseall:before {
  content: "\48"; }

.maxx-icon-viewstaff2:before {
  content: "\49"; }

.maxx-icon-recentlyviewed:before {
  content: "\4a"; }

.maxx-icon-viewstaff:before {
  content: "\4b"; }

.maxx-icon-tradeshow:before {
  content: "\4c"; }

.maxx-icon-sponsor:before {
  content: "\4d"; }

.maxx-icon-meeting-badge:before {
  content: "\4e"; }

.maxx-icon-commerce-badge:before {
  content: "\4f"; }

.maxx-icon-activities:before {
  content: "\50"; }

.maxx-icon-add-to-calendar:before {
  content: "\51"; }

.maxx-icon-map-point:before {
  content: "\52"; }

.maxx-icon-my-meetings:before {
  content: "\53"; }

.maxx-icon-meeting-documents:before {
  content: "\54"; }

.maxx-icon-bookmark:before {
  content: "\55"; }

.maxx-icon-plus-sign:before {
  content: "\56"; }

.maxx-icon-remove-sign:before {
  content: "\57"; }

.maxx-icon-ok-sign:before {
  content: "\58"; }

.maxx-icon-info-sign:before {
  content: "\59"; }

.maxx-icon-plus:before {
  content: "\5a"; }

.maxx-icon-minus:before {
  content: "\5b"; }

.maxx-icon-warning-sign:before {
  content: "\5c"; }

.maxx-icon-bookmark-empty:before {
  content: "\5d"; }

.maxx-icon-rss:before {
  content: "\5e"; }

.maxx-icon-caret-down:before {
  content: "\5f"; }

.maxx-icon-caret-up:before {
  content: "\60"; }

.maxx-icon-caret-left:before {
  content: "\61"; }

.maxx-icon-caret-right:before {
  content: "\62"; }

.maxx-icon-info2:before {
  content: "\63"; }

.maxx-icon-store:before {
  content: "\64"; }

.maxx-icon-fat-arrow-left:before {
  content: "\65"; }

.maxx-icon-menu:before {
  content: "\66"; }

.mx-quantity-button:before {
  content: "\21"; }

.mx-product-detail__thumbnail-preview:before {
  content: "\22"; }

/*!	Date: 10/7/2009
	Janna Marks
	Default MatrixMaxx Stylesheet
*/
/* calendar */
#personal-cal {
  position: relative; }

.cal-options {
  list-style: none !important;
  margin-left: 0 !important;
  width: 120px;
  border: 1px solid #999;
  border-top: none;
  background-color: #fff;
  padding: 10px;
  position: absolute; }

.cal-options li {
  margin-bottom: 0.3em;
  list-style-type: none !important;
  margin-left: 0 !important; }

.cal-options #cal-outlook {
  background: url(/themes/images/calendar_outlook.gif) 0 50% no-repeat;
  padding-left: 20px !important; }

.cal-options #cal-ical {
  background: url(/themes/images/calendar_ical.png) 0 50% no-repeat;
  padding-left: 20px !important; }

.cal-options #cal-google {
  background: url(/themes/images/calendar_google.png) 0 50% no-repeat;
  padding-left: 20px !important; }

.cal-options #cal-yahoo {
  background: url(/themes/images/calendar_yahoo.png) 0 50% no-repeat;
  padding-left: 20px !important; }

.invite {
  display: none; }

div.toolbarGray {
  overflow: hidden;
  background: #f6f6f6;
  border-bottom: 1px solid #cccccc;
  padding: 5px 10px;
  margin-top: 10px;
  /*
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
*/ }

div.toolbarGray span.toolbarItem {
  float: left;
  width: 20%; }

.eventBlock {
  margin-top: 30px; }

.toolbarItem {
  padding-right: 10px; }

/* Roster Styles */
#sortable1,
#sortable2 {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 95%;
  overflow: auto; }

#sortable1 li {
  margin: 2px 2px 2px 0px;
  padding: 0;
  height: 54px;
  background-color: #efefef;
  border: 1px solid #666666; }

#sortable2 li {
  margin: 2px 2px 2px 0px;
  padding: 0;
  height: 54px;
  background-color: #aaaaaa;
  border: 1px solid #666666; }

#sortable1 li span.staffName,
#sortable2 li span.staffName {
  position: absolute;
  margin-left: 0px;
  width: 540px; }

#sortable1 li span.staffPhone,
#sortable2 li span.staffPhone {
  position: absolute;
  margin-left: 325px;
  width: 75px; }

#sortable1 li span.staffEmail,
#sortable2 li span.staffEmail {
  position: absolute;
  margin-left: 400px;
  width: 250px; }

#sortable1 li span.staffRemove,
#sortable2 li span.staffRemove {
  position: absolute;
  margin-left: 500px;
  width: 75px; }

/* Styles for Group Registration */
.clearing {
  clear: both; }

.button-add-remove-clause {
  float: left;
  margin: 0 1px;
  vertical-align: top;
  width: 16px; }

.button-add-remove-clause input {
  border-size: 0px;
  border-style: none;
  display: inline; }

ul.objList li {
  list-style: none; }

div.spinnerDiv {
  display: block;
  position: fixed;
  height: 100%;
  top: 50%;
  left: 50%; }

div.stepByStepNav {
  float: left;
  width: 14%;
  padding: 0 20px 0 0; }

div.stepByStepNav ul {
  margin: 0;
  padding: 0; }

div.stepByStepNav ul li {
  border-bottom: 1px dashed #373737;
  list-style: none;
  padding: 0 0 1px 4px;
  margin: 2px 0 0 0; }

div.stepByStepNav ul li a,
div.stepByStepNav ul li a:visited {
  color: #000;
  text-decoration: none;
  font-size: 12px;
  line-height: 19px; }

div.stepByStepNav ul li.futureStep {
  color: #999;
  text-decoration: none;
  font-size: 12px;
  line-height: 19px; }

div.stepByStepNav ul li.on {
  background: url("/themes/images/rightArrowBackDarkGray.gif") no-repeat right center;
  border: none;
  margin-right: -20px;
  padding-right: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: bold;
  color: #fff; }

div.stepByStepNav ul li.on a,
div.stepByStepNav ul li.on a:visited,
div.stepByStepNav ul li.on a:hover,
#PublicWrapper div.stepByStepNav ul li.on a:hover,
#maxxMicrositeContainer div.stepByStepNav ul li.on a,
#maxxMicrositeContainer div.stepByStepNav ul li.on a:visited,
#maxxMicrositeContainer div.stepByStepNav ul li.on a:hover {
  color: #fff;
  text-decoration: none; }

div.stepByStepContent {
  float: left;
  border: 1px solid #ccc;
  max-width: 80%;
  padding: 4px; }

div.regIndivButtons {
  margin: 5px 0px 5px 0px;
  float: right; }

div.registrationBlock {
  padding: 4px;
  margin: 4px 0 0 0;
  border: 1px solid #ccc; }

div.groupRegSection {
  padding: 4px;
  border: 1px solid #ccc;
  margin-top: 10px; }

div.stepByStepContent div.groupRegSection .sectionHeader {
  background: url("/themes/images/dkGrayHeaderBack.gif") repeat-x top left;
  padding: 3px 4px 6px 4px;
  margin: -4px -4px 0px -4px;
  float: left;
  width: 100%; }

div.stepByStepContent div.groupRegSection h4,
#maxxMicrositeContainer div.stepByStepContent div.groupRegSection h4,
#main div.stepByStepContent div.groupRegSection h4 {
  background: url("/themes/images/dkGrayHeaderBack.gif") repeat-x top left;
  color: #ffffff;
  font-weight: bold;
  xwidth: 350px;
  padding: 0;
  margin: 0; }

div.stepByStepContent div.groupRegSection .sectionHeader a,
#maxxMicrositeContainer div.stepByStepContent div.groupRegSection .sectionHeader a,
div.stepByStepContent div.groupRegSection .sectionHeader,
.maxxMicrositeContainer div.stepByStepContent div.groupRegSection .sectionHeader {
  color: #ffffff; }

div.eventQuestion {
  margin-left: 25px; }

body.maxx table.regPaymentDetails tr td,
body.maxx table.regPaymentDetails tr th {
  padding: 2px 10px 0 0 !important; }

tr.couponrow td,
div.couponrow {
  color: #2AAD2E; }

div.stepByStepContent img,
#content div.stepByStepContent img {
  padding: 0;
  border: 0; }

/* Classes for Bio Rosters and Staff dialogs */
#member_bio_dialog {
  background: white;
  opacity: 1.0;
  display: none;
  border: 1px solid black; }

#member_bio_content {
  padding: 5px; }

#remove_staff_dialog {
  background: white;
  opacity: 1.0;
  display: none;
  border: 1px solid black;
  line-height: 1em; }

#remove_staff_content {
  padding: 5px; }

.button_group {
  padding: 4px; }

/* --- password strength meter ---
  NOTE: this is copied in intranet maxx.css.
  If you update this, change it there too!
*/
#password-score-bar {
  border: 1px solid black;
  padding: 0.5rem;
  display: inline-block;
  min-width: 150px;
  text-align: center; }
  #password-score-bar.strength1 {
    background-image: linear-gradient(to right, #ff0000 0%, #ff0000 25%, transparent 25%, transparent 100%); }
  #password-score-bar.strength2 {
    background-image: linear-gradient(to right, orange 0%, orange 50%, transparent 50%, transparent 100%); }
  #password-score-bar.strength3 {
    background-image: linear-gradient(to right, yellow 0%, yellow 75%, transparent 75%, transparent 100%); }
  #password-score-bar.strength4 {
    background-image: linear-gradient(to right, #4dcd00 0%, #4dcd00 100%, transparent 100%, transparent 100%); }

/* Styling for Organization Participation Report */
.profileIcon {
  float: left;
  margin: 0 10px; }

.profileBlock {
  margin: 15px 0 0 0px;
  padding: 1px 0;
  clear: both;
  overflow: hidden; }

.profileContentBlock {
  margin: 0 0 0 60px;
  padding: 0 0; }

#profileInfoBlock {
  padding: 1px 0; }

#multiple-contacts {
  padding: 1px 0; }

.specialMark {
  color: #090;
  font-weight: bolder; }

/* Group Registration add attendee styling*/
ul.objList li {
  padding-bottom: 2px; }

.control-group.half {
  float: left;
  width: 50%; }

.control-group.full {
  clear: both; }

.control-group {
  margin-bottom: 1em; }

span.field_label,
span.fieldlabel {
  font-weight: bold; }

fieldset {
  min-width: min-content; }

/* Styling for new www pledge form */
.maxxFormBlock {
  border: 1px solid #ccc;
  padding: 4px;
  width: 98%; }

.formtwocolumnleft {
  float: left;
  width: auto;
  padding: 0 10px 0 0; }

.formtwocolumnright {
  float: right;
  padding: 0 10px 0 0; }

ol.forms li ul li label,
ol.forms li.grouping ul li label {
  float: left;
  font-weight: normal;
  width: 30em; }

ol.forms li.grouping label {
  display: block;
  float: none;
  font-weight: bold;
  padding: 0 0.5em 0 0;
  width: 100%; }

ol.forms li.sidebysideLeft {
  padding-left: 0; }

ol.forms li ul.groupingsidebyside ul.stacked {
  display: block; }

/* -----Forms----- */
ol.forms {
  list-style: none;
  margin: 0;
  overflow: hidden;
  width: 100%; }

ol.forms li {
  clear: both;
  float: left;
  margin-bottom: 12px;
  width: 100%; }

ol.forms li.buttons input {
  background: #730996;
  border: none;
  color: #fff;
  overflow: hidden;
  vertical-align: middle;
  width: auto; }

ol.forms li.sidebysideLeft {
  clear: left;
  float: left;
  padding: .5em 0 .5em .5em;
  width: 45%; }

ol.forms li.sidebyside {
  clear: none;
  float: left;
  padding: .5em 0 .5em .5em;
  width: auto; }

ol.forms li.leftLabel label {
  display: block;
  float: left;
  font-weight: bold;
  color: #61106A;
  padding: 0 .5em 0 0;
  width: 9em; }

ol.forms li label.inline {
  display: inline;
  float: none;
  padding: 0;
  width: auto; }

ol.forms li label {
  float: none;
  display: block;
  font-weight: bold;
  xcolor: #61106A;
  padding: 0 .5em 0 0;
  width: 100%; }

ol.forms li.longLabel label {
  float: left;
  display: inline;
  font-weight: bold;
  color: #61106A;
  padding: 0 .5em 0 0;
  width: auto; }

ol.forms li ul {
  float: left;
  list-style: none;
  margin: 1em 0 1em 2em;
  padding: 0; }

ol.forms li ul li {
  clear: left;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%; }

ol.forms li ul li input {
  display: block;
  float: left;
  width: auto; }

ol.forms li ul li label,
ol.forms li.grouping ul li label {
  float: left;
  font-weight: normal;
  width: 30em; }

ol.forms li ul li label,
ol.forms li.groupingleftlabel ul li label {
  float: left;
  font-weight: normal;
  width: 30em; }

ol.forms li.grouping label {
  float: none;
  display: block;
  font-weight: bold;
  padding: 0 .5em 0 0;
  width: 100%; }

ol.forms li.buttons input {
  margin-left: 10em;
  width: auto; }

.error {
  color: #990000;
  font-weight: bold; }

ol.forms li span.error {
  color: #FF4646;
  display: block;
  margin-left: 10em;
  width: 16.6em; }

ol.forms li ol.questionBox {
  border: 1px solid #ccc; }

ol.forms li ul.groupingsidebyside ul.stacked li {
  clear: left; }

ol.forms li ul.groupingsidebyside {
  float: left;
  list-style: none outside none;
  display: inline;
  margin: 1em 0 1em 2em;
  padding: 0;
  width: 90%; }

ol.forms li ul.groupingsidebyside li {
  float: left;
  display: inline;
  clear: none;
  width: auto; }

ol.forms li ul.groupingsidebyside li label {
  width: auto; }

div.inlineRosterDiv {
  display: table-cell;
  vertical-align: top; }

/* Fix for jira MAXX-65  --zbmott 2012-08-03 10:45 */
div.rosterImageDiv {
  height: 300px;
  vertical-align: bottom;
  display: table-cell; }

a.helpIcon {
  cursor: pointer;
  margin-left: 5px; }

/* Classes for jQuery dialogs */
/* modal window/ dialog box */
/* These styles overwrite the inline styles in jquery.ui.all.js / dropDirectPhoneDialog.js */
.ui-dialog {
  opacity: 1.0;
  width: 500px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  display: none;
  border: 1px solid black;
  z-index: 150; }
  @media (max-width: 767px) {
    .ui-dialog {
      width: 100% !important; } }

.ui-widget-overlay {
  /* Turn the overlay gray */
  background-color: #000;
  opacity: 0.55;
  -moz-opacity: 0.55;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100; }

.ui-dialog div {
  xmargin: 0 !important;
  xpadding: 0 !important; }

.ui-dialog-buttonpane {
  margin: 0 !important;
  padding: 0 !important; }

.ui-dialog-titlebar {
  xcolor: #ffffff;
  font-weight: bold !important;
  padding: 10px 10px 0px 10px;
  margin: 0;
  background-color: transparent !important; }

.ui-dialog-titlebar a {
  color: #61106A !important;
  xmargin: 0 !important;
  xpadding: 3px !important;
  text-decoration: none !important; }

.ui-dialog-titlebar a:hover {
  color: #fff !important;
  background: #A99BAB; }

.ui-dialog-title {
  color: #fff; }

.ui-dialog-titlebar-close {
  float: right;
  margin: 5px;
  padding-top: 5px;
  padding-right: 5px; }

.ui-dialog .ui-dialog-titlebar-close span {
  margin-left: -9px;
  margin-top: -8px; }

.ui-dialog-content {
  background: #fff !important;
  padding: 5px;
  height: auto !important; }

.ui-dialog-content p {
  padding: .5em 10px; }
  @media (max-width: 767px) {
    .ui-dialog-content p {
      padding: 0; } }

.ui-dialog-content ul {
  margin-left: 5em; }

.ui-dialog-content button {
  margin-top: .35em;
  margin-right: .35em; }

#maxxMicrositeContainer .ui-state-default {
  color: #555555; }

/* Changed widged font size to 1 instead of 1.1em */
.ui-widget {
  font-size: 1em; }

/* Changed image path to /themes/images/ instead of image/ */
/* Component containers
----------------------------------*/
.ui-widget-content {
  background: #ffffff url(/themes/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-header {
  background: #61106a url(/themes/images/ui-bg_highlight-soft_75_666666_1x100.png) 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background: #e6e6e6 url(/themes/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #dadada url(/themes/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #ffffff url(/themes/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #fbf9ee url(/themes/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  background: #fef1ec url(/themes/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/themes/images/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(/themes/images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(/themes/images/ui-icons_cccccc_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(/themes/images/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/themes/images/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(/themes/images/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(/themes/images/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/themes/images/ui-icons_cd0a0a_256x240.png); }

/* Making button not so tall by changing top and bottom padding to be .0em instead of .4em */
/* button text element */
.ui-button-text-only .ui-button-text {
  padding: .0em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .0em; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .0em 1em .0em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .0em 2.1em .0em 1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .0em 1em; }

div.ui-accordion-content {
  background: transparent; }

/* Absolute position datepicker when not visible so it doesn't create extra space */
.ui-datepicker {
  position: absolute;
  top: -500px;
  left: -500px; }

/* Making borders on buttons darker */
.ui-button {
  border: 1px solid #666; }

/*----- End jQuery Overide section -----*/
/*
 * Responsive
 */
@media (max-width: 600px) {
  .eventBlock {
    margin-top: 3.5em; }

  .eventBlock .eventImage {
    max-width: 20%;
    margin-right: 4%;
    margin-bottom: .5em; }

  .eventBlock .eventImage img {
    width: 100%; }

  .eventBlock .eventInfo {
    font-size: .9em; }

  .eventBlock .eventInfo h2 {
    font-size: 1.3em; }

  .eventBlock .eventLogistics {
    clear: left;
    margin-top: .8em; }

  div.toolbarGray span.toolbarItem {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333%;
    margin: 0;
    padding: 0 .6em;
    text-align: center; }

  td.normal > div {
    width: auto !important; } }
/* MAXX-1582 */
div.control-group label + textarea {
  display: block; }

/* MAXX-1685 */
.headline1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* My Profile Styles */
/* Adding a class that can be used to indent a black of content without the use of tables */
.indent-block {
  padding-left: 1em; }

.maxx .primary table td.indent-block1 {
  padding-left: 1em; }

.maxx .primary table td.indent-block2 {
  padding-left: 2em; }

.maxx .primary table td.indent-block3 {
  padding-left: 3em; }

/* Responsive styles for MyAccount on My Profile page */
@media (max-width: 767px) {
  .myAccount-date {
    float: left;
    width: 100%;
    font-weight: bold; }

  .myAccount-description {
    float: left;
    width: 100%; }

  .myAccount-invoice {
    float: left;
    width: 45%; }

  .myAccount-amount {
    float: left;
    width: 45%; } }
table#myProfile-myAccount tr th {
  text-align: left; }

/* Rsponsive styles for MyMeetings on MyProfile */
.myMeeting-columns {
  float: left;
  width: 33%; }

@media (max-width: 767px) {
  .myMeeting-columns {
    float: none;
    width: 100%; } }
/* Responsive styles for My Downloads table on the My Profile page */
table#myProfile-myDownloads tr th {
  text-align: left; }

@media (max-width: 767px) {
  table#myProfile-myDownloads tr th {
    display: none; }

  .myDownloads-prodNum {
    float: left;
    width: 25%;
    font-weight: bold; }

  .myDownloads-title {
    float: left;
    width: 70%;
    font-weight: bold; }

  .myDownloads-datePurchased {
    float: left;
    width: 33%; }

  .myDownloads-access {
    float: left;
    width: 33%; }

  .myDownloads-expireDate {
    float: left;
    width: 33%; } }
/* Responsive styles for my Profile demographics */
@media (max-width: 767px) {
  table#myProfile-demographics td {
    float: left;
    width: 100%; } }
/* product view page */
.contact-photo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 1em .5em 0; }

@media (max-width: 600px) {
  /* line 1, sass/_contacts-individual.scss */
  .contact-photo {
    float: none;
    width: auto;
    margin: 0; } }
/* line 13, sass/_contacts-individual.scss */
.contact-photo .photo {
  height: auto;
  xbackground: #fff;
  padding: .2em;
  border: 1px solid #c7c8ca; }

@media (max-width: 600px) {
  /* line 13, sass/_contacts-individual.scss */
  .contact-photo .photo {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto; } }
/* Store */
.cartButtons {
  width: 100%;
  text-align: center; }

/*Login Page */
#loginPageWrapper {
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  display: flex; }

@media (max-width: 600px) {
  #loginPageWrapper {
    flex-direction: column;
    width: 100%; } }
.loginPageBoxes {
  width: 45%;
  border: 1px #666 solid;
  padding: .5em; }

.loginPageBoxes input[type="text"],
.loginPageBoxes input[type="password"] {
  width: 100%; }

div#login {
  margin: .5em .5em .5em 0; }

@media (max-width: 600px) {
  div#login {
    width: 97%;
    margin-right: 0; } }
div#createProfile {
  margin: .5em 0 .5em .5em; }

@media (max-width: 600px) {
  div#createProfile {
    width: 97%;
    margin-left: 0; } }
.sf_cols:before, .sf_cols:after {
  content: "";
  display: table; }

.sf_cols:after {
  clear: both; }

.sf_cols {
  zoom: 1; }

.media-box, .banded {
  background: #f5f5f5; }

.gutter-left {
  margin-left: 30px; }

.gutter-right {
  margin-right: 30px; }

.gutter-bottom {
  margin-bottom: 30px; }

.padded {
  padding: 15px; }

.mx-flex-align {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 767px) {
    .mx-flex-align {
      flex-direction: column; }
      .mx-flex-align > * {
        margin-bottom: 30px; } }

.mx-divider {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  padding-bottom: 30px; }

@media (max-width: 767px) {
  .mobile-cell-blocks th,
  .mobile-cell-blocks td {
    display: block; } }

@media (max-width: 767px) {
  .mobile-zero {
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none; }
    .mobile-zero > .sf_colsOut > .sf_colsIn,
    .mobile-zero > .sf_colsIn {
      width: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important; } }

@media (max-width: 1023px) {
  .portrait-zero {
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none; }
    .portrait-zero > .sf_colsOut > .sf_colsIn,
    .portrait-zero > .sf_colsIn {
      width: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important; } }

.mx-list-across-divided > li {
  border-right: 1px solid #b3b3b3;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 1; }
  .mx-list-across-divided > li:last-child {
    border: none;
    padding-left: 0;
    margin-left: 0; }

@media (max-width: 767px) {
  .mx-mobile-stack li {
    display: block;
    border: 0;
    margin-bottom: 7.5px; } }

.mx-social-icons {
  display: flex; }
  .mx-social-icons > a {
    margin-right: 0.5rem; }
    .mx-social-icons > a:last-child {
      margin-right: 0; }

.mx-store-controls a {
  color: inherit; }
@media (max-width: 767px) {
  .mx-store-controls .mx-list-across-divided li {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border: 0;
    border-bottom: 1px solid #ccc; } }

.mx-search-box {
  position: relative;
  width: 100%;
  max-width: 400px; }

.mx-search-box__text-input {
  padding: 5px 55px 5px 15px; }

.mx-search-box__submit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin-top: 0 !important;
  display: flex;
  align-items: center; }

.mx-product-listing {
  width: 100%;
  border-collapse: collapse; }

.mx-store-wrapper .mx-list-controls {
  margin-bottom: 0; }

.mx-product-listing__cell {
  padding: 60px 0; }
  @media (max-width: 767px) {
    .mx-product-listing__cell {
      padding: 30px 0; } }

.mx-product-listing__item {
  border-bottom: 1px solid #ccc; }

.mx-product-listing__thumbnail-cell {
  width: 25%;
  padding-left: 15px; }
  @media (max-width: 767px) {
    .mx-product-listing__thumbnail-cell {
      width: 35%; } }

.mx-product-listing__info-cell {
  padding-left: 30px; }
  @media (max-width: 767px) {
    .mx-product-listing__info-cell {
      padding-left: 15px; } }

.mx-product-listing__image {
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center; }

.mx-product-listing__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 100%;
  z-index: 10; }
  .mx-product-listing__buttons a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 100%;
    z-index: 10; }
  .mx-product-listing__buttons button {
    background: black;
    background: rgba(0, 0, 0, 0.8);
    border: 0;
    border-radius: 0;
    color: white;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px;
    margin: 0; }
    .mx-product-listing__buttons button:active {
      top: auto; }

.mx-product-listing__pub-title {
  margin-bottom: 10px; }

.mx-product-detail__thumbnail-column {
  width: 22.686025%;
  float: left; }

.mx-product-detail__thumbnail {
  margin-bottom: 60px; }

.mx-product-detail__info {
  width: 77.313975%;
  float: right; }

table.mx-product-detail__details {
  width: 100%;
  text-align: left; }
  table.mx-product-detail__details tr:nth-child(odd) {
    background: #f5f5f5; }
  table.mx-product-detail__details th,
  table.mx-product-detail__details td {
    padding: 15px; }
  table.mx-product-detail__details th {
    background-color: transparent;
    color: inherit; }
  table.mx-product-detail__details,
  table.mx-product-detail__details th,
  table.mx-product-detail__details td {
    border: 0; }

.related-products .mx-product-listing__thumbnail {
  box-shadow: 0 0 10px 0 #3b4b45;
  overflow: hidden; }
.related-products .mx-product-listing__image {
  height: 480px; }
.related-products.no-slider .swiper-slide {
  max-width: 198px;
  margin-right: 0; }
  @media only screen and (max-width: 1014px) {
    .related-products.no-slider .swiper-slide {
      max-width: 300px; } }
  @media only screen and (max-width: 758px) {
    .related-products.no-slider .swiper-slide {
      max-width: 344px; } }
  @media only screen and (max-width: 590px) {
    .related-products.no-slider .swiper-slide {
      max-width: 560px;
      width: 100% !important; } }
@media only screen and (min-width: 591px) {
  .related-products._2-items .swiper-button-prev,
  .related-products._2-items .swiper-button-next {
    display: none !important; } }
@media only screen and (min-width: 759px) {
  .related-products._3-items .swiper-button-prev,
  .related-products._3-items .swiper-button-next {
    display: none !important; } }
@media only screen and (min-width: 1024px) {
  .related-products._4-items .swiper-button-prev,
  .related-products._4-items .swiper-button-next, .related-products._5-items .swiper-button-prev,
  .related-products._5-items .swiper-button-next {
    display: none !important; } }
.related-products .swiper-button-prev:before,
.related-products .swiper-button-prev:after,
.related-products .swiper-button-next:before,
.related-products .swiper-button-next:after {
  content: "" !important;
  display: block;
  height: 4px;
  position: absolute;
  margin: auto;
  width: 19px;
  border-radius: 5px;
  background: #06446e; }
.related-products .swiper-button-prev:before {
  bottom: 54%;
  transform: rotate(-45deg); }
.related-products .swiper-button-prev::after {
  left: 0;
  display: block;
  transform: translate(0, 0) rotate(133deg); }
.related-products .swiper-button-next:before {
  bottom: 54%;
  transform: rotate(45deg); }
.related-products .swiper-button-next::after {
  right: 0;
  display: block;
  transform: translate(0, 0) rotate(133deg); }
.related-products .product-name {
  font-size: 16px;
  margin-top: 1rem;
  margin-bottom: 1rem; }
.related-products .swiper-slide > div > div:nth-child(2) {
  font-size: 16px; }
.related-products .swiper-container {
  padding: 0 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
.related-products .swiper-button-prev::after {
  content: "";
  right: 0;
  top: 56%;
  display: block;
  transform: translate(0, 0) rotate(-145deg); }
.related-products .swiper-button-next::after {
  content: "";
  top: 56%;
  left: 0;
  display: block;
  transform: translate(0, 0) rotate(135deg); }
.related-products .swiper-button-prev,
.related-products .swiper-button-next {
  top: 42%;
  background-color: rgba(255, 255, 255, 0.8) !important;
  width: 2.2rem;
  height: 3.2rem; }
  @media only screen and (min-width: 591px) {
    .related-products .swiper-button-prev,
    .related-products .swiper-button-next {
      top: 14rem; } }
  @media only screen and (min-width: 758px) {
    .related-products .swiper-button-prev,
    .related-products .swiper-button-next {
      top: 13rem; } }
  .related-products .swiper-button-prev:before, .related-products .swiper-button-prev:after,
  .related-products .swiper-button-next:before,
  .related-products .swiper-button-next:after {
    position: absolute; }
.related-products .swiper-button-prev,
.related-products .swiper-container-rtl .swiper-button-next {
  left: 0px; }
.related-products .swiper-button-next,
.related-products .swiper-container-rtl .swiper-button-prev {
  right: 0; }
.related-products .swiper-button-next:after,
.related-products .swiper-container-rtl .swiper-button-prev:after {
  content: "" !important; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.mx-store-controls__back-to-store [class*="maxx-icon"],
.mx-store-controls__how-to-order [class*="maxx-icon"] {
  font-size: 1.3em;
  transform: translateY(2px);
  display: inline-block; }

.mx-store-controls__how-to-order {
  display: none !important; }

.mx-quantity-button {
  background: none;
  padding-left: 44px;
  position: relative;
  box-shadow: none;
  border: 0; }
  .mx-quantity-button:hover {
    background: none;
    text-decoration: underline; }
  .mx-quantity-button, .mx-quantity-button:hover {
    color: inherit; }
  .mx-quantity-button:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 31px; }

.mx-advanced-search table,
.mx-advanced-search table th,
.mx-advanced-search table td {
  border-top: 0;
  border-bottom: 0; }

.mx-user-profile {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px; }
  .mx-user-profile__image {
    position: relative;
    max-width: 200px;
    margin-right: 75px; }
    .mx-user-profile__image img {
      display: block; }
    .mx-user-profile__image a {
      position: absolute;
      bottom: -21px;
      right: -21px;
      background-color: blue;
      border: 2px solid white;
      border-radius: 100%;
      padding: 9px;
      display: inline-flex;
      background-color: #666;
      background-color: var(--mg-maxx-client-button);
      color: #fff;
      color: var(--mg-maxx-client-button-text, #fff); }
      .mx-user-profile__image a svg {
        fill: currentColor; }

.mx-icon-with-text {
  display: flex;
  margin-bottom: 20px; }
  .mx-icon-with-text:last-child {
    margin-bottom: 0; }

.mx-icon-with-text svg {
  flex-shrink: 0;
  margin-right: 20px; }
.mx-icon-with-text div {
  flex-grow: 1; }

.mx-button-with-icon {
  display: inline-flex;
  align-items: center; }
  .mx-button-with-icon svg {
    margin-right: 10px;
    fill: currentColor; }

.mx-user-profile__icons {
  margin: 2rem 0; }

/** new styles for accordions when we took them out of Kendo **/
.maxx-new-accordion {
  margin: 0;
  padding: 0;
  border: 2px solid #858585;
  border-radius: 7px; }
  .maxx-new-accordion h3 {
    margin: 0;
    padding: 0; }
  .maxx-new-accordion:focus-within {
    border-color: #0759d5; }
    .maxx-new-accordion:focus-within h3 {
      background-color: #f7f7f7; }
  .maxx-new-accordion button {
    border-style: none; }
    .maxx-new-accordion button::-moz-focus-inner {
      border: 0; }
  .maxx-new-accordion fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  .maxx-new-accordion input[type=text],
  .maxx-new-accordion input[type=email],
  .maxx-new-accordion input[type=number] {
    border: 1px solid #6b6b6b;
    border-radius: 0.3em;
    display: block;
    font-size: inherit;
    padding: 0.3em 0.5em; }
  .maxx-new-accordion > * + * {
    border-top: 1px solid #858585; }

#newExpandAll,
#newCollapseAll {
  margin-bottom: 5px; }

.maxx-accordion-trigger {
  background: none;
  color: #212121;
  display: block;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  padding: 1em 1.5em;
  position: relative;
  text-align: left;
  width: 100%;
  outline: none; }

.maxx-accordion-trigger:focus,
.maxx-accordion-trigger:hover {
  background: #e1edfe; }

.maxx-accordion-trigger:focus {
  outline: 4px solid transparent; }

.maxx-accordion > *:first-child .maxx-accordion-trigger,
.maxx-accordion > *:first-child {
  border-radius: 5px 5px 0 0; }

.maxx-accordion > *:last-child .maxx-accordion-trigger,
.maxx-accordion > *:last-child {
  border-radius: 0 0 5px 5px; }

.maxx-accordion-title {
  display: block;
  pointer-events: none;
  border: transparent 2px solid;
  border-radius: 5px;
  padding: 0.25em;
  outline: none; }

.maxx-accordion-trigger:focus .maxx-accordion-title {
  border-color: #0759d5; }

.maxx-accordion-icon {
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  height: 0.5rem;
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 0.5rem; }

.maxx-accordion-trigger:focus .accordion-icon,
.maxx-accordion-trigger:hover .accordion-icon {
  border-color: #0759d5; }

.maxx-accordion-trigger[aria-expanded="true"] .maxx-accordion-icon {
  transform: translateY(-50%) rotate(-135deg); }

.maxx-accordion-panel {
  margin: 0;
  padding: 1em 1.5em; }

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.maxx-accordion-panel[hidden] {
  display: none; }

.rotated-label {
  position: relative;
  width: 40px;
  padding: 0; }
  .rotated-label span {
    font-size: 12px;
    transform: rotate(-66deg);
    display: block;
    position: absolute;
    white-space: nowrap;
    bottom: 15px; }

.address-table-with-labels {
  border-collapse: collapse; }
  .address-table-with-labels td {
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important; }
    .address-table-with-labels td.border-none {
      border-style: none !important; }
    .address-table-with-labels td:nth-child(5), .address-table-with-labels td:nth-child(6) {
      padding: 0 1rem !important;
      border-left: none !important;
      border-right: none !important; }
    .address-table-with-labels td.normal {
      display: table-cell !important; }

.socialNetworkingContainer img {
  display: inline; }

#password-feedback {
  margin: 0.5rem 0; }
  #password-feedback .success,
  #password-feedback .error {
    font-size: 1.2em; }
    #password-feedback .success.hidden,
    #password-feedback .error.hidden {
      display: none; }
  #password-feedback .success {
    color: darkgreen;
    font-weight: 700;
    display: flex;
    align-items: center; }
  #password-feedback .success-checkmark {
    margin-right: 0.5rem; }
  #password-feedback p,
  #password-feedback ul {
    margin: 0 0 0.5rem; }
    #password-feedback p:last-child,
    #password-feedback ul:last-child {
      margin-bottom: 0; }

.success-checkmark {
  display: inline-block; }
  .success-checkmark .check-icon {
    width: 1em;
    height: 1em;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 0.05em solid #4CAF50; }
    .success-checkmark .check-icon::before {
      top: 0.0375em;
      left: -0.025em;
      width: 0.375em;
      transform-origin: 100% 50%;
      border-radius: 1.25em 0 0 1.25em; }
    .success-checkmark .check-icon::after {
      top: 0;
      left: 0.375em;
      width: 0.75em;
      transform-origin: 0 50%;
      border-radius: 0 1.25em 1.25em 0;
      animation: rotate-circle 4.25s ease-in; }
    .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
      content: '';
      height: 1.25em;
      position: absolute;
      background: #FFFFFF;
      transform: rotate(-45deg); }
    .success-checkmark .check-icon .icon-line {
      height: 0.0625em;
      background-color: #4CAF50;
      display: block;
      border-radius: 0.025em;
      position: absolute;
      z-index: 10; }
      .success-checkmark .check-icon .icon-line.line-tip {
        top: 0.575em;
        left: 0.175em;
        width: 0.3125em;
        transform: rotate(45deg);
        animation: icon-line-tip 0.75s; }
      .success-checkmark .check-icon .icon-line.line-long {
        top: 0.475em;
        right: 0.1em;
        width: 0.5875em;
        transform: rotate(-45deg);
        animation: icon-line-long 0.75s; }
    .success-checkmark .check-icon .icon-circle {
      top: -0.05em;
      left: -0.05em;
      z-index: 10;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      position: absolute;
      box-sizing: content-box;
      border: 0.05em solid rgba(76, 175, 80, 0.5); }
    .success-checkmark .check-icon .icon-fix {
      top: 0.1em;
      width: 0.0625em;
      left: 0.325em;
      z-index: 1;
      height: 1.0625em;
      position: absolute;
      transform: rotate(-45deg);
      background-color: #FFFFFF; }

@keyframes rotate-circle {
  0% {
    transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg); } }
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 0.0125em;
    top: 0.2375em; }
  54% {
    width: 0;
    left: 0.0125em;
    top: 0.2375em; }
  70% {
    width: 0.625em;
    left: -0.1em;
    top: 0.4625em; }
  84% {
    width: 0.2125em;
    left: 0.2625em;
    top: 0.6em; }
  100% {
    width: 0.3125em;
    left: 0.175em;
    top: 0.5625em; } }
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 0.575em;
    top: 0.675em; }
  65% {
    width: 0;
    right: 0.575em;
    top: 0.675em; }
  84% {
    width: 0.6875em;
    right: 0px;
    top: 0.4375em; }
  100% {
    width: 0.5875em;
    right: 0.1em;
    top: 0.475em; } }
.align-right {
  text-align: right; }

.border-top {
  border-top: 1px solid #ccc; }

.mb-4 {
  margin-bottom: 1rem; }

/*# sourceMappingURL=maxx.css.map */