body {
    min-width: 1024px;
	padding-top: 52px;
	overflow: auto;
}
.row {
	margin-left: -18px;
	margin-right: -18px;
}
.sub-leader, .h2, h2 {
	font-size: 1.2rem !important;
}
.button.large {
	font-size: 1rem !important;
}
a, a:hover {
	color: white;
	text-decoration: none;
}
.overlay {
	position: unset !important;
}
#questionText {
	margin: 12px;
}
.game-button {
	border: 2px solid #143D59;
	background-color: #fafafa !important;
}
.game-button:hover {
	border: 2px solid rgb(255,128,0) !important;
}

.dialog.jeopardyQuestion {
	width: 100% !important;
    top: 58px !important;
	left: 1px !important;
	height: calc(100vh - 1px) !important;
    background-color: #1A1981 !important;
    /* text-transform: uppercase !important; */
	max-width: 100%;
    max-height: calc(100% - 62px);
    background: radial-gradient(circle at bottom, #1A1981 0, rgba(50, 50, 50) 100%);
	border: 1px solid #1A1981;
}
.dialog.jeopardyQuestion .dialog-content, .questionContent, .questionAnswer {
	height: 90%;
	text-align: center;
	font-size: 40px;
	overflow: auto;
	padding: 8px;
}
.questionText {
	height: 90%;
	text-align: center;
	font-size: 40px;
	overflow: visible;
}
.dialog.jeopardyQuestion .dialog-actions {
	border-top: 0px none;
}
.dialog.jeopardyQuestion .dialog-title {
	font-size: 50px;
}

.questionValue {
	font-size: 70px !important;
	font-weight: 600;
	letter-spacing: 3px;
}

.answered {
	color: transparent !important;
	text-shadow: none !important;
}

.readyToAnswer{
	background-color: whitesmoke;
}
.answerCnt1{
	background-color: rgb(207,181,9) !important;
}
.answerCnt2{
	background-color: rgb(227,201,29) !important;
}
.answerCnt3{
	background-color: rgb(247,221,49) !important;
}
.answerCnt4{
	background-color: rgb(247,221,109) !important;
}
.answerCnt5{
	background-color: rgb(247,221,159) !important;
}

.textarea {
	height: 40%;
}

.textarea .input-clear-button ~ textarea {
	height: 100% !important;
	font-size: 20px;
}

.inputTopic textarea {
	font-size: 20px !important;
}

.playArea th {
	height: 12vh !important;
	width: 15vw !important;
	vertical-align: middle !important;
	color: white !important;
	text-align: center !important;
	border: 3px white solid !important;
	font-size: 16px;
	background-color: #1A1981;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
    max-width: 150px;
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    word-wrap: break-word;
}

.topicNValue {
	font-size: 20px;
}

.playArea td {
	height: 12vh !important;
	width: 15vw !important;
	vertical-align: middle !important;
	color: gold;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
	text-align: center !important;
	border: 3px white solid !important;
	font-size: 44px;
	background-color: #1A3991;
	cursor: pointer;
	padding: 0px 0px 4px 0px !important;
}

.playArea td:hover {
	background-color: rgba(108, 63, 166, 1) !important;
	text-shadow: 5px 5px 5px rgba(0,0,0,0.8);
	-webkit-transition: text-shadow .5s ease;
	-moz-transition: text-shadow .5s ease;
	-o-transition: text-shadow .5s ease;
}

.playerBox {
	height: 52px;
	font-size: 20px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
	text-align: center;
	margin: 10px 0px;
	border-radius: 15px;
	background-color: #fafafa;
}

.playerBox table {
	width: 100%;
}

.playerBox td {
	height: 100%;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
	line-height: 26px;
}

.playerBar.cell-2{
	padding-left: 0px !important;
}
.playerBar {
	margin-top: 4px;
}

.answerButton:disabled {
	background-color: green !important;
	opacity: 1;
}

.adminBar {
	margin-top: 10px;
}

.table {
    /*width: 75% !important;*/
	margin: 0px;
}

@media screen and (min-width: 768px) {
	.topicNValue {
		font-size: 25px;
	}
	.textarea .input-clear-button ~ textarea {
		font-size: 30px;
	}
	.inputTopic textarea {
		font-size: 30px !important;
	}
	.dialog.jeopardyQuestion {
		width: calc(75% - 8px) !important;
	}
	.dialog.jeopardyQuestion .dialog-content, .questionContent, .questionText, .questionAnswer {
		font-size: 40px;
	}
	.playArea td {
		font-size: 60px;
	}
	.table {
		width: 100% !important;
	}
}

@media screen and (min-width: 1200px) {
	.topicNValue {
		font-size: 30px;
	}
	.sub-leader, .h2, h2 {
		font-size: 1.4rem !important;
	}
	.button.large {
		font-size: 1.375rem !important;
		height: 3.7rem;
	}
	.playArea th {
        font-size: 22px;
	}
	.textarea .input-clear-button ~ textarea {
		font-size: 50px;
	}
	.inputTopic textarea {
		font-size: 50px !important;
	}
	.dialog.jeopardyQuestion .dialog-content, .questionContent, .questionText, .questionAnswer {
		font-size: 40px;
	}

	.playArea td {
		font-size: 65px;
	}
}

@media screen and (min-width: 1360px) {
	.playArea th {
		font-size: 28px;
	}
	.playArea td {
		font-size: 66px;
	}
	.dialog.jeopardyQuestion .dialog-content {
		font-size: 50px;
		line-height: 66px;
	}
}

.dialog.jeopardyQuestion .dialog-actions .button {
	min-width: 20%;
}

.hidden {
	display: none;
}

.questionAnswer {
	border-top: 3px solid white;
	display: none;
}

.showAnswer {
	display: block !important;
}

.playArea th {
	cursor: pointer !important;
}

.playArea th:hover {
	background-color: rgba(108, 63, 166, 1) !important;
}

.questionAnswerArea, .questionContent, .questionText, .questionAnswer {
	vertical-align: middle !important;
	color: white;
	text-align: center !important;
}

.pressed {
	color: rgb(255,128,0) !important;
}

button.light {
	border-left: 15px solid inherit;
}

.reactionCnt {
	width: 15%;
	font-size: 18px;
	font-weight: bold;
	color: red;
}

.reactionTime {
	width: 15%;
	font-size: 22px;
	font-weight: bold;
	color: darkred;
	padding: 0px 3px;
	line-height: 30px;
}
.editScoreButton {
	width: 100%;
    min-width: 60px;
	border-radius: 5px;
	font-size: 18px;
	vertical-align: text-bottom;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.editScoreButton.crossicon {
	font-size: 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 5px;
}
.editScoreButton:hover, .editScoreButton2:hover {
	background-color: gold !important;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.5) !important;
}

.editScoreButton2 {
	width: 100%;
	min-width: 34.4px;
	border-radius: 50%;
	font-size: 18px;
	vertical-align: text-bottom;
	padding: 4px;
}

.pulse {
	display: block;
	background: #cca92c;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(204, 169, 44, 0.9);
	animation: pulse 1s infinite;
}

.just-pulse {
	animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.9);
	}
	70% {
		-webkit-box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.9);
		box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.9);
	}
	70% {
		-moz-box-shadow: 0 0 0 100px rgba(204, 169, 44, 0);
		box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
		box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
	}
}

@keyframes space {
    40% {
        opacity: 0.75;
    }
    50% {
        opacity: 0.25;
    }
    60% {
        opacity: 0.75;
    }
    100% {
        transform: rotate(360deg);
    }
}

.button.js-dialog-close {
	background-color: #f8f8f8 !important;
	color: #143D59 !important;
}
.itanic-spinner-container {
	height: 100% !important;
	position: absolute;
	left: calc(50% - 50px);
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
}
.popover {
	background-color: #143D59;
	color: rgb(255,128,0) !important;
	padding: 24px;
}
.popover .popover-close-button {
	background-color: #143D59 !important;
	color: white;
	font-size: 38px;
}

.container-fluid {
	width: calc(100% - 24px);
}

.table thead th, .table tfoot th, .table .thead th, .table .tfoot th, .table thead td, .table tfoot td, .table .thead td, .table .tfoot td, .table thead .th, .table tfoot .th, .table .thead .th, .table .tfoot .th, .table thead .td, .table tfoot .td, .table .thead .td, .table .tfoot .td {
	line-height: 1.1;
}

.switch input[type="checkbox"]:disabled ~ .check::after {
	background-color: #143D59;
	border-color: #143D59;
}

.video-title-cover {
    /*background-color: #1A1981 !important;*/
    background: radial-gradient(circle at bottom, #1A1981 -215%, rgb(50, 50, 50) 175%);
	width: 100%;
	height: 60px;
	position: absolute;
}

.frame-container {
	margin-top: -60px;
}

.gameboard-content {
    min-width: 1100px;
}

.gameboard-content .table thead {
	border-bottom: none;
}

.space {
    background: transparent center / 200px 200px round;
    /*border: 1px dashed purple;*/
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.stars1 {
    animation: space 180s ease-in-out infinite;
    transform: rotate(0deg);
    background-image: radial-gradient(1px 1px at 25px 5px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 50px 25px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 125px 20px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 50px 75px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2px 2px at 15px 125px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 110px 80px, white, rgba(255, 255, 255, 0));
}

.stars2 {
    animation: space 240s ease-in-out infinite;
    transform: rotate(20deg);
    background-image: radial-gradient(1px 1px at 75px 125px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 100px 75px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 199px 100px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2px 2px at 20px 50px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 100px 5px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 5px 5px, white, rgba(255, 255, 255, 0));
}

.stars3 {
    animation: space 300s ease-in-out infinite;
    transform: rotate(40deg);
    background-image: radial-gradient(1px 1px at 10px 10px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1px 1px at 150px 150px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 60px 170px, white, rgba(255, 255, 255, 0)),
    radial-gradient(1.5px 1.5px at 175px 180px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2px 2px at 195px 95px, white, rgba(255, 255, 255, 0)),
    radial-gradient(2.5px 2.5px at 95px 145px, white, rgba(255, 255, 255, 0));
}

.player-name {
	width: 50%;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100px;
}

.editScoreButton {
	cursor: pointer;
	box-shadow: inset 0 0 25px 1px green;
}
.editScoreButton.crossicon {
	box-shadow: inset 0 0 25px 1px red !important;
}
.editScoreButton2 {
	cursor: pointer;
	box-shadow: inset 0 0 25px 1px green;
}
.editScoreButton2.crossicon {
	box-shadow: inset 0 0 25px 1px red !important;
}
#showFinalQuestion {
	background-color: grey;
	color: ghostwhite;
}

#showFinalQuestion.ready {
	background-color: #60a917 !important;
}
.shadow-on {

}