/* Header */

.bg-custom {
  background-color: #101010;
  border-bottom: 1px;
}

header {
	background: #0f0f0f!important;
}

header .form-control {
  border: 1px solid #232021;
  background-color: #232021;
  color: #fff !important;
}

header  .form-control:focus{
  border: 1px solid #232021;
  background-color: #232021;
  color: #fff !important;
}

header  ::placeholder {
  color: #fff !important;
  font-size: 15px;
  opacity: .5 !important;
}

section.site-header {
  background: #101010;
  border: 1px solid #1a1a1a;
  height: 100px;
}

section.site-header ul.navbar-nav li.nav-item a.nav-link {
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: 400;
}
section.site-header ul.navbar-nav li.nav-item a.nav-link:hover {
	background: #232021;
	color: #ED5D8F;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* Header */

/* Body */

.dashboard {
	background-color: #101010;
  	border-bottom: 1px;
  	color: #fff;
}

.dashboard h1,
.dashboard h2,
.dashboard h3,
.dashboard h4,
.dashboard h5,
.dashboard h6 {
	color: #ED5D8F;
	line-height: 10px;
}

.dashboard .card {
	background: #1e2124!important;
	color: #fff!important;
	border-radius: 0;
}

.dashboard .card .card-header {
	background: #151819;
}

.dashboard .card .card-header,
.dashboard .card .card-body {
	background: none;
}

.dashboard ul.nav.flex-column li.nav-item a.nav-link {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	text-transform:uppercase;
	margin: 0;
	border-bottom: 3px solid #1e2124;
}

.dashboard ul.nav.flex-column li.nav-item a.nav-link:hover,
.dashboard ul.nav.flex-column li.nav-item a.nav-link.active
 {
 	background: rgb(253,208,23,0.3);
	color: #ED5D8F;
	border-bottom: 3px solid #1e2124;
}

.dashboard ul.nav {
	border-bottom: 2px solid #1e2124;
}

.dashboard ul.nav li.nav-item a.nav-link {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	text-transform:uppercase;
	margin: 0;
	border-bottom: 3px solid #1e2124;
}

.dashboard ul.nav li.nav-item a.nav-link:hover,
.dashboard ul.nav li.nav-item a.nav-link.active
 {
 	background: rgb(253,208,23,0.3);
	color: #ED5D8F;
	border-bottom: 3px solid #1e2124;
}

.dashboard .form-control {
  border: 1px solid #151819;
  background-color: #151819;
  color: #fff !important;
}

.dashboard  .form-control:focus{
  border: 1px solid #151819;
  background-color: #151819;
  color: #fff !important;
}

.dashboard  ::placeholder {
  color: #fff !important;
  font-size: 15px;
  opacity: .5 !important;
}

.pro-jackpot {
	width: 100%;
	height: auto;
	margin: auto;
    margin-top: auto;
    margin-bottom: auto;
	text-align: center;
	position: relative;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.pro-jackpot .home-jackpot-content {
	background: url('../../upload/jackpot-bg.gif') no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: auto;
	color: #fff;
	text-shadow: -1px 0 #cc9f19,0 1px #cc9f19,1px 0 #cc9f19,0 -1px #cc9f19;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 2px;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* Body */

/* Footer */

.bg-footer {
  position: relative;
  background: #151819;
  width: 100%;
  border-top: 1px;
}

.product-tile__clip-path[data-v-10b0ebbe] {
  display: flex;
padding: 0;
  padding-top: 0px;
padding-top: 0px;
margin-top: -39px;
width: 100%;
height: 50px;
position: absolute;
top: -10px;
background-color: #151819;;
clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px));
-webkit-clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px));
}

.product-tile__clip-paths[data-v-10b0ebbe] {
  display: flex;
  padding: 0;
  padding-top: 0px;
  margin-top: -39px;
  width: 100%;
  height: 50px;
  position: relative;
  top: -10px;
  background-color: #ED5D8F;
  clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px));
  -webkit-clip-path: polygon(0 23%,6% 72%,12% 47%,18% 70%,24% 51%,32% 80%,38% 47%,44% 80%,50% 49%,56% 70%,60% 86%,66% 42%,72% 65%,78% 38%,84% 64%,90% 17%,96% 20%,100% 1%,100% calc(100% + 1px),0 calc(100% + 1px));
}


/* Footer */

/* Sidebar */

.sticky-left {
    position: fixed;
    top: 180px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background: #151819;
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav .side_navigation ul.nav.flex-column li.nav-item a.nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: line-height 0.3s ease-in-out;
  transition: line-height 0.3s ease-in-out;
  border-bottom: 1px dotted #ffc107;
}

.sidenav .side_navigation ul.nav.flex-column li.nav-item a.nav-link:hover {
  background: rgb(253,208,23,0.3);
  color: #ffc107!important;
}


@media screen and (max-width: 778px){
    .navbar-collapse {
        background:#1e2124;
    }
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}

.game {
  justify-content: center;
  width: auto;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#000!important;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
  top:90px;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }