@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap');

#skip:focus {
    left: 50px;
    top: 50px;
}

#skip {
    position: fixed;
    left: -100%;
    top: -100%;
    transition: all .3s;
    z-index: 999;
    color: #fff;
    background-color: rgba(11, 38, 93, .98);
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.over-hidden{
    overflow: hidden;
}

.over-auto{
    overflow: auto;
}

*:focus {
    outline-offset: 1px !important;
    outline-width: 2px !important;
    outline-color: #0176A5;
}

.eform-preview p,.eform-preview h1,.eform-preview h2,.eform-preview h3,.eform-preview h4,.eform-preview h5,.eform-preview h6 {
    margin: 0;
    line-height: 1.3;
}.eform-preview>div {
    /* max-width: 750px; */
    width: 100%;
    padding: 10px;
    display: block;
    clear: both;
}.eform-preview>div:empty {
    padding: 0;
}

.eform-preview .cust-form-group {
    margin-bottom: 25px;
}

.eform-preview .child .cust-form-group {
    margin-bottom: 5px;
}

.eform-preview .cust-form-group.child, .eform-preview .field-group.child {
    margin-bottom: 40px;
}

.add-row-btn {
    margin-bottom: 10px;
}

.eform-preview label{
    font-family: 'Raleway';
    color: #06243F;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 36px;
}
.eform-preview label.small {
    font-weight: 500;
    font-size: 18px;
}
.eform-preview label+.form-description {
    margin-top: 0 !important;
}
.eform-preview .custom-tooltip>span {
    font-size: 0;
}

.eform-preview .custom-tooltip {
    font-size: 17px;
    vertical-align: middle;
}

.eform-preview .child label {
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 24px;
    color: #06243F;
    line-height: 1.2;
}

.eform-preview .radio label, .eform-preview .checkbox label {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
.custom-radio.d-flex input[type=radio] {
    min-width: 16px;
}

input[type=date]{
    font-family: Arial, Helvetica, sans-serif;
}

.text-component-field *{
    max-width: 100%;
}

.eform-preview .cust-form-group select.form-control, .eform-preview .cust-form-group .form-control[type=text], .eform-preview .cust-form-group .form-control[type=number], .eform-preview .cust-form-group .form-control[type=date], .eform-preview .cust-form-group .form-control[type=tel], .eform-preview .cust-form-group .form-control[type=email] {
    height: 44px;
    background: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    min-width: 95%;
}

.eform-preview .cust-form-group .form-description, .eform-preview .address-field .form-description, .eform-preview .component-group .form-description {
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #06243F;
    margin: 10px 0;
    display: block;
}
.eform-preview .cust-form-group label+span.form-description {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0 !important;
}

input.form-control.currency {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.833332V19.1667' stroke='%2310304D' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 4.16667H7.91667C7.14312 4.16667 6.40125 4.47396 5.85427 5.02094C5.30729 5.56792 5 6.30979 5 7.08333C5 7.85688 5.30729 8.59875 5.85427 9.14573C6.40125 9.69271 7.14312 10 7.91667 10H12.0833C12.8569 10 13.5987 10.3073 14.1457 10.8543C14.6927 11.4013 15 12.1431 15 12.9167C15 13.6902 14.6927 14.4321 14.1457 14.9791C13.5987 15.526 12.8569 15.8333 12.0833 15.8333H5' stroke='%2310304D' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    padding-left: 35px !important;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.square-radio input[type=radio] {
    opacity: 0;
    position: absolute;
}

.square-radio label {
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
    background: white;
    border: 1px solid #DDD;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    text-align: center;
}

.square-radio input:checked+label {
    background: #07578130;
    border-color: #07578161;
    border-width: 2px;
}

.eform-preview .hidden {
    display: block;
    opacity: 0.3;
    pointer-events: none;
}

.eform-preview ol {
    list-style: decimal;
    padding-left: 30px !important;
}

.eform-preview ul {
    list-style: initial;
    padding-left: 30px !important;
}


* {box-sizing: border-box;}

body {
    margin: 0;
    padding: 0;
    font-family: 'Raleway',sans-serif;
    height: 100%;
}

body.no-overflow {
    overflow: hidden !important;
}

.eforms-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.eforms-wrap .eforms-top {
    background: #075781;
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.eforms-wrap .eforms-top .btn-back {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    column-gap: 10px;
    background: transparent;
    border: none;
    padding: 0;
}

.eforms-wrap .app-details .top-box * {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.eforms-wrap .eforms-top .btn-back i {
    fill: #fff;
}

.eforms-wrap .eforms-top .form-switch {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    column-gap: 10px;
}

.eforms-wrap .eforms-top .form-switch .form-switch-input {
    font-size: 30px;
    width: 1.8em;
    border-color: #6C757D;
    background-color: #6C757D;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    height: 1em;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    appearance: none;
    margin: 0;
    border-radius: 20px;
    min-width: 54px;
}

.eforms-wrap .eforms-top .form-switch-input:checked {
    background-color: #E39600;
    border-color: #E39600;
    background-position: right center;
}

.eforms-wrap .eforms-top .form-switch-input:focus {
    border-color: 0 0 0 .25rem rgb(227,150,0,0.25);
    -webkit-box-shadow: 0 0 0 .25rem rgb(227,150,0,0.25);
    box-shadow: 0 0 0 .25rem rgb(227,150,0,0.25);
}

.eforms-wrap .eforms-top .form-switch-label {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
}

.eforms-content {
    display: flex;
    flex-grow: 1;
    position: relative;
    flex-wrap: wrap;
}

.eforms-left {
    width: 25%;
    text-align: right;
    /* justify-content: flex-end; */
    display: flex;
    background: rgba(16, 48, 77, 1);
    color: #708394;
    padding-top: 160px;
    align-items: flex-end;
    flex-direction: column;
}

html {
    height: 100%;
}

.modules-timeline .module span:after {
    content: '';
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 3px solid #1a5a7e;
    float: right;
    margin-right: -63px;
    background: #10304d;
    z-index: 9;
    position: relative;
}

.modules-timeline {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    margin-right: 60px;
}

.modules-timeline .module.active {
    color: white;
}

.modules-timeline .module {
    padding: 0 40px;
    line-height: 40px;
    font-weight: 600;
    position: relative;
}

.module:not(.completed) span:before {
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #1a5a7e;
    display: inline-block;
    margin-left: 37px;
    position: absolute;
    margin-top: 16px;
    z-index: 10;
}

.modules-timeline .module.active span:before {
    background: #FFFFFF;
}

.modules-timeline .module.active span:after {
    border-color: #FFFFFF;
}

.modules-timeline .module.completed span:before {
    content: '✔';
    margin-left: 35px;
    position: absolute;
    font-size: 20px;
    color: white;
    z-index: 11;
}

.modules-timeline .module.completed span:after {
    background: rgba(49, 185, 240, 1);
    border-color: rgba(49, 185, 240, 1);
}
.modules-timeline .module:after {
    content: '';
    position: absolute;
    width: 4px;
    height: calc(50% + 22px);
    display: inline-block;
    background: #1a5a7e;
    right: -4px;
    transform: translateY(calc(50% + 18px));
    z-index: 8;
}
.modules-timeline .module:before {
    content: '';
    position: absolute;
    width: 4px;
    height: calc(50% + 18px);
    display: inline-block;
    background: #1a5a7e;
    right: -4px;
    transform: translateY(calc(-50% + 18px));
    z-index: 8;
}
.module.active:before, .module.completed:before {
    background: #31b9f0;
}

.modules-timeline .module.completed:after {
    background: #31b9f0;
}

.modules-timeline .module:first-child:before {
    display: none;
}

.modules-timeline .module:last-child:after {
    display: none;
}


.eforms-right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: white;
    background: #065C86;
    padding: 10px 45px 30px;
    width: 75%;
}

.eforms-right .header {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.eforms-right .header img {
    width: 130px;
}

.eforms-right .header h1, .eforms-right .header p {
    margin: 5px 0;
}

.form-wrapper {
    background: #F2F5F6;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: black;
    flex-grow: 1;
    padding: 90px 100px;
    width: 100%;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}

.disclosure {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}

.disclosure span {
    color: rgba(235, 87, 87, 1);
}

.form-control-wrap{
    position:relative;
}

.form-control-wrap .flag{
    position:absolute;
    right:10px;
    top:5px;
}

.signature-wrapper {
    background: white;
    padding: 20px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
} button.back i{
    display: none;
}span.form-description:empty {
    display: none !important;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}
blockquote {
    padding: 20px !important;
    padding-left: 40px !important;
    font-style: oblique;
    background-color: #f9f9f9;
    border-radius: 3px;
    position: relative;
    font-family: "Time new Romans";
    font-size: 16px;
    letter-spacing: 0.3px;
    border-left: 4px solid #ccc;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
blockquote:before {
    content: '"';
    font-size: 30px;
    position: absolute;
    top: 17px;
    left: 20px;
    opacity: 0.8;
}

.tooltip {
    display: block !important;
    z-index: 10000;
}

.tooltip .tooltip-inner {
    background: black;
    color: white;
    border-radius: 16px;
    padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: black;
    z-index: 1;
}

.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
    margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip.popover .popover-inner {
    background: #f9f9f9;
    color: black;
    padding: 24px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(black, .1);
}

.tooltip.popover .popover-arrow {
    border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
}

.search-filter{
    color: #075781;
    background-color: rgba(7, 87, 129, 0.1);
    background-image: url('../images/search.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 40px !important;
}
button.nav-toggle {
    display: none;
}
.vue-dropzone {
    border: 2px solid #e5e5e5;
}
.cust-form-group .form-control {
    border: 2px solid #B2B3B4;
}
.cust-form-group .form-control:focus-visible, .cust-form-group .form-control:focus, .cust-form-group .form-control:active {
    outline-color: #0176A5;
}
.dz-default.dz-message {
    margin: 0!important;
}
div#dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-small:before {
    font-size: 80%;
}
.canvas-wrapper > div {
    background: rgba(242, 245, 246, 1);
}

.error input[type=text],
.error input[type=email],
.error input[type=number],
.error input[type=tel],
.error input[type=date],
.error .square-radio label,
.error select,
.error .vue-dropzone {
    border-color: red !important;
}

.repetition {
    padding: 20px;
    background: #d6e8f1;
    margin-bottom: 10px;
    position: relative;
    border-radius: 10px;
}

.repetition button.remove {
    width: 35px;
    height: 35px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    cursor: pointer;
    top: -10px;
}

.mapboxgl-ctrl-geocoder--button {
    background: none !important;
}

@media screen and (min-width: 240px) and (max-width: 639px){

    .mapboxgl-ctrl-geocoder--input {
        height: 36px !important;
    }
    .mapboxgl-ctrl-geocoder--icon-search {
        top: 8px !important;
    }
    .mapboxgl-ctrl-geocoder--icon-close {
        margin-top: 3px !important;
    }
}

.mapbox-wrapper .overlay-map {
    position: fixed;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    z-index: 11;
    background: white;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.mapbox-wrapper .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
    width: 100% !important;
    max-width: 100% !important;
    height: 44px;
    box-shadow: none;
    border: 2px solid #b1b1b1;
}

.mapbox-result{
    padding: 20px;
    background: #DEE5E8;
    border-radius: 5px;
}
.edit-map-btn {
    background: rgba(7, 87, 129, 0.3);
    border-radius: 5px;
    border: none;
    height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.upload-field-wrapper .remove-icon {
    transform: scaleY(.9);
    font-size: 26px;
    color: #dd4646;
    font-weight: 600;
    margin-bottom: 4px;
    margin-right: 6px;
}

.added-file .icon-delete {
    cursor: pointer;
}

.added-file {
    background: #C1EAFB;
    padding: 10px;
    color: #10304D;
    border-radius: 5px;
}

.dark-mode .added-file {
    background: #4c4c4c;
    color: #fdfdfd;
}

.dark-mode .mapbox-wrapper .overlay-map {
    background: #363636;
}

.dark-mode .mapbox-wrapper .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
    background: transparent;
}

.dark-mode .mapbox-result{
    background: #4c4c4c;
}

.dark-mode .edit-map-btn {
    background: rgb(227 150 0);
    color: #252525;
}

.dark-mode .eforms-wrap .eforms-top {
    background: #363636;
}

.dark-mode .modules-timeline .module.active span::before {
    background: #C28100;
}

.dark-mode .modules-timeline .module.active span::after {
    border-color: #C28100
}

.dark-mode .module:not(.completed) span::before {
    background: #B2B3B4;
}

.dark-mode .module:not(.completed) span::after {
    border-color: #B2B3B4;
    background: #252525;
}

.dark-mode .modules-timeline .module::after {
    background: #B2B3B4;
}

.dark-mode .eforms-left {
    background: #252525;
}

.dark-mode .modules-timeline .module {
    color: rgba(255, 255, 255, 0.4);
}

.dark-mode .modules-timeline .module.active {
    color: rgba(255, 255, 255, 1);
}

.dark-mode .eforms-right {
    background: #121212;
}

.dark-mode .form-wrapper {
    background: #252525;
}

.dark-mode .form-wrapper {
    color: #fff;
}

.dark-mode .eform-preview label {
    color: #fff;
}

.dark-mode .cust-form-group .form-control::placeholder {
    opacity: 1;
}

.dark-mode .eform-preview .cust-form-group .form-description,
.dark-mode .eform-preview .address-field .form-description,
.dark-mode .eform-preview .component-group .form-description {
    color: #fff;
}

.dark-mode .button.back {
    background: #252525 !important;
    border: 2px solid #fff !important;
    color: #fff;
    opacity: 1;
}

.dark-mode .button.button-primary {
    background: #C28100;
    border-color: #C28100;
    color: #fff;
}

.dark-mode .button.button-primary.hollow {
    background: #252525;
    border-color: #FFFFFF;
}

.dark-mode .required {
    color: #EB5757 !important;
}

.dark-mode input[type="radio"] {
    accent-color: #c28100;
    border: 0px !important;
}


.dark-mode .error input[type="text"],
.dark-mode .error input[type="email"],
.dark-mode .error input[type="number"],
.dark-mode .error input[type="tel"],
.dark-mode .error input[type="date"],
.dark-mode .error .square-radio label,
.dark-mode .error select,
.dark-mode .error .vue-dropzone {
    border-color: #EB5757 !important;
}

.dark-mode .custom-checkbox {
    position: relative;
}

.dark-mode .form-wrapper input[type="checkbox"] {
    font-size: 0px !important;
    opacity: 0;
}

.dark-mode .form-wrapper input[type="checkbox"]~ ::before {
    content: "";
    width: 16px;
    height: 16px;
    background: #585858;
    position: absolute;
    border: 2px solid #A3AEB9;
    left: 0;
    top: 4px;
    border-radius: 4px;
}

.dark-mode .form-wrapper input[type="checkbox"]:checked~ ::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 8px;
    background: #c28100;
    border: 0px;
    border-radius: 3px;
}
.dark-mode .modules-timeline .module:before {
    background: #B2B3B4;
}

.dark-mode .modules-timeline .module.completed span::after {
    background: rgb(194, 129, 0);
    border-color: rgb(194, 129, 0);
}

.dark-mode .module.active:before,
.dark-mode .module.completed:before {
    background: rgb(194, 129, 0);
}

.dark-mode .modules-timeline .module.completed:after {
    background: rgb(194, 129, 0);
}

.dark-mode .repetition {
    background: #3e3e3e;
}
.dark-mode .repetition button.remove {
    color: #c1c1c1;
    background: #282828;
}

.dark-mode .form-control {
    background: #363636 !important;
    border: 2px solid #B2B3B4 !important;
    color: #fff !important;
    opacity: 1;
    outline: 0px;
    box-shadow: 0px;
}
.dark-mode .square-radio label {
    background: #363636;
}

.dark-mode .square-radio input:checked+label {
    background: #363636;
    border-color: #c28100;
}

.dark-mode div#dropzone {
    border: 2px dashed #c28100 !important;
    background: transparent !important;
    border-radius: 20px;
    padding: 20px;
}

.dark-mode img.signature,.dark-mode .type-signature-wrapper {
    background: transparent;
    filter: invert(1);
}
.dark-mode .canvas-wrapper>div {
    background: #c9c9c9;
    filter: invert(1);
}

.dark-mode div#dropzone button {
    color: #fff;
    width: 100% !important;
}

.dark-mode .ql-editor .ql-align-center strong {
    background: #c28100 !important;
    padding: 10px;
    border-radius: 10px;
}

.dark-mode .dz-message {
    background: #191919;
    padding: 20px;
    width: 100%;
    margin: 0px !important;
    border-radius: 20px;
    color: #ffff;
}

.dark-mode .signature-wrapper {
    background: #585858;
}

.dark-mode .tab-title {
    color: #fff !important;
    border-color: #fff !important;
}

.dark-mode .tab-title.active {
    border-color: #c28100 !important;
    color: #c28100 !important;
    background: transparent !important;
}

.dark-mode .signature-wrapper .dropzone-wrapper {
    border: 0px !important;
    padding: 0px !important;
}

.dark-mode .module.completed {
    color: #fff !important;
}

.form-description+label+div {
    max-width: max-content;
    padding: 20px;
}

.dark-mode .submitted {
    background: #252525 !important;
}

.dark-mode .submitted i.icon-check {
    color: #e39600 !important;
    border-color: #e39600 !important;
}
   
.dark-mode input.form-control.currency {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0.833332V19.1667' stroke='%23FFFFFF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 4.16667H7.91667C7.14312 4.16667 6.40125 4.47396 5.85427 5.02094C5.30729 5.56792 5 6.30979 5 7.08333C5 7.85688 5.30729 8.59875 5.85427 9.14573C6.40125 9.69271 7.14312 10 7.91667 10H12.0833C12.8569 10 13.5987 10.3073 14.1457 10.8543C14.6927 11.4013 15 12.1431 15 12.9167C15 13.6902 14.6927 14.4321 14.1457 14.9791C13.5987 15.526 12.8569 15.8333 12.0833 15.8333H5' stroke='%23FFFFFF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.dark-mode .mapboxgl-ctrl-geocoder .suggestions {
    background: #363636;
}

.dark-mode .mapboxgl-ctrl-geocoder .suggestions>li>a,
.dark-mode .mapboxgl-ctrl-geocoder .suggestions>li>a:hover {
    color: #b1b1b1;
}

.dark-mode .mapboxgl-ctrl-geocoder .suggestions>.active>a,
.dark-mode .mapboxgl-ctrl-geocoder .suggestions>li>a:hover {
    background: #000;
}

.dark-mode .mapboxgl-ctrl-geocoder--input {
    color: #d9d9d9 !important;
}

i.icon-arrow-left:before {
    content: '\e825';
}

i.icon-arrow-right:before {
    content: '\e825';
    transform: scale(-1, 1);
}

.field-group+.required, .cust-form-group+.required {
    margin: -15px 0 25px 0;
}
.required i.icon-cross-icon {
    font-size: 70%;
    margin-right: 4px;
}

@media screen and (min-width: 1194px){
    .eforms-right .header {
        padding: 15px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1194px){

    .disclaimer .eforms-left {
        display: none;
    }
    .eforms-right {
        max-width: 832px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        background: none;
        padding-bottom: 40px;
    }
    .eforms-right .header img {
        width: 100px;
    }
    eforms-right .header h1 {
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
        color: #F2F5F6;
    }
    .eforms-right .form-wrapper {
        padding: 37px 51px 40px;
    }
    .eforms-right .header {
        padding-bottom: 10px;
    }
    .eforms-right .form-wrapper h2 {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        padding: 0 0 47px 0;
    }
    .eforms-right .disclosure p {
        margin: 0;
        font-weight: 700;
        font-size: 16px;
        line-height: 60px;
    }
    .eforms-right .disclosure {
        margin: 0 0 317px 0;
    }
    .eforms-right .btn-wrapper i {
        display: none;
    }
    .eforms-right .start {
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        padding: 12px 10px;
    }
    .eforms-wrap .eforms-top {
        padding: 17px 60px;
    }.eforms-wrap .eforms-content {
        background: radial-gradient(52.96% 164.94% at 78.07% 37.55%, #075781 0%, #0176A5 96.35%);
    }.dark-mode .eforms-wrap .eforms-content {
        background: #121212;
    }
    .eforms-wrap .eforms-top .form-switch label {
        margin: 0;
        font-weight: 500;
    }
    .eforms-left {
        width: 27.5%;
    }
    .eforms-right {
        max-width: 68%;
    }
    .eforms-right .form-wrapper {
        padding: 42px 40px 55px;
    }
    
    .eform-preview label {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 10px 0;
    }
    .eforms-right .eform-preview .cust-form-group input.form-control {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        border-color: #B2B3B4;
        padding: 8px 0 8px 10px;
    }
    .eform-preview .cust-form-group .form-description, .eform-preview .address-field .form-description, .eform-preview .component-group .form-description {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0 0 0;
    }
    .eforms-right .form-wrapper .back {
        column-gap: 0;
        padding: 16px 21px;
        background: #C2EBFB;
    }
    .eforms-right .form-wrapper .back i {
        display: none;
    }
    .eforms-right .form-wrapper .next {
        padding: 16px 21px;
    }
    .cust-form-group+.required {
        margin: -20px 0 25px 0;
    }
    .eforms-right .eform-preview .cust-form-group .custom-checkbox label {
        font-size: 18px;
        line-height: 28px;
    }
    div#dropzone {
        display: flex;
        align-items: center;
        padding: 14px;
        font-family: 'Raleway';
    }
}

@media only screen 
  and (min-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .eforms-content.disclaimer .form-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}


@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .submit {
        margin-top: 78px;
    }
    .cust-form-group+.required {
        margin: -15px 0 25px 0!important;
    }

    button.nav-toggle {
        display: block;
    }
    .eforms-content .eforms-left {
        width: 337px!important;
        position: absolute;
        left: 0;
        transition: 0.3s ease;
        padding: 0;
        height: 100%;
        transition: 0.3s ease!important;
        padding: 10px 0;
        overflow-y: scroll;
        z-index:1;
    }
    .eforms-left:not(.collapsed-nav) button.nav-toggle {
        margin-right: 30px;
    }
    button.nav-toggle {
        background: none;
        border: none;
        color: white;
        padding: 0;
        margin-top: 10px;
        margin-right: 20px;
    }
    .eforms-left.collapsed-nav {
        left: -286px;
    }
    .eforms-left .modules-timeline {
        margin: 117px 50px 117px 0;
    }
    .eforms-left.collapsed-nav .modules-timeline {
        display: none;
    }
    .eforms-left:not(.collapsed-nav) .nav-toggle .icon-cross {
        font-size: 20px;
    }
    .collapsed-nav .nav-toggle .icon-cross, .eforms-left:not(.collapsed-nav) .nav-toggle .icon-hamburger-icon {
        display: none;
    }
    .eforms-right {
        background: radial-gradient(52.96% 164.94% at 78.07% 37.55%, #075781 0%, #0176A5 96.35%);
        padding: 0 40px 40px 90px;
        max-width: 100%!important;
    }
    .disclaimer .eforms-right {
        padding-left: 40px;
    }
    .form-switch-label {
        margin: 0;
    }
    .eforms-wrap .eforms-top {
        padding: 17px 60px 17px 63px;
    }
    .eforms-right .header img {
        width: 100px;
    }
    .eforms-right .header {
        padding: 38px 0;
    }
    .eforms-right h1 {
        font-size: 24px;
        line-height: 36px;
        margin: 0!important;
    }
    .eforms-right .form-wrapper {
        padding: 47px 45px 50px 46px;
    }
    .eforms-right h2 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 47px 0;
    }
    .disclosure p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        margin: 0;
    }
    .disclosure p:nth-child(1) {
        margin: 0 0 40px 0;
    }
    .disclosure {
        margin: 0 0 308px 0;
    }
    .start i {
        display: none;
    }
    .start {
        padding: 10px 12px;
        font-size: 18px;
        font-weight: 500;
    }
    .eform-preview>div {
        padding: 0;
    }
    .cust-form-group label {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 12.27px 0;
    }
    .back {
        font-size: 0;
        column-gap: 0;
        padding: 16.58px 21.58px;
        border: 0!important;
        background: #C2EBFB!important;
    }
    .next {
        font-size: 0;
        column-gap: 0;
        padding: 16.58px 21.58px;
    }
    button.button.button-primary.next i, button.button.button-primary.back i{
        font-size: 18px;
    } 
    .eform-preview label {
        font-size: 18px;
        line-height: 28px;
    }
    .hollow {
        margin-top: 78px;
    }
    .next {
        margin-top: 78px;
    }
    button.btn-back {
        column-gap: 13px;
    }
    .eforms-wrap .eforms-top .form-switch {
        
        column-gap: 13px;
    }
    button.back i {
        display: block;
    }

    .eform-preview>div {
        max-width: 100%;
    }
    input.form-control:focus-visible {
        outline-color: #0176A5;
    }
    .disclaimer .eforms-left {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .half {
        width: 50% !important;
        float: left;
        clear: none !important;
    }
    .half .button-primary {

        padding: 6px 8px;
        font-size: 16px;
        font-weight: normal;
    }
    .cust-form-group.child+.required{
        margin: -25px 0 25px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .abutters-list.overlap {
        position: absolute;
        top: 0;
        bottom: 80px;
        background: white;
        z-index: 999;
        left: 0;
        right: 0;
    }
    .dark-mode .abutters-list.overlap {
        background: #363636;
    }
    .mapbox-header{
        flex-direction: column;
    }
    .cust-form-group input.form-control {
        border-width: 1px;
    }
    .submit {
        margin-top: 20px;
    }
    .field-group+.required {
        margin: -30px 0 25px 0!important;
    }
    .form-wrapper {
        padding: 21px 45px 20px 46px;
		box-shadow: none;
		border-radius: 0;
    }
	.cust-form-group+.required {
		margin: -30px 0 25px 0!Important;
	}
    .eforms-left {
        display: flex;
    }
    .disclaimer .eforms-left {
        display: none;
    }
    .eforms-left .modules-timeline .module {
        font-size: 0;
        padding-left: 20px;
    }
    .eforms-left .modules-timeline .module:before{
        display: none;
    }
    .eforms-right {
        max-width: 100%!important;
        width: 100%;
    }
    .eforms-left .modules-timeline .module span, .eforms-left .modules-timeline .module:after {
        display: none;
    }
	.eforms-content {
		display: block;
	}
	button.button.button-primary.back {
		border: 0;
	}
    .eforms-left {
        width: 100% !important;
        padding: 0;
        margin: 0;
        justify-content: flex-start;
    }
    
    .modules-timeline {
        flex-flow: row nowrap;
        width: 100%;
        height: 5px;
        background: white;
        row-gap: 0;
        margin: 0;
    }
    
    .module {
        flex: 1 1 0;
        display: flex;
        padding: 0 !important;
        line-height: 0 !important;
    }
    .module.completed, .module.active {
        background: rgba(56, 184, 236, 1);
    }
    .dark-mode .module.completed,.dark-mode .module.active {
        background: rgb(227 150 0);
    }
    .eforms-wrap .eforms-top .form-switch-label {
        margin: 0;
    }
    .eform-preview label {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .eform-preview .cust-form-group .form-description, .eform-preview .component-group .form-description {   
        margin-top: 10px;
    }
    input.form-control {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        padding: 8px 0 8px 10px;
    }
    .required {
        font-weight: 500;
        font-size: 20px;
        line-height: 36px;
        color: #EB5757;
        margin: 5px 0 0 0!important;
    }
    .button.button-primary {
        background: #075781;
        border: 1px solid #075781;
        padding: 12px 10px;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        color: #FFFFFF;
    } button.back i{
        display: block;
    } button.start i{
        display: none;
    } button.button.button-primary.back {
        background: #C2EBFB;
    } button.button.button-primary.next i, button.button.button-primary.back i{
        font-size: 18px;
        display: block;
    } button.button.button-primary.next, button.button.button-primary.back {
        font-size: 0;
        column-gap: 0;
        padding: 15px 20px;
    }
	.eforms-right {
		padding: 0;
	}
	.eforms-right h2 {
		font-size: 18px;
		margin: 0 0 47px 0;
	}

	.disclosure p {
		font-size: 16px;
		line-height: 24px;
		font-weight: 700;
		margin: 0;
	}
	.disclosure p:nth-child(2) {
		margin: 40px 0 0 0;
	}
	.start {
		margin: 0;
	}
	.eforms-wrap .eforms-top .btn-back {   
		font-size: 16px;    
	}
	.eforms-wrap .eforms-top .form-switch-label {
		font-size: 16px;
	}
	.eforms-wrap .eforms-top {
		padding: 5.5px 20px 5.5px 23px;
	}
	.eforms-right .header h1 {
		font-size: 20px;
		font-weight: 600;
	}
	.eforms-right .header img {
		width: 78px;
	}
	.eforms-right .header {
		column-gap: 20px;
		padding: 15px 0 15px 20px;
		background: radial-gradient(52.96% 164.94% at 78.07% 37.55%, #075781 0%, #0176A5 96.35%);
	}
	.dark-mode .eforms-right .header {
        background: #121212;
	}
	.eform-preview>div {
		padding: 0 0 0 0;
	}
	input.form-control {
		border: 2px solid #B2B3B4;
		color: #06243F;
	}
	.eform-preview .cust-form-group {
		margin-bottom: 40px;
	}
	.eform-preview .cust-form-group .form-description, .eform-preview .address-field .form-description, .eform-preview .component-group .form-description {
		font-size: 16px;
	}
	.back {
		margin: 20px 0 0 0;
	}
	.next {
		margin: 20px 0 0 0;
	}.eforms-content {
        padding-bottom: 40px;
        background: radial-gradient(52.96% 164.94% at 78.07% 37.55%, #075781 0%, #0176A5 96.35%);
    }.dark-mode .eforms-content {
        background: #000000 !important;
    }
    .dz-message span {
        font-family: 'Raleway';
    }
    div#dropzone {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 500px){
    .dz-message span {
        font-family: 'Raleway';
    }
    div#dropzone {
        display: flex;
        align-items: center;
    }
    .address-field .d-flex {
        flex-direction: column;
    }

    .address-field .d-flex .cust-form-group {
        margin-bottom: 10px;
    }

    .address-field .d-flex:last-child .cust-form-group:last-child {
        margin-bottom: 40px;
    }
}


@media screen and (max-width: 500px) {
    .all-components-wrapper{
        flex-grow: 1;
    }
    .eforms-wrap .eforms-top {  
        padding: 5.5px 20px 5.5px 0;  
        justify-content: flex-end;
    }
    .eforms-right .form-wrapper {
    	box-shadow:none;
    	border-radius:0;
    	padding: 41px 15px 30px 15px;
        display: flex;
        flex-direction: column;       
    }
    .eforms-content {
        display: block;
        
    }
    .eforms-right h2 {
        margin-bottom: 0;
        padding: 0 0 47px 0;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
    }
    .disclaimer .disclosure p {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #212529;
        padding: 0 0 30px 0;
    }
    .disclaimer .disclosure p:last-child {
        padding: 0;
    }
    .disclaimer .disclosure {
        padding: 0 0 65px 0;
    }
    .eforms-right .header {
        padding: 10px 20px;
        column-gap: 20px;
    }
    .eforms-right .header img {
        width: 72px;
    }
    .eforms-right .header h1 {
        font-weight: 600;
        font-size: 20px;
        color: #F2F5F6;
    	margin:0;
    }
    .eforms-right .header p {
        font-size: 14px;
        margin: 0;
    }
    .button.button-primary {
        padding: 12px 10px;
    }
    .eforms-right {
        padding: 0;
        min-height: 100%;
    }
    button.btn-back {
        display: none!important;
    }
    .eforms-left {
        width: 100%!important;
    }
}