body {
	background :url("../images/background.jpg");
    height: 95vh
}
.box-container {
    display: none;
    width: auto;
    height: auto;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border-radius: 10px;
}
.norm {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 3;
	grid-row: 2;
	text-align: center;
	border: 10px solid black;
	line-height :150%;
}
.button {
	font-size: 100%;
	background :transparent url("../images/icons/pgreybtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
}
.check {
	transform: scale(300%);
}
.input {
	font-size: 100%;
	overflow:hidden;
	max-width:100%;
}
.chat-container {
    display: none;
    width: 100%;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 10px;
	overflow:hidden;
	max-width:100%;
}
.admin-container {
    display: none;
    width: 100%;
    height: 95%;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 10px;
	overflow:hidden;
	max-width:100%;
}
.chatpfpdis {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 2;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :150%;
}
.chatnamedis {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 2 / span 2;
	grid-row: 2;
	text-align: left;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
}
.chatroledis {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 5;
	grid-row: 3;
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 5px solid grey;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
}
.chatloyaltydis {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 3;
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 5px solid grey;
	line-height :150%;
}
.chatwaittimerdis {
	color: #ffaa00;
    font-size :150%;
	grid-column: 2;
	grid-row: 3;
	display: grid;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 5px solid grey;
	line-height :150%;
	
}
.chatterchatbox {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 2 / span 4;
	grid-row: 4 / span 1;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	justify-content: left;
	align-items: left;
	text-align: left;
	max-width:100%;
	height: 55vh;
}
.chatterchatselect {
	color: #ffaa00;
    font-size :100%;
	grid-column: 1;
	grid-row: 4 / span 1;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:10%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:100%;
	height: 55vh;
}
.onlinebox {
	color: #ffaa00;
    font-size :100%;
    font-weight: bold;
	grid-column: 6;
	grid-row: 4 / span 1;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:100%;
	height: 55vh;
}
.typingind {
	line-height: 100%;
	color: white;
    font-size: 50px;
    font-weight: bold;
	grid-column: 2 / span 4;
	grid-row: 5;
	max-width:100%;
	height: 3vh;
	border: 10px;
	word-wrap: break-word;
	text-align: left;
	align-content:center;
}
.mainchatinput {
	color: black;
    font-size :150%;
    font-weight: bold;
	grid-column: 2 / span 4;
	grid-row: 6;
	display: relitive;
	justify-content: left;
	align-items: left;
	text-align: left;
	line-height :300%;
	overflow:auto;
	max-width:100%;
	word-wrap: break-word;
	border: 10px;
}
.sendmsgmain {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 6;
	grid-row: 6;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :300%;
	overflow:auto;
	width:100%;
	height:100%;
}
.msgstouser {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 2 / span 4;
	grid-row: 7;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :300%;
	overflow:auto;
	width:100%;
	height:50%;
}
.dmarea {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 1;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
}
.ytarea {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
	height:10%;
}
.optionsarea {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 6;
	grid-row: 1;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
}
.alertbox {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #04AA6D; /* Green */
	border: none;
	padding: 20px;
	text-align: center;
	height: 100%;
	width: 100%;
	overflow:auto;
	word-wrap: break-word;
	z-index: 1000;
	align-content:center;
}
.sendimgmain {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 6;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :300%;
	overflow:auto;
	width:100%;
	height:100%;
}
.onlineoffline {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 6;
	grid-row: 5;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:100%;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
	position: absolute;
	font-size: 50%;
	content: "OFF";
	height: 75%;
	width: 50%;
	left: 5%;
	bottom: 15%;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
  background-color: green;
}

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

input:checked + .slider:before {
	font-size: 50%;
	content: "ON";
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(75%);
}
.imgcontainer {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 2 / span 4;
	grid-row: 4 / span 7;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	justify-content: left;
	align-items: left;
	text-align: left;
	max-width:100%;
	height: 55vh;
	z-index: 998;
}
.pfpimgcontainer {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 6;
	grid-row: 1 / span 6;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	justify-content: left;
	align-items: left;
	text-align: left;
	max-width:100%;
	height: 100%;
	z-index: 999;
}
.cancelbtn {
	background :transparent url("../images/icons/predbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	font-size: 100%;
	width: 100%;
	padding: 10px 18px;
	margin-top:1%;
}
.submitbtn {
	font-size: 100%;
	width: 100%;
	padding: 10px 18px;
	background :transparent url("../images/icons/pgreenbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
}
.humansubmit {
	font-size: 300%;
	width: 100vh;
	height: 50vh;
	padding: 10px 18px;
	background :transparent url("../images/icons/pgreenbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	display: none;
}
.browsebtn {
	color: #ffaa00;
	font-size: 100%;
	width: 100%;
	padding: 10px 18px;
	background-color: blue;
}
.dmcontainer {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 3;
	grid-row: 4 / span 1;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	justify-content: left;
	align-items: left;
	text-align: left;
	max-width:100%;
	height: 95%;
}
.dmusernamecontainer {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 2;
	grid-row: 4 / span 1;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:scroll;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:98%;
	height: 95%;
}
.dmclosecontainer {
	background :transparent url("../images/icons/closebtnvert.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 6;
	grid-row: 1 / span 7;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:100%;
	height: 80%;
}
.maindminput {
	color: black;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 5;
	grid-row: 7;
	display: relitive;
	justify-content: left;
	align-items: left;
	text-align: left;
	line-height :300%;
	overflow:auto;
	width:100%;
	height:90%;
	z-index: 999;
}
.senddmmain {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 6;
	grid-row: 7;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :300%;
	overflow:auto;
	width:100%;
	height:100%;
	z-index: 999;
}
.lookupdmuser {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 2;
	grid-row: 1;
	text-align: center;
	line-height :300%;
	overflow:auto;
	z-index: 999;
}
.dmselectbox {
	color: black;
    font-size: 100%;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
	background :transparent url("../images/icons/pgreybtn.jpg");
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:90%;
	height: auto;
}
.dm-container {
    display: none;
    height: 96%;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 10px;
	max-width:100%;
}
.borderfade {
	height :100%;
	width :100%;
	background :transparent url("../images/bg-navigation.gif");
	background-repeat :repeat-x;
	background-position :bottom;
}
.logoTop {
	width:60%;
}
.logoBottom {
	width:25%;
}
.adminbtn {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 5;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :300%;
	overflow:auto;
	width:100%;
	height:100%;
}
.adminselect {
	color: #ffaa00;
    font-size: 100%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 3;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:60%;
	height: 75vh;
}
.admininfoarea {
    font-size :150%;
	grid-column: 1 / span 5;
	grid-row: 3;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	text-align: left;
	width:101%;
	height: 70vh;
	margin-left:13%
}
.adminsearch {
	color: black;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 6;
	grid-row: 2;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
}
.adminusersel {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 2;
	grid-row: 1;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height :150%;
	overflow:hidden;
	max-width:100%;
}
.adminselecteduser {
	color: yellow;
    font-size :200%;
    font-weight: bold;
	grid-column: 3 / span 3;
	grid-row: 1;
	display: relitive;
	text-align: center;
	line-height :100%;
	overflow:hidden;
	max-width:100%;
	height:100%;
	margin-top:0%;
}
.canceladminbtn {
	background :transparent url("../images/icons/closebtnvert.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 7;
	grid-row: 3;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:100%;
	height: 75vh;
	width:5vh;
}
.clearadminuser {
	grid-column: 6;
	grid-row: 1;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
}
.playercard-container {
	background-color: black;
	font-size :150%;
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	border: 5px solid grey;
    display: none;
    width: 100%;
    height: 100%;
	grid-column: 2 / span 4;
	grid-row: 1 / span 6;
    border-radius: 10px;
	overflow:hidden;
	z-index: 999;
}
.options-container {
	font-size :150%;
	background-color: black;
	border: 5px solid grey;
    display: none;
    width: 97%;
    height: 90vh;
    border-radius: 10px;
	overflow:scroll;
	z-index: 999;
	position:fixed;
}
.pcpfp {
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pcname {
	color: red;
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pcmembersince {
	color: red;
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pclksince {
	color: red;
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pcbadge {
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pctournxp {
	color: red;
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pchs {
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.pcbio {
	color: red;
	margin-bottom: 10%;
	margin-left: 10%;
	margin-right: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.blocku {
	width:25%;
	margin-left: 2%;
	margin-right: 2%;
	height:40%;
}
.pcbtns {
	margin-left: 10%;
	display: relitive;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	width:100%;
	height:100%;
	max-width:75%;
}
.h1class {
	font-family :'Lobster1.4Regular';
	font-size :150%;
	color :#ffffff;
	margin-bottom :50px;
}
.bioupdate {
	color: black;
    font-size: 100%;
    font-weight: bold;
	display: relitive;
	justify-content: left;
	align-items: left;
	text-align: left;
	overflow:auto;
	word-wrap: break-word;
	border: 10px;
	width: 100%;
	height: 100%;
}
hr.new5 {
  border: 5px solid grey;
  border-radius: 5px;
}
.black {
	background-color: #000000;
	border: 2px solid red;
}
.volslider {
  -webkit-appearance: none;
  width: 75%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.volslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #04AA6D;
  cursor: pointer;
}

.volslider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}
.muteswitch {
	margin-left: -2%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:10%;
}
.notiswitch {
	margin-left: -2%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:10%;
}
.volslide {
	color: #ffaa00;
    font-size :150%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	text-align: center;
	width:100%;
	height:5%;
}
.volslidelabel {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 3;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:10%;
}
.muteswitchlabel {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 4;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:10%;
}
.notiswitchlabel {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1;
	grid-row: 5;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:10%;
}
.optionsinner {
	margin-bottom: 10%;
	margin-left: 13%;
	text-align: center;
	width:75%;
	height:90%;
	display:table;
}
.optionslabel {
	line-height:200%;
	margin-top:5%;
	color: #ffaa00;
    font-size :150%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	word-wrap: break-word;
	text-align: center;
}
.canceloptionsbtn {
	margin-left: -5%;
	background :transparent url("../images/icons/canceldmbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	text-align: center;
	width:100%;
}
.ytconnectbox {
	font-size :150%;
	border: 5px solid grey;
	color: #ffaa00;
    display: none;
	overflow:auto;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:94%;
	height:100%;
	background-color: black;
}
.ytconnectbox-content {
	width:70%;
	height:95%;
	padding:15%;
}
.ytcntbtn {
	background :transparent url("../images/icons/connectytbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:100%;
	height:80px;
}
.livedis {
	font-size :150%;
	background :transparent url("../images/icons/notlive.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
    width: 100%;
    height: 50%;
	grid-column: 2;
	grid-row: 1;
    border-radius: 10px;
	overflow:hidden;
	z-index: 999;
}
.tourndis {
	font-size :150%;
	background :transparent url("../images/icons/tourn.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
    width: 100%;
    height: 75%;
	grid-column: 3 / span 2;
	grid-row: 1;
    border-radius: 10px;
	overflow:hidden;
	z-index: 999;
}
.shopdis {
	font-size :150%;
	background :transparent url("../images/icons/shop.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
    width: 100%;
    height: 50%;
	grid-column: 5;
	grid-row: 1;
    border-radius: 10px;
	overflow:hidden;
	z-index: 999;
}
.livebox {
	gap: 10px;
	grid-template-columns: repeat(6, 1fr);
	font-size :150%;
	border: 5px solid grey;
	color: #ffaa00;
    display: none;
	padding:2%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:93%;
	height:98%;
	background-color: black;
}
.livetitlelabel {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 6;
	grid-row: 1;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:3%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:100%;
}
.queuecon {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	border: 5px solid grey;
    width: 90%;
    height: 100%;
	min-height: 100px;
	grid-column: 1 / span 3;
	grid-row: 6 / span 3;
    border-radius: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:scroll;
	margin-bottom:10%;
	margin-top:10%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.queueconlabel {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	border: 5px solid grey;
    width: 90%;
    height: 90%;
	min-height: 100px;
	grid-column: 1 / span 3;
	grid-row: 5;
    border-radius: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	margin-bottom:3%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.queuecoinbtn {
	background :transparent url("../images/icons/enterpcoinbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 4 / span 3;
	grid-row: 6;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:90%;
	height:80px;
}
.queueloyaltybtn {
	background :transparent url("../images/icons/enterployaltybtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 4 / span 3;
	grid-row: 7;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:90%;
	height:80px;
}
.queuenowbtn {
	background :transparent url("../images/icons/enterpnowbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 4 / span 3;
	grid-row: 8;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:90%;
	height:80px;
}
.queuelkbtn {
	background :transparent url("../images/icons/enterplkbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 4 / span 3;
	grid-row: 5;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:90%;
	height:80px;
}
hr.new9 {
	grid-column: 1 / span 6;
	grid-row: 2;
	border: 5px solid grey;
	border-radius: 5px;
	width:96%;
	height:1px;
}
.currentplayers {
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 6;
	grid-row: 3;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:hidden;
	padding:3%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:100%;
	height:100%;
}
hr.new7 {
	grid-column: 1 / span 6;
	grid-row: 4;
	border: 5px solid grey;
	border-radius: 5px;
	width:96%;
	height:1px;
}
hr.new6 {
	grid-column: 1 / span 6;
	grid-row: 9;
	border: 5px solid grey;
	border-radius: 5px;
	width:96%;
	height:1px;
}
.liveplayerlist {
	align-content:center;
	color: #ffaa00;
	position:relative;
    font-size :150%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:3%;
	word-wrap: break-word;
	width:90%;
	height:50%;
}
.iconcenter {
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	position:fixed;
}
.iconcenter {
	text-align: center;
	vertical-align: middle;
}
.infoareabox {
	background :transparent url("../images/icons/updatebox.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	grid-column: 4 / span 3;
	grid-row: 2;
	display: flex;
	justify-content: center;
	align-items:center;
	font-size :150%;
	overflow:hidden;
	word-wrap: break-word;
}
.infoarea {
	height:50%;
	width:75%;
	max-height:60px;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;
}
.ttslabel {
	background :transparent url("../images/icons/tts.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 4;
	grid-row: 10;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:75%;
	height:3%;
	margin-left:-19%;
}
.ttsinput {
	width:75%;
	font-size :150%;
	grid-column: 2 / span 6;
	grid-row: 11;
}
.ttsbtn {
	background :transparent url("../images/icons/ttsbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 4;
	grid-row: 12;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:10%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:100%;
}
hr.new8 {
	grid-column: 1 / span 6;
	grid-row: 13;
	border: 5px solid grey;
	border-radius: 5px;
	width:96%;
	height:1px;
}
.cilabel {
	background :transparent url("../images/icons/checkin.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 4;
	grid-row: 14;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:5%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:75%;
	height:3%;
	margin-left:-19%;
}
.ciinput {
	width:75%;
	font-size :150%;
	grid-column: 2 / span 6;
	grid-row: 15;
}
.cibtn {
	background :transparent url("../images/icons/checkinbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 4;
	grid-row: 16;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:10%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:100%;
}
hr.new11 {
	grid-column: 1 / span 6;
	grid-row: 17;
	border: 5px solid grey;
	border-radius: 5px;
	width:96%;
	height:1px;
}
.soundboard{
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 1 / span 6;
	grid-row: 18;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:hidden;
	padding:3%;
	word-wrap: break-word;
	text-align: center;
	width:94%;
	height:700px;
}
.soundsbox {
	border: 5px solid grey;
	text-align: center;
	width:99%;
	height:600px;
	overflow:scroll;
}
.avalsounds {
	border: 5px solid white;
	width:98%;
	height:40%;
	padding-top:10%;
	padding-bottom:10%;
}
.testsoundbtn {
	background :transparent url("../images/icons/testsound.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:25%;
	height:33%;
	margin:1%;
}
.coingetsound {
	background :transparent url("../images/icons/coinsound.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:25%;
	height:33%;
	margin:1%;
}
.loyaltygetsound {
	background :transparent url("../images/icons/loyaltysound.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:25%;
	height:33%;
	margin:1%;
	padding-top:0%;
}
.lkgetsound {
	background :transparent url("../images/icons/lksound.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:50%;
	height:33%;
	margin:1%;
	padding-top:2%;
}
hr.new10 {
	grid-column: 1 / span 6;
	grid-row: 19;
	border: 5px solid grey;
	border-radius: 5px;
	width:96%;
	height:1px;
}
.closelivebtn {
	background :transparent url("../images/icons/closebtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	grid-column: 3 / span 4;
	grid-row: 20;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	padding:10%;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:100%;
}
.rewards {
	background :transparent url("../images/rewards/prizebg.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	border: 10px solid red;
	position: fixed;
	display:none;
	justify-content: center;
	align-items: center;
	text-align: center;
	overflow:auto;
	word-wrap: break-word;
	width:33%;
	height:20%;
	z-index:9995;
	scale:2;
	margin-top:25%;
	margin-left:32%;
}
.itemreward {
	background :transparent url("../images/rewards/loyaltypoints.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:50%;
	height:100%;
	color:yellow;
	font-size :150%;
    font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.transinfobox {
	display:none;
	background-color:black;
	border: 10px solid grey;
	position:static;
	text-align: center;
	padding:2%;
	width:93%;
}
.closetransbtn {
	background :transparent url("../images/icons/closebtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:50%;
	height:10vh;
}
.transinfo {
	background-color:black;
	width:100%;
	height:80%;
	color:yellow;
	font-size :200%;
    font-weight: bold;
}
.transstyle {
	background-color:grey;
	border: 5px solid yellow;
}
.postransstylecoin {
	color:green;
	background-color:black;
	border: 5px solid green;
}
.negtransstylecoin {
	color:red;
	background-color:black;
	border: 5px solid red;
}
.shopbox {
	gap: 10px;
	font-size :150%;
	border: 5px solid grey;
	color: #ffaa00;
    display: none;
	padding:2%;
	word-wrap: break-word;
	text-align: center;
	width:95%;
	height:80%;
	background-color: black;
}
.shopitems {
	border: 5px solid grey;
	text-align: center;
	width:99%;
	height:30vh;
	overflow:scroll;
}
.shopitem {
	font-size :100%;
	border: 5px solid red;
	color: #ffaa00;
	padding:2%;
	word-wrap: break-word;
	text-align: center;
	width:95%;
	background-color: grey;
	align-content:center;
}
.shopbtns {
	text-align: center;
	width:100%;
	height:50vh;
	overflow:hidden;
	display:flex;
	justify-content:center;
}
.shopiteminfo {
	text-align: center;
	width:90%;
	height:36vh;
	overflow:scroll;
	display:block;
	border: 5px solid yellow;
	position:absolute;
	margin-top:11vh;
}
.mainbody {
	position: sticky;
}
.pleasewait {
	display:none;
	color:#ffaa00;
	align-content:center;
	text-align:center;
	font-size:300%;
	position:fixed;
	z-index:999;
	background-color:black;
	height:100%;
	width:100%;
}
.paypalbtn {
	background :transparent url("../images/icons/paypal.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:33%;
	height:15%;
	margin:1%;
	padding-top:2%;
	display:none;
}
.coinre {
	background :transparent url("../images/icons/coinre.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:33%;
	height:15%;
	margin:1%;
	padding-top:2%;
	display:none;
}
.loyalre {
	background :transparent url("../images/icons/loyalre.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	width:33%;
	height:15%;
	margin:1%;
	padding-top:2%;
	display:none;
}
.liveQueue {
	border: 5px solid red;
	text-align: center;
	width:97%;
	height:30vh;
	overflow:scroll;
}
.adminallmsgs {
	border: 5px solid red;
	text-align: left;
	width:97%;
	height:30vh;
	overflow:scroll;
}
.livePlayers {
	border: 5px solid red;
	text-align: center;
	width:97%;
	height:30vh;
	overflow:scroll;
}
.checkIns {
	border: 5px solid red;
	text-align: center;
	width:97%;
	height:30vh;
	overflow:scroll;
}
.humancheck {
	display: none;
	border: 5px solid red;
	text-align: center;
	width:97%;
	height:90vh;
	overflow:hidden;
	align-content:center;
	justify-content:center;
}
.correct-color-box {
    display: flex;
    background-color: rgb(134, 5, 5);
    border-radius: 10px;
    width: 51vh;
    height: 15vh;
    border: 2px solid;
    box-shadow: 0 0 1px 2px var(--black);
	margin-left: 1vh;
	border: 5px solid red;
}

.color-box {
    cursor: pointer;
    width: 16vh;
    height: 20vh;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 0 1px 2px var(--black);
}

.color-boxes-container {
    display: grid;
    margin-bottom: 50px;
    width: 99%;
    height: 95%;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border-radius: 10px;
    background-color: black;
	margin-left: 1vh;
}

.form-box {
    margin-bottom: 50px;
}

.welcome {
    display: flex;
    margin: 15%;
    justify-content: center;
}

.colorselectn {
	text-align: center;
	width:120vh;
	height:90vh;
	overflow:hidden;
	display:grid;
	justify-content:center;
	margin-top:10vh;
}

.tosbox {
	font-size :150%;
	background-color: black;
	border: 5px solid grey;
    display: none;
    width: 97%;
    height: 96vh;
    border-radius: 10px;
	overflow:hidden;
	z-index: 999;
	position:fixed;
}

.tosscroll {
	overflow:scroll;
	background-color: black;
	border: 5px solid red;
    width: 97%;
    height: 95vh;
    border-radius: 10px;
}

.shopinnards {
	height:80vh;
	width:100%;
}
.redeemstatus {
	text-align: center;
	width:93%;
	height:90vh;
	overflow:scroll;
	border: 5px solid yellow;
	position:absolute;
	background-color: black;
	z-index:1;
}
.redeemstatetrue {
	border: 5px solid gray;
	background-color: green;
	overflow:hidden;
	width:98%;
}
.redeemstatefalse {
	border: 5px solid gray;
	background-color: red;
	overflow:hidden;
	width:98%;
}
.passwordforgot {
	display:none;
	color:yellow;
	font-size:200%;
	overflow:scroll;
	background-color: black;
	border: 5px solid red;
    width: 97%;
    height: 88vh;
    border-radius: 10px;
	text-align:center;
}
.tournmain {
	font-size :150%;
	background-color: black;
    display: none;
	color: #ffaa00;
    width: 98%;
    height: 90vh;
    border-radius: 10px;
	overflow:hidden;
	z-index: 995;
	position:fixed;
	justify-content:center;
}
.tournscroll {
	width:98%;
	height:78vh;
	overflow:scroll;
	border: 5px solid yellow;
	position:absolute;
	background-color: black;
}
.tourcancelbtn {
	background :transparent url("../images/icons/predbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	font-size: 100%;
	width: 98%;
	height:10%;
	margin-top:80vh;
}
.invitetour {
	background :transparent url("../images/tournpfp/bg/invite.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	font-size: 2vh;
	width: 94%;
	height:33vh;
	margin:3%;
}
.pottour {
	background :transparent url("../images/tournpfp/bg/pot.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	font-size: 2vh;
	width: 94%;
	height:33vh;
	margin:3%;
}
.freetour {
	background :transparent url("../images/tournpfp/bg/free.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	font-size: 2vh;
	width: 94%;
	height:33vh;
	margin:3%;
}
.tourinner {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	height:63%;
	padding-top:6vh;
	padding-left:11%;
	padding-right:11%;
	text-align:center;
	line-height:4vh;
	overflow:hidden;
	align-content:center;
}
.blackback {
	background-color: #000000;
	border: 10px solid black;
}
.tourpics {
	grid-column: 1;
	grid-row: 1;
	font-size: 2vh;
	height:20vh;
	padding-top:1vh;
	align-content:center;
	width:75%;
}
.tourinfoside {
	grid-column: 2;
	grid-row: 1;
	font-size: 2vh;
	height:20vh;
	padding-top:.5vh;
	align-content:center;
	width:130%;
	margin-left:-30%;
	font-size:80%;
}
.tourrulesbox {
	border: 5px solid red;
	text-align: center;
	width:99%;
	height:600px;
	overflow:scroll;
	background-color:black;
	color:white;
}
.tourlabel {
	color:yellow;
	border:5px solid red;
	background-color:black;
	line-height:150%;
	padding:.2%;
}
.tourlabelinfo {
	color:white;
	border:5px solid red;
	background-color:black;
	line-height:150%;
	padding:.2%;

}
.blackbacknew {
	background :transparent url("../images/icons/blackback.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	padding:1vh;
}
.tourmaininfo {
	color:white;
	line-height:75%;
	overflow:hidden;
	font-size:95%;
	text-align:center;
	font-weight:bold;
}
.tcgnmainroom {
	font-size :100%;
	background-color: black;
    display: none;
	color: #ffaa00;
    width: 100%;
	height:93%;
    border-radius: 10px;
	overflow:scroll;
	z-index: 999;
	position:relative;
	justify-content:center;
}
.tcgroom {
    width: 100%;
    height: 100%;
	overflow:scroll;
	color: #ffaa00;
}
.judgeimgbtn {
    width: 100%;
    height: 5vh;
}
.sendtourchat {
    width: 17%;
}
.maintourinput {
    width: 78%;
	font-size:200%;
	padding:2%;
}
.calljudgebtn {
    width: 96%;
    height: 5vh;
}
.tourchat {
	border: 5px solid red;
	text-align: left;
	width:96%;
	height:20vh;
	overflow:scroll;
	background-color:black;
	color:white;
}
.tcgdecision {
    width: 98%;
    height: 5vh;
}
.judgeuptest {
	border: 5px solid red;
	text-align: center;
	width:99%;
	height:25vh;
	overflow:scroll;
}
.judgementimg {
	display:none;
    width: 100%;
	text-align:center;
}
.tourcancelbtn2 {
	background :transparent url("../images/icons/predbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	font-size: 100%;
	width: 98%;
	height:10%;
}
.judgesarea {
	font-size :100%;
	background-color: black;
    display: none;
	color: #ffaa00;
    width: 101%;
	height:93%;
    border-radius: 10px;
	overflow:scroll;
	justify-content:center;
}
.judgesroom {
	font-size:300%;
    width: 99%;
    height: 100%;
	overflow:scroll;
	color: #ffaa00;
}
.judgepicks {
	font-size :50%;
	border: 5px solid red;
	color: #ffaa00;
	padding:2%;
	word-wrap: break-word;
	text-align: center;
	width:95%;
	background-color: grey;
	align-content:center;
}
.enterjudgeroom {
	font-size: 100%;
	width: 100%;
	height: 5vh;
	padding: 10px 18px;
	background :transparent url("../images/icons/pgreenbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
}
.fpsarea {
	font-size :100%;
	background-color: black;
    display: none;
	color: #ffaa00;
    width: 101%;
	height:90%;
    border-radius: 10px;
	overflow:scroll;
}
.fpsroom {
	border: 5px solid red;
	font-size:100%;
    width: 93%;
    height: 83%;
	overflow:scroll;
	color: #ffaa00;
	align-content:center;
	margin:2%;
}
.tourhostinst {
	font-size:200%;
	border: 5px solid red;
	text-align: left;
	width:96%;
	height:20vh;
	overflow:scroll;
	background-color:black;
	color:white;
}
.tourcontrol {
	font-size :100%;
	background-color: black;
    display: none;
	color: #ffaa00;
    width: 100%;
	height:93%;
    border-radius: 10px;
	overflow:scroll;
	z-index: 999;
	position:relative;
	justify-content:center;
}
.admintour {
	color: #ffaa00;
    font-size :2vh;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	text-align: left;
	max-width:100%;
	height: 40vh;
}
.admintourmsg {
	color: #ffaa00;
    font-size :2vh;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	text-align: left;
	max-width:100%;
	height: 30vh;
}
.admintour2 {
	color: #ffaa00;
    font-size :2vh;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
	background-color: #000000;
    font-weight:bold;
	transform: scale(1.0);
	overflow:auto;
	border: 5px solid grey;
	padding:2%;
	word-wrap: break-word;
	text-align: left;
	max-width:100%;
	height: 50vh;
}
.ticketitem {
	font-size :50%;
	border: 5px solid red;
	color: #ffaa00;
	padding:2%;
	word-wrap: break-word;
	text-align: left;
	width:95%;
	background-color: grey;
	align-content:left;
}
.greenbtn {
	font-size: 100%;
	width: 100%;
	padding: 10px 18px;
	background :transparent url("../images/icons/pgreenbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
}
.yellowbtn {
	font-size: 100%;
	width: 100%;
	padding: 10px 18px;
	background :transparent url("../images/icons/pyellowbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
}
.redbtn {
	font-size: 100%;
	width: 100%;
	padding: 10px 18px;
	background :transparent url("../images/icons/predbtn.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
}
.admintourroom {
	display: none;
	color: #ffaa00;
    font-size :150%;
    font-weight: bold;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: black;
	border: none;
	padding: 20px;
	text-align: center;
	height: 98%;
	width: 98%;
	overflow:auto;
	word-wrap: break-word;
	z-index: 1000;
	align-content:center;
}
.adminjudgesroom {
	font-size:100%;
    width: 99%;
    height: 100%;
	overflow:scroll;
	color: #ffaa00;
}
.comtour {
	height: 100%;
	width: 98%;
	overflow:scroll;
	word-wrap: break-word;
}
.comtourcon {
	display:none;
	border: 5px solid yellow;
	height: 89%;
	width: 98%;
	overflow:hidden;
	align-content:center;
	text-align:center;
	justify-content:center;
}
.floatclicker {
	display:flex;
	border: 5px solid yellow;
	position:fixed;
	width:93%;
	height:4vh;
	color:white;
	background-color:black;
	align-content:center;
	text-align:center;
	justify-content:center;
	overflow:hidden;
	font-size:70%;
	font-weight:bold;
	padding-top:3vh;
}