#dropdownMenuButton{
  background-color: #fff;
}
.media {
  display: block;
}

.modal-dialog {
  z-index: 9999;
}

.modal-backdrop.show {
  z-index: 0;
}

.modal-header {
  border-bottom: 0px solid #dee2e6;
  color: #444;
}

.modal-body {
  font-weight: 300;
}

.table th,
.table td {
  border-top: 0px solid #dee2e6;
}

.dropdown-filters {
background: transparent !important;
background-color: transparent !important;
border-color: transparent !important;
border: none !important;
color: #fff !important;
display: flex;
align-items: center;
}
.dropdown-filters:hover {
background: transparent !important;
border: none !important;
}
.dropdown-filters:active {
background-color: #ff460b !important;
border-color: #ff460b !important;
}
.dropdown-filters:focus {
box-shadow: 0 0 0 0.08rem #ff460b;
}
.filters-dropdowns {
margin: 0 1rem 0 2.5rem;
}
.filters {
/* display: flex;
padding: 0.5rem;
background: #000;
justify-content: center; */
background-color: #000;
display: flex;
max-width: 100%;
margin: 0 auto;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
justify-content: center;
/* position: relative; */
}
.provider-items {
display: flex;
align-items: center;
justify-content: center;
}
.provider-items--spans {
color: #fff;
}
.thin-logos {
margin-top: auto;
padding-bottom: 0.5rem;
}
.filter-menus {
background: #2c2c2c;
padding-top: 0;
padding-bottom: 0;
}
.provider-filter-menu {
padding-top: 8px;
padding-bottom: 8px;
}
.sort-items, .bet-items {
color: #fff;
}
.dropdown-item.bet-items:not(:last-child),
.dropdown-item.sort-items:not(:last-child),
.dropdown-item.provider-items--spans:not(:last-child) {
border-bottom: 1px solid rgb(255 255 255 / 40%);
}
.home-providers-logo:hover{
/* border: 1px solid #ff460b; 
 border-radius: 10px;*/
background-color: #ff460b;
border-radius: 10px;
cursor: pointer;
height: 80%;
}

.home-providers-logo {
border-radius: 10px;
cursor: pointer;
height: 80%;
display: flex;
align-items: center;
}


@media only screen and (min-width:1025px) and (max-width: 1440px) {
.filters {
  padding-left: 0;
  margin-left: -1rem;
}
.modalcontentExcl {
  width: 46%;
  left: 26%;
  top: 15%;
}
}

@media only screen and (max-width:1024px) {
  .winnersData{
  
    display: inline-flex;
    animation: 590s slidesWin infinite linear;
  }
  .winnersData>div{
    margin: 0 4px;
    white-space: nowrap;
  } 
  .winnersData:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
  }
/* #myProvModal{
  left: -67px;
} */
.provider-items {
  flex-direction: column;
}
.thin-logo-images {
  margin-top: 0.25rem;
}

.thin-logo-images-GR {
  margin-top: 0.5rem;
}

.blue-WC-wrapper {
  padding-left: 0;
}

.filters {
  padding-left: 0;
  justify-content: left;
}

.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  padding-left: 86px;
}
}

@media only screen and (max-width: 768px) {
  .modalcontentExcl {
    width: 81% !important;
    left: 6% !important;
    top: 15%;
    height: 64% !important;
  }
  .provmodal-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
    margin-left: -20px;
}
.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: -10px;
  padding-left: 31px;
}
}

@media only screen and (max-width:425px) {
  .winnersData{
  
    display: inline-flex;
    animation: 450s slidesWin infinite linear;
  }
  .winnersData>div{
    margin: 0 4px;
    white-space: nowrap;
  } 
  .winnersData:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
  }
.filters-dropdowns {
  margin: 0;
}

.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: 0;
  padding-left: 6px;
  /* justify-content: center; */
}
}

@media only screen and (min-width:376px) and (max-width: 384px) {
  
.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: -16px;
  padding-left: 16px;
}
.provmodal-dialog{
  width: 96%;
}
}

@media only screen and (min-width:385px) and (max-width: 393px) {
.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: -7px;
  padding-left: 7px;
}

.modalcontentProv{
  width: 101% !important;
  /* height: 96% !important; */
  top: 39px;
}
.provmodal-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: baseline;
}
.provmodal-dialog{
width: 96% !important;
}


}

@media only screen and (min-width:394px) and (max-width: 404px) {
.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: 0;
  padding-left: 8px;
}
}

@media only screen and (max-width: 375px) {
.habanero-games-container, .habanero-games-container-home {
  padding-left: 5px;
}
}

@media only screen and (max-width: 360px) {
.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: -2px;
  padding-left: 0px;
}
}

@media only screen and (max-width: 364px) {
.habanero-games-container, .habanero-games-container-home {
  margin: 0;
  margin-left: 3px;
  padding-left: 0;
}
}

@media only screen and (max-width: 320px) {
.habanero-games-container, .habanero-games-container-home {
  margin-left: 2px;
}
}

@media screen and (max-width:720px){
  .provRT{
    position: relative;
    top: -10px;
  }
  .provNE{
    position: relative;
    top: -13px;
  }
  .provNLC{
      position: relative;
      top: -8px;
  }
  .provAv{
    position: relative;
    top: -12px;
  }
  .provES{
    position: relative;
    top: -7px;
}
.provEND{
  position: relative;
  top: -6px;
}
.proJik{
  position: relative;
  bottom: -2px;

  }
  .proSL{
    position: relative;
    top: -9px;
  }
  .proGWM{
    width: 6rem !important;
    height: 3rem !important;
}
  }
  .proBTG{
    position: relative;
    top: -4px;
}
.proEzu{
  position: relative;
  top: -8px;
}
  
  .provmodal-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
    margin-left: -20px;
}
.prov-span{
  margin-left: 17px;
}
.provmodal-dialog{
  width: 79%;
}
.filter-WC-arrows-left {
  left: 0;
  top: 47px;
  /* height: 100%; */
  /* background: #000; */
  display: flex !important;
  align-items: center;
  /* padding: 0 5px 11px; */
}

.filter-WC-arrows-right {
  right: 0;
  top: 47px;
  /* height: 100%;
  background: #000; */
  display: flex !important;
  align-items: center;
  /* padding: 0 0 11px 10px; */
}
.filters{
padding-left: 0px !important;
padding-top: 5px;
padding-bottom: 5px;
justify-content: flex-start;
width: 115% !important;
width: 100%;
}
.filter-scrollmenu-arrows-hidden {
  display: block;
  position: absolute;
}
#myProvModal{
width: 98% !important;
overflow: auto;
height: 94%;
}
.provmodal-body{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
}
.modalcontentExcl {
  width: 81%;
  left: 6%;
  top: 15%;
}


.filter-scrollmenu-arrows-hidden
{
display:none
}
.modalcontentExcl{
  top: 24%;
  width: 50%;
  left: 20%;

}
.recentWiNS{
  display: inline-flex;
  width: 111px;
  color: red;
  z-index: 1;
    background-color: black;
}
@keyframes slidesWin {
  from
  {
    transform: translateX(100);
  }
  to{
transform: translateX(-100%);
  }
}
.Wincarousel{
  overflow: hidden;
  /* padding: 60px 0; */
  display: inline-flex;
  flex-wrap: nowrap;
  /* background-color: #232323; */
 font-family: sans-serif;
 color: white;
}
.recentScrll{
  display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
}

.rand{
color: red;
}
.WinAmount{
  color: green;
}

.gameUrl{
  color: #FFF;

}
.gameUrl:hover{
  color: #FFF !important;
  text-decoration:underline #FFF;
}
.vegaspromoImg{
  width: 4rem !important;
}
  .proGWM{
    width: 6rem !important;
    height: 3rem !important;
}