@charset "UTF-8";
/* Dynamic Configuration Page and Global Styling */
body {
  font-family: "Gotham Light", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2vmax;
  line-height: 1.6vmax;
  color: rgb(85, 85, 85);
  min-width: 300px;
  background-color: rgb(245, 246, 243);
  margin: 0px;
}

/* Splash Screen */
#loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	overflow: hidden;
    background-color: #fff;
    z-index: 200;
}
#loading > img {
    margin: 50vh 50vw;
    transform: translate(-50%, -50%);
}

/* Main Container */
.outterContainer {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: rgb(245, 246, 243);
}

/* Header Styles */
header row {
	display: flex;
	flex-wrap: nowrap;
}
.headerrowdiv {
	width: 33%;
}
#sideLogo {
    float: left;
	box-sizing: border-box;
	height: 5vmax;
}
#daiLogo {
    float: right;
	box-sizing: border-box;
	height: 5vmax;
}
#envWatermark {
	text-align: center;
	font-size: 3vmax;
	line-height: 5vmax;
	vertical-align: middle;
	color:rgb(219, 98, 71);
}

/* Navigation Styles */
nav {
	width: 100%;
	height: 3.5vmax;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: rgb(42, 42, 42);
	box-sizing: border-box;
}
nav ul {
	width: 90%;
	padding-inline-start: 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	
}
nav ul li {
	list-style: none;
	letter-spacing: 1px;
	font-family: "Gotham", "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 1.4vmax;
}
nav > * a {
	color: rgb(255, 255, 255);
	text-decoration: none;
	cursor: auto;
}
nav ul li a:hover {
	color: rgb(108, 98, 151);
	cursor: pointer;
}
nav .active {
	color: rgb(254, 159, 67)!important;
	cursor:default!important;
}

/* Content Frame */
.contentframe {
  background-color: rgb(255, 255, 255);
}

/* Full Frame Float Styles */
.full_article {
  width: 96.5%;
  float: left;
  color: rgb(42, 42, 42);
  padding: 1px 1.5vmax 2vmax 1.5vmax;
}
.full_article h2 { 
	font-family: "Gotham Light", "Open Sans", sans-serif;
	color: rgb(42, 42, 42);
	font-size: 1.8vmax;
	font-weight: 600;
	padding: 1vmax 1vmax 0px 1vmax;
}
.columns {
  width: 33%;
  float: left;
  font-family: "Gotham Light", "Open Sans", sans-serif;
  color: rgb(42, 42, 42);
  line-height: 1.4vmax;
  padding: 0px 1vmax 0px 1vmax;
  box-sizing: border-box;

}
.columns h3 {
	text-align:center
}
.columns li {
	padding: 0.5vmax 0px;
}

/* Left Float Styles */
.left_article {
	width: 70%;
	float: left;
	color: rgb(42, 42, 42);
	padding: 0px 0px 1vmax 2vmax;
	box-sizing: border-box;
}
.left_article h1 {
	font-family: "Gotham Light", "Open Sans", sans-serif;
	color: rgb(42, 42, 42);
	font-size: 2.2vmax;
	font-weight: 600;
}
.left_article p {
	padding: 0px 2vmax 0vmax 1vmax;
}

/* Right Aside Styles */
aside {
	width: 30%;
	box-sizing: border-box;
	float: right;
	padding: 3vmax 1vmax 1vmax 1vmax;

}

/* Aside Forms */
.asideForm {
	color: rgb(255, 255, 255);
	background-color: rgb(108, 98, 151);
	padding: 1vmax 1vmax 2vmax 1vmax;
	border: solid 1px rgb(42, 42, 42);
	border-radius: 15px;
	box-sizing: border-box;
	display:block;
	text-align: left;
}
.asideForm div {
	width: 100%;
	box-sizing: border-box;
}
.asideForm div label {
	display:block;
	font-size: 0.8vmax;
	line-height: 0.8vmax;
	margin: 1vmax 0px 0px 0px;
	font-weight: 600;
	width: 100%;
}
.asideForm select, .asideForm input, .asideForm textarea {
	display: block;
	width: 95%;
	margin: 0.5vmax 2vmax 0.1vmax 0.5vmax;
	box-sizing: border-box;
	border-radius: 5px;
	overflow: hidden;
	background-color:rgb(204, 197, 235);
	font-family: "Gotham Light", "Open Sans", sans-serif;
	font-size: 1.2vmax;
}
.asideForm select, .asideForm input {
	height: 2.5vmax;
	padding: 0px 0px 0px 1vmax;
}
.asideForm textarea {
	height: 7vmax;
	padding: 1vmax 0.5vmax 1vmax 1vmax;
}

.asideForm select optgroup {
	background-color:rgb(63, 56, 94);
	color: rgb(225,225,225);
	font-family: "Gotham", "Open Sans", sans-serif;
	font-size: 0.8vmax;
	font-style: italic;
	font-weight: 700;
}
.asideForm select option {
	background-color:rgb(204, 197, 235);
	color: rgb(25,25,25);
	font-family: "Gotham Light", "Open Sans", sans-serif;
	font-size: 1.2vmax;
	font-style: normal;
	font-weight: 300;
}

/* side Config Form */
.side_Config {
	background-color: rgb(247, 183, 49);
	box-sizing: border-box;
	padding: 0px 2vmax 1vmax 2vmax;
}
.side_DynItems {
	box-sizing: border-box;
}
.side_Group {
	box-sizing: border-box;
	flex-wrap: wrap;
	padding: 0.5vmax 0px 0.5vmax 0.5vmax;
	margin: 0.5vmax;
}
.side_Item {
	float: left;
	box-sizing: border-box;
}
.side_Item div {
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
}
.side_Item div input, .side_Item div textarea {
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
}
.side_Item div label {
	width: 100%;
	font-family: "Gotham", "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 1.4vmax;
	letter-spacing: -1px;
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px .5vmax;
	box-sizing: border-box;
}
.side_Item div input, .side_Item div select, .side_Item div textarea {
	border: 1px solid black;
	border-radius: 5px;
	margin: 0px 5px .8vmax .5vmax;
	font-family: "Gotham Light", "Open Sans", sans-serif;
	font-size: 1.2vmax;
	padding: 0.5vmax;
}
.side_Item div input[type=text], .side_Item div textarea {
	width: 95%;	
}
.side_Item div .noDisplay {
	display: none;
}

/* side Config Checkboxes */
.side_Item div .emCheckbox {
	display: block;
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 0%;
	padding: 0px 30px 0px 30px;
	cursor: pointer;
	font-size: .8vmax;
	font-weight: 300;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.side_Item div .emCheckbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.side_Item div .emCheckmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid black;
	border-radius: 5px;
}
.side_Item div .emCheckbox:hover input ~ .emCheckmark {
  background-color: #ccc;
}
.side_Item div .emCheckbox input:checked ~ .emCheckmark {
  background-color: #2196F3;
}
.side_Item div .emCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.side_Item div .emCheckbox input:checked ~ .emCheckmark:after {
  display: block;
}
.side_Item div .emCheckbox .emCheckmark:after {
  left: 6px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* SVG Styling */
#svgpencil {
	height: 5vw;
	vertical-align: middle;
}
#svgpencil path {
	fill: rgb(247, 183, 49);
	stroke: rgb(1, 1, 1);
	stroke-width: .5px;
	opacity: 1;
}
#svgPlay path {
	fill: rgb(255, 255, 255);
	stroke: rgb(1, 1, 1);
	stroke-width: 1px;
	opacity: .9;
}
#svgPlay path {
	fill: rgb(255, 255, 255);
	opacity: .95;
}
#svgpallate path {
  fill: rgb(51, 211, 137);
}
#svgfilter path {
  fill: rgb(247, 183, 49);
}
#svggear path {
  fill: rgb(97, 179, 184);
}
#svgrobot path {
  fill: rgb(51, 211, 137);
}
#svgcamera path {
  fill: rgb(108, 98, 151);
}
#svgtruck path {
  fill: rgb(39, 159, 234);
}
#svgcontribute {
	float: right;
}
#svgcontribute path {
  fill: rgb(247, 183, 49);
}

/* Thumbnails Styling */
.thumbnail {
  width: 100px;
  border-radius: 200px;
  height: 100px;
  margin-left: auto;
}
.thumbnail_align {
  text-align: center;
}

/* footer Styles */
.footer {
	width: 100%;
	height: 3.5vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(42, 42, 42);
	box-sizing: border-box;
}
.footer a {
	color: rgb(255, 255, 255);
	text-decoration: none;
	cursor: pointer;
}
.copyright {
  text-align: center;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 0px;
  border-top-width: 2px;
}


/* Dynamic Configuration Modal Styling */
.modalDiv {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(42, 42, 42);
  background-color: rgba(42, 42, 42, .6);
}
.modalContent {
  color: rgb(42, 42, 42);
  background-color: rgb(97, 179, 184);
  margin: 30vh auto;
  padding: 2vmax;
  border: 1px solid rgb(42, 42, 42);
  border-radius: 10px;
  width: 60vw;
  font-weight: 600;
  font-size: 1.2vmax;
  line-height: 1.5vmax;
}
.modalContent h2 {
  font-size: 3vmax;
  font-weight: 800;
}
.modalContent a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 1.2vmax;
  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 2px 0px #777, 0px 3px 0px #666, 0px 4px 0px #555, 0px 4px 0px #444, 0px 5px 0px #333, 0px 6px 5px #001135;
}
.modalContent a:hover {
  text-decoration: none;
  color: rgb(247, 183, 49);
}
.modalClose {
  color: rgb(25, 25, 25);
  float: right;
  font-size: 3vmax;
  font-weight: bold;
}
.modalClose:hover, .modalClose:focus {
  color: rgb(247, 183, 49);
  text-decoration: none;
  cursor: pointer;
}

/* side Branding Styles */
.sideheader {
	color: rgb(100, 154, 61);
    font-stretch: condensed;
    text-transform: lowercase;
	text-shadow: 1px 0px 0px rgb(56, 87, 35), 2px 1px 0px rgb(37, 59, 23);
    font-family: "Gotham Thin", "Open Sans", sans-serif;
}
h1 .sideheader {
	font-weight: 800;
    font-size: 3vmax;	
}
h2 .sideheader {
	font-weight: 700;
    font-size: 2vmax;	
}
h3 .sideheader {
	font-weight: 600;
    font-size: 1.7vmax;	
}
.sidetext {
	font-weight: 900;
    font-size: 1.3vmax;
	color: rgb(100, 154, 61);
    font-stretch: condensed;
    text-transform: lowercase;
	text-shadow: 1px 1px 0px rgb(37, 59, 23);
    font-family: "Gotham Thin", "Open Sans", sans-serif;
}
a:hover .sidetext {
	cursor: pointer;
	color: rgb(247, 183, 49);
}

/* Reusable Styles */
.noDisplay {
  display: none;
}
.flex-start {
	display: flex;
	justify-content: flex-start;
}
.flex-center {
	display: flex;
	justify-content: center;
}
.flex-end {
	display: flex;
	justify-content: flex-end;
}
.inlinelinks {
  color: rgb(108, 98, 151);
  font-weight: 600;
  text-decoration: none;
}
.inlinelinks:hover {
  cursor: pointer;
  color: rgb(247, 183, 49);
}
.clear, .clearboth {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}

/* Dynamic Configuration Tool Element Sizing */
.eighth {
  width: calc(12% - 2vmax);
}
.quarter {
  width: calc(25% - 1.5vmax);
}
.third {
  width: calc(33% - 1vmax);
}
.half {
  width: calc(50% - 1.0vmax);
}
.twothird {
  width: calc(66% - 0.5vmax);
}
.threequarter {
  width: calc(75% - 0.5vmax);
}
.full {
  width: calc(100% - 0.5vmax);
}
.right {
	float: right;
}
.left {
	float: left;
}
.border {
	border: 1px solid black;
	border-radius: 5px;
}

/* Buttons */
.showMeNow {
	display: flex;
	justify-content: center;
	font-family: "Gotham", "Open Sans", sans-serif;
	font-size: 2.5vmax;
	padding: .5vmax 1vmax;
	margin: 0px 1vmax 2vmax auto;
	border-radius: 20px;
	color: rgb(255, 255, 255);
	background-color: rgb(85, 85, 85);
	background-color: rgba(85, 85, 85, .7);
}
.showMeNow:hover {
  	color: rgb(255, 255, 255);
	background-color: rgb(51, 211, 137);
	background-color: rgba(51, 211, 137, .7);
	box-shadow: rgba(0, 1, 0, .9) 0 1px 4px;
	opacity: .85;
}
.showMeNow:active {
  outline: 0;
}
.showMeNow:focus {
  box-shadow: rgba(0, 0, 0, .8) 0 0 0 3px;
}
.emailBtn {
	display: flex;
	justify-content: center;
	font-family: "Gotham", "Open Sans", sans-serif;
	font-size: 1vmax;
	padding: .5vmax;
	margin: 1vmax 1vmax 1vmax auto;
	border-radius: 5px;
	color: rgb(255, 255, 255);
	background-color: rgb(85, 85, 85);
	background-color: rgba(85, 85, 85, .7);
}
.emailBtn:active {
  outline: 0;
}
.emailBtn:focus {
  box-shadow: rgba(0, 0, 0, .8) 0 0 0 3px;
}

/* Dynamic Configuration Tool Code Sample Styling */
.divOuterCodeFrame {
	width: 100%;
}
.codeDivs {
  font-size: 1.1vmax;
  box-sizing: border-box;
  display: none;
}
.codeTabs {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 0px;
	margin:0px;
}
.codeLabel {
	margin: 0px auto -0.9vmax auto;
	padding: 10px 2vmax;
	box-sizing: border-box;
	font-size: 1.5vmax;
	height: 3vmax;
	font-weight: 400;
	color: rgb(244, 244, 244);
	line-height: 1vmax;
	background-color: rgb(76, 63, 51);
	border-color: rgb(76, 63, 51);
	border-style: solid;
	border-width: .3em;
	border-radius: 8px 8px 0px 0px;
	cursor: pointer;
}
.codeActive {
  color: rgb(51, 211, 137)!important;
  font-weight: 600;
  text-shadow: 0px 0px 0px #000, 0px 1px 0px #666, 0px 1px 0px #555, 0px 1px 1px #444, 0px 2px 1px #333, 0px 3px 2px #001135;
}
.copycodebutton {
	background-color: initial;
	background-image: linear-gradient(rgb(85, 85, 85), rgb(42, 42, 42));
	border-radius: 8px;
	border-width: 0;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 0.9vmax;
	line-height: 1.2vmax;
	height: 1.8vmax;
	padding: 0px .8vmax;
	transition: all 150ms;
	user-select: none;
	-webkit-user-select: none;
}
.copycodebutton:hover {
  box-shadow: rgba(0, 1, 0, .7) 0 1px 4px;
  opacity: .85;
}
.copycodebutton:active {
  outline: 0;
}
.copycodebutton:focus {
  box-shadow: rgba(0, 0, 0, .8) 0 0 0 3px;
}

/* Dynamic Configuration Tool Tab Visibility Controls */
#emulaterow, #learnrow, #requestrow, #contributerow, #aboutrow, #contactrow, #divz_objectselect, #divz_formatselect, #side_config {
  display: none;
}
#emulaterow {
  display: block;
}


/* Dynamic Configuration Tool Tablet Sizing Overrides */
@media (min-width: 751px) and (max-width: 1200px) {	
	body {
		font-size: 1.8vmax;
		line-height: 2.2vmax;
	}
	header row {
		align-items: center;
		justify-content: center;
	}
	nav {
		height: auto;
		flex-wrap: wrap;
	}
	nav ul {
		list-style: none;
		flex-wrap: wrap;
		text-align:center;
	}
	nav ul li {
		list-style: none;
		font-size: 2.0vmax;
		width:33%;
		margin: 1.2vh 0vh;
	}
	.left_article {
		width:48%;
	}
	aside {
		width:48%;
	}
	.left_article h1, .left_article h2, .left_article h3, .left_article h4, .full_article h1, .full_article h2, .full_article h3, .full_article h4  {
		font-size: 3.2vmax;
		line-height: 4.2vmax;
		font-weight: 600;
	}
	.columns {
		width: 48%;
		float: left;
	}
	.columns h1, .columns h2, .columns h3, .columns h4  {
		font-size: 2.5vmax;
		line-height: 3.5vmax;
	}
	.columns p, .columns li {
		font-size: 1.8vmax;
		line-height: 2.2vmax;
	}
	.eighth {
		width: calc(33% - 2vmax);
	}
	.quarter, .third {
		width: calc(50% - 3vmax);
	}
	.modalContent {
		width: 80vw;
	}
	h1 .sideheader {
		font-weight: 800;
	    font-size: 4vmax;	
	}
	h2 .sideheader {
		font-weight: 700;
	    font-size: 3vmax;	
	}
	h3 .sideheader {
		font-weight: 600;
	    font-size: 2.7vmax;	
	}
	.sidetext {
		font-weight: 900;
	    font-size: 2.3vmax;
	}
	.asideForm div label {
		font-size: 1.8vmax;
		line-height: 1.8vmax;
	}
	.asideForm select optgroup {
		font-size: 1.4vmax;
		line-height: 1.4vmax;
	}
	.asideForm select option, .asideForm select, .asideForm input, .asideForm textarea, .asideForm button {
		font-size: 2.9vmax;
		height: 5vmax;
	}
	.side_Item div input, .side_Item div select, .side_Item div textarea {
		font-size: 2.8vmax;
		line-height: 3.2vmax;
		height: 4vmax;
	}
	.side_Item div label {
		font-size: 2.3vmax;
		line-height: 3.2vmax;
	}
	.side_Item div .emCheckbox{
		font-size: 1.3vmax;
		line-height: 2.2vmax;
		margin-right: 1vmax;
	}
	.copycodebutton {
		font-size: 1.5vmax;
		line-height: 2.25vmax;
		height: 3.0vmax;
		padding: 0px 1.2vmax;
	}
	.codeLabel {
		padding: 0.8vmax 2vmax;
		font-size: 2.3vmax;
		height: 3.5vmax;
		line-height: 1vmax;
		margin: 0px auto -1.0vmax auto;
	}
	.codeDivs {
		font-size: 1.9vmax;
	}

}



/* Dynamic Configuration Tool Mobile Sizing Overrides */
@media (max-width: 750px) {
	body {
		font-size: 2.6vmax;
		line-height: 4.6vmax;
	}
	#brandingRow {
		display: none;
	}
	header row {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.left_article, .full_article, aside {
		width: 98%;
		min-height: 1vh;
		padding: 1%;
		margin: 0px;
	 }
	.columns {
		width: 98%;
		margin: 0px;
		padding: 0px;
	}
	nav {
		height: auto;
		flex-wrap: wrap;
	}
	nav ul {
		list-style: none;
		flex-wrap: wrap;
		text-align:center;
	}
	nav ul li {
		list-style: none;
		font-size: 4.0vmax;
		width:50%;
		margin: 2.2vh 0vh;
	}
	.left_article h1, .left_article h2, .left_article h3, .left_article h4, .full_article h1, .full_article h2, .full_article h3, .full_article h4  {
		font-size: 5.2vmax;
		line-height: 7vmax;
		font-weight: 600;
	}
	.columns {
		width: 98%;
		float: left;
	}
	.columns h1, .columns h2, .columns h3, .columns h4  {
		font-size: 4.5vmax;
		line-height: auto;
	}
	.columns p, .columns li {
		font-size: 3.8vmax;
		line-height: 4.2vmax;
	}
	.modalContent {
		width: 90vw;
	}
	h1 .sideheader {
		font-weight: 800;
	    font-size: 6vmax;	
	}
	h2 .sideheader {
		font-weight: 700;
	    font-size: 5vmax;	
	}
	h3 .sideheader {
		font-weight: 600;
	    font-size: 4.7vmax;	
	}
	.sidetext {
		font-weight: 900;
	    font-size: 2.3vmax;
	}
	.asideForm {
		width:98%;
	}
	.asideForm div label {
		font-size: 3.3vmax;
		line-height: 2.3vmax;
	}
	.asideForm select optgroup {
		font-size: 3.4vmax;
		line-height: 3.4vmax;
	}
	.asideForm select option, .asideForm select, .asideForm input, .asideForm textarea, .asideForm button {
		font-size: 5vmax;
		height: 7vmax;
	}
	.side_Item div input, .side_Item div select, .side_Item div textarea {
		font-size: 3.8vmax;
		line-height: 5.2vmax;
		height: 8vmax;
	}
	.side_Item div textarea {
		height: 16vmax;
	}
	.side_Item div label {
		font-size: 3.8vmax;
		line-height: 5.2vmax;
	}
	.side_Item div .emCheckbox{
		font-size: 2.3vmax;
		line-height: 3.2vmax;
		margin-right: 2vmax;
	}
	
	.copyright {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.eighth, .quarter, .third, .half, .twothird, .threequarter, .full {
		width: calc(100% - 3vmax);
	}
	.eighth {
		width: calc(50% - 5vmax);
	}
	.modalContent {
		width: 90vw;
		font-weight: 400;
		font-size: 8vmax;
		line-height: 11vmax;
	  }
	.modalContent h2 {
		font-size: 10vmax;
		font-weight: 600;
		padding: 5px 0px 15px 0px;
	}
	.modalContent a {
		text-decoration: none;
		font-size: 8vmax;
		text-shadow: none;
	}
	#svgpallate {
	  height: 15vw;
	}
	#svgfilter {
	  height: 15vw;
	}
	#svggear {
	  height: 15vw;
	}
	#svgrobot {
	  height: 15vw;
	}
	#svgcamera {
	  height: 15vw;
	}
	#svgtruck {
	  height: 15vw;
	}
	#svgcontribute {
		height: 35vw;
	}
	h1 .sideheader {
		font-weight: 800;
	    font-size: 12vmax;	
	}
	h2 .sideheader {
		font-weight: 700;
	    font-size: 10vmax;	
	}
	h3 .sideheader {
		font-weight: 600;
	    font-size: 9.5vmax;	
	}
	.sidetext {
		font-weight: 900;
	    font-size: 5vmax;
	}
	.copycodebutton {
		font-size: 2.0vmax;
		line-height: 2.5vmax;
		height: 5vmax;
		padding: 0px 1.2vmax;
	}
	.codeLabel {
		padding: 1vmax 4vmax;
		font-size: 2.5vmax;
		height: 5vmax;
		line-height: 3vmax;
		margin: 0px auto -1.3vmax auto;
	}
	.codeDivs {
		font-size: 2.3vmax;
	}
}







/* LOCAL TEST PARAMETERS */
/*
#side_config {
	display: block!important;
}

#createrow {
	display: none!important;
}
#learnrow {
	display: block!important;
}
*/