/* basics */
/*--------------------------------------------------------*/
html {
	/* font-family: "Noto Sans", sans-serif; */
	/* margin: .5 0; */
	/* padding: 0; */
	border: 0;
	outline: 0;
	/* font-size: 100%; */
	line-height: 135%;
	vertical-align: baseline;
	background: transparent;
}
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 14px;
}
@media (min-width: 576px) {
	div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	html, body {
		font-size: 16px;
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	html, body {
		font-size: 14px;
	}
}
@media (min-width: 1200px) {
}

h1 {
	font-size: 1.2em !important;
}
h1, h2, h3, h4 {
}
h2 {
	font-weight: 600;
	margin: .5em 0;
}
form:not(#editTemplatestring) input[type="text"],
form:not(#editTemplatestring) select {
	background: #fff;
}

button {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
	background: #fff;
	border: 1px groove #ccc;
	color: #333;
	font-size: 1em !important;
	line-height: 1.5;
	padding: .35em .8em;
	transition: all .2s;
}
button:active,
button:focus,
button:hover {
	background-color: #e6e6e6;
	border: 1px groove #adadad;
	color: #333;
}
button.editAccessPointBtn {
	color: #FFF58E !important;
}
/*--------------------------------------------------------*/
/* header */
/*--------------------------------------------------------*/
/* adjust-catshop-custom.css */
span.log_icons {
	background-color: #7d7d7d;
	background-image: -moz-linear-gradient(top, #d0d0d0,  #7d7d7d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7d7d7d), to( #7d7d7d));
	background-image: -webkit-linear-gradient(top, #d0d0d0,  #7d7d7d);
	background-image: -o-linear-gradient(top, #d0d0d0,  #7d7d7d);
	background-image: linear-gradient(to bottom, #d0d0d0,  #7d7d7d);
	border: 1px solid #d0d0d0;
	text-shadow: #7d7d7d 0 -1px;
	display: inline-block;
	text-align: center;
	color: #ffffff;
}
span.log_icons:active,
span.log_icons:focus,
span.log_icons:hover {
	background-color: #898989;
	background-image: -moz-linear-gradient(top, #555,  #898989);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to( #898989));
	background-image: -webkit-linear-gradient(top, #555,  #898989);
	background-image: -o-linear-gradient(top, #555,  #898989);
	background-image: linear-gradient(to bottom, #555,  #898989);
	border: 1px solid #d0d0d0;
	text-shadow: #555 0 -1px;
}
span.log_icons a, span.username a {
	color: #ffffff;
}
span.log_icons a {
	font-size: 1.2em;
	display: inline-block;
	padding: .2em .5em;
}
/**/
.smart-style-3 #header {
	background-color: #9c9c9c;
	 background-image: -moz-linear-gradient(top, #9c9c9c, #717171);
	 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9c9c9c), to(#717171));
	 background-image: -webkit-linear-gradient(top, #9c9c9c, #717171);
	 background-image: -o-linear-gradient(top, #9c9c9c, #717171);
	background-image: linear-gradient(to bottom, #9c9c9c, #717171);
}
.fixed-header #header {
	position: fixed;
	width: 100%;
	z-index: 905;
	top: 0px;
	/* border-bottom: 2px solid #999999; */
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1);
}
#header {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: space-between !important;
	align-items: center !important;
	height: 49px !important;
	margin: 0 !important;
	padding: 0 13px 0 0 !important;
	background-color: #9c9c9c !important;
	 background-image: -moz-linear-gradient(top, #9c9c9c, #717171) !important;
	 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9c9c9c), to(#717171)) !important;
	 background-image: -webkit-linear-gradient(top, #9c9c9c, #717171) !important;
	 background-image: -o-linear-gradient(top, #9c9c9c, #717171) !important;
	background-image: linear-gradient(to bottom, #9c9c9c, #717171) !important;
	background-repeat: repeat-x !important;
	position: relative !important;
	z-index: 905 !important;
}
#header > div {
	float: none !important;
	height: auto !important;
}
#logo {
	width: auto !important;
	margin-top: auto !important;
	margin-left: auto !important;
}

.login-info, .login-info *, #logo-group *, .minified .menu-item-parent {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#logo-group #logo img {
	height: 2.3em !important;
	width: auto !important;
}
#logo-group > span {
	/* display: inline-block; */
	height: auto;
	float: none;
}
#logout-group {
	color: #fff;
	text-shadow: #555555 0 -1px;
	font-size: 1em;
	font-weight: 700;
	white-space: nowrap;
	margin-right: 10px;
}
#logout-group a {
	color: #fff;
	text-decoration: none;
}
#logout-group > span:not(.username) {
	background-color: #7d7d7d;
	background-image: -moz-linear-gradient(top, #d0d0d0,  #7d7d7d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7d7d7d), to( #7d7d7d));
	background-image: -webkit-linear-gradient(top, #d0d0d0,  #7d7d7d);
	background-image: -o-linear-gradient(top, #d0d0d0,  #7d7d7d);
	background-image: linear-gradient(to bottom, #d0d0d0,  #7d7d7d);
	border: 1px solid #d0d0d0;
	text-shadow: #7d7d7d 0 -1px;
	display: inline-block;
	text-align: center;
}
#logout-group > span:not(.username):active,
#logout-group > span:not(.username):focus,
#logout-group > span:not(.username):hover {
	background-color: #898989;
	background-image: -moz-linear-gradient(top, #555,  #898989);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to( #898989));
	background-image: -webkit-linear-gradient(top, #555,  #898989);
	background-image: -o-linear-gradient(top, #555,  #898989);
	background-image: linear-gradient(to bottom, #555,  #898989);
	border: 1px solid #d0d0d0;
	text-shadow: #555 0 -1px;
}
#logout-group > span:not(.username) a {
	font-size: 1.2em;
	display: inline-block;
	padding: .2em .5em;
}
/*--------------------------------------------------------*/
/* TOP-NAVIGATION */
/*--------------------------------------------------------*/
.fixed-navigation #menu-container {
	height: auto;
	/* z-index: $fixed-navigation-zindex; */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 904;
	padding-top: 49px;
	padding-bottom: 0;
	-webkit-transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
	transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
	-webkit-transform: translate(0px, 0px) translateZ(0px);
}
.smart-style-3 #menu-container {
	background: #f2f2f2;
	border-right: none;
}
/* CONTENT */
#inhalt {
	margin: 55px 40px 1em 240px;
}
div.headline > h1 {
	padding: 0;
	display: inline-block;
	font-weight: 400;
	font-style: normal;
}
/*--------------------------------------------------------*/
 /* MAIN-NAVIGATION */
/*--------------------------------------------------------*/
#menu-container {

}
.menu {
    border: 0px none;
}
.menu-green {
	margin-top: 1em;
}
.smart-style-3 nav.menu-blue {
	overflow: hidden;
}

.smart-style-3 nav.menu-blue > ul >  li {
    border: 1px solid #DFDFDF;
    background-image: linear-gradient(180deg, #f9f9f9, #f2f2f2);
    padding: 0;
    padding-left: 0 !important;
	margin-top:	-1px;
}
.menu-blue > h3.head {
	margin: 0 !important;
}
.menu-blue > ul >  li h3.head {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 !important;
}
.menu-blue > ul > li h3.head:active,
.menu-blue > ul > li h3.head:focus,
.menu-blue > ul > li h3.head:hover {
	background: rgba(0,0,0,.05);
}
.menu-blue > ul > li h3 > span {
    padding: 7px 10px;
	float: none;
	font-size: .9em;
}
.menu-blue > ul > li > h3 > em {
	font-size: 11px;
}
.menu-blue > ul > li > .head.open{
    border-bottom: 0 none;
}
.menu-blue > ul > li > ul {
	width: 214px;
    border: 0 none;
    border-left: 4px solid #058dc7;
}
.menu-blue > ul > li > ul > li {
    padding: 0 !important;
    border: 0 none;
    background: none;
}
.smart-style-3 nav.menu-blue > ul > li > ul > li {
	background-color: #f2f2f2;
	background-image: none;
	border: 0 none;
}
.smart-style-3 nav.menu-blue ul > li > ul > li a {
	font-size: .75em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 8%;
}
.menu-impress {
	margin: 0 15px;
}
.menu-impress a {
	display: block;
	padding: 8px 10px 8px 11px;
}
.menu-impress a:active,
.menu-impress a:focus,
.menu-impress a:hover {
	background: #e0e0e0;
	text-decoration: none;
}
/* INHALT */
div.easyCs_archivBtn {
	/* margin-top: 1em; */
	top: 4em !important;
}
/* Data Übersicht */
.cs2form > fieldset {
	background: #eee;
	border-radius: 2px;
	border-color: #ccc;
}
.cs2form > fieldset legend {
	font-size: .95em;
	border-radius: 5px;
	background: #9ec89c4a;
}
.cs2form > fieldset fieldset {
	border: solid 2px #abacac;
	border-radius: 3px;
	background-color: rgba(255,255,255,.5);
}
.cs2form > fieldset fieldset legend {
	border-radius: 3px;
	border-top: solid 2px #ccc;
	border-left: solid 2px #ccc;
	border-right: 2px solid #ccc;
	background: linear-gradient(#fff, rgba(255,255,255, 0));
}
.cs2form > fieldset fieldset div {
	margin: .5px 0 .5px 30px;
}
#easycs_editDummy > form > fieldset.group {
	flex-flow: row wrap;
	min-width: 360px;
}
#easycs_editDummy > form > fieldset.group > div {
	align-items: flex-start;
	flex-flow: row-wrap;
	justify-content: space-between;
}
.cs2form fieldset legend span.ui-icon {
	cursor: pointer;
}
.cs2form .searchHolder {
	min-height: 3.5em;
	padding: 5px;
	border-radius: 10px;
	background: #539550;
	width: 412px;
}
.cs2form .fixedSearchHolder {
	height: auto;
	min-height: 3.5em;
	min-width: 410px;
	z-index: 1000;
}
.cs2form .searchHolder > div {
	background-color: #539550 !important;
	color: #fff;
}
.cs2form .searchHolder > div input {
	color: #000;
}
/* EASY EDIT FORM */
#easycs_content_data {
	/* display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap; */
}
#easycs_content_data div.easyCs_layout {
	/* float: none;
	width: 50%;
	max-width: 800px;
	min-width: 399px;
	height: auto; */
}
#easycs_content_data div.easyCs_layout > .layout {
	/* width: 100%; */
}
#easycs_content_data div.easyCs_editDummy {
	/* width: 40%;
	overflow-y: visible;
	float: none; */
	min-width: 220px;
	height: auto !important;
}
.easyCs_editDummy form#objektdata.cs2form {
display: -webkit-flex; display: -ms-flexbox;
display: -webkit-box; display: -moz-box;
display: flex; position: relative;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: flex-start;
align-items: flex-start;
height: 100%;
}
.easyCs_editDummy form#objektdata.cs2form > div {
	width: 100% !important;
}
.easyCs_editDummy form#objektdata.cs2form > div.bildSelectElem {
	width: 48% !important;
	min-width: 200px !important;
	margin-right: 1%;
}
.easyCs_editDummy form#objektdata.cs2form input,
.easyCs_editDummy form#objektdata.cs2form textarea {
	width: auto;
	min-width: auto;
}
.easyCs_editDummy form#objektdata.cs2form textarea,
.easyCs_editDummy form#objektdata.cs2form input[type="text"] {
	min-width: 220px;
	border-radius: 3px;
	border: 1px solid #898989;
}
.easyCs_editDummy form#objektdata.cs2form textarea:focus,
.easyCs_editDummy form#objektdata.cs2form textarea:active,
.easyCs_editDummy form#objektdata.cs2form input[type="text"]:focus,
.easyCs_editDummy form#objektdata.cs2form input[type="text"]:active {
	box-shadow: 0 0 0 none;
	border-color: #00589f;
}
/* .easyCs_editDummy form#objektdata.cs2form .multipleElem .multiplelist input {
	width: auto;
	min-width: auto;
}
.easyCs_editDummy form#objektdata.cs2form > div:last-of-type {
	width: 100%;
} */
/* DATALIST  */

div.filterSelectsDataList > div > label {
	color: #444444;
	background: #9ec89c4a;
	padding: .2em .5em;
	border-radius: 3px 3px 0 0;
	font-weight: bold;
	font-size: 0.95em;
}
div.treeFormElem > div.treeSelect {
	border: 1px solid #449530;
	border-radius: 3px 0 0 3px;
	padding: .5em .7em;
	display: block;
	overflow-y: scroll;
	background: #9ec89c0f;
	display: inline-block;
	padding: .5em .7em;
}

.jqtree-tree .jqtree-title {
	color: #666 !important;
	margin-left: 1.5em;
	display: inline-block;
	background: #fff;
	padding: .1em .5em;
	-webkit-transition: all .05s;
	-o-transition: all .05s;
	transition: all .05s;
	background: #9ec89c00;
}

.jqtree-tree .jqtree-title.jqtree-title-folder {}
ul.jqtree-tree li.jqtree-selected>.jqtree-element,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:active,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:focus,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:hover {
	background: #e9ffe8 !important;
}

ul.jqtree-tree li.jqtree-selected>.jqtree-element span,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:active,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:focus,
ul.jqtree-tree li.jqtree-selected>.jqtree-element:hover {
	color: #444;
}

.jqtree-title.jqtree_common:active,
.jqtree-title.jqtree_common:focus,
.jqtree-title.jqtree_common:hover {
	color: #000 !important;
	background: #9ec89c4a;
}
/*--------------------------------------------------------*/
/* LIST/TABLE	 */
.dataTables_wrapper {
/*	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;*/
}
.dataTables_length {
	background: none;
	height: auto;
	min-height: 2.5em;
	background-color: #CCCCCC;
	background-image: linear-gradient(90deg,#ddd, #c9c9c9) !important;
}
.dataTables_length label {
	float: none !important;
	color: #4d4d4d;
	font-size: 0.9em;
}
.dataTables_length label select {
	background-color: #fff;
}
.dataTables_filter {
	width: auto !important;
}
div.dataTables_filter label {
	font-weight: normal;
	float: none !important;
	color: #444;
	margin-top: 3px;
	font-size: .9em;
}
table.dataTable thead .sorting_asc {
	background-image: none;
/*	background-image: linear-gradient();*/
}
.dataTables_wrapper > table > thead > tr > th select {
	background: #fff;
}
table.dataTable thead .sorting {
	background: none !important;
}
.dataTables_wrapper > table > thead > tr > th,
.dataTables_wrapper > table > tbody > tr > td {
	font-size: .9em !important;
	padding: 0 5px;
	vertical-align: middle;
}
.dataTables_wrapper > table {
	margin: 0 !important;
}
div.dataTables_info {
	font-size: 0.8em;
	font-weight: 300;
	font-style: italic;
	color: #6a6a6a;
	background: none;
	background-image: linear-gradient(90deg,#ddd, #c9c9c9) !important;

}

/* Datenbearbeitung */
.ui-tabs .ui-tabs-nav {
	background: #045a9c;
}
.ui-tabs .ui-tabs-nav > li > a {
	border-radius: 3px 3px 0 0;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #e17009 !important;
	text-decoration: none;
	font-weight: 600;
}
.cs2form div {
	margin: .25em 0;
}
.cs2form div button {
	margin: .3rem .2rem;
}
.cs2form div label {
	font-size: 1em;
	display: block;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, select, input {
	font-family: inherit;
	font-size: 1em;
	border: 2px #999 outset groove;
	padding: .35em 8px;
	box-shadow: 2px -1px 4px rgba(0,0,0,.08) inset;
}
div.layoutSelectElem {
	border: 2px groove #00589F;
	padding: .35em 8px;
	border-radius: 3px;
}
/* Anpassung PopUp-Fenster */
.ui-dialog-titlebar-close::before {
	font-size: 15px;
	position: absolute;
	color: #333;
	margin-top: 0.1em;
	margin-left: 3px;
}

/* easy-Anpassungen */
div.kategorie > div.kategorieImage, div.item > div.itemImage, div.generator > div.generatorImage, div.language > div.languageImage, div.select > div.selectImage {
	border: 0 none;
	margin: 0 auto;
}

span.easyStepName {
	color: #000000;
	position: relative;
	left: 5px !important;
	top: 0 !important;
	padding: 0.3em 3% !important;
	line-height: 196%;
}
span#easycs_settingPlus, span#easycs_settingMinus {
	background-image: none !important;
	display: block;
	width: 100%;
}

span#easycs_settingMinus:before, span#easycs_settingPlus::before {
	content: "+";
	padding-right: 15px;
	font-weight: 600;
	font-size: 25px;
	/* line-height: 25px; */
	width: 25px;
	height: 25px;
	text-align: center;
	margin-left: -21px;
	top: 2px;
	position: absolute;
}
span#easycs_settingMinus::before {
	content: "-";
}
span#easycs_settingPlus::before {
	content: "+";
}
div.easyData {
	padding: 1em 2%;
}
.cs2form .easyDataDiv {
	transition: all 0.2s;
}
.cs2form .easyDataDiv:active,
.cs2form .easyDataDiv:focus,
.cs2form .easyDataDiv:hover {
	background-color: #B5E0FF !important;
	border-color: #3F83B5 !important;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	background: #dbeeff;
}
#easycs_setting button {
	background: #b9b9b9;
	font-size: .9em !important;
}
#easycs_setting button:active,
#easycs_setting button:focus,
#easycs_setting button:hover {
	background: #aaa;
}
#easycs_setting button.addKategorieBtn {
	background: #d4edff;
}
#easycs_setting button.addKategorieBtn:active,
#easycs_setting button.addKategorieBtn:focus,
#easycs_setting button.addKategorieBtn:hover {
	background: #94c6ea;
}
#easycs_setting button.editLogPointBtn {
	background: #e9ffe8;
}
#easycs_setting button.editLogPointBtn:active,
#easycs_setting button.editLogPointBtn:focus,
#easycs_setting button.editLogPointBtn:hover {
	background: #fff;
}
#easycs_setting .nextStepBtn {
	background: #f1ffb0;
}
#easycs_setting .nextStepBtn:active,
#easycs_setting .nextStepBtn:focus,
#easycs_setting .nextStepBtn:hover {
	background: #e9ff85;
}
/* Accordion*/
.ui-accordion .ui-accordion-header {
	padding: initial !important;
	margin-bottom: .25em;
}
/* Templatestrin-Editor */
#editTemplatestring #templatestring-form {
	height: initial !important;
}
#editTemplatestring #templatestring-form select {
	padding: .2em 8px;
}
#editTemplatestring #templatestring-form option {
	background: #fff;
}
/* Layout-Editor */
#tabs.ui-widget {
	position: relative;
	right: 2%;
	margin-top: 1em;
	clear: both;
}
/* IMPRESSUM LINKE SPALTE */
#impress {
	display: block;
	padding: .5em 6%;
}
/**/
#easyLoadDummy {
	height: auto !important;
	margin-top: -.5em;
	line-height: 2;
}
/* Medienverwaltung */
.page_complete {
	box-sizing: initial;
}
/* DATEPICKER */
.ui-datepicker {
	width: 19em !important;
	box-shadow: 0 0 82px rgba(0,0,0,0.2);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	width: auto;
	cursor: pointer;
	font-size: .75em;
}
.ui-widget-content,
.ui-widget-header {
	background-image: none !important;
}
.ui-datepicker .ui-datepicker-header {
	background-image: none !important;
	background-color: #2b2525 !important;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next {
	right: 10px !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-prev {
	left: 3px !important;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	background: transparent !important;
	border: 0 none !important;
	color: #fff !important;
}
.ui-datepicker .ui-datepicker-title {
	color: #fff !important;
}

/* DESIGNCUBE-ELEMENT BEARBEITUNG */
.layoutGridGeneratorPreviewBtn::before {
	content: "Vorschau";
	width: auto !important;
	height: 2em !important;
	font-size: 1em;
	display: block;
	font-family: "Open Sans",sans-serif;
	text-indent: initial;
	font-weight: normal;
	line-height: 1.5;
}
.layoutGridGeneratorPreviewBtn {
	background-color: #ff6c00;
	color: #fff;
	background-image: none !important;
	width: auto !important;
	height: 2.26em !important;
	margin-bottom: -0.8em;
	padding: .4em .8em;
	border-radius: 3px;
	line-height: 1.5;
	transition: all .3s;
}
.layoutGridGeneratorPreviewBtn:hover,
.layoutGridGeneratorPreviewBtn:active,
.layoutGridGeneratorPreviewBtn:focus {
	background-color: #ce5402;
}
.layoutGridGeneratorFileBtn {
	background: #0580a6;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-family: "Opens Sans", sans-serif !important;
	font-weight: normal;
	transition: all .3s;
}
.layoutGridGeneratorFileBtn:hover,
.layoutGridGeneratorFileBtn:active,
.layoutGridGeneratorFileBtn:focus {
	background: #027379;
	box-shadow: 0 0 0 transparent;
	color: #fff !important;
	border: 0 none;
}
.layoutGridGeneratorFileOutput a {
	background: #1eac00;
	padding: .4em .8em;
	border-radius: 3px;
	color: #fff !important;
	line-height: 1.5;
	font-family: "Open Sans", sans-serif;
	transition: all .3s;
	display: inline-block !important;
}
.layoutGridGeneratorFileOutput a:hover,
.layoutGridGeneratorFileOutput a:active,
.layoutGridGeneratorFileOutput a:focus {
	background: #072800;
	color: #fff !important;
}
.layoutGridGeneratorFileOutput a {
	color: #fff !important;
	text-decoration: none;
}

/* css für relaunch catshop */
/* data_edit */
.cs2form .refAccordion.ui-accordion .ui-accordion-header,
.cs2form .refAccordion.ui-accordion .ui-accordion-header.ui-state-active {
	border-radius: 3px 3px 0 0;
	background-image: none !important;
	background: #414141 !important;
	color: #fff !important;
	border: 0 none;
}
.cs2form .ui-accordion .ui-accordion-header.ui-state-default a,
.cs2form .ui-accordion .ui-accordion-header.ui-state-active a {
	border: 0 none;
}

.cs2form .ui-accordion .ui-accordion-header.ui-state-active a {
	color: #fff !important;
	background: #0050a5 !important;
}
.cs2form .ui-accordion .ui-accordion-header.ui-state-default a {
	background: #a9e3ff !important;
	color: #005d8a !important;
}
.cs2form .refAccordion.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion .ui-accordion-header {
	background: #414141 !important;
	color: #fff !important;
	min-height: 1.8em;
	line-height: 1.8em;
}
.refListContainer .dataRefTable {
	margin-top: 2em;
}
.refListContainer .dataRefTable > tbody > tr.ui-accordion-header > td {
	border: 0 none;
	border-radius: 0 !important;
	background-image: none;
	background: transparent;
}
.refListContainer .refDataContent {
	padding: 2em 20px 10px !important;
}
.cs2form div.ui-accordion-content .refListContainer .dataRefTable .refListContainer .dataRefTable .ui-accordion-header {
	background: #eee !important;
	color: #000 !important;
}

.refListContainer .dataRefTable .refAccordionBack {
	background: #414141 !important;
	color: #fff;
}
.dataStatusElement button {
	margin-top: 1em !important;
}

#fixedHeadline {
	top: 0px;
	left: 0;
	position: fixed;
	background-color: #EEEEEE;
	border-left: 0px none;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #999999;
	border-radius: 0;
	padding: .96em 1%;
	z-index: 1000;
	display: none;
	/* color: #E17009; */
	font-weight: bold;
	box-sizing: border-box;
	width: 100vw;
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	font-size: 13px;
	font-family: "Verdana", sans-serif;
}

#fixedHeadline .headScrollBtn {
	display: inline-block;
	/* background: url(jq-ui-themes/catshop/images/ui-bg_highlight-soft_85_dfeffc_1x100.png) repeat-x scroll 50% 50% #d0d0d0; */
	border: 1px solid #8096A7;
	border-radius: 5px;
	cursor: pointer;
	margin-left: 1px;
	padding: 0.3em .5em;
	background-image: none;
	border-radius: 3px;
	color: #fff;
	background: #1784a6;
	font-weight: normal;
	font-size: 13px;
	font-family: "Verdana", sans-serif !important;
}
.fixedButtons {
	color: #000;
	background-color: #EEEEEE;
	border: 0 none;
	margin: 0 !important;
	padding: 0.6em 1%;
	border-radius: 0;
	position: absolute;
	right: 0;
	z-index: 1001;
	width: auto;
	box-sizing: border-box;
	background: #1784a6;
	text-align: right;
	font-size: 13px;
	font-family: "Verdana", sans-serif;
}
.fixedButtons button {
	border-radius: 3px;
	border: 1px solid #fff;
	font-size: 13px;
	font-family: "Verdana",inherit sans-serif !important;
	padding: .3em .5em;
	cursor: pointer;
	background: #fff;
}

/* EASY CS download_new */
.cs2form .easyCs_headline,
.cs2form .easyCs_backBtn {
    cursor: pointer;
    transition: all .15s;
}

.cs2form .easyCs_backBtn {
    background: #457b8b !important;
    color: #fff !important;
    border: 1px solid #457b8b !important;
    border-radius: 3px;
}

.cs2form .easyCs_backBtn:hover,
.cs2form .easyCs_backBtn:active,
.cs2form .easyCs_backBtn:focus {
    background: #0b5a71 !important;
}

.cs2form .easyCs_headline {
    background: #535353 !important;
    border: 1px solid #C5DBEC !important;
    color: #fff !important;
}

.cs2form .easyCs_headline:hover,
.cs2form .easyCs_headline:focus,
.cs2form .easyCs_headline:active {
    background: #0b5a71 !important;
}

#easyCsDocumentBase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#easyCsDocumentBase>div {
    float: none;
    clear: both;
}

#easyCsDocumentBase>div:first-of-type {
    border: 0 none;
    background: #457b8b;
    color: #fff;
    padding: 1em;
}

.easyCsDocumentFolderButtons .fa {
    font-size: 1.2em;
    margin: 0;
    border-radius: 50%;
    width: 1.3em;
    line-height: 1.3em;
    padding-left: .25em;
    transition: all .15s;
    cursor: pointer;
}

.easyCsDocumentFolderButtons .fa:hover,
.easyCsDocumentFolderButtons .fa:active,
.easyCsDocumentFolderButtons .fa:focus {
    background: #1b3b45;
}

#easyCsDocumentFilesBase {
    min-height: 150px;
    border-radius: 3px;
    margin: .25em .5em;
    width: 56%;
    background: #f2f2f2;
    border: 1px solid #cdcdcd !important;
}

@media (max-width: 767px) {
    #easyCsDocumentBase>div {
        width: 100% !important;
        margin: .5em 0;
    }
}

#easyCsDocumentBase .cs-dropzone {
    padding: 0;
    padding: .3em .5em;
    border: 2px dashed #35c2ec;
}

.easyCsDocumentFolder:not(.easyCsDocumentFolderActive) .easyCsDocumentFolderName {
	cursor: pointer;
}

.easyCsDocumentFolderName,
.easyCsDocumentFolderButtons .fa {
    color: #fff;
}

.easyCsDocumentFolderChildrenBase .easyCsDocumentFolderName {
    font-size: 1em;
    margin-right: .75em !important;
}

/* easy Farbwähler */
.colorSelectElemData .select {
	border: 0 none;
}

.colorSelectElemData .select span {
	display: none;
}

label[for="dataColorSelect_tint"] {
	display: none !important;
}

#dataColorSelect_tint {
	display: none;
}

#sliderdataColorSelect_tint {
	display: none;
}

/* Planning */
.planningFixedButtons {
	top: 4em !important;
}

#dataPlanning_dataSection {
	top: 8em !important;
}

.planningClipboard {
	margin-bottom: 1em !important;
}

#rwwsWeekTabs {
	border-radius: 0 3px 0 0;
}

#rwwsWeekTabs > ul {
	padding: .5em 1% !important;
}

#dataPlanning_dataSection .headline {
	font-weight: normal;
	font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
	color: #fff;
	font-size: 1em;
	background: #045a9c;
	padding: .3em 1em;
	border-radius: 3px 3px 0 0;
}

.planningStructFixedSearchHolder {
 	background-color: #045a9c;
	border: none 0px #045a9c;
	border-radius: 0px;
	padding: 4px;
	width: 312px;
	margin-top: -4.2em !important;
	color: #fff;
    font-weight: bold;
}

.planningStructFixedSearchHolder > input {
	color: #000;
	font-weight: normal;
}

#dataPlanning_editChangeView,
#dataPlanning_planningExportButton,
h1 .planningEditBtn,
h1 .planningPageZoomOutBtn,
h1 .planningPageOrderBtn,
.planningPageButtons span.planningBaseEditBtn,
.planningPageButtons span.planningLayoutBtn {
	display: none !important;
}

.planningPageButtons > span {
	border: 0 none;
	background: none;
}

.ui-state-default.ui-corner-all:hover,
.ui-state-default.ui-corner-all:active,
.ui-state-default.ui-corner-all:focus,
.planningPageButtons > span:hover,
.planningPageButtons > span:active,
.planningPageButtons > span:focus {
	cursor: pointer;
}

#dataPlanning_holder {
	box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.2) inset;
	border-radius: 4px;
	background: #a6a6a6;
}

#dataPlanning_holder,
#dataPlanning_dataSection {
	border: 3px #E7E7E7 solid !important;
}

/* .planningPageButtons > .ui-state-default .ui-icon {
} */
.planningTitleAttrTitle {
	border: #045a9c 1px solid;
	border-radius: 3px;
	padding: .3em .5em;
	background: #dbf0ff;
}

.planningTitleAttr .planningTitleAttrValue {
	display: none;
}

.planningTitleAttr:focus,
.planningTitleAttr:active,
.planningTitleAttr:hover {
	cursor: pointer;
}

.planningTitleAttr:focus .planningTitleAttrValue,
.planningTitleAttr:active .planningTitleAttrValue,
.planningTitleAttr:hover .planningTitleAttrValue {
	position: absolute;
	display: block;
	background: #dbf0ff;
	margin: -42px 94px 0;
	z-index: 5000;
	padding: .5em 1em;
	border-radius: 3px;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.15);
	font-family: "Open Sans", sans-serif;
	font-size: 0.9em;
	line-height: 135%;
	color: #333;
	border: 1px solid #045a9c;
}

.planningTitleAttr:hover .planningTitleAttrValue::after {
	content: "x";
	display: block;
	position: absolute;
	top: -13px;
	right: -9px;
	color: #045a9c;
	border: 1px solid #045a9c;
	border-radius: 8px;
	width: 16px;
	line-height: 16px;
	text-align: center;
	background: #fff;
}