a.tabledrag-handle .handle {
  width: 22px;
  height: 22px;
  margin: -0.4em 0.5em 0;
  padding: 0.42em 0.5em;
  background: url("../gfx/drag.svg") no-repeat 0px 3px;
  background-size: 45px 45px;
  opacity: .5;
}
.draggable a.tabledrag-handle{
  height: 2.7em;
}
.draggable a.tabledrag-handle .handle{
	width: 50px !important;
  height: 45px !important;
}
a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle{
	background: url("../gfx/drag.svg") no-repeat 0px 3px;
	background-size: 45px 45px;
  opacity: 1;
}
.field--type-entity-reference-revisions table tr{
  background: #fff;
  border-width: 0;
}
/* hide paragraph table head and row weight toggle */
.field--type-entity-reference-revisions .tabledrag-toggle-weight-wrapper{
  display: none;
}

.field--type-entity-reference-revisions table thead h4{
  color: #2f4859;
}

.js .field--widget-entity-reference-paragraphs td{
  box-shadow: none;
}
.node-report-form.node-form .horizontal-tabs .horizontal-tabs-list a strong,
.node-report-edit-form.node-form .horizontal-tabs .horizontal-tabs-list a strong{
  /* display: none; */
  position: relative;
  top: 24px;
  color: #666;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button a,
.node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button a{
  background-size: 40px !important;
  padding: 1.35em 1em;
  background-position: top center !important;
  padding-bottom: 30px;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-0 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-0 a{
  /* background: url("../gfx/building.svg") no-repeat; */
	background: url("../gfx/icons/hus.png") no-repeat;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-1 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-1 a{
  /* background: url("../gfx/drop.svg") no-repeat; */
	background: url("../gfx/icons/vand.png") no-repeat;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-2 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-2 a{
  /* background: url("../gfx/energy.svg") no-repeat; */
	background: url("../gfx/icons/energi.png") no-repeat;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-3 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-3 a{
  /* background: url("../gfx/waste.svg") no-repeat; */
	background: url("../gfx/icons/recycle.png") no-repeat;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-4 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-4 a{
  /* background: url("../gfx/transport.svg") no-repeat; */
	background: url("../gfx/icons/transport.png") no-repeat;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-5 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-5 a{
  /* background: url("../gfx/materials.svg") no-repeat; */
	background: url("../gfx/icons/materialer.png") no-repeat;
}
.node-report-form.node-form .horizontal-tabs li.horizontal-tab-button-6 a, .node-report-edit-form.node-form .horizontal-tabs li.horizontal-tab-button-6 a{
  /* background: url("../gfx/materials.svg") no-repeat; */
  background: url("../gfx/icons/audience-travel.png") no-repeat;
  background-size: 50px !important;
}
.node-report-form.node-form .horizontal-tabs .horizontal-tab-button, .node-report-edit-form.node-form .horizontal-tabs .horizontal-tab-button{
  min-width: 4.9em;
}
.node-report-form.node-form .field--type-entity-reference-revisions .paragraph-type-top.form-wrapper,
.node-report-edit-form.node-form .field--type-entity-reference-revisions .paragraph-type-top.form-wrapper{
  display: inline-block;
  float: right;
  /* top: 30px; */
  position: relative;
}
.node-report-form.node-form .field--widget-entity-reference-paragraphs .mb-3,
.node-report-edit-form.node-form .field--widget-entity-reference-paragraphs .mb-3{
  margin-bottom: 0 !important;
}
/*
.node-report-form.node-form .field--type-entity-reference-revisions .form-wrapper{
  position: relative;
} */
.field--type-entity-reference-revisions table tr:hover{
	background: #F8F8F8;
	cursor: pointer;
}
.node-report-form.node-form .field--type-entity-reference-revisions .paragraph-type-top .btn,
.node-report-form.node-form .field--type-entity-reference-revisions .paragraph-type-top .btn-primary,
.node-report-edit-form.node-form .field--type-entity-reference-revisions .paragraph-type-top .btn,
.node-report-edit-form.node-form .field--type-entity-reference-revisions .paragraph-type-top .btn-primary{
  padding: 0;
  background: transparent;
  color: #8F3639;
  border: none;
  box-shadow: none;
}
.node-report-form.node-form .field--type-entity-reference-revisions .paragraph-type-top .btn-primary:hover,
.node-report-edit-form.node-form .field--type-entity-reference-revisions .paragraph-type-top .btn-primary:hover{
  color: #2F4858;
  background: transparent !important;
}
.node-report-form.node-form .field--type-entity-reference-revisions .paragraphs-subform.form-wrapper,
.node-report-edit-form.node-form .field--type-entity-reference-revisions .paragraphs-subform.form-wrapper{
  padding-bottom: 0px;
  max-height: 100px;
}

/* .node-report-edit-form.node-form .paragraph-type-top{
  position: absolute !important;
  right: 0;
  z-index: 999;
} */

.node-report-form.node-form .field--name-field-scope-and-note .field__label,
.node-report-edit-form.node-form .field--name-field-scope-and-note .field__label{
  display: none;
}

.input-group-append{
  background: #b2c3bc;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#group-walking, #group-public-transport, #group-biking, #group-car-emission, #group-car-zero-emission{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  align-items: center;
  margin: 20px 0;
}
.field--name-field-walking-percentage, .field--name-field-walking-person, .field--name-field-walking-distance,
.field--name-field-public-transport-percent, .field--name-field-public-transport-person, .field--name-field-public-transport-distance,
.field--name-field-biking-percentage, .field--name-field-biking-person, .field--name-field-biking-distance,
.field--name-field-car-emission-percentage, .field--name-field-car-emission-person, .field--name-field-car-emission-distance,
.field--name-field-car-zero-percentage, .field--name-field-car-zero-person, .field--name-field-car-zero-distance{
  flex: 1;
  margin-bottom: 0 !important;
}
.field--name-field-walking-percentage label, .field--name-field-walking-person label, .field--name-field-walking-distance label,
.field--name-field-public-transport-percent label, .field--name-field-public-transport-person label, .field--name-field-public-transport-distance label,
.field--name-field-biking-percentage label, .field--name-field-biking-person label, .field--name-field-biking-distance label,
.field--name-field-car-emission-percentage label, .field--name-field-car-emission-person label, .field--name-field-car-emission-distance label,
.field--name-field-car-zero-percentage label, .field--name-field-car-zero-person label, .field--name-field-car-zero-distance label{
  display: none;
}
#group-walking > label, #group-public-transport > label, #group-biking > label, #group-car-emission > label, #group-car-zero-emission > label{width: 15%;}
.field--name-field-walking-person, .field--name-field-biking-person, .field--name-field-public-transport-person{pointer-events: none;}
.field--name-field-walking-person input.form-number, .field--name-field-biking-person input.form-number, .field--name-field-public-transport-person input.form-number{background-color: #eee !important; box-shadow: none;}
.field--name-field-walking-person .input-group-append, .field--name-field-biking-person .input-group-append, .field--name-field-public-transport-person .input-group-append{background-color: #ccc;}
.field--name-field-walking-person .input-group-append span.input-group-text, .field--name-field-biking-person .input-group-append span.input-group-text, .field--name-field-public-transport-person span.input-group-text{color: #555;}

.node-form .field--name-field-number-of-audiences-year fieldset,
.node-form .field--name-field-number-of-show- fieldset,
.node-form .field--name-field-number-of-open-days fieldset,
.node-form .field--name-field-number-of-audiences fieldset,
.node-form .field--name-field-number-of-employees fieldset{display: flex;column-gap: 20px;flex-wrap: wrap;}

.node-form .field--name-field-number-of-audiences-year fieldset label,
.node-form .field--name-field-number-of-show- fieldset label,
.node-form .field--name-field-number-of-open-days fieldset label,
.node-form .field--name-field-number-of-audiences fieldset label,
.node-form .field--name-field-number-of-employees fieldset label{width: 190px;}

.node-form .field--name-field-number-of-audiences-year fieldset input.form-number,
.node-form .field--name-field-number-of-show- fieldset input.form-number,
.node-form .field--name-field-number-of-open-days fieldset input.form-number,
.node-form .field--name-field-number-of-audiences fieldset input.form-number,
.node-form .field--name-field-number-of-employees fieldset input.form-number{ width: 322px;}

.node-form .field--name-field-number-of-audiences-year fieldset .description,
.node-form .field--name-field-number-of-show- fieldset .description,
.node-form .field--name-field-number-of-open-days fieldset .description,
.node-form .field--name-field-number-of-audiences fieldset .description,
.node-form .field--name-field-number-of-employees fieldset .description{flex-basis: 100%;padding-left: 210px;}

/* report-paragraph-wrapper-reference'  new change preview paragraph */
.report-paragraph-wrapper-reference{
	border-width: 1px 0;
	border-color: #666;
  }
  .field--type-entity-reference-revisions table tr.draggable{
	border-width: 2px 0;
  }
  
  .node-report-edit-form.node-form .paragraph--view-mode--preview .field--name-field-notes,
  .node-report-edit-form .paragraph--view-mode--preview .field--name-field-parameter1,
  .node-report-edit-form .paragraph--view-mode--preview .field--name-field-parameter2,
  .inline-element-units-usage div{
	font-size: 18px;
  }
  .report-paragraph-wrapper-reference .messages--warning{
	color: #a51b00;
  }
  .node-report-edit-form .paragraph-type-top .dropbutton .secondary-action,
  .node-report-edit-form .paragraph-type-top .dropbutton .secondary-action,
  .node-report-edit-form .paragraph-type-top .dropbutton--multiple{
	border: none;
  }
  
  .node-report-edit-form .paragraph-type-top .dropbutton-toggle{
	display: none;
  }
  
  .node-report-edit-form .report-paragraph-wrapper-reference .ajax-progress-throbber .message{
	display: none;
  }
  .node-report-edit-form .dropbutton-widget{
	border-color: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
  }
  .node-report-edit-form .report-paragraph-wrapper-reference .dropbutton-action:hover,
  .node-report-edit-form .report-paragraph-wrapper-reference .dropbutton a:hover{
	background: transparent !important;
	opacity: 1;
  }
  .node-report-edit-form .report-paragraph-wrapper-reference .dropbutton li{
	opacity: 0.7;
  }
  .node-report-edit-form .table-responsive{
	overflow-x: inherit;
  }
  .node-report-edit-form .paragraph-type-top .dropbutton-multiple .dropbutton .secondary-action{
	display: block !important;
  }
  
  .node-report-edit-form .paragraph-type-top{
	visibility: hidden !important;
	-webkit-backface-visibility: hidden !important;
	-moz-backface-visibility: hidden !important;
  }
  
  .node-report-edit-form .field--type-entity-reference-revisions table tr.draggable:hover .paragraph-type-top{
	visibility: visible !important;
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
  }
  
  .node-report-edit-form .draggable a.tabledrag-handle{
	margin-top: 12px !important;
	margin-right: 12px;
  }
  
  .node-report-edit-form .paragraph--view-mode--preview .row{
	margin: 0px;
  }
  
  .btn-edite-paragraph,
  .btn-delete-paragraph,
  .btn-close-paragraph{
	position: relative;
	color: transparent !important;
	padding: 0.32em 1em !important;
	border: none !important;
  }
  
  .report-paragraph-wrapper-reference .paragraph-type-top.form-wrapper{
	top: -10px;
  }
  .node-report-edit-form.node-form .paragraph-type-top  .dropbutton-wrapper .dropbutton-widget{
    padding: 0px;
  }
  .node-report-edit-form .field--type-entity-reference-revisions table tr td{
	border: none !important;
  }
  
  .node-report-edit-form .paragraphs-subform .field--name-field-report-category,
  .node-report-edit-form .paragraphs-subform .field--name-field-parameter1{
	display: none;
  }
  .node-report-edit-form .paragraph-type-top .dropbutton .dropbutton-action:hover, .node-report-edit-form .paragraph-type-top .dropbutton a:hover{
	background: transparent !important;
  }
  
  tr.draggable.drag{
	background: #f0e779 !important;
  }
  
  tr.drag-previous {
	background-color: #ffd !important;
  }
  
  @media (max-width: 768px) {
	a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle{
	  background-size: 30px 30px;
	}
	.order-notes-mobile-3{
	  order: 3;
	}
	a.tabledrag-handle .handle{
	  background-size: 35px 40px;
	  background-position: 33% 0px !important;
	}
	.report-paragraph-wrapper-reference .paragraph--view-mode--preview .row{
	  clear: both;
	}
	.report-paragraph-wrapper-reference .paragraph--view-mode--preview .mobile-ps-sm-0{
	  padding: 0;
	  padding-left: 0.6rem;
	}
	.node-report-edit-form .paragraphs-subform.form-wrapper{
	  max-height: 100% !important;
	  display: block !important;
	  clear: both;
	}
	#report-general-info, #klima-rapportering-info, #synlighed-info, .final-report-section{
	  padding: 30px 0.5rem !important;
	}
  }