/*Redeveloped
Lab: Software Engineering
Exp:Modeling UML Class Diagrams and Sequence diagrams
File Name: main.css
Author: Prakriti Dhang */

 html {
    position: relative;
    min-height: 100%;
  }

  body {
   
    margin-bottom: 100px;
   
  }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.table-hover  tr:hover th, .table-hover  tr:hover td {
    background-color: #c8e4fffa;
    
}


.table thead{
    background-color: #1536a1fa;
    font-weight: bold;
    text-align: center;
    color: azure;
}



.column-bordered-table td {
  
  border-right: 1px solid #1addff;
}



div.divscroll {
   
    height: 500px;
    overflow-y: scroll;
  }

.card{
    margin-bottom: 10px;
    
    
}
.card-body{
   background-color: transparent;
}

/*.img-container{
  display:inline-block;
  position: relative;
}


#img1{
  position:absolute ;
  top:10%;
  left:10%;
  width: 40%;
 
  
}*/



ul{
  list-style: none;
}
.box1{
  border: 2px solid blue;
  text-align: center;
  border-radius: 10px;
  background-color: white;
  font-size: 200%;
  color:  rgb(4, 4, 100);
}
.box2{
  border: 2px solid blue;
  text-align: center;
  padding:50px;
  border-radius: 10px;
  background-color: white;
  font-size: 150%;
  text-align: left;
  
}
.play_button{
  border: 2px solid blue;
  text-align: center;
  padding:50px;
  border-radius: 10px;
  background-color: white;
  
}
#play{
  border:10px solid blue;
  padding:20px;
  border-radius:10px;
  color: blue;

}
#play:hover{
  background-color: blue;
  color: white;
  cursor: pointer;
}
#myList{
  color:black;
  font-size:100%;

}
#mytext{
  color: black;
  font-size: 170%;
}
#foot{
  border: 2px solid blue;
  background-color: white;
  border-radius: 10px;
  
}
#foot button{
  margin: 5px 0px 5px 15px;
  padding: 5px;
  width:5%;
  border-radius:20px;
  border-color: blue;

}
#foot button:hover{
  cursor: pointer;
  background-color: blue;
  color: white;
}
#play2{
  position:relative;
  left:100px;
}
#fast-forward{
  position:relative;
  left:110px;
}
/* Define the "active" class */
.active {
  background-color: yellow;
  font-weight: bold;
}
.note_box{
  background-color: aqua;
  color: Black;
  border: 2px solid blue;
  border-radius: 10px;
}

.slideshow2 div{
  display: none;
}
.slideshow1 div{
  display: none;
}