.hiddenElement {
	display: none !important;
}

/* Buttons */

.hc_bookBuilder_button {
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: white;
	width:150px;
	text-transform:uppercase;
	font-size:12px;
    line-height: 18px;
    background-color: #9692ab;
    border: 1px solid #554f73;
}

.hc_bookBuilder_button:disabled {
	color:grey !important;
	background-color:lightgrey !important;
	border-color:grey !important;
	cursor:not-allowed !important;
}

.hc_bookBuilder_button_icon {
	width:auto;
}

.hc_bookBuilder_button:hover {
    background-color: white;
	color:#9692ab;
    border-color: #9692ab;
}

.hc_bookBuilder_deleteElement {
    background-color: #e75a5a;
    border: 1px solid #951f1f;
}

.hc_bookBuilder_addElement {
    background-color: #38b141;
    border: 1px solid #065301;
}

/* Form */

.hc_bookBuilder_multiselect .multiselect {
	position: relative;
	cursor:pointer;
	display:inline-block;
}

.hc_bookBuilder_multiselect .select-container {
	position: relative;
}

.hc_bookBuilder_multiselect .select-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.hc_bookBuilder_multiselect select {
	min-width:200px;
	margin:0;
}

.hc_bookBuilder_multiselect .multiselect.open select {
	border-bottom:none;
}

.hc_bookBuilder_multiselect .select-checkboxes {
	background-color: white;
	border-top:1px dotted #92959a;
    border-left: 1px solid #92959a;
    border-bottom: 1px solid #92959a;
    border-right: 1px solid #92959a;
	margin:0;
	position: absolute;
    z-index: 2;
	box-sizing: border-box;
	left:0;
	top:29px;
	width:100%;
	padding:5px 0;
}

.hc_bookBuilder_multiselect .multiselect.closed .select-checkboxes {
	display: none;
}

.hc_bookBuilder_multiselect .multiselect.open .select-checkboxes {
	display: block;
}

.hc_bookBuilder_multiselect .select-checkboxes label {
	padding:0 5px;
	display:block;
}

.hc_bookBuilder_multiselect .multiselect::selection {
	background-color:white;
}

.hc_bookBuilder_multiselect .select-checkboxes label::selection {
	background-color:white;
}

.hc_bookBuilder_multiselect .select-checkboxes label span::selection {
	background-color:white;
}

.hc_bookBuilder_multiselect .select-checkboxes label:not(:last-of-type) {
	margin-bottom:3px;
}

.hc_bookBuilder_multiselect .select-checkboxes label:hover {
	background-color: #1967D2;
	color:white;
}

.hc_bookBuilder_multiselect .select-checkboxes label:hover span {
	background-color:#1967D2;
}

.hc_bookBuilder_form_field_choices label {
	display:block;
}

.hc_bookBuilder_form_fields_container[data-hc-bookbuilder-multipliable="no"] .hc_bookBuilder_addField,
.hc_bookBuilder_form_fields_container[data-hc-bookbuilder-multipliable="no"] .hc_bookBuilder_deleteField {
	display:none;
}

.hc_bookBuilder_form_fields_container {
	background-color: #eae9ef;
    padding: 5px;
}

.hc_bookBuilder_form_field {
	background-color: #d5d3df;
    padding: 5px 10px;
    position: relative;
	min-height:32px;
}

.hc_bookBuilder_form_field {
	margin-bottom:5px;
}

.hc_bookBuilder_form_field .hc_bookBuilder_deleteField {
    position: absolute;
    right: 5px;
    top: 5px;
}

.hc_bookBuilder_form_field_textarea textarea {
	/*width:calc(100% - 32px);*/
	min-height:100px;
}

.hc_bookBuilder_form_fields_container ul {
	padding:0;
}

.hc_bookBuilder_form_fields_container,
.hc_bookBuilder_form_fields_container li {
		list-style-type:none;
}

.hc_bookBuilder_form_field_container_title,
.hc_bookBuilder_form_field_group_title {
	font-weight:bold;
}

.hc_bookBuilder_form_fields_container[data-hc-bookbuilder-multipliable="no"] .hc_bookBuilder_form_field_container_header {
	display:none;
}

.hc_bookBuilder_field_description {
	font-weight:normal;
}


.image_preview {
	width:150px;
	height:150px;
	display:block;
	background-size:cover;
	background-position:center;
}

.draganddrop,
.image_block {
    background: #ffffff;
    padding: 10px;
    border: 2px dashed #24324f;
}

.draganddrop {
	overflow: hidden;
}

.image_block {
    position: relative;
    height: 124px;
}

.image_thumbnail {
    width: 100px;
    height: 100px;
	background-size:cover;
	background-position:center;
    position: absolute;
    right: 10px;
    top: 10px;
	cursor:pointer;
}

.draganddrop .drop-area-text {
	text-align: center; 
	color: #24324f; 
	font-size: 16px; 
	padding-bottom: 20px; 
	margin-top: 25px;
}

.draganddrop label span {
	padding: 10px 15px;
	color: white; 
	background-color: #1a66d2 !important; 
	border-radius: 3px; 
	cursor: pointer; 
	display: inline-block;
}

.draganddrop input {
	visibility: hidden !important; 
	width: 0 !important; 
	height: 0 !important; 
	padding: 0 !important; 
	margin: 0 !important;
}

.draganddrop .images {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.draganddrop .drop-preview-border {
	width: 18%; 
	float: left; 
	position: relative; 
	margin: 1%; 
	box-sizing: border-box; 
	border-radius: 3px; 
	cursor: grab;
}


.draganddrop .drop-preview {
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	padding-top: 100%;
}

.draganddrop .drop-preview.loading {
	background-image:url(/wp-content/uploads/2023/03/loading-2.png); 
	-webkit-animation: rotation 1.3s infinite linear; background-size: 30% 30% !important;
}


.drop-preview-border .hc_bookBuilder_deleteElement {
	position: absolute; 
	top: 0; 
	right: 0; 
	display: none; 
}

.drop-preview-border:hover .hc_bookBuilder_deleteElement {
	display: block; 
}