﻿.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.stealthy {left: 0;
margin: 0;
max-height: 1px;
max-width: 1px;
width:0px;
height:0px;
opacity: 0;
outline: none;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1;
}


/************************************
Footer
*************************************/
.divCrossSelling {
    
    height: auto;
    margin: 10px 0px 10px 0px;
    display: block;
    clear: both;
    padding:10px;
}

div.filaCrossSelling {
    clear: both;
    padding: 20px;
}

h3.CrossSelling {
    font-size: 14px;
    font-weight: bold;
    color: #096095;
    border-bottom: 1px solid #096095;
    margin: 5px 0 15px 0;
}

.botonCrossSelling {
    border: 1px solid #2e518b; /*anchura, estilo y color borde*/
    padding: 10px; /*espacio alrededor texto*/
    background-color: white; /*color botón*/
    color: #2e518b; /*color texto*/
    text-decoration: none; /*decoración texto*/
    text-transform: uppercase; /*capitalización texto*/
    font-family: 'Helvetica', sans-serif; /*tipografía texto*/
}

.TituloCrossSelling {
    font-size:12px;
    font-weight: bold;
    margin: 5px 5px 5px 0;
    padding: 0 5px 0 0;
    color: #096095;
    text-align: left;
}

.DescripcionCrossSelling {
    font-size: 12px;
    margin: 5px 5px 10px 0;
    padding: 0 5px 0 0;
    text-align: justify;
    min-height: 94px;
}


.ImagenCrossSelling {
    float: left;
    margin: 0px 10px 0px 0px;
    width: 350px;
    border: 1px solid #2e518b;
    padding: 2px;
}

.CuerpoCrossSelling {
    float: left;
    margin: 0px 10px 0px 0px;
    width: 550px;
}



#RedesSociales {
    width: 100%;
    height: auto;
    margin: 5px 0px 15px 0px;
    display: block;
    clear: both;
}


.formularioselect {
	border:		1px solid silver;
	color:		#323232;
	
	font:		normal 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:     0;
	padding:	5px 5px 5px 5px;
	width:		160px;
}

.izqIcono {
	float:left;
	margin: 0px 10px 0px 0px;
}

.derIcono {
	float:right;
}
    
.derIcono img {
        width: 100px;
    }

.txtSiguenos
{
    color:#009DE0;
    font-weight:bold;
}

#FooterADDING
{
	padding:5px 5px 0 5px;
	display:block;
	height:80px;
	background-color: #f2f2f2;
}


/************************************
Progress
*************************************/	
#progressBackgroundFilter 
{
	position:fixed ;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:hidden;
	padding:0;
	margin:0;
	background-color:#000;
	width:100%;
	height:100%;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:103000 !important;
	}
	 

#processMessage 
{
	position:fixed; 
	top:30%;
	left:43%;
	padding:10px;
	width:14%;
	z-index:103001 !important;
	background-color:#fff;
	border:solid 1px #000;
}
/************************************
estilo del MODAL PANEL
*************************************/	
.modalBackground {
	background:#46a2c7;
	filter: alpha(opacity=20); 
	opacity: 0.2;
}

.modalPanel {
	z-index: 500;
	border:5px solid #c3d6df;
	position: absolute;
	border-collapse: collapse;
	background-color: #FFFFFF;
	margin-left: 1px;
	width: 952px;
}

.modalPanelContent {
	padding:15px 15px 15px 15px;
}

.modalPanelContentScroll {
	padding:15px 15px 15px 15px;
	overflow:auto; min-height:500px;
}
.modalPanelBotonera {
	margin-top:20px;
	text-align:center;
}
/************************************
estilo de los BOTONES
************************************/
.boton, .btnSalir, .btnBuscar, .btnRegistrarHuella, .btnGuardar, .btnAceptar, .btnCancelar, .btnAprobar, .btnRechazar,
.btnNuevo, .btnRecargar, .btnRecargarSimple, .btnValidar, .btnPagar, .btnImprimir , .btnWebSimple, .btnMasSimple, 
.btnDetalleSimple, .btnUbicacionOrganizativaSimple, .btnGenerar, .btnAplicacion, .btnEncadenar, .btnDesencadenar,
.btnSiguiente, .btnAnterior, .btnCopiarAnterior ,.btnReabrirFicha , .btnAsignacionObj , .btnAsignacionResult,
.botonEliminarTotsCriteris ,.btnExportPDF,.btnExportExcel,.btnExportExcelSinImg,.btnBuscarSinImg
,.btnBIRDFiltreDesar,.btnBIRDFiltreCercar
,.botonEliminar,.btnPlanificador
,.btnEnviarEmail
,.btnBuscarHuella,.btnDesbloquearAcceso
/*,#btnAyuda*/
,.btnConfiguration,.btnConfiguration_ST, .btnSalir_ST
,.btnProveedor,.btnSupervisor, .btnSupervisor_ST
,.btnVisitasProgramacion, .btnVisitasProgramacion_ST
,.btnAnadir,.btnQuitar
,.btnCliente_Operario,.btnUpload, .btnDownLoad, .btnBuscarSinTexto,.btnExportExcelSinTexto, .btnDashBoard, .btncuestionariISO14001,.btnCopiarPlantilla, .btnScanner
,.btnFirmar,.btnPorteriaRegistrarEntrada, .btnPorteriaRegistrarSalida, .btnGraph
{

	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold!important;
	padding: 0px 10px 0px 25px;
	cursor:pointer;
	background-repeat:no-repeat!important;
	background-position:2px 1px;
	background-color:#e5e5e5!important;
	color:#333;
	text-transform:lowercase;
	display:inline;
	vertical-align:bottom!important;
	width: expression(this.offsetWidth > 0 ? this.offsetWidth + 'px' : 'auto');
	overflow: visible;
	height:24px!important;
}

/* especifico para botones con imagenes y sin texto */
.btnRecargarSimple, .btnWebSimple, .btnMasSimple, .btnDetalleSimple, .btnUbicacionOrganizativaSimple, .btnMostrar, .btnOcultar,.btnExportExcelSinImg,.btnBuscarSinImg
,.btnBuscarSinTexto,.btnExportExcelSinTexto, .btnDashBoard, .btnConfiguration_ST, .btnSalir_ST, .btnSupervisor_ST, .btnVisitasProgramacion_ST,.btnGraph
{
	background-position: center;
	width: 29px;
	overflow: hidden;
}

/* especifico para los botones sin imagen */
.boton {
	padding:0 10px 0 10px;
}

.btnFirmar {
	background-image:url('Images/firmar.png')!important;
}

.btnPorteriaRegistrarEntrada {
	background-image:url('Images/door-open-in.png')!important;
}

.btnPorteriaRegistrarSalida {
	background-image:url('Images/door-open-out.png')!important;
}

.btnPlanificador {
	background-image:url('Images/blog.png')!important;
}

.btnVisitasProgramacion, .btnVisitasProgramacion_ST
{
	background-image:url('Images/calendar.png')!important;
}

.btnConfiguration, .btnConfiguration_ST {
	background-image:url('Images/configuration.png')!important;
}

.btnScanner {
	background-image:url('Images/scanner.png')!important;
}


#btnConfiguration1 {
	background-image:url('Images/configuration1.png')!important;
}
/*#btnAyuda {
	background-image:url('Images/question-frame.png')!important;
}*/


.btnCopiarPlantilla {
	background-image:url('Images/envioAutoDoc.png')!important;
}

.btncuestionariISO14001 {
	background-image:url('Images/cuestionari.png')!important;
}


.btnSupervisor, .btnSupervisor_ST
{
	background-image:url('Images/supervisor.png')!important;
}

.btnCliente_Operario {
	background-image:url('Images/Cliente_Operario.png')!important;
}

.btnProveedor {
	background-image:url('Images/Proveedor.png')!important;
}



.btnDesbloquearAcceso {
	background-image:url('Images/lock-unlock.png')!important;
}

.btnSalir, .btnSalir_ST {
	background-image:url('Images/arrow-curve-180.gif')!important;
}

.btnBuscar, .btnBuscarSinTexto {
	background-image:url('Images/magnifier-left.png')!important;
}

.btnGraph {
    background-image: url('Images/ExplotacioDades.png') !important;
}


.btnRegistrarHuella {
	background-image:url('Images/barcode.png')!important;	
}
.btnBuscarHuella {
	background-image:url('Images/user-silhouette-tick.png')!important;	
}


.btnGuardar {
	background-image:url('Images/disk-black.png')!important;
}

.btnAceptar {
	background-image:url('Images/tick.png')!important;
}

.btnCancelar {
	background-image:url('Images/cross.png')!important;
}

.btnAprobar {
	background-image:url('Images/thumb-up.png')!important;
}

.btnRechazar {
	background-image:url('Images/thumb.png')!important;
}

.btnNuevo {
	background-image:url('Images/document-plus.png')!important;
}

.btnValidar {
	background-image:url('Images/eye-tick.png')!important;
}

.btnPagar {
	background-image:url('Images/money-coin.png')!important;
} 

.btnImprimir {
	background-image:url('Images/printer.png')!important;
}

.btnRecargar, .btnRecargarSimple {
	background-image:url('Images/arrow-circle-225-left.png')!important;
}

.btnGenerar {
	background-image:url('Images/gear.png')!important;
}

.btnEncadenar {
	background-image:url('Images/chain.png')!important;
}

.btnDesencadenar {
	background-image:url('Images/chain-unchain.png')!important;
}

.btnSiguiente {
	background-image:url('Images/arrow-skip.png')!important;
}

.btnAnterior {
	background-image:url('Images/arrow-skip-180.png')!important;
}

.btnCopiarAnterior {
	background-image:url('Images/CopiarAnterior.png')!important;
}

.btnReabrirFicha  {
	background-image:url('Images/arrow-skip.png')!important;
}

 .btnAsignacionObj  {
	background-image:url('Images/document-attribute-o.png')!important;
}

.btnAsignacionResult {
	background-image:url('Images/document-attribute-r.png')!important;
}



.btnWebSimple {
	background-image:url('Images/globe-green.png')!important;
}

.btnMasSimple {
	background-image:url('Images/plus.png')!important;
}

.btnDetalleSimple {
	background-image:url('Images/magnifier-zoom-in-left.png')!important;
}

.btnUbicacionOrganizativaSimple {
	background-image:url('Images/sitemap-application-blue.png')!important;
}

.btnAplicacion{
	background-image:url('Images/sitemap.png')!important;
}

.btnMostrar{
	background-image:url('Images/chevron.png')!important;
}

.btnOcultar{
	background-image:url('Images/chevron-expand.png')!important;
}
.botonEliminar {
	background-image:url('Images/eraser.png')!important;
}

.botonEliminarTotsCriteris {
	background-image:url('Images/eraser.png')!important;
}

.btnExportPDF {
	background-image:url('Images/document-pdf.png')!important;
}

.btnExportExcel,.btnExportExcelSinTexto {
	background-image:url('Images/document-excel.png')!important;
}

.btnDashBoard
{
	background-image:url('Images/chart.png')!important;
}

.btnBIRDFiltreDesar {
	background-image:url('Images/funnel-save.png')!important;
}
.btnBIRDFiltreCercar {
	background-image:url('Images/funnel-eye.png')!important;
}
.btnEnviarEmail{
	background-image:url('Images/mail.png')!important;
}
.btnUpload{
	background-image:url('Images/drive-upload.png')!important;
}
.btnDownLoad{
	background-image:url('Images/drive-download.png')!important;
}

.btnAnadir{
	background-image:url('Images/plus-small.png')!important;
}
.btnQuitar{
	background-image:url('Images/minus-small.png')!important;
    
}

/************************************
estilo de los AVISOS (aviso, alerta, error)
*************************************/
.aviso, .alerta, .error, .datosCreacion, .valAuto {
    background: url("Images/information-frame.png") no-repeat scroll 7px 10px #e2f3fa;
    margin: 10px 0 10px 0;
    padding: 8px 8px 8px 32px;
    border: 1px solid #e2f3fa;
    width: auto;
    display: block;
    -moz-border-radius: 9px;
    text-align: left;
    font-size: 11px !important;
}
.alerta {
	background:url("Images/exclamation-diamond.png") no-repeat scroll 7px 10px #fdfbd0;
	border:1px solid #fdfbd0;
}

.valAuto {
    background: url("Images/card--arrow.png") no-repeat scroll 7px 10px #dcf5e3;
    border: 1px solid #95d1a6;
}
.error {
	background:url("Images/exclamation-red-frame.png") no-repeat scroll 7px 10px #f9ecec;
	border:1px solid #f9ecec;
}
.aviso ul, .alerta ul, .error ul {
	list-style:disc inside;
}
.aviso ul li, .alerta ul li, .error ul li {
	padding-left:2px;
}
.datosCreacion
{
	font-size:10px;
}


.FormularioLabel {
    font-weight: bold;
    margin: 5px 5px 5px 0;
    padding: 0 5px 0 0;
    color: #096095;
    text-align: left;
}

.FormularioLabel_DESC {
    margin: 5px 5px 5px 0;
    padding: 0 5px 0 0;
    color: black;
    text-align: left;
}

.FormularioLabel_White {
    font-weight: bold;
    margin: 5px 5px 5px 0;
    padding: 0 5px 0 5px;
    color: white;
    text-align: right;
}



/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip .tiptext {
        visibility: hidden;
        width: 250px;
        /*background-color: black;
        color: #fff;
        text-align: left;
        border-radius: 3px;
        padding: 10px 5px 10px 5px;
        position: absolute;*/
        z-index: 1000000;
        /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
        background-color: #f4f4f4;
        color: #2f2f2f;
        text-align: left;
        border-radius: 5px;
        padding: 10px 5px 10px 5px;
        position: absolute;
        display: block;
        font-size: 11px;
        font-weight: normal;
        border: 2px solid #009DE0;
    }

        .tooltip .tiptext::after {
            content: "";
            position: absolute;
            border-width: 5px;
            border-style: solid;
        }

    .tooltip:hover .tiptext {
        visibility: visible;
    }

    .tooltip.top .tiptext {
        margin-left: -60px;
        bottom: 150%;
        left: 50%;
    }

        .tooltip.top .tiptext::after {
            margin-left: -5px;
            top: 100%;
            left: 50%;
            border-color: #009DE0 transparent transparent transparent;
        }

    .tooltip.bottom .tiptext {
        margin-left: -60px;
        top: 150%;
        left: 50%;
    }

        .tooltip.bottom .tiptext::after {
            margin-left: -5px;
            bottom: 100%;
            left: 50%;
            border-color: transparent transparent #009DE0 transparent;
        }

    .tooltip.left .tiptext {
        top: -50px;
        right: 110%;
    }

        .tooltip.left .tiptext::after {
            margin-top: -50px;
            top: 50%;
            left: 100%;
            border-color: transparent transparent transparent #009DE0;
        }

    .tooltip.right .tiptext {
        top: -15px;
        left: 110%;
    }

        .tooltip.right .tiptext::after {
            margin-top: -15px;
            top: 50%;
            right: 100%;
            border-color: transparent #009DE0 transparent transparent;
        }
