.veolia_form_header{
    background-color: #FFFFFF;
}
.veolia_form_header .prehead{
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #E60004;
    text-align: left;
}
.veolia_form_header_h1 {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 0px;
    gap: 10px;
    max-width: 600px;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 47px;
    text-align: left;
    color: #000000;
}
.veolia_form_header .header > div > .justify-content-center > div > button {
    background-color: #EFEFEF;
    border: none;
    border-radius: 0;
}
.form_veolia{
    background-color:#FFFFFF ;
}
.btn_active{
    font-weight: bold!important;
    background-color: #FFFFFF!important;
}
.form_veolia > .container{
    max-width: 1201px;
}
.form_veolia >.container >.row{

}
.data_investor{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.form-check{
    padding-left: 32.5px!important;
}
#wnioskodawca_form > h4{
    font-weight: bold;
}
.form-control{
    box-sizing: border-box;

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px 12px 20px;
    gap: 10px;

    width: 270px;
    height: 46px;

    /* White/White */
    background: #FFFFFF;
    /* Stroke */
    border: 1px solid #DFE4EA;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    /* Dark/Dark 6 */
    color: #9CA3AF;
}
.form-group{
    padding-left: 7.5px!important;
    padding-right: 7.5px!important;
}
input[type="radio"] {
    -webkit-appearance: none; /* Usunięcie domyślnego stylu */
    -moz-appearance: none;
    appearance: none;

    border-radius: 50%; /* Zaokrąglenie */
    outline: none;
    cursor: pointer;
}

input[type="radio"]:checked {
    background-color: black; /* Czarny środek po zaznaczeniu */
    color: black;
}
.col-12{
    padding-left: 7.5px!important;
}
label{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    padding-bottom: 5px;
}
.label_checkbox{

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    /* Dark/Dark */
    color: #111928;



}
.veolia_form_header h3{
    padding-bottom:22px ;
}
.form_veolia h3{
    padding-bottom:22px ;
}
.veolia_form_header h3,h4{
    margin-bottom: 20px!important;
    font-weight: bold!important;
    border-bottom: 1px solid #DFE4EA;
}
.form_veolia h3,h4{
    margin-bottom: 20px!important;
    font-weight: bold!important;
    border-bottom: 1px solid #DFE4EA;
}
.veolia_form_header h5{
    margin-bottom: 5px!important;
    font-weight: bold!important;
}
.form_veolia h5{
    margin-bottom: 5px!important;
    font-weight: bold!important;
}
.data, .data_investor, .data_address, .data_contact, .applicant, .applicant_address, .proxy{
    max-width: 603px;
}
.steps > div > .a_active{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #062A70!important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF!important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none!important;
}
.steps > div > a{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #F9FAFB!important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #062A70!important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none!important;
    border: 1px solid #DFE4EA;
}
.steps > div > a:hover{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #062A70!important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF!important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none!important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.pesel_good{
    border-color: green!important;
}
.pesel_bad{
    border-color: red!important;
}
input[type="email"] {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M14 0.399902H1.99999C1.14999 0.399902 0.424988 1.0999 0.424988 1.9749V10.0749C0.424988 10.9249 1.12499 11.6499 1.99999 11.6499H14C14.85 11.6499 15.575 10.9499 15.575 10.0749V1.9499C15.575 1.0999 14.85 0.399902 14 0.399902ZM14 1.5249C14.025 1.5249 14.05 1.5249 14.075 1.5249L7.99999 5.4249L1.92499 1.5249C1.94999 1.5249 1.97499 1.5249 1.99999 1.5249H14ZM14 10.4749H1.99999C1.74999 10.4749 1.54999 10.2749 1.54999 10.0249V2.6249L7.39999 6.3749C7.57499 6.4999 7.77499 6.5499 7.97499 6.5499C8.17499 6.5499 8.37499 6.4999 8.54999 6.3749L14.4 2.6249V10.0499C14.45 10.2999 14.25 10.4749 14 10.4749Z" fill="%236B7280"/></svg>') no-repeat left center;
    background-size: 16px 12px; /* Rozmiar ikony */
    background-position: 10px center; /* Odsunięcie od krawędzi */
    padding-left: 40px; /* Odsunięcie tekstu dla czytelności */
}
input[type="tel"] {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.6667 11.28V13.28C14.6674 13.4657 14.6294 13.6494 14.555 13.8195C14.4806 13.9897 14.3715 14.1424 14.2347 14.2679C14.0979 14.3934 13.9364 14.489 13.7605 14.5485C13.5846 14.6079 13.3983 14.63 13.2133 14.6133C11.1619 14.3904 9.19134 13.6894 7.46001 12.5667C5.84923 11.5431 4.48356 10.1774 3.46001 8.56665C2.33333 6.82745 1.63217 4.84731 1.41334 2.78665C1.39668 2.60229 1.41859 2.41649 1.47767 2.24107C1.53676 2.06564 1.63172 1.90444 1.75652 1.76773C1.88131 1.63102 2.03321 1.52179 2.20253 1.447C2.37186 1.37221 2.5549 1.33349 2.74001 1.33332H4.74001C5.06354 1.33013 5.3772 1.4447 5.62251 1.65567C5.86783 1.86664 6.02806 2.15961 6.07334 2.47998C6.15775 3.12003 6.31431 3.74847 6.54001 4.35332C6.6297 4.59193 6.64911 4.85126 6.59594 5.10057C6.54277 5.34988 6.41925 5.57872 6.24001 5.75998L5.39334 6.60665C6.34238 8.27568 7.72431 9.65761 9.39334 10.6067L10.24 9.75998C10.4213 9.58074 10.6501 9.45722 10.8994 9.40405C11.1487 9.35088 11.4081 9.37029 11.6467 9.45998C12.2515 9.68568 12.88 9.84224 13.52 9.92665C13.8439 9.97234 14.1396 10.1355 14.351 10.385C14.5624 10.6345 14.6748 10.953 14.6667 11.28Z" stroke="%231E1E1E" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat left center;
    background-size: 16px 16px; /* Rozmiar ikony */
    background-position: 10px center; /* Odsunięcie ikony od lewej krawędzi */
    padding-left: 40px; /* Dodanie miejsca na ikonę, aby tekst nie nachodził na nią */
}
input[type="checkbox"]{
    width: 20px;
    height: 20px;
    background: #062A70;
    border: 1px solid #062A70;
    border-radius: 4px;
}
input[type="checkbox"]:checked{
    width: 20px;
    accent-color: #062A70;
    height: 20px;
    background: #062A70;
    border: 1px solid #062A70;
    border-radius: 4px;
}
#next-button{
    /* Frame 1000004312 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    gap: 10px;

    background: #062A70;
    border-radius: 4px;
}
#previous-button{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    gap: 10px;
    background: #DFE4EA;
    border-radius: 4px;
    border-color: #DFE4EA;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #062A70;
}
.previous_firststep{
    background-color: #FFFFFF!important;
    color: #FFFFFF!important;
    border-color: #FFFFFF!important;
    pointer-events: none!important;
}
.border_none{
    border: none !important;
}
.precinct{
    max-width: 807px;
}
.law{
    max-width: 1144px;
}
select{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px 12px 20px;
    gap: 10px;
    width: 269px;
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #DFE4EA;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
#next-row-law, .add-precinct, .remove-precinct, #add-plot, #remove-plot, #previous-precinct, .remove-law-row, #add-new-row, #remove-row, .remove-row, #add-new-attachment, .remove-attachment, [id^="next-row-law-"] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    gap: 10px;
    background: #062A70;
    border-radius: 6px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    height: 48px;
}
#inwestycja_form > div > h4{
    padding-left: 7.5px;
}
#add-plot, #remove-plot .add-plot .remove-plot{
    height: 44px;
    width: 50px;
}
.precinct{
    display: flex;
    flex-direction: column;
}
.remove-plot, #remove-plot-0, .add-plot{
    height: 44px;
    width: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 15px;
    gap: 10px;
    background: #062A70;
    border-radius: 6px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.plot{
    max-width: 172px;
}
.plots-container{
    padding-bottom:30px ;
    border-bottom:1px solid #000000;
}
.plots-container > .d-flex{
    padding-left:0px!important;
}
.law_container{
    flex-wrap: wrap;
}
.law_container > .ps-lg-0{
    margin-right:29px;
}
.law_container > div{
    width: 270px;
    margin-right:8px ;
    height: 99px;
    display: flex;
    flex-direction: column;
}
.law_container > button{
    margin-right:29px ;
}

.technical_data_pressure{
    display: flex;
}

.technical_data_pressure > .flex-wrap{

}

.technical_data_power .form-group{
    max-width: 183px; /* Limit the maximum width */
    width: auto; /* Responsive width */
    box-sizing: border-box; /* Include padding and borders in width */
}

.technical_data_pressure .flex-wrap .form-group{
    max-width: 183px; /* Limit the maximum width */
    width: auto; /* Responsive width */
    box-sizing: border-box; /* Include padding and borders in width */
}
#techniczne_form input[type="number"],
#techniczne_form input[type="date"] {
    max-width: 168px; /* Limit the maximum width */
    width: 100%; /* Responsive width */
    margin: 0; /* Reset margins if needed */
    box-sizing: border-box; /* Include padding and borders in width */
}

.technical_checkbox input{
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid #DFE4EA;
    border-radius: 4px;
}
.technical_checkbox label{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #111928;
    margin-left: 10px;
}

.form_url{
    text-decoration: underline;
}

.technical_textarea{
    height: 144px;
}

.form_veolia_date{

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    color: #9CA3AF;

}

#oswiadczenia_form{
    max-width: 870px;
    padding: 0px;
    gap: 10px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    color: #111928;

}

.form_veolia_policy{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: #000000;


}
.validation-result{
    font-size: small;
}

button.disabled {
    background-color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
    border-color: #ccc;
}

/*
.plots-container > div:first-child{
    width: 252.5px;
}
*/

.red_required{
    color: red!important;
}


#next-button.disabled,
.steps a.disabled {
    opacity: 0.5;
    pointer-events: none;
}

#next-row-law.disabled {
    border-color: #007bff!important;
    opacity: 0.5!important;
}
#next-row-law-*.disabled{
    border-color: #007bff!important;
    opacity: 0.5!important;
}
#technical_data_date_pre{
    display: flex;
    flex-direction: column;
}


input[readonly]{
    pointer-events: none;
}