@charset "UTF-8";
/* CSS Document */

header, footer {
    background-color: #D5E1F9;
}

.zts-nav {
    padding-top:25px;
    padding-bottom: 8px;
}



img.header-logo {
    width: 300px;
    height:27px;
}


.zts-footer {
    font-size: 0.9rem;
    padding-top:8px;
    padding-bottom: 8px;
}

/*BRANDER*/
/*Standard Button outline-dark*/
.btn-outline-dark {
    border: 1px solid grey;
}

.btn-outline-blau {
    border: 1px solid #3165d0;
}

hr {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;

}

.mt-110{
   margin-top:110px;
}

.mt-60{
    margin-top:60px;
}

.mb-15{
    margin-bottom:15px;
}

.mb-30{
    margin-bottom:30px;
}

.schrift-i{
    font-size: 20px;
}


.az_pdf{
    color:black;
    font-size: 1rem;
}

.table {
    margin-bottom: 3rem;
}

.table td, .table th {
    vertical-align: middle;
    padding: .45rem;
}

.tooltip-inner {
    white-space:pre-wrap;
}

.form-group {
    margin-bottom: 0px;
}

.form-group-padding{
    padding-top: 10px;
    padding-bottom: 10px;
}

#id_korrekturen_az, #id_total_az{
    font-size: 1rem;
}


/*Button Farben bei SPL*/
/*Anzeige für Button des SPL*/
.ist-spl{
    background-color: red;
    color:white;
}

/*Alle Arbeitszeiten aktiviert*/
.ist-erledigt{
    background-color: green;
    color:white;
}

/*noch offene Arbeitszeiten*/
.ist-offen{
    background-color: grey;
    color:white;
}


/*Header für den Tag*/
.tag-row{
  /* min-height: 48px;*/
	    padding: 6px 0 6px;
    background-color: #D5E1F9;
    /*background-color: rgba(197, 243, 121, 0.39);*/
    color:black;
}

/*Ansicht der Korrekturen*/
.korrektur-row{
    min-height: 48px;
    /* color:red; */
    /*background-color: #f1f2f3;*/
    border-bottom: #e5e5e5 solid 1px;
}

/*Ansicht der Arbeitszeiten*/
.arbeitszeit-row-weiss{
    border-bottom: #e5e5e5 solid 1px;
        min-height: 48px;

}

.arbeitszeit-row-grau{
        border-bottom: #e5e5e5 solid 1px;
        min-height: 48px;


}

.arbeitszeit-row-naechster_tag{
    /* background-color: #e8cb84; */
            border-bottom: #e5e5e5 solid 1px;
        min-height: 48px;


}

.ueberschneidung{
    background-color: #fca2a2;
}

.ueberschneidung-rechts{
    background-color: #fca2a2;
}

/*Farbe der Stundenzahlen */
.eingestempelt{
    color:green;
}

.ausgestempelt{
    color:blue;
}

.arbeitszeit{
    color:black;
}


.geloescht{
    color:grey;
    text-decoration: line-through;
}

.status-eingestempelt {
    background: green;
    color:#fff;
    padding:12px 0;
    text-align:center;
}
.status-ausgestempelt {
    background: #3165d0;
    color:#fff;
    padding:12px 0;
    text-align:center;
}

#id_korrektur_modal .btn-primary.float-right {
    background: green;
    border-color:green;
}


.tab-legende {
    font-size: 12px;
    color: #8C8C8C;
    border-bottom: 1px solid #ddd;
    padding:2px 0;
}

.form-group {
    margin-bottom: 0;
}

/*Für die Bemerkungen*/
.icon-active{
    color: blue;
}

.icon-inactive{
    color: #8c8c8c;
}

/*Für den Trash*/
.trash-active{
    color:#8c8c8c;
    margin-left: 13px;
}

.trash-inactive{
    color: #8c8c8c;
    margin-left: 13px;
}


/*Für den Spielorte Button bei den ADMINS*/
.spielorte-active{

}

.spielorte-inactive{
    color: #8c8c8c !important;
    border-color: #8c8c8c !important;
    cursor: default;
}

/*Für den ALLES VISIEREN Button*/
.alles-visieren{
background:#8c8c8c;
color:#fff;
}

/*Für den AUSRUFEZEICHEN exclamation Button bei zuwenig Pause etc*/
.icon-rot{
    color:#b93a3a;
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}


@media (max-width: 767.98px) {

    .mt-110{
        margin-top:10px;
    }

    .mt-60{
        margin-top:10px;
    }

    h5{
        font-size: 12px;
    }

    table{
        font-size: 11px;
    }

    .custom-select {
        width: 80%;
        margin-left:10px;
    }

    .az_pdf{
        font-size: 0.9rem;
    }
}



.name-wrapper h4 {
	margin-bottom:0;
}

.monat-row {
	border-bottom:2px solid #D5E1F9;
	margin-top:20px;
	padding-bottom:6px;
}

.monat-row h4 {
	margin:0;
}

.montat-service-row {
	padding:5px 0;
}


.tag-row-zeittotal {
	margin-left:30px;
}

@media (max-width: 767.98px) {
    .tag-row-zeittotal {
        margin-left:0;
    }
}

/*  Zeittabelle */

/* 
grün #30b937
blau #3097de
*/

.uhr-wrapper {
	margin-top:10px;
} 
.eingeloggt {
	
}

.uhr-header {
	padding: 10px 30px;
	border-top:4px solid #30b937;
	border-left:4px solid #30b937;
	border-right:4px solid #30b937;
}

.uhr-content {
	background-color: #30b937;
	color: #fff;
	display: flex;
	align-items: center;
		flex-wrap: wrap;
	padding:10px 30px;
}

.uhr-image {
	margin-left: -5px;
	width: 20%;
}




.uhr-image-animated {
	
}

.uhr-zeit {
	font-size: 50px;
	width: 40%;
	
}
.uhr-button-wrapper {
		width: 40%;

}

.uhr-button  {
	border: 2px solid black !important;
	background: #fff;
		padding:10px 0;
	width: 100%;
}


.uhr-footer {
		padding: 10px 30px;
	border-bottom:4px solid #30b937;
	border-left:4px solid #30b937;
	border-right:4px solid #30b937;
	display: flex;
		flex-wrap: wrap;
}
.start-zeit {
	width: 60%;
}
.total-zeit {
		width: 40%;
}


.ausgeloggt {

}

.ausgeloggt .uhr-header {
	border-top:4px solid #3097de;
	border-left:4px solid #3097de;
	border-right:4px solid #3097de;
}

.ausgeloggt .uhr-content {
	background-color: #3097de;
}

.ausgeloggt .uhr-footer {
		padding: 10px 30px;
	border-bottom:4px solid #3097de;
	border-left:4px solid #3097de;
	border-right:4px solid #3097de;
}

@media (max-width: 767.98px) {

    .uhr-image {
        width: 30%;
    }

    .uhr-zeit {
        font-size: 50px;
        width: 70%;
    }
    .uhr-button-wrapper {
            width: 100%;
            margin-top:20px;
    }

    .start-zeit {
        width: 100%;
    }
    .total-zeit {
            width: 100%;
    }
}