/*!* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
**/

.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0
}

.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px
}

.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker table {
    width: 100%;
    margin: 0
}

.datepicker td,
.datepicker th {
    text-align: center;
    padding: 5px 9px;
    font-size: 13px;
    font-weight: 400
}

.datepicker td.day:hover {
    background: #1a76d1;
    cursor: pointer;
    color: #fff
}

.datepicker td.day.disabled {
    color: #eee
}

.datepicker td.old,
.datepicker td.new {
    color: #999
}

.datepicker td.active,
.datepicker td.active:hover {
    color: #fff;
    background-color: #1a76d1;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    color: #fff;
    background-color: #1a76d1;
    *background-color: #1A76D1
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
    background-color: #039 \9
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker td span:hover {
    background: #1a76d1
}

.datepicker td span.active {
    color: #fff;
    background-color: #1a76d1;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3
}

.datepicker td span.active:active,
.datepicker td span.active.active {
    background-color: #039 \9
}

.datepicker td span.old {
    color: #999
}

.datepicker th.switch {
    width: 145px
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 21px
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover {
    background: #1a76d1;
    color: #fff
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}