/* angepasste 2wcom JQuery UI styles */
.ui-tabs .ui-tabs-panel {
	padding: 0;
}

/* Default JQuery UI styles from Sample Page */

#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}

.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}

.ui-widget {
	font-family: 'Source Sans Pro', Calibri, FreeSans, sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 13px;
	font-family: 'Source Sans Pro', Calibri, FreeSans, sans-serif;
}

/* TAB STYLE */
.ui-tabs .ui-tabs-nav{
	padding: 0 0 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding-top: 0px;
	padding-bottom: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab{
	background: #cccccc;
	background: var(--medium-grey-color);
	color: #3c3c3c;
	color: var(--black-color);
	height: 26px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: none;
	border-radius: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover:not(.ui-tabs-active){
 	background: #efefef;
	background: var(--light-grey-color);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: default;
 	background-color: #efefef;
	background-color: var(--light-grey-color);
	color: #3c3c3c;
	color: var(--black-color);
}

.ui-state-active:not(.ui-tabs-active) a,
.ui-state-active:not(.ui-tabs-active)  a:link,
.ui-state-active:not(.ui-tabs-active) a:visited,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited{
	color: #585858;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 0px;
}

.ui-widget-content{
	color: #3c3c3c;
	color: var(--black-color);
}

.ui-tabs.ui-widget-content:not(.ui-dialog) {
	border:none;
}
.ui-tabs {
	padding:0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: unset;
	padding-bottom: unset;
	height: 100%;
	line-height: 24px;
}
.ui-tabs .ui-widget-header{
	background:none;
	border: none;
}
.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{
	background:none;
}
.ui-tabs .ui-widget-content .ui-state-default{
	background:none;
}
.ui-tabs .ui-tabs-nav li{
	margin: 0px 6px 0px 0px;
    padding: 0px;
	z-index:2;
}
.ui-tabs .ui-tabs-nav li:last-of-type{
	margin-right: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor.tabMarker{
	border-top: 3px solid #585858;
	border-top: 3px solid var(--dark-grey-color);
  	top: -3px;
  	position: relative;
}

/* MEDIUM / BIG TABS */
.mediumTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-tab,
.mediumTabs.ui-tabs > div.sT_global .ui-tabs-nav li.ui-tabs-tab{
	height: 28px;
}

.mediumTabs.ui-tabs > .ui-tabs-nav .ui-tabs-anchor,
.mediumTabs.ui-tabs > div.sT_global .ui-tabs-nav .ui-tabs-anchor{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 17px;
	line-height: 28px;
}


.bigTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-tab,
.bigTabs.ui-tabs > div.sT_global .ui-tabs-nav li.ui-tabs-tab{
	height: 32px;
}

.bigTabs > ul{
	height: 32px;
}

.bigTabs.ui-tabs > .ui-tabs-nav .ui-tabs-anchor,
.bigTabs.ui-tabs > div.sT_global .ui-tabs-nav .ui-tabs-anchor {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	line-height: 32px;
}

.bigTabs.ui-tabs > .ui-tabs-nav .ui-tabs-anchor.plusTab {
	padding-left: 8px;
	padding-right: 8px;
}

.bigTabs.ui-tabs > .ui-tabs-nav button.plusTab {
	height: 32px;
	margin-left: 8px;
	border: none;
	border-radius: 0px;
	background-color: #cccccc;
	background-color: var(--medium-grey-color);
}

.bigTabs.ui-tabs > .ui-tabs-nav button.plusTab:first-child {
	margin-left: 0px;
}

.bigTabs.ui-tabs > .ui-tabs-nav button.plusTab:focus {
	box-shadow: none;
}

.bigTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-tab div.btnDelete {
	position: absolute;
	right: 8px;
	top: 13px;
	width: 7px;
	height: 8px;
	background-position: -85px -133px;
	background-image: url(../../cwi/css/ui/images/ui-icons_aaaaaa_256x240.png);
}

.bigTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-tab div.btnDelete:hover {
	background-image:url(../../cwi/css/ui/images/ui-icons_e61f38_256x240.png);
	cursor: pointer;
}




/* WHITE TABS */
.whiteTab.ui-tabs > .ui-tabs-nav li.ui-state-default{
	background: #cccccc;
	background: var(--medium-grey-color);
	color: #3c3c3c;
	color: var(--black-color);
}

.whiteTab.ui-tabs > .ui-tabs-nav li.ui-tabs-active,
.whiteTab.ui-tabs > div.sT_global div.sT_ulCon .ui-tabs-nav li.ui-tabs-active {
	background-color: white;
}

.whiteTab.ui-tabs > .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.whiteTab.ui-tabs > div.sT_global div.sT_ulCon .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	background-color: white;
}

.whiteTab > .ui-state-hover,
.whiteTab > .ui-widget-content > .ui-state-hover ,
.whiteTab > .ui-widget-header > .ui-state-hover,
.whiteTab > div.sT_global div.sT_ulCon .ui-state-hover {
	background: white !important;
}

.whiteTab > .ui-tabs > .ui-tabs-nav li.ui-state-hover:not(.ui-tabs-active){
	background: white !important;
}

.whiteTab > .ui-state-hover.ui-tabs-active{
	background: white !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding-left: 6px;
	padding-right: 6px;
}

.whiteTab .tabStatus {
	position: absolute;
	left: 0;
	width: 5px;
	height: 100%;
	display: inline-block;
}


/* TOOLTIPS */
.ui-tooltip {
	border: 1px solid white !important;
	padding: 4px;
	max-width: 600px;
	white-space: pre-line;
	background: #285a8c;
	background: #23af8c;
	color: white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 10px;
	opacity: 1;
	border-radius: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.ui-tooltip img{
	max-width: 600px;
}

/* DIALOGS */
.ui-dialog {
	overflow: visible;
	padding: 0px;
}

.ui-dialog .ui-dialog-content {
	overflow: visible;
	padding: 0px;
}

.ui-dialog .ui-dialog-titlebar-close {
	right: 18px;	
	background-color: white;
	margin-top: 0px;
	border: none;
	border-radius: 0px;
}
.ui-dialog .ui-dialog-titlebar-close:hover{
	background-color: white !important; 
}
.ui-dialog .ui-dialog-titlebar-close:active,
.ui-dialog .ui-dialog-titlebar-close:focus{
	background-color: white !important; 
	box-shadow:none !important;
}

.ui-widget-header .ui-icon.ui-icon-closethick:hover {
	background-image: url("../images/close_green.svg"); 
}
.ui-widget-header .ui-icon.ui-icon-closethick:active {
	background-image: url("../images/close_dark_green.svg"); 
}


.ui-dialog .ui-widget-header:not(.ui-progressbar-value) {
	background: white;
	color: #3c3c3c;
	color: var(--black-color);
	border: 0;
	font-size: 20px;
	font-weight: normal;
}

/* D1 Style - grey background */
.D1.ui-dialog .ui-widget-header:not(.ui-progressbar-value),
.D1.ui-dialog .ui-dialog-titlebar-close:hover,
.D1.ui-dialog .ui-dialog-titlebar-close:active,
.D1.ui-dialog .ui-dialog-titlebar-close:focus,
.D1.ui-dialog .ui-dialog-buttonpane,
.D1.ui-dialog .ui-button.ui-dialog-titlebar-close
{
	background: #efefef !important;
}

.D1.ui-dialog .ui-dialog-content
{
	padding: 15px;
}




.ui-dialog .ui-dialog-titlebar {
	padding: 15px 15px 0px;
}


.ui-widget-header .ui-icon.ui-icon-closethick {
	background-image: url("../images/close_black.svg"); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 0px;
	height: 14px;
	width: 14px;
}

.ui-widget {
	font-size: 13px;
}

.ui-widget-overlay {
	background: black;
	opacity: .4;
	filter: Alpha(Opacity=40);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	outline:  none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	outline:  none;
}

/* DIALOG BUTTONS */
.ui-dialog .ui-dialog-buttonpane {
	border: none;
	border-top: 1px solid #cccccc;
	border-top: 1px solid var(--medium-grey-color);
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 15px;

}

.D1.ui-dialog .ui-dialog-buttonpane
{
	border-top: none;
}

.D1.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	padding-top: 0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
	margin: 0px;
	margin-left: 8px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child {
	margin-left: 0px;
}
	 
.ui-button:not(.default_button) {
	background-color: white;
}
.ui-button {
	border: 1px solid #23af8c; 
	border: 1px solid var(--green-color);
	border-radius: 11px;
	padding: 1px 10px;
	height: 22px;
	font-size: 10px;
	font-family: 'Source Sans Pro', Calibri, FreeSans, sans-serif;
	margin: 0px;
	padding-top: 0px;
}


.ui-button-text-only .ui-button-text {
	padding: 0px 4px;
}

.ui-dialog .wwButton {
    min-width: 50px;
    cursor: default !important;
}

.ui-dialog-titlebar-close{
	cursor: default !important;
}

.wwButton.ui-state-default {
	color: black;
	background: none;
	background-color: #FAFAFA !important;
}

.wwButton.ui-state-focus {
	padding: 1px 4px;
	border-width: 1px;
	border-color: #005ea8 !important;
	background: none;
	background-color: #FAFAFA !important;
}

.wwButton.ui-state-hover {
	padding: 1px 4px;
	border-width: 1px;
	border-color: #005ea8;
	background: none;
	background-color: #C6D6F6 !important;
}

/* PROGRESSBAR */
.ui-progressbar {
	height: 14px;
	text-align: left;
	overflow: hidden;
	background: white !important;
	border-radius: 0px !important;
}

.ui-progressbar-value {
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.ui-progressbar-label{
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	width: 100%;
	z-index: 2;
	color: #3c3c3c;
	color: var(--black-color);
}

.ui-progressbar-value.ui-widget-header {
	background: none;
	background-color: #23af8c; 
	background-color: var(--green-color);
}

/* DRAG HELPER */
.ui-draggable-dragging {
	z-index: 100;
}