
body {
    background-image: $appBackgroundImage;
    background-repeat: repeat-x;
    background-attachment: fixed;    
  }
  
  .input-control {
    color: $themeSecondaryColor;
  }
  
  .dropdown{
    background-color: white;
  }
    
  .topnav {
      background-color: $appBackground;
      color: white;
  }
  
.topnavmainbarinneritems .nav-dropdown-content { 
  //display: none;
  background-color: $appBackground;
  color : $themePrimaryColor;
}
.topnavmainbarinneritems-mobile .nav-dropdown-content{
  background-color: $appBackground;
  color : $themePrimaryColor;
}
  .listbox{
    background-color: $appBackground;
    .list{
      background-color: white;
      .title {
        color: $themePrimaryColor !important;
        a{
          color:$themeSecondaryColor;
        }
      }
      .list-items:hover{
        background-color: $componentHoverBGColor;
      }
    }
  
    .header{
      background: none;
      color: $componentHeaderFontColor;
    }
  }
  
  
  .card-container {
    background-color: rgba(55, 20, 2, 0.70)!important;
    color:$themeFontColor;
    .card-header {
  
    }
  
    .card-body{
      background-color: white;
    }
  
  }
  
  .topnav {
  
  }
  .sidenav {
      background-color: white;
      color: $themeSecondaryColor;
      background-image: $appBackgroundImage;
  }
  .sidenav .headernode{
      background: none;
  }

  .datatable .datatable-header{
    background-color:$themePrimaryColor;
  }
  