/* {
	overflow-x: hidden; 
}*/
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');


/*hellblau #0077ba
blau #0056a4
dunkelblau #27348B
orange #ef7d00
*/
/* #over .vertical {
  line-height: 35px;
} */

#over .hideoverflow {
  overflow-x: hidden!important;
}

html, body  {
  font-family: 'Hind', sans-serif!important;
  font-size: 18px!important;
  line-height: 1!important;
}



.back * {
  font-family: 'Hind', sans-serif!important;
 }

.logo {
    height: auto;
    width: auto;
    max-height: 85px;
    max-width: 250px;
}

#over > div > div > div > form > div:nth-child(8) > div.col-6.col-sm-3.col-md-4.bold.bluu.marto.vertical {
  width: 10px!important;
}
.eingeloggt {
  font-size: 23px!important;
  font-weight: 600!important;
  text-transform: uppercase;
   color: #27348B;
   margin-top: 20px;
}

 .back label {
    
   color: #27348B;
   font-weight: 500;
   margin-right: 5px;
 }

 #navbarSupportedContent > ul > li.nav-item.active.dropdown.max-height.show > div, #navbarSupportedContent > ul {
   min-width: 250px!important;
 }

 #table {
   overflow-x: hidden!important;
 }


 .back input {
  color: #27348B;
 }

 .euroblue {
  color:  #27348B!important;
}

input, select {
  outline-color: #27348B!important;
}

#over * {
 font-family: 'Hind', sans-serif;
}
#over *:focus {
  /* outline: none; */
}
 .navbar {
  max-height: 500px!important;
  min-height: 7rem;
}

a.nav-link{
  color: #000000!important;
  margin-right: 10px;
  font-weight: 500;
  border-bottom: solid 2px rgba(255, 0, 0, 0.0);
  transition: all 0.3s ease ;
}
.navbar-nav > .active > a {
  color: #ef7d00!important;
  border-bottom: solid 2px #ef7d00;   
}

a.nav-link:focus, a.nav-link:hover{
  color: #ef7d00!important;
  border-bottom: solid 2px #ef7d00;
}


 #over .spaceBetween {
  display: flex;
  justify-content: space-between!important;
  margin-bottom: 0;
}


#navbarSupportedContent > ul {
  margin-right: 7rem;
  text-transform: uppercase;
  color: #27348B;
  font-size: 18px;
}

body {
  overflow-y: scroll!important;
} 

input {
line-height: 1.5rem;
}

.smallhidden {
  display: none;
}
 .dateinput1 {
	margin : 5px 0;
  

}
#over datalist {
  overflow-x: scroll;
}

#over .bluu, .bluu {
  color: #27348B;
  text-transform: uppercase;
  font-size: 14px;
  overflow: hidden!important;
}

#over .bluu12 {
  color: #27348B;
  text-transform: uppercase;
  font-size: 16px!important;
  overflow: hidden!important
}

#over .bluu123 {
  color: #27348B;
 
  font-size: 16px!important;
  overflow: hidden!important
}




#over .bluusum {
  color: #27348B!important;
  font-weight: 600;
  font-size: 16px;
  overflow: hidden!important
}

#over .blau {
  color: #27348B!important;
  font-weight: 600;
  
}
  /* #over > div.d-flex.justify-content-center > div > div > form > div.row.g-2.border-top1.mb-3 > div:nth-child(2) > input{
    width: 20rem!important;
  }
  */

  #over .zeitraum {
    font-size: 15px!important;
    
    font-weight: 600!important;
    overflow: hidden!important;
  }
  #over .lineHigh{
    line-height: 2.7rem!important;
  }
  #over .lineHigh1{
    line-height: 2.7rem!important;
  }
  
  #over #tblDienst {
    width: 100%;
    max-width: 400px;
    margin: auto;

  }

  #over > div > div > form > div > div.col-12.col-sm-12.col-md-3.col-lg-2 > div {
    font-size: 15px!important;
    line-height: 1.7rem!important;
    font-weight: 600!important;
  }
  
.navbar-brand {
  margin-left: 5rem;
}

@media only screen and (max-width: 1300px) {
  
 
  #over .navbar-brand {
    margin-left: 1rem!important;
    
}



a.nav-link{
  color: #000000!important;
  margin-right: 10px;
  font-weight: 500;
  border-bottom: none;
  transition: all 0.3s ease ;
}
.navbar-nav > .active > a {
  color: #ef7d00!important;
  border-bottom: none; 
}

a.nav-link:focus, a.nav-link:hover{
  color: #ef7d00!important;
  border-bottom: none;
}

}


.Unterschrift {
 background: hsla(350,5%,90%,0.8); 
 padding: 5px;
 margin-left: 4px;
 border-radius: 15px;
 width: 500px;
 margin-right: 10px!important;
}

#over .respon {
  border: 2px solid #d3d3d3;
  border-radius: 4px;
  
    width: calc(100% - 10px);
   

}

.inputdelete {
  width: 90px;
}


label {
    
    margin-bottom: 0!important;
}

.von12 {
	margin: 5px 5px 0 0;
  line-height: 2rem!important;
  font-weight: 600!important;

}

.von123 {
	margin: 5px 5px 0 0;
  line-height: 2rem!important;
  font-weight: 600!important;

}

.tbl {

	font-size: 12px;
	background-color: #d3d3d3;
	z-index: 99;


	
}

.tbl th {
  text-transform: uppercase;
  color: #27348B;
  background-color: #97c5fda4;
  border-color:  rgba(255, 255, 255, 0.35);

  
}

.tbl td {
  
  color: #27348B;
  background-color: #ccdaeba4;
  
  border-color:  rgba(255, 255, 255, 0.35);
  
  
}

#between {
  justify-content: space-around!important;
  
  width: 100%!important;
 
}





input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input {
  background-color: white!important;
  border: 0px solid;
  height: 2rem;
  color: #27348B;
  border-radius: 3px;
}
input.noOutline {
  outline: none!important;
}

select {
  background-color: white!important;
  border: 0px solid;
  height: 2rem;
  color: #27348B;
  border-radius: 3px;

}

select#auto_position.smallScreenText {
  background-color: #ef7b0000!important;  
  text-transform: uppercase;
  font-weight: 600;
  outline: none;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.inpu {
width: 30px;
/* font-weight: bold; */
font-size: 20px!important;
}

.inpuPause, .inputtkm {
  width: 90px;
}
#over > div.d-flex.justify-content-center > div > div > form > div.row.g-2.border-top1.marto > div.col-6.col-sm-2.col-md-6.bold.bluu.marto.pr-0 {
  display: inline-flex;
}

.inpu-auslagen {
  background-color: white;
  border: 0px solid;
  height: 2rem;
  color: #27348B;
  border-radius: 3px;
  margin: 0;
}

.inpu11 {
  width: 40px; 
  height: 20px;
}
.backwhite{
  background-color: white!important;
  width: 7rem;
  height: 2rem;
  border-radius: 3px;
  margin-left: 15px;
}

@media only screen and (max-width: 350px) {
  .backwhite{
    
    margin-left: 0px!important;
  }
}

.inputt {
width: 120px;
}

.inputtstandort {
  width: 110px;
}

/* 
.inputtkm1:after {
  content: "km";
  color: #27348B;
  position: relative;
  font-size: 15px;
  width:10px;
  height:10px;
  top: -25px;
  right: -75px;
  
  font-weight: 700;
  display: inline;
 

} */

.besch {
  width: 100px;
}





.std table th {
  font-size: 12px;
}

.std table input {
  font-size: 12px;
}

.timeinput{
	width: 90px;
}

.dateinput {

	width: 150px;
}
.navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
        position: relative;
    } 

.bld  {

font-weight: bold;



}


#over .delettbtn {
  background-color: #000000;
	transition: all 0.3s ease;
	border-color: #000000;
  text-transform: uppercase;
  color: white;
}
#over .printbtn {
  background-color: #27348B;
	transition: all 0.3s ease;
	border-color: #27348B;
  text-transform: uppercase;
}

#over #justleft {
  display: flex;
  justify-content: space-between!important;
}
#over .printbtn:hover {
	
	background-color:  #ef7d00;
  border-color: #ef7d00;
	
}

#over .delettbtn:hover {
	
	background-color:  #ef7d00;
  border-color: #ef7d00;
	
}

.max-height
{
max-height: 5000px !important;
}

#inptpause {

	width: 5px;
}

.pause {

  width: 40px;
}


#bold {
	font-weight: bold;
	margin-bottom: 0px;
}

#over .bold {
	font-weight: bold;
}


.pointerr a {
  cursor: pointer;
}

.crdd {
background: hsla(350,5%,90%,0.9); 
border: none!important;

}
.tran {
font-size: 25px!important;
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
justify-content: center;

}

.cnt {

	margin-top: 12%;
	

}

#exampleModal > div {
  width: calc(100% - 20px)!important;
  max-width: none!important;
}

.back {
	

    background: url("background1.JPG") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 overflow-x: hidden; 
    overflow-y: scroll; 
}

.wid{

  width: 50px;
}

.wid1 {
  width: 60px!important;
  text-transform: uppercase;
  transition: all 0.3s ease ;

}

.wid1:hover {
 background-color: rgb(143, 20, 20);
 border-color:rgb(143, 20, 20) ;
  
}

.frm {
	
	background-color: white;
	background: hsla(350,5%,95%,0.8); 
    color: black;  
    margin-bottom: 0;
}

.frm1 {
	margin-bottom: 0px;
}


.lineheight {
  line-height: 1.18rem!important;
}


.grey {

	background-color: #800080;
}

.backk {
	background-image: url("background1.jpg");
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;  
   
     }


.hidden {
	display: hidden;
}

#over .baton {
	background-color: #27348B;
	transition: all 0.3s ease;
	border-color: #27348B;
  text-transform: uppercase;
}

#over .btoon{
  background-color: #0056a4;
	transition: all 0.3s ease;
	border-color: #0056a4;
  text-transform: uppercase;
  width: 100%;
  color: white;

}




#over .btoon:hover{
	background-color:  #ef7d00;
  border-color: #ef7d00;
	
  
}


#over .btoon1{
  background-color: #27348B;
	transition: all 0.3s ease;
	border-color: #27348B;
  text-transform: uppercase;
  width: 100%;
  color: white;

}




#over .btoon1:hover{
	background-color:  #ef7d00;
  border-color: #ef7d00;
	
  
}



#over .baton:hover {
	
	background-color:  #ef7d00;
  border-color: #ef7d00;
	
}

.back .baton {
	background-color: #27348B;
	transition: all 0.3s ease;
	border-color: #27348B;
  text-transform: uppercase;
  width: 100%;
  margin-top: 0.5rem;
}

.back .baton:hover {
	
	background-color:  #ef7d00;
  border-color: #ef7d00;
	
}

#Monatssummenbtn{
  
  margin-bottom: 5px;

}



.leftbutton{
  margin-top: 3px!important;
}

th, td {
  padding: 10px 5px!important;
}

.frzeinsatz::before{
  content: "";
  background-color: #FFBA10;
  opacity: 0.5;
  border-color: #5A1139;
  border-style: solid;
  border-width: 0.5px;
  width: 100%;
  position: relative;
  top: -10px;
/*  left: 10%;*/
}


.frzeinsatz h6 {
  font-size: 15px;
  font-weight: 700;
}
  


/*.frzeinsatz a .addFahrzeug {
 align-self: flex-end!important;
 position: absolute;
 right: 30px;
}
#over > div > div > div > form > div.row.frzeinsatz > a.mb-2.ml-1.removeFahrzeug{
 align-self: flex-end!important;
 position: absolute;
 right: 40px;
}*/

.box {
   
    
    transition: all 700ms ;

    /*will-change: opacity;*/
}

/* dienstbeginn*/

#over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-success{
  color: white!important;
  border: 1px solid #28a745;
  overflow: hidden!important;
  margin: 0;
  padding-left: 26px;
  text-align: left;
}

#over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-danger:checked {

}
/* Dienstende*/
#over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-danger {
  color: white!important;
  border: 1px solid #dc3545;
  overflow: hidden!important;
  margin: 0;
  padding-right: 26px;
}


@media (max-width: 370px) {
  #over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-success{
   font-size: 15px;
  }
  /* Dienstende*/
  #over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-danger {
   font-size: 15px;
  }
  #over .btoon1 {
    font-size: 15px!important;
  }


}

#over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-danger:focus, #over > div > div > div > form > div.d-flex.justify-content-center.mb-1.pb-0 > div > label.btn.btn-success:focus {
  margin:0;
}


#over .noScroll {
  overflow: hidden!important;
}
.noScroll {
  overflow: hidden!important;
}
.box.faded-out {
    opacity: 0;
    transform: translate(20px, 20px) rotate(20deg);
}
 .fa-plus-circle  {

  color: #099F09;
  transition: all ease 0.3s;
  font-size: 20px;

} 

 .fa-plus-circle:hover {

  color: #0B7E0B;

} 

 .fa-minus-circle  {

  color: #D41116;
  transition: all ease 0.3s;
  font-size: 20px;

} 

 .fa-minus-circle:hover {

  color: #A70619;

} 

#warning {
 font-weight: 600;
 border-color: #B50B0B!important;
 color: #B50B0B!important;
 background-color: #E2D0D0;
 border-radius: 20px;

}

#stdnmr{
  height: 40px;
  font-size: 20px;
  border-radius: 5px;
  outline: none;
}

#warning-message {
  height: 100vh;
  width: 100%;
  
  background: hsla(350,5%,90%,0.8); 
}

#quer {
  position: relative;
  top: 40%;
  /*left: 20%;*/
  font-size: 30px;
  font-weight: bold;

}

#stdztl-width {
 padding-left: 29px;
 padding-right: 29px; 

}




@media only screen and (max-width: 1300px){
  .hide1 {
    display: none!important;
  }
}

@media only screen and (max-width: 1200px){

	.tbl {

	font-size: 13px;
	background-color: #d3d3d3;
	z-index: 99;

}

.dateinput1 {
	width: 120px;

}
th, td {
	padding: 2px!important;
}


#over .lineHigh{
  line-height: 1rem!important;
}



  .leftbutton {
	
	font-size: 13px;
  margin-top: 5px;
}

#Monatssummenbtn{
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 5px;

}

}

@media only screen and (max-width: 990px) {
.hide2 {
  display: none;
}

#tablet tr, #tablet th, #tablet td {
  font-size: 10px;
}

.von12 {
  padding-right: 35px!important;
}

}

@media only screen and (max-width: 850px) {
* {
  overflow-x: hidden; 
}


  tr, th, td{
  	font-size: 10px;
  }

  .txtcnt {
    text-align: center;
  }

  .bigshow, .textsmall {
    font-size: 13px;
    overflow: hidden!important;

  }

  #over > div.d-flex.justify-content-center > div > div > div > div{
    padding: 1rem;
  }


  #over .card {
    width: 90%!important;

   display: block!important;
  margin-left: 5%!important;
  margin-right: auto!important;
  left: 0!important;
  }

  #nopaddingcard {
      padding-left: 2px;
      padding-right: 2px;

  }

  /* #over div .smallScreenText, #over select.smallScreenText  {
    font-size: 12px!important;
  } */

#over select.smallScreenText {
  width: 5.7rem!important;
}


  #over .navbar {
  	width: 100%!important;
  }

  #Monatssummenbtn {
    font-size: 13px;
  }

  #over {
	overflow-x: hidden; 
  	font-size: 15px!important;
  }

  #over .d-flex {
  	align-items: center;
  }
  #over .marto {
  	margin-top: 5px!important;
  	margin-bottom: 5px!important;
 

  }


  #over .zeitraum {
    font-size: 15px!important;
    /* line-height: 1rem!important; */
 
  }

  #over .timeinput{
	width: 80px!important;
}

.inputt {
width: 80px;
}





	.tbl {

	font-size: 10px;
	background-color: #d3d3d3;
	z-index: 99;

}

.dateinput1 {
	width: 120px;

}
th, td {
	padding: 2px!important;
}

.hide1 {
	display: none!important;
}

  .leftbutton {
	margin-left: 5px;
	font-size: 10px;
}

#Monatssummenbtn{
  font-size: 15px;
 margin: 5px 0 5px 0;


}

.Unterschrift {
 
 margin-left: 4px;
 border-radius: 15px;
 width: 400px;
 margin-right: 10px!important;
 font-size: 10px!important;
}

#over #stdztl-width {
 
  margin-left: 0!important;
  margin-right: 0!important;
  font-size: 12px!important;
  width: calc(100% - 5px)!important;

}

#over #stdztl-width h6, #over #stdztl-width  th , #over #stdztl-width  td, #over #stdztl-width  tr, #over #stdztl-width  input {
  font-size: 12px!important;
}

 @media only screen and (max-width: 850px)  {

  #over #stdztl-width {
    text-align: center;
  }
#over .center650 {
  display: inline-flex;
  text-align: center;
  justify-content: center;
}


}

@media (max-width: 700px) {
  .hide700 {
    display: none!important;
  }
  
}


@media only screen and (max-width: 650px) {



  #over .card {
    /* width: calc(100% - 10px)!important; */

  display: block!important;
 
  left: 0!important;
  }

  #over .vertical {
    line-height: normal!important;
  }

  .textsmall {
  font-size: 12px!important;
}


  *{
  	font-size: 15px;
    overflow-x: hidden;
  }

  #over .navbar {
  	width: 100%!important;
  }

  #over {
  	overflow-x: hidden; 
  	font-size: 15px!important;
  }

  #over .d-flex {
  	align-items: center;
  }
  #over .marto {
  	margin-top: 5px!important;
  	margin-bottom: 20px!important;
    color: #27348B!important;

  }

  #over .navbar-brand {
    margin-left: 3px!important;
  }

  .marto {
    color: #27348B!important;
  }
    #over .marto-s {
  	margin-top: 12px!important;
  	margin-bottom: 20px!important;

  }

  .dateinput1 {
	width: 120px!important;

}
 #over .textRight {
   text-align: end;
  
 }

 #over .textRight1 {
 text-align: end;
}


 #over .backwhite {
   justify-self: end;
   margin-right: 0!important;
 }


#Monatssummenbtn{
  font-size: 10px;
 margin: 5px 0 5px 0;


}

#over > div.d-flex.justify-content-center > div > div > div > div{
  padding: 5px;
}
 

#over .hide600 {
  display: none!important;
}

  .dateinput {
  	font-size: 15px;
	width: 120px;
}

.vonleft, .vonright {

}

#over .timeinput{
	width: 80px!important;
}

#over .border-top1 {
	border-top: 1px solid  	#ef7d00;
	padding-top: 15px;
}

.inputt {
width: 80px;
}

#over .baton {
	
	width: calc(100% - 10px);
}

.leftbutton {
	
	font-size: 10px;
}
.marbo {
	margin-bottom: 10px;
}

.tbl {

	font-size: 8px;
	background-color: #d3d3d3;
	z-index: 99;
	
}



.vonleft {

}



.smallhidden {
  display: block;
}

.bigshow {
  display: none;
}
  #summendrucken {
    margin-left: 5px;
    margin-right: 5px; 
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
  }


.Unterschrift {
 

 width: 300px;
 margin-right: 10px!important;
 font-size: 8px!important;
}
#over #stdztl-width {
 padding-left: 0px;
 padding-right: 0px; 

}

.logo {
  height: 60px;
}
.justifyEnd {
  display: flex;
  justify-content: flex-end;
}

}


@media only screen and (max-width: 580px) {




	#summendrucken {
    margin-left: 5px;
    margin-right: 5px; 
    font-size: 13px;
  }

   .txtcnt {
    text-align: center;
    font-size: 10px;
  }


  .Unterschrift {

 width: calc(70% -20px);
 
 font-size: 8px!important;
}

.spaceBetween1 {
  display: flex;
  justify-content: space-between!important;
}


.bigshow {
  display: hidden;
}

.buttonsummen {

}

 .dateinput1 {
	width: 120px;

}

#Monatssummenbtn{
  font-size: 10px;
  margin: 5px 0 5px 0;

}

.respon {
 width: calc(100% - 10px)!important;
}

.marginTop {
  margin-top: 10px;
}

}



@media only screen and (max-width: 400px) {
  .hide {
    display: none!important;
  }
  
}



@media print {
  /* body, html, #wrapper {
       height: 100%!important;
       width: 100%!important;
      padding: 2px 0!important;
       
   } */

  #over table {
     padding: 10px 0!important;
     font-size: 1px!important;
   }

   td, th, tr {
     padding: auto!important;
     font-size: 4px!important;
     
   }

   #table {
     padding: 2px 0!important;
   }
.tbl {
padding: 2px 0!important;
}

.no-print {
display: none!important;
}




.m-signature-pad--body {
width: 200px!important;

}

.unterschrift {
font-size: 10px;
}

.nopama {
padding: 0!important;
margin: 0 0 0 15px!important;
}


}