/*=========================================================
*  PANEL GENERAL
*=========================================================*/
.logout {
	border-radius: 50px;
	border: 1px solid white;
	padding: 0 20px;
}

.logout:hover {
	background-color: white;
}

.logout:hover a{
	color: #0032FF!important;
}

.offcanvas-start {
	width: 100%!important;
}


.offcanvas-header {
	display: flex;
	justify-content: flex-end!important;
}


.offcanvas-body li.nav-item,
.offcanvas-body li.nav-item.nav-item-mobile {
	border-bottom: 1px solid white;
}

.offcanvas-body li.nav-item:last-child,
.offcanvas-body li.nav-item.nav-item-mobile:last-child {
	border-bottom: none;
}

.modal-content {
	border: 1px solid #0032FF!important;
}
.offcanvas {
	background-color: #0032FF!important;
}

.dropdown:hover, .dropdown-menu {
	background-color: #0032FF!important;
}

.lang-menu {
	position: relative;
	list-style: none;
	top: 7px;
	z-index: 100000;
}

.language-container-mobile {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.language-container-mobile a {
	color: white;
}
.world-icon {
	width: 18px;
	cursor: pointer;
}

.lang-dropdown {
	position: absolute;
	top: 22px;
	right: 10px;
	background: #0032FF;
	min-width: 120px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	overflow: visible;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	border: 1px solid #0032FF;
	padding: 5px 0;
	z-index: 100001;
	transition: opacity 0.15s ease, visibility 0.15s ease;
}

.lang-menu:hover .lang-dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.lang-dropdown::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	height: 12px;
}

.lang-dropdown a {
	display: block;
	width: 120px;
	box-sizing: border-box;
	padding: 10px 15px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
}

.lang-dropdown a:hover {
	background: white;
	color: #0032FF !important;
}

.nav-link.extra-icon {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-link.extra-icon img {
	width: 20px;
	height: 20px;
}

@media (max-width: 1460px) {
	.content_plain {
		padding: 0 30px;
	}

}

@media (max-width: 767px) {
	.kantar-btn-blue {
		width: 100%;
	}

	ul.navbar-nav {
		width: 97%;
	}

	.content_plain {
		padding: 0 30px!important;
	}
	h1.kantar {
		font-size: 41px!important;
		line-height: 45px!important;
		word-wrap: break-word;
	}

	h2.kantar {
		font-size: 36px!important;
		line-height: 44px!important;
	}

	h3.kantar {
		font-size: 32px!important;
		line-height: 38px!important;
	}

	h4.kantar {
		font-size: 30px!important;
		line-height: 36px!important;
	}

	h5.kantar {
		font-size: 22px!important;
		line-height: 26.4px!important;
	}
}


/* =========================================================
   GLOBAL / RESET
========================================================= */

body {
	font-size: 18px !important;
	background: #F5F5F7 !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */
h1.kantar {
	font-size: 70px;
	line-height: 84px;
}

h2.kantar {
	font-size: 57px;
	line-height: 68px;
}

h3.kantar {
	font-size: 43px;
	line-height: 51.6px;
}

h4.kantar {
	font-size: 33px;
	line-height: 39.6px;
}

h5.kantar {
	font-size: 22px;
	line-height: 26.4px;
}

.text-bright-blue {
	color: #0032FF !important;
}

.text-error-red {
	color: #CF0033!important;
}

.text-kantar-success {
	color: #00BD36!important;
}

.text-gray-500 {
	color: #848484!important;
}


/* =========================================================
   COLORS / BACKGROUNDS
========================================================= */
.bg-bright-blue {
	background-color: #0032FF !important;
}

.bg-dark-blue {
	background-color: #001E78 !important;
}

.bg-gray-200 {
	background-color: #F5F5F7 !important;
}

.bg-error-red {
	background: #CF0033!important;
}

.bg-kantar-success {
	background: #00BD36!important;
}


/* =========================================================
   BORDERS / RADIUS
========================================================= */
.border-bright-blue {
	border: 1px solid #0032FF;
}

.border-radius-30 {
	border-radius: 30px !important;
}


/* =========================================================
   FORMS
========================================================= */
.form-control {
	border: 1px solid #d7d7d9 !important;
}

.form-control:focus,
.form-control:hover {
	border-color: #0032FF !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.kantar-btn-white {
	padding: 10px 50px 10px 24px !important;
	height: 49px!important;
	background-color: transparent;
	outline: none;
	font-size: 18px !important;
	color: #0032FF !important;
	border: 1px solid #0032FF;
	border-radius: 50px;
	background-image: url("../panel_redesign/images/arrow_right_blue.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px;
	transition: all 0.3s ease;
	white-space: nowrap; /* optional */
}

.kantar-btn-white:hover {
	background-color: #0032FF !important;
	color: #ffffff !important;
	background-image: url("../panel_redesign/images/arrow_right.png");
	background-position: right 20px center;
}


.kantar-btn-blue {
	padding: 10px 50px 10px 24px !important; /* extra right space */
	height: 49px !important;
	background-color: #0032FF;
	color: #fff !important;
	border: 1px solid #0032FF;
	border-radius: 50px;
	font-size: 18px !important;
	outline: none;
	background-image: url(../panel_redesign/images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px;
	transition: all 0.3s ease;
	white-space: nowrap; /* optional */
}




/* =========================================================
   MODALS
========================================================= */
.modal-dialog {
	max-width: 710px !important;
}

.modal-content {
	background-color: white !important;
	border: 1px solid #0032FF !important;
}


/* =========================================================
   NAVIGATION
========================================================= */
ul.navbar-nav li a {
	font-size: 18px !important;
	color: white !important;
	border-bottom: 0 !important;
}

ul.navbar-nav li a.active,
li.nav-item-mobile a.active {
	color: white !important;
	border-bottom: 0 !important;
}


/* =========================================================
   COMPONENTS
========================================================= */
.panel_logo {
	max-width: 180px !important;
}

.profile_right .box_small {
	background-color: #f4efe8;
}


/* =========================================================
   Welcome Page
========================================================= */

.custom-boxes {
	display:flex;
	gap:20px;
}

.custom-boxes > div{
	flex:1;
}

.kantar-btn-white-header {
	padding: 10px 50px 10px 24px !important;
	height: 49px!important;
	background-color: transparent;
	outline: none;
	font-size: 18px !important;
	color: white;
	border: 1px solid #0032FF;
	border-radius: 50px;
	background-image: url("customer/i_p4/panel_redesign/images/arrow_right.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px;
	transition: all 0.3s ease;
	white-space: nowrap; /* optional */
}

.kantar-btn-white-header:hover {
	background-color: white !important;
	color: #0032FF !important;
	background-image: url("customer/i_p4/panel_redesign/images/arrow_right_blue.png");
	background-position: right 20px center;
}


@media (max-width: 780px) {
	#header_image {
		display: none;
	}

	#headerbox_mobile {
		background: url(./multimedia/images/66_1.jpg) top center no-repeat;
		background-size: cover;
		min-height: 225px;
	}
}


/*=========================================================
*  REWARDS
*=========================================================*/

.single_product_box {
	position: relative;
	padding-bottom: 60px;
	max-width: 222px;
}

.hidden {
	display: none!important;
}

.single_product_image img {
	width: 100%;
	height: 100%;
}

@media (max-width: 990px) {
	.profile_left {
		max-width: 100%;
	}

	.profile_right {
		max-width: 100%;
	}
}

@media (max-width: 847px) {
	.single_product_box {
		max-width: 42%;
	}
}

@media (max-width: 605px) {
	.single_product_box {

		max-width: 100%;
	}
}

/*=========================================================
*  REGISTER
*=========================================================*/

select {
	appearance: none!important;
}

#crm_tr_f145 {
	display: none;
}

@media (max-width: 450px) {
	.extra-width {
		width: 100%;
	}
}


/*=========================================================
*  CONTACT
*=========================================================*/

.captcha_wrap img {
	margin: 15px 0;
	display: block;
}

select {
	appearance: none!important;
}

textarea#Anliegen {
	min-height: 170px;
}


/*=========================================================
*  PROFIL
*=========================================================*/

   .profile_left {
	   max-width: 850px;
   }

.profile_right {
	max-width: 510px;
}

.box_small {
	background-color: var(--bs-green);
}

.dashboard-icon {
	width: 70px;
}

.dashboard_svg_1 { fill:#fff;stroke:var(--bs-secondary);stroke-width:1.5px; }
.dashboard_svg_2 { fill:var(--bs-primary);stroke:var(--bs-secondary);stroke-width:1.5px; }
.dashboard_svg_invite { stroke-miterlimit:10; }

@media (max-width: 990px) {
	.profile_left {
		max-width: 100%;
	}

	.profile_right {
		max-width: 100%;
	}
}

/*=========================================================
*  CURRENT SURVEYS
*=========================================================*/

.survey_list, .single_profile_survey, .single_survey_wrap {
	align-items: center;
}

.profile_survey_item {
	width: 20%;
	justify-content: space-between;
}

.single_survey_wrap {
	height: 108px;
	border: 1px solid transparent;
	padding-left: 20px;
}

.single_survey_wrap:hover {
	border: 1px solid #0032FF;
	cursor: pointer;
}

.single_survey_wrap:hover .name h5 {
	color: #0032FF;
}

.single_survey_wrap .name {
	width: 25%;
}

.single_profile_survey {
	width: 32%;
	justify-content: space-between;
}

.line-seperated {
	width: 100%;
	height: 1px;
	background-color: #E8E8EE;
}
.line-seperated:last-child {
	background-color: transparent;
}

.profile_survey_icon {
	width: 100%;
	max-width: 90px;
}

@media(max-width: 575px) {
	.kantar-btn-white {
		width: 100%;
		display: block;
		text-align: center;
	}

	.single_profile_survey, .single_survey_wrap p {
		width: 100%;
	}

	.single_survey_info {
		margin-top: 20px;
	}

	.single_survey_wrap {
		height: revert;
	}
}

/*=========================================================
*  POINT ACCOUNTS
*=========================================================*/

table.points_account_table tr th, table.points_account_table tr td {
	border-color: #d0d0d5!important;
	padding: 14px 4px;
}

.mobile_points_row, .table_mobile {
	border-color: #d0d0d5!important;
}

.table_mobile {
	display: none;
}
.survey:first-child {
	padding-left: 5px;
}
.survey:last-child {
	padding-right: 5px;
	text-align: right;
}

@media (max-width: 575px) {
	.table_desktop {
		display: none;
	}

	.table_mobile {
		display: block;
	}
}

/*=========================================================
*  RECRUIT MEMBERS
*=========================================================*/

#link_input {
	border: 0 none;
	font-size: 0.775em;
	background-color: var(--bs-green);
	width: 100%;
	margin-bottom: 0;
	resize: none;
	overflow: hidden;
}

#link_input:focus {
	outline:none!important;
}

#link_input::selection {
	background-color: transparent;
}

/*=========================================================
*  SHOP
*=========================================================*/

.kantar-btn-white {
	background-position: right 59px center;
}

.kantar-btn-white:hover {
	background-position: right 50px center;
}

span.fw-light.text-bright-blue {
	display: block;
}

.profile_left {
	max-width: 850px;
}

.profile_right {
	max-width: 510px;
}

.box_small {
	background-color: var(--bs-green);
}

.dashboard-icon {
	width: 70px;
}

.dashboard_svg_1 {
	fill: #fff;
	stroke: var(--bs-secondary);
	stroke-width: 1.5px;
}

.dashboard_svg_2 {
	fill: var(--bs-primary);
	stroke: var(--bs-secondary);
	stroke-width: 1.5px;
}

.single_product_box {
	position: relative;
	padding-bottom: 110px;
	max-width: 222px;
}

.hidden {
	display: none!important;
}

.single_product_image, .product_category_box {
	border: 0;
}

.single_product_image img {
	width: 100%;
	height: 100%;
}

.product_category_box_header {
	padding: 16px 22px 12px 28px !important;
	cursor: pointer;
}

.product_category_box_header:hover {
	background-color: #0032FF;
	border-radius: 50px;
}

/* text white on hover */
.product_category_box_header:hover h5.kantar, .product_category_box_header:hover h5.kantar h5.kantar.active {
	color: white!important;
}

/* arrow default */
.product_category_box_toggle_button {
	color: black;
	display: flex;
	align-items: center;
}

/* arrow white on hover */
.product_category_box_header:hover .product_category_box_toggle_button {
	color: white;
}

/* smooth rotation */
.toggle_arrow {
	transition: transform 0.25s ease;
}

/* rotate arrow */
.toggle_arrow.rotated {
	transform: rotate(180deg);
}
h5.kantar.active {
	color: #0032FF;
}


@media (max-width: 991px) {
	.column_reverse_mobile {
		flex-direction: column-reverse !important;
		gap: 0!important;
	}
}

@media (max-width: 990px) {
	.profile_left {
		max-width: 100%;
	}

	.profile_right {
		max-width: 100%;
	}
}

@media (max-width: 847px) {
	.single_product_box {
		max-width: 42%;
	}
}

@media (max-width: 605px) {
	.single_product_box {

		max-width: 100%;
	}
}