:root {
    --rsi-green: #616726;
    --rsi-light-green: #A1A150;
    --rsi-yellow: #C9A800;
    --rsi-red: #a96048;
    --rsi-light: #f4f2da;
    --rsi-darker: #e9e5b6;
}


body {
    padding: 20px 20px 0 20px;
    min-height: 100vh;
    position: relative;
}


.headerc {
    background-image: url(../IMG/HeaderRight.gif), url(../IMG/HeaderLeft.gif);
    background-position: top right, top left;
    background-repeat: no-repeat;
    padding: 20px 0 5px 19px;
    height: 130px;
}


.headerc h1 {
    margin-top: 30px;
}

.footerc {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(../IMG/FooterRight.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
}

.content-wrapper {
    padding-top: 15px;
    padding-bottom: 180px;
}

button:hover {
    cursor: pointer;
}

.form-check input:hover,
.form-check label:hover{
    cursor: pointer;
}

#preview-wrapper{
    height: 80%;
}

#response-preview{
    height: 100%;
    width: 100%;
    resize: none;
}

#from-existing-wrapper{
    margin-top: 1em;
}