/*
 * Copyright (C) 2013 salesforce.com, inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.THIS {
    background-color: #FFF;
    color: #696e71;
    display: block;
    font-family: 'ProximaNovaSoft-Regular';
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
}

.THIS.DEKSTOP:hover,
.THIS.DEKSTOP:focus,
.THIS.DEKSTOP:active {
    background-color:#E1E1E1;
    text-shadow:0 1px 0 rgba(255, 255, 255, 1);
    box-shadow:inset 0 2px 2px rgba(0, 0, 0, .35);
    outline: 1px solid #666;
    cursor: pointer;
}

.THIS.prevMonth,
.THIS.nextMonth {
    background-color: #FAFAFA;
    color: #696e71;
}

.THIS.todayDate {
    background-color: #747474;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .35);
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .35);
}

.THIS.selectedDate,
.THIS.start-date:not(.selectedDate),
.THIS.end-date:not(.selectedDate){
    background-color: #3f9fd9;
    background: -moz-linear-gradient(#3f9fd9,#2789c7); /* FF3.6+ */
    background: -webkit-linear-gradient(#3f9fd9,#2789c7); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(#3f9fd9,#2789c7); /* IE10+ */
    background: linear-gradient(#3f9fd9,#2789c7); /* W3C */
    box-shadow: none;
    box-sizing: border-box;
    padding: 1px;
    color:#FFF;
}

.THIS.highlight:not(.selectedDate):not(.start-date):not(.end-date) {
    box-sizing: border-box;
    background-color: #fff;
    color: #3f9fd9;
    border: 1px solid #3f9fd9;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 999px) and (orientation: portrait) {
    .THIS {
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
}