@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
body .att-redesign {
  font-family: "Inter", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #262829;
}
.att-redesign h1,
.att-redesign .h1 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.5;
}
.att-redesign h2,
.att-redesign .h2 {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
}
.att-redesign h3,
.att-redesign .h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
.att-redesign h4,
.att-redesign .h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.att-redesign .font-size-h1 {
  font-size: 34px !important;
}
.att-redesign .font-size-h2 {
  font-size: 26px !important;
}
.att-redesign .font-size-h3 {
  font-size: 20px !important;
}
.att-redesign .font-size-h4 {
  font-size: 16px !important;
}
.att-redesign .font-size-base {
  font-size: 14px !important;
}
.att-redesign .text-bold {
  font-weight: 600 !important;
}
.att-redesign .text-unbold {
  font-weight: 500 !important;
}
.att-redesign .text-light {
  font-weight: 400 !important;
}
.att-redesign .text-success {
  color: #2e8540 !important;
}
.att-redesign a.text-success:hover,
.att-redesign button.text-success:hover,
.att-redesign a.text-success:focus,
.att-redesign button.text-success:focus {
  color: #215f2e !important;
}
.att-redesign .text-info {
  color: #0065ed !important;
}
.att-redesign a.text-info:hover,
.att-redesign button.text-info:hover,
.att-redesign a.text-info:focus,
.att-redesign button.text-info:focus {
  color: #004fba !important;
}
.att-redesign .text-warning {
  color: #ef6c00 !important;
}
.att-redesign a.text-warning:hover,
.att-redesign button.text-warning:hover,
.att-redesign a.text-warning:focus,
.att-redesign button.text-warning:focus {
  color: #bc5500 !important;
}
.att-redesign .text-danger {
  color: #cd2026 !important;
}
.att-redesign a.text-danger:hover,
.att-redesign button.text-danger:hover,
.att-redesign a.text-danger:focus,
.att-redesign button.text-danger:focus {
  color: #a1191e !important;
}
.att-redesign .att-text-primary {
  color: #262829 !important;
}
.att-redesign a.att-text-primary:hover,
.att-redesign button.att-text-primary:hover,
.att-redesign a.att-text-primary:focus,
.att-redesign button.att-text-primary:focus {
  color: #0d0e0f !important;
}
.att-redesign .att-text-secondary {
  color: #6f7276 !important;
}
.att-redesign a.att-text-secondary:hover,
.att-redesign button.att-text-secondary:hover,
.att-redesign a.att-text-secondary:focus,
.att-redesign button.att-text-secondary:focus {
  color: #56595c !important;
}
.att-redesign .att-text-dark {
  color: #525456 !important;
}
.att-redesign a.att-text-dark:hover,
.att-redesign button.att-text-dark:hover,
.att-redesign a.att-text-dark:focus,
.att-redesign button.att-text-dark:focus {
  color: #393b3c !important;
}
.att-redesign .att-text-muted {
  color: #a3a8ad !important;
}
.att-redesign a.att-text-muted:hover,
.att-redesign button.att-text-muted:hover,
.att-redesign a.att-text-muted:focus,
.att-redesign button.att-text-muted:focus {
  color: #888f95 !important;
}
.att-redesign small {
  font-size: 0.75em;
  font-weight: 400;
  color: #6f7276;
}
.att-redesign .btn {
  padding: 15px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .btn.btn-sm {
  padding: 7.5px 7.5px;
  font-size: 14px;
}
.att-redesign .btn.btn-icon {
  padding: 0;
}
.att-redesign .btn.btn-default {
  color: #262829;
  background-color: #ffffff;
  border-color: #d0d4d8;
}
.att-redesign .btn.btn-default:focus,
.att-redesign .btn.btn-default.focus {
  color: #262829;
  background-color: #e6e6e6;
  border-color: #8a949e;
}
.att-redesign .btn.btn-default:hover {
  color: #262829;
  background-color: #e6e6e6;
  border-color: #afb5bc;
}
.att-redesign .btn.btn-default:active,
.att-redesign .btn.btn-default.active,
.open > .dropdown-toggle.att-redesign .btn.btn-default {
  color: #262829;
  background-color: #e6e6e6;
  border-color: #afb5bc;
}
.att-redesign .btn.btn-default:active:hover,
.att-redesign .btn.btn-default.active:hover,
.open > .dropdown-toggle.att-redesign .btn.btn-default:hover,
.att-redesign .btn.btn-default:active:focus,
.att-redesign .btn.btn-default.active:focus,
.open > .dropdown-toggle.att-redesign .btn.btn-default:focus,
.att-redesign .btn.btn-default:active.focus,
.att-redesign .btn.btn-default.active.focus,
.open > .dropdown-toggle.att-redesign .btn.btn-default.focus {
  color: #262829;
  background-color: #d4d4d4;
  border-color: #8a949e;
}
.att-redesign .btn.btn-default:active,
.att-redesign .btn.btn-default.active,
.open > .dropdown-toggle.att-redesign .btn.btn-default {
  background-image: none;
}
.att-redesign .btn.btn-default.disabled,
.att-redesign .btn.btn-default[disabled],
fieldset[disabled] .att-redesign .btn.btn-default,
.att-redesign .btn.btn-default.disabled:hover,
.att-redesign .btn.btn-default[disabled]:hover,
fieldset[disabled] .att-redesign .btn.btn-default:hover,
.att-redesign .btn.btn-default.disabled:focus,
.att-redesign .btn.btn-default[disabled]:focus,
fieldset[disabled] .att-redesign .btn.btn-default:focus,
.att-redesign .btn.btn-default.disabled.focus,
.att-redesign .btn.btn-default[disabled].focus,
fieldset[disabled] .att-redesign .btn.btn-default.focus,
.att-redesign .btn.btn-default.disabled:active,
.att-redesign .btn.btn-default[disabled]:active,
fieldset[disabled] .att-redesign .btn.btn-default:active,
.att-redesign .btn.btn-default.disabled.active,
.att-redesign .btn.btn-default[disabled].active,
fieldset[disabled] .att-redesign .btn.btn-default.active {
  background-color: #ffffff;
  border-color: #d0d4d8;
}
.att-redesign .btn.btn-default .badge {
  color: #ffffff;
  background-color: #262829;
}
.att-redesign .btn.btn-default:not(.dropdown-toggle):hover {
  background-color: #ffffff;
  border-color: #00a5e4;
  box-shadow: inset 0 0 0 1px #00a5e4;
  color: #00a5e4;
}
.att-redesign .btn.btn-primary[disabled] {
  background-color: #d0d4d8;
  border-color: #d0d4d8;
  color: #525456;
}
.att-redesign label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .form-control,
.att-redesign .form-control-static {
  height: auto;
  padding: 15px 15px;
  border-color: #d0d4d8;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .form-control:hover,
.att-redesign .form-control-static:hover {
  border-color: #262829;
}
.att-redesign .form-control:focus,
.att-redesign .form-control-static:focus,
.att-redesign .form-control:active,
.att-redesign .form-control-static:active,
.att-redesign .form-control.active,
.att-redesign .form-control-static.active {
  border-color: #a2e5ff;
  box-shadow: inset 0 0 0 1px #a2e5ff;
}
.att-redesign .form-control::placeholder,
.att-redesign .form-control-static::placeholder,
.att-redesign .form-control .placeholder,
.att-redesign .form-control-static .placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #8f9296;
}
.att-redesign .form-control[disabled],
.att-redesign .form-control-static[disabled],
.att-redesign .form-control[readonly],
.att-redesign .form-control-static[readonly] {
  background-color: #fafafa;
}
.att-redesign .form-control-static,
.att-redesign .form-control-static:hover,
.att-redesign .form-control-static:focus,
.att-redesign .form-control-static:active,
.att-redesign .form-control-static.active {
  background-color: #fafafa;
  border-color: #fafafa;
}
.att-redesign textarea.form-control {
  height: auto;
}
.att-redesign .input-search {
  position: relative;
  background-color: #fff;
  z-index: 0;
}
.att-redesign .input-search .input-search-icon,
.att-redesign .input-search .input-search-clear {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  color: #8f9296;
}
.att-redesign .input-search .input-search-icon {
  left: 16px;
  z-index: -1;
}
.att-redesign .input-search .form-control {
  padding-right: 34px;
  padding-left: 39px;
  background-color: transparent;
}
.att-redesign .input-search .input-search-clear {
  right: 16px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
}
.att-redesign .form-group {
  margin-bottom: 24px;
}
.att-redesign .help-block {
  margin-top: 8px;
  font-weight: 500;
  color: #a3a8ad;
}
.att-redesign .dropdown-toggle:focus-visible {
  outline: none;
}
.att-redesign .dropdown-toggle.btn {
  background-color: #ffffff;
  border-color: #d0d4d8;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .dropdown-toggle.btn:hover,
.att-redesign .dropdown-toggle.btn:active:hover,
.att-redesign .dropdown-toggle.btn.active:hover {
  background-color: #ffffff;
  border-color: #262829;
}
.att-redesign .dropdown-toggle.btn:focus,
.att-redesign .dropdown-toggle.btn:active:focus,
.att-redesign .dropdown-toggle.btn.active:focus,
.att-redesign .dropdown-toggle.btn.focus,
.att-redesign .dropdown-toggle.btn:active.focus,
.att-redesign .dropdown-toggle.btn.active.focus {
  background-color: #ffffff;
  border-color: #a2e5ff;
  box-shadow: inset 0 0 0 1px #a2e5ff;
}
.att-redesign .dropdown-toggle.btn > span.placeholder {
  color: #8f9296;
}
.att-redesign .dropdown-toggle.btn > span:last-child {
  margin-left: 12px !important;
  color: #6f7276;
}
.att-redesign .dropdown-menu {
  width: 100%;
  max-height: 25vh;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .dropdown-menu li {
  overflow: hidden;
}
.att-redesign .dropdown-menu li a,
.att-redesign .dropdown-menu li em {
  display: flex;
  align-items: center;
  padding: 15px 15px !important;
  white-space: normal;
}
.att-redesign .dropdown-menu li a span:first-child,
.att-redesign .dropdown-menu li em span:first-child {
  flex-grow: 1;
}
.att-redesign .dropdown-menu li a span:last-child,
.att-redesign .dropdown-menu li em span:last-child {
  flex-grow: 0;
}
.att-redesign .dropdown-menu .dropdown-filter {
  padding: 16px;
  cursor: default;
}
.att-redesign .duet-date__input {
  padding: 15px 15px;
  border-color: #d0d4d8;
  border-radius: 1px;
  font-family: "Inter", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .duet-date__input:hover {
  border-color: #262829;
}
.att-redesign .duet-date__input:focus,
.att-redesign .duet-date__input:active,
.att-redesign .duet-date__input.active {
  border-color: #a2e5ff;
  box-shadow: inset 0 0 0 1px #a2e5ff;
}
.att-redesign .duet-date__toggle {
  background-color: transparent;
  border-radius: 1px;
  box-shadow: none;
}
.att-redesign .input-group-addon {
  background-color: #fafafa;
  padding-right: 20px;
  padding-left: 20px;
  border-color: #d0d4d8;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .has-success .form-control,
.att-redesign .has-warning .form-control,
.att-redesign .has-error .form-control {
  box-shadow: none !important;
}
.att-redesign .has-success .help-block,
.att-redesign .has-success .control-label,
.att-redesign .has-success .radio,
.att-redesign .has-success .checkbox,
.att-redesign .has-success .radio-inline,
.att-redesign .has-success .checkbox-inline,
.att-redesign .has-success.radio label,
.att-redesign .has-success.checkbox label,
.att-redesign .has-success.radio-inline label,
.att-redesign .has-success.checkbox-inline label {
  color: #2e8540;
}
.att-redesign .has-success .form-control {
  border-color: #2e8540;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.att-redesign .has-success .form-control:focus {
  border-color: #215f2e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #55c46c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #55c46c;
}
.att-redesign .has-success .input-group-addon {
  color: #2e8540;
  border-color: #2e8540;
  background-color: #f4fbf5;
}
.att-redesign .has-success .form-control-feedback {
  color: #2e8540;
}
.att-redesign .has-success .form-control {
  background-color: #f4fbf5;
}
.att-redesign .has-warning .help-block,
.att-redesign .has-warning .control-label,
.att-redesign .has-warning .radio,
.att-redesign .has-warning .checkbox,
.att-redesign .has-warning .radio-inline,
.att-redesign .has-warning .checkbox-inline,
.att-redesign .has-warning.radio label,
.att-redesign .has-warning.checkbox label,
.att-redesign .has-warning.radio-inline label,
.att-redesign .has-warning.checkbox-inline label {
  color: #ef6c00;
}
.att-redesign .has-warning .form-control {
  border-color: #ef6c00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.att-redesign .has-warning .form-control:focus {
  border-color: #bc5500;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa256;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffa256;
}
.att-redesign .has-warning .input-group-addon {
  color: #ef6c00;
  border-color: #ef6c00;
  background-color: #fff6ef;
}
.att-redesign .has-warning .form-control-feedback {
  color: #ef6c00;
}
.att-redesign .has-warning .form-control {
  background-color: #fff6ef;
}
.att-redesign .has-error .help-block,
.att-redesign .has-error .control-label,
.att-redesign .has-error .radio,
.att-redesign .has-error .checkbox,
.att-redesign .has-error .radio-inline,
.att-redesign .has-error .checkbox-inline,
.att-redesign .has-error.radio label,
.att-redesign .has-error.checkbox label,
.att-redesign .has-error.radio-inline label,
.att-redesign .has-error.checkbox-inline label {
  color: #cd2026;
}
.att-redesign .has-error .form-control {
  border-color: #cd2026;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.att-redesign .has-error .form-control:focus {
  border-color: #a1191e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e86b6f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e86b6f;
}
.att-redesign .has-error .input-group-addon {
  color: #cd2026;
  border-color: #cd2026;
  background-color: #fdf4f4;
}
.att-redesign .has-error .form-control-feedback {
  color: #cd2026;
}
.att-redesign .has-error .form-control {
  background-color: #fdf4f4;
}
.att-redesign .has-error .dropdown-toggle.btn,
.att-redesign .has-error .dropdown-toggle.btn:hover,
.att-redesign .has-error .dropdown-toggle.btn:focus,
.att-redesign .has-error .dropdown-toggle.btn.focus {
  background-color: #fdf4f4;
  border-color: #cd2026;
}
.att-redesign .has-error .dropdown-toggle.btn span:last-child,
.att-redesign .has-error .dropdown-toggle.btn:hover span:last-child,
.att-redesign .has-error .dropdown-toggle.btn:focus span:last-child,
.att-redesign .has-error .dropdown-toggle.btn.focus span:last-child {
  color: #cd2026;
}
.att-redesign .has-error .duet-date__input {
  background-color: #fdf4f4;
  border-color: #cd2026;
}
.att-redesign .has-error .duet-date__toggle {
  background-color: #fdf4f4;
  border-color: #cd2026;
  color: #cd2026;
}
.att-redesign .label {
  margin: 0;
  padding: 0.625em 0.875em;
  font-weight: 500;
}
.att-redesign .label.active {
  box-shadow: inset 0 0 0 1px;
}
.att-redesign .label.label-default {
  background-color: #f4f5f5;
  color: #6f7276;
}
.att-redesign .label.label-success {
  background-color: #f4fbf5;
  color: #2e8540;
}
.att-redesign .label.label-info {
  background-color: #edf5ff;
  color: #0065ed;
}
.att-redesign .label.label-warning {
  background-color: #fff6ef;
  color: #ef6c00;
}
.att-redesign .label.label-danger {
  background-color: #fdf4f4;
  color: #cd2026;
}
.att-redesign .alert {
  padding: 16px;
  border-width: 0;
}
.att-redesign .alert.alert-success {
  background-color: #f4fbf5;
  border-color: #2e8540;
  color: #2e8540;
}
.att-redesign .alert.alert-warning {
  background-color: #fff6ef;
  border-color: #ef6c00;
  color: #ef6c00;
}
.att-redesign .alert.alert-danger {
  background-color: #fdf4f4;
  border-color: #cd2026;
  color: #cd2026;
}
.att-redesign hr.hr-y {
  height: auto;
  min-height: 100%;
  margin: 0 16px 0 16px;
  border: 0;
  border-right: 1px solid #eaedf0;
}
.att-redesign hr.hr-primary {
  border-top-color: #262829;
}
.att-redesign hr.hr-secondary {
  border-top-color: #6f7276;
}
.att-redesign hr.hr-dark {
  border-top-color: #525456;
}
.att-redesign hr.hr-muted {
  border-top-color: #a3a8ad;
}
.att-redesign .well {
  background-color: #fafafa;
  border-color: #eaedf0;
}
.att-redesign .well-white {
  background-color: #ffffff !important;
}
.att-redesign .well-dark {
  background-color: #ecf0f5 !important;
}
.att-redesign .well-shadow {
  box-shadow: 2.5px 5px 12px rgba(34, 53, 71, 0.15);
}
.att-redesign .table {
  border-bottom: 1px solid #eaedf0;
}
.att-redesign .table > thead > tr,
.att-redesign .table > tbody > tr,
.att-redesign .table > tfoot > tr {
  height: 60px;
  min-height: 60px;
}
.att-redesign .table > thead > tr > th,
.att-redesign .table > tbody > tr > th,
.att-redesign .table > tfoot > tr > th,
.att-redesign .table > thead > tr > td,
.att-redesign .table > tbody > tr > td,
.att-redesign .table > tfoot > tr > td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaedf0;
  font-weight: 600;
  vertical-align: middle;
}
.att-redesign .table > thead > tr {
  height: 40px;
  min-height: 40px;
}
.att-redesign .table > thead > tr > th,
.att-redesign .table > thead > tr > td {
  background-color: #fafafa;
  border-left: none;
  color: #6f7276;
}
.att-redesign .table > thead > tr > th > a,
.att-redesign .table > thead > tr > td > a {
  color: #262829;
}
.att-redesign .table > tbody > tr > th,
.att-redesign .table > tbody > tr > td {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.att-redesign .table > tbody > tr > th > a,
.att-redesign .table > tbody > tr > td > a {
  color: #262829;
}
.att-redesign .table > tbody > tr > th > a:hover,
.att-redesign .table > tbody > tr > td > a:hover {
  color: #00a5e4;
  text-decoration: none;
}
.att-redesign .table > tbody > tr > th:last-child a,
.att-redesign .table > tbody > tr > td:last-child a {
  color: #00a5e4;
}
.att-redesign .table > tbody > tr > th:last-child a:hover,
.att-redesign .table > tbody > tr > td:last-child a:hover {
  text-decoration: underline;
}
.att-redesign .table.table-hover > tbody > tr:hover {
  background-color: #fafafa;
  cursor: pointer;
}
.att-redesign .breadcrumb {
  display: flex;
  flex-flow: row wrap;
}
.att-redesign .breadcrumb li {
  flex-grow: 0;
}
.att-redesign .breadcrumb li:not(:last-child)::after {
  padding: 0 12px;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.33333333em;
  font-weight: 300;
  line-height: 0.75em;
  color: #262829;
  vertical-align: -0.0667em;
  content: '\f105';
}
.att-redesign .nav-tabs {
  border-bottom: 1px solid #eaedf0;
}
.att-redesign .nav-tabs > li {
  margin-bottom: 0;
}
.att-redesign .nav-tabs > li > a {
  background-color: transparent;
  margin-right: 32px;
  padding: 16px 0;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: transparent;
  font-weight: 600;
  color: #a3a8ad;
}
.att-redesign .nav-tabs > li.active > a {
  background-color: transparent;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #525456;
  color: #262829;
}
.att-redesign .nav-tabs > li.active > a:hover,
.att-redesign .nav-tabs > li.active > a:focus {
  background-color: transparent;
}
.att-redesign .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
  float: left;
  margin-top: 0;
}
.att-redesign .pagination > li:first-child {
  display: none;
}
.att-redesign .pagination > li:last-child {
  display: none;
}
.att-redesign .pagination > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
}
.att-redesign .pagination > li > a:hover {
  background-color: transparent;
  border-color: #00a5e4;
  color: #00a5e4;
}
.att-redesign .pagination > li > a[aria-label="Previous"],
.att-redesign .pagination > li > a[aria-label="Next"] {
  color: #00a5e4;
}
.att-redesign .pagination > li > a[aria-label="Previous"]:hover,
.att-redesign .pagination > li > a[aria-label="Next"]:hover {
  border-color: transparent;
}
.att-redesign .pagination > li.active a {
  background-color: #00a5e4;
  color: #fff;
}
.att-redesign .bg-att-bg-light {
  background-color: #ffffff !important;
}
.att-redesign .bg-att-bg-dark {
  background-color: #fafafa !important;
}
.att-redesign .bg-att-bg-disabled {
  background-color: #ecf0f5 !important;
}
.att-redesign .b-radius-xl {
  border-radius: 16px !important;
}
.att-redesign.modal .modal-dialog .modal-content {
  max-height: calc(100vh - 60px);
  overflow-y: scroll;
}
.att-redesign.modal .modal-dialog .modal-content .close {
  position: sticky;
  top: 37px;
  right: 27px;
  width: 28px;
  height: 28px;
  background-color: transparent;
  border-radius: 0;
  font-size: 28px;
  color: #262829;
  opacity: 1;
  z-index: 1012;
}
@media (max-width: 767px) {
  .att-redesign.modal .modal-dialog .modal-content .close {
    top: 21px;
    right: 11px;
  }
}
.att-redesign.modal .modal-dialog .modal-content .close span {
  top: -5px;
}
.att-redesign.modal .modal-dialog .modal-content .modal-header,
.att-redesign.modal .modal-dialog .modal-content .modal-body,
.att-redesign.modal .modal-dialog .modal-content .modal-footer {
  padding: 32px;
}
.att-redesign.modal .modal-dialog .modal-content .modal-header,
.att-redesign.modal .modal-dialog .modal-content .modal-footer {
  position: sticky;
  background-color: #ffffff;
  z-index: 1010;
}
.att-redesign.modal .modal-dialog .modal-content .modal-header {
  top: 0;
  margin: -32px -32px 32px -32px;
  border-color: #eaedf0;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(20, 31, 45, 0.05);
  z-index: 1011;
}
.att-redesign.modal .modal-dialog .modal-content .modal-body {
  padding-bottom: 16px;
}
.att-redesign.modal .modal-dialog .modal-content .modal-body#modal-description:focus-visible {
  border: none;
}
.att-redesign.modal .modal-dialog .modal-content .modal-footer {
  bottom: 0;
  border-color: #eaedf0;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.04), inset 0px 6px 10px rgba(20, 31, 45, 0.05);
}
@media (max-width: 767px) {
  .att-redesign.modal.modal_ {
    overflow-y: hidden;
  }
  .att-redesign.modal .modal-dialog {
    margin: 0;
    max-width: 100vw;
  }
  .att-redesign.modal .modal-dialog .modal-content {
    max-height: 100vh;
    border: none;
    border-radius: 0;
  }
  .att-redesign.modal .modal-dialog .modal-content .modal-header,
  .att-redesign.modal .modal-dialog .modal-content .modal-body,
  .att-redesign.modal .modal-dialog .modal-content .modal-footer {
    padding: 16px;
  }
  .att-redesign.modal .modal-dialog .modal-content .modal-header {
    margin: -16px -16px 16px -16px;
  }
  .att-redesign.modal .modal-dialog .modal-content .modal-body {
    padding-bottom: 0;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Poppins', sans-serif !important;
  font-size:12px;
}

.dashboards-page #main {
  padding-top: 30px;
  background: url("https://attfame.uat.werecognize.com/asset/44045") repeat-y;
  background-size: 100%;
}

#main .post-container .thumbnails .icon-bottom {
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 100;
  width: 55px;
  height: 55px;
  padding: 14px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 23px;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--duet-color-primary);
}

.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
  font-size: 16px !important;
  letter-spacing: 1px !important;
}

.hero-recognition-container.layout-1 .program-link-url a {
  padding: 18px 60px 18px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  border-radius: 50px !important;
}

.hero-recognition-container.layout-2 .hero-copy {
  margin: 0 0 6vh !important;
}

.hero-recognition-container.layout-2 .hero-copy p {
  font-size: 18px !important;
  margin: 0 0 6vh 0 !important;
  color: #111 !important;
}

.static-banner-container {
  display: none !important;
}

.timg .caption-in-image {
  padding: 20px;
}

body {
  font-weight: 500;
}


.sign-in .timg .image {
  display: none;
}
.mall-facet .mall-pages {
  background-color: #f0f2f4;
}

.signIn-page {
  background-color: #f0f2f4;
}

#details {
  line-height: 2;
  font-size: 13px;
  max-width: 700px;
}
.scrollpoint .col-xs-12 h3 {
font-size: 18px;
  margin-top: 20px !important;
}
.post-container .post-content .title {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.post-container .post-content .description {
  color: #77797c;
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 18px;
  font-weight: 400;
}
.post-container .post-content {
  background: #FFFFFF;
  width: 100%;
  position: relative;
  padding: 20px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 110px;
}
.list-group-item, .input-group-merge {
  background-color: transparent;
}
.searchMin, .searchMax {
  border: none;
  background: #fff;
}
.breadcrumb {
  border-bottom: 1px solid #333 !important;
  padding: 30px 0 25px 0 !important;
}
.facetSide.menu h3 {
  font-weight: 700;
  font-size: 14px;
}
.facetSide hr {
  border-top-color: #333;
}
#desktop_breadcrumb a, #desktop_breadcrumb li, #desktop_breadcrumb span {
  font-size: 14px;
  font-weight: 500;
}
#desktop_breadcrumb span {
  font-size: 14px;
}
.breadcrumb li span:first-child::before {
  padding: 0 2px 0 8px;
  color: #333;
}
.desktopSortContainer {
  color: #333;
}
.dashboards-widget .rewards-for-you .product-box {
  border: 5px solid #f0f3fa;
}
.copy-link {
  padding-top: 30px;
}
.rangeSearch_container .fa-chevron-right.range {
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 16px;
}
.facetSide.menu .fa-stack-2x {
  font-size: 30px;
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 4px;
}
.rangeSearch_container .input-group-btn .btn {
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 0 !important;
}
.mobile-icon-container {
  background-color: #fff !important;
}
.mobileback {
  display: none;
}
.pagination li a, .pagination li span {
  border: 1px solid transparent;
  border-radius: 100px;
}
.pagination li:first-child a, .pagination li:first-child span {
  margin-left: 0;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.pagination-sm li:last-child a, .pagination-sm li:last-child span {
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}
.pagination-sm li a, .pagination-sm li span {
  font-size: 14px;
}
.pagination li a:hover {
  background-color: #fff;
  border: 1px solid #333;
}
.pagination li span:hover {
  background-color: none;
  border: 1px solid transparent;
}
#reward-gallery .well {
  border-right: none;
}
.rangeSearch_container .form-control.searchMin, .rangeSearch_container .form-control.searchMax {
  border: 1px solid #fff;
  background: #fff;
}
.rewards-for-you .product-box .our-price {
  font-size: 18px;
  font-weight: 600;
}
.rewards-for-you {
  padding: 0;
}
.input-group-btn:first-child .btn, .input-group-btn:first-child .btn-group {
  border-radius: 0;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
.form-control.checkout {
  height: 45px;
}
.pr-xs.checkout {
  height: 45px;
}
small, .small {
  font-size: 85%;
}
.facetSide.menu .facets_view_all, .facetSide.menu .facets_view_less {
  font-size: 13px;
}
a:hover, a:focus {
  text-decoration: none;
}
.filtered-list-item {
  font-weight: 500;
}
.facetSide.menu .fa-stack-1x {
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
  margin-top: -4px;
  color: #333;
}
.container {
  width: 90%;
}

.rewardsDetail-page .form-control {
  height: 45px;
}
.input-group-btn:first-child .btn, .input-group-btn:first-child .btn-group, .input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group {
  border-radius: 0;
  height: 45px !important;
  padding: 10px 10px !important;
}
.svg-search-btn {
  font-weight: 600;
  height: 45px;
}
.category-search-typeahead .styledSelect {
  max-width: 300px;
  padding: 10px 35px 10px 15px;
  height: 45px;
}
.input-search .form-control {
  height: 45px;
  margin-top: -1px;
}
.category-search-typeahead .styledSelect::after {
  right: 12px;
}
.mega-menu-dashboard-dropdown button {
  font-weight: 500;
}
input.reward-search, input.typeahead.tt-hint {
  font-weight: 400 !important;
}
.shop-hamburger {
  font-weight: 500;
  height: 45px;
}
.product-cart-options .control-label {
  margin-bottom: 5px;
  padding-top: 0;
}
.product-cart-options .col-xs-offset-2 {
  margin: 0;
}
.product-cart-options .col-xs-9 {
  width: 100%;
  margin: 0;
}
.product-cart-options .btn-primary {
  margin-right: 10px;
}
.product-cart-options .form-group {
  margin-bottom: 20px;
}
.point-count span {
  text-transform: uppercase;
}
.fa-user {
  padding-right: 0 !important;
}
#details {
  line-height: 2;
  font-size: 13px;
}
#member_initials {
  text-align: center;
  display: table-cell;
  padding: 13px;
}
.form-control {
  padding: 12px;
  height: auto;
}
.btn-primary, .btn-secondary {
  font-size: 13px;
  font-weight: 600;
}
.page-header {
  padding-bottom: 20px;
  margin: 35px 0 30px;
  border-bottom: 1px solid #e6e6e6;
}
h1, .h1 {
  font-size: 25px;
}
#loginbox {
  width: 325px;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  padding: 30px;
  background: #fff;
  border-radius: 20px;
  margin: 80px auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  font-family: 'Poppins', sans-serif !important;
}
#loginbox #main-title {
  font-size: 22px;
  margin-bottom: 30px;
  margin-top: 0;
}
#btn-login {
  display: block;
  width: 100%;
  margin-top: 30px;
  padding: 14px !important;
}
.signIn-page #main {
  min-height: 700px;
}
.table thead tr th, .table thead tr td {
  background-color: #fff;
}
.table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td {
  padding: 20px 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #e6e6e6;
}
.media, .media-body {
  padding-right: 30px;
}
.media-heading {
  margin-bottom: 15px;
  font-size: 16px;
}
.dreamtracker-left-media p {
  font-size: 20px;
}
.progress {
  overflow: hidden;
  height: 38px;
  margin-bottom: 16px;
  background-color: #f4f6f7;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 100px;
}

.round-close-button {
  width: 50px;
  height: 50px;
  right: 25px;
  padding: 6px 12px;
}
.paypal-cart-checkout {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 5px;
}
.paypal-cart-checkout h3 {
  margin-bottom: 15px !important;
}
.paypal-cart-checkout h3 span {
  color: #333 !important;
  font-size: 16px !important;
}
.mall-container-checkout h3 {
  margin-bottom: 15px !important;
}
.mall-container-checkout h3 span {
  color: #333 !important;
  font-size: 16px !important;
}
.mb-lg h3 {
  margin-bottom: 15px !important;
}
.mb-lg h3 span {
  color: #333 !important;
  font-size: 16px !important;
}
.close {
  font-size: 24px;
  font-weight: 300;
  color: #333;
  opacity: 1 !important;
  background: none !important;
}
@media (max-width: 768px) {
  .container {
    width: 90%;
  }
  .media, .media-body {
    padding-right: 10px;
  }
  .media-heading {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .media-dreamtracker {
    padding: 20px 0;
  }
  .dreamtracker-left-media {
    padding: 20px 0;
  }
  .dreamtracker-left-media p {
    font-size: 16px;
    padding-top: 0px;
  }
  .progress .progressbar-back-text {
    font-size: 16px;
  }
}
.input-group-addon {
  background-color: #fff;
  font-size: 16px;
  padding: 12px;
}
.rewards-for-you .product-title {
  -webkit-line-clamp: unset;
  overflow: visible;
  max-height: none;
}
.feed-title h3 {
  margin-bottom: 0px !important;
}
@media (min-width: 992px) {
  .container {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 95%;
  }
}
@media screen and (max-width: 1250px) {
  #reward-gallery .facetsContainer .rangeSearch_container .form-control.searchMin, .rangeSearch_container .form-control.searchMax {
    border: 1px solid #333;
  }
}
/* STOREFRONT CSS */
.mwA {
  width: 90%;
}
.main-carousel-two {
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  width: 90%;
}
.category-slider-header {
  font-size: 26px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
.card-menu-1 .heading {
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 0 0 30px 0 !important;
}
.main-category-slider ol.flickity-page-dots li.dot::before {
  color: #262829 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.main-category-slider ol.flickity-page-dots li.dot.is-selected::before {
  color: var(--duet-color-primary) !important;
}
.main-category-slider ol.flickity-page-dots {
  background: transparent !important;
}
.main-category-slider ol.flickity-page-dots li {
  border-right: none !important;
  border-radius: 6px !important;
}
.category-box p.category-heading {
  font-weight: 500 !important;
}
.main-category-two-container .category-slider-header, .main-subcategories-container .subcategory-slider-header, .main-category-2-container .category-2-slider-header, .main-card-menu-2-container .subcategory-slider-header {
  text-align: center !important;
  width: 100% !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #262829 !important;
}
.category-3 .heading-text-container .heading {
  text-align: center !important;
  width: 100% !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
}
.main-category-2-container .category-2-slider-header {
  padding-bottom: 16px !important;
}
.main-category-2-slider .copy-container p.title {
  font-size: 38px !important;
  color: #262829 !important;
}
.main-category-two-container .category-two-grid .grid-block.wide-block p {
  color: #262829 !important;
}
h2.cat {
  text-align: center !important;
  letter-spacing: normal;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: #262829 !important;
  padding: 1rem 40px;
}
.cline.b-grey {
  display: none;
}
.callout-cat .inner p {
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 500;
  color: #222;
}
.callout-cat .inner .b-grey {
  text-transform: none !important;
}
.callout-cat .inner {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.04) !important;
}
.mwA {
  max-width: 1500px;
  padding: 40px 0 80px;
}
.b-grey {
  border: solid 2px #f0f2f4;
  border-top: 0;
}
.featured-brand {
  background-color: #f0f2f4;
}
.mallDashboard-page. rewards-for-you .product-box {
  border: 8px solid #f0f2f4;
}
.container.carousel button.hero-slider.next-button {
  margin-right: 20px;
}
.container.carousel button.hero-slider.prev-button {
  margin-left: 20px;
}
.main-summer-sale-container a, .main-category-2-slider .copy-container a {
  font-weight: 600 !important;
}
.card-menu-1 .body-text {
  font-weight: 500 !important;
  max-width: 800px !important;
  line-height: 1.5 !important;
}
.main-card-menu-2-container .card-menu-box p.box-head {
  font-weight: 600 !important;
  font-size: 22px !important;
}
.prepaid-banner .body-text {
  font-weight: 500 !important;
}
@media (max-width: 992px) {
  h2.cat {
    font-size: 20px !important;
    padding: 0 !important;
    margin-top: 0 !important;
  }
.prepaid-banner .prepaid-banner-card-img {
  background-position: left center !important;
  }
  .main-category-two-container .category-slider-header, .main-subcategories-container .subcategory-slider-header, .main-category-2-container .category-2-slider-header, .main-card-menu-2-container .subcategory-slider-header {
    font-size: 18px !important;
  }
  .main-category-two-container {
    padding: 40px 10px !important;
  }
  .category-slider-header {
    font-size: 18px !important;
  }
  .main-popular-categories-container {
    padding: 40px 20px 80px !important;
  }
  .widget-container-col .callout-cat {
    flex-basis: 50% !important;
  }
  .featured-brand .callout-cat .inner .img-responsive {
    height: 28.7vw !important;
  }
  .cline.b-grey {
    display: none !important;
  }
}
/* END STOREFRONT CSS */
/* MEMBER HERO CSS */

#member-dashboard .hero-bg {
  font-family: 'Poppins', sans-serif !important;
  padding: 80px 0px 100px !important;
  background-size: cover !important;
  margin: 0 -50vw -70px !important;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://amex-rewards.uat-internal-cs.p2motivate.com/asset/43249/v=1709755877') no-repeat center center !important;
  background-size: cover !important;
}

#member-dashboard .hero-bg .header-top {
  font-family: 'Poppins', sans-serif !important;
  font-size: 45px !important;
  font-weight: 900 !important;
  color: #fff !important;
  position: relative !important;
  display: inline-block !important;
  line-height: 60px !important;
  margin-bottom: 30px !important;
  max-width: 550px !important;
  margin-top: -20px !important;
  color: #333 !important;
}
#member-dashboard .hero-bg .header-bottom {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 45px !important;
  max-width: 25vw !important;
  color: #333 !important;
}
#member-dashboard .hero-bg .dashboard-button a {
  border-radius: 50px !important;
  padding: 15px 60px 15px 30px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 2px !important;
  z-index: 1 !important;
  transition: all 0.13s ease-in-out !important;
  cursor: pointer !important;
}
#member-dashboard .hero-bg .dashboard-button a:hover {
  border: 1px solid var(--duet-color-primary) !important;
  color: #fff !important;
}
#member-dashboard .hero-bg .table-display-2 {
  display: table !important;
  border: 0px solid #fff !important;
  padding: 30px !important;
  border-radius: 6px !important;
  height: 418px !important;
  width: 100% !important;
  background: #fff !important;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08) !important;
  margin-bottom: 20px !important;
}
#member-dashboard .hero-bg .header-top3 {
  font-size: 22px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 15px !important;
}
#member-dashboard .hero-bg .header-bottom2 {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333 !important;
  line-height: 18px !important;
  margin-bottom: 25px !important;
}
#member-dashboard .points, #main .points a {
  font-family: 'Poppins', sans-serif !important;
  line-height: 30px !important;
  font-size: 26px !important;
  margin-bottom: 0px !important;
  font-weight: 600 !important;
}
#member-dashboard .points-text, #main .points-text a {
  font-family: 'Poppins', sans-serif !important;
  line-height: 14px !important;
  font-size: 12px !important;
}
#member-dashboard .hero-bg .dashboard-button2 a {
  font-family: 'Poppins', sans-serif !important;
  position: relative !important;
  display: inline-block !important;
  padding: 18px 20px !important;
  border: 1px solid #292929 !important;
  background-color: #fff !important;
  color: #292929 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  z-index: 1 !important;
  transition: all 0.13s ease-in-out !important;
  cursor: pointer !important;
  border-radius: 6px !important;
  width: 100%;
  margin-bottom: 12px !important;
}
@media (max-width: 1000px) {
  #member-dashboard .hero-bg {
    padding: 50px 30px !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://amex-rewards.uat-internal-cs.p2motivate.com/asset/43246/v=1709750293') repeat !important;
  }
  #member-dashboard .hero-bg .text {
    font-size: 14px !important;
  }
  #member-dashboard .hero-bg .logo {
    max-width: 80px !important;
  }
}
@media only screen and (max-width: 1300px) and (min-width: 975px) {
  #member-dashboard .hero-box-1 {
    width: 30% !important;
  }
  #member-dashboard .hero-box-2 {
    width: 35% !important;
  }
}
@media only screen and (max-width: 1300px) {
  #member-dashboard .hero-bg .header-top {
    font-size: 30px !important;
    position: relative !important;
    display: inline-block !important;
    line-height: 40px !important;
    margin-bottom: 30px !important;
    margin-top: 5px !important;
    max-width: 550px !important;
  }
  #member-dashboard .hero-bg .header-bottom {
    font-size: 12px !important;
  }
  #member-dashboard .hero-bg .dashboard-button a {
    font-size: 12px !important;
  }
}
#member-dashboard .hero-bg .row {
  justify-content: left !important;
}
#member-dashboard .hero-box-1 {
  width: 43% !important;
}
#member-dashboard .hero-box-2 {
  justify-content: right !important;
  margin: 0 10px !important;
}
@media only screen and (max-width: 955px) {
  #member-dashboard .hero-bg {
    padding: 40px 0px 40px 0px !important;
    margin: 0 -50vw !important;
  }
  #member-dashboard .hero-bg .header-top {
    display: none !important;
  }
  #member-dashboard .hero-bg .header-bottom {
    display: none !important;
  }
  #member-dashboard .svg-button-about {
    display: none !important;
  }
  #member-dashboard .dashboard-button {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  #member-dashboard .hero-box-2 {
    width: 100% !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  #member-dashboard .hero-bg .table-display-2 {
    height: auto !important;
  }
}
/* END MEMBER HERO CSS */



/* START DASHBOARD BOOTSTRAP */
	.dashboards-page .col-xs-1,
	.dashboards-page .col-sm-1,
	.dashboards-page .col-md-1,
	.dashboards-page .col-lg-1,
	.dashboards-page .col-xs-2,
	.dashboards-page .col-sm-2,
	.dashboards-page .col-md-2,
	.dashboards-page .col-lg-2,
	.dashboards-page .col-xs-3,
	.dashboards-page .col-sm-3,
	.dashboards-page .col-md-3,
	.dashboards-page .col-lg-3,
	.dashboards-page .col-xs-4,
	.dashboards-page .col-sm-4,
	.dashboards-page .col-md-4,
	.dashboards-page .col-lg-4,
	.dashboards-page .col-xs-5,
	.dashboards-page .col-sm-5,
	.dashboards-page .col-md-5,
	.dashboards-page .col-lg-5,
	.dashboards-page .col-xs-6,
	.dashboards-page .col-sm-6,
	.dashboards-page .col-md-6,
	.dashboards-page .col-lg-6,
	.dashboards-page .col-xs-7,
	.dashboards-page .col-sm-7,
	.dashboards-page .col-md-7,
	.dashboards-page .col-lg-7,
	.dashboards-page .col-xs-8,
	.dashboards-page .col-sm-8,
	.dashboards-page .col-md-8,
	.dashboards-page .col-lg-8,
	.dashboards-page .col-xs-9,
	.dashboards-page .col-sm-9,
	.dashboards-page .col-md-9,
	.dashboards-page .col-lg-9,
	.dashboards-page .col-xs-10,
	.dashboards-page .col-sm-10,
	.dashboards-page .col-md-10,
	.dashboards-page .col-lg-10,
	.dashboards-page .col-xs-11,
	.dashboards-page .col-sm-11,
	.dashboards-page .col-md-11,
	.dashboards-page .col-lg-11,
	.dashboards-page .col-xs-12,
	.dashboards-page .col-sm-12,
	.dashboards-page .col-md-12,
	.dashboards-page .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}

	.dashboards-page .row {
		margin-left: -8px;
		margin-right: -8px;
	}

/* END DASHBOARD BOOTSTRAP */


.award-img-container img {
  width: 100% !important;
  border-radius: 50% !important;
}

.award-img-container {
  width: 60px !important;
}


/* START STOREFRONT DASHBOARD */

.mallDashboard-page #main {
  font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  margin-bottom: -16px !important;
}

.bic-flex-con-block-widget {
  font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  background-position: bottom center !important;
  padding-bottom: 5em !important;
}

.bic-flex-con-block-widget .card-content .card-details {
  width: 70% !important;
}

.bic-flex-con-block-widget .widget-head .title {
  font-size: 1.6em !important;
  margin-bottom: 50px !important;
  text-align: center !important;
}

.bic-flex-con-block-widget .widget-head div {
  text-align: center !important;
  width: 100% !important;
}

.brand-store-container {
  padding-top: 30px !important;
  padding-bottom: 60px !important;
  font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.featured-brand {
  background-image: url("https://recognition-sales-demo.p2motivate.com/asset/152917");
  background-size: cover;
}

.rewards-for-you .savings-button {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  background-color: #a802a3;
  background-color: var(--duet-color-primary);
  border-radius: 12px;
  font-size: 12px;
  padding: 10px;
  display: table;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}

.rewards-for-you .savings-button span:first-child {
  font-weight: 700 !important;
  font-size: 14px !important;
  display: block !important;
}

.rewards-for-you .savings-button span:last-child {
  font-size: 10px;
  width: 100%;
  display: block;
}

.rewards-for-you .price-tag .strikethrough {
  font-size: 15px !important;
}

.card-count-2 .container {
width: 95% !important;
}
.card-count-2 .card-content .card-details {
  width: 100% !important;
}

.bic-flex-con-block-widget.card-count-2.layout-1 .card-1 .card-content, .bic-flex-con-block-widget.card-count-2.layout-1 .card-2 .card-content {
    padding: 5em 3em !important;
  }

.brand-store-container .store-wrapper h2 {
  font-size: 20px !important;
}


/* END STOREFRONT DASHBOARD */


.vnew-description {
  max-width: 75% !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.vnew-award-description-wrapper button .fa-chevron-down, .vnew-award-description-wrapper button .fa-chevron-up {
  display: none !important;
}

.vnew-label {
  font-size: 18px !important;
  font-weight: 600 !important;
}

#member-dashboard .layout-cpnt {
  margin-bottom: 0px !important;
}

#member-dashboard .panel-tertiary {
  margin-bottom: 25px !important;
}

.feed-widget-item .feed-widget-body.bday-bg {
  background-image: url(https://de1qw0dg41vdz.cloudfront.net/spa-proxy-1.2.84.85.1-29/images/feed/confetti.svg) !important;
}

.main-hero-profile-container {
  font-family: 'Poppins', sans-serif !important;
  padding: 80px 0 100px !important;
  margin-bottom: -70px !important;
}

@media (max-width: 1000px) {
  .main-hero-profile-container {
    padding: 50px 10px !important;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('https://amex-rewards.uat-internal-cs.p2motivate.com/asset/43262/v=1709750293') !important;
  }
}

.main-hero-profile-container .container {
 padding: 0 !important;
}

.main-member-profile-container {
  padding: 15px 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%) !important;
  box-shadow: none !important;
  background: var(--duet-color-primary) !important;

}

.profile-link {
  font-size: 14px !important;
}

.main-member-profile-container .profile-info {
  width: 45% !important;
}
.profile-link .icon {
  width: 35px !important;
  height: 35px !important;
}

.main-hero-profile-container .hero-copy a.hero-cta {
  padding: 16px 60px 16px 20px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
}

.main-hero-profile-container .hero-copy h1 {
  font-size: 45px !important;
}

.hero-recognition-container.layout-2 {
 margin: 0 -50vw -60px !important;
 background-position: top left !important;
}

.hero-recognition-container.layout-2 .hero-copy h1 {
  font-size: 55px !important;
  margin: 0 0 4vh 0 !important;
  line-height: 1.2 !important;
  color: #111 !important;
}

.hero-recognition-container.layout-2 .container {
  padding: 8vh 0 10vh 0 !important;
}

@media only screen and (max-width: 600px) {
.main-hero-profile-container .hero-copy h1 {
  font-size: 25px !important;
}
.main-hero-profile-container .hero-copy p {
  font-size: 14px;
  }
.hero-recognition-container.layout-2 .hero-copy h1 {
  font-size: 28px !important;
  margin-bottom: 20px !important;
}
  .feed-widget-body .award-receiving-member .award-member-name {
    top: 110px;
  }
.feed-widget-item .grouped-nominees .slider .slick-initialized .slick-slide {
    width: 100px !important;
  }
.hero-recognition-container.layout-2 .container {
  padding: 0 0 6vh 0 !important;
}
.hero-recognition-container.layout-2 {
  background: none !important;
}
.hero-recognition-container.layout-2 .hero-copy p  {
  font-size: 15px !important;
  margin-bottom: 30px !important;
  text-align: center !important;
}
.hero-recognition-container layout-2 .hero-2-balance, hero-recognition-container layout-2 .profile-link {
  background: rgba(255, 255, 255, 0.1) !important;
  text-decoration: none;
  width: 40% !important;
}
.main-member-profile-container {
  padding: 25px 0 !important;
}
.main-member-profile-container .avatar {
  margin-bottom: 20px !important;
}
.main-member-profile-container .profile-info {
  width: 100% !important;
}
.profile-info.flex-row.justify-center {
    border-bottom: 0px !important;
  }
.hero-recognition-container.layout-2 .hero-copy h1 {
  text-align: center;
}
.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
  display: block !important;
  letter-spacing: unset !important;
  margin: 0 auto !important;
  max-width: 80% !important;
}
.hero-recognition-container.layout-2 .hero-copy {
  margin: 0 0 50px !important;
}
}

.main-hero-profile-container .hero-copy p {
  line-height: 1.6 !important;
}

.right-section-bottom {
  width: 100% !important;
}

.left-links-container {
  display: flex !important;
  flex-grow: 1 !important;
}

.left-section-links .left-link {
  width: 100% !important;
}

.left-link .image-wrapper {
  width: 50px !important;
  height: 50px !important;
}

.left-link .image-wrapper .link-icon {
  width: 25px !important;
  height: 25px !important;
}

.left-section-links {
  width: 100% !important;
}

.timg-overlay {
  border: 0;
  border-radius: 20px;
  overflow: hidden;
}

.timg .caption-in-image {
  display: none;
}

.timg.timg-overlay .image::after {
  background-image: none;
}

.games-page .container .container, .myAccount-page .container .container {
  width: 100%;
}

.banners {
  display: none !important;
}

#productQty {
  border-radius: 0px !important;
}

.progress {
  border: 1px solid var(--duet-color-primary);
}


/* PURPLE BRAND STYLES */

.hero-recognition-container.layout-1 {
  font-family: 'Poppins', sans-serif;
  background-size: cover;
  padding: 100px 0px 120px 0px;
  width: 100vw;
  border-radius: 0px;
  left: 50%;
  right: 50%;
  margin: 0 -50vw -35px;
  background-position: top center !important;
}

.hero-recognition-container.layout-1 .hero-box {
  background: #fff !important;
}

.hero-recognition-container.layout-1 .hero-box-heading {
  color: #333 !important;
  font-weight: 700 !important;
}

.hero-recognition-container.layout-1 .hero-profile-quick-link p {
  color: #333 !important;
}

.hero-recognition-container.layout-1 .quick-link {
  border: 1px solid #292929 !important;
}

.hero-recognition-container.layout-1 .quick-link a {
  padding: 18px 50px 18px 20px !important;
}

.hero-recognition-container.layout-1 .heading {
  text-transform: none !important;
  font-weight: 900 !important;
  color: #333 !important;
  font-size: 45px !important;
  line-height: 55px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
  line-height: 24px !important;
  letter-spacing: 0.5px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container p {
  max-width: 430px !important;
}

.shop-hamburger span {
  padding-left: 0px !important;
}

.shop-hamburger span, .shop-hamburger i, #nav-icon3 i {
  color: #333;
}

/* START LEADERBOARD */

[data-widget-id="1491"] .panel-tertiary {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05) !important;
  border: none !important;
  border-radius: 6px !important;
}

[data-widget-id="1491"] .panel-body {
  padding: 25px !important;
}

[data-widget-id="1491"] .panel-heading {
padding: 20px !important;
border-radius: 6px 6px 0 0 !important;
}

[data-widget-id="1491"] div {
border: none !important;
}

[data-widget-id="1491"] em {
display: none !important;
}

[data-widget-id="1491"] .btn {
margin-top: 45px !important;
padding: 15px 30px !important;
}

[data-widget-id="1491"] h3 {
color: #101828 !important;
font-size: 20px !important;
font-weight: 600 !important;
}

[data-widget-id="1491"] .table {
font-size: 14px !important;
}

/* END LEADERBOARD */

/* START SERIAL CARD */

[data-widget-id="310"] .form-control {
border: 1px solid #98A2B3 !important;
margin-bottom: 0px !important;
border-radius: 3px !important;
}

[data-widget-id="310"] .btn {
padding: 10px !important;
background-color: #ffffff !important;
color: var(--duet-color-primary) !important;
width: 100% !important;
font-size: 16px !important;
border-radius: 100px !important;
}

/* END SERIAL CARD */



.award-img-container {
  width: 90px !important;
  background-color: #fff;
  border-radius: 18px;
  box-shadow: 2px 4px 12px #00000014;
  overflow: hidden;
}

.award-peer-thumb {
  box-shadow: 2px 4px 12px #00000014;
  overflow: hidden;
}

.vnew-award-description-button {
  background: transparent;
}

.award-peer-thumb {
  width: 100px !important;
  height: 100px !important;
}

.nomination-wrapper h1 {
  padding-bottom: 20px;
  font-weight: 600;
  font-size: 30px;
  background: linear-gradient(to right,#0090f7,#ba62fc,#f2416b);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 0 !important;
}

#nomination-wrapper .form-control {
  font-size: 14px !important;
}

#desktop_breadcrumb a, #desktop_breadcrumb li, #desktop_breadcrumb span {
  text-decoration: none !important;
}

dl {
  text-transform: uppercase;
  font-weight: 500 !important;
  letter-spacing: 1px;
  color: #333;
}

.point-bucket .inner {
  padding-right: 15px !important;
}

.point-bucket .inner:last-child, .point-count-redirect-block.inner {
  padding-left: 15px !important;
}

.vnew-footer-inner {
  max-width: 760px !important;
}

[data-widget-id="27969"] {
  width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin: 0 -50vw !important;
  background: linear-gradient(180deg, rgba(245,245,247,1) 0%, rgba(255,255,255,1) 100%) !important;
}

.vnew-award-description-button {
  background: transparent !important;
}

.vnew-award-padding {
  border-bottom: 8px dotted #dcdee1 !important;
}

.hero-2-profile-links .profile-link {
  padding: 20px 10px !important;
}

.main-member-profile-container .avatar {
  padding: 0 20px !important;
}

@media only screen and (max-width: 600px) {
  .hero-recognition-container.layout-2 .container::before {
    background: url('https://applause-demo.p2motivate.com/asset/156441') no-repeat center center / cover;
    background-size: cover !important;
    height: 40vh;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
  }
}

[data-widget-id="28027"] .bic-flex-con-block-widget .card-content .card-details {
  width: 100% !important !important;
} 

[data-widget-id="1510"] h3 {
  font-size: 15px !important;
} 

[data-widget-id="28027"] .card-content {
  padding-top: 12px !important;
}

@media (min-width: 1200px) {
  .bic-flex-con-block-widget.card-count-4.layout-3 .card-1, .bic-flex-con-block-widget.card-count-4.layout-3 .card-2, .bic-flex-con-block-widget.card-count-4.layout-3 .card-3, .bic-flex-con-block-widget.card-count-4.layout-3 .card-4 {
    aspect-ratio: 360 / 418 !important;
  }
}


@media only screen and (max-width: 600px) {
.main-promo-1-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-1-container {
  flex-direction: column !important;
}

.main-promo-2-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-2-container {
  flex-direction: column !important;
}

.main-promo-3-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-3-container {
  flex-direction: column !important;
}

.main-promo-4-container .promo-img-container {
  flex-basis: 100% !important;
}

.main-promo-4-container {
  flex-direction: column !important;
}

.main-promo-1-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-2-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-3-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-4-container .promo-copy-container {
  padding: 15px !important;
  text-align: center !important;
}

.main-promo-1-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-2-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-3-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-promo-4-container .promo-copy-container a {
  margin: 20px auto !important;
}

.main-v1-quarterly-sales-container {
  margin-bottom: 20px !important;
}
}

.main-promo-4-container .ballots-earned-container .ballots-icon {
  background-image: none !important;
  border: 4px dotted var(--duet-color-primary) !important;
}

.main-promo-3-container .is-completed-container p {
  color: #101828 !important;
}

.main-promo-4-container .ballots-earned-container p {
  color: #101828 !important;
}


#header-wrap .customSelect {
  border-right: none;
  font-size: 14px;
}

.customSelect .styledSelect {
  padding: 8px 20px;
}

.topNavIcons {
  margin-left: 20px;
}

.main-member-profile-container .profile-info {
  border-right: 1px solid #555 !important;
}

.carousel {
  width: 100% !important;
}

#sortButton, .btn-icon {
background: #fff !important;
}

.rangeSearch_container .btn-icon span {
  font-size: 26px !important;
  color: #333 !important;
  background: #f0f2f4;
}

.fa-chevron-circle-right::before {
  content: "\f054" !important;
}


/* nomination module award image fix - HALO */
#main #nomination-wrapper .award-family-container .award-img-container { height: auto !important; }

#main #nomination-wrapper h1.text-xl-heading { display: none !important; }