#calendar {
    margin-top: 1em;
    }

#calendar .calendar-month {
    float: left;
    height: 16em;
    margin-right: 1em;
    margin-bottom: 1em;
    border: 1px solid #2A6EBB;
    }

    #calendar .calendar-month table {
        width: auto !important;
        border-collapse: separate;
        }

    #calendar .calendar-month caption {
        color: #fff;
        background-color: #2A6EBB;
        font-weight: bold;
        text-align: center;
        padding: 4px;
        margin: 0;
        }

    #calendar .calendar-month th {
        background-color: #C3D9FF;
        padding: 4px 6px !important;
        border: none;
        }

    #calendar .calendar-month td {
        padding: 0 !important;
        border: 1px solid #fff;
        cursor: default;
        }

    #calendar .calendar-month span {
        padding: 4px 6px;
        display: block;
        }

    #calendar .calendar-month td:hover {
        border: 1px solid #c3d9ff;
        }


/* Легенда
*******************************************************************************/
.calendar-legend {
    list-style: none;
    clear: both;
    width: 608px;
    padding: 5px;
    border: 1px solid #2a6ebb;
    margin: 0 !important;
    }

    .admin_calendar .calendar-legend {
        margin: 0;
        }

    .calendar-legend li {
        list-style: none;
        position: relative;
        overflow: hidden;
        clear: both;
        }

    .calendar-legend div {
        float: left;
        margin-right: 6px;
        padding: 4px 6px !important;
        border: 1px solid #fff;
        cursor: default;
        }

    .calendar-legend p {
        padding: 4px 0;
        margin: 0;
        }

#flat_tab_calendar .calendar-legend-completed {
    display: none;
    }


/* Цвета
*******************************************************************************/

/* Прошедший день */
.calendar-legend-past div,
#calendar .calendar-month .past {
    background-color: #ddd;
    }

/* Сегодня */
.calendar-legend-current div,
#calendar .calendar-month .current {
    border: 1px solid #2A6EBB !important;
    background-color: #C3D9FF;
    font-weight: bold !important;
    }

/* Новая заявка */
.calendar-legend-new div,
#calendar .calendar-month .new {
    background-color: #99DF99;
    color: #015F00;
    }

    #calendar .calendar-month div.new-start {
        background: url('/images/cal/new-start.png') no-repeat;
        color: #015F00;
        }

    #calendar .calendar-month div.new-end {
        background: url('/images/cal/new-end.png') no-repeat;
        color: #015F00;
        }

/* Подтвержденная заявка */
.calendar-legend-approved div,
#calendar .calendar-month .approved {
    background-color: #e3ef7f;
    color: #3c3f22;
    }

    #calendar .calendar-month div.approved-start {
        background: url('/images/cal/approved-start.png') no-repeat;
        color: #3c3f22;
        }

    #calendar .calendar-month div.approved-end {
        background: url('/images/cal/approved-end.png') no-repeat;
        color: #3c3f22;
        }

/* StopSale */
.calendar-legend-stopsale div,
#calendar .calendar-month .stopsale {
    background-color: #FFDAAF;
    color: #cc0000;
    text-decoration: line-through;
    }

    #calendar .calendar-month div.stopsale-start {
        background: url('/images/cal/stopsale-start.png') no-repeat;
        }

    #calendar .calendar-month div.stopsale-end {
        background: url('/images/cal/stopsale-end.png') no-repeat;
        }

/* Забронировано */
#flat_tab_calendar #calendar .calendar-month .stopsale,
#flat_tab_calendar .calendar-legend-stopsale div,
.calendar-legend-completed div,
.calendar-legend-closed div,
#calendar .calendar-month .completed,
#calendar .calendar-month .closed {
    background-color: #e3bfbf !important;
    color: #cc0000 !important;
    text-decoration: line-through;
    }

    #flat_tab_calendar #calendar div.stopsale-start,
    #calendar .calendar-month div.completed-start,
    #calendar .calendar-month div.closed-start {
        background: url('/images/cal/completed-start.png') no-repeat !important;
        }

    #flat_tab_calendar #calendar div.stopsale-end,
    #calendar .calendar-month div.completed-end,
    #calendar .calendar-month div.closed-end {
        background: url('/images/cal/completed-end.png') no-repeat !important;
        }


/*
*******************************************************************************/
#calendar_stopsale_form fieldset {
    border: none;
    }

#calendar_stopsale_form label {
    display: inline;
    float: none;
    }

#calendar_stopsale_form img {
    margin-right: 1em;
    }