.publicCalendar .event-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  padding: 10px 12px;
   background: #fff; 
  /* border: 12px; */
  align-items: center;
}

.publicCalendar .event-left {
  max-width: 60%;
  width: 60%;
}

.publicCalendar .event-left strong {
  display: block;
  font-weight: 600;
  font-size: 14px;
}

.publicCalendar .event-left small {
  display: block;
  font-size: 11px;
  color: #666;
  margin-top: 2px;
}

.publicCalendar .event-right {
  text-align: right;
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
  width: 30%;
}

.publicCalendar .event-date {
  margin-bottom: 2px;
  display: flex;
  justify-content: space-between;
}
.event-row.heading {
    padding: 12px 12px;
    background: #f3f4f6;
    border: 12px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #e5e7eb;
}

.publicCalendar .event-row:hover{
    background: #f9fafb;
}

.event-table {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    /* padding: 2px; */
}

.event-table svg {
    font-size: -webkit-xxx-large;
    width: 14px;
    height: 13px !important;
    stroke: #003090;
    margin-right: 2px;
}
.event-label-row.centerrow {
    display: block;
    font-weight: 600;
    font-size: 14px;
    padding: 7px 12px;
    text-align: center;
    border-bottom: 1px solid #eee;
    background: #f3f4f659;
}

.event-time {
    display: flex;
    justify-content: space-between;
}
.event-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hphcalender .event-date span,.publicCalendar .event-date span {
    width: 90%;
}
/*hph*/
.hphcalender .event-row.heading {
    background-color:#ffe4ec;    
}

.hphcalender .event-row:hover {
    background-color:#FFEDED75;
}

.hphcalender .event-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
}

.hphcalender .event-row {
 display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  padding: 10px 12px;
   background: #fff; 
  /* border: 12px; */
  align-items: center;
}


.hphcalender .event-left {
  max-width: 60%;
  width:60%;
}

.hphcalender .event-left strong {
  display: block;
  font-weight: 600;
  font-size: 14px;
}

.hphcalender .event-left .all-day {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}

.hphcalender .event-left small {
  display: block;
  font-size: 11px;
  color: #666;
}

.hphcalender .event-right {
  text-align: right;
  font-size: 12px;
  width:30%;
}
.hphcalender .event-table svg {
    stroke:#EF4343
}
.publicCalendar.heading .event-right,.publicCalendar .heading .event-right,
.hphcalender .heading .event-right,.hphcalender .heading .event-left{
     font-weight: 600;
    color: #1F1F1F !important;
    font-size: 14px;
}

@media (max-width:600px){
    .event-date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hphcalender .event-date span,.publicCalendar .event-date span {
    width: 90%;
}

.publicCalendar .event-row,.hphcalender .event-row {
    flex-flow: column;
}

.publicCalendar .event-left,.hphcalender .event-left {
    max-width: 100%;
    width: 100%;
}

.publicCalendar .event-right,.hphcalender .event-right {
    width: 100%;
}

.publicCalendar .event-date {
    justify-content: flex-start;
    align-items: center;
}

.hphcalender .event-date span, .publicCalendar .event-date span,.event-time span {
    text-align: left;
    padding-left: 7px;
}

.event-table svg {
    width: 14px;
    height: 12px !important;
}

.event-time {
    justify-content: flex-start;
    align-items: center;
}

.hphcalender .event-right {}

.hphcalender .event-row.heading, .publicCalendar .event-row.heading {
    flex-flow: nowrap;
}
}