.plakette{
    text-align: center;
    font-weight: bold;
    font-size: 0.7rem;
    aspect-ratio: 1;
    height: 3.5rem;
    line-height: 0.8rem;
    padding-top: 0.65rem;
    border-radius: 50%;
    border: 4px solid #c00;
	background-color:#fff;
}

.spannung .plakette{
    position: absolute;
    right: 0.75rem;
    top: 1rem;
}


					.plakette_2020{
						border-color:#fc0000;
					}
				
					.plakette_2021{
						border-color:#783030;
					}
				
					.plakette_2022{
						border-color:#006614;
					}
				
					.plakette_2023{
						border-color:#93f05d;
					}
				
					.plakette_2024{
						border-color:#ff0000;
					}
				
					.plakette_2025{
						border-color:#a42bc2;
					}
				
					.plakette_2026{
						border-color:#6e736e;
					}
				
					.plakette_2027{
						border-color:#7a6e2c;
					}
				
					.plakette_2028{
						border-color:#8f878d;
					}
				
					.plakette_2029{
						border-color:#c72222;
					}
				
					.plakette_2030{
						border-color:#662929;
					}
				
					.plakette_2031{
						border-color:#43ff2e;
					}
				
					.plakette_2032{
						border-color:#2d610b;
					}
				
					.plakette_2033{
						border-color:#bab23c;
					}
				
					.plakette_2034{
						border-color:#ffcc00;
					}
				
					.plakette_2035{
						border-color:#ba9c9c;
					}
				

:root {
  --form-control-color: #e30613;
}

#service_form *,
#service_form *:before,
#service_form *:after {
  box-sizing: border-box;
}


.data-table-right{
    font-size: 0.8rem;
    position: absolute;
    right: 0.5rem;
    top: 0.4rem;
    line-height: 0.8rem;
}

.data-table-right td{
	padding:0.2rem;
    vertical-align: middle;
    border: 2px solid #fff;
}

.red_bg{
	background-color:#c00;
	color:#fff;
    display: inline-block;
    padding: 0.2rem;
	display:inline-block;
}

td.red_bg{
	display:table-cell;
}

.form_label.w-100 i{
	float:left;
	font-size:1rem;
	color:#000;
	margin-right:0.2rem;
	margin-top:0.2rem;
}

.zurwartung{
    position: absolute;
    bottom: 0.25rem;
    font-size: 0.8rem;
    right: 0.6rem;
}

.orange_bg{
	background-color:#ff7b00;
	color:#fff;
    display: inline-block;
    padding: 0.2rem;
	display:inline-block;
}

td.orange_bg{
	display:table-cell;
}

#service_form input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15rem;
  height: 1.15rem;
  border: 0.15rem solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075rem);
  display: grid;
    place-content: center;
    margin-right: 0.5rem;
    margin-top: 0.1rem;
  font-family: systrem-ui, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4rem;
  display: grid;
  grid-tremplate-columns: 1rem auto;
  gap: 0.5rem;
  margin-left:-0.5rem;
}

.kundenlogo{
	position:fixed;
	top:0.25rem;
	left:10rem;
}

.kundenlogo img{
	height:4rem;
	width:auto;
}

.uebersicht_inventarnummer{
	margin-top:-0.5rem;
	margin-bottom:0.5rem;
}

.p2{
    padding: 2rem;
    padding-left: 4rem;
}

.wagen_location, .wagen_station , .wagen_etage{
	font-weight:bold;
}

#ticketsuchentable{
	width:100%;
}

.searchwrap{
    position: relative;
    float: right;
    margin-right: 33px;
    margin-top: -20px;
}

#service_select{
    font-size: 1rem;
    padding: 0.25rem;	
}

#service_form input[type="radio"]::before {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1rem 1rem var(--form-control-color);
}

#service_form input[type="radio"]:checked::before {
  transform: scale(1);
}

input[type="radio"] .form-control + .form-control {
  margin-top: 1em;
}

#service_form{
    background-color: rgba(255,255,255,0.8);
    padding: 2rem;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e30613;
	border-radius:30px;
}

#service_form .form-check{
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
    line-height: 1rem;
    margin-top: 0.5rem;
}

.text-center{
	text-align:center;
}

#service_form .form-control{
	font-weight:normal;
}
 
 .wagen_neu{
	 margin-bottom:2rem;
	 padding-bottom:1rem;
	 line-height:1.5rem;
	 font-size:0.8rem;
 }
 
 .wagen_neu #serialnumber{
	 width:5rem;
	 vertical-align:top;
	 line-height:1rem;
    height: 1.5rem;
	   margin-bottom:0.25rem;
 }
 
 .emailbody{
	 padding-right:2rem;
	 border-right:1px solid #ccc;
 }
 
 .emailbody .MsoNormalTable{
	 width:auto !important;
 }
 
 .emailbody .MsoNormalTable td p{
	 padding:0.25rem;
 }
 
 .emailtrenner{
	 border-bottom:3px solid #ccc;
	 height:1rem;
	 margin-bottom:1rem;
	 width:100%;
 }
 
 .pruefform table, .pruefform textarea, .pruefform input, .pruefform td{
	 width:100%;
	 max-width:60rem;
 }
 .pruefform textarea{
	 height:8rem;
 }
 
 .pruefform input[type="submit"]{
	 width:12rem;
 }
 
 a.filelink{
	 text-decoration:none;
	 color:#212529;
	 margin-bottom:0.5rem;
 }
 a.filelink:hover{
	 text-decoration:none;
	 color:#e30613;
 }
 
 .kommentar_hl{
    font-weight: bold;
    margin-bottom: 0.65rem;
    line-height: 1rem;
    margin-top: 0.48rem;
 }
 
 .mb-0{
	 margin-bottom:0;
 }
 
 .ml-2{
	 margin-left:2rem;
 }
 
 .wagendetailansicht p.hov:hover{
	 color:#e30613;
 }
 
 #info_loeschen{
	 display:none;
 }
 
 .wagen_editieren a{
	 color:#000;
	 text-decoration:none;
 }
 
  .wagen_editieren a:hover{
	 text-decoration:none;
	 color:#e30613;
 }
 
 .wagenmenuebutton{
	 position:absolute;
	 right:1rem;
	 top:1rem;
	 cursor:pointer;
 }
 
 .wagenmenuebutton:hover{
	 color:#e30613;
 }
 
 .wagenmenuebutton .fa-xmark{
	 display:none;
 }
 
 .menue_open .wagenmenuebutton .fa-bars{
	 display:none;
 }
 .menue_open .wagenmenuebutton .fa-xmark{
	 display:block;
	 padding-top:0.3rem;
 }
 
 .wagenmenue{
	display:none;
    width: 12rem;
    height: 7rem;
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    right: 0.5rem;
    top: 3rem;
    border-radius: 0.5rem;
	-webkit-box-shadow: 5px 11px 13px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 11px 13px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 11px 13px 0px rgba(0,0,0,0.25);
 }
 
  .menue_open .wagenmenue{
	  display:block;
  }
 
 
 .wagendetailbutton{
    display: block;
    clear: both;
    margin: 0.5rem;
 }
 
 
 .wagenservicebutton{
    display: block;
    clear: both;
    margin: 0.5rem;
 }
 
 .wagenanalysebutton{
    display: block;
    clear: both;
    margin: 0.5rem;
 }
 
 .nutzungseintrag{
    margin: 0.5rem 0.25rem 1rem 0.25rem;
 }
 
 .tktlink:hover{
	 text-decoration:none;
	color:#000;
 }
 
 
 .wagenanaylsebutton{
    display: block;
    clear: both;
    margin: 0.5rem;
 }
 
 .wagenserviceansicht h2{
	 font-size:1.25rem;
 }
 
 .wagendetailansicht h2{
	 font-size:1.25rem;
 }
 
 .sys_status{
    position: relative;
 }
 
 .smaller{
	 font-size:0.6rem;
 }
 
 #send_notification{
	 width:100%;
	 max-width:40rem;
 }
 
  #send_notification input[type="text"], #send_notification textarea{
	 width:100%;
	 max-width:40rem;
  }
  #send_notification textarea{
	 width:100%;
	 max-width:40rem;
	 height:20rem;
  }
 
 #notiztext{	 
    height: 3.67rem;
 }
 
 
 a.filelinkbutton{
	 text-decoration:none;
	 color:#212529;
	 margin-bottom:0.5rem;
	 border:1px solid #212529;
	 border-radius:10px;
	 padding:0.25rem 1rem;
 }
 a.filelinkbutton:hover{
	 text-decoration:none;
	 color:#e30613;
	 border:1px solid #e30613;
 }
 
 
 td.sn_label_star{
    padding-right: 0.35rem;
 }
 
 td.sn_label{
    padding-top: 0.1rem;
    padding-right: 0.35rem;
 }
 
 .nav-link, .nav-link:focus, .nav-link:hover
 {
	 color:#000;
 }
 
 .container.ticketverwaltung{
	max-width: calc(100% - 4rem);
 }
 
 .ticketverwaltung .nav-link.active{
	color: #e30613 !important;
 }
 
 .ticketverwaltung .tab-pane{
	 overflow-x:scroll;
 }
 
 .digored{
	 color:#e30613;
 }
 
 .redbutton{
    border: 0;
    font-weight: bold;
    color: #fff;
    background-color: #e30613;
    padding: 0.25rem 2rem;
    border-radius: 10px;
	border:1px solid #e30613;
 }
 
 .redbutton:hover{
	 color:#e30613;
	 background-color:#fff;
 }
 
 .redline{
    margin-top: 3rem;
    margin-bottom: 1rem;
    height: 1px;
    background-color: #e30613;	 
 }
 
 .noborder{
	 border:0 !important;
 }
 
.ml-1{
	margin-left:1rem;
}

.hov{
	transition:0.15s all;
}

.hov:hover{
	color:#000;
}

.tickettable tr:hover{
	background-color:#eee;
}
 
  .wagen_neu select, #wagen_edit select{
    width: 5rem;
    height: 1.5rem;
    vertical-align: top;
	 line-height:1rem;
	   margin-bottom:0.25rem;
 }
 
 #wagen_suchen select, #wagen_suchen input[type="text"]{
    vertical-align: top;
	 line-height:1rem;
	   margin-bottom:0.25rem;
 }
 
 #wagen_suchen input[type="text"]{
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
 }
 
 #wagen_suchen input[type="checkbox"]{
    float: left;
    display: inline-block;
    margin-top: 0.25rem;
    margin-right: 0.5rem;
 }
 
 #wagen_suchen span{
    float: left;
    display: inline-block;
	margin-right:1rem;
 }
 
  .tickettable{
	  margin-top:1rem;
  }
 .tickettable td{
	 border:1px solid #ccc;
	 padding:0.2rem 2rem 0.2rem 0.2rem;
 }
 
 .tickettable th{
	 padding-left:0.2rem;
 }
 
 .tab-pane{
	 border: 1px solid #ccc;
	 padding:1rem;
 }
 
input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  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);

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: none;
  /* Windows High Contrast Mode */
  background-color: #fff;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
  background-color:#e30613;
  color:#fff;
}

input[type="checkbox"]:focus {
  outline: 0;
  outline-offset: 0;
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}
 
 
.form-control {
  font-family: system-ui, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  border:0;
  box-shadow:none;
}

.form-control + .form-control {
  margin-top: 1em;
}

.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
 
 
 
 
 .mr-auto{
	margin-right:auto;
 }

 .wagen_neu input[type="text"], #wagen_edit input[type="text"]{
	   line-height:1rem;
	   margin-bottom:0.25rem;
   }
 
 .wagen_neu #customer,  .wagen_neu #new_customer,  .wagen_neu #building,  .wagen_neu #location,  .wagen_neu #new_building,  .wagen_neu #new_location{
    width: 10rem;
 }
 
 #wagen_edit #edit_customer,  #wagen_edit #edit_new_customer,  #wagen_edit #edit_building,  #wagen_edit #edit_location,  #wagen_edit #edit_new_building,  #wagen_edit #edit_new_location{
    width: 10rem;
 }
 
 td{
	 vertical-align:top;
 }
 
 
  #wagen_anlegen, #wagen_anzeigen{
    padding: 0rem 2rem;
    margin-top: 1rem;
    line-height: 1.7rem;
 }
 
 
 #wagen_anzeigen{
	 margin-left:1rem;
    padding: 0rem 2rem;
    margin-top: -0.2rem;
    line-height: 1.7rem;
 }
 
input:focus,
select:focus,
textarea:focus,
button:focus { 
    outline: none;
}

.wagen_overview{
	max-width:100%;
	padding-bottom:4rem;
}

.wagen{
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:10px;
	padding:1rem;
	margin-bottom:1rem;
	width:400px;
	float:left;
	display:inline-block;
	margin-right:2rem;
	position:relative;
	padding-bottom:5rem;
	height:27rem;
}



.wagen_kommentar{
	color:#999;
}

.wagen_notiz{
	color:#999;
	font-style:italic;
}

.pointer{
	cursor:pointer;
}

.edit_wagen{
	cursor:pointer;
    top: 0.9rem;
    left: 9rem;
    width: 2rem;
    height: 2rem;
}

.edit_wagen:hover{
	color:#e30613;
}

.btn-primary{
	background-color:#e30613;
	border-color:#e30613;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:focus{
	background-color:#fff;
	color:#e30613;
	border-color:#e30613;
}

 .wagen_battery_holder{
	 position:relative;
	 margin-top:0.3rem;
	 width:3rem;
	 height:4rem;
	 text-align:center;
	 padding-top:2rem;
	 float:left;
	 display:inline-block;
 }
 
 .table_spannung{
    margin-top: 0.495rem;
    margin-left: 4rem;
    text-align: center;
 }
 
 
 .wagendetailansicht .ticketlink{
	 display:none;
 }
 
 .wagendetailansicht .wagendetailbutton{
	 display:none;
 }
 
 #wagendetails .form_column{
	 max-width:17rem;
 }
 
 #wagendetails .lbl{
	 width:100%;
 }
 
 #wagendetails .form_row .detail{
	 width:8rem;
 }
 
 .wagen_editieren{
	 margin-left:auto;
	 cursor:pointer;
 }
 
 .wagen_loeschen{
	 margin-left:auto;
	 cursor:pointer;
 }
 
  .wagen_editieren:hover,  .wagen_loeschen:hover{
	  color:#e30613;
  }

.ticketlink{    
	position: absolute;
  right: 0;
  bottom: -0.2rem;
  font-size: 0.8rem;
  color: #4b4b4b;
  white-space: nowrap;
  line-height: 1.2rem;
  width: 5rem;
}

.ticketlink i{
  font-size: 1.25rem;
  margin-left:0.5rem;
}

.ticketlink:hover{
	color:#e30613;
}

.ticket_label{
	float: left;
	margin-top: 0.1rem;
}
 
 .table_spannung td, .table_spannung th{
	 padding: 0.1rem 0.25rem;
	 border:1px solid #ccc;
	 font-size:0.8rem;
 }
 
 .wagen_info{
	height:12rem;
	overflow-y:auto;
	font-size:0.9rem;
	line-height:1rem;
 }
 
 .wagen_infobereich{
    width: 100%;
    display: inline-block;
    clear: both;
    position: absolute;
    bottom: 2.5rem;
    height: 5rem;
    left: 0;
    padding-left: 1rem;
    border-top: 1px solid #ccc;
 }
 
 .wagen_battery{
	 width:3rem;
	 height:1.5rem;
	 background-repeat:no-repeat;
	 background-size:300% 500%;
	 background-image:url(../Images/Battery.png);
	 position:absolute;
	 top:0;
 }
 
 .wagen_typ_bezeichnung{
    font-size: 0.8rem;
    border-radius: 10px;
    padding: 0.25rem;
    text-align: center;
 }
 
 .modal-body-messages{
	 color:#e30613;
 }
 

 
 .battery_unknown{
    background-position-y: bottom;
    background-position-x: right;
 }
 
 .battery_fail{
    background-position-y: bottom;
    background-position-x: center;
 }
 
 .battery_0{
    background-position-y: 100%;
 }
 .battery_25{
    background-position-y: 75%;
 }
 .battery_50{
    background-position-y: 50%;
 }
 .battery_75{
    background-position-y: 25%;
 }
 .battery_100{
    background-position-y: 0%;
 }
 
  .wagen_battery_label{
	  margin-top:1.5rem;
  }
  
  .status{
	  font-size:0.8rem;
	  margin-bottom:0.25rem;
  }

.wagen_serialnumber{
    font-size: 1.2rem;
    border-bottom: 2px solid #e30613;
    display: inline-block;
    margin-bottom: 0.5rem;
	font-weight:bold;
}

.wagen_building{
	font-weight:bold;
}

.wagen_image{
	display:inline-block;
	float:left;
	width:100px;
	overflow-x:hidden;
	text-align:center;
}

.wagen_last_online, .wagen_keine_statusdaten{
    position: absolute;
    bottom: 0.25rem;
    text-align: center;
    width: 100%;
    margin-left: -1rem;
    border-top: 1px solid #ccc;
    padding-top: 0.25rem;
	font-size:0.8rem;
}

.wagen_image_holder{
    margin-right: 1rem;
    display: inline-block;
    float: left;
    margin-bottom: 1rem;
}

.wagen_keine_statusdaten{
	color:#f00;
}

.warning{
	color:#f00;
}

.wagen img{
	border-radius:10px;
	height:140px;
	width:auto;
	border:1px solid #ccc;
}

.heading_customer{
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    background-color: #ccc;
    border-radius: 10px;
    color: #fff;
    padding: 0 1rem;
    margin-left: -0.75rem;
    margin-top: 2rem;
}

.export_button{
    float: right;
    cursor: pointer;
    max-height: 2.2rem;
    margin-right: -1rem;
}

.export_button_excel{
    float: right;
    cursor: pointer;
    max-height: 2.2rem;
    margin-right: 1rem;
}

#editticketform td{
	padding:0 0.5rem;
}

#editticketform input, #editticketform textarea, #editticketform select{
	width:100%;
	margin-bottom:0.25rem;
}

#neuer_wagen .form_block{
	display:inline-block;
	width:100%;
	padding-bottom:0.25rem;
    max-width: 52rem;
    clear: left;
    float: left;
}

#neuer_wagen .form_label{
	display:inline-block;
	float:left;
	width:13rem;
}

#neuer_wagen .form_entry{
	display:inline-block;
	float:left;
	width:11rem;
}


#neuer_wagen .form_entry_large{
	display:inline-block;
	float:left;
	width:100%;
	max-width:39rem;
}

#neuer_wagen .form_entry input, #neuer_wagen .form_entry select{
	width:100%;
}

#neuer_wagen .form_entry textarea{
	width:100%;
	height:8rem;
}


#neuer_wagen .form_entry_large textarea{
	width:100%;
	height:8rem;
}

.form_row{
	width:100%;
	display:inline-block;
	clear:both;
}

.form_column{
	display:inline-block;
	float:left;
	width:100%;
	max-width:28rem;
}

.trenner{
	width:100%;
	max-width:52rem;
	border-bottom:1px solid #ccc;
	margin-bottom:1rem;
	clear:both;
	display:block;
}

.form_row .lbl{
	width:13rem;
	float:left;
	display:inline-block;
	text-transform:uppercase;
	font-weight:600;
}

.form_row .detail{
	width:10rem;
	float:left;
	display:inline-block;
}

.form_row .detail input{
	width:9rem;
}

.form_row .detail.detail_ta{
	width:19rem;
	float:left;
	display:inline-block;
}

.form_label{
	text-transform:uppercase;
	font-weight:600;
}

.form_row .detail.detail_ta textarea{
	width:100%;
	height:10rem;
	line-height:auto;
}

.lbl i, .form_label i{
    font-size: 1.75rem;
    color: #ddd;
    float: right;
    margin-right: 2rem;
    margin-top: 0.75rem;
}