:root{
    --font-size-16px:1rem;
    --font-size-17px:1.063rem;
    --font-siae-15px:0.938rem;
    --height-field40px:2.5rem;
    --line-height27px:1.688rem;
    --font-size-18px:1.125rem;
    --margin-top-43px:2.688rem;
    --margin-top-22px:1.375rem;
    --padding-22px:1.375rem;
    --margin-top-27px:1.688rem;
    --margin-top-28px:1.75rem;
    --margin-top-12px:0.75rem;
    --margin-top-33px:2.063rem;   
    --margin-top-18px:1.125rem;
    --margin-top-24px:1.5rem;
    
}

.webform-progress-tracker{
    width: 100%;
}
.section-landscape {
    height: auto !important;
    width: 100% !important;
    float: left;
}

.whole-section{
    box-shadow: 0px 3px 6px #00000029; 
    padding: 1.563rem;
}
.page-title{
    padding: var( --padding-22px);
    margin-top: 0.875rem;
    color: #252525 !important;
}
.webform-submission-form {
    padding-top: 0px !important;
}
.webform-progress{
    padding-right: 1.875rem;
}
.webform-section-title{
    font-weight: normal !important;

}
.webform-actions{
    margin-top: 1rem;
    position: relative;
   
}
.buliding_block{
    padding: 1.125rem;
}

.progress-tracker{
    margin-top: 0px !important;
}
.progress-tracker {
    box-shadow: 0px 0px 9px #00000029;
}
.progress-tracker--center {
    text-align: start;
}
.webform-progress-tracker .progress-title[role=link] {
    color: #252525;
    
}
.webform-progress-tracker li.progress-step {
    padding-left: 2rem;
}
.current_field{
    margin-top: 1.625rem;
}
[id^="webform-submission-property-estimate-template-1-add-form"]  [id^="edit-estimate-performed-by"]{
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}
#webform-submission-navigation-property_estimate_template_1 {
	display :none !important;
}
.webform-submission-information {
     display :none !important;
}

/* Template */
.template_section{
    padding: 2.563rem;
}

.form-item input[type=text] {
    box-shadow: none;
}
.form-item input[type=number] {
   box-shadow: none;
}
textarea {
    box-shadow: none !important;
}
input#edit-actions-draft {
    box-shadow: none;
    height: 48px !important;
    border: none !important;
}
input#edit-actions-wizard-prev {
    box-shadow: none !important;
}
.form-item{
    position: relative;
}

#webform-submission-property-estimate-template-2-add-form .ui-datepicker-trigger{
    position: absolute;
    top: 44px;
    right: 5px;
}
.type_field{
    margin-top:1.688rem;
}
.draft_button{
    width: fit-content;
}
/* .dashbord-tile-img{
    height: 68px !important;
    object-fit: contain;
    width: 146px !important;
} */
.section-landscape img {
    width: 30%;
    margin: auto;
}
.js-form-item-share-in-common-parts{
    font-size: var(--font-size-16px);
}

/*Common*/
.custom-measure-box {
    min-height:2.65rem;
}
[id^="edit-section-0-container-parent"] label,
[id^="edit-section-1-container-parent"],
[id^="edit-section-2-container-parent"],
[id^="edit-section-3-container-parent"],
[id^="edit-section-4-container-parent"],
[id^="edit-section-5"],
[id^="edit-section-6-container-parent"],
[id^="edit-section-7"],
[id^="edit-section-8"],
[id^="edit-section-9"]{
    
    font-size:var(--font-size-17px)
}

.form-text {
    height: var( --height-field40px) !important;
}
.form-number {
    height: var( --height-field40px) !important;
}
.form-control::placeholder {
   opacity: 0.4 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-selection__arrow {
    height:0px !important; 
}
.select2-container .select2-selection--single {
    height: var( --height-field40px) !important;
}
.select2-selection__rendered {
    line-height: var( --height-field40px) !important;
}
.select2-selection__rendered {
    line-height:27px !important;
}

[id^="edit-section-1-description-plot-text"],
[id^="edit-plot-owner-text"]{
    margin: 0px;
}
[id^="edit-section-3-building-construction"],
.form-item{
    margin-top:0;
}
.js-form-type-radio.form-type-radio{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
input[type="radio"] {
    margin: 2px 3px;
}
.select2-container--default .select2-selection--multiple {
    min-height:40px;
}
.form-item .select2-selection__choice {
    font-size: var(--font-size17px);
} 

.select2-container--default .select2-selection--single {
    font-size: var(--font-size17px);
    display: flex !important;
    align-items: center !important;
}
.terrain_surface{
    margin-top: 2.563rem;
}
.form-item--error-message {
    font-weight: 100;
    font-size:var( --font-siae-15px);
}

.chosen-container-single .chosen-single div b {
    margin-top: 8px;
}
.chosen-container-single .chosen-single {
    height: 40px;
    line-height: var( --height-field40px);
    box-shadow: none;
}
.chosen-container-multi .chosen-choices {
    line-height: var( --height-field40px);
    border-radius: 5px !important;
    box-shadow: none;
}
.chosen-container-multi .chosen-choices li.search-choice {
    margin: 10px 5px 3px 0;
}    
.js-form-item-current-operation{
    margin-top: var( --margin-top-22px);
}
.kitchen-bathroom-toilet {
    width: 80% !important;
}

.webform-submission .button
{
    background-color:  #15C0B8  !important;
    margin-bottom: 00.375rem;
}

button:focus:not(:focus-visible) {
    box-shadow: none;
}
.dropdown-menu {
    min-width: 8rem;
}
.dropdown-menu[data-bs-popper] {
    left: -3.125rem; 
}    

[class^=webform-button--] {
    width: fit-content;
}
[id^="edit-actions-wizard-next"]{
    margin-right: 12px !important;
}
.ground-floor-section{
    flex-direction: column;
}
.custom-login-right-wrapper {
    width: 22%;
}
.webform-button--next{
    box-shadow: none !important;
    border: none !important;
}
input#edit-actions-submit {
    border: none !important; 
}
#nav-branding-home-img{
    margin-left: 4px !important;
}
.js-form-item-bus-property-add{
    margin-top: -1px !important;
}
.js-form-item-street-applicant-add{
    margin-top: 4px !important;
}
.webform-button--draft{
    position: absolute;
    top: 0;
    left: 25%;
}
.webform-button--next{
    position: absolute;
    top: 0;
    right: -12px;
}
.webform-button--previous{
    position: absolute;
    right: 10%;
}
.webform-button--submit{
    position: absolute;
    right: 0;
}
.custom_action  {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.js-form-item-building-ground-floor{
    margin-bottom: 1rem !important;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel]{
    box-shadow: none !important;
}
input[type="email" i] {
   box-shadow: none !important;
   border: 1px solid #ced4da !important;
}
.form-textarea-wrapper textarea{
    border: 1px solid #ced4da !important;
}
.form-check-input[type=checkbox]{
    border: 1px solid #25252540 !important;
}
.form-check-input:checked {
    background-color: #15C0B8 !important ;
}
.webform-signature-pad .button {
    position: absolute;
    z-index: 100;
    top: 2px !important;
    right: -6px !important;
}
@media screen and (min-width: 768px) and (max-width:1023px) {
    .ground-floor-section{
        flex-direction: column;
    }
    h3{
        margin-top: 10px;
    }
    .kitchen-bathroom-toilet {
        width: 100% !important;
    }   
    /* .furnish-kitchen{
        padding: 2px !important;
    } */
    .kitchen-value{
        width: 30% !important;
    }
    .js-form-item-building-contruction-facades{
        margin-top: var(--margin-top-22px);
    }
    .form-item-building-v-t{
        margin-top: var(--margin-top-22px); 
    }
    .js-form-item-epc-value{
        margin-top: 3.75rem !important;
    }
    .js-form-item-building-year-purchase{
        margin-top:var(--margin-top-27px);
    }
    .js-form-item-building-construction-type{
        font-size: var(--font-size-16px);
    }
    .js-form-item-building-construction-exterior-joinery{
        margin-top: 2.75rem !important;
    }
    /* .js-form-item-building-contruction-mezzanine-floors{
        margin-top: 3.938rem;
    } */
    .js-form-item-estimated-yearly-rental-value{
        font-size:var( --font-size-18px);
    }
    .js-form-item-property-street-type{
        margin-top: var(--margin-top-28px);
    }
    .js-form-item-property-level-of-wear{
        margin-top: var(--margin-top-43px);
    }
    /* .js-form-item-property-public-transport{
        margin-top: var(--margin-top-22px); 
    } */
    
    .js-form-item-property-traffic-accessibility{
        font-size: var(--font-size-16px);
    }
    .js-form-item-necessary-repairs{
        margin-top: var(--margin-top-24px); 
    }
    .js-form-item-date-on{
        margin-top: var(--margin-top-27px);
    } 
    /* .js-form-item-drawn-up {
        font-size: var(--font-size-16px);
    } */
    .form-item-property-district-type-landbouwgebied{
        display: flex;
        align-items: center;
    }
    [id^="edit-property-value-instabiel"]{
        padding-left: 0.625rem;

    }
    .js-form-item-property-new-construction-value{
        font-size: var(--font-size-16px);
    }
    .js-form-item-property-value
    {
        margin-right: 1rem !important;
    }
    .webform-progress-tracker li.progress-step {
        padding: 2px 12px;
    }
    .js-form-item-plot-width-street{
        font-size: var(--font-size-16px);
    }
    .webform-button--previous {
        position: absolute !important;
        right: 16% !important;
    }
    .js-form-item-owner-add-same-applicant{
        margin-top: 0.875rem !important;
    }
    .js-form-item-property-construction{
        margin-top: 2.625rem !important;
    }
        
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) and (orientation: landscape){
        .progress-text{
            padding: 0;
        }
        
        .col-lg-5{
            flex: 0 0 auto !important;
            width: 50% !important;
        }
        .section-landscape{
            display: flex;
            justify-content: center !important;
        }
        .js-form-item-rental-possibilities-or-income{
            font-size: var(--font-size-18px);
        }
        .form-item-building-v-t{
            margin-top: var(--margin-top-22px) ;
        }
        /* .js-form-item-building-outhouse{
            margin-top: var(--margin-top-12px);
        } */
        .ground-floor-section{
            flex-direction: column;
        }
        /* .js-form-item-epc-value{
            margin-top: var(--margin-top-43px);
        } */
        
    
        .js-form-item-recent-works{
            margin-top: var(--margin-top-27px);
        }
        
    }
    /* .js-form-item-building-outhouse{
        margin-top:var(--margin-top-18px) !important;
    } */
    .js-form-item-necessary-repairs{
        margin-top: var(--margin-top-22px);
    }
    .js-form-item-recent-works{
        margin-top: var(--margin-top-24px);
    }
    .js-form-item-property-environment-or-disturb{
        margin-top: var(--margin-top-22px);
    }
    .webform-element--title-inline{
        margin-bottom: 0px !important;
    }
    .js-form-item-property-environment-or-disturb{
        font-size: var(--font-size-16px) !important;
    }
    .container-inline.form-actions {
        margin-top: var(--margin-top-22px) !important;
        margin-bottom: 0;
        padding-left: 27% !important;
    }
    .region-nav-additional{
        margin-right: -1.625rem !important;
    }

    @media screen and (max-width: 1920px) {
       .js-form-item-property-public-transport{
        margin-top: var(--margin-top-22px);
       }
       .js-form-item-property-easement{
        margin-top: 0px;
       }
    }
    @media  screen and (max-width: 1366px) {
        .js-form-item-property-public-transport{
            margin-top: var( --margin-top-43px);
        }
        .js-form-item-property-easement{
            margin-top: var(--margin-top-22px);
        }
        
    }
