:root {
  --bingoPage-maxWidth: 1680px;
  --bingoPage-gridTemplateColumns: 1fr 3fr 1fr;
}

.bingoPage {
  max-width: var(--bingoPage-maxWidth);
  margin: auto;
  padding: 10px 20px;
}
.bingoPage__content {
  display: grid;
  grid-gap: 20px;
  grid-template-areas: "bingoSection--miniBanner1      bingoSection--mainBanner        bingoSection--miniBanner2" "bingoSection--leftSection      bingoSection--centralSection    bingoSection--rightSection";
  grid-template-columns: var(--bingoPage-gridTemplateColumns);
  grid-template-rows: auto max-content;
}
.bingoPage__content > * {
  min-width: 0;
  min-height: 0;
}

.bingoSection--miniBanner1 {
  grid-area: bingoSection--miniBanner1;
}
.bingoSection--miniBanner2 {
  grid-area: bingoSection--miniBanner2;
}
.bingoSection--mainBanner {
  grid-area: bingoSection--mainBanner;
}
.bingoSection--leftSection {
  grid-area: bingoSection--leftSection;
}
.bingoSection--centralSection {
  grid-area: bingoSection--centralSection;
}
.bingoSection--rightSection {
  grid-area: bingoSection--rightSection;
}
.bingoSection__child {
  min-width: 0;
  min-height: 0;
  height: 100%;
  width: 100%;
}

.banner__img {
  display: block;
  width: 100%;
  height: auto;
}

.bingoCarousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

/* CSS WIDGET ULTIME VINCITE IN CASO DI COMPONENTE */

:root {
  --widgetBingo-header-background: #0d223d;
  --widgetBingo-header-color: #fff;
  --widgetBingo-body-background: #fff;
  --widgetBingo-body-color: #0d223d;
  --widgetBingo-body-border: 1px solid #ccc;
  --widgetBingo-slide-image-color: #0d223d;
  --widgetBingo-slide-primary-color: #0d223d;
  --widgetBingo-slide-secondary-color: #0699e6;
  --widgetBingo-slide-dots-color: #0699e6;
}

.widgetBingo {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.widgetBingo .carousel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.widgetBingo .carousel-inner {
  order: 1;
  margin-bottom: 12px;
}
.widgetBingo .carousel-indicators {
  margin-bottom: 0;
  position: relative;
  order: 2;
}
.widgetBingo .carousel-indicators > * {
  background-color: var(--widgetBingo-slide-dots-color);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: none;
}
.widgetBingo__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--widgetBingo-header-background);
  padding: 8px 10px;
}
.widgetBingo__header__text {
  min-width: 0;
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--widgetBingo-header-color);
}
.widgetBingo__header__text span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widgetBingo__header__badge {
  width: 20px;
  height: 20px;
  background-color: var(--widgetBingo-header-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M572.1 82.38C569.5 71.59 559.8 64 548.7 64h-100.8c.2422-12.45 .1078-23.7-.1559-33.02C447.3 13.63 433.2 0 415.8 0H160.2C142.8 0 128.7 13.63 128.2 30.98C127.1 40.3 127.8 51.55 128.1 64H27.26C16.16 64 6.537 71.59 3.912 82.38C3.1 85.78-15.71 167.2 37.07 245.9c37.44 55.82 100.6 95.03 187.5 117.4c18.7 4.805 31.41 22.06 31.41 41.37C256 428.5 236.5 448 212.6 448H208c-26.51 0-47.99 21.49-47.99 48c0 8.836 7.163 16 15.1 16h223.1c8.836 0 15.1-7.164 15.1-16c0-26.51-21.48-48-47.99-48h-4.644c-23.86 0-43.36-19.5-43.36-43.35c0-19.31 12.71-36.57 31.41-41.37c86.96-22.34 150.1-61.55 187.5-117.4C591.7 167.2 572.9 85.78 572.1 82.38zM77.41 219.8C49.47 178.6 47.01 135.7 48.38 112h80.39c5.359 59.62 20.35 131.1 57.67 189.1C137.4 281.6 100.9 254.4 77.41 219.8zM498.6 219.8c-23.44 34.6-59.94 61.75-109 81.22C426.9 243.1 441.9 171.6 447.2 112h80.39C528.1 135.7 526.5 178.7 498.6 219.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M572.1 82.38C569.5 71.59 559.8 64 548.7 64h-100.8c.2422-12.45 .1078-23.7-.1559-33.02C447.3 13.63 433.2 0 415.8 0H160.2C142.8 0 128.7 13.63 128.2 30.98C127.1 40.3 127.8 51.55 128.1 64H27.26C16.16 64 6.537 71.59 3.912 82.38C3.1 85.78-15.71 167.2 37.07 245.9c37.44 55.82 100.6 95.03 187.5 117.4c18.7 4.805 31.41 22.06 31.41 41.37C256 428.5 236.5 448 212.6 448H208c-26.51 0-47.99 21.49-47.99 48c0 8.836 7.163 16 15.1 16h223.1c8.836 0 15.1-7.164 15.1-16c0-26.51-21.48-48-47.99-48h-4.644c-23.86 0-43.36-19.5-43.36-43.35c0-19.31 12.71-36.57 31.41-41.37c86.96-22.34 150.1-61.55 187.5-117.4C591.7 167.2 572.9 85.78 572.1 82.38zM77.41 219.8C49.47 178.6 47.01 135.7 48.38 112h80.39c5.359 59.62 20.35 131.1 57.67 189.1C137.4 281.6 100.9 254.4 77.41 219.8zM498.6 219.8c-23.44 34.6-59.94 61.75-109 81.22C426.9 243.1 441.9 171.6 447.2 112h80.39C528.1 135.7 526.5 178.7 498.6 219.8z'/%3E%3C/svg%3E");
}
.widgetBingo__body {
  flex: 1 1 0;
  padding: 40px;
  background: var(--widgetBingo-body-background);
  color: var(--widgetBingo-body-color);
  border: var(--widgetBingo-body-border);
}
.widgetBingo__slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.widgetBingo__slide > * {
  max-width: 100%;
}
.widgetBingo__slide__image {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 100%;
  background: var(--widgetBingo-slide-image-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c39.77 0 72 32.24 72 72S295.8 272 256 272c-39.76 0-72-32.24-72-72S216.2 128 256 128zM256 448c-52.93 0-100.9-21.53-135.7-56.29C136.5 349.9 176.5 320 224 320h64c47.54 0 87.54 29.88 103.7 71.71C356.9 426.5 308.9 448 256 448z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c39.77 0 72 32.24 72 72S295.8 272 256 272c-39.76 0-72-32.24-72-72S216.2 128 256 128zM256 448c-52.93 0-100.9-21.53-135.7-56.29C136.5 349.9 176.5 320 224 320h64c47.54 0 87.54 29.88 103.7 71.71C356.9 426.5 308.9 448 256 448z'/%3E%3C/svg%3E");
}
.widgetBingo__slide__userName {
  font-size: 20px;
  font-weight: bold;
  color: var(--widgetBingo-slide-primary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widgetBingo__slide__gameName {
  font-size: 14px;
  font-weight: bold;
  color: var(--widgetBingo-slide-secondary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widgetBingo__slide__amountWon {
  font-size: 14px;
  font-weight: bold;
  color: var(--widgetBingo-slide-primary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#main-container {
	max-width: 85%;
}

.carousel-control-prev {
	background-color: transparent;
}

.carousel-control-next {
	background-color: transparent;
}