.container.body-content {
    width: 100%;
    padding: 5px;
}

body h1 {
    font-size: 30px;
    color: #3a62c3;
    margin-top: 2px;
}

tbody td div {
    white-space: nowrap;
    display: block;
    font-size: 12px;
    overflow: hidden;
    border-collapse: collapse;
    height: 20px;
    text-overflow: ellipsis;
}

table tbody td {
    padding: 2px;
    vertical-align: middle;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

tbody td div p {
    display: inherit;
    white-space: normal;
    font-family: inhert;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: inherit !important;
}

th.descripcion {
    width: 200px;
}

thead th {
    vertical-align: middle !important;
    text-align: center !important;
}

th.hora {
    /* width: 140px; */
}

thead {
    background: #0d4056;
    color: white;
}

p.normal span {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: inherit !important;
}

html body {
    padding-top: 0px;
    padding-bottom: 0px;
}

tbody tr td:nth-child(1) {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    border-right: 0px !important;
}

tbody tr td:nth-child(2) {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(3) {
    width: 160px !important;
    max-width: 160px !important;
    min-width: 160px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(4) {
    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(5) {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(6) {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(7) {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(8) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(9) {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(10) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr td:nth-child(11) {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    text-align: center;
}




.tCritico {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABIFBMVEX////MswHLsgHJsAHHrgHEqwHBqAG+pQG6ogG3nwGzmwGslQApIwDMswHMswHMswHMswHg0E368qH68Zvgz0jLsgH58Z/47ZLJsAHHrgHEqwHBqAG+pQG6ogG3nwGzmwGslQDj1S7i0ySfiAC6pxDj0yLj0yG6pg0AAAAXEwB3ZQCVfwCWgAAAAAAAAAAAAAD/9qn/9qj/9qf/9qb/9aX76oH78qD35nl1dXX67ZD575jz4nBmZmb26YX27I/w32nr3GMwMDAYGBjUzEjSyUXe2GP06Yju3Wbq22Ha1E3Qz0IAAADPz0DV1FDz54Pl2VbW0j/U0TzX1Ebp4WjZ1DjZ1Dft6oHa1Tvk3Eve1jLn3T7j2S3o2yj07Xrs3CT///8CNHGOAAAAMHRSTlMAAAAAAAAAAAAAAAAACmCcq8f09Med9fWtr7GytLa4u63392/Z+PjZEjODu8wJFhqL74uoAAAAAWJLR0QAiAUdSAAAAL9JREFUGNNdxFUOwkAUAMBXXIu7u7trcVusQHG4/zF4mzSEMB8D8I/RswajyMDqGWBYk7mISuVK1WJlGZDY7LUvh00CUme9gZpNesspBZmr3UHdLr3nkoHc3ec4bjAcjSeT8dQtB4VnNl8sV4Ss0cajAKV3u9vzPCE8OniVoPIdT4IgnM+YcPGpQO2/3hAh9JtfDZrA/YEIoT8CGtAGQ0/0etHDQS3oItHYWxRPRHSQTKUzWVEmnUpCLl/4kc99AL9TMNfkMOeKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE1LTA3LTI1VDIxOjQ5OjM3KzA4OjAwKwM6dwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMC0wNC0yNlQwMDowMDowMCswODowMKBVO10AAABOdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuOC44LTEwIFExNiB4ODZfNjQgMjAxNS0wNy0xOSBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZwUMnDUAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADE2Ha9ebwAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAxNuUAnuIAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTI3MjIxMTIwMAkpDe8AAAARdEVYdFRodW1iOjpTaXplADU4NUJCtTKbcAAAAFZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWUvd3d3cm9vdC93d3cuZWFzeWljb24ubmV0L2Nkbi1pbWcuZWFzeWljb24uY24vc3JjLzE2Ni8xNjYwOC5wbmcawS+zAAAAAElFTkSuQmCC');
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
}

.tCliente {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACpElEQVQ4T32TW0iTYRzGn3cHd8j8tjmYC5FCTMpO5iGpwANFXhR0kRfBNNnYpMOFUHTjyi6kG7srzIpqpRBpFhWVYJuaYp7uBO0INktB8/umTN3x+8c+KF3NXnhvXh5+/8P7PAzrHOPVnmeh4MrxcFQEEcD+6AiMMShlDNok+fPV979A8oZBitTtW48vvevq36wBA7h8zNhs1KtqVvzL6KBDGHraBrenF0QiSBQhj0bRt/0grozzoPJ0JF96tQpw7OcajpSk1W3k0uBbiGCgfwKlJy8iJacY4cAKtmVnIj0jAx0+QvNsGF1bk7DBuQZw4bCeCvLTodNvAe+TY3hwDPyMF67x4LpjaNcCzh7QUs35ahBpYTQbscjPo97aiLl3EbAlHxCNSiACIUDAQKEpvoPqXPXwfY+rYHFqBvy8AL+Px9DbSZw7/RJJoSCYKIIAiAQsi4RooTYeYNIn75joco4tLwXA8wK+Tf/E0TMufP8yCYUYBokkLVMkQoQIm3N2IW4EAGz0dWObIjh1YnrqBx4v7IHL6YSnuw9iNIJNZhPM5jQJFBvEYDRC83sHFRUVGqVS/aHpxrWM4tJyhMIh9Hd34nrTXVhtVhgMqdColJAplHELlTqw2WyV2uTkhwaDAWWlZRgdGZFEeXl5aH/SLlWzVlVib8G/puJiRrI7HGSxVKG15QE4joPb7YZOp0NRURG8Xi9sNjuab93Ei6xT0gIZiZAxQCmXQRP297La2lrauTsXnz5+hsDPQhAEqSrH6ZFqNCE7OwvvPZ240/IoP4EhfMxud5Bao4VKpYFMJoPAz0GukCMlxQCRRIQCAQT8Am7fcyXMDbNYLD1qtapYShxj0pUMQ7FviyUPCAaCvS2trSWJLBlTZ8aC9d/YAT4AXxNpfgHEIRiDWSikYQAAAABJRU5ErkJggg==');
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    margin: 0px;
}

.tVIP {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJSSURBVDiNdY9NSJRRFIafc7/vmz+nSRf2o2kaI+QkSYKKBtY4QW2CNlK4laCFFLZ0kdCmZdBiNi5cRxBFi2gz1jInkUI3MxotwgwUHbERZ8Z7WjgzOWIH7uJ9z7nPeQ+qimYTMZuNz+vSiE9Vqby9bwMXdfbyucOeLo34bDY+r9lETFUxZIa7FTsN9FjfepLloUbK5fm81/sUpiua5aFG61tPAj2KnSYz3G3UyAwwCCAwZnEnAMgk+nCcTpBbxVRXH4DFnRAYK+MG1ciMkVyuXyEJICqjJpqaBFDRqcpi49gpABNNTYrKKIBCUnK5flFV+BGvpyQPiaaeAvD9Rq9aOwdgf64BYMX0edcW0wenDD/B1Re0zW5VAGcoOB0Y22HRDkFuA5cOAwSWLPJOlKwasq5KluuLa2I/DXwm4nYScv0YfBypCqDWBNm1aF7nXFndndBf5j3gI+hA2IGIu0PYBVfCABQV2VXI223y1kqJk8Af4/D44ISXV3oV8wFoqNlU56zq3k5ENgrhIxk2RfQm91fSBoC7C2lRk0DZqAnaGmzitBtAaj5viJUE91fSAKZq30sviOh4VZ/ybxNy0FLJ1fZQoWKLMM6D7EJF/wMAqJwFwJFNmv31Vdvb93HCrZ05DmBFYwBcCIYxh3KrYlv8xYO7yjPHAQSJUe+tEvG8svURz9sCoFT0tDVUEvg/AEfaOR9sAjICdySaijtXvzZIXeiZuE5BQ/sOAafreMCrwSDNgd/iyCPJbXcRTb2tDvV+mTRBfwOBwBttC+R53hKs9P4CxnD1HrlG2kcAAAAASUVORK5CYII=');
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    position: relative;
    margin: 0px;
}

.semaforo {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: relative;
    margin: 0px;
    padding: 0px;
    display: block;
}

.rojo {
    background-color: #f00;
}

.naranja {
    background-color: #e09c14;
}

.amarillo {
    background-color: #EBEB00;
}

.verde {
    background-color: #489e00;
}

.azul {
    background-color: #00b0f0;
}

span#leyendas {
    display: inline-block;
    float: right;
}

    span#leyendas > span {
        display: inline-block;
        margin-left: 8px !important;
        margin-right: 3px;
    }

        span#leyendas > span:nth-child(2), span#leyendas > span:nth-child(4), span#leyendas > span:nth-child(6), span#leyendas > span:nth-child(8) {
            margin-right: 12px;
        }


span#filtros {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    color: #333;
}

    span#filtros > input {
        margin-right: 8px;
        margin-left: 32px;
    }

#tabla > tbody > tr > td:nth-child(1), #tabla > tbody > tr > td:nth-child(11) {
    text-align: center;
}

    #tabla > tbody > tr > td:nth-child(11) > span {
        margin: auto;
        padding-top: 4px;
        vertical-align: middle;
        font-size: 11px;
    }

.modal-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    width: 600px;
    height: 120px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 9999;
    border: solid;
    border-color: black;
}

    .modal > p {
        padding: 15px;
        margin: 0;
    }