/* Custom scrollbar Menu */
    
    .ssp-mega-menu__box::-webkit-scrollbar-track
     {
         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
         background-color: #F5F5F5;
     }
     
     .ssp-mega-menu__box::-webkit-scrollbar
     {
         height: 5px;
         width: 8px;
         background-color: #F5F5F5;
     }
     
     .ssp-mega-menu__box::-webkit-scrollbar-thumb
     {
        border-radius: 7px;
        background-color: #78849e;
     }    



     /*Manter container para resolução menor 375px*/
    
    @media (max-width: 375px){
        .container {
            max-width: 335px;
        }
    }


    .mm-menu_position-bottom {
        height: calc(100vh - 68px);
        height: 100%;
        top: 68px;
    }
    
    
    .ssp-mega-menu__box {
    top: 54px;
    position: absolute;
    width: auto!important;
    left: 0;
    background: #e4e8f0;
    box-shadow: 0 9px 20px -5px rgba(0,0,0,0.26);
    overflow: hidden;
    z-index: -1;
    background: #fafafa;
    transition: .3s transform,.3s opacity,max-height .3s;
    transform: translateY(-54px);
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    min-width:400px;
    max-width:100%;
    }


   .ssp:not(.liferay-instance) .ssp-mega-menu__wrapper>ul>li:hover .ssp-mega-menu__box, .ssp:not(.liferay-instance) .ssp-mega-menu__wrapper>ul>li.hover .ssp-mega-menu__box {
    transform: translateY(0);
    opacity: 1;
    max-height: 600px;
    overflow-y: auto;
    pointer-events: all;
       
   }
   
    
     .ssp-mega-menu__wrapper .ssp-mega-menu__box__wrapper>.row>.col>ul>li>a {
    font-size: 14px!important;
    font-weight: 600;
    color: #004A8C!important;
    display: inline-block;
    margin-bottom: .25rem;
    text-transform: none!important;
    text-decoration: none !important;
    }
    
    .ssp-mega-menu__wrapper .ssp-mega-menu__box__wrapper>.row>.col>ul>li>ul>li>a {
    color: #79849E!important;
    font-size: 13px!important;
    font-weight: 500;
    display: inline-block;
    text-decoration: none !important;
    }
    
    .ssp-mega-menu__wrapper .ssp-mega-menu__box__wrapper>.row>.col>ul>li>ul>li>a:hover {
    color: #FF9057!important;
    }
    
    .ssp-mega-menu__wrapper>ul>li:hover:not(.kill-hover-border), .ssp:not(.liferay-instance) .ssp-mega-menu__wrapper>ul>li.hover:not(.kill-hover-border) {
    background-color: #fafafa;
    box-shadow: 6px -2px 6px -5px rgba(0,0,0,0.26);
    }
    
    .ssp-mega-menu__wrapper .ssp-mega-menu__box__wrapper>ul>li>a:hover {
    
   
        color: #FF9057!important;
   
    }
    
    /*Mostrar menu mobile de 0 a 1024px*/
    @media only screen and (max-width: 1024px){

        .ssp-header{
        
        	display:block!important	
        	
        }	
        
        .ssp:not(.liferay-instance) .ssp-header-spacer {
             height: 68px!important;
        }

    }
    
    /* Garantir que os botões fiquem lado a lado - horizontal */
    /* IMPORTANTE: Este CSS deve ser carregado DEPOIS do Bootstrap para sobrescrever */
    .be_set2.row_home.row {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    
    .be_set2.row_home.row > div {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
        float: none !important;
        display: block !important;
        position: relative !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    .be_set2.row_home.row > .col-md-4,
    .be_set2.row_home.row > .col-sm-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        width: 33.333333% !important;
        float: none !important;
        display: block !important;
    }