/*--- MS Swatch ---*/
/*--- MS Swatch ---*/
/*************************** Bootstrap Overrides ***************************/
/*--- Boostrap Swatches ---*/
.container {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: auto;
  margin-left: auto;
}

.color-primary,
.bg-primary {
  background: #0078D4;
}

/*--- Buttons ---*/
.btn, .btn.btn-bordered, .btn.btn-secondary, .btn.btn-primary {
  background-image: none;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  text-shadow: none;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
  box-shadow: none !important;
  border-style: outset;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
}

a:hover {
  text-decoration: underline;
  outline: none;
}

a:focus {
  color: #007CBC !important;
  text-decoration: none;
  outline: 1.5px dotted black;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
  box-shadow: none !important;
  border-style: outset;
}

.btn-primary:active,
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:active {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: 0 none !important;
  border-style: outset;
  box-shadow: none !important;
  border-style: outset;
}

button {
  text-decoration: none;
}
button.btn, button.btn.btn-bordered, button.btn.btn-secondary, button.btn.btn-primary {
  text-decoration: none;
}
button:focus, button:active:focus, button.active:focus, button.focus, button:active.focus, button.active.focus {
  text-decoration: none;
  border: 0 none;
}

a {
  /*text-decoration: underline;*/
}
a.btn, a.btn.btn-bordered, a.btn.btn-secondary, a.btn.btn-primary {
  text-decoration: none;
}
a.btn:hover, a.btn:active, a.btn:focus {
  text-decoration: none;
}
a.tile-button {
  text-decoration: none;
}
a.nav-link {
  text-decoration: none;
}
a.l-header__link:hover {
  text-decoration: none;
}
a.color-primary:hover, a.bg-primary:hover {
  background-color: #0078D4;
  color: #ffffff;
  opacity: 0.9;
}

.btn.btn-default, .btn.btn-bordered, .btn.btn-secondary, .btn.btn-primary {
  background: #eeeeee;
  background-repeat: no-repeat;
  background-image: none;
  border-color: #cccccc;
  border-width: 1px;
  filter: none;
  text-shadow: none;
}
.btn.btn-default:hover, .btn.btn-bordered:hover, .btn.btn-secondary:hover, .btn.btn-primary:hover {
  background: #dddddd;
}
.btn.btn-default:focus, .btn.btn-bordered:focus, .btn.btn-secondary:focus, .btn.btn-primary:focus {
  outline: 2.5px dotted black !important;
}

.btn.btn-primary {
  background: #0078D4;
  border-color: #0078D4;
  color: #ffffff !important;
  margin: 16px 32px 0px 0px;
}
.btn.btn-primary:hover {
  background: #0078D4;
  border-color: #0078D4;
  text-decoration: underline;
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:active:focus {
  background: #0078D4;
  border-color: #0078D4;
  color: #ffffff !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: #555;
  border-color: #555;
}

.btn.btn-secondary {
  background: #fff;
  border-color: #fff;
  color: #000;
  margin: 16px 32px 0px 0px;
}
.btn.btn-secondary:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
  text-decoration: underline;
}
.btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:active:focus {
  background: #fff;
  border-color: #fff;
  color: #000 !important;
}

.btn.btn-secondary.secondary-border {
  border: 1px solid #505050 !important;
}
.btn.btn-secondary.secondary-border:hover {
  border: 1px solid #505050 !important;
}
.btn.btn-secondary.secondary-border:focus, .btn.btn-secondary.secondary-border:active, .btn.btn-secondary.secondary-border:active:focus {
  border: 1px solid #505050 !important;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background: #555;
  border-color: #555;
}

.btn.btn-bordered {
  border-color: #00354f;
  color: #00354f;
  background: transparent;
  border-width: 2px;
}
.btn.btn-bordered:hover {
  border-color: inherit;
}

.btn-link {
  color: #0078D4;
  width: 100%;
  text-align: left;
}
.btn-link:hover, .btn-link:focus {
  color: inherit;
  text-decoration: underline;
  background-color: transparent;
}

.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus, .btn-primary:focus, .btn-primary.focus, .btn-primary:active.focus, .btn-primary.active.focus, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active:hover, .btn-primary.active:hover {
  color: #fff;
  background-color: #0078D4;
  border-color: #0078D4;
}

*.btn:active, .btn:focus, .btn:active:focus, .btn.active:focus {
  outline: none !important;
}

.dropdown-menu a:hover {
  background: #243A5E;
}

/*--- Form ---*/
.form-control {
  border-radius: 0;
  display: block;
  width: 100%;
  height: 34px !important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #919191;
}
.form-control:focus {
  border-color: #007CBC;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  outline: 1.5px dashed black !important;
}

.form-group input:focus {
  outline: 1.5px dashed black !important;
}
.form-group > small {
  display: block;
  margin-top: -10px;
  margin-bottom: 5px;
}

.col-form-label {
  font-weight: 500;
}

.well,
.well-lg,
.well-sm {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.float-right > .btn.btn-primary, .float-right .btn.btn-secondary {
  margin-right: 0;
}

.alert {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-shadow: none;
  margin-top: 10px;
}
.alert p:first-child {
  margin-top: 0;
}
.alert .btn.btn-primary, .alert .btn.btn-secondary {
  margin: 0;
}

/*--- Validation ---*/
.invalid-feedback {
  /*override display for validation messages.  If validation message html markup is not placed 
      directly after last input, then bootstrap will set display to none, which is not desired*/
  display: block;
}

/*******************  Navigation styles   *****************/
nav {
  padding: 0px !important;
}
nav .ml-auto {
  left: auto !important;
  right: 0px;
}

.nav-tabs > li > a, .nav-pills > li > a {
  border-radius: 0;
}

/* -------- Fixes dropdown menus placed on the right side -------- */
.container > .navbar-header, .container > .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
}

.nav-link {
  padding: 15px !important;
  line-height: 20px !important;
}

.navbar {
  border-radius: 0;
  font-size: 16px;
  position: relative;
}
.navbar a:hover {
  color: white !important;
  text-decoration: underline;
  outline: none;
}
.navbar a:focus {
  color: white !important;
  outline: 1.5px dotted white;
}
.navbar .float-right {
  float: right !important;
}
.navbar .navbar-toggler {
  margin: 10px;
}

.navbar-collapse {
  padding-left: 0;
}

.dropdown-menu {
  padding: 10px 5px;
}
.dropdown-menu li a {
  padding: 5px 20px;
}
.dropdown-menu.show {
  background: #202020;
  border: none;
}

@media (max-width: 990px) {
  .dropdown-menu {
    padding: 10px 20px;
  }
}
/***************************Card - Edit***************************/
.card {
  border-radius: 0px;
}
.card:hover {
  text-decoration: none !important;
}
.card .card-body {
  position: relative;
  padding: 20px 20px 40px 20px;
  min-height: 80px;
}
.card .card-body:hover {
  text-decoration: none !important;
}
.card .card-body a {
  color: #0078D4;
}
.card .card-body a:hover {
  text-decoration: none !important;
}
.card .card-body .btn.btn-primary, .card .card-body .btn.btn-secondary {
  margin: 0;
}
.card .card-body .btn.btn-primary.btn-edit, .card .card-body .btn.btn-secondary.btn-edit {
  position: absolute;
  top: 20px;
  right: 20px;
}
.card .card-header {
  padding: 0px;
}
.card .card-header a {
  text-decoration: none;
  padding: 10px;
  color: #353535;
}
.card .card-header a:hover {
  text-decoration: none !important;
}
.card .card-header a:focus, .card .card-header a:active {
  text-decoration: underline !important;
  outline: 1.5px dashed #000 !important;
}
.card .card-header a i:nth-child(2) {
  margin-top: 3px;
}
.card .card-header strong {
  font-family: "SegoeUISemiboldLocal", "Segoe UI Semibold", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
}

.passes-accordion .card .card-body, #edit-accordion .card .card-body {
  padding: 20px;
}
.passes-accordion .card .card-body .validation-mark, #edit-accordion .card .card-body .validation-mark {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.card-edit {
  margin-top: 40px;
}
.card-edit .form-group {
  margin: 0px 0px 10px 0px;
}
.card-edit .form-group:first-child .form-control-static {
  margin-right: 50px;
}
.card-edit .control-label {
  font-weight: bold;
}

/************************** Table  ******************************/
.table-responsive {
  margin-top: 20px;
}

/**************************  pagination styles  ******************************/
.pagination .pagination-rows {
  margin-bottom: 0;
  padding-top: 5px;
  vertical-align: top;
  width: 70px;
}

.pagination {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
}
.pagination a {
  color: #444444;
}
.pagination a:hover {
  color: #444444;
}
.pagination aactive {
  color: #444444;
}
.pagination ul {
  box-shadow: none;
}
.pagination ul li a {
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  margin: 0 3px;
  padding: 4px 7px;
  color: #444444;
}
.pagination ul li a:hover {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.pagination ul li a:focus {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.pagination ul li span {
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  margin: 0 3px;
  padding: 4px 7px;
}
.pagination ul .active a {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
  color: #ffffff;
  cursor: default;
}
.pagination ul .active span {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
  color: #ffffff;
  cursor: default;
}
.pagination ul .disabled a {
  border-color: #E1E1E1;
  color: #666666;
}
.pagination ul .disabled a:hover {
  border-color: #E1E1E1;
  color: #666666;
}
.pagination ul .disabled a:focus {
  border-color: #E1E1E1;
  color: #666666;
}
.pagination ul .disabled span {
  border-color: #E1E1E1;
  color: #666666;
}
.pagination .pagination-noborder {
  border: none;
}

.pagination-rows {
  margin-bottom: 5px;
}
.pagination-rows p {
  display: inline-block;
}
.pagination-rows select {
  display: inline-block;
  width: auto;
}

.pagination .display-date {
  background-color: #0078D4;
  border-color: #cdcdcd;
  color: white;
}
.pagination .display-date:hover {
  opacity: 0.9;
}

.pagination > li > a {
  background-color: white;
  border-color: #cdcdcd;
  border-radius: 0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination a.display-date {
  width: auto;
  text-align: center;
}
.pagination .hour-width {
  min-width: 230px;
}
.pagination .minute-width {
  min-width: 300px;
}
.pagination li > a:hover, .pagination li > span:hover, .pagination li > a:focus, .pagination li > span:focus {
  color: #0078b2;
  border-color: #cccccc;
  cursor: pointer;
}
.pagination li > a, .pagination li > span {
  color: #0078D4;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #0078D4;
  border-color: #0078D4;
}
.pagination > .active > input, .pagination > .active > button {
  z-index: 2;
  color: #fff;
  background-color: #0078D4;
  border-color: #0078D4;
  cursor: default;
}
.pagination .disabled > span {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed;
}
.pagination .disabled > span:hover, .pagination .disabled > span:focus {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed;
}
.pagination .disabled > a {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed;
}
.pagination .disabled > a:hover, .pagination .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed;
}
.pagination .disabled > input, .pagination .disabled > button {
  color: #777;
  background-color: #fff;
  border-color: #cccccc;
  cursor: not-allowed;
}
.pagination > li > input, .pagination > li > button {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #0078D4;
  background-color: white;
  border-color: #cdcdcd;
  border-radius: 0;
  border: 1px solid #ddd;
  margin-left: -1px;
}

/* Position "other" textbox below radio button and label for "other" Radio button survey questions.
    Textbox input must be placed above radio input in html markup in order for functionality 
    to work correctly to save other response input by the user.  
    *Note there is also javascript toggling some of these classes to make this work.
    If you are reading this, and know a better way, please update.  - Wes
*/
.radio-other.radio-other-reposition {
  padding-bottom: 10px;
}

.radio-other .other-radiotextbox-reposition {
  position: relative;
  top: 30px;
}
.radio-other .other-radiolabel-reposition {
  position: relative;
  bottom: 34px;
}
.radio-other .other-radio-reposition {
  top: 0;
}

/*----Custom form Bootstrap----*/
.custom-control {
  margin-bottom: 2px !important;
}
.custom-control-input[type=checkbox], .custom-control-input[type=radio] {
  left: 2px;
  top: 6px;
}
.custom-control-label::before {
  border: #919191 solid 1px;
}

.custom-control-input:focus:not(:disabled) ~ .custom-control-label::before {
  border-color: 1px solid #919191;
  outline: 2px dashed black;
}

.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #007CBC;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  outline: 1px solid #007CBC;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0078D4;
  background-color: #0078D4;
}

/*----Slider----*/
.ui-slider-range.ui-corner-all.ui-widget-header {
  background: #0078D4;
  height: 11px;
}

.hotel-filters__slider-bar.space-bottom-10.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
  border: 1px solid #dddddd;
  height: 13px;
}

span.ui-slider-handle.ui-corner-all.ui-state-default {
  border-radius: 4px;
}

.ui-state-default {
  color: #000 !important;
  background: #fff !important;
}

/*All viewports*/
@media (max-width: 768px) {
  .btn, .btn.btn-primary, .btn.btn-secondary, .btn.btn-bordered {
    white-space: normal;
  }
  .btn-lg, .btn-group-lg > .btn {
    padding: 7px 12px;
    font-size: 15px;
    line-height: 1.33;
  }
  .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .c-uhfh-gcontainer-st {
    max-width: 540px !important;
  }
  .container {
    max-width: 540px !important;
  }
}
@media (min-width: 768px) {
  .c-uhfh-gcontainer-st {
    max-width: 720px !important;
  }
  .container {
    max-width: 720px !important;
  }
}
@media (min-width: 992px) {
  .c-uhfh-gcontainer-st {
    max-width: 960px !important;
  }
  .container {
    max-width: 960px !important;
  }
}
@media (min-width: 1200px) {
  .c-uhfh-gcontainer-st {
    max-width: 1140px !important;
  }
  .container {
    max-width: 1140px !important;
  }
}
/*--- MS Swatch ---*/
/**** General Swatches ****/
/**** Stepbar Swatches ****/
/**** MS Dark mode colors ****/
/*************************** Checked Viewport  ***************************/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*************************** Typography ***************************/
@font-face {
  font-family: "SegoeUILightLocal";
  src: local("Segoe UI Light"), local("Segoe WP Light"), local("SegoeUI-Light");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SegoeUILocal";
  src: local("Segoe UI"), local("Segoe"), local("Segoe WP");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SegoeUISemiboldLocal";
  src: local("Segoe UI Semibold"), local("Segoe Semibold"), local("Segoe WP Semibold");
  font-weight: normal;
  font-style: normal;
}
/*hotel font*/
.font__main--light {
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
}

/*************************** New General ***************************/
* {
  margin: 0;
  padding: 0;
}

:active, :focus {
  outline: 0 none;
}

html {
  -ms-overflow-style: scrollbar;
}

body {
  background: #fff;
  color: #000;
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  font-size: 15px;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 0px 32px 0px;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}

header, footer {
  flex-shrink: 0;
}

.flexboxtweener {
  background: #ccc;
}
.flexboxtweener body {
  min-height: 100%;
}

/*************************** New Links ***************************/
a {
  color: #0078D4;
  word-break: break-word;
  font-weight: 500;
  text-decoration: underline;
}
a:hover {
  color: #0D6998;
}
a:active, a:focus {
  color: #0067b8;
}

/*************************** New Page Structure ***************************/
.l-logobar {
  background: #ffffff;
  min-height: 40px;
}
.l-logobar .l-logobar__logo {
  background: url("https://regcdn.event.microsoft.com/cdn/event/default/img/MSFT_logo_gray_100_x2.png") 0 10px no-repeat #ffffff;
  height: 40px;
  background-size: auto 21px;
}

.l-header #l-ec-language-selection {
  position: absolute;
  right: 25px;
}
.l-header #l-ec-language-selection #language_select {
  color: #fff;
  background: #243a5e;
}
.l-header .l-header__link {
  display: block;
  width: 100%;
  height: auto;
}
.l-header .l-header__link:focus, .l-header .l-header__link:active {
  text-decoration: none;
}
.l-header .l-header__content {
  margin: 0 -15px;
  padding: 0 15px;
}
.l-header .l-header__title {
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.2;
  font-size: 36px;
  margin: 20px 0px 20px 0px;
  color: #ffffff;
}

.l-main {
  background: transparent;
  outline: none;
}
.l-main .l-main__content {
  margin: 0 -15px;
  padding: 20px 15px 40px;
  background: #ffffff;
}
.l-main .l-main__content .l-main__content-footer {
  border-radius: 0 0 7px 7px;
  background: rgba(255, 255, 255, 0.4);
  padding: 20px 40px;
  margin: 40px -12px -40px;
}
.l-main .l-main__content .l-main__content-footer p {
  margin-bottom: 0;
}

footer {
  background: #f2f2f2;
}

.l-footer {
  background: #000;
  clear: both;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
}

.l-footer__content {
  margin: 0 -15px;
  padding: 10px 15px 10px;
  text-align: center;
}

.l-footer__block {
  display: inline-block;
}

.l-footer a {
  color: #616161;
}
.l-footer a:link, .l-footer a:active {
  text-decoration: none;
}
.l-footer a:hover, .l-footer a:focus {
  text-decoration: underline;
}

/*************************** Headers ***************************/
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "SegoeUISemiboldLocal", "Segoe UI Semibold", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  color: #000;
  font-weight: 700;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 40px;
  margin: 0px 0px;
}

h2, .h2 {
  font-size: 34px;
  line-height: 40px;
  margin: 0px 0px 0px 0px;
}

h3, .h3 {
  font-size: 26px;
  margin: 16px 0px 0px 0px;
}

h4, .h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 16px 0px 0px 0px;
}

h5, .h5 {
  font-size: 18px;
  line-height: 20px;
  margin: 16px 0px 0px 0px;
}

h6, .h6 {
  font-size: 18px;
  line-height: 20px;
  margin: 16px 0px 0px 0px;
}

p, .p {
  margin: 12px 0px 0px 0px;
}

/***************  Edit/Confirmation Styles ******************/
.badge__info {
  background: url(https://regcdn.event.microsoft.com/cdn/event/default/img/bg_badge2.png) no-repeat scroll 0 0 transparent;
  min-height: 221px;
  padding: 30px 30px 5px;
  text-align: center;
  width: 333px;
  background-size: 330px auto;
  overflow: hidden;
  line-height: 1.2;
  position: relative;
}

.badge__p {
  margin-bottom: 5px;
}

.badge__title {
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 700;
}

.badge__edit {
  position: absolute;
  right: 25px;
  bottom: 45px;
}

/*#status-summary .row div:first-child {
    font-weight: bold;
}
*/
/***************  Misc Styles ******************/
.return-block {
  color: #0078D4;
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 40px;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.return-block:hover {
  opacity: 0.9;
}
.return-block:focus, .return-block:active {
  border: 1.5px dashed black;
}

.return-block i {
  font-size: 28px;
  vertical-align: text-top;
  margin-right: 10px;
  cursor: pointer;
}
.return-block span:hover {
  text-decoration: underline;
  cursor: pointer;
}
.return-block span:hover i:hover {
  text-decoration: none;
  cursor: pointer;
}
.return-block svg {
  fill: #0078b4;
}
.return-block:hover svg {
  opacity: 0.9;
}

.fa-question-circle:focus, .fa-question-circle:active, .fa-question-circle:active:focus {
  border: 1.5px dashed black;
}

label[tabindex="0"]:focus, label[tabindex="0"]:active, label[tabindex="0"]:active:focus {
  border: 1.5px dashed black;
  user-select: none;
}

.validation-mark:after {
  content: "*"/"";
  color: #D14600 !important;
  font-weight: 500;
  font-size: 18px;
  margin-left: 3px;
  position: absolute;
}

/** Mozilla Firefox */
@-moz-document url-prefix() {
  .validation-mark:after {
    content: "*";
    color: #D14600 !important;
    font-weight: 500;
    font-size: 18px;
    margin-left: 3px;
    position: absolute;
  }
}
/** Safari */
@media not all and (min-resolution: 0.001dpcm) {
  .validation-mark:after {
    content: "*";
    color: #D14600 !important;
    font-weight: 500;
    font-size: 18px;
    margin-left: 3px;
    position: absolute;
  }
}
.required-asterisk {
  color: #cc0000;
  font-size: 18px;
  font-weight: 500;
}

.horizontal-stack {
  padding-bottom: 5px;
}

textarea {
  overflow: hidden;
  min-height: 80px;
}

.cpm-break {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.cpm-li-offset {
  margin-left: 3%;
}
.cpm-li-offset b {
  font-size: 18px;
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  font-weight: 700;
}

.ui-datepicker-trigger {
  display: none;
}

.ui-datepicker-month:focus,
.ui-datepicker-year:focus {
  border: 2px solid #000;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #0078D4 !important;
  color: #fff !important;
}

.ui-state-disabled {
  opacity: 0.55 !important;
}
.ui-state-disabled .ui-state-default {
  background: #fff !important;
  color: #000 !important;
}

/*fix for iOS mobile scrolling - adjust to correct context*/
.ui-menu.ui-widget-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/*************************** Well tiles ***************************/
.well-tile {
  min-height: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.well-tile:hover {
  opacity: 0.9;
}

.well-tile .well-tile-text {
  margin-bottom: 0;
  font-size: 16px;
  margin-top: 30px;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}

.well-icon {
  margin-top: 2.5em;
}
.well-icon i {
  font-size: 5.5em;
}

.well-tile .well-tile-text a:hover {
  text-decoration: none;
  color: inherit;
}

/*************************** File upload replacement ***************************/
.file-upload {
  height: 50px;
  overflow: hidden;
  position: relative;
  width: auto;
}
.file-upload input {
  cursor: pointer;
  font-size: 300px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.file-upload:focus-within {
  outline: 2.5px dotted black !important;
  background: #243A5E;
}

/*************************** Skip to content styles ***************************/
#uhfSkipToMain {
  color: #243a5e !important;
}

a.skiptocontent__link {
  padding: 6px 10px;
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background: transparent;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 100;
}
a.skiptocontent__link:focus {
  position: absolute;
  left: 50%;
  top: 0;
  background: #D83B01;
  outline: 0;
  -webkit-transition: top 0.1s ease-in, background 0.5s linear;
  transition: top 0.1s ease-in, background 0.5s linear;
}

/*************************** Screen reader only (invisible) ***************************/
.screen-reader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.screen-reader-only.focusable:active,
.screen-reader-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
}

/*************************** login form old modules  ***************************/
.login-box {
  display: flex;
  justify-content: center;
}

.login-box__toggle-btn {
  z-index: 100;
  position: relative;
  margin-left: -3px;
  margin-right: -3px;
  color: #999;
}

.login-box__content {
  border: 1px solid #cdcdcd;
  padding: 15px;
  margin-top: -15px;
}

@media (min-width: 768px) {
  .login-box__content {
    flex-basis: 50%;
  }
}
.input-group-addon:first-child {
  min-width: 40px;
}

.login-box__input-group {
  margin-bottom: 10px;
}

/**********************   eventcore table customizations *********************/
.table-eventcore {
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
}

.table-eventcore td {
  font-size: 12px;
  color: #454545;
}

.table-eventcore tr > td {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.table-eventcore tbody tr:hover > td {
  background-color: #b2e5ff;
  color: #222222;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.table-eventcore th {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.2;
}

.table-eventcore thead th {
  vertical-align: top;
}

.table-eventcore thead th.col-selected {
  background: #e5e5e5;
}

.table-eventcore thead th:hover {
  background-color: #f5f5f5;
}

.table-eventcore th a,
.table-eventcore th a:hover,
.table-eventcore th a:focus {
  text-decoration: none;
  color: #333333;
}

.table-eventcore th, .table-eventcore td {
  border-top: none;
}

.table-eventcore th {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 2px solid #fff;
  color: #000;
  text-transform: uppercase;
  padding-top: 2px;
}

.table-eventcore th:first-child {
  border-left: none;
}

.table-eventcore th:last-child {
  border-right: none;
}

.table-eventcore tbody tr.row-selected td {
  background-color: #b2e5ff;
}

.table-eventcore tr td.table-action {
  background-color: #eaf7ff;
  color: #222222;
  min-width: 100px;
}

.table-eventcore.table-striped > tbody > tr:nth-child(2n+1) > td.table-action,
.table-eventcore.table-striped > tbody > tr:nth-child(2n+1) > th.table-action {
  background-color: #eaf7ff;
}

.table-eventcore.table-striped > tbody > tr:nth-child(2n+1):hover > td.table-action,
.table-eventcore.table-striped > tbody > tr:nth-child(2n+1):hover > th.table-action,
.table-eventcore tr.row-selected td.table-action,
.table-eventcore tr:hover > td.table-action {
  background-color: #55c5ff;
  color: #ffffff;
}

.table-eventcore tr:hover > td.table-action:hover {
  background-color: #01abff;
  color: #ffffff;
}

.table.table-eventcore thead > tr > th,
.table.table-eventcore tbody > tr > th,
.table.table-eventcore tfoot > tr > th,
.table.table-eventcore thead > tr > td,
.table.table-eventcore tbody > tr > td,
.table.table-eventcore tfoot > tr > td {
  border-top: 1px solid transparent;
}

.table.table-eventcore tbody > tr > td.table-action {
  border-top: 1px solid #ffffff;
}

.table-eventcore td.table-action a {
  color: #01abff;
  text-decoration: underline;
}

.table-eventcore td.table-action a:focus,
.table-eventcore td.table-action a:hover {
  text-decoration: underline;
}

.table-eventcore tr.row-selected:hover td.table-action a {
  color: #ffffff;
}

.table-eventcore tr:hover td.table-action a,
.table-eventcore tr:hover td.table-action:hover a,
.table-eventcore tr:hover td.table-action:hover a:hover .table-eventcore tr:hover td.table-action:hover a:focus {
  color: #ffffff;
  text-decoration: underline;
}

.table-eventcore tr.row-selected td.table-action a,
.table-eventcore tr.row-selected td.table-action:hover a,
.table-eventcore tr.row-selected td.table-action:hover a:hover,
.table-eventcore tr.row-selected td.table-action:hover a:focus {
  color: #ffffff;
}

/*----- Step Nav -----*/
.step_nav {
  width: 100%;
  overflow: auto;
  font-size: 14px;
  margin: 0 auto 36px;
}
.step_nav ul {
  margin: 0px !important;
  display: flex;
  justify-content: center;
}
.step_nav ul li {
  list-style-type: none;
  min-width: unset;
  padding: 0px;
  color: #5d5d5d;
  float: center;
}
.step_nav ul li .stepbar__content {
  padding: 10px 10px;
}
.step_nav ul li .step_nav--text {
  color: #000;
  margin: 0;
  text-align: center;
}
.step_nav .stepbar__step:active, .step_nav .stepbar__step:focus {
  border: 1px dashed black;
}
.step_nav .stepbar__step--first {
  border-top: none;
}
.step_nav .stepbar__step--current {
  cursor: pointer;
}
.step_nav .stepbar__step--current .step_nav--text:after {
  content: "";
  position: relative;
  left: calc(50% - 15px);
  display: block;
  border-radius: 3px;
  height: 3px;
  width: 30px;
  box-shadow: 0 5px 0 0 #0078D4;
}
.step_nav .stepbar__step--past {
  cursor: pointer;
}

@media (max-width: 768px) {
  .step_nav {
    max-width: 98%;
  }
  .step_nav ul {
    justify-content: center;
  }
  .step_nav ul li .step_nav--number {
    margin: 0px 5px 0px 0px;
  }
}
/****** Session Expired Modal ********/
#sessionExpiredModal .modal-dialog {
  top: 40%;
  overflow: hidden;
  width: 320px;
  left: 50%;
  margin-left: -160px;
  position: absolute;
}
#sessionExpiredModal .modal-body {
  padding: 20px;
}

.modal .modal-body p:first-child {
  margin-top: 0;
}
.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
  margin: 0;
}
.modal .btn.btn-primary, .modal .btn.btn-secondary {
  margin: 0;
}

.modal-body_content {
  margin: 5px;
}
.modal-body_content ul {
  margin: 20px 40px;
}

.session-alert {
  margin: 0;
  padding: 25px;
  text-align: center;
  background-color: #ffffff;
}
.session-alert h2 {
  line-height: 1;
  font-size: 22px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #333333;
}

/*************************** Payment ***************************/
.payment-info-container {
  background: #fff;
  display: flex;
  justify-content: space-around;
  padding: 40px 20px 40px 20px;
  min-height: 520px;
  height: auto;
  margin: 30px 0px;
  border-radius: 6px;
}

.payment-info-submit {
  height: auto;
  width: 100%;
  padding: 0px 15px;
}

.payment-info-container > div > h2 {
  font-size: 33px;
}

.center-divider {
  width: 1px;
  background: #cccccc;
  min-height: 370px;
  overflow: auto;
  display: flex;
  align-self: center;
  margin-top: 6%;
}

@media (max-width: 1200px) {
  .payment-info-container {
    padding: 20px 12px;
  }
  .payment-info-container #creditcard-info.col-lg-12.col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .payment-info-submit {
    margin-left: 15px;
  }
}
@media (max-width: 990px) {
  .center-divider {
    display: none !important;
  }
  .payment-info-submit {
    margin: 0 auto;
    max-width: 435px;
  }
}
@media (max-width: 480px) {
  ul.credit_card_container {
    height: 40px !important;
  }
  .payment-info-submit {
    margin: 0 auto;
    width: 80%;
  }
}
ul.credit_card_container {
  list-style: none;
  display: flex;
  height: 65px;
}

img.credit_card {
  width: auto;
  max-width: 100%;
  height: auto;
  height: auto;
  -webkit-transition: all 0.2s;
  transition: all, 0.2s;
}

span#CreditCard_SecurityCode-error {
  display: none !important;
}

ul.credit_card_container li {
  margin-right: 10px;
  width: 20%;
}

ul.credit_card_container li:last-child {
  margin-right: 0px;
}

/*.credit_form_group > div:first-child {
    padding-right: 10px
}*/
.credit_form_group > div:nth-child(2) {
  padding-left: 0px;
}

@media (max-width: 576px) {
  .credit_form_group > div:first-child {
    padding: 0px 15px;
  }
  .credit_form_group > div:nth-child(2) {
    padding: 0px 15px;
  }
}
@media (max-width: 480px) {
  .payment-info-container h2 {
    font-size: 32px;
  }
}
.payment-header {
  display: flex;
  flex-direction: row;
  min-height: 40px;
  flex-wrap: wrap;
}

.payment-header h4 {
  margin: 0px;
  line-height: 32px;
  min-height: 40px;
}

.payment-header > div:first-child {
  box-sizing: border-box;
  margin-right: 15px;
}

.edit-reg i {
  margin-right: 5px;
}

/*************************** All ViewPorts ***************************/
@media (min-width: 767px) {
  h1, .h1 {
    font-size: 46px;
  }
  h2, .h2 {
    font-size: 36px;
  }
  h3, .h3 {
    font-size: 32px;
  }
  h4, .h4 {
    font-size: 22px;
  }
  .l-header__title {
    font-size: 36px;
    line-height: 1.1;
  }
  .badge__title {
    font-size: 22px;
  }
}
@media (max-width: 990px) {
  .digital-media-query {
    margin-bottom: 20px;
  }
}
/*--- MS Swatch ---*/
:root {
  --bg-reg-color: #5fd1c7;
  --bg-reg-sm: url(//regcdn.event.microsoft.com/cdn/event/32393/web/FY24_Build_1083x609.jpg);
  --bg-reg: url(//regcdn.event.microsoft.com/cdn/event/32393/web/FY24_Build_1920x1080.jpg);
}

/*************************** Additional Style ***************************/
/*************************** BG Images - @2x ***************************/
/*************************** BG Images - @3x ***************************/
.msame_Header {
  display: none !important;
}

#meControl {
  display: none !important;
}

#search {
  display: none !important;
}

#uhf-shopping-cart {
  display: none !important;
}

.c-uhfh .c-show-pipe::before {
  margin-left: 0.25vw !important;
  padding-left: 0 !important;
}

.navbar-dark {
  background: #000;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  font-weight: normal;
}
.navbar-dark .navbar-toggler {
  border: none;
}
.navbar-dark .custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light {
  background: #f2f2f2;
}
.navbar-light .navbar-nav .nav-link {
  color: #555;
  font-weight: normal;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #000;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:active:focus {
  text-decoration: underline;
}
.navbar-light .navbar-toggler {
  border: none;
}
.navbar-light .custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(85,85,85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.alert a {
  color: #0062AD;
}

.popover-tooltip {
  margin-left: 4px;
}

#kcpm .form-group {
  margin-bottom: 0;
}
#kcpm ul {
  margin-left: 4%;
}

.tile-button {
  display: inline-block;
  color: #fff;
  background: #007CBC;
  margin: 20px 0;
}

.tile-button-inner {
  width: 220px;
  min-height: 220px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tile-button-inner .h3 {
  color: #fff;
  max-width: 140px;
  font-size: 32px;
}

.tile-button-inner i {
  align-self: flex-end;
  font-size: 50px;
  color: #fff;
}

.tile-button:hover, .tile-button:focus, .tile-button:active, .tile-button:active:focus {
  background: #0095e2;
  color: #fff;
  text-decoration: none;
}

.side-edit .tile-button-inner {
  width: 220px;
  min-height: 220px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel-selected__name {
  padding: 5px 0 0 5px !important;
}

.social__buttons {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.social__buttons-item {
  margin-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.social__buttons .IN-6d5494f8-69f0-4a9d-8c6b-3e3c3eb1b33b-1G9ISYhSF8XoOmdcl0yKDu.IN-6d5494f8-69f0-4a9d-8c6b-3e3c3eb1b33b-3uCBSbQNVNf2QjqHe1rfb6 > xdoor-icon > svg,
.social__buttons .IN-6d5494f8-69f0-4a9d-8c6b-3e3c3eb1b33b-1G9ISYhSF8XoOmdcl0yKDu > xdoor-icon > svg {
  height: 14px !important;
  width: 14px !important;
  margin-left: 6px !important;
  margin-bottom: 2px !important;
}

.hotel-btn-actions button {
  margin: 4px 2px;
}

.social a {
  font-size: 25px;
}

#digital-and-in-person-btn[aria-expanded=true] {
  background: #0095e2;
}

h3.header-reset {
  margin: 20px 0px 10px 0px;
}

@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .custom-control-input {
    position: absolute;
    z-index: 1;
    opacity: 1;
  }
  .custom-control-label::before {
    opacity: 0;
    z-index: -1;
    position: absolute;
  }
  .custom-control-input:checked ~ .custom-control-label::before {
    outline: 6px solid #007CBC;
    outline-offset: -2px;
  }
  .custom-control-input:focus {
    outline: 2px dashed;
    outline-offset: 1px;
  }
  .form-control:focus {
    outline: 2px dashed;
    outline-offset: 1px;
  }
  button, .btn.btn-default, .btn.btn-primary, .btn.btn-secondary, .btn.btn-bordered {
    border: 1px solid transparent !important;
  }
  .card .card-header .btn.btn-link:focus {
    outline: 1.5px dashed;
    outline-offset: 4px;
  }
  button.edit-btn {
    border: 0px !important;
  }
  button.edit-btn:focus {
    outline: 1px dashed;
  }
}
#conferencePasses h3 {
  font-size: 20px;
}

@media (min-width: 767px) {
  #conferencePasses h3 {
    font-size: 24px;
  }
}
.hotel-search-date span.input-group-text:focus, .hotel-search-date span.input-group-text:active {
  outline: 2.5px dotted #000;
  outline-offset: -2px;
}

.pagination > .active > a, .pagination > .active > span {
  background-color: #0078d4 !important;
  border-color: #0078d4 !important;
  color: #fff !important;
}

.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #243A5E !important;
  border-color: #243A5E !important;
  outline: 2.5px dotted #000 !important;
  color: #fff !important;
}

.pagination li > a:focus {
  outline: 2.5px dotted #000 !important;
}

#changeHowIParticipate .btn:focus {
  outline: 2.5px dotted #000 !important;
}

.hotel-list__info a {
  color: #0073c7;
}

.hotel-list__info a:hover, .hotel-list__info a:focus, .hotel-list__info a:active {
  color: #243A5E;
}

select.ui-datepicker-month:focus {
  outline: 2.5px dotted #000;
}

select.ui-datepicker-year:focus {
  outline: 2.5px dotted #000;
}

/************************* New Sandbox Test CSS **************************/
/* Main Layout */
* {
  box-sizing: border-box;
}

#l-ec-language-selection {
  /* margin-top: 28px; */
  position: absolute;
  top: 88px;
  right: 28px;
}

@media (min-width: 860px) {
  #l-ec-language-selection {
    position: relative;
    margin-top: -34px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 859px) {
  .c-uhfh.c-sgl-stck .cat-logo-button-cont {
    width: 100vw !important;
  }
}
#l-ec-language-selection .col-md-12 {
  padding: 0px !important;
}

/*section#l-ec-language-selection {
    position: absolute;
    top: 54px;
    right: 5vw;
}*/
#language_select.form-control {
  height: 34px !important;
}

header.l-header.clearfix {
  display: none;
}

.l-main .l-main__content h1 {
  font-size: 46px;
  margin: 0px;
}

label p:first-child {
  margin-top: 0 !important;
}

.l-main {
  background-color: var(--bg-reg-color);
  background: var(--bg-reg-sm) center 54px no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}

@supports (-webkit-touch-callout: none) {
  body {
    background: var(--bg-reg-color);
  }
  .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, p, body {
    font-family: Arial, Geneva, Helvetica, sans-serif;
  }
  .l-main {
    background: var(--bg-reg-sm) center 54px no-repeat;
    background-size: auto 100vh;
  }
  @media (min-width: 540px) {
    .l-main {
      background: var(--bg-reg) center 54px no-repeat;
      background-size: auto 100vh;
    }
  }
  @media (min-width: 860px) {
    .l-main {
      background: var(--bg-reg) center 54px no-repeat;
      background-size: auto 100vh;
    }
  }
}
.l-main .l-main__content {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  -moz-backdrop-filter: blur(30px);
  -ms-backdrop-filter: blur(30px);
  border-radius: 7px;
  max-width: unset;
  margin: 96px 12px 60px;
  padding: 40px 12px;
}

.confirmation-buttons button svg {
  fill: #fff;
  margin-right: 15px;
}

.helpful-links a {
  margin-top: 20px;
  display: list-item;
  list-style: none;
}
.helpful-links a svg {
  fill: #0078d4;
  margin-right: 15px;
}
.helpful-links a:hover svg {
  fill: #0D6998;
}

.share-links {
  background-color: rgba(255, 255, 255, 0.4);
  width: calc(100% + 160px);
  margin: 40px 0px 40px -80px;
  padding: 20px 80px 20px;
}
.share-links p {
  display: inline;
}
.share-links a {
  margin: 0px 15px;
  text-decoration: none;
}
.share-links a i {
  color: #0078d4;
}
.share-links a svg {
  fill: #0078d4;
  font-size: 1.33333333em;
  vertical-align: -15%;
}
.share-links a:hover i, .share-links a:focus i, .share-links a:active i {
  color: #0D6998;
}

@media (min-width: 540px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .l-main {
    background: var(--bg-reg) center 54px no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .l-main .l-main__content {
    padding: 40px;
    margin: 96px 24px 60px;
  }
  .l-main .l-main__content .l-main__content-footer {
    padding: 20px 40px;
    margin: 40px -40px -40px;
  }
}
@media (min-width: 784px) {
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .l-main .l-main__content {
    max-width: 736px;
    padding: 80px;
  }
  .l-main .l-main__content .l-main__content-footer {
    padding: 20px 80px;
    margin: 80px -80px -80px;
  }
}
@media (min-width: 860px) {
  .l-main {
    background: var(--bg-reg) center 54px no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .l-main .l-main__content {
    margin: 62px auto 60px;
  }
  h2 {
    font-size: 30px;
    line-height: 46px;
    font-family: "Segoe UI Semibold", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
    color: #000;
    margin: 0px 0px 16px 0px;
  }
  h4 {
    font-size: 20px;
    line-height: 24px;
    font-family: "Segoe UI Semibold", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
    color: #000;
    margin: 0px 0px 10px 0px;
  }
}
@media (min-width: 1084px) {
  .l-main {
    background: var(--bg-reg) center 54px no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .l-main .l-main__content {
    margin: 82px auto 80px;
  }
}
/* Form Customizations */
label {
  font-size: 14px;
  font-family: "Segoe UI Semibold", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  color: #000;
}

.form-control {
  border-radius: 1.5px;
  height: 32px !important;
  border: 1px solid #737373;
}

.mt-2, .my-2 {
  margin-bottom: 32px;
}

label {
  margin-bottom: 8px;
}

div[role=radiogroup] {
  margin-top: 8px;
}

.mb-2 {
  margin-bottom: 16px !important;
}

.tiered-multi-select {
  margin-top: 8px;
}

/* Card Customizations */
.card {
  border-radius: 8px;
  border: 1px solid #fff;
  margin: 10px 0px;
}

.card-header:first-child {
  border-radius: 8px;
}

.card-header {
  background-color: #fff;
  border: 1px solid #fff;
}

.card .card-header a {
  text-decoration: none;
  padding: 20px;
  color: #000;
}

.card .card-body {
  position: relative;
  padding: 20px 20px 40px 20px;
  min-height: 80px;
  border-top: 1.5px solid #bcbcbc;
}

/* Edit Page Customizations */
.edit-btn {
  border: none;
  background: transparent;
  color: #0078d4;
  font-weight: 500;
  margin-bottom: 10px;
  text-decoration: underline;
}

.edit-btn:hover {
  border: none;
  background: transparent;
  color: #243a5e;
  font-weight: 500;
  margin-bottom: 10px;
}

#status-summary .h4 {
  font-size: 16px;
}

#status-summary span.h4 {
  font-weight: 700;
}

.btn.btn-white {
  background: #fff;
  border: 1px solid #ddd !important;
  color: #000;
  font-weight: 500;
  margin: 10px 0px 0px 0px;
}

@media (min-width: 415px) {
  .btn.btn-white {
    margin: 0px 0px 0px 20px;
  }
}
.btn.btn-white:hover {
  background: #eee;
  border-color: #eee;
  color: #000;
  font-weight: 500;
}

a i {
  color: #0078d4;
}

.card-header a svg {
  display: none;
  fill: #0078d4;
  margin-right: 10px;
  margin-top: -2px;
}

.card-header a svg.accordian-caret {
  display: inline;
  fill: #000;
  margin-top: 8px;
}

a[href="#badge"] svg.accordian-badge {
  display: inline;
}

a[href="#contact"] svg.accordian-contact {
  display: inline;
}

a[href="#contactpreferences"] svg.accordian-personal-account {
  display: inline;
}

a[href="#optionalpasses"] svg.accordian-optional-passes {
  fill: none !important;
  display: inline;
}

a[href="#photobio"] svg.accordian-badge {
  display: inline;
}

a[href="#survey"] svg.accordian-list {
  display: inline;
}

a[href="#hotel"] svg.accordian-hotel {
  display: inline;
}

p.form-control-plaintext {
  margin-top: 0px;
}

#print-receipt-buttons button:hover {
  text-decoration: underline;
}

h2.payment-subheader {
  font-size: 33px;
}

/* Participation Page */
button#digital-and-in-person-btn {
  margin-top: 20px;
}

/* Contact Page */
#accommodations .form-group {
  margin-bottom: 10px;
}

#dietary-accommodations .form-group {
  margin-bottom: 10px;
}

h4.contact-subheader {
  font-size: 20px;
}

#accommodations .custom-control-label {
  white-space: nowrap;
}

label.custom-control-label p {
  margin: 0px;
}

#optcheckbox_sbo {
  margin-top: 32px;
}

span.label-part-2 {
  font-weight: 400 !important;
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif;
  font-size: 15px;
}

/* Hotel Page */
#hotelmatch_header.header-reset {
  margin: 20px 0px 20px;
}

.hotel h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
}

.header-reset.hotel-view {
  margin: 10px 0px 20px;
  line-height: 1.2;
}

.map-fixed {
  margin-bottom: 20px;
}

.hotel-selected__panel-group .card-header a svg {
  display: block;
  margin-top: 8px;
}

#hotelRequestForm .form-group {
  margin-bottom: 0px;
}

.hotel-selected__panel-group {
  margin-bottom: 40px;
}

span.input-group-text:focus {
  outline: 1.5px dashed #000;
}

#MapStyleSelector:focus {
  outline: 1px dashed #000;
}

.slot:focus {
  outline: 1px dashed #000;
}

/* Payment Page */
.table-responsive thead {
  background-color: #fff;
}

.table-striped tbody tr {
  background: rgba(255, 255, 255, 0.4);
  border-top: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.4);
}

.table-striped tr.bottomrow, .table-striped tr.paid, .table-striped tr.due.lastrow {
  background-color: #fff !important;
  border: unset !important;
}

.table.table.tablefees.table-striped.table td, .table.table.tablefees.table-striped.table th {
  padding: 1rem 25px;
  vertical-align: top;
  border-top: unset;
}

.table.table.tablefees.table-striped thead th {
  vertical-align: bottom;
  border-bottom: unset;
}

.table-striped th.first-cell {
  width: 70%;
}

.table-striped th.last {
  text-align: right;
}

.table-striped td.last {
  text-align: right;
}

.table-responsive {
  margin-top: 20px;
  border-radius: 6px;
}

tr.due.lastrow {
  border-radius: 0px 0px 6px 6px;
}

.due.lastrow td:first-child {
  border-radius: 0px 0px 0px 6px;
}

.due.lastrow td:last-child {
  border-radius: 0px 0px 6px 0px;
}

@media (max-width: 1200px) {
  .table.table.tablefees.table-striped.table td, .table.table.tablefees.table-striped.table th {
    padding: 1em 12px;
  }
  #billingAddress-info {
    padding: 0px;
  }
}
#cancellationModal .modal-footer {
  padding: 0.5rem;
  width: calc(100% + 4em);
  margin-left: -3em;
}
#cancellationModal .modal-footer-btn {
  float: right;
}

.payment-header p {
  margin-top: 0px;
}

/* Group Management Page */
.group-manager h3 {
  margin: 0px 0px 16px 0px;
}

.group-filter__box {
  background-color: transparent;
  margin-bottom: 0px !important;
}

.group-filter__box .form-control {
  background-color: transparent !important;
  border-top: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 1.5px solid #000;
  border-left: 0px solid transparent;
  color: #505050;
}

.group-filter__box .row {
  margin-bottom: 10px;
}

.form-group.group-filter__inline {
  margin-bottom: 20px;
}

.form-group.group-filter__inline.float-right {
  margin-top: -5px;
}

.media {
  display: block;
}

.attendee-name i.fa.eci-people-user.text-white.fa-border.bg-gray-darker {
  font-size: 80px;
}

.media-body a {
  margin-right: 10px;
}

.media-body a svg {
  fill: #007CBC;
}

.media-body a:hover svg {
  fill: #0095e2;
}

.group-manager {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 30px 12px;
  width: calc(100% + 24px);
  margin: 40px 0px 20px -12px;
}

@media (min-width: 540px) {
  .group-manager {
    width: calc(100% + 80px);
    margin: 40px 0px 20px -40px;
    padding: 40px 80px 30px;
  }
}
@media (min-width: 784px) {
  .group-manager {
    width: calc(100% + 160px);
    margin: 40px 0px 20px -80px;
    padding: 40px 80px 30px;
  }
}
.group-filter__title {
  color: #000;
  font-size: 18px;
}

.group-member {
  background-color: #fff;
  padding: 30px;
  border-radius: 7px;
}

.group-member__sub-row .btn {
  color: #007CBC;
}

.group-member__sub-row .btn:hover {
  color: #0095e2;
}

.group-member__sub-row {
  border-top: 1.5px solid #ccc;
}

.group-member-links {
  display: flex;
  flex-wrap: wrap;
}
.group-member-links li {
  list-style: none;
}

.group-filter__box a {
  color: #007CBC !important;
  font-size: 14px;
  line-height: 1;
  margin-top: 7px;
}

.group-filter__box a:hover {
  color: #0095e2 !important;
}

.pagination__row span {
  font-size: 14px;
}

.alert.alert-primary p.mb-0 {
  margin: 0px;
}

/* Cancellation Page */
.lead .h4.header-reset {
  margin: 12px 0px 20px;
}

#cancelPolicyModal .modal-footer {
  padding: 0.5rem;
  width: calc(100% + 2rem);
  margin-left: -1rem;
}
#cancelPolicyModal .modal-footer-btn {
  float: right;
}

#session-expire-content a i {
  color: #fff;
}

.file-upload .fa {
  margin-right: 10px;
}

.card-header .btn.btn-link {
  text-decoration: none;
  padding: 20px;
  color: #000;
}

.card-header .btn.btn-link svg.accordian-caret {
  display: inline;
  fill: #000;
  margin-top: 8px;
}

.card-header .btn.btn-link svg {
  fill: #0078d4;
  margin-right: 10px;
  margin-top: -2px;
}

.card .card-header .btn.btn-link:focus, .card .card-header .btn.btn-link:active {
  text-decoration: underline !important;
  outline: 1.5px dashed #000 !important;
  color: #0078d4;
}

.btn-primary i {
  color: #fff;
}

#stage-notice {
  margin-top: 0px;
  margin-bottom: 0px;
}

.invalid-feedback {
  color: #ca1c2d;
}

.alert-success {
  margin: 15px 0px !important;
}

.forgot-username-password .btn-primary.btn, .reset-credentials-password .btn-primary.btn {
  margin: 32px 32px 0px 15px;
}

#photo-upload label p {
  font-size: 15px !important;
}
#photo-upload label body {
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}
#photo-upload label ul li {
  font-family: "Segoe UI", "SegoeUILightLocal", "wf_segoe-ui_light", "Segoe UI", "SegoeUILocal", "wf_segoe-ui_normal", Arial, Geneva, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}

.side-edit h4 {
  margin: 16px 0px;
}

.helper-text {
  position: absolute;
  z-index: -1;
  left: -999999px;
  width: 0;
  visibility: hidden;
  height: 0;
}

.group-manager-header {
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.job-role {
  margin-bottom: 16px;
}

/*Combobox-autocomplete*/
.combobox-list {
  position: relative;
}

.combobox-clear {
  font-size: 14px;
}
@media (min-width: 640px) {
  .combobox-clear {
    position: absolute;
    right: -44px;
    top: 8px;
  }
}

.combobox .group {
  display: flex;
  cursor: pointer;
}
.combobox .group.focus, .combobox .group:hover {
  /*padding: 2px;
  border: 2px solid currentcolor;*/
  border-radius: 4px;
}
.combobox .group.focus polygon, .combobox .group:hover polygon {
  fill-opacity: 1;
}
.combobox .group.focus {
  border-color: #007CBC;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 125, 188, 0.6);
  outline: 1.5px dotted #000;
}
.combobox .group.focus input, .combobox .group.focus button {
  /*background-color: #def;*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.combobox .group input:hover, .combobox .group button:hover {
  /*background-color: #def;*/
}
.combobox input, .combobox button {
  background-color: white;
  cursor: pointer;
}
.combobox input {
  /*border-right: none;*/
  outline: none;
  font-size: 14px;
  padding: 6px 12px;
}
.combobox button {
  border: none;
  position: absolute;
  right: 1px;
  top: 11px;
  width: 13px;
  outline: none;
  color: #777;
  transition: all 0.4s ease;
  display: flex;
  place-items: center;
  font-size: 10px;
}
.combobox button[aria-expanded=true] i {
  transform: rotate(-180deg) translate(0, -3px);
}
.combobox .form-control.is-invalid {
  background-position: center right 20px;
}
.combobox ul[role=listbox] {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
  top: 34px;
  list-style: none;
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  background-color: white;
  display: none;
  max-height: 250px;
  width: 100%;
  overflow: scroll;
  overflow-x: hidden;
  font-size: 14px;
  cursor: pointer;
  z-index: 100;
}
.combobox ul[role=listbox] li[role=option] {
  margin: 0;
  display: block;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-transform: capitalize;
}
.combobox [role=listbox].focus [role=option][aria-selected=true],
.combobox [role=listbox] [role=option]:hover {
  background-color: #def;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/*--- MS Swatch ---*/
/*background colors*/
.bg-black {
  background-color: #000;
  border-color: #000;
}

.bg-black-smoke {
  background-color: #101010;
  border-color: #101010;
}

.bg-gray-darkest {
  background-color: #202020;
  border-color: #202020;
}

.bg-gray-darker {
  background-color: #404040;
  border-color: #404040;
}

.bg-gray-dark {
  background-color: #606060;
  border-color: #606060;
}

.bg-gray {
  background-color: #808080;
  border-color: #808080;
}

.bg-gray-light {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
}

.bg-gray-lighter {
  background-color: #c0c0c0;
  border-color: #c0c0c0;
}

.bg-gray-lightest {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.bg-white-smoke {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.bg-white {
  background-color: #fff;
  border-color: #fff;
}

/*.bg-blue-dark {
    background-color: #002050;
    border-color: #002050;
}

.bg-blue {
    background-color: #0078d7;
    border-color: #0078d7;
}

.bg-blue-mid {
    background-color: #00188F;
    border-color: #00188F;
}

.bg-blue-light {
    background-color: #00BCF2;
    border-color: #00BCF2;
}

.bg-cyan-dark {
    background-color: #0072c6;
    border-color: #0072c6;
}

.bg-cyan {
    background-color: #00bcf2;
    border-color: #00bcf2;
}

.bg-cyan-light {
    background-color: #87d7ff;
    border-color: #87d7ff;
}

.bg-teal-dark {
    background-color: #004B50;
    border-color: #004B50;
}

.bg-teal {
    background-color: #00aba9;
    border-color: #00aba9;
}

.bg-teal-light {
    background-color: #00B294;
    border-color: #00B294;
}

.bg-green-dark {
    background-color: #004B1C;
    border-color: #004B1C;
}

.bg-green {
    background-color: #107C10;
    border-color: #107C10;
}

.bg-green-light {
    background-color: #c7f904;
    border-color: #c7f904;
}

.bg-lime-dark {
    background-color: #008a00;
    border-color: #008a00;
}

.bg-lime {
    background-color: #8cbf26;
    border-color: #8cbf26;
}

.bg-lime-light {
    background-color: #bad80a;
    border-color: #bad80a;
}

.bg-yellow-dark {
    background-color: #c2a815;
    border-color: #c2a815;
}

.bg-yellow {
    background-color: #FFB900;
    border-color: #FFB900;
}

.bg-yellow-light {
    background-color: #FFF100;
    border-color: #FFF100;
}

.bg-orange-dark {
    background-color: #D83B01;
    border-color: #D83B01;
}

.bg-orange {
    background-color: #FF8C00;
    border-color: #FF8C00;
}

.bg-orange-light {
    background-color: #fbc27f;
    border-color: #fbc27f;
}

.bg-red-dark {
    background-color: #A80000;
    border-color: #A80000;
}

.bg-red {
    background-color: #b61016;
    border-color: #b61016;
}

.bg-red-light {
    background-color: #E81123;
    border-color: #E81123;
}

.bg-red-lighter {
    background-color: #ed493f;
    border-color: #ed493f;
}

.bg-pink {
    background-color: #e671b8;
    border-color: #e671b8;
}

.bg-pink-dark {
    background-color: #e28964;
    border-color: #e28964;
}

.bg-magenta-pink {
    background-color: #f472d0;
    border-color: #f472d0;
}


.bg-magenta-dark {
    background-color: #5C005C;
    border-color: #5C005C;
}

.bg-magenta {
    background-color: #B4009E;
    border-color: #B4009E;
}

.bg-magenta-light {
    background-color: #E3008C;
    border-color: #E3008C;
}

.bg-purple-dark {
    background-color: #32145A;
    border-color: #32145A;
}

.bg-purple {
    background-color: #5C2D91;
    border-color: #5C2D91;
}

.bg-purple-light {
    background-color: #B4A0FF;
    border-color: #B4A0FF;
}*/
/*border colors*/
.border-black {
  border-color: #000;
}

.border-black-smoke {
  border-color: #101010;
}

.border-gray-darkest {
  border-color: #202020;
}

.border-gray-darker {
  border-color: #404040;
}

.border-gray-dark {
  border-color: #606060;
}

.border-gray {
  border-color: #808080;
}

.border-gray-light {
  border-color: #a0a0a0;
}

.border-gray-lighter {
  border-color: #c0c0c0;
}

.border-gray-lightest {
  border-color: #e0e0e0;
}

.border-white-smoke {
  border-color: #f0f0f0;
}

.border-white {
  border-color: #fff;
}

.border-blue-dark {
  border-color: #002050;
}

.border-blue {
  border-color: #0078d7;
}

.border-blue-light {
  border-color: #00BCF2;
}

.border-cyan-dark {
  border-color: #0072c6;
}

.border-cyan {
  border-color: #00bcf2;
}

.border-cyan-light {
  border-color: #87d7ff;
}

/*.border-teal-dark {
    border-color: #004B50;
}

.border-teal {
    border-color: #00aba9;
}

.border-teal-light {
    border-color: #00B294;
}

.border-green-dark {
    border-color: #004B1C;
}

.border-green {
    border-color: #107C10;
}

.border-green-light {
    border-color: #c7f904;
}

.border-lime-dark {
    border-color: #008a00;
}

.border-lime {
    border-color: #8cbf26;
}

.border-lime-light {
    border-color: #bad80a;
}

.border-yellow-dark {
    border-color: #c2a815;
}

.border-yellow {
    border-color: #FFB900;
}

.border-yellow-light {
    border-color: #FFF100;
}

.border-orange-dark {
    border-color: #D83B01;
}

.border-orange {
    border-color: #FF8C00;
}

.border-orange-light {
    border-color: #fbc27f;
}

.border-red-dark {
    border-color: #A80000;
}

.border-red {
    border-color: #b61016;
}

.border-red-light {
    border-color: #E81123;
}

.border-red-lighter {
    border-color: #ed493f;
}

.border-pink {
    border-color: #e671b8;
}

.border-pink-dark {
    border-color: #e28964;
}

.border-magenta-pink {
    border-color: #f472d0;
}

.border-magenta-dark {
    border-color: #5C005C;
}

.border-magenta {
    border-color: #B4009E;
}

.border-magenta-light {
    border-color: #E3008C;
}

.border-purple-dark {
    border-color: #32145A;
}

.border-purple {
    border-color: #5C2D91;
}

.border-purple-light {
    border-color: #B4A0FF;
}*/
/*text colors*/
.text-black {
  color: #000;
}

/*.text-black-smoke {
    color: #101010;
}

.text-gray-darkest {
    color: #202020;
}

.text-gray-darker {
    color: #404040;
}

.text-gray-dark {
    color: #606060;
}

.text-gray {
    color: #808080;
}

.text-gray-light {
    color: #a0a0a0;
}

.text-gray-lighter {
    color: #c0c0c0;
}

.text-gray-lightest {
    color: #e0e0e0;
}

.text-white-smoke {
    color: #f0f0f0;
}*/
.text-white {
  color: #fff;
}

.text-white input, .text-white select, .text-white textarea {
  color: #333;
}

/*.text-blue-dark {
    color: #002050;
}

.text-blue {
    color: #0078d7;
}*/
/*.text-blue-light {
    color: #00BCF2;
}

.text-cyan-dark {
    color: #0072c6;
}

.text-cyan {
    color: #00bcf2;
}

.text-cyan-light {
    color: #87d7ff;
}

.text-teal-dark {
    color: #004B50;
}

.text-teal {
    color: #00aba9;
}

.text-teal-light {
    color: #00B294;
}

.text-green-dark {
    color: #004B1C;
}

.text-green {
    color: #107C10;
}

.text-green-light {
    color: #c7f904;
}

.text-lime-dark {
    color: #008a00;
}

.text-lime {
    color: #8cbf26;
}

.text-lime-light {
    color: #bad80a;
}

.text-yellow-dark {
    color: #c2a815;
}

.text-yellow {
    color: #FFB900;
}

.text-yellow-light {
    color: #FFF100;
}

.text-orange-dark {
    color: #D83B01;
}

.text-orange {
    color: #FF8C00;
}

.text-orange-light {
    color: #fbc27f;
}

.text-red-dark {
    color: #A80000;
}*/
.text-red {
  color: #b61016;
}

/*.text-red-light {
    color: #E81123;
}

.text-red-lighter {
    color: #ed493f;
}

.text-pink {
    color: #e671b8;
}

.text-pink-dark {
    color: #e28964;
}

.text-magenta-pink {
    color: #f472d0;
}

.text-magenta-dark {
    color: #b4009e;
}

.text-magenta {
    color: #B4009E;
}

.text-magenta-light {
    color: #E3008C;
}

.text-purple-dark {
    color: #32145A;
}

.text-purple {
    color: #5C2D91;
}

.text-purple-light {
    color: #B4A0FF;
}

.text-light {
    color: #ffffff;
}*/
/*line height styles*/
.line--1 {
  line-height: 1;
}

.line--1-1 {
  line-height: 1.1;
}

.line--1-2 {
  line-height: 1.2;
}

.line--1-3 {
  line-height: 1.3;
}

.line--1-4 {
  line-height: 1.4;
}

.line--1-5 {
  line-height: 1.5;
}

.line--1-6 {
  line-height: 1.6;
}

.line--1-7 {
  line-height: 1.7;
}

.line--1-8 {
  line-height: 1.8;
}

.line--1-9 {
  line-height: 1.9;
}

.line--2 {
  line-height: 2;
}

/*border styles*/
/*.border--1 {
    border-width: 1px;
    border-style: solid;
}

.border--2 {
    border-width: 2px;
    border-style: solid;
}

.border--3 {
    border-width: 3px;
    border-style: solid;
}

.border--4 {
    border-width: 4px;
    border-style: solid;
}

.border--5 {
    border-width: 5px;
    border-style: solid;
}

.border__x--1 {
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}

.border__x--2 {
    border-left-width: 2px;
    border-left-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
}

.border__x--3 {
    border-left-width: 3px;
    border-left-style: solid;
    border-right-width: 3px;
    border-right-style: solid;
}

.border__x--4 {
    border-left-width: 4px;
    border-left-style: solid;
    border-right-width: 4px;
    border-right-style: solid;
}

.border__x--5 {
    border-left-width: 5px;
    border-left-style: solid;
    border-right-width: 5px;
    border-right-style: solid;
}

.border__y--1 {
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.border__y--2 {
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.border__y--3 {
    border-top-width: 3px;
    border-top-style: solid;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border__y--4 {
    border-top-width: 4px;
    border-top-style: solid;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.border__y--5 {
    border-top-width: 5px;
    border-top-style: solid;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}*/
/*ellipsis styles*/
.ellipsis-fade {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
}

.ellipsis-fade:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -webkit-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -moz-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -o-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  background: -ms-linear-gradient(left center, rgba(255, 255, 255, 0), #fff);
  content: "";
}

.ellipsis-fade-gray {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
}

.ellipsis-fade-gray:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eee 100%);
  background: linear-gradient(to right, rgba(238, 238, 238, 0), #eee 100%);
  background: linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -webkit-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -moz-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -o-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  background: -ms-linear-gradient(left center, rgba(238, 238, 238, 0), #eee);
  content: "";
}

.ellipsis-fade-gray-lighter {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
}

.ellipsis-fade-gray-lighter:after {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: -ms-linear-gradient(left, rgba(205, 205, 205, 0), #cdcdcd 100%);
  background: linear-gradient(to right, rgba(205, 205, 205, 0), #cdcdcd 100%);
  background: linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -webkit-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -moz-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -o-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  background: -ms-linear-gradient(left center, rgba(205, 205, 205, 0), #cdcdcd);
  content: "";
}

.ellipsis-fade-v {
  position: relative;
  overflow-y: hidden;
  min-height: 30px;
}

.ellipsis-fade-v:after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 20px;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%);
  background: linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -webkit-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -moz-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -o-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  background: -ms-linear-gradient(top center, rgba(255, 255, 255, 0), #fff);
  content: "";
}

.ellipsis-fade-v-white-smoke {
  position: relative;
  overflow-y: hidden;
  min-height: 30px;
}

.ellipsis-fade-v-white-smoke:after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 20px;
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), #f5f5f5 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f5f5 100%);
  background: linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -webkit-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -moz-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -o-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  background: -ms-linear-gradient(top center, rgba(255, 255, 255, 0), #f5f5f5);
  content: "";
}

.ellipsis {
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

.ellipsis__w100 {
  max-width: 100px;
}

.ellipsis__w150 {
  max-width: 150px;
}

.ellipsis__w200 {
  max-width: 200px;
}

.ellipsis__w250 {
  max-width: 250px;
}

.ellipsis__w300 {
  max-width: 300px;
}

.ellipsis-line {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

/*billboard styles*/
/*.billboard {
    padding: 0;

    h1 {
        font-size: 50px;
        line-height: 1;
        margin-top: 5px;
        margin-bottom: 7px;
        color: #444;
    }

    p {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 17px;
        color: #999;
    }
}


.billboard {
    padding: 0;
    font-size: 24px;
}

.billboard h1 {
    font-size: 50px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 7px;
    color: #444;
}

.billboard p {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 17px;
    color: #999;
}*/
/*margin styles*/
.space-x-0 {
  margin-left: 0;
  margin-right: 0;
}

.space-x-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.space-x-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.space-x-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.space-x-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.space-x-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.space-x-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.space-x-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.space-x-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.space-x-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.space-x-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.space-y-0 {
  margin-bottom: 0;
  margin-top: 0;
}

.space-y-5 {
  margin-bottom: 5px;
  margin-top: 5px;
}

.space-y-10 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.space-y-15 {
  margin-bottom: 15px;
  margin-top: 15px;
}

.space-y-20 {
  margin-bottom: 20px;
  margin-top: 20px;
}

.space-y-25 {
  margin-bottom: 25px;
  margin-top: 25px;
}

.space-y-30 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.space-y-35 {
  margin-bottom: 35px;
  margin-top: 35px;
}

.space-y-40 {
  margin-bottom: 40px;
  margin-top: 40px;
}

.space-y-45 {
  margin-bottom: 45px;
  margin-top: 45px;
}

.space-y-50 {
  margin-bottom: 50px;
  margin-top: 50px;
}

.space-bottom-0 {
  margin-bottom: 0;
}

.space-bottom-5 {
  margin-bottom: 5px;
}

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

.space-bottom-15 {
  margin-bottom: 15px;
}

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

.space-bottom-25 {
  margin-bottom: 25px;
}

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

.space-bottom-35 {
  margin-bottom: 35px;
}

.space-bottom-40 {
  margin-bottom: 40px;
}

.space-bottom-45 {
  margin-bottom: 45px;
}

.space-bottom-50 {
  margin-bottom: 50px;
}

.space-top-0 {
  margin-top: 0;
}

.space-top-5 {
  margin-top: 5px;
}

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

.space-top-15 {
  margin-top: 15px;
}

.space-top-20 {
  margin-top: 20px;
}

.space-top-25 {
  margin-top: 25px;
}

.space-top-30 {
  margin-top: 30px;
}

.space-top-35 {
  margin-top: 35px;
}

.space-top-40 {
  margin-top: 40px;
}

.space-top-45 {
  margin-top: 45px;
}

.space-top-50 {
  margin-top: 50px;
}

.space-right-0 {
  margin-right: 0;
}

.space-right-5 {
  margin-right: 5px;
}

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

.space-right-15 {
  margin-right: 15px;
}

.space-right-20 {
  margin-right: 20px;
}

.space-right-25 {
  margin-right: 25px;
}

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

.space-right-35 {
  margin-right: 35px;
}

.space-right-40 {
  margin-right: 40px;
}

.space-right-45 {
  margin-right: 45px;
}

.space-right-50 {
  margin-right: 50px;
}

.space-left-0 {
  margin-left: 0;
}

.space-left-5 {
  margin-left: 5px;
}

.space-left-10 {
  margin-left: 10px;
}

.space-left-15 {
  margin-left: 15px;
}

.space-left-20 {
  margin-left: 20px;
}

.space-left-25 {
  margin-left: 25px;
}

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

.space-left-35 {
  margin-left: 35px;
}

.space-left-40 {
  margin-left: 40px;
}

.space-left-45 {
  margin-left: 45px;
}

.space-left-50 {
  margin-left: 50px;
}

.space-bottom-0-override {
  margin-bottom: 0 !important;
}

/*.override.space-bottom-0 {
    margin-bottom: 0 !important;
}

.override.space-bottom-5 {
    margin-bottom: 5px !important;
}

.override.space-bottom-10 {
    margin-bottom: 10px !important;
}

.override.space-bottom-15 {
    margin-bottom: 15px !important;
}

.override.space-bottom-20 {
    margin-bottom: 20px !important;
}

.override.space-bottom-25 {
    margin-bottom: 25px !important;
}

.override.space-bottom-30 {
    margin-bottom: 30px !important;
}

.override.space-bottom-35 {
    margin-bottom: 35px !important;
}

.override.space-bottom-40 {
    margin-bottom: 40px !important;
}

.override.space-bottom-45 {
    margin-bottom: 45px !important;
}

.override.space-bottom-50 {
    margin-bottom: 50px !important;
}

.override.space-top-0 {
    margin-top: 0 !important;
}

.override.space-top-5 {
    margin-top: 5px !important;
}

.override.space-top-10 {
    margin-top: 10px !important;
}

.override.space-top-15 {
    margin-top: 15px !important;
}

.override.space-top-20 {
    margin-top: 20px !important;
}

.override.space-top-25 {
    margin-top: 25px !important;
}

.override.space-top-30 {
    margin-top: 30px !important;
}

.override.space-top-35 {
    margin-top: 35px !important;
}

.override.space-top-40 {
    margin-top: 40px !important;
}

.override.space-top-45 {
    margin-top: 45px !important;
}

.override.space-top-50 {
    margin-top: 50px !important;
}

.override.space-right-0 {
    margin-right: 0 !important;
}

.override.space-right-5 {
    margin-right: 5px !important;
}

.override.space-right-10 {
    margin-right: 10px !important;
}

.override.space-right-15 {
    margin-right: 15px !important;
}

.override.space-right-20 {
    margin-right: 20px !important;
}

.override.space-right-25 {
    margin-right: 25px !important;
}

.override.space-right-30 {
    margin-right: 30px !important;
}

.override.space-right-35 {
    margin-right: 35px !important;
}

.override.space-right-40 {
    margin-right: 40px !important;
}

.override.space-right-45 {
    margin-right: 45px !important;
}

.override.space-right-50 {
    margin-right: 50px !important;
}

.override.space-left-0 {
    margin-left: 0 !important;
}

.override.space-left-5 {
    margin-left: 5px !important;
}

.override.space-left-10 {
    margin-left: 10px !important;
}

.override.space-left-15 {
    margin-left: 15px !important;
}

.override.space-left-20 {
    margin-left: 20px !important;
}

.override.space-left-25 {
    margin-left: 25px !important;
}

.override.space-left-30 {
    margin-left: 30px !important;
}

.override.space-left-35 {
    margin-left: 35px !important;
}

.override.space-left-40 {
    margin-left: 40px !important;
}

.override.space-left-45 {
    margin-left: 45px !important;
}

.override.space-left-50 {
    margin-left: 50px !important;
}*/
/*padding styles*/
.pad-0 {
  padding: 0;
}

.pad-1 {
  padding: 1px;
}

.pad-2 {
  padding: 2px;
}

.pad-3 {
  padding: 3px;
}

.pad-4 {
  padding: 4px;
}

.pad-5 {
  padding: 5px;
}

.pad-6 {
  padding: 6px;
}

.pad-7 {
  padding: 7px;
}

.pad-8 {
  padding: 8px;
}

.pad-9 {
  padding: 9px;
}

.pad-10 {
  padding: 10px;
}

.pad-15 {
  padding: 15px;
}

.pad-20 {
  padding: 20px;
}

.pad-25 {
  padding: 25px;
}

.pad-30 {
  padding: 30px;
}

.pad-35 {
  padding: 35px;
}

.pad-40 {
  padding: 40px;
}

.pad-45 {
  padding: 45px;
}

.pad-50 {
  padding: 50px;
}

.pad-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.pad-x-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.pad-x-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.pad-x-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.pad-x-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.pad-x-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.pad-x-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.pad-x-7 {
  padding-left: 7px;
  padding-right: 7px;
}

.pad-x-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.pad-x-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.pad-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pad-x-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-x-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pad-x-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.pad-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pad-x-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.pad-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pad-x-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.pad-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.pad-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pad-y-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pad-y-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pad-y-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pad-y-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pad-y-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pad-y-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.pad-y-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.pad-y-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pad-y-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.pad-y-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pad-y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pad-y-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pad-y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pad-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pad-y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pad-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pad-y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pad-y-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

/****  switch styles  *****/
/*.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.switch {
    margin-bottom: 1em;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: bold;
    font-size: .875em;
}

.switch__input {
    opacity: 0;
    position: absolute;
}

.switch__paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4em;
    height: 2em;
    transition: all 0.25s ease-out;
    border-radius: 1.25em;
    color: inherit;
    font-weight: inherit;
}

input + .switch__paddle {
    margin: 0;
}

.switch__paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5em;
    left: 0.25em;
    top: 0.25em;
    width: 1.5em;
    border-radius: 1em;
    transition: all 0.25s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

input:checked ~ .switch__paddle {
    background: #01abff;
}

input:checked ~ .switch__paddle::after {
    left: 2.25em;
}

[data-whatinput="mouse"] input:focus ~ .switch__paddle {
    outline: 0;
}

.switch__active, .switch__inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.switch__active {
    left: 8%;
    display: none;
}

input:checked + label > .switch__active {
    display: block;
}

.switch__inactive {
    right: 15%;
}

input:checked + label > .switch__inactive {
    display: none;
}

.switch.switch--tiny .switch__paddle {
    width: 3em;
    height: 1.5em;
    font-size: .675em;
}

.switch.switch--tiny .switch__paddle::after {
    width: 1em;
    height: 1em;
}

.switch.switch--tiny input:checked ~ .switch__paddle:after {
    left: 1.75em;
}

.switch.switch--small .switch__paddle {
    width: 3.5em;
    height: 1.75em;
    font-size: .875em;
}

.switch.switch--small .switch__paddle::after {
    width: 1.25em;
    height: 1.25em;
}

.switch.switch--small input:checked ~ .switch__paddle:after {
    left: 2em;
}

.switch.switch--large .switch__paddle {
    width: 5em;
    height: 2.5em;
    font-size: 1em;
}

.switch.switch--large .switch__paddle::after {
    width: 2em;
    height: 2em;
}

.switch.switch--large input:checked ~ .switch__paddle:after {
    left: 2.75em;
}*/
/********   Radio/Checkbox styles   *******/
/*.checkbox-custom__input,
.radio-custom__input {
    opacity: 0;
    position: absolute;
}

.checkbox-custom__input,
.checkbox-custom__label,
.radio-custom__input,
.radio-custom__label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    cursor: pointer;
}

.checkbox-custom__label:focus,
.radio-custom__label:focus {
    outline: none;
}

.checkbox-custom__label,
.radio-custom__label {
    position: relative;
    font-weight: normal;
}

.checkbox-custom__input + .checkbox-custom__label:before,
.radio-custom__input + .radio-custom__label:before {
    content: '';
    background: #fff;
    border: 2px solid #cacaca;
    display: inline-block;
    vertical-align: text-top;
    width: 2rem;
    height: 2rem;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom__input:checked + .checkbox-custom__label:before {
    background: #01abff;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.radio-custom__input + .radio-custom__label:before {
    border-radius: 50%;
}

.radio-custom__input:checked + .radio-custom__label:before {
    background: #01abff;
    box-shadow: inset 0px 0px 0px 3px #fff;
}


.checkbox-custom__input:focus + .checkbox-custom__label,
.radio-custom__input:focus + .radio-custom__label {
    outline: none; focus style 
}*/
/*help popover styles*/
/*.help-popover--lg {
    font-size: 2.2rem;
}

.help-popover--md {
    font-size: 1.8rem;
}

.help-popover--sm {
    font-size: 1.4rem;
}

[class*='help-popover'] {
    color: #bbbbbb;
}

[class*='help-popover']:hover {
    cursor: pointer;
    color: #01abff;
}

.popover-inline {
    float: left;
    margin-left: .5rem;
    margin-top: .5rem;
}

.module-info [class*='help-popover'] {
    margin-right: 1rem;
}*/
/*tile styles*/
.side-tiles {
  width: 292px;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .side-tiles {
    width: 292px;
    padding-left: 15px;
    float: left;
  }
}
.side-tiles a:hover,
.side-tiles a {
  text-decoration: none !important;
}

.tile__list {
  margin-left: -8px;
  margin-right: -8px;
}

.tile__item {
  display: block;
  cursor: pointer;
  -webkit-perspective: 0;
  -webkit-transition: -webkit-transform 0.2s;
  float: left;
  width: 13rem;
  height: 13rem;
  text-align: left;
  padding: 1rem 1.3rem 1.3rem;
  opacity: 1;
  position: relative;
  margin: 0 1.5rem 1.5rem 0;
  margin: 0 8px 16px 8px;
  font-size: 1.2rem;
}

.tile__item:hover {
  opacity: 0.8;
}

.tile__item h1,
.tile__item h2,
.tile__item h3,
.tile__item h4,
.tile__item h5,
.tile__item h6 {
  color: inherit;
  font-weight: normal;
  margin: 0;
  line-height: 1.3;
}

.tile__title {
  color: inherit;
  font-weight: normal;
  margin: 0;
  line-height: 1;
  font-size: 24px;
  margin-bottom: 4px;
}

.tile__text {
  margin-top: 43.333333333px;
}

.tile__content {
  overflow: hidden;
}

.tile__heading {
  color: inherit;
  -webkit-user-select: none;
  font-weight: normal;
  margin: 0;
  line-height: 1;
}

.tile__link,
.tile__link:hover,
.tile__link:focus a.tile__link,
a.tile__link:hover,
a.tile__link:focus {
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
}

.tile__icon {
  font-size: 5.5rem;
}

.tile__icon-block {
  text-align: center;
  padding-top: 1.2rem;
  padding-bottom: 1rem;
}

.tile__bottom {
  position: absolute;
  width: 10rem;
  line-height: 1.3;
  overflow: visible;
  font-size: 1.2rem;
  bottom: 1rem;
  right: 1.2rem;
  text-align: center;
  color: inherit;
}

.tile__bottom--double {
  width: 25rem;
}

.tile__img {
  border: 0;
}

.tile__double {
  width: 27.5rem;
}

.tile__double-square {
  width: 27.5rem;
  height: 27.5rem;
}