/*
calendar css
Ref: http://codepen.io/chelovekov/pen/ayKAn
*/

.calendar {
    margin: .25em 10px 10px 0;
    padding-top: 12px;
    float: left;
    width: 45px;
    background: #ededef;
    background: -webkit-gradient(linear,left top,left bottom,from(#ededef),to(#ccc));
    background: -moz-linear-gradient(top,#ededef,#ccc);
    font: bold 20px/21px Arial Black,Arial,Helvetica,sans-serif;
    text-align: center;
    color: #000;
    text-shadow: #fff 0 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -moz-box-shadow: 0 2px 2px #888;
    -webkit-box-shadow: 0 2px 2px #888;
    box-shadow: 0 2px 2px #888;
}

.calendar em {
display:block;
font:normal bold 11px/30px Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:#00365a 0 -1px 0;
background:#04599a;
background:-webkit-gradient(linear,left top,left bottom,from(#04599a),to(#00365a));
background:-moz-linear-gradient(top,#04599a,#00365a);
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
border-bottom-left-radius:3px;
border-top:1px solid #00365a
}

.calendar-amarillo {
    color: black !important;
    text-shadow: #135a00 0 -1px 0 !important;
    background: #e9ec55 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#e9ec55),to(#dacf40)) !important;
    background: -moz-linear-gradient(top,#e9ec55,#968e0b) !important;
    border-top: 1px solid #dacf40 !important;
}

.calendar-verde {
    text-shadow: #135a00 0 -1px 0 !important;
    background: #04599a !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#4a9a04),to(#275a00)) !important;
    background: -moz-linear-gradient(top,#04599a,#00365a) !important;
    border-top: 1px solid #2a5a00 !important;
}

.calendar-rojo {
    text-shadow: #135a00 0 -1px 0 !important;
    background: #04599a !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#F44336),to(#ff1100)) !important;
    background: -moz-linear-gradient(top,#04599a,#00365a) !important;
    border-top: 1px solid #fd1100 !important;
}

.calendar:before,.calendar:after {
content:'';
float:left;
position:absolute;
top:5px;
width:8px;
height:8px;
background:#111;
z-index:1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 1px 1px #fff;
-webkit-box-shadow:0 1px 1px #fff;
box-shadow:0 1px 1px #fff
}

.calendar:before {
left:11px
}

.calendar:after {
right:11px
}

.calendar em:before,.calendar em:after {
content:'';
float:left;
position:absolute;
top:-5px;
width:4px;
height:14px;
background:#dadada;
background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#aaa));
background:-moz-linear-gradient(top,#f1f1f1,#aaa);
z-index:2;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px
}

.calendar em:before {
left:13px
}

.calendar em:after {
right:13px
}