.cs_calenderSelectDDLContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .cs_calenderSelectDDLContainer .cs_calenderSelectDDL {
        display: inline-block;
        vertical-align: middle;
        width: 200px;
        height: 50px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        margin-right: 10px;
    }

    .cs_calenderSelectDDLContainer .cs_calendarBtn img {
        cursor: pointer;
        max-height: 35px;
    }

    .cs_calenderSelectDDLContainer select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../images/arrowdown_gray.png) no-repeat right #fefefe !important;
        background-size: 15px !important;
        padding-right: 24px !important;
        background-position: 98% !important;
        cursor: pointer;
    }

#ModalCalendar {
    background: #fff;
}

    #ModalCalendar > .modal-dialog-calender {
        width: 100% !important;
        padding-top: 0;
        margin: 0;
        height: 100%;
        max-width: initial;
    }

        #ModalCalendar > .modal-dialog-calender > .PPanel_Calendar > .modal-content {
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            height: 100vh;
        }

            #ModalCalendar > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .UpdatePanel_CalendarFrame {
                background-size: 200px;
                background-position: 50% 50%;
                -webkit-box-shadow: initial;
                box-shadow: initial;
                border: none;
            }

                #ModalCalendar > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .UpdatePanel_CalendarFrame > .modal-header {
                    border-bottom: 1px solid #e5e5e5 !important;
                    padding: 10px 20px 10px 0;
                }

                    #ModalCalendar > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .UpdatePanel_CalendarFrame > .modal-header > .close {
                        opacity: 1;
                        text-indent: initial;
                        position: absolute;
                        right: 0;
                        top: 5px;
                        margin-top: 0;
                    }

            #ModalCalendar > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .modal-body {
                height: calc(100% - 66px);
            }

                #ModalCalendar > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .modal-body > .UpdatePanel_CalendariFrame {
                    height: 100%;
                }

    #ModalCalendar .unassignServiceCalls_openClose {
        position: absolute;
        z-index: 9;
        /* left: -102px; */
        /* transform: rotate(-90deg); */
        top: 0;
        cursor: pointer;
        left: 00%;
        /* width: 200%; */
        top: 0;
        left: 0;
        height: 32px;
        line-height: 32px;
        padding: 0 1em;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(-90deg) translateX(-100%);
        transform: rotate(-90deg) translateX(-100%);
        text-align: right;
    }


#ReportModal {
    background: #fff;
}

    #ReportModal > .modal-dialog-calender {
        width: 100% !important;
        padding-top: 0;
        margin: 0;
        height: 100%;
        max-width: initial;
    }

        #ReportModal > .modal-dialog-calender > .PPanel_Calendar > .modal-content {
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            height: 100vh;
        }

            #ReportModal > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .UpdatePanel_CalendarFrame {
                background-size: 200px;
                background-position: 50% 50%;
                -webkit-box-shadow: initial;
                box-shadow: initial;
                border: none;
            }

                #ReportModal > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .UpdatePanel_CalendarFrame > .modal-header {
                    border-bottom: none !important;
                    padding: 10px 20px 10px 0;
                }

                    #ReportModal > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .UpdatePanel_CalendarFrame > .modal-header > .close {
                        opacity: 1;
                        text-indent: initial;
                        position: absolute;
                        right: 0;
                        top: 5px;
                        margin-top: 0;
                    }

            #ReportModal > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .modal-body {
                height: calc(100% - 66px);
            }

                #ReportModal > .modal-dialog-calender > .PPanel_Calendar > .modal-content > .modal-body > .UpdatePanel_CalendariFrame {
                    height: 100%;
                }

    #ReportModal .unassignServiceCalls_openClose {
        position: absolute;
        z-index: 9;
        /* left: -102px; */
        /* transform: rotate(-90deg); */
        top: 0;
        cursor: pointer;
        left: 00%;
        /* width: 200%; */
        top: 0;
        left: 0;
        height: 32px;
        line-height: 32px;
        padding: 0 1em;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transform: rotate(-90deg) translateX(-100%);
        transform: rotate(-90deg) translateX(-100%);
        text-align: right;
    }

.modal-content.no-border-radius {
    border-radius: 0 !important;
}

.calendarFilter_container {
    min-height: 20px;
    background: #dcdcdc;
    position: relative;
}

    .calendarFilter_container .ShowHideCalendarSearch {
        position: absolute;
        right: 15px;
        z-index: 90999;
        cursor: pointer;
        top: 0;
    }

.white-space-nowrap {
    white-space: nowrap !important;
}

.switchViewButton {
    position: absolute;
    top: 5px;
}

.calendarLegendContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: 14px;
    right: 32px;
}

    .calendarLegendContainer .calendarLegend {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-right: 5px;
    }

        .calendarLegendContainer .calendarLegend .LegendColor {
            height: 10px;
            width: 10px;
            margin-right: 4px;
        }

        .calendarLegendContainer .calendarLegend .blueLegendColor {
            background: #3a87ad;
        }

        .calendarLegendContainer .calendarLegend .redLegendColor {
            background: red;
        }

        .calendarLegendContainer .calendarLegend .greyLegendColor {
            background: grey;
        }

        .calendarLegendContainer .calendarLegend .greenLegendColor {
            background: green;
        }

        .calendarLegendContainer .calendarLegend .orangeLegendColor {
            background: #ff8000;
        }

        .calendarLegendContainer .calendarLegend .PeachLegendColor {
            background-color: purple;
        }

        .calendarLegendContainer .calendarLegend .GreenText {
            color: #00bb27 !important;
        }

        .calendarLegendContainer .calendarLegend .OrangeText {
            color: Orange !important;
        }

        .calendarLegendContainer .calendarLegend .PurchaseOption td {
            vertical-align: top;
        }

        .calendarLegendContainer .calendarLegend .QuoteItemOptionGrid td {
            vertical-align: top !important;
        }

.d-hide {
    display: none !important;
}
/*# sourceMappingURL=calendar.css.map */

.CalendarIcon {
    height: 35px !important;
}