.field-group-tabs-wrapper{
	max-width: 100%;
}
fieldset {
  background: transparent;
  border: 0px solid #ccc;
  margin: 0;
    margin-bottom: 0px;
  padding: 10px 20px;
  border-radius: 0;
}
fieldset fieldset{
	padding: 0;
}
#edit-group-algemeen > .fieldset-wrapper, #edit-field-booking-period-wrapper .fieldset-wrapper{
	display: flex;
width: 100%;
gap: 20px;
	flex-wrap: wrap;
	align-items: center;
}
#edit-group-algemeen > .fieldset-wrapper{
	align-items: start;
}
#edit-group-kilometers .fieldset-wrapper{
	display: flex;
width: 100%;
gap: 0px;
	flex-wrap: wrap;
	align-items: start;
}
#end-period-wrapper{
	display: flex;
gap: 20px;
	align-items: center;
}
#edit-field-booking-period-wrapper fieldset > legend{
	display: none;
}
#edit-group-algemeen > .fieldset-wrapper > *{
	flex: 1 1 23%;
}
#edit-group-kilometers > .fieldset-wrapper > *{
	flex: 1 1 18%;
}
#edit-group-kilometers > .fieldset-wrapper > * input{
	min-width: 170px;
}
#edit-group-algemeen > .fieldset-wrapper > * .form-item{
	margin-bottom: 0px;
}
#edit-group-algemeen #edit-field-outstanding-invoice-wrapper{
	max-width: 250px;
}
#edit-group-algemeen{
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc !important;
}
#edit-group-period > legend{
	margin-bottom: 5px
}
#edit-group-period, #edit-group-extras{
	padding-bottom: 30px;
	padding-top: 0px;
	border-bottom: 1px solid #ccc !important;
}
#edit-group-kilometers{
	padding-top: 0px;
}
.field--name-field-outstanding-invoice input[type=checkbox]+label:before, .field--name-field-outstanding-invoice input[type=radio]+label:before, .field--name-field-booking-internal input[type=checkbox]+label:before, .field--name-field-booking-internal input[type=radio]+label:before {
    top: 8px;
}
.field--type-daterange > fieldset{
	padding: 0;
}
.field--type-daterange > fieldset h4.label{
	font-size: 18px;
}
.blokje {
  display: inline-block;
  width: 44%;
  /*margin-left: 4%;*/
  background-color: #f7f7f7;
  padding: 20px;
  margin-top: 20px;
}
#edit-group-period .fieldset-wrapper > *:nth-child(2){
	margin-right: 4%;
}
.blokje .field--name-field-depot-start, .blokje .field--name-field-depot-end{
	margin:0;
}
.blokje #edit-field-date-start-0-value, .blokje #edit-field-date-end-0-value{
	display: flex;
width: 100%;
gap: 20px;
}
.blokje fieldset legend {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  position: relative;
  top: 0;
  margin-bottom: -15px;
}
.blokje fieldset .form-item{
	margin-bottom: 0;
}
#edit-field-bundles-extras-wrapper .paragraphs-subform{
	display: flex;
	width: 100%;
	gap: 20px;
}
#edit-field-bundles-extras-wrapper .field-multiple-drag{
	display: none;
}
#edit-field-bundles-extras-wrapper .paragraphs-subform .field--widget-options-select .form-item, #edit-field-bundles-extras-wrapper .paragraphs-subform .field--widget-number .form-item{
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 5px;
}
#edit-field-bundles-extras-wrapper .paragraph-type-top{
	display: none;
}
#edit-field-bundles-extras-wrapper th.field-label{
	display: none;
}
#edit-group-price .field--widget-number .js-form-type-number{
	display: flex;
    align-items: center;
    margin: 5px 0;
	width: 100%
}
#edit-group-price .field--widget-number .js-form-type-number > label{
	flex: 1 1 100%;
    text-align: right;
    padding-right: 15px;
    margin-bottom: 0px;
}
#edit-group-price .field--widget-number .js-form-type-number > input{
	margin-bottom: 0px;
	max-width: 200px;
	min-width: unset;
	width: 96px;
}
#edit-group-price .field--name-field-booking-days > .js-form-item > input{
	width: 67px !important;
}
#edit-group-price .box > .field--type-decimal input{
	width: 120px !important;
}
#edit-group-price > .box > #edit-group-deposit{
	padding: 10px 0 25px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 30px 0;
}
#edit-group-price input.button--small{
	margin: 0 0 10px 10px;
    font-size: 14px;
    padding: 5px 15px;
	float: right;
	    width: auto;
}
.field--type-entity-reference-revisions .paragraphs-dropbutton-wrapper {
    margin: 0px 20px -9px !important;
    padding: 0;
    float: right;
}
#edit-field-prices-bundles-widget-0-subform-group-conditions{
	margin-top: 30px
}
.paragraphs-dropbutton-wrapper input.button--small{
	margin: 0 0 10px;
    font-size: 14px;
    padding: 5px 15px;
	float: right;
	    width: auto;
}
.box fieldset{
	padding: 0;
}
.planning-wrap #edit-field-booking-prices .paragraphs-dropbutton-wrapper {
    width: auto;
    position: absolute;
    right: 22px;
    top: 22px;
}
.planning-wrap #edit-group-price .paragraph-type-top .paragraph-type-title{
    display: none;
}
.planning-wrap #edit-group-price .paragraph-type-top .paragraphs-dropbutton-wrapper{
    position: absolute;
    /*right: 30px;*/
	right: 0;
}
.planning-wrap #edit-group-price .js-form-wrapper.form-wrapper{
	position: relative;
}
.planning-wrap #edit-group-price .paragraph-type-top .paragraphs-dropbutton-wrapper input.button--small {
    margin: 13px 0 0px;
    font-size: 14px;
    padding: 5px 15px;
    float: right;
    width: auto;
    background-color: red;
    border: 0px solid;
    font-size: 0px;
    color: transparent;
    height: 36px;
    width: 36px;
    background-image: url(cross.svg);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.planning-wrap #field-booking-prices-values .paragraphs-subform {
	display: flex;
}
.right-block{
	display: flex;
    text-align: right;
    gap: 20px;
}
.right-block .wrap-input{
    display: flex;
    gap: 20px;
}
.left-block{
	display: inline-block;
    margin-right: 4%;
    vertical-align: top;
}
.left-block label{
	display: none;
}
.left-block .js-form-type-select{
	margin: 10px 0 0 0;
}
.datatracer-tracker-link::before{
	content:"\e802";
	display: inline-block;
	margin-right: 10px;
	font-family: "fontello";
}
.datatracer-tracker-link {
    background-color: #4990cd;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
	transition: ease-in-out .4s;
	white-space: nowrap;
}
.datatracer-tracker-link:hover {
    background-color: #13445e;
	color: white;
    transition: ease-in-out .4s;
}
.client-booking-price{
	display: flex;
    border-bottom: 1px dotted;
    padding: 10px 0;
}
.client-booking-price .pricelabel{
	flex: 7;
	text-align: left;
}
.client-booking-price > *{
	flex: 1;
	text-align: right;
}
.client-booking-subtotal, .client-booking-vat, .client-booking-total{
	display: flex;
    gap: 20px;
    justify-content: end;
    padding: 15px 0;
}
.client-booking-vat{
	padding: 0px 0;
}
.client-booking-total{
	font-size: 20px;
    font-weight: bold;
    color: black;
}