*{
    padding: 0px;
    margin: 0px;
}
body{
  margin-bottom: 100px;
}
  
  .bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentcolor;
}
.dashboard{
    margin: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 15px;
}

.dashboard-text{
    margin: 5px;
    font-weight: bold;
    text-align: left;
}

.no-data{
    text-align: center;
}

.iframe-wrapper {
    position: relative;
  }

.iframe-wrapper iframe {
    border-radius: 15px;
  }

.iframe-wrapper button {
    margin: 10px;
  }

  .theme-toggle {
    border: none;
    background-color: transparent;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 5px 0 5px;
}

[data-bs-theme="light"]  .theme-toggle:hover {
    background-color: #333;
}

[data-bs-theme="dark"] .theme-toggle:hover {
    background-color: #f0f0f0;
}

[data-bs-theme="light"] .bi-moon-stars-fill, [data-bs-theme="light"] .bi-sun-fill, [data-bs-theme="light"] .bi-circle-half {
    width: 16px;
    height: 16px;
    color: #333;
}

[data-bs-theme="dark"] .bi-moon-stars-fill, [data-bs-theme="dark"] .bi-sun-fill, [data-bs-theme="dark"] .bi-circle-half {
    width: 16px;
    height: 16px;
    color: #FFF;
}

[data-bs-theme="dark"] .theme-toggle:hover .bi-moon-stars-fill, [data-bs-theme="dark"] .theme-toggle:hover .bi-sun-fill, [data-bs-theme="dark"] .theme-toggle:hover .bi-circle-half {
    color: #333;
}

[data-bs-theme="light"] .theme-toggle:hover .bi-moon-stars-fill,  [data-bs-theme="light"] .theme-toggle:hover .bi-sun-fill, [data-bs-theme="light"] .theme-toggle:hover .bi-circle-half {
    color: #fff;
}


[data-bs-theme="light"]  .dropdown-item-custom:hover {
    background-color: #333;
    color: #fff;
    border-radius: 5px;
}

[data-bs-theme="dark"] .dropdown-item-custom:hover {
    background-color: #f0f0f0;
    color: #333;
    border-radius: 5px;
}


  /* Tab styling */
  .nav-tabs {
      margin-top: 20px;
      border-bottom: 2px solid #dee2e6;
  }
  
  .nav-tabs .nav-link {
      font-weight: 500;
      color: #6c757d;
      border: none;
      border-bottom: 1px solid transparent;
      padding: 12px 20px;
  }
  
  .nav-tabs .nav-link:hover {
      border-color: transparent;
      color: #495057;
      background-color: #f8f9fa;
  }
  
 [data-bs-theme="light"] .nav-tabs,  [data-bs-theme="light"] .nav-link.active {
      color: #333;
      border-bottom-color: #333;
      background-color: transparent;
  }

 [data-bs-theme="dark"] .nav-tabs,  [data-bs-theme="dark"] .nav-link.active {
      color: #f0f0f0;
      border-bottom-color: #f0f0f0;
      background-color: transparent;
  }
  
  .tab-content {
      padding-top: 20px;
  }