body div.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

body div.container img#logo-tempora {
    width: 250px;
    height: auto;
    margin-top: 25px;
}

.flex:not(.hide) {
    display: flex;
}

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

.justify-center {
    justify-content: center;
}

.direction-column {
    flex-direction: column;
}

.card {
    --clr-card-clickable-border-color: #006684;
    --clr-card-clickable-box-shadow-color: #006684;
}

.card.active:not(.hide) {
    --clr-card-border-color: #EE7E56;
    --clr-card-box-shadow-color: #EE7E56;
}

.card .card-header {
    width: 100%
}

.hide {
    display: none;
}

div.btns-list {
    width: 100%;
    /* max-height: ; */
}

div.btns-list .btn {
    --clr-btn-default-outline-border-color: #1C93BE;
    color: #1C93BE;
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
    width: 100%;
    box-shadow: none;
    text-decoration: unset;
}

div.btns-list .btn:active {
    box-shadow: none;
}

input[type="radio"][value="pres_tempora"]:checked~.btns-list#pres_tempora_container,
input[type="radio"][value="agenda"]:checked~.btns-list#agenda_container,
input[type="radio"][value="param_agenda"]:checked~.btns-list#param_agenda_container,
input[type="radio"][value="param_site"]:checked~.btns-list#param_site_container,
input[type="radio"][value="doc"]:checked~.btns-list#doc_container,
input[type="radio"][value="other"]:checked~.btns-list#other_container,
input[type="radio"][value="pres_upgrade"]:checked~.btns-list#pres_upgrade_container {
    display: flex;
}

input[type="radio"][value="pres_tempora"]:checked~.clr-row .clr-col-12 .card[data-type="pres_tempora"],
input[type="radio"][value="agenda"]:checked~.clr-row .clr-col-12 .card[data-type="agenda"],
input[type="radio"][value="param_agenda"]:checked~.clr-row .clr-col-12 .card[data-type="param_agenda"],
input[type="radio"][value="param_site"]:checked~.clr-row .clr-col-12 .card[data-type="param_site"],
input[type="radio"][value="doc"]:checked~.clr-row .clr-col-12 .card[data-type="doc"],
input[type="radio"][value="other"]:checked~.clr-row .clr-col-12 .card[data-type="other"] {
    --clr-card-clickable-border-color: #EE7E56;
    --clr-card-clickable-box-shadow-color: #EE7E56;
    --clr-card-border-color: #EE7E56;
    --clr-card-box-shadow-color: #EE7E56;
}