@charset "utf-8";
/* zuerst die Modifikationen der Standards */
body,
fl-content,
#fl-main-content {
	background: #fff !important;
}

/*------------------------------------------------------------------jQuery UI Anpassungen */
.ui-widget-overlay, ui-front {
	background: rgba(0,0,0,0.7) !important;
}

.ui-dialog {
	border-radius: 6px;
	padding: 0px;
	background-color: #fff;
	z-index: 100000;
}

.textwidget, 
.custom-html-widget {
	margin-top: 15px;
}

.no-close { 
	display: none; 
}

.small {
	font-size: 70%;
}

.ui-accordion 
.ui-accordion-header{
	display:block;
	cursor:pointer;
	position:relative;
	margin-top:2px;
	padding:.5em .5em .5em .7em;
	min-height:0
}
.ui-accordion 
.ui-accordion-icons{
	padding-left:0.2em
}
.ui-accordion
.ui-accordion-noicons{
	padding-left:.7em
}
.ui-accordion 
.ui-accordion-icons 
.ui-accordion-icons{
	padding-left:1.2em
}
.ui-accordion 
.ui-accordion-header 
.ui-accordion-header-icon{
	position:absolute;
	left:.5em;
	top:50%;
	margin-top:-8px
}
.ui-accordion 
.ui-accordion-content{
	padding:0em 1em;
	border-top:0;
	overflow:auto
}

/*----------------------------------------------------------------- generelle Listen-Einstellungen */

.list-column{ 
	padding: 3px;
	margin: auto;
	float: left;
}
.list-column:nth-child(1){ 
	width: 20px;
}
.list-column:nth-child(2){ 
	width: 40px;
	text-align: right;
}
.list-column:nth-child(3){ 
	width: 300px;
}


.card {
	margin: 5px;
	max-height: 150px;
	text-align:center;
	
}
/*--------------------------------------------------------------------------------------*/

.listgroup {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.variable-action {
	width: 250px;
	/*border-right: 1px solid #ccc;*/
	cursor: pointer;
}
.variable-action:hover {
	background: rgb(0,0,0,0.05);
	/*font-weight: bold;*/
	color: #E90000;
}
.entry-action{
	cursor: pointer;
}
.entry-action:hover {
	color: #E90000;
	background: rgb(0,0,0,0.05);
}
.icon-active {
	box-shadow: 0px 0px 4px 2px #e90000;
}
.fx-icons {
	border: 1px solid rgba(200,200,200,1.00);
	float: left;
	border-radius: 3px !important;
	margin-left: 0px;
	margin-right: 3px;
	padding: 1px;
	cursor: pointer;
	/*cursor: url('_res/icons/oxy/16x16/actions/color-picker.png'), auto;*/
}
.fx-icons:hover {
	box-shadow: 0px 0px 2px 1px rgba(233,0,0,1.00);
	/*cursor: pointer;
	url('_res/icons/oxy/16x16/actions/color-picker.png'), pointer;*/
}
.color-icons {
	border: 1px solid rgba(200,200,200,1.00);
	float: left;
	border-radius: 3px !important;
	margin-left: 0px;
	margin-right: 3px;
	padding: 1px;
	/*cursor: url('_res/icons/oxy/16x16/actions/color-picker.png'), auto;*/
}
.color-icons:hover {
	box-shadow: 0px 0px 2px 1px rgba(233,0,0,1.00);
	/*cursor: pointer;
	url('_res/icons/oxy/16x16/actions/color-picker.png'), pointer;*/
}
.overlay {
	background: rgb(0,0,0,0.05);
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-bottom: 1px;
	padding: 2px;
}
.overlay:hover {
	background: rgb(0,0,0,0.1);
	border: 1px solid #ccc;
	border-radius: 2px;
}
.overlay-view {
	background: rgb(0,0,0,0.05);
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 1px;
	cursor: pointer
}
.overlay-view:hover {
	background: rgb(0,0,0,0.1);
}
.properties {
	position: fixed;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	z-index: 99;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); 
}
.properties-content {
	background: #eee;
}
.prop-left {
	width: 350px;
	float: left;
}
.prop-right {
	right: 20px;
	width: 250px;
	float: left;
}
.prop-labelset {
	margin-top: 48px;
	top: 48px;
	right: 278px;
	width: 250px;
	float: left;
}
#impro-id {
	position: absolute; 
	top: 10px; 
	left:380px; 
	/*width: 640px; 
	height: 480px;*/
	float: left;
}
.language-action {
	width: 205px;
	cursor: pointer;
}
.language-action:hover {
	background: rgb(0,0,0,0.05);
	/*font-weight: bold;*/
	color: #E90000;
}
.var-active {
	font-weight: bold !important;
	color: #E90000;
}
.lang-active {
	font-weight: bold !important;
	color: #E90000;
}

#arial-unicode {
	position: fixed;
	right: 10px;
	top: 205px;
}
.arial-uni code:hover {
	background: rgb(0,0,0,0.05);
	/*font-weight: bold;*/
	color: #E90000;
}
.viewlist {
	width: 32%; 
	float: left; 
	margin: 1px;
	padding-left: 5px;
}
.labelaction {
	width: 49%;
	float: left; 
	margin: 1px;
	padding-left: 0px;
}
.softkeys {
	width: calc( 213px / 7 );
	float: left; 
	margin: 1px;
	text-align: center;
}
.headwidgets {
	width: calc( 215px / 5 ); 
	float: left; 
	margin: 1px;
	text-align: center;
}
.slideanimation {
  animation-duration: 2s;
  animation-name: slidein;
}
@keyframes slidein {
  from {
    margin-right: 100%;
    width: 100%;
  }
  to {
    margin-right: 0%;
    width: 100%;
  }
}