:root{
    --main-bg-color: #2196F3;
    --main-color: white;
    --main-hover: black;
}
.theme-blue .navbar {
    background-color: var(--main-bg-color);
}
.theme-blue .navbar-brand {
  color: var(--main-color); }
  .theme-blue .navbar-brand:hover {
    color: var(--main-color); }
  .theme-blue .navbar-brand:active {
    color: var(--main-color); }
  .theme-blue .navbar-brand:focus {
    color: var(--main-color); }

.theme-blue .nav > li > a {
  color: var(--main-color); }
  .theme-blue .nav > li > a:hover {
    background-color: transparent; }
  .theme-blue .nav > li > a:focus {
    background-color: transparent; }

.theme-blue .nav .open > a {
  background-color: transparent; }
  .theme-blue .nav .open > a:hover {
    background-color: transparent; }
  .theme-blue .nav .open > a:focus {
    background-color: transparent; }

.theme-blue .bars {
  color: var(--main-color); }

.theme-blue .sidebar .menu .list li.active {
  background-color: transparent; }
  .theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
    color: var(--main-bg-color); }

.theme-blue .sidebar .menu .list .toggled {
  background-color: rgb(238, 238, 238); }

.theme-blue .sidebar .menu .list .ml-menu {
  background-color: transparent; }

.theme-blue .sidebar .legal {
  background-color: var(--main-color); }
  .theme-blue .sidebar .legal .copyright a {
    color: var(--main-bg-color) !important; }
  .section-icon {
      color: var(--main-color);
  }
  .playrotation ,.volumecontrol,.js-search,.theme-btn  {
      background-color: var(--main-color) !important;
      color: var(--main-bg-color) !important;
  }

 .playrotation:hover, .playrotation:active, .playrotation:focus {
      background-color: var(--main-hover) !important;
  }
  .volumecontrol:hover, .volumecontrol:active, .volumecontrol:focus {
      background-color: var(--main-hover) !important;
  }
   .section-icon:hover, .section-icon:active, .section-icon:focus {
      color: var(--main-hover) !important;
  }
  .bars:hover, .bars:active, .bars:focus {
      color: var(--main-hover) !important;
  }
  .js-search:hover, .js-search:active, .js-search:focus {
      background-color: var(--main-hover) !important;
      color: var(--main-color) !important;
  }
  
  .theme-btn:hover, .theme-btn:active, .theme-btn:focus {
      background-color: var(--main-hover) !important;
      color: var(--main-color) !important;
  }
.container-fluid ul>li>a>i:hover{
      color: var(--main-hover) !important;
  }
.theme-main {
    background-color: var(--main-bg-color);
}
.camera-dropdown li a{color: var(--main-color);}