.sw-calendar.date {
  display: inline-block;
  border-radius: 4px;
  width: 32px;
  margin: 4px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  background: #e2e5ec;
  color: #282c34;
  cursor: pointer;
  user-select: none;
}

.sw-calendar.date:not(.disabled):hover {
  box-shadow: 0 3px 15px -5px #282c34;
}

.sw-calendar.date:not(.disabled).selected.afiliacion-original {
  background: #ff924a;
}

.sw-calendar.date:not(.disabled).selected.afiliacion-alterna {
  background: #4a98ff;
}

.sw-calendar.date.disabled.selected.afiliacion-original {
  background: #ff924a;
  opacity: 0.6;
  color: #000;
}

.sw-calendar.date.disabled.selected.afiliacion-alterna {
  background: #4a98ff;
  opacity: 0.6;
  color: #000;
}

.sw-calendar.date:not(.disabled).selected.afiliacion-ambas {
  background: linear-gradient(to top left, #ff924a, #4a98ff 90%);
}

.sw-calendar.date.disabled {
  background: #f9f9f9;
  color: #8e9db8;
  cursor: default;
}

/* Monitoreo: coloreado de días según el estatus del servicio */
.sw-calendar.date.monitoring {
  cursor: default;
}

.sw-calendar.date.monitoring:hover {
  box-shadow: none;
}

.sw-calendar.date.monitoring.monitoring-status-1 {
  background: #37b24d;
  color: #fff;
}

.sw-calendar.date.monitoring.monitoring-status-2 {
  background: #f6c343;
  color: #282c34;
}

.sw-calendar.date.monitoring.monitoring-status-3 {
  background: #e03131;
  color: #fff;
}

.sw-calendar.date.monitoring.monitoring-status-none {
  background: #adb5bd;
  color: #fff;
}

.sw-calendar.month.container {
  display: inline-block;
  vertical-align: top;
  border-radius: 8px;
  padding: 4px;
  width: 288px !important;
  margin: 8px;
}

.sw-calendar.month.header {
  border-radius: 8px;
  line-height: 32px;
  margin: 4px;
  text-align: center;
  vertical-align: middle;
  background: #e2e5ec;
  color: #282c34;
  user-select: none;
}

.sw-calendar.month.day-name {
  display: inline-block;
  border-radius: 4px;
  font-size: 0.7em;
  width: 32px;
  margin: 4px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  background: #3b404b;
  color: #e2e5ec;
  cursor: pointer;
  user-select: none;
}

.sw-calendar.year.container {
  display: inline-block;
  border-radius: 8px;
  border: 1px #ddd solid;
  padding: 16px;
  width: 952px;
  margin: 8px;
}

.sw-calendar.year.header {
  font-size: 1.4em;
  font-weight: bold;
}

.sw-calendar.year.change {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  background: #eee;
  border-radius: 4px;
  width: 32px;
}

.sw-calendar.year.change:hover {
  box-shadow: 0 3px 15px -5px #444;
}

.sw-calendar.year.change.prev {
  margin-right: 8px;
}

.sw-calendar.year.change.next {
  margin-left: 8px;
}