#photovoltaic-simulation{
    width:100%;
    background:#fff;
    display: flex;
    
}
#photovoltaic-simulation.map-bottom{
    flex-direction: column;
}
#photovoltaic-simulation.map-top{
    flex-direction: column-reverse;
}
#photovoltaic-simulation.map-left{
    flex-direction: row-reverse;
}
#photovoltaic-simulation.map-right{
    flex-direction: row;
}
#photovoltaic-simulation.map-left > div,
#photovoltaic-simulation.map-right > div{
    width:50%;
    margin:10px;
}
#photovoltaic-simulation,
#photovoltaic-simulation-map{
    width:100%;
    min-height:350px;
    font-size: 14px;
}
#photovoltaic-simulation .title{
    font-size:1.25em;
    
}
#photovoltaic-simulation.map-left  .title,
#photovoltaic-simulation.map-right .title{
    margin:0px 0px 15px 0px;
}
#photovoltaic-simulation select{
    width:100%;
    padding:10px 5px;
    border:solid 1px #ddd;
    border-radius:3px;
}
#photovoltaic-simulation input{
    width:100%;
    padding:10px 5px;
    border:solid 1px #ddd;
    border-radius:3px;
}
#photovoltaic-simulation input[type="number"],
#photovoltaic-simulation .v.number{
    text-align:right;
}

#photovoltaic-simulation .v{
    text-align:right;
}
#photovoltaic-simulation .country .v,
#photovoltaic-simulation .technology-type .v{
    text-align:left;
}
#photovoltaic-simulation .v:empty:after{
    content:'-';
}
#photovoltaic-simulation #brand-selector{
    width:100%;
}
#photovoltaic-simulation #brand-selector select{
    color:#495057;
    border:solid 1px #fcfcfd;
    background:#e9ecef;
}
#photovoltaic-simulation #brand-selector select:has(option:checked[value="-"]){
    color:#664d03;
    border:solid 1px #ffe69c;
    background:#fff3cd;
    
}
#photovoltaic-simulation #brand-selector .agreement{
    width:100%;
    text-align:center;
    margin:8px auto;
}
#photovoltaic-simulation #brand-selector .agreement p{
    margin:0px;
}
#photovoltaic-simulation .simulator{
    
}
#photovoltaic-simulation .simulator ul{
    list-style:none;
    padding:0px;
    
}

#photovoltaic-simulation .simulator ul li{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

#photovoltaic-simulation .simulator ul li span{
    width:calc(50% - 5px);
    padding:5px 0px;
}
#photovoltaic-simulation .simulator ul li span.val{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#photovoltaic-simulation .simulator ul li span.val .v{
    width: calc(100% - 80px);
    display: inline-block;
}
#photovoltaic-simulation .simulator ul li span.val .u{
    text-indent: 5px;
}
.val.electricity-type .v,
.val.currency .v{
    width: 100% !important;
}
.val.electricity-type .u,
.val.currency .u{
    display:none;
}

.val .u::after{
    font-size:0.9em;    
}
.val.installation-area span.u::after,
.val.area span.u::after{
    content: "m²";
}
.val.coverage-rate span.u::after{
    content: "%";
}
.val.pv-output span.u::after{
    content: "kWh";
}
.val.warranty span.u::after{
    content: "years";
}
.val.electricity-price span.u::after{
    content: "/kWh";
}
#photovoltaic-simulation .simulator ul li span.electricity-price .selector-title{
    width:100%;
}
#photovoltaic-simulation .simulator ul li span.val.electricity-price .v > input,
#photovoltaic-simulation .simulator ul li span.val.electricity-price .v > select{
    width: calc(100% - 0px);
    font-size: 1em;
}
div#photovoltaic-simulation-query {
    z-index: 3;
    position: absolute;
    width:calc(100% - 10px);
    padding:5px;
    display:flex;
}

div#photovoltaic-simulation-query input{
    width:85%;
    min-width: 150px;
    border-radius:5px 0px 0px 5px;
}
div#photovoltaic-simulation-query input:focus{
    outline:none;
}
div#photovoltaic-simulation-query button{
    width:15%;
    min-width:50px;
    border-radius:0px 5px 5px 0px;
    background-color: #286090;
    border-color: #286090;
    border:none;
    cursor:pointer;
}
div#photovoltaic-simulation-query button{
    width:15%;
    min-width:50px;
    border-radius:0px 5px 5px 0px;
    background-color: #286090;
    border-color: #286090;
    border:none;
    cursor:pointer;
    color: #fff;
}
div#photovoltaic-simulation-query button:focus{
    background:#286090;
    border: none;
    outline-width: 0px;
    outline-style: solid;
}

@media (max-width: 767px) {
    input,
    textarea,
    select {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    #photovoltaic-simulation .simulator ul li span.val .v{
        width: calc(100% - 35px);
    }
    #photovoltaic-simulation select{
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    #photovoltaic-simulation .simulator ul li span.val.electricity-price{
        
    }
    #photovoltaic-simulation .simulator ul li span.val.electricity-price .u{
        font-size: 1em;
        width: 30px;
        display: inline-block;
        position: relative;
        right: 0px;
        top: -5px;
    }
    #photovoltaic-simulation .simulator ul li span.val.electricity-price .u:after{
        position:absolute;
        top:1.5em;
        left:0px;
    }
}