*:not(.fal):not(.fal *) {
  font-family: "Roboto", Arial, sans-serif !important;
}

.pseudo-anchor-dropdown {
display: none !important;
}

.dashboards-37-page .toast-info {
display: none !important;
opacity: 0 !important;
transform: unset;
transition: unset;
}

.fa-chevron-down:before {
   font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    content: "\f078";
}

.fa-caret-down:before {
   font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 900;
    content: "\f078";
}

.myPoints-page #main-title {
margin-top: 80px !important;
}

.rewards-for-you .price-container .from-label {
    color: #FE0009 !important;
    font-weight: 500;
}

.reward-cost  {
    color: #FE0009 !important;
}

.myAccount-page #main-title {
margin-top: 100px !important;
}

.myOrders-page #secondHeader {
display: unset !important;
}

.myOrders-page #main-title {
margin-top: 100px !important;
} 

.mallDashboard-31-page #mega-menu-wrap {
    transition: none !important;
    transform: none !important;
}

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

.points-expiry-title {
    margin-top: 80px;
}

.deliveryInfo-page .font-size-h3 {
  font-size: 27px !important;
   font-weight: bold !important;
}

.rewardsDetail-page #details p {
font-size: 21px !important;
}

.rewardsDetail-page #details ul li {
font-size: 20px !important;
} 

.rewardsDetail-page .font-size-h3 {
    font-size: 28px !important;
    font-weight: bold !important;
}

.pre-loader svg path, .pre-loader svg rect {
fill: #FE0009 !important;
}

.dashboards-0-page #main .status-link {
    border-radius: 22px;
    background-color: #FE0009 !important;
}

.topNavIcons a.psr[data-badge]:not([data-badge='0'])::after, .topNavIcons button.psr[data-badge]:not([data-badge='0'])::after {
background-color: #FE0009 !important;
}

.dashboards-0-page #main .upload-button {
    border-radius: 22px;
    background-color: #FE0009 !important;
}

.dashboards-48-page .submit-btn {
    background-color: #FE0009 !important;
}

.dashboards-48-page .search-btn {
    background-color: #FE0009 !important;
}

.dashboards-48-page .transactions-widget .tabs button.active {
    background-color: #FE0009 !important;
}

.dashboards-48-page .transactions-widget .type-pill--cashback {
    background-color: #FE0009 !important;
}

.dashboards-48-page  .reports-widget button  {
    background-color: #FE0009 !important;
}

.dashboards-48-page .tab.active {
    border-color: #FE0009 !important;
}

.dashboards-37-page #main p a {
color: #FE0009 !important;
}

.dashboards-37-page .upload-btn {
 background-color: #FE0009 !important;
}

.dashboards-39-page .cashback-steps p.highlight-paragraph {
 background: #FE0009 !important;
}

.dashboards-39-page .terms-link {
    color: #FE0009 !important;
}

.dashboards-45-page .profile-fields-info p a {
color: #FE0009 !important;
}

.mallDashboard-31-page .callout-cat .inner span.button {
 background-color: #FE0009 !important;
}

.svg-search-btn {
 background-color: #FE0009 !important;
}

.mallDashboard-31-page .callout-cat .inner .span-arrow::after {
 border-color: #FE0009 !important;
}

.point-count span {
color: #FE0009 !important;
}

#addToCartButton {
 background-color: #FE0009 !important;
}

.rewardsDetail-page .btn-primary {
 background-color: #FE0009 !important;
}

#modal-description .btn  {
 background-color: #FE0009 !important;
color: white !important;
}

.btn-secondary.checkout {
 background-color: #FE0009 !important;
}

#address_validation {
 background-color: #FE0009 !important;
}

.deliveryInfo-page .text-default a {
 color: #FE0009 !important;
}

#ddlProfileMenu .pseudo-select .options li:hover {
 background-color: #FE0009 !important;
}

#ddlProfileMenu .dropdown-menu li a:hover {
 background-color: #FE0009 !important;
}

.pseudo-select .options li:hover a {
 background-color: #FE0009 !important;
}

.submenu-welcome-user {
color: #333 !important;
}

.submenu-welcome-user:hover  {
 background-color: #FE0009 !important;
color: white !important;
}
.pseudo-select .options {
color: white !important;
}

.myAccount-page .btn-secondary {
 background-color: #FE0009 !important;
}

.our-price {
color: #FE0009 !important;
}

.btn-icon.btn-secondary {
color: #FE0009 !important;
}
span.text-secondary {
color: #FE0009 !important;
}
.mall-breadcrumbs .copy-link {
color: #FE0009 !important;
}
.reward-cost div {
color: #FE0009 !important;
}

.myPoints-page #ddlPageTab {
 background-color: #FE0009 !important;
}

.myPoints-page .btn-link {
color: #FE0009 !important;
}
.myPoints-page .pagination li.active a {
border-color: #FE0009 !important;
color: #FE0009 !important;
}

.apple-selector-v2 .selector-v2-bottom .dreamtrackable {
color: white !important;
padding: 10px 20px !important;
}

.dreamTracker-page .progress-bar {
 background-color: #FE0009 !important;
}

.dreamTracker-page small button {
 color: #FE0009 !important;
}

#empty_cart_id {
color: #FE0009 !important;
}

.has-error .form-control {
border-color: #FE0009 !important;
}

.checkout div a {
 color: #FE0009 !important;
}

div.toast.toast-error {
background-color: #FE0009 !important;
}

.media-left.checkout a {
 color: #333 !important;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #FE0009 !important;
}

.fa-print:before {
    color: #FE0009;
}

.orderConfirmation-page .form-control-static a {
color: #FE0009 !important;
}

.mallDashboard-31-page .point-value  {
color: #FE0009 !important;
}

.line-filled {
background: #FE0009 !important;
}

.myProfile-page #dropdown li:nth-child(2) {
  display: none;
}

.myMetrics-page .page-header a {
display: none !important;
}

.dashboards-39-page .img-responsive.full-width{
    margin-top: 100px;
}


/* HEADER */
#mega-menu-wrap .background-wrapper{
background-color: white;
}

.navbar-brand {
    overflow: hidden;
}

#hamburger-menu {
display: none !important;
}

#wrap-header .hamburger-menu svg path {
    fill: #2f353df2;
}

#wrap-header .customSelect .styledSelect {
    color: #2f353df2;
}

.topNavIcons a path, .topNavIcons button path {
    fill: #2f353df2;
}

#wrap-header .alt-header .border-left {
    border-left: solid 1px #2f353df2;
    border-right: 0;
}

/* FOOTER */
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 50px;
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 16px;
}

.footer-links a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.footer-social img {
  display: block;
  width: 35px;
  height: auto;
}

/* HERO LANDPAGE */
.hero-recognition-container.layout-2 {
    background-image: linear-gradient(to right, rgba(20, 20, 20, 0.1), rgba(20, 20, 20, 0)), url("https://roto-profiliga.de/asset/585") !important;
}

.hero-recognition-container.layout-2 .hero-copy h1 {
    color: #000000 !important;
}

.hero-recognition-container.layout-2 .hero-copy p {
    color: #000000 !important;
}

.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
    background-color: #e40521 !important;
border-radius: 0 !important;
}

.main-member-profile-container {
    background: rgba(254, 0, 9, 0.7) !important;
    padding: 0 !important;
border-radius: 0 !important;
}

.main-member-profile-container .profile-info {
    background: rgba(254, 0, 9, 0.7) !important;
}

/* MAIN LANDPAGE */
#app main {
    padding-bottom: 0px;
}

.bic-flex-con-block-widget.card-count-2.layout-1 .card-grid {
    margin-top: -100px;
}

.bic-flex-con-block-widget.card-count-3.layout-2 {
    padding-top: 0px;
}

.bic-flex-con-block-widget.card-count-3.layout-2 .card-details {
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.bic-flex-con-block-widget.card-count-2.layout-1 .card-grid .card-1, .bic-flex-con-block-widget.card-count-2.layout-1 .card-grid .card-2 {
border-radius: 0 !important;
}

.bic-flex-con-block-widget.card-count-2.layout-1 .card-details {
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.bic-flex-con-block-widget .card-1, .bic-flex-con-block-widget .card-2, .bic-flex-con-block-widget .card-3, .bic-flex-con-block-widget .card-4{
border-radius: 0 !important;
}

.bic-flex-con-block-widget .card-content .cta.btn{
border-radius: 0 !important;
}

.bic-flex-con-block-widget .card-content .title{
background-color: rgba(255, 255, 255, 0.8);
padding: 10px !important;
}

.bic-flex-con-block-widget .card-content .description{
background-color: rgba(255, 255, 255, 0.8);
padding: 0 10px 10px !important;
}
/* UPLOAD INVOICE PAGE */

.dashboards-37-page .layout-cpnt {
       margin-bottom: 0;
    }

.myOrders-page .orders-header, .myMetrics-page .page-header, .submitMetrics-page .page-header {
    border-bottom: none;
    margin: 0 !important;
    padding: 0 !important;
}

.submitMetrics-page .page-header {
    border-bottom: none;
    margin: 0 !important;
    padding: 0 !important;
}

.myMetrics-page .page-header a, .submitMetrics-page .page-header button, .submitMetrics-page span.display-block.text-right button#btn-submit, .submitMetrics-page .modal .modal-footer button#btn-add {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.myPoints-page h1#main-title.page-header, .myOrders-page h1#main-title, .myMetrics-page h1#main-title, .submitMetrics-page h1#main-title, #dreamTracker h1#main-title.page-header, .myAccount-page h1#main-title, .contactUs-page h1#main-title, .cookiePolicy-page h1#main-title, .memberHome-page h1#main-title, .myProfile-page h1#main-title.page-header {
    font-size: 60px;
    font-weight: 300;
    line-height: 72px;
    letter-spacing: 0.75px;
    margin: 40px 0;
    padding: 0;
    border-bottom: none;
}

.myPoints-page .table > thead > tr > th span, .myOrders-page .table > thead > tr > th span, .myMetrics-page .table > thead > tr > th span, .submitMetrics-page .table > thead > tr > th span, .submitMetrics-page .container div div .row.mb-md .col-lg-9.col-xs-12 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.table > thead > tr > th:first-child, .table > thead > tr > td:first-child {
    border-left: 0;
}

.myPoints-page .table > thead > tr > th, .myPoints-page .table > tbody > tr > td, .myOrders-page .table > thead > tr > th, .myOrders-page .table > tbody > tr > td, .myMetrics-page .table > thead > tr > th, .myMetrics-page .table > tbody > tr > td, .submitMetrics-page .table > thead > tr > th, .submitMetrics-page .table > tbody > tr > td {
    background-color: #fff;
    padding: 16px 0;
    border-bottom: 1px solid rgba(16, 56, 79, 0.12);
color: #333333;
}

/* SHOP LANDING PAGE */
#gallery-dashboard .card-2{
background-position-x: 25%;
}

#gallery-dashboard .bic-flex-con-block-widget .card-content .title{
background-color: rgba(255, 255, 255, 0);
}

#gallery-dashboard .bic-flex-con-block-widget .card-content .description{
background-color: rgba(255, 255, 255, 0);
}

[data-widget-id="221"] .mwA {
padding-bottom: 0px;
}
[data-widget-id="221"] {
margin-bottom: 0px;
}

[data-widget-id="237"] .cline.b-grey{
display: none;
}

[data-widget-id="237"] h2.cat {
display: none;
}
/* END SHOP LANDING PAGE */
/*  SHOP PAGE */
.rewards-for-you .product-box{
    border-radius: 0px;
}
/* END SHOP PAGE */

/* CASHBACK SURVEY PAGE */
.surveys-page #main-title{
display:none;
}
#requiredFieldsLegend {

}

.survey span.pull-left {
display:none;
}

.form-group{
font-size: 18px;
}

.checkbox-radio-label{
display: flex;
    align-items: center;
}
/* END CASHBACK SURVEY PAGE */

@media (max-width: 1315px) {
.status-container{
min-height: 200px;
}
  .status-info-container {
    flex-direction: column;
}
.status-link-side{
margin: 20px 0 0;
}

.box{
flex-direction: column !important;
    min-height: 200px !important;}
}




@media (max-width: 768px) {
      .box {
        flex-direction: column !important;
      }

      .button-container {
        width: 100%;
      }

      .upload-button {
        width: 100%;
        text-align: center;
      }
 
.footer-container {
    padding: 20px 20px;
}

.dashboards-32-page .container {
padding: unset !important;
margin: unset !important;
max-width: unset !important;
width: 100% !important;
}

#sidebar-accordion > li:nth-child(2) {
  display: none !important;
}

.dashboards-36-page .custom-container {
    flex-direction: column;
}

.submitMetrics-page h1#main-title {
 font-size: 50px !important;
}

    }

.myProfile-page #profileForm span.text-muted.text-unbold { display: none; }

h1, h2, h3, h4, h5 {
font-family: "Roboto", Arial, sans-serif;
}


 .deliveryInfo-page #requiredFieldsLegend {
display: none !important;
}

@media (max-width: 1300px) {
.sub-header-inner {
    max-width: 44.5%;
    margin: 0 17%;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
}

.dashboards-0-page .hero-cta {
display: none !important;
}

.dashboards-0-page .bic-flex-con-block-widget {
padding-top: 1rem !important;
}

.dashboards-0-page .profile-link {
font-size: 19px !important;
}

.dashboards-0-page .profile-link .icon {
    width: 60px !important;
    height: auto !important;
}

.dashboards-0-page .main-member-profile-container {
align-items: unset !important;
}

.dashboards-44-page #mega-menu-wrap {
display: none !important;
}

.dashboards-44-page .gt-logo {
    height: 71px !important;
}

.gt-actions-center {
    text-align: unset !important;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1000px) {

#hamburger-menu {
display: none !important;
}
}

.gallery-dash-nav-item {
display: none !important;
}



.dashboards-0-page .expiry-btn {
    border-radius: 22px;
}



.dashboards-0-page .bic-flex-con-block-widget .card-content .cta.btn {
    border-radius: 22px !important;
}

/* Guided-tour */

.dashboards-44-page  {
    padding-top: 10px !important; 
}

/** all buttons **/
.callout-cat .inner span.button {
    border-radius: 26px !important;
}

.svg-search-btn {
    border-radius: 26px !important;
}

#modal-description .btn {
    border-radius: 26px !important;
}

#addToCartButton {
    border-radius: 26px !important;
}

.dreamtrackable {
    border-radius: 26px !important;
}

.btn-secondary.checkout {
    border-radius: 26px !important;
}

#address_validation {
    border-radius: 26px !important;
}

.dashboards-0-page .gold {
    background-color: #c4922d !important;
    color: #ffffff !important;
}

.dashboards-34-page  .gold {
    background-color: #c4922d !important;
    color: #ffffff !important;
}

/* External widgets */
.dashboards-0-page .status-info-text span {
   display: none !important
}

/** Logo **/
.grs-storefront-logo img {
    min-width: unset !important;
}

	.test-facebook {
		background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMTg3N2YyO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDI0LDUxMkMxMDI0LDIyOS4yMyw3OTQuNzcsMCw1MTIsMFMwLDIyOS4yMywwLDUxMmMwLDI1NS41NSwxODcuMjMsNDY3LjM3LDQzMiw1MDUuNzhWNjYwSDMwMlY1MTJINDMyVjM5OS4yQzQzMiwyNzAuODgsNTA4LjQ0LDIwMCw2MjUuMzksMjAwYzU2LDAsMTE0LjYxLDEwLDExNC42MSwxMFYzMzZINjc1LjQ0Yy02My42LDAtODMuNDQsMzkuNDctODMuNDQsODB2OTZINzM0TDcxMS4zLDY2MEg1OTJ2MzU3Ljc4QzgzNi43Nyw5NzkuMzcsMTAyNCw3NjcuNTUsMTAyNCw1MTJaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNzExLjMsNjYwLDczNCw1MTJINTkyVjQxNmMwLTQwLjQ5LDE5Ljg0LTgwLDgzLjQ0LTgwSDc0MFYyMTBzLTU4LjU5LTEwLTExNC42MS0xMEM1MDguNDQsMjAwLDQzMiwyNzAuODgsNDMyLDM5OS4yVjUxMkgzMDJWNjYwSDQzMnYzNTcuNzhhNTE3LjU4LDUxNy41OCwwLDAsMCwxNjAsMFY2NjBaIi8+PC9zdmc+") !important;
	}
	
	.test-instagram {
		background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQXJ0d29yayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDM1LjM2IDM1LjM2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNsaW5lYXItZ3JhZGllbnQpO308L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMi45NyIgeTE9IjMyLjM5IiB4Mj0iMzIuMzkiIHkyPSIyLjk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmRkOTFkIi8+PHN0b3Agb2Zmc2V0PSIwLjA1IiBzdG9wLWNvbG9yPSIjZmRkOTFkIi8+PHN0b3Agb2Zmc2V0PSIwLjUiIHN0b3AtY29sb3I9IiNlYzFjMjQiLz48c3RvcCBvZmZzZXQ9IjAuOTUiIHN0b3AtY29sb3I9IiNhNDNhOTQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNhNDNhOTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNy42OCw4LjZhOS4wOCw5LjA4LDAsMSwwLDkuMDgsOS4wOEE5LjA5LDkuMDksMCwwLDAsMTcuNjgsOC42Wm0wLDE1YTUuODksNS44OSwwLDEsMSw1Ljg5LTUuODlBNS44OSw1Ljg5LDAsMCwxLDE3LjY4LDIzLjU3Wk0yOS4yNCw4LjI0YTIuMTIsMi4xMiwwLDEsMS0yLjEyLTIuMTJBMi4xMiwyLjEyLDAsMCwxLDI5LjI0LDguMjRaTTM0LjQzLDYuMWE4LjY3LDguNjcsMCwwLDAtMi0zLjEzLDguNTUsOC41NSwwLDAsMC0zLjEzLTJBMTIuNzMsMTIuNzMsMCwwLDAsMjUsLjExQzIzLjA4LDAsMjIuNDgsMCwxNy42OCwwcy01LjQsMC03LjI5LjExQTEyLjczLDEyLjczLDAsMCwwLDYuMS45Myw4LjU1LDguNTUsMCwwLDAsMywzYTguNTUsOC41NSwwLDAsMC0yLDMuMTMsMTIuNzMsMTIuNzMsMCwwLDAtLjgyLDQuMjlDMCwxMi4yOCwwLDEyLjg4LDAsMTcuNjhTMCwyMy4wOC4xMSwyNWExMi43MywxMi43MywwLDAsMCwuODIsNC4yOSw4LjU1LDguNTUsMCwwLDAsMiwzLjEzLDguNjcsOC42NywwLDAsMCwzLjEzLDIsMTIuNzMsMTIuNzMsMCwwLDAsNC4yOS44MmMxLjg5LjA5LDIuNDkuMTEsNy4yOS4xMXM1LjQsMCw3LjI5LS4xMWExMi43MywxMi43MywwLDAsMCw0LjI5LS44Miw5LjA2LDkuMDYsMCwwLDAsNS4xNy01LjE3QTEyLjczLDEyLjczLDAsMCwwLDM1LjI1LDI1Yy4wOS0xLjg5LjExLTIuNDkuMTEtNy4yOXMwLTUuNC0uMTEtNy4yOUExMi43MywxMi43MywwLDAsMCwzNC40Myw2LjFaTTMyLjA3LDI0LjgyYTkuOTIsOS45MiwwLDAsMS0uNjEsMy4yOSw1Ljg0LDUuODQsMCwwLDEtMy4zNSwzLjM1LDkuOTIsOS45MiwwLDAsMS0zLjI5LjYxYy0xLjg2LjA4LTIuNDIuMS03LjE0LjFzLTUuMjgsMC03LjE0LS4xYTkuOTIsOS45MiwwLDAsMS0zLjI5LS42MSw1LjQ5LDUuNDksMCwwLDEtMi0xLjMyLDUuNDksNS40OSwwLDAsMS0xLjMyLTIsOS45Miw5LjkyLDAsMCwxLS42MS0zLjI5Yy0uMDktMS44Ni0uMS0yLjQyLS4xLTcuMTRzMC01LjI4LjEtNy4xNUE5LjkxLDkuOTEsMCwwLDEsMy45LDcuMjVhNS40OSw1LjQ5LDAsMCwxLDEuMzItMiw1LjQ5LDUuNDksMCwwLDEsMi0xLjMyLDkuNjYsOS42NiwwLDAsMSwzLjI5LS42MWMxLjg2LS4wOSwyLjQyLS4xLDcuMTQtLjFzNS4yOCwwLDcuMTQuMWE5LjY2LDkuNjYsMCwwLDEsMy4yOS42MSw1LjQ5LDUuNDksMCwwLDEsMiwxLjMyLDUuNDksNS40OSwwLDAsMSwxLjMyLDIsOS45MSw5LjkxLDAsMCwxLC42MSwzLjI4Yy4wOSwxLjg3LjEsMi40My4xLDcuMTVTMzIuMTYsMjMsMzIuMDcsMjQuODJaIi8+PC9zdmc+") !important;
	}


.myMetrics-page .table-page-tab .nav.nav-pills.mb-md {
  display: flex;
  align-items: center;
  gap: 12px;
}

.myMetrics-page .upload-btn-simple {
  margin-left: auto;           /* empurra para a direita */
  background: #fe0009;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 24px;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
}
.myMetrics-page .upload-btn-simple:hover { opacity: .9; }


/**** FOOTER MOBILE *****/
.footer-mobile{display:none}
@media(max-width:1024px){
  #app { overflow-x: hidden !important;}
  .footer-mobile{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 -2px 10px rgba(0,0,0,.05);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:block}
  .footer-mobile__nav{max-width:720px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
  .footer-mobile__item{display:grid;place-items:center;gap:4px;text-decoration:none;color:#999;font-size:12px;line-height:1.1;padding:6px 0}
  .footer-mobile__icon{width:28px;height:28px;display:grid;place-items:center}
  .footer-mobile__item.is-active .footer-mobile__label{color:#e3000f;font-weight:600}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}

.wrap-header {
z-index: 1 !Important;
}

/******** SECOND HEADER ****/
.wrap-header {
    position: fixed;
    margin-top: -1px;
    z-index: 1;
    width: 100%;
    left: 0;
}
	/* Full-width bar with borders across the whole page */
	
	.sub-header {
		background: #fff;
		border-top: 2px solid #e6e6e6;
		border-bottom: 2px solid #e6e6e6;
		/* full-bleed breakout (works even inside #main .container) */
		position: relative;
		left: 50%;
		margin-left: -50vw;
		width: 100vw;
		/* span viewport width */
		right: 50%;
		margin-right: -50vw;
		z-index: 20;
		opacity: 1;
	}
	/* Inner content aligned exactly like #main .container (blue arrows) */
	
	.sub-header-inner1 {
		max-width: 1580px;
		/* same as your container */
		padding: 10px 32px;
		/* same side padding as your container */
		margin: 0 auto;
		/* center the inner row */
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 24px;
	}
	/* Left: points + status */
	
	.sub-info {
		display: flex;
		align-items: center;
		gap: 40px;
		font-size: 17px;
		font-weight: 700;
	}
	/* Right: nav */
	
	.sub-nav {
		display: flex;
		align-items: center;
		gap: 18px;
	}
	
	.sub-nav a,
	.sub-nav label {
		font-size: 17px;
		color: #000;
		text-decoration: none;
		padding: 0 10px;
		line-height: 1.8;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		margin-bottom: 0 !important;
	}
	
	.sub-nav a:hover,
	.sub-nav label:hover {
		text-decoration: underline;
	}
	
	.sub-nav a + a,
	.sub-nav a + label,
	.sub-nav label + a,
	.sub-nav label + label {
		padding-left: 14px;
		margin-left: 4px;
	}
	/* Radios hidden */
	
	#navNone2,
	#navPraemien2,
	#navLeistungen2,
	#navMehr2 {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
	/* ===== Mega Menus ===== */
	/* Make the dropdown itself full-bleed as well, so its top/border span the viewport */
	
	.mega {
		display: none;
		position: absolute;
		top: 100%;
		/* sits right under the sub-header bar */
		background: #f2f2f2;
		border-bottom: 1px solid #e6e6e6;
		box-shadow: 0 8px 16px rgba(0, 0, 0, .04);
		z-index: 15;
		/* full-bleed breakout */
		left: 50%;
		margin-left: -50vw;
		width: 100vw;
		right: 50%;
		margin-right: -50vw;
	}
	/* Inner of mega aligns to the same grid as the header/container */
	
	.mega-inner {
		max-width: 1520px;
		/* align with #main .container */
		padding: 22px 32px 20px 0;
		/* mirror your spacing; adjust if needed */
		margin: 0 auto;
		position: relative;
	}
	
	.mega-title {
		font-weight: 700;
		margin: 0 0 10px;
		font-size: 18px;
	}
	
	.mega-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 40px;
	}
	
	.mega-col ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.mega-col li {
		border-bottom: 1px solid #ccc;
	}
	
	.mega-col a {
		display: block;
		padding: 5px 0;
		color: #fe0009;
		text-decoration: none;
		font-size: 17px;
	}
	
	.mega-col a:hover {
		text-decoration: underline;
	}
	/* Close (X) */
	
	.mega-close {
		position: absolute;
		right: 34px;
		top: 8px;
		font-size: 22px;
		cursor: pointer;
		opacity: .6;
		user-select: none;
	}
	
	.mega-close:hover {
		opacity: 1;
	}
	/* Overlay to close on outside click */
	
	.overlay {
		position: fixed;
		inset: 0;
		background: transparent;
		display: none;
		z-index: 10;
	}
	/* Radio states */
	
	#navPraemien2:checked ~ .mega.pramien {
		display: block;
	}
	
	#navLeistungen2:checked ~ .mega.leistungen {
		display: block;
	}
	
	#navMehr2:checked ~ .mega.mehr {
		display: block;
	}
	
	#navPraemien2:checked ~ .overlay,
	#navLeistungen2:checked ~ .overlay,
	#navMehr2:checked ~ .overlay {
		display: block;
	}
	/* Icons / badges (unchanged from your version) */
	
		.points {
		position: relative;
		padding-right: 22px;
		line-height: 1.4;
		color: #737378;
	}
	
	.points::before {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 14px;
		height: 14px;
		background-image: url("/asset/41788");
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.status {
		color: #737378;
	}
	
	.trophy {
		position: relative;
		padding-right: 25px;
		padding-left: 7px;
		line-height: 1.4;
		color: #737378;
	}
	
	.trophy::before {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-52%);
		width: 19px;
		height: 19px;
		background-image: url("/asset/41789");
		background-size: contain;
		background-repeat: no-repeat;
	}
	/* Active pill */
	
	.sub-nav .active,
	.sub-nav label.active {
		background: #d8d7d7;
		border-radius: 15px;
	}
	
	.points .link-points {
		color: #000 !important;
		text-decoration: none !important;
	}
	/* Optional spacing if your hero needs it */
	
	#main .hero-image {
		margin-top: 100px !important;
	}
	/* ===== Responsiveness ===== */
	
	@media (max-width: 1280px) {
		.sub-header-inner {
			padding: 10px 24px;
		}
		.sub-info {
			gap: 24px;
		}
	}
	
	@media (max-width: 1120px) {
		.sub-header-inner {
			gap: 16px;
		}
		.sub-nav {
			gap: 12px;
		}

.invoices-header-row {
    align-items: flex-start !important;
}
	}
	
	@media (max-width: 800px) {
		.mega-grid {
			grid-template-columns: 1fr 1fr;
		}
	}
	
	@media (max-width: 560px) {
		.sub-header-inner {
			flex-direction: column;
			align-items: flex-start;
		}
		.mega-grid {
			grid-template-columns: 1fr;
		}
	}
	/* Hide header entirely ≤ 1024px, as requested */
	
	@media (max-width: 1024px) {
		.wrap-header {
			display: block;
		}
		.sub-nav {
			display: none;
		}
		.sub-header-inner {
			justify-content: center;
		}
		.sub-info {
			margin: 0 auto;
			text-align: center;
			justify-content: center;
		}
		.mega,
		.overlay {
			display: none !important;
		}
	}
	/* Radios -> show the right mega */
	
	#navPraemien2:checked ~ .mega.pramien {
		display: block;
	}
	
	#navLeistungen2:checked ~ .mega.leistungen {
		display: block;
	}
	
	#navMehr2:checked ~ .mega.mehr {
		display: block;
	}

.myOrders-page .active,
.myPoints-page .active,
.myAccount-page .active {
    background-color: unset !important;
}

.shop-hamburger-container {
display: none;
}

.mega-menu-dashboard-dropdown {
display: none;
}

.button {
width: fit-content !important;
}

@media (max-width: 1024px) {
div[data-widget-type="html"][data-widget-id="19713"] {
	display: none !important;
}
.dashboards-45-page .bankdata-actions .btn-primary {
font-size: 15px;
}
.myOrders-page h1 {
font-size: 38px !important;
}

.mega-inner {
padding: 22px 32px 20px 15px !important;
}
.dashboards-39-page .cashback-columns {
    flex-direction: column;
}

.dashboards-47-page .invoices-header-row {
    flex-direction: column;
    gap: 20px;
}
}
@media (max-width: 1650px) {
.mega-inner {
padding: 22px 32px 20px 15px !important;
}
}
@media (max-width: 1315px) {
.status-container {
        min-height: 200px !important;
    }
#main-title {
font-size: 38px !important;
}
}


@media (min-width: 992px) and (max-width: 1024px) {
.status-container {
       width: 95vw !important;
    }
}
@media (max-width: 992px) {
.point-bucket .has-sub-menu .point-count {
    cursor: default;
    pointer-events: none !important;
}
.has-sub-menu .point-count .num:after {
  display: none;
}
.mobile-shop-modal .point-select-dropdown-container {
 
    display: none;
}

.memberHome-page .form-layout {
    flex-direction: column;
}

.memberHome-page .btn.btn-primary {
    width: unset !important; 
    font-size: 20px;
    max-width: fit-content !important;
}

.full-height {
    height: 100%;
    padding-top: 100px;
}

.invoices-table {
    display: block !important;
}

.dashboards-47-page #main-title {
        font-size: 29px !important;
    }

.icons-container {
    flex-direction: column;
}



.myMetrics-page .table-page-tab .nav-pills {
    display: flex;
    flex-direction: Column;
align-items: flex-start;

}

    .myMetrics-page .upload-btn-simple {
        margin-left: unset !important;
        background: #fe0009;
        color: #fff;
        text-decoration: none;
        border: none;
        border-radius: 24px;
        height: 40px;
        line-height: 40px;
        padding: 0 16px;
        font-size: 16px;
        display: inline-block;
        cursor: pointer;
        max-width: fit-content !important;
        margin-top: 10px;
    }
}

.invoices-table {
    width: 100%;
    margin-top: 16px;
    scroll-behavior: auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border-collapse: collapse;
}

#main .header-wrap {
    position: fixed !important;
    z-index: 2 !important;
    width: 100% !important;
    left: 0;
    right: 0;
}

.myPoints-page .dropdown {
z-index: 1 !important;
}

#secondHeader {
    z-index: 2 !important;
}

.point-bucket .has-sub-menu .point-count {
    cursor: default;
    pointer-events: none !important;
}

.has-sub-menu .point-count .num:after {
   display: none;
}

.training-container {
    max-width: 1136px;
    width: unset !important;
}

@media (max-width: 1024px) {

#main-title {
font-size: 24px !important;
}
.hw-widget-wrapper label {
    width: 90% !important;
}
body.testing {
    padding-top: 0 !important;
}
    body.testing {
        padding-bottom: 0 !important; 
    }



.dashboards-39-page .btn-primary {
width: fit-content !important;
}
.button-row-step-3 .btn-secondary {
font-size: 16px !important;
}
.button-row-step-3 .btn-success {
font-size: 14px !important;
width: fit-content !important;
}
.button-row-step-1 {
justify-content: flex-start !important;
}
.button-row-step-1 .btn-primary {
width: fit-content !important;
}

.third-label {
display: unset !important;
}
.modal-actions .modal-cancel {
font-size: 16px !important;
}
.modal-actions .btn-secondary{
font-size: 17px !important;
}
.button-row-step-2 .btn-primary {
width: fit-content !important;
}
}


@media (max-width: 1024px) {

 #mega-menu-wrap {
position: fixed !important;
} 

#app {
    padding-top: 80px !important;
}

.myPoints-page .wrap-header {
        display: none !important;
    }

 #main.mall-pages {
       padding-top: 50px !important;
    }

.mobileback {
    margin-top: 55px;
}

#checkout .mobileback {
    margin-top: 20px;
}

    #my-back-btn {
        display: block !important;
        position: absolute;
        top: 130px;
    }

.deliveryInfo-page #main.mall-pages{
padding-top: 0 !important;
}

.paymentInfo-page #main.mall-pages{
padding-top: 0 !important;
}

.orderConfirmation-page #main.mall-pages{
padding-top: 100px !important;
}

.myAccount-page #secondHeader{
display: none !important;
}

.myAccount-page #main-title {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.myPoints-page #zuruck-container {
        top: 79px;
    }

.myPoints-page #my-back-btn {
        top: 85px;
    }

.myOrders-page #secondHeader{
display: none !important;
}

.myOrders-page #zuruck-container {
        top: 79px;
    }

.myOrders-page #my-back-btn {
        top: 85px;
    }

.dashboards-37-page #main-title {
        margin-top: 60px !important;
    }

.dashboards-39-page .img-responsive.full-width {
    margin-top: 70px;
}

}


footer {
display: none !important;
}

.dashboards-35-page .roto-hero {
padding-top: 100px;
}

.dashboards-32-page .header-wrap {
margin-top: 0 !important;
}

.dashboards-34-page .header-wrap {
z-index: 10 !important;
}

/***** COLOR ****/
.dashboards-0-page .card-actions a {
 background: rgba(254, 0, 9) !important;
}