/***************************/
/* Main layout definitions */
#pv_container{
    display:none;    
    width:100%;
}

/************/
/* PV Infos */
#pv_infos_row {
    height:29vh;
    margin-top:1vh;
    overflow-y:scroll;
    overflow-x:hidden;
}

/**********/
/* PV GIS */
#pv_gis_row {
    margin-top:1vh;
    height:69vh;
    margin-bottom:0.5vh;
}

.pv_dbc_row {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}

#pv_gis {
    width:100%;
    height:100%;
    padding:0;
}

/************/
/* Capacity */
#pv_cap_header {
    margin-top:1vh;
}

.pv_cap_graph {
    width:100%;
    height:100%;
}

.pv_cap_graph_col {
    width:100%;
    height:100%;
    padding:2px;
}

.pv_v_distrib {
    width:39vw;
    height:200px;
    padding:0;
}

.pv_cap_row{
    border-style: ridge;
    border-width: 5px;
    border-radius: 10px;
    height:500px;
    margin-top:20px;
}
.pv_cap_row_blue {
    border-color: #80aaff;
}
.pv_cap_row_green {
    border-color: #9fdf9f;
}
.pv_cap_row_red {
    border-color: #ff6666;
}
.pv_cap_row_orange {
    border-color: #ffb366;
}

/* Frames above others  */
#pv_frame_1 {
    color:white;
    position:absolute;
    background:transparent;
    pointer-events: none;
    z-index:1;
    width:39vw;
    height:1640px;
    margin-bottom:1%;
}

#pv_frame_1 > div {
    background:transparent;
    pointer-events: none;
    border:2px solid grey;
    border-radius:10px;
    position:relative;
    top:0px;
    left:15.66vw;
    width:100%;
    height:100%;
}

#pv_frame_2 {
    background:transparent;
    pointer-events: none;
    color:white;
    position:absolute;
    z-index:1;
    width:39vw;
    height:1640px;
    margin-bottom:1%;
}

#pv_frame_2 > div {
    background:transparent;
    pointer-events: none;
    border:2px solid grey;
    border-radius:10px;
    position:relative;
    top:0px;
    left:55vw;
    width:100%;
    height:100%;
}

#pv_loading {
    position:absolute;
    z-index:2;
    width:100vw;
}

#pv_loading > div {
    background:transparent;
    position:relative;
    top:0px;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    justify-content: center;
    align-items: center;
}

#pv_cap_sliders_grads {
    margin-bottom:2vh;
}

.blur {
    /* Add the blur effect */
    filter: blur(6px);
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
}

/****************************/
/* Capacity per smart meter */
#pv_mod_header {
    margin-top:0.5vh;
}

#pv_cap_sm_loading_tap {
    position:absolute;
    z-index:10;
    width:100%;
    height:95%;
    padding-top:27%;
}

#pv_cap_sm_loading_tap > div {
    background:transparent;
    position:relative;
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    justify-content: center;
    align-items: center;
}

#pv_cap_sm_loading_oltc {
    position:absolute;
    z-index:10;
    width:100%;
    height:95%;
    padding-top:27%;
}

#pv_cap_sm_loading_oltc > div {
    background:transparent;
    position:relative;
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    justify-content: center;
    align-items: center;
}

#pv_cap_sm_loading_sol {
    position:absolute;
    z-index:10;
    width:100%;
    height:95%;
    padding-top:27%;
}

#pv_cap_sm_loading_sol > div {
    background:transparent;
    position:relative;
    top:0px;
    width:100%;
    height:100%;
    text-align:center;
    justify-content: center;
    align-items: center;
}

.pv_map_mod {
    /* width:100%; */
    /* height:100%; */
    width:46.8vw;
    height:50vh;
    padding:0;
}