.pvb-activitymatrix-index {
    height: calc(100vh - 60px - 2rem);
    display:flex;
    flex-direction:column;
    gap: 0.5rem;
    margin-top: 5rem;
    width:100%;
}

.pvb-activitymatrix-index-filters {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

.pvb-activitymatrix-index-filters-filter {
    width: 100%;
}

    .pvb-activitymatrix-index-filters-filter p {
        font-size: 0.775rem;
        margin: 0rem;
        width: 100%;
    }

    .pvb-activitymatrix-index-filters-filter select {
        font-size: 0.775rem;
        width: 100%;
    }

.pvb-activitymatrix-index-matrix-container {
    display:flex;
    flex-direction:row;
    width:100%;
    gap:1rem;
}

.pvb-activitymatrix-index-matrix-activities-container {
    display: flex;
    flex-direction: column;
    width: calc(100% / 4);
    height: calc(100vh - 60px - 5rem);
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.pvb-activitymatrix-index-matrix-activities {
    display: flex;
    flex-direction: column;  
    height: 100%;
    overflow-y: auto;   
}

.pvb-activitymatrix-index-matrix-activities-header {
    background-color: #f0f0f0;
    padding: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 3px;
}

.pvb-activitymatrix-index-matrix-activities-header-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-activities-header-title > h6 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: -0.03rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-activities-header-counter {
    border-radius: 50%;
    background-color: #f77474;
    min-width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .pvb-activitymatrix-index-matrix-activities-header-counter > p {
        color: #fff;
        font-size: 0.8rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-activities-header-options {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.pvb-activitymatrix-index-matrix-activities-header-options-filter {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap:0.5rem;
}

.pvb-activitymatrix-index-matrix-list-header-filter {
    width: 100%;
    margin-top: 0.5rem;
}

    .pvb-activitymatrix-index-matrix-list-header-filter > input {
        width: 100%;
        font-size: 0.8rem;
        padding:0.25rem;
        border-radius:0.25rem;
    }

        .pvb-activitymatrix-index-matrix-list-header-filter > input:focus-visible {
            outline: 0.05rem solid #a0a0a0;
        }

.pvb-activitymatrix-index-matrix-activities-activity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.pvb-activitymatrix-index-matrix-activities-activity:hover {
    cursor:pointer;
    background-color:#f0f0f0;
    box-shadow: 0px 2px 4px #a0a0a0;
}

    .pvb-activitymatrix-index-matrix-activities-activity.active-activity {
        background-color: #d0d0d0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

.pvb-activitymatrix-index-matrix-activities-activity-items-container {
    display: flex;
    flex-direction: column;
    width:100%;
}

.pvb-activitymatrix-index-matrix-activities-activity-description {
}

    .pvb-activitymatrix-index-matrix-activities-activity-description > p {
        font-size: 0.7rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-activities-activity-characteristics {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-activities-activity-options-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-activities-activity-options-item > p {
        font-size: 0.875rem;
        margin: 0rem;
    }


.pvb-activitymatrix-index-matrix-steps-container {
    display: flex;
    flex-direction: column;
    width: calc(100% / 4);
    height: calc(100vh - 60px - 5rem);
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.pvb-activitymatrix-index-matrix-steps {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.pvb-activitymatrix-index-matrix-steps-step {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    .pvb-activitymatrix-index-matrix-steps-step:hover {
        cursor: pointer;
        background-color: #f0f0f0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

    .pvb-activitymatrix-index-matrix-steps-step.active-step {
        background-color: #d0d0d0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

.pvb-activitymatrix-index-matrix-steps-step-items {
    display: flex;
    flex-direction: row;
    gap:0.5rem;
    align-items: center;
}

.pvb-activitymatrix-index-matrix-steps-step-order {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    min-height: 1.5rem;
    width: 1rem;
    height: 1.5rem;
    border-radius: 50%;
}

    .pvb-activitymatrix-index-matrix-steps-step-order > p {
        font-size: 0.875rem;
        margin: 0rem;
        padding: 0.1rem;
    }


.pvb-activitymatrix-index-matrix-steps-step-items-container {
    display: flex;
    flex-direction: column;
}

.pvb-activitymatrix-index-matrix-steps-step-description {
}

    .pvb-activitymatrix-index-matrix-steps-step-description > p {
        font-size: 0.7rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-steps-step-characteristics {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-steps-step-options-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-steps-step-options-item > p {
        font-size: 0.875rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-risks-container {
    display: flex;
    flex-direction: column;
    width: calc(100% / 4);
    height: calc(100vh - 60px - 5rem);
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.pvb-activitymatrix-index-matrix-risks {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.pvb-activitymatrix-index-matrix-risks-risk {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    .pvb-activitymatrix-index-matrix-risks-risk:hover {
        cursor: pointer;
        background-color: #f0f0f0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

    .pvb-activitymatrix-index-matrix-risks-risk.active-risk {
        background-color: #d0d0d0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

.pvb-activitymatrix-index-matrix-risks-risk-items {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}

.pvb-activitymatrix-index-matrix-risks-risk-order {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    min-height: 1.5rem;
    width: 1rem;
    height: 1.5rem;
    border-radius: 50%;
}

    .pvb-activitymatrix-index-matrix-risks-risk-order > p {
        font-size: 0.875rem;
        margin: 0rem;
        padding: 0.1rem;
    }


.pvb-activitymatrix-index-matrix-risks-risk-items-container {
    display: flex;
    flex-direction: column;
}

.pvb-activitymatrix-index-matrix-risks-risk-description {
}

    .pvb-activitymatrix-index-matrix-risks-risk-description > p {
        font-size: 0.7rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-risks-risk-characteristics {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-barriers-container {
    display: flex;
    flex-direction: column;
    width: calc(100% / 4);
    height: calc(100vh - 60px - 5rem);
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.pvb-activitymatrix-index-matrix-barriers {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.pvb-activitymatrix-index-matrix-barriers-barrier {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    .pvb-activitymatrix-index-matrix-barriers-barrier :hover {
        cursor: pointer;
        background-color: #f0f0f0;
    }

    .pvb-activitymatrix-index-matrix-barriers-barrier > p {
        font-size: 0.7rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-content {
    display: flex;
    flex-direction: column;
    height:100%;
    align-items: center;
    justify-content: center;
}

    .pvb-activitymatrix-index-content > i {
        font-size: 2.5rem;
        margin: 0rem;
    }

    .pvb-activitymatrix-index-content > p {
        font-size: 0.7rem;
        margin: 0rem;
        text-align:center;
    }

.pvb-activitymatrix-index-matrix-steps-header {
    background-color: #f0f0f0;
    padding: 0.5rem;
}

.pvb-activitymatrix-index-matrix-steps-header-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-steps-header-title > h6 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: -0.03rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-steps-header-counter {
    border-radius: 50%;
    background-color: #f77474;
    min-width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .pvb-activitymatrix-index-matrix-steps-header-counter > p {
        color: #fff;
        font-size: 0.8rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-steps-header-options {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.pvb-activitymatrix-index-matrix-steps-header-options-filter {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-risks-header {
    background-color: #f0f0f0;
    padding: 0.5rem;
}

.pvb-activitymatrix-index-matrix-risks-header-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-risks-header-title > h6 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: -0.03rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-risks-header-counter {
    border-radius: 50%;
    background-color: #f77474;
    min-width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .pvb-activitymatrix-index-matrix-risks-header-counter > p {
        color: #fff;
        font-size: 0.8rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-risks-header-options {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.pvb-activitymatrix-index-matrix-risks-header-options-filter {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-barriers-header {
    background-color: #f0f0f0;
    padding: 0.5rem;
}

.pvb-activitymatrix-index-matrix-barriers-header-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-barriers-header-title > h6 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: -0.03rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-barriers-header-counter {
    border-radius: 50%;
    background-color: #f77474;
    min-width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .pvb-activitymatrix-index-matrix-barriers-header-counter > p {
        color: #fff;
        font-size: 0.8rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-barriers-header-options {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.pvb-activitymatrix-index-matrix-barriers-header-options-filter {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}



/*///////////////////////////////*/

.pvb-activitymatrix-index-matrix-list-container {
    display: flex;
    flex-direction: column;
    width: calc(100% / 4);
    height: calc(100vh - 60px - 5rem);
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.pvb-activitymatrix-index-matrix-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.pvb-activitymatrix-index-matrix-list-header {
    background-color: #f0f0f0;
    padding: 0.5rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 3px;
}

.pvb-activitymatrix-index-matrix-list-header-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-list-header-title > h6 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: -0.03rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-list-header-counter {
    border-radius: 50%;
    background-color: #f77474;
    min-width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .pvb-activitymatrix-index-matrix-list-header-counter > p {
        color: #fff;
        font-size: 0.8rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-list-header-options {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.pvb-activitymatrix-index-matrix-list-header-options-filter {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-list-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

    .pvb-activitymatrix-index-matrix-list-item:hover {
        cursor: pointer;
        background-color: #f0f0f0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

    .pvb-activitymatrix-index-matrix-list-item.active-item {
        background-color: #d0d0d0;
        box-shadow: 0px 2px 4px #a0a0a0;
    }

.pvb-activitymatrix-index-matrix-list-item-order {
    width:20px;  
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items: flex-start;
    height:100%;
}

    .pvb-activitymatrix-index-matrix-list-item-order > p {
        font-size: 0.775rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-list-item-items {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    height: 100%;
}

.pvb-activitymatrix-index-matrix-list-items-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pvb-activitymatrix-index-matrix-list-item-description {
}

    .pvb-activitymatrix-index-matrix-list-item-description > p {
        font-size: 0.7rem;
        margin: 0rem;
    }

.pvb-activitymatrix-index-matrix-list-item-characteristics {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.pvb-activitymatrix-index-matrix-list-item-options-option {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .pvb-activitymatrix-index-matrix-list-item-options-option > p {
        font-size: 0.875rem;
        margin: 0rem;
    }