:root {
    --wpem-primary-color: #0096ff;
    --wpem-dark-color: #111111;
    --wpem-gray-color: #555555;
    --wpem-white-color: #ffffff;
    --wpem-gray-border-color: #e4e4e4;
    --wpem-gray-bg-color: #f5f5f5;
}

/*event countdown start*/
.event-countdown {
    display: flex;
    border: 1px solid var(--wpem-gray-border-color);
    border-radius: 4px;
    max-width: 400px;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
}
.wpem-countdown-col {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    border-right: 1px solid var(--wpem-gray-border-color);
    line-height: normal;
}
.wpem-countdown-col b {
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.wpem-countdown-col:last-of-type {
    border: 0;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-body-content .wpem-countdown-section {
  margin-bottom: 15px;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-body-content .wpem-ticket-information-wrapper .wpem-countdown-section {
  margin-top: 15px;
  margin-bottom: 0;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-countdown-section {
  margin-bottom: 10px;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-countdown-section {
  margin-top: 10px;
}
/*event countdown end*/


/* Progress Bar Start */
.wpem-countdown-progress {
  width: 100%;
  height: 5px;
  background-color: var(--wpem-gray-bg-color);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.wpem-countdown-progress-bar-row {
  display: flex;
  align-items: center;
}
.wpem-countdown-progress span {
  background-color: var(--wpem-primary-color);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.wpem-countdown-progress-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65px;
  flex: 0 0 65px;
  margin-left: 15px;
}
.wpem-countdown-progress-detail b {
  margin-right: 15px;
}
/* Progress Bar End */



/* circle start */
.wpem-countdown-circle {
  display: flex;
  margin-top: 10px;
}
.wpem-countdown-circle-col {
  position: relative;
  padding: 0 5px;
  max-width: 80px;
}
.wpem-countdown-circle-col canvas {
  width: 100%;
}
.wpem-countdown-circle-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.wpem-countdown-circle-label span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}
.wpem-countdown-circle-label small{
  font-size: 12px;
}
.wpem-countdown-circle-expired .wpem-countdown-circle-col canvas {
    border: 3px solid var(--wpem-gray-border-color);
    border-radius: 100px;
}

/* circle end */