#vanillaApplyBody {
    background: #fff;
    font-size: 12px;
    color: #000;
    font-family: Arial, sans-serif;
}

.form-control {
    font-family: 'Montserrat', sans-serif;
}

.apply-answer-row-label {
    font-weight: normal;
}


h1, h2, h3 {
    font-family: "Merriweather", sans-serif;
    color: #3e2c6b;
    font-weight: bold;
}

#lumesse-menu-sidebar .lumesse-apply-menu > .nav > li a,
.lumesse-apply-menu > .nav > li > a {
    color: #202a37;
    transition-duration: 2s;
}

#lumesse-menu-sidebar .lumesse-apply-menu > .nav > li a:hover,
#lumesse-menu-sidebar .lumesse-apply-menu > .nav > li a.active,
.lumesse-apply-menu > .nav > li > a:hover {
    background-color: #64c690;
    color: #495057;
}

#lumesse-menu-sidebar-body, #vanillaApplyBody > .navbar {
    background-color: #f1f3f5;
}

#lumesse-menu-sidebar-body {
    border-right: 1px solid #bbb;
}

.lum-apply-section__name h2,
.lum-apply-section__name [data-apply-msg-key=Label_dps] {
    font-size: 24px;
}

.apply-attached-document-component {
    background-color: #64c690;
}

.btn-primary {
    color: #fff;
    background-color: #6f3299;
    border-color: #6f3299;
    border-radius: 4px;
    text-transform: normal;
    font-weight: normal;
}

.fakeDisabled {
    color: #fff;
    background-color: #6f3299;
    border-color: #6f3299;
    border-radius: 4px;
    text-transform: normal;
    font-weight: normal;
}

button, .btn {
    font-size: 16px;
}

#vanillaApplyBody h2,
#vanillaApplyBody .lum-apply-section__name > span[data-apply-msg-key="Label_dps"] {
    font-size: 25px;
    font-family: Merriweather;
    font-weight: bold;
    color: #3e2c6b;
    text-transform: capitalize;
}

label {
    font-size: 15px;
    color: #202a37;
    font-weight: normal;
    text-transform: normal;
}

.section-legend::before, .lum-apply-section__name::before, .apply-submit-wrapper::before {
    border: 5px solid #ddd;
}

.lum-apply-section__content:before {
    background: #ddd;
}

#vanillaApplyBody .apply-submit-wrapper .btn,
#vanillaApplyBody .lumesse-apply-widget-section .btn {
    float: right;
}

.apply-attached-document-component > .grid > .apply-answer-row > .col-xs-12 > .apply-description-row > .apply-description-column .apply-description-list,
.apply-description-list {
    background: #eee;
}

.apply-description-list::after {
    border-bottom: 7px solid #64c690;
    position: absolute;
    top: -7px;
    left: auto;
    right: 12px;
}

.apply-drag-drop-area:hover,
.apply-drag-drop-area-hover {
    background: #77cd9d;
    border-color: #ff1cd3;
    transition: all 2s ease;
}

.has-success .form-control-container:after {
    border-color: #00cc00 #00cc00 transparent transparent;
    background-image: -webkit-linear-gradient(
            45deg, transparent 50%, #00ff00 55%);
    background-image: -o-linear-gradient(45deg, transparent 50%, #00ff00 55%);
    background-image: linear-gradient(
            45deg, transparent 50%, #00ff00 55%);
}

.has-error .form-control-container:after {
    border-color: #cc0000 #cc0000 transparent transparent;
    background-image: -webkit-linear-gradient(
            45deg, transparent 50%, #ff0000 55%);
    background-image: -o-linear-gradient(45deg, transparent 50%, #ff0000 55%);
    background-image: linear-gradient(
            45deg, transparent 50%, #ff0000 55%);
}

.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    border-color: #34495e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(52 73 94 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(52 73 94 / 60%);
}

.form-control:focus {
    border-color: #820069;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(130 0 105 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(130 0 105 / 60%);
}

input:focus, textarea:focus, select:focus {
    background: #CCC;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #cc0000;
}

.apply-section-validated > fieldset > div > .section-legend > h2:before,
.apply-section-validated > fieldset > .lum-apply-section__name > span:before {
    left: -49px;
    top: 24px;
}

.application-valid.apply-submit-wrapper::before {
    border: 5px solid #820069;
}

#lum-apply-dps-container:before {
    height: 99%;
    left: -53px;
    top: 5px;
}

@media screen and (max-width: 767px) {
    .lumesse-apply-widget-submit {
        float: right;
        width: 100%;
    }
}