:root {
  --bgcolor: ;
  --textcolor: ;
  --gridfocuscolor: ;
  --searchbgcolor: ;
  --textfocuscolor: ;
  --primary-button: ;
}

@media (max-width: 1399px) {
  .nweb-search .navbar,
  .nweb .navbar {
    background-color: var(--bgcolor) !important;
  }
}

body {
  background-color: var(--bgcolor);
  color: var(--textcolor);
}

.gradBottom {
  background-image: linear-gradient(
    to top,
    var(--bgcolor) 10%,
    transparent 42%
  );
}

.gradSide {
  background-image: linear-gradient(
    to right,
    var(--bgcolor) 10%,
    transparent 90%
  );
}

.nweb .navbar {
  background-image: linear-gradient(
    to bottom,
    var(--bgcolor) -100%,
    transparent 90%
  );
}

.nweb .nweb-navbar.scrolled {
  background-color: var(--bgcolor) !important;
  opacity: 0.9;
}

.nweb-search .navbar.scrolled {
  background-color: var(--bgcolor) !important;
  opacity: 0.9;
}

.titleMeta {
  background-color: var(--bgcolor);
}

.titleMeta .rating span {
  background-color: #fff;
  color: var(--textfocuscolor);
}

.nweb #listoflist-tag {
  background-color: var(--bgcolor);
}

.dropdown-toggle.share-element {
  background-color: var(--textfocuscolor);
  border: none;
}

.btn-primary,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--primary-button);
  border-color: var(--primary-button);
}

.slick-dots li.slick-active button {
  background-color: var(--textfocuscolor) !important;
}

.share-element-dropdown.dropdown-menu {
  background-color: var(--bgcolor);
  border: none;
}

.social-link.dropdown-item:focus,
.social-link.dropdown-item:hover {
  background-color: var(--bgcolor);
}

.dropdown-toggle.share-element.active {
  background-color: var(--gridfocuscolor);
}

.meta-r-box {
  background-color: #fff;
  color: var(--textfocuscolor);
}

.movieInfoDes .meta-r-box {
  background-color: #fff;
  color: var(--textfocuscolor);
}

.navbar .navbar-nav .nav-link.menu-nav-link-active {
  border-bottom: 2px solid var(--textfocuscolor) !important;
}

.navbar .navbar-nav .nav-link.menu-nav-link-active,
.navbar .navbar-nav .nav-link.menu-nav-link-active:hover {
  background-color: var(--bgcolor);
}

.navbar .navbar-nav .nav-link:hover {
  background-color: var(--bgcolor);
}

.bg-toggle:checked {
  background-color: var(--textfocuscolor);
}

.accept-all-btn {
  background-color: var(--textfocuscolor);
  border: none;
  color: white;
}
.custom-toast {
  background-color: var(--textfocuscolor);
  color: white;
}