/* Add here all your css styles (customizations) */
.g-bg-pink--hover:hover {
  background-color: #e81c62 !important;
}
.g-bg-pink--active.active,
.active .g-bg-pink--active {
  background-color: #e81c62 !important;
}

.g-bg-teal--hover:hover {
  background-color: #18ba9b !important;
}
.g-bg-teal--active.active,
.active .g-bg-pink--active {
  background-color: #18ba9b !important;
}

.beginner {
  display: none;
}

.advance {
  display: none;
}

.inter {
  display: none;
}
.go {
  display: none;
}
.test {
  display: none;
}
.g-bg-cool {
  background-color: #88bdbc !important;
}
.g-color-cool {
  color: #25274d !important;
}
.g-brd-dyw {
  border-color: #d4bf89 !important;
}
.g-color-dyw {
  color: #d4bf89 !important;
}
.g-bg-dvio {
  background-color: #190c42 !important;
}
.g-bg-light-yellow {
  border-color: #ffc107 !important;
}

/* preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  color: #333333;
  background-color: rgba(220, 220, 220, 0.4);
}

/* 
 * event page
 */
.event-program-color,
.event-program-color h3 {
  color: #fe9301;
}
.event-bg-orange {
  background-color: #fe9301;
}
.event-bg-color:hover,
.event-bg-color:focus {
  background-color: #fe9301;
}
.event-bg-color:hover h3 {
  color: #ffffff;
}
.event-bg-danger {
  background-color: #f73859 !important;
  color: #fff;
}
.event-cirle {
  padding: 3px 7px;
  border: 1px solid;
}
.forward-slash,
.backward-slash {
  width: 100px;
  height: 80%;
  position: absolute;
  bottom: 0;
}
.forward-slash {
  left: 0;
}
.backward-slash {
  right: 0;
}
.event-brd-dotted-1 {
  border: 1px dotted;
}
@media (min-width: 768px) {
  .g-width-15x--md {
    width: 15% !important;
  }
}