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