/* ==========================================================
   XLX026_TABLE_ROW_HOVER_V1

   Atua SOMENTE em:
   - Ultimas transmissoes
   - Conectados

   Atua SOMENTE em dispositivos com mouse.
   ========================================================== */

@media (hover:hover) and (pointer:fine){

    /* ------------------------------------------------------
       TRANSICAO SUAVE
       ------------------------------------------------------ */

    body[data-page='ao-vivo']
    table.home-history tbody tr > td,

    body[data-page='conectados']
    table.connected-table tbody tr > td{

        transition:
            background-color .16s ease,
            color .16s ease,
            box-shadow .16s ease,
            border-color .16s ease !important;
    }


    /* ------------------------------------------------------
       ULTIMAS TRANSMISSOES
       ------------------------------------------------------ */

    body[data-page='ao-vivo']
    table.home-history tbody tr:hover > td{

        background:
            rgba(0,216,255,.095) !important;

        color:#ffffff !important;

        border-color:
            rgba(0,216,255,.30) !important;

        box-shadow:
            inset 0 1px 0 rgba(0,216,255,.12),
            inset 0 -1px 0 rgba(0,216,255,.12) !important;
    }


    /* pequena marca luminosa no inicio da linha */

    body[data-page='ao-vivo']
    table.home-history tbody tr:hover > td:first-child{

        box-shadow:
            inset 3px 0 0 #00d8ff,
            inset 0 1px 0 rgba(0,216,255,.16),
            inset 0 -1px 0 rgba(0,216,255,.16) !important;
    }


    /* indicativo acompanha o destaque */

    body[data-page='ao-vivo']
    table.home-history tbody tr:hover a{

        color:#7cecff !important;

        text-shadow:
            0 0 8px rgba(0,216,255,.35);
    }


    /* ------------------------------------------------------
       CONECTADOS
       ------------------------------------------------------ */

    body[data-page='conectados']
    table.connected-table tbody tr:hover > td{

        background:
            rgba(0,216,255,.095) !important;

        color:#ffffff !important;

        border-color:
            rgba(0,216,255,.30) !important;

        box-shadow:
            inset 0 1px 0 rgba(0,216,255,.12),
            inset 0 -1px 0 rgba(0,216,255,.12) !important;
    }


    body[data-page='conectados']
    table.connected-table tbody tr:hover > td:first-child{

        box-shadow:
            inset 3px 0 0 #00d8ff,
            inset 0 1px 0 rgba(0,216,255,.16),
            inset 0 -1px 0 rgba(0,216,255,.16) !important;
    }


    body[data-page='conectados']
    table.connected-table tbody tr:hover a{

        color:#7cecff !important;

        text-shadow:
            0 0 8px rgba(0,216,255,.35);
    }


    /* cursor normal, pois a linha inteira nao e um link */

    body[data-page='ao-vivo']
    table.home-history tbody tr,

    body[data-page='conectados']
    table.connected-table tbody tr{

        cursor:default;
    }

}


/* FIM XLX026_TABLE_ROW_HOVER_V1 */