html, body { height: 100%; }

h1.moduleheader {
  margin-top: 0.25em;
  margin-bottom: 0.75em;
}

textarea {
  font-family: Hack, "Courier New", Courier, monospace;
  width: 98%;
  min-height: 35px;
  height: 120px;
}

input[type="text"].monointable {
  font-family: Hack, "Courier New", Courier, monospace;
  border: none;
  width: 100%;
  background: none;
}

/* Filestore Table  */
table.filestore_list textarea {
  min-height: 35px;
  height: 70px;
}
table.filestore_list ul {
  list-style: none;
  margin: 0 0 0 0.2em;
  padding: 0;
}
table.filestore_list li {
  margin: 0.3em 0 0 0.1em;
}

/**
 * Filestore
 */
.filestore_form textarea {
  height: 105px;
}

/**
 * Product
 */
textarea.productinfotext {
  height: 5.75em;
}

/**
 * Autocomplete
 */
div.autocomplete_list_simple {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
div.autocomplete_list_primary {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}
div.autocomplete_list_secondary {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-left: 0.25em;
}

/**
 * Textbausteine-Links zum Anklicken
 */
ul.liste-textbausteine {
  list-style: none; margin: 0; padding: 0;
}
ul.liste-textbausteine li {
  font-size: 8pt;
  margin: 0.3em 0 0 0.1em;
  cursor:pointer;
}
ul.row-texttemplates {
  list-style: none; margin: 0; padding: 0; display:inline;
}
ul.row-texttemplates li {
  display:inline;
  font-size: 10pt;
  padding: 0 0.5em;
  cursor:pointer;
}

/**
 * Tooltips
 */

.ttwrapper {
  /*text-transform: uppercase;
  background: #ececec;
  color: #555;
  cursor: help;
  font-family: "Gill Sans", Impact, sans-serif;
  font-size: 20px;
  margin: 100px 75px 10px 75px;
  padding: 15px 20px;*/
  position: relative;
  /*text-align: center;*/
  /*width: 300px;*/
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.ttwrapper .tooltip {
background: #ececec;
bottom: 100%;
color: #000000;
display: block;
left: -20px;
margin-bottom: 15px;
opacity: 0;
padding: 10px;
pointer-events: none;
position: absolute;
/*width: 300px;*/
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.ttwrapper .tooltip150 { width: 150px; }
.ttwrapper .tooltip200 { width: 200px; }
.ttwrapper .tooltip250 { width: 250px; }
.ttwrapper .tooltip300 { width: 300px; }

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.ttwrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.ttwrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #ececec 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.ttwrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}
.ttwrapper .tooltip ul {
  padding: 0;
  margin: 0 0 0 1em;
}
.ttwrapper .tooltip ul li {
  margin: 0.2em 0 0 0.1em;
}