body{
  /*font: 62.5% "Trebuchet MS", sans-serif;*/
  font: 75% "Trebuchet MS", sans-serif;
  margin: 5px;
}



	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#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;
	}
	select {
		width: 200px;
	}

  .centered {
    background: black;
    color: white;
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }



progress {
  background-color: transparent;
  /*color: #20ff20;*/
  border: 1;
  /*height: 18px;*/
  border-radius: 3px;
}


.whiteBackgroundBox{
  background-color: #fff;
}


.importForm-state-error{
  background-color: #f00;
  color: #000;
}






.borderbox{
  border-style: solid;
  border-width: 1px;  
  margin: 2px;
  padding: 4px;
  /*background-color: #000000;*/
}


.borderboxTitle{
  /*position: absolute;*/
  /*position: fixed;*/
  position: relative;
  /*position: static;*/
  /*position: sticky;*/
  left:5px;
  top:-15px;
  font-size: 15px;
  /*background-color: #000000;*/
  /*background-color: blue;*/
  margin: 2px;
  padding: 4px;
  /*opacity: 0;*/
}


.noADecoration{
  text-decoration: none;
}

.noCR{
  display: inline-block;
}

.title{
	background: 
  /* On "top" */
  linear-gradient(
    0deg,
  rgba(0, 0, 0, .5),
  rgba(0, 0, 0, 0) 50%,
  rgba(0, 0, 0, .5) 100%
  );
}


.blink {
  -webkit-animation: blink 0.5s steps(5, start) infinite;
  animation: blink 0.5s steps(5, start) infinite;
}
@-webkit-keyframes blink {  to {    visibility: hidden;  }}
@keyframes blink {  to {    visibility: hidden;  }}

.stopHighLight{	/* hier waere px statt % schoen, nur weiss man leider nicht wie gross die box ist...*/
	background: 
  /* On "top" */
  linear-gradient(
    90deg,
  rgba(0, 0, 0, 0) 95%,
  rgba(0, 0, 0, 1) 100%
  );
}

.startHighLight{	/* hier waere px statt % schoen, nur weiss man leider nicht wie gross die box ist...*/
	background: 
  /* On "top" */
  linear-gradient(
    90deg,
  rgba(0, 0, 0, 1),
  rgba(0, 0, 0, 0) 5%
  );
}


.startStopHighLight{	/* hier waere px statt % schoen, nur weiss man leider nicht wie gross die box ist...*/
	background: 
  /* On "top" */
  linear-gradient(
    90deg,
  rgba(0, 0, 0, 1),
  rgba(0, 0, 0, 0) 5%,
  rgba(0, 0, 0, 0) 95%,
  rgba(0, 0, 0, 1) 100%
  );
}

.addHighLight{
	background: 
  /* On "top" */
  repeating-linear-gradient(
    -45deg,
  rgba(255, 255, 255, 1),
  rgba(255, 255, 255, 1) 5px,
  rgba(0, 0, 0, 0) 5px,
  rgba(0, 0, 0, 0) 10px
  );
}

.weekend{
	background: 
  /* On "top" */
  repeating-linear-gradient(
    -45deg,
  rgba(0, 0, 0, 0.6),
  rgba(0, 0, 0, 0.6) 5px,
  rgba(0, 0, 0, 0) 5px,
  rgba(0, 0, 0, 0) 10px
  );
}


.stripes{
	background: 
  /* On "top" */
  repeating-linear-gradient(
    -45deg,
  rgba(0, 0, 0, 0.2),
  rgba(0, 0, 0, 0.2) 10px,
  rgba(0, 0, 0, 0.3) 10px,
  rgba(0, 0, 0, 0.3) 20px

/*    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
*/
  );
}


.readable-size {
	font-size: 20px;
}

.middle-size {
  font-size: 15px;
}

.modmenu {
	position: absolute;
	top: 4px;
	left: 50px;
}

.fixedTopLeft{
	position: fixed;
	top: 50px;
	left: 4px;
}

.link2button {
	padding: 4px 8px 4px 8px;
}

/*.borderTopLine {
  border-top-style: solid;
  border-bottom-color: gray;
  border-top-width: 1px;
}
*/
.borderless {
	margin: 0;
	padding: 0;
	border: none;
	border-width: 0;
}

.hover {
    background-color: gray;
    color: black;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.rightText{
  text-align: right;
}

*.centerOnPage {
  /*background:red;*/
  position:absolute;
  /*color:#fff;*/
  top:50%;
  left:50%;
  padding:15px;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}  



.border{
  border-style: solid;
  border-width: 2px;
  border-color: rgb(216, 24, 24);
  margin:0px;
  border-collapse: collapse;
}


*.tableBorder{
  background-color: lawngreen;
  border: 10px red solid;
  /* border-collapse: separate; */
  border-spacing: 10px;
}

textarea {
  box-sizing: border-box;
  max-height: 94px; /* optional, but recommended */
  min-height: 31px;
  overflow-x: hidden; /* for Firefox (issue #5) */
}


*.hideFirst{    /* will nicht... */
  display:none;
}






.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}