.col-md-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;

}
/* .nav-link{
    border-bottom: 2px solid darkblue !important;
    color:rgba(23,15,95,1);
    font-size:18px;
    font-family: 'Roboto', sans-serif;
    text-align:center;
    padding:12px
    
} */

.card-info.card-outline {
    border-top: 3px solid #17a2b8;
}

.card {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}

.card .nav.flex-column>li {
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin: 0;
}

.callout.callout-info {
    border-left-color: #117a8b;
}
.callout {
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    
    border-left: 5px solid #e9ecef;
   
    
}

.col-lg-9{
        position: relative;
        width: 100%;
        padding-right: 7.5px;
        padding-left: 7.5px;
        max-width: 75%;

    }

#load_s:hover{
    background: purple;
    color:white
}

h6{
        text-align: center;
        color: white;
        font-weight: 500;
        background: rgba(23,15,95,1)
        
    }

    h5{
        text-align: center;
        color: white;
        font-weight: 500;
        font-size:19px;
        background: rgba(23,15,95,1)
    }


    .dot {
        --c:red;  /* color */
        --r:10px; /* circle size */
        --s:2px; /* space bettwen circles */
        display:inline-block;
        position:relative;
        --g:radial-gradient(circle closest-side, var(--c) 85%,transparent);
        background:
          var(--g) calc(var(--s)/-2) 0/calc(var(--r) + var(--s)) var(--r) repeat-x,
          var(--g) 0 calc(var(--s)/-2)/var(--r) calc(var(--r) + var(--s)) repeat-y;
      }
      
      .dot::after {
        content:"";
        position:absolute;
        top:calc(var(--r)/2);
        left:100%;
        width:20px;
        height:20px;
        transform:translateY(-50%);
        background:var(--c);
        clip-path:polygon(0 0, 100% 50%,0 100%);
      }

a {
    color: #555;
    
    text-decoration: none;
    cursor: pointer;
}

li{
    list-style: none;
}

.list_items{
    margin-top:20px;
    margin-bottom: 5rem
}


table {
    border-collapse: collapse;
  }
td {
    border-bottom: 1px solid black;
  }