@import url('Styles_18092024_135252512.css');

.BOTON {
    /*     -moz-box-shadow: inset 10px 0px 27px -3px #E4E4E4;     -webkit-box-shadow: inset 10px 0px 27px -3px #E4E4E4;     box-shadow: inset 10px 0px 27px -3px #E4E4E4; */
    background: linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -moz-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #E9E9E9), color-stop(100%, #D1D0D0)) !important;
    background: -webkit-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -o-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -ms-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background-repeat: no-repeat !important;
}

    .BOTON:hover:enabled {
        /*     -moz-box-shadow: inset 10px 0px 27px -3px #B6B6B6;     -webkit-box-shadow: inset 10px 0px 27px -3px #B6B6B6;     box-shadow: inset 10px 0px 27px -3px #B6B6B6; */
        background: linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background: -moz-linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #A8A8A7), color-stop(100%, #AEAEAD)) !important;
        background: -webkit-linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background: -o-linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background: -ms-linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background: linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background-repeat: no-repeat !important;
    }

.BOTONUPLOAD {
    background-image: url('../images/buttonIcon/UploadBorderLess.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONUPLOAD:hover:enabled {
        background-image: url('../images/buttonIcon/UploadBorderLess_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONURL {
    background-image: url('../images/buttonIcon/URL.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONURL:hover:enabled {
        background-image: url('../images/buttonIcon/URL_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONDESLOGUEAR {
    background-image: url('../images/buttonIcon/desloguear.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONDESLOGUEAR:hover:enabled {
        background-image: url('../images/buttonIcon/desloguear_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONDETALLE {
    background-image: url('../images/buttonIcon/detalle.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONDETALLE:hover:enabled {
        background-image: url('../images/buttonIcon/detalle_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONDERIVAR {
    background-image: url('../images/buttonIcon/derivar.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONDERIVAR:hover:enabled {
        background-image: url('../images/buttonIcon/derivar_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }



.BOTONMASDETALLE {
    background-image: url('../images/buttonIcon/masdetalle.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONMASDETALLE:hover:enabled {
        background-image: url('../images/buttonIcon/masdetalle_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONDOWNLOAD {
    background-image: url('../images/buttonIcon/DownloadBorderLess.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONDOWNLOAD:hover:enabled {
        background-image: url('../images/buttonIcon/DownloadBorderLess_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPALABRAS {
    background-image: url('../images/buttonIcon/palabras.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPALABRAS:hover:enabled {
        background-image: url('../images/buttonIcon/palabras_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPREVIEW {
background-image: url('../images/buttonIcon/eyeIcon.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPREVIEW:hover:enabled {
        background-image: url('../images/buttonIcon/eyeIcon_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONPERMISOS {
    background-image: url('../images/buttonIcon/Permission.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPERMISOS:hover:enabled {
        background-image: url('../images/buttonIcon/Permission_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPLAY {
    background-image: url('../images/buttonIcon/PlayR.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPLAY:hover:enabled {
        background-image: url('../images/buttonIcon/PlayR_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPLAYMONITOR {
    background-image: url('../images/buttonIcon/play_monitor.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background-position: center !important;
}

    .BOTONPLAYMONITOR:hover:enabled {
        background-image: url('../images/buttonIcon/play_monitor_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background-position: center !important;
    }

.BOTONPAUSE {
    background-image: url('../images/buttonIcon/pause.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background-position: center !important;
}

    .BOTONPAUSE:hover:enabled {
        background-image: url('../images/buttonIcon/pause_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
        background-position: center !important;
    }

.BOTONFUNCIONES {
    background-image: url('../images/buttonIcon/Funciones_Telefonicas.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONFUNCIONES:hover:enabled {
        background-image: url('../images/buttonIcon/Funciones_Telefonicas_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONCHAT {
    background-image: url('../images/buttonIcon/Chat.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONCHAT:hover:enabled {
        background-image: url('../images/buttonIcon/Chat_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONCHAT1 {
    background-image: url('../images/buttonIcon/Chat1.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT2 {
    background-image: url('../images/buttonIcon/Chat2.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT3 {
    background-image: url('../images/buttonIcon/Chat3.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT4 {
    background-image: url('../images/buttonIcon/Chat4.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT5 {
    background-image: url('../images/buttonIcon/Chat5.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT6 {
    background-image: url('../images/buttonIcon/Chat6.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT7 {
    background-image: url('../images/buttonIcon/Chat7.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT8 {
    background-image: url('../images/buttonIcon/Chat8.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCHAT9 {
    background-image: url('../images/buttonIcon/Chat9.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}


.BOTONCHAT10 {
    background-image: url('../images/buttonIcon/Chat10.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}




.BOTONCRM {
    background-image: url('../images/buttonIcon/crm.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONCRM:hover:enabled {
        background-image: url('../images/buttonIcon/crm_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONFSCREEN {
    background-image: url('../images/buttonIcon/Fullscreen.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONFSCREEN:hover:enabled {
        background-image: url('../images/buttonIcon/Fullscreen_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONNEXT {
    background-image: url('../images/buttonIcon/Next.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONNEXT:hover:enabled {
        background-image: url('../images/buttonIcon/Next_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONNEXTPAGE {
    background-image: url('../images/buttonIcon/nextPage.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONNEXTPAGE:hover:enabled {
        background-image: url('../images/buttonIcon/nextPage_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPREVIOUS {
    background-image: url('../images/buttonIcon/Previous.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPREVIOUS:hover:enabled {
        background-image: url('../images/buttonIcon/Previous_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONADJUNTAR {
    background-image: url('../images/buttonIcon/Attach20.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONADJUNTAR:hover:enabled {
        background-image: url('../images/buttonIcon/Attach20_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONAYUDA {
    background-image: url('../images/buttonIcon/Help.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONAYUDA:hover:enabled {
        background-image: url('../images/buttonIcon/Help_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONGRILLA {
    background-image: url('../images/buttonIcon/Grid.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONGRILLA:hover:enabled {
        background-image: url('../images/buttonIcon/Grid_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONHOME {
    background-image: url('../images/buttonIcon/home.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONHOME:hover:enabled {
        background-image: url('../images/buttonIcon/home_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPANTALLA {
    background-image: url('../images/buttonIcon/Screen.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPANTALLA:hover:enabled {
        background-image: url('../images/buttonIcon/Screen_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONCALENDARIO {
    background-image: url('../images/buttonIcon/Calendario.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONCALENDARIO:hover:enabled {
        background-image: url('../images/buttonIcon/Calendario_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONCANCELAR {
    background-image: url('../images/buttonIcon/Cancel.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONCANCELAR:hover:enabled {
        background-image: url('../images/buttonIcon/Cancel_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONAGREGAR {
    background-image: url('../images/buttonIcon/Add.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONAGREGAR:hover:enabled {
        background-image: url('../images/buttonIcon/Add_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONCOPIAR {
    background-image: url('../images/buttonIcon/Copy.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONCOPIAR:hover:enabled {
        background-image: url('../images/buttonIcon/Copy_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONDRILLDOWN {
    background-image: url('../images/buttonIcon/drilldown.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONDRILLDOWN:hover:enabled {
        background-image: url('../images/buttonIcon/drilldown_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONEDITAR {
    background-image: url('../images/buttonIcon/Edit.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONEDITAR:hover:enabled {
        background-image: url('../images/buttonIcon/Edit_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONEMOJI {
    background-image: url('../images/buttonIcon/emoji.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONEMOJI:hover:enabled {
        background-image: url('../images/buttonIcon/emoji_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONCONSULTAR {
    background-image: url('../images/buttonIcon/query.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONCONSULTAR:hover:enabled {
        background-image: url('../images/buttonIcon/query_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONBORRAR {
    background-image: url('../images/buttonIcon/delete.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONBORRAR:hover:enabled {
        background-image: url('../images/buttonIcon/delete_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONEJECUTAR21 {
    background-image: url('../images/execute_21.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONEJECUTAR21:hover:enabled {
        background-image: url('../images/buttonIcon/execute_21_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONEJECUTAR {
    background-image: url('../images/buttonIcon/execute.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONEJECUTAR:hover:enabled {
        background-image: url('../images/buttonIcon/execute_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONORDENAR {
    background-image: url('../images/buttonIcon/sort.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONORDENAR:hover:enabled {
        background-image: url('../images/buttonIcon/sort_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONPARAMETROS {
    background-image: url('../images/buttonIcon/parametros.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONPARAMETROS:hover:enabled {
        background-image: url('../images/buttonIcon/parametros_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }



.BOTONSCHEDULE {
    background-image: url('../images/buttonIcon/ScheduleReport.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONSCHEDULE:hover:enabled {
        background-image: url('../images/buttonIcon/ScheduleReport_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONLOGS {
    background-image: url('../images/buttonIcon/log.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONLOGS:hover:enabled {
        background-image: url('../images/buttonIcon/log_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONLOGIN {
    background-image: url('../images/buttonIcon/salir.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONLOGIN:hover:enabled {
        background-image: url('../images/buttonIcon/salir_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONSALIR {
    background-image: url('../images/buttonIcon/salir.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONSALIR:hover:enabled {
        background-image: url('../images/buttonIcon/salir_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONEXPORTAR {
    background-image: url('../images/buttonIcon/excel.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONEXPORTAR:hover:enabled {
        background-image: url('../images/buttonIcon/excel_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONFILTRAR {
    background-image: url('../images/buttonIcon/Filtrar.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONFILTRAR:hover:enabled {
        background-image: url('../images/buttonIcon/Filtrar_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONACEPTAR {
    background-image: url('../images/buttonIcon/Accept.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONACEPTAR:hover:enabled {
        background-image: url('../images/buttonIcon/Accept_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONIMPORTAR {
    background-image: url('../images/buttonIcon/Import.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONIMPORTAR:hover:enabled {
        background-image: url('../images/buttonIcon/Import_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONDESCARGAR {
    background-image: url('../images/buttonIcon/Download.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONDESCARGAR:hover:enabled {
        background-image: url('../images/buttonIcon/Download_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONREFRESCAR {
    background-image: url('../images/buttonIcon/refresh.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONREFRESCAR:hover:enabled {
        background-image: url('../images/buttonIcon/refresh_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }


.BOTONRECICLAR {
    background-image: url('../images/buttonIcon/reciclar.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONRECICLAR:hover:enabled {
        background-image: url('../images/buttonIcon/reciclar_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONMARCAR {
    background-image: url('../images/marcar.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONENVIAR {
    background-image: url('../images/buttonIcon/send.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONENVIAR:hover:enabled {
        background-image: url('../images/buttonIcon/send_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONETIQUETAR {
    background-image: url('../images/etiquetas.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONBLOQUEAR {
    background-image: url('../images/bloquear.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONACEPTAR2 {
    background-image: url('../images/Accept2.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONCANCELAR2 {
    background-image: url('../images/Cancel2.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

.BOTONBAJAR {
    background-image: url('../images/buttonIcon/down.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONBAJAR:hover:enabled {
        background-image: url('../images/buttonIcon/down_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONSUBIR {
    background-image: url('../images/buttonIcon/up.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONSUBIR:hover:enabled {
        background-image: url('../images/buttonIcon/up_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONVIDEOPLAY {
    background-image: url('../images/buttonIcon/Play.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONVIDEOPLAY:hover:enabled {
        background-repeat: no-repeat !important;
        background-image: url('../images/buttonIcon/Play_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.BOTONVIDEOSTOP {
    background-image: url('../images/buttonIcon/Stop.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}

    .BOTONVIDEOSTOP:hover:enabled {
        background-repeat: no-repeat !important;
        background-image: url('../images/buttonIcon/Stop_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.jp-state-playing .BOTONVIDEOPLAY {
    background-image: url('../images/buttonIcon/Pausa.png'), linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
}


    .jp-state-playing .BOTONVIDEOPLAY:hover:enabled {
        background-repeat: no-repeat !important;
        background-image: url('../images/buttonIcon/Pausa_hover.png'), linear-gradient(to bottom, #A8A8A7 0%, #AEAEAD 100%) !important;
    }

.categoryHeader {
    background: #22A5DC !important;
    background: -moz-#22A5DC !important;
    background: -webkit-#22A5DC !important;
    background: -webkit-#22A5DC !important;
    background: -o-#22A5DC !important;
    background: -ms-#22A5DC !important;
    background: #22A5DC !important;
    border: 1px solid #22A5DC;
    display: block;
}

    .categoryHeader .ETIQUETA {
        color: #fff;
        line-height: 20px;
    }

.comboBoxButton {
    background: url("../images/arrow-down-blue.png") no-repeat right #fff;
    border: 1px solid #A9A8A8;
    border-radius: 5px;
}

.containerButtonsABM .BOTON {
    border-radius: 0px;
    width: 101px !important;
    position: absolute !important;
    z-index: 80 !important;
}

.containerButtonsWindow .BOTON {
    border-radius: 0px;
    width: 101px !important;
    position: absolute !important;
    top: 0px !important;
    z-index: 0 !important;
}

#containerFiltros {
    background: -moz-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #E9E9E9)), color-stop(100%, #D1D0D0))) !important;
    background: -webkit-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -o-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: -ms-linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    background: linear-gradient(to bottom, #E9E9E9 0%, #D1D0D0 100%) !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 99.8% !important;
    position: relative !important;
    top: 0 !important;
}

    #containerFiltros .BOTONFILTRAR {
        border-top-right-radius: 4px;
    }

    #containerFiltros .BOTONCONSULTAR {
        border-top-right-radius: 4px;
    }

    #containerFiltros .CONTROL_COMBOCHECK button {
        border-radius: 5px;
    }

.container-grid {
    height: unset;
}

#containerTab {
    width: 100%;
    background: none;
}

    #containerTab .MARCO {
        margin: 30px 50px 30px !important;
        width: calc(100% - 100px);
        height: calc(100% - 60px) !important;
    }

.CONTENEDOR {
    background-color: #fff;
    border: 1px solid #A0CCEB;
}

.CONTROL {
    border: 1px solid #A9A8A8;
    border-radius: 5px;
}

.CONTROL_COMBOCHECK {
    border-radius: 5px;
}

    .CONTROL_COMBOCHECK button:disabled {
        background-image: url("../images/arrow-down-blue.png");
    }

    .CONTROL_COMBOCHECK button {
        background-image: url("../images/arrow-down-blue.png");
        right: 1px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

TD .CONTROL_COMBOCHECK button {
    right: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.CONTROL_COMBOCHECK div {
    border: 1px solid #CFCFCF !important;
}

.CONTROL_COMBOCHECK input {
    border: 1px solid #A9A8A8;
    border-radius: 5px;
}

.CONTROL_DATEPICKER_BUTTON {
    background-image: images/arrow-down-blue.png;
}

.datePickerButton {
    position: relative;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#divImgDock {
    background-color: #1CA4DB;
    border-top: 1px solid #A0CCEB;
    border-right: 1px solid #A0CCEB;
    border-bottom: 1px solid #A0CCEB;
}

.ETIQUETA {
    font-weight: lighter; /*text-shadow: 1px 1px white;*/
}

.ETIQUETA_FONDO_CLARO {
    color: #575756;
    font-weight: lighter;
}

.favoriteContainer:hover {
    background: rgba(0,128,200,0.5);
    color: white !important;
}

    .favoriteContainer:hover > table tbody tr td .close img {
        filter: brightness(7);
        -webkit-filter: brightness(7);
    }

    .favoriteContainer:hover > table tbody tr td .ETIQUETA {
        color: #fff;
    }

    .favoriteContainer:hover > table tbody tr td .favContainerImg img {
        filter: brightness(7);
        -webkit-filter: brightness(7);

    }

    .favoriteContainer:hover > table tbody tr td .favContainerImg img[src*="Bots.png"] {
        filter: invert(100%);
        -webkit-filter: invert(100%);

    }

.FONDO {
    background: #fff;
}

.GRID {
    background-color: #fff;
    border-color: #A0CCEB;
}


    .GRID table tr:last-child td {
        border-bottom-style: solid !important;
        border-bottom-width: 1px;
        border-bottom-color: #B7B7B7 !important;
    }

.GRIDACTIVEROW {
    background: #1CA4DB;
    background: -moz-linear-gradient(#A0CCEB, #1CA4DB);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #A0CCEB), color-stop(100%, #1CA4DB));
    background: -webkit-linear-gradient(#A0CCEB, #1CA4DB);
    background: -o-linear-gradient(#A0CCEB, #1CA4DB);
    background: -ms-linear-gradient(#A0CCEB, #1CA4DB);
    background: linear-gradient(#A0CCEB, #1CA4DB);
}

.GRIDROW {
    background-color: #fff;
}

.GRIDROWALTERNATE {
    background-color: #F2F4F7;
}

.GRIDTITLE {
    background: #1CA4DB;
    background: -moz-#1CA4DB;
    background: -webkit-#1CA4DB;
    background: -webkit-#1CA4DB;
    background: -o-linear-#1CA4DB;
    background: -ms-#1CA4DB;
    background: #1CA4DB;
    border-color: #A0CCEB;
    font-weight: lighter;
}

.header {
    background: linear-gradient(to bottom, #D1D0D0 0%, #E9E9E9 100%);
}

#lblUserName, #lblPressF11Def {
    color: #000000;
    font-weight: lighter;
}

.MARCO_READY {
    /*background-image: url("../images/fondogris.jpg");*/
    background-size: cover; /* <------ */
    background-repeat: no-repeat;
    overflow: auto;
}

.MENU {
    background: #fff;
    background: -moz-#1CA4DB;
    background: -webkit-#1CA4DB;
    background: -webkit-#1CA4DB;
    background: -o-#1CA4DB;
    background: -ms-#1CA4DB;
    background: #1CA4DB;
    color: #fff;
    border: 1px solid #A0CCEB !important;
    font-weight: normal;
}

    .MENU img {
        filter: brightness(7);
        -webkit-filter: brightness(7);
        
    }

    .MENU img[src*="Bots.png"] {
        filter: invert(100%);
        -webkit-filter: invert(100%);
        max-height:26px;
    }




.MENU_OVER {
    background: #fff;
    background: -moz-#0080C8;
    background: -webkit-#0080C8;
    background: -webkit-#0080C8;
    background: -o-#0080C8;
    background: -ms-#0080C8;
    background: #0080C8;
    border: 1px solid #A0CCEB !important;
    font-weight: normal;
}

#menuContainer {
    background: #A0CCEB;
    border-right: 1px solid transparent;
}

#tabs li .ui-icon-close {
    background-image: url("../images/closeTab-blue.png") !important;
}

#TaskTreeMarginTop {
    background-color: #fff;
    background-attachment: fixed;
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: -webkit-linear-gradient(#A0CCEB, #0687C9);
    background: -o-linear-gradient(#A0CCEB, #0687C9);
    background: -moz-linear-gradient(#A0CCEB, #0687C9);
    background: linear-gradient(#A0CCEB, #0687C9);
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        text-shadow: none;
    }

.ui-widget-header {
    background: linear-gradient(to bottom, #D1D0D0 0%, #E9E9E9 100%) !important;
}


/********************** CHART BOARDS (MONITORES V3) *************************/

#cntSlidesPreview {
    position: absolute;
    width: 60%;
    height: 20%;
    left: 25%;
    top: 80%;
    border-top: 1px solid #A0CCEB;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.selectedSlidePreview span {
    background: linear-gradient(#0687C9, #A0CCEB) !important;
    color: #FAFAFA;
}

.slidePreview {
    cursor: pointer;
    align-content: center;
    text-align: center;
    width: 128px;
    min-width: 128px;
    height: 95%;
    text-align: center;
    margin-right: 2px;
    border-left: 1px solid #A0CCEB;
    border-right: 1px solid #A0CCEB;
    border-bottom: 1px solid #A0CCEB;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: 18px;
    position: relative;
}

    .slidePreview:first-child {
        margin-left: 0px;
    }

    .slidePreview span {
        height: 30%;
        width: 100%;
        background: linear-gradient(#A0CCEB, #0687C9);
        display: block;
    }

    .slidePreview img {
        /* height: 70%;  FIREFOX */
        max-height: 66px; /* CHROME */
        max-width: 127px; /* CHROME */
        width: 98%;
        position: relative;
        left: 0;
    }


.slideChartObj {
    position: absolute;
    left: 0;
    top: 0; /* set these so Chrome doesn't return 'auto' from getComputedStyle */
    border: outset 2px rgba(0,0,0,0.5);
    border-radius: 4px;
    cursor: url("../charts/img/hand-stop.png");
    cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
    cursor: -moz-grab; /* Firefox 1.5-26 */
    cursor: grab; /* W3C standards syntax, should come least */
}

    .slideChartObj:active {
        cursor: url("../charts/img/hand-grab.png");
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

.slideChartObjSelected {
    border: inset 2px rgba(0,0,0,0.5) !important;
    background: #FFFFFF !important;
}

#chartAvailableFinder {
    width: 99.5%;
    height: 50px;
    border-bottom: 1px solid #A0CCEB;
    position: sticky;
    top: 0px;
    background-color: #eeeeee;
    text-align: center;
    border-top-right-radius: 4px;
}

    #chartAvailableFinder * {
    }

#cntChartsAvailable {
    width: 15%;
    height: 100%;
    border-left: 1px solid #A0CCEB;
    position: absolute;
    left: 85%;
    overflow: auto;
    top: 0px;
}

.chartAvailable {
    align-content: center;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #A0CCEB;
}

    .chartAvailable img {
        border: outset 1px #A0CCEB;
        height: 10%;
        cursor: url("../charts/img/hand-stop.png");
        cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
        cursor: -moz-grab; /* Firefox 1.5-26 */
        cursor: grab; /* W3C standards syntax, should come least */
    }

        .chartAvailable img:active {
            border: inset 1px #A0CCEB;
            cursor: url("../charts/img/hand-grab.png");
            cursor: -webkit-grabbing;
            cursor: -moz-grabbing;
            cursor: grabbing;
        }

#cntBoard {
    text-align: center;
    width: 60%;
    height: 80%;
    z-index: 9999;
    left: 25%;
    position: absolute;
    top: 0;
    overflow: auto;
    background-color: #A0CCEB;
}

#BoardPreview {
    border: 2px solid #A0CCEB;
    background-color: #FAFAFA;
    border-radius: 4px;
    width: 95%;
    height: 95%;
    overflow: hidden;
    position: absolute;
    top: 2%;
    left: 2%;
}

#Board {
    width: 100%;
    height: 100%;
}

#cntConfig {
    background-color: #EEEEEE;
    width: 24.5%;
    height: 99%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border-right: 0px;
    border-radius: 4px;
    padding-left: 6px;
    overflow-y: auto;
    overflow-x: hidden;
}

.isResizable {
    background: #FFFFFF;
    font-size: 2em;
    border: 1px solid #cccccc;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    min-height: 20%;
    min-width: 20%;
}

.middle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/* CLASES USADAS DENTRO DE LOS SLIDES EN EL DEMO Y EJECUCION DEL TABLERO */
#containerTabTest {
    padding: 0 !important;
}

.board_Resizable {
    position: absolute;
    padding: 4px;
    width: 6px;
    height: 6px;
    bottom: 0;
    right: 0;
    cursor: nwse-resize;
    background-image: url('../charts/img/resizer_icon.png');
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.board_Resizing {
    width: 50% !important;
    height: 50% !important;
}

.board_Draggable {
    position: absolute;
    padding: 4px;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    cursor: grab;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAn0lEQVRIS72UQRLAIAgD9aG+zoe2w4EOtWJCR/QsWSSRWpJPTdYvIUBr7ZKGeu90HX1RxfXFLIQCjOIRCAR44iwEAmwIUj0Q0DaACM1MXAG8ms+IkIgXU6/uBbCG/nnBzPgHgNIS/fHa4DmATUl0zqvasybrnFNjujJz20fzICkAFF+0tqlll7qurfF2dKhzvUu9YISw4lIXAkTXxRHADcdvgBmCVnF5AAAAAElFTkSuQmCC');
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.board_Dragging {
    width: 100% !important;
    height: 100% !important;
}

    .board_Dragging:active {
        border: solid 2px black;
    }

.reload_chart {
    position: absolute;
    padding: 4px;
    width: 16px;
    height: 16px;
    bottom: 0;
    left: 0;
    cursor: pointer;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAADUklEQVRIS9WWX0hTcRTHv2c3FzOpiAqhKIgeKggKoYcIiqIIjCLoUhBBYhZdsTFt07U179LpruZ1/XFJGIlQVFd6iCAogiIIkqLwIYqCwIgGAymx1qZ3J1Z3ujt1wz0EDfZwf79zzuec7++c372Ef/Sjf8TB/wEKBoMLxnnOSwa+A/hCQIRBQwyOCsnkgMfjepNWbNqKVFW1jYyM6LIsJ3JJK8uy1WKd9xOAkG1HDNdZj7N9RlDKGYLtCSyIYiwm5oU1K18BlJpAjIB8tt6buTalIl9Tax+AIykjBu4JejwnzNfU8gKgTVkVPbXo8V2ZSZpAZ/yBcgtwP6PctwIX7ZBlV2QmCb3nAhoYB7L3mbgu4POqU6QTxTvC6rXvXxOw3tiMkk4bAwHvl1zndMbXFAJgZ6ZGouRBgNYZ9sN6vGiVojSkGmWyves98hYiepYOyoCkNDdeyTdnbq+/Msm0RAn4gg1eeTtAjydiEB1Wmnw3TSCnp7GVGA3pbD59eLtU0zQ9Hyh73+WWB0H8VxXG7bZW/yET6LTL+4AJuw3H/g6lWZwtJGVf5/K2geA0fD91KM2rTCCH0z0I0J9MmFgNtbXWFQJynHZXgqjH8E10trfMNYHstfWDPNkI6kVVKQhkd7gqeRIUu6gqxSZQjd05IR2D+7tC5wuSrsbh9DPDZ8zh+65Q+xoTqPpUbQcDtUbJkejXz8sLaQbpVO1LAGV/gjPudV1S95lAJ6rtOwF6ODFgjIrucKh3Nud0XLKbRoSYa7rDFy6bQKIoCgsXl74DaLVRdsRK4xvD4fCMt0JmEg6Hwzb6S38OYIOxPppMCCuvXescNoFSD8dO1BxgsJYR4JUuJPf05oFJklQS1y23AJRnKOLuuXo5OPGcLU1FlXQXwP7JdRoCc931nnD/dDJWVJ3cCljCAKevHjBo4EeJdZvW2RmbESSKDlvx/J/PAUpLkLaNAvQK4NQ/AVAZCGVgLMtKYIjHsLmvr9t0R0774hMlqcQWG7/BwN7ZNAOYBwQU7evtnXquOb8ZjhytOsqAH8CKXEAChhk4F//x7YqmadO+lfN+nIiiaJ1bPD/V+nv573wsAmAFEAHhI5J0OxEreqRp4dE8ycxKnIKN81ZUcOQsx9+TMz4qLndbzQAAAABJRU5ErkJggg==');
    background-size: 16px 16px;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.context-menu-icon::before {
    color: #1CA4DB !important;
}

.context-menu-icon.context-menu-hover:before {
    color: #fff !important;
}


.context-menu-item.context-menu-hover {
    background-color: #1CA4DB !important;
    color: white !important;
}

.context-menu-input input {
    border: 1px solid #A9A8A8;
    border-radius: 5px;
}

.layoutSelected {
    border-style: dotted !important;
    border-color: #0F7BA9 !important;
}

.layoutSelectedInterval {
    border-style: solid !important;
    border-color: White !important;
}


.layoutBgImage {
    background-color: #22A5DC;
}

/* LOADING DIV */

.waiting_div {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/waiting_blue.gif') 50% 50% no-repeat;
}

.waiting_span {
    position: relative;
    text-align: center;
    display: block;
    z-index: 1001;
    top: 60%;
    font-family: avenir;
    font-size: 14px;
}

/*
.PopAPPContent {
    cursor: grab;
}
.PopAPPContent:active {
    cursor: grabbing;
}
*/