/*SHARED PROMO HEADER*/
.offer_nav btn.promo-claim-btn {
  display: block !important;
}

.logged-in .offer_nav btn.promo-claim-btn {
  display: none !important;
}

.offer_nav btn.deposit-claim-btn {
  display: none !important;
}

.logged-in .offer_nav btn.deposit-claim-btn {
  display: block !important;
}


/*SHOW OR HIDE RESPONSIBLE GAMBLING WEEK LOGO*/
.rgweeklogo {
  display: none;
}


/*SWEDISH HEADER*/
#sga-fixed-header {
  width: 100%;
  height: 50px;
  background-color: #515253;
  position: fixed;
  z-index: 100000;
  top: 0;
}

#sga-fixed-header-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  text-align: center;
}

#sga-fixed-header-wrapper img {
  height: 30px;
  display: inline-block;
  padding-top: 5px;
}

#sga-fixed-header-timer {
  width: 250px;
  float: left;
  font-size: 16px;
  vertical-align: middle
}

#sga-fixed-header-timer p {
  line-height: 35px;
}

#sga-fixed-header-timer #reminder {
  display: none;
}

#sga-fixed-header-button1,
#sga-fixed-header-button2,
#sga-fixed-header-button3 {
  display: inline;
  float: right;
  padding-left: 10px
}

@media (max-width: 715px) {
  #sga-fixed-header-button1,
  #sga-fixed-header-button2,
  #sga-fixed-header-button3 {
    padding-left: 5px
  }

  #sga-fixed-header-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    width: 100%;
  }
}
/*END SWEDISH HEADER*/



.fixed-header-tooltip {
  display: inline-flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.fixed-header-tooltip span {
  margin-right:10px;
  font-size:1rem;
  text-align: center;
}

.de-timeout-button {
  font-size: 1.3rem;
  border-radius: 5px;
  padding: 5px 15px;
  border: 1px solid;
  text-decoration: none;
}

.xtreme-push-item,
.xtreme-push-item__show-more {
    justify-content: space-between;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 16px 0;
}

.xtreme-push-item__card {
    flex-direction: column;
    padding-top: 0;
}

.xtreme-push-item__card .xtreme-push-item__left .xtreme-push-item__icon {
    padding: 0;
}

.xtreme-push-item__card .xtreme-push-item__left .xtreme-push-item__icon img {
    margin-bottom: 16px;
    height: auto;
    width: 100%;
}

.xtreme-push-item__card .xtreme-push-item__middle,
.xtreme-push-item__card .xtreme-push-item__right {
    padding: 0 24px;
}

.xtreme-push-item__left,
.xtreme-push-item__middle,
.xtreme-push-item__right {
    display: flex;
}

.xtreme-push-item p {
    margin: 0;
}

.xtreme-push-item__middle {
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 14px;
    padding-right: 24px;
}

.xtreme-push-item__middle--inner {
    display: flex;
    justify-content: space-between;
}

.xtreme-push-item__right {
    display: flex;
    flex: none;
    margin-left: 8px;
    margin-right: 24px;
    width: 40px;
}

.xtreme-push-item__icon {
    align-items: center;
    display: flex;
    padding: 0 24px;
}

.xtreme-push-item__icon img {
    height: 48px;
    width: 48px;
}

.xtreme-push-item__alert,
.xtreme-push-item__date,
.xtreme-push-item__title {
    line-height: 24px;
}

.xtreme-push-item__date {
    font-size: 12px;
    opacity: 0.8;
    text-align: right;
}

.xtreme-push-item__alert {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.8;
}

.xtreme-push-item__title {
    font-size: 16px;
    font-weight: 600;
}

.xtreme-push-trigger {
    background-color: #00a9ca;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 226 213"><path d="M16 163.6v-111c.6 1 1.7 2.1 3.3 3.2L90.2 108l-70.9 52.2c-1.6 1.3-2.7 2.4-3.3 3.4zM208.3 55.9l-70.9 52.2 70.9 52.2c1.6 1.1 2.6 2.2 3.3 3.2V52.6c-.7 1-1.8 2.1-3.3 3.3zM207 166l-73.6-54.3s-8.8 7.4-19.6 7.4c-10.4 0-19.6-7.4-19.6-7.4L20.5 166c-6.1 4.5-4.8 8.2 2.9 8.2h180.7c7.8 0 9.1-3.7 2.9-8.2zm-104.2-56c6 4.4 15.8 4.4 21.8 0L205 51.3c6-4.4 4.7-8-2.9-8H25.3c-7.6 0-8.9 3.6-2.9 8l80.4 58.7z" fill-rule="evenodd" clip-rule="evenodd" fill="%23fff"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 100%;
    box-shadow: 0px 0px 6px #00a9ca;
    bottom: 20px;
    left: 20px;
    cursor: pointer;
    display: flex;
    height: 65px;
    line-height: 65px;
    position: fixed;
    text-align: center;
    transition: background-color ease-in-out 250ms;
    width: 65px;
    z-index: 9999999;
}

.xtreme-push-trigger:hover {
    background-color: #00d4fd;
}

.xtreme-push-trigger__number {
    background-color: transparent !important; /*overrides xtremepush JS generated styles*/
    color: transparent !important; /*overrides xtremepush JS generated styles*/
    font-size: 13px;
    position: absolute;
    line-height: 13px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 8px;
    border-radius: 20px;
    box-shadow: none !important; /*overrides xtremepush JS generated styles*/
}

.xtreme-push-trigger[data-position="bottom-left"] {
    bottom: 20px;
    left: 20px;
}

.xtreme-push-trigger[data-position="top-left"] {
    bottom: auto;
    left: 20px;
    right: auto;
    top: 20px;
}

.xtreme-push-trigger[data-position="bottom-right"] {
    bottom: 20px;
    left: auto;
    right: 20px;
    top: auto;
}

.xtreme-push-trigger[data-position="top-right"] {
    bottom: auto;
    left: auto;
    right: 20px;
    top: 20px;
}

.xtreme-push-trigger[data-position="top-right"] .xtreme-push-trigger__number,
.xtreme-push-trigger[data-position="top-left"] .xtreme-push-trigger__number {
    bottom: -10px;
}

.xtreme-push-trigger[data-position="bottom-right"] .xtreme-push-trigger__number,
.xtreme-push-trigger[data-position="bottom-left"] .xtreme-push-trigger__number {
    top: -10px;
}

.xtreme-push-trigger__burger-indictor {
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    right: -5px;
    height: 5px;
    width: 5px;
}

#webpush-notification-center {
    width: 450px !important; /*overrides xtremepush JS generated styles*/
    z-index: 99999999;
}

.webpush-notification-center-item {
    transition: background ease-in-out 250ms;
}

#webpush-notification-center #webpush-notification-center-header {
    background-color: #00a9ca;
    border-bottom-width: 0px;
}

#webpush-notification-center #webpush-notification-center-header #webpush-notification-center-title {
    font-size: 16px;
    letter-spacing: initial;
}

#webpush-notification-center.webpush-notification-center-color-dark {
    background: #2F2F31;
    box-shadow: 0px 0px 6px #2F2F31;
}

#webpush-notification-center #webpush-notification-center-icon {
    display: none;
}

.xtreme-push-item__show-more {
    justify-content: center;
}

.xtreme-push-item__show-more span {
    margin-right: 8px;
}

.xtreme-push-item__chevron {
    fill: #fff;
    height: 16px;
    width: 16px;
}

/*styles bellow override xtremepush JS generated styles*/
.xtreme-push-indicator {
    border-radius: 100% !important; 
    height: 10px !important; 
    position: absolute !important; 
    top: 0 !important; 
    width: 10px !important; 
}

.xtreme-push-trigger__mobile-menu span {
    position: relative;
}

.xtreme-push-trigger__number[data-value]:not([data-value='']):after {
    content: attr(data-value);
    padding: 5px 9px;
    position: absolute;
    right: -5px;
    top: 0px;
    background-color: #2F2F31;
    color: #fff;
    border-radius: 100%;
    font-size: 13px;
}

.xtreme-push-trigger__mobile-menu .xtreme-push-trigger__number {
    position: absolute;
    right: 0;
}