:root {
  --header-height: 70px; /* --- NOTICE: MUST BE EQUAL OR HIGHER THAN LOGO HEIGHT --- */
  --buttonsbar-height: 70px; /* --- BOTTOM BUTTONS BAR --- */ 
  --logo-height: 70px;	

/* --- COLORS ---*/

  --main-color: #222;
  --main-color-light: #ffe48d;
  --accent-color: #d93f3d;
  --validation-error-color: #d93f3d;
  --light-grey: #f1f1f1;
  --light-grey-button-outline: #cecece;
  --grey: #999999;
  --main-text: #212529;
  --dark-grey: #444444;
  --accent-color-darker: #c32d2b;
  --container-width: 1400px;
  
}
body {
	color: var(--main-color);
}

h1 {
	font-size: 1.8rem;
}
h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 1.3rem;
}

td {
	font-size: 0.8rem;
	padding-bottom: 0.1rem !important;
}

label {
	margin-right: 0.5rem;
	margin-top: 0.5rem;
}
.dp-mb-60 {
	margin-top: 60px;
}
.dp-main-box {
	height: calc(99vh - 80px);
}

.dp-erfassen-main-box {
	height: calc(99vh - 120px);
}

.dp-overflow {
	overflow-y: scroll;
	display: block;
}

.dp-overflow-y {
	overflow-y: scroll;
	display: block;
	overflow-x: hidden;
}

.dp-col-span {
	width: 100px;
	display: block;
}

.dp-col {
	padding-top: 0 !important;
}

.dp-samstag {
	background-color: #ffffe0 !important; /*LightYellow*/
}

.dp-sonntag {
	background-color: #fffacd !important; /*LemonChiffon*/
}

.dp-feiertag {
	background-color: #fffacd !important; /*LemonChiffon*/
}

.dp-check-alert {
	background-color: #ffff00 !important; /*Yellow*/
	color: #ff0000 !important; /*Red*/
}

.dp-ueberstunden {
	color: #ff4500; /*OrangeRed*/
}

.dp-day-btn {
	display: block;
	border-radius: 0;
	margin-top: 2px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	font-size: 0.8rem;
	text-align: left;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--main-color);
	border: 1px solid transparent; /*wie btn*/
	border-color: #6c757d; /*wie btn-secondary*/
}

.dp-user-btn {
	display: block;
	border-radius: 0;
	margin-top: 2px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	font-size: 0.8rem;
	text-align: left;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 	
}

.dp-entry-btn {
	display: block;
	border-radius: 0;
	margin-top: 2px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
	font-size: 0.6rem;
	text-align: left;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 	
}

.dp-entry-nichtimwomod {
	border-color:#ff4500 !important; /*OrangeRed*/
}

.dp-user-mitwomod {
	border-left-color:#ff4500 !important; /*OrangeRed*/
	border-left-width:medium;
}

.dp-entry-notthisdepartment {
	color: var(--main-color);
	background-color: #fff;
	border: 1px solid transparent; /*wie btn*/
	border-color: #6c757d; /*wie btn-secondary*/
}

.dp-entry-gesperrt {
	color: var(--main-color);
	background-color: #ddd;
	border: 1px solid transparent; /*wie btn*/
	border-color: #6c757d; /*wie btn-secondary*/
}

.dp-user-day0 {
	color: #fff; /*wie btn-primary*/
	background-color: #007bff; /*wie btn-primary*/
	border: 1px solid transparent; /*wie btn*/
	border-color: #6c757d; /*wie btn-secondary*/
}

.db-required:after  {
	content:"*";
	color: var(--validation-error-color);
	font-size: 1.5rem;
	line-height: 1rem;
	top: 0.2rem;
	position: relative;
	margin-left: 0.2rem;
}

.error-message  {
	color: var(--validation-error-color);
}

.dp-ansehen-line-height {
	line-height: 1.2;
}

.dp-ansehen-sm-line-height {
	line-height: 0.8;
}

.dp-ansehen-td td {
	padding-top: 0;
	padding-left: 2px !important;
	padding-right: 2px !important;
    border-right: 1px solid #dee2e6;	
    border-left: 1px solid #dee2e6;
	font-weight: normal;
}

.dp-ansehen-td th {
	padding: 2px !important;
    border-top: 1px solid #dee2e6;	
    border-right: 1px solid #dee2e6;	
    border-left: 1px solid #dee2e6;
	font-size: 0.8rem;
	font-weight: normal;
}

.dp-border-right-gray {
	border-right: 1px solid var(--grey) !important;
}

.dp-ansehen-entry {
	display: inline-flex;
	margin-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	color: #fff; /*wie btn-primary*/
	background-color: #007bff; /*wie btn-primary*/
}

.dp-ansehen-entry-notthisdepartment {
	display: inline-flex;
	margin-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	color: #eee;
	background-color: #ccc;
}

.dp-meinplan-dienst {
	color: #fff; /*wie btn-primary*/
	background-color: #007bff; /*wie btn-primary*/
}

.dp-ansehen-sum {
	margin-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}

.dp-cbutton {
	min-width: 200px;
}

@media(max-width: 640px) {
	.number {
		display: none;
	}
	.first {
		display: none;
	}
	.last {
		display: none;
	}
}
@media(max-width: 991px) {
	.username {
		display: none;
	}
}

ul.pagination li a {
	padding: 0.5rem;
}

ul.pagination li.active a {
    background-color: var(--grey);
    color: #FFF;
}

.asc:after {
    content: " \2193";
}
.desc:after {
    content: " \2191";
}

.periode-indviduell {
	display: none;
}

.modal-body {
    max-height: 80vh;
    overflow-y: auto;	
}

.dp-book {
	max-width:500px;
}

.dp-book-timebutton {
	background-color: var(--light-grey);
}

.dp-book-dienst {
	background-color: #CCC;
}

.dp-book-kommenbutton {
	background-color: #00FF30;
}

.dp-book-vonpausekommenbutton {
	background-color: #B8FFC6;
}

.dp-book-gehenbutton {
	background-color: #FFC200;
}

.dp-book-inpausegehenbutton {
	background-color: #FFE9A4;
}

@page {
	size:auto;
}

@media print {
	.dp-mb-60 {
		margin-top: 0 !important; 
	}
	
    .table td, .table th { 
        background-color: none !important; 
    } 	
    .no-print, .no-print * {
        display: none !important;
    }
	
	/* body {-webkit-print-color-adjust: exact;} */
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}