input[disabled] {
    background-color: #eee;
    opacity: 1;
}

input[validade] {
    background-color: red;
    opacity: 1;
}

hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.ui-separator ui-state-default ui-corner-all {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.panel-card, .panel-card2, .panel-card3, .panel-card4, .panel-card5  {
    display: flex;
}

.panel-card > div {
    margin: 10px;
    width: 25%;
}

.panel-card2 > div {
    margin: 10px;
    width: 33%;
}

.panel-card3 > div {
    margin: 10px;
    width: 50%;
}

.panel-card4 > div.jarch__filterperiod {
    margin: 10px;
    width: 25%;
}

.panel-card4 > div.jarch__filtergeneral {
    margin: 10px;
    width: 25%;


    color: #843534;
}