.lg-backdrop {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.lg-toolbar,
.lg-dropdown {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.lg-dropdown:after {
  border-bottom-color: rgba(0, 0, 0, 0.8) !important;
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.lg-thumb-outer,
.lg-progress-bar {
  background-color: #444444 !important;
}
.lg-progress {
  background-color: #a90707 !important;
}
.lg-icon {
  color: #efefef !important;
  font-size: 20px !important;
}
.lg-icon.lg-toogle-thumb {
  font-size: 24px !important;
}
.lg-icon:hover,
.lg-dropdown-text:hover {
  color: #ffffff !important;
}
.lg-sub-html,
.lg-dropdown-text {
  color: #efefef !important;
  font-size: 14px !important;
}
#lg-counter {
  color: #efefef !important;
  font-size: 14px !important;
}
.lg-prev,
.lg-next {
  font-size: 35px !important;
}

/* Defaults */
.lg-icon {
  background-color: transparent !important;
}

#lg-counter {
  opacity: 0.9;
}

.lg-thumb-outer {
  padding: 0 10px;
}

.lg-thumb-item {
  border-radius: 0 !important;
  border: none !important;
  opacity: 0.5;
}

.lg-thumb-item.active {
  opacity: 1;
}