﻿/*Etichette*/
.wtx-labels-container .label-item {
    margin-right: 6px;
}

    .wtx-labels-container .label-item .label-color {
        display: inline-block;
        width: 16px;
        height: 10px;
        margin-right: 4px;
    }

/*Edit evento*/
.k-invalid-msg {
    color: red;
}

/*Holidays*/
.wts-calendar-holiday {
    background-color: lightgray;
    color: #5c5c5c;
    padding: 1px 2px 1px 2px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 11px;
}

/*Week number*/
.wts-calendar-week {
    font-size: 12px;
    color: #9f9f9f;
    min-height: 14px;
}

/*Nome del giorno*/
.wts-calendar-day i {
    font-size: 11px;
}

/*Evento nello scheduler*/
.k-event {
    border: none;
}

.wtx-calendar-event {
    min-height: 40px;
}

    .wtx-calendar-event .wtx-calendar-where {
        white-space: nowrap;
        font-style: italic;
        font-size: 9pt;
        margin-right: 18px;
        margin-left: 7px;
        overflow: hidden;
    }

    .wtx-calendar-event.wtx-calendar-requested {
        border: dotted white 2px;
        min-height: 36px;
    }

.wtx-calendar-confirmed .wtx-calendar-event-label::after {
    content: "\2714";
    color: green;
    font-size: 12px;
    position: absolute;
    bottom: 1px;
    right: 4px;
}

.wtx-calendar-declined .wtx-calendar-event-label::before {
    content: "\26CC";
    color: black;
    font-size: 9px;
    position: absolute;
    bottom: 12px;
    right: 4px;
    font-weight: 800;
}

.wtx-calendar-event-label {
    margin-right: 18px;
    overflow: hidden;
    white-space: nowrap;
}

.wtx-calendar-event-note-badge::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
}

.wtx-calendar-event-note-badge::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #ff0000 transparent transparent;
}

/*.wtx-calendar-event.wtx-calendar-personal {
    background-color: gray !important;
}*/

/*.wtx-calendar-event.wtx-calendar-appointment {
    background-color: orange !important;
}*/

/*Evento tooltip*/
.k-widget.k-tooltip.k-popup {
    border-radius: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

.wtx-calendar-event-tooltip {
    background-color: white;
    color: black;
    border-radius: 4px;
    padding-bottom: 5px;
}

    .wtx-calendar-event-tooltip h4 {
        color: #499b4e;
    }

    .wtx-calendar-event-tooltip h3 {
        margin-top: 5px;
    }

    .wtx-calendar-event-tooltip .wtx-calendar-state-label {
        color: gray;
        font-size: smaller;
        margin-bottom: 5px;
    }

    .wtx-calendar-event-tooltip .wtx-calendar-prenotation-label {
        color: green;
        font-size: medium;
        margin-bottom: 5px;
    }

    .wtx-calendar-event-tooltip .wtx-calendar-state-PREN {
        color: #ff8d00;
    }

    .wtx-calendar-event-tooltip .wtx-calendar-state-CONF {
        color: green;
    }

    .wtx-calendar-event-tooltip .wtx-calendar-state-DECL {
        color: orangered;
    }

    .wtx-calendar-event-tooltip .col-sm-6 {
        width: 42%;
    }

#wtx-filter-form .form-group {
    padding-bottom: 8px;
}

/*@media screen and (orientation:portrait) {*/
   /* Vertical screen style*/
    /*body {
        transform-origin: 0 0;
        transform: rotateZ(90deg) translateY(-100%);
    }
}*/

.fix-scrollbar{
    /*margin-right: 17px;*/
}

/*Nascondiamo il pulsante per vedere le ore della giornata*/
.k-scheduler-fullday {
    display: none !important;
}

/*Festività*/
.wts-calendar-holiday-slot {
    background-color: #f5f5f5;
}

/*Today*/
.k-today {
    background-color: #fff8f8 !important;
}

h1 {
    font-size: 20px;
    font-weight: bold;
}

.k-scheduler-layout tbody tr:first-child .k-scheduler-times .k-scheduler-table tr:nth-child(2),
.k-scheduler-header tr:nth-child(2) {
    display: none;
}
.wts-calendar-title-container{
    min-height: 48px;
}

.wts-calendar-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 48px;
    padding-right: 15px;
}

.form-inline .wts-calendar-uo-block div.bootstrap-select.dropdown.form-control.bs3,
.form-inline .wts-calendar-u-block div.bootstrap-select.dropdown.form-control.bs3 {
    width: 200px;
}