#eventos-header .container{
    padding: 44px 0;
    align-items: center;
    gap: 32px;
}

.eventos-header-icon {
    width: 56px;
}

.eventos-header-text-title{
    color: #2E6E93;
}

#eventos-header .btn-default {
    margin-left: auto;
    padding: 15px 30px;
}

.eventos-list-title {
    display: block;

    color: #4a3124;
    margin-bottom: 15px;
}

.eventos-list-container {
    gap: 15px;
}

.eventos-list-item {
    background-color: #fff;
    padding: 33px;

    justify-content: space-between;
}

.eventos-list-item-pessoais > span, 
.eventos-list-item-evento > span, 
.eventos-list-item-status > span,  
.eventos-list-item-action > span {
    display: block;
}

.eventos-list-item-pessoais {
    width: 322px
}

.eventos-list-item-pessoais-nome {
    color: #2E6E93;
}

.eventos-list-item-evento-nome {
    color: #ff636b;
}

.eventos-list-item-status-nome.orange {
    color: #f28f24;
}

.eventos-list-item-status-nome.yellow {
    color: #f2bf24;
}

.eventos-list-item-status-nome.green {
    color: #38bc7d;
}


.eventos-list-item-pessoais-cpf,
.eventos-list-item-evento-abertura,
.eventos-list-item-evento-ocorrencia,
.eventos-list-item-status-protocolo {
    color: #ccc;
}

.eventos-list-item-evento {
    width: 226px;
}

.eventos-list-item-action {
    width: 250px;
    text-align: right;
}

.eventos-list-item-action .btn-default {
    display: inline-block;
    padding: 15px 34px;
    --btn-color: #2E6E93;
}

.eventos-list-item-action .btn-default.concluded {
    --btn-color: #2E6E93;
}

.eventos-list-item-action .btn-default.concluded:hover {
    --btn-color: #2E6E93;
}

.modal-content{
    width: 70%;
}

.modal-head {
    justify-content: flex-end;
}

.modal-title {
    text-align: center;
    margin-bottom: 20px;
}

.modal-body {
    flex-direction: column;

    align-items: center;

    gap: 15px;
}

.btn-eventualidade {
    padding: 20px;
    text-align: center;
    background-color: #fbfbfb;
    width: 183px;
}

.btn-eventualidade.active {
    background-color: #2E6E93;
    color: #fff;

    box-shadow: 4.6px 3.9px 10px 0 rgb(97 97 97 / 30%);
}

.modal-footer button {
    background-image: none !important;
    background-color: #2E6E93 !important;
    border-color: #2E6E93 !important;
}

.modal-docs-list-item {
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;
}

.modal-docs-list-item-check {
    width: 30px;
    height: auto;
}

.modal-docs-list-item-download {
    display: block;
    height: 30px;
    width: 30px;
    padding: 2px;
    background-color: #DBB698;
    transform: rotate(180deg);
    margin-left: auto;
}