::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}
#ZoomBox img {
    will-change: transform;
}
.colorDiv{
	display: contents;
	}
	
#bgwrapper{
	display: none;
}
#nav{
	position: fixed;
	overflow-y: auto;
    height: 100%;
    direction:rtl;
    background-image: linear-gradient(to right,#0000007d 0%, #0000007d 30%, transparent 100%);
    left:0;
}
#nav div{
	direction:ltr; 
}
#content{
	    margin-left: 50px;
}
#bgimgs.lowRating05 a.r00,

#bgimgs.lowRating1 a.r05,

#bgimgs.lowRating15 a.r10,

#bgimgs.lowRating2 a.r15,

#bgimgs.lowRating25 a.r20,

#bgimgs.lowRating3 a.r25,

#bgimgs.lowRating35 a.r30,

#bgimgs.lowRating4 a.r35,

#bgimgs.lowRating45 a.r40,

#bgimgs.lowRating5 a.r45,

#bgimgs.highRating0 a.r00,

#bgimgs.highRating05 a.r10,

#bgimgs.highRating1 a.r15,

#bgimgs.highRating15 a.r20,

#bgimgs.highRating2 a.r25,

#bgimgs.highRating25 a.r30,

#bgimgs.highRating3 a.r35,

#bgimgs.highRating35 a.r40,

#bgimgs.highRating4 a.r45,

#bgimgs.highRating45 a.r50{
	display: none !important;
}

	#bgimgs.collapse a{
		max-height: 500px !important;
	}
	body{
		background: #6081f3;
	}
#bgimgs.cardPool a.tLandhide,	#bgimgs.cardPool a.cWhitehide, #bgimgs.cardPool a.cBluehide, #bgimgs.cardPool a.cBlackhide, #bgimgs.cardPool a.cRedhide, #bgimgs.cardPool a.cGreenhide, #bgimgs.cardPool a.cColorlesshide, #bgimgs.cardPool a.cMultihide,
	#bgimgs.cardPool a.rMythichide, #bgimgs.cardPool a.rRarehide, #bgimgs.cardPool a.rUncommonhide, #bgimgs.cardPool a.rCommonhide,
	#bgimgs.cardPool a.tCreaturehide, #bgimgs.cardPool a.tInstanthide, #bgimgs.cardPool a.tSorceryhide, #bgimgs.cardPool a.tEnchantmenthide, #bgimgs.cardPool a.tArtifacthide, #bgimgs.cardPool a.tPlaneswalkerhide{
		
	}
	
	.tLand, .cWhite, .cBlue, .cBlack, .cRed, .cGreen, .cColorles, .cMulti,
	.rMythic, .rRare, .rUncommon, .rCommon,
	.tCreature, .tInstant, .tSorcery, .tEnchantment, .tArtifact, .tPlaneswalker{
		
	}
	
#bgimgs.tLandhide a.tLand,	#bgimgs.cWhitehide a.cWhite, #bgimgs.cBluehide a.cBlue, #bgimgs.cBlackhide a.cBlack, #bgimgs.cRedhide a.cRed, #bgimgs.cGreenhide a.cGreen, #bgimgs.cColorlesshide a.cColorless, #bgimgs.cMultihide a.cMulti,
	#bgimgs.rMythichide a.rMythic, #bgimgs.rRarehide a.rRare, #bgimgs.rUncommonhide a.rUncommon, #bgimgs.rCommonhide a.rCommon,
	#bgimgs.tCreaturehide a.tCreature, #bgimgs.tInstanthide a.tInstant, #bgimgs.tSorceryhide a.tSorcery, #bgimgs.tEnchantmenthide a.tEnchantment, #bgimgs.tArtifacthide a.tArtifact, #bgimgs.tPlaneswalkerhide a.tPlaneswalker{
		display: none !important;
	}
	
	#bgimgs:not(.cMultihide) a:not(.cMulti) {
		/*display: none !important;*/
	}
	
	
	#nav .switchlabel{
		background: #ffffff8a;
    vertical-align: top;
    border-radius: 10px;
	}
		a span{
			background: #ffc10785;
    		border-radius: 10px;
			color: #607D8B;
    		margin: -10px 2px 0 2px;
    		position: absolute;
    		top: 20px;
    		right: 60px;
    		text-shadow: white -1px -1px 1px, grey 2px 2px 3px, grey -2px -2px 3px;
    		font-weight: bold;
		}
		#bgimgs a:hover{
			z-index:9 !important;
			transform: translate(10px, 0px);
		}
		label{
			position: relative;
			z-index: 100;
		}
		
		/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
@media only screen and (max-width: 1400px) {
	.cardPool{
		column-count: 5;
	}
	#bgimgs.cardPool a{
		max-height:30px;
	}
		a span{
		font-size: 1.2em;
		right:43px;
		top:10px;
	}
}
@media only screen and (max-width: 1000px) {
	.cardPool{
		column-count: 4;
	}
	#bgimgs.cardPool a{
		max-height:28px;
	}
	a span{
		font-size: 1.2em;
		right:33px;
		top:10px;
	}
}
@media only screen and (max-width: 800px) {
	.cardPool{
		column-count: 2;
	}
		a span{
		font-size: 1.2em;
		right:50px;
		top:12px;
	}
}
@media only screen and (max-width: 600px) {
	.cardPool{
		column-count: 1;
	}
	#bgimgs.cardPool a{
		max-height:50px;
	}
	a span{
		font-size: 1.7em;
		right:80px;
		top:17px;
	}
}