/* extra invoer energiegebruik per periode in EDIT*/
.acf-fields .acf-field.acf-field-group.verbruikperiode  {
    padding: 0px 10px;
    border:unset;
}

.acf-field-group.verbruikperiode  .acf-fields {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: unset;
}

.acf-field-group.verbruikperiode  .acf-fields > .acf-field{
    display:flex;
}
.acf-field-group.verbruikperiode .acf-fields > .acf-field label{
    color: #444;
    font-weight:normal;
}
.acf-field-group.verbruikperiode  .acf-fields > .acf-field input {
    width:80px !important;
}

/* verbruikcijfers in EDIT */
.acf-fields .acf-field.acf-field-group.verbruikcijfers  {
    padding: 0px 10px;
    border:unset;
}
.acf-field-group.verbruikcijfers  .acf-fields {
   border: unset;
}
.acf-field-group.verbruikcijfers .acf-fields > .acf-field{
    display:grid;
    grid-template-columns: 1fr 1fr;
    border: unset;
    width:70%;
    padding: 4px 26px !important;
    &.verberg {
	display:none;
    }
}
.acf-field-group.verbruikcijfers .acf-fields > .acf-field label{
    color: #444;
    font-weight:normal;
}
.acf-field-group.verbruikcijfers .acf-fields > .acf-field input{
    width:80px !important;
}
/* verbruikperiode in view */
.view-bf-submission .verbruikperiode .fields {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    
}
.view-bf-submission .verbruikperiode .fields .label {
    font-weight:bold;
}
.view-bf-submission .verbruikcijfers .subfield {
    display:grid;
    grid-template-columns: 1fr 1fr;
    padding-left:20px;
    width: 70%;
}