body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #000000;
}
.header{
	text-align: center;
	color:#FFFFFF;
	font-size: 10px;
}
.grid{
	width: 90%;
	min-height: 80vh;
	margin-left: auto;
	margin-right: auto;
    background-color: SteelBlue;
    padding: 0;
	font-size: 18px;
}
fieldset {
    border: 0;
}
.toggle-code { 
    text-align: center;
    color:#000; 
    background-color:#F7D358; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
}
.toggle-btn { 
    text-align: center;
    color:#000; 
    background-color:#FFF; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #CCC; 
    cursor:pointer;
}
.toggle-btn1 { 
    text-align: center;
    color:#000000; 
    background-color:#FFFF00; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #FFFF00; 
    cursor:pointer;
}
.toggle-btn2 { 
    text-align: center;
    color:#FFFFFF; 
    background-color:#0000FF; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #0000FF; 
    cursor:pointer;
}
.toggle-btn3 { 
    text-align: center;
    color:#FFFFFF; 
    background-color:#008000; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #008000; 
    cursor:pointer;
}
.toggle-btn4 { 
    text-align: center;
    color:#FFFFFF; 
    background-color:#FF0000; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #FF0000; 
    cursor:pointer;
}
.toggle-btn11 { 
    text-align: center;
    color:#000000; 
    background-color:#FFFFE1; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #FFFFE0; 
    cursor:pointer;
}
.toggle-btn22 { 
    text-align: center;
    color:#000000; 
    background-color:#87CEFA; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #87CEFA; 
    cursor:pointer;
}
.toggle-btn33 { 
    text-align: center;
    color:#000000; 
    background-color:#98FB98; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #98FB98; 
    cursor:pointer;
}
.toggle-btn44 { 
    text-align: center;
    color:#000000; 
    background-color:#F5A9A9; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #F5A9A9; 
    cursor:pointer;
}
.toggle-btn111 { 
    text-align: center;
    color:#000000;
    background-color:#FFFFE1;
    border-radius: 5px;
    display:inline-block;
    border:solid 4px #ED02FC;
    cursor:pointer;
}
.toggle-btn222 { 
    text-align: center;
    color:#000000; 
    background-color:#87CEFA; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 4px #ED02FC;
    cursor:pointer;
}
.toggle-btn333 { 
    text-align: center;
    color:#000000; 
    background-color:#98FB98; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 4px #ED02FC;
    cursor:pointer;
}
.toggle-btn444 { 
    text-align: center;
    color:#000000; 
    background-color:#F5A9A9; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 4px #ED02FC;
    cursor:pointer;
}
.toggle-btn.success { 
    background:lightgreen;
    border:solid 1px green !important; 
}
.toggle-navi { 
    text-align: center;
	background-color: #284A66;
	color: white;
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #284A66; 
    cursor:pointer;
}
.toggle-navi.success { 
    background: #284A66;
    border:solid 1px #284A66 !important; 
}
.toggle-select { 
    text-align: center;
    color:#000; 
    background-color:#56e038; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #56e038; 
    cursor:pointer;
}
.toggle-select.success { 
    background: #56e038;
    border:solid 1px #56e038 !important; 
}
.toggle-deselect { 
    text-align: center;
    color:#000; 
    background-color:#ea9979; 
    border-radius: 5px;
    display:inline-block; 
    border:solid 1px #ea9979; 
    cursor:pointer;
}
.toggle-deselect.success { 
    background: #ea9979;
    border:solid 1px #ea9979 !important; 
}

/* Button */
.Button * {
    width: 118px;
    height: 118px;
    line-height: 20px;
    position: relative;
    float: left;
    margin: 10px 10px 10px 10px;
}
.Button div {
    display: inline-block;
}
.Button div label {
    position: absolute;
    z-index: 0;
    padding: 0;
    text-align: center;
}
.Button div input {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}
.Button div input:checked + label {
    background:lightgreen;
    border:solid 1px green !important; 
}
.ok {
    float: inherit;
}
@media print{
	.Button{
		display: none;
	}}