.green {border:3px solid green}
.pink {border:3px solid pink}

.cal-activeday {
  background-color:green;
  border:1px solid #fff;
  color:#fff;
}
.cal-success {
  border:1px solid #fff;
  background-color: #dff0d8;
}
.cal-vacation {
  border:1px solid #fff;
  background-color: tomato;
  color:#fff;
}
.cal-custom {
  border:1px solid #fff;
  background-color: #32CD32;
  color:#fff;
}
.cal-info {
  background-color: #d9edf7;
  border:1px solid #fff;
}
.cal-warning {
  background-color: LightYellow;
  border:1px solid #fff;
}

.cal-outmonth {
  background-color: #cccccc ;
  border:1px solid #e0e0e0;
}

.calendar-wrapper {
  text-align: center;
}
.calendar-wrapper table {
  margin: 0 auto;
  border-collapse: collapse; /* optional: makes borders cleaner if you add them */
}

/* Center numbers inside each cell */
.calendar-wrapper td,
.calendar-wrapper th {
  text-align: center;
  vertical-align: middle;
}

.search-box-icon {
  width: 13px;
  height: 13px;
}
.svg-inline--fa {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.p-cal {padding:10px}
.p-10 {padding:10px}
.p-7 {padding:7px}
.p-8 {padding:8px}
.p-9 {padding:9px}
.p-15 {padding:15px}


@media (min-width: 990px) {
  .ms-custom {
    margin-left: 300px;
  }
}