@import url('https://fonts.cdnfonts.com/css/euclid-circular-a');

body{
/* #f5f5f5,#e5e5e5 */
background-color: #fffcf4
/*#fffcf4
/*background: linear-gradient(white,white,white,#f5f5f5,#979797); */
/*font-family: 'Euclid Circular A', sans-serif;*/

 }
h1 {
    font-family: 'Euclid Circular A', sans-serif;
    font-weight: 700;
}
h3 {
    font-family: 'Euclid Circular A', sans-serif;
    font-weight: 700;
}


.nav-link {
       color: #198754; /* Altera a cor do texto/link da barra*/
       font-size: 20px;
    }

.nav-link:hover {
       color: white; /* Altera a cor do texto/link da barra ao passar o mouse */
       background-color: #198754;
    }

.nav-link:active {
        color: white;  /* Altera a cor do texto/link da barra ao pressionar */
        background-color: $success;
    }


.dropdown-item:hover {
    color: #198754;  /* Altera a cor do texto para verde ao passar o mouse no item do dropdown*/
}
.dropdown-item:active {
    color: white;   /* Altera a cor do texto para verde ao clicar no item do dropdown*/
    background-color: #198754;
}

.navbar_test {background-color: #f8f9fa}

.info_std {font-size: 15px;}

.lead {
        padding-right: 1rem;
        padding-left: 2rem;
        margin-left: 5px;
        }
.radio-group{
        padding-right: 1rem;
        padding-left: 0.6rem;
        margin-right: 5px;
}
.btn btn-outline-success {border: none;
                          background: none;}

.radio-group .bttn .btn:hover {color: white;
            background-color: #146c43;
            }

.fa-solid fa-circle-info:hover {
    content:'texto';
}
 /* #198754 - verde*/

.rectangle {
    border: 1px solid #a4a4a4;
    padding: 10px;
    display: inline-block;
    border-radius: 15px
}

.modebar{
      display: none !important;
}

app.index_string =
'''
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Meu App</title>
</head>
<body>
    {%app_entry%}
    {%config%}
    {%scripts%}
    {%renderer%}
</body>
</html>
'''