﻿    body {
      margin: 5;
      background: #3B3B3B;
      #max-height: 1024px;
      #max-width: 1280px;
      font-size:13px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
        Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }
    div.table_head { 

      border-collapse:collapse;

    }
    div.tr_head {
      display:table-row;
    }
    div.tr_body {
      display:table-row;
      cursor: pointer;
    }
	.td_head {
      display:table-cell;
      border:thin solid black; 
      background-color:#c2c2c2;
      padding:5px;
      font-weight:bold;
    }    
    div.td_head { 
      display:table-cell; 
      border:thin solid black; 
      background-color:#c2c2c2;
      padding:5px; 
      font-weight:bold;
    }
    div.td_body1 { 
      display:table-cell; 
      border:thin solid black; 
      background-color:#ffffff;
      padding:5px; 
      text-align:center;
    }
    .td_body1 { 
      display:table-cell; 
      border:thin solid black; 
      background-color:#ffffff;
      padding:5px; 
      text-align:center;
    }
	.td_body2 { 
      display:table-cell; 
      border:thin solid black;
      background-color:#efefef;
      padding:5px; 
      text-align:center;
    }        
    .tr_body:hover .td_body1 { 
      background-color: rgba(225,225,225,.5);
    } 
    .tr_body:hover .td_body2 { 
      background-color: rgba(225,225,225,.5);
    }
    div.td_body_alarmieren { 
      display:table-cell;
      border:thin solid black; 
      background-color:#ff00ff;
      padding:5px; 
      text-align:center;
    } 
    div.td_body_beendet {
      display:table-cell; 
      border:thin solid black; 
      background-color:#3cb371;
      padding:5px; 
      text-align:center;
    }
    div.td_body_einsatz {
      display:table-cell;
      border:thin solid black;
      background-color:#daa520;
      padding:5px;
      text-align:center;
    }
    div.td_body_angekommen {
      display:table-cell;
      border:thin solid black;
      background-color:#dc143c;
      padding:5px;
      text-align:center;
    }
    div.td_body_dispo { 
      display:table-cell; 
      border:thin solid black;
      background-color:#ff00ff;
      padding:5px; 
      text-align:center;
    } 
    div.td_body_dispo_brand {
      display:table-cell;
      border:thin solid black;
      background-color:red;
      padding:5px;
      text-align:center;
      color:#ffffff;
      font-weight:bold;
      animation: blink 1s steps(1) infinite;
      -webkit-animation: blink 1s steps(1) infinite;
    }
    @keyframes blink { 50% { color: transparent; } }
    @-webkit-keyframes blink { 50% { color: transparent; } }
    div.td_beendet {
      display:table-cell;
      border:thin solid black;
      background-color:#3cb371;
      padding:5px;
      text-align:center;

      animation: blinki 1s steps(1) infinite;
      -webkit-animation: blinki 1s steps(1) infinite;
    }
    div.td_nachforderung {
      display:table-cell;
      border:thin solid black;
      background-color:#ff00ff;
      padding:5px;
      text-align:center;

      animation: blinki 1s steps(1) infinite;
      -webkit-animation: blinki 1s steps(1) infinite;
    }

    @keyframes blinki { 50% { background-color: transparent; } }
    @-webkit-keyframes blinki { 50% { background-color: transparent; } }
    div.td_body2 {
      display:table-cell;
      border:thin solid black;
      background-color:#efefef;
      padding:5px;
      text-align:center;
    }
    div.td_body3 {
      display:table;
      border:thin solid black;
      background-color:#efefef;
      padding:5px;
      text-align:center;
    }
    .aButton {
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:linear-gradient(to bottom, #ededed 5%, #e1e1e1 100%);
    	background-color:#ededed;
    	border-radius:6px;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	cursor:pointer;
    	color:#777777;
    	font-family:Arial;
    	font-size:15px;
    	font-weight:bold;
    	padding:38px 14px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #ffffff;
    }
    .aButtonA {
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:linear-gradient(to bottom, #b3b3b3 5%, #dfdfdf 100%);
    	background-color:#dcdcdc;
    	border-radius:6px;
    	border:1px solid #;
    	display:inline-block;
    	cursor:pointer;
    	color:#efefef;
    	font-family:Arial;
    	font-size:15px;
    	font-weight:bold;
    	padding:38px 24px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #c1c1c1;
    }
    .aButton:hover {
    	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    	background-color:#dfdfdf;
    }
    .aButton:active {
    	position:relative;
    	top:1px;
    }
     .bButton {
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    	background-color:#ededed;
    	border-radius:6px;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	cursor:pointer;
    	color:#777777;
    	font-family:Arial;
    	font-size:15px;
    	font-weight:bold;
    	padding:20px 24px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #ffffff;
    }
    .bButton:hover {
    	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    	background-color:#dfdfdf;
    }
    .bButton:active {
    	position:relative;
    	top:1px;
    }
     .cButton {
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    	background-color:#ededed;
    	border-radius:6px;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	cursor:pointer;
    	color:#777777;
    	font-family:Arial;
    	font-size:15px;
    	font-weight:bold;
    	padding:15px 20px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #ffffff;
    }
    .cButton:hover {
    	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    	background-color:#dfdfdf;
    }
    .cButton:active {
    	position:relative;
    	top:1px;
    } 
     .dButton {
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    	background-color:#ededed;
    	border-radius:6px;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	color:#777777;
    	font-family:Arial;
    	font-size:15px;
    	font-weight:bold;
    	padding:15px 19px;
    	text-decoration:none;
    	text-shadow:0px 1px 0px #ffffff;
    }       
.select {
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}    .select {
        font-family: 'Arial';
        display: inline-block; 
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 1px solid #000000;
        border-radius: 5px;
        background: #efefef;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
.input {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 5px 5px;
        outline: 0;
        border: 1px solid #000000;
        border-radius: 5px;
        background: #efefef;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-align:left;
    }
.textarea {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        height: auto;
        padding: 5px 5px;
        outline: 0;
        border: 1px solid #000000;
        border-radius: 5px;
        background: #efefef;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-align:left;
    }
        .select select::-ms-expand {
            display: none;
        }
        .select select:hover,
        .select select:focus {
            color: #000000;
            background: #cccccc;
        }
        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
.select_arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #000000;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}
.footer {
    position: absolute;
    bottom: 0px;
    padding:0px; 
    width:90%;
}   
.overlay {
  z-index: 999;
  background: #3B3B3B;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.95;
}

.status6{
      display:table-cell;
      border:thin solid black;
      #background-color:#dc143c;
      padding:5px;
      text-align:center;
        background: repeating-linear-gradient(
          45deg,
          #ff0000,
          #efefef 10px,
          #efefef 10px,
          #efefef 20px
        );
}
