@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body {
  /* margin-top:10px; */
  padding-bottom: 40px;
  color: #5a5a5a;
  /*background-color: #ECECEC;*/
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
  font-size: 13px;
}

a[role='button'] {
  cursor: pointer;
}

h3 {
background-color: #f5f5f5;
padding-left: 15px;
font-size: 16px;
line-height: 2;
border-radius: 4px;
}

blockquote {
  font-size: inherit;
}

strong {
  font-weight: 500;
}

.help-block {
  line-height: 1.5;
}

img.loading {
  background: transparent url(static/spinner.gif) no-repeat scroll center center;
}

.text-green{
  color: #4caf50;
}

.text-gray{
  color: #bdbdbd;
}

.text-red{
  color: #f44336;
}

.text-orange{
  color: #ff9800;
}

.text-bold{
  font-weight: 500;
}

.label-btn {
  pointer-events: none;
}

.btn-sm {
  margin-bottom: 2px;
  margin-top: 2px;
}

.btn-link {
  text-decoration: none !important;
}

.btn-blue {
    color:#fff;
    background-color: #388dd6;
    border: 1px solid #388dd6;
}

.btn-lightgreen {
    /* color:#fff; */
    background-color: #dff0d8;
    /* border: 1px solid #388dd6; */
}

.btn-green-frame {
    color: #009688;
    background-color: #eceff1;
    border: 1px solid #009688;
}


.btn-orange {
    color:#ff7646;
    background-color:#f1f1f1;
}

.btn-gray {
    color:#5a5a5a;
    background-color:#f1f1f1;
}

.search-active {
  background-color: #ffe9e0;
  border-color: #ffb89e;
}

.search-cancel-icon {
  color: #ff936b;
}

p{
  line-height: 2em;
}

.panel.panel-gray{
    background-color: #fafafa; 
}

.panel.panel-red{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel.panel-center{
    text-align: center;
}
.panel .panel-thin{
    padding:5px;    
}

.panel .panel-thin .row{
  line-height: 25px;
  font-size: 12px;
}

.panel .row{
  line-height: 40px;
}


.tooltip-text-align-left.tooltip-inner {
  text-align: left !important;
}


/* Kommentarfeld Ausgabe */
div.comments {
  font-size: 12px;
}
div.comments br{
  line-height: 5px;
}
div.commentfield-item {
  border-left: 4px solid #d3d3d3;
  padding-left: 15px;
  margin-top: 20px;
}
p.commentfield-title {
 font-weight: bold;
 color: #6e6e6e;
}
/* p.commentfield-title::before {
  content: '--------  ';
}
p.commentfield-title::after {
  content: '  --------';
} */

p.commentfield-body {
 font-weight: normal;
 padding-left: 10px;
 /* border-left: 4px solid #d3d3d3; */
}

table th{
    font-size:12px;
}
table td{
    font-size:13px;
}
table tr.clickable-row{
    cursor: pointer;
}
table tr.clickable-row td.not-clickable{
    cursor: auto;
}

table.table-valign-top td{
  vertical-align: top !important;
}

table.table-borderless td,
table.table-borderless th {
    border: 0 !important;
}

table.table-footer-border tfoot{
    border-top: 1px solid #ddd !important;
}

/*Form Table (Sub Tabelle) */
table.formtable td{
  padding: 5px;
  vertical-align: top !important;
}

/* Landscape phones and down */
@media (max-width: 480px) {
    div.spacer{
        padding-top:10px;
    }
    
}

td .label {
    font-size:11px;
    line-height: 2;
}

td .label.label-xs {
    font-size:8px;
}

td .label .fas {
    font-size:10px;
}

td .label.label-xs .fas {
  font-size:9px;
}


/* table .table-xxs thead th{
  font-size: 8px;
} */


.label{
  font-size: 11px;
}

.label.label-sm {
  font-size:9px;
  border-radius: 3.25em;
  font-weight: bold;
}

.label.label-xs {
  font-size:9px;
  border-radius: 3.25em;
  font-weight: normal;
}

.label.label-inline {
  line-height: 18px;
}

.label-red {
    background-color: #ff4141;
    color: white;
}

.label-darkred {
    background-color: #942323;
    color: white;
}

.label-orange {
    background-color: #df672f;
    color: white;
}

.label-green {
    background-color: #93e68d;
    color: black;
}

.label-yellow {
    background-color: #e6d68d;
    color: black;
}

.label-cyan {
    background-color: #5cb8b8;
    color: white;
}

.label-pink {
    background-color: #e91e63;
    color: white;
}

.label-gray {
    background-color: #aeaeae;
    color: white;
}

.label-lightblue{
    background-color: #2196f3;
    color: white;
}

.label-purple{
    background-color: #673ab7;
    color: white;
}

table .dropdown-menu li {
    font-size:12px;   
}
table .dropdown-menu li a {
  line-height: 2;
}

.has-error-checkbox {
    color: #a94442;
}


/*--------------------------------------------------
Form-group
-------------------------------------------------- */
.form-group .textinfo{
  margin-top: 6px;
}

/*--------------------------------------------------
btn-group
-------------------------------------------------- */
.btn-group .btn-primary{
  background-color: #ff7646;
  border-color: #cf6139;
}
/*--------------------------------------------------
NAVBAR
-------------------------------------------------- */

.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}


.navbar-nav li{
  font-size: 13px;
}

.navbar-nav li i, .navbar-nav li span{
  min-width: 25px;
}

.navbar-nav li.divider{
  border-bottom: 1px solid #e7e7e7;
}

.navbar-nav .dropdown-menu li{
  margin: 5px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;  
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  /*background-color:#fff;*/
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-wrapper .navbar-brand {
    margin-top:0px;
    padding-top:0px;
}

.navbar-wrapper .navbar-brand img {
    height: 50px;
}

.navbar-wrapper .glyphicon{
    font-size: 16px;
    text-shadow: 0px 1px gray;
}

.navbar-default .navbar-form {
  border:0px;
}


.dropdown-items-sm li a{
  line-height: 2;
  font-size: 11px;;
}




ul.list-group small{
    color: #eb6e07;
}

ul.list-group hr{
    margin-top:10px;
}
 

table.tickets{
  font-size:10pt;  
}

table.tickets tbody tr{
  cursor: pointer;
}

.table > tbody > tr > td {
  vertical-align: middle;
}

.table > tbody > tr > td.minimal {
  width: 1%;
  white-space: nowrap;
}

.table > tbody > tr > td.minimal-wrap {
  width: 1%;
}


/*-------------------------------------------------- 
ITEMS
-------------------------------------------------- */

.items .col-xs-12{
    background-color: #FFFFFF;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px){
  /* Navbar positioning */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }


    a.title:link, a.title:active, a.title:visited{
        color:#00B8E6;
        text-decoration:none;
        font-size: 20px;
        font-weight: 400;
    }
    
    a.title:hover{
        text-decoration:underline;
    }
}

@media (min-width: 992px) {

    a.title:link, a.title:active, a.title:visited{
        color:#00B8E6;
        text-decoration:none;
        font-size: 25px;
        font-weight: 400;
    }
    
    a.title:hover{
        text-decoration:underline;
    }
}

#ui-datepicker-div{
    z-index:100 !important;
}

.settings-info td{
	font-size:13px !important;
	border:0px !important;
}

/*
Autocomplete Jquery UI
*/
.ui-widget {
  font-family: inherit !important;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus{
  border: 0px;
} 

.ui-autocomplete.ui-menu .ui-menu-item a{
  color: #303030;
  line-height: 25px;
  font-size: 9pt;
} 
.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus a{
  background-color: #eee;
  color: #303030;
  line-height: 25px;
} 

/*
*/
.circle-text {
  display: table-cell;
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background: #1464b7;
  color: #fff;
  font: 58px 'Lato', sans-serif;
}

.circle-xs {
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 10px;
  letter-spacing: 0px;
  font-weight: bold;
  }

.circle-md {
  height: 50px;
  width: 50px;
  font-size: 20px;
  /* letter-spacing: -2px; */
  font-weight: bold;
  border: 1px solid #0000001f;
  }

/*
People Circle
*/
.people-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #dedede; /* You can change the border color */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  color: #3498db; /* You can change the text color */
  background-color: #fff; /* You can change the background color */
  text-transform: uppercase;
}
.people-circle:hover {
  border: 2px solid #b4b4b4; /* You can change the border color */
}

.people-circle.people-circle-overlapping {
  margin-right: -10px; /* Negativer Margin für Überlappung */
}
.people-circle.people-circle-overlapping:first-child {
  margin-left: 0; /* Entfernt den linken Margin für den ersten Avatar */
}
/*
*/

/*
Pipeline Cicle
*/
.pipeline-wrapper{
  white-space: nowrap;
  display:flex;
  align-items: center;
  position: relative;
  z-index: 10;
}

.pipeline-wrapper:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 2px solid #dedede;
  background: #dedede;
  width: 95%;
  transform: translateY(-50%);
  z-index: 1;
}

.pipeline-circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid #dedede; /* You can change the border color */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  color: #c4c4c4; /* You can change the text color */
  background-color: #fff; /* You can change the background color */
  z-index: 100; 
}

.pipeline-circle .fas {
  font-size:0.9rem;
}
.pipeline-circle-checked {
  border: 3px solid #ace0c1; /* You can change the border color */
  font-size: 10px;
  font-weight: 500;
  color:#0d532a; /* You can change the text color */
  background-color: #52b87a; /* You can change the background color */
}
.pipeline-circle-active {
  border: 3px solid #cbe2f9;
  ; /* You can change the border color */
  font-size: 10px;
  font-weight: 500;
  color:#0b5cad; /* You can change the text color */
  background-color: #0b5cad; /* You can change the background color */
}
.pipeline-circle-error {
  border: 3px solid #fdd4cd; /* You can change the border color */
  font-size: 10px;
  font-weight: 500;
  color:#ffffff; /* You can change the text color */
  background-color: #dd2b0e; /* You can change the background color */
}
.pipeline-circle:hover {
  border: 2px solid #b4b4b4; /* You can change the border color */
}

/*
Fontawesome
*/
.fa, .fas {
  font-size: 16px;
}

.fa.sml, .fas.sml{
  font-size: 12px; 
}

/*
List
*/

.list-navigation .btn{
  margin-right: 5px;
  margin-bottom: 5px;
}
.list-navigation .btn.btn-sm .fas{
  font-size: 12px;
}
.list-navigation .dropdown-menu .fas{
  font-size: 12px;
}

/*
Form
*/
.form-horizontal .control-label {
  font-size: 12px;
}

.form-horizontal .checkbox-label {
  font-size: 13px;
  font-weight: normal;
}

.form-control.datefield {
  width: 100px;
}

/*
Dropzone
*/
.dropzone {
  border: 0px !important;
  min-height: 10px !important;
}

#dz-list p{
  margin-top: 10px;
  border: 1px solid #e9e9e9;
  background-color: #fdfdfd;
  border-radius: 4px;
  padding-left: 5px;
}

#dz-list a.remove-file{
  color: #c00000;
}

#dz-list i.fa-key{
  color: #555555;
  font-size: inherit;
}

/*
Panel
*/
.panel .dropdown-menu li {
  font-size:12px;   
}

.panel.panel-sm {
  font-size: 12px;
  line-height: 7px;
}

.panel.panel-borderless {
  border: 0px !important;
}

.panel .panel-body h4{
  border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    font-weight: normal;
    margin-bottom: 20px;
    color: gray;
}
/*
Altert
*/
.alert {
  margin-left: 25px;   
  margin-right: 25px;   
}

/*
Breadcrumb
*/
.breadcrumb {
  font-size: 12px;
  border-radius: 0px;
}
.breadcrumb a {
  color: #ff7646;
}
.breadcrumb .active {
  font-weight: bold;
}
.breadcrumb .home {
  padding-right: 5px;
}

/*
Badge
*/
.badge.badge-sm {
  font-size: 10px;
  border-radius: 5px;
}
.badge.badge-xs {
  font-size: 8px;
  border-radius: 6px;
}
.badge.badge-danger {
  background-color: #d9534f;
}
.badge.badge-warning {
  background-color: #ff9600;
}
.badge.badge-default {
  background-color: #777;
}

/*
bei Nmmernfelder nicht die Up/Down Buttons zeigen
*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
  appearance: textfield;
  -webkit-appearance: textfield;
}

.input-group-addon{
  font-size: 11px;
}

/* Password Text Field */
@font-face {
  font-family: "password-mask";
  src: url(data:font/woff;charset:utf-8;base64,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) format("woff");
}
.numeric-password {
  font-family: password-mask;
}
.numeric-password::placeholder {
  font-family: inherit;
}

/* Navbar Search Autocomplete */
.navbar-search-autocomplete.ui-widget {
  font-family: inherit;
  font-size: 13px;
}
.navbar-search-autocomplete li:hover, .navbar-search-autocomplete li:focus { 
  border:0;
  background-color: #f5f5f5;
}
.navbar-search-autocomplete a, .navbar-search-autocomplete a:visited {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;  
  border: 0;
}
.navbar-search-autocomplete .ui-widget .ui-state-focus, .navbar-search-autocomplete a:hover, .navbar-search-autocomplete a:focus {
  color: #262626 !important;
  text-decoration: none !important;
  background-color: #f5f5f5 !important;
}

.list-navigation li {
  font-size: 13px;
}

/*** Notification Label **/
.notification-wrapper{
    margin-top: 15px;
    float: right;
    margin-right: 10px;
}

.notification-wrapper a:hover, .notification-wrapper a:active, .notification-wrapper a:link{
    text-decoration: none;
}
.notification-wrapper a:hover .label-danger{
    background-color: #ea534f;
}

/*
CARDS
*/
.dash-card{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);

  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  /* border: 1px solid rgba(0,0,0,0.125); */
  /* border-radius: .25rem; */
  margin-bottom: 20px;
  width: auto;

  background: radial-gradient(1.5em 6.28571em at 1.95em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(1.5em 6.28571em at -0.45em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 1.5em 5.5em, radial-gradient(2.3em 4.57143em at 2.99em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(2.3em 4.57143em at -0.69em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 55%) 2.3em 4em, radial-gradient(3.5em 6.28571em at 4.55em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(3.5em 6.28571em at -1.05em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 3.5em 5.5em, radial-gradient(#f5f5f5,#f3f3f3);
  background-color: #1464b7;
  background-size: 1.5em 11em, 1.5em 11em, 2.3em 8em, 2.3em 8em, 3.5em 11em, 3.5em 11em, 100% 100%;
  background-repeat: repeat;
}

.dash-card a:hover{
  text-decoration: none;
}

.dash-card-header{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding-bottom: 0rem;
  /* border-bottom:1px solid #efefef; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: 12px;
}
.dash-card-subheader{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  padding-bottom: 0rem;
  /* border-bottom:1px solid #efefef; */
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: 12px;
}

.dash-card-body{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  font-size:13px;
}

.dash-card-body hr{
  margin-top:10px;
  margin-bottom:10px;
}

.dash-card-footer{
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  border-top:1px solid #efefef;
}
.dash-card-footer a .fas{
  font-size: 12px;
}

.dash-card-number{
  font-size: 40px;
  margin-left:10px;
  margin-right:10px;
}

.dash-card-birthday{
  margin-left:10px;
  line-height: 30px;
  font-size: 14px;
}
.dash-card-birthday.today{
  font-weight: bold;
  font-size: 16px;
}

.dash-card-number.green{
  color: #189418
}

.dash-card-number.red{
  color: #941818
}

/*
TableList
*/
.tablelist-button{
  margin-right: 5px;
}

.tablelist-button i.fas{
  font-size: 14px;
}

.frame-red{
  border: 2px solid #ff00002b;
  border-radius: 6px;
  padding: 10px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ff000008;
}

/*
Urlaubsantrag Liste Tage
*/

ul.selectedDatesList {
    font-size: 12px;
    margin-top: 20px;
}
ul.selectedDatesList .list-group-header{
    font-size: 13px;
    font-weight: bold;
    background-color: #fafafa;
}

/*
CalendarTable
*/
table.calendarTable td.dayHeader{
  font-size:8px;
  min-width: 19px;
}

table.calendarTable th:first-child, table.calendarTable td:first-child{
  position:sticky;
  left:0px;
  background-color:white;
}

table.calendarTable td.day{
  border:1px solid #ddd;
  padding: 2px;
}

table.calendarTable td.weekend{
  background-color: #eaeaea;
}

table.calendarTable td.today{
  /* background-color: #ffbccd; */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 45%, rgb(255, 0, 0) 45%,rgb(255, 0, 0) 55%, rgba(0, 0, 0, 0) 55%);
  /* background-image: linear-gradient(to right, red 17%, orange 17%, orange 34%, yellow 34%, yellow 50%, green 50%, green 67%, blue 67%, blue 84%, purple 84%); */
}

table.calendarTable td.holiday{
  /* background-color: #eaeaea; */
  background-image:
       repeating-linear-gradient(45deg, 
                                white 0%, 
                                white 15%, 
                                #eaeaea 15%, 
                                #eaeaea 35%, 
                                white 35%);
}

table.calendarTable td.monthHeader{
  border-right: 1px solid #ddd;
}

table.calendarTable td.lastMonthday{
  border-right: 2px solid #c9c9c9;
}

table.calendarTable td a.event{
  background-color: #9fabff;
  width: auto;
  display: block;
  border-radius: 7px;
  padding: 2px;
  line-height: 22px;
  color: white;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}
table.calendarTable td a.event.GENEHMIGT{
  background-color: rgb(7, 99, 204);
}
table.calendarTable td a.event.GENEHMIGT_HALB{
  background: linear-gradient(0deg, rgb(7, 99, 204) 0%, rgb(7, 99, 204) 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
  background-color: #e8e8e8;
}
table.calendarTable td a.event.OFFEN{
  background-color: rgba(7, 99, 204, 0.39);
}
table.calendarTable td a.event.OFFEN_HALB{
  background: linear-gradient(0deg, rgb(7, 99, 204, 0.39) 0%, rgb(7, 99, 204, 0.39) 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
  background-color: #e8e8e8;
}
table.calendarTable td a.open{
  background-color: #b7b7b7;
}
table.calendarTable td a.currentRequest{
  background-color: #ff0808;
  /* border: 2px dashed darkred; */
}
table.calendarTable td a.currentRequest_HALB{
  background: linear-gradient(0deg,#ff0808 0%, #ff0808 50%, rgb(255 255 255 / 0%) 50%, rgb(255 255 255 / 0%) 100%);
  background-color: #e8e8e8;
}
table.calendarTable tr.highlightRow {
  background-color: #f7f7f7;
}
table.calendarTable tr.ferienkalender {
  background-color: #ff9f9f30;
}
table.calendarTable td.ferienkalender {
  background-color: #ffeded;
}
table.calendarTable td a.event.ferientag {
  background-color: #ff9f9f;
}


/*
 zabuto calendar 
 */
div.zabuto_calendar .table tr td div.day.weekday_sa, div.zabuto_calendar .table tr td div.day.weekday_so{
  background-color: #f5f5f5;
  cursor: not-allowed;

}
div.zabuto_calendar .table tr td div.feiertag{
  background-image: repeating-linear-gradient(45deg, white 0%, white 15%, #eaeaea 15%, #eaeaea 35%, white 35%) !important;
  cursor: not-allowed;
}

div.zabuto_calendar .table tr td div.urlaubfix{
  background-color: rgb(83 129 181) !important;
  cursor: not-allowed;
}
div.zabuto_calendar .table tr td div.urlaubplan{
  background-color: rgba(7, 99, 204, 0.39) !important;
  cursor: not-allowed;
}
div.zabuto_calendar .table tr td div.selected{
  background-color: #f7709e !important;
  /* border: 2px dotted red; */
}
div.zabuto_calendar .table tr td div.selected_half{
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, #f7709e 50%, #f7709e 100%) !important;
  /* border: 2px dotted red; */

}
div.zabuto_calendar .table tr td div.day {
  padding-bottom: 6px;
}
div.zabuto_calendar .table tr td div.selectable {
  cursor: pointer !important;
}


/** rotate **/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.rotate10 {
  animation: rotation 10s infinite linear;
}

input.readonly {
  pointer-events: none;
  background-color: #ededed;
}

/* Wenn ein Anker verwendet wird, wird dieser eingefärbt */
:target{
  background-color: rgba(255, 255, 0, 0.047);
  transition: background-color 1000ms linear;
}

/* FONT AWESOME GENERIC BEAT */ 
.fa-beat {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}

.markdown img{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    margin: 10px;
}
.markdown li{
    line-height: 24px;
    margin-bottom: 10px;
}
.markdown td {
    border: 1px solid #ddd;
    padding: 5px;
  }
  .markdown th {
    border: 1px solid #ddd;
    border-bottom: 3px solid #ddd;
    padding: 5px;
}


.wiki-content{
  margin-left: 20px;
  margin-right: 20px;
}


.has-float-label label{
  color: #898989;
  font-size: 85% !important;
  font-weight: normal !important;
}

/*
Google Maps responsive
*/
.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/*
Leaflet
*/
.leaflet-popup-content{
  font-size: 12px !important;
}

/*
Popover
*/
.popover{
  max-width: 100%; /* Max Width of the popover (depending on the container!) */
  font-size: inherit;
}

/*
Hintergrund highlighten siehe jquery funktion
*/
.highlight-bg {
  background-color: lightyellow !important;
}

/*
Select2 Auswahl
*/
li.select2-selection__choice {
  background-color: #E3F2FD !important;
}

/*
Spalte mit dem direktlink zum Eintrag
*/
table .rowLinkColumn i{
  color: #d1d1d1;
}