.panelNotificacion {
    width: 300px;
    position: absolute;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background-color: #FFF;
    z-index: 2;
    right: 100px;
    box-shadow: 0 0 6px 0px #bfbfbf;
}

.hide {
    display: none;
}

.panelNotificacion h1 {
    text-align: center;
    font-size: 15px;
}

.panelNotificacion table {
    width: 100%;
}

    .panelNotificacion table tr td {
        padding: 10px;
        vertical-align: middle;
        text-align: center;
    }

    .panelNotificacion table tr:not(:last-child) td {
        border-bottom: 1px solid #e3e3e3 !important;
    }


        .panelNotificacion table tr:not(:last-child) td span {
            display: block;
            background: #000099;
            border-radius: 5px;
            padding: 5px;
            color: white;
            font-weight: bold;
        }

    .panelNotificacion table tr:last-child td span {
        display: block;
        background: #f3ae00;
        border-radius: 5px;
        padding: 5px;
        color: white;
        font-weight: bold;
    }

.ecs-table {
}

    .ecs-table tr th {
        background-color: #337ab799 !important;
        color: white !important;
        vertical-align: middle !important;
        text-transform: capitalize !important;
        text-align: center !important;
    }