/*
Theme Name: metafox
Author: Agratal GmbH
Description: A small and easy responsive Layout
Tags: responsive, blank
last-edit: 05.12.2025
*/

* {margin: 0; padding: 0; position: relative; outline: none;}
ul, li {list-style: none;}
ol li {list-style: decimal; margin-left: 1em;}
img {max-width: 100%; height: auto; border: 0;}
a {text-decoration: none; outline: none; color: #009900;}
a:hover, a:active, a:focus {color: #3f51b5; text-decoration: none;}
.hidden {display: none !important;}
.clear {clear: both; float: none;}

.loader {border: 1em solid #a2c037; border-top: 1em solid #14527d; border-radius: 50%; width: 6em; height: 6em; animation: spin 0.85s linear infinite; position: fixed; right: 2em; bottom: 2em; z-index: 99999;}
.blur-out {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(210, 234, 249, 1); z-index: 999; pointer-events: none;}

@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

ul.list li {list-style: disc;}
ul.list {margin-left: 1em;}
#info-message {position: fixed; left: 2em; top: 2em; background-color: #89ffff; padding: 1em; text-align: left; border: 1px solid #cecece; box-shadow: 0.125em 0.25em 0.5em #333; z-index: 99999;}
html {overflow-x: visible !important;}

input, select {border: 1px solid #cecece; border-radius: 0; padding: 0.5em;}
textarea.description {min-height: 5em; width: 100% !important;}
.fa.no-style {background-color: initial !important; font-size: 1em !important;}
table.no-style tr {background-color: initial !important; font-size: 1em !important;}

.explain {position: fixed; right: 0; top: 0; width: 4.25em; height: 5em; overflow: hidden; cursor: help; -webkit-transition: all 0.5s; /* Safari prior 6.1 */ transition: all 0.5s; text-align: left; z-index: 99999;}
.explain p {padding: 1em; display: block; font-size: 0.875em;}
.explain .fa {font-size: 3em;}
.explain:hover, .explain:active, .explain:focus {overflow: visible; height: auto; width: 25%; background-color: #fff; z-index: 99999; border: 1px solid #000; border-top: 0; border-right: 0; box-shadow: 0.125em 0.25em 0.5em #666; overflow-y: scroll; max-height: 100%; height: auto; }
.explain ul {list-style: initial !important; margin-left: 2em; font-size: 0.875em;}
.explain li {list-style: initial !important;}

.login-overview {position: fixed; top: 0; right: 0; font-size: 0.65em; padding: 0.75em;box-shadow: 0.125em 0.25em 0.5em;background-color: #e1edeb; z-index: 99999; height: 3em; overflow: hidden; cursor: pointer;}
.login-overview:hover, .login-overview:active, .login-overview:focus {height: auto; overflow: visible;}

/********/
/* MAIN */
/********/

@font-face {font-family: "Arima Madurai"; src:url("fonts/ArimaMadurai-Regular.otf") format("opentype");}
@font-face {font-family: "Calibri"; src:url("fonts/calibri.otf") format("opentype");}

body, textarea { font-family: Calibri, Arial,sans-serif; }
h1, h2, h3 {font-family: "Arima Madurai", Arial sans-serif;}
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
body {background-image: url('images/bg.jpg') !important; background-size: 100% 100%; background-repeat: repeat-y; background-attachment: fixed;}
hr {margin: 0.75em 0 !important; color: #000; height: 0px !important; border-bottom: 4px dotted #000 !important; border-top: initial !important;}

.admin-console {background-color: #000; color: #fff; padding: 1em; position: fixed; bottom: 0; right: 0; font-family: courier; z-index: 9999; display: none;}
.versionsnummer {position: fixed; bottom: 0.5em; left: 0.5em; font-size: 0.65em; z-index: 99999; font-family: courier;}

/************/
/* GENERALS */
/************/

.logo-wrapper {position: relative; width: auto; text-align: center; padding-top: 1em;}
.logo {margin: 0 auto; max-width: 90%; width: 16em; height: auto; padding: 1em;}

.col2 {float: left; width: 48%;}
.col2.last {float: right;}
.col3 {float: left; width: 32%; margin-right: 1.99%;}
.col3.last {float: right; margin-right: 0;}
.col4 {float: left; width: 23.5%; margin-right: 1.99%;}
.col4.last {float: right; margin-right: 0;}
.col5 {float: left; width: 19.20%; margin-right: 1%;}
.col5.last {float: right; margin-right: 0;}

.w3-row-padding img {margin-bottom: 12px}
.w3-sidebar {width: 120px;background: #222 !important;}
.padding-64 {padding-top: 4em; padding-bottom: 4em;}
.w3-content {max-width: 80% !important;}
.mobil {display: none;}
.ui-button {padding: 1em !important;}

table {width: 100%;}
table {border-spacing: 0; border-collapse: separate;}
table tr td {padding: 0.5em; text-align: left;}
table tr td {vertical-align:top; padding-right: 1em;}
table tr th {padding: 0.5em; text-align: left;}

table.data-list {background-color: #fff; border: 1px solid #cecece; font-size: 0.875em;}
table.data-list thead tr th {background-color: #cecece;font-weight: bold;}
table.data-list tr:nth-child(odd) {background-color: #e1edeb; color: #000;}
table.data-list .fa {font-size: 1.75em;	padding: 0.25em 0.35em;	background-color: #62B834; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer;}

table.data-list-vms {background-color: #fff; border: 1px solid #cecece; font-size: 0.875em;}
table.data-list-vms thead tr th {background-color: #cecece;font-weight: bold;}
table.data-list-vms tr:nth-child(odd) {background-color: #e1edeb; color: #000;}
table.data-list-vms .fa {font-size: 1.75em;	padding: 0.25em 0.35em;	background-color: #62B834; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer;}

table.filter-list {background-color: #fff; border: 1px solid #cecece; font-size: 0.875em; margin-bottom: 2em;}
table.filter-list thead tr th {background-color: #cecece;font-weight: bold;}
table.filter-list tr:nth-child(odd) {background-color: #e1edeb; color: #000;}
table.filter-list .fa {font-size: 1.75em;	padding: 0.25em 0.35em;	background-color: #62B834; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer;}

table.normal-list {background-color: #fff; border: 1px solid #cecece; font-size: 0.875em; margin-bottom: 2em;}
table.normal-list thead tr th {background-color: #cecece;font-weight: bold;}
table.normal-list tr:nth-child(odd) {background-color: #e1edeb; color: #000;}

.custom-combobox {position: relative; display: block; width: auto;}
.custom-combobox-toggle {position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0;}
.custom-combobox-input {margin: 0; padding: 5px 10px; width: 80%;}

.action-button a {background-color: #37a22f; color: #fff; padding: 1em; display: block; cursor: pointer;}

.qm-wrapper {background-color: #fff; padding: 0.5em 1em; margin-bottom: 2em; border: 1px solid #cecece;}
.qm-wrapper ul li {margin-bottom: 1em;}
.qm-wrapper h2 {background-color: #e1edeb; padding: 0.25em 0.5em; font-size: 1.5em; text-align: center; border: 1px solid #cecece;}

.simple-button {cursor: pointer; background-color: #fff; padding: 0.35em 1em; border: 1px solid #000; border-radius: 1em; box-shadow: 0.125em 0.25em 0.5em #999; display: inline-block;-webkit-transition: all 0.25s; /* Safari prior 6.1 */ transition: all 0.25s;}
.simple-button:hover, .simple-button:active, .simple-button:focus {background-color: #c2e2f1; box-shadow: initial;}

/************/
/* BEREICHE */
/************/

/* HAUPTNAVIGATION */
#main {transition: margin-left .5s;}
.main-navigation ul li {color: #fff;}
.main-navigation ul li.item-block {font-size: 0.875em; margin-bottom: 1em; padding: 1em; display: block; background-color: #666;}
.main-navigation ul li.item-block:hover, .main-navigation ul li.item-block:active, .main-navigation ul li.item-block:focus {background-color: #fff; color: #000;}
.main-navigation ul li a {background-color: #000; color: #fff; padding: 1em; display: inline-block; width: 100%; border-bottom: 1px solid #777; font-size: 0.875em;}
.main-navigation ul li a.no-style {padding: 1em; display: initial; width: auto; border-bottom: initial; position: absolute; right: 0; background-color: initial;}
.main-navigation ul li a:hover, .main-navigation ul li a:active, .main-navigation ul li a:focus, .main-navigation ul li.active a {background-color: #fff; color: #000;}
.sidenav {height: 100%; position: fixed; top: 0; left: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; padding-top: 60px; z-index: 99999999; width: 0; box-shadow: 0.5em 0.75em 0.75em #333;}
.closebtn {position: absolute; font-size: 2em; top: 0.25em; left: 0.25em; color: #fff;}
.openbtn {font-size: 2em; cursor: pointer; position: fixed; top: 0; left: 0; z-index: 9999; padding: 0.25em; background-color: initial !important;}
a.closebtn:hover, .sidenav a.closebtn:active, .sidenav a.closebtn:focus {color: #fff;}
.notification {position: absolute; right: 0.5em; background-color: #bfff7d; padding: 0.5em; display: block; border-radius: 2em; width: 3em; height: 2.25em; text-align: center; font-size: 0.875em; top: 0.875em; color: #000; border: 1px solid #000;}
.navigation-items-wrapper {margin-bottom: 2em;}
.main-navigation ul li.item-block .fa {font-size: 1.25em; margin-right: 0.25em; width: 1em; text-align: center;}
.navigation-items-wrapper .fa {font-size: 1.25em; margin-right: 0.25em; width: 1em; text-align: center;}

/* ELEMENTE STARTSEITE / MEINE DATEN */
.home .home-absencedate-wrapper {float: left; width: 30%;}
.home .home-absence-wrapper {float: right; width: 69%;}
.home .date-wrapper {float: right; color: #000; text-align: right; margin-bottom: 1em;}
.home .my-data-wrapper {background-color: #fff; padding: 0.5em 1em; margin-bottom: 2em; border: 1px solid #cecece;}
.home .tasks-today-wrapper {background-color: #fff; padding: 0.5em 1em; margin-bottom: 2em; border: 1px solid #cecece;}
.home .tasks-today-inner {background-image: url("images/pinnwand.jpg"); margin-bottom: 0.75em; border-radius: 0.25em; padding-bottom: 0.25em; position: relative;}
.home h2 {background-color: #e1edeb; padding: 0.25em 0.5em; font-size: 1.25em; text-align: center; border: 1px solid #cecece;}
.home .task-item-onhome {float: left; width: 23.75%; margin-left: 1%; margin-bottom: 1em; color: #000; text-align: left; border: 1px solid; position: relative; background-color: #fff;}
.home .task-item-onhome.last {float: right; margin-right: 1%;}
.home .task-item-onhome .pin {position: absolute; right: -0.25em; top: -0.25em; transform: rotate(30deg); font-size: 2em; color: #c20000; text-shadow: 1px 1px 1px #000;}
.home .task-item-onhome .fa-exclamation-triangle {position: absolute; right: 0.125em; bottom: 0.125em; font-size: 3em;}
.home .task-item-onhome-inner {font-size: 0.875em; padding: 1em;}
.home .helping-action {background-color: #000; color: #fff; padding: 0.5em; display: block; text-align: center; cursor: pointer; margin-bottom: 0.65em;}
.home .helping-action:hover {font-weight: bold;}
.home .action-trigger {border: 1px solid #000; width: 100%; text-align: left; padding: 0.25em; display: block; margin-bottom: 0.5em;}
.home .action-trigger a:hover, .home .action-trigger a:active, .home .action-trigger a:focus {color: #fff; background-color: #000;}
.home .action-trigger:hover {background-color: #000; color: #fff; cursor: pointer; }
.home .checklist-item {float: left; width: 32%; margin-right: 1.99999%; text-align: center; border: 1px dotted #cecece;}
.home .checklist-item i {font-size: 3em; margin: 0.25em;}
.home .checklist-item .info {height: 0em; overflow: hidden; text-align: left; font-size: 0.75em; margin: 1em; display: block; cursor: pointer; padding-top: 0.5em; margin-top: 0;}
.home .checklist-item .info:hover {height: auto; overflow: visible;}
.home .checklist-item.last {margin-right: 0; float: right;}
.home .customer-info {background-color: #14527d; color: #fff; padding: 0.5em; display: block; text-align: center; height: 2.5em; overflow: hidden; cursor: pointer;}
.home .customer-info:hover, .home .customer-info:active, .home .customer-info:focus {overflow: visible; height: auto;}
.home fieldset .floater {float: left; margin: 0.125em; padding: 0.125em 0.25em; width: 31%; font-size: 0.75em;}
.home fieldset .floater.blue {background-color: #6CAAD5; color: #000; border: 1px solid #14527d;}
.home fieldset .floater.red {background-color: #ffbb5b; color: #000; border: 1px solid #d67c1c;}
.home fieldset .floater.green {background-color: #d6f46a; color: #000; border: 1px solid #a2c036;}
.user-filter-wrapper {position: fixed; right: 0; top: 0; background-color: #90E662; padding: 1em; z-index: 99999; height: 4.5em; overflow: hidden; cursor: pointer;}
.user-filter-wrapper:hover {height: auto;}
.tasks-today-wrapper-pre {position: absolute; left: -0.75em; top: -0.125em; font-size: 3em !important; z-index: 98; background-color: white; border-radius: 1em; border: 7px solid #fff; cursor: pointer; width: 1.25em; text-align: center; box-shadow: 1px 2px 3px #333;}
.tasks-today-wrapper-next {position: absolute; right: -0.75em; top: -0.125em; font-size: 3em !important; z-index: 98; background-color: white; border-radius: 1em; border: 7px solid #fff; cursor: pointer; width: 1.25em; text-align: center; box-shadow: 1px 2px 3px #333;}
.tasks-today-wrapper-pre:hover, .tasks-today-wrapper-next:hover {background-color: #000; border-color: #000; color: #fff;}

/* MEINE AUFGABEN */
.meine-auftraege .change-report-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em;	z-index: 9999; background-color: #cecece; color: #000; padding: 1em; border: 1px solid #999;}
.meine-auftraege .change-status-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #cecece; color: #000; padding: 1em; border: 1px solid #999;}
.meine-auftraege .change-status-dialog select {border: 1px solid; padding: 0.25em;}
.meine-auftraege .change-report, .change-status {cursor: pointer;}
.meine-auftraege .time-wrapper {border: 1px solid #666666; padding: 0.25em; text-align: center; margin-bottom: 1em;}

/* NEUE AUFGABE */
.neuer-auftrag table {background-color: #fff; border: 1px solid #cecece; font-size: 0.875em; margin-bottom: 5em;}
.neuer-auftrag table input {border: 1px solid #cecece; padding: 0.5em;}

.neuer-auftrag ul.worker-list li {background-color: initial; padding: 0.5em;}
.neuer-auftrag ul.worker-list li.gf {background-color: #2B6B97; color: #fff;}
.neuer-auftrag ul.worker-list li.sl {background-color: #1894e7; color: #fff;}
.neuer-auftrag ul.worker-list li.auv {background-color: #54aa26; color: #fff;}
.neuer-auftrag ul.worker-list li.servcenter {background-color: #368c08; color: #fff;}
.neuer-auftrag ul.worker-list li.st {background-color: #008000; color: #fff;}
.neuer-auftrag ul.worker-list .list-block {float: left; width: 32%; margin-right: 0.5%;}
.neuer-auftrag ul.worker-list li input {width: 2em;}

.neuer-auftrag #service_timetable_date_val {width: 10em;}
.neuer-auftrag #service_timetable_time_val {width: 10em;}
.neuer-auftrag #service_timetable_date_to_val {width: 10em;}
.neuer-auftrag #service_timetable_time_to_val {width: 10em;}
.neuer-auftrag .add-task-by-user {position: absolute; top: -3em; right: 0; background-color: #62B834; z-index: 99999; padding: 0.5em; cursor: pointer; color: #fff;}
.neuer-auftrag .add-task-by-user:hover {background-color: #005354;}
.neuer-auftrag .add-task-by-user.bottom {bottom: -3em; right: 0; top: initial; }
.neuer-auftrag #service_timetable_taskcomment_val {width: 100%; padding: 0.5em; height: 10em;}
.neuer-auftrag #task_theme_vehicle_val {border: 1px solid #cecece; padding: 0.5em;}
.neuer-auftrag #richtwert_task_duration {border: 1px solid #cecece; padding: 0.5em; float: left;}
.neuer-auftrag input[type=checkbox] {-ms-transform: scale(1.5); -moz-transform: scale(1.75); -webkit-transform: scale(1.75); -o-transform: scale(1.75); transform: scale(1.75); padding: 0.25em; margin-right: 0.5em; cursor: pointer;}

/* ALLE AUFTRAEGE */
.alle-auftraege #time_begin {width: 10em; border: 1px solid #cecece; padding: 0.5em;}
.alle-auftraege #time_end {width: 10em; border: 1px solid #cecece; padding: 0.5em;}
.alle-auftraege .filter-tasks-by-data {position: absolute; top: -3em; right: 0; background-color: #62B834; z-index: 99999; padding: 0.5em; cursor: pointer;}

/* AUFTRAGSZUORDNUNG */
.auftragszuordnung input {border: 1px solid #cecece; padding: 0.5em;}
.auftragszuordnung #time_begin {width: 10em; border: 1px solid #cecece; padding: 0.5em;}
.auftragszuordnung #time_end {width: 10em; border: 1px solid #cecece; padding: 0.5em;}
.auftragszuordnung .filter-taskassign-by-data {position: absolute; top: -3em; right: 0; background-color: #62B834; z-index: 99999; padding: 0.5em; cursor: pointer; color: #fff;}
.auftragszuordnung .filter-taskassign-by-data:hover {background-color: #005354;}
.auftragszuordnung .change-date-dialog, .auftragszuordnung .change-date-to-dialog, .auftragszuordnung .change-customer-dialog, .auftragszuordnung .change-project-dialog, .auftragszuordnung .change-task-theme-dialog, .auftragszuordnung .change-kfz-dialog, .auftragszuordnung .change-notice-dialog, .auftragszuordnung .change-report-dialog, .auftragszuordnung .change-taskcode-dialog, .auftragszuordnung .change-status-dialog,.auftragszuordnung .change-user-dialog, .change-orgamax-code-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 99; background-color: #cecece; color: #000; padding: 1em; border: 1px solid #999; text-align: left;}
.auftragszuordnung .change-date, .auftragszuordnung .change-date-to, .auftragszuordnung .change-customer, .auftragszuordnung .change-project, .auftragszuordnung .change-task-theme, .auftragszuordnung .change-kfz, .auftragszuordnung .change-notice, .auftragszuordnung .change-report, .auftragszuordnung .change-taskcode,
.auftragszuordnung .change-status, .auftragszuordnung .change-user {cursor: pointer;}
.auftragszuordnung .time-wrapper {border: 1px solid #666666; padding: 0.25em; text-align: center; margin-bottom: 1em;}
.auftragszuordnung .change-status-dialog select {border: 1px solid; padding: 0.25em;}
.auftragszuordnung .change-kfz-dialog select {border: 1px solid; padding: 0.25em;}
.auftragszuordnung #user-data {background-color: #fff;}
.auftragszuordnung #user-data li {margin-bottom: 0.5em;}
.auftragszuordnung #user-data input {margin-right: 0.5em;}
.auftragszuordnung table.no-style tr {background-color: initial;}
.auftragszuordnung table.no-style tr .fa {background-color: initial; font-size: 1em;}

/* AUFTRAGSZUORDNUNG NACHMARKT */
.auftragszuordnung-nachmarkt input {border: 1px solid #cecece; padding: 0.5em;}
.auftragszuordnung-nachmarkt #time_begin {width: 10em; border: 1px solid #cecece; padding: 0.5em;}
.auftragszuordnung-nachmarkt #time_end {width: 10em; border: 1px solid #cecece; padding: 0.5em;}
.auftragszuordnung-nachmarkt .filter-taskassign-by-data {position: absolute; top: -3em; right: 0; background-color: #62B834; z-index: 99999; padding: 0.5em; cursor: pointer; color: #fff;}
.auftragszuordnung-nachmarkt .filter-taskassign-by-data:hover {background-color: #005354;}
.auftragszuordnung-nachmarkt .change-date-dialog, .auftragszuordnung-nachmarkt .change-date-to-dialog, .auftragszuordnung-nachmarkt .change-customer-dialog, .auftragszuordnung-nachmarkt .change-project-dialog, .auftragszuordnung-nachmarkt .change-task-theme-dialog, .auftragszuordnung-nachmarkt .change-kfz-dialog, .auftragszuordnung-nachmarkt .change-notice-dialog, .auftragszuordnung-nachmarkt .change-report-dialog, .auftragszuordnung-nachmarkt .change-taskcode-dialog, .auftragszuordnung-nachmarkt .change-status-dialog,.auftragszuordnung-nachmarkt .change-user-dialog, .change-orgamax-code-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 99; background-color: #cecece; color: #000; padding: 1em; border: 1px solid #999; text-align: left;}
.auftragszuordnung-nachmarkt .change-date, .auftragszuordnung-nachmarkt .change-date-to, .auftragszuordnung-nachmarkt .change-customer, .auftragszuordnung-nachmarkt .change-project, .auftragszuordnung-nachmarkt .change-task-theme, .auftragszuordnung-nachmarkt .change-kfz, .auftragszuordnung-nachmarkt .change-notice, .auftragszuordnung-nachmarkt .change-report, .auftragszuordnung-nachmarkt .change-taskcode,
.auftragszuordnung-nachmarkt .change-status, .auftragszuordnung .change-user {cursor: pointer;}
.auftragszuordnung-nachmarkt .time-wrapper {border: 1px solid #666666; padding: 0.25em; text-align: center; margin-bottom: 1em;}
.auftragszuordnung-nachmarkt .change-status-dialog select {border: 1px solid; padding: 0.25em;}
.auftragszuordnung-nachmarkt .change-kfz-dialog select {border: 1px solid; padding: 0.25em;}
.auftragszuordnung-nachmarkt #user-data {background-color: #fff;}
.auftragszuordnung-nachmarkt #user-data li {margin-bottom: 0.5em;}
.auftragszuordnung-nachmarkt #user-data input {margin-right: 0.5em;}
.auftragszuordnung-nachmarkt table.no-style tr {background-color: initial;}
.auftragszuordnung-nachmarkt table.no-style tr .fa {background-color: initial; font-size: 1em;}

/* TASK-ADD-WRAPPER */
.task-add-wrapper {display: none; position: fixed; right: 0; padding: 1.35em; z-index: 99; color: #fff; top: 6em; background-color: #14527d; width: 23em; overflow: hidden; box-shadow: 0.125em 0.25em 0.5em #666;}
.day-wrapper {hyphens: auto;}

.google-maps-icon {float: left; width: 1.5em; height: auto; margin-right: 0.5em;}
.maps-link {background-color: #d3f8e2;	margin-top: 0.5em; border: #cecece 1px solid;}
.maps-link a {padding: 0.5em 0.25em; display: block;}

/* TERMINE / SERVICEKALENDER */
.termine .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.termine .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.termine .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine .change-date-service-manager-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.termine .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.termine .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.termine .day-wrapper:hover {opacity: 1;}
.termine .day-wrapper a {text-decoration: none; color: #000;}
.termine .day-wrapper-inner {font-size: 0.875em;}
.termine .urlaubs-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative; height: 1.875em; overflow: hidden; color: #fff;}
.termine .urlaubs-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer; z-index: 99999;}
.termine .abwesenheit-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.termine .abwesenheit-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer; z-index: 99999;}
.termine .duty-scheduling-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #fd5f25; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.termine .duty-scheduling-wrapper:hover, .termine .duty-scheduling-wrapper:active, .termine .duty-scheduling-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.termine .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.termine .task-wrapper.work:hover {background-color: #cae5fa; color: #000; cursor: text;}
.termine .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.termine .day-wrapper.active {background-color: #14527d; opacity: 1;}
.termine .day-wrapper.active .day-info{background-color: #14527d;}
.termine .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.termine input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine .task-notice {max-height: 4.5em; overflow: hidden;}
.termine .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.termine .verplante-mitarbeiter {position: absolute; top: -3.125em; right: -1em; text-align: center; padding: 0.5em; cursor: pointer; height: 3.65em; width: 2.75em; overflow: hidden; background-color: #14527d; color: #fff; border-radius: 2em; z-index: 9999; line-height: 1.25em; border: 1px solid #000;}
.termine .verplante-mitarbeiter:hover, .termine .verplante-mitarbeiter:active, .termine .verplante-mitarbeiter:focus {height: auto; width: auto; overflow: visible; background-color: #14527d; color: #fff; border-radius: 0.25em; text-align: right; line-height: initial; padding: 0.875em;}
.termine .verplante-mitarbeiter .user-dropdown {font-size: 1.25em;}
.termine .overtime-wrapper {position: fixed; top: 0; right: 0; background-color: #e1edeb; padding: 0.75em; height: 3em; overflow: hidden; box-shadow: 0.125em 0.25em 0.5em #666; font-size: 0.65em; cursor: pointer;}
.termine .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.termine .task-wrapper.done .special-mark {display: none !important;}
.termine .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto; z-index: 999;}
.termine .task-wrapper.done .edit-wrapper {display: none !important;}
.termine .task-wrapper.binding {background-color: #ffb4b4;}
.termine .uncheck-task {cursor: pointer;}
.termine .vms-service-date-info {font-size: 0.65em; display: none;}

/* TERMINE / ANGEBOTSKALENDER */
.angebotskalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.angebotskalender .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.angebotskalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.angebotskalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.angebotskalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.angebotskalender .day-wrapper:hover {opacity: 1;}
.angebotskalender .day-wrapper a {text-decoration: none; color: #000;}
.angebotskalender .day-wrapper-inner {font-size: 0.875em;}
.angebotskalender .urlaubs-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative; height: 1.875em; overflow: hidden; color: #fff;}
.angebotskalender .urlaubs-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.angebotskalender .abwesenheit-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.angebotskalender .abwesenheit-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.angebotskalender .duty-scheduling-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #fd5f25; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.angebotskalender .duty-scheduling-wrapper:hover, .termine .duty-scheduling-wrapper:active, .termine .duty-scheduling-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.angebotskalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.angebotskalender .task-wrapper.work:hover {background-color: #cae5fa; color: #000; cursor: text;}
.angebotskalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.angebotskalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.angebotskalender .day-wrapper.active .day-info{background-color: #14527d;}
.angebotskalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.angebotskalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .task-notice {max-height: 4.5em; overflow: hidden;}
.angebotskalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.angebotskalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.angebotskalender .task-wrapper.done .special-mark {display: none !important;}
.angebotskalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto; z-index: 999;}
.angebotskalender .task-wrapper.done .edit-wrapper {display: none;}
.angebotskalender .task-wrapper.binding {background-color: #ffb4b4;}

/* BACKOFFICEKALENDER */
.backofficekalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.backofficekalender .edit-wrapper {position: absolute; right: -1.25em; top: 0; z-index: 9999;}
.backofficekalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.backofficekalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.backofficekalender .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.backofficekalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.backofficekalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.backofficekalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.backofficekalender .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.backofficekalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.backofficekalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.backofficekalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.backofficekalender .day-wrapper:hover {opacity: 1;}
.backofficekalender .day-wrapper a {text-decoration: none; color: #000;}
.backofficekalender .day-wrapper-inner {font-size: 0.875em;}
.backofficekalender .urlaubs-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative; height: 1.875em; overflow: hidden; color: #fff;}
.backofficekalender .urlaubs-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.backofficekalender .abwesenheit-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.backofficekalender .abwesenheit-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.backofficekalender .duty-scheduling-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #fd5f25; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.backofficekalender .duty-scheduling-wrapper:hover, .termine .duty-scheduling-wrapper:active, .termine .duty-scheduling-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.backofficekalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative; z-index: 999;}
.backofficekalender .task-wrapper.work:hover {background-color: #cae5fa; color: #000; cursor: text;}
.backofficekalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.backofficekalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.backofficekalender .day-wrapper.active .day-info{background-color: #14527d;}
.backofficekalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.backofficekalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.backofficekalender .task-notice {max-height: 4.5em; overflow: hidden;}
.backofficekalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.backofficekalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.backofficekalender .task-wrapper.done .special-mark {display: none !important;}
.backofficekalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto; z-index: 999;}
.backofficekalender .task-wrapper.done .edit-wrapper {display: none;}
.backofficekalender .task-wrapper.binding {background-color: #ffb4b4;}

/* FACILITYKALENDER */
.facilitykalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.facilitykalender .edit-wrapper {position: absolute; right: -1.25em; top: 0; z-index: 9999;}
.facilitykalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.facilitykalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.facilitykalender .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.facilitykalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.facilitykalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.facilitykalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.facilitykalender .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.facilitykalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.facilitykalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.facilitykalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.facilitykalender .day-wrapper:hover {opacity: 1;}
.facilitykalender .day-wrapper a {text-decoration: none; color: #000;}
.facilitykalender .day-wrapper-inner {font-size: 0.875em;}
.facilitykalender .urlaubs-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative; height: 1.875em; overflow: hidden; color: #fff;}
.facilitykalender .urlaubs-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.facilitykalender .abwesenheit-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.facilitykalender .abwesenheit-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.facilitykalender .duty-scheduling-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #fd5f25; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.facilitykalender .duty-scheduling-wrapper:hover, .termine .duty-scheduling-wrapper:active, .termine .duty-scheduling-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.facilitykalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.facilitykalender .task-wrapper.work:hover {background-color: #cae5fa; color: #000; cursor: text;}
.facilitykalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.facilitykalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.facilitykalender .day-wrapper.active .day-info{background-color: #14527d;}
.facilitykalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.facilitykalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.facilitykalender .task-notice {max-height: 4.5em; overflow: hidden;}
.facilitykalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.facilitykalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.facilitykalender .task-wrapper.done .special-mark {display: none !important;}
.facilitykalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto; z-index: 999;}
.facilitykalender .task-wrapper.done .edit-wrapper {display: none;}
.facilitykalender .task-wrapper.binding {background-color: #ffb4b4;}

/* IT-KALENDER */
.it-kalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.it-kalender .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.it-kalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.it-kalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.it-kalender .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 0; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.it-kalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.it-kalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.it-kalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.it-kalender .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.it-kalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.it-kalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.it-kalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.it-kalender .day-wrapper:hover {opacity: 1;}
.it-kalender .day-wrapper a {text-decoration: none; color: #000;}
.it-kalender .day-wrapper-inner {font-size: 0.875em;}
.it-kalender .urlaubs-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative; height: 1.875em; overflow: hidden; color: #fff;}
.it-kalender .urlaubs-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.it-kalender .abwesenheit-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #32698e; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.it-kalender .abwesenheit-wrapper:hover, .termine .urlaubs-wrapper:active, .termine .urlaubs-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.it-kalender .duty-scheduling-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.5em; font-size: 0.875em; background-color: #fd5f25; color: #fff; position: relative;	height: 1.875em; overflow: hidden;}
.it-kalender .duty-scheduling-wrapper:hover, .termine .duty-scheduling-wrapper:active, .termine .duty-scheduling-wrapper:focus {height: initial; overflow: initial; cursor: pointer;}
.it-kalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.it-kalender .task-wrapper.work:hover {background-color: #cae5fa; color: #000; cursor: text;}
.it-kalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.it-kalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.it-kalender .day-wrapper.active .day-info{background-color: #14527d;}
.it-kalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.it-kalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.it-kalender .task-notice {max-height: 4.5em; overflow: hidden;}
.it-kalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.it-kalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.it-kalender .task-wrapper.done .special-mark {display: none !important;}
.it-kalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto; z-index: 999;}
.it-kalender .task-wrapper.done .edit-wrapper {display: none;}
.it-kalender .task-wrapper.binding {background-color: #ffb4b4;}

/* TERMINE / JAHRESKALENDER */
.termine-jahr .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #5eaf2b; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.termine-jahr .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.termine-jahr .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #666; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine-jahr .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #666; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine-jahr .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #666; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine-jahr .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #666; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.termine-jahr .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine-jahr .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine-jahr .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.termine-jahr .calendar-content .edit-wrapper .fa {font-size: 1.75em; padding: 0.25em 0.35em; background-color: #62B834; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.termine-jahr .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.termine-jahr .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.termine-jahr .day-wrapper:hover {opacity: 1;}
.termine-jahr .day-wrapper a {text-decoration: none; color: #000;}
.termine-jahr .day-wrapper-inner {font-size: 0.875em;}
.termine-jahr .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.termine-jahr .task-wrapper.work:hover {background-color: #5eaf2b; cursor: pointer; color: #fff;}
.termine-jahr .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.termine-jahr .day-wrapper.active {background-color: #5eaf2b; opacity: 1;}
.termine-jahr .day-wrapper.active .day-info{background-color: #5eaf2b;}
.termine-jahr .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.termine-jahr input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.tetermine-jahrrmine .task-notice {max-height: 4.5em; overflow: hidden;}
.termine-jahr .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.termine-jahr input[type=checkbox] {-ms-transform: scale(1.75); -moz-transform: scale(1.75); -webkit-transform: scale(1.75); -o-transform: scale(1.75); transform: scale(1.75); padding: 0.25em; cursor: pointer;}
.termine-jahr #portal-user-list li {margin-bottom: 1em;}

.date-dialog-hidden {display: none; visibility: hidden;}

/* ÜBERSICHT NACHMARKTKALENDER */
.uebersicht-nachmarkt .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.uebersicht-nachmarkt .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.uebersicht-nachmarkt .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.uebersicht-nachmarkt .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.uebersicht-nachmarkt .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.uebersicht-nachmarkt .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.uebersicht-nachmarkt .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.uebersicht-nachmarkt .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.uebersicht-nachmarkt .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.uebersicht-nachmarkt .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.uebersicht-nachmarkt .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.uebersicht-nachmarkt .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.uebersicht-nachmarkt .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.uebersicht-nachmarkt .day-wrapper:hover {opacity: 1;}
.uebersicht-nachmarkt .day-wrapper a {text-decoration: none; color: #000;}
.uebersicht-nachmarkt .day-wrapper-inner {font-size: 0.875em;}
.uebersicht-nachmarkt .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.uebersicht-nachmarkt .task-wrapper.work:hover {background-color: #cae5fa; cursor: text;}
.uebersicht-nachmarkt .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.uebersicht-nachmarkt .day-wrapper.active {background-color: #14527d; opacity: 1;}
.uebersicht-nachmarkt .day-wrapper.active .day-info{background-color: #14527d;}
.uebersicht-nachmarkt .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.uebersicht-nachmarkt .set-date-bhkw-maintenance-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #5eaf2b; color: #fff; padding: 1em; border: 1px solid #a1a1a1; border-radius: 0.5em; box-shadow: 0.125em 0.25em 0.5em #333;}
.uebersicht-nachmarkt input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.uebersicht-nachmarkt .task-notice {max-height: 4.5em; overflow: hidden;}
.uebersicht-nachmarkt .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.uebersicht-nachmarkt .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden; z-index: 999;}
.uebersicht-nachmarkt .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto;}
.uebersicht-nachmarkt .task-wrapper.done .edit-wrapper {display: none;}

/* Akquise-Kalender */
.akquise-kalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.akquise-kalender .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.akquise-kalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.akquise-kalender .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.akquise-kalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.akquise-kalender .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.akquise-kalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.akquise-kalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.akquise-kalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.akquise-kalender .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.akquise-kalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.akquise-kalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.akquise-kalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.akquise-kalender .day-wrapper:hover {opacity: 1;}
.akquise-kalender .day-wrapper a {text-decoration: none; color: #000;}
.akquise-kalender .day-wrapper-inner {font-size: 0.875em;}
.akquise-kalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.akquise-kalender .task-wrapper.work:hover {background-color: #cae5fa; cursor: text;}
.akquise-kalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.akquise-kalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.akquise-kalender .day-wrapper.active .day-info{background-color: #14527d;}
.akquise-kalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.akquise-kalender .set-date-bhkw-maintenance-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #5eaf2b; color: #fff; padding: 1em; border: 1px solid #a1a1a1; border-radius: 0.5em; box-shadow: 0.125em 0.25em 0.5em #333;}
.akquise-kalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.akquise-kalender .task-notice {max-height: 4.5em; overflow: hidden;}
.akquise-kalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.akquise-kalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.akquise-kalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto;}
.akquise-kalender .task-wrapper.done .edit-wrapper {display: none;}

/* ÜBERSICHT Angebotskalender */
.angebotskalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.angebotskalender .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.angebotskalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-absence-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #999; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.angebotskalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .change-date-absence-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.angebotskalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.angebotskalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.angebotskalender .day-wrapper:hover {opacity: 1;}
.angebotskalender .day-wrapper a {text-decoration: none; color: #000;}
.angebotskalender .day-wrapper-inner {font-size: 0.875em;}
.angebotskalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.angebotskalender .task-wrapper.work:hover {background-color: #cae5fa; cursor: text;}
.angebotskalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.angebotskalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.angebotskalender .day-wrapper.active .day-info{background-color: #14527d;}
.angebotskalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.angebotskalender .set-date-bhkw-maintenance-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #5eaf2b; color: #fff; padding: 1em; border: 1px solid #a1a1a1; border-radius: 0.5em; box-shadow: 0.125em 0.25em 0.5em #333;}
.angebotskalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.angebotskalender .task-notice {max-height: 4.5em; overflow: hidden;}
.angebotskalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.angebotskalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.angebotskalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto;}
.angebotskalender .task-wrapper.done .edit-wrapper {display: none;}

.angebotskalender .creator-item {float: left; margin-right: 1em;}
.angebotskalender .creator-item strong {color: #fff;}
.angebotskalender .creator-item textarea {border: 0; width: 100%; height: 5em;}
.angebotskalender .creator-item input {border: 0;}
.angebotskalender .custom-combobox-input {width: auto;}
.angebotskalender #datacreator {position: fixed; bottom: 0; right: 0; background-color: #14527d; padding: 1em; width: 100%;}

/* MEIN KALENDER */
.mein-kalender .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.mein-kalender .edit-wrapper {position: absolute; right: -1.25em; top: 0;}
.mein-kalender .change-date-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #cecece; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.mein-kalender .change-date-readyness-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #cecece; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.mein-kalender .change-date-holiday-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 9999; background-color: #cecece; color: #fff; padding: 1em; border: 1px solid #999; border-radius: 0;}
.mein-kalender .change-date-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.mein-kalender .change-date-holiday-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.mein-kalender .change-date-readyness-dialog input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.mein-kalender .calendar-content .edit-wrapper .fa {color: #fff; font-size: 1.75em; padding: 0.25em 0.35em; background-color: #14527d; border-radius: 0.5em; min-width: 1.755em; text-align: center; cursor: pointer; max-height: 1.5em;}
.mein-kalender .calendar-content .edit-wrapper .fa-calendar {font-size: 1em;}
.mein-kalender .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.5;}
.mein-kalender .day-wrapper:hover {opacity: 1;}
.mein-kalender .day-wrapper a {text-decoration: none; color: #000;}
.mein-kalender .day-wrapper-inner {font-size: 0.875em;}
.mein-kalender .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.mein-kalender .task-wrapper.work:hover {background-color: #cae5fa; cursor: pointer; color: #fff;}
.mein-kalender .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.mein-kalender .day-wrapper.active {background-color: #14527d; opacity: 1;}
.mein-kalender .day-wrapper.active .day-info{background-color: #14527d;}
.mein-kalender .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.mein-kalender input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.mein-kalender .task-notice {max-height: 4.5em; overflow: hidden;}
.mein-kalender .task-notice:hover {max-height: initial; overflow: visible; display: block;}
.mein-kalender .task-wrapper.done {background-color: #a2c037; height: 3.5em; overflow: hidden;}
.mein-kalender .task-wrapper.done .special-mark {display: none !important;}
.mein-kalender .task-wrapper.done:hover, .termine .task-wrapper.done:active, .termine .task-wrapper.done:focus {height: auto;}
.mein-kalender .task-wrapper.done .edit-wrapper {display: none;}
.mein-kalender .task-wrapper.binding {background-color: #ffb4b4;}

/* AUFGABENPOOL */
.aufgaben-kalenderansicht .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #14527d; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.aufgaben-kalenderansicht .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 15em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.5;}
.aufgaben-kalenderansicht .day-wrapper:hover {opacity: 1;}
.aufgaben-kalenderansicht .day-wrapper a {text-decoration: none; color: #000;}
.aufgaben-kalenderansicht .day-wrapper-inner {font-size: 0.875em;}
.aufgaben-kalenderansicht .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.aufgaben-kalenderansicht .task-wrapper.work:hover {background-color: #cae5fa; cursor: pointer; color: #fff;}
.aufgaben-kalenderansicht .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.aufgaben-kalenderansicht .day-wrapper.active {background-color: #14527d; opacity: 1;}
.aufgaben-kalenderansicht .day-wrapper.active .day-info{background-color: #14527d;}
.aufgaben-kalenderansicht .calendar-week {position: absolute;	left: -5.5em; top: 0; font-size: 0.65em; padding: 1em; background-color: #cecece; width: 4.5em; border-radius: 1em; color: #000; text-align: center;}
.aufgaben-kalenderansicht .pin-buttons {background-color: #cecece; text-align: center; padding: 0.25em; margin-top: 0.5em;}
.aufgaben-kalenderansicht .pin-buttons .fa {margin: 0.25em; font-size: 1.5em; cursor: pointer;}
.aufgaben-kalenderansicht .add-taskpin {background-color: #fff; color: #000; text-align: center; padding: 0.25em; margin-top: 0.5em;}
.aufgaben-kalenderansicht .add-taskpin .fa {margin: 0.25em;}
.aufgaben-kalenderansicht .add-taskpin:hover {background-color: #a2c037; color: #fff; cursor: pointer;}
.aufgaben-kalenderansicht .pin-notice {border: 1px solid #cecece; padding: 0.5em; background-color: #f2f7fb; margin-top: 0.25em; max-height: 8em; overflow-y: scroll;}

/* MEINE STUNDEN / PRODUKTIVITÄT/LOHN */
.meine-stunden .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 5em; margin-bottom: 5em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.85;}
.meine-stunden .day-wrapper:hover {opacity: 1;}
.meine-stunden .day-wrapper a {text-decoration: none; color: #000;}
.meine-stunden .day-wrapper-inner {font-size: 0.875em;}
.meine-stunden .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.meine-stunden .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.meine-stunden .calender-content {margin-top: 8em; margin-bottom: 4em;}
.meine-stunden .calendar_filter {display: block; text-align: right; margin-top: -12.5em; background-color: #3084B0; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.meine-stunden input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.meine-stunden .auswertung {position: fixed; bottom: 0; right: 0; background-color: #222; color: #fff; padding: 1em; font-size: 0.875em; width: 4.75em; height: 4.75em; overflow: hidden;}
.meine-stunden .auswertung:hover {width: auto; height: auto; overflow: visible;}
.meine-stunden .aznw-wrapper {/*position: absolute; bottom: -20em; left: 0; margin-bottom: 2em;*/ background-color: #222; color: #fff; padding: 1em; width: 100%; font-size: 0.75em; display: none;}
.meine-stunden .aznw-wrapper input {width: 100%; padding: 0.5em;}
.meine-stunden .mark-delivery-status {width: 1.5em; height: 1.5em; border-radius: 1em; float: left; margin-right: 1em; position: absolute; top: 1em; left: -1.125em; border: 3px solid #222;}
.meine-stunden .freigabe-button {font-size: 2em; margin-left: 0.5em; float: right; cursor: pointer;}
.meine-stunden .tagesfreigabe-ok {position: absolute; left: -0.5em; bottom: 0; font-size: 1.5em; color: #5eaf2b; background-color: #fff; border-radius: 3em; width: 1em; text-align: center;}
.meine-stunden .task-wrapper.gps {font-size: 0.65em;}
.meine-stunden .set-hours-by-delivery {font-size: 0.875em; text-align: center; background-color: #015480; cursor: pointer; margin: 1em 0 0; display: none; padding: 0.5em;}
.lohnzahlung {position: fixed; top: 1em; right: 1em; background-color: #d6ecf9; padding: 1em; z-index: 999999;}
.meine-stunden .einsatzzeiten-wrapper {position: absolute; top: -8em; left: 0; height: 5.75em; overflow: hidden; z-index: 9999999; transition: 1s ease all;}
.meine-stunden .einsatzzeiten-wrapper:hover, .meine-stunden .einsatzzeiten-wrapper:active, .meine-stunden .einsatzzeiten-wrapper:focus {height: auto; background-color: #fff; overflow: visible; cursor: pointer; padding: 0.5em 1em; border: 1px solid #000; box-shadow: 0.125em 0.25em 0.5em #666;}
.meine-stunden .gps-list-wrapper {position: absolute; top: -2em; right: 0; background-color: yellow; height: 1.875em; width: 1.875em; overflow: hidden; text-align: center; border-radius: 1em; border: 1px solid #000;	padding: 0.25em; line-height: 1.875; z-index: 999999;}
.meine-stunden .gps-list-wrapper:hover, .meine-stunden .gps-list-wrapper:active, .meine-stunden .gps-list-wrapper:focus {position: absolute; top: -2em; right: -18em; background-color: #fff; height: auto; width: 20em; overflow: hidden; text-align: initial; border-radius: 0; border: 1px solid #cecece; padding: 0.25em; line-height: 1.875; color: #000; font-size: 0.65em;}

/* LIEFERSCHEINAUSWERTUNG */
.lieferscheinauswertung .day-wrapper {background-color: #a8a8a8; margin-right: 1em; float: left; width: 13%; min-height: 5em; margin-bottom: 4em; color: #fff; position: relative; padding: 0.5em; text-align: left; opacity: 0.5;}
.lieferscheinauswertung .day-wrapper:hover {opacity: 1;}
.lieferscheinauswertung .day-wrapper a {text-decoration: none; color: #000;}
.lieferscheinauswertung .day-wrapper-inner {font-size: 0.875em;}
.lieferscheinauswertung .task-wrapper {border: 1px solid #fff; margin-bottom: 0.25em; padding: 0.125em 0.25em; font-size: 0.875em; background-color: #fff; color: #000; position: relative;}
.lieferscheinauswertung .day-info {position: absolute; top: -2em; left: 0; background-color: #808080; padding: 0.25em 0.75em; border-radius: 1em 1em 0 0;}
.lieferscheinauswertung .calender-content {margin-top: 4em; margin-bottom: 30em;}
.lieferscheinauswertung .calendar_filter {display: block; text-align: right; margin-top: -8em; background-color: #3084B0; width: auto; float: right; margin-right: 2em; margin-bottom: 3em; padding: 1em; color: #fff;}
.lieferscheinauswertung input {border: 1px solid #cecece; border-radius: 0; padding: 0.25em;}
.lieferscheinauswertung .auswertung {position: fixed; bottom: 0; right: 0; background-color: #222; color: #fff; padding: 1em; font-size: 0.875em; width: 4.75em; height: 4.75em; overflow: hidden;}
.lieferscheinauswertung .auswertung:hover {width: auto; height: auto; overflow: visible;}
.lieferscheinauswertung .aznw-wrapper {position: absolute; bottom: -18.5em; left: 0; background-color: #222; color: #fff; padding: 1em; width: 100%; font-size: 0.75em; margin-bottom: 2em;}
.lieferscheinauswertung .aznw-wrapper input {width: 100%; padding: 0.5em;}
.lieferscheinauswertung .mark-delivery-status {width: 1.5em; height: 1.5em; border-radius: 1em; float: left; margin-right: 1em; position: absolute; top: 1em; left: -1.125em; border: 3px solid #222;}
.lieferscheinauswertung .freigabe-button {font-size: 2em; margin-left: 0.5em; float: right; cursor: pointer;}
.lieferscheinauswertung .tagesfreigabe-ok {position: absolute; right: -0.25em; top: -0.87em; font-size: 3em; color: #5eaf2b; background-color: #fff; border-radius: 3em; width: 1em;	text-align: center;}

/* PACKZETTEL */
.template-wrapper {padding: 0.5cm; border: 1px dotted #000; background-color: #fff; margin-bottom: 1em;}
.template-ueberschrift {font-size: 2em; font-weight: bold;}
.template-wrapper table thead {background-color: #cecece;}
.template-wrapper .schlusszeile {background-color: #cecece;}
.template-wrapper .zwischensumme {background-color: #cecece;}
.template-wrapper table thead tr th {font-weight: initial;}
.template-wrapper .textblock p {line-height: 1.5em; padding: 0.5em; margin-bottom: 1.5em;}
.template-wrapper .template-list {background-color: #fff;}
.template-wrapper .template-list tr td {border-bottom: 1px solid #cecece;}
.template-wrapper .template-list tr:nth-child(even) {background-color: #eee;}
.template-wrapper .auftragsdaten {text-align: right;}
.template-wrapper .auftragsdaten input {font-family: courier; text-align: right; border-radius: 0; border: 1px solid #cecece; padding: 0.25em;}
.template-wrapper .kundenadresse {font-weight: bold; font-size: 1.25em;}
.template-list .amount {width: 5em; border: 1px solid #cecece; padding: 0.5em;}
.template-list textarea {width: 100%; border: 1px solid #cecece; padding: 0.5em; height: 6em; min-width: 18em;}
.template-wrapper .finalize-sheet {color: blue; font-weight: bold; margin-top: 1em; cursor: pointer;}
.abgeschlossene-packzettel .finalize-sheet {display: none;}
.packzettel table.data-list {margin-bottom: 5em;}

/* LIEFERSCHEINE */
.template-wrapper .finalize-delivery {color: blue; font-weight: bold; margin-top: 1em; cursor: pointer;}
.abgeschlossene-lieferscheine .finalize-delivery {display: none;}
.lieferschein .date {border: 1px solid #cecece; padding: 0.5em; border-radius: 0; margin-bottom: 0.5em;}
.lieferschein .time {border: 1px solid #cecece; padding: 0.5em; border-radius: 0;}
.lieferschein .time-to {border: 1px solid #cecece; padding: 0.5em; border-radius: 0;}
.lieferschein select {border: 1px solid #cecece; padding: 0.5em; border-radius: 0;}
.lieferschein table.data-list {margin-bottom: 5em;}
.lieferschein table.info-box {background-color: rgba(199, 231, 246, 0.5); min-width: 25em; margin-top: 0.75em; border-bottom: 1px solid #999;}
.lieferschein table.info-box tr td {padding: 0.125em; border-top: 1px solid #999;}
.lieferschein table.info-box tr td span {display: inline-block;}

/* LIEFERSCHEINE NACHMARKT */
.lieferschein-nachmarkt table.info-box {background-color: rgba(199, 231, 246, 0.5); min-width: 25em; margin-top: 0.75em; border-bottom: 1px solid #999;}
.lieferschein-nachmarkt table.info-box tr td {padding: 0.125em; border-top: 1px solid #999;}
.lieferschein-nachmarkt table.info-box tr td span {display: inline-block;}

.favorites-wrapper {background-color: #fff; border: 1px solid #000; padding: 0.5em 1em; position: fixed; right: 0; bottom: 0; height: 4.25em; z-index: 9999999; width: 3.5em;}
.favorites-wrapper .button {background-color: #37a22f; color: #fff; padding: 0.5em; display: block; margin-top: 1em; margin-bottom: 1em; cursor: pointer; margin-right: 1em; float: left; font-size: 0.875em;}
.favorites-wrapper li {font-size: 0.875em; display: block; position: relative; border-bottom: 1px dotted #333; padding: 0.25em 0;}
.favorites-wrapper li input {position: absolute; left: 0; top: 0.5em; z-index: 9999999;}
.favorites-wrapper li label span {padding-left: 2em; display: block;}
.text-block {font-size: 0.65em;}
.favorites-wrapper .template_list {max-height: 20em; overflow-y: scroll;}
.distance-wrapper {width: 1.5em; height: 1.5em; overflow: hidden; cursor: pointer;}

/* ANGEBOTE */
.template-wrapper .finalize-offer {color: blue; font-weight: bold; margin-top: 1em; cursor: pointer;}
.abgeschlossene-angebote .finalize-offer {display: none;}
.add-offer-by-task {background-color: #37a22f; color: #fff; padding: 1em; display: block; cursor: pointer; text-align: center;}
.add-offer-by-customer {background-color: #37a22f; color: #fff; padding: 1em; display: block; cursor: pointer; text-align: center;}

/* ARTIKELSUCHE IN LS, AN etc. */
#search_input {width: 100%; border: 1px solid #cecece; padding: 0.5em;}
.search-article {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}
.search-article-mein-lager {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}
#amount {width: 5em; border: 1px solid #cecece; padding: 0.5em;}
.priceview {text-align: right;}
.add-article {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}
.add-article-mein-lager {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}
.search-article-in-storage {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}
.add-vms-delivery-article {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}
.add-favorites-article {background-color: #37a22f; color: #fff; padding: 1em; display: inline-block; cursor:pointer;}

/* MEIN LAGER */
.button-inventur-config {background-color: #cecece; padding: 0.25em 0.5em; border-radius: 0.5em; border: solid 1px #666; margin: 0.25em 0; cursor: pointer; font-size: 0.875em;}
.button-inventur-config:hover {background-color: #666; color: #fff !important;}

/* ABGESCHLOSSENE VORGÄNGE */
.abgeschlossene-vorgaenge .show-pdf {display: inline-block; width: 100%; margin-bottom: 1em;}
.abgeschlossene-vorgaenge .date {border: 1px solid #cecece; padding: 0.5em; border-radius: 0; margin-bottom: 0.5em;}
.abgeschlossene-vorgaenge .time {border: 1px solid #cecece; padding: 0.5em; border-radius: 0;}
.abgeschlossene-vorgaenge .time-to {border: 1px solid #cecece; padding: 0.5em; border-radius: 0;}
.abgeschlossene-vorgaenge select {border: 1px solid #cecece; padding: 0.5em; border-radius: 0;}
.abgeschlossene-vorgaenge .checklist tr:nth-child(odd) {background-color: #fff;}
.abgeschlossene-vorgaenge .checklist tr:nth-child(even) {background-color: #e1edeb;}
.abgeschlossene-vorgaenge textarea {width: 60%; border: 1px solid #cecece; padding: 0.5em; height: 2.5em; margin-right: 1em;}
.abgeschlossene-vorgaenge input {border: 1px solid #cecece; padding: 0.5em;}
.abgeschlossene-vorgaenge input.date {width: 10em;}
.abgeschlossene-vorgaenge input.number {width: 10em; margin-right: 1em;}
.abgeschlossene-vorgaenge .checkitems {border: 1px solid #cecece; padding: 0.5em; font-size: 1.125em; width: 100%;}

.abgeschlossene-vorgaenge table.no-style tr {background-color: initial;}
.abgeschlossene-vorgaenge table.normal-list tr td {border-bottom: 1px solid #000;}
.abgeschlossene-vorgaenge table.normal-list tr td tr td {border-bottom: initial;}
.abgeschlossene-vorgaenge-nachmarkt table.normal-list tr td {border-bottom: 1px solid #000;}
.abgeschlossene-vorgaenge-nachmarkt table.normal-list tr td tr td {border-bottom: initial;}

.abgeschlossene-vorgaenge .set-as-finished-from-delivery {display: none !important;}
.abgeschlossene-vorgaenge .set-as-finished-from-storage {display: none !important;}

.abgeschlossene-vorgaenge .orgamax-export-dialog {display: none;}
.abgeschlossene-vorgaenge.skoeber .orgamax-export-dialog {display: block;}
.abgeschlossene-vorgaenge.mwolf .orgamax-export-dialog {display: block;}
.abgeschlossene-vorgaenge.jlotz .orgamax-export-dialog {display: block;}
.abgeschlossene-vorgaenge.khoelzel .orgamax-export-dialog {display: block;}
.abgeschlossene-vorgaenge.kwalter .orgamax-export-dialog {display: block;}
.abgeschlossene-vorgaenge.jsteiner .orgamax-export-dialog {display: block;}
.abgeschlossene-vorgaenge.sfalk .orgamax-export-dialog {display: block;}

/* DATENHALTUNG */
.kunden #customer_name_input {border: 1px solid #cecece; border-radius: 0; padding: 0.5em; width: 100%;}
.projekte #project_name_input {border: 1px solid #cecece; border-radius: 0; padding: 0.5em; width: 100%;}
.taetigkeiten #task_theme_name_input {border: 1px solid #cecece; border-radius: 0; padding: 0.5em; width: 100%;}
.fahrzeuge input {border: 1px solid #cecece; border-radius: 0; padding: 0.5em; width: 100%;}
.meine-fahrzeuge input {border: 1px solid #cecece; border-radius: 0; padding: 0.5em; width: 100%;}

/* KILOMETERTABELLE */
.kilometer-tabelle .change-location-dialog {background-color: #eee;	padding: 0.5em; margin-bottom: 1.5em; border-radius: 0.5em; border: 1px solid #cecece;}
.kilometer-tabelle .change-distance-dialog {background-color: #eee;	padding: 0.5em; margin-bottom: 1.5em; border-radius: 0.5em; border: 1px solid #cecece;}
.kilometer-tabelle .change-timeframe-dialog {background-color: #eee;	padding: 0.5em; margin-bottom: 1.5em; border-radius: 0.5em; border: 1px solid #cecece;}

/* URLAUBSÜBERSICHT */
.urlaubsantrag input, .urlaubsantrag textarea {border: 1px solid #cecece; border-radius: 0; padding: 0.5em; width: 100%;}
.urlaubsuebersicht .kw-wrapper {position: absolute; left: -2em; top: 1em; z-index: 999; background-color: #000; padding: 0.25em; transform: rotate(-90deg);	color: #fff;}
.urlaubsuebersicht-nj .kw-wrapper {position: absolute; left: -2em; top: 1em; z-index: 999; background-color: #000; padding: 0.25em; transform: rotate(-90deg);	color: #fff;}

/* TEAMNACHRICHTEN */
.teamnachrichten-front ul, .teamnachrichten ul li {list-style: initial;}
.teamnachrichten-front ul li {list-style: disc; margin-bottom: 0.25em;}
.teamnachrichten-front ol li {list-style: decimal; margin-bottom: 0.25em;}
.teamnachrichten-front ul ul {margin: 1em 1.25em;}
.teamnachrichten-front ul ol {margin: 1em 0.5em;}

/* DIGITALE ARBEITSSCHUTZBELEHRUNG */
.darbschb .module-list {margin-left: 1.5em; margin-bottom: 1em; text-align: left; margin-top: 0.5em;}
.darbschb .module-list li {list-style: disc;}
.darbschb .modules-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5em; align-items: stretch; margin-bottom: 5em;}
.darbschb .module-card {display: flex; flex-direction: column; background: #fff; border-radius: 12px; padding: 1em 1.5em; box-sizing: border-box; position: relative; margin-bottom: 1.5em;}
.darbschb .module-title {text-align: center; font-size: 1em; background-color: #14527d; color: #fff; padding: 1em; margin-bottom: 0; border-radius: 1em 1em 0em 0em;}
.darbschb .module-purpose {background-color: #bce1f4; padding: 1em 1.5em; text-align: left;}
.darbschb .module-section-title {font-weight: bold; background-color: #bce1f4; padding: 0.5em 1.5em; border-bottom: 1px solid #fff; text-align: left;}
.darbschb .module-section-title2 {display: none;}
.darbschb .role-badge {text-align: left !important; font-weight: bold; color: #14527d;}
.darbschb .roles-row {padding: 0.5em;}
.darbschb .instruction-info.grey {background-color: #cecece;}
.darbschb .instruction-info.done {background-color: #a2c037;}
.darbschb .instruction-info.todo {background-color: #ff0000;}
.darbschb .instruction-info .fa {font-size: 1.75em;}
.darbschb .instruction-info {position: absolute; right: -1em; bottom: -1.65em; text-align: center; width: 9em; border-radius: 5em; font-size: 0.65em; height: 9em; align-items: center; display: flex; padding: 1em; z-index: 999; cursor: pointer;}
@media (max-width: 1100px) {.darbschb .modules-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 700px) {.darbschb h2 {text-align: left;} .darbschb .modules-grid {grid-template-columns: 1fr;}}

.darbschb .instruction-modal {position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; z-index: 9999; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.darbschb .instruction-modal-content {background: #fff; width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; box-sizing: border-box; padding: 20px;border-radius: 4px; -webkit-overflow-scrolling: touch;}
.darbschb .instruction-modal p {margin-bottom: 1em;}
.darbschb .instruction-modal .instruction-checklist {margin-bottom: 1em;}
.darbschb .instruction-modal input[type="checkbox"] {transform: scale(1.75);}
.darbschb .instruction-modal button {padding: 0.5em 1em;}

/* GEBURTSTAGE */
.geburtstage input {border: 1px solid #cecece; border-radius: initial; padding: 0.25em;}

/* SERVICEANFRAGEN */
/*
.serviceanfragen .change-date-dialog, .serviceanfragen .change-date-to-dialog, .serviceanfragen .change-customer-dialog, .serviceanfragen .change-project-dialog, .serviceanfragen .change-task-theme-dialog, .serviceanfragen .change-kfz-dialog, .serviceanfragen .change-notice-dialog, .serviceanfragen .change-report-dialog, .serviceanfragen .change-taskcode-dialog, .serviceanfragen .change-status-dialog,.serviceanfragen .change-user-dialog, .change-orgamax-code-dialog {position: absolute; right: 0.5em; width: 20em; top: 4em; z-index: 99; background-color: #cecece; color: #000; padding: 1em; border: 1px solid #999; text-align: left;}
.serviceanfragen ul#portal-user-list {margin-bottom: 1em;}
*/

/* ALLEINARBEIT */
.alleinarbeit #page-wrapper ul li {list-style: initial;}
.alleinarbeit #page-wrapper ul {margin-left: 1em; margin-bottom: 1em;}
.alleinarbeit #page-wrapperm ol {margin-bottom: 1em;}
.alleinarbeit #page-wrapper .suggestions {display: block; font-size: 1.5em; margin-bottom: 0.125em; text-align: left; border: 1px solid #000; padding: 0.25em; background-color: #bae0f5; border-radius: 1em;}
.alleinarbeit #page-wrapper .suggestions .fa {background-color: #a2c037; color: #fff; padding: 0.35em; border-radius: 1em; min-width: 1.875em; text-align: center;}
.alleinarbeit #page-wrapper .suggestions .fa-sun-o {background-color: #9ec9e1; color: #ffff00;}
.alleinarbeit #page-wrapper .suggestions .fa-moon-o {background-color: #002B43; color: #ffff00;}
.alleinarbeit #page-wrapper h2 {background-color: #ff0000; color: #fff !important; padding: 0.25em 0.5em; text-align: center;}
.alleinarbeit #page-wrapper .logo {display: none;}

/********************************************/
/******************* RECHTEZUWEISUNG ETC. ***/
/********************************************/
.meine-stunden.is-admin .set-hours-by-delivery {display: block;}

.calendar-content .edit-wrapper {display: none !important;}
.sfalk .calendar-content .edit-wrapper {display: block !important;}
.skoeber .calendar-content .edit-wrapper {display: block !important;}
.mwolf .calendar-content .edit-wrapper {display: block !important;}
.jlotz .calendar-content .edit-wrapper {display: block !important;}
.khoelzel .calendar-content .edit-wrapper {display: block !important;}
.jsteiner .calendar-content .edit-wrapper {display: block !important;}
.mschaller .calendar-content .edit-wrapper {display: block !important;}
.nullrich .calendar-content .edit-wrapper {display: block !important;}
.shufsky .calendar-content .edit-wrapper {display: block !important;}

.aufgaben-kalenderansicht .pin-buttons {display: none;}
.aufgaben-kalenderansicht .add-taskpin {display: none;}
.aufgaben-kalenderansicht.sfalk .pin-buttons {display: block;}
.aufgaben-kalenderansicht.sfalk .add-taskpin {display: block;}
.aufgaben-kalenderansicht.skoeber .pin-buttons {display: block;}
.aufgaben-kalenderansicht.skoeber .add-taskpin {display: block;}

/* Teamübersicht */
.teamuebersicht table {background-color: #fff; font-size: 0.875em; border: 1px solid #666; box-shadow: 0.125em 0.25em 0.5em #666; margin-bottom: 2em;}
.teamuebersicht table tr:nth-child(even) {background: #eee;}
.teamuebersicht .logo {display: none;}

/*
Ausbuchung aus Hauptlager (Button) - in Lieferscheinen
Nur sichtbar für
Backoffice/Lager
*/
.set-as-finished-from-storage {display: none !important;}
.jsteiner .set-as-finished-from-storage {display: block !important;}
.khoelzel .set-as-finished-from-storage {display: block !important;}
.kwalter .set-as-finished-from-storage {display: block !important;}
/*
Serviceleitung
*/
.jlotz .set-as-finished-from-storage {display: block !important;}
/*
Geschäftsführung/Admins
*/
.sfalk .set-as-finished-from-storage {display: block !important;}
.skoeber .set-as-finished-from-storage {display: block !important;}
.mwolf .set-as-finished-from-storage {display: block !important;}

/*
Ausbuchung aus Hauptlager (Als User Hauptlager pro Poistion) - in Lieferscheinen
Nur sichtbar für
Backoffice/Lager
*/
.storage-item-delivery-users {display: none !important;}
.jsteiner .storage-item-delivery-users {display: block !important;}
.khoelzel .storage-item-delivery-users {display: block !important;}
.kwalter .storage-item-delivery-users {display: block !important;}
/*
Serviceleitung
*/
.jlotz .storage-item-delivery-users {display: block !important;}
/*
Geschäftsführung/Admins
*/
.sfalk .storage-item-delivery-users {display: block !important;}
.skoeber .storage-item-delivery-users {display: block !important;}
.mwolf .storage-item-delivery-users {display: block !important;}

/*
Offene Positionen in neue Bestellung übertragen und Bestellung abschließen
Nur sichtbar für
Backoffice/Lager
*/
.transfer-to-new-order {display: none !important;}
.jsteiner .transfer-to-new-order {display: block !important;}
.khoelzel .transfer-to-new-order {display: block !important;}
.kwalter .transfer-to-new-order {display: block !important;}
/*
Serviceleitung
*/
.jlotz .transfer-to-new-order {display: block !important;}
/*
Geschäftsführung/Admins
*/
.sfalk .transfer-to-new-order {display: block !important;}
.skoeber .transfer-to-new-order {display: block !important;}
.mwolf .transfer-to-new-order {display: block !important;}

/*
Festlegung von Sollbeständen im Hauptlager
*/
.lagerliste .set-amount-insisted {display: none !important;}
/*
Serviceleitung und Lagermitarbeiter
*/
/*
Geschäftsführung/Admins
*/
.lagerliste.sfalk .set-amount-insisted {display: inline-block !important;}
.lagerliste.skoeber .set-amount-insisted {display: inline-block !important;}
.lagerliste.mwolf .set-amount-insisted {display: inline-block !important;}

/*
VMS-Service/VMS-Update Infos zu Fristen im Servicekalender (termine.php, filter-calendar.php)
*/
.termine.sfalk .vms-service-date-info {display: block;}
.termine.skoeber .vms-service-date-info {display: block;}
.termine.khoelzel .vms-service-date-info {display: block;}
.termine.jsteiner .vms-service-date-info {display: block;}
.termine.mwolf .vms-service-date-info {display: block;}
.termine.jlotz .vms-service-date-info {display: block;}

/* RUNNING TASK KONSTRUKT AUF STARTSEITE */
/* Konstrukt wird nicht genutzt und daher aus Performance-Gründen auskommentiert */
/*
.running-task-box.inactive {background-color: #fff; color: #000; position: fixed; display: inline-block; cursor: pointer; top: 3em; right: 0; z-index: 99; box-shadow: 0.125em 0.25em 0.5em #666; height: 3em; width: 3em; overflow: hidden;}
.running-task-box.active {background-color: #fff; color: #000; position: fixed; display: inline-block; cursor: pointer; top: 3em; right: 0; z-index: 99; box-shadow: 0.125em 0.25em 0.5em #666; height: auto; width: auto; overflow: visible; padding: 1em;}
.start-running-task {text-align: center; background-color: #eee; padding: 0.5em; margin-top: 0.75em;}
.stop-running-task {text-align: center; background-color: #eee; padding: 0.5em; margin-top: 0.75em;}
.running-task-deliery {text-align: center; background-color: #eee; padding: 0.5em; margin-top: 0.75em;}
*/

/********************************************/
/********************************** MOBIL ***/
/********************************************/

@media only screen and (min-width : 10em) and (max-width : 79.5em)
{
	/* GENERALS/RESETS */
	.col2, .col3, .col2.last, .col3.last, .col4, .col4.last {width: 100%; float: none;}
	.labeltext {display: block; width: 100%;}
	.template-wrapper .auftragsdaten {text-align: left;}
	.template-wrapper .auftragsdaten input {width: 100%;}
	
	.home .task-item-onhome, .home .task-item-onhome.last, .termine .day-wrapper, .mein-kalender .day-wrapper, .uebersicht-nachmarkt .day-wrapper, .angebotskalender .day-wrapper, .backofficekalender .day-wrapper, .it-kalender .day-wrapper {float: none; width: auto; margin: 1em;}
	
	.termine .day-wrapper, .mein-kalender .day-wrapper, .uebersicht-nachmarkt .day-wrapper, .angebotskalender .day-wrapper, .backofficekalender .day-wrapper, .it-kalender .day-wrapper {min-height: auto !important; height: auto !important; margin-bottom: 6em;}
	.termine .legende, .mein-kalender .legende, .uebersicht-nachmarkt .legende, .angebotskalender .legende, .backofficekalender .legende, .it-kalender .legende {display: none;}
	.termine .calendar_filter, .mein-kalender .calendar_filter, .uebersicht-nachmarkt .calendar_filter, .angebotskalender .calendar_filter, .backofficekalender .calendar_filter, .it-kalender .calendar_filter {display: inline; text-align: right; margin-top: initial;	background-color: #14527d; width: auto;	float: initial; margin-right: 0; margin-bottom: 0; padding: 1em; position: fixed; top: 0; right: 0; z-index: 999;}
	
	table tr td, table tr th {display: block; width: 100%;}
	table tr th {display: none;}
	.meine-auftraege .time-wrapper {margin-top: 1em;}
	.home .date-wrapper {float: left; color: #000; text-align: left; margin-bottom: 1em;}
	.home h1 {display: none;}
	.mobil-hidden {display: none !important;}
	.home .my-data-wrapper.prod {display: none;}
	.neuer-auftrag ul.worker-list li {width: 100%;}
	.neuer-auftrag ul.worker-list .list-block {width: 100%; float: initial; margin: initial;}
	.neuer-auftrag h2 {visibility: hidden;}
	.auftragszuordnung h2 {visibility: hidden;}
	
	.auftragszuordnung .change-date-dialog, .auftragszuordnung .change-date-to-dialog, .auftragszuordnung .change-customer-dialog, .auftragszuordnung .change-project-dialog, .auftragszuordnung .change-task-theme-dialog, .auftragszuordnung .change-kfz-dialog, .auftragszuordnung .change-notice-dialog, .auftragszuordnung .change-report-dialog, .auftragszuordnung .change-taskcode-dialog, .auftragszuordnung .change-status-dialog, .auftragszuordnung .change-user-dialog, .meine-auftraege .change-report-dialog, .meine-auftraege .change-status-dialog, .termine .change-date-dialog, .auswertung-serviceeinsaetze .change-date-service-timetable-dialog, .auswertung-serviceeinsaetze .change-time-service-timetable-start-dialog, .auswertung-serviceeinsaetze .change-time-service-timetable-end-dialog, .auswertung-serviceeinsaetze .change-time-service-timetable-pause-dialog, .auswertung-serviceeinsaetze .change-customer-dialog, .auswertung-serviceeinsaetze .change-project-dialog, .auswertung-serviceeinsaetze .change-task-theme-dialog, .auswertung-serviceeinsaetze .change-taskcomment-dialog, .auswertung-serviceeinsaetze .change-taskcode-dialog {position: fixed; bottom: 0; right: 0; top: initial; text-align: left;}

	.lieferschein-nachmarkt table.info-box {min-width: initial;}
	.lieferschein table.info-box {min-width: initial;}
	
	.delete-timetable-entry {display: none !important;}
	
	.meine-stunden .day-wrapper {width: 100%; float: none;}
	.meine-stunden .auswertung {position: initial;}
	.vormonat {display: none;}
	.meine-stunden .day-wrapper {height: auto !important;}
	
	.favorites-wrapper:hover, .favorites-wrapper:active, .favorites-wrapper:focus {height: auto; width: auto !important;}
	.meine-stunden .einsatzzeiten-wrapper {position: relative; top: initial; left: initial; height: initial; overflow: visible;	z-index: 9999999; transition: 1s ease all;}
	.meine-stunden .einsatzzeiten-wrapper:hover, .meine-stunden .einsatzzeiten-wrapper:active, .meine-stunden .einsatzzeiten-wrapper:focus {height: auto; background-color: initial; overflow: visible; cursor: pointer; padding: initial; border: initial; box-shadow: initial;}
	
	.akquise-tabelle .edit-wrapper-inner {width: 80%; height: 80%; overflow-y: scroll;}
	.akquise-tabelle .close {top: 0; right: 0; z-index: 99;}
	
}

@media only screen and (min-width : 10em) and (max-width : 112.5em)
{
	body {font-size: 80% !important;}
}


.ui-menu .ui-menu-item-wrapper {max-width: 100% !important; width: 100% !important;}