.title {
    text-align: center;
}

.error {
    text-align: center;
    color: #23327a;
}

.header-section {
    display: flex;
    align-items: center; 
    background-color: #23327a; 
    height: 60px;
    color: white;
    justify-content: center; 
    border-radius:20px;
    font-size: 30px
}

.header-subsection {
    display: flex;
    align-items: center; 
    background-color: #586fff; 
    height: 60px;
    color: white;
    justify-content: center; 
    border-radius:20px;
    font-size: 30px
}

.header-subsubsection {
    display: flex;
    align-items: center; 
    background-color: #586fff; 
    height: 100px;
    color: white;
    justify-content: center;
    text-align: center; 
    border-radius:10px;
    font-size: 18px;
}

.actions-entities-not-covered {
    display: flex;
    align-items: center; 
    background-color: #ffffff; 
    height: 40px;
    color: #fe745f;
    border: 2px #fe745f;
    justify-content: center; 
    text-align: center; 
    border-radius:10px;
    font-size: 22px;
}

.brief-entity-domain-1 {
    text-align: center; 
    background-color: #ffb342;
    border-radius:20px;
    color: #ffffff;
    font-size: 25px
}

.brief-entity-domain-2 {
    text-align: center; 
    background-color: #da5af7;
    border-radius:20px;
    color: #ffffff;
    font-size: 25px
}

.brief-entity-domain-3 {
    text-align: center; 
    background-color: #58d3ff;
    border-radius:20px;
    color: #ffffff;
    font-size: 25px
}

.loading-text {
    text-align: "center"; 
    margin-top: "10px"; 
    font-size: "18px"; 
    color: #555
}

.logo {
    height: 32px;; 
    /* width:80%; */
}

.cards {
    border-radius: 2%;
}

.card-header {
    font-size: 20px; 
    font-weight: bold;
    text-align: center;
}

.icons {
    height:30%;
    width:30%
}

.text-description {
    text-align: justify;
}

.body {
    background-color: #dddded;
}

.barplot {
    height: 500px;
}