body{
    background-color: #f2f2f2;
    
}


.container-Body{
    margin:auto;
    margin-top:2%;
    height: 500px;
    background-color: #f7f7f7;
    width: 98%;
    border:1px #f2f2f2 solid;

}

.navbar-brand-button{
    border-color:#f7f7f7;
}

.active-navbar-brand-button{
    color:white;
    background-color:rgb(96, 142, 52);
    border-color:rgb(96, 142, 52);
    
}

.navbar-brand-button:hover{
    background-color:#f7f7f7;
    border-color:black;
}

.dropdown-item:active{
    color:black;
    background-color:#f7f7f7;
}

.submitBT-import{
    color:white;
    background-color:rgb(96, 142, 52);
    border-color:rgb(96, 142, 52);
}
.submitBT-import:hover{
    background-color:#f7f7f7;
    border-color:black;
    color:black;
}


[class*="col-"] {
    width: 100%;
  }
  
  @media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
  }