/* from skins */
html .bg-secondary {
    background-color: #171B1F !important;
}
html .bg-tertiary {
    background-color: #12161A !important;
}
.custom-spotify-hover-effect:hover {
    background: #24cf5f;
}
.custom-amazon-hover-effect:hover {
    background: #ff9b00;
}
.custom-rules-hover-effect:hover {
    background: #ab47bc;
}
html .text-color-light, html .text-light {
    color: #FFF !important;
}

/* general CSS */
.overlay.overlay-op-8:hover::before, .overlay.overlay-op-8.overlay-show::before, .overlay.overlay-op-8.show::before {
    opacity: 0.4;
}
.rslogo1{
	width: 100%;
	animation-name: FadeIn;
	animation-duration: 7s;
	transition-timing-function: linear;
}
.custom-circle.custom-circle-big {
  width: 82px;
  height: 82px;
}
.custom-circle.custom-circle-medium {
  width: 52px;
  height: 52px;
}
.custom-circle.custom-circle-small {
  width: 23px;
  height: 23px;
}
.outer_ring_bgs {
  border-radius: 100%;
  width: 146px;
  height: 146px;
}

.custom-circle.custom-circle-pos-14 {
  left: 55%;
}
.custom-circle.custom-circle-pos-15 {
  left: 50%;
}
.custom-circle.custom-circle-pos-16 {
  left: 75%;
}

/* footer */
.footer_logo {
    width: 30px;
}
.logo_instagram{
	padding: 5px;
}

/* qr reader */
#qr-reader{
	border: 1px solid transparent !important;
}
#qr-reader__scan_region img{
	width: 45%;
}
#qr-reader__camera_selection {
    padding: 5px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    margin: 5px 15px 15px 15px;
}
#qr-reader__dashboard_section_csr{
	font-size: 20px;
	color: white;
}
#qr-reader__dashboard_section_csr span button{
	padding: 5px;
	border-radius: 5px;
	font-size: 20px;
}
#qr-reader__dashboard_section_swaplink {
    display: none !important;
}

/* for animations */
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}