body {
    font-family: Inter,sans-serif,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif!important;
    background: radial-gradient(black 15%,transparent 16%) 0 0,radial-gradient(black 15%,transparent 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px;
    background-color: #1d1d1d;
    background-size: 16px 16px;
    margin:0;
    padding:30px 0;
}
a, a:link, a:visited, a:hover, a:active{
    color: #000000;
}
a{
    text-decoration:none;
}
a:hover {
    text-decoration: underline;
}
table, th, td {
    border:1px solid #000000;
    border-collapse: collapse;
    font-size:14px;
    text-align:center;
    color:#000000;
}
table{
    background:#ffffff;
    table-layout: fixed;
}
th, td {
    padding:5px;
    background:#cccccc;
}
th {
    font-weight:bold;
    height:36px;
    min-width:50px;
}
h2, h3{
    text-align:center;
}
h4{
    margin:0;
}





.main-header{
    top:0;
    height:30px;
    font-weight:bold;
}
.main-header a{
    display:block;
    padding:0 5px
}
.main-header a:hover{
    text-decoration:none;
}
.main-footer{
    bottom:0;
    height:20px;
    overflow:hidden;
}
.main-header,
.main-footer{
    position:fixed;
    left:0;
    width:100%;
    padding:0;
    margin:0;
    background:#cccccc;
    text-align:center;
    z-index:100;
}
#footer-wrap,
#header-wrap{
    float: left;
    position: relative;
    left: 50%;
}
#footer-content,
#header-content{
    float: left;
    position: relative;
    left: -50%;
}
#header-content ul{
    list-style:none;
    margin:0;
    padding:0;
}
#header-content>ul>li{
    display:block;
    float:left;
    position:relative;
}
#header-content li{
    margin:0 5px;
    padding:0 5px;
    line-height:30px;
}
#header-content>ul>li:hover{
    background:#aaa;
}
#header-content>ul>li>ul{
    display:none;
    position:fixed;
    background:#ccc;
    min-width:250px;
    padding:0;
    margin-left:-10px;
}
#header-content>ul>li:hover>ul{
    display:block;
}
#header-content>ul>li>ul>li:hover{
    background:#999;
}
.footer-text{
    display:block;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    float:left;
    padding:0 5px;
    margin:0 2px;
    height:20px;
    line-height: 20px;
}
.main-footer .icons{
    margin:0;
    padding:0;
    width:20px;
    height:auto;
}
.main-body{
    position:relative;
    margin:10px auto;
    padding:30px 0;
    width:1500px;
    font-size:1.00em;
    color:#ffffff;
    overflow:hidden;
}
.main-body table{
    position:relative;
    float:left;
}


button{
    position:relative;
    margin:0 auto;
    padding:5px;
    width:200px;
    height:50px;
    font-weight:bold;
    font-size:1.25em;
}




.pixel-inputs #options{
    width:35%;
}
.pixel-inputs #variables{
    width:65%;
}
.pixel-inputs,
.pixel-outputs{
    position:relative;
    float:left;
    margin:10px;
    padding:10px;
    width:710px;
    overflow:hidden;
}

.pixel-inputs #variables td:nth-child(2) input,
.pixel-inputs #options td:last-child input{
    padding:3px 2%;
    width:96%;
    height:20px;
    border:0;
    text-align:center;
}
.pixel-inputs #options td:last-child select{
    padding:3px 3%;
    width:100%;
    height:20px;
    border:0;
    text-align:center;
}
.pixel-inputs #options .break{
    margin:0;
    padding:0;
    height:10px;
    background:#333333;
}
.pixel-inputs #options .head{
    font-weight:bold;
    font-size:1.2em;
}
.pixel-inputs .options-box{
    position:relative;
    margin:10px auto;
    padding:0;
    border:1px solid #ffffff;
    width:100%;
    overflow:hidden;
}
.pixelFull{
    margin:10px auto;
    padding:5px 1%;
    border:1px solid #ffffff;
    width:98%;
    overflow:hidden;
}
.pixelOut{
    margin:5px auto;
    padding:20px 5%;
    border:1px solid #ffffff;
    width:90%;
    overflow:hidden;
    font-family: monospace;
    line-break: anywhere;
}







.pdfContainer{
    padding:10px;
    margin:0 auto;
    width:500px;
    height:300px;
    color:white;
    background:rgba(255,255,255,.1);
}
.pdfContainer h2{
    text-align:center;
}
.pdfContainer input{
    padding:5px 0;
    margin:5px 0;
    width:100%;
    height:auto;
    border:1px solid black;
    background:rgba(255,255,255,.1);
}






.xlsContainer{
    padding:10px;
    margin:0 auto;
    width:500px;
    min-height:300px;
    overflow:hidden;
    color:white;
    background:rgba(255,255,255,.1);
}
.xlsContainer h2{
    text-align:center;
}
.xlsContainer #fileInput{
    margin:5px 0;
    width:100%;
    height:25px;
    line-height:25px;
    border:1px solid black;
    background:rgba(255,255,255,.1);
}
.tagInputs{
    margin:10px 0;
    padding:0;
    width:100%;
    overflow:hidden;
    background:rgba(255,255,255,0.25);
}
.tagInputs label{
    width:calc(30% - 4px);
    height:25px;
    line-height:25px;
    text-align:right;
    float:left;
    margin:0;
    padding:0 2px;
}
.tagInputs select{
    width:70%;
}
.tagInputs .textbox{
    width:calc(70% - 10px);
}
.tagInputs select,
.tagInputs .textbox{
    margin:0;
    padding:0 5px;
    height:25px;
    line-height:25px;
    float:left;
    border:0;
}
.grouplabel{
    margin:0;
    padding:0;
    width:100%;
    height:25px;
    line-height:25px;
    font-weight:bold;
    background:rgba(0,0,0,0.25);
}
.checkboxgroup{
    margin:5px 0;
    width:25%;
    height:20px;
    float:left;
}
.checkboxgroup label{
    width:calc(100% - 28px);
    height:20px;
    line-height:20px;
    text-align:left;
    font-size:0.75em;
    padding:0 2px;
}
.checkboxgroup .checkbox{
    margin:0 2px;
    width:20px;
    height:20px;
    float:left;
}
.optionalInputs{
    margin:5px 0;
    padding:0;
    width:100%;
    overflow:hidden;
}








.latlong-main{
    padding:10px;
    margin:0 auto;
    width:500px;
    min-height:250px;
    overflow:hidden;
    color:white;
    background:rgba(255,255,255,.1);
}

.latlong-main .options-box{
    position:relative;
    margin:10px auto;
    padding:0;
    border:1px solid #ffffff;
    width:100%;
    overflow:hidden;
}
.latlong-main #options,
.results-box #resultsTable{
    width:100%;
    table-layout: auto;
}
.latlong-main #options td{
    padding:0;    
    height:40px;
}
.latlong-main #options td:first-child{
    width:30%;
}
.latlong-main #options tr:nth-child(3) td:nth-child(2),
.latlong-main #options tr:nth-child(3) td:nth-child(4){
    width:20%;
}
.latlong-main #options tr:nth-child(3) td:nth-child(3){
    width:30%;
}
.latlong-main #options td input{
    padding:0;
    width:100%;
    height:40px;
    border:0;
    text-align:center;
}
.latlong-main #options td select{
    padding:0;
    width:100%;
    height:40px;
    border:0;
    text-align:center;
}
.latlong-main #fileInput{
    margin:0;
    width:100%;
    height:40px;
    line-height:40px;
}
#status{
    border:1px solid #ffffff;
    padding:9px;
    margin:0 auto;
    width:500px;
    height:20px;
    color:white;
    text-align:center;
    font-size:20px;
    line-height:20px;
    background:rgba(255,255,255,.1);
}
.results-box{
    padding:1%;
    margin:0 auto;
    width:98%;
    color:white;
    background:rgba(255,255,255,.1);
    overflow:hidden;
}
.results-box #resultsTable td:first-child{
    width:25%;
}
.results-box #resultsTable td:nth-child(2){
    width:15%;
}
.results-box #resultsTable td:nth-child(3),
.results-box #resultsTable td:nth-child(4){
    width:7%;
}
.results-box #resultsTable td:nth-child(5){
    width:20%;
}
.results-box #resultsTable td:nth-child(6){
    width:10%;
}
.results-box #resultsTable td:nth-child(7),
.results-box #resultsTable td:nth-child(8),
.results-box #resultsTable td:nth-child(9),
.results-box #resultsTable td:nth-child(10){
    width:4%;
}