html,
body 
{
  height: 100%;
}
a {
  text-decoration: none;
}
.calendar-wrapper {
 width: 320px;
 height: 332px; margin: 0px, auto;  cellspacing: 0; padding: 0em;
  border: 0px solid #ff6600;
  border-radius: 2px;
 background: #fff;
}

table {
 clear: both;
  width: 100%;
  border: 0px solid #ff6600;
  border-radius: 2px;
  border-collapse: collapse;
  color: #444;
}

td {
  height: 25px;
 text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ff6600;
  border-top: 1px solid #ff6600;
  width: 14.28571429%}
td.not-current {
  color: #c0c0c0;
}

td.today {
  font-weight: 700;
  color: #ff6600;
  font-size: 1em;
}

thead td {
  border: none;
  color: #28283b;
  text-transform: uppercase;
  font-size: 1.5em;
}

#btnPrev {
  float: left;
 margin-top: 10px;  margin-bottom: 10px;
}

#btnPrev:before {
  content: '\f104';
  font-family: FontAwesome;
  padding-right: 5px;
}

#btnNext {
  float: right;
  margin-top: 10px; margin-bottom: 10px;
}

#btnNext:after {
  content: '\f105';
  font-family: FontAwesome;
  padding-left: 5px;
}

#btnPrev,
#btnNext {
  background: transparent;
  border: none;
  outline: none;
  font-size: 1em;
  color: #c0c0c0;
  cursor: pointer;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#btnPrev:hover,
#btnNext:hover {
  color: #28283b;
  font-weight: bold;
}