:root {
  --main_background:#002b36;
  --main_color:#93a1a1;
  --disabled_bg:#47595f;/*586e75*/
  --disabled_text:#2e393d;/*3a484d*/
  --main_background_darker:#001b22;
  --green:#859900;
  --teal:#2aa198;
  --yellow:#b58900;
  --orange:#cb4b16;
  --red:#dc322f;
  --blue:#268bd2;
  --purple:#6c71c4;
  --pink:#d33682;
  --gray:#3a484d;
  --darkgray:#21292c;
  --black:#000;
  --lightergray:#53676e;
  --large:4vw;
  --normal:2vw;
  --small:1.5vw;
  --smaller:1.2vw;
  --tiny:1vw;
  --tinier:0.8vw;
  --system:1.3vw;
  --info:1.3vw;
}

body{
	background-color:var(--main_background);
	font-size:var(--small);
	color:var(--main_color);
	font-family: "JetBrains Mono", monospace;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	margin:0;
	padding:0;
	overflow: auto;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* Internet Explorer 10+ */

	touch-action: auto;
	-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Chrome/Safari/Opera */
		 -khtml-user-select: none; /* Konqueror */
			 -moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently
																	not supported by any browser */
}

body::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

button.system{
	background-color:var(--main_background);
	font-size:var(--system);
	color:var(--main_color);
	border:2px solid var(--main_color);
	margin:0;
	padding:2px 5px;
	cursor: pointer;
}
button.system:disabled{
	background-color:var(--main_color);
	font-size:var(--system);
	color:var(--main_background);
	border:2px solid var(--main_background);
	margin:0;
	padding:2px 5px;
	cursor: default;
}
button.system_small{
	background-color:var(--main_background);
	font-size:var(--tiny);
	color:LightSlateGray;
	border:2px solid LightSlateGray;
	margin:0;
	padding:2px 5px;
	cursor: pointer;
}


button.help_button{
	font-size:var(--tinier);
	color: #094757;
	background-color:var(--main_background);
	border: 0.1vw solid #094757;
	float: right;
	padding: 0.1vw 1vw;
}

button.tab_button{
	font-size:var(--tiny);
	background-color:var(--disabled_text);
	border: 0px;
}

button.rate_bonus_button{
	border-radius: 0;
}
button.rate_bonus_button:disabled{
	border-radius: 0;
}

button.autobuy_button{
	background-color:var(--main_background);
	color: var(--main_color);
	font-size:var(--tinier);
	border: 0.1vw solid var(--main_color);
}
button.autobuy_button_pressed{
	background-color: var(--disabled_bg);
	color: var(--main_color);
	font-size:var(--tinier);
	border: 0.1vw solid #333;
}





button{
	background-color:var(--main_background);
	color: var(--main_color);
	font-size:var(--small);
	cursor: pointer;
	border-radius: 0.9vw;
	padding: 0.5vw;
}
button:disabled{
	background-color: var(--disabled_bg);
	color: var(--disabled_text);
	font-size:var(--small);
	cursor: default;
	border-radius: 0.9vw;
	padding: 0.5vw;
}

button:active{transform: scale(98%);}








.large{font-size:var(--large);}
.normal{font-size:var(--normal);}
.small{font-size:var(--small);}
.smaller{font-size:var(--smaller);}
.tiny{font-size:var(--tiny);}
.tinier{font-size:var(--tinier);}

.main_background{color:var(--main_background);}
.main_color{color:var(--main_color);}
.disabled_text{color:var(--disabled_text);}
.red{color:var(--red);}
.pink{color:var(--pink);}
.orange{color:var(--orange);}
.purple{color:var(--purple);}
.green{color:var(--green);}
.teal{color:var(--teal);}
.gray{color:var(--gray);}
.darkgray{color:var(--darkgray);}
.lightergray{color:var(--lightergray);}
.black{color:var(--black);}
.blue{color:var(--blue);}
.yellow{color:var(--yellow);}

.large_purple{font-size:var(--large);color:var(--purple);}
.large_orange{font-size:var(--large);color:var(--orange);}
.large_lightteal{font-size:var(--large);color:var(--lightteal);}
.large_green{font-size:var(--large);color:var(--green);}
.small_purple{font-size:var(--small);color:var(--purple);cursor:pointer;}
.small_red{font-size:var(--small);color:var(--red);cursor:pointer;}
.small_green{font-size:var(--small);color:var(--green);cursor:pointer;}
.small_lightteal{font-size:var(--small);color:var(--lightteal);cursor:pointer;}
.tiny_gray{font-size:var(--tiny);color:var(--gray);}

a.lv_discord:link { color:var(--main_color); text-decoration:none;padding:0; margin: 0;}
a.lv_discord:visited { color:var(--main_color); text-decoration:none;padding:0; margin:0;}
a.lv_discord:hover { color:var(--main_color); text-decoration:none;padding:0; margin:0;}

a.lv_donate:link { color:SteelBlue; text-decoration:none;padding:0; margin: 0;}
a.lv_donate:visited { color:SteelBlue; text-decoration:none;padding:0; margin:0;}
a.lv_donate:hover { color:dodgerblue; text-decoration:none;padding:0; margin:0;}

a.lv_site:link { color:var(--orange); text-decoration:none;padding:0; margin: 0;}
a.lv_site:visited { color:var(--orange); text-decoration:none;padding:0; margin:0;}
a.lv_site:hover { color:var(--orange); text-decoration:none;padding:0; margin:0;}






#counter{
	font-size: var(--small);
}
#rate{
	font-size: var(--tiny);
}


table{
	border-collapse:separate;
	margin: auto;
}
table td{
	vertical-align: top;
	text-align: center;
	border: 0.2vw solid #073642;
	padding: 0.5vw;
	border-radius: 0.9vw;
}
table td.no_borders{
	border:0vw;
}

table.counters_table{
	font-size: var(--tiny);
}










div.footer {
  	box-sizing: border-box;
	font-size: var(--info);
	position: fixed;
	bottom: 0%;
	margin: 0 auto 0 auto;
  	padding: 5px 0px;
	width:100%;
  	color: var(--gray);
	background-color: var(--main_background);
  	border: 0px solid var(--gray);
  	border-top: 0.2vw solid var(--gray);
}
.footer_item1{
	width: 100%;
	margin: none;
	padding: none;
	padding-right: 7px;
	padding-left: 5px;
	border-right: 1px solid #555;
}

.footer_item2{/*last element*/
	width: 100%;
	margin: none;
	padding: none;
	padding-right: 7px;
	padding-left: 5px;
	border-right: 0px solid #555;
}

.signature{
	border: 0px solid #777;
	float: right;
	margin-right: 0px;
}

table.settings{
  	width:45%;
	vertical-align:top;
	border:0px solid var(--main_color);
	border-collapse: separate;
	border-spacing: 2px;
	color: var(--main_color);
  	margin: 0px;
  	padding: 0px;
}
table.settings td{
	border:1px solid var(--main_color);
	padding: 2px;
	text-align: center;
}
div.textarea{
	margin: auto;
	padding: 0px;
  	font-size: var(--system);
	color:var(--main_color);
  	background-color:var(--main_background);
	height: 30px;
	width: 350px;
	text-align: justify;
	word-break:break-all;
	border: 2px solid var(--main_color);
	overflow: hidden;
}



table.settings_confirm{
	width: 50%;
	margin: 20px auto;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	font-size: var(--tiny);
	text-align: center;
}
table.settings_confirm td{
	border:0px solid var(--main_color);
}
table.settings_confirm td.text_right{
	text-align: right;
}
table.settings_confirm td.text_left{
	text-align: left;
}



input.lever{
	height: 15px;
	background: var(--lightteal);
	outline: none;
	opacity: 1;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

input.lever::-webkit-slider-thumb{
	appearance: none;
	border-radius: 0px;
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: var(--gray); /* Blue background */
	cursor: pointer; /* Cursor on hover */
}

input.lever::-moz-range-thumb {
	border-radius: 0px;
	width: 15px; /* Set a specific slider handle width */
	height: 15px; /* Slider handle height */
	background: var(--gray); /* Blue background */
	cursor: pointer; /* Cursor on hover */
}