@import url("fonts/style.css");
:root{
  --main-color: #6AB546;
  --hover-color: #5ca23c;
  --active-color: #d6ffdf;
}
html,
body {
  font-family: 'neuron_angledlight';
  margin: 0px;
  font-size: 12pt;
  padding: 0px;
}
input {
  font-family: 'neuron_angledlight';
}
.container {
  padding: 0 20px;
}
header {
  position: relative;
  z-index: 100;
}
header .container {
  display: flex;
  padding: 20px 20px 10px 20px;
  align-items: center;
}
header .container #headercontent {
  flex-grow: 1;
}
header .css_stroke {
  height: 9px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--main-color);
  transform: rotate(-0.45deg);
  transform-origin: top right;
}
main {
  display: flex;
}
main > div {
  flex-grow: 1;
}
aside {
  background-color: #e8e7e7;
  height: calc(100vh - 200px);
  width: 110px;
}
aside #project_menu {
  padding-left: 0;
  margin: 0;
}
aside #project_menu li {
  list-style-type: none;
  width: 110px;
  height: 110px;
  transition: all, 0.2s;
  background-color: #e8e7e7;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  left: 0;
}
aside #project_menu li:hover {
  background-color: var(--main-color);
  color: white;
}
aside #project_menu li.active {
  background-color: var(--main-color);
  color: white;
}
aside #project_menu li .menuicon {
  font-size: 20pt;
  margin-bottom: 10px;
}
aside #project_menu li#menu_pdf_export {
  display: none;
}
aside #project_menu li#menu_ct_order {
  display: none;
}
aside #menu_home {
  height: 40px;
  position: absolute;
  bottom: 0;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  transition: all, 0.2s;
  background-color: #e8e7e7;
  cursor: pointer;
}
aside #menu_home .menuicon {
  position: relative;
  transition: all, 0.2s;
  left: 0;
}
aside #menu_home:hover {
  background-color: var(--main-color);
  color: #ffffff;
}
aside #menu_home:hover .menuicon {
  left: -5px;
}
/*-------- LOGIN -------- */
.logincontainer {
  align-items: center;
  display: flex;
  min-height: calc(100vh - 200px);
  justify-content: center;
}
.logincontainer #login-form {
  background-color: #e8e7e7;
  display: flex;
  flex-direction: column;
  max-width: 350px;
  padding: 40px;
  width: 100%;
}
.logincontainer #login-form input {
  margin-bottom: 10px;
  padding: 10px;
}
.logincontainer #login-form #login-forgot-pw {
  display: block;
  font-size: 12px;
  margin-bottom: 15px;
}
.logincontainer #login-form .button {
  margin-bottom: 0px;
}
#logout {
  width: 150px;
  transform: translateX(-50%);
  position: absolute;
  bottom: 10vh;
  left: 50%;
}
.button {
  background-color: var(--main-color);
  box-shadow: none;
  border: none;
  color: #fff;
  font-size: 13pt;
  padding: 10px;
  font-family: 'neuron_angled_scbold';
  text-align: center;
  transition: all 300ms;
}
.button:hover {
  background-color: var(--hover-color);
  cursor: pointer;
}
.error {
  outline: 2px solid #900;
}
/*-------- PROJECT -------- */
#project .project_meta_box {
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  text-transform: uppercase;
}
#project .project_meta_box h1 {
  margin-top: 0;
  margin-bottom: 0;
}
#project .project_meta_box #project_meta_data_and_charts_container {
  display: flex;
  align-items: center;
}
#project .project_meta_box #project_meta_data_container p {
  width: 365px;
  margin: 2px 0;
  display: flex;
  justify-content: space-between;
}
#project .project_meta_box #project_meta_data_container p .project_meta_key {
  font-family: 'neuron_angled_scbold';
  text-align: left;
}
#project .project_meta_box #project_meta_data_container p .project_meta_value_container {
  text-align: right;
}

#project .project_meta_box #project_meta_data_container span:nth-of-type(1) {
  text-align: left;
}
#project .project_meta_box #project_meta_data_container span:nth-of-type(2) {
  text-align: right;
}
#project .projectcontainer {
  display: flex;
}
#project .projectcontainer .buildings {
  width: 30%;
  transition: all, 0.3s;
  margin: 18px 0px 35px 35px;
}
#project .projectcontainer .editor {
  height: calc(calc(100vh - 200px) - 70px);
  overflow-y: hidden;
  transition: all, 0.3s;
  width: calc(70% - 110px);
  border: 2px solid var(--main-color);
  margin: 30px 35px 35px 7px;
}
#project .show_in_module {
  display: none;
}
#project[data-view='buildings'] .projectcontainer {
  display: flex;
}
#project[data-view='buildings'] .projectcontainer .buildings {
  width: 30%;
  margin: 23px 0px 35px 35px;
}
#project[data-view='buildings'] .projectcontainer .editor {
  height: calc(calc(100vh - 200px) - 70px);
  overflow-y: hidden;
  width: calc(70% - 110px);
  border: 2px solid var(--main-color);
  margin: 30px 35px 35px 7px;
}
#project[data-view='buildings'] .show_in_module.module_buildings {
  display: block;
}
#project[data-view='buildings'] nav.show_in_module.module_buildings {
  display: flex;
}
#project[data-view='energy_account'] .projectcontainer {
  display: flex;
}
#project[data-view='energy_account'] .projectcontainer .buildings {
  width: 40%;
  margin: 23px 0 35px 35px;
}
#project[data-view='energy_account'] .projectcontainer .editor {
  height: calc(calc(100vh - 200px) - 70px);
  overflow-y: hidden;
  width: calc(70% - 110px);
  border: 2px solid var(--main-color);
  margin: 30px 35px 35px 7px;
}
#project[data-view='energy_account'] .show_in_module.module_energy_account {
  display: block;
}
#project[data-view='energy_account'] nav.show_in_module.module_energy_account {
  display: flex;
}
#project[data-view='ct_order'] #menu_ct_order {
  display: flex;
}
#project[data-view='ct_order'] .buildings {
  overflow: hidden;
  width: 0%;
  margin: 0;
}
#project[data-view='ct_order'] .editor {
  width: calc(100% - 110px);
}
#project[data-view='ct_order'] .editor h2 {
  padding: 0 0 25px 10px;
}
#project[data-view='ct_order'] .editor .button {
  width: calc(100% - 260px);
  position: relative;
  left: 240px;
  margin-top: 25px;
}
#project[data-view='ct_order'] .show_in_module.module_ct_order {
  display: block;
}
#project[data-view='amortisation'] #menu_pdf_export {
  display: flex;
}
#project[data-view='amortisation'] #menu_ct_order {
  display: flex;
}
#project[data-view='amortisation'] .projectcontainer {
  display: flex;
}
#project[data-view='amortisation'] .projectcontainer .amortisation_charts {
  width: 55%;
  margin: 23px 0 35px 35px;
}
#project[data-view='amortisation'] .projectcontainer .editor {
  height: calc(calc(100vh - 200px) - 70px);
  overflow-y: hidden;
  width: calc(70% - 110px);
  border: 2px solid var(--main-color);
  margin: 30px 35px 35px 7px;
}
#project[data-view='amortisation'] .show_in_module.module_amortisation {
  display: block;
}
.users_container {
  display: none;
}
.mainmenu_container {
  padding: 0 25%;
}
.mainmenu_container .projects_container,
.mainmenu_container .users_container {
  flex-grow: 1;
  padding: 0 20px;
  width: 50%;
}
.mainmenu_container .projects_container .projects_anchors,
.mainmenu_container .users_container .projects_anchors,
.mainmenu_container .projects_container .users_anchors,
.mainmenu_container .users_container .users_anchors {
  max-height: 50vh;
  overflow-y: auto;
}
.mainmenu_container .projects_container .project_box,
.mainmenu_container .users_container .project_box,
.mainmenu_container .projects_container .user_box,
.mainmenu_container .users_container .user_box {
  text-decoration: none;
  color: black;
}
.mainmenu_container .projects_container .project_box:hover .project_meta,
.mainmenu_container .users_container .project_box:hover .project_meta,
.mainmenu_container .projects_container .user_box:hover .project_meta,
.mainmenu_container .users_container .user_box:hover .project_meta,
.mainmenu_container .projects_container .project_box.hovered .project_meta,
.mainmenu_container .users_container .project_box.hovered .project_meta,
.mainmenu_container .projects_container .user_box.hovered .project_meta,
.mainmenu_container .users_container .user_box.hovered .project_meta,
.mainmenu_container .projects_container .project_box:hover .delete_project,
.mainmenu_container .users_container .project_box:hover .delete_project,
.mainmenu_container .projects_container .user_box:hover .delete_project,
.mainmenu_container .users_container .user_box:hover .delete_project,
.mainmenu_container .projects_container .project_box.hovered .delete_project,
.mainmenu_container .users_container .project_box.hovered .delete_project,
.mainmenu_container .projects_container .user_box.hovered .delete_project,
.mainmenu_container .users_container .user_box.hovered .delete_project,
.mainmenu_container .projects_container .project_box:hover .user_name,
.mainmenu_container .users_container .project_box:hover .user_name,
.mainmenu_container .projects_container .user_box:hover .user_name,
.mainmenu_container .users_container .user_box:hover .user_name,
.mainmenu_container .projects_container .project_box.hovered .user_name,
.mainmenu_container .users_container .project_box.hovered .user_name,
.mainmenu_container .projects_container .user_box.hovered .user_name,
.mainmenu_container .users_container .user_box.hovered .user_name,
.mainmenu_container .projects_container .project_box:hover .delete_user,
.mainmenu_container .users_container .project_box:hover .delete_user,
.mainmenu_container .projects_container .user_box:hover .delete_user,
.mainmenu_container .users_container .user_box:hover .delete_user,
.mainmenu_container .projects_container .project_box.hovered .delete_user,
.mainmenu_container .users_container .project_box.hovered .delete_user,
.mainmenu_container .projects_container .user_box.hovered .delete_user,
.mainmenu_container .users_container .user_box.hovered .delete_user {
  background-color: var(--active-color);
}
.mainmenu_container .projects_container #new_project,
.mainmenu_container .users_container #new_project,
.mainmenu_container .projects_container #new_user,
.mainmenu_container .users_container #new_user {
  align-items: center;
  color: #e8e7e7;
  border: 1px solid #e8e7e7;
  display: flex;
  font-size: 28px;
  justify-content: center;
  height: 5vw;
}
.mainmenu_container .projects_container #new_project:hover,
.mainmenu_container .users_container #new_project:hover,
.mainmenu_container .projects_container #new_user:hover,
.mainmenu_container .users_container #new_user:hover {
  cursor: pointer;
  color: var(--main-color);
  background-color: #e8e7e7;
}
.mainmenu_container.admin {
  padding: 0 5%;
  display: flex;
}
.mainmenu_container.admin .users_container {
  display: block;
  flex-grow: 1;
  padding: 0 20px;
}
#search_project,
#search_user {
  padding: 10px;
  width: 75%;
}
#user_editor_overlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0vh;
  left: 0vw;
  z-index: 999999;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
}
#user_editor_overlay.active {
  display: flex;
}
#user_editor_overlay #user_editor {
  width: 80vw;
  box-shadow: 1px 1px 10px #ccc;
}
#user_editor_overlay #user_editor .user_form_divider {
  border-top: 1px solid black;
  width: calc(100% - 20px);
  margin: 20px auto;
}
#user_editor_overlay #user_editor .headline {
  font-size: 14pt;
  background-color: var(--main-color);
  color: white;
  font-family: 'neuron_angled_scbold';
  text-align: left;
  min-height: 28px;
  line-height: 28px;
  padding: 6px 7px;
}
#user_editor_overlay #user_editor #user_form {
  display: flex;
  padding: 35px 10px;
  flex-wrap: wrap;
  background-color: white;
}
#user_editor_overlay #user_editor #user_form .form_data {
  display: flex;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
#user_editor_overlay #user_editor #user_form .form_data.has_children {
  width: 100%;
  margin-bottom: 3px;
  margin-left: 1px;
  margin-right: 1px;
}
#user_editor_overlay #user_editor input[type='radio']{
  margin-bottom: 8px;
}
#user_editor_overlay #user_editor #user_form .form_data.has_children label {
  padding: 9px -1px 9px 9px;
}
#user_editor_overlay #user_editor #user_form .form_data.has_children:hover {
  outline: 1px solid var(--main-color);
}
#user_editor_overlay #user_editor #user_form .form_data.fullwidth {
  width: 100%;
}
#user_editor_overlay #user_editor #user_form fieldset {
  border: none;
  padding: 10px 0;
}
#user_editor_overlay #user_editor #user_form fieldset label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
#user_editor_overlay #user_editor #user_form fieldset label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: var(--main-color);
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active {
  overflow: hidden;
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active .expandable {
  height: auto;
  max-height: 0;
  transition: all, 0.2s;
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active .expandable label {
  padding: 9px 0 9px 0;
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active .expandable label:before {
  content: '';
  margin-right: 10px;
  display: none;
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active .expandable .form_data {
  width: 100%;
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active .expandable > div:first-child {
  padding-top: 10px;
}
#user_editor_overlay #user_editor #user_form fieldset.expand_on_active.expanded .expandable {
  max-height: 180px;
}
#user_editor_overlay #user_editor label {
  padding: 9px 0 9px 10px;
  width: 230px;
}
#user_editor_overlay #user_editor input[type='number'] {
  height: 14px;
}
#user_editor_overlay #user_editor input[type='text'],
#user_editor_overlay #user_editor input[type='number'],
#user_editor_overlay #user_editor input[type='password'] {
  font-family: 'neuron_angledlight';
  background-color: #e8e7e7;
  border: none;
  margin-bottom: 7px;
  padding: 10px;
  width: 100%;
}
#user_editor_overlay #user_editor .button_box {
  display: flex;
}
#user_editor_overlay #user_editor .button {
  flex-grow: 1;
}
#user_editor_overlay #user_editor input[type='checkbox'] {
  position: absolute;
  opacity: 0;
}
#user_editor_overlay #user_editor input[type='checkbox']:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.user_box {
  display: flex;
  margin: 7px 0;
  cursor: pointer;
}
.user_box.group_admin {
  color: var(--main-color) !important;
}
.user_box.hide {
  display: none;
}
.user_box .user_name {
  background-color: #e8e7e7;
  width: 100%;
  padding: 10px;
}
.user_box .delete_user {
  background-color: #e8e7e7;
  align-items: center;
  display: flex;
  padding: 10px;
}
.building_box,
.project_box {
  display: flex;
  margin: 7px 0;
}
.building_box.hide,
.project_box.hide {
  display: none;
}
.building_box .meta-icon,
.project_box .meta-icon {
  background-color: #5c5656;
  color: #fff;
  display: flex;
  align-items: center;
  margin-right: 7px;
  justify-content: center;
  width: 5vw;
  flex-grow: 0;
  flex-shrink: 0;
}
.building_box .meta-icon i,
.project_box .meta-icon i {
  font-size: 28px;
}
.building_box .building_meta,
.project_box .building_meta,
.building_box .project_meta,
.project_box .project_meta {
  background-color: #e8e7e7;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 100%;
}
.building_box .building_meta .main_meta,
.project_box .building_meta .main_meta,
.building_box .project_meta .main_meta,
.project_box .project_meta .main_meta {
  font-family: 'neuron_angled_scbold';
  font-size: 14pt;
}
.building_box .building_meta .building_meta_row,
.project_box .building_meta .building_meta_row,
.building_box .project_meta .building_meta_row,
.project_box .project_meta .building_meta_row {
  font-size: 10pt;
}
.building_box .building_meta .increased_snow_load_icon,
.project_box .building_meta .increased_snow_load_icon,
.building_box .project_meta .increased_snow_load_icon,
.project_box .project_meta .increased_snow_load_icon {
  display: none;
}
.building_box .building_meta .increased_snow_load_icon.visible,
.project_box .building_meta .increased_snow_load_icon.visible,
.building_box .project_meta .increased_snow_load_icon.visible,
.project_box .project_meta .increased_snow_load_icon.visible {
  display: inline;
}
.building_box .delete_building,
.project_box .delete_building,
.building_box .delete_project,
.project_box .delete_project {
  background-color: #e8e7e7;
  align-items: center;
  display: flex;
  padding: 10px;
}
.building_box:hover,
.project_box:hover,
.building_box.active,
.project_box.active {
  cursor: pointer;
}
.building_box:hover .meta-icon,
.project_box:hover .meta-icon,
.building_box.active .meta-icon,
.project_box.active .meta-icon {
  background-color: var(--main-color);
}
.building_box:hover .building_meta,
.project_box:hover .building_meta,
.building_box.active .building_meta,
.project_box.active .building_meta,
.building_box:hover .delete_building,
.project_box:hover .delete_building,
.building_box.active .delete_building,
.project_box.active .delete_building,
.building_box:hover .delete_project,
.project_box:hover .delete_project,
.building_box.active .delete_project,
.project_box.active .delete_project {
  background-color: var(--active-color);
}
.building_box span,
.project_box span {
  margin: 0 5px;
}
.buildings .buildings_box {
  max-height: calc(calc(100vh - 158px) - 121px);
  overflow-y: auto;
  padding-right: 5px;
}
.buildings #new_object {
  align-items: center;
  color: #e8e7e7;
  border: 1px solid #e8e7e7;
  display: flex;
  font-size: 28px;
  justify-content: center;
  height: 5vw;
  margin-right: 5px;
}
.buildings #new_object:hover {
  cursor: pointer;
  color: var(--main-color);
  background-color: #e8e7e7;
}
.liquidity_chart_hint {
  padding: 0 20px 0 0;
}
#liquidity_chart > div {
  display: flex;
  justify-content: center;
}
.tooltip span {
  border: 1px solid #5c5656;
  background-color: #5c5656;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
  color: white;
}
.tooltip .tooltip_text {
  z-index: 1;
  display: none;
  position: absolute;
  background-color: white;
  padding: 10px;
  max-width: 400px;
  margin-top: 10px;
  border: 1px solid var(--main-color);
}
.tooltip:hover span {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: white;
}
.tooltip:hover .tooltip_text {
  display: block;
}
.tooltip:hover .tooltip_text span {
  border: initial;
  background-color: initial;
  color: initial;
  display: initial;
  font-weight: initial;
}
.lower {
  font-size: 8pt;
}
.flexer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexer .tooltip {
  display: inline-block;
  margin-right: 10px;
}
#revdites {
  border: 1px solid var(--main-color);
  padding: 10px;
  margin-top: 20px;
}
.revdite {
  margin-bottom: 5px;
}
.community_tariff {
  margin-top: 0;
  font-family: 'neuron_angled_scbold';
}
#chartZoomer {
  display: none;
  position: absolute;
  padding: 50px;
  background-color: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 6px solid orange;
  z-index: 200;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#chartZoomer.active {
  display: flex;
}
#chartZoomer #closeChartZoomer {
  background-color: var(--main-color);
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: white;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 9pt;
  display: flex;
  align-items: center;
  justify-content: center;
}
#chartZoomer #zoomedChart {
  background: white;
  padding: 2.5%;
  box-sizing: border-box;
}
.editor_inner {
  padding: 7px;
}
.editor_inner label {
  display: block;
}
.editor_inner input {
  margin-bottom: 15px;
}
.editor_inner select {
  margin-bottom: 15px;
}
.editor_inner .sub_editor {
  display: none;
  height: calc(calc(100vh - 200px) - 200px);
  overflow-y: auto;
  padding: 20px 20px 20px 10px;
}
.editor_inner .sub_editor.active {
  display: block;
}
.editor_inner .sub_editor::-webkit-scrollbar {
  width: 12px;
  background-color: #e8e7e7;
}
.editor_inner .sub_editor::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--main-color);
}
.editor_inner .sub_editor::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.editor_inner .sub_editor .form_data {
  display: flex;
}
.editor_inner .sub_editor .form_data.has_children {
  margin-bottom: 3px;
  margin-left: 1px;
  margin-right: 1px;
}
.editor_inner .sub_editor .form_data.has_children label {
  padding: 9px -1px 9px 9px;
}
.editor_inner .sub_editor .form_data.has_children:hover {
  outline: 1px solid var(--main-color);
}
.editor_inner .sub_editor .form_data .form_data label {
  padding: 9px 0;
}
.editor_inner .sub_editor .form_data label {
  flex-shrink: 0;
  padding: 9px 0 9px 10px;
  width: 230px;
}
.editor_inner .sub_editor .form_data label.hasTooltip {
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
  box-sizing: border-box;
}
.editor_inner .sub_editor .form_data input[type='text'],
.editor_inner .sub_editor .form_data input[type='number'],
.editor_inner .sub_editor .form_data select {
  font-family: 'neuron_angledlight';
  background-color: #e8e7e7;
  border: none;
  margin-bottom: 7px;
  padding: 10px;
  width: 100%;
}
.editor_inner .sub_editor .form_data fieldset {
  border: none;
  padding: 10px 0;
}
.editor_inner .sub_editor .form_data fieldset.expand_on_active {
  overflow: hidden;
}
.editor_inner .sub_editor .form_data fieldset.expand_on_active .expandable {
  height: auto;
  max-height: 0;
  transition: all, 0.2s;
}
.editor_inner .sub_editor .form_data fieldset.expand_on_active .expandable > div:first-child {
  padding-top: 10px;
}
.editor_inner .sub_editor .form_data fieldset.expand_on_active.expanded .expandable {
  max-height: 140px;
}
.editor_inner .sub_editor .form_data.checkbox {
  margin-bottom: 10px;
}
.editor_inner .sub_editor .form_data.checkbox input {
  position: absolute;
  opacity: 0;
}
.editor_inner .sub_editor .form_data.checkbox input:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.editor_inner .sub_editor .form_data.checkbox label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.editor_inner .sub_editor .form_data.checkbox label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: var(--main-color);
}
.editor_inner .sub_editor .community_barchart_details {
  display: flex;
  justify-content: space-between;
}
.editor_inner .sub_editor .community_barchart_details .community_tariff_barchart_keys {
  font-weight: bold;
}
.editor_inner .sub_editor.heat_pump input:disabled {
  text-decoration: line-through;
}
.editor_inner nav {
  display: flex;
  margin-bottom: 20px;
}
.editor_inner nav > div {
  background-color: #e8e7e7;
  flex-grow: 1;
  margin: 0 3px;
  padding: 10px;
  text-align: center;
  display: none;
}
.editor_inner nav > div.active,
.editor_inner nav > div:hover {
  background-color: var(--main-color);
  color: #fff;
}
.editor_inner nav > div.visible {
  display: block;
}
.editor_inner .sub_editor.active.calculations {
  padding: 3px;
  display: flex;
  justify-content: space-between;
}
.editor_inner .sub_editor.active.calculations h4 {
  margin: 0;
  text-align: center;
  color: white;
  padding: 8px;
  font-weight: normal;
  background-color: var(--main-color);
}
.editor_inner .sub_editor.active.calculations .shaby_tr {
  border-bottom: 1px solid black;
  padding: 10px;
  display: flex;
}
.editor_inner .sub_editor.active.calculations .shaby_tr.sum {
  background-color: var(--active-color);
}
.editor_inner .sub_editor.active.calculations .shaby_tr span {
  display: block;
}
.editor_inner .sub_editor.active.calculations .shaby_tr .align_left {
  text-align: left;
}
.editor_inner .sub_editor.active.calculations .shaby_tr .align_right {
  text-align: right;
}
.editor_inner .sub_editor.active.calculations .shaby_tr .headline {
  font-family: 'neuron_angled_scbold';
}
.editor_inner .sub_editor.active.calculations .estimation_table {
  flex-grow: 1;
  margin-right: 5px;
}
.editor_inner .sub_editor.active.calculations .estimation_table span:nth-of-type(1) {
  width: 20%;
}
.editor_inner .sub_editor.active.calculations .estimation_table span:nth-of-type(2) {
  width: 60%;
}
.editor_inner .sub_editor.active.calculations .estimation_table span:nth-of-type(3) {
  width: 20%;
}
.editor_inner .sub_editor.active.calculations .calculated_data {
  flex-grow: 1;
  margin-left: 5px;
}
.editor_inner .sub_editor.active.calculations .calculated_data span:nth-of-type(1) {
  width: 70%;
}
.editor_inner .sub_editor.active.calculations .calculated_data span:nth-of-type(2) {
  width: 30%;
}
/*-------- Confirm & Modal -------- */
#confirm_overlay,
#modal_overlay {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 1px 1px 10px #ccc;
  display: none;
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 0vh;
  left: 0vw;
  z-index: 999999;
}
#confirm_overlay #confirm,
#modal_overlay #confirm,
#confirm_overlay #modal,
#modal_overlay #modal {
  display: block;
  z-index: 1000000;
}
#confirm_overlay.active,
#modal_overlay.active {
  display: block;
}
#modal,
#confirm {
  display: none;
  box-shadow: 1px 1px 10px #ccc;
  background-color: #fff;
  padding: 40px 0px 10px;
  position: fixed;
  top: 40vh;
  left: calc(50vw - 150px);
  width: 300px;
}
#modal.active,
#confirm.active {
  display: block;
}
#modal .icon-cross,
#confirm .icon-cross {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
#modal,
#confirm {
  text-align: center;
  width: 80vw;
  max-width: calc(100% - 20px);
  word-break: break-word;
  padding: 0;
  left: calc(10vw);
  z-index: 100000;
}
#modal .headline,
#confirm .headline {
  background-color: var(--main-color);
  font-weight: bold;
  text-align: left;
  min-height: 28px;
  line-height: 28px;
  color: #fff;
  padding: 6px 20px 6px 7px;
  text-transform: uppercase;
}
#modal .text,
#confirm .text {
  padding: 40px;
}
#modal .icon-cross,
#confirm .icon-cross {
  color: #fff;
  right: 7px;
  top: 7px;
}
#modal .button_box,
#confirm .button_box {
  display: flex;
}
#modal .button_box .button,
#confirm .button_box .button {
  width: 50%;
}