html,
body {
    margin: 0;
    padding: 0;
    zoom: 1.125;
    background-color: #3d3d3d;

}

.container-fluid {
    height: 100%;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 0;
    border-radius: 0;
    width: 100%;
    text-align: center;
    background-color: #3d3d3d;
    color: #fff;
}


/* Colomn background colours */
#main_settings {
    background-color: #252525;
    color: #fff;

    padding: 2rem !important;
    margin: 0 !important;
    min-height: 100%;
}

#code_result {
    background-color: #333;
    color: #fff;

    padding: 2rem !important;
    margin: 0 !important;
    min-height: 100%;
}

.row {
    margin: 0 !important;
    padding: 0 !important;
}

#RGBSettings_rgbChooser {
    display: none;
    padding-left: 2rem;
}

#sceneSettings_sceneChooser {
    display: none;
    padding-left: 2rem;
}

#temperatureSettings_temperatureChooser {
    display: none;
    padding-left: 2rem;
}

#temperatureSettings_temperatureCanvas {
    margin-left: 10px;
    border: 1px solid black;
}

#lightSettings {
    display: none;
}

#udpCodeUsage {
    display: none;
}

#udpCodeUsage div.jumbotron {
    background-color: #151515 !important;
}

input[type="color"] {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    /* width: 32px;
height: 32px; */
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}