/* START Allgemein */

:root {
	--statusWarning: #ffff00;
	--statusWarningODD: rgba(255, 255, 0, 0.85);
	--statusError: #ff0000;
	--statusErrorODD: rgba(255, 0, 0, 0.85);
	--statusAlarm: rgb(255,45,33);
	--statusAlarmODD: rgba(255,45,33, 0.85);
}

.statusOK{
	background-color: #99ff00;
}

.statusWarning{
	/*background-color: #ffff00 !important;*/
	background: repeating-linear-gradient(30deg, var(--statusWarning), var(--statusWarning) 10px, var(--statusWarningODD) 10px, var(--statusWarningODD) 20px) !important;
}

.statusError{
	/*background-color: #ff0000 !important; */
	background: repeating-linear-gradient(30deg, var(--statusError), var(--statusError) 10px, var(--statusErrorODD) 10px, var(--statusErrorODD) 20px) !important;
}

.alarmbackground{
	background: repeating-linear-gradient(30deg, var(--statusAlarm), var(--statusAlarm) 10px, var(--statusAlarmODD) 10px, var(--statusAlarmODD) 20px) !important;
	color: #fefefe;
	font-weight: bold;
}

.alarmbackground > pre{
	font-size: 1.1em !important;
}
/* END Allgemein*/

/*START Batteries*/

.status0, .status1 {
  /*animation-name: animation_blink;
  animation-timing-function: ease-in;
  animation-duration: 2s; 
  animation-iteration-count: infinite; */
  background-color:rgb(255,255,255);
  background: linear-gradient(90deg, rgba(100,100,100,0.5) 0%, rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%, rgba(100,100,100,0.5) 100%);
}

.status2 {
  /*animation-name: animation_blink;
  animation-timing-function: ease-in;
  animation-duration: 2s; 
  animation-iteration-count: infinite; */
  background-color:rgb(255,255,0);
  background: linear-gradient(90deg, rgba(255,255,0,1) 0%, rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%, rgba(255,255,0,1) 100%);          
}

.status3 {
  /*animation-name: animation_blink;
  animation-timing-function: ease-in;
  animation-duration: 3s; 
  animation-iteration-count: infinite; */
  background-color:rgb(255,0,0);
  background: linear-gradient(90deg, rgba(255,0,0,0.5) 0%, rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%, rgba(255,0,0,0.5) 100%);          
}

.status4 {
  /*animation-name: animation_blink;
  animation-timing-function: ease-in;
  animation-duration: 2s; 
  animation-iteration-count: infinite; */
  background-color:rgb(153,0,153);
  background: linear-gradient(90deg, rgba(153,0,153,1) 0%, rgba(255,255,255,1) 35%,rgba(255,255,255,1) 65%, rgba(153,0,153,1) 100%); 
  color: #777;   
}

.offline, .offline *{
  font-style: oblique;
  color: #a00 !important;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }    
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* END Batteries */

/* START Batterie in Liste */
.batStatus0, .batStatus1 {
  background-color:rgb(255,255,255);
}

.batStatus2 {
  background-color:rgb(255,255,0);         
}

.batStatus3 {
  background-color:rgb(255,0,0);
	color: #fff;         
}

.batStatus4 {
  background-color:rgb(153,0,153);
  color: #eee;         
}

.batOffline, .batOffline *{
  font-style: oblique;
  color: #a00 !important;
}
/* END Batterie in Liste */

/* START Keywatcher */

.keyStatus1{
	background-color: rgba(0, 255, 0, 0.4);
}
.keyStatus0{
	background-color: #ff0000;
	color: #fff;
}
.keyStatus2{
	background-color: #ffff00;
	color: #000;
}
.keyStatus3{
	background-color: #003399;
	color: #fff;
}
.keyStatus9{
	background-color: #000000;
	color: #000;
}
/* END Keywatcher */

/* START STEINAPP */
.steinAPPready{ /*einsatzbereit */
	background-color: rgba(0, 255, 0, 0.4) !important;
}
.steinAPPnotready{ /*nicht einsatzbereit */
	background-color: rgb(220, 53, 69) !important;
	color: #fff !important;
}
.steinAPPsemiready{ /*bedingt einsatzbereit */
	background-color: rgb(255, 193, 7) !important;
}
.steinAPPinuse{ /* im Einsatz */
	background-color: rgb(0, 51, 153) !important;
	color: #f5ff00 !important;
}
.steinAPPmaint{/* in der Werkstatt */
	background-color: rgb(108, 117, 125) !important;
	color: #fff !important;
}
.steinAPPoperationReservation, .steinAPPoperationReservation > td, .steinAPPoperationReservation > th{border-style: solid;border-width: 5px 0px;
	border-image: url(data:image/png;base64,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) 3 3 3 3 stretch stretch;}
/* END STEINAPP*/

/* START Alamos Personen*/
.alamosAvailabilityAVAILABLE{
	background-color: rgba(0, 255, 0, 0.4) !important;
}

.alamosAvailabilityTEMP_NOT_AVAILABLE{
	background-color: rgba(255, 255, 0, 0.4) !important;
}

.alamosAvailabilityNOT_AVAILABLE{
	background-color: rgba(255, 0, 0, 0.4) !important;
}

.alamosAvailabilityNONE{
	background-color: rgba(10, 10, 10, 0.4) !important;
	color: #fff !important;
}
/* END Alamos */

/* START Tetra von Alamos */
.tetrastatus0{
	background-color: #aaa !important;
	color: #fff !important;
}

.tetrastatus1{
	background-color: #228B22 !important;
	color: #fff !important;
}

.tetrastatus2{
	background-color: rgba(0, 255, 0, 0.4) !important;
}

.tetrastatus3{
	background-color: rgb(0, 51, 153) !important;
	color: #f5ff00 !important;
}

.tetrastatus4{
	background-color: #002673 !important;
	color: #f5ff00 !important;
}

.tetrastatus5{
	background-color: #000 !important;
	color: #fff !important;
}

.tetrastatus6{
	background-color: rgb(108, 117, 125) !important;
	color: #fff !important;
}
/* END Tetra von Alamos */

/* START ILS Ab / Anmeldung */
.ilsstatus0{/*angemeldet*/
	background-color: rgba(0, 255, 0, 0.4) !important;
}

.ilsstatus1{ /*abgemeldet*/
	background-color: #ff0000 !important;
	color: #fff !important;
}
/* END ILS Ab / Anmeldung */

/* START TTB THW Ab / Anmeldung */
.tetralockstatus0{ /* */
	background-color: rgba(0, 255, 0, 0.4) !important;
	
}

.tetralockstatus1{
	background-color: #ff0000 !important;
	color: #fff !important;
}

.tetralockstatus2{
	background-color: #f5ff00 !important;
	color: #000 !important;
}

.tetralockstatus3{
	background: rgb(255,0,0) !important;
	background: linear-gradient(137deg, rgba(255,0,0,1) 0%, rgba(245,255,0,1) 65%) !important;
	color: #000 !important;
}
/* END TTB THW Ab / Anmeldung */