/*
	CSS ab js_select.js V2.04
*/
.wws-select-con select.wws-original{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0) !important;
	-moz-opacity: 0 !important;
	-khtml-opacity: 0 !important;
	opacity: 0 !important;
	background-color: transparent !important;
	border-color: transparent !important;
	width: 0px !important;
	height: 0px !important;
	position: absolute !important;
}

.wws-select-con.wws-open select.wws-original{
	display: none !important;
}
.wws-select-con.wws-open select.wws-original option{
	display: none !important;
}


/* Select Container  START */
.wws-select-con{
	position: relative;
}

.wws-view-con{
	border:solid 1px #23af8c;
	border:solid 1px var(--green-color);
	position:relative;
	background-color: white;
	box-sizing: border-box;
	overflow: hidden;
}
.wws-select-con:not(.disabled) .wws-view-con:hover,
.wws-select-con.wws-open .wws-view-con,
.wws-select-con:not(.disabled).focus .wws-view-con{
	border-color: #1e9476;
	border-color: var(--dark-green-color);
}

.wws-select-con.disabled .wws-view-con{
	border-color: #AAAAAA;
}

.wws-select-con.disabled .wws-view-con .wws-text-con,
.wws-select-con.disabled .wws-view-con .wws-desc-con,
.wws-select-con.disabled .wws-view-con .wws-descInline-con{
	color: #AAA !important;
}

.wws-select-con.disabled .wws-view-con .wws-img-div{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
	filter: alpha(opacity=0.4) !important;
	-moz-opacity: 0.4 !important;
	-khtml-opacity: 0.4 !important;
	opacity: 0.4 !important;
}


/* Select TABLE  START */
.wws-view-con .wws-table{
	width: 100%;
	height: 100%;
	border: none;
	padding: 0px;
	border-spacing: 0px;
}

.wws-view-con .wws-table th{
	height: auto;
	border: none;
	text-align: left;
	position: relative;
	padding: 0px !important;
	margin: 0px;
	font-weight: normal;
	background-color: inherit !important;
	box-sizing: content-box;
}

.wws-view-con .wws-table tr{
	height: auto;
}


/* Name  START */
.wws-view-con .wws-table tr:nth-child(1) th:nth-child(2),
.wws-view-con .wws-table tr:nth-child(2) th:nth-child(1){
	white-space: nowrap;
	overflow: hidden;
	max-width: 1px;
	width: 100%;
}

.wws-view-con .wws-table .wws-text-con{
	line-height: 10px !important;
	font-size: 13px !important;
	font-weight: normal;
	text-align: left;
	height: 10px;
	float: left;
	margin-right: 5px;
}

.wws-view-con:not(.wws-descActive) .wws-table tr:nth-child(1),
.wws-view-con.wws-descInline .wws-table tr:nth-child(1)
{
	height: 100%;
}

.wws-view-con.wws-desc .wws-table .wws-text-con,
.wws-view-con.wws-descInline .wws-table .wws-text-con{
	font-weight: bold;
	color: black;
}

.wws-view-con.wws-descInline .wws-table .wws-text-con,
.wws-view-con:not(.wws-descActive) .wws-table .wws-text-con{
	position: relative;
	bottom: 0px;
}

.wws-view-con.wws-desc.wws-descActive .wws-table tr:nth-child(1) th:nth-child(2){
	vertical-align: middle;
}
/* Name  ENDE */


/* Description  START */
.wws-view-con.wws-desc .wws-table .wws-desc-con{
		color: #727272;
		font-weight: normal;
		font-size: 10px !important;
		line-height: 10px;
		text-align: left;
		white-space: nowrap;
		vertical-align: middle;
		overflow: hidden;
		position: absolute;
		top: 0px;
}

.wws-view-con.wws-desc .wws-table .wws-desc-con.wws-descMultiLine
{
	white-space: normal;
}

.wws-view-con:not(.wws-descActive) .wws-table .wws-desc-con,
.wws-view-con.wws-descInline .wws-table .wws-desc-con
{
	height: 0% !important;
}

.wws-view-con:not(.wws-descInline) .wws-table .wws-descInline-con{
	display: none;
}

.wws-view-con.wws-descInline .wws-table .wws-descInline-con{
		color: #727272;
		font-weight: normal;
		font-size: 10px !important;
		line-height: 10px;
		text-align: left;
		white-space: nowrap;
		vertical-align: top;
	  text-overflow: ellipsis;
		overflow: hidden;
		float: none;

}

.wws-view-con.wws-descInline.wws-desc10 .wws-table .wws-text-con{    width: 10%;	}
.wws-view-con.wws-descInline.wws-desc20 .wws-table .wws-text-con{    width: 20%;	}
.wws-view-con.wws-descInline.wws-desc30 .wws-table .wws-text-con{    width: 30%;	}
.wws-view-con.wws-descInline.wws-desc40 .wws-table .wws-text-con{    width: 40%;	}
.wws-view-con.wws-descInline.wws-desc50 .wws-table .wws-text-con{    width: 50%;	}
.wws-view-con.wws-descInline.wws-desc60 .wws-table .wws-text-con{    width: 60%;	}
.wws-view-con.wws-descInline.wws-desc70 .wws-table .wws-text-con{    width: 70%;	}
.wws-view-con.wws-descInline.wws-desc80 .wws-table .wws-text-con{    width: 80%;	}
.wws-view-con.wws-descInline.wws-desc90 .wws-table .wws-text-con{    width: 90%;	}





/* IMG START */
.wws-view-con .wws-table tr:nth-child(1) th:nth-child(1)
{
	width: 4px;
	min-width: 4px;
}

.wws-view-con.wws-img .wws-table .wws-img-div {
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto 2px;
	min-width: 14px;
	min-height: 14px;
}

/* POINTER START */
.wws-view-con .wws-table tr:nth-child(1) th:nth-child(3)
{
	width: 13px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: white;
	z-index: 90;
}

.wws-view-con .wws-table .wws-pointer div {
	width: 13px;
	height: 16px;
	top: 50%;
	position: absolute;
	margin-top: -8px;
	background-image: url(../../cwi/css/ui/images/ui-icons_000000_256x240.png);
	background-position: -66px -1px;
}
.wws-select-con.disabled .wws-view-con .wws-table .wws-pointer div{
	background-image: url(../../cwi/css/ui/images/ui-icons_aaaaaa_256x240.png);
}

.wws-select-con.wws-open .wws-pointer,
.wws-select-con:not(.disabled) .wws-view-con .wws-table:hover .wws-pointer{
	background-color :#23af8c !important;
	background-color: var(--green-color) !important;
	border-left: 1px solid #1e9476;
	border-left: 1px solid var(--dark-green-color);
}

/* .wws-select-con.wws-open .wws-pointer div,
.wws-select-con:not(.disabled) .wws-view-con .wws-table:hover .wws-pointer div{
	background-position: -67px -17px;
} */

.wws-select-con:not(.disabled) .wws-view-con .wws-button-con:hover .wws-pointer{
	background: white;
}

.wws-options-con .wws-pointer{
	display: none;
}


/* BUTTON START */
.wws-view-con[class*="wws-button"] .wws-button-con,
.wws-select-con:not(.disabled) > .wws-view-con[class*="wws-button"]:hover .wws-button-con{
	display: block;
}


.wws-view-con[class*="wws-button"] .wws-button-con{
	position: absolute;
	right: 18px;
	background-color: white;
  display: none;
	z-index: 90;
	height: 14px;
	top: 50%;
	margin-top: -8px;
	width: 14px;
}

.wws-view-con[class*="wws-button"] .wws-button-con div{
	border-radius: 6px;
	border: 1px solid white;
	height: 14px;
	width: 14px;
	top: 50%;
	position: absolute;
	margin-top: -8px;
	background-image:url(../../cwi/css/ui/images/ui-icons_000000_256x240.png);

	cursor: pointer;
}

.wws-select-con:not(.disabled) .wws-view-con[class*="wws-button"] .wws-button-con:hover div{
	background-color: #23af8c;
	background-color: var(--green-color);
	border-color: #1e9476;
	border-color: var(--dark-green-color);
	opacity: 1;
	background-image:url(../css/ui/images/ui-icons_ffffff_256x240.png);
}


.wws-view-con.wws-button1 .wws-button-con div{
	background-position: -177px -114px;
}
.wws-view-con.wws-button2 .wws-button-con div{
	background-position: -194px -114px;
}
.wws-view-con.wws-button3 .wws-button-con div{
	background-position: -65px -114px;
}


/* OPTIONS START */
.wws-options-con{
	position: absolute;
	z-index: 91;
	margin-top: -1px;
	box-shadow: 0px 1px 5px #aaa;
}

.wws-options-con.wws-options-maxHeight{
	overflow: scroll;
	overflow-x: hidden;
}

.wws-select-con:not(.disabled) .wws-options-con .wws-view-con{
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-radius: 0px;
	padding: 0px;
}



.wws-select-con:not(.disabled) .wws-options-con .wws-view-con:first-child{
	border-top: 1px solid #23af8c;
	border-top: 1px solid var(--green-color);
}

.wws-select-con:not(.disabled) .wws-options-con .wws-view-con:last-child{
	border-bottom: 1px solid #23af8c;
	border-bottom: 1px solid var(--green-color);
}

.wws-options-con .wws-view-con:not(.disabled).hover table th {
	background: Highlight !important;
	color: HighlightText !important;
}

/*
.wws-options-con .wws-view-con:not(.disabled).hover .wws-img-div{
-webkit-filter: invert(1);
   filter: invert(1);
}
*/

.wws-options-con .wws-view-con:not(.disabled).hover .wws-table .wws-text-con,
.wws-options-con .wws-view-con:not(.disabled).hover .wws-table .wws-desc-con,
.wws-options-con .wws-view-con:not(.disabled).hover .wws-table .wws-descInline-con{
color:HighlightText !important;
}

.wws-options-con .wws-view-con.disabled{
	background-color: #eee;
}

.wws-options-con .wws-view-con.disabled .wws-text-con{
	color: #6D6D6D;
}

/* WWS SELECT ENDE */

/* STYLE die ORIGINAL SELECT UM */
select:not(.no-ww-style){
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #23af8c;
	border: 1px solid var(--green-color);
	background: white;
	background-image:url(../../cwi/images/arrow_down_000000.png);
	background-position: right;
	background-repeat: no-repeat;
	outline: none;
	color: #3c3c3c;
	color: var(--black-color);
	height: 23px;
	padding: 1px;
	padding-left: 5px;
	font-family: 'Source Sans Pro', Calibri, FreeSans, sans-serif;
	font-size: 13px;
}

@supports ( -moz-orient:inline ) and (not (contain-intrinsic-size: 10rem )) /* Problem is solved in Firefox 107 ( support for rule 'contain-intrinsic-size' ) */
{
	select:not(.no-ww-style){
		padding-left: 0px;
  }
}

select.ww-chrome-style, select.ww-opera-style{
	padding-left: 4px;
}
select.ww-ie-style{
	padding-left: 2px;
}

select:not(.no-ww-style)::-moz-focusring {
	color: transparent;
    text-shadow: 0 0 0 #000;
}

select:not(.no-ww-style)::-ms-expand {
    display: none;
}

select:not(.no-ww-style):focus::-ms-value {
    background-color: transparent;
	color: black;
}

select:not(.no-ww-style):focus{
	box-shadow: 0 0 2px #1e9476;
	box-shadow: 0 0 2px var(--dark-green-color);
	background-image: url(../../cwi/images/arrow_down_000000.png), -moz-linear-gradient(right, white 0px, white 13px, var(--green-color) 13px, var(--green-color) 14px, white 14px, white 100%);	 	/* FF3.6+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -webkit-gradient(right, white 0px, white 13px, var(--green-color) 13px, var(--green-color) 14px, white 14px, white 100%);			/* Chrome, Safari4+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -webkit-linear-gradient(right, white 0px, white 13px, var(--green-color) 13px, var(--green-color) 14px, white 14px, white 100%);	/* Chrome10+,Safari5.1+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -o-linear-gradient(right, white 0px, white 13px, var(--green-color) 13px, var(--green-color) 14px, white 14px, white 100%);			/* Opera 11.10+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -ms-linear-gradient(right, white 0px, white 13px, #23af8c 13px, #23af8c 14px, white 14px, white 100%);								/* IE 10+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), linear-gradient(to left, white 0px, white 13px, var(--green-color) 13px, var(--green-color) 14px, white 14px, white 100%);
	outline: none;
}

select:not(.no-ww-style):hover{
	background-image: url(../../cwi/images/arrow_down_000000.png), -moz-linear-gradient(right,   var(--green-color) 0%,  var(--green-color) 13px,  var(--dark-green-color) 13px,  var(--dark-green-color) 14px, white 14px, white 100%);	 	/* FF3.6+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -webkit-gradient(right,   var(--green-color) 0%,  var(--green-color) 13px,  var(--dark-green-color) 13px,  var(--dark-green-color) 14px, white 14px, white 100%);			/* Chrome, Safari4+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -webkit-linear-gradient(right,   var(--green-color) 0%,  var(--green-color) 13px,  var(--dark-green-color) 13px,  var(--dark-green-color) 14px, white 14px, white 100%);	/* Chrome10+,Safari5.1+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -o-linear-gradient(right,   var(--green-color) 0%,  var(--green-color) 13px,  var(--dark-green-color) 13px,  var(--dark-green-color) 14px, white 14px, white 100%);			/* Opera 11.10+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), -ms-linear-gradient(right,  #23af8c 0%,  #23af8c 13px,  #1e9476 13px,  #1e9476 14px, white 14px, white 100%);								/* IE 10+ */
	background-image: url(../../cwi/images/arrow_down_000000.png), linear-gradient(to left,  var(--green-color) 0%, var(--green-color) 13px,  var(--dark-green-color) 13px,  var(--dark-green-color) 14px, white 14px, white 100%);
}

select:not(.no-ww-style):disabled{
	border-color: var(--disabled-grey-color);
	border-color: #aaaaaa;
	color: var(--disabled-grey-color) !important;
	color: #aaaaaa !important;
	background-image: url(../../cwi/images/arrow_down_aaaaaa.png)
}

select:not(.no-ww-style) > option:disabled{
	color: var(--disabled-grey-color) !important;
	color: #aaaaaa !important;
}


/* Config Button */
.ww-select.ww-cfgBtn.ww-open div.ww-cfgBtnCon,
.ww-container:not(.disabled) .ww-select[class*="ww-cfgBtn"]:hover div.ww-cfgBtnCon{
	display: block;
}

.ww-cfgBtnCon {
	width: 18px;
	height: 100%;
	position: absolute;
	right: 13px;
	top: 0px;
	background-color: white;
	display: none;
}

.ww-cfgBtnCon div:hover{
	background-color: #C6D6F6;
	border-color: #005ea8;
	opacity: 1;
}


.ww-cfgBtnCon div {
	border-radius: 4px;
	border: 1px solid white;
	height: 14px;
	width: 14px;
	top: 50%;
	position: absolute;
	margin-top: -8px;
	background-image:url(../../cwi/css/ui/images/ui-icons_000000_256x240.png);

	cursor: pointer;
}

.ww-select.ww-cfgBtn_1 div.ww-cfgBtnCon div{
	background-position: -177px -114px;
}
.ww-select.ww-cfgBtn_2 div.ww-cfgBtnCon div{
	background-position: -194px -114px;
}
.ww-select.ww-cfgBtn_3 div.ww-cfgBtnCon div{
	background-position: -65px -114px;
}


/* Dark Mode */
.darkMode .wws-view-con{
	border: none;
	background-color: #3c3c3c;
	background-color: var(--black-color);
	color: white;
}

.darkMode .wws-select-con.wws-open .wws-options-con {
	border:solid 1px #585858;
	border:solid 1px var(--dark-grey-color);
}

.wws-select-con:not(.disabled) .wws-options-con .wws-view-con:last-child{
	border-bottom: 1px solid #585858;
	border-bottom: 1px solid var(--dark-grey-color);
}

.darkMode .wws-view-con.wws-img .wws-table .wws-img-div {
	margin-right: 5px;
}

.darkMode .wws-img-div{
	filter: invert(1);
}

.darkMode.wws-select-con:not(.disabled) .wws-options-con .wws-view-con{
	border-top: 1px solid #585858;
	border-top: 1px solid var(--dark-grey-color);
}

.darkMode .wws-view-con .wws-table .wws-pointer div {
	background-image: url(../../cwi/css/ui/images/ui-icons_ffffff_256x240.png);
}

.darkMode.wws-select-con:not(.disabled) .wws-view-con .wws-table .wws-pointer div:hover {
	background-image: url(../../cwi/css/ui/images/ui-icons_23af8c_256x240.png);
}

.darkMode.wws-select-con.wws-open .wws-pointer,
.darkMode.wws-select-con:not(.disabled) .wws-view-con .wws-table:hover .wws-pointer {
	background-color: #3c3c3c !important;
	background-color: var(--black-color) !important;
	border: none;
}

.darkMode.wws-select-con.wws-open .wws-options-con:hover .wws_pointer div,
.darkMode.wws-select-con:not(.disabled) .wws-view-con .wws-table:hover .wws-pointer div {
	background-image: url(../../cwi/css/ui/images/ui-icons_23af8c_256x240.png);
}

.darkMode .wws-view-con.wws-desc .wws-table .wws-text-con,
.darkMode .wws-view-con.wws-descInline .wws-table .wws-text-con{
	font-weight: bold;
	color: white;
}

.darkMode .wws-view-con.wws-descInline .wws-table .wws-descInline-con {
	color: #aaaaaa;
	color: var(--disabled-grey-color);
}

select:not(.no-ww-style).darkMode {
	border: none;
	background-color: var(--black-color);
	color: white;
}