.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;
}