.nav-pills li a:hover{
    background-color: rgb(66, 66, 243);
}

.scrollspy-example {
    position: relative;
    height: 90vh;
    overflow: auto;
}

body{
    overflow: hidden;
}

.modal {
    height: 90vh;
  }

.bread_crumb{
    cursor: pointer;
}

.bread_crumb:hover{
    text-decoration: underline;
    color:  rgb(66, 66, 243);
}

#clock{
    font-family: 'Courier New', monospace;
    font-size: 25px;
    font-weight: bold;
    padding-left: 100px;
    padding-right: 100px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    border-radius: 20px;
    font-weight: bolder;
  }
#uptime{
    font-family: 'Courier New', monospace;
    font-size: 25px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border: 1px solid gray;
    border-radius: 20px;
    font-weight: bolder;
  }
  
  
  table.table { width:auto; }

  .blink1 {
    animation: blink1 5s infinite;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    padding: 10px;
  }
  
  @keyframes blink1 {
    0%   {  
        background-color: yellow; 
        color: white;
    }
    50%  {  background-color: lightyellow;     }
    100%   {  
        background-color: yellow; 
        color: white;
    }
    
  }
  .blink2 {
    animation: blink2 4s infinite;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    padding: 10px;
  }
  
  @keyframes blink2 {
    0%   {  
        background-color: yellow; 
        color: white;
    }
    50%  {  background-color: lightyellow;     }
    100%   {  
        background-color: yellow; 
        color: white;
    }
  }
  .blink3 {
    animation: blink3 6s infinite;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    padding: 10px;
  }
  
  @keyframes blink3 {
    0%   {  
        background-color: yellow; 
        color: white;
    }
    50%  {  background-color: lightyellow;     }
    100%   {  
        background-color: yellow; 
        color: white;
    }
  }

  div.scroll {
    max-height: 390px;
    overflow: scroll;
}

/* Dropdown Button */
.dropbtn {
  background-color: #9beecf;
  color: white;
  padding: 8px 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ecc8c8;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.note-card .card-body {
      max-height: 300px;
      overflow-y: auto;
    }