@import url(//fonts.googleapis.com/css?family=Droid+Sans+Mono);
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.left-align {
  text-align: left;
}
.right-align {
  text-align: right;
}
.cal1 {
  max-width: 100%;
}
.clndr{
  border: 1px solid #e8e8e8;
  background-color: #F2F2F2;
}
.tabs .clndr{
  border-top: 0;
}
.cal1 .clndr .clndr-controls {
  display: block;
  width: 100%;
  position: relative;
  padding: 1.5rem 3rem;
  color: #EC4115;
  background-color: #fff;
}
.cal1 .clndr .clndr-controls .month {
  display: inline-block;
  width: 33%;
  color: #000;
  vertical-align: middle;
  text-align: center;
}
.cal1 .clndr .clndr-controls .clndr-control-button {
  display: inline-block;
  width: 33%;
  vertical-align: middle;
  font-size: 1.8rem;
}
.cal1 .clndr .clndr-controls .clndr-control-button.rightalign {
  text-align: right;
  vertical-align: middle;
  width: 34%;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive {
  opacity: 0.5;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
  background: none;
  cursor: default;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive {
  opacity: 0.5;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
  background: none;
  cursor: default;
}
.cal1 .clndr .clndr-table {
  table-layout: fixed;
  width: calc(100% - 4rem);
  margin: 1rem auto 2rem;
}
.cal1 .clndr .clndr-table .header-days {
}
.cal1 .clndr .clndr-table .header-days .header-day {
  vertical-align: middle;
  text-align: center;
  padding: 4% 0;
}
.cal1 .clndr .clndr-table .header-days .header-day:last-child {
}
.cal1 .clndr .clndr-table tr td {
  vertical-align: middle;
}
.cal1 .clndr .clndr-table tr .day {
  width: 100%;
  padding: 4% 0;
  color: #EC4115;
  border: 2px solid #f2f2f2;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.cal1 .clndr .clndr-table tr .day.next-month,
.cal1 .clndr .clndr-table tr .day.last-month,
.cal1 .clndr .clndr-table tr .day.past{
  color: #000;
}
.cal1 .clndr .clndr-table tr .day.past:hover{
    color: #000;
}
.cal1 .clndr .clndr-table tr .day:hover {
  background: #ec4115;
    color: white;
}
.cal1 .clndr .clndr-table tr .day.past{
  background-color: transparent;
}
.cal1 .clndr .clndr-table tr .day.today{
  font-weight: bolder;
}
.cal1 .clndr .clndr-table tr .day.today:hover{
  background: #72c6d8;
}
.cal1 .clndr .clndr-table tr .day.today.event:hover{
  background: #6E9F23;
  color: #fff;
}
.cal1 .clndr .clndr-table tr .day.event:after{
  content: " ";
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 2rem;
  height: 2rem;
  background: #1F8D12;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  transform: rotate(45deg);
}
.cal1 .clndr .clndr-table tr .day.event.active,
.cal1 .clndr .clndr-table tr .day.event:hover{
  background: #EC4115;
  color: #ffffff;
  cursor: pointer;
}
/*.cal1 .clndr .clndr-table tr .day.event:hover:after{background: #000;opacity: 0.1;}*/

.cal1 .clndr .clndr-table tr .day.event.green-day:after,
.cal1 .clndr .clndr-table tr .day.event.green-day:hover{background: #6E9F23;}
.cal1 .clndr .clndr-table tr .day.event.green-water:after,
.cal1 .clndr .clndr-table tr .day.event.green-water:hover{background: #00929D;}
.cal1 .clndr .clndr-table tr .day.event.green-orange:after,
.cal1 .clndr .clndr-table tr .day.event.green-orange:hover{background: #EC4115;}

.cal1 .clndr .clndr-table tr .day.inactive{
  background: #ddd;
}
.cal1 .clndr .clndr-table tr .day:last-child {
}
.cal1 .clndr .clndr-table tr .day .day-contents {
  box-sizing: border-box;
  text-align: center;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
  width: 100%;
  height: inherit;
  opacity: 0.25;
  background-color: transparent;
}
.cal1 .clndr .clndr-table tr .empty:last-child,
.cal1 .clndr .clndr-table tr .adjacent-month:last-child,
.cal1 .clndr .clndr-table tr .my-empty:last-child,
.cal1 .clndr .clndr-table tr .my-adjacent-month:last-child {
}
.cal1 .clndr .clndr-table tr:last-child .day,
.cal1 .clndr .clndr-table tr:last-child .my-day {
  position: relative;
  overflow: hidden;
}
.cal1 .clndr .clndr-table tr:last-child .empty,
.cal1 .clndr .clndr-table tr:last-child .my-empty {
}
.cal2 {
  max-width: 177px;
  margin: 30px auto;
}
.cal2 .clndr .clndr-controls {
  display: block;
  display: inline-block;
  width: 100%;
  margin-bottom: 3px;
}
.cal2 .clndr .clndr-controls .clndr-previous-button {
  float: left;
  width: 10%;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal2 .clndr .clndr-controls .clndr-previous-button:hover {
  background-color: #f4f4f4;
}
.cal2 .clndr .clndr-controls .month {
  float: left;
  width: 80%;
  text-align: center;
}
.cal2 .clndr .clndr-controls .clndr-next-button {
  float: left;
  width: 10%;
  text-align: right;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal2 .clndr .clndr-controls .clndr-next-button:hover {
  background-color: #f4f4f4;
}
.cal2 .clndr .clndr-grid {
  text-align: center;
  border: 1px solid #FF4545;
  display: inline-block;
}
.cal2 .clndr .clndr-grid .header-day {
  float: left;
  width: 25px;
  height: 25px;
  background: #FF4545;
}
.cal2 .clndr .clndr-grid .day {
  float: left;
  width: 25px;
  height: 25px;
}
.cal2 .clndr .clndr-grid .day.event {
  background-color: #B4E09F;
}
.cal2 .clndr .clndr-grid .day.today {
  background-color: #E3C57F;
}
.cal2 .clndr .clndr-grid .day.selected {
  background-color: #E37FD6;
}
.cal2 .clndr .clndr-grid .day.inactive {
  color: gray;
}
.cal2 .clndr .clndr-grid .empty,
.cal2 .clndr .clndr-grid .adjacent-month {
  float: left;
  width: 25px;
  height: 25px;
  background: #ddd;
}
.cal2 .clndr .clndr-today-button {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.cal2 .clndr .clndr-today-button:hover {
  background-color: #ddd;
}
.cal2 .multi-month-controls .quarter-button {
  display: inline-block;
  width: 25%;
}
.cal2 .multi-month-controls .quarter-button:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}
.cal2 .day.inactive {
  background-color: #aaa;
}
.cal3 {
  max-width: 354px;
  margin: 0 auto;
}
.cal3 .cal {
  float: left;
  width: 177px;
}
.cal3 .clndr .clndr-controls {
  display: block;
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
}
.cal3 .clndr .clndr-controls.top {
  margin-bottom: -22px;
  position: relative;
  z-index: 1;
}
.cal3 .clndr .clndr-controls .clndr-previous-button {
  float: left;
  width: 10%;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal3 .clndr .clndr-controls .clndr-previous-button:hover {
  background-color: #f4f4f4;
}
.cal3 .clndr .clndr-controls .month {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.cal3 .clndr .clndr-controls .clndr-next-button {
  float: right;
  width: 10%;
  text-align: right;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.cal3 .clndr .clndr-controls .clndr-next-button:hover {
  background-color: #f4f4f4;
}
.cal3 .clndr .clndr-grid {
  text-align: center;
  border: 1px solid #FF4545;
  display: inline-block;
}
.cal3 .clndr .clndr-grid .header-day {
  float: left;
  width: 25px;
  height: 25px;
  background: #FF4545;
}
.cal3 .clndr .clndr-grid .day {
  float: left;
  width: 25px;
  height: 25px;
}
.cal3 .clndr .clndr-grid .day.event {
  background-color: #B4E09F;
}
.cal3 .clndr .clndr-grid .day.today {
  background-color: #E3C57F;
}
.cal3 .clndr .clndr-grid .empty,
.cal3 .clndr .clndr-grid .adjacent-month {
  float: left;
  width: 25px;
  height: 25px;
  background: #ddd;
}
.cal3 .clndr .clndr-today-button {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.cal3 .clndr .clndr-today-button:hover {
  background-color: #ddd;
}
.cal3 .multi-month-controls .quarter-button {
  display: inline-block;
  width: 25%;
}
.cal3 .multi-month-controls .quarter-button:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}
.clndr-next-button,
.clndr-previous-button,
.clndr-next-year-button,
.clndr-previous-year-button {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.clndr-next-button.inactive,
.clndr-previous-button.inactive,
.clndr-next-year-button.inactive,
.clndr-previous-year-button.inactive {
  opacity: 0.5;
  cursor: default;
}



.calendar {
    background-color: #fff;
    float: left;
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.banners-home,
.sidebar-text-banner {
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .1)
}

.calendar .table-responsive {
    border: 0
}

.calendar .calendar-table {
    padding: 30px 0;
    text-align: center;
    border-right: 3px solid #eff5f7;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.calendar .calendar-table .header-calendar {
    color: #1a1a1a;
    font-weight: 700;
    margin-bottom: 35px
}

.calendar .calendar-table .header-calendar a {
    vertical-align: middle
}

.calendar .calendar-table .header-calendar span {
    vertical-align: middle;
    margin: 0 60px
}

.calendar .calendar-table table {
    width: 98%;
    margin: 0 auto
}

.calendar .calendar-table table tr td {
    text-align: center;
    color: #0a131e;
    font-weight: 500;
    padding: 17px 0
}

.calendar .header-events,
.sidebar-text-banner .title-banner {
    font-weight: 300
}

.calendar .calendar-table table tr td.header-day {
    color: #02879A;
    text-transform: uppercase
}

.calendar .calendar-table .arrow {
    display: inline-block;
    text-align: center;
    background-color: #FFCB07;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px
}

.calendar .calendar-table .arrow .eicon {
    vertical-align: top;
    margin-top: 7px
}

.calendar .calendar-table .arrow:hover {
    cursor: pointer
}

.calendar .calendar-table .day {
    border: 2px solid #fff
}

.calendar .calendar-table .day .day-contents {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 45px;
    margin: 0 auto;
    padding: 3px 0;
    transition: all .2s ease-out
}

.calendar .calendar-table .day .day-contents .count-events {
    background-color: #02879A;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    color: #fff;
    line-height: 1.4;
    position: absolute;
    right: -4px;
    top: -6px
}

.calendar .calendar-table .day.event .day-contents {
    border: 2px solid #FFCB07
}

.calendar .calendar-table .day.ativo,
.calendar .calendar-table .day:hover {
    cursor: pointer
}

.calendar .calendar-table .day.ativo .day-contents,
.calendar .calendar-table .day:hover .day-contents {
    background-color: #FFCB07
}

.calendar .calendar-table .day.today .day-contents {
    border: 2px solid #02879A
}

.calendar .events-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.calendar .header-events {
    position: relative;
    color: #404040;
    padding: 30px 0;
    text-align: center;
    border-bottom: 3px solid #eff5f7
}

.calendar .header-events .arrow {
    position: absolute;
    top: 30px
}

.calendar .header-events .arrow.arrow-left {
    left: 20px
}

.calendar .header-events .arrow.arrow-right {
    right: 20px
}

.calendar .header-events .arrow:hover {
    cursor: pointer
}

.calendar .events {
    width: 100%
}

.calendar .events .event {
    color: #404040;
    border-bottom: 3px solid #eff5f7
}

.calendar .events .event .category {
    margin: 0;
    text-transform: uppercase;
}

.calendar .events .event td {
    padding: 13px 22px
}

.calendar .events .event td.days {
    border-left: 3px solid #eff5f7;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    padding: 0
}

.calendar .events .event td.days * {
    margin: 0;
    line-height: 1.3
}

.calendar .events .event:last-child {
    border-bottom: 0
}

.calendar.small .calendar-table,
.calendar.small .column-right {
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width:1199px) {
    .calendar {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:767px) {
    .calendar .calendar-table .header-calendar span {
        margin: 0 20px
    }
    .calendar .calendar-table table {
        width: 98%;
        margin: 0 auto
    }
    .calendar .calendar-table .day .day-contents {
        width: auto;
        max-width: 45px
    }
}
