/* pto-calendar */
.pto-calendar th
{
    border-right:1px solid #ccc;
}

.pto-calendar {
    width:100%;
    font-size: 16px;
}


.pto-calendar td {
    border-right:1px solid #ccc;
    cursor:pointer;
    width:40px !important;
    height:30px !important;
    position:relative;
    padding: 3px !important;
}

.pto-calendar {
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}


.pto-calendar td.is-public-holiday:hover {

}

.pto-calendar td.is-half-public-holiday
{
    background: linear-gradient( 142deg,  #ccc 0%,#ccc 50%,#ffffff 51%,#ffffff 100%);
}


.pto-department-calendar td {
    cursor: pointer;
}

.pto-calendar td.is-range-hovered {
    background: rgba(51,122,183,0.5);
}

.pto-calendar td.is-active[data-type='paid'] {
    background:#337ab7;
}

.pto-calendar td.is-active[data-type='paid'][data-day-type='half'] {
    background: linear-gradient( 142deg,  #337ab7 0%,#337ab7 50%,#ffffff 51%,#ffffff 100%);
}

.pto-calendar td.is-active[data-type='sonderurlaub'] {
    background:#f0ad4e;
}

.pto-calendar td.is-active[data-type='sonderurlaub'][data-day-type='half'] {
    background: linear-gradient( 142deg,  #f0ad4e 0%,#f0ad4e 50%,#ffffff 51%,#ffffff 100%);
}

.pto-calendar td.is-active[data-type='unpaid'] {
    background:#ce8483;
}

.pto-calendar td.is-active[data-type='unpaid'][data-day-type='half'] {
    background: linear-gradient( 142deg,  #ce8483 0%,#ce8483 50%,#ffffff 51%,#ffffff 100%);
}

.pto-calendar td.is-active:hover  {
    background:#286090;
}

.pto-calendar .calendar-day-numeric {
    /* position:absolute;
     top:5px;
     left:5px;*/
}

.pto-calendar td.is-active[data-state='genehmigt'][data-day-type='half']
{
    background: linear-gradient( 142deg,  #009900 0%,#009900 50%,#ffffff 51%,#ffffff 100%);
}

.pto-calendar td.is-active[data-type='paid'][data-state='abgelehnt'][data-day-type='half']
{
    background: linear-gradient( 142deg,  #b00 0%,#b00 50%,#ffffff 51%,#ffffff 100%);
}


/* pto-department-calendar */

.pto-department-calendar td.is-half-public-holiday
{
    background: linear-gradient( 120deg,  #ccc 0%,#ccc 50%,#ffffff 51%,#ffffff 100%);
}

.pto-department-calendar td.is-active[data-state='genehmigt'][data-day-type='half']
{
    background: linear-gradient( 120deg,  #009900 0%,#009900 50%,#ffffff 51%,#ffffff 100%);
}

.pto-department-calendar td.is-active[data-type='paid'][data-state='abgelehnt'][data-day-type='half']
{
    background: linear-gradient( 120deg,  #b00 0%,#b00 50%,#ffffff 51%,#ffffff 100%);
}


/* Global */

.pto-calendar td.is-public-holiday,
.pto-department-calendar td.is-public-holiday
{
    color: #f00;
}

.pto-calendar td.is-active,
.pto-calendar td.is-active
{
    background:#337ab7;
}

.pto-calendar td.is-active .calendar-day-numeric,
.pto-department-calendar td.is-active .calendar-day-numeric

{
    color:#fff;
}

.pto-calendar td.is-public-holiday .calendar-day-numeric,
.pto-calendar td.is-half-public-holiday .calendar-day-numeric,
.pto-department-calendar td.is-public-holiday .calendar-day-numeric,
.pto-department-calendar td.is-half-public-holiday .calendar-day-numeric
{
    color: #f00;
    font-weight: bold;
}

.pto-calendar td:hover,
.pto-department-calendar td:hover
{
    background:#eee;
}

.pto-calendar td.is-active[data-state='offen'],
.pto-department-calendar td.is-active[data-state='offen']
{
    background: #8ab6cc;
    /*background-image: linear-gradient(135deg, #8ab6cc 25%, #ffffff 25%, #ffffff 50%, #8ab6cc 50%, #8ab6cc 75%, #ffffff 75%, #ffffff 100%);*/
    /*background-size: 8px 8px;*/
    color: #000000;
}

.pto-calendar td.is-active[data-state='offen'] div.calendar-day-numeric,
.pto-department-calendar td.is-active[data-state='offen'] div.calendar-day-numeric
{
    color: #000000;
}

.pto-calendar td.is-public-holiday[data-state='offen'] div.calendar-day-numeric,
.pto-department-calendar td.is-public-holiday[data-state='offen'] div.calendar-day-numeric
{
    color: #f00;
}

.pto-calendar td.is-active[data-state='genehmigt'],
.pto-department-calendar td.is-active[data-state='genehmigt']
{
    background: #009900;
}

.pto-calendar td.is-active[data-state='abgelehnt'],
.pto-department-calendar td.is-active[data-state='abgelehnt']
{
    background: #b00;
}



/* Tooltip*/

.tooltip-inner {
    max-height: 100%;
    max-width: 450px;
    text-align: left !important;
}

.container-fluid > .row.scrollable {
    overflow-x: auto;
    white-space: nowrap;
}

.container-fluid > .row > .col-md-2 {
    display: inline-block;
    float: none;
}