Array
(
    [green] => Array
        (
            [SERVIÇO REALIZADO NORMALMENTE] => Array
                (
                    [0] => Array
                        (
                            [id] => 32
                            [titulo] => SERVIÇO REALIZADO NORMALMENTE
                        )

                    [1] => Array
                        (
                            [id] => 72
                            [titulo] => CTE RETIDO PELO DESTINATÁRIO / SERVIÇO REALIZADO NORMALMENTE
                        )

                )

        )

    [yellow] => Array
        (
            [EM ROTA DE ENTREGA] => Array
                (
                    [0] => Array
                        (
                            [id] => 98
                            [titulo] => EM ROTA DE ENTREGA
                        )

                )

        )

    [blue] => Array
        (
            [CHEGADA NO LOCAL DE ENTREGA] => Array
                (
                    [0] => Array
                        (
                            [id] => 107
                            [titulo] => CHEGADA NO LOCAL DE ENTREGA / AGUARDANDO OU EM PROCESSO
                        )

                )

        )

    [red] => Array
        (
            [NÃO REALIZADO(1)] => Array
                (
                    [0] => Array
                        (
                            [id] => 18
                            [titulo] => FALTA DE TEMPO HÁBIL
                        )

                    [1] => Array
                        (
                            [id] => 7
                            [titulo] => MERCADORIA EM DESACORDO COM O PEDIDO COMPRA
                        )

                    [2] => Array
                        (
                            [id] => 35
                            [titulo] => DEVOLUÇÃO
                        )

                    [3] => Array
                        (
                            [id] => 68
                            [titulo] => PROBLEMAS COM A DOCUMENTAÇÃO (N.F. / CTRC)
                        )

                )

        )

    [DarkGray] => Array
        (
            [NÃO REALIZADO(2)] => Array
                (
                    [0] => Array
                        (
                            [id] => 79
                            [titulo] => ENTREGA REPROGRAMADA
                        )

                    [1] => Array
                        (
                            [id] => 83
                            [titulo] => FALTA DE AGENDAMENTO
                        )

                    [2] => Array
                        (
                            [id] => 56
                            [titulo] => AVARIA TOTAL
                        )

                    [3] => Array
                        (
                            [id] => 57
                            [titulo] => AVARIA PARCIAL
                        )

                    [4] => Array
                        (
                            [id] => 11
                            [titulo] => TRANSPORTADORA NÃO ATENDE CIDADE DE DESTINO
                        )

                )

        )

    [AntiqueWhite] => Array
        (
            [OUTROS] => Array
                (
                    [0] => Array
                        (
                            [id] => 90
                            [titulo] => EMBARQUE CIA AÉREA
                        )

                    [1] => Array
                        (
                            [id] => 77
                            [titulo] => ENTREGA REALIZADA COM HORA PARADA
                        )

                    [2] => Array
                        (
                            [id] => 10
                            [titulo] => TRANSPORTADORA DE REDESPACHO NÃO INDICADA
                        )

                )

        )

    [LightCoral] => Array
        (
            [PROCESSO DE TRANSPORTE INICIADO] => Array
                (
                    [0] => Array
                        (
                            [id] => 69
                            [titulo] => TRANSFERÊNCIA ENTRE FILIAIS
                        )

                    [1] => Array
                        (
                            [id] => 109
                            [titulo] => PROCESSO DE TRANSPORTE INICIADO
                        )

                    [2] => Array
                        (
                            [id] => 94
                            [titulo] => AGUARDANDO AGENDAMENTO ENTREGA
                        )

                    [3] => Array
                        (
                            [id] => 106
                            [titulo] => NEGOCIAÇÃO COMERCIAL
                        )

                    [4] => Array
                        (
                            [id] => 30
                            [titulo] => ENTREGA PROGRAMADA - AGENDADA
                        )

                    [5] => Array
                        (
                            [id] => 104
                            [titulo] => PRÉ-ALERTA
                        )

                    [6] => Array
                        (
                            [id] => 34
                            [titulo] => REENTREGA
                        )

                    [7] => Array
                        (
                            [id] => 105
                            [titulo] => INFORMAÇÕES
                        )

                    [8] => Array
                        (
                            [id] => 78
                            [titulo] => LIBERADO PARA ENTREGA
                        )

                )

        )

)
<!DOCTYPE html>
<html lang="pt-br">
	<head>
    <meta charset="utf-8">
    <title>Celke</title>
		<style>
			ul{
				padding: 0px;
				margin: 0px;
			}
			#lista li{
				background-color: #1aad72;
				color: #fff;
				margin: 0 0 3px;
				padding: 10px;
				list-style: none;
			}
		</style>
  </head>
	<body>
		<h1>Listar as aulas - Arrastar e soltar</h1>
				<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<div id="msg"></div>
		<ul id="lista">				<li id="arrayordem_">
					 - 				</li>
						</ul>
						<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
		<script>
			$(document).ready(function () {
                $(function () {
                    $("#lista").sortable({update: function () {
							var ordem_atual = $(this).sortable("serialize");
							$.post("proc_alt_ordem.php", ordem_atual, function (retorno) {
								//Imprimir retorno do arquivo proc_alt_ordem.php
								$("#msg").html(retorno);
								//Apresentar a mensagem leve
								$("#msg").slideDown('slow');
								retirarMsg();
							});
						}
                    });
                });
				
				//Retirar a mensagem após 1700 milissegundos
				function retirarMsg(){
					setTimeout( function (){
						$("#msg").slideUp('slow', function(){});
					}, 1700);
				}
            });
		</script>
	</body>
</html>