.hide {
    display: none;
}
#settings {
    width: 500px;
    height: 500px;
    position: fixed;
    margin-left: calc(50% - 250px);
    margin-top: calc(25% - 250px);
    background-color: white;
    border: solid 10px gray;
    z-index: 200;
}

.quickselect {
    width: 100%;
    height: 100px;
    float: left;
    text-align: center;
    border: solid 5px #333;
}
.quickselectBox {
    color: white;
}

.selected {
    background-color: #cccccc !important;
}

.disable {
    width: 90px;
    height: 90px;
    float: left;
    background-color: #333;
    margin: 5px;
}
.settings_values {
    padding: 50px;
}

.tile {
    width: 50px;
    height: 50px;
    margin: 2px;
    background-color: #333;
}

.row {
    float: left;
}

.icon {
    width: 17px;
    height: auto;
    z-index: 100;
    position: relative;  
}
.generatorIMG {
    top: 27px;
    left: 4px;
}

.debrisIMG {
    top: 26px;
    left: 9px;
}