.caixa {
    width: 150px;
    height: 150px;
    float: left;
    margin: 5px;
    cursor: pointer;
}

.align-bottom-flex {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.texto-item {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:#FFFFFF;
    font-Size:13pt;
    overflow: hidden;
    overflow-wrap: break-word;
    margin-bottom: 9px;
    text-align: center;
}

.visivel {
    display:normal;
}

.invisivel {
    display:none;
}

.desabilitado {
    background-color:#CECECE!important;
}


/*Media Query para o nome do sistema poder quebrar*/
@media screen and (max-width: 1600px) {
    .wrapper {
        width: 1440px;
        margin: auto;
        height: 192px;
    }

    .TituloWrapper {
        max-width: 1440px;
    }
}

@media screen and (max-width: 1501px) {
    .wrapper {
        width: 1280px;
        margin: auto;
        height: 160px;
    }

    .TituloWrapper {
        max-width: 1270px;
    }
}

@media screen and (max-width: 1335px) {
    .wrapper {
        width: 1120px;
        margin: auto;
        height: 160px;
    }

    .TituloWrapper {
        max-width: 1110px;
    }
}

@media screen and (max-width: 1163px) {
    .wrapper {
        width: 960px;
        margin: auto;
        height: 160px;
    }

    .TituloWrapper {
        max-width: 950px;
    }
}

@media screen and (max-width: 1000px) {
    .wrapper {
        width: 800px;
        margin: auto;
        height: 160px;
    }

    .TituloWrapper {
        max-width: 790px;
    }
}