/******************
    User custom CSS
    ---------------
 
    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
body {
    margin: 0;
    padding: 0; /* no bottom padding, footer should be bottom aligned */
    flex-direction: column; /* article, then footer */
    display: flex; /* flex, to extend the content to full size */
    min-height: 100vh; /* full height, to bottom-align footer */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-image: url(http://www.senado.gov.br/institucional/DataSenado/STRANS/limesurvey_files/background.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: -250px center; 
}
 
body > article {
    flex: 1;
}
 
.header-senado {
    background: rgb(0,91,158);
    background: linear-gradient(180deg, rgba(0,91,158,1) 0%, rgba(60,145,196,1) 100%);
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 35px;
    padding-right: 25px;
    box-sizing: border-box;
}
 
 
/* .datasenado, .trans {
    flex-grow: 1;
    flex-basis: 0;
}    */
 
.header-senado img {
    height: 45%;
}
 
.header-senado p {
    color: white;
    font-size: 20px;
}
 
.header-senado div {
    display: flex;
    align-items: center;
}
 
.custom-nav-links {
    display: flex; 
    flex-direction: row; 
    justify-content: end; 
    gap: 20px;
}
 
.custom-nav-links a {
    color: #1c1c1c ;
    text-decoration: none;
}
 
.custom-nav-links a:hover {
    color: #005B9E;
    text-decoration: none;
}
 
.footer-senado {
    background: rgb(0,91,158);
    background: linear-gradient(0deg, rgba(0,91,158,1) 0%, rgba(0,125,184,1) 100%);
    height: fit-content;
    color: #fff;
    margin-top: 1rem;
    text-align: center;
    padding: 1rem;
}
 
.footer-title {
    font-size: 1.5rem;
    font-weight: 600;
}
 
.footer-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 60px;
    height: 60px;
    margin-top: 1rem;
}
 
.footer-info {
    display: flex;
    gap: 8px;
}
 
.footer-info i {
    margin-top: 1px;
}
 
.footer-divider {
    width: 1px; 
    height: 100%; 
    background-color: #ffffff96;
}
 
@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        height: auto;
        padding: 20px 0;
        gap: 20px;
    }
 
    .footer-senado {
        height: auto;
    }
 
    .footer-divider {
        width: 250px;
        height: 1px;
    }
}
 
@media (max-width: 600px) {
    .header-senado {
        justify-content: center;
        padding: 0;
    }
    .datasenado {
        display: none;
    }
    .trans {
        display: none;
    }
}
 
  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
/* TEXTO DE DICA */
.question-help-container > div, .question-valid-container > div {
    color: #005b9e;
}
 
/* COR DO RADIO BUTTON */
.radio-item label::after {
    background-color: #005b9e;
}
 
/* COR DE TEXTOS */
.text-primary {
    color: #333333 !important;
}
 
a {
    color: #0095da;
    transition: all 0.5s ease;
}
 
a :hover {
    color: #007db8;
}
 
.text-info {
    color: #005b9e !important;
}
 
/* COR DO CHECKBOX */
input[type="checkbox"]:checked {
  background-color: #005b9e;
  border-color: #005b9e;
}
/* BOX DE PERGUNTAS */
.question-container {
    margin-bottom: 2em;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 35px !important;
    padding: 0 1rem;
}
 
/* BOTÃO DE PRÓXIMO */
.btn-primary {
    background-color: #007db8;
    border: 1px solid #007db8;
}
.btn-primary:hover {
    background-color: #005b9e;
    border: 1px solid #005b9e;
}
 
/* TABELA DE COMPLETO E AVALIAÇÕES */
.assessment-table {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px !important;
}
 
.assessment-heading {
    border-radius: 8px !important;
}
 
.assessments {
    border: 1px solid #fff !important;
}
 
.assessments > tbody > tr > th {
    border: 1px solid #fff !important;
}
 
 
/* BOX DE SALVAR E CARREGAR */
.save-message {
    background-color: #fff !important;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 35px !important;
}
 
/* BOX DE INSCRIÇÃO */
.register-jumbotron {
    background-color: #fff !important;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 35px !important;
}
 
/* BOX DE PARTICIPANTE */
.token-page > .card-body {
    background-color: #fff !important;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 35px !important;
}
 
/* CONTAINER DE SCRIPTS EM CIMA E EMBAIXO */
.script-container {
    height: 0px;
}
 
.text-item {
    padding-bottom: 15px;
}
 
.subquestion-list {
    margin-bottom: 15px;
}