body {
    padding: 0;
    margin: 0;
    background-color: transparent !important;
}

.wrapper {
    width: 100%;
    margin: 60px auto 20px;
}

#form {
    width: 100%;
}


/* Radio Buttons for Department */
#departmentbuttons {
    text-align: center;
}


.departmentbuttons {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    width: 100%;
}

.departmentbuttons li {
    height: 40px;
    position: relative;
    color: #50523f;
    margin: 0 20px 20px;
    display: inline-block;
    width: calc(50% - 25px);
    margin: 0 10px 0;
}

.departmentbuttons input {
    display: inline-block;
}

.departmentbuttons input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 50px;
    cursor: pointer;
}

.departmentbuttons input[type="radio"]:checked + label,
.Checked + label {
    background: #50523f;
    color: #FFFFFF;
}

.departmentbuttons label {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
    color: #000000;
    background-color: transparent;
    border: 1px solid #000000;
    padding: 10px 30px;
    white-space: nowrap;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 100%;
}

.departmentbuttons label:hover {
    background: #50523f;
    color: #FFFFFF;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.bootstrap-select > .dropdown-toggle {
    background-color: transparent;
    border: 1px solid #000000;
    padding: 10px 20px;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;

}

#textbox input,
#textboxmobile input {
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Lato', sans-serif !important;
    text-align: left;
    padding: 10px 20px;
    color: #50523f;
    border: 1px solid #fff;
    box-sizing: border-box;
}

#textbox input:disabled {
    background: #fff;
    opacity: .3;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #50523f;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #50523f;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #50523f;
}

:focus {
    outline: none !important;
}

.btn-outline {
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
    color: #000000;
    background-color: transparent;
    border: 1px solid #000000;
    padding: 10px 20px;
    white-space: nowrap;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 100%;
    text-overflow: ellipsis;
overflow: hidden;
}

.btn-outline:focus,
.btn-outline:hover {
    color: #fff;
    background-color: #50523f;
    border-color: #50523f;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-solid {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
    color: #ffffff;
    background-color: #50523f;
    border: 1px solid #50523f;
    padding: 10px 20px;
    white-space: nowrap;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 100%;
}

.btn-solid:focus,
.btn-solid:hover {
    color: #000;
    background-color: transparent;
    border-color: #50523f;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 768px) {
    .departmentbuttons {
        display: inline-block;
        list-style-type: none;
        padding: 0;
        width: 50%;
    }

    .departmentbuttons li:last-child {
        margin: 0;
    }

    .wrapper {
        max-width: 900px;
        margin: 100px auto 20px;
    }

}