@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
* {
  font-family: 'Roboto', sans-serif;
}
.jCal {
  font-family: 'Roboto', sans-serif;
  height: 21px;
  text-align: center;
  vertical-align: top;
}
.jCalMo {
  float: left;
  overflow: visible;
  /*height: 100%;*/
  width: 100%;
  padding-right: 2px;
  padding-left: 2px;
  white-space: nowrap;
  display: block;
  margin: 0px auto 12px auto;
}
.jCal .monthSelect {
  line-height: 16px;
  height: 16px;
  text-align: center;
  vertical-align: bottom;
  font-size: 1em;
  color: #000000;
  cursor: pointer;
  float: left;
}
.jCal .monthName {
  line-height: 16px;
  height: 16px;
  text-align: center;
  vertical-align: bottom;
  font-size: 1em;
  color: #000000;
  cursor: pointer;
}
.jCal .monthYear {
  line-height: 16px;
  height: 16px;
  text-align: center;
  vertical-align: bottom;
  font-size: 1em;
  color: #000000;
  cursor: pointer;
}
.jCal .month {
  line-height: 16px;
  height: 16px;
  vertical-align: bottom;
  font-size: 1em;
  color: #000000;
  cursor: pointer;
  margin: 0px auto;
}
/* month name per calendar style - includes left/right padding and alignment */
.jCal .monthName {
  padding-left: 2px;
  padding-right: 2px;
}
/* year per calendar style - includes left/right padding and alignment */
.jCal .monthYear {
  padding-left: 2px;
  padding-right: 2px;
}
/* hilight style for new month combobox pulldown for hover */
.jCal .monthSelect {
  background: #EEE url(eeGrad2.gif) bottom repeat-x;
}
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector {
  position: absolute;
}
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
.jCal .monthSelectorShadow {
  position: absolute;
  background: #808080;
  padding: 0px;
}
/* this is the hover for the month name */
.jCal .monthNameHover {
  background: #EDEDED url(double-arrow-vert.gif) center left no-repeat;
  color: #808080;
}
/* this is the hover for the year */
.jCal .monthYearHover {
  background: #EDEDED url(double-arrow-vert.gif) center right no-repeat;
  color: #808080;
}
/* this is the hover for the new month or year hover in the new combobox selection */
.jCal .monthSelectHover {
  background: #069;
  color: #FFF;
}
/* day block dimensions and style - for all day blocks */
.jCalMo .dow, .jCalMo .day, .jCalMo .pday, .jCalMo .aday, .jCalMo .overDay, .jCalMo .invday, .jCalMo .selectedDay {
  width: 79px;
  font-size: 1em;
  color: #000000;
  border-right: 0px solid #CCC;
  border-bottom: 0px solid #CCC;
  border-left: 0px solid #EEE;
  text-align: center;
  cursor: default;
  float: left;
}
/* day of week header specific style */
.jCalMo .dow {
  border-bottom: 0px;
  margin: 3px;
  height: 45px;
  padding-top: 12px;
  font-size: 0.75em;
}
/* actual calendar day default style */
.jCalMo .day, .jCalMo .invday {
  height: 30px;
  text-align: center;
  padding-top: 10px;
}
/* selectable calendar day specific style */
.jCalMo .day {
  cursor: pointer;
  background: #FFF;
  border-radius: 5px;
  border: 0px solid #e52122;
  margin: 3px;
}
/* blacked-out calendar day specific style */
.jCalMo .invday {
  color: #808080;
  background: #eeeeee;
  text-decoration: line-through;
}
/* previous and subsequent months calendar day specific style */
.jCalMo .pday, .jCalMo .aday {
  height: 45px;
  color: #CCC;
  padding-top: 10px;
  margin: 3px;
}
/* selected day */
.jCalMo .selectedDay {
  color: #FFF;
  /* must use rgb() syntax for jquery.color.js compliance */
  background: #e52122;
}
/* mouseover hilighted selectable day */
.jCalMo .overDay {
  color: #FFF;
  /* must use rgb() syntax for jquery.color.js compliance */
  background: #e52122;
}
/* left month navigation button - no need to change */
.jCal .left {
  background: url("img/izq.png") center center no-repeat;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  float: left;
}
/* right month navigation button - no need to change */
.jCal .right {
  background: url("img/der.png") center center no-repeat;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
  float: right;
  position: relative;
  top: -18px;
}
/* no need to change - this is for carousel opacity */
.jCalMask, .jCalMove {
  position: absolute;
  overflow: hidden;
}