table{
    border: 1px solid white;
    border-radius: 6px;
}


.btn-nc{
    border-radius: 6px;
    padding: 10px; 
    border: 1px solid white;
    cursor: pointer;
    width: 100%;
    color: #696871;
    background-color: #e4e4ff;
}

.btn-nc1{
   background-color: #65b80087; 
   font-weight: bold;
   color: #091057;  
}

.btn-nc2{
   background-color: #d4008390; 
   font-weight: bold;
   color: #091057;
}

.btn-nc3{
   background-color: #ec84058f; 
   font-weight: bold;
   color: #091057;
}  

.bt-active1:hover{
   background-color: #65b80087; 
   font-weight: bold;
   color: #091057;  
}

.bt-active2:hover{
   background-color: #d4008390; 
   font-weight: bold;
   color: #091057;
}

.bt-active3:hover{
   background-color: #ec84058f; 
   font-weight: bold;
   color: #091057;
}  

.bton{
    border-radius: 6px;
    padding: 10px; 
    border: 1px solid white;
    cursor: pointer;
    width: 100%;
    color: #696871;
    background-color: #e4e4ff;
}

.active, .bton:hover{
   background-color: #024CAA; 
   font-weight: bold;
   color: white;
   box-shadow: 0 0 5px 1px #024CAA;
   border: 1px solid #024CAA;
}