@font-face {
  font-family: 'Base';
  src: url('base-script.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


#a {
	color:white;
}


input[type="checkbox"] {
  content: " ";
  text-align: center;
  text-indent: -1vmin;
  width: 1vmin;
  height: 1vmin;
  margin-right: 0.16px;
  border-radius: 10%;
  border-style: solid;
  border-width: 0.16px;
  border-color: #fff;
  padding-right: 5px;
  flex-shrink: 0;
  background-color: #273442; 
  color:#ffffff;
  opacity:100;
  display:inline;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -3px;
  font-size: 2vmin;
  text-overflow: ellipsis;
  
}
input[type="checkbox" i] {
  content: " ";
  width: 0.75vmin;
  height: 0.75vmin;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1vmin 1vmin var(--form-control-color);
  background-color: #273442; 
}

input[type="checkbox"]::before {
  content: " ";
  width: 0.75vmin;
  height: 0.75vmin;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1vmin 1vmin var(--form-control-color);
  background-color: #273442; 
}

input[type="checkbox"]:checked::before {
  transform: scale(1.2);
}

input[type="checkbox"]:checked {
  content: "x";
  color: #000;
  text-align: center;
  border-color: rgb(110,165,38);
  background-color: rgb(110,165,38); 
}

input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 2.4px);
}

input[type="checkbox"]:disabled {
  color: #273442;
  cursor: not-allowed;
  opacity:70;
}

input[type="checkbox"]:focus{
	outline:none;
}

@font-face {
  font-family: 'NORD-Medium';
  src: url('NORD-Medium.ttf') format('truetype');  Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 
}

input[type=range] {
  width: 100%;
  margin: 15px 0;
  background-color: transparent;
  border-color: #d6d6d6;
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  background: #273442;
  border: 0.2px solid #7e7e7e;
  width: 100%;
  height: 7px;
}
input[type=range]::-webkit-slider-thumb {
  margin-top: -15.2px;
  width: 7px;
  height: 25px;
  background: #6ea526;
  border: 1.5px solid #000000;
  border-radius: 1px;
  -webkit-appearance: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #273442;
  border-color: #fff;
  border-radius: 1px;
}

#label {
  display: block;
	margin-top: 0px;
  text-indent: -15px;
	
}

#mbutton{
	opacity: 0.9;
	background: #273442;
  color: rgb(110,165,38);
  border:none;
	text-align: center;
	font-size: 2.5vmin;
	text-decoration:none;
	font-family:NORD-Medium;
}

#mbutton:hover{
  opacity: 0.75;
	overflow: hidden;
}

#mbutton:disabled{
	opacity: 0.3;
	background: #000;
	overflow: hidden;
}

#dropbox{
	background:#273442;
	opacity: 0.9;
	border: none;
	font-family:NORD-Medium;
	font-size: 1.5vmin;
  text-overflow: ellipsis;
	color:#6ea526;
	overflow: hidden;
}

#buybtn{
  opacity: 0;
  color: #fff;
  border: none;
}

#buybtn:hover{
  opacity: 0.1;
}

#buybtn:active{
  opacity: 0.4;
}

#buybtn:disabled{
  opacity: 0.7;
  background: #000;
}

#cancelordbtn{
	font-family:NORD-Medium;
	opacity: 0.8;
	background: #000;
  color: #780D1E;
  border:none;
	text-align: center;
	font-size: 1.5vmin;
  text-overflow: ellipsis;
	text-decoration:none;
  overflow: hidden;
}

#cancelordbtn:hover{
  opacity: 0.6;
}

#cancelordbtn:disabled{
	opacity: 0.2;
}

#controlbtn{
	font-family:NORD-Medium;
	opacity: 0.5;
	background: #000;
  color: rgb(0,255,0);
  border:none;
	text-align: center;
	font-size: 2vmin;
  text-overflow: ellipsis;
	text-decoration:none;
  overflow: hidden;
}

#controlbtn:hover{
  opacity: 0.3;
}

#controlbtn:disabled{
	opacity: 0.2;
}

#chatbox{
  font-family:NORD-Light;
  border: 1px solid #fff;
  font-size: 2vmin;
  text-decoration:none;
  overflow: hidden;
  text-overflow: ellipsis;
	user-select: none;
	background: #273442;
  color: rgb(110,165,38);
	overflow: hidden;
}

#chatbox:disabled{
	color: #fff;
}

#chatwrite{
	font-family:NORD-Medium;
	background:#273442;
	border:#fff;
	color:#fff;
}

#chatwrite:focus{
	outline:none;
}

#chatbox:disabled{
    color: rgb(0,255,0);
}