:root {
    --black: #131311;
    /* --primary:   #00A8E8; */
    --primary: #0194c1;
    --secondary: #124476;
    --tertiary: #003459;
    --primary-hover: #01708f;
    --vf-white: #fff;
    --vf-purple: #673AB7;
    --vf-hover-green: #2e8b37;
    --vf-orange: #ff9800;
    --vf-hover-orange: #bf7301;
    --vf-red: #ff0000;
    --vf-carmine: #a94442;
    --black-rgb: rgb(19, 19, 17);
    --primary-rgb: rgb(1, 148, 193);
    --secondary-rgb: rgb(18, 68, 118);
    --tertiary-rgb: rgb(0, 52, 89);
    --primary-hover-rgb: rgb(0, 94, 121);
    --vf-white-rgb: rgb(255, 255, 255);
    --vf-purple-rgb: rgb(103, 58, 183);
    --vf-hover-green-rgb: rgb(46, 139, 55);
    --vf-orange-rgb: rgb(255, 152, 0);
    --vf-hover-orange-rgb: rgb(191, 115, 1);
    --vf-red-rgb: rgb(255, 0, 0);
    --vf-carmine-rgb: rgb(169, 68, 66);
}

#msform {
    display: block;
}

#msform fieldset {
    width: 50%;
    display: block;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    #msform fieldset {
        width: 100%;
        display: block;
        margin: auto;
    }
}

#msform ._field {
    appearance: none;
    background: var(--color1, #fff);
    border: none;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px var(--color5, #dcdcdc), 0 1px 2px 0 rgba(var(--color2-rgb, 0, 0, 0), .1);
    color: var(--secondary);
    margin: 0;
    outline: none;
    width: 100%;
    font-size: 22px;
    height: 76px;
    /* line-height: 0px; */
    padding: 28px 45px 12px 23px;
    color: var( --);
}

#msform ._field:hover {
    border: 1px solid var(--secondary);
}

#msform ._field {}

#msform .vf_label {
    position: relative;
    font-size: 14px;
    top: 24px;
    opacity: 67%;
    color: var(--secondary);
    left: 16px;
}

@media only screen and (max-width: 767px) {
    #msform .vf_label {
        /* top: 39px; */
        font-size: 9px;
        left: 8px;
    }
}

#msform .btn_primary {
    color: #fff;
    background: var(--primary) !important;
    border: 0px !important;
}

#msform .btn_primary:hover {
    background: var(--primary-hover) !important;
}

#msform .btn_secondary {
    background: var(--secondary) !important;
    border: 0px !important;
}

#msform .btn_secondary:hover {
    background: var(--primary-hover) !important;
}

#msform ._wrap_dyna-nxt-btn {
    display: block;
    position: relative;
    left: 75%;
}

@media only screen and (max-width: 767px) {
    #msform ._wrap_dyna-nxt-btn {
        display: block;
        position: relative;
        left: 64%;
    }
}

#msform ._wrap_dyna-nxt-btn button {
    display: block;
    /* margin: auto; */
    position: relative;
    z-index: 99999999999999;
}

#msform .vf-back-btn {
    display: block;
    position: relative;
    left: 15px;
    bottom: 85px;
}

#msform .vf-pii .vf-back-btn {
    display: block;
    position: relative;
    left: 15px;
    bottom: 33px;
}

#msform .submit_btn_wrap {
    position: relative;
    /* margin-top: 20px; */
}

#msform .submit_btn_wrap button {
    display: block;
    margin: auto;
}

#msform .validation-msg {
    position: relative;
    color: red
}

#msform ._wrap_progress .progress {
    display: none !important;
}

#msform .vf-back-btn a {
    color: #282828;
    text-decoration: none;
}

#msform .vx-wrap {
    position: relative;
    left: 20px;
}

#msform input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

#msform .vf-pii label {
    display: none;
}

#msform .vf-pii ._field {
    font-size: 17px;
    appearance: none;
    background: var(--color1, #fff);
    border: none;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px var(--color5, #dcdcdc), 0 1px 2px 0 rgba(var(--color2-rgb, 0, 0, 0), .1);
    color: var(--secondary);
    margin: 0;
    outline: none;
    width: 100%;
    height: 46px;
    /* line-height: 0px; */
    padding: 10px 45px 10px 10px;
    color: var( --);
    border: solid 1px #c4f1ff;
}

@media only screen and (max-width: 767px) {
    #msform ._field {
        font-size: 16px !important;
    }
}

#msform .vf-pii .form-group {
    margin-bottom: 20px;
}

#msform #tcpa-wrap {
    opacity: 90%;
    position: relative;
    bottom: 10px;
    text-align: left
}

#msform #tcpa-wrap a {
    color: var(--primary);
    text-decoration: none;
}

#msform #tcpa-wrap a:hover {
    color: var(--primary);
    text-decoration: underline;
}

#msform input[type="number"]::-webkit-outer-spin-button,
#msform input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}