/* GLOBAL DEFAULTS */
body { color: #212529; margin: 0; font-family: 'Roboto', sans-serif !important; padding-top: 88px; min-height: 100vh; display: flex; flex-direction: column; }
a { text-decoration: none; }
ul { list-style-type: none; text-decoration: none; margin: 0; padding: 0; }

/* FONT COLOR */
.w { color: white; }
.b { color: #212529; }
.gr { color: lightgray; }
.mg { color: #4fb5a0; }
.l-mg { color: #73cdbb; }
.g { color: #93ce04; }
.p { color: #8d758d; }
.o { color: #fcbd18; }
.d-o { color: #f79122; }
.d-g { color: #6dae0c; }
.d-p { color: #664e66; }
.d-mg { color: #34a18c; }
.d-gr { color: rgba(0, 0, 0, 0.5); }

/* BACKGROUND COLOR */
.bg-mg { background-color: #4fb5a0; }
.bg-d-mg { background-color: #34a18c; }
.bg-w { background-color: white; }
.bg-b { background-color: #212529; }
.bg-gr { background-color: lightgray; }
.bg-g { background-color: #93ce04; }
.bg-p { background-color: #8d758d; }
.bg-o { background-color: #fcbd18; }
.bg-d-o { background-color: #f79122; }
.bg-d-p { background-color: #664e66; }
.bg-d-g { background-color: #6dae0c; }

/* BUTTONS */
.btn_login_reg button { margin: 12px 12px 12px 0px; }
.actorActionBtns, .pwdChangeBtn, .newEventBtn {padding:6px; text-align: right;}
.btn-res { width: auto; }
#goTop_btn { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 100; border: 0.5px solid white; outline: none; padding: 10px 20px 10px 20px; border-radius: 30px; font-size: 24px; font-weight: bold; }
#openFilter_btn { position: fixed; top: 115px; left: 0; z-index: 99999; padding: 10px 20px 10px 20px; font-weight: bold; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; font-size: 24px; transition: all .5s; }
.collapsed_filter { transform: translateX(412.0px); position: fixed; }
#goBack_btn { position: fixed; top: 116px; left: 0; z-index: 100; padding: 10px 20px 10px 20px; font-weight: bold; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; font-size: 24px; transition: all .5s; }
.pwdToggleBtn { width: 58px; height: 58px; padding: 20px; }

/* POSITIONING */
.right { float: right; }
.left { float: left; }
.center { text-align: center !important; }

/* STYLE */
.d-none { display: none; }
.d-block { display: block; }
.bot-shadow { margin: 0 0 20px 0; box-shadow: 0 0 20px 0 black; }
.top-shadow { margin: 20px 0 0 0; box-shadow: 0 0 20px 0 black; }
.pre-shadow { display: table; overflow: hidden; }
.point { cursor: pointer; }
.flat-1 { width: 100%; }
.flat-2 { width: 75%; }
.flat-3 { width: 50%; }
.flat-4 { width: 25%; }
.arrow { margin: 12px 24px 12px 24px; border: solid white; border-radius: 3px; border-width: 0 5px 5px 0; display: inline-block; padding: 12px; }
.a-right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.a-left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.big-font { font-size: 40px; font-weight: bold; font-family: 'Roboto' !important; }
.medium-font { font-size: 25px; font-weight: bold; font-family: 'Roboto' !important; }
.font-small { font-size: 0.8rem !important }
.start_separator { display: block !important; height: 80px; }
.border-gradient { border-bottom: 6px solid; border-image-slice: 1; border-width: 6px; border-image-source: linear-gradient(to right, #93ce04, #4fb5a0, #8d758d, #fcbd18) !important; }
.fw-semi-bold { font-weight: 500}

/* REQUIRED FIELDS */
.required-label::after { content: '*' !important; color: #34a18c !important; margin-left: 0.25rem; }
.required-icon { color: #34a18c !important; }
.form-floating > input:required + label, .form-floating > select:required + label { color: #34a18c !important; }
.form-floating > input:required + label > .fas, .form-floating > select:required + label > .fas { color: #34a18c !important; }
.missing-required { border: 2px solid #f79122 !important; }

/* CONTENT */
.maincontent { min-height: 700px; flex: 1 0 auto; }
.maincontent h1 { padding-top: 50px; }
.footer { width: 100%; height: auto; position: relative; bottom: unset; flex-shrink: 0; }
.staticFooter { width: 100%; height: 100%; position: unset; bottom: unset; }
footer { width: 100%; height: 100%; padding: 25px; background-color: #34a18c; color: white !important; }
footer a { color: white !important; }
#headerName { margin-left: 12%; padding-left: 20px; padding-right: 20px; font-size: 25px !important; font-family: 'Roboto' !important; }
#nav-items-list { margin-right: 12% !important; }
.newsletterCard { max-height: 746px; }
.start-content-box { margin: 24px; min-width: 827px; }
#searchTipps { text-align: left !important; }
.badge-big { padding: 18px; font-weight: unset !important; text-align: left !important; }
.badge-mid { padding: 12px; min-height: 44px; }
#profilePic { border-radius: 3px; }
#profilePicPlaceholder { font-size: 150px !important; }
.paginator { margin-top: 12px; }
.eventDayField, .childsList { padding: 12px; color: #303030; display: inline-block; border-radius: 3px; text-align: left; }
.participantsField { padding: 36px; color: #303030; display: inline-block; text-align: left; }
.dayFormulaBar { padding: 12px; border-radius: 3px; text-align: left; }
.lightSpacer { color: #bbbbbb; }
.actorLink { color: #4fb5a0; cursor: pointer; }
.actorLink:hover { color: #93ce04; }

/* WIZARDS */
#event-creation-modal { margin-top: unset !important; }
#event-creation-modal .modal-dialog { max-width: 900px !important; }
#event-creation-modal .modal-header { display: block; padding-bottom: 0; border-bottom: 0 }
#event-creation-modal .modal-content { min-height: 700px; }
#event-creation-modal .nav-tabs { border-bottom: 0; }
#event-creation-modal .nav-tabs .nav-item a { border-bottom: 0; }
#event_description { height: 284px; }
#event_emailTemplate { height: 300px; }

#newsletterFilter-edit-modal .modal-dialog { max-width: 800px !important; }
#newsletterFilter-edit-modal .modal-header { display: block; padding-bottom: 0; border-bottom: 0 }
#newsletterFilter-edit-modal .modal-content { min-height: 600px; }
#newsletterFilter-edit-modal .nav-tabs { border-bottom: 0; }
#newsletterFilter-edit-modal .nav-tabs .nav-item a { border-bottom: 0; }

#register-modal .modal-header { display: block; padding-bottom: 0; border-bottom: 0 }
#register-modal .nav-tabs { border-bottom: 0; }
#register-modal .nav-tabs .nav-item a { border-bottom: 0; }

#booking-modal .modal-dialog { max-width: 1200px !important; }
#booking-modal .modal-header { border-bottom: 0 }
#booking-modal { margin-top: 1% !important; }
#booking-modal .modal-body { padding: 0; }

/* MODALS */
#editNewsletters-modal .modal-dialog { max-width: 800px !important; }
#user-profile-modal, #actor-profile-modal, #data-privacy-modal, #register-modal, #login-modal, #booking-protocol-modal, #pwdRecovery-modal { margin-top: unset !important; }
.modal-footer-links { display: block !important; justify-content: flex-start; }

/* DROPZONE OVERWRITE */
.dropzone { border: 2px solid #34a18c; color: #34a18c; }
.dz-progress { display: none; }
#dzProfileImgForm, #dzEventCreationImgForm, #dzActorImgForm { width: 100%; margin-bottom: 6px; }
#dzProfileImgForm .dropzone { height: 175px; }
#dzProfileImgForm .dropzone .dz-message { margin: 50px; }
#dzEventCreationImgForm .dropzone .dz-message { margin: 50px; }

/* CHOICES OVERWRITE */
.choices__list--multiple .choices__item { background-color: #4fb5a0; border: 1px solid #34a18c; border-radius: 3px; }
.choices[data-type*="select-multiple"] .choices__button { border-left: 1px solid white; }

/* DATEPICKER
::-webkit-daetime-edit { padding: 1em; }
::-webkit-datetime-edit-fields-wrapper { background: silver; }
::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: blue; }
::-webkit-datetime-edit-day-field { color: green; }
::-webkit-datetime-edit-year-field { color: purple; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { background: orange; }
*/

/* SPECIAL FUNCTIONALITY */
.slides { width: 100%; }
.image-wrapper { min-height: 800px; }
.newsletterImg { width: 100% !important; height: 100% !important; object-fit: contain }

.details-img { height: 400px; width: 100%; text-align: justify; }
.details-description { height: 400px; }
.text-fadout { mask-image: inear-gradient(180deg, #000 90%, transparent); -webkit-mask-image: linear-gradient(180deg, #000 90%, transparent); }
.details-img-layer { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.6)); width: 100%; height: 100%; min-height: 400px; padding: 12px; }
#information_part { padding: 24px; }
.bookingInformationCard { margin: 0px 0px 20px 0px !important; }

.image-layer { background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1)); width: 100%; height: 100%; min-height: 650px; border-radius: 0% 0% 0% 100% / 0% 0% 0% 100%;}
/*.image-layer { background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1)); width: 100%; height: 100%; }
.triangle { background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)); width: 100%; height: 200px; overflow: hidden; clip-path: polygon(0 0,0 100%,100% 0,100% 0); }*/
.search-box { display: inline-block; margin-top: 1%; }
.search-box-right { margin: 12px 0px 12px 0px; }
.searchResults { margin: 24px; }
.offer { width: 18rem; margin: 12px 16px 12px 16px; }
.addressDetails, .personalSettings { height: 430px; }
.filter-box { display: inline-block; margin-top: 6px; }

.sidebar { background: white; transition: all .5s; width: 412px; height: calc(100% - 56px); z-index: 1050; position: fixed; top: 56px; padding: 12px; overflow: auto; border-right: 0.5px solid #34a18c; direction: rtl; }
.sidebar.collapsed { transform: translateX(-200%); position: fixed; }
.filter-part { direction: ltr !important; }

#paginator_content, #paginator_content_mobile { cursor: unset; pointer-events: none; border-radius: 0px; }
#paginator_prev, #paginator_prev_mobile { border-radius: 30px 0px 0px 30px; }
#paginator_next, #paginator_next_mobile { border-radius: 0px 30px 30px 0px; }

.active-searchgroup { background-color: #6dae0c; }
.active-searchgroup:hover { background-color: #6dae0c; border-color: #6dae0c; }
.active-searchgroup:focus { background-color: #6dae0c; border-color: #6dae0c; }

#goToLogin { margin-top: 24px; }

.dataTable-dropdown { text-align: left !important; }

/* OPEN LAYERS */
.map { height: 100%; width: 100%; }
.mintPointmap { height: 540px; width: 100%; z-index: 99; }
.openLayer-box { box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3); display: inline-block; height: 745px; } /* border: 1px solid lightgray;*/
.ol-unselectable, .ol-overlaycontainer-stopevent, .ol-layers { z-index: 0 !important; }
.ol-popup { position: absolute; background-color: white; box-shadow: 0 1px 4px rgba(0,0,0,0.2); padding: 15px; border-radius: 3px; border: 1px solid #cccccc; bottom: 12px; left: -50px; min-width: 280px; border: unset; }
.ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; }
.ol-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px; }
.ol-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px; }
.ol-popup-closer { text-decoration: none; position: absolute; top: 2px; right: 8px; color: #34a18c; }
.ol-popup-closer:after { content: '✖'; color: #4fb5a0; }

/* CKEDITOR */
.ck.ck-balloon-panel { z-index: 2000 !important; }

/* SWIPER MOBILE */
.swiper { width: 100%; height: 550px; }
.swiper-pagination-bullet-active { background: #34a18c !important; }
.searchResultsMobile { display: none; margin: 36px 12px 24px 12px; }
.swiperCard { margin-left: auto; margin-right: auto; }
.swiper-slide-shadow { background-image: unset !important; background: unset !important; }
#goSearch_btn { display: none; position: fixed; top: 100px; left: 0px; z-index: 100; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; outline: none; padding: 6px 18px 6px 18px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; font-size: 18px; font-weight: bold; }
.swiper-slide-active { z-index: 0 !important; }

/* AUTO COMPLETE */
.autoComplete_no_result { padding: 10px 20px; }
.autoComplete_wrapper { width: 100%; }

/* ANIMATIONS */
.highlightElement { animation-duration: 1s; animation-iteration-count: 3; animation-name: highlightElement; }
@keyframes highlightElement {
	0% { color: #212529; }
	50% { color: red; }
	100% { color: #212529; }
}

.fade-in-image { animation: fadeIn 2s 1 ease-in-out; -webkit-animation: fadeIn 2s 1 ease-in-out; -moz-animation: fadeIn 2s 1 ease-in-out; -o-animation: fadeIn 2s 1 ease-in-out; -ms-animation: fadeIn 2s 1 ease-in-out; }
@keyframes fadeIn { 0% {opacity:0.55;} 100% {opacity:1;} }
@-moz-keyframes fadeIn { 0% {opacity:0.55;} 100% {opacity:1;} }
@-webkit-keyframes fadeIn { 0% {opacity:0.55;} 100% {opacity:1;} }
@-o-keyframes fadeIn { 0% {opacity:0.55;} 100% {opacity:1;} }
@-ms-keyframes fadeIn { 0% {opacity:0.55;} 100% {opacity:1;} }

/* MEDIA QUERYS */
/* MOBILE */
@media only screen and (max-width: 1000px) {
	body { padding-top: 75px; }
	.btn-res { width: 100%; }
	#openFilter_btn { display: none; }
	#goBack_btn { display: none; }
	#goTop_btn { bottom: 6px; right: 6px; padding: 6px 18px 6px 18px; font-size: 18px; }
	#goSearch_btn { display: block; }
	#slider_angles { display: none; }
	.sidebar { width: 100%; }
	.start_separator { height: 40px; }
	.search-box { margin-top: 16%; }
	.searchResults { display: none; }
	.searchResultsMobile { display: block; }
	.details-img { height: 250px; }
	.footer { width: 100%; height: auto; position: relative; }
	.newsletterCard { max-height: 580px; }
	.mintPointmap { height: 380px; }
	.responsive-font-size { font-size: 12px; }
}
/* SMALL */
@media only screen and (max-width: 850px) { .start-content-box { min-width: unset; } }

#searchBoxPlace.sticky-searchbox {
	position: sticky;
	top: 56px;
	z-index: 1020;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.watchlist-bell {
	cursor: pointer;
	font-size: 1.4em;
	color: #888;
	margin-left: 12px;
	vertical-align: middle;
	transition: color 0.2s;
	position: relative;
	top: 2px;
}
.watchlist-bell.watching {
	color: #f5b301;
}
.watchlist-feedback {
	max-width: 90% !important;
	margin: 0 auto !important;
	display: block !important;
	display: block;
	margin-top: 4px;
	font-size: 0.95em;
	color: #2a7b2a;
	background: transparent;
	border-radius: 10px;
	padding: 0;
	box-sizing: border-box;
	white-space: normal;
	word-break: break-word;
}
.watchlist-feedback.has-feedback {
	background: #f6fff6;
	padding: 10px 16px;
}
.card-footer .watchlist-bell {
	float: right;
	margin-top: 2px;
}