html {
  -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc);
}


#calendar-container {
  background:#FFF;
  height:240px;
  width:32%;
  float:left;
  position:relative;
}

  #calendar-container .row {
    height:100%;
  }

  #calendar-container .col {
    margin:0;
    width:50%;
    float:left;
  }

#calendar {}


/* CALENDAR */
.dzscalendar,
.dzscalendar * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dzscalendar {
  position: relative;
  font:600 12px/1.5em Arial, Verdana, Tahoma;
  border-bottom: 1px solid #ecf2f4;

  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -moz-transition-property: height;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: height;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-property: height;
  -o-transition-duration: 0.3s;
  -o-transition-timing-function: ease-out;
  -ms-transition-property: height;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
}
.dzscalendar .main-month,
.dzscalendar .month-body,
.dzscalendar .month-body > .month-row {
  position: relative;
}

.dzscalendar .events {
  display: none;
}

.dzscalendar .calendar-controls {
  position: relative;
  color:#616b6d;;
  height: 25px;
  width: 100%;
  background:#f8f8f9;
}

  .dzscalendar .calendar-controls .arrow-left,
  .dzscalendar .calendar-controls .arrow-right {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
  }

  .dzscalendar .calendar-controls .arrow-left {
    left: 15px;
    background: transparent no-repeat center center url(img/arrow-left-simple.png);
  }

  .dzscalendar .calendar-controls .arrow-right {
    right: 15px;
    background: transparent no-repeat center center url(img/arrow-right-simple.png);
  }

  .dzscalendar .calendar-controls .current-date {
    text-align: center;
    padding: 0;
    line-height:25px;
    color:#000;
    text-transform:uppercase;
  }

  .dzscalendar .calendar-controls .current-month {
    margin-right: 10px;
  }

.dzscalendar .months-container {
  position: relative;
}

  .dzscalendar .months-container > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .dzscalendar .main-month .week-day {
    width: 14.2857%;
    height: 30px;
    line-height:30px;
    border-right: 1px solid #ecf2f4;
    border-top: 1px solid #ecf2f4;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    color:#999;
    background:#f8f8f9;
  }

     .dzscalendar .main-month .week-day:hover,
     .dzscalendar .main-month .active {
        background-color:#000!important;
        color:#fff!important;
      }

    .dzscalendar .main-month .week-day.week-day-header {
      background:#f8f8f9;
      color:#616b6d;
      font:600 12px/30px Arial, Verdana, Tahoma;
      border-bottom: 1px solid #616b6d;
      border-top: 1px solid #616b6d;

    }

    .dzscalendar .main-month .week-day.today-date {
      font-weight:bold;
    }

    .dzscalendar .main-month .other-months-date {
      color:#e1e1e1;
    }

    .dzscalendar .isWeekday {
      cursor:pointer;
    }

    .dzscalendar .isWeekend {
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      filter: alpha(opacity=30);
      opacity: 0.3;
    }

    .dzscalendar .past-date {
      color:#e1e1e1;
    }

  .dzscalendar .main-month .week-day.hasEvent {
    background:#d0d4d5;
    cursor: pointer;
  }

.eventDescription {
    background: none repeat scroll 0 0 #fff;
    height: 200px;
    left: 238px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 460px;
}

  .eventDescription a {
      background: #635e5e;
      cursor: pointer;
      display: block;
      text-decoration: none;
  }
  .eventDescription .left-column {
      color: #ffffff;
      float: left;
      font-size: 14px;
      height: 170px;
      padding: 15px;
      text-decoration: none;
      text-transform: uppercase;
      width: 210px;
  }
  .eventDescription .right-column {
      float: right;
      height: 200px;
      width: 220px;
  }

  .eventDescription .desc-close-button {
    color: #ffffff;
    cursor: pointer;
    font-family: arial,serif;
    left: 217px;
    padding: 1px 7px;
    position: absolute;
    text-align: center;
    top: 0;