/*
 * Metro UI CSS
 * (c) 2012-2013 by Sergey Pimenov
 * Licensed under the MIT License and Commercial
 *
 * Calendar.less
 *
 */

.calendar {
    .bg-color-white;

    table {
        border: 1px #ccc solid;
        width: 100%;
        border-collapse: collapse;
        margin: 0;
        tr {
            height: 1px;
        }
    }


    tr:empty {
        display: none;
    }

    td, th {
        padding: 4px;
        width: 14.285% !important;
        font-size: 10pt;
        border: 1px #ccc solid !important;
        text-align: center;
    }

    td {
        cursor: pointer;
        position: relative;
        height: 100%;

        span {
            font-size: 8px !important;
            line-height: 10px;
            position: absolute;
            top: 0;
            right: 0;
            padding: 1px 3px;
            .bg-color-red;
            .fg-color-white;
        }
    }

    .out {
        background: #ececf0;
        cursor: default;
    }

    .empty-day {
        border: 0 !important;
        display: none;
    }

    .weekdays td {
        .bg-color-blueLight;
        font-weight: bold !important;
    }

    .current-day {
        .bg-color-green;
        .fg-color-white;
    }

    .event {
        .bg-color-blue;
        .fg-color-white;
    }
}

.datepicker {
    position: relative;
}