/* custom_styles.css */
.dash-dropdown{
    font-family: 'Tw Cen MT Condensed';
    color: #2a3f5f;
}

.body {
    margin: 10rem;
}

:root {
    --bs-body-font-size: 1.1rem;
}

.Select-control {
    align-items: center;
}

.Select--multi .Select-value-label {
    font-size: 1.1rem;
}
.btn-primary {
    --bs-btn-color: #2a3f5f;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #2a3f5f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2a3f5f;
    --bs-btn-hover-border-color: #fff;
}

.tab {
    font-family: 'Tw Cen MT Condensed';
    font-weight: bold;
    color: #2a3f5f;
}

.dash-spredsheet-container .dash-header{
    font-family: Arial;
    font-weight: bold;
}

.header {
    font-family: 'Tw Cen MT Condensed';
}

.h3, h3{
    font-family: 'Tw Cen MT Condensed'; 
}

.footer {
    font-family: 'Tw Cen MT Condensed';
}

.nav-link{
    text-decoration: None;
    color: black !important;
    font-family: 'Tw Cen MT Condensed';
    font-size: 1.2rem;
}

.navbar-expand-md .navbar-nav .nav-link {
    color: white !important;
    font-size: 1.5rem;

}

.nav-link.active{
    text-decoration: None;
    color: black !important;
    font-family: 'Tw Cen MT Condensed';
    font-size: 1.4rem;
}

.navbar {
    background-color: #2a3f5f !important;
    display: inline-block;
    float: none;
    
}

.card-title {
    text-align: center;
    color: black !important;
    font-family: 'Tw Cen MT Condensed';
    font-size: 1.6rem;
}

.card-text {
    text-align: center;
    color: black !important;
    font-family: 'Arial';
    font-size: 1.4rem;
}

.card-name {
    text-align: center;
    color: black !important;
    font-family: 'Tw Cen MT Condensed';
    font-size: 2rem;
    background-color: #F5F5F5;

}

.card {
    --bs-card-border-color: transparent;
}


img[alt=pie_chart] {
    width: 1200px;
}