/* Version 15.11.25 */
body {
		background-color: #ffffff;
		padding: 0px;
		left: 0;
		top: 0;
		overflow-y: hidden;
}

header {
    background-color:#aaaaaa;
    color:white;
    text-align:center;
    padding:5px;
		height: 5%;
}

#optionHolder {
    line-height:30px;
    background-color:#dddddd;
    height: 85%;
    float:left;
    padding:5px;
    overflow-y: auto;
    overflow-x: hidden;
		width: 98%;
}


#spinnerHolder {
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, 0%);
		float:left;
    padding:10px;
		height: 100%;
		z-index: 100;
}

canvas {
		position: relative;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

body{
		overflow-x: hidden;
}

div.optionDisplay {
		color: white;
		text-shadow:
				1px   1px 0 black,
				-1px  1px 0 black,
				1px  -1px 0 black,
				-1px -1px 0 black,/* */
				0px   1px 0 black,
				0px  -1px 0 black,
				1px   0px 0 black,
				-1px  0px 0 black;/* */
		border: solid thin;
		padding: 5px;
		margin: 2px;
		font-size: 30pt;
		border-radius: 5px;
		position: relative;
}

img.delete {
		position: absolute;
		left: 100%;
		top: 50%;
		transform: translate(-110%, -50%);
		height: 30px;
}

div.newOption {
		position: relative;
		padding: 5px;
		margin: 2px;
}

img.add {
		position: absolute
}

input[type=text] {
		font-size: 30pt;
		width: 90%;
		border-radius: 5px;
}


img.arrow {
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

button.spin {
		font-size: 50pt;
		margin: 10px;
}

span.weight {
		font-size: 20pt;
		padding-top: 50px;
}

input[type=number] {
		font-size: 20pt;
		margin-top: 10px;
}

img.beta {
		width: 120px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
}

table {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-spacing: 0;
}

.top {
		height: 15%;
		background-color: #aaaaaa;
}


.bottom {
		height: 85%;
}

.left {
		width: 30%;
		background-color: #aaaaaa;
}

.right {
		width: 70%;
}


tbody {
		height: 100%;
}

div.selectionDisplayOn {
		animation: slctDispOn 0.5s ease forwards;
}

@keyframes slctDispOn {
		0% {
				opacity: 0.0;
		}
		
		100%{
				opacity: 1.0;
		}
}

div.selectionDisplayOff {
		animation: slctDispOff 0.5s ease forwards;
}

@keyframes slctDispOff {
		0% {
				opacity: 1.0;
		}
		
		100%{
				opacity: 0.0;
		}
}