.page-top {
  min-height: 69px;
  margin: 0 -15px 0;
  padding: 0 15px;
}
.page-top .nav li {
  margin: 0 25px 0 0;
}
.page-top .nav li a {
  font-size: 14px;
  color: #313131;
  font-weight: 400;
  line-height: 69px;
  padding: 0;
}
.page-top .nav li a.active {
  font-size: 18px;
  color: #0b85d3;
  font-weight: 600;
}
.page-top .search {
  padding: 12px 0 0 0;
}
.page-top .search label {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #3b3b3b;
  margin-right: 10px;
}
.page-top .search .form-control {
  border-radius: 4px;
  background-color: #e9e9e9;
  border: none;
  min-width: 338px;
}
.page-top .search .add {
  font-size: 0;
  text-indent: -100000;
  width: 43px;
  height: 43px;
  margin: 0 0 0 20px;
  display: block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  cursor: pointer;
  background: #039be5 url(src/assets/images/calendar-add-icon.png) 50% 50% no-repeat;
}
.page-top .search .search-wrap {
  position: relative;
}
.page-top .search .search-wrap .drop {
  font-size: 0;
  text-indent: -100000;
  position: absolute;
  right: 2px;
  width: 36px;
  height: 38px;
  top: 2px;
  background: url(src/assets/images/calendar-search-drop.png) 50% 50% no-repeat;
}
.page-top .search .search-wrap .drop:hover {
  background-color: #fff;
}
.page-top .search .search-wrap .drop.active {
  background: #fff url(src/assets/images/calendar-search-cross.png) 50% 50% no-repeat;
}
.page-top .search .search-wrap .drop.dropdown-toggle:after {
  display: none;
}
.page-top .search .dropdown-menu {
  width: 687px;
  padding: 35px;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  display: block;
  top: 55px;
}
.page-top .search .dropdown-menu .row {
  margin-bottom: 8px;
}
.page-top .search .dropdown-menu .col-form-label {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin: 0;
  padding: 0;
  justify-content: left;
}
.page-top .search .dropdown-menu .form-control {
  height: 36px;
  background-color: #f1f3f4;
  min-width: auto;
  width: 100%;
}
.page-top .search .btn {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  width: 94px;
  height: 36px;
  background-color: #1a73e8;
  border-radius: 3px;
}
.page-top .search .btn.reset {
  color: #5f6368;
  background: none;
}
.page-top .search .btn:focus {
  outline: none;
  box-shadow: none;
}

.calendar-header {
  background-color: #603606;
  background-image: url(src/assets/images/calendar-header.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top;
  height: 88px;
  margin: 0 -15px 20px;
  padding: 0;
}
.calendar-header .month-col {
  font-size: 19px;
  color: #fcfbfc;
  font-weight: 600;
}
.calendar-header .month-col i {
  font-size: 25px;
}
.calendar-header .month-col .btn {
  color: inherit;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.calendar-header .month-col .btn:first-child {
  margin-left: 0;
}
.calendar-header .month-col .btn:hover {
  cursor: pointer;
}
.calendar-header .month-col .btn.currentDate {
  font-size: 19px;
  color: #fcfbfc;
  font-weight: 600;
  width: 233px;
}
.calendar-header .month-col .btn.currentDate:hover {
  cursor: text;
}
.calendar-header .date-filter .nav {
  justify-content: flex-end;
}
.calendar-header .date-filter .nav li {
  margin: 0 0 0 10px;
}
.calendar-header .date-filter .nav li a, .calendar-header .date-filter .nav li .btn {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  display: block;
  padding: 0 16px;
}
.calendar-header .date-filter .nav li a:hover, .calendar-header .date-filter .nav li .btn:hover {
  cursor: pointer;
}
.calendar-header .date-filter .nav li a i, .calendar-header .date-filter .nav li .btn i {
  margin-right: 3px;
}
.calendar-header .date-filter .nav li a.active, .calendar-header .date-filter .nav li .btn.active {
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid #fff;
  padding: 0 14px;
  border-radius: 3px;
}

.mat-form-field .input-group-append {
  position: absolute;
  top: 9px;
  right: 12px;
}

.cal-head .col {
  font-size: 14px;
  color: #484848;
  line-height: 30px;
  text-align: center;
}

.cal-row {
  margin: 0;
}
.cal-row .col {
  color: #9c9c9c;
  text-align: right;
  height: 150px;
  border: 1px solid #e0e0e0;
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 10px;
}
.cal-row .col.past-date {
  opacity: 0.5;
  pointer-events: none;
}
.cal-row .col.off-day {
  color: #82cff4;
}
.cal-row .col.today {
  color: #4f4139;
}
.cal-row .col.today:after {
  content: "";
  width: 33px;
  height: 33px;
  background-color: #fe985a;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.cal-row .col .content {
  text-align: left;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  padding: 5px 15px;
}
.cal-row .col .content p {
  font-size: 13px;
  color: #1b1b1b;
  line-height: 18px;
  font-weight: 300;
  margin: 0;
}
.cal-row .col.meeting {
  outline: 3px solid #ff680d;
  outline-offset: -4px;
}
.cal-row .col.meeting .content p {
  color: #f63a0e;
}
.cal-row .col.meeting-bnc {
  outline: 3px solid #e50d0d;
  outline-offset: -4px;
}
.cal-row .col.meeting-bnc .content p {
  color: #e50d0d;
}
.cal-row .col.holiday .content {
  padding-left: 23px;
}
.cal-row .col.holiday .content:after {
  font-family: "FontAwesome";
  content: "\f111";
  font-size: 11px;
  color: #fb4538;
  position: absolute;
  bottom: 4px;
  left: 8px;
}

.modal-content .nav {
  margin-bottom: 20px;
}
.modal-content .nav-item {
  margin: 0 30px 0 0;
}
.modal-content .nav-item .nav-link {
  font-size: 17px;
  color: #6d6d6d;
  font-weight: 600;
  line-height: normal;
  padding: 0;
}
.modal-content .nav-item .nav-link.active {
  color: #007121;
  border-bottom: 1px solid #007121;
}

.event-calendar label {
  font-size: 17px;
  color: #1a3450;
  font-weight: 600;
  margin: 0;
}
.event-calendar label.form-check-label {
  font-size: 14px;
  color: #909090;
  font-weight: 300;
}
.event-calendar .form-control {
  font-size: 15px !important;
  color: #909090 !important;
  font-weight: 300 !important;
  height: 32px !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid #e4e4e4 !important;
}
.event-calendar .form-control:focus {
  outline: none;
  box-shadow: none;
}
.event-calendar textarea.form-control {
  height: 85px !important;
  border: 1px solid #e4e4e4 !important;
  margin-top: 5px;
  padding: 10px !important;
}
.event-calendar .ng-select .ng-select-container {
  padding: 0 !important;
  border: none !important;
  border-bottom: 1px solid #e4e4e4 !important;
}
.event-calendar select.form-control option {
  padding: 2px 5px;
}
.event-calendar select.form-control:hover, .event-calendar select.form-control:focus {
  background-color: #fbfbfb;
}
.event-calendar .mat-form-field .input-group-append {
  top: 8px;
  right: 0;
}
.event-calendar .mat-form-field .input-group-append i {
  margin: 0;
}
.event-calendar p {
  font-size: 15px;
  color: #909090;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}
.event-calendar i {
  font-size: 15px;
  color: #1a3450;
  margin-right: 10px;
}
.event-calendar .check-ticks .form-check-inline {
  width: 25%;
  margin: 0;
}
.event-calendar .check-ticks .form-check-inline .form-check-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.event-calendar .check-ticks .form-check-inline .form-check-label {
  padding-left: 20px;
}
.event-calendar .check-ticks .form-check-inline .form-check-label::before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dee2e6;
  border-radius: 0.25rem;
}
.event-calendar .check-ticks .form-check-inline .form-check-label::after {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 1.3rem;
  height: 1.3rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
}
.event-calendar .check-ticks .form-check-inline .form-check-input:checked ~ .form-check-label::before {
  background-color: #007bff;
}
.event-calendar .check-ticks .form-check-inline .form-check-input:checked ~ .form-check-label::after {
  background-image: url("../../../assets/images/tick.png");
}

.cal-month-view .cal-open-day-events {
  color: #313131;
  background-color: #fff;
  box-shadow: none;
  padding: 0;
  border: 3px solid #a68654;
}

.cal-month-view .cal-open-day-events > div[class^=ng-tns-c7-],
.cal-month-view .cal-open-day-events > div[class^=ng-tns-c11-],
.cal-month-view .cal-open-day-events > div.ng-tns-c7-2 {
  font-size: 14px;
  padding: 10px 12px;
  background-color: #fff;
  border-bottom: 3px solid #a68654;
}

.cal-month-view .cal-open-day-events > div[class^=ng-tns-c7-]:last-child,
.cal-month-view .cal-open-day-events > div[class^=ng-tns-c11-]:last-child,
.cal-month-view .cal-open-day-events > div.ng-tns-c7-2:last-child {
  border-bottom: none;
}

.cal-month-view .cal-cell.cal-has-events.cal-open {
  position: relative;
}

.cal-month-view .cal-cell.cal-has-events.cal-open:after {
  bottom: 3px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(166, 134, 84, 0);
  border-bottom-color: #a68654;
  border-width: 7px;
  margin-left: -7px;
}

.cal-month-view .cal-day-number,
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1em;
  margin-top: 10px;
  margin-right: 17px;
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  color: #fff;
  background-color: #fe985a;
  opacity: 1;
  margin: 0;
  padding: 15px 15px 0 5px;
}

.cal-month-view .cal-day-cell.cal-today {
  background: none;
}

.cal-month-view .cal-day-cell {
  min-height: 135px;
}

.cal-month-view .cal-cell.cal-has-events.cal-open {
  background: none;
  box-shadow: inset 0 0 0 3px #a68654;
}

.cal-week-view .cal-all-day-events .cal-event {
  font-size: 14px;
}

.calContainer {
  display: flex;
}

.rightCal {
  flex: 1;
  padding-left: 15px;
}

.sideCal {
  flex: 0 0 282px;
  max-width: 282px;
  padding-top: 34px;
}
.sideCal .cal-month-view .cal-day-cell,
.sideCal .cal-month-view .cal-cell-top {
  min-height: 100%;
  font-size: 13px;
  flex: 0 0 40px;
  height: 35px;
}
.sideCal .cal-month-view .cal-day-cell:hover {
  cursor: pointer;
}
.sideCal .cal-month-view .cal-day-cell.cal-has-events {
  background-color: #ffc8be;
}
.sideCal .cal-month-view .cal-day-cell.cal-has-events .cal-events,
.sideCal .cal-month-view .cal-day-cell.cal-has-events .cal-day-badge {
  display: none;
}
.sideCal .cal-month-view .cal-day-number,
.sideCal .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1em;
  margin-top: 7px;
  margin-right: 12px;
}
.sideCal .cal-month-view {
  background-color: #faf4ef;
}
.sideCal .cal-month-view .cal-cell-row {
  font-size: 14px;
  color: #82261b;
}
.sideCal .cal-month-view .cal-cell-row.cal-header {
  border-left: 1px solid #c1a590;
  border-right: 1px solid #c1a590;
  border-top: 1px solid #c1a590;
  padding: 0 3px;
  font-size: 0;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(1):before {
  content: "S";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(2):before {
  content: "M";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(3):before {
  content: "T";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(4):before {
  content: "W";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(5):before {
  content: "T";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(6):before {
  content: "F";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-cell-row.cal-header .cal-cell:nth-child(7):before {
  content: "S";
  font-size: 14px;
}
.sideCal .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #c1a590;
}
.sideCal .cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #c1a590;
}
.sideCal .cal-month-view .cal-days {
  border-color: #c1a590;
}
.sideCal .cal-month-view .cal-day-number, .sideCal .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  color: #63452d;
  opacity: 0.8 !important;
}
.sideCal .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  color: #fff !important;
}
.sideCal .prevCalender {
  font-size: 18px;
  line-height: 36px;
  color: #d43b20;
  position: absolute;
  top: -36px;
  left: inherit;
  right: -1px;
  background-color: #edd8c7;
  border: 1px solid #cd976e;
  padding: 5px;
  border-radius: 6px;
}
.sideCal .showHidecal {
  width: 28px;
  height: 28px;
  font-size: 0;
  background: #400c00 url(../../../assets/images/show-hide-arrow.png) -4px -44px no-repeat;
  display: block;
  z-index: 9;
  border-radius: 50%;
  float: right;
  margin-left: 10px;
  margin-top: 3px;
}
.sideCal.isOpen {
  border: 1px solid #cd976e;
  padding: 5px;
  background-color: #edd8c7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: scale(1);
}
.sideCal.isOpen .prevCalender {
  top: -42px;
  left: -1px;
  background-position: 0 0;
  background-color: #edd8c7;
  border: 1px solid #cd976e;
  padding: 5px;
  border-bottom: none;
  padding-bottom: 0;
  border-radius: 0;
}
.sideCal.isOpen .showHidecal {
  background-position: -4px -3px;
}
.sideCal .cal-month-view .cal-day-cell.cal-today .cal-day-number {
  width: 39px;
  height: 35px;
  padding: 7px 0 0 0;
  text-align: center;
  margin: 0;
}

span.cal-event-actions {
  float: right;
}
span.cal-event-actions a {
  color: #de5f48;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
span.cal-event-actions a i.disable {
  pointer-events: none;
  opacity: 0.4;
}

.cal-event span.cal-event-actions {
  position: absolute;
  bottom: 2px;
  right: 5px;
  background-color: #fff;
  height: 23px;
}

.event-custom-class .modal-lg, .event-custom-class .modal-xl {
  max-width: 600px;
}

.cal-month-view .cal-open-day-events .ipEvent::after {
  content: "Event";
  font-size: 12px;
  color: #ffa415;
}

.cal-month-view .cal-open-day-events .ipEvent .cal-event,
.eEvent.cal-event {
  background-color: #ffa415 !important;
}

.cal-month-view .cal-open-day-events .ipTask::after {
  content: "Task";
  font-size: 12px;
  color: #ffa415;
}

.cal-month-view .cal-open-day-events .ipTask .cal-event,
.eEvent.cal-event {
  background-color: #ffa415 !important;
}

.cal-month-view .cal-open-day-events .bnEvent::after {
  content: "Event";
  font-size: 12px;
  color: #d70a0a;
}

.cal-month-view .cal-open-day-events .bnEvent .cal-event,
.eEvent.cal-event {
  background-color: #d70a0a !important;
}

.cal-month-view .cal-open-day-events .brownColor::after {
  content: "Event";
  font-size: 12px;
  color: #795548;
}

.cal-month-view .cal-open-day-events .brownColor .cal-event,
.brownColor.cal-event {
  background-color: #795548 !important;
}

.cal-month-view .cal-open-day-events .greenColor::after {
  content: "Event";
  font-size: 12px;
  color: #0b8043;
}

.cal-month-view .cal-open-day-events .greenColor .cal-event,
.greenColor.cal-event {
  background-color: #0b8043 !important;
}

.cal-month-view .cal-open-day-events .orangeColor::after {
  content: "Event";
  font-size: 12px;
  color: #ef6c00;
}

.cal-month-view .cal-open-day-events .orangeColor .cal-event,
.orangeColor.cal-event {
  background-color: #ef6c00 !important;
}

.cal-month-view .cal-open-day-events .fuegoColor::after {
  content: "Holiday";
  font-size: 12px;
  color: #c0ca33;
}

.cal-month-view .cal-open-day-events .fuegoColor .cal-event,
.fuegoColor.cal-event {
  background-color: #c0ca33 !important;
}

.cal-month-view .cal-open-day-events .lightBlueColor::after {
  content: "Event";
  font-size: 12px;
  color: #3f51b5;
}

.cal-month-view .cal-open-day-events .lightBlueColor .cal-event,
.lightBlueColor.cal-event {
  background-color: #3f51b5 !important;
}

.cal-month-view .cal-open-day-events .deepBlueColor::after {
  content: "Event";
  font-size: 12px;
  color: #4185f4;
}

.cal-month-view .cal-open-day-events .deepBlueColor .cal-event,
.deepBlueColor.cal-event {
  background-color: #4185f4 !important;
}

.cal-month-view .cal-open-day-events .lightPurpleColor::after {
  content: "Event";
  font-size: 12px;
  color: #9e69af;
}

.cal-month-view .cal-open-day-events .lightPurpleColor .cal-event,
.lightPurpleColor.cal-event {
  background-color: #9e69af !important;
}

.cal-month-view .cal-open-day-events .deepRedColor::after {
  content: "Event";
  font-size: 12px;
  color: #d50000;
}

.cal-month-view .cal-open-day-events .deepRedColor .cal-event,
.deepRedColor.cal-event {
  background-color: #d50000 !important;
}

.cal-month-view .cal-open-day-events .lightBrownColor::after {
  content: "Event";
  font-size: 12px;
  color: #a79b8e;
}

.cal-month-view .cal-open-day-events .lightBrownColor .cal-event,
.lightBrownColor.cal-event {
  background-color: #a79b8e !important;
}

.cal-month-view .cal-open-day-events .deepBlueColor::after {
  content: "Event";
  font-size: 12px;
  color: #4285f4;
}

.cal-month-view .cal-open-day-events .deepBlueColor .cal-event,
.deepBlueColor.cal-event {
  background-color: #4285f4 !important;
}

.cal-month-view .cal-open-day-events .lightTarquesColor::after {
  content: "Holiday";
  font-size: 12px;
  color: #009688;
}

.cal-month-view .cal-open-day-events .lightTarquesColor .cal-event,
.lightTarquesColor.cal-event {
  background-color: #009688 !important;
}

.cal-month-view .cal-open-day-events .lightGreenColor::after {
  content: "Event";
  font-size: 12px;
  color: #0b8043;
}

.cal-month-view .cal-open-day-events .lightGreenColor .cal-event,
.lightGreenColor.cal-event {
  background-color: #0b8043 !important;
}

.cal-month-view .cal-open-day-events .deepPurpleColor::after {
  content: "Holiday";
  font-size: 12px;
  color: #800b42;
}

.cal-month-view .cal-open-day-events .deepPurpleColor .cal-event,
.deepPurpleColor.cal-event {
  background-color: #800b42 !important;
}

.cal-month-view .cal-open-day-events .tarquesColor::after {
  content: "Event";
  font-size: 12px;
  color: #17e1ce;
}

.cal-month-view .cal-open-day-events .tarquesColor .cal-event,
.tarquesColor.cal-event {
  background-color: #17e1ce !important;
}

.cal-month-view .cal-open-day-events .deepOrangeColor::after {
  content: "Holiday";
  font-size: 12px;
  color: #803d07;
}

.cal-month-view .cal-open-day-events .deepOrangeColor .cal-event,
.deepOrangeColor.cal-event {
  background-color: #803d07 !important;
}

.cal-month-view .cal-open-day-events .bnTask::after {
  content: "Task";
  font-size: 12px;
  color: #d70a0a;
}

.cal-month-view .cal-open-day-events .bnTask .cal-event,
.eEvent.cal-event {
  background-color: #d70a0a !important;
}

.cal-month-view .cal-open-day-events .eholiday::after {
  content: "Holiday";
  font-size: 12px;
  color: #929292;
}

.cal-month-view .cal-open-day-events .eholiday .cal-event,
.eEvent.cal-event {
  background-color: #929292 !important;
}

.cal-week-view .cal-event {
  background: none !important;
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.6;
}

.cal-month-view .cal-cell-top {
  min-height: auto;
}

.cal-month-view .cal-day-cell .event-container {
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-day-cell .event-container .eventWrap {
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0 0 2px 5px;
  white-space: nowrap;
  width: calc(10vw - 14px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.cal-month-view .cal-day-cell .event-container .eventWrap:before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #ad2121;
  border-radius: 50%;
  margin-right: 2px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.yellow:before {
  background-color: #ffa415;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.red:before {
  background-color: #d70a0a;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.grey:before {
  background-color: #929292;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.brownColor:before {
  background-color: #795548;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.greenColor:before {
  background-color: #0b8043;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.orangeColor:before {
  background-color: #ef6c00;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.fuegoColor:before {
  background-color: #c0ca33;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.lightBlueColor:before {
  background-color: #3f51b5;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.deepBlueColor:before {
  background-color: #4185f4;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.lightPurpleColor:before {
  background-color: #9e69af;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.deepRedColor:before {
  background-color: #d50000;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.lightBrownColor:before {
  background-color: #a79b8e;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.deepLightBlueColor:before {
  background-color: #4285f4;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.lightTarquesColor:before {
  background-color: #009688;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.lightGreenColor:before {
  background-color: #0b8043;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.deepPurpleColor:before {
  background-color: #800b42;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.tarquesColor:before {
  background-color: #17e1ce;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.deepOrangeColor:before {
  background-color: #803d07;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.noTxt {
  font-size: 0;
  width: 10px;
  padding: 0;
  margin: 2px;
  float: left;
}
.cal-month-view .cal-day-cell .event-container .eventWrap.noTxt:before {
  width: 10px;
  height: 10px;
}