@media (max-width: 607px){
  .calMonth .calElement{
    font-size: 9px !important;
  }
  .calDay .calElement{
    font-size: 9px !important;
  }
  .calendario-2 .col-md-12{
        padding-right: 0px;
    padding-left: 0px;
  }
  .calDay .calElement.prev{
    height: 47px !important;
    width: 26px !important;
    text-align: center !important;
  }
  .calDay .calElement.next{
    height: 47px !important;
    width: 26px !important;
    text-align: center !important;
  }
}


.fa-calendar-check-o{
  position: absolute;
}
.calYear{
  display: none;
}
.calBox {
  background-color: #fff;
  padding: 2px;
  -moz-border-radius: 4px;
  text-align: center;
  color: white;
}

.calElement {
  margin: 1px;
  display: inline-block;
  overflow:hidden;
}

.calYear {
  font-size: 20px;
  border-bottom: 1px dashed #666;
  padding-bottom: 5px;
  margin-bottom: 5px
}

.calYear .calElement {
  border: 1px solid #999999;
}



.calMonth .calElement {
  font-size: 12px;
  border: 0px solid #98A3AC;
  width: 12% !important;
  margin:0px;
  color: #98A3AC;
  padding-top: 3px;
  padding-bottom: 3px;
}

.calDay {
  margin-top: -3px;
  padding: 0px;
}

.calDay .calElement {
  font-size: 11px;
  border: 1px solid #dddddd;
  color: #98A3AC;
  margin: 0px;
  border-left: 0px solid #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  
}

.calDay .calElement.prev {
  width: 28px;
  height: 53px;
  border:0px solid #fff;
  margin-top: -15px;
  border-right: 1px solid #dddddd;
  padding-top: 19px;
  color: #f23a40;
  font-weight: 900;
  font-size: 14px;
  text-align: left;
}

.calMonth .selected{
  background: #6088bd url(../imagenes/calendario.png) no-repeat 114px 4px;
  background-size: 15px;
}
.calDay .calElement.next {
  width: 28px;
  height:53px;
  border:0px solid #fff;
  margin-top: -15px;
  padding-top: 19px;
  color: #f23a40;
  font-weight: 900;
  font-size: 14px;
  text-align: right;
}

span.calElement.next:hover, span.calElement.prev:hover {
  cursor: pointer;
}

.calDay .calElement .dayNumber {
  font-size: 18px;
}

.calElement.selected:hover{
   background-color: #428cc0;
  border: 1px solid #428cc0;
  -moz-border-radius: 3px;
  color:#fff;
  width: 12% !important;
}
.calElement.selected {
  background-color: #428cc0;
  border: 1px solid #428cc0;
  -moz-border-radius: 3px;
  color:#fff;
  width: 12% !important;
}

span.calElement:hover {
  background-color: #eeeeee;

  -moz-border-radius: 3px;
  cursor: pointer;
}

.calElement.today {

}