body {
    color: #333;
    background-color: white !important;
}

body:before {
    left: 0;
    background: #2ca;
}

body:after {
    right: 0;
    background: #1ab;
}


.h3 {
    padding: 10px;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #3d454c;
}

.stint-direct {
    padding:20px 0px;
    border-bottom: 1px solid #e1e1e1;
}

.c-form-1-box button.btn {
    padding: 0 20px !important;
    border: 0px solid #fff;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 50px;
    width: 100%;
}

.c-form-1-box {
    border:1px solid #e1e1e1;
    box-shadow:0px 0px 8px rgb(0 0 0 / 12%);
    border-radius:12px;
    padding:30px 20px 30px 20px;
    margin-top:20px;
}

.callBtn{
    background: #2a3f54;
    color: white;
    padding: 15px 35px;
    font-size: 25px;
    font-weight: bold;
    width: 100%;
    margin: 10px 0;
    border-radius: 12px;
}
.form-group {
    margin-bottom: 10px !important;
}

.blank-footer-spacer {
    padding: 20px 0px; 
}

.form-head-text {
    font-weight:bold;
    font-size:22px;
}

.form-block-text {
    font-size:16px;
    font-weight:bold;
    padding: 14px 0px;
}

.form-head-phone {
    font-size:22px;
}

.form-control {
    -webkit-box-shadow:unset;
    box-shadow:unset;
    font-size: 13px;
}
.input-element span{
    font-size: 13px;
}

.isactivetab {
    border-bottom:solid 2px #2e5ff6;
    color: #262626;
}

.c-form-1-bottom {
    border:none;
    border-radius:none;
    -moz-border-radius:none;
    -webkit-border-radius:none;
    padding:0px;
}

.c-form-1-box .custom-input {
    border:none;
    border: solid 1px #eee;
    border-radius:5px;
    font-weight:bold;
}

.input-labels {
    color: #73767f;
}

.btn-theme.btn-t-primary {
    background: #167ac6 !important;
    margin: 20px 0px;
}

.input-element span {
    color: #73767f;
}

.input-element a {
    margin-right: 5px;
    margin-top: 7px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    border-radius: 4px;
    border:none;
    color: #73767f;
    background-color: #eff2f5;
    font-size: 13px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    padding: 0px 12px;
}

.input-element a.value-is-chosen {
    background:#167ac6;
    color:#fff;
    border:none;
}

.small-header-info {
    display:none;
}

.thank-you-bubble {
    border:1px solid #e1e1e1;
    box-shadow:0px 0px 8px rgb(0 0 0 / 12%);
    border-radius:12px;
    padding:30px 20px 30px 20px;
    margin-top:20px;
}

.thank-you-h3 {
    color:#2b2e29;
    font-weight:bold;
    text-align:center;
    margin: 0px 0px 20px 0px;
}

.thank-you-info {
    color:#2b2e29;
    text-align:left;
    font-size:16px;
    line-height:16px;
}

.additional-options {
    padding-top: 20px;
}

.one-click-button {
    border:1px solid #167ac6;
    outline:none;
    background:#167ac6 !important;
    border-color:#167ac6 !important;
    border-radius:3px !important;
    padding:10px 40px;
    display:inline-block;
    font-weight:bold;
    color:#fff;
    font-size:14px;
    cursor:pointer;
    margin:10px auto 0px auto;
}

.one-click-button:focus {
    outline:none;
}

.one-click-button-pressed {
    border:1px solid #50af20;
    outline:none;
    background:#fff !important;
    border-color:#50af20 !important;
    border-radius:3px !important;
    padding:10px 40px;
    display:inline-block;
    font-weight:bold;
    color:#50af20;
    font-size:14px;
    cursor:pointer;
    margin:10px auto 0px auto;
    width:167px;
}

.one-click-button-pressed:focus {
    outline:none;
}

.company-box {
    border-top:1px solid rgb(0 0 0 / 12%);
    padding:20px 10px;
    margin-top:10px;
}

.company-name {
    font-weight:bold;
    font-size:14px;
    float:left;
    width:70%;
    margin:6px 0px 0px 0px;
}

.company-logo {
    float:right;
    width:30%;
}

.company-logo img {
    width:100%;
    max-width:100%;
    max-height:40px;
}

.company-bio {
    font-size:14px;
    color:#4e5057;
    line-height:14px;
    text-align:left;
    margin-top:8px;
}

.company-upper-info {
    width:100%;
    height:40px;
}

.main-logo {
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}

.main-logo img {
    max-width:200px;
    width:200px;
    margin-top:20px;
    padding:10px;
}

.main-logo-company img {
    max-width:200px;
    width:200px;
    margin:20px auto;
    padding:10px;
}

.job-title {
    font-size: 22px;
    margin-top: 0;
    line-height: 1.2;
}

.logo-text-company {
    font-size:18px;
    line-height:4px;
    margin-top:38px;
    font-weight:bold;
}

.jobTitle{
    font-size:20px;
    margin-top: 6px;
    text-align: center;
    font-weight: bold;
}

.jobLoc{
    text-align: center;
    margin-bottom: 20px;
}

.jobShortDesc{
    margin: 10px 0;
}

.hid-on-small {
    max-width: 320px;
    margin-top: 20px;
}

/* custom forms */
.required:after,input[class="required"]::after {
    content:" *";
    color: red;
}

.input-error,.submit-error {
    box-shadow: 0 0 12px #ff000078 !important;
}

.noBorder {
    border: none !important;
}

.job-details-area-2 {
    display:none;
}

.discInfo {
    margin-bottom:15px;
    margin-top: 15px;
    font-size:10px;
    line-height:10px;
    text-align:center;
}

.disc-button-sm {
    margin-top: 20px;
}

.n-shadow {
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
}

.chg-left {
    padding: 0px 6px 0px 10px;
}

.chg-right {
    padding: 0px 10px 0px 6px;
}

.c-form-1-top {
    margin-bottom: 20px;
}

@media screen and (max-width: 1001px) {
    .hid-on-sm {
        display: none;
    }

    .form-head-text {
        font-size:16px;
    }

    .form-head-subtext {
        font-size:14px;
    }

    .bg-bt {
        margin-bottom:20px !important;
    }
    .jobTitle {
        font-size: 14px;
        text-align: left;
    }

    .mb-3 {
        margin-bottom: 2px !important;
    }

    .directApplicationScreeners {
        /* give it a nice grey rounded border */
        border: 1px solid #e9e9e9;
        border-radius: 12px;
        padding: 20px 0px;
    }

    .form-details-area {
        /* make sticky to top below small header */
        position: fixed;
        top: 72px;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
    }

    .form-details-area-2 {
        width: 100%;
        margin-top: 80px;
        background: #fff;
    }

    .small-header-info {
        /* make sticky to top */
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        background: #fff;
    }

    .discInfo {
        margin-top:0px;
        margin-bottom:0px;
        text-align:left;
    }

    .start-apply-area {
        padding: 0px 0px 0px 12px;
    }

    .disc-info-sm {
        font-size:6px;
        line-height:10px;
    }

    .disc-button-sm {
        max-height: 40px;
        margin-top: 0px;
    }

    .c-form-1-bottom {
        margin-top: 20px;
    }

    .c-form-2-bottom {
        margin-top: 20px;
    }

    .company {
        margin-top:0px;
        padding-top:0px;
    }

    .c-form-1-box {
        border: none;
        border-radius: 0px;
        box-shadow: none;
        padding: 0px;
    }

    .small-header-info {
        display:flex;
    }
    
    .hid-on-small {
        display: none;
    }

    .main-logo img {
        width:100%;
        max-width:140px;
    }

    .main-logo {
        border-bottom: none;
        padding-bottom: 4px;
    }

    .main-logo-company img {
        width:auto;
        max-height:100px;
        margin:30px auto;
        padding:10px;
    }

    .job-details-area {
        display:none;
    }

    .job-details-area-2 {
        display:block;
        margin-top: 260px;
    }
}
/* Button Choices for formBuilder.js (displayAs="buttons") */

.form-group[displayas="buttons"] .form-check {
    display: inline-block;
    margin-right: 0;
    width: 50%;
}

.form-group[displayas="buttons"] .form-check-input[type="radio"],
.form-group[displayas="buttons"] .form-check-input[type="checkbox"] {
    display: none;
}

.form-group[displayas="buttons"] .form-check-label {
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #007bff;
    border-radius: 4px;
    background: #fff;
    color: #007bff;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
    margin-bottom: 4px;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.form-group[displayas="buttons"] .form-check-input[type="radio"]:checked + .form-check-label,
.form-group[displayas="buttons"] .form-check-input[type="checkbox"]:checked + .form-check-label {
    background: #007bff;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,123,255,0.15);
}

.form-group[displayas="buttons"] .form-check-label:hover {
    background: #e6f0ff;
    color: #0056b3;
}

/* Optional: Focus style for accessibility */
.form-group[displayas="buttons"] .form-check-input[type="radio"]:focus + .form-check-label,
.form-group[displayas="buttons"] .form-check-input[type="checkbox"]:focus + .form-check-label {
    outline: 2px solid #0056b3;
    outline-offset: 2px;
}