.section-container {
    background: #fff;
}

    .section-container .segment {
        border: unset;
        box-shadow: unset;
    }

.content-wrapper {
}

    .content-wrapper section {
        padding: 2rem 3rem 0 3rem;
    }

.content-footer {
    padding: 2rem 3rem 0 !important;
}
.footer-company{
    padding-left: 0!important;
}
        .content-wrapper section .container {
            min-height: 49dvh !important;
        }

            .content-wrapper section .container .ui.segment:not(._filter):not(.search-segment):not(.success-noti):not(.segment-deposit):first-of-type {
                min-height: 49dvh !important;
            }

.section-wrapper {
    margin-left: -3rem;
    margin-right: -3rem;
    padding-left: 3rem;
    padding-right: 3rem;
}
.container-content {
    padding: 1.3rem 5rem;
    min-height: 39dvh;
}

.footer-account {
    padding: 1rem 4rem 0 !important;
}

.company-account {
    padding: 0rem 4rem 0 !important;
}

.footer-company {
    padding-left: 0 !important;
}

.text-truncate-1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.text-truncate-2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;
    max-height: calc(1.5em * 2);
    line-height: 1.5em;
}

.text-truncate-4 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;
    max-height: calc(1.5em * 4);
    line-height: 1.5em;
}

.loader-index {
    padding: 0 !important;
    background: #fff;
    box-shadow: 0px 0px 16px rgba(182, 182, 182, 0.42);
    height: 56px;
    width: 56px;
    top: calc(50vh - 28px);
    left: calc(50vw - 28px);
    border-radius: 8px;
    position: fixed;
    z-index: 9999;
}

.ui.vertical.menu .item > i.icon {
    float: none !important;
}

@media only screen and (max-width: 992px) {
    .content-wrapper section {
        padding: calc(1rem + 68px) 0.5rem 1rem 0.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .footer-account {
        padding: 0 !important;
    }

    .company-account {
        padding: 0 !important;
    }

    .section-container {
        background: #fff;
    }
    .container-content {
        padding: 1.3rem 0;
    }
    .ui.stackable.grid > .row > .column:has(> .section-wrapper) {
        padding: 1rem 0 !important;
    }
/*
    .section-wrapper {
        margin-left: -3rem;
        margin-right: -3rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }*/
}