div.suff-sidebar {
    position: relative;
    overflow: visible;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.4), 0 4px 20px 0 rgba(0,0,0,0.4);
    z-index: 900;
    width: 270px;
    height: auto;
    background: #1b1c1d;
    margin-left: 1rem !important;    
    margin-top: 1rem !important;
    
}
    div.suff-sidebar .ui.vertical.attached.menu {
        position: relative;
        border: none;
    }

    div.suff-sidebar a.suff-logotipo {
        display: block;
        height: 80px;
        padding: 15px;
        position: relative;
        margin-left: -1rem;
        margin-right: -1rem;
        overflow: hidden;
        text-align: center;
    }

    div.suff-sidebar a.suff-logotipo img{
        height: 100%;
    }

    div.suff-sidebar div.suff-perfil {
        margin-left: -1rem;
        margin-right: -1rem;
        background-color: #151515;
        text-align: center;
        position: relative;
    }

        div.suff-sidebar div.suff-perfil.sticky {
            transition: all 0.3s linear;
            left: 0 !important;
        }

        div.suff-sidebar div.suff-perfil.sticky.bound.bottom {
            right: 0;
            margin: 0;
        }

        div.suff-sidebar div.suff-perfil div.suff-relativo {
            position: relative;
        }

        div.suff-sidebar div.suff-perfil:not(.fixed) a.suff-togglesidebar {
            position: absolute;
            right: 25px;
            top: 0;
        }

        div.suff-sidebar div.suff-perfil.fixed a.suff-extra {
            display: none;
        }

    div.suff-sidebar div.suff-perfil div.suff-fixo {
        margin-left: 0;
        margin-right: 0;
    }

        div.suff-sidebar div.suff-perfil:not(.fixed) {
            padding-top: 40px;
            padding-bottom: 39px;
            border: none;
            height: auto;
        }

            div.suff-sidebar div.suff-perfil:not(.fixed)::before {
                position: absolute;
                content: "";
                top: 0px;
                left: 0px;
                width: 100%;
                height: 1px;
                background: rgb(34,36,38);
            }

            div.suff-sidebar div.suff-perfil:not(.fixed)::after {
                position: absolute;
                content: "";
                bottom: 0px;
                left: 0px;
                width: 100%;
                height: 1px;
                background: rgb(34,36,38);
            }


        div.suff-sidebar div.suff-perfil.fixed {
            left: 0;
            margin: 0;
            box-shadow: 0 15px 25px -10px rgba(0,0,0,0.9);
            height: 80px;
            width: 270px;
        }

        div.suff-sidebar div.suff-perfil .header {
            margin-bottom: 0;
            display: block;
        }

        div.suff-sidebar div.suff-perfil.fixed .header .content {
            display: none;
        }

        div.suff-sidebar div.suff-perfil.fixed .suff-botoes {
            padding-left: 65px;
            margin-top: -65px;
        }

        div.suff-sidebar div.suff-perfil .header .content {
            font-size: 20px;
            line-height: 30px;
            padding-top: 5px;
            color: rgb(153, 153, 153);
            -webkit-transition-property: color,border-color,background-color,box-shadow;
            transition-property: color,border-color,background-color,box-shadow;
            -webkit-transition-duration: .35s;
            transition-duration: .35s;
            -webkit-transition-timing-function: ease,ease,ease-in-out,ease-in-out;
            transition-timing-function: ease,ease,ease-in-out,ease-in-out;
        }
            div.suff-sidebar div.suff-perfil .header .content:hover {
                color: rgba(255,255,255,.8);
            }

            div.suff-sidebar div.suff-perfil:not(.fixed) .header img.circular {
                width: 80px;
                height: auto;
            }

        div.suff-sidebar div.suff-perfil.fixed .header img.circular {
            width: 45px;
            height: auto;
            margin-left: -180px;
            margin-top: 17.5px;
        }

    div.suff-sidebar div.suff-buscaresultado {
        z-index: 3;
    }

    div.suff-sidebar .item, div.suff-sidebar .ui.menu .item {
        -webkit-transition: background .5s ease,color .5s ease,-webkit-box-shadow .5s ease;
        transition: background .5s ease,color .5s ease,-webkit-box-shadow .5s ease;
        transition: background .5s ease,box-shadow .5s ease,color .5s ease;
        transition: background .5s ease,box-shadow .5s ease,color .5s ease,-webkit-box-shadow .5s ease;
    }

        div.suff-sidebar .item a {
            user-select: text;
            line-height: 1.3;
            color: rgba(255,255,255,.9);
        }

        div.suff-sidebar .item.accordion {
            background: 0 0;
            border-top: none;
            border-right: none;
        }

            div.suff-sidebar .item.accordion > .title.active i.icon {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            div.suff-sidebar .item.accordion > .content {
                display: none;
            }
                div.suff-sidebar .item.accordion > .content.active {
                    display: block;
                }

            div.suff-sidebar .item.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
                padding-bottom: 0;
            }
            div.suff-sidebar .item.accordion:not(.styled) .title ~ .content:not(.ui) {
                margin: 0;                
                padding: .5em 0 1em;
            }
            
        
 
    div .suff-sidebar .item.suff-logotipo {
        text-align: center;
    }

    div.suff-sidebar .item.suff-logotipo img {
        max-width: 200px;
    }

    div.suff-sidebar .ui.menu .item.sticky a {
        cursor: pointer;
        color: rgba(255, 255, 255, 0.9);
    }
    div.suff-sidebar .ui.menu .item.sticky {
        left: auto !important;
    }

    div.suff-sidebar .ui.menu .item.sticky.fixed {
        background-color: #1b1c1d;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.4), 0 4px 20px 0 rgba(0,0,0,0.4);
        top: 0 !important;
        padding-right: 0;
        padding-left: 0;
    }

    div.suff-sidebar .ui.menu i {
        font-size: 0.85rem !important;
    }

    div.suff-sidebar .ui.menu .ui.dropdown .menu > .item {
        font-size: 1.0rem !important;
    }

    div.suff-sidebar .ui.menu .texto {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    div.suff-sidebar .ui.menu .item .item {
        font-size: 0.85rem;
    }

@media only screen and (max-width: 767px) {
    [data-position="right center"][data-tooltip]:after, [data-position="right center"][data-tooltip]:before {
        display: none;
    }

    .ui.vertical.menu .dropdown.item:not(.upward) .menu{ left: 0; top: 100%; }
    .ui.vertical.menu .dropdown.item.upward .menu {
        left: 0;
        bottom: 100%;
    }

    div.suff-sidebar .ui.fixed.sticky {
       width: 100%;
    }

    .ui.grid > [class*="equal width"].row > div.suff-sidebar, .ui[class*="equal width"].grid > div.suff-sidebar:not(.row), .ui[class*="equal width"].grid > .row > div.suff-sidebar,
    div.suff-sidebar {
        position: relative;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        z-index: 1000;
        overflow-y: auto;
        overflow-x: hidden;
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    [data-position="right center"][data-tooltip]:after, [data-position="right center"][data-tooltip]:before {
        display: none;
    }

        .ui.vertical.menu .dropdown.item:not(.upward) .menu {
        left: -5%;
        top: 110%;
    }

    .ui.vertical.menu .dropdown.item.upward .menu {
        left: -5%;
        bottom: 110%;
    }

    .ui.grid > [class*="equal width"].row > div.column.suff-sidebar, .ui[class*="equal width"].grid > div.column.suff-sidebar:not(.row), .ui[class*="equal width"].grid > .row > div.column.suff-sidebar,
    div.suff-sidebar {
        position: fixed;
        height: 100%;
        min-width: 31.25% !important;
        display: none;
        z-index: 300;
        overflow-y: auto;
        overflow-x: hidden;
    }
    div.suff-website {
        display: block !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.grid > [class*="equal width"].row > div.column.suff-sidebar, .ui[class*="equal width"].grid > div.column.suff-sidebar:not(.row), .ui[class*="equal width"].grid > .row > div.column.suff-sidebar,
    div.suff-sidebar {
        display: none;
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        min-width: 25% !important;
        padding-left: 0px;
        padding-right: 0px;
        height: 100%;
        z-index: 102;
    }

    [data-position="right center"][data-tooltip]:after, [data-position="right center"][data-tooltip]:before {
        display: none;
    }

    .ui.vertical.menu .dropdown.item:not(.upward) .menu {
        left: -5%;
        top: 110%;
    }

    .ui.vertical.menu .dropdown.item.upward .menu {
        left: -5%;
        bottom: 110%;
    }
    div.suff-website {
        display: block !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    div.suff-sidebar, div.suff-website {
        display: block;
    }
}