body {
    margin: 8px;
}

body.layoutcstm {
    font-size: .9em;
}

.herobkgrd-sjc {
    background: #30445C;
}

#heroContainer {
    background-image: none;
}

#heroText{
    padding: 10px 10px;
}

#heroText h2{
    margin: .80em 0;
}

#heroText p{
    margin: 1em;
}

.btn, input.btn {
    background: #088FC5;
}

.helpicon {
    background: #088FC5;
}

.helpicon:hover {
    background: #6b99bd;
}

.userinfo {
    border-color: #0A2849;
}

.btn:hover, input.btn:hover, .btn:active, input.btn:hover {
    background: #6b99bd;
}

.smallbuttonRight {
    width: 40%;
    float: left;
    padding-left: 0;
    padding-right: 0;
}

footer {
    height: 100px;
    margin-top: 30px;
    margin: 0 auto;
    border-top: 2px solid #004370;
    padding: 20px 10px;
}

.footerContact {
    border-top: none;
}

.lblrequired{
    font-weight: bold;
}
.lblrequired::after {
    content: " * (required)";
    color: red;
    font-size: smaller;
    font-weight: bold;
}

input[type="text"], input[type="password"], select, textarea, button:not(.close) {
    width: 100%;
    border: solid 1px #dedede;
    margin: 0 0 10px 0;
    padding: 7px 10px;
    color: #000;
}

@media(min-width: 992px){
    .layoutcstm input[type="text"], .layoutcstm input[type="password"], .layoutcstm select, .layoutcstm textarea, .layoutcstm button:not(.close) {
        width: 50%;
        border: solid 1px #dedede;
        margin: 0 0 10px 0;
        padding: 7px 10px;
        color: #000;
    }
}