/*@import "https://fonts.googleapis.com/css?family=Lato:300,400,700";


@font-face {
font-weight:400;
font-style:normal;
font-family:'codropsicons';
src:url(https://hohoushome.com/css/fonts/codropsicons/codropsicons.eot);
src:url(https://hohoushome.com/css/fonts/codropsicons/codropsicons.eot?#iefix) format("embedded-opentype"),url(https://hohoushome.com/css/fonts/codropsicons/codropsicons.woff) format("woff"),url(https://hohoushome.com/css/fonts/codropsicons/codropsicons.ttf) format("truetype"),url(https://hohoushome.com/css/fonts/codropsicons/codropsicons.svg#codropsicons) format("svg");
}
*/
body {
background-color:#E98B07;

}

* {
margin:0;
padding:0;
font-family:'Lato','Open Sans',Arial,sans-serif;
}
/*
MOVED ELSEWHERE
div#banner {
position:fixed;
top:0;
left:0;
background-color:#E4502C;
width:100%;
background-image:url(https://www.hohoushome.com/images/hohouhead.webp);
background-repeat:no-repeat;
background-position:100% -25px;
z-index:2;
}
*/
div#banner {
position:fixed;
top:0;
left:0;
background-color:#E4502C;
width:100%;
/*background-image:url(https://www.hohoushome.com/images/png/hohouhead.png);*/
background-repeat:no-repeat;
background-position:100% -25px;
z-index:2;
}

.build_title{
    display: block;
    font-size: 1.17em;
    /*margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;*/
    font-weight: bold;
    unicode-bidi: isolate;
}

.button{/*, input[type=submit], input[type=reset] {*/
 /* background-color: #04AA6D;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;*/
  text-align:center; 
  padding: 10px 24px; 
  border-radius: 8px; 
  border: 2px solid #E4502C;
  cursor: pointer; 
}
.button:hover{
	background-color:#F2C016;
}

#showhiddenbuilds{
	display:none;
	text-align:center;
	cursor:pointer;	
	background-color:#E4502C;
	padding: 10px 24px; 
	border-radius: 8px; 
	border: 2px solid #000;
}
/*
div#banner{
	background-color:#E4502C;
	
}*/
div#banner-placeholder{
	position: absolute;
	display:block;
	top: 0;
  	left: 0;
	/*height:160px;	*/
	width:100%;	
	
}


div#banner-content {
height:100px;
margin:0 auto;
padding:10px;
border:0 solid #000;
text-align:center;
}

div#banner a {
color:#FFF;
text-decoration:none;
cursor:pointer;
}

div#banner-content .title {
font-weight:300;
font-size:2em;
line-height:1.3em;
color:#fff;
/*
font-size:2.625em;font-family:'Lato',Arial,sans-serif;*/
}

div#banner-content .title_m {
font-weight:300;
font-size:2em;
line-height:1.3em;
color:#FF0000;
float:left;
/*
font-size:2.625em;font-family:'Lato',Arial,sans-serif;*/
}

/*
div#banner-content h1 {
font-weight:300;
font-size:2.625em;
line-height:1.3;
color:#fff;
}
*/

h1{
	font-size: 1.5em; /*font-size: 1.17em;*/
    font-weight: bold;
	color:#000;
}

h2{
	font-size: 1.17em; 
	font-weight: bold;
}

div#main-content {
max-width:1400px;
margin:auto;
padding:2%;
/*padding:145px 2% 10%;
padding:165px 2% 10%;
font-size: 16px;
color:#404339;*/

}

div#search-controls {
position: relative; 
/*top:190px; */
display: none;
margin:auto; 
height:50px; 

text-align: center; 
width: 95%;
/*display: flex;
height:20px;
justify-content: center;
align-items: center;
border: 2px solid #E4502C;
*/ 
}

div#searchexample {
/*font-family:'Lato',Arial,sans-serif;*/
font-size:12px;
color:#FFF;
font-weight: normal;
}

div#contentspacer {
width:100%;
height:15px;
}

#buildmon {
position:fixed;
top:145px;
left:0;
z-index:3;
}

@media screen and (min-width: 901px) {
	div#banner-content h1 {
	font-size:2.625em;
	}

	div#banner-content {
	height:100px;
	}
	
	.boxhead {
		position: sticky;
		top: 180px;

	}
	
	#build-search {
		margin:5px 0px;	
	}
	
	div#banner {
	background-position:100% -25px;
	}
	
	div#banner-placeholder{		
		/*height:160px;	*/	
		height:160px;		
	}
	
	div#search-controls {
		/*top:190px; */
		top:195px;
	}
	
	.buildexplaination, .explainmoves {
		font-size:16px;
	}
	
	#tabs li a {	
		font-size:small;
	}
	
	div#main-content {
		padding-top:185px;
	}
	

		
}

@media screen and (max-width: 900px) {
	div#banner-content h1 {
	font-size:1.625em;
	}
	
	.buildexplaination, .explainmoves {
		font-size:14px;
	}
	
	#tabs li a {	
		font-size: medium;
	}
	

		

	@media screen and (orientation:portrait) { 
		div#banner-content {
			height:60px;
			padding-top:0;
		}
		
		.boxhead {			
			position: sticky;
			top: 125px;
		}	
		
		div#banner-content .title {
			font-weight:300;
			font-size:2em;
			line-height:1.3em;			
			
			/*
			float:left;
			color:#FF0000;
			font-size:2.625em;font-family:'Lato',Arial,sans-serif;
			*/
		}
		
		#build-search {
			margin:3px 0px;	
		}
		
		div#banner {
			background-position:100% -75px;
		}
		
		div#banner-placeholder{			
			/*height:150px;	<-long display and landscape*/	
			height:100px;			
		}
		
		div#search-controls {
			margin-bottom:45px;
			top:115px;
			/*top:140px;*/
		}
		
		#buildmon {
			top:93px;
		}		
		
	}
	@media screen and (orientation:landscape) { 
		div#banner-content {		
			height:35px;
			padding-top:0;
		}
		
		.boxhead {			
			position: sticky;
			top: 110px;
		}
		
		div#banner-content .title {
			font-weight:300;
			font-size:2em;
			line-height:1.3em;			
			float:left;
			/*
			color:#FF0000;
			font-size:2.625em;font-family:'Lato',Arial,sans-serif;
			*/
		}
		
		
		#build-search {
			margin:10px 0px;	
		}
		
		div#banner {
		background-position:100% -123px;
		}
		
		div#banner-placeholder{			
			height:80px;				
		}
		
		div#search-controls {
			top:130px; 
			/*top:120px; */
		}

		#buildmon {
			top:75px;
		}
	}
 
	/*
	div#banner-content {	
	height:60px;
	padding-top:0;
	}
	*/

	

	div#searchexample {
	display:none;
	}

	div#genswap {
	font-size:12px;
	}

	div#contentspacer {
	height:2px;
	}

	div#main-content {
	padding-top:130px;
	}
	
	

	div#search-controls{
		top:140px;
	}

	.content, .intro-content{
		margin-top:-25px;
	}

	.genOption a {
	font-size:10px;
	}


}

.topnav {
overflow:hidden;
background-color:rgba(64,67,56,0.3);
text-align:center;
}

.topnav a {
padding:1px 9px;
/*padding:14px 16px;*/
font-size:17px;
/*color:#f2f2f2;
text-decoration:none;
text-align:center;
cursor:pointer;*/
}

.topnav a:hover {
background-color:#373B31;
color:#000;
}

.topnav a.active {
background-color:#4CAF50;
color:#fff;
}

#nav_home {
cursor:pointer;
}



.accordion {
    width: 100%;
}

.accordion-button {
    background-color: #E98B07;
    color: #444;
    cursor: pointer;	
	border-width: 1px 0px 0px 0px;
	border-style: dotted;    
    padding: 3px;
    width: 100%;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	
}

.accordion-button:hover, .active {
   /* background-color: #ccc;*/
}

.accordion-content {
    padding: 0 18px;
	text-align: center;
    display: none;
    overflow: hidden;
   /* background-color: #f9f9f9;*/
}


.flex-container {
padding:0;
margin:0;
list-style:none;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
justify-content:space-around;
}

/*
.flex-item {
padding:5px;
width:300px;
height:285px;
text-align:center;
color:#000;
}
*/
.flex-item {
padding:5px;
width:300px;
max-height:300px;
text-align:center;
margin-bottom: 20px;
color:#000;
}

.flex-video {
padding:5px;
width:85%;
max-width:750px;
padding-top:30px;
text-align:center;
color:#000;
}


.flex-button {
padding-bottom:5px;
width:284px;
height:55px;
}

.flex-chart {
width:85%;
}

.flex-offset {
margin-left:-20px;
}

.carousel {
display:none;
}

.hidden {
display:none;
}

.responsive {
width:90%;
max-width:612px;
height:auto;
}

.importantnote {
color:red;
font-weight:700;
}

.genOptionMenu {
display:none;
}

.genOption {
overflow:hidden;
text-align:center;
padding:1px;
}

.genOption a {
float:middle;
color:#f2f2f2;
text-align:center;
padding:5px;
text-decoration:none;
font-size:17px;
cursor:pointer;
}

.genOption a:hover {
background-color:#414339;
color:#000;
}

.genOption a.active {
background-color:#4CAF50;
color:#fff;
}

#pkheader {
color:#000;
font-size:20px;
margin-top:5px;
display:inline-block;
font-weight:700;
}

#tabs {
display:inline;
width:100%;
height:30px;
border-bottom:solid 1px #CCC;
padding-right:2px;
margin-top:10px;
}

a {
cursor:pointer;
}

#tabs li {
float:left;
list-style:none;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
margin-right:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
outline:none;
}

#tabs li a {
font-family:Arial,Helvetica,sans-serif;
font-size:medium;
font-weight:700;
color:#fff;
display:block;
background:#404338;
border-top-left-radius:3px;
border-top-right-radius:3px;
text-decoration:none;
outline:none;
padding:5px 6px 8px;
}

#tabs li a:visited {
    text-decoration: none;
    color: #FFF;
}

#tabs li a.inactive {
color:#FFF;
background:#E4502C;
outline:none;
border-bottom:solid 1px #CCC;
padding:5px 8px 8px;
}



#tabs li a:hover,#tabs li a.inactive:hover {
color:#FFD140;
outline:none;
}

.tabcontainer {
clear:both;
width:100%;
border-left:solid 0 #CCC;
border-right:solid 0 #CCC;
border-bottom:solid 0 #CCC;
text-align:left;
padding-top:20px;
}

.tabcontainer h2 {
margin-left:15px;
margin-right:15px;
margin-bottom:10px;
color:#E4502C;
}

.tabcontainer ul {
margin-left:25px;
font-size:small;
line-height:1.4;
list-style-type:disc;
}

.tabcontainer li {
padding-bottom:5px;
margin-left:5px;
}

.divider {
display:table;
font-size:24px;
text-align:center;
width:75%;
margin:40px auto;
}

.divider span {
display:table-cell;
position:relative;
}

.divider span:first-child,.divider span:last-child {
width:50%;
top:13px;
-moz-background-size:100% 2px;
background-size:100% 2px;
background-position:0 0,0 100%;
background-repeat:no-repeat;
}

.divider span:first-child {
background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(#000));
background-image:-webkit-linear-gradient(180deg,transparent,#000);
background-image:-moz-linear-gradient(180deg,transparent,#000);
background-image:-o-linear-gradient(180deg,transparent,#000);
background-image:linear-gradient(90deg,transparent,#000);
}

.divider span:nth-child(2) {
color:#000;
padding:0 5px;
width:auto;
white-space:nowrap;
}

.divider span:last-child {
background-image:-webkit-gradient(linear,0 0,0 100%,from(#000),to(transparent));
background-image:-webkit-linear-gradient(180deg,#000,transparent);
background-image:-moz-linear-gradient(180deg,#000,transparent);
background-image:-o-linear-gradient(180deg,#000,transparent);
background-image:linear-gradient(90deg,#000,transparent);
}

.tabtip {
font-family:'Lato',Arial,sans-serif;
margin:auto;
width:80%;
max-width:600px;
min-height:200px;
text-align:center;
border:4px dotted orange;
padding:5px;
color:#3E4338;
}

.tabtip p {
text-align:center;
padding:0;
font-weight:700;
}

.tabtip i,.battleicons {
float:left;
margin:0 15px 15px 10px;
}

.sortable {
font-weight: bold;
cursor:cell;
text-decoration: none;
}

.sortable a{
color:#404339;
}

.sortable a:hover {
/*background-color:#FFF;*/
color:#F3BF16;
}

.sortable a.active{
font-weight: bold;
color:#000;
}

.sortedby {
font-weight:700;
}

.imimg {
border-radius:15px;
opacity:.9;
filter:alpha(opacity=40);
}

.imimg:hover {
opacity:1;
filter:alpha(opacity=100);
}


 @font-face {
    font-family: "Pokemon Classic";
    src: url("fonts/Pokemon Classic.ttf");
  }

  .gpt_tool-button {
    display: inline-flex;
    align-items: center;
    width: 285px;
    height: 51px;
    border-radius: 27px;
    cursor: pointer;
    font-family: "Pokemon Classic", Arial, sans-serif;
    font-size: 17px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    transition: background-color 0.3s, opacity 0.3s;
    line-height: 1.2;
	letter-spacing: -2px;
	padding-bottom: 3px;
  }

  .gpt_tool-button:hover {
    background-color: #2980b9;
    opacity: 0.8;
  }
  
  #main-content a.gpt_tool-button:link { color:#FFF; }
  #main-content a.gpt_tool-button:visited { color: #FFF; }
  #main-content a.gpt_tool-button:hover { color: #FFF;  }
  #main-content a.gpt_tool-button:active { color: #FFF; }

  .icon {
    display: inline-block;
     min-width: 55px;
    min-height: 50px;
    background: url('Poké_Ball_icon.svg') no-repeat center center;
    background-size: cover;
    margin-right: 5px;
	margin-left: 1px;
	padding-left:5px;
  }

 
  




.tooltip {
position:relative;
display:inline-block;
}

.tooltip .tooltiptext {
visibility:hidden;
width:300px;
background-color:#555;
color:#fff;
text-align:center;
border-radius:6px;
padding:5px 2px;
position:absolute;
z-index:1;
bottom:125%;
left:50%;
margin-left:-150px;	/* Use half of the width (300/2 = 150), to center the tooltip */
opacity:0;
transition:opacity .3s;
}

.tooltip .tooltiptext::after {
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-5px;
border-width:5px;
border-style:solid;
border-color:#555 transparent transparent;
}

.tooltip:hover .tooltiptext {
visibility:visible;
opacity:1;
}
/*
#build-search {
background-image:url(https://www.hohoushome.com/images/search.webp);
background-repeat:no-repeat;
width:300px;
height:25px;
padding:10px 25px;
margin:5px 0;
box-sizing:border-box;
}
*/
/*
.typebullet{
    content: '&diams'; 
}
.tb-fighting{ 
    color:#C93E68;
}
*/
.boxer {
display:table;
border-collapse:collapse;
width:100%;
}

.boxer,.box-row,.box-row2,.boxhead {
display:table-row;

}

.boxer,.box,.vbox,.sbox {
display:table-cell;
text-align:left;
vertical-align:top;
color:#000;
}

.box,.vbox,.sbox {
padding:4px;
}

.ibox {
display:table-cell;
vertical-align:middle;
margin:auto;
border:0 solid #000;
text-align:center;
}

.boxhead {
background:#E4502C;
/*
position: sticky;
top: 180px;
*/
}

.boxhead .box, .boxhead .vbox{
	font-weight: bold;
	color:#79080C;
}

.box-row,.box-row2 {
}

.box-row {
background:#FFDD73;
}

.box-row2 {
background:#FFD140;
}

.box-row:hover {
background:#F3BE16;
}

.box-row2:hover {
background:#F3BE16;
}

.sbox {
display:none;
}

.smtype,.i {
float:left;
margin:0;
padding:0;
border:0;
}

.guidescontainer {
min-height:800px;
width:100%;
}

.guidescontainer a {
text-decoration:none;
color:#79080C;
outline:none;
}

.guidescontainer a:hover,a:focus {
color:#A63E00;
outline:none;
}

.addfloat {
background-image:url(https://hohoushome.com/images/icons/addbuild_float.png);
background-size:100px 100px;
background-repeat:no-repeat;
position:fixed;
bottom:50px;
right:45px;
z-index:3;
border-radius:55px;
border:2px solid #F3BE16;
padding:20px;
width:100px;
height:100px;
}

.intro-content {
padding:1.5em 2em;
max-width:1400px;
}

.content {
max-width:1400px;
}

.spritecase {
position:relative;
top:0;
left:0;
}

.pedestal {
position:relative;
top:0;
left:0;
}

.pedestalpkmn {
position:absolute;
top:-10px;
left:25px;
height:180px;

/*
width:235px;
top:15px;
left:70px;
width:150px;
*/
image-rendering:auto;
image-rendering:crisp-edges;
image-rendering:pixelated;
-ms-interpolation-mode:bicubic;
}

.statsTable {
display:table;
width:100%;
}

.statsTableRow {
display:table-row;
}

.statsTableHeading {
background-color:#EEE;
display:table-header-group;
}

.statsTableCell,.statsTableHead,.statsTableCellHead {
border:0 solid #999;
display:table-cell;
padding:2px 3px;
font-size:15px;
text-align:center;
}

.statsTableCellHead {
color:#E4502C;
}

.statsTableHeading {
background-color:#EEE;
display:table-header-group;
font-weight:700;
}

.statsTableFoot {
background-color:#EEE;
display:table-footer-group;
font-weight:700;
}

.statsTableBody {
display:table-row-group;
}

.typingChartContainer {
width:65%;
background-color:#fff;
border-radius:25px;
border:2px solid #E4502C;
padding:5px 10px 15px;
}

.typingChart {
display:table;
background-color:#fff;
border:0 solid #fff;
width:65%;
}

.typingChartRow {
display:table-row;
}

.typingChartHeading {
background-color:#EEE;
display:table-header-group;
}

.typingChartCell,.typingChartHead {
border:1px solid #999;
display:table-cell;
padding:1px;
}

.typingChartHeading {
background-color:#EEE;
display:table-header-group;
font-weight:700;
}

.typingChartFoot {
background-color:#EEE;
display:table-footer-group;
font-weight:700;
}

.typingChartBody {
display:table-row-group;
}

.typename {
color:#fff;
border:0 solid green;
font-size:13px;
margin-top:4px;
}

.typedamage {
border:0 solid blue;
font-size:20px;
margin-top:0;
}

.typelegend {
border:0 solid blue;
font-size:15px;
margin-top:0;
}

.typename,.typedamage,.typelegend {
margin-left:28px;
font-weight:700;
display:inline-block;
text-align:left;
}

.typingChartLegend {
display:table;
background-color:#F3BE16;
border:1px solid #E4502C;
min-width:335px;
visibility:hidden;
}

.typingChart i {
border:0 solid red;
}

@media screen and (min-width: 1251px) {
.typename,.typedamage {
font-weight:700;
display:inline-block;
}
}

@media screen and (max-width: 1250px) {
.typingChart {
width:32px;
}

.typingChartLegend {
visibility:visible;
}

.typingChartContainer {
width:50%;
overflow:hidden;
min-width:360px;
}

.typename,.typedamage {
display:none;
}
}

#main-content a:link {
text-decoration:none;
color:#79080C;
}

#main-content a:visited {
text-decoration:none;
color:#79080C;
}

#main-content a:hover {
text-decoration:none;
color:#A63E00;
}

#main-content a:active {
text-decoration:none;
color:#A63E00;
}

@media all and (max-width: 692px) {
.vbox {
display:none;
}

.sbox {
display:table-cell;
}

.vdata {
display:none;
}
}

@media all and (max-width: 990px) {
	.firstgone {
	display:none;
	}
}

@media all and (max-width: 680px) {
	.introframe {
	display:none;
	}

	.intromobile {
	display:inline;
	}
}

@media all and (min-width: 681px) {
	.introframe {
	display:inline;
	}

	.intromobile {
	display:none;
	}
}

.flexwrapper {
display:flex;
flex-wrap:wrap;
max-width:600px;
margin-right:auto;
margin-left:auto;
}

.flexwrapper .tools {
padding:5px;
}

.wrapper {
border:2px solid #000;
overflow:hidden;
background-color:#fff;
border-radius:25px;
}

.wrapper div {
min-height:130px;
padding:10px;
}

#one {
float:left;
margin-right:20px;
width:245px;
border-right:2px dashed #000;
}

#two {
margin:5px;
min-height:130px;
}

@media screen and (max-width: 900px) {
	#one {
	float:none;
	margin-right:0;
	width:auto;
	border:0;
	border-bottom:2px solid #000;
	}
}
/*
.buildexplaination {
font-size:16px;

}
*/

.pika {
background-image:url(https://hohoushome.com/images/bg_pika.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.pory {
background-image:url(https://hohoushome.com/images/bg_pory.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.hooh {
background-image:url(https://hohoushome.com/images/bg_hooh.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.hooh2 {
background-image:url(https://hohoushome.com/images/bg_hooh2.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.geng {
background-image:url(https://hohoushome.com/images/bg_gengar.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.vgc {
background-image:url(https://hohoushome.com/images/bg_vgc.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.raid {
background-image:url(https://hohoushome.com/images/bg_raid.png);
background-repeat:no-repeat;
background-position:right bottom;
}

.form {
position:relative;
z-index:1;
background:#F3BE16;
max-width:360px;
margin:0 auto 100px;
padding:45px;
text-align:center;
box-shadow:0 0 20px 0 rgba(0,0,0,0.2),0 5px 5px 0 rgba(0,0,0,0.24);
}

.form input {
font-family:"Roboto",sans-serif;
outline:0;
background:#f2f2f2;
/*width:100%;*/
border:0;
margin:0 0 15px;
padding:15px;
box-sizing:border-box;
font-size:14px;
}

.form button {
font-family:"Roboto",sans-serif;
text-transform:uppercase;
outline:0;
background:#E4502C;
width:100%;
border:0;
padding:15px;
color:#404338;
font-size:14px;
-webkit-transition:all .3 ease;
transition:all .3 ease;
cursor:pointer;
}

.form button:hover,.form button:active,.form button:focus {
background:#B24C30;
}

.form2 {
position:relative;
z-index:1;
background:#F3BE16;
max-width:100%;
margin:0 auto 100px;
padding:5px;
text-align:center;
box-shadow:0 0 20px 0 rgba(0,0,0,0.2),0 5px 5px 0 rgba(0,0,0,0.24);
}

/*.form2 input {*/
.form2 input[type="text"],.form2 input[type="number"] { 
font-family:"Roboto",sans-serif;
outline:0;
background:#E4502C;
width:65px;
/*width:100%;*/
border:0;
/*margin:0 0 15px;
padding:15px;*/
padding:1px;
/*margin:0 0 5px;*/
padding-right: 10px;
box-sizing:border-box;
font-size:14px;
color:#F3BE16;
}

.form2 input:read-only {
	background:#B24C30;
	color:#fff;
}

/*Chrome*/    /*  width:80px;padding:0px;margin:0px;*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 200px;padding:0px;
      -webkit-appearance: none;
      background-color: red;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 15px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 15px;
      -webkit-appearance: none;
      height: 15px;
      cursor: ew-resize;
      background: #434343;
      box-shadow: -100px 0 0 100px #FFF;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #43e5f7; 
}
input[type="range"]::-moz-range-track {  
  background-color: #9a905d;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #43e5f7; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #9a905d;
}




.optimizebutton {
 
  font-family:"Roboto",sans-serif;
  outline:0;
  background:#E4502C;
  width:65px;
  border: 1px solid #fff;
  padding:1px;
  padding-right: 10px;
  box-sizing:border-box;
  font-size:14px;
  color:#F3BE16;
  cursor:pointer;
}
.optimizebutton:hover {
background:#B24C30;
}



.opSets {
  background:#E4502C;
  border: 1px solid #fff;
  font-size:12px;
  padding:3px;
  margin-top:5px;
  cursor:pointer;

}
.opSets:hover {
background:#B24C30;
}




.opStatMain{
    /*background-color: #e5e4d7; border-radius:5px; margin:5px;margin: auto; border: 1px solid red;*/
    text-align: center;
  
    padding:15px;
    overflow: hidden;
}




#opStat1, #opStat2, #opStat3, #opStat4 {   
    background-color:#FFD140;
    width: 100px;
    height:185px;
    padding: 2px 5px 10px;
    border: 1px solid black;
    float: left;
    text-align:left;
    margin-left:auto; margin-right:0;
}



.iframe-container{
  position: relative;
  width: 100%;   
  height: 0;
 padding-bottom: 56.25%; 
 overflow: hidden;
 border-style:dashed;
  /*
  overflow: hidden;
  max-width: 560px; 
  max-height: 315px;  
  */
}

.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;  
  height: 100%;
  /*
  max-width: 560px; 
  max-height: 315px; 
  */
}

.playvid {
  position: absolute;
  top: -17%;
  left: 0%;
  width: 100%;  
  cursor: pointer;
}

.playvidico {
  position: absolute;
  top: 40%;
  left: 43%;
  cursor: pointer;
}




  /*

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  } 

  .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
  }*/









.bcontrol {
font-family:arial;
display:block;
position:relative;
padding-left:30px;
margin-bottom:5px;
padding-top:3px;
cursor:pointer;
font-size:16px;
}

.bcontrol input {
position:absolute;
z-index:-1;
opacity:0;
}

.bcontrol_indicator {
position:absolute;
top:2px;
left:0;
height:20px;
width:20px;
background:#e6e6e6;
border:0 solid #000;
border-radius:undefinedpx;
}

.bcontrol:hover input ~ .bcontrol_indicator,.bcontrol input:focus ~ .bcontrol_indicator {
background:#ccc;
}

.bcontrol input:checked ~ .bcontrol_indicator {
background:#e4502c;
}

.bcontrol:hover input:not([disabled]):checked ~ .bcontrol_indicator,.bcontrol input:checked:focus ~ .bcontrol_indicator {
background:#0e6647d;
}

.bcontrol input:disabled ~ .bcontrol_indicator {
background:#B24C30;
opacity:.6;
pointer-events:none;
}

.bcontrol_indicator:after {
box-sizing:unset;
content:'';
position:absolute;
display:none;
}

.bcontrol input:checked ~ .bcontrol_indicator:after {
display:block;
}

.bcontrol-radio .bcontrol_indicator {
border-radius:50%;
}

.bcontrol-radio .bcontrol_indicator:after {
left:7px;
top:7px;
height:6px;
width:6px;
border-radius:50%;
background:#fff;
transition:background 250ms;
}

.bcontrol-radio input:disabled ~ .bcontrol_indicator:after {
background:#ff;
}

.bcontrol-radio .bcontrol_indicator::before {
content:'';
display:block;
position:absolute;
left:0;
top:0;
width:4.5rem;
height:4.5rem;
margin-left:-1.3rem;
margin-top:-1.3rem;
background:#E4502C;
border-radius:3rem;
opacity:.6;
z-index:99999;
transform:scale(0);
}

@keyframes s-ripple {
0% {
opacity:0;
transform:scale(0);
}

20% {
transform:scale(1);
}

100% {
opacity:.01;
transform:scale(1);
}
}

@keyframes s-ripple-dup {
0% {
transform:scale(0);
}

30% {
transform:scale(1);
}

60% {
transform:scale(1);
}

100% {
opacity:0;
transform:scale(1);
}
}

.bcontrol-radio input + .bcontrol_indicator::before {
animation:s-ripple 250ms ease-out;
}

.bcontrol-radio input:checked + .bcontrol_indicator::before {
animation-name:s-ripple-dup;
}

.ui-autocomplete {
max-height:100px;
overflow-y:auto;
overflow-x:hidden;
padding-right:20px;
}

* html .ui-autocomplete {
height:100px;
}

.bargraph {
height:229px;
position:relative;
background:url(https://pics.cssbakery.com/pics/papergrid.jpg) repeat-x;
border-left:1px solid #d4d4d4;
margin:15px auto 50px;
}

.bargraph ul.bars {
margin:0;
padding:0;
list-style-type:none;
}

.bargraph ul.olympic-watermark {
background:url(https://www.hohoushome.com/images/Pokeball_Icon.png) no-repeat;
background-position:50% 50%;
height:122px;
z-index:98;
}

.bargraph ul.euro-watermark {
background:url(https://pics.cssbakery.com/pics/sapphire5.png) no-repeat;
height:201px;
background-position:0 0;
}

.bargraph ul.stars-watermark {
background:url(https://pics.cssbakery.com/pics/starcoin4.png) no-repeat;
background-position:50% 50%;
height:174px;
}

div.bargraph div.colorfilter {
position:absolute;
top:0;
left:0;
height:201px;
background-color:#000;
opacity:.2;
filter:alpha(opacity=20);
z-index:97;
}

div.bargraph div.colorfilter2 {
position:absolute;
top:0;
left:0;
height:201px;
background-color:#000;
opacity:.4;
filter:alpha(opacity=40);
z-index:97;
}

.bargraph ul.bars li {
position:absolute;
width:30px;
height:200px;
bottom:29px;
padding:0;
margin:0;
background:url(https://pics.cssbakery.com/pics/bars200.jpg) no-repeat;
text-align:center;
font-weight:700;
color:#fff;
line-height:2.5em;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
z-index:99;
}

.bargraph ul.bars li span {
position:relative;
top:-25px;
color:#7c7c7c;
}

.bargraph ul.bars li img {
margin:0;
padding:0;
position:relative;
top:-30px;
left:0;
}

.bargraph ul.bars li span.darkpen {
color:#515151;
position:static;
}

.bargraph ul.bars li span.whitepen {
color:red;
}

.bargraph ul.bars li.bar1 {
left:21px;
}

.bargraph ul.bars li.bar2 {
left:94px;
}

.bargraph ul.bars li.bar3 {
left:167px;
}

.bargraph ul.bars li.bar4 {
left:240px;
}

.bargraph ul.bars li.bar5 {
left:313px;
}

.bargraph ul.bars li.bar6 {
left:386px;
}

.bargraph ul.bars li.bar7 {
left:459px;
}

.bargraph ul.bars li.bar8 {
left:532px;
}

.bargraph ul.bars li.bar9 {
left:605px;
}

.bargraph ul.bars li.bluebar {
background-position:0 bottom;
}

.bargraph ul.bars li.redbar {
background-position:-30px bottom;
}

.bargraph ul.bars li.greenbar {
background-position:-60px bottom;
}

.bargraph ul.bars li.orangebar {
background-position:-90px bottom;
}

.bargraph ul.bars li.grapebar {
background-position:-120px bottom;
}

.bargraph ul.bars li.purplebar {
background-position:-150px bottom;
}

.bargraph ul.bars li.crimsonbar {
background-position:-180px bottom;
}

.bargraph ul.bars li.navybar {
background-position:-210px bottom;
}

.bargraph ul.bars li.goldbar {
background-position:-240px bottom;
}

.bargraph ul.bars li.tealbar {
background-position:-270px bottom;
}

.label {
list-style-type:none;
position:absolute;
bottom:3px;
margin:0;
padding:0;
}

.label li {
color:#fff;
text-transform:uppercase;
letter-spacing:.1em;
font-size:11px;
width:73px;
float:left;
text-align:center;
overflow:hidden;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
line-height:1.6em;
}

ul.y-axis {
list-style-type:none;
position:absolute;
left:-45px;
width:40px;
text-align:right;
bottom:0;
margin:0;
padding:0;
}

ul.y-axis li:first-child {
height:40px;
line-height:40px;
}

ul.y-axis li {
color:#aba8a8;
font-size:12px;
height:51px;
line-height:51px;
text-align:right;
}

ul.y-axis li.units {
position:absolute;
bottom:110px;
right:20px;
line-height:1.2em;
height:auto;
}

.bargraph p {
position:absolute;
left:0;
top:236px;
padding:0;
margin:0;
text-align:left;
width:100%;
font-family:Verdana,sans-serif;
font-size:10px;
color:#000;
line-height:1.3em;
}

.bargraph p.centered {
text-align:center;
}

.pointer {cursor: pointer;}



/* BUILDS */


@font-face {
    font-family: 'Essentiarum';
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url('fonts/subset-Essentiarum.eot');
    src: url('fonts/subset-Essentiarum.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-Essentiarum.woff2') format('woff2'),
        url('fonts/subset-Essentiarum.woff') format('woff'),
        url('fonts/subset-Essentiarum.ttf') format('truetype'),
        url('fonts/subset-Essentiarum.svg#Essentiarum') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
  font-family: 'Essentiarum';
  
  src: local('Pacifico Regular'), local('Pacifico-Regular'),
    url(css/Essentiarum_Regular.ttf)
      format('ttf');
  font-display: swap;
}
*/


.pokefont{
font-family: Essentiarum;
font-size: 60px;
}

hr.thick {
width:100%;border: 2px solid #000;
}

.typeicon{
position:relative;
top:1px;
display:inline-block;
font-family:'Essentiarum';
font-style:normal;
font-weight:400;
line-height:1;
font-size: 20px;

-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
color:white;
}

.typetext{
	display:inline-block;
	width:100px;	
	color:white;	
	
	text-align:center;
	color: #FFFFFF;
	font-size: 18px;
	padding:5px 10px 5px 5px;
	margin:2px;
	/*
	align-items: center;
	*/
	border-radius: 10px;
	border: solid 0px #000;
	text-decoration: none;
	
}

.usage-item{
	float:left;
	border:5px;
	padding:5px;
	border-color:#000;
	border-radius:15px;
}


/*
.usage-link {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.usage-link:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.usage-link:active {
	position:relative;
	top:1px;
}
*/

.usage-link {
	background:linear-gradient(to bottom, #e4512c 5%, #cc4d2d 100%);
	background-color:#e4512c;
	border:1px solid #0d010d;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.usage-link:hover {
	background:linear-gradient(to bottom, #cc4d2d 5%, #e4512c 100%);
	background-color:#cc4d2d;
}
.usage-link:active {
	position:relative;
	top:1px;
}



.usage_graph_wrapper {
	/*width:50%;*/
	background-color:#fff;
	border-radius:15px;
	padding:5px;
}


@media screen and (min-width: 901px) {
	.usage_graph_wrapper {
		width:50%;
	
	}
}


@media screen and (max-width: 900px) {
	.usage_graph_wrapper {
		width:100%;
	
	}
}


.terabar {
	margin-left:30px;
	padding:5px;
  width: 80%;
  max-width:1073px;

  overflow: auto;
  align-items: center;
  
}


.rankball {
  opacity: 0.5;
}

.rankball_sel {
  opacity: 1;
}



.bgBug{
	background-color:#8EC223;
}
.bgDark{
	background-color:#5A5265;
}
.bgDragon{
	background-color:#0B6ABE;
}



.hoverlink {
  /*opacity: 1.0;*/
}

.hoverlink:hover {
  opacity: 0.8;
}


.hoverchart_fire:hover {
  opacity: 0.8;
  border-color:red;
}

 


.pedestalpkmn3 {
transform: scaleX(-1);border-radius: 25px;border-style: dotted;  border-width: 7px;  border-color: #F3BF16;
width:256px;height:256px;
}



.pedestalpkmn2 {
//width:256px; 
height:256px;
border-radius: 25px;
background: rgb(252,0,28);
background: linear-gradient(180deg, rgba(252,0,28,1) 0%, rgba(45,22,22,1) 52%, rgba(255,255,255,1) 100%);

padding:10px;
height:256px;
image-rendering:auto;
image-rendering:crisp-edges;
image-rendering:pixelated;
-ms-interpolation-mode:bicubic;
}




.loadingSprite {
width:340px; 
height:255px;

background: rgb(252,0,28);
background: linear-gradient(180deg, rgba(252,0,28,1) 0%, rgba(45,22,22,1) 52%, rgba(255,255,255,1) 100%);

padding:10px;
height:256px;

image-rendering:auto;
image-rendering:crisp-edges;
image-rendering:pixelated;
-ms-interpolation-mode:bicubic;
}