.calendar-black .ui-datepicker-inline {
    position: absolute;
    left: -5000px;
    top: -5000px;
}

@media (min-width: 768px) {
    .calendar-black table tr a {padding:0px;font-size:14px;}
    .side-calendar{margin-bottom: 15px;}
    .calendar-black .ui-datepicker-inline {
        position: static;
        left: auto;
        top: auto;
    }

    .calendar-black .ui-datepicker-header {
        background: #fff;
        font-weight: bold;
        text-align: center;
        height: 48px;
        line-height: 48px;
        position: relative;
        margin: 0;
        font-size: 15px;
        color: #666;
    }

        .calendar-black .ui-datepicker-header .ui-datepicker-prev,
        .calendar-black .ui-datepicker-header .ui-datepicker-next {
            width: 0;
            height: 0;
            padding: 48px 48px 0 0;
            cursor: pointer;
            overflow: hidden;
            font-size: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transition: background 0.3s ease;
            -moz-transition: background 0.3s ease;
            -o-transition: background 0.3s ease;
            transition: background 0.3s ease;
            color: #fff;
        }

            .calendar-black .ui-datepicker-header .ui-datepicker-prev:before,
            .calendar-black .ui-datepicker-header .ui-datepicker-next:before {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -4px 0 0 -3px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 4px 0 4px 6px;
                border-color: transparent transparent transparent #2c72bd;
                -webkit-transition: boder-color 0.3s ease;
                -moz-transition: boder-color 0.3s ease;
                -o-transition: boder-color 0.3s ease;
                transition: boder-color 0.3s ease;
            }

            .calendar-black .ui-datepicker-header .ui-datepicker-prev:hover,
            .calendar-black .ui-datepicker-header .ui-datepicker-next:hover {
                background: #242526;
            }

                .calendar-black .ui-datepicker-header .ui-datepicker-prev:hover:before,
                .calendar-black .ui-datepicker-header .ui-datepicker-next:hover:before {
                    border-left-color: #fff;
                }

        .calendar-black .ui-datepicker-header .ui-datepicker-prev {
            right: auto;
            left: 0;
        }

            .calendar-black .ui-datepicker-header .ui-datepicker-prev:before {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

    .calendar-black .ui-datepicker-calendar {
        margin: 0;
        font-size: 13px;
        border: none;
    }

        .calendar-black .ui-datepicker-calendar td,
        .calendar-black .ui-datepicker-calendar th {
            padding: 0;
            border: none;
            background: none;
            text-align: center;
        }

        .calendar-black .ui-datepicker-calendar thead th {
            text-align: center;
            padding: 15px 0;
            color: #242526;
            font-size: 14px;
        }

        .calendar-black .ui-datepicker-calendar tr:nth-child(even) {
            background: none;
        }

    .calendar-black .ui-state-default {
        text-decoration: none;
        display: inline-block;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        line-height: 28px;
        color: #242526;
        background: #fff;
        text-align: center;
        margin: 0px 0;
        -webkit-transition: background 0.3s ease, color 0.3s ease;
        -moz-transition: background 0.3s ease, color 0.3s ease;
        -o-transition: background 0.3s ease, color 0.3s ease;
        transition: background 0.3s ease, color 0.3s ease;
    }

    .side-menu.side-menu-orange .calendar-black .ui-state-default.ui-state-active {
        background: #f07d02;
        color: #fff;
        font-weight: bold;
    }

    .side-menu.side-menu-green .calendar-black .ui-state-default.ui-state-active {
        background: #c5d648;
        color: #fff;
        font-weight: bold;
    }

    .side-menu.side-menu-orange .calendar-black .ui-state-default.ui-state-highlight,
    .side-menu.side-menu-orange .calendar-black .ui-state-default.ui-state-hover {
        background: #fbe0c2;
        color: #000;
        font-weight: bold;
    }

    .side-menu.side-menu-green .calendar-black .ui-state-default.ui-state-highlight,
    .side-menu.side-menu-green .calendar-black .ui-state-default.ui-state-hover {
        background: #edf3c7;
        color: #000;
        font-weight: bold;
    }
}

.side-menu.side-menu-green table a {
    background: #fff;
}