.gamebox-favourite i,
.deposit-money i {
  padding: 0.25rem 0.28rem 0.28rem 0.25rem;
  background-color: #f60a20;
  border-radius: 50%;
  margin: 0.5rem;
}

.gamebox-favourite,
.mini-gamebox-item .gamebox-favourite,
.deposit-money {
  position: absolute;
  bottom: 5px;
  z-index: 1;
  color: #ffff00;
}
.gamebox-favourite,
.deposit-money {
  top: -10px;
  bottom: auto;
}
.gamebox-favourite {
  right: -10px;
}
.deposit-money {
  left: -10px;
  color: #fff;
}

.mini-gamebox-item .gamebox-favourite {
  right: 5px;
  left: auto;
}
.gamebox-favourite.jackpots-favourite-icon {
  bottom: -50%;
}

/* FAVOURITE GAMES
---------------------------------------------------------------------------------*/
nav#bottom-nav.show {
  opacity: 1;
  transition: 0.5s;
  background-color: #f60a20;
  position: fixed;
  bottom: 0;
  z-index: 15;
  width: 100%;
  height: 33px;
  left: 0;
  padding: 0;
}

nav#bottom-nav.show h1 {
  display: inline-block;
  font-size: 1.2rem;
  padding-left: 0.5rem;
  padding-top: 0.25rem;
  text-shadow: 1px 2px 1px #1a1a1a;
  color: #fff;
}
nav#bottom-nav.right h1,
nav#bottom-nav.left h1 {
  display: none;
}

nav#bottom-nav.show .gamebox-wrapper,
nav#bottom-nav.right .gamebox-wrapper,
nav#bottom-nav.left .gamebox-wrapper {
  display: inline-block;
  position: relative;
}
nav#bottom-nav.show > section,
nav#bottom-nav.right > section,
nav#bottom-nav.left > section {
  padding: 0;
}

section#recent {
  float: right;
  bottom: 0;
  top: 50%;
}

#gameList-favourites .game,
#gameList-recent .game {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0;
}
#gameList-favourites .game,
#gameList-favourites .game img,
#gameList-recent .game,
#gameList-recent .game img {
  width: 80px;
  height: 64px;
}

#gameList-favourites .game-name-tooltip.morethan3,
#gameList-recent .game-name-tooltip.morethan3 {
  bottom: 0;
}

#gameList-favourites .game img,
#gameList-recent .game img {
  border-radius: 8px;
  border: 2px solid #333;
  background-color: #fff;
}
#gameList-recent .game-name-tooltip:hover {
  bottom: 18px;
  bottom: 40px;
  transition: bottom 0.5s;
}
#gameList-favourites .game-name-tooltip:hover {
  bottom: 18px;
  bottom: 40px;
  transition: bottom 0.5s;
}

#gameList-recent .game-name-tooltip.morethan3:hover {
  bottom: 18px;
  transition: bottom 0.5s;
}
#gameList-favourites .game-name-tooltip.morethan3:hover {
  bottom: 18px;
  transition: bottom 0.5s;
}

.remove-favourite {
  cursor: pointer;
}

#gameList-favourites .game:after,
#gameList-recent .game:after,
.remove-favourite,
nav#bottom-nav.hide {
  display: none;
}

.gamebox-favourite,
.mini-gamebox-item .gamebox-favourite {
  position: absolute;
  bottom: 5px;
  z-index: 1;
  color: #ffff00;
}
.gamebox-favourite {
  left: 5px;
  height: 21px;
  width: 21px;
  cursor: pointer;
  font-size: 20px;
}

.mini-gamebox-item .gamebox-favourite {
  right: 5px;
  left: auto;
}

/* DROPPABLE MENU -- ADRIANO
---------------------------------------------------------------------------------*/
.leftDropZone {
  left: 0;
}

.rightDropZone {
  right: 0;
  direction: rtl;
  text-align: right;
}

.leftDropZone,
.rightDropZone,
.leftDropZone > #bottom-nav,
.rightDropZone > #bottom-nav {
  position: fixed;
  top: 0;
  width: 33px;
  height: 100%;
  z-index: 2;
  display: none;
  opacity: 1;
  box-shadow: 1px 0 15px 1px #000;
  padding-top: 6rem;
}

.leftDropZone > #bottom-nav,
.rightDropZone > #bottom-nav {
  display: block;
}

.leftDropZone > #bottom-nav {
  left: 0;
}

.rightDropZone > #bottom-nav {
  right: 0;
}

.bottomDropZone,
.bottomDropZone > #bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  z-index: 11;
  opacity: 1;
  box-shadow: 1px 0 15px 1px #000;
}

.bottomDropZone section {
  padding: 0;
  width: 50%;
  float: left;
}

.bottomDropZone #gameList-favourites,
.bottomDropZone #gameList-recent {
  display: flex;
  overflow-x: auto;
  position: relative;
  top: -25px;
  overflow-y: hidden;
}
.bottomDropZone:hover #bottom-nav {
  height: 5rem;
  transition: all 0.5s;
}
.bottomDropZone #favourite-games i.fa {
  margin-left: 0;
}
.bottomDropZone #recent i.fa {
  margin-right: 0;
}

#bottom-nav h1 {
  font-size: 1rem;
  display: inline-block;
}

.dragzone {
  background-color: rgba(246, 10, 32, 0.5);
  border: 2px dashed #000;
}

.dragover {
  background-color: rgba(92, 184, 92, 0.44);
}

.leftDropZone section,
.rightDropZone section {
  max-height: 50%;
  overflow: hidden;
  position: absolute;
}

.leftDropZone section:hover {
  overflow-y: auto;
  width: 100px;
}

.rightDropZone section:hover {
  overflow-y: auto;
  width: 100px;
}

.leftDropZone #bottom-nav h1,
.rightDropZone #bottom-nav h1 {
  display: none;
}

.leftDropZone .gamebox-wrapper {
  margin-left: -50px;
}

.rightDropZone .gamebox-wrapper {
  margin-right: -50px;
}

.rightDropZone .remove-favourite {
  top: -11px;
  left: -35px;
  position: absolute;
}

.leftDropZone .remove-favourite {
  top: -10px;
  right: -40px;
  position: absolute;
}

.bottomDropZone .remove-favourite {
  top: -10px;
  /*right: 12px;*/
  right: -5px;
  position: absolute;
}

.leftDropZone .gamebox-image-container:hover {
  margin-left: 40px;
  transition: all 0.5s;
}

.rightDropZone .gamebox-image-container:hover {
  margin-right: 37px;
  transition: all 0.5s;
}

.gamebox-image-container {
  position: relative;
}

.gamebox-image-container:hover .remove-favourite {
  display: block;
}

.bottom-nav-title {
  float: left;
  padding: 0.5rem;
}
.leftDropZone .bottom-nav-title,
.rightDropZone .bottom-nav-title {
  float: none;
  padding: 0 0.5rem;
}

/* Dockable Widget
---------------------------------------------------------------------------------*/
#bottom-nav {
  background-color: #c01817;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

/* RESPONSIVE FAVOURITES NAVBAR
---------------------------------------------------------------------------------*/
@media only screen and (max-width: 1080px) {
  nav#bottom-nav.show {
    height: 76px;
  }

  .bottomDropZone #bottom-nav {
    height: 2rem;
  }

  nav#bottom-nav.show h1 {
    display: none;
  }

  section#favourite-games .gamebox-wrapper {
    margin-left: 0;
  }

  .slick-prev,
  .slick-next {
    top: 7px;
  }
}