/**
 * Стили шаблона
 *
 * .default шаблон для rarus:committee.calendar
 *
 * @author Alexei Shubert <shuber@rarus.ru>
 */

/* Заголовок */
.title-box {
    border-bottom: 1px solid #CBD7E1;
    margin: 0 0 24px;
    overflow: hidden;
    padding: 0 0 3px;
    position: relative;
    width: 100%;
}
.title-box .ico {
    float: left;
    padding: 2px 11px 0 0;
}
.title-box .ico img {
    vertical-align: middle;
}
.title-box .text {
    color: #556470;
    display: block;
    font: 24px/24px 'casperbold',Calibri,Arial,Helvetica,sans-serif;
    height: 1%;
    overflow: hidden;
}

/* Фильтр */
#calendarFilterBy{
    color: #3479B4;
    text-decoration:underline;
    cursor:pointer;
    width:177px;
}

/* Специальные элементы списка материалов */
#no-activities {
    display:none;
}
#filterPeriod {
    text-align: center;
    font-weight: bold;
    display: none;
}

/* Шаблон записи списка материалов */
#activity-template {
    display: none;
}

/* Общий стиль календаря */
.calendar-box .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    width: 64px;
    margin-left: 14px;
}
.calendar-box .ui-datepicker .ui-datepicker-header {
    background: #3479B4;
    border: none;
    border-radius: 0;
    height: 26px;
}
.calendar-box .ui-datepicker .ui-datepicker-title > select {
    background: #3479B4;
    border: none;
    height: 22px;
    line-height: 22px;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0 2px 4px;
    margin-top: -2px;
}
.calendar-box .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.calendar-box .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: #358eca !important;
    border-radius: 0;
    border: 1px solid  #358eca !important;
    cursor: pointer;
}
.calendar-box .ui-datepicker .ui-widget-content .ui-state-hover {
    border: 1px solid #E6909F;
    background: #FCCECC;
    font-weight: bold;
    color: #1C94C4;
}
.calendar-box .ui-datepicker .ui-state-active,
.calendar-box .ui-datepicker .ui-widget-content .ui-state-active,
.calendar-box .ui-datepicker .ui-widget-header .ui-state-active {
    border: 1px solid #D64260;
    background: #FF7C7C;
    font-weight: bold;
    color: #F5F5F5;
}
.calendar-box .ui-datepicker .ui-state-hover .ui-icon,
.calendar-box .ui-datepicker .ui-state-focus .ui-icon {
    background-image: url(/bitrix/components/rarus/committee.calendar/templates/.default/images/ui-icons.png);
}

/* Календарь с выбором периода */
.calendar-box .ui-datepicker .date-not-selected > .ui-state-active {
    border: 1px solid #FED22F;
    background: #FFE45C;
    color: #363636;
}
.calendar-box .ui-datepicker .date-range-selected:not(.ui-datepicker-today) > .ui-state-active,
.calendar-box .ui-datepicker .date-range-selected:not(.ui-datepicker-today) > .ui-state-default {
    background: lightsteelblue;
}
.calendar-box .ui-datepicker .date-range-selected-from > .ui-state-active,
.calendar-box .ui-datepicker .date-range-selected-from > .ui-state-default,
.calendar-box .ui-datepicker .date-range-selected-to > .ui-state-active,
.calendar-box .ui-datepicker .date-range-selected-to > .ui-state-default {
    border: 1px solid #D64260;
    background: #FF7C7C;
    font-weight: bold;
    color: #F5F5F5;
}
