/**
 * @file        /a_layout/css/layout_project_specific.css
 * @copyright   Copyright (C) 2012 - 2022 filterVERLAG | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      filterVERLAG | Milos Mandic <milos.mandic@filterverlag.de>
 */
 
/* codeDESIGN - layout_project_specific.css */
@charset "utf-8";

/* CUSTOM SHAPE DIVIDERS */
.custom_shape_divider_main_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 9999;
}
.custom_shape_divider_main_slider svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 50px;
}
.custom_shape_divider_main_slider .custom_shape_divider_main_slider_shape_fill {
	fill: #ffffff;
}
@media only screen and (max-width: 768px) {

	.custom_shape_divider_main_slider svg {
		width: calc(128% + 1.3px);
		height: 50px;
	}
	
}



/* CUSTOM SHAPE DIVIDERS TOP AND BOTTOM */
.custom_shape_divider_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom_shape_divider_top svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 100px;
}
.custom_shape_divider_top_to_bttom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.custom_shape_divider_top_to_bttom svg {
    position: relative;
    display: block;
    width: calc(128% + 1.3px);
    height: 100px;
}
.custom_shape_divider_top_to_bttom .custom_shape_divider_top_to_bttom_shape_fill {
    fill: #ffffff;
}
.custom_shape_divider_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom_shape_divider_bottom svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 100px;
	/* transform: rotateY(180deg); */
	transform: rotateX(180deg);
}
.custom_shape_divider_bottom_reverse svg {
	transform: rotateX(180deg) rotateY(180deg);
}
.custom_shape_divider_top .custom_shape_divider_top_shape_fill,
.custom_shape_divider_bottom .custom_shape_divider_bottom_shape_fill {
	fill: #ffffff;
}
@media only screen and (max-width: 768px) {

	.custom_shape_divider_top svg,
	.custom_shape_divider_top_to_bttom svg,
	.custom_shape_divider_bottom svg {
		width: calc(128% + 1.3px);
		height: 50px;
	}
	
}



/* WAVES PAGE TITLE */
div.waves_page_title_wrapper {
	position: relative;
}
div.waves_page_title_wrapper_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
div.waves_page_title_wrapper_inner svg {
	position: relative;
	display: block;
	width: calc(150% + 1.3px);
	height: 50px;
}
@media only screen and (max-width: 768px) {

	div.waves_page_title_wrapper_inner svg {
		height: 25px;
	}
	
}
div.waves_page_title_wrapper_inner .shape-fill {
	fill: #F3F3F3;
}



/* WAVES FOOTER */
div.waves_header_wrapper {
	width: 100%;
	top: 0px;
	z-index: 99;
	position: absolute;
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}
.waves_header {
	width: 100%;
	height: 15vh;
	min-height: 45px;
	max-height: 45px;
	margin-bottom: -7px; /* fix for safari gap */
	position: relative;
}
.waves_footer {
	width: 100%;
	height: 15vh;
	min-height: 80px;
	max-height: 80px;
	margin-bottom: -7px; /* fix for safari gap */
	position: relative;
}
/* WAVES FOOTER ANIMATION */
.waves_footer_parallax > use {
	animation: animation_for_waves_footer 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;
}
.waves_footer_parallax > use:nth-child(1) {
	animation-delay: -8s;
	animation-duration: 24s;
}
.waves_footer_parallax > use:nth-child(2) {
	animation-delay: -12s;
	animation-duration: 40s;
}
.waves_footer_parallax > use:nth-child(3) {
	animation-delay: -16s;
	animation-duration: 52s;
}
.waves_footer_parallax > use:nth-child(4) {
	animation-delay: -20s;
	animation-duration: 80s;
}
@keyframes animation_for_waves_footer {

	0% {
		transform: translate3d(-90px,0,0);
	}
	100% { 
		transform: translate3d(85px,0,0);
	} 
	
}
@media only screen and (max-width: 768px) {

	.waves_header, 
	.waves_footer {
		height: 20px;
		min-height: 20px;
	}
	
}



/* HISTORIC LIST - USE TIMELINE INSEAD */
ul.content_item_historic_list {
	list-style: none;
}
ul.content_item_historic_list li {
	margin: 0px 0px 20px 0px !important;
	padding: 0px 0px 0px 80px !important;
}
ul.content_item_historic_list li:before {
	background: #CFCDCE;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font: normal 13px/50px 'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-align: center;
}
ul.content_item_historic_list li:after {
	background: #CFCDCE;
	content: '';
	width: 100%;
	height: 1px;
	display: inline-block;
	margin: 25px 0px 0px 0px;
}
ul.content_item_historic_list li:last-child:after {
	display: none;
}
ul.content_item_historic_list li:nth-child(1):before {
	content: '1948' !important;
}
ul.content_item_historic_list li:nth-child(2):before { 
	content: '1968' !important;
}
ul.content_item_historic_list li:nth-child(3):before { 
	content: '1989' !important;
}
ul.content_item_historic_list li:nth-child(4):before { 
	content: '2000' !important;
}
ul.content_item_historic_list li:nth-child(5):before { 
	content: '2020' !important;
}



/* BADGES TOP */
div.badges_top_wrapper {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
@media only screen and (max-width: 991px) {

	div.badges_top_wrapper {
		display: none;
	}
	
}
div.badge_top {
	/*margin: 0px 109px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.badge_top_hoch {
	/*width: 60px;*/
}
div.badge_top_quadrat {
	width: 92px;
}
div.badge_top_hoch a {
	float: right;
	width: calc((100% / 6) - 10px);
	margin: 0pc 5px;
}
div.insite_badge {
	display: block;
	float: left;
	width: calc(20% - 20px);
	margin: 0px 20px 0px 0px;
}



/* DOCTOLIB TOP BIG FEATURED */
div.doctolib_button_big_featured_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
div.doctolib_button_big_featured_wrapper [class^="col-"],
div.doctolib_button_big_featured_wrapper [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.doctolib_button_big_featured {
	width: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 9;
}
div.doctolib_button_big_featured a,
div.doctolib_button_big_featured a:link,
div.doctolib_button_big_featured a:visited {
	width: 100%;
	height: 100%;
	display: inline-block;
	font: 500 13px/28px 'Montserrat',sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
div.doctolib_button_big_featured_wording {
	background: var(--ci_color_accent_1);
	margin: 0px 0px 0px 0px;
	padding: 4px 18px 4px 18px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	text-align: center;
}
div.doctolib_button_big_featured_wording:hover {
	background: #ffffff;
	color: #242424;	
}
div.doctolib_button_big_featured_wording:hover a,
div.doctolib_button_big_featured_wording:hover a:link,
div.doctolib_button_big_featured_wording:hover a:visited {
	color: #242424;	
}
div.doctolib_button_big_featured_wording span.icon {
	font-size: 18px;
	margin: 0px 4px 0px 0px;
}
div.doctolib_button_big_featured_image {
	width: 86px;
	margin: 6px 0px 0px 4px;
}



/* DOCTOLIB RIGHT */
div.doctolib_button_wrapper {
	position: fixed;
	right: 0px;
	top: 160px;
	cursor: pointer;
	z-index: 9999;
}
div.doctolib_button_wrapper a,
div.doctolib_button_wrapper a:link,
div.doctolib_button_wrapper a:visited {
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
div.doctolib_button_wrapper i.fal {
	font-size: 18px;
	color: #ffffff;
}
div.doctolib_button_wrapper div.doctolib_button {
	background: var(--ci_color_accent_1);
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 4px 6px;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.doctolib_button_wrapper div.doctolib_button:hover {
	background: #ffffff;
	color: #242424;
}
div.doctolib_button_wrapper div.doctolib_button:hover a,
div.doctolib_button_wrapper div.doctolib_button:hover a:link,
div.doctolib_button_wrapper div.doctolib_button:hover a:visited {
	color: #242424;
}
div.doctolib_button_wrapper div.doctolib_button_image img {
	width: auto;
	height: 18px;
	margin: 6px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
div.doctolib_button_neu_label {
	background: #dc3545;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	margin: -14px 0px 0px -12px;
	z-index: 99;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.doctolib_button_wrapper:hover div.doctolib_button_neu_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}



/* ONLINE APPOINTMENT BOOKING */
div.online_appointment_badge_round {
	width: 140px;
	height: 140px;
	position: fixed;
	left: -10px;
	top: calc(50% - 140px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #ffffff;
	z-index: 9999;	
}
div.online_appointment_badge_round:hover:after {
	display: none;
}
div.online_appointment_badge_round::after {
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 10px solid #2A89C5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation-duration: 2.0s;
	animation-duration: 2.0s;
	-webkit-animation-name: online_appointment_badge_round_pulse_border;
	animation-name: online_appointment_badge_round_pulse_border;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes online_appointment_badge_round_pulse_border {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@keyframes online_appointment_badge_round_pulse_border {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@media only screen and (max-width: 961px) {

	div.online_appointment_badge_round {
		display: none;
	}
	
}
div.online_appointment_badge_round_inner {
	width: 100%;
	height: 100%;
	position: relative;
}
div.online_appointment_badge_round_wording {
	background: #2A89C5;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_badge_round:hover div.online_appointment_badge_round_wording {
	background: #C9CACC;	
}
div.online_appointment_badge_round_wording a,
div.online_appointment_badge_round_wording a:link,
div.online_appointment_badge_round_wording a:visited {
	width: 100%;
	height: 100%;
	text-align: center;
	font: normal 18px/26px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
}
div.online_appointment_badge_new_label {
	background: #ffffff;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #242424;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	margin: 20px 0px 0px 115px;
	z-index: 99;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_badge_round:hover div.online_appointment_badge_new_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}



/* ONLINE APPOINTMENT BOOKING MOBILE */
div.online_appointment_button_mobile {
	position: fixed;
	right: 0px;
	top: 280px;
	cursor: pointer;
	z-index: 9999;
	display: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 961px) {

	div.online_appointment_button_mobile {
		display: inline;
	}
	
}
div.online_appointment_button_mobile a,
div.online_appointment_button_mobile a:link,
div.online_appointment_button_mobile a:visited {
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
div.online_appointment_button_mobile div.online_appointment_button_mobile_wording {
	background: #2A89C5;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 4px 6px;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_button_mobile div.online_appointment_button_mobile_wording:hover {
	background: #2A89C5;
}
div.online_appointment_button_mobile_new_label {
	background: #ffffff;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #242424;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	margin: -16px 0px 0px -12px;
	z-index: 99;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_button_mobile:hover div.online_appointment_button_mobile_new_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}



/* ZENDESK CHAT WIDGET */
iframe#launcher {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	position: fixed !important;
	bottom: 76px !important;
	left: 10px !important;
}



/* BANNER */
div.banner_static_featured {
	margin: 40px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	position: relative;
}
div.banner_static_featured [class^="col-"],
div.banner_static_featured [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
/* BANNER IMAGE OVAERLAY */
div.banner_static_featured span.banner_static_featured_image_overlay {
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.banner_static_featured:hover span.banner_static_featured_image_overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
div.banner_static_featured span.banner_static_featured_image_overlay i {
	font-size: 36px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



/* JOB APPLYMENT */
div.stripe_job_apply {
	background: #2A89C5 url(/a_layout/images/bg_stripe_1920x400.jpg) no-repeat center;
	background: #2A89C5;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.stripe_job_apply_content a,
div.stripe_job_apply_content a:link,
div.stripe_job_apply_content a:visited {
	color: #ffffff;
	text-decoration: none;
}
div.stripe_job_apply_content h2 {
	font: var(--font-h1_component);
	color: #ffffff;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border-bottom: none;
}
div.stripe_job_apply_content h2 i {
	padding: 0px 10px 0px 0px;
}
div.stripe_job_apply_content h2:after {
	display: none;
}
div.stripe_job_apply_content h3 {
	font: normal 14px/24px 'Open Sans', Arial, Helvetica;
	font-weight: 300;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border-bottom: none;
}
div.stripe_job_apply_content h3:after {
	display: none;
}
div.stripe_job_apply_content {
	color: #ffffff;
}
div.stripe_job_apply_content i {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
}
div.stripe_job_apply_content strong {
	font-weight: 600;
}
div.stripe_job_apply div.stripe_job_apply_button {
	margin: 25px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.stripe_job_apply div.stripe_job_apply_button {
		margin: 25px 0px 0px 0px;
	}
	
}
div.stripe_job_apply div.stripe_job_apply_button a,
div.stripe_job_apply div.stripe_job_apply_button a:link,
div.stripe_job_apply div.stripe_job_apply_button a:visited {
	background: #ffffff;
	background-position: center;
	width: 100%;
	height: 100%;
	display: inline-block;
	font: normal 13px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	color: #242424;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 16px 0px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: none;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	position: relative;
}
div.stripe_job_apply div.stripe_job_apply_button a:hover {
	background: var(--ci_color_accent_3);	
	color: #ffffff;
}



/* COM_COMMUNITYSURVEYS SURVEYS IN MODULE BELOW COMPOENT */
div[class*="survey-wrapper survey-form-module-"] {
	background: #ffffff;
	margin: 20px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
}
div[class*="survey-wrapper survey-form-module-"] div.muted.text-muted {
	display: none;
}
div[class*="survey-wrapper survey-form-module-"] div.media-body h1, 
div.survey-form div.card-header.question-header div.card-title {
	font: var(--font-h3_component);
	font-weight: 500;
	color: var(--ci_color_black);
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	border-bottom: var(--border_bottom-headings);
}
div[class*="survey-wrapper survey-form-module-"] div.media-body h1:after, 
div.survey-form div.card-header.question-header div.card-title:after {
	background: var(--ci_color_accent_2);
	bottom: -1px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div[class*="survey-wrapper survey-form-module-"] div.media-body h1:hover:after, 
div.survey-form div.card-header.question-header div.card-title:hover:after {
	background: var(--ci_color_accent_2);
	width: 180px;
}



/* COM_COMMUNITYSURVEYS SURVEY LOADING OVERLAY */
div.blockUI.blockOverlay {
	background-color: rgb(255, 255, 255) !important;
	width: 100%;
	height: 100%;
	z-index: 1000;
	border: medium none;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	cursor: wait;
	position: fixed;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
div.blockUI.blockMsg.blockPage {
	background-color: #2A89C5 !important;
	z-index: 1011;
	position: fixed;
	padding: 10px;
	margin: 0px;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: left !important;
	color: rgb(255, 255, 255) !important;
	border: medium none;
	cursor: wait;
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
}
div.blockUI.blockMsg.blockPage h3 {
	color: #ffffff !important;
}
div.blockUI.blockMsg.blockPage h3:after {
	background: #ffffff !important;
}
div.blockUI.blockMsg.blockPage h3:before {
	font-family: 'Font Awesome 6 Pro';
	content: "\f00c";
	font-size: 20px;
	font-weight: lighter;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.blockUI.blockMsg.blockPage div.progress-message i {
	display: none !important;
}



/* COM_ SURVEY DETAILS */
body.com_communitysurveys.view_survey div.survey-wrapper nav.navbar.navbar-default {
	display: none !important;
}



/* COM_COMMUNITYSURVEYS SURVEY BODY */
div.survey-body div.confidential-notice {
	background: #f9f9f9;
	margin: 20px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}
div.survey-body div.confidential-notice a,
div.survey-body div.confidential-notice a:link,
div.survey-body div.confidential-notice a:visited {
	color: var(--ci_color_font_dark);
	text-decoration: none;
	font-weight: 400;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
div.survey-body div.confidential-notice a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}



/* COM_COMMUNITYSURVEYS SURVEY FORM */
div.survey-form div.survey-pagination {
	display: none;
}
div.survey-form div.card-body a,
div.survey-form div.card-body a:link,
div.survey-form div.card-body a:visited {
	color: var(--ci_color_font_dark);
	text-decoration: none;
	font-weight: 400;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
}
div.survey-form div.card-body a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}
div.survey-form button.btn,
div.survey-form button.btn.btn-primary {
	background: var(--ci_color_accent_2);
	background-position: center;	
	font: normal 13px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	color: #ffffff !important;
	margin: 0px 0px 0px 0px;
	padding: 16px 16px 16px 16px;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	position: relative;
}
div.survey-form button.btn:hover {
	background: var(--ci_color_accent_3);
	color: #ffffff !important;
}
div.survey-form button.btn i {
	display: none;
}
div.survey-form label.error {
	background-color: #f2dede;
	width: 100%;
	font: normal 14px/14px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	font-weight: 300 !important;
	color: #a94442 !important;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid  #ebccd1;
	display: inline-block;
}
div.survey-form div.card-body.text-success {
	background-color: #dff0d8;
	width: 100%;
	font: normal 14px/14px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	font-weight: 300 !important;
	color: #3c763d !important;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid  #d6e9c6;
	display: inline-block;
}



/* COM_COMMUNITYSURVEYS SURVEY ITEMS */
div.survey-form div.card.question-item {
	background: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 10px 20px 20px 20px;
	border: 1px solid #e5e8ee;
}
div.survey-form div.card.question-item input[type="text"],
div.survey-form div.card.question-item input[type="password"],
div.survey-form div.card.question-item select,
div.survey-form div.card.question-item textarea {
	width: 100%;
}
div.survey-form div.card-header.question-header div.card-title_ {
	font-weight: 600;
}
div.survey-form div.card-header.question-header div.card-title i.fa {
	display: none;
}
div.survey-form div.card-header.question-header div.card-title sup small i.fa {
	display: none;
}
/* COM_COMMUNITYSURVEYS SURVEY FORM NO LIST STYLING FOR SURVEY ANSWERS */
div.survey-form ul.list-group {
	list-style: none !important;
	margin: 15px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	position: relative !important;
}
div.survey-form ul.list-group li.list-group-item {
	list-style: none !important;
	margin: 4px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	position: relative !important;
}
div.survey-form ul.list-group li.list-group-item:before {	
	display: none !important;
}
div.survey-form ul.list-group li.list-group-item label.custom-control-label {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
div.survey-form ul.list-group div.form-inline.custom_answer input.form-control {
	margin: 15px 0px 0px 0px;	
}



/* COM_COMMUNITYSURVEYS SURVEY FORM ITEM TYPE MULTIRATING */
div.survey-form div.card.question-item.qtype-multirating [class^="col-"],
div.survey-form div.card.question-item.qtype-multirating [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.survey-form div.card.question-item.qtype-multirating div.col-md-8 {
	padding: 8px 0px 0px 0px;
}
div.survey-form div.card.question-item.qtype-multirating i.star-on-png:before, 
div.survey-form div.card.question-item.qtype-multirating i.star-off-png:before {
	font-family: 'Font Awesome 6 Pro' !important;
	font-size: 20px !important;
	line-height: 14px !important;
	content: '\e28b' !important;
	font-weight: normal !important;
	color: var(--ci_color) !important;
	margin: 0px 4px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.survey-form div.card.question-item.qtype-multirating i.star-on-png:before {
	content: '\e28b' !important;
	font-weight: bold !important;
}



/* COM_COMMUNITYSURVEYS SURVEY FORM ITEM TYPE RADIO GRID */
div.survey-form div.card.question-item.qtype-radio_grid [class^="col-"],
div.survey-form div.card.question-item.qtype-radio_grid [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.survey-form div.card.question-item.qtype-radio_grid div.col-md-6.answer-title {
	padding-left: 0px;
	padding-right: 0px;
}
div.survey-form div.card.question-item.qtype-radio_grid div.card-body.grid-table {
	padding: 15px 0px 0px 0px;
}
div.survey-form div.card.question-item.qtype-radio_grid div.card-body.grid-table div.row.d-none {
	display: none !important;
}
div.survey-form div.card.question-item.qtype-radio_grid div.card-body.grid-table div.row.grid-row {
	padding: 12px 0px 12px 0px;
}
div.survey-form div.card.question-item.qtype-radio_grid div.card-body.grid-table div.row.grid-row:last-child {
	border-bottom: 0px solid #e5e8ee !important;
}



/* COM_COMMUNITYSURVEYS SURVEY FORM ITEM TYPE NPS */
div.survey-form div.card.question-item.qtype-nps {
	padding: 10px 20px 20px 20px;
}
div.survey-form div.card.question-item.qtype-nps table.nps-table {
	width: 100%;
	margin: 15px 0px 0px 0px;
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal {
	margin: 10px 0px 0px 0px;
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a,
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a:link,
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a:visited {
	background: var(--ci_color_accent_1);
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a:hover, 
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a.list-group-item.active {
	background: var(--ci_color_accent_3);
	color: #ffffff !important;
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a.list-group-item {
	width: 9.4% !important;
	display: inline-block;
	margin: 0px 0px 0px 0px !important;
	padding: 10px 0px 10px 0px !important;
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a.list-group-item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a.list-group-item:first-child {
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important; 
}
div.survey-form div.card.question-item.qtype-nps div.list-group-horizontal a.list-group-item:last-child {
	-webkit-border-radius: 0px !important; 
	-moz-border-radius: 0px !important; 
	border-radius: 0px !important; 
}