﻿.board-theme .theme-list.calendar {
    border: 1px solid #ddd;
}

    .board-theme .theme-list.calendar .datepicker {
        width: 100%;
        border: 0;
        margin: 0 auto;
    }

    .board-theme .theme-list.calendar .datepicker--nav {
        padding: 12px;
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .board-theme .theme-list.calendar .datepicker .datepicker--nav .datepicker--nav-action.prev {
        float: left;
    }

    .board-theme .theme-list.calendar .datepicker .datepicker--nav .datepicker--nav-action.next {
        float: right;
    }

    .board-theme .theme-list.calendar .datepicker .datepicker--nav .datepicker--nav-title {
        margin: 4px 0 0 0;
        text-align: center;
        display: inline-block;
    }

        .board-theme .theme-list.calendar .datepicker .datepicker--nav .datepicker--nav-title:hover {
            background: none;
        }

    .board-theme .theme-list.calendar .datepicker .datepicker--nav .datepicker--nav-title {
        font-size: 17px;
        font-weight: bold;
    }

    .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--day-name {
        display: inline-block;
        font-size: 16px;
        padding: 12px 0;
        width: 14.21%;
    }

    .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell {
        display: block;
        text-align: center;
        padding: 42px 21px;
    }

        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.-current-.-focus- {
            color: #4EB5E6;
        }


        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-year {
            font-size: 16px;
            width: 33.3%;
            display: inline-block;
        }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-year.datepicker--cell.-selected-.-current- {
                background: none;
                color: #4a4a4a;
            }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-year:hover {
                background: none;
                text-decoration: underline;
            }

        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-month {
            font-size: 16px;
            width: 33.3%;
            display: inline-block;
        }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-month.datepicker--cell.-selected- {
                background: none;
                color: #4a4a4a;
            }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-month:hover {
                background: none;
                text-decoration: underline;
            }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-month.datepicker--cell.-current-:hover {
                color: #4EB5E6;
            }

        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day {
            border-top: 1px solid #efefef;
            border-left: 1px solid #efefef;
            border-radius: 0;
            cursor: default;
            height: auto;
            font-size: 16px;
            padding: 30px 7px;
            word-break: break-all;
            display: inline-block;
            vertical-align: top;
        }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day:hover {
            }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day.active {
                background: #eee;
            }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day:nth-child(7n+1) {
                border-left: 0;
            }

            .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule {
                font-size: 12px;
                margin: 2px 0 11px 0;
            }

                .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule:last-child {
                    margin-bottom: 0;
                }

                .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule:hover {
                    opacity: 0.7;
                }

                .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule:first-child {
                    margin-top: 21px;
                }

                .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .title {
                    color: #fff;
                    display: block;
                    padding: 5px;
                    text-decoration: none;
                }

                .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .content {
                    color: #333;
                    display: block;
                    margin: 5px 0 0 0;
                    padding: 0;
                    text-decoration: none;
                }

                    .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .content * {
                        margin: 0;
                    }

    .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--years {
        height: auto;
    }

        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--years .datepicker--cells-years {
            height: auto;
        }

    .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cells-months {
        height: auto;
    }

@media (max-width:767px) {
    .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day {
        padding: 7px;
    }

        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .title {
            font-size: 10px;
        }

        .board-theme .theme-list.calendar .datepicker .datepicker--content .datepicker--cell.datepicker--cell-day .schedule .content {
            display: none;
        }
}

/* customized */
#dimodeBoard .board-actions .board-actions-left .action-search {
    display: none;
}
