/* Global */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  height: 850px;
  overflow: auto;
}

a {
  text-decoration: none !important;
}

h1 {
  font-size: 20px !important;
  padding-bottom: 15px;
}



/* Footer */
.sd-footer {
  background: #494949;
  color: #fff;
  padding-top: 3%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 3%;
}

.sd-footer-boxes {
  display: flex;
}

.sd-footer-box {
  color: #ffffff;
}

.sd-copyright {
  text-align: center;
  font-size: 12px;
  background: #494949;
  color: #a8a8a8;
  padding-bottom: 10px;
}

.sd-copyright a {
  color: #a8a8a8;
  font-weight: 700;
}

.sd-footer-logo {
  width: 250px;
  text-align: right;
}

.sd-ul {
  margin: 0px;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  list-style-type: none;
}

.sd-ul a {
  color: #fff;
}

.sd-ul a:hover {
  color: #a8a8a8;
}

/* Form Elements */

.sd-kunde-new {
  display: flex;
}

.sd-kunde-new-box {
  margin-right: 15px;
}

.sd-form input[type=text],
.sd-form input[type=password],
.sd-form input[type=email],
.sd-form input[type=number],
.sd-form-element {
  padding: 15px;
  width: 100%;
  border: 0;
  border-radius: 8px;
}

.sd-form-element {
  margin-bottom: 10px;
}

.sd-form input[type=submit],
.sd-form-btn {
  margin-top: 5px;
  display: inline-block;
  background: #484848;
  color: #fff;
  padding: 15px;
  border: 0;
  cursor: pointer;
  margin-top: 20px;
}

.sd-form input[type=submit]:hover,
.sd-form-btn:hover {
  background: #1e88c5;
}

.sd-form-label {
  display: block;
  padding-bottom: 5px;
}

/* Debug Line */
.debug_line {
  background: #c40000;
  color: #fff;
  padding: 5px;
}


/* Table */

.sd-table table {
  border-collapse: unset !important;
  width: 100%;
}

.sd-table tr {
  border: 1px solid #aaaaaa;
}

.sd-table td,
.sd-table th {
  text-align: left;
  padding: 18px;
}

.sd-content-site {
  /*background: rgb(243, 243, 243);
  box-shadow: 0px 0px 8px -5px #000;*/
  padding: 15px;
}

/* sd */

#sd-table,
#sd-table2,
#sd-table22,
#sd-table222,
#sd-table2222 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#sd-table td,
#sd-table th,
#sd-table2 td,
#sd-table2 th,
#sd-table22 td,
#sd-table22 th,
#sd-table222 td,
#sd-table222 th,
#sd-table2222 td,
#sd-table2222 th {
  border: 1px solid #ddd;
  padding: 15px;
  background: #fff;
}

#sd-table tr:nth-child(even),
#sd-table2 tr:nth-child(even),
#sd-table22 tr:nth-child(even),
#sd-table222 tr:nth-child(even),
#sd-table2222 tr:nth-child(even) {
  background-color: #d8d8d8;
}

#sd-table tr:hover,
#sd-table2 tr:hover,
#sd-table22 tr:hover,
#sd-table222 tr:hover,
#sd-table2222 tr:hover {
  background-color: rgb(195, 228, 255) !important;
}

#sd-table th,
#sd-table2 th,
#sd-table22 th,
#sd-table222 th,
#sd-table2222 th {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  text-align: center;
  background-color: #001f3f;
  color: white;
  border: none;
}

.sd-btn-group {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

.sd-btn {
  padding: 15px;
  margin: 0px;
  border: 0;
  cursor: pointer;
}

.btn-default {
  background: #484848;
  color: #fff;
}

.btn-red {
  background: #dd0000;
  color: #fff;
}

.btn-orange {
  background: #f47a00;
  color: #fff;
}

.btn-green {
  background: #00b000;
  color: #fff;
}

.sd-btn:hover {
  background: #858585;
}

.sd-message-success {
  background: #00b000;
  color: #fff;
  width: 200px;
  text-align: center;
  padding: 5px;
  margin-bottom: 15px;
}

.sd-select i {
  padding-bottom: 10px;
  font-size: 30px !important;
}

.sd-table-responsive {
  overflow-x: auto;
}

.input_rang {
  display: flex;
  margin-bottom: 10px;
}

/* Select Boxes */
.sd-select-boxes {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}

.sd-select {
  box-shadow: 0px 0px 8px -5px #000;
  border-radius: 8px;
  padding: 25px;
  margin: 10px;
  display: block;
  min-width: 20%;
  text-align: center;
}

.sd-select-default {
  background: #fff;
  color: #000;
}

.sd-select-default:hover {
  background: #1e88c5;
  color: #fff;
}

.sd-select-dis {
  background: #f3f3f3;
  color: rgb(212, 212, 212);
}


[data-tooltip] {
  position: relative;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: .9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}

[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #3b48ff;
  color: #FFFFFF;
  z-index: 99;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #3b48ff;
}

[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}

[data-tooltip]:not([data-flow])::before,
[tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}

[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #787878;
}

[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}

[data-tooltip][data-flow="bottom"]::before,
[data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}

[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #787878;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #787878;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip=""]::after,
[data-tooltip=""]::before {
  display: none !important;
}

div.fadeMe {
  opacity: 0.7;
  filter: alpha(opacity=20);
  background-color: #000;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #fff;
}

div.popup {
  position: fixed;
  left: 50%;
  top: 50%;
  opacity: 0.4;
  width: 50%;
  height: 50%;
  background: white;
  border-radius: 3px;
  padding: 10px;
  z-index: 11;
  height: 7%;
  width: 20%
}

div div.popup {
  position: fixed;
  top: 0;
  right: 10%;
  bottom: 10%;
  left: 10%;
  background-color: red;
  background: blue;
  opacity: .6;
  z-index: 9999999;
  text-align: center;
}

.custom-loader {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 8px solid;
  border-color: #E4E4ED;
  border-right-color: #F43434;
  animation: s2 1s infinite linear;
}

@keyframes s2 {
  to {
      transform: rotate(1turn)
  }
}


.btn-sd {
  background: #001f3f !important;
  color: #fff !important;
  
}
.btn-sd:hover {
  background: #0052a4 !important;
  color: #fff !important;
}

.sd-drop-link:hover {
  color: #001f3f !important;

}

.sd-meldung-offen {
  background: #fff;
  color: #000;
  padding: 15px;
  border-radius: 5px;
}


/* Steps */
.steps {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: space-around;
  align-items: center;
}

.step-box {
  box-shadow: 0px 0px 8px -5px #000;
  border-radius: 8px;
  padding: 25px;
  margin: 10px;
  display: flex;
  width: 5%;
  justify-content: center;
  align-content: center;
}

.step-box-dis {
  background: #ebebeb;
  color: #a8a8a8;
}

.step-box-active {
  background: #1e88c5;
  color: #fff;
}


.brand-link {
  background: #484848;
  color: #fff;
}

td {
  vertical-align: middle !important;
}

.p_link {
  color: #494949;
}

.dok_link {
  color: #fff !important;
}

.select2-container--default {
  display: none !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  background: #1e88c5;
  color: #ffffff !important;
}

.select2bs4 option[selected] {
  background: #64c6ff !important;
  color: #ebebeb !important;
}

.menu_row {
  margin-bottom: 5px;
  background: #d2ebff;
  padding: 5px;
  border-radius: 8px;
}

.menu_row a {
  color: #000;
}

.menu_row .icon {
  padding-top: 5px;
  font-size: 20px;
}

.menu_row .icon-r {
  color: rgb(184, 184, 184);
  font-size: 15px;
}

.content-wrapper {
  height: auto !important;
}

.nav-treeview {
  margin-left: 15px;
}

.fc-day-today {
  background: #97d8ff !important;
}

.event_black {
  background: #000000 !important;
  border-color: #000000 !important;
}

.event_red {
  background: #e80000 !important;
  border-color: #e80000 !important;
}

.event_orange {
  background: #ff8000 !important;
  border-color: #ff8000 !important;
}

.event_blue {
  background: #008cff !important;
  border-color: #008cff !important;
}

.event_green {
  background: #00b359 !important;
  border-color: #00b359 !important;
}

.event_light {
  background: #dbdbdb !important;
  border-color: #dbdbdb !important;
}

.event_light .fc-event-title {
  color: #000000 !important;
}

.event_gelb {
  background: #fad503 !important;
  border-color: #fad503 !important;
}

.event_gelb .fc-event-title {
  color: #000000 !important;
}

.event_pink {
  background: #ff0080 !important;
  border-color: #ff0080 !important;
}

.event_pink .fc-event-title {
  color: #ffffff !important;
}

.event_global {
  background: #408080 !important;
  border-color: #408080 !important;
}

.event_global .fc-event-title {
  color: #ffffff !important;
}

.event_projekt {
  background: #400080 !important;
  border-color: #400080 !important;
}

.event_projekt .fc-event-title {
  color: #ffffff !important;
}

.produkt-image {
  max-width: 450px;
}

.produkt-image-list {
  max-width: 150px;
  max-height: 150px;
}

.profile-user-img {
  width: 140px !important;
  height: 140px !important;
}

.userimg {
  width: 40px !important;
  height: 40px !important;
}

.user-panel .image {
  display: flex !important;
  padding-left: .8rem;
  align-content: center;
  align-items: center;
  justify-content: center;
}

/* FOOTER OUT */
.footer-out {

  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #ffffff;
  color: #4d4d4d;
  padding: 5px;
  box-shadow: 0px -1px 4px 0px #000000;
}

.out-card .card-body {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 20px;
}

.out-card .card-body i {
  font-size: 25px;
}

.card .overlay,
.info-box .overlay,
.overlay-wrapper .overlay,
.small-box .overlay {
  display: flex;
  flex-direction: column !important;
}

.verbautermin {
  padding: 15px !important;
}


/* Eigener Kalender */
.calendar {
  width: 100%;
}

.calendar-row {
  display: flex;
}

.calendar-row td {
  border: solid 1px #ebebeb;
}

.calendar-day-head {
  background: #ff7c7c;
  color: #ffffff;
  width: 120px;
  text-align: center;
  padding: 20px;
}

.calendar-day {
  background: #ffffff;
  height: 120px;
  width: 120px;
}

.day-number {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: #ff7c7c;
  color: #ffffff;
  padding: 10px;
  width: 25px;
  height: 25px;

}

.calendar-day-np {
  background: #e4e4e4 !important;
  height: 120px;
  width: 120px;
}

.calendar-event {
  background: #ff7c7c;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  display: block;
}

.calendar-event a {
  color: #fff;
}

.wekknumb_list {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #7e7e7e;
  font-weight: 600;
  font-size: 20px;
  padding: 35px;
}

.verbau {
  min-height: 90px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-content: center !important;
}

.kwbox {
  background: #fff;
  margin: 10px;
  min-height: 350px;
  border-radius: 10px;
  box-shadow: 0px 0px 3px 0px #000;
}

.cur_kw {
  background: #fdfdfd;
  box-shadow: 0px 0px 15px 0px #000;
}

.header-btn {
  margin-left: 10px;
}

.sperre {
  opacity: 0.9;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 1500;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sperre_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-size: 1.5em;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.sperre2 {
  position: relative !important;
}

.sperre2:after {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex !important;
  content: 'Gesperrt';
  z-index: 5;
  /* Make sure this value is higher than the .form class  */
  top: 0;
  left: 0;
  opacity: 0.9;
  background: #000;
}


.p_status {
  text-align: center;
  padding: 15px;
  background: #1e88c5;
  color: #fff;
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 15px;
}

.table_td {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.sd_time {
  box-shadow: 0px 0px 10px -1px #afafaf !important;
}

.attach {
  margin-top: -18px;
  border-radius: 0px 0px 0.25rem 0.25rem !important;
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 3px 3px rgb(0 0 0 / 20%) !important;
}

.admin-btn {
  color: #fff;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.admin-btn:hover {
  background: #ce2435;
  color: #fff;
}

.adminbar {
  margin: 0px !important;
}

.logs {
  overflow-y: scroll;
  scroll-behavior: smooth;
  max-height: 600px;
}

.nav-no-active>p {
  color: #fff;
}

.nav-no-active {
  color: #fff !important;
}

.del-btn {
  color: #c40000;
}

.del-btn:hover {
  color: #4d4d4d;
}

.sd-rang-neu {
  padding: 8px;
  width: 150px;
  display: inline-block;
  text-align: center;
  border-radius: 0px;
}


.md-stepper-horizontal {
display:table;
width:100%;
margin:0 auto;
background-color:#FFFFFF;
box-shadow: 0 3px 8px -6px rgba(0,0,0,.50);
}
.md-stepper-horizontal .md-step {
display:table-cell;
position:relative;
padding:24px;
}
.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
background-color:rgba(0,0,0,0.04);
}
.md-stepper-horizontal .md-step:active {
border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:hover .md-step-circle {
background-color:#757575;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
display:none;
}
.md-stepper-horizontal .md-step .md-step-circle {
width:30px;
height:30px;
margin:0 auto;
background-color:#999999;
border-radius: 50%;
text-align: center;
line-height:30px;
font-size: 16px;
font-weight: 600;
color:#FFFFFF;
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
background-color:#00AE4D;
}
.md-stepper-horizontal.blue .md-step.active .md-step-circle {
background-color:#001f3f;
}
.md-stepper-horizontal.red .md-step.active .md-step-circle {
background-color:#ff3737;
}
.md-stepper-horizontal.orange .md-step.active .md-step-circle {
background-color:#F96302;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
background-color: rgb(33,150,243);
}
.md-stepper-horizontal .md-step.done .md-step-circle:before {
font-family:'FontAwesome';
font-weight:100;
content: "\f00c";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
display:none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
font-family:'FontAwesome';
font-weight:100;
content: "\f040";
}
.md-stepper-horizontal .md-step .md-step-title {
margin-top:16px;
font-size:16px;
font-weight:600;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
text-align: center;
color:rgba(0,0,0,.26);
}
.md-stepper-horizontal .md-step.active .md-step-title {
font-weight: 600;
color:rgba(0,0,0,.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
font-weight:600;
}
.md-stepper-horizontal .md-step .md-step-optional {
font-size:12px;
}
.md-stepper-horizontal .md-step.active .md-step-optional {
color:rgba(0,0,0,.54);
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
position:absolute;
top:36px;
height:1px;
border-top:1px solid #DDDDDD;
}
.md-stepper-horizontal .md-step .md-step-bar-right {
right:0;
left:50%;
margin-left:20px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
left:0;
right:50%;
margin-right:20px;
}

@media print {
  .header_print {
      position: fixed;
      top: 0;
    }
    .footer_print {
      position: fixed;
      bottom: 0;
    }
}

.p_dok_flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dok_btn_div {
  display: flex;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  align-items: center;
  align-content: center;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  flex-direction: row;
  box-shadow: 0px 0px 5px -1px #000;
}
.dok_btn_div > form {
  margin: 0px !important;
}

.zaehler {
  font-size: 21px;
  font-weight: 500;
}

.menu-bild {
  width: 25px;
}

.fuhrpark_card {
  background: #fff;
  padding: 5px;
  border-radius: 3px;
  max-height: 64px;
  box-shadow: 0px 0px 5px 0px #000;
}

.image_thumb {
  max-width: 320px;
  text-align: center;
  box-shadow: 0px 0px 5px 0px #000;
  margin: 10px;
}


/* Mailer */

.mail_bg {
  background: #e2e2e2;
  font-family: Arial;
  padding-top: 25px; 
  padding-bottom: 25px;
}
.mail_box {
  background: #fff;
  border-top: 0px solid #ccd0d4;
  border-bottom: 0px solid #ccd0d4;
  border-left: 1px solid #ccd0d4;
  border-right: 1px solid #ccd0d4;
  color: #444;
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  min-height: 520px;
  box-shadow: 0 0 18px -12px #000;
}
.mail_head {
  padding-top: 45px;
  padding-bottom: 45px;
  background: #0e348d;
  color: #fff;
  align-items: center;
  align-content: center;
  text-align:center;
}
.mail_footer {
  background: #fff;
  border-top: 0px solid #ccd0d4;
  border-bottom: 1px solid #ccd0d4;
  border-left: 1px solid #ccd0d4;
  border-right: 1px solid #ccd0d4;
  color: #444;
  margin: 0em auto;
  max-width: 700px;
  box-shadow: 0px 11px 18px -12px #000;
}

.fc-license-message {
  display: none !important;
}

.table_blocked {
  color: #ff6464 !important;
}


.csv_table form {
  padding: 0;
  margin: 0;
}

.csv_table a, .csv_table button {
  margin: 0;
}

.csv_profil td{
   padding: 5px !important;
}