.cnen-card {
width: 180px;
height: 190px;
padding: 10px 0 10px 0;
flex-direction:column;
text-align: center;
background-color: var(--cnen-bco);
margin-bottom: 15px;
border-radius: 5px;
box-shadow: 2px 2px 11px 4px var(--cenen-box-shadow);
margin-right: 20px;
bottom: 10px;
transition: .2s;
}

.cnen-card:hover {
box-shadow: 2px 2px 11px 4px var(--laranja-input-cenen-50);
}

.cnen-card-grande {
width: 100%;
height: 0 auto;
padding: 30px;
flex-direction:column;
text-align: left;
background-color: var(--cnen-bco);
margin-bottom: 40px;
border-radius: 5px;
box-shadow: 2px 2px 11px 4px var(--cenen-box-shadow);
margin-right: 30px;
bottom: 10px;
}

.cnen-button-primary {
background-color: var(--azul-cnen-50);
color: var(--cnen-bco);
font-size: calc(var(--font-size-base));
padding: 8px;
font-weight: 700;
border: none;
border-radius: 50px;
width: 100%;
cursor: pointer;
transition: background-color 0.5;
}

.cnen-button-primary-disabled {
background-color: var(--azul-cnen-30);
color: var(--cnen-bco);
font-size: calc(var(--font-size-base));
padding: 8px;
font-weight: 700;
border: none;
border-radius: 50px;
width: 100%;
opacity: .5;
}


.cnen-button-primary:hover {
background-color: var(--azul-cnen-30);
}

.cnen-button-primary-assunto {
background-color: var(--azul-cnen-50);
color: var(--cnen-bco);
font-size: calc(var(--font-size-base));
padding: 8px;
font-weight: 700;
border: none;
border-radius: 50px;
cursor: pointer;
transition: background-color 0.5;
}


.cnen-button-warm {
background-color: var(--cnen-vermelho);
color: var(--cnen-bco);
font-size: calc(var(--font-size-base));
padding: 8px;
font-weight: 700;
border: none;
border-radius: 50px;
width: 100%;
cursor: pointer;
transition: background-color 0.5;
}

.cnen-button-warm:hover {
background-color: var(--cnen-vermelho);
}

.cnen-button-success {
background-color: var(--cnen-verde);
color: var(--cnen-bco);
font-size: calc(var(--font-size-base));
padding: 8px;
font-weight: 700;
border: none;
border-radius: 50px;
width: 100%;
cursor: pointer;
transition: background-color 0.5;
}

.cnen-button-success:hover {
background-color:var(--cnen-verde-hover);
}

.cnen-button-outline {
background-color: var(--cnen-bco);
color: var(--azul-cnen);
font-size: calc(var(--font-size-base ) + 8px);
padding: 8px;
font-weight: 700;
border: 3px solid var(--azul-cnen);
border-radius: 50px;
width: 100%;
cursor: pointer;
transition: background-color 0.5;
margin: 0px 10px;
}

.cnen-button-outline:hover {
background-color: var(--cnen-buton-outline);
}

.cnen-input {
width: 100%;
border: 1px solid var(--cnen-border-input);
border-radius: 6px;
font-size: calc(var(--font-size-base )+8px);
padding: 10px;
outline: none;
transition: background-color 0.5s;
transition: border-color 0.5s;
margin-bottom: 20px;
margin-right: 20px;
}

.cnen-input-button {
display:flex;
}
.cnen-buttons-lado-a-lado{
display: flex; 
flex-direction: row; 
width: 300px;
}

.cnen-input:focus {
border: 2px solid var(--laranja-input-cenen);
background-color: var(--cinza-input-cenen);
padding: 10px;
}

.cnen-alinhamento-botoes {
display: flex;
flex-direction: row;
align-items: baseline;
}

.cnen-label-form {
margin-left: .5rem;
font-weight: bold;
color: var(--cnen-black);
margin-bottom: 10px;
margin-right: 20px;
}

.cnen-alinhamento-botoes >.cnen-label-form:hover {
color: var(--azul-cnen-30);
}


/* card relatorios*/
.cnen-card-relatorios {
width: 110px;
height: 120px;
padding: 10px 0 30px 0;
flex-direction:column;
text-align: center;
background-color: var(--cnen-bco);
margin-bottom: 40px;
border-radius: 5px;
box-shadow: 2px 2px 11px 4px var(--cenen-box-shadow);
margin-right: 20px;
bottom: 10px;
transition: .2s
}

.cnen-card-relatorios:hover {
box-shadow: 2px 2px 11px 4px var(--laranja-input-cenen-50);
}


.cnen-foto-relatorio img {
margin-top: 10px;
width: 50px;
height: 50px;
}

.cnen-ano-relatorio {
margin-top: 10px;
font-size: 1rem;
font-weight: 600;
color: var(--azul-cnen);
text-align: center;

}
/* card relatorios*/

/* card atas */
.cnen-card-atas {
width: 290px;
height: 0 auto;
padding: 10px;
flex-direction:column;
text-align: center;
background-color: var(--cnen-bco);
margin-bottom: 40px;
border-radius: 5px;
box-shadow: 2px 2px 11px 4px var(--cenen-box-shadow);
margin-right: 20px;
transition: .2s
}

.cnen-card-atas:hover {
box-shadow: 2px 2px 11px 4px var(--laranja-input-cenen-50);
}

.cnen-ano-reuniao {
padding: 10px 10px 0px 20px;
font-size: .8rem;
font-weight: 600;
color: var(--azul-cnen);
text-align: left;
}

.cnen-title-ata {
padding: 10px 10px 0px 20px;
font-size: 1rem;
font-weight: 700;
color: var(--azul-cnen);
text-align: left;
}

/* card atas */

/* card teses e dissertacoes */

.cnen-card-teses-dissertacoes {
width: 100%;
height: 0 auto;
padding: 20px;
flex-direction:column;
text-align: left;
background-color: var(--cnen-bco);
margin-bottom: 40px;
border-radius: 5px;
box-shadow: 2px 2px 11px 4px var(--cenen-box-shadow);
margin-right: 30px;
bottom: 10px;
}

.cnen-checkbox {
margin-top: 10px;
width: 18px;
height: 18px;
}

.cnen-label-form-checkbox {
margin-left: 10px;
padding-bottom: 20px;
font-weight: bold;
color: var(--cnen-black);
}

.cnen-campos-horizontais {
display: flex; 
flex-direction: row;
}

.cnen-selects-horizontais {
width: 100%; 
margin-right: 20px;
}

.cnen-ordenar-campos-legislacao {
display: flex;
}
.cnen-ordenar-campos-legislacao-ano {
margin-right: 20px;
}

.cnen-ordenar-campos-legislacao-numero {
margin-right: 30px;
}
.cnen-campo-ano {
width: 16%;
margin-right: 30px;
}

.cnen-campo-ano-atas {
width: 16%;
margin-right: 30px;
}

.cnen-alinhamento-assunto {
display: flex;
flex-direction: row;
}

.btn-valida-assunto {
    width: 16%;
    height: 30%;
}

.cnen-button-primary-assunto {
width: 16%; 
height: 24%;
}


@media (max-width: 1280px) {
    .cnen-alinhamento-botoes {
        margin-bottom: 20px;
    }
}


@media (max-width: 900px) {

    .cnen-ordenar-campos-legislacao {
    display: flex;
    flex-direction: column;
}

.cnen-ordenar-campos-legislacao-ano {
    width: 30%;
}

.cnen-ordenar-campos-legislacao-numero {
width: 100%;
}


.cnen-campos-horizontais {
    display: flex; 
    flex-direction: column;
}
.cnen-campo-ano {
    width: 30%;
    margin-top: -30px;
}

.cnen-campo-ano-atas {
    width: 30%;
}

.cnen-selects-horizontais {
display: flex;
flex-direction: column;
}

.cnen-alinhamento-assunto {
display: flex;
flex-direction: column;
}

.btn-valida-assunto {
    width: 50%;
}

.cnen-button-primary-assunto {
width: 50%;
}

}