.x-treelist-nav .x-treelist-item-text {
    line-height: 41px !important;
}

.mlinhas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 1px;
    margin-left: 1px;

.mcolunas {
    position:relative;
}

.animar {
 animation: pulse 2s infinite linear;
}
@keyframes pulse {
    0% {
            box-shadow: 0 0 8px 6px transparent,
                        0 0 0 0 transparent,
                        0 0 0 0 transparent;
        }

    10% {
            box-shadow: 0 0 8px 6px #4c4687,
                        0 0 12px 10px transparent,
                        0 0 12px 5px #b0aaf0;
        }

    80%, 100% {
                box-shadow: 0 0 8px 6px transparent,
                            0 0 0 30px transparent,
                            0 0 0 30px transparent;
              }
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .mcolunas {
        display:inline-block;
        width:100%;
        padding:0px 20px 0px 20px;
    }
}

.mcolunas2 {
    position:relative;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .mcolunas2 {
        display:inline-block;
        width:50%;
    }
}

.mcolunas3 {
    position:relative;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .mcolunas3 {
        display:inline-block;
        width:33%;
    }
}

.mcolunas4 {
    position:relative;
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .mcolunas4 {
        display:inline-block;
        width:25%;
    }
}




    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.4);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .modal-content {
        background-color: white;
        padding: 20px;
        border: 1px solid #888;
        text-align: center;
        border-radius: 5px;
        width: 320px;
    }