.ssCalendar {
  position: relative;
  width: 100%;
  z-index: 9999;
  font-size: 14px;
  color:#000;
  padding:14px;
  background: #cec2b2;
}
.ssCalendar.loaded .card {

}
.ssCalendar .card {
  width: 100%;
  max-width: 300px;
  background: #cec2b2;
  position: relative;
  opacity: 1;
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Chrome, Safari, Opera */
  transform: scale(1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.ssCalendar .card .card-head {
  width: 100%;
  display: inline-block;
  background: #766a5a;
  text-align: center;
  color: #ffffff;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 36px;
  margin-bottom:4px;
}
.ssCalendar .card .card-head h4 {
  display: inline-block;
  width: auto;
  line-height: 36px;
  font-size: 1.0em;
  font-weight: 400;
}
.ssCalendar .card .card-head span {
  margin: 7px 10px;
  line-height: 1.6em;
  float: left;
  cursor: pointer;
  padding:5px;
}
.ssCalendar .card .card-head span i {
  font-size: 0.8em;
}
.ssCalendar .card .card-head span#nextMonth {
  float: right;
}
.ssCalendar .card .card-date {
  width: 100%;
  display: inline-block;
  background: #416bd7;
  text-align: center;
  color: #ffffff;
  padding: 0;
  display: none;
}
.ssCalendar .card .card-date h3 {
  font-size: 1.0em;
  font-weight: 200;
  margin: 0 0 10px;
}
.ssCalendar .card .card-date h2 {
  font-size: 3.8em;
  font-weight: 200;
  margin: 10px 0 0;
}

.ssCalendar .card .card-grid span {
  width: 39px;
  height: 26px;
  font-size: 0.9em;
  line-height: 26px;
  margin: 1px 1px 0 0;
  display: inline-block;
  text-align: right;
  background:#998d7d;
  color:#fff;
  font-weight: bold;
  padding-right:5px;
}
.ssCalendar .card .card-grid span.short-day{
  margin-bottom:5px;
}
.ssCalendar .card .card-grid span.empty-day{
  background: #cec2b2 !important;
}
.ssCalendar .card .card-grid span.short-day:first-letter{
  text-transform: uppercase;
}
.ssCalendar .card .card-grid span.active {
  background: #f08c41 !important;
}
.ssCalendar .card .card-grid span.active-day {
  cursor: pointer;
}
.ssCalendar .card .card-grid span.active-day:hover {
  border-color: #e7ebe3;
  background: #e7ebe3;
  color: #000000;
}
.ssCalendar .card .card-grid span:nth-child(7n-1){
  background: #766a5a;
}
.ssCalendar .card .card-grid span:nth-child(7n){
  background: #655847;
  margin-right:0;
}