/* Styles for listing */

.listing-search-header-container {
    padding-left: 10px;
    padding-right: 40px;
}

.dx-accordion-item-title {
    height: 60px !important;
    padding: 0px !important;
}

#WOListingToolbar .dx-toolbar-items-container {
    height:100%;
}

#WOListingToolbar .dx-icon-search {
    display: inline;
}

.criteria-scroller-all {
    width: calc(100% - 425px)
}

.criteria-scroller-limited {
    width: calc(100% - 200px)
}

.criteria-toolbar-all {
    width: 150px !important;
}

.criteria-toolbar-limited {
    width: 50px !important;
}
.viewed-work-order-cell {
    background: rgba(118, 183, 103, 255);
    animation-name: flash;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-direction: alternate;
    transition-timing-function: linear;
}

@keyframes flash {
    from {
        background: rgba(118, 183, 103, 255);
    }

    to {
        background: rgba(118, 183, 103, 0);
    }
}

.appointmentitem {
    box-sizing: border-box;
    padding: 10px 20px;
    margin-bottom: 5px;
    font-size: 12px;
}

#calendar-color-dropdown {
    margin-top: -6px;
}

#calendar-vendor-buttons {
    padding: 6px;
    border: 1px solid;
    margin: auto;
    margin-bottom: auto;
    border-color: #999;
    position:relative;
}

#calendar-vendor-buttons > label {
    position: absolute;
    top: -13px;
    left: 6px;
    background-color: white;
    color: #999;
}

#calendar-vendor-add {
    background-color: white;
    padding: 5px;
    margin-left: 5px;
    border-width: 1px;
    border-color: #f1f2f3;
    border-style: solid;
    color: #7ab8eb;
}

#calendar-vendor-remove {
    background-color: white;
    padding: 5px;
    margin-right: 5px;
    border-width: 1px;
    border-color: #f1f2f3;
    border-style: solid;
    color: #7ab8eb;
}

#calendar-unassigned-header {
    border: 1px solid rgba(221,221,221,.6);
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 5px;
   /* width:200px;*/
}

#WorkOrderListingScheduler .dx-scheduler-group-header {
    font-size: 0.9em;
}

#WorkOrderListingScheduler .dx-scheduler-timeline .dx-scheduler-cell-sizes-vertical {
    height: 100px;
}

#WorkOrderListingScheduler .dx-scheduler-timeline .dx-scheduler-cell-sizes-horizontal {
    width: 150px;
}
#WorkOrderListingScheduler .dx-resizable {
    position: absolute !important;
}

#WorkOrderListingScheduler .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count="1"] .dx-scrollable.dx-scheduler-sidebar-scrollable,
#WorkOrderListingScheduler .dx-scheduler-group-header {
    font-size: 0.9em;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: white;
    color: black;
}

.disable-date {
    background-image: repeating-linear-gradient( 135deg, rgba(223, 237, 230, 0.8), rgba(223, 237, 230, 0.8) 4px, transparent 4px, transparent 9px ) !important;
    color: #dfede6 !important;
    height: 100%;
    width: 100%;
}

#WOSearchDrawer {
    background: white;
}

.vmp-icon {
    background-image: url("../../images/favicon.ico");
}