.body-content{
    background-color:#ffffff;
   
   
}
.navbar {
    background-color: #1E196A;

}
.nav-link{
    font-family: "Arial", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.logo {
    display: block;        
    margin-left: 0;        
    border: 1px solid white; 
    border-radius: 3px;   
}




@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;600;700&display=swap');

#heading {
    color: #2A2A61;
    font-size: 42px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 700;
}

.btn{
    /* background-color: #1E196A; */
    color: white;
    font-family: Arial, Sans-serif; 
    font-weight: 500;
    line-height: 25px; 
    border-radius: 3px; 
    padding: 5px 15px;
}
#text-field{
    
    height: 38px;
    font-size: 16px;

}
.d-flex.custom-spacing {
    gap: 20px; 
}

#headline{
    
    font-size: 25px;
    font-family: 'Source Serif Pro', serif;
    font-weight: 700;

}
.form-label{
    
    color:#020209;
    font-family: 'Source Serif Pro', serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

.card{
    background: #fefefe;
    
}
#gauge-container {
    width: 220px;
    height: 130px;
    margin: auto;
  }
  
.card{
    min-height: 350px;
     max-height:450px;
}

/* .dropdown-menu{
    /* background-color: #1e196b; */
/* } */
/* .dropdown-item{
    background-color: #1e196b;
    color:white;
}
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #2a247d; 
    color: white;
} */
#table-head{
    background-color: #1e196b;
    color: white;
}
.table-responsive{
    max-height: 375px;      
    overflow-y: auto;
    overflow-x: auto;
    margin-bottom: 80px;        
    background: #fff;
    width: 100%;
    height: 100%;
    

}

#sanctiondiv{
    width: auto;
    height: auto;
}

.table-response{
    max-height: 600px;      
    margin-bottom: 80px;        
    background: #fff;


}
.table{
    font-size: small;
}
.col-wide-100{
    width:100px;
}
.col-wide-150{
    width:150px;
}
.col-wide-200{
    width:200px;
}
.col-wide-250{
    width:250px;
}
.col-wide-300{
    width:300px;
}
.col-wide-350{
    width:350px;
}
.col-wide-450{
    width:450px;
}
.col-wide-500{
    width:500px;
}
.col-wide-600{
    width:600px;
}
.col-wide-750{
    width:750px;
}
.col-wide-800{
    width:800px;
}


#remark_box,#name_box{
   overflow-y: scroll; 
    
    
} 

.row{
    display:flex;
    flex-wrap:wrap;
    align-items: stretch;
    
}

.col-md-6{
    display:flex;
    flex-direction: column;

}

.small-box{
    flex:1;
    min-height: 200px;
    max-height: 200px;
}