/*** GLOBALS ***/
:root {
	--blue: #007bff;
	--blue-dark: #0056b3;
}

.spacer											{clear:both;display:block;height: 40px}
.spacer-small									{clear:both;display:block;height: 15px}
.clear,.clearer									{clear: both;}


.clearfix:after 								{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix 										{display: inline-block;}
html[xmlns] .clearfix 							{display: block;}
* html .clearfix 								{height: 1%;}

.ts-menu-company:before	{content:"Kunden:";position: relative;display: inline-block;margin-right: 10px;}
.ts-menu-company:after	{content:"";position: relative;display: inline-block;margin-left: 10px;border-right:1px solid #fff;width: 1px;height: 14px;}
.sub-navbar ul li.ts-menu-company {padding: 15px 6px 15px 0;}


/*** FORM MultiDropdown ***/
body .ss-main .ss-multi-selected {
	border: 1px solid #3f3f3f;
	background-color: #fff;
	font-size: 14px;
	font-weight: 700;
	color: #17253e;
	line-height: 19px;
	border-radius: 0;
	padding: 10px 10px 5px;
}

body .ss-main .ss-content {
	border-top: 0!important;
}

body .ss-main .ss-content .ss-list {
	border: 0;
	background-color: #fff;

}

body .ss-main .ss-content .ss-list .ss-option{
	font-size: 14px;
	font-weight: 700;
	color: #17253e;
	line-height: 21px;
}

body .ss-main .ss-content {
	border: 1px solid #3f3f3f;
	transition: none;
	margin: 0;
}

body .ss-main .ss-multi-selected .ss-values .ss-value {
	background: var(--blue);
	border-radius: 14px;
	padding-left: 17px;
	padding-right: 17px;
	font-size: 13px;
	margin-right: 10px;margin-bottom: 10px;
}

body .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
	color: transparent;
	padding: 0 2px 0 4px;
	background: transparent url(/wp-content/uploads/2022/10/x_icon_white.svg) no-repeat center center / 10px;
}



body .ss-main .ss-content .ss-list .ss-option.ss-highlighted,
body .ss-main .ss-content .ss-list .ss-option:hover {
	background: #e8e8e8;
}

body .ss-main .ss-multi-selected .ss-values .ss-disabled {
	color:#000;
	padding:4px 5px 9px;
}

.select-container-values {margin-bottom: 22px;}

.select-container-values .ss-disabled {background: #f9f9f9;
	color: #aeaeae;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid #aeaeae;
	display: inline-block;
	padding: 6px 20px;
	margin-right: 10px;
	margin-bottom: 10px;}

.select-container-values .ss-value-delete {display: none;}
.select-container-values .ss-value {background: #f9f9f9;
	color: #000;font-size: 14px;
	border-radius: 20px;
	border: 1px solid #000;display: inline-block;padding: 6px 20px;margin-right: 10px;margin-bottom: 10px;}

body .ss-main .ss-multi-selected .ss-add {display: none;}

.select-container-wrapper
	{margin-bottom: 30px;}

body .select-container-wrapper > label.ts-select-label:first-child
	{font-size: 17px!important;
	margin-top: 15px;
	margin-bottom: 23px;}

body hr.border-dashed {
	height: 1px;
	background: transparent url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='15%2c15' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

body .hr-border-dashed {
	height: 1px;
	background-image: url("data:image/svg+xml,%3csvg width= '100%25' height= '100%25' xmlns= 'http://www.w3.org/2000/svg' %3e%3crect width= '100%25' height= '100%25' fill= 'none' stroke= '%23333' stroke-width= '4' stroke-dasharray= '15%2c15' stroke-dashoffset= '2' stroke-linecap= 'butt' /%3e%3c/svg%3e");
}

body .select-container-wrapper + .hr-border-dashed {
	margin-top: 40px;
	margin-bottom: 25px;
}



/*** MENU ***/
/*
.menu-hauptmenu-container .menu-item .sub-menu
	{display: none;}
*/
/* login css */
span.error-message-pased {
    /* width: 100%; */
    text-align: center !important;
    display: block;
    margin: 0 auto;
    font-size: 30px;
    padding-top: 20px;
    color: red;
}

.ts-group-superadmin .vc_col-sm-6 .ts-editor-box .tse-bg,
.ts-group-user .vc_col-sm-6 .ts-editor-box .tse-bg{
	min-height: 240px;
	background-size: cover;
}

.ts-location-mine #error {
	display: none;
}

.question-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin: 1rem 0;
}
#question-counter {
	min-width: 150px;
	text-align: center;
}

.question-pagination .button {
	cursor: pointer;
	background: var(--blue);
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	transition: background 0.3s;
}
.question-pagination .button:hover {
	cursor: pointer;
	background: var(--blue-dark);
}

.sub-category-questions div#ts-quiz-container1 {
    position: relative;
}

.sub-category-questions .vc_row.wpb_row.vc_inner.vc_row-fluid.ts-quiz-actions{
	display: none;
}
body .ts-user-deleted.delete-subcategory-questions:hover{
	cursor: pointer;
	background-color: rgb(254, 185, 0)!important;
	color:#3f3f3f!important;
}

.instruction-categories .checkbox-container input[type="checkbox"] {
	display: none;
}

/* Style the labels as tag-like elements */
.instruction-categories .checkbox-container label {
	display: inline-block;
	padding: 8px 12px;
	margin: 4px;
	border: 2px solid #ffba00;
	border-radius: 20px;
	background-color: #fffffb;
	color: #ffba00;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
}

/* Change style when corresponding checkbox is checked */
.instruction-categories .checkbox-container input[type="checkbox"]:checked + label {
	background-color: #ffba00;
	color: #fff;
}

/* Optional hover effects for labels */
.instruction-categories .checkbox-container label:hover {
	background-color: #fbedc3;
}

/* Essential select field styling */
.custom-multi-select {
	position: relative;
	font-family: Arial, sans-serif;
}

.custom-multi-select .select-display {
	border: 1px solid #ccc;
	border-radius: 4px;
	min-height: 36px;
	padding: 4px 30px 4px 8px;
	background-color: white;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.custom-multi-select .select-display::after {
	content: '▼';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #666;
	pointer-events: none;
}

.company-dropdown-container {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 0 0 4px 4px;
	max-height: 200px;
	overflow-y: auto;
	z-index: 1000;
	display: none;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.company-dropdown-container .dropdown-item {
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}

.company-dropdown-container .dropdown-item:hover {
	background-color: #f5f5f5;
}

.company-dropdown-container .dropdown-item.selected {
	background-color: #e6f0ff;
}

.search-box {
	width: 100%;
	padding: 8px;
	border: none;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}

.selected-tag {
	background-color: #e6f0ff;
	border: 1px solid #b3d7ff;
	border-radius: 3px;
	padding: 2px 6px;
	display: flex;
	align-items: center;
	font-size: 14px;
}

.remove-tag {
	background: none;
	border: none;
	color: #666;
	cursor: pointer;
	margin-left: 4px;
	padding: 0;
}

.placeholder {
	color: #999;
}
/* Initialize counter with extreme negative value to see what's happening */
.ts-quiz-container {
	counter-reset: listStyle;
}
  
/* Apply visual debugging to see which elements are being counted */
.ts-quiz-container article .ts-quiz-index{
	counter-increment: listStyle;
}



.ts-switch-container {
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	margin-right: 10px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
}

input:checked + .slider {
	background-color: #ffba00;
}

input:checked + .slider:before {
	transform: translateX(26px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.switch-label {
	font-size: 14px;
}

select#sub_category_companies {
    border-radius: 10px;
    padding: 15px 10px;
    border: 6px solid rgb(181 181 181);
}

.subcategory-version-select label{
	color: #000!important;
	font-size: 21px !important;
	font-weight: 700!important;
}