/***** Navbar Höhe ändern 80px ******/
.navbar {
  min-height: 80px;
}

.navbar-brand {
    float: left;
    padding: 15px 0px;
    height: 58px;
    line-height: 25px;
    color:#c9c9c9 !important;
    font-size: 27px;
}

/*Bootstrap überschreiben */
/*
.navbar-brand {
    float: left;
    height: 58px;
    padding: 15px 15px;
    font-size: 30px;
    line-height: 25px;
    color:#c9c9c9 !important;
}
*/
.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}
/******************************/

html{
    position: relative;
    min-height: 100%;
}


body{
    margin-bottom: 60px; /* Margin bottom wegen footer Höhe */
    color:#404040;
}

/*
main{
    flex: 1;
}
*/


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
}



.container_neu {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

input {
    filter: none;
}

input:autofill {
  background: #fff;
}

.drueber:hover{
    background-color: #D4D4D4;
    cursor: pointer;
}

.drueberbutton:hover{
    background-color: #FFD466;
    cursor: pointer;
}

.ziehen:hover{
    background-color: #D4D4D4;
    cursor: move;
}

#neues_raster:hover, #kopieren:hover{
    background-color: #D4D4D4;
    cursor:pointer;
}


.Zeile_ungerade
{
    background-color:#F3F3F3;
}

.navbutton{
    background: #FFD466;
    background-origin: padding-box;
    padding: 0 10px;
    margin: 0 auto;  
    display: block;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    color: #4A4A4A;
    line-height: 40px;
}

.abbruch{
    background: red;
    background-origin: padding-box;
    padding: 0 10px;
    margin: 0 auto;  
    display: block;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    color: white;
    line-height: 40px;
}

.navbuttonpdf{
    background: #FFD466;
    background-origin: padding-box;
    padding: 0 20px;
    margin: 0 auto;  
    display: block;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    color: #4A4A4A;
    line-height: 40px;
    width: 155px;
    float: right;
    text-decoration: none !important;
}

.lernbereich {
    text-align: center;
    font-size: 18px;
    padding: 4px;
    height:38px;
}


th.lernbereich{
    border-bottom-color:#DCE6F9;
    background: #DCE6F9; 
    color: #494949; 
    padding:5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
    text-align: center;
    
}


.lernbereich.titel0 {
    background-color: #DCEDFF;/*#ECF5FF;*/
}

.lernbereich.titel1 {
    background-color: #E0FEE3;/*#F7FFF8;*/
}

.lernbereich.titel2 {
    background-color: #FEFED4;/*#FFFFED;*/
}

.lb0 {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #DCEDFF;;
    border-bottom:1px solid #DCEDFF;;
}

.lb1 {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #E0FEE3;
    border-bottom:1px solid #E0FEE3;
}

.lb2 {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FEFFDA;
    border-bottom:1px solid #FEFFDA;
}

.fach{
    font-size: 18px;
    padding: 3px;
    height:38px;
    background-color:#909090b3;
    color:white;
   
}


.grid-stack {
    /*background: #c9c8c61a;*/
    border-radius:4px;
}

.uw-stack {
     background: red;
}

.grid-stack-item-content {
    color: #2c3e50;
    text-align: center;
    background-color: white;
    border: 1px solid lightgrey;
    /*border-radius: 4px;*/
}


.shadow {
    text-shadow: 1px 2px #000000;
}


.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }






/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 16px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}






#mynavbar ul{
    height:58px;
}





.bg-dark {
    background-color: #565656 !important;

}

.navbar-text{
    color:#c2c2c2;
    font-size:18px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #c2c2c2;
    font-size: 18px;
    height: 58px;
    padding-top: 17px;
}

h1, .h1, h2, .h2, h3, .h3 {
   text-align: center;
}

/*CSS checkbox,radio,switch */
.switch {
  height: 4.4rem;
  overflow: hidden;
  width: 7rem;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.switch .switch-label {
  width: 100%;
  font-size: 0.5rem;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

input.toggle {
  visibility: hidden;
}
input.toggle + label {
  width: 4rem;
  border-radius: 4rem;
  visibility: visible;
}
input.toggle + label:hover {
  cursor: pointer;
}
input.toggle:disabled + label:before {
  background-color: rgba(0, 0, 0, 0.1);
}
input.toggle:disabled + label:before.dark, .dark input.toggle:disabled + label:before {
  background-color: rgba(255, 255, 255, 0.075);
}
input.toggle:disabled + label:after {
  background-color: #F5F5F5;
  box-shadow: 0 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
}
input.toggle:disabled + label:after.dark, .dark input.toggle:disabled + label:after {
  background-color: #464646;
}

input.toggle + label:before,
input.toggle + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
}

input.toggle + label:before {
  right: 1rem;
  left: 0.5rem;
  top: 0.8rem;
  bottom: 1.8rem;
  border-radius: 5rem;
  transition: background 0.3s;
  background-color: rgba(0, 0, 0, 0.2);
}
input.toggle + label:before.dark, .dark input.toggle + label:before {
  background-color: rgba(255, 255, 255, 0.2);
}

input.toggle + label:after {
  width: 3rem;
  height: 3rem;
  top: 0.2rem;
  left: 0.3rem;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 0.1rem 0.25rem 0rem rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
  -moz-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
  -o-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
  transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
}
input.toggle + label:after.dark, .dark input.toggle + label:after {
  background-color: #b4b4b4;
}

input.toggle:checked + label:before {
  background-color: #4abc90;
  opacity: 0.5;
}

input.toggle:checked + label:after {
  background-color: #4abc90;
  margin-left: 3rem;
  box-shadow: none;
}

input.checkbox,
input.radio {
  display: none;
}

input.checkbox + label,
input.radio + label {
  display: inline-block;
  line-height: 1.7;
  position: relative;
  padding: calc(1.8rem - 1.8rem * 0.54) 0 0.5rem calc(1.8rem + 1rem);
  min-height: 1.8rem;
}
input.checkbox + label:hover,
input.radio + label:hover {
  cursor: pointer;
}

input.checkbox + label:before,
input.radio + label:before {
  content: "";
  height: 1.8rem;
  width: 1.8rem;
  position: absolute;
  left: 0.2rem;
  top: 0.7rem;
  background-repeat: no-repeat;
}

input.radio[disabled] + label:before,
input.checkbox[disabled] + label:before {
  opacity: 0.5;
}

input.radio[disabled] + label,
input.checkbox[disabled] + label {
  color: rgba(0, 0, 0, 0.3);
}

input.checkbox:checked + label:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzRBQkI4RiIgZD0iTTIwLDI0SDRjLTIuMiwwLTQtMS44LTQtNFY0YzAtMi4yLDEuOC00LDQtNGgxNmMyLjIsMCw0LDEuOCw0LDR2MTZDMjQsMjIuMiwyMi4yLDI0LDIwLDI0eiIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAuNiw1LjdjLTAuNS0wLjUtMS4zLTAuNS0xLjgsMEw5LDE1LjVsLTIuNC0zLjJjLTAuNC0wLjYtMS4zLTAuNy0xLjgtMC4yaDBjLTAuNiwwLjQtMC43LDEuMy0wLjIsMS44CglsMy4zLDQuM2MwLjEsMC4yLDAuMywwLjMsMC41LDAuNGMwLDAsMCwwLDAsMGMwLjEsMCwwLjEsMCwwLjIsMC4xYzAsMCwwLDAsMC4xLDBjMCwwLDAuMSwwLDAuMSwwYzAsMCwwLjEsMCwwLjEsMGMwLDAsMC4xLDAsMC4xLDAKCWMwLjEsMCwwLjEsMCwwLjIsMGMwLDAsMCwwLDAuMSwwYzAuMSwwLDAuMSwwLDAuMi0wLjFjMCwwLDAsMCwwLDBjMC4xLTAuMSwwLjMtMC4xLDAuNC0wLjJMMjAuNiw3LjVDMjEuMSw3LDIxLjEsNi4yLDIwLjYsNS43eiIvPgo8L3N2Zz4=);
}

input.checkbox + label:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBvcGFjaXR5PSIwLjQ4Ij4KCQk8cGF0aCBmaWxsPSIjQkJCREJGIiBkPSJNMjAsMEg0QzEuOCwwLDAsMS44LDAsNHYxNmMwLDIuMiwxLjgsNCw0LDRoMTZjMi4yLDAsNC0xLjgsNC00VjRDMjQsMS44LDIyLjIsMCwyMCwweiBNMjEsMTkKCQkJYzAsMS4xLTAuOSwyLTIsMkg1Yy0xLjEsMC0yLTAuOS0yLTJWNWMwLTEuMSwwLjktMiwyLTJoMTRjMS4xLDAsMiwwLjksMiwyVjE5eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPg==);
}

input.radio:checked + label:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBvcGFjaXR5PSIwLjQ4IiBmaWxsPSIjMkE5OTc3IiBkPSJNMTIsMEM1LjQsMCwwLDUuNCwwLDEyYzAsNi42LDUuNCwxMiwxMiwxMnMxMi01LjQsMTItMTJDMjQsNS40LDE4LjYsMCwxMiwweiBNMTIsMjIKCQlDNi41LDIyLDIsMTcuNSwyLDEyQzIsNi41LDYuNSwyLDEyLDJzMTAsNC41LDEwLDEwQzIyLDE3LjUsMTcuNSwyMiwxMiwyMnoiLz4KPC9nPgo8Y2lyY2xlIGZpbGw9IiM0QUJCOEYiIGN4PSIxMiIgY3k9IjEyIiByPSI4Ii8+Cjwvc3ZnPg==);
}

input.radio + label:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjQ4IiBmaWxsPSIjQkJCREJGIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz4KPC9zdmc+);
}



/*
html {
  font-size: 65.5%;
  margin: 0;
  padding: 0;
  font-family: helvetica, arial;
  color: #666;
}
html ul {
  list-style: none;
  padding: 0;
  display: inline-block;
  width: 30rem;
  margin-right: 5rem;
}
html h3 {
  text-transform: uppercase;
  color: #888;
}
html p {
  color: #666;
}
html .container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}*/
html .light, html .dark {
  padding: 2rem;
  overflow: hidden;
}
html .dark {
  height: 10rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #282828;
}
html .light {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  bottom: 14rem;
  top: 0;
  left: 0;
  right: 0;
}

 .kachel{
    text-align:left;
    height:120px;
    cursor: pointer;
    font-size:0.9em;
    padding:3px;
}

.kachelstufen{
    background-color:#f6f6f6b3;
    padding:3px;
    border: 2px solid #f3f3f3;
    border-radius: 5px; 
    height:200px;
}

.kachelcenter{
    display: flex;
    align-items: center;
    justify-content: center;
} 

.kachel:hover{
    background-color:#D4D4D4 !important;
}

.abt, .uform, .beruf, .jahre, .wochen, .auswahl, .spezialisierung {
    text-align:left;
    height:50px;
    cursor: pointer;
    font-size:1em;
    padding:3px;
    border: solid 1px #e1e1e1;
    line-height: 40px;
}




/*
.abt:hover{
    background-color:#D4D4D4 !important;
}
*/
/*
h4{
    font-size: 20px;
    text-align: center;
    margin:20px;
}*/


/*
.container-fluid{
    flex: 1;
    margin-top:40px;
}
*/

.fehler{
    color:red;
    text-align:center;
}

.ok{
    color:green;
    text-align:center;
}


.menu{
    margin: 0px;
}


.ui-slider .ui-slider-handle{
    text-align: center;
}

.tooltip_templates { 
    display: none; 
}

.inithide{
    visibility: hidden;
}

.btn-warning{
    color:rgb(80, 80, 80);
    background-color:rgb(255, 231, 159);
    border-color: rgb(255, 214, 91);
}

.btn-warning:hover{
    color:rgb(80, 80, 80);
    background-color:#ffdc73;
    border-color:#f2c338;
}

.btn-lernbereich{
    padding:2px 10px !important;
    color:rgb(98, 94, 94);
    background-color:#ffe79f;
    border-color:#ffd65b;
}

.btn-fach{
    border: 1px solid rgb(255, 214, 91);
    background-color: rgb(255, 231, 159);
}


.btn-fach:hover{
    border: 1px solid #f2c338;
    background-color: #ffdc73;
}

.btn-outline-primary {
    color: #B7DAFF;/*#9ECDFF;*/
    border-color: #B7DAFF;/*#9ECDFF;*/
}

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(129, 129, 129, 0.3) solid;
}

.nav-link{
    color: #adadad;
    padding: 0.3rem 0.8rem
}


.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background-color: #343A40;
    border:none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: #c2c2c2;
    padding-top: 20px;
}

.ttip:hover{
     cursor: pointer;
}

.tooltipster-sidetip.tooltipster-bottom.tooltipster-noir-customized .tooltipster-arrow-border {
    border-bottom-color: #343A40;
}




:not(.ui-resizable-autohide)  > .grid-stack-item-content:hover{
    cursor:all-scroll;
}






/*
@media (min-width: 992px) {
  .modal-dialog {
    max-width: 60%;
  }
}
*/


.section {
  text-align: center;
  height: 100%;
  margin: 0 auto;
  padding: 6em 0; }
  .section__title {
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    margin-bottom: 3em; }
  .section--aava {
    background: #2994B2; }
  .section--tuuli {
    background: #474744; }
  .section--vesi {
    background: #54567A; }
  .section--sade {
    background: #2D4659; }
  .section--ilma {
    background: #095062; }
  .section--tuli {
    background: #068B78; }

.toggle-button {
  margin: 0 20px; }

/*
 * Toggle button styles
 */
.toggle-button {
  position: relative;
  display: inline-block;
  color: #fff; }
  .toggle-button label {
    display: inline-block;
    /*text-transform: uppercase;*/
    cursor: pointer;
    text-align: left; }
  .toggle-button input {
    display: none; }
  .toggle-button__icon {
    cursor: pointer;
    pointer-events: none; }
    .toggle-button__icon:before, .toggle-button__icon:after {
      content: "";
      position: absolute;
      top: 45%;
      left: 35%;
      transition: 0.2s ease-out; }

/*
 * Toggle button variables
 */
/*
 * Toggle button styles
 */
.toggle-button--aava label {
  height: 50px;
  line-height: 50px;
  transition: all 0.2s;
  border-radius: 2rem; }
  .toggle-button--aava label:before, .toggle-button--aava label:after {
    position: absolute;
    right: 1.5rem;
    transition: all 0.2s .1s ease-out; }
  .toggle-button--aava label:before {
    content: attr(data-on-text); }
  .toggle-button--aava label:after {
    content: attr(data-off-text); }

.toggle-button--aava input[type=checkbox] + label {
  width: 120px;
  background: #FF5335; }
  .toggle-button--aava input[type=checkbox] + label:before {
    opacity: 0;
    transform: translate(0, 20px); }
  .toggle-button--aava input[type=checkbox] + label:after {
    opacity: 1;
    transform: translate(0, 0); }

.toggle-button--aava input[type=checkbox]:checked ~ label {
  width: 120px;
  background: #61B136; }
  .toggle-button--aava input[type=checkbox]:checked ~ label:before {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--aava input[type=checkbox]:checked ~ label:after {
    opacity: 0;
    transform: translate(0, -20px); }

.toggle-button--aava input[type=checkbox]:checked ~ .toggle-button__icon:before {
  transform: translate(-10%, 100%) rotate(45deg);
  width: 16.66667px; }

.toggle-button--aava input[type=checkbox]:checked ~ .toggle-button__icon:after {
  transform: translate(30%) rotate(-45deg); }

.toggle-button--aava .toggle-button__icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px; }
  .toggle-button--aava .toggle-button__icon:before, .toggle-button--aava .toggle-button__icon:after {
    height: 3px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .toggle-button--aava .toggle-button__icon:before {
    width: 25px;
    transform: rotate(45deg); }
  .toggle-button--aava .toggle-button__icon:after {
    width: 25px;
    transform: rotate(-45deg); }

/*
 * Toggle button variables
 */
/*
 * Toggle button styles
 */
.toggle-button--tuuli label {
  height: 50px;
  line-height: 50px;
  transition: all 0.2s;
  border-radius: 2rem; }
  .toggle-button--tuuli label:before, .toggle-button--tuuli label:after {
    position: absolute;
    right: 1rem;
    transition: all 0.2s .1s ease-out; }

.toggle-button--tuuli input[type=checkbox] + label {
  width: 50px;
  background: #FF5335; }
  .toggle-button--tuuli input[type=checkbox] + label:before {
    opacity: 0;
    transform: translate(0, 20px); }
  .toggle-button--tuuli input[type=checkbox] + label:after {
    opacity: 1;
    transform: translate(0, 0); }

.toggle-button--tuuli input[type=checkbox]:checked ~ label {
  width: 50px;
  background: #61B136; }

.toggle-button--tuuli input[type=checkbox]:checked ~ .toggle-button__icon:before {
  transform: translate(-30%, 100%) rotate(45deg) scale(0.6, 1); }

.toggle-button--tuuli input[type=checkbox]:checked ~ .toggle-button__icon:after {
  transform: translate(20%) rotate(-45deg); }

.toggle-button--tuuli .toggle-button__icon {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 0;
  left: 0; }
  .toggle-button--tuuli .toggle-button__icon:before, .toggle-button--tuuli .toggle-button__icon:after {
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    margin-left: -10%;
    top: 48%; }
  .toggle-button--tuuli .toggle-button__icon:before {
    transform: rotate(45deg); }
  .toggle-button--tuuli .toggle-button__icon:after {
    transform: rotate(-45deg); }

/*
 * Toggle button variables
 */
/*
 * Toggle button styles
 */
.toggle-button--vesi label {
  height: 30px;
  line-height: 28px;
  transition: all 0.2s;
  border-radius: 2rem; }
  .toggle-button--vesi label:before, .toggle-button--vesi label:after {
    position: absolute;
    right: 1.5rem;
    transition: all 0.2s .15s ease-out; }
  .toggle-button--vesi label:before {
    content: attr(data-on-text); }
  .toggle-button--vesi label:after {
    content: attr(data-off-text); }

.toggle-button--vesi input[type=checkbox] + label {
  width: 160px;
  background: #FF5335; }
  .toggle-button--vesi input[type=checkbox] + label:before {
    opacity: 0;
    transform: translate(0, 20px); }
  .toggle-button--vesi input[type=checkbox] + label:after {
    opacity: 1;
    transform: translate(0, 0); }

.toggle-button--vesi input[type=checkbox]:checked ~ label {
  width: 140px;
  background: #61B136; }
  .toggle-button--vesi input[type=checkbox]:checked ~ label:before {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--vesi input[type=checkbox]:checked ~ label:after {
    opacity: 0;
    transform: translate(0, -20px); }

.toggle-button--vesi input[type=checkbox]:checked ~ .toggle-button__icon:before {
  transform: translate(-10%, 100%) rotate(45deg);
  width: 14px; }

.toggle-button--vesi input[type=checkbox]:checked ~ .toggle-button__icon:after {
  transform: translate(30%) rotate(-45deg); }

.toggle-button--vesi .toggle-button__icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 40px; }
  .toggle-button--vesi .toggle-button__icon:before, .toggle-button--vesi .toggle-button__icon:after {
    height: 3px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
  .toggle-button--vesi .toggle-button__icon:before {
    width: 20px;
    transform: rotate(45deg); }
  .toggle-button--vesi .toggle-button__icon:after {
    width: 20px;
    transform: rotate(-45deg); }

/*
 * Toggle button variables
 */
/*
 * Toggle button styles
 */
.toggle-button--sade {
  width: 100px;
  height: 20px; }
  .toggle-button--sade label {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    transition: all 0.2s;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .toggle-button--sade label:before, .toggle-button--sade label:after {
      position: absolute;
      top: 0;
      left: 30px;
      transition: all 0.2s .1s ease-out; }
    .toggle-button--sade label:before {
      content: attr(data-on-text); }
    .toggle-button--sade label:after {
      content: attr(data-off-text); }
  .toggle-button--sade input + label:before {
    opacity: 0;
    transform: translate(20px, 0); }
  .toggle-button--sade input + label:after {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--sade input:checked ~ label:before {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--sade input:checked ~ label:after {
    opacity: 0;
    transform: translate(20px, 0); }
  .toggle-button--sade input[type=checkbox]:checked ~ .toggle-button__icon:before, .toggle-button--sade input[type=checkbox]:checked ~ .toggle-button__icon:after {
    background: #61B136; }
  .toggle-button--sade input[type=checkbox]:checked ~ .toggle-button__icon:before {
    transform: translate(-30%, 70%) rotate(45deg) scale(0.7, 1); }
  .toggle-button--sade input[type=checkbox]:checked ~ .toggle-button__icon:after {
    transform: translate(20%) rotate(-45deg); }
  .toggle-button--sade .toggle-button__icon {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0; }
    .toggle-button--sade .toggle-button__icon:before, .toggle-button--sade .toggle-button__icon:after {
      width: calc(20px - 8px);
      height: 3px;
      border-radius: 3px;
      background: #fff;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
      margin-left: -3px;
      top: 40%;
      background: #FF5335; }
    .toggle-button--sade .toggle-button__icon:before {
      transform: rotate(45deg); }
    .toggle-button--sade .toggle-button__icon:after {
      transform: rotate(-45deg); }
  .toggle-button--sade:hover label {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  .toggle-button--sade:hover input[type=checkbox]:not(:checked) ~ .toggle-button__icon:before {
    animation: icon-hover-before .2s; }
  .toggle-button--sade:hover input[type=checkbox]:not(:checked) ~ .toggle-button__icon:after {
    animation: icon-hover-after .2s; }

@keyframes icon-hover-before {
  0% {
    transform: rotate(45deg) scale(1, 1); }
  100% {
    transform: rotate(45deg) scale(1.2, 1.2); } }

@keyframes icon-hover-after {
  0% {
    transform: rotate(-45deg) scale(1, 1); }
  50% {
    transform: rotate(-45deg) scale(1.2, 1.2); } }

/*
 * Toggle button variables
 */
/*
 * Toggle button styles
 */
.toggle-button--ilma {
  width: 100px;
  height: 20px; }
  .toggle-button--ilma label {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    transition: all 0.2s;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
    .toggle-button--ilma label:before, .toggle-button--ilma label:after {
      position: absolute;
      top: 0;
      left: 30px;
      transition: all 0.2s .1s ease-out; }
    .toggle-button--ilma label:before {
      content: attr(data-on-text); }
    .toggle-button--ilma label:after {
      content: attr(data-off-text); }
  .toggle-button--ilma input + label:before {
    opacity: 0;
    transform: translate(20px, 0); }
  .toggle-button--ilma input + label:after {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--ilma input:checked ~ label:before {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--ilma input:checked ~ label:after {
    opacity: 0;
    transform: translate(20px, 0); }
  .toggle-button--ilma input[type=checkbox]:checked ~ .toggle-button__icon:before, .toggle-button--ilma input[type=checkbox]:checked ~ .toggle-button__icon:after {
    background: #61B136;
    transition: none;
    transform-origin: left center; }
  .toggle-button--ilma input[type=checkbox]:checked ~ .toggle-button__icon:before {
    animation: iconShowBefore .3s;
    transform: translate(0, 0) rotate(45deg) scale(0.6, 1); }
  .toggle-button--ilma input[type=checkbox]:checked ~ .toggle-button__icon:after {
    animation: iconShowAfter .6s;
    transform: translate(4px, 6px) rotate(-45deg); }
  .toggle-button--ilma .toggle-button__icon {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0; }
    .toggle-button--ilma .toggle-button__icon:before, .toggle-button--ilma .toggle-button__icon:after {
      width: calc(20px - 6px);
      height: 3px;
      border-radius: 3px;
      background: #fff;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
      margin-left: -4px;
      top: 40%;
      background: #FF5335;
      transform-origin: center center; }
    .toggle-button--ilma .toggle-button__icon:before {
      transform: rotate(45deg); }
    .toggle-button--ilma .toggle-button__icon:after {
      transform: rotate(-45deg); }
  .toggle-button--ilma:hover label {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
  .toggle-button--ilma:hover input[type=checkbox]:not(:checked) ~ .toggle-button__icon:before {
    animation: iconHoverBefore .2s; }
  .toggle-button--ilma:hover input[type=checkbox]:not(:checked) ~ .toggle-button__icon:after {
    animation: iconHoverAfter .2s; }

@keyframes iconShowBefore {
  0% {
    transform: translate(0, 0) rotate(45deg) scale(0, 1); }
  100% {
    transform: translate(0, 0) rotate(45deg) scale(0.6, 1); } }

@keyframes iconShowAfter {
  0% {
    opacity: 0; }
  49% {
    opacity: 0; }
  50% {
    opacity: 1;
    transform: translate(4px, 6px) rotate(-45deg) scale(0, 1); }
  100% {
    transform: translate(4px, 6px) rotate(-45deg) scale(1, 1); } }

@keyframes iconHoverBefore {
  0% {
    transform: rotate(45deg) scale(1, 1); }
  100% {
    transform: rotate(45deg) scale(1.2, 1.2); } }

@keyframes iconHoverAfter {
  0% {
    transform: rotate(-45deg) scale(1, 1); }
  50% {
    transform: rotate(-45deg) scale(1.2, 1.2); } }


.feld1{
    /*background-color:#9090901a;*/
    text-align: center;
    font-size: 1.05rem;
    /*border-color:#757575;*/
}

.feld2{
    /*background-color:#90909033;*/
    text-align: center;
    /*border-color:#757575;*/
}


.feld3{
    /*background-color:#9090904d;*/
    text-align: center;
    font-size: 0.95rem;
    /*border-color:#757575;*/
}

.feld4{
    background-color:#8f8f8f80;
    border-color:#75757566;
    color:#050505e6;
}

.scheck{
    border:2px solid #fea3a399;
}

.btn-primary.disabled, .btn-primary:disabled {
    cursor: not-allowed;
}

th.lernfeld{
    border-bottom-color:#DCE6F9;
    background: #DCE6F9; 
    color: #494949; 
    padding:5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
}

.raster td, .raster th
{
    padding:2px;
}	

.plan_view td, .plan_view th, .raster_view th, .raster_view td, .plan_view_gross td, .plan_view_gross th, .plan_view_klein td, .plan_view_klein th
{
    border: 1px solid #B6AFB1;	
    padding:2px;
    /*vertical-align:top;*/
}

.plan_view
{
    font-size:13px !important;
    font-weight: normal;
}


.plan_view_gross
{
    font-size:18px !important;
    font-weight: normal;
}


.plan_view_klein
{
    font-size:10px !important;
    font-weight: normal;
}




.raster td .plan_L
{
    font-size:0.85em;
    font-style:italic;
    color:black;
}

.mitborder td{
    border: solid 1px #EEEDED;
}

p.mitborder {
    border: solid 1px #EEEDED;
}

.fach_input
{
	border: 1px solid #919191 !important;
	background-color: #F3F3F3 !important;
	height: 25px;
	width: 810px;
	padding: 3px;
}

.ui-jqgrid{
    font-size: 15px;
}


.ui-jqgrid .ui-jqgrid-htable th {
    height: 28px;
    padding: 2px;
    padding-bottom: 7px;
}

a:hover{
    color:#090909;
    text-decoration: none;
}

h4{
    text-align: center;
}


/*
.ui-dialog-buttonpane{
	float: left;
}
*/


/*
.ui-jqgrid .ui-jqgrid-sortable{
    height:20px !important;
}
*/

.cke_button__digitaleins_label {
    display: inline !important
}

.cke_button__digitaleins_icon {
    display: none !important
}

.cke_button__digitalzwei_label {
    display: inline !important
}

.cke_button__digitalzwei_icon {
    display: none !important
}

.cke_button__digitaldrei_label {
    display: inline !important
}

.cke_button__digitaldrei_icon {
    display: none !important
}
.cke_button__digilink_label {
    display: inline !important
}

.cke_button__digilink_icon {
    display: none !important
}



.digital1
{
    margin: 10px;
    /*border: 1px solid organge;*/
}
.digital1-title, .digital1-content {
	color:orange;
	font-size:10px;
}
.digital1-title {
    margin: 0px;
	border-bottom: 1px solid #ccc;
}
.digital1-title p{
	margin:0px;
}
.digital1-content {
    padding: 0 8px;
	font-size:13px;
}
.digital1-content p{
    padding: 0 4px;
	margin-top:8px;
}
.digital1-content ul li{
    color:orange
}

.digital2
{
    margin: 10px;
    /*border: 1px solid blue;*/
}

.digital2-title, .digital2-content {
	color:blue;
	font-size:10px;
}
.digital2-title {
    margin: 0px;
	border-bottom: 1px solid #ccc;
}
.digital2-title p{
	margin:0px;
}
.digital2-content {
    padding: 0 8px;
	font-size:13px;
}
.digital2-content p{
    padding: 0 4px;
	margin-top:8px;
}
.digital2-content ul li{
    color:blue
}

.digital3
{
    margin: 10px;
    /*border: 1px solid green;*/
}

.digital3-title, .digital3-content {
	color:green;
	font-size:10px;
}
.digital3-title {
    margin: 0px;
	border-bottom: 1px solid #ccc;
}
.digital3-title p{
	margin:0px;
}
.digital3-content {
    padding: 0 8px;
	font-size:13px;
}
.digital3-content p{
    padding: 0 4px;
	margin-top:8px;
}
.digital3-content ul li{
    color:green;
}

.navbar-toggler{
    background-color: #ccc;
}

.qtipklasse .qtip-content{
	border: 1px solid #E7E7E7;
	background-color: #FFD466;
	color: #565656;
	font-family:arial;
	font-size:14px;
	height:60px;
	line-height: 14pt;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	vertical-align:middle !important;
	padding-left:5px !important;
}

.ui-accordion-header .ui-icon { height: 22px !important; }
/*.ui-accordion .ui-accordion-header { height: 24px !important; }*/
.ui-accordion-icons .ui-accordion-header a { padding-left: 24px; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon
{
	margin-top:-1px !important;
}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
	
	background:none repeat scroll 0 0 #BECAD9 !important;
	border: 1px solid #AAAAAA !important;
}

#selectable_farbe .ui-selecting { background: #FECA40; color: white;  }
#selectable_farbe .ui-selected { background: #F39814; color: white; border:2px solid black !important}
#selectable_farbe { list-style-type: none; margin: 0; padding: 0; }
#selectable_farbe li { margin: 1px; padding: 0.1em; font-size: 1em; height: 30px; width: 30px;border:2px solid white}

ol.horizontal{
    list-style-type: decimal;
   	width:450px;
}

ol.horizontal li{
    float: left;
    width: 200px;
    padding: 2px 0px;
}


.BKL
{
	border-left:solid 2px gray !important;	
}

.BKL_hover
{
	border-left:solid 2px #FF7275 !important;	
}

.BKR
{
	border-right:solid 2px gray !important;	
}

.BKR_hover
{
	border-right:solid 2px #FF7275 !important;	
}

.BKB
{
	border-bottom:solid 2px gray !important;	
}

.BKB_hover
{
	border-bottom:solid 2px #FF7275 !important;	
}

.BKLB
{	
	border-left:solid 2px gray !important;	
	border-bottom:solid 2px gray !important;	
}

.BKLB_hover
{	
	border-left:solid 2px #FF7275 !important;	
	border-bottom:solid 2px #FF7275 !important;	
}

.BKRB
{	
	border-right:solid 2px gray !important;	
	border-bottom:solid 2px gray !important;	
}

.BKRB_hover
{	
	border-right:solid 2px #FF7275 !important;	
	border-bottom:solid 2px #FF7275 !important;	
}

.BKLRB
{
	border-left:solid 2px gray !important;	
	border-right:solid 2px gray !important;	
	border-bottom:solid 2px gray !important;
}

.BKLRB_hover
{
	border-left:solid 2px #FF7275 !important;	
	border-right:solid 2px #FF7275 !important;	
	border-bottom:solid 2px #FF7275 !important;
}

.BKLR
{
	border-left:solid 2px gray !important;	
	border-right:solid 2px gray !important;	
}

.BKLR_hover
{
	border-left:solid 2px #FF7275 !important;	
	border-right:solid 2px #FF7275 !important;	
}




.BKLRT
{
	border-left:2px solid gray !important;
	border-right:2px solid gray !important;
	border-top:2px solid gray !important;
	padding:2px
}



.BKLRTB
{
	border-left:2px solid gray !important;
	border-right:2px solid gray !important;
	border-top:2px solid gray !important;
	border-bottom:2px solid gray !important;
	
}



.BKLRTB_hover
{
	border-left:solid 2px #FF7275 !important;	
	border-right:solid 2px #FF7275 !important;	
	border-top:solid 2px #FF7275 !important;
	border-bottom:solid 2px #FF7275 !important;
}

.BKLRT_hover
{
	border-left:2px solid #FF7275 !important;
	border-right:2px solid #FF7275 !important;
	border-top:2px solid #FF7275 !important;
}


.hovertab
{
    background-color:#FFDA96 !important; /*#D3D3D3;*/
}



.hovertabLF
{
    background-color:#FBEFD8 !important; /*#D3D3D3;*/
}



.hovertabAS
{
    background-color:#FBE2B4 !important; /*#D3D3D3;*/
}


.accordion_rot .defaultIcon
{
    background-image: url(../images/plus_rot.png) !important;
    /*width: 24px;*/
    height: 24px;
    padding-right:10px;
    margin-top:5px;
    vertical-align: bottom;
}

.accordion_rot .selectedIcon
{
    background-image: url(../images/minus_rot.png) !important;
    /*width: 24px;*/
    height: 24px;
    padding-right:10px;
    margin-top:5px;
    vertical-align: bottom;
}

.accordion_gruen .defaultIcon
{
    background-image: url(../images/plus_gruen.png) !important;
    /*width: 24px;*/
    height: 24px;
    padding-right:10px;
    margin-top:5px;
    vertical-align: bottom;
}

.accordion_gruen .selectedIcon
{
    background-image: url(../images/minus_gruen.png) !important;
    /*width: 24px;*/
    height: 24px;
    padding-right:10px;
    margin-top:5px;
    vertical-align: bottom;
}

.defaultIcon
{
    background-image: url(../images/plus_grau.png) !important;
    width: 24px;
    height: 24px;
    padding-right:10px;
    margin-top:5px;
    vertical-align: bottom;
}

 .selectedIcon
{
    background-image: url(../images/minus_grau.png) !important;
    width: 24px;
    height: 24px;
    padding-right:10px;
    margin-top:5px;
    vertical-align: bottom;
}

.leh{   
    height:30px;
    background-color:#efefef;	
    text-align:center;
    vertical-align:text-bottom;
    margin:1px;
}

.klassestyle{
    
    height:30px;
    background-color:#efefef;	
    text-align:center;
    vertical-align:text-bottom;
    margin:1px;    
}

.klassestyle.ui-draggable-dragging{
    background: #FFDA96;
}

.leh.ui-draggable-dragging{
    background: #FFDA96;
}

input:-moz-read-only { /* For Firefox */
   background-color: #EEE;
   color:#828282;
}

input:read-only {
   background-color: #EEE;
   color:#828282;
}

abbr {
  text-decoration: none !important;
}
abbr:hover{
  cursor: default;
}

.ui-jqgrid tr.jqgrow td,
.ui-jqgrid tr.jqgroup td
	{padding: 2px 2px 1px 4px;}
	

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 471px;
    text-align: right;
}
.ui-dialog .ui-dialog-titlebar-close{
	display:none;
}