/*
 *
 * bootstrap-calendar plugin
 * Original author: @ahmontero
 * Licensed under the MIT license
 *
 */

.calendar{
	width:100% !important;
	margin: 10px 0px;
    background-color: #FFFFFF;
}
.calendar body {
     position: relative;
}

.year {
     color: rgba(0, 0, 0, 0.5);
     font-size: 4em;
     margin: 0px 0px 0px 0px;
}

.month {
     color: rgba(0, 0, 0, 0.5);
     font-size: 3em;
     margin: -27px 0px 10px 155px;
}

.calendar {
     table-layout:fixed;
}

.calendar TH {
/*     width: 30px;*/
     width: 14%;
/*     height: 10px;*/

     font-size: 15px;
     font-weight: bold;
/*     color: rgba(0, 0, 0, 0.3);*/
     text-align: center;
	color:#787834;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

	 border: 1px solid #DDDDBF;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	 
	 background: linear-gradient(to bottom, #FEFEFC 0%, #F7F7EF 100%) repeat scroll 0 0 transparent;
}

.calendar TD, TD.day{
/*     height: 45px;
     width: 30px;*/
     width: 14%;
     font-size: 13px;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.6);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

	 border: 1px solid #DDDDBF;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.calendar TD.day:hover{
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0, 0, 0, 0.1);
     background: #DDDDBF;
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}

.calendar TD.weekend {
     color: rgba(0, 0, 0, 0.3);
}

.calendar TD.today {
     border: 2px solid #787834;
	 border-radius: 3px 3px 3px 3px;
     color: rgba(0, 0, 0, 0.60);
}

.calendar TD.today:hover{
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(82, 168, 236, 0.6);
     background: rgba(0, 0, 0, 0.55);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}

.calendar TD.holiday {
     color: red;
}

.calendar TD.holiday:hover {
     cursor: pointer;
}

.calendar TD SPAN.weekday{
     background-color: rgba(0, 0, 0, 0.1);
     border-radius: 14%;
     color: #FFFFFF;
     font-size: 32px;
     font-weight: bold;
     padding: 2px 4px 2px;
     white-space: nowrap;
}

.calendar TD SPAN.weekday:hover{
     background-color: rgba(0, 0, 0, 0.25);
}

.calendar TFOOT, .calendar TFOOT TR TH.sel {
     height: 15px;
     /*width: 50px;*/

     font-size: 28px;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

	 border: 1px solid #DDDDBF;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

     cursor:pointer;
}

.calendar TFOOT TR TH.sel:hover {
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0, 0, 0, 0.1);
     background: rgba(0, 0, 0, 0.1);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}

.calendar .arrow{
     padding:10px 0px 0px 0px;
}