body, h1{
	margin: 0px;
	text-decoration: none !important;
}

img{
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */  
}

body.modal-open {
    text-decoration: none !important;
	overflow: hidden;
	position:fixed;
	width: 100%;
}

h1{
	font-family: 'Coiny', cursive;
}

.honeypot{
	display: none;
}

#paizoLogo{
	height: 60px;
	margin-right: 20px;
}

.jumbotron{
	padding: 20px;
	margin-bottom: 2px;
}

#nav{
	clear: both;
	margin: 10px;
}

.addPanel{
	position: absolute;
	margin-left: 0px;
	margin-top:0px;

	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

#userInfo{
	color: #CC6600;
	text-align: right;
	font-size: 0.8em;
	margin-right: 10px;
}

.star{
	height: 14px;
}

.starMedium{
	height: 32px;
}


.addInfoLink img{
	height: 12px;
}

.addPanelContent{
	margin: 0 auto;
	margin-top: 40px;
	
	width: 400px;
	padding: 40px;
	background-color: white;
}

.textfield{
	background-color: white; 
	font-size: 12px;
	color: maroon;
}

.errorMessage{
	color: maroon;
	padding-bottom: 8px;
}

.button{
	font-weight: bold;
	background-color: maroon;
	color: white;
	
	cursor: hand;
	cursor: pointer;
	padding: 12px;
	padding-top: 6px;
	padding-bottom: 4px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-moz-user-select:-moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.button:hover{
	background-color: #CC6600;
}

.hand{
	cursor: hand;
	cursor: pointer;
}

.btn img{
	height: 20px;
}

.lblSelected{
	margin-left: 20px;
	padding: 8px;
	color: #CC6600;
	font-size: 1.4em;
}

.box{
	background-color: rgba(0, 0, 0, 0.02);
	border: 1px solid #555555;
	border-radius: 10px;
	width: 320px;
	padding: 40px;
	margin: 20px;
}

.widebox{
	background-color: rgba(0, 0, 0, 0.02);
	border: 1px solid #555555;
	border-radius: 10px;
	width: 500px;
	padding: 40px;
	margin: 20px;
}


#teacherPanel{
	background-color: #e9ecef;
	min-width: 750px;
	padding: 10px;
	margin: 10px;
}

#teacherPanel a:link{
	color: maroon;
	text-decoration: none;
}

.studentData{
	background-color: white;
	min-width: 710px;
	min-height: 300px;		/* increase as more games are added to accommodate drop down */
	padding: 10px;
	margin: 10px;
}

#gameList{
	border: 1px black solid;
	min-width: 750px;
	padding: 10px;
	margin: 6px;
}

.gameBox{
	float: left;
	height: 180px;
	margin-right: 20px;
	text-align: center;
}


.logoButton {
    width: 100%;  /* Make the image width 100% of its container */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensures the image fits within the container without distortion */
    padding: 10px; /* Adjust padding as needed */
    text-align: center;
    border: 4px solid #222;
    border-radius: 30px;
    margin: 20px;
    font-size: medium;
}

@media (min-width: 640px) {
    .logoButton {
        width: 8rem; /* sm:w-32 equivalent */
        height: 8rem;
    }
}

@media (min-width: 768px) {
    .logoButton {
        width: 10rem; /* md:w-40 equivalent */
        height: 10rem;
    }
}
.image1 {
	margin-left: 20px;
}

.logoButton:hover{
	border-color: #555;
}

table{
    border-spacing: 0;
    border-collapse: collapse;	
	margin-top: 4px;
}

td{
	border: #909090 1px solid;
	padding: 6px;
}

.tdImg{
	padding: 0px;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
}

.imgSpacing{
	display: inline-block;
	width: 8px;
}

.oddRow{ background-color: #F8F8F8;  }
.evenRow{ background-color: #E0E0E0;  }
.topRow{ background-color: #C0C0C0;  }

.selectedInfo{
	background-color: #e6f2ff;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #2b91ff;
	border-bottom: 1px solid #2b91ff;
}

.selectedInfo a{ text-decoration: none; font-weight:500; }
.selectedInfo a, .selectedInfo a:link, .selectedInfo a:visited{
	color: #FF5733;
}
.selectedInfo a:hover{ color: #ff8166; }

.subcost{
	color: #CC6600;
}

#subscriptionNote{
	font-style: italic;
	font-size: 11pt;
	color: #CC6600;
	text-align: right;
	padding-top: 8px;
}