@font-face{
  font-family: "OpenSans";
  src: url("../webfonts/OpenSans-Regular.ttf");
}
@font-face{
  font-family: "OpenSans";
  src: url("../webfonts/OpenSans-Bold.ttf");
  font-weight: bold;
}
@keyframes border-pulsate {
  0%   { border-color: rgb(255, 0, 0); }
  50%  { border-color: rgb(255, 255, 255); }
  100% { border-color: rgb(255, 0, 0); }
}
@keyframes border-pulsate_blue {
  0%   { border-color: rgb(38, 0, 255); }
  50%  { border-color: rgb(255, 255, 255); }
  100% { border-color: rgb(38, 0, 255); }
}
@keyframes border-pulsate_red1 {
  0%   { border-color: rgb(255, 0, 0); }
  50%  { border-color: rgb(255, 255, 255); }
  100% { border-color: rgb(255, 0, 0); }
}
:not(input) {
    cursor: default;
}

html, body {
  font-family: "OpenSans", "Verdana";
  font-size: 14px;
  padding: 0;
  margin: 0;
  height: 100%;
  font-weight: bold;
  background-color: #fff;
  overflow-x:hidden;
}

.loraboy {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 100;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 10px;
  background-color: #333333ee;
  width: 90%;
  min-width: 450px;
  max-width: 800px;
  color: #eee;
}
.loraboy_text {
  padding: 5px;
}
.loraboy_text_error {
  border-left: 4px solid red;
  border-top: 2px dashed red;
  border-bottom: 2px dashed red;
  margin-left: 10px;
  padding: 10px;
  animation: border-pulsate 2s infinite;
}
.loraboy_text_blue {
  border-left: 4px solid rgb(38, 0, 255);
  border-top: 2px dashed rgb(38, 0, 255);
  border-bottom: 2px dashed rgb(38, 0, 255);
  margin-left: 10px;
  padding: 10px;
  animation: border-pulsate_blue 2s infinite;
}
.loraboy_text_red1 {
  border: 1px dotted rgb(255, 0, 0);
  animation: border-pulsate_red1 2s infinite;
  position: relative;
}

@media print {
  html, body {
    overflow-x:unset !important;
  }
}
.version {
  position: fixed;
  top: 0;
  right: 25px;
  font-size: 15px;
  font-weight: bold;
  z-index: 15;
}
.beta {
  color: #fff;
}

.live {
  color: #fff;
}
table{
  padding: 0;
  margin: 0;
  border-spacing: 0;
}
.line {
  height: 3px;
  display: block;
  width: 100%;
  background-color: #333;
  margin: 10px 0;
}
.topbody {
  background-color: #eee;
}
#frameloader_sb{
  display: block;
  width: 100%;
  border: 0;
  border-top: 1px solid #ccc;
  height: 99%;
}
#frameloader, #frameloader_b2, #frameloader_b3{
  display: block;
  width: 100%;
  border: 0;
  border-top: 1px solid #ccc;
  height: 93%;
}
#editbox {
  display: block;
  width: 98%;
  border: 3px solid #ccc;
  height: 98%;
}
table.planer_tablet {
  width: 100%;
  font-size: 1.2em;
  margin-top: 130px;
}
table.planer td{
  padding: 10px 5px 10px 5px;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ddd;
}
table.planer td.ma_infos {
  padding: 0;
  vertical-align: top;
}
table.planer .maschine{
  vertical-align: top;
  width: 300px;
  line-height: 20px;
}
table.planer_tablet .dropok {
  line-height: 50px;
}
table.planer.planer_tablet .maschine {
  line-height:50px;
  width: 350px;
}
table.planer.planer2 .maschine{
  line-height: 20px;
}
table.planer.planer2 .schichten {
  font-weight: normal;
  font-size: 12px;
  color: #333;
  position: absolute;
  right: 5px;
  top: 5px;
}
table.planer.planer2 .allg_txt {
  font-weight: normal;
  font-size: 12px;
  color: #333;
  padding-left: 10px;
}
table.planer .maschine.important {
  background-color: #ff8b8b;
}
table.planer .maschine input {
  margin: 0;
}
table.planer .maschine .maschine_bez{
  font-size: 20px;
  font-weight:bold;
  line-height: 20px;
}
table.planer input{
  padding: 3px;
  margin: 3px;
}
 table.planer select {
   padding: 3px;
   margin: 3px;
}
table.planer input.fulllength {
  width: 90%;
}
table.planer select.sel_wp1 {
  width: 70%;
}
table.planer_tablet select.sel_wp1, table.planer_tablet select.sel_wp2, table.planer_tablet .fulllength {
  font-size: 1.4em;
}
.sel_article {
  position: absolute;
  bottom: 4px;
  left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 240px;
}
.submit_button {
  font-size: 30px;
  margin-left: 50px;
  position: fixed;
  top: 15px;
  right: 15px;
}
table.planer select.sel_wp2 {
  width: 15%;
}
.table_upt {
  background-color: #ffff88 !important;
}
.table_upt td:not(.xtrabutton_savedel){
  opacity: 0.5;
}
.table_upt2 {
  background-color: #ffff88 !important;
}
.table_upt2 td:not(.maschine){
  opacity: 0.5;
}
.logo {
  display: block;
  position: absolute;
  right: 50px;
  top: 10px;
}
.date_kw {
  background-color: #ddd;
  padding: 10px;
  position: sticky;
  background-color: #fff;
  z-index: 2;
  top: 0;
}
.date_kw_tablet {
  background-color: #e3001b;
  display: inline-block;
  font-size: 0.5em;
}
.ma_dropper {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  width: 430px;
}
.ma_lineheight {
  line-height: 16px;
  font-size: 14px;
}
.abt_differ {
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
}
.abt_differ span{
  cursor: pointer;
}
table.planer .dayv2{
  display: block;
  position: absolute;
  float: right;
  right: 10px;
  height: 100%;
  top: 0;
}
table.planer_pc {
  width: 1100px;
}
.headline {
  background-color: #c4c3c3;
  font-size: 20px;
  height: 60px;
}
.headline .b3_cat_l:hover, .headline .b3_cat_l2:hover{
  cursor: pointer;
  text-decoration: underline;
}
.headline .b3_cat_l {
  font-size: 18px;
}

.headline .b3_cat_l2 {
  font-size: 15px;
}
.date_kw {
  font-size: 30px;
}
.date_kw2 {
  font-size: 15px;
  padding-left: 10px;
}
.top_l {
  display: block;
  padding-top: 4px;
}
.top_n {
  display: block;
  padding-top: 4px;
}
.day {
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.day2 {
  display: block;
  font-weight: bold;
  text-align: right;
  width: 100%;
  height: 55px;
}
.black {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #000;
  z-index: 10;
}
.link_ma, .link_ma2 {
  text-decoration: underline;
  cursor: pointer;
  padding: 3px 10px;
  background-color: #eee;
  border-radius: 5px;
  margin: 5px;
  border: 1px solid #ddd;
}
.link_ma:hover, .link_ma2:hover {
  background-color: #ddd;
}

.button_schulung {
  cursor: pointer;
  background-color: #636363;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: table-cell;
  text-align: center;
  height: 40px;
  padding: 5px 25px;
  vertical-align: middle;
  width: 150px;
  color: #fff;
}
.button_schulung:hover{
  background-color: #ddd;
  color: #333;
  border: 1px solid #333;
}
.edit {
    position: fixed;
    top: 20px;
    left: 20%;
    width: 550px;
    height: 775px;
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 3px 3px 5px #636363;
    z-index: 75;
    overflow: auto;
}
.saver.saverok {
  background-color: #0f7b00;
}
.schichtedit {
    position: fixed;
    top: 100px;
    left: 20%;
    width: 700px;
    height: 675px;
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 3px 3px 5px #636363;
    z-index: 15;
    overflow: auto;
}
.ma tr td #drag {
  padding: 4px;
  display: inline-block;
}
.button2 {
  padding: 5px 20px;
}
.odd{
  background-color: #eee;
}
.ma tr:nth-child(even){
  background-color: #eee;
}
.planer tr:nth-child(even){
  background-color: #eee;
}
.even {
  background-color: #fff;
}
.ma tr:nth-child(even){
  background-color: #fff;
}
.odd.red{
  background-color: #f9b2b2 !important;
  color: #777;
}
.even.red {
  background-color: #fbcfcf !important;
  color: #777;
}
.red {
  background-color: #fbcfcf !important;
  color: #777;
}
.form_edit {
  padding: 10px;
  line-height: 25px;
}
.form_edit input {
  padding: 2px 5px;
}
.table_hl {
  padding: 0px 10px 0px 20px;
  text-align: left;
}
.table_h1_head {
  font-size: 20px;
  font-weight: bold;
  background-color: #ccc;
  padding: 20px;
}
.ansicht1 {
  width: 100%;
  padding: 10px;
}
.ansicht1 tr td{
  border:0;
  height: 75px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  line-height: 15px;
}
.ansicht2 {
  width: 100%;
  padding: 10px;
}
.ansicht2 tr td{
  border:0;
  height: 55px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  line-height: 15px;
}
.ansicht2 .top1 {
  padding-bottom: 3px;
  border-bottom: 1px dotted #ccc;
}
.ansicht2 .top2 {
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 1px dotted #ccc;
}
.ansicht2 .top3 {
  padding-top: 3px;
}
.planer_pnum {
  float: left;
  font-size: 30px;
  padding-right: 15px;
}
.planer .info {
  color: #666;
  font-weight: 300;
  break-after: auto;
  max-width: 80%;
  display: block;
}
.kwchange:hover, .daychange:hover {
  cursor: pointer;
  text-decoration: underline;
}
.kwchange {
  font-size: 20px;
  position: sticky;
  z-index: 2;
  background-color: #fff;
  top: 60px;
}
.daychange {
  border-right: 1px solid #ccc;
  padding: 5px 10px 15px 10px;
  font-size: 14px;
  margin-bottom: 8px;
  display: table-cell;
  background-color: #fff;
  text-align: center;
  border-top: 1px solid #ccc;
}
.daychange_1 {
  border-left: 1px solid #ccc;
}
.daychange_tablet {
  background-color: unset;
}
.activ_day {
  background-image: linear-gradient(0deg, white 0%, #ac3d3d 20%);
  border-top: 3px solid #fff;
}
.wochentage {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 570px;
}
.mitarbeiter_dragdrop {
  display: inline-block;
  position: fixed;
  right: 0;
  top: 130px;
  height: 95%;
  z-index: 10;

  -moz-user-select: -moz-none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 -o-user-select: none;
 user-select: none;
}

.dropbtn_schichtp {
  padding: 10px;
  font-size: 14px;
  font-weight:bold;
  border: none;
  cursor: pointer;
  width:160px;
}
.drop_c0{
  background: linear-gradient(to top right,transparent 50%,#CEC6E8 0) top right/30px 30px no-repeat;
}
.drop_c1{
  background: linear-gradient(to top right,transparent 50%,#06b319 0) top right/30px 30px no-repeat;
}
.drop_c2{
  background: linear-gradient(to top right,transparent 50%,#ffc85e 0) top right/30px 30px no-repeat;
}
.drop_c3{
  background: linear-gradient(to top right,transparent 50%,#ff4a4a 0) top right/30px 30px no-repeat;
}
.dropdown_schichtp {
    position: relative;
    display: inline-block;
    background-color: #fff;
    text-align:center;
}

.dropdown-content_schichtp {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px
        0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.dropdown-content_schichtp span {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content_schichtp span:hover {
    background-color: #f1f1f1
}
.dropdown_schichtp:hover .dropdown-content_schichtp {
  display: block;
}
.planer_colorbuttontxt.urlaub_btntxt{
  padding: 5px;
  display: block;
  border: 2px solid #333;
  margin-top: 1px;
}
.urlaub_sel_schicht {
  display: block;
}
.urlaub_sel_col, .urlaub_sel_schicht{
  border: 1px solid #333;
  display: block;
  margin: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.urlaub_sel_del {
  font-size: 18px;
  text-shadow: 2px 2px 2px #fff;
}
.urlaub_sel span {
  display: block;
  cursor: pointer;
  text-align: center;
  height: 45px;
  width: 100%;
  padding-top: 5px;
}
.urlaub_sel_col {
  height: 250px;
}
.urlaub_sel_schicht {
  height: 150px;
}
.urlaub_sel_head {
  font-size: 20px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.urlaub_sel b {
  font-weight: bold;
  font-size: 25px;
}
.dropdown-content_urlaub .urlaub_sel_schicht .urlaub_sel.loeschen {
  height: 20px;
  width: 270px;
  padding: 11px;
  text-align: center;
  font-size: 17px;
}
.dropdown-content_urlaub {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 30;
    width: 850px;
    right: 0px;
    border-radius: 20px;
    top: 90px;
    border-top-right-radius: 0;
}
.dropdown-content_urlaub .urlaub_sel {
    color: black;
    text-decoration: none;
    display: inline-block;
    height:50px;
    border: 2px solid #ddd;
    width: 170px;
    vertical-align: top;
    margin: 4px 9px;
}
.dropdown-content_urlaub .urlaub_sel:hover {
  opacity: 0.6;
}
.dropdown-content_urlaub .urlaub_sel_schicht .urlaub_sel {
    width: 130px;
}
.urlaub_sel_schicht .urlaub_sel span {
  line-height: 22px;
}
.dropdown_urlaub {
  position: absolute;
  bottom: 0px;
  right: 50px;
  z-index: 70;
  font-size: 14px;
  font-weight: bold;
  height: 60px;
  width: 210px;
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #333;
  padding: 15px;
}
.dropdown_urlaub:hover .dropdown-content_urlaub {
  display: block;
}
.pw_button_logout {
  font-size: 20px;
  background-color: #333;
  padding: 10px 20px;
  margin: 10px;
  border: 1px dashed #999;
  font-weight: bold;
  border-radius: 20px;
  margin-top: 20px;
}
.code {
  padding-top: 10px;
  font-size: 20px;
  vertical-align: top;
  display: inline-block;
}
.tab_pass {
  width: 100px;
  height: 45px;
  font-size: 25px;
  -webkit-text-security: disc;
  -moz-webkit-text-security: disc;
  -moz-text-security: disc;
  margin-top: 14px;
}
.login_button2{
  padding: 10px 20px;
  border: 2px dashed #ddd;
  border-radius: 10px;
  margin: 20px;
  background-color: red;
  cursor: pointer;
}
.login_button1{
  padding: 10px 20px;
  border: 2px dashed #ddd;
  border-radius: 10px;
  margin: 20px;
  background-color: green;
  cursor: pointer;
}
.schichtplan_artikel_auswahl {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  padding: 2px;
  line-height: 25px;
}
.mitarbeiter_dragdrop table.ma {
  display: inline-block;
  width: 430px;
  position: fixed;
  right: 10px;
  height: 97vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #ccc;
  border: 3px solid #999;

  -moz-user-select: -moz-none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 -o-user-select: none;
 user-select: none;
 transition: height 1s ease-in;
}

.mitarbeiter_dragdrop_minus i, .mitarbeiter_dragdrop_plus i{
  cursor: pointer;
  border: 1px solid #333;
  background-color: #ccc;
  color: #333;
  font-weight: bold;
  padding: 5px;
  position: absolute;
  right: 440px;
  z-index: 15;
}
.mitarbeiter_dragdrop_minus i:hover, .mitarbeiter_dragdrop_plus i:hover {
    color: #ccc;
    background-color: #333;
    border: 1px solid #ccc;
}

.art_zuord {
  display: inline-block;
  width: 29%;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
  height: 175px;
}
.art_zuord_single{
  display: block;
  padding: 3px;
  margin:2px;
  position: relative;
  height: 35px;
  cursor: pointer;
    border: 3px solid #dedede;
}
.art_zuord_single_xsmall {
  display: block;
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 10px;
}
#filter_art {
  padding: 5px;
  border-radius: 10px;
  margin: 5px;
  width: 250px;
  border: 1px solid #333;
}
.art_active {
  border: 3px solid #333;
}
.auswahl_button {
  display: block;
  position: absolute;
  bottom: 10px;
  font-size: 22px;
  border: 3px solid #ccc;
  padding: 10px 20px;
  border-radius: 15px;
  cursor: pointer;
}
.rust_edit {
  position: fixed;
  top: 150px;
  width: 800px;
  height: 250px;
  background-color: #fff;
  border: 1px solid #dedede;
  box-shadow: 3px 3px 5px #636363;
  z-index: 15;
  overflow: auto;
  text-align: center;
  font-size: 30px;
  padding-top: 20px;
  margin: 0 10%;
}
.rustedit_stat {
  border: 3px solid #999;
  padding: 15px 30px;
  margin: 0 20px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
}
.rustedit_stat:hover {
  background-color: #ddd !important;
}
.rustedit_stat.stat_0 {
  background-color: #999;
}
.rustedit_stat.stat_1 {
  background-color: #ffeb7f;
}
.rustedit_stat.stat_2 {
  background-color: #64f74f;
}
.rust_info {
  padding: 0px 3px;
  border: 1px dotted #333;
  background-color: #ccc;
  margin-left: 30px;
  font-weight: bold;
  display:block;
}
.rust_status {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  color: #666;
  padding: 5px 10px;
}
.rustplan_a.a_stat_1 {
  background-color: #ffeb7f;
}
.rustplan_a.a_stat_2 {
  background-color: #64f74f;
}
.rustplan_a * {
  cursor: pointer;
}
.rust_ma_head {
  text-align: center;
  display: block;
  padding-top: 5px;
  font-weight: bold;
}
.rustplan_a {
  padding: 10px;
  width: 30%;
  min-width: 400px;
  border: 1px solid #333;
  background-color: #bbb;
  display: inline-block;
  margin: 5px;
  position: relative;
  vertical-align: top;
}
.rustplan_schicht {
  padding: 5px;
  border: 1px solid #333;
  margin: 5px;
  background-color: #dedede;
}
.rust_mach {
  padding-top: 5px;
  line-height:15px;
}
.rustplan_s_h {
  font-size: 18px;
  padding: 10px;
}
.rust_next {
  display: inline-block;
}
.rust_date {
  display:block;
  padding-left: 40px;
}
.rustplan_d {
  padding: 10px;
  width:99%;
}
.rust_artik {
  font-size: 20px;
  line-height: 20px;
}
.rust_ma {
  color: #333;
  font-weight: normal;
  display: block;
  padding-bottom: 5px;
  white-space: nowrap;
}
.rust_time {
  display: inline-block;
  min-width: 180px;
  width: 45%;
  border: 1px solid #999;
  padding: 3px;
  margin: 3px;
  vertical-align: top;
}
.rust_sch_head {
  font-weight: bold;
  text-align: center;
  display: block;
}
.rust_ma_sch {
  color: #333;
  font-weight: normal;
}
.rustplan_date {
  width:99%;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  border-left: 5px #333 solid;
}
.auswahl_ok {
  background-color: #4bd54b;
  right: 60px;
}
.auswahl_cancel {
  background-color: red;
  left: 60px;
}
.auswahl_ok:hover {
  background-color: #ccc;
}
.auswahl_cancel:hover {
  background-color: #ccc;
}
.valtop {
  vertical-align: top;
}
.linetop {
  border-top: 1px solid #333;
  padding-top: 3px;
}
.hiddendrop {
  display: none;
}
.drag_mitarbeiter .hiddendrop {
  display: block;
  padding-left: 15px;
}
.drag_mitarbeiter {
  width: 620px;
  padding: 5px;
  display: block;
  background-color: #ccc;
  border: 2px solid #333;
  z-index: 15;
}
.ma_span_r{
  text-align:right;
  padding-right: 5px;
}
.ma_span1 {
  width: 55px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  padding-right: 10px;
  vertical-align: top;
}
.ma_span2r {
  width: 25px;
  font-weight: bold;
  display:inline-block;
  text-align: right;
  vertical-align: top;
}
.ma_span2l {
  width: 110px;
  font-weight: bold;
  display:inline-block;
  text-align: center;
  vertical-align: top;
}
.ma_span3 {
  width: 110px;
  font-weight: bold;
}
.ma_sa_span {
  width: 180px;
  display: inline-block;
}
.ma_span4 {
  width: 120px;
  font-size: 12px;
  text-align: center;
}
.ma_sa_span_info {
  font-weight: normal;
}
.ma_sa_pnum {
  width: 55px;
  text-align: right;
  font-weight: bold;
  font-size: 15px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
}
.ma_span.ma_span5 {
  width: 100px;
  font-size: 12px;
  text-align: center;
}
.planer_time {
  text-align: center;
  font-size: 22px;
}
.lbl {
  border-bottom: 3px solid #333;
}
.ma_span.ma_span6 {
  width: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.ma_span6td {
  text-align: center;
}
.ma_span {
  display: inline-block;
}
.ma_span.ma_spanhead{
  font-weight: bold;
}
.ur_headline {
  font-size: 60px;
  font-weight: bold;
  display: table;
  width: 100%;
  background-color: #e3001b;
  height: 120px;
  color: #fff;
  box-shadow: 5px 5px 10px #ccc;
  position: sticky;
  z-index: 37;
  top: 0;
  flex: 0 1 auto;
}
.article_tab {
  position: absolute;
  bottom:1px;
  text-overflow: ellipsis;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
}
.article_button .art_green {
  border: 1px solid green;
  border-radius: 5px;
  background-color: green;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px;
  color: #fff;
  width: 50px;
  text-align: center;
}
.article_button .art_red {
  border: 1px solid red;
  border-radius: 5px;
  background-color: red;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px;
  color: #fff;
  width: 50px;
  text-align: center;
}
.urlaub_planer {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  border-collapse: collapse;
  width:100%;
  overflow:scroll;
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  font-size: 13px;
}
.urlaub_planer tr:hover td.first {
  text-decoration: underline;
}
.spacer {
  display: block;
  width: 340px;
}
.planer_header th{
  position: sticky;
  z-index: 2;
  top: 90px;
  background-color: #fff;
}
.urlaub_planer_header {
  position: sticky;
  z-index: 12;
  top: 30px;
  background-color: #fff;
}
.urlaub_planer_header2 {
  position: sticky;
  z-index: 12;
  top: 0px;
  background-color: #fff;
}
.urlaub_th1 {
    background-color: #fff !important;
    z-index: 40 !important;
    position: sticky !important;
    top:0 !important;
    left:0 !important;
}

.planer_header tr th, .urlaub_planer_header tr th {
  background-color: #fff;
  -webkit-transform: translate3d(0,0,0);
}
.kw-strich {
  padding: 3px;
  background-color: #fff;
  position: sticky;
  z-index: 2;
  top: 60px;
}
.ma2 {
  width: 100%;
  padding-top: 10px;
}
.ma2 tr td, .ma2 tr th {
  padding: 15px 10px;
}
.ma2 tr:nth-child(even) {
  background-color: #ffffff;
}
.ma2 tr:nth-child(odd) {
  background-color: #f7f7f7;
}
.ma2 tr:hover {
  background-color: #ddd;
}
.ma2 #abt_bez{
  width: 120px;
}
.ma2 #info{
  width: 250px;
}
.abteilung_top {
  padding: 30px;
  display: inline-block;
  width: 370px;
}
.deak_check {
  background-color: #fbcfcf;
  padding: 10px 20px;
}
.td_cen {
  text-align: center;
}
.background {
	display: block;
	width: 100%;
	height: 130px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #fff;
}
.urlaub_planer .day_so {
  background-color: #e6e6e6;
  color: #333;
}
.abt_table {
  padding: 20px;
}
.abt_table tr td {
  padding: 10px 20px;
  vertical-align: top;
}
.article_info {
  width: 400px;
}
.article_info_h {
  max-height: 75px;
  overflow: hidden;
  display: block;
}
.r_bord {
  border-right: 2px solid #999;
}
.kw_smyb {
  margin-left: 50px;
  cursor:pointer;
}
.abt_table tr:nth-child(odd){
  background-color: #f7f7f7;
}
table.urlaub_planer td{
  padding: 4px 3px;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ddd;
}
table.urlaub_planer th {
  padding: 3px 3px;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ddd;
  font-size: 13px;
}
.ur_kw {
  font-size: 20px !important;
}
table.urlaub_planer tr:nth-child(odd) {
  background-color: #f7f7f7;
}
table.urlaub_planer tr:hover {
  background-color: #ddd;
}
table.urlaub_planer td:not(.first) {
  width: 39px;
  text-align: center;
}
table.urlaub_planer .ma_pnum {
  font-size: 14px;
  font-weight: bold;
  width: 50px;
  display: inline-block;
}

table.urlaub_planer .ma_bez {
  font-size: 14px;
  font-weight: normal;
}

.preselecter {
  position: fixed;
  top: 0px;
  left: 450px;
  z-index: 10;
  font-size: 14px;
  font-weight: normal;
  width: 1080px;
}
.preselecter .urlaub_s {
  width: 40px;
  border: 1px solid #ccc;
}
.preselecter span {
  width: 120px;
  display: inline-block;
  cursor: pointer;
  height: 25px;
  vertical-align: top;
  text-align: center;
  margin: 5px;
  font-size: 12px;
  line-height: 12px;
}
.saver {
  position: fixed;
  top: 40px;
  right: 350px;
  z-index: 52;
  font-size: 24px;
  font-weight: bold;
  border: 3px solid #b5b5b5;
  padding: 10px 30px;
  cursor: pointer;
  color: #fff;
  border-radius: 10px;
  background-color: #333;
}

.datepicker_span {
  position: fixed;
  z-index: 5;
  display: inline-block;
  top: 5px;
  cursor: pointer;
}
.datepicker_span input {
  font-size: 30px;
  border: 1px solid #ccc;
  font-weight: bold;
  width: 250px;
  cursor: pointer;
}
.aktuelle_kw {
  background-color: #fff9cd;
}
.urlaub_planer tr:hover:not(.urlaub_planer_header2):not(.urlaub_planer_header) {
  border: 2px solid #333;
}
.urlaub_planer_header2 th {
  position: sticky;
  top: 0px;
  z-index: 10;
}
.urlaub_planer_header th {
    position: sticky;
    top: 0px;
    z-index: 10;
}
.urlaub_planer tr:hover td.mitarbeiter {
  background-color: #ddd;
}
.urlaub_planer tr td {
  margin: 2px;
}

.urlaub_planer tr td .ma_abt {
  right: 5px;
  position: absolute;
}
.urlaub_planer tr td.mitarbeiter {
  position: relative;
}
.urlaub_planer tr th:not(.first){
  width: 39px;
}
.urlaub_planer tr th.first, .urlaub_planer tr td.first {
  width: 400px;
}
.urlaub_planer tr td.mitarbeiter.first {
  position: sticky;
  left: 0;
  background-color: #ccc;
  z-index: 10;
}
.urlaub_planer tr th.first {
  position: sticky;
  left: 0;
  top:0;
  background-color: #ccc;
  z-index: 40;
}

.corner {
  display: block;
  width: 30px;
  height:30px;
  position: absolute;
  top:0;
  right:0;
  cursor: pointer;
}
.planer2 tr td{
  width: 25%;
  padding: 5px 5px 0 5px;
  height: 40px;
  position: relative;
}
.prio {
  display: block;
  position: absolute;
  right: 25px;
  top: 5px;
  font-size: 20px;
  text-align: center;
  line-height: 15px;
}
.prio .prio_txt {
  font-size: 10px;
}
.planer2 .planer_pnum {
  font-size: 30px;
  position: absolute;
  top: 0;
  left: 5px;
}
.planer2 .ma_name {
  position: absolute;
  top: 5px;
  left: 65px;
  max-width: 155px;
  overflow: hidden;
  white-space: nowrap;
}

.ma_name_after::after {
  content:' .';
  margin-left: 5px;
  right: 0;
  position: absolute;
  background: #fff;
}
.planer {
  position: absolute;
  top: 130px;
}
.planer tr:nth-child(2n) .ma_name_after::after {
  background: #eee;
}
.ma_search_planer {
  text-align: center;
  padding: 5px;
  font-size: 20px;
}
.filter {
  font-size: 15px;
  font-weight: bold;
}

.planer2 .info {
  position: absolute;
  top: 20px;
  left: 65px;
}

.preselecter_wp_tab {
  position: absolute;
  bottom: 0px;
  right: 50px;
  z-index: 2;
  font-size: 14px;
  font-weight: normal;
}
.preselecter_wp_tab_p {
  right: 150px;
}
.preselecter_wp_tab .preselecter_span {
  width: 164px;
  display: inline-table;
  height: 20px;
  vertical-align: top;
  text-align: center;
  padding: 4px 2px;
  font-size: 14px;
  line-height: 12px;
  position: relative;
  border: 2px solid #fff;
  margin: 3px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.preselecter_wp_tab span span {
  position: absolute;
  right: 5px;
}
.preselecter_wp_tab small {
  top: 9px;
  position: absolute;
  left: 12px;
  text-align: center;
  width: 130px;
  font-weight: bold;
}
.preselecter_wp {
  position: absolute;
  bottom: 0px;
  left: 1150px;
  z-index: 2;
  font-size: 14px;
  font-weight: normal;
}
.preselecter_wp span {
  width: 164px;
  display: inline-table;
  cursor: pointer;
  height: 27px;
  vertical-align: top;
  text-align: center;
  padding: 4px 2px;
  font-size: 14px;
  line-height: 12px;
}
.preselecter_wp span.planer_colorbuttontxt {
  height: 12px;
}
.preselecter_wp span span {
  display: inline-block;
  vertical-align: middle;
}
.preselecter_wp2 {
  position: fixed;
  top: 10px;
  left: 400px;
  z-index: 2;
  font-size: 14px;
  font-weight: normal;
}
.preselecter_wp2 span {
  width: 100px;
  display: inline-table;
  height: 30px;
  vertical-align: top;
  text-align: center;
  padding: 0;
  font-size: 14px;
  line-height: 12px;

}
.preselecter_wp2 span span {
  display: inline-block;
  vertical-align: middle;
}

.smallred {
  background-color: #ff8b8b;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 80px;
  margin-right: 5px;
}
.table_h2 {
  font-size: 18px;
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
}
.table_h3 {
  padding: 10px 10px 0px 20px;
  font-size: 20px;
  font-weight: bold;
}
.table_h3 input {
  font-size: 20px;
}
.table_h3_span {
  display: inline-block;
  width: 40%;
}
.table_h2_span {
  display: inline-block;
  width: 40%;
}
.table_dedede {
  background-color: #dedede;
}
.editbox_ma {
  width: 100%;
  line-height: 18px;
  border: 1px solid #ccc;
  padding: 2px;
  background-color: #ccc;
}
.submit_btn{
  font-size: 15px;

}
.rotation_table_ma{
  text-align: center;
  margin: auto;
  border: 1px solid #dedede;
  padding: 5px;
  background-color: #fff;
  margin-right: 20px;
  margin-left: auto;
}
.rota_but {
  padding: 5px;
  background-color: #ccc;
  border-radius: 10px;
  border: 1px solid #333;
  cursor: pointer;
}
.ma_beispiel {
  position: relative;
  top: -70px;
  transform: scale(0.75);
  right: -50px;
  width:320px;
}
.ma_beispiel tr td {
  border: 1px solid #999;
}
.schicht_ma_rota {
  height: 110px;
  border-top: 1px solid #aaa;
  padding-top: 5px;
}

.bg_yel {
  background-color: yellow;
}

.wp_p {
  display: inline-block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  cursor: pointer;
  font-size:15px;
}
.wp_p .fas {
  cursor: pointer;
}
table.planer .maschine{
  position: relative;
}
.td_zusatz {
  position: relative;
}
.trhide {
  display: none;
}
.hider {
  display: none !important;
}
.arrow_rota {
  font-size:30px;
  padding-left: 50px;
}
.smalltr, .smalltr td {
  height:5px;
  padding:0 !important;
  background: #fff;
}
.kw_between {
  padding: 0 10px;
}
.kw_prev i, .kw_next i {
  cursor: pointer;
  z-index: 5;
}
.kw_prev, .kw_next{
  cursor: pointer;
  z-index: 11;
}
.kw_prev, .kw_next, .kw_between {
  font-size: 35px;
}
.b3_cat_h {
  font-size: 15px;
  font-weight: normal;
}
.b3_cat {
  display: inline-block;
  padding: 1px 20px;
  text-align: center;
  border-right: 3px solid #333;
  vertical-align: middle;
  line-height: 18px;
}
.b3_date {
  display: inline;
  position: absolute;
  top: 50px;
  font-size:12px;
  margin-left: -130px;
  margin-top: 13px;
}
.ft_table tr td {
  padding: 5px;
  text-align: center;
}
.printer {
  display: block;
  position: absolute;
  right: 130px;
  top: 0px;
  font-size: 15px;
}

.printer_tablet {
  display: block;
  position: fixed;
  right: 50px;
  top: 30px;
  font-size: 15px;
  z-index:80;
  cursor:pointer;
}
.printer_tablet i {
  cursor:pointer;
}


/* ############# NEW HOME ### */

.home_logo {
  margin: 15px;
  display: inline-block;
}
.home_headline {
  font-size: 60px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  background-color: #e3001b;
  height: 120px;
  color: #fff;
  box-shadow: 5px 5px 10px #ccc;
  margin-bottom: 20px;
}
.bg_home {
  background-color: #e3001b;
  display:block;
  height: 20px;
  bottom:0;
  position: absolute;
  width:100%;
}
.home_buttons {
  width:100%;
  display:block;
  text-align:center;
}

.tab_loggedin {
  position: absolute;
  display:block;
  top:15px;
  right: 350px;
  text-align: right;
  font-size: 15px;
}
.hidetab {
  display: none !important;
}
.home_block.adminhider {
  display: inline-block;
}
.home_block.adminshow {
  display: inline-block;
}
.showtab {
  display: inline-block !important;
}

.home_block {
  background-color: #d7d7d7;
  margin: 10px;
  text-align: center;
  font-size: 2em;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  height: 100px;
  width: 45%;
  border: 2px dashed #555;
  border-radius: 15px;
  vertical-align: top;
  position: relative;
  overflow:hidden;
}
.home_block_s {
  background-color: #d7d7d7;
  margin: 10px;
  margin-right:0;
  text-align: center;
  font-size: 2em;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  height: 100px;
  width: 38%;
  border: 2px dashed #555;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  vertical-align: top;
  position: relative;
  overflow:hidden;
}
.home_block_s2 {
  background-color: #d7d7d7;
  margin: 10px;
  margin-left:0;
  text-align: center;
  font-size: 2em;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  height: 100px;
  width: 7%;
  border: 2px dashed #555;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  vertical-align: top;
  position: relative;
  overflow:hidden;
}
.home_block .home_block1 {
  cursor:pointer;
  position: relative;
  top: 30%;
  display: inline-block;
  padding-left: 50px;
}
.home_block .home_block2 {
  cursor:pointer;
  position: relative;
  top: 10%;
  display: inline-block;
  padding-left: 50px;
}
.home_block_s .home_block1 {
  cursor:pointer;
  position: relative;
  top: 30%;
  display: inline-block;
  padding-left: 70px;
}
.home_block_s .home_block2 {
  cursor:pointer;
  position: relative;
  top: 10%;
  display: inline-block;
  padding-left: 190px;
}
.home_block:hover, .home_block_s:hover, .home_block_s2:hover {
  background-color: #555;
  color: #fff;
}
.home_block_s2 i {
  display: block;
  position: absolute;
  left: 30px;
  top: 0;
  font-size: 60px;
  height: 80%;
  padding-top: 20px;
  width: 50px;
  cursor: pointer;
}
.home_block i, .home_block_s i {
  display: block;
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 40px;
  border-right: 2px solid #333;
  height: 80%;
  padding-right: 30px;
  padding-top: 30px;
  width: 50px;
  cursor: pointer;
}
.fulltable {
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 120px;
  font-size: 1.5em;
}
.fulltable input[type="text"], .fulltable select, .fulltable input[type="number"]{
  font-size: 1.5em;
}
.fulltable textarea{
  font-size: 1em;
  width: 95%;
}
.fulltable input[type="file"] {
  font-size: 1em;
  width: 175px;
}
.webcam_button {
  border: 2px solid #333;
  padding: 2px;
  border-radius: 5px;
  margin-top: 5px;
  display:inline-block;
  margin-right: 150px;
  padding: 5px 20px;
}
.webcam_button:hover{
  cursor: pointer;
  background: #fff;
  color: #333;
}
.upload_button {
  border: 2px solid #333;
  padding: 2px;
  border-radius: 5px;
  margin-top: 5px;
  display:inline-block;
  padding: 5px 20px;
}
.upload_button:hover{
  cursor: pointer;
  background: #fff;
  color: #333;
}
#sb_overlay_box_webcam iframe {
  width:97%;
  height:95%;
  border:0;
  overflow: hidden;
}
.picholder_root img {
  display: inline-block;
  width: 100px;
  padding: 10px;
  border: 1px solid #ccc;
}
.fulltable .td1{
  width: 210px;
  text-align: right;
}
.fulltable .td2{
  padding-left:20px;
}
.fulltable .td3{
  border-left: 2px solid #333;
  text-align: right;
}
.inputnumber {
  width: 150px;
}
.sb_pic_tr {
  height: 100px;
}
/*############# Schichtbuch ###### */
.sb_headline {
  font-size: 60px;
  font-weight: bold;
  display: inline-block;
  width:100%;
  background-color: #e3001b;
  height: 120px;
  color: #fff;
  box-shadow: 5px 5px 10px #ccc;
  position: fixed;
  z-index:7;
  top:0;
}
#search_td span{
  padding: 5px 30px;
  display: inline-block;
  vertical-align: top;
}
#search_td {
  text-align: left;
}
.xtrabutton {
  text-align:center;
}
.radier {
  padding-right: 5px;
}
.xtrabutton_save {
  border: 1px solid green;
  border-radius: 5px;
  background-color: green;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px;
  color: #fff;
  width: 50px;
  text-align: center;
}
.transf_all i {
  cursor: pointer;
}
.transf_day i {
  cursor: pointer;
}
.xtrabutton_del {
  border: 1px solid red;
  border-radius: 5px;
  background-color: red;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px;
  color: #fff;
  text-align: center;
  width: 50px;
}
.xtrabutton_reload {
  border: 1px solid yellow;
  border-radius: 5px;
  background-color: #fff;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px;
  color: #ffbf00;
  text-align: center;
}
.xtrabutton_reload {
  border: 1px solid yellow;
  border-radius: 5px;
  background-color: #fff;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px;
  color: #ffbf00;
  text-align: center;
  width:50px;
  float: left;
  margin-right: 20px;
}
.xtrabutton_save i,.xtrabutton_del i,.xtrabutton_reload i {
  cursor: pointer;
}
.urlaub_sel_col_fix {
  height: unset !important;
}
.lowtrans {
  opacity: 0.3;
  cursor: auto;
}
.lowtrans2 {
  opacity: 0.6;
  cursor: auto;
}
.art_search {
  padding: 20px 0 0 20px;
}
.transdone {
  cursor: auto;
  background-color: #fff;
  color: green;
}
.lowtrans i, .transdone i {
  cursor: auto;
}
.preselecter_wp {
  color: #333;
}
.sb_headline2 {
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
  text-decoration: none;
}
.sb_headline2_small {
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 20px;
  font-size: 20px;
  text-decoration: none;
  padding-left: 20px;
}
.schichtbuch_s_table_hl {
  vertical-align: top;
  font-weight: bold;
}
.schichtbuch_s_table_ft {
  font-weight: normal;
}
.me_headline {
  display: inline-block;
  vertical-align: top;
  padding: 20px 20px 10px 0px;
  font-size: 30px;
  z-index: 1000;
  position: relative;
  background: #e3001b78;
  border-radius: 10px;
}
.me_headline_tablet {
  display: inline-block;
  vertical-align: top;
  padding-top: 15px;
  font-size: 25px;
  line-height: 30px;
}
.me_headline2 {
  top:0;
  min-width: 1440px;
}
.dater {
  border: 2px solid #333;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
}
.dater_txt {
  padding-right: 10px;
}
.dater_to_txt1 {
  padding-right: 10px;
  text-align: left;
  display: inline-block;
  width: 100%;
  font-size: 20px;
}
.dater_to_txt1 input {
  font-size: 20px;
  border: 1px solid #333;
  border-radius: 15px;
  padding: 5px;
}
.dater_to_txt1 i {
  font-size: 30px;
  vertical-align: top;
  padding-top: 7px;
}
.dater_to_txt2 {
  display: inline-block;
  width: 100%;
  font-size: 30px;
  text-align: left;
}
.dater_to_txt2 input {
  font-size: 20px;
  border: 1px solid #333;
  border-radius: 15px;
  padding: 5px;
}
.dater_to_txt2 i {
  vertical-align: top;
  padding-top: 10px;
}
.sb_addbutton {
  width: 80px;
  font-size: 100px;
  height: 80px;
  background-color: #fff;
  color: #e3001b;
  font-weight: bold;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 0 4px 1px;
  margin:0;
  position: fixed;
  top:20px;
  right: 20px;
  cursor: pointer;
  z-index:8;
  border: 1px solid #fff;
}
.sb_addbutton:hover {
  background-color: #fff;
  color: #e3001b;
  border: 1px solid #e3001b;
}
.imgs_schichtbuch_s {
  position: relative;
  display: inline-block;
}
.imgs_schichtbuch_s_x {
  opacity: 0.5;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  cursor: pointer;
  border-top: 40px solid red;
  border-left: 40px solid transparent;
}
.imgs_schichtbuch_s .delsb_icon {
  margin-top: -35px;
  font-size: 15px;
  height: 30px;
  position: absolute;
  right: 3px;
  color: #fff;
}
.headline_link span {
  color: #fff;
  cursor: pointer;
}
.fulltable tr:nth-child(even){
  background-color: #ccc;
}
.fulltable tr:nth-child(odd){
  background-color: #eee;
}
.sb_balkentop {
  top: 60px;
  position: fixed;
  right: 120px;
  display: block;
  z-index:8;
  font-size: 22px;
}
.sb_balkentop span {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  border: 2px dashed #fff;
  border-radius: 20px;
  text-align: center;
  margin: 0 10px;
  cursor: pointer;
}
.sb_balkentop span:hover, .balkentop_active {
  color: #e3001b !important;
  background-color: #fff;
}
.sb_table, .sb_table_single {
  position: absolute;
  top: 120px;
  font-size: 1.5em;
  width: 100%;
}
.sb_date {
  display: inline;
  position: absolute;
  top: 50px;
  font-size:20px;
  margin-left: -130px;
  margin-top: 13px;
}
.sb_save_button {
  font-size: 30px;
  display: inline-block;
  padding: 10px 35px;
  background-color: #e3001b;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid #e3001b;
}
.sb_save_button:hover {
  background-color: #fff;
  color: #e3001b;
  border: 2px solid #e3001b;
}
.td_all_mid {
  text-align: center;
  padding: 20px;
}
.sb_logo {
  height: 70px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 10px 35px;
}
.sb_overlay {
  width: 100vw;
  background-color: #333;
  opacity: 0.5;
  height: 100vh;
  position: fixed;
  top:0;
  left:0;
  z-index:3;
}
.sb_overlay_box {
  width: 80vw;
  background-color: #fff;
  height: 450px;
  position: fixed;
  top:150px;
  left:100px;
  border: 2px solid #e3001b;
  border-radius: 30px;
  font-size: 3em;
  padding-left: 50px;
  padding-top: 50px;
  z-index:4;
}
.sb_overlaymsg_download {
  text-align: center;
  font-size: 20px;
}
.sb_overlaymsg_download a {
  cursor: pointer;
}
#sb_overlay_msgfill {
  height: 330px;
  width: 90%;
  border: 1px solid #333;
  padding: 10px;
  margin: 10px;
  overflow: scroll;
  font-size: 25px;
}
#content {
  height: 360px;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 95%;
  border: 1px solid #ccc;
  text-align: center;
}
.mahelper {
  display: inline-block;
  border: 1px solid #333;
  width: 340px;
  font-size: 15px;
  margin: 5px;
  height: 40px;
  padding:5px;
  text-align: left;
}
.manrhelper {
  display: inline-block;
  border: 1px solid #333;
  width: 340px;
  font-size: 15px;
  margin: 5px;
  height: 40px;
  padding: 5px;
}
.auswahl_artikel_box {
  border: 1px solid #333;
  height: 290px;
  overflow-x: none;
  overflow-y: scroll;
}
.manrhelper_small {
  display: inline-block;
  border: 1px solid #333;
  width: 28%;
  font-size: 15px;
  margin: 5px;
  /*height: 60px;*/
  padding: 5px;
  cursor: pointer;
  vertical-align: top;
}
.manrhelper_small span {
  cursor: pointer;
}
.helperactive {
  background-color: #ccc;
}
.helper_ok_btn {
  font-size: 25px;
  border: 1px solid #333;
  padding: 5px 15px;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  bottom: 20px;
  right: 50px;
}
.helper_ok_btn:hover {
  background-color: #999;
  cursor:pointer;
}
.mahelper_name {
  display: inline-block;
  line-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 210px;
  text-overflow: ellipsis;
}
.mahelper_manr {
  display: inline-block;
  line-height: 19px;
  overflow: hidden;
  width: 100%;
  max-width: 210px;
  text-overflow: ellipsis;
  vertical-align: top;
  padding-left: 10px;
}
.mahelper_pnum {
  font-weight: bold;
  font-size: 30px;
  padding-right: 10px;
  padding-left: 10px;
  width: 90px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.zusatz_head {
  text-align: left;
  padding-left: 250px;
}
.manrhelper_pnum {
  font-weight: bold;
  font-size: 25px;
  padding-right: 10px;
  padding-left: 20px;
  display: block;
  text-align: center;
  line-height: 24px;
}
.sb_helper_box {
  display:none;
  width: 60vw;
  background-color: #fff;
  height: 550px;
  position: absolute;
  top:150px;
  left:200px;
  border: 2px solid #e3001b;
  border-radius: 30px;
  font-size: 3em;
  padding-left: 50px;
  padding-top: 50px;
  z-index: 12;
}
.sb_overlay_box2{
  width: 80vw;
  background-color: #fff;
  height: 70vh;
  position: fixed;
  top:150px;
  left:100px;
  border: 2px solid #e3001b;
  border-radius: 30px;
  font-size: 25px;
  padding-left: 30px;
  padding-top: 30px;
  z-index:4;
}
.sb_tab_ov_maschine {
  display:block;
}
.sb_tab_ov_day {
  display:block;
  text-align: center;
  padding-bottom: 20px;
}
.sb_tab_ov_ma {
  display:block;
  font-size: 25px;
  font-weight: normal;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 95%;
  padding: 10px;
}
.sb_tab_ov_ma i {
  position: absolute;
  right: 50px;
  padding-top: 7px;
}
.sb_tab_ov_ma:hover, .sb_tab_ov_ma.pop_active {
  background-color: #999;
  color: #fff;
  cursor: pointer;
}
.sb_tab_ov_punm {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  padding-right: 10px;
}
.sb_tab_ov_prio {
  padding-top: 30px;
  display:block;
  font-size: 25px;
}
.sb_tab_ov_prio select {
  padding: 5px;
}
.sb_tab_ov_prio_num {
  font-size: 18px;
  font-weight: bold;
}
.sb_tab_prio_sel_s {
  font-weight: bold;
  border: 1px dotted #333;
  padding: 10px 15px;
  margin-left: 5px;
  margin-right: 5px;
}
.planer_tab {
  min-width: 1440px;
}
.sb_tab_prio_sel_s:hover, .sb_tab_mark_sel_s:hover {
  cursor: pointer;
}
.sb_tab_mark_sel_s {
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #333;
  padding: 7px 4px 7px 10px;
  margin: 5px;
}
.sb_tab_ov_txt {
  margin-top: 25px;
  display:inline-block;
  border-right: 1px solid #333;
  width: 45%;
  vertical-align: top;
}
.sb_tab_ov_txt2 {
  margin-top: 25px;
  display:inline-block;
  width: 45%;
  padding-left: 20px;
  position: relative;
}
.sb_tab_ov_txt input {
  font-size: 25px;
  width: 80%;
  height:50px;
}
.sb_tab_ov_art i {
  position: absolute;
  right: 20px;
  margin-top: 3px;
}
.pop_prio_active, .pop_mark_active {
  background-color: #ea2121;
  color: #fff;
}
.sb_tab_ov_art {
  width: 100%;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin: 5px;
  padding: 5px 10px;
  display: block;
}
.sb_tab_ov_art:hover, .sb_tab_ov_art.pop_active {
  background-color: #999;
  color: #fff;
  cursor: pointer;
}
.pop_art_helper {
  display: inline-block;
  border: 1px solid #333;
  width: 340px;
  font-size: 15px;
  margin: 5px;
  height: 40px;
  padding: 5px;
  text-align: left;
}
#pop_art_name {
  font-size: 20px;
  width: 230px;
  display: inline-block;
}
.pop_helper_pnum{
  font-weight: bold;
  font-size: 30px;
  padding-right: 10px;
  padding-left: 20px;
  width: 100px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.sbtab_save_button {
  font-size: 30px;
  position: absolute;
  display: block;
  padding: 0px 20px;
  background-color: #e3001b;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid #e3001b;
  bottom: -20px;
  left: 10px;
}
.sbtab_abbrechen_button {
  font-size: 30px;
  position: absolute;
  display: block;
  padding: 0px 20px;
  background-color: #737373;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid #737373;
  bottom: -20px;
  right: 50px;
}
.sb_tab_half {
  width: 55%;
  display: inline-block;
  border-right: 1px solid #333;
  height: 90%;
  position: relative;
}
.sb_tab_half2 {
  width: 40%;
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding: 20px;
  height: 90%;
  overflow: scroll;
}
.sb_overlay_box_webcam {
  width: 80vw;
  background-color: #fff;
  height: 75vh;
  position: absolute;
  top: 140px;
  left: 70px;
  border: 2px solid #e3001b;
  border-radius: 30px;
  font-size: 3em;
  padding-left: 80px;
  padding-top: 30px;
  z-index: 4;
}
.sb_sel_name {
  width: 500px;
}
.overlay_loading {
  padding-left: 20px;
}
#overlay_box_step2, #overlay_box_step3 {
  display: none;
}
.schichtbuch_img {
  width: 300px;
  display: inline-block;
  padding: 10px;
}
.schichtbuch_img img {
  width: 300px;
}
.sb_sendmail {
  background-color: #333;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 15px;
  padding: 5px 20px;
  float: right;
  cursor: pointer;
}
.sb_sendmail2 {
  background-color: #129300;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 15px;
  padding: 5px 20px;
  float: right;
  cursor: pointer;
}
.sb_ov_mail {
  font-size: 25px;
  display:inline-block;
  position: absolute;
  bottom:10px;
  left: 40px;
  text-decoration: underline;
}
.sb_ov_x {
  font-size: 30px;
  border: 1px solid #333;
  padding: 5px 15px;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  bottom: 40px;
  left: 50px;
}
.email_button2 {
  font-size: 30px;
  border: 1px solid #333;
  padding: 5px 15px;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  bottom: 130px;
  left: 50px;
}
.email_button2:hover, .sb_ov_x:hover {
  cursor: pointer;
  background-color: #999;
}
.sb_ov_x2 {
  font-size: 25px;
  position: absolute;
  bottom:10px;
  right: 40px;
  text-decoration: underline;
  display: none;
}
.sb_table tr:nth-child(even), .sb_table_single tr:nth-child(even){
  background-color: #ccc;
}
.sb_table tr:nth-child(odd), .sb_table_single tr:nth-child(odd){
  background-color: #eee;
}
.sb_maschine {
  display: block;
  background-color: #333;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.sb_maschine_name {
  border: 2px solid #333;
  border-top:0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 5px;
  margin: 0;
}
.s_wer_p {
  background-color: #333;
  border-radius: 10px;
  padding: 1px 5px;
  color: #fff;
  display: block;
  width: 80px;
  margin: auto;
}
.s_wer_p2 {
  margin-top: 5px;
}
.s_wer_p i {
  font-size: 0.7em;
  vertical-align: top;
  padding-top: 7px;
}
.sb_table th {
  padding: 5px;
}
.mat_verf {
  font-size: 22px;
}
.mat_masch_font {
  font-size: 18px;
}
.mat_archiv_button {
  display: inline-block;
  line-height: 22px;
}
.sb_table th:not(#search_td){
  background-color: #333;
  color: #fff;
}
.mat_archiv_tablethelper {
  display: block;
  margin-bottom: 5px;
  text-align: center;

}
.mat_archiv_textf {
  border: 1px solid #333;
  border-radius: 5px;
  padding: 3px 15px;
  width: 250px;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  white-space: nowrap;
}
#search_pnum, #search_manr {
  padding: 15px;
  border: 1px solid #333;
  border-radius: 5px;
  height: 40px;
}
.sb_row_hover * {
  cursor: pointer;
}
#search_date_von, #search_date_bis {
  padding: 12px;
  border: 1px solid #333;
  border-radius: 5px;
}
#search_date_von_archiv, #search_date_bis_archiv {
  padding: 12px;
  border: 1px solid #333;
  border-radius: 5px;
}
#search_td .sb_search_pn {
  font-size: 0.7em;
  text-align: center;
  padding: 0 10px;
}
.sb_search_pn i {
  font-size: 1.5em;
}
.sb_border_lr {
  border-left: 2px solid #333;
  border-right: 2px solid #333;
}
.sb_border_l {
  border-left: 2px solid #333;
}
.sb_b_left {
  border-left: 2px solid #999;
}
.sb_b_right {
  border-right: 2px solid #999;
}
.sb_table tr td {
  padding: 10px;
  cursor: pointer;
  vertical-align: top;
}
.sb_table .mid {
  text-align: center;
}
.sb_table .left {
  text-align: left;
}
.sb_table .wsmall {
  width: 9%;
}
.sb_table .wxsmall {
  width: 5%;
}
.sb_table .wbig {
  width: 30%;
}
.sb_table_single tr td {
  padding: 15px;
}
.sb_table_single tr td.schichtbuch_s_status {
  padding: 30px;
  border-left: 5px solid #999;
  width: 35%;
}
.status_change {
  border: 1px solid #999;
  border-radius: 10px;
  margin: 5px 0 5px 20px;
  padding: 5px;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
}
.sb_edit_status {
  padding-top: 10px;
  text-align: center;
}
.radio_sb {
  padding: 5px;
  display: inline-block;
}
.radio_sb label {
  padding-left: 10px;
}
.radio_yellow {
  text-shadow: #333 1px 1px 1px;
  padding-right:20px;
}
.radio_green{
  text-shadow: #333 1px 1px 1px;
}
.sb_radiobtn {
  border: 1px solid #333;
  border-radius: 15px;
  padding: 5px;
}
.small05 {
  font-size: 0.5em;
}
.sb_radiobtn_yellow {
  background-color: #eee;
  color: #c48d0c;
}
.sb_radiobtn_yellow.active {
  background-color: #c48d0c;
  color: #eee;
}
.sb_radiobtn_green {
  background-color: #eee;
  color: #045b04;
}
.sb_radiobtn_green.active {
  background-color: #045b04;
  color: #eee;
}
.pf {
    color: red;
    font-weight: bold;
}
.status_1 {
  background-color: green;
  color: #fff;
  text-shadow: none;
}
.status_1:hover {
  background-color: #fff;
  color: green;
}
.status_0 {
  background-color: green;
  color: #000;
}
.status_0:hover {
  background-color: #fff;
  color: green;
}
.sb_table_error {
  background-color: #b0b0b0;
  text-align: center;
}
.sb_table .sb_green, .sb_table_single .sb_green{
  color: yellow;
  text-shadow: #333 0px 0px 5px;
}
.sb_table .sb_red, .sb_table_single .sb_red{
  color: green;
}
.sb_ma_small {
  font-size: 0.5em;
}
.sb_masch_small {
  font-size: 0.8em;
  line-height: 0.9em;
}
.sb_pen_edit {
  font-size: 20px;
  border: 3px solid #333;
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
}
.sb_pen_edit * {
  cursor: pointer;
}
.sb_yell {
  color: #ae7408;
  border: 3px solid #ae7408;
}
.sb_done {
  color: green;
  border: 3px solid green;
}
.sb_pen_edit.sb_done:hover {
  color: #fff;
  border: 3px solid #fff;
  background-color: green;
}
.sb_pen_edit.sb_yell:hover {
  color: #fff;
  border: 3px solid #fff;
  background-color: #ae7408;
}
.sb_pen_edit:hover {
  color: #fff;
  border: 3px solid #fff;
  background-color: #333;
}
.sb_edit_status span {
  display: inline-block;
  padding: 10px 5px;
}
/* zusatz */
.za_headline {
  font-size: 60px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  background-color: #e3001b;
  height: 180px;
  color: #fff;
  box-shadow: 5px 5px 10px #ccc;
  z-index: 1;
  flex: 0 1 auto;
}
.za_headline2 {
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
}
.za_addbutton {
  width: 80px;
  font-size: 100px;
  height: 80px;
  background-color: #fff;
  color: #e3001b;
  font-weight: bold;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 0 4px 1px;
  margin:0;
  position: absolute;
  top:20px;
  right: 20px;
  cursor: pointer;
  z-index:2;
  border: 1px solid #fff;
}
.za_addbutton:hover {
  background-color: #e3001b;
  color: #fff;
  border: 1px solid #fff;
}
.za_balkentop{
  top: 125px;
  position: absolute;
  left: 20px;
  display: block;
  z-index:2;
  font-size: 20px;
}
.za_balkentop .za_balkentop_txt2 {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  border-bottom: 2px dashed #fff;
  border-radius: 20px;
  text-align: center;
  margin: 0 5px;
}
.za_balkentop .za_balkentop_txt {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  border: 2px dashed #fff;
  border-radius: 20px;
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
}
.za_balkentop .za_balkentop_txt:hover, .za_balkentop .za_balkentop_txt.active{
  color: #e3001b;
  background-color: #fff;
}
.za_table, .za_table_single {
  font-size: 1.5em;
  margin: 20px;
  padding: 5px;
  border: 1px solid #333;
  width: 95%;
}
.za_table .wsmall{
  padding:10px;
}
.za_table .wbig {
  width: 50%;
  padding:10px;
}
.za_table .wsmall2 {
  width: 7%;
  padding:10px;
}
.za_table .wbig2 {
  width: 20%;
  padding:10px;
}
.za_table .mid, .ks_table .mid {
  text-align: center;
}
.mid {
  text-align: center;
}
.za_table_nodata {
  font-weight: normal;
}
.ks_save_button {
  font-size: 30px;
  display: inline-block;
  padding: 0px 15px;
  background-color: #e3001b;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid #e3001b;
}
.ks_save_button:hover {
  background-color: #fff;
  color: #e3001b;
  border: 2px solid #e3001b;
}
.ks_edit_kw {
  display: inline-block;
  width: 320px;
  text-align: center;
  padding: 10px;
  border: 2px solid #999;
  margin: 10px;
  cursor: pointer;
}
.ks_edit_kw *{
  cursor: pointer;
}
.ks_active {
  background-color: #ddd;
}
.ks_inactive {
  background-color: #fff;
  opacity: 0.7;
}
.ks_inactive .ks_day_on{
  background-color: #999;
}
.ks_day_on {
  width: 50px;
  display: inline-block;
  border: 1px solid #999;
  font-size: 12px;
  background-color: #e387da;
  height: 40px;
  font-weight: normal;
  text-align: center;
  padding-top: 5px;
  line-height: 17px;
  vertical-align: top;
}
.ks_day_on b {
  font-size: 15px;
}
.ks_day_off {
  width: 50px;
  display: inline-block;
  border: 1px solid #999;
  height: 45px;
  vertical-align: top;
}
.za_table .left {
  text-align: left;
}
.za_table_error {
  background-color: #ea2b2b;
  text-align: center;
  padding:5px;
}
.za_table_nodata {
  background-color: #eee;
  text-align: center;
  padding:5px;
}
.za_table tr:nth-child(even), .za_table_single tr:nth-child(even){
  background-color: #ccc;
}
.za_table tr:nth-child(odd), .za_table_single tr:nth-child(odd){
  background-color: #eee;
}
.za_table_data tr td {
  padding: 5px;
}
.za_table .fa-ban, .fa-ban.red {
  color: red;
}
.za_table .fa-check {
  color: green;
}
.firsthide {
  display:none;
}
.fulltable_za {
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  font-size: 2em;
  line-height: 50px;
}
.fulltable_za input[type="text"], .fulltable_za select, .fulltable_za input[type="number"]{
  font-size: 1.0em;
}
.fulltable_za textarea{
  font-size: 1.25em;
  width: 95%;
}
.fulltable_za .td1{
  width: 25%;
  text-align: right;
  padding-right: 10px;
  background-color: #eee;
  position: relative;
}
.fulltable_za .td2{
  padding-left:10px;
}

.za_datepicker {
  font-size: 1.8em !important;
}
.za_button_date {
  background-color: #fff;
  color: #e3001b;
  font-weight: bold;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0 5px 0 5px;
  cursor: pointer;
  border: 1px dashed #e3001b;
}
.za_button_date:hover, .za_button_date.active {
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0 5px 0 5px;
  cursor: pointer;
}
.border_lila {
  border: 1px solid #e387da;
  color: #793c73;
}
.border_or {
  border: 1px solid #f4b084;
  color: #cc590e;
}
.border_blue {
  border: 1px solid #746dd0;
  color: #312c75;
}
.border_green {
  border: 1px solid #5ebf4a;
  color: #3c7d2f;
}
.border_lila.active, .border_lila:hover {
  background-color: #e387da;
}
.border_or.active, .border_or:hover{
  background-color: #f4b084;
}
.border_blue.active, .border_blue:hover {
  background-color: #746dd0;
}
.border_green.active, .border_green:hover {
  background-color: #5ebf4a;
}
.sa_status_l {
  color: green;
  display: inline-block;
  padding-right: 50px;
}
.sa_status_r {
  color: red;
  display: inline-block;
}
.fulltable_za .td1 {
  vertical-align: top;
}
.za_ma_small {
  font-size: 0.6em;
}
.za_table_ccc {
  background-color: #ccc;
}
.za_table_eee {
  background-color: #eee;
  font-size: 0.85em;
}
.za_table .r_bord, .ks_table .r_bord {
  border-right: 2px solid #999;
}
.za_table .b_bord, .ks_table .b_bord {
  border-bottom: 1px solid #999;
}
.za_pen {
  cursor: pointer;
  padding: 10px 5px 5px 5px;
  font-size: 1.3em;
}
.za_table .padd {
  padding: 5px;
}
.padd {
 padding: 5px;
}
.font0_80 {
  font-size: 0.8em;
  vertical-align: top;
  font-weight: normal;
}
.strich {
  line-height: 5px;
}
.extra_padding {
  padding: 5px 15px;
}
.delete_button {
  font-size: 2em;
  position: absolute;
  right: 300px;
  bottom: 20px;
  display: block;
  padding: 10px;
  background-color: red;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid red;
}
.delete_button:hover {
  background-color: #fff;
  color: red;
  border: 2px solid red;
}
.za_overlay_box {
  width: 80vw;
  background-color: #fff;
  height: 500px;
  position: absolute;
  top:60px;
  left:100px;
  border: 2px solid #e3001b;
  border-radius: 30px;
  font-size: 3em;
  padding-left: 50px;
  padding-top: 50px;
  z-index:4;
}
.clicker {
  background-color: #9de1a7 !important;
}
.date_za {
  width: 200px;
}
.form_termin_span {
  display: inline-block;
  text-align: left;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #eee;
}
.form_dring {
  color: red;
  font-size: 20px;
  padding-left: 5px;
}
.cb_dring {
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
}
.td_sbadd {
  padding: 15px 5px;
}
.td2_cb {
  vertical-align: bottom;
}
.form_sv {
  color: green;
  font-size: 20px;
  padding-left: 5px;
}
.v_cent {
  vertical-align: middle !important;
}
.sb_id {
  border-radius: 20px;
  font-size: 1em;
  background-color: #333;
  color: #fff;
  display: inline-block;
  padding: 7px;
  text-align: center;
  width: 60px;
}
.sb_besch {
  font-size: 0.9em;
}
.sb_besch.fs_08 {
  font-size: 0.8em;
}
.sb_besch.fs_09 {
  font-size: 0.9em;
}
.sb_besch.fs_1 {
  font-size: 1em;
}
.sb_day {
  font-size: 0.8em;
}
.sb_row_date {
  font-size: 1em;
}
.sb_row_hover:hover td {
  background-color: #999;
}
.form_s_dring {
  background-color: red;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 0.7em;
  margin: 5px;
}
.sb_cat {
  border-radius: 10px;
  font-size: 0.7em;
  color: #fff;
  padding: 10px;
  margin: 5px;
  line-height: 15px;
}
.sb_cat i {
  font-size: 1.5em;
  padding-bottom: 5px;
}
.sb_cat1, .sb_cat2,.sb_cat3, .sb_cat4 {
  background-color: #605dc1;
}
.sb_cat5, .sb_cat6, .sb_cat7 {
  background-color: red;
}
.form_s_off {
  border-radius: 10px;
  background-color: #ff6600;
  color: #fff;
  padding: 5px;
  margin: 5px;
}
.form_s_off2, .form_s_erl2 {
  width: 300px;
}
.sb_overlay_done {
  text-align: center;
}
.sb_overlay_head {
  font-size: 30px;
  font-weight: bold;
}
.sb_overlay_small {
  font-size: 15px;
  font-weight: normal;
}
.sb_overlay_txt {
  padding-top: 30px;
  font-size: 20px;
  font-weight: bold;
}
.sb_overlay_save_but {
  font-size: 20px;
  border: 3px solid green;
  padding: 10px;
  border-radius: 20px;
  cursor: pointer;
  text-align: center;
  margin: 20px auto;
  width: 350px;
  color: green;
}
.sb_overlay_save_but:hover {
  color: #fff;
  border: 3px solid #fff;
  background-color: green;
}
.sb_overlay_cancel_but {
  font-size: 12px;
  border: 3px solid #333;
  padding: 7px;
  border-radius: 20px;
  cursor: pointer;
  text-align: center;
  margin: 20px auto;
  width: 250px;
  color: #333;
}
.sb_overlay_cancel_but:hover {
  color: #fff;
  border: 3px solid #fff;
  background-color: #333;
}
.sb_anhang {
  text-align: right;
}
.besch_small {
  font-size: 10px;
  text-decoration: underline;
}
.sb_mass_small {
  font-size: 12px;
  padding-top: 10px;
}
.sb_small_anhang {
  display: inline-block;
  width: 40px;
  border: 1px solid #999;
  padding: 5px 0;
  margin: 3px;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  height: 50px;
  vertical-align: top;
}
#sb_save_imp {
  color: red;
}
.sb_overlay_ta {
  width: 50%;
  min-width: 400px;
  background-color: #eaeaea;
  border-radius: 15px;
  border: 1px solid #333;
  padding: 10px;
  font-size: 18px;
}
.form_cat_btn {
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  padding: 7px;
  margin: 7px 15px;
  border: 1px solid #888;
  box-shadow: 2px 2px 5px #333;
}
.form_cat_btn_v2 {
  display: inline-block;
  width: 150px;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  line-height: 30px;
  padding: 5px;
  margin: 10px 0px;
  border: 1px solid #888;
  box-shadow: 2px 2px 5px #333;
}
.form_cat_btn:hover {
  cursor: pointer;
  border: 3px solid #888;
  padding: 5px;
}
.sb_add_all * {
  user-select: none
}
.form_cat_btn1, .form_cat_btn2, .form_cat_btn3, .form_cat_btn4 {
  background-color: #eee;
  color: #0003aa;
  width: 148px;
}
.form_cat_btn1 i, .form_cat_btn2 i, .form_cat_btn3 i, .form_cat_btn4 i {
  color: #6b6b6b;
  font-size: 30px;
}
.form_cat_btn5, .form_cat_btn6, .form_cat_btn7 {
  background-color: #eee;
  color: #d00;
  width: 215px;
}
.form_cat_btn5 i, .form_cat_btn6 i, .form_cat_btn7 i{
  color: #6b6b6b;
  font-size: 30px;
}
.form_cat_btn1.active, .form_cat_btn2.active, .form_cat_btn3.active, .form_cat_btn4.active {
  color: #eee;
  background-color: #0003aa;
}
.form_cat_btn1.active i, .form_cat_btn2.active i, .form_cat_btn3.active i, .form_cat_btn4.active i {
  color: #eee;
}
.form_cat_btn5.active, .form_cat_btn6.active, .form_cat_btn7.active {
  color: #eee;
  background-color: #d00;
}
.form_cat_btn5.active i, .form_cat_btn6.active i, .form_cat_btn7.active i {
  color: #fff;
}
.form_s_erl {
  border-radius: 10px;
  background-color: #0a8000;
  color: #fff;
  padding: 5px;
  margin: 5px;
  font-size: 0.9em;
  white-space: nowrap;
}
.sb_head_08 {
  font-size: 0.8em;
}
.delete_button2 {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: block;
  padding: 10px;
  background-color: red;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid red;
}
.delete_button2:hover {
  background-color: #fff;
  color: red;
  border: 2px solid red;
}
.del_abbrechen_button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  padding: 10px;
  background-color: #e3001b;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid #e3001b;
}
.del_abbrechen_button:hover {
  background-color: #fff;
  color: #e3001b;
  border: 2px solid #e3001b;
}
.c_kw {
  display: none;
}
/* ########### FORMULARE */

.form_headline {
  font-size: 50px;
  font-weight: bold;
  display: inline-block;
  width:100%;
  background-color: #e3001b;
  height: 130px;
  color: #fff;
  box-shadow: 5px 5px 10px #ccc;
}
.form_headline .form_headline_txt {
  font-size: 60px;
  font-weight: bold;
  padding-left: 20px;
  display: block;
  padding-top: 15px;
}
.form_forms {
  padding-top: 20px;
}
.form_forms span {
  cursor:pointer;
  padding: 10px 20px;
  margin: 20px 20px;
  display: inline-block;
  font-size: 20px;
  border:2px solid #333;
  background-color: #ccc;
  border-radius: 15px;
  color: #333;
}
.form_forms span:hover {
  border:2px solid #ccc;
  background-color: #333;
  color: #ccc;
}
.forms_headline {
  display: inline-block;
  vertical-align: top;
  padding-top: 25px;
  cursor: pointer;
  color: #fff;
}
.form_alldiv {
  padding: 10px 10px 200px 10px;
  width: 97%;
}
.form_fullsize {
  width: 100%;
  display: block;
}
.form_halfsize {
  width: 49%;
  display: inline-block;
}
.form_headline1 {
  font-size: 3em;
  font-weight: bold;
  padding: 20px 0;
}
.form_headline2 {
  font-size: 1.5em;
  padding: 5px 10px;
  background-color: #ddd;
}
.form_text2 {
  font-size: 1.5em;
  padding: 5px 10px;
  font-weight: normal;
}
.form_border1_all {
  border: 1px solid #ccc;
}
.form_border_r {
  border-right: 1px solid #ccc;
}
.form_border_rl {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.form_input_full {
  width: 100%;
  border: 1px solid #999;
  font-size: 1.5em;
  border-radius: 10px;
  padding-left: 10px;
}
.form_alldiv input[type="checkbox"] {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  margin-right: 15px;
}
.form_alldiv label {
  vertical-align: middle;
}
.form_tripplesize {
  width: 32%;
  display: inline-block;
  text-align: center;
}
.form_center {
  text-align: center;
}
.form_padder20 {
  padding:20px 0;
}
.form_padder10 {
  padding:10px 0;
}
.form_padder10_o {
  padding:10px 0 5px 0;
}
.form_padder10_u {
  padding:5px 0 10px 0;
}
.form_padder5 {
  padding: 5px 0 5px 0;
}
.form_alldiv label {
  font-size: 18px;
}
.form_size25 {
  width:24%;
  display: inline-block;
}
.form_size50 {
  width: 49%;
  display: inline-block;
}
.form_size75 {
  width: 74%;
  display: inline-block;
}
.form_size66 {
  width: 66%;
  display: inline-block;
}
.form_size33 {
  width: 33%;
  display: inline-block;
}
.form_headline3 {
  font-size: 1.5em;
  font-weight: bold;
}
.form_relative {
  position: relative;
  vertical-align: top;
}
.form_text3 {
  font-size: 1em;
  font-weight: normal;
}
.form_headline4 {
  font-size: 1.25em;
  font-weight: bold;
  padding-left: 10px;
}
.form_text4 {
  font-size: 1.25em;
  font-weight: normal;
}
.form_text5 {
  font-size: 0.8em;
  font-weight: normal;
}
.form_bg_eee {
  background-color: #eee;
}
.form_bg_ccc {
  background-color: #ccc;
}
.form_bg_eee input[type="text"] {
  background-color: #eee;
}
.form_bg_ccc input[type="text"]{
  background-color: #ccc;
}
.form_gap_bot {
  margin-bottom: 15px;
}
.form_check_top {
  vertical-align: top;
}
.form_top15 {
  vertical-align: top;
  padding-top: 15px;
}
.form_inblock {
  display: inline-block;
  width: 85%;
}
.form_padderleft {
  padding-left: 10px;
}
.form_padderright {
  padding-right: 10px;
}
.height_fix {
  height: 100%;
}
.sigWrapper {
  position: fixed;
  margin: 5% auto;
  bottom: 100px;
  left:0;
  right:0;
}
.sigButton_ok, .sigButton_ok2 {
  height: 125px;
  display: inline-block;
  border: 2px solid #ccc;
  width: 90px;
  vertical-align: top;
  background-color: #52ca52;
}
.sigButton_del, .sigButton_del2 {
  height: 120px;
  display: inline-block;
  border: 2px solid #ccc;
  width: 90px;
  vertical-align: top;
  background-color: #ae2222;
}
.sig_buttons {
  vertical-align: top;
  display: inline-block;
  color: #fff;
  font-size: 50px;
}
.sigButton_ok i, .sigButton_ok2 i{
  padding-top: 35px;
}
.sigButton_del i, .sigButton_del2 i{
  padding-top: 30px;
}
.greenok, .greenok2 {
  color: #52ca52;
  display: none;
}
.reddel, .reddel2{
  color: #ae2222;
  display: none;
}
.sig_line {
  font-size: 2em;
}
.canvas_hl {
  font-size: 1.8em;
  top: 36px;
  position: relative;
  z-index: 91;
}
.form_midtext {
  text-align: center;
  font-weight: normal;
}
.inputnumber_form {
  width: 150px;
  font-size: 2em;
  text-align: center;
}
.form_input_name {
  width: 90%;
  font-size: 2em;
  border: 1px solid #ccc;
  margin: 2px;
}
.form_input_name2 {
  width: 50%;
  font-size: 1.8em;
  border: 1px solid #ccc;
  margin: 2px;
}
.form_input_name3 {
  width: 70%;
  font-size: 1.6em;
  border: 1px solid #ccc;
  margin: 2px;
}
.form_input_normal {
  font-size: 2em;
}
.form_date_clock {
  width: 450px;
  display: inline-block;
  text-align: left;
  padding-left: 30px;
}
.form_rightside {
  text-align: right;
}
.form_button {
    cursor: pointer;
    padding: 10px 20px;
    margin: 5px 20px;
    display: inline-block;
    font-size: 20px;
    background-color: #fff;
    border-radius: 15px;
    color: #333;
    border: 3px solid #333;
}
.form_button:hover {
    background-color: #333;
    color: #fff;
}
.form_note {
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-left: 3px;
  margin-right: 3px;
  cursor: pointer;
}
.form_note:hover, .form_note.active {
  background-color: #ccc;
}
.tablethilfe {
  border: 1px solid #333;
  border-radius: 5px;
  padding: 3px 15px;
  background-color: #eee;
  cursor: pointer;
}
.tablethilfe i {
  cursor: pointer;
}
.tablethilfe:hover {
  background-color: #999;
}
.wertung {
  padding: 9px 10px;
  border: 2px solid #333;
  border-radius: 30px;
  transform: rotate(90deg);
  display: inline-block;
  margin: 30px;
  width: 27px;
  height: 31px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.wertung.col1 {
  color: #00551d;
  border: 2px solid #00551d;
}
.wertung.col1:hover, .wertung.col1.active {
  color: #fff;
  background-color: #00551d;
  border: 2px solid #fff;
}
.wertung.col2 {
  color: #02bd42;
  border: 2px solid #02bd42;
}
.wertung.col2:hover, .wertung.col2.active {
  color: #fff;
  background-color: #02bd42;
  border: 2px solid #02bd42;
}
.wertung.col3 {
  color: #938300;
  border: 2px solid #938300;
}
.wertung.col3:hover, .wertung.col3.active {
  color: #fff;
  background-color: #938300;
  border: 2px solid #938300;
}
.wertung.col4 {
  color: #d20000;
  border: 2px solid #d20000;
}
.wertung.col4:hover, .wertung.col4.active {
  color: #fff;
  background-color: #d20000;
  border: 2px solid #d20000;
}
.wertung.col5 {
  color: #6f0000;
  border: 2px solid #6f0000;
}
.wertung.col5:hover, .wertung.col5.active {
  color: #fff;
  background-color: #6f0000;
  border: 2px solid #6f0000;
}

/* ####### Einstellungen ##### */
.config_headline {
  font-size: 60px;
  font-weight: bold;
  display: inline-block;
  width:100%;
  background-color: #e3001b;
  height: 120px;
  color: #fff;
  box-shadow: 5px 5px 10px #ccc;
  z-index:7;
  flex: 0 1 auto;
  white-space: nowrap;
}
.conf_balkenside {
  width: 300px;
  background: #d7d7d7;
  display: block;
  height: 100%;
  flex: 0 1 auto;
  position: relative;
}
.conf_button {
  color: #000;
  width: auto;
  display: block;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid #333;
  padding: 15px;
}
.conf_button:hover {
  cursor: pointer;
  color: #eee;
  background-color: #333;
}
.conf_button.active {
  color: #eee;
  background-color: #333;
}

.conf_button_sch {
  color: #000;
  width: auto;
  display: block;
  font-size: 16px;
  font-weight: bold;
  border-top: 2px solid #333;
  padding: 15px;
}
.conf_button_sch_sub {
  padding: 5px 0 5px 10px;
  background-color: #eee;
  display:block;
  border-bottom: 2px solid #333;
  margin-bottom: 10px;
}
.conf_button_sch_subs {
  display: block;
  border-left: 3px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin: 3px;
  padding: 5px;
}
.conf_button_sch_subs:hover {
  color: #333;
  cursor: pointer;
  background-color: #aaa;
}
.conf_button_sch_subs.active {
  color: #333;
  background-color: #aaa;
}


#frameloader_config, #frameloader_za  {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-top: 1px solid #ccc;
  overflow: scroll;
  flex: 1 1 auto;
}
.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.box .box_2 {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row;
  overflow:hidden;
}
.table_ft_bu {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
.sb_headline2_dyn {
  font-size: 35px;
}

/* ############ KRANKENSTAND ####*/
.ks_table .wsmall {
  padding: 5px;
}
.ks_table {
  width: 95%;
  border: 1px solid #ac2190;
  margin: 20px;
  padding: 5px;
  font-size: 1.5em;
}
.ks_table tr:nth-child(even){
  background-color: #ccc;
}
.ks_table tr:nth-child(odd){
  background-color: #eee;
}
.ks_table_lila {
  background-color: #e387da;
}
.background_lila {
  /*background-image:linear-gradient(90deg, #d7d7d7 80%, #e387da 95%);*/
  border-left: 10px solid #e387da;
  margin-left: 10px;
}
.background_lila:hover {
  /*background-image:linear-gradient(90deg, #fff 80%, #e387da 95%);*/
  background-color: #fff;
}
.background_lila.active {
  /*background-image:linear-gradient(90deg, #333 80%, #e387da 95%);*/
  color: #fff;
  background-color: #333;
}
.mehrwt_table_or {
  background-color: #f4b084;
}
.background_or {
  border-left: 10px solid #f4b084;
  margin-left: 10px;
}
.background_or:hover {
  background-color: #fff;
}
.background_or.active {
  color: #fff;
  background-color: #333;
}
.mehrs_table_blue {
  background-color: #746dd0;
}
.background_blue {
  border-left: 10px solid #746dd0;
  margin-left: 10px;
}
.background_blue:hover {
  background-color: #fff;
}
.background_blue.active {
  background-color: #333;
  color: #fff;
}
.info_table_green {
  background-color: #5ebf4a;
}
.background_green {
  border-left: 10px solid #5ebf4a;
  margin-left: 10px;
}
.background_green:hover {
  background-color: #fff;
}
.background_green.active {
  background-color: #333;
  color: #fff;
}
.table_w_5 {
  width: 5%;
}
.table_w_10 {
  width: 10%;
}
.table_w_15 {
  width: 15%;
}
.table_w_20 {
  width: 20%;
}
.table_w_30 {
  width: 30%;
}
.table_w_40 {
  width: 40%;
}
.table_w_100 {
  width: 100%;
}
.editbox_schulung tr td{
  padding: 5px 10px;
}
.write_protect_on {
  position: fixed;
  bottom:0;
  left:0;
  font-size: 10px;
  border: 1px solid #333;
  background-color: #60bf60;
  padding: 3px 10px;
  line-height: 9px;
}
.write_protect_off {
  position: fixed;
  bottom:0;
  left:0;
  font-size: 10px;
  border: 1px solid #333;
  background-color: red;
  padding: 3px 10px;
  line-height: 9px;
}
.allg_pointer:hover {
  cursor: pointer;
}
.gt {
  font-size: 30px;
  font-weight: bold;
  color: #999;
}
.gt:hover {
  cursor: pointer;
  color: #333;
}
.ma_table {
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  border-left: 3px solid #999;
  margin: 10px;

}
.ma_table tr:not(.art_head) td {
  border-bottom: 1px solid #ccc;
}
.ma_op_c {
  background-color: #aaa;
}
.button_schulung2 {
  cursor: pointer;
  background-color: #636363;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: #fff;
  display: inline-block;
  text-align: center;
  height: 20px;
  padding: 15px 25px;
  vertical-align: middle;
  width: 150px;
  margin: 10px 30px;
}
.button_schulung2:hover{
  background-color: #ddd;
  border: 1px solid #333;
  color: #333;
}
.button_schulung_drop {
  border: 3px solid #ddd;
  display: block;
  margin: 10px 10px;
  border-radius: 15px;
  width: 540px;
}
.button_schulung_drop2 {
  cursor: pointer;
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  height: 20px;
  padding: 15px 25px;
  vertical-align: middle;
  width: 150px;
  margin: 10px 30px;
}
.button_schulung_drop2:hover{
  background-color: #ddd;
}
.edit2 {
  position: fixed;
  top: 40px;
  left: 20%;
  width: 600px;
  height: 450px;
  background-color: #fff;
  border: 1px solid #dedede;
  box-shadow: 3px 3px 5px #636363;
  z-index: 75;
  overflow: auto;
}
.schulung_txtbox_head {
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 30px;
}
.schulung_txtbox_ft {
  background-color: #ccc;
  padding: 10px 25px;
  border-radius: 15px;
  height: 30px;
  display: block;
  margin-bottom: 10px;
}
.schulung_txtbox_ft5 {
  background-color: #ccc;
  padding: 10px 25px;
  border-radius: 15px;
  display: block;
  margin-bottom: 10px;
}
.schulung_txtbox {
  padding: 10px 20px 0 20px;
  font-size: 20px;
  display: block;
}
.schulung_txtbox1, .schulung_txtbox2 {
  font-weight: bold;
  display: inline-block;
  max-width: 340px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schulung_txtbox_ft2 {
  display: inline-block;
  width: 170px;
  vertical-align: top;
  padding-bottom: 10px;
}
.schul_table {
  border-bottom: 5px ridge #dfdfdf;
}

.button_schulung3 {
  cursor: pointer;
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  height: 40px;
  padding: 5px 25px;
  vertical-align: middle;
  width: 150px;
}
.button_schulung3:hover{
  background-color: #ddd;
}
.button_schulung_x {
  cursor: pointer;
  background-color: #a20000;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: table-cell;
  text-align: center;
  height: 40px;
  padding: 5px 15px;
  vertical-align: middle;
  color: #fff;
}
.button_schulung_x:hover{
  background-color: #ddd;
  color: #333;
  border: 1px solid #333;
}
/*###### Material ##### */
.material_table {
  width: 100%;
}
.mat_head td {
  padding: 5px;
  background-color: #595959;
color: #fff;
border-bottom: 1px solid #ddd;
}
.material_table tr:not(.mat_head) td:not(.spacertd) {
  padding: 5px;
  height: 60px;
  border-right: 1px solid #bdbdbd;
}
.material_25 {
  width: 25%;
}
.material_180p {
  width: 180px;
}
.material_table tr td.mat_left {
  padding-left: 20px !important;
}
.spacertd {
  height: 5px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin: 5px;
  background-color: #cecece;
  padding: 2px;
}
.material_dring {
  background-color: #b92424;
}
.material_dring_abas {
  background-image:linear-gradient(90deg, #b92424 0%, #eeeeee 50%)
}
.material_table tr:not(.mat_head):hover td:not(.spacertd,.material_dring,.material_dring_abas) {
  background-color: #bbb;
  cursor: pointer;
}
.material_table tr:not(.mat_head):hover td.material_dring_abas {
  background-image:linear-gradient(90deg, #b92424 0%, #bbb 50%);
  cursor: pointer;
}
.material_dring {
  width: 25px;
}
.mat_dring_td {
  position: relative;
}
.mat_dring {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  font-weight: bold;
  color: #fff;
  display: block;
  font-size: 12px;
  width: 20px;
  position: absolute;
  top:44px;
}
.mat_asap {
  background-color: #b92424 !important;
  font-size: 20px;
  color: #fff !important;
}
.mat_blue {
  background-color: #0067d5 !important;
  color: #fff !important;
}
.mat_green {
  background-color: #139b00 !important;
  color: #fff !important;
}
.mat_red {
  background-color: #9b0000 !important;
  color: #fff !important;
}
.mat_yellow {
  background-color: #d7d300 !important;
  color: #000 !important;
}
.mat_edit {
  position: fixed;
  top: 150px;
  width: 800px;
  height: 430px;
  background-color: #fff;
  border: 1px solid #dedede;
  box-shadow: 3px 3px 5px #636363;
  z-index: 15;
  overflow: auto;
  text-align: center;
  font-size: 30px;
  padding-top: 20px;
  margin: 0 20%;
}
.mat_rightside {
  text-align: right;
  display:block;
}
.mat_pos_bott {
  position: absolute;
  bottom: 10px;
}
.mat_pos_bottline {
  position: absolute;
  bottom: 120px;
}
.mat_centerside {
  text-align: center;
  display:block;
  padding: 10px 0;
  width:100%;
}
.mat_editbutton {
  border: 3px solid #999;
  padding: 10px 20px;
  margin: 15px 30px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  font-size: 25px;
}
.rustedit_stat.stat_3 {
  background-color: #180;
  color: #fff;
}
.rustedit_stat.stat_3:hover {
  background-color: #ccc;
  color: #333;
}
.rustedit_stat.stat_4 {
  background-color: #800;
  color: #fff;
}
.rustedit_stat.stat_4:hover {
  background-color: #ccc;
  color: #333;
}
.mat_editbutton:hover {
  background-color: #999;
}

.mat_plusbutton {
	border: 2px solid lightgrey;
	background-color: #fff;
  font-size: 3em;
	height: 1em;
	width: 1em;
	border-radius: 999px;
	position: relative;
  color: #535353;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  line-height: 0.95em;
  margin-top: 10px;
}
.mat_plusbutton::before {
	height: 1em;
	width: 0.2em;
}
.mat_plusbutton::after {
	height: 0.2em;
	width: 1em;
}
.mat_plusbutton:hover {
  background-color: #535353;
  color: #fff;
  cursor: pointer;
}

.form_cat_btn_mat {
  display: inline-block;
  width: 200px;
  border-radius: 10px;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  padding: 7px;
  margin: 7px 15px;
  border: 1px solid #888;
  box-shadow: 2px 2px 5px #333;
}
.form_cat_btn_mat:hover {
  cursor: pointer;
  border: 3px solid #888;
  padding: 5px;
}
.form_cat_btn_mat.pflicht {
  border: 3px solid red;
  padding: 5px;
}
.form_cat_btn_mat.active {
  background-color: #166400;
  color: #eee;
}
.form_cat_btn_mat i {
  padding-right: 15px;
  scale: 1.8;
}
.form_cat_btn_mat_pflichttxt{
  font-weight: bold;
  border: 1px dashed red;
  font-size: 18px;
  border-radius: 10px;
  padding: 10px;
  color: red;
  display: block;
  width: 480px;
  text-align: center;
}

.container_material {
  display: block;
  width: 100%;
  height: 510px;
  overflow-y: scroll;
}
.mat_vtop {
  vertical-align: top;
  padding-top: 20px;
  height: 500px;
  position: relative;
}
.mat_material {
  width: 460px;
  border: 1px solid #333;
  border-radius:  25px;
  background-color: #cdcdcd;
  display: inline-block;
  height: 430px;
  margin: 10px;
  padding: 20px;
  position: relative;
}
.mat_rohabas_pic {
  font-size: 70px;
  padding: 20px;
  vertical-align: top;
}
.mat_rohabas_2 {
  display: inline-block;
  padding-top: 5px;
}
.mat_rohmat_edit {
  display: inline-block;
  width: 112px;
  height: 80px;
  position: absolute;
  top: 22px;
  right: 21px;
  font-size: 60px;
  color: #333;
  text-align: center;
  border-top-right-radius: 25%;
  border-bottom-right-radius: 25%;
  padding-top: 16px;
}
.mat_rohabas_help:hover,.mat_rohabas_help:hover *{
  cursor: pointer;
}
.mat_rohabas_help:hover .mat_rohmat_edit {
  color: #ddd;
  background-color: #333;
  cursor: pointer;
}
.mat_rohabas_help {
  border: 2px solid #666;
  border-radius: 30px;
  background-color: #ddd;
}
.mat_rohabas_help.mat_set {
  background-color: #bacbff;
}
.fulltable .mat_rohabas_2 input {
  font-size: 1.2em;
}
.mat_bis_button {
  width: 34%;
  height: 70px;
  background-color: #ddd;
  text-align: center;
  display:table-cell;
  vertical-align:middle;
}
.mat_bis_button_r {
  border-right: 1px solid #333;
}
.mat_bis_button:not(.mat_bis_red,.mat_bis_sv,.mat_bis_date):hover {
  background-color: #333;
  color: #ddd;
  cursor: pointer;
}
.mat_bis_div {
  border: 1px solid #333;
  border-radius: 30px;
  overflow: hidden;
  white-space: nowrap;
  display:table;
  width: 100%;
}
.mat_bis_red {
  color: #fff;
  background-color: #b92424;
  cursor: pointer;
}
.mat_bis_sv {
  color: #fff;
  background-color: #1d5fc6;
  cursor: pointer;
}
.mat_bis_date {
  color: #fff;
  background-color: #4d8812;
  cursor: pointer;
}
.mat_trans_05 {
  opacity: 0.5;
}
.mat_save_button {
  font-size: 30px;
  display: block;
  padding: 10px 25px;
  background-color: #e3001b;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  border: 2px solid #e3001b;
  position: fixed;
  bottom: 30px;
  left: 20px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently                              supported by Chrome, Edge, Opera and Firefox */
}
.input_radius {
  border:0 ;
  border-radius: 15px;
  vertical-align: middle;
  margin: 10px;
  padding: 10px;
}
.mat_menge {
  padding: 15px 0;
  text-align: center;
  width: 60%;
  display: inline-block;
}
.mat_bemerkung {
  width: 50%;
  display: inline-block;
  padding: 10px;
}
.mat_date {
  display: inline-block;
  width: 45%;
  padding-top: 35px;
  vertical-align: top;
}
.mat_status {
  display:inline-block;
  width: 35%;
  text-align: center;
  vertical-align: top;
  border-left: 1px solid #333;
  margin-top: 15px;
  padding: 15px 0;
}
.mat_status_1 {
  display: block;
}
.mat_status_2 {
  display: block;
  line-height: 16px;
  font-size: 18px;
}
.sidebar_mat {
  border: 1px solid #333;
  background-color: #eee;
  border-radius: 15px;
  font-size: 12px;
  cursor: pointer;
  padding: 10px;
  margin: 5px;
  text-align: center;
  position: relative;
}
.sidebar_mat_minus {
  position: absolute;
  right: 10px;
  color: #a20000;
  font-size: 20px;
  top: 8px;
}
.sidebar_mat_minus i:hover {
  cursor: pointer;
  color: #333;
}
.sidebar_mat_txt {
  text-align: left;
  width: 80%;
  overflow:hidden;
  display: block;
  cursor: pointer;
}
.mat_sidebar {
  margin-top: 20px;
  height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #999;
  border-radius: 15px;
  display: block;
}
.helper_sorter_div {
  padding: 10px;
  font-size: 16px;
  border: 1px solid #999;
  width: 90%;
  display: block;
  margin-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
.helper_sorter_div span {
  border: 2px solid #666;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 10px 5px;
  background-color: #ccc;
  color: #111;
}
.helper_sorter_div div {
  display: inline-block;
}
.helper_sorter_div span:hover {
  background-color: #333;
  color: #fff;
  cursor: pointer;
}
.textarea_material {
  resize: none;
}
.helper_sorter_div span.active {
  background-color: #333;
  color: #fff;
}
.helper_filter {
  position: absolute;
  right: 10px;
}
.helper_filter input {
  border: 1px solid #666;;
  border-radius: 10px;
  padding: 5px;
  margin: -3px 10px 0 10px;
}
#content.rohmat .mahelper_name {
  width: 100%;
  max-width: unset;
}

.mat_rohabas_txt {
  max-width: 250px;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.mat_rohabas_txt2 {
  max-width: 500px;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.manrhelper200 {
  display: inline-block;
  border: 1px solid #333;
  width: 700px;
  font-size: 15px;
  margin: 5px;
  height: 40px;
  padding: 5px;
  transition: height 0.5s;
}
.manrhelper200.heightadd {
  height: 70px;
}
#roh_no_abas {
  border: 1px solid #333;
  margin: 5px;
  padding: 8px;
  border-radius: 15px;
  width: 500px;
  font-size: 16px;
}
.sb_ov_x3 {
  font-size: 25px;
  display:inline-block;
  position: absolute;
  cursor: pointer;
  border: 1px solid #999;
  background-color: #ccc;
  border-radius: 15px;
  padding: 10px 30px;
}
.sb_ov_x3:hover {
  background-color: #999;
}
.mat_bt_pos1 {
  bottom:10px;
  right: 40px;
}
.mat_bt_pos2 {
   bottom:10px;
   right: 520px;
}
@media (max-width: 1500px){
  .mat_dater {
    font-size: 2em !important;
  }
}
@media (min-width: 1501px){
  .mat_dater {
    font-size: 1.2em !important;
  }
}
input.dater_mat {
  width: 150px;
  font-size: 1.3em !important;
  text-align: center;
}
.mat_material.mat_material_edit {
  width: 650px;
}
.mat_header_count {
  font-size: 14px;
  font-weight: normal;
  padding: 0 5px 5px 5px;
  white-space: nowrap;
}
.mat_header_count_seg {
  display: inline-block;
  padding: 5px;
  margin: 0 10px;
  vertical-align: top;
}
.mat_header_count_seg #search_date_von, #search_date_bis {
  padding: 12px;
  border: 1px solid #333;
  border-radius: 5px;
  vertical-align: top;
}
.mat_header_count_seg_padd_fix {
  padding-left: 10px;
  padding-right: 20px;
}
.mat_archiv_textf i {
  font-size: 20px;
  color: red;
  cursor: pointer;
  display: inline-block;
  padding-top: 5px;
}
.mat_archiv_textf_txt {
  padding-left: 5px;
}
.mat_header_count_seg .sb_search_pn {
  text-align: center;
  padding: 0 10px;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
}
.mat_header_count_seg .sb_search_pn i {
  font-size: 1.5em;
}
#mat_header_counthtml {
  padding: 0 20px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 60px;
}
#mat_header_counthtml a {
  padding: 0 5px;
  display: inline-block;
  cursor: pointer;
}
#mat_header_count {
  display: inline-block;
  padding-left: 10px;
  padding-top: 10px;
}
.mat_header_count_seg_padd_fix_top {
  padding-top: 10px;
}
.sb_printbutton {
  width: 70px;
  font-size: 100px;
  height: 70px;
  background-color: #fff;
  color: #e3001b;
  font-weight: bold;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 0 4px 1px;
  margin:0;
  position: fixed;
  top:20px;
  right: 380px;
  cursor: pointer;
  z-index:8;
  border: 7px solid #fff;
}
.sb_printbutton:hover {
  background-color: #fff;
  color: #e3001b;
  border: 7px solid #333;
}
.print_black {
  font-size: 0.5em;
  color: #333;
  cursor: pointer;
}
.sb_printbutton.print_act {
  color: #fff !important;
  background-color: #333 !important;
}
.sb_printbutton.print_act i {
  color: #fff !important;
  background-color: #333 !important;
}
.print_head {
  background-color: #333;
  color: #fff;
  position: fixed;
  top:120px;
  height: 55px;
  z-index: 10;
  width: 100%;
  font-size: 20px;
}
.print_header_head {
  display: block;
  text-align: left;
  padding-left: 150px;
}
.print_header_txt {
  display: inline-block;
  text-align: left;
  padding-left: 150px;
}
.mat_print_button {
  border: 3px solid #333;
  background-color: #ccc;
  font-size: 16px;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 15px;
  position: absolute;
  color: #333;
}
.mat_print_button:hover {
  color: #fff;
  background-color: #333;
  border: 3px solid #f1f1f1;
  cursor: pointer;
}
.mat_print_button1 {
  top: 7px;
  right: 460px;
}
.mat_print_button2 {
  top: 7px;
  right: 170px;
}
.mat_tr_print td:not(.mat_dring_td) {
  background-color: #333;
  color: #fff;
}
.mat_tr_print .material_dring_abas {
  background-image: linear-gradient(90deg, #b92424 0%, #333 50%);
}
tr.mat_tr_print:hover td:not(.spacertd, .material_dring, .material_dring_abas,.mat_asap, .mat_yellow, .mat_blue){
  cursor: pointer;
  background-color: #333 !important;
}
.mat_print_header {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
}
.material_table_print tr td {
  padding: 2px 15px !important;
  border: 1px solid #999;
  vertical-align: top;
}
.material_table_print {
  font-size: 0.8em;
}
.ma_table2 {
  overflow-y: scroll;
  height: 45em;
}
.form_helper {
  border: 1px solid #333;
  border-radius: 5px;
  padding: 3px 35px;
  background-color: #eee;
  cursor: pointer;
  margin: 0 20px;
}

.form_helper i {
  cursor: pointer;
}
.form_helper:hover {
  background-color: #999;
}
.button_schulung4 {
  cursor: pointer;
  background-color: #ff8383;
  border-radius: 15px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  height: 24px;
  padding: 15px 25px;
  vertical-align: middle;
  width: 380px;
  margin: 30px;
}

.button_schulung4:hover{
  background-color: #ddd;
}
.schulung_status_done {
  color: #0b8201;
}
.schulung_status_todo {
  color: #a60404;
}
.conf_admin {
  width: 80%;
  display: block;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #333;
  padding: 15px;
  position: absolute;
  bottom: 0;
  margin: 10px;
}
.conf_admin:hover, .conf_admin.active {
  color: #ccc;
  cursor: pointer;
  background-color: #333;
}
.admin_pw {
  padding: 20px;
}
.button_pw {
  background-color: #ddd;
  color: #333;
  border: 1px solid #333;
  border-radius: 15px;
  padding: 5px 20px;
  margin-left: 30px;
}
.button_pw:hover {
  background-color: #333;
  color: #999;
  cursor: pointer;
}
.wirksam_top2 {
  right: 10px;
  top: 10px;
  position: absolute;
}
.wirksam_top3 {
  left: 10px;
  top: 10px;
  position: absolute;
}
.wirksam_top4 {
  left: 10px;
  top: 5px;
  position: absolute;
}
.mat_filter {
  border-radius: 15px;
  padding: 5px 10px;
  border: 1px solid #999;
  width: 180px;
}
.button_wirksam_del {
  cursor: pointer;
  background-color: #ff8383;
  border-radius: 15px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  height: 20px;
  padding: 15px 25px;
  vertical-align: middle;
  width: 230px;
  margin: 10px;
}
.button_wirksam_del:hover{
  background-color: #ddd;
}

.button_wirksam_pdf {
  cursor: pointer;
  background-color: #cecece;
  border-radius: 15px;
  border: 1px solid #7b7b7b;
  display: block;
  text-align: center;
  height: 20px;
  padding: 15px 25px;
  width: 200px;
  margin: 20px auto;
}

.button_wirksam_pdf:hover{
  background-color: #ddd;
}

.button_wirksam_erl {
  cursor: pointer;
  background-color: #64f74f;
  border-radius: 15px;
  border: 1px solid #ddd;
  display: inline-block;
  text-align: center;
  height: 20px;
  padding: 15px 25px;
  vertical-align: middle;
  width: 200px;
  margin: 10px;
}

.button_wirksam_erl:hover{
  background-color: #ddd;
}
.sb_msg_box {
  display:none;
  width: 700px;
  background-color: #fff;
  height: 250px;
  position: absolute;
  top:150px;
  left:200px;
  border: 2px solid #e3001b;
  border-radius: 30px;
  font-size: 35px;
  padding-left: 50px;
  padding-top: 50px;
  z-index:4;
}
#msg_content {
  font-size: 25px;
}
.msg_ok_btn, .msg_go_btn {
  font-size: 25px;
  border: 1px solid #333;
  padding: 5px 15px;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  bottom: 20px;
  right: 50px;
}
.email_button {
  font-size: 20px;
  border: 1px solid #333;
  padding: 5px 15px;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  bottom: 100px;
  left: 50px;
}
.msg_ok_btn:hover, .msg_go_btn:hover, .email_button:hover {
  background-color: #999;
  cursor:pointer;
}
.schulung_bigdiv {
  display: inline-block;
  width: 630px;
  border: 1px solid #999;
  padding: 10px;
  margin: 20px;
}
.schulung_new_head {
  font-size: 25px;
  padding-bottom: 20px;
  display: block;
}
.schulung_new_div {
  display: block;
  padding: 10px 0;
  position: relative;
  height: 60px;
}
.schulung_new_field {
  background-color: #ddd;
  padding: 10px;
  border: 1px solid #333;
  border-radius: 15px;
  display: inline-block;
  width: 230px;
  position: absolute;
  right: 70px;
  top: 11px;
}
.schulung_new_div .form_helper {
  font-size: 1.5em;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 11px;
}
.schulung_new_vorlage {
  display: inline-block;
  text-align: left;
  font-size: 25px;
  vertical-align: top;
  padding-left: 20px;
}
.schulung_new_buttons {
  display: inline-block;
}
.button_schulung_new {
  font-size: 20px;
  border: 1px solid #333;
  background-color: #eee;
  border-radius: 15px;
  padding: 5px 10px;
  margin: 5px 10px;
  display: inline-block;
}
.button_schulung_new:hover, .vorlage_active {
  cursor: pointer;
  background-color: #999;
}
.add_helper {
  font-size: 20px;
  border: 1px solid #333;
  background-color: #eee;
  border-radius: 10px;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.add_helper_schulung {
  font-size: 20px;
  border: 1px solid #333;
  background-color: #eee;
  border-radius: 10px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  right: 10px;
}
.add_helper:hover ,.add_helper_schulung:hover {
  background-color: #999;
  cursor: pointer;
}
.schulung_head2 {
  font-size: 22px;
  text-align: center;
  background-color: #636363;
  color: #fff;
}
.schul_table tr:not(.schul_not):hover td {
  background-color: #999;
}
.suche_table {
  padding: 10px 0 0 40px;
}

/*### MSG - READER #### */
.msg-example .info-box {
  color: #F5F5F5;
  padding: 2em;
}
.msg-example .error-msg {
  background-color: #D80A0A;
}
.msg-example .wizard-msg {
  background-color: #673AB7;
}
.msg-example .field-block {
  padding: 1em 2em;
}
.msg-example .field-block .field-label {
  font-weight: bold;
}