html {
	font-size: 62.5%;
}

body {
	margin: 0;
	font-size: 16px;
	font-size: 16px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	background: #f9f9fd;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}

p {
	font-weight: 400;
	font-size: 14px;
	font-size: 14px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	line-height: 26px;
	line-height: 26px;
	line-height: 2.6rem;
}

h1 {
	font-size: 18px;
	color: #19151c;
	font-weight: 600;
}

h2 {
	font-size: 16px;
	font-weight: 600;
	color: #19151c;
}

h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 8px;
}

/*****************************/
/****** 1. Header Top Css ****/
/*****************************/

.all-header-area {
	background: #fff;
	padding: 12px 30px;
}

.h-left-icon img {
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.h-right-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.header-main-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.arbeits img {
	width: 62px;
	height: 62px;
	-o-object-fit: contain;
	object-fit: contain;
	padding: 15px;
	border: 3px solid #bed8f3;
	border-radius: 50%;
	box-shadow: 0 5px 7px #bed8f375;
}

.arbeits h1 {
	max-width: 185px;
	margin-left: 10px;
}

.arbeits {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.h-right-content:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	left: -28px;
	top: 0;
	background: #f9f9fd;
	border-radius: 3px;
}

select {
	border: none;
	background: transparent;
	font-size: 16px;
	font-weight: 300;
}

.select-team {
	background: #f9f9fd;
	padding: 12px;
	border-radius: 12px;
	box-shadow: 0 5px 10px #0000001c;
	margin: 0 30px;
}

.search-form label {
	border: none;
	background: transparent;
	color: #2753de;
	font-size: 22px;
	margin-right: 5px;
}

.search-form input {
	padding: 10px;
	outline: none;
	border: 1px solid #f9f9fd;
	border-radius: 8px;
}

.search-form input:focus {
	box-shadow: 0 5px 5px #00000017;
	background: #f9f9fd;
}

.profile-area img {
	width: 65px;
	height: 65px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.profile-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.profile-area img {
	width: 50px;
	height: 50px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 12px;
}

.profile-area a {
	font-size: 25px;
	color: #000;
}

.profile-area h2 {
	margin-left: 25px;
}

.fa-solid.fa-chevron-down {
	font-size: 16px;
}

.other-page {
	position: absolute;
	width: auto;
	height: auto;
	right: -50px;
	top: 20%;
	background: #f9f9fd;
	padding: 10px 25px 25px 25px;
	box-shadow: 0 0 10px #00000024;
	border-radius: 5px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	visibility: hidden;
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.other-page.show-items {
	top: 120%;
	right: -10px;
	visibility: visible;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	-webkit-transition: 0.2s;
	transition: 0.2s;
	z-index: 99;
}

.other-page li a {
	font-size: 16px;
	padding-top: 10px;
}

.left-sidebar ul li a {
	border-left: 4px solid transparent;
	padding: 15px 15px 15px 25px;
	font-weight: 500;
	color: #19151c;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.left-sidebar ul li a span {
	display: block;
	font-weight: 400;
	font-size: 14px;
}

.left-sidebar ul li a p {
	font-weight: 500;
	font-size: 16px;
	color: #19151c;
}

.left-sidebar ul li a i {
	color: #4f42f4;
	margin-right: 18px;
	font-size: 20px;
}

.left-sidebar ul li a:hover,
.left-sidebar ul li a.active {
	border-color: #4f42f4;
	box-shadow: 0 3px 5px #70707069;
	background: #fff;
}

.left-sidebar ul li a.active,
.left-sidebar ul li a.active p {
	font-weight: 700;
}

.left-sidebar ul {
	padding: 15px 0;
	position: relative;
}

.left-sidebar ul:before {
	content: '';
	position: absolute;
	width: 80%;
	height: 2px;
	left: 50%;
	bottom: 0;
	background: #ededed;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.left-sidebar ul:last-child:before {
	display: none;
}

.left-sidebar {
	background: #fcfcfe;
	border-right: 1px solid #ededed;
	min-height: 100vh;
	min-width: 260px;
}

/*Animating Hamburger Icon on Click*/
.hamburger {
	display: none;
}

.hamburger div {
	width: 25px;
	height: 3px;
	background: #4f42f4;
	margin: 5px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.toggle .line1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 6px);
	transform: rotate(-45deg) translate(-5px, 6px);
}

.toggle .line2 {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	width: 0;
}

.toggle .line3 {
	-webkit-transform: rotate(45deg) translate(-5px, -6px);
	transform: rotate(45deg) translate(-5px, -6px);
}

/*****************************/
/****** 2. Chart Area Css ****/
/*****************************/

.chart-top-title h2 {
	font-size: 20px;
}

.kvp-main-content-area {
	padding: 30px;
}

.reifegrad-content {
	background: #fff;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 3px 8px #0000000d;
}

.single-reifegrad p span {
	color: #2d90eb;
}

.progress-bar {
	background: -webkit-linear-gradient(right, #296ae3, #30b4f0);
	background: linear-gradient(to left, #296ae3, #30b4f0);
}

.single-reifegrad p {
	font-size: 17px;
	font-weight: 500;
	padding-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-reifegrad {
	padding-top: 35px;
}

.progress-bar,
.progress {
	border-radius: 25px;
}

.reifegrad-date ul li {
	background: -webkit-linear-gradient(top, #2754df, #30b5f1);
	background: linear-gradient(to bottom, #2754df, #30b5f1);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	width: 60px;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 3px solid #fff;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 12px;
	box-shadow: 0 3px 8px #0003;
	margin-bottom: 12px;
	cursor: pointer;
}

.all-chart-area {
	padding: 15px;
	background: #fff;
	border-radius: 8px;
}

.reifegrad-date ul li:last-child {
	background: transparent;
	color: #000;
	border: none;
	box-shadow: none;
	font-size: 20px;
	margin-bottom: 0;
}

.reifegrad-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.reifegrad-date ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.reifegrad-content {
	width: 82%;
}

.reifegrad-date {
	width: 15%;
}

.chart-area img {
	width: 100%;
	height: 320px;
}

.chart-top-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	padding-bottom: 10px;
}

.chart-top-title select {
	background: #f9f9fd;
	padding: 8px 20px;
	border-radius: 20px;
	border: 1px solid #ececec;
}

/*****************************/
/****** 3. Support Area Css ****/
/*****************************/

.single-support-btm {
	min-height: 355px;
}

.single-support-header {
	width: 85%;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.single-support-1 i {
	color: #2753de;
	font-size: 24px;
}

.single-support-btm li,
.single-support-1 h2 {
	font-size: 18px;
	font-weight: 500;
	margin-left: 10px;
}

.single-support-btm li,
.single-support-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 23.5px 0;
	border-top: 1px solid #ededed;
}

.single-support-btm li i {
	color: #4f42f4;
	margin-right: 8px;
}

.single-support-header .single-support-1:first-child {
	border-top: 0;
}

.single-support-1 {
	min-height: 330px;
}

.single-support-1.single-support-2 {
	height: 100%;
}

.main-support-area {
	margin: 35px 0;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #0000000a;
}

.single-support {
	background: #f9f9fd;
	border-radius: 8px;
}

.support-title {
	background: -webkit-linear-gradient(right, #30b3f1, #2751de);
	background: linear-gradient(to left, #30b3f1, #2751de);
	text-align: center;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.support-bottom li,
.support-check,
.support-content,
.support-title {
	padding: 15px;
	border-top: 1px solid #ededed;
}

.main-support-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.single-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	margin-bottom: 12px;
}

.support-title h2 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 5px;
}

.support-title ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.support-title ul li {
	color: #ffdc64;
	margin-right: 3px;
}

.main-support-area .single-support {
	margin-left: 20px;
	width: 25%;
}

.suuport-cits-desc-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.main-support-area .single-support:first-child {
	margin-left: 0px;
}

.reifegrad-content h2 {
	font-size: 20px;
}

.support-content p {
	font-size: 16px;
	line-height: 28px;
}

.single-check input[type='checkbox'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 12px;
	width: 12px;
	border: 1px solid #a5a5a5bf;
	border-radius: 2px;
	cursor: pointer;
	margin-top: 9px;
	margin-right: 10px;
}

.single-check input[type='checkbox']:hover {
	background: #27d53342;
}

.single-check input[type='checkbox']:checked {
	background: #27d533;
	box-shadow: 0 0 5px #27d53399;
	border-color: #fff;
}

.support-bottom li span {
	background: #fff;
	width: 100%;
	padding: 10px 15px;
	border-radius: 8px;
	color: #19151c;
	border-left: 7px solid transparent;
	display: inline-block;
	cursor: pointer;
}

.support-bottom li.mixitup-control-active span,
.support-bottom li span:hover {
	border-color: #4f42f4;
	box-shadow: 0 0 10px #0000004f;
}

.support-bottom li.mixitup-control-active span {
	font-weight: 600;
}

.support-bottom li span i {
	margin-right: 10px;
	color: #4f42f4;
}

.single-check label {
	line-height: 28px;
	width: 90%;
}

.support-content {
	border: none;
}

/*****************************/
/****** 4. Video Area Css ****/
/*****************************/
.canvasjs-chart-credit {
	display: none;
}

.video-content {
	background: #fff;
	border-left: 8px solid #4f42f4;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 3px 10px #0000001c;
}

.video-content h2 {
	font-size: 20px;
}

.video-content h2 i {
	margin-right: 10px;
}

.single-video iframe {
	border: 5px solid #fff;
	box-shadow: 0 0 10px #00000038;
	border-radius: 10px;
	height: 150px;
	width: 280px;
	margin-right: 20px;
}

.video-description a {
	color: #4f42f4;
}

.video-description p {
	font-size: 16px;
}

.single-video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 18px;
}

/*****************************/
/****** 1. Login Top Css ****/
/*****************************/
.login-form {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px #00000012;
	max-width: 400px;
	margin: 50px auto;
	border-radius: 10px;
}

.login-form h2 {
	color: #fff;
	font-size: 24px;
	padding: 20px;
	background: -webkit-linear-gradient(right, #30b3f1, #2751de);
	background: linear-gradient(to left, #30b3f1, #2751de);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	text-align: center;
}

.login-form form {
	padding: 28px;
}

.login-form form input {
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 100%;
	margin-bottom: 15px;
	outline: none;
}

.login-form form input:focus {
	border-color: #2751de;
}

.login-form .login-btn {
	background: -webkit-linear-gradient(right, #30b3f1, #2751de);
	background: linear-gradient(to left, #30b3f1, #2751de);
	color: #fff;
	width: 125px;
	border: none;
	margin-bottom: 0;
}

.login-form .login-btn:hover {
	background: -webkit-linear-gradient(left, #30b3f1, #2751de);
	background: linear-gradient(to right, #30b3f1, #2751de);
}

.btm-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btm-button a {
	font-size: 14px;
	color: #30b3f1;
}

.btm-button a:hover {
	color: #2751de;
}

#chartContainer {
	height: 340px;
	width: 100%;
}

.left-sidebar ul li a img {
	width: 22px;
	height: 22px;
	margin-right: 18px;
	-o-object-fit: contain;
	object-fit: contain;
}

.duck-file h3 {
	font-size: 16px;
	font-weight: 400;
}

.duck-file h3 span {
	font-size: 18px;
	font-weight: 500;
	margin-right: 15px;
	padding-right: 18px;
	border-right: 2px solid #000;
	width: 150px;
	display: inline-block;
}

.single-video img {
	width: 250px;
	height: 160px;
	-o-object-fit: cover;
	object-fit: cover;
}

.duck-file h3 a {
	color: #4f42f4;
	text-decoration: underline;
	font-weight: 500;
}

.duck-file {
	margin-top: 18px;
}

/*Extra Css*/

#vote-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


.support-content p {
	min-height: 225px;
}

.support-tab-btn li {
	background: #F9F9FD;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	color: #19151c;
	border-left: 4px solid transparent;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 10px;
	font-size: 16px;
}

.support-tab-btn li.active {
	font-weight: 600;
}

.support-tab-btn li.active,
.support-tab-btn li:hover {
	border-color: #4f42f4;
	box-shadow: 0 0 5px #0000001c;
}

.support-tab-btn,
.single-support {
	display: none;
}

.single-support.show-item {
	display: block;
}

.kvp-middle-area {
	display: flex;
}



.single-support-btm {
	min-height: 355px;
}

.support-bottom li button {
	padding: 7px;
	border-radius: 6px;
	color: #4f42f4;
	border: 2px solid #4f42f4;
	background: transparent;
	width: 100%;
	text-align: center;
	font-size: 15px;
	box-shadow: 0 3px 8px #0003;
}

.support-bottom li button:hover {
	color: #fff;
	background: #4f42f4;
}

.single-support-2 button {
	background: transparent;
	border: none;
}

#support .modal-dialog.modal-lg {
	margin-top: 50px;
}

#upload-new .modal-header h1,
#all-comment .modal-header h1,
#support .modal-header h1 {
	font-size: 22px !important;
}

#support .modal-single-support h2 {
	font-size: 18px;
	padding-bottom: 5px;
	color: #4f42f4;
}

#support .modal-single-support {
	padding-bottom: 25px;
}

#support .modal-header {
	padding: 15px 22px !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

#support .modal-body {
	padding: 25px;
}

#all-comment .modal-dialog.modal-lg {
	margin-top: 50px;
}

.comment-avator img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 10px;
}

.comment-meta-name h3 {
	font-size: 16px;
	margin-bottom: 0;
}

.comment-meta-name p span {
	font-size: 12px;
	color: #000000c4;
}

.comment-meta {
	display: flex;
	margin-right: 20px;
	flex-direction: row-reverse;
}

.comment-text {
	background: #C3BEC96E;
	padding: 15px;
	font-size: 16px;
	width: 78%;
	position: relative;
	overflow: hidden;
}

.comment-text p {
	white-space: break-spaces;
}

.single-comment {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

/*.old-comments .single-comment:nth-child(even){
	flex-direction: row-reverse;
}
.old-comments .single-comment:nth-child(even) .comment-meta{
	margin-right: 0;
	margin-left: 20px;
}
.old-comments .single-comment:nth-child(even) .comment-text {
	background: #2FADF082;
}*/

.main-comment-area textarea {
	width: 100%;
	min-height: 180px;
	max-height: 180px;
	padding: 8px;
	outline: none;
	font-size: 16px;
	margin: 20px 0;
}

.main-comment-area .comment-submit {
	background: linear-gradient(to left, #30b3f1, #2751de);
	color: #FFF;
	font-size: 16px;
	padding: 10px 35px;
	border: none;
	border-radius: 3px;
	transition.3s;
	margin-top: 20px;
}

.main-comment-area .comment-submit:hover {
	background: linear-gradient(to right, #30b3f1, #2751de);
}

.main-comment-area {
	padding: 18px;
}

#all-comment .modal-header {
	padding: 10px 20px;
}



.kvp-news-infors {
	width: 100%;
}

.kvp-main-table-area table tr th {
	font-size: 17px;
	color: #FFF !important;
	background: #4f42f4 !important;
	padding: 18px !important;
	min-width: 130px;
}

.kvp-main-table-area table tr td {
	color: #19151c !important;
	font-size: 16px;
	padding: 18px !important;
	min-width: 130px;
}

.kvp-main-table-area table tr th:first-child,
.kvp-main-table-area table tr td:first-child {
	min-width: auto;
}




/*.kvp-main-table-area table tbody tr:nth-child(odd) td{
	background: #CCD2D8 !important;
}
.kvp-main-table-area table tbody tr:nth-child(even) td{
	background: #E7EAED !important;
}*/

.kvp-main-table-area table tbody tr:nth-child(odd) td {
	background: #CCD2D83B !important;
}

.kvp-main-table-area table tbody tr:nth-child(even) td {
	background: #274fde2e !important;
}

#submit-upload,
.table-bottom-btn button {
	padding: 8px 18px;
	border-radius: 6px;
	color: #fff;
	border: 2px solid #fff;
	background: linear-gradient(to right, #2754df, #30b5f1);
	text-align: center;
	font-size: 16px;
	box-shadow: 0 3px 8px #0003;
}

#submit-upload {
	width: auto;
	padding: 6px 18px;
	margin-top: 12px;
}

#submit-upload:hover,
.table-bottom-btn button:hover {
	background: linear-gradient(to left, #2754df, #30b5f1);
}

#upload-new .modal-content,
#all-comment .modal-content,
#support .modal-content {
	border-radius: 10px;
	border-left: 6px solid #4f42f4;
}

#upload-new .modal-dialog {
	margin-top: 50px !important;
}

.single-item label {
	display: block;
	color: #19151c;
	font-size: 16px;
	padding-bottom: 5px;
}

.single-item {
	padding-bottom: 12px;
}

.single-item select,
.single-item input {
	width: 100%;
	padding: 5px 8px;
	font-size: 16px;
	box-shadow: none;
	outline: none;
	border: 1px solid #939393;
	border-radius: 3px;
	background: #FFF;
}

.single-item select {
	padding: 6px 8px;
}

.single-item input:focus {
	border-color: #4f42f4 !important;
}

#upload-new .modal-header {
	padding: 10px 20px;
}

#upload-new .modal-body {
	padding: 20px;
}

.cart-view-area {
	max-width: 700px;
	background: #fff;
	box-shadow: 0 3px 8px #0003;
	border-radius: 10px;
	padding: 30px;
	margin: 40px auto;
}

.cart-view-area h2 {
	font-size: 22px;
	padding-bottom: 20px;
}

#cart-view-btn {
	padding: 6px 18px;
	border-radius: 6px;
	color: #fff;
	border: 2px solid #fff;
	background: linear-gradient(to right, #2754df, #30b5f1);
	text-align: center;
	font-size: 16px;
	box-shadow: 0 3px 8px #0003;
}

#cart-view-btn:hover {
	background: linear-gradient(to left, #2754df, #30b5f1);
}

.kvp-main-table-area table {
	margin-bottom: 0;
}

.table-bottom-btn {
	margin: 28px 0;
	display: inline-block;
}

.cart-view-area ul li {
	position: relative;
	z-index: 1;
	margin-left: 20px;
	margin-bottom: 10px;
}

.cart-view-area ul li::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: ;
	background: #27d533;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
}

.single-check label a,
.cart-view-area ul li a {
	color: #212529;
	font-size: 16px;
}

.single-check label a:hover,
.cart-view-area ul li a:hover {
	color: #4f42f4;
}


.cart-view-area .table-bottom-btn {
	margin: 0;
	margin-top: 12px;
}


.comment-actions {
	display: flex;
	justify-content: center;
	align-items: start;
}



.comment-actions {
	display: flex;
	justify-content: center;
	align-items: start;
	position: absolute;
	right: -50px;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: .3s;
}

.comment-actions button {
	font-size: 12px;
	border: none;
	padding: 2px 5px;
	margin-right: 5px;
}

.comment-text:hover .comment-actions {
	visibility: visible;
	opacity: 1;
	right: 0;
}

.delete-comment-btn {
	background: transparent;
	color: red;
	padding: 2px 0 !important;
	margin-right: 10px !important;
}

.save-comment-btn {
	background: linear-gradient(to left, #30b3f1, #2751de);
	color: #FFF;
	margin-right: 0 !important;
}

.edit-comment-btn {
	background: #ffdc64;
	color: #000;
	margin-right: 0 !important;
}

.tox-editor-header,
.tox-statusbar,
.tox-promotion,
.tox-statusbar__branding {
	display: none !important;
}


/******************************/
/****** Profile Page CSS ******/
/******************************/

.kvp-main-profile-area {
	margin: 30px 0;
}

.kvp-profile-comment-area {
	max-height: 450px;
	height: 100%;
	overflow-y: scroll;
	scrollbar-width: thin;
}

.kvp-profile-description-area.kvp-meine-benachrichtigungen .kvp-profile-comment-area {
	max-height: unset;
	height: unset;
	overflow-y: unset;
	scrollbar-width: unset;
}

.kvp-profile-info-area>h2,
.kvp-profile-description-area>h2 {
	font-size: 20px;
}

.kvp-profile-description-area>h2 a {
	background-color: #148612;
	color: #fff;
	padding: 8px 15px;
	font-size: 16px;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #c8bebe;
	margin-left: 15px;
}

.kvp-profile-user-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 17px;
}

.kvp-profile-user-details h2,
.kvp-profile-user-image ul li button {
	font-size: 16px;
	line-height: 18px;
	padding: 20px;
	box-shadow: 0px 2px 5px #bd8f8fb5;
	margin: 20px 0;
	border: none;
	border-left: 4px solid #5043F6;
	display: block;
	color: #19151c;
	font-weight: 600;
	background-color: #fff;
	transition: 0.3s;
	border-radius: 0;
	width: 100%;
}

.kvp-profile-user-image ul li button:hover {
	background-color: #5043F6;
	color: #fff;
}

.kvp-profile-user-image {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
}

.kvp-profile-user-image img {
	width: 200px;
	height: 200px;
	object-fit: cover;
}

/*  */

.avatar-upload {
	position: relative;
	max-width: 205px;
	margin-bottom: 25px;
}

.avatar-upload .avatar-edit {
	position: absolute;
	right: 20px;
	z-index: 1;
	top: 10px;
}

.avatar-upload .avatar-edit input {
	display: none;
}

.avatar-upload .avatar-edit input+label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input + label::after {
	content: "\f030";
	font-family: 'FontAwesome';
	color: #757575;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
}

.avatar-upload .avatar-preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #fff;
	box-shadow: 0px 6px 5px #62595936;
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*  */


.kvp-profile-user-image button {
	background-color: #5043F6;
	color: #fff;
	padding: 8px 60px;
	font-size: 16px;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #c8bebe;
	text-transform: uppercase;
}

.kvp-profile-user-image ul {
	width: 100%;
}

.kvp-profile-comment-area {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	margin-top: 20px;
}

.kvp-profile-comment-area p {
	font-size: 15px;
	font-weight: 500;
}

.kvp-profile-comment-area ul {
	display: flex;
	align-items: center;
	margin: 25px 0;
}

.kvp-profile-comment-area ul li {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
	padding-right: 10px;
	margin-right: 10px;
	position: relative;
}

.kvp-profile-comment-area ul li::after {
	content: "";
	position: absolute;
	top: 49%;
	left: ;
	right: 0;
	height: 15px;
	width: 2px;
	background-color: #19151C;
	transform: translateY(-50%);
}

.kvp-profile-comment-area ul li:last-child::after {
	display: none;
}

.kvp-profile-comment-area span {
	color: #19151C;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 25px;
	display: inline-block;
}

.kvp-profile-single-comment {
	padding-bottom: 25px;
	margin-bottom: 15px;
	position: relative;
}

.kvp-profile-single-comment::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	height: 2px;
	border-bottom: 2px dashed #19151C;
}

.kvp-profile-single-comment:last-child::after {
	display: none;
}

.kvp-profile-single-comment h2 {
	font-weight: 500;
	margin-bottom: 2px;
	font-size: 15px;
}

.kvp-profile-single-comment p {
	font-weight: 400;
}

.kvp-profile-single-comment:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Settings Page */

.kvp-settings-notification-area {
	background-color: #F9F9FD;
	margin: 30px 0;
}

.kvp-settings-notification-area .container>h2 {
	font-size: 20px;
}

.kvp-settings-notification-area ul {
	margin: 20px 0;
}

.kvp-settings-notification-area ul li {
	margin: 10px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.kvp-settings-notification-area ul li h2 {
	font-weight: 500;
}

.kvp-notification-btn {
	padding: 0;
	position: relative;
	height: 28px;
	width: 50px;
	border-radius: 2.5rem;
	color: #6b7381;
	background: #fff;
	border: 1px solid #E5E4FF;
	box-shadow: 0px 4px 4px #c8bebe;
}

.kvp-notification-btn span {
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border-radius: 14px;
	background: #B7B3E6;
	transition: left 0.25s;
}

.kvp-notification-btn.active span {
	left: 23px;
	transition: left 0.25s;
	background-color: #5043F6;
}

.kvp-settings-notification-area .container>button {
	background-color: #5043F6;
	color: #fff;
	padding: 8px 60px;
	font-size: 16px;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #c8bebe;
}

.kvp-settings-notification-area .container>form>button {
	background-color: #5043F6;
	color: #fff;
	padding: 8px 60px;
	font-size: 16px;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #c8bebe;
}

.kvp-settings-for-system .container>h2 {
	font-size: 20px;
	margin-bottom: 20px;
}

.kvp-settings-for-system ul#pills-tab {
	gap: 15px;
}

.kvp-settings-for-system {
	margin: 30px 0;
}

.kvp-settings-for-system ul#pills-tab li button {
	background-color: #CDCAE8;
	color: #20197C;
	padding: 8px 40px;
	font-size: 16px;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #c8bebe;
}

.kvp-settings-for-system ul#pills-tab li button.active {
	background-color: #5043F6;
	color: #fff;
}

.kvp-settings-for-system table {
	background-color: #fff;
	border-radius: 5px;
	padding: 10px 0;
	width: 100%;
	margin: 20px 0;
}

.kvp-settings-for-system table thead tr {
	border-bottom: 2px solid #5043F6;
}

.kvp-settings-for-system table tr {
	border-bottom: 1px solid #5043F6;
}

.kvp-settings-for-system table th {
	font-weight: 500;
	font-size: 14px;
}

.kvp-settings-for-system table tr td {
	padding: 5px 0;
	font-size: 14px;
}

.kvp-settings-system-btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}

.kvp-settings-system-btn button {
	background-color: #5043F6;
	color: #fff;
	padding: 8px 40px;
	font-size: 16px;
	font-weight: 700;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #c8bebe;
}

.kvp-settings-system-add i {
	color: #5043F6;
	font-size: 25px;
	cursor: pointer;
}

.kvp-settings-system-btn button:nth-child(2) {
	background-color: #F8B916;
	color: #070505;
}

.kvp-settings-system-btn button:nth-child(3) {
	background-color: #F64343;
}


/* Fokus Custom Table */


.kvp-fokus-table {
	background-color: #fff;
	border-radius: 5px;
	margin: 20px 0;
}

.kvp-fokus-table-top {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	margin-left: 201px;
}

.kvp-fokus-table-top li {
	border: 1px solid #ddd;
	padding: 10px;
	writing-mode: sideways-lr;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 0;
	border-bottom: 0;
}

.kvp-fokus-table-content {
	display: flex;
}

.kvp-fokus-table-list li {
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 5px;
}

.kvp-fokus-table-data {
	width: 100%;
}

.kvp-fokus-table-data li ul {
	display: grid;
	grid-template-columns: repeat(13, 1fr);
}

.kvp-fokus-table-data li ul li {
	background-color: #B1D580;
	text-align: center;
	padding: 5px;
	border: 1px solid transparent;
	border-bottom: 0;
	font-size: 16px;
	font-weight: 500;
}

.value-0 {
	background-color: #F8696B !important;
}

.value-1 {
	background-color: #FFEB84 !important;
}

.value-2 {
	background-color: #D8E082 !important;
}

.value-3 {
	background-color: #B1D580 !important;
}

.value-4,
.value-5 {
	background-color: #63BE7B !important;
}



/* Fokus Table */

#pills-Fokus table {
	width: 100%;
	border-collapse: collapse;
}

#pills-Fokus table th,
#pills-Fokus table td {
	border: 1px solid #ddd;
	padding: 8px;
}

#pills-Fokus table .green,
#pills-Fokus table .yellow,
#pills-Fokus table .red {
	width: 20px;
	border: 1px solid transparent;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

#pills-Fokus table .green {
	background-color: #B1D580;
}

#pills-Fokus table .yellow {
	background-color: #FFEB84;
}

#pills-Fokus table .red {
	background-color: #F8696B;
}

/* Produktionsumfeld Page */

.kvp-produktionsumfeld-top {
	margin: 20px 0;
}

.kvp-produktionsumfeld-content {
	margin-bottom: 20px;
}

.kvp-produktionsumfeld-top form {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.produktionsbereich-selection {
	display: flex;
	align-items: center;
	gap: 5px;
	background-color: transparent;
	border: none;
	box-shadow: 0px 3px 3px #ddd;
	background-color: #fff;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 16px;
}

.produktionsbereich-selection label {
	font-weight: 600;
}

.kvp-produktionsumfeld-fokus .row {
	width: 100%;
}

.kvp-produktionsumfeld-fokus-title {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 18px;
	text-transform: capitalize;
}

.kvp-produktionsumfeld-fokus button {
	background-color: #fff;
	margin: 8px 0;
	color: #19151C;
	font-size: 16px;
	text-align: left;
	padding: 0 15px 0 0;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 15px;
	border-radius: 23px 10px 10px 23px !important;
	min-width: 250px;
	text-transform: capitalize;
	transition: 0.2s;
}

.kvp-produktionsumfeld-fokus button:nth-child(2) {
	margin-top: 0;
}

.kvp-produktionsumfeld-fokus button.active,
.kvp-produktionsumfeld-fokus button:hover {
	background-color: #fff !important;
	color: #19151C !important;
	box-shadow: 0px 5px 10px #D2ECFB;
	font-weight: 800;
}

.kvp-produktionsumfeld-fokus button.active .kvp-fokus-icon,
.kvp-produktionsumfeld-fokus button:hover .kvp-fokus-icon {
	background-image: linear-gradient(140deg, #2860E1 0%, #2EA4EE 75%);
}

.kvp-produktionsumfeld-fokus button.active .kvp-fokus-icon img,
.kvp-produktionsumfeld-fokus button:hover .kvp-fokus-icon img {
	filter: brightness(0) invert(1);
}

.kvp-produktionsumfeld-fokus button .kvp-fokus-icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	box-shadow: 0 8px 10px #D4EDFA;
	transition: 0.3s;
}

.kvp-produktionsumfeld-fokus button .kvp-fokus-icon img {
	width: 18px;
}

.kvp-produktionsumfeld-progress-content {
	background-color: #fff;
	padding: 20px 75px 20px 25px;
	border-radius: 8px;
}

.kvp-produktionsumfeld-single-progress {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 25px;
}

.kvp-produktionsumfeld-single-progress:last-child {
	margin-bottom: 0;
}

.kvp-produktionsumfeld-single-progress h2 {
	width: 25%;
	font-weight: 500;
	word-wrap: break-word;
	position: relative;
	z-index: 2;
}

.kvp-produktionsumfeld-single-progress h2::after {
	content: "";
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	height: 45px;
	width: 50%;
	background-color: #EEF4FD;
	z-index: -1;
	border-radius: 0px 10px 10px 0;
}

.kvp-produktionsumfeld-single-progress .progress {
	width: 75%;
	background-color: #F0F0F2;
	border-radius: 5px !important;
	height: 32px;
	position: relative;
}

.kvp-produktionsumfeld-single-progress .progress-bar {
	border-radius: 5px;
	font-size: 14px;
	text-align: left;
	padding: 10px;
	color: #19151C;
	font-weight: 600;
	background: transparent;
	width: 0%;
	height: 100%;
	animation: progress-animation 2s forwards;
}


@keyframes progress-animation {
	from {
		width: 0%;
	}
}

.kvp-produktionsumfeld-single-progress .progress-bar.red {
	background-color: #F80000;
}

.kvp-produktionsumfeld-single-progress .progress-bar.yellow {
	background-color: #F5D45F;
}

.kvp-produktionsumfeld-single-progress .progress-bar.green-light {
	background-color: #71F144;
}

.kvp-produktionsumfeld-single-progress .progress-bar.green-dark {
	background-color: #35B442;
}

.progress-dot {
	height: 22px;
	width: 22px;
	background-color: #F8F2FB;
	border: 3px solid #274FDE;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-shadow: -2px 2px 3px #BABABBC2;
}