.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;
}

.hc_bookBuilder_add_loader {
	background-image:url('/wp-content/uploads/2023/03/loading-2.png'); 
	background-size:contain;
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	margin:auto;
}

/* Form */

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

.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 .multiselect .select-values {
	position:relative;
	padding-bottom:0;
}

.hc_bookBuilder_multiselect .multiselect .select-values::before {
	content: "\f140";
	font-family: dashicons;
	position:absolute;
	top:5px;
	right:5px;
	height:20px;
	line-height:20px;
    font-size: 20px;
}

.hc_bookBuilder_multiselect .multiselect.open .select-values::before {
	content: "\f142";
}

.hc_bookBuilder_multiselect .select-value {
	padding:3px 5px;
	background-color:lightgrey;
	border:1px solid black;
	border-radius:3px;
	display:inline-block;
	position:relative;
	z-index:1;
}

.hc_bookBuilder_multiselect .select-value:not(:last-of-type) {
	margin-right:10px;
}

.hc_bookBuilder_multiselect .remove-select-value {
	position: absolute;
    top: -8px;
    right: -8px;
    color: white;
    background-color: #f14e4e;
    border-radius: 50%;
    border: 1px solid black;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    height: 16px;
    width: 16px;
}

.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:0;
	width:100%;
	padding:5px 0;
}

.hc_bookBuilder_multiselect .multiselect .select-checkboxes input[type="checkbox"] {
	display:none;
}

.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_form_fields_container {
	position:relative;
}

.hc_bookBuilder_form_field > .hc_bookBuilder_buttons,
.hc_bookBuilder_form_fields_container > .hc_bookBuilder_buttons {
    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_form_profile_header {
	margin-bottom:30px;
	padding:0 20px;
}

.hc_bookBuilder_form_profile_footer {
	text-align:center;
	margin-top:30px;
}

.hc_bookBuilder_field_description {
	font-weight:normal;
}

.hc_bookBuilder_geoloc_error {
	background-color: #ffa8a8 !important;
    border: 1px solid #ff0303 !important;
    color: #912a2a !important;
}

.hc_bookBuilder_geoloc_error::placeholder,
.hc_bookBuilder_geoloc_error::-ms-input-placeholder {
	color: darkred !important;
}

.hc_bookBuilder_geoloc_error_message {
	color:red;
}

.hc_bookBuilder_form_field_date_fields {
    display: inline-block;
}

.hc_bookBuilder_form_field_date input[type="number"] {
    display: inline;
    text-align: center;
    -moz-appearance:textfield; /* Firefox */
}

.hc_bookBuilder_button.dashicons-ellipsis::before {
	transform: rotate(90deg);
}

.hc_bookBuilder_form_field_date input[type="number"]::-webkit-outer-spin-button,
.hc_bookBuilder_form_field_date input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

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

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

.draganddrop {
	overflow: hidden;
}

.image_block {
    height: 124px;
}

.image_block,
.file_block {
    position: relative;
}

.file_block,
.file_block input {
	height:auto;
	min-height:0 !important;
}

.file_download[href=""] {
	display:none;
}

.file_download {
	padding: 3px 10px;
    background-color: #3884e3;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #3884e3;
    display: block;
	white-space:nowrap;
    height: 36px;
    box-sizing: border-box;
}

.file_download:hover {
	background-color:white;
	color:#3884e3;
}

.file_download > span.dashicons {
	margin-right:5px;
	font-size:20px;
	text-decoration: none;
}

.file_download > span {
	vertical-align: middle;
    line-height: 30px;
    display: inline-block;
    height: 30px;
	font-size:14px;
}

.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: 0;
    background-color: #f2f6f8;
    border-radius: 10px;
    padding-top: 30px;
}

.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;
}

.hc_bookBuilder_form_field_multiimage .images {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:10px;
	padding:0 10px 10px 10px;
}

.hc_bookBuilder_form_field_multiimage .drop-preview-border,
.hc_bookBuilder_form_field_multiimage .image_loader {
	width: 18%; 
	position: relative; 
	box-sizing: border-box; 
	border-radius: 3px; 
}


.hc_bookBuilder_form_field_multiimage  .drop-preview,
.hc_bookBuilder_form_field_multiimage  .image_loader > div {
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	padding-top: 100%;
}

.hc_bookBuilder_form_field_multiimage  .image_loader > div,
.hc_bookBuilder_form_field_multiimage  .drop-preview-border[data-hc-bookbuilder-image-url=""] > .drop-preview {
	background-image:url('/wp-content/plugins/HC_bookBuilder/assets/img/loader.gif'); 
	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; 
	z-index:10;
}

.hc_bookBuilder_form_field_image .image_block .hc_bookBuilder_updateElement {
	z-index: 10;
    bottom: 10px;
    left: 10px;
    position: absolute;
}

.hc_bookBuilder_form_field_image.empty .image_block .image_thumbnail,
.hc_bookBuilder_form_field_image.empty .image_block .hc_bookBuilder_updateElement {
	
	display:none;
}

.hc_bookBuilder_form_field_checkbox > label > .hc_bookBuilder_field_label  {
	display:inline-block;
}

.choice_img {
    width: 300px;
    height: 400px;
    background-size: cover;
    background-position: top;
}

/* Reviews */

.hc_bookbuilder_rating_icon {
	vertical-align: sub;
	display:inline-block;
	position:relative;
}

.hc_bookbuilder_rating_icon_interact {
	position:absolute;
	width:50%;
	height:100%;
	top:0;
	cursor:pointer;
	z-index:2;
}

.hc_bookbuilder_rating_icon_interact.left {
	left:0;
}

.hc_bookbuilder_rating_icon_interact.right {
	right:0;
}

.hc_bookbuilder_rating_icon_img {
	max-width:60px;
	max-height:30px;
}

/* Sortable */

.ui-sortable {
	position:relative;
}



.hc_bookBuilder_handle {
	position:absolute;
	top:0;
	left:0;
}

.sortable_container > li:not(.not_sortable_element),
.sortable_container_inside_only > li:not(.not_sortable_element),
.sortable_container_inside_only_both_axes > li:not(.not_sortable_element) {
	position:relative;
}

.hc_bookBuilder_handle::before {
    content: "\f545";
    font-family: "dashicons";
    cursor: grab;
}