.container-boxBlock {
	width: 100%;
	height: fit-content;

	& .boxBlock {
        width: 100%;
        position: relative;
        border-radius: var(--border-radius-S360);
        border: var(--color-border-S360) 1px solid;

        & .container-bodyCollapse{
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 100%;
            margin-bottom: 10px;
            padding: 0 20px 0 20px;
            color: var(--color-text-S360);
            & .info-item {
                margin-right: 20px;
            }
        }
        
        & .boxBlock-header {
            display: flex;
            gap: 5px;
            padding: 2px 4px;
            align-items: center;
            width: 100%;

            font-style: oblique;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            text-align: left;
            background-color: var(--color-suite-tertiary-S360);
            border-radius: var(--border-radius-S360) var(--border-radius-S360) 0 0;
            border: 1px solid transparent;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, opacity .15s ease-in-out;
            & .boxBlock-title {
                font-weight: 500;
                color: var(--color-text-S360);
                user-select: none;
                font-size: var(--font-size-large);
            }
            & .fa-angle-double-down {
                font-size: 13px;
                color: var(--color-text-S360);
                user-select: none;
                transition: transform 0.3s ease;
            }

            &[data-collapse="true"]{
                & .fa-angle-double-down {
                    transform: rotate(-90deg);
                }
            }

            &[data-bottom="true"]{
                cursor: pointer;
                &:hover {
                    background-color: var(--color-suite-tertiary-hover-S360);
                }
            }
        }

        & .boxBlock-body {
            padding: 4px;
        }
	}
}