@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'esphimereregular';
    src: url('/firmaemail/font/esphimere-webfont.eot');
    src: url('/firmaemail/font/esphimere-webfont.eot?#iefix') format('embedded-opentype'),
         url('/firmaemail/font/esphimere-webfont.woff2') format('woff2'),
         url('/firmaemail/font/esphimere-webfont.woff') format('woff'),
         url('/firmaemail/font/esphimere-webfont.ttf') format('truetype'),
         url('/firmaemail/font/esphimere-webfont.svg#esphimereregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Reset CSS - INICIO */
*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	outline:none;
}
::selection {background: #4490AB; color:#fff;}
::-moz-selection {background: #4490AB; color:#fff;}
a{text-decoration:none;}
body{
	min-height:100vh;
	background-image:url(/img/fondoappcinde.jpg);
	background-size:100% 100vh;
	background-attachment:fixed;
}
button{
	background:none;
	padding:0;
	border:none;
	cursor:pointer;
	outline:none;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
input{
	border:none;
	color:#6E788C;
}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* estas 3 lineas no están afectando */
	text-overflow: ellipsis;
    white-space: nowrap;
	overflow: hidden;
	/* -- */
	padding-right:20px !important;
	background-image:url(../img/camposeleccionable.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:16px 40px;
	cursor:pointer;
	color:#6E788C;
}
select option{
	color:#6E788C;
}
textarea{
	padding-top:4px !important;
}
.loginfondochrome input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #EAF3F7 inset;
   -webkit-text-fill-color: #6E788C !important;
}
.botonchicotexto{
	color: #FFF !important;
	font-weight: bold;
	font-size: 15px;
}
.botongrandetexto{
	color: #FFF !important;
	font-weight: bold;
	font-size: 18px;
}
.pulsable{
	cursor: pointer;
}

#tablaemailsc, #tablaemailsc *{
	border-collapse: collapse;
	font-family: Calibri !important;
}

@media print{
	*{
		color: black !important;	
	}
	.nuevomenu{
		display: none;
	}
}
	
/* Reset CSS - FIN */

/* Login - INICIO */
.fondologin{
	width:100%;
	height:100vh;
	background: rgba(250,250,250,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(250,250,250,1) 0%, rgba(209,209,209,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(209,209,209,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(250,250,250,1) 0%, rgba(209,209,209,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(250,250,250,1) 0%, rgba(209,209,209,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(250,250,250,1) 0%, rgba(209,209,209,1) 100%);
	background: radial-gradient(ellipse at center, rgba(250,250,250,1) 0%, rgba(209,209,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d1d1', GradientType=1 );
}
.cajalogingeneral{
	width:280px;
	height:340px;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
	text-align:left;
	-webkit-box-shadow: 0px 0px 109px -17px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 109px -17px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 109px -17px rgba(0,0,0,0.4);
}
.titulologin{
	width:100%;
	height:80px;
	background-color:#fff;
	background-image:url(../img/logologin.png);
}
.subtitulologin{
	width:100%;
	height:40px;
	background-color:#003d6e;
	text-align:center;
	line-height:40px;
	color:#fff;
	background-image:url(../img/minisombra.svg);
	background-repeat:repeat-x;
	background-position:left top;
	font-weight:600;
}
.cuerpologin{
	background-image:url(../img/minisombra.svg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#FFF;
	height:220px;
	width:100%;
	text-align:center;
}
.avisoerror{
	height:20px;
	line-height:30px;
	color:#B30002;
	width:100%;
}
.labellogin{
	height:30px;
	line-height:30px;
	width:100%;
	text-align:left;
	padding-left:30px;
	color:#6E788C;
}
.inputadmin{
	height:30px;
	width:240px;
	margin:0 auto;
	border:none;
	background-color:#EAF3F7;
	padding:0 10px;
	outline:none;
}
.botonlogin{
	height:30px;
	width:100px;
	margin:20px auto 20px;
	color:#FFF;
	background-color:#82BE3C;
	border:none;
	outline:none;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botonlogin:hover{
	background-color:#8ACC3F;
}
/* Login - FIN */


/* Menú Lateral - INICIO */
.menu{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:60px;
	/*background-image:url(../img/sombramenu.svg);
	background-repeat:repeat-y;*/
	background-color:#384569;
	z-index:9999;
}

.menuestatico{
	width:60px;
	height:60px;
	background-color:#384569;
	background-image:url(../img/icomenu.svg);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	cursor:pointer;
}
.menuestatico:hover{background-color:#414E70;}

.opcionmenu{
	vertical-align:top;
	display:inline-block;
	width:60px;
	height:60px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:top left, 60px top;
	background-color:#384569;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}

.menuclientes{
	background-image:url(../img/icocliente.svg);
	background-size:auto 60px;
}
.menuclientespulsado{
	background-image:url(../img/icocliente.svg);background-color:#DB218A;
	background-size:auto 60px;
}
.menuclientes:hover{background-color:#DB218A;}
.menupresupuestos{
	background-image:url(../img/icomenupresupuestos.svg);
}
.menupresupuestospulsado{
	background-image:url(../img/icomenupresupuestos.svg);background-color:#6E38A1;
}
.menupresupuestos:hover{background-color:#6E38A1;}
.menuproforma{
	background-image:url(../img/icomenuproforma.svg);
}
.menuproformapulsado{
	background-image:url(../img/icomenuproforma.svg);background-color:#3778C7;
}
.menuproforma:hover{background-color:#3778C7;}
.menufacturasemitidas{
	background-image:url(../img/icomenucentros.svg);
}
.menufacturasemitidaspulsado{
	background-image:url(../img/icomenucentros.svg);background-color:#00A69B;
}
.menufacturasemitidas:hover{background-color:#00A69B;}
.menufacturasrecibidas{
	background-image:url(../img/ico40calendario.svg);
	background-size:50px;
	background-position:center;
}
.menufacturasrecibidaspulsado{
	background-image:url(../img/ico40calendario.svg);background-color:#32823A;
	background-size:50px;
	background-position:center;
}
.menufacturasrecibidas:hover{background-color:#32823A;}
.menumovimientos{
	background-image:url(../img/icomenumovimientos.svg);
}
.menumovimientospulsado{
	background-image:url(../img/icomenumovimientos.svg);background-color:#82AD00;
}
.menumovimientos:hover{background-color:#82AD00;}
.menuasesoria{
	background-image:url(../img/icomenudocumentos.svg);
}
.menuasesoriapulsado{
	background-image:url(../img/icomenudocumentos.svg);background-color:#E3B200;
}
.menuasesoria:hover{background-color:#E3B200;}
.menustats{
	background-image:url(../img/ico60preins.svg);
	background-size:50px;
	background-position:center;
}
.menustatspulsado{
	background-image:url(../img/ico60preins.svg);background-color:#E36E00;
	background-size:50px;
	background-position:center;
}
.menustats:hover{background-color:#E36E00;}
.menusalir{
	background-image:url(../img/icomenusalir.svg);
}
.menusalir:hover{background-color:#BF1B3C;}
.menuprofesionales{
	background-image:url(../img/icomenuprofesionales.svg);
}
.menuprofesionalespulsado{
	background-image:url(../img/icomenuprofesionales.svg);background-color:#BF1B3C;
}
.menuprofesionales:hover{background-color:#BF1B3C;}


/* Menú nuevo */
.fondogeneralmenu{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
	z-index:9998;
}
.nuevomenu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:9999;
	background-color:#003d6e;
	-webkit-box-shadow: 0px -57px 23px 58px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -57px 23px 58px rgba(0,0,0,0.5);
	box-shadow: 0px -57px 23px 58px rgba(0,0,0,0.5);
}
.subnuevomenu{
	width:1260px;
	height:50px;
	margin:0 auto;
}
.predesplegable{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:9998;
}
.subpredesplegable{
	width:1260px;
	height:50px;
	margin:0 auto;
}
.menudesplegable{
	max-width: 1010px;/*ANTES 720px*/
	margin-top: 50px;
	height: auto;
    display: none;
    position: absolute;
    background-color: #FFF;
    z-index:998;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(34,34,34,0.6);
	-moz-box-shadow: 0px 0px 15px 2px rgba(34,34,34,0.6);
	box-shadow: 0px 0px 15px 2px rgba(34,34,34,0.6);
}
.submenudesplegable{
	padding:10px;
}
.botonmenunuevo{
	width:120px;
	height:120px;
	margin:10px;
	display:inline-block;
	vertical-align:top;
}
.iconobotonmenu{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	width:60px;
	height:60px;
	margin:10px auto 0;
	background-repeat:no-repeat;
	background-size:60px;
}
.textobotonmenu{
	text-align:center;
	color:#6E7891;
	margin-top:11px;
}
.textobotonmenu2{
	text-align:center;
	color:#6E7891;
	margin-top:6px;
}
.botonabremenu{
	width:50px;
	height:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	display:inline-block;
	vertical-align:top;
	background-repeat:no-repeat;
	background-size:50px;
	background-image:url(../img/inmenu.svg);
	position:fixed;
	top:0;
	left:0;
}
.botonavisos{
	width:50px;
	height:50px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	background-repeat:no-repeat;
	background-size:50px;
	background-image:url(../img/inavisos.svg);
	position:fixed;
	top:0;
	left:50px;
}
.cantidadavisos{
	width:20px;
	height:20px;
	line-height:22px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin:25px 0 0 25px;
	background-color:#EB1216;
	color:#FFF;
	font-size:12px;
	text-align:center;
}
.botoncerrarapp{
	width:50px;
	height:50px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	cursor:pointer;
	float:right;
	background-repeat:no-repeat;
	background-size:50px;
	background-image:url(../img/insalir.svg);
	position:fixed;
	top:0;
	right:0;
}
.botoncerrarapp:hover{
	background-color:#E6163F;
}
.botonconfiguracion{
	width:50px;
	height:50px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	cursor:pointer;
	float:right;
	background-repeat:no-repeat;
	background-size:50px;
	background-image:url(../img/inconfiguracion.svg);
	position:fixed;
	top:0;
	right:50px;
}
.hoverbotonessuperiores:hover{
	background-color:rgba(0,0,0,0.75);
}
.tituloseccion{
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:21px;
	display:inline-block;
	vertical-align:top;
	position:fixed;
	top:0;
	right:100px;
	left:100px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (min-width: 1260px){
	.botonabremenu,.botonavisos,.botonavisos2,.botoncerrarapp,.botonconfiguracion{
		position:relative;
		top:0;
		left:0;
		right:0;
	}
	.tituloseccion{
		width:900px;
		/*position:relative;
		left:0;
		right:0;*/
		margin:0 auto;
	}
}
.inclientes{ background-image:url(../img/inclientes.svg); }
.inproveedores{ background-image:url(../img/ico60proveedores.svg); }
.inoperarios{ background-image:url(../img/ico60operarios.svg); }
.insiniestros{ background-image:url(../img/ico60siniestros.svg); }
.intramitadores{ background-image:url(../img/ico60tramitadores.svg); }
.inperitos{ background-image:url(../img/ico60peritos.svg); }
.inplanning{ background-image:url(../img/ico60planning.svg); }
.inpresupuestos{ background-image:url(../img/inpresupuestos.svg); }
.inalbaranes{ background-image:url(../img/inalbaranes.svg); }
.inproforma{ background-image:url(../img/inproforma.svg); }
.inmovimientos{ background-image:url(../img/ico40calendario.svg); background-size: 54px; background-position:center;  }
.infemitidas{ background-image:url(../img/infemitidas.svg); }
.infrecibidas{ background-image:url(../img/infrecibidas.svg); }
.inproyectos{ background-image:url(../img/inproyectos.svg); }
.inasesoria{ background-image:url(../img/inasesoria.svg); }
.inprofesionales{ background-image:url(../img/inprofesionales.svg); }
.inocupacion{ background-image:url(../img/ico60preins.svg); }
.inlicitaciones{ background-image:url(../img/ico60licitaciones.svg); }
.innominas{ background-image:url(../img/ico60nominas.svg); }
.inpedidos{ background-image:url(../img/ico60informesg.svg); }
.invisados{ background-image:url(../img/ico60visados.svg); }
.inpartes{ background-image:url(../img/inalbaranes.svg); }
.insubcon{ background-image:url(../img/ico60subcon.svg); }
.insubconcomp{ background-image:url(../img/ico60pedidos.svg); }
.inadmin{ background-image:url(../img/ico40configuracion.svg); }
.inrecursos{ background-image:url(../img/ico60recursos.svg); }
/* fin menu */

.logomenu{
	position:absolute;
	width:60px;
	height:60px;
	bottom:20px;
	background-image:url(../img/logomenu.svg);
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.version{
	position:absolute;
	text-align:center;
	font-size:12px;
	width:60px;
	height:20px;
	bottom:5px;
}
.avisos{
	float:right;
	width:20px;
	height:20px;
	line-height:20px;
	margin:4px;
	font-size:13px;
	color:#FFF;
	text-align:center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/* Menú Lateral - FIN */

.rojofijo *{
	color:#E02023 !important;
}
/* Menú Central - INICIO */
.backmenucentral{
	position:relative;
	width:100%;
	/*padding-left:60px;*/
	/*background-color:#202636;*/
	/*user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;*/
}

@media (min-width: 8000px){/*1480px*/
	.backmenucentral{
		position:fixed;
	}
}
.menucentral{
	width:1280px;
	padding:0 10px;
	margin:100px auto 0;
}
.menucentral>input{
	line-height:40px;
	background-color:#fff;
}
.barraopcion1{
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:20px;
}
.barraopcion12{
	width:100%;
	height:40px;
	line-height:40px;
    text-align: center;
    /* margin-top: 20px; */
}
.menucentral2{
	/*width:1280px;
	padding:0 10px;
	margin:100px auto 0;*/
	width: 100%;
    padding: 10px 10px;
    position: fixed;
    background-color: #7f889e;
    top: 50px;
}
.menucentral2>input{
	line-height:40px;
	background-color:#fff;
}
.botoncontexto{
	height:40px;
	vertical-align:top;
	line-height:40px;
	text-align:center;
	padding:0 15px 0 65px;
}
.seleccionable{
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0 15px 0 65px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	text-align:left;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.seleccionable:hover + .picoseleccionable,.picoseleccionable:hover{
	background-color:#57A9C7;
}
.picoseleccionable{
	background-image:url(../img/seleccionable.svg);
	background-position:-2px center;
	width:24px;
	height:40px;
	display:inline-block;
	background-color:#4490AB;
	vertical-align:top;
	text-align:center;
	border-left:2px solid #36829E;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.preseltipo{
	position:relative;width:254px; display:inline-block;vertical-align:top;
}
.listaseleccionable{
	position:absolute; width:210px; display:none; background-color:#202636; padding-top:2px;
}
.listaseleccionable2{
	position:absolute; width:230px; display:none; background-color:#202636; padding-top:2px;
}
.listaseleccionable3{
	position:absolute; width:40px; display:none; background-color:#202636; padding-top:2px;
}
.preselestado{
	position:relative;width:74px; display:inline-block;vertical-align:top; margin-right:20px;
}
.seleccionableestado0{
	background-image:url(../img/icotodos.svg);
	background-size: 40px;
	width:40px;
	height:40px;
	padding:0;
}
.seleccionableestado1{
	background-image:url(../img/icopendientes.svg);
	background-size: 40px;
	width:40px;
	height:40px;
	padding:0;
}
.seleccionableestado2{
	background-image:url(../img/icocheck.svg);
	background-size: 40px;
	width:40px;
	height:40px;
	padding:0;
}
.seleccionableestado3{
	background-image:url(../img/icoaspa.svg);
	background-size: 40px;
	width:40px;
	height:40px;
	padding:0;
}
.seleccionableestado0_2{
	background-image:url(../img/icotodos.svg),url(../img/icosombra50.svg);
    background-position: -5px center, 40px center;
	background-repeat:no-repeat;
	width:163px;
	height:40px;
	padding: 0 15px 0 65px;
}
.seleccionableestado1_2{
	background-image:url(../img/icopendientes.svg),url(../img/icosombra50.svg);
    background-position: -5px center, 40px center;
	background-repeat:no-repeat;
	width:163px;
	height:40px;
	padding: 0 15px 0 65px;
}
.seleccionableestado2_2{
	background-image:url(../img/icocheck.svg),url(../img/icosombra50.svg);
    background-position: -5px center, 40px center;
	background-repeat:no-repeat;
	width:163px;
	height:40px;
	padding: 0 15px 0 65px;
}
.seleccionableestado3_2{
	background-image:url(../img/icoaspa.svg),url(../img/icosombra50.svg);
    background-position: -5px center, 40px center;
	background-repeat:no-repeat;
	width:163px;
	height:40px;
	padding: 0 15px 0 65px;
}

.fondoazulfactucode{
	background-color:#4490AB;
}
.fondoazulfactucodeoscuro{
	background-color:#36829E;
}

.botonrosa{background-color:#DB218A;}
.botonrosa:hover{background-color:#ED2F9B;}
.fondorosa{background-color:#DB218A;}

.botonmorado{background-color:#6E38A1;}
.botonmorado:hover{background-color:#8742C7;}
.fondomorado{background-color:#6E38A1;}

.botonazul{background-color:#3778C7;}
.botonazul:hover{background-color:#3D94FF;}
.fondoazul{background-color:#3778C7;}

.botonceleste{background-color:#00A8F0;}
.botonceleste:hover{background-color:#40C6FF;}
.fondoceleste{background-color:#00A8F0;}

.botonturquesa{background-color:#00A69B;}
.botonturquesa:hover{background-color:#0DBFB3;}
.fondoturquesa{background-color:#00A69B;}

.botonverde{background-color:#32823A;}
.botonverde:hover{background-color:#399E43;}
.fondoverde{background-color:#32823A;}

.botonpistacho{background-color:#82AD00;}
.botonpistacho:hover{background-color:#99CC00}
.fondopistacho{background-color:#82AD00;}

.botonamarillo{background-color:#FFA000;}
.botonamarillo:hover{background-color:#FFBB00;}
.fondoamarillo{background-color:#FFA000;}

.botonnaranja{background-color:#Ff6400;}
.botonnaranja:hover{background-color:#FF9A26;}
.fondonaranja{background-color:#Ff6400;}

.botonrojo{background-color:#BF1B3C;}
.botonrojo:hover{background-color:#E6163F}
.fondorojo{background-color:#BF1B3C;}

.botonrosado{background-color:#c254ca;}
.botonrosado:hover{background-color:#d394d8;}
.fondorosado{background-color:#c254ca;}

.botonmarron{background-color:#783C14;}
.botonmarron:hover{background-color:#AD6332;}
.fondomarron{background-color:#783C14;}

.botonnegro{background-color:#000;}
.botonnegro:hover{background-color:#000;}
.fondonegro{background-color:#000;}

.botonazulv{background-color:#293B5F;}
.botonazulv:hover{background-color:#4A5B7D;}
.fondoazulv{background-color:#293B5F;}

.botontur{background-color:#cddc39;}
.botontur:hover{background-color:#d8e461;}
.fondotur{background-color:#cddc39;}

.botongris{background-color:#767676;}

.botonchico{
	width:30px;
	min-width:20px;
	margin:0 3px;
	height:30px;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botonmediano{
	width:30px;
	height:30px;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botongrande{
	width:40px;
	height:40px;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.boton30mas{
	background-image:url(../img/ico30mas.svg);
	background-repeat:no-repeat;
}
.boton30recargar{
	background-image:url(../img/recargar.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center;
}
.boton30aspa{
	background-image:url(../img/ico30aspa.svg);
	background-repeat:no-repeat;
}
.boton30check{
	background-image:url(../img/ico30check.svg);
	background-repeat:no-repeat;
}
.boton30estrella{
	background-image:url(../img/ico30estrella.svg);
	background-repeat:no-repeat;
}
.boton30subir{
	background-image:url(../img/icoarchivos.svg);
	background-repeat:no-repeat;
	background-position:-2px center;
	background-size:auto 35px;
}
.boton30vernotas {
    background-image: url(../img/ico30vernotas.svg);
    background-repeat: no-repeat;
}

.cuerpo{
	width:100%;
	padding:0;
}
@media (min-width: 8000px){/*1480px*/
	.cuerpo{
		padding:240px 0 0 0;
	}
}
.cuerpoform{
	width:100%;
	padding:100px 0 0 0;
}
.contenidocuerpo{
	width:1280px;
	padding:0 10px;
	margin:0 auto 50px;
}
.contenidocuerpo2{
	width:1280px;
	padding:0 10px;
	margin:150px auto 50px;
}



.linkarchivoserver:hover{
	color: #BF1B3C;
}



/* Menú Clientes - INICIO */
.botonnuevocliente{
	background-image:url(../img/iconuevocliente.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonborrarcliente{
	background-image:url(../img/icoborrarcliente.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonborrarpedido{
	background-image:url(../img/icoaspa.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonmail{
	background-image:url(../img/icoemail.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonarchivos{
	background-image:url(../img/icoarchivos.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	color:#FFF;cursor:pointer;position:absolute;left:350px;
}
.botonarchivos2{
	background-image:url(../img/icoarchivos.svg),url(../img/icosombra50.svg);
	background-position:left center, 50px center;
	background-repeat:no-repeat;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	color:#FFF !important;
	cursor:pointer;
}
.botonseleccionar{
	background-image:url(../img/icoseleccionar.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	cursor:pointer;
	color:#FFF !important;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botonguardarproveedor {
    color: #fff !important;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 30px;
    display: inline-block;
    cursor:pointer;
    padding: 0 15px 0 60px;
    background-image:url(../img/ico30mas.svg),url(../img/icosombra50.svg);
	background-position: 5px center, 40px center;
	background-repeat:no-repeat;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.botonpdfmanual{
	background-image:url(../img/ico30pdf.svg),url(../img/icosombra50.svg);
	background-position:6px center, 40px center;
	background-repeat:no-repeat;
	cursor: pointer;
}
.botonguardar{
	background-image:url(../img/icocheck.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonbajar{
	background-image:url(../img/ico30bajar.svg),url(../img/icosombra50.svg);;
	background-position:5px center, 40px center;
	background-repeat:no-repeat;
}
.botonvolver{
	background-image:url(../img/ico40cancelar.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonnuevo{
	background-image:url(../img/icomas.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonnuevochico {
    background-image: url(../img/icomas.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.botonactualizar{
	background-image:url(../img/ico30actualizar.svg);
	background-position:0 center, 40px center;
	background-repeat:no-repeat;
}
.botonaspa{
	background-image:url(../img/icoaspa.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonclonar{
	background-image:url(../img/icoclonar.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
}
.botonfactura{
	background-image:url(../img/icopasarafactura.svg),url(../img/icosombra50.svg);
	background-position:0px center, 40px center;
	background-repeat:no-repeat;
	background-size: 40px,auto;
}
.seleccionablecliente{
	background-image:url(../img/icocliente.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	width:210px;
}
.seleccionableproveedor{
	background-image:url(../img/icoproveedor.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	width:210px;
}
.seleccionableclienteyproveedor{
	background-image:url(../img/icoclienteyproveedor.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	width:210px;
}
.seleccionablecliente2{
	background-image:url(../img/icocliente.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	width:230px;
}
.seleccionableproveedor2{
	background-image:url(../img/icoproveedor.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	width:230px;
}
.seleccionableclienteyproveedor2{
	background-image:url(../img/icoclienteyproveedor.svg),url(../img/icosombra50.svg);
	background-position:-5px center, 40px center;
	background-repeat:no-repeat;
	width:230px;
}
.subtitulogeneral{
	width:1260px; height:40px; line-height:40px; font-size:17px; text-align:center; vertical-align:top; display:inline-block;
}
.campobuscarcliente{
	display:inline-block;
	float:right;
}
.campobuscar{
	display:inline-block;
	vertical-align:top;
}
.campofechas{
	display:inline-block;
	float:right;
}
.negritanormal{
	color:#6E7891;
	font-weight:bold;
}
.inputbuscacliente{
	width:460px;
	height:40px;
	display:inline-block;
	padding-left:15px;
}
.inputbuscar{
	width:225px;
	height:40px;
	display:inline-block;
	padding-left:8px;
}
.inputfecha{
	width:150px;
	height:40px;
	display:inline-block;
	padding:10px 12px 10px 8px;
	background-image:url(../img/calendarioverde.svg);
	background-position:80px center;
	background-repeat:no-repeat;
}
.inputfecha2{
	width:150px;
	height:40px;
	margin-left:10px;
	display:inline-block;
	padding:10px 12px 10px 8px;
	background-image:url(../img/calendariorojo.svg);
	background-position:80px center;
	background-repeat:no-repeat;
}
.inputfecha:hover,.inputfecha2:hover,.inputfecha:focus,.inputfecha2:focus{
	cursor:pointer;
	background-image:inherit;
}
.selclientes{
	width:200px;
	height:40px;
	display:inline-block;
	vertical-align: top;
	padding-left:8px;
	padding-right:52px !important;
	border:0;
	background-image:url(../img/icoseleccionableizquierda.svg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 40px;
	margin-right:20px;
	color:#6E788C;
}
.selclientes:hover{
	background-image:url(../img/icoseleccionableizquierda2.svg);
}
.selclientes *{
	color:#6E788C;
}
.selmes{
	width:170px;
	height:40px;
	display:inline-block;
	padding-left:8px;
	padding-right:52px !important;
	border:0;
	background-image:url(../img/icoseleccionableizquierda.svg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 40px;
	margin-right:20px;
	color:#6E788C;
}
.selmes:hover{
	background-image:url(../img/icoseleccionableizquierda2.svg);
}
.selmes *{
	color:#6E788C;
}
.botonexcel{
	background-image:url(../img/icoexcel.svg);
	background-size: 40px;
}
.boton30excel{
	background-image:url(../img/ico30excel.svg);
	background-size: 30px;
}
.botonbuscarcliente{
	width:70px;
	height:40px;
	display:inline-block;
	vertical-align:top;
	background-color:#4490AB;
	background-image:url(../img/buscarizquierda.svg);
	background-position:center center;
}
.botonbuscarcliente:hover{background-color:#57A9C7;}
.botonfechas{
	width:70px;
	height:40px;
	display:inline-block;
	vertical-align:top;
	background-image:url(../img/icocalendarioderecha.svg);
	background-position:left center;
}

/* Menú Clientes - FIN */

/* Paginado - INICIO */
.paginado{
	width:100%;
	height:30px;
	margin-top: 20px;
	background-color:rgba(57, 69, 99, 0.2);
}
.paginado>*{
	display:inline-block;
	line-height:30px;
	vertical-align:top;
}
.paginado>input{
	width:60px;
	height:30px;
	padding:0 6px;
	text-align:center;
}
.titulopagina{
	width:100px;
	height:30px;
	text-align:center;
	color:#fff;
	background-color:#4490AB;
}
.cajapaginas{
	height:30px;
	overflow:hidden;
}
.cajapaginas>*{
	display:inline-block;
}
.pasapagina{
	width:30px;
	height:30px;
	background-color:#3f4c6b;
}
.pasapagina:hover{background-color:#4490AB;}
.pagtopizq{background-image:url(../img/icotoppagizq.svg);}
.pagizq{background-image:url(../img/icopagizq.svg);}
.pagtopdch{background-image:url(../img/icotoppagdch.svg);}
.pagdch{background-image:url(../img/icopagdch.svg);}
.paginas{
	width:980px;
	height:30px;
	vertical-align:top;
}
.pagnum{
	width:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.pagnum:hover{background-color:#4490AB}
.pagnumselec{
	background-color:#4490AB;
	font-weight:bold;
}
/* Paginado - FIN */
/* Menú Central - FIN */

.boton24observaciones{
	background-image:url(../img/ico24avisoobservaciones.svg);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	display: inline-block;
    vertical-align: top;
	background-position: 0 3px;
}

.check{
	display:inline-block;
	vertical-align:top;
    margin: 0;
	width:26px;
	height:26px;
	background-image:url(../img/tablacheck.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.check:hover{
	/*background-image:url(../img/tablachecked.svg);*/
}
.checkpulsado{
	display:inline-block;
	vertical-align:top;
	margin: 0;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	background-image:url(../img/tablachecked.svg);
}
.opcioncheckn{
	display:inline-block;
	vertical-align:top;
    margin: 0;
	width:30px;
	height:30px;
	background-image:url(../img/tablacheck.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.opcioncheckn:hover{
	/*background-image:url(../img/tablachecked.svg);*/
}
.opcionchecks{
	display:inline-block;
	vertical-align:top;
	margin: 0;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	background-image:url(../img/tablachecked.svg);
}

.checkn,.checktbn{
	display:inline-block;
	vertical-align:top;
    margin: 0;
	width:26px;
	height:26px;
	background-image:url(../img/tablacheck.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.checks,.checktbs{
	display:inline-block;
	vertical-align:top;
	margin: 0;
	width:26px;
	height:26px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	background-image:url(../img/tablachecked.svg);
}

/* Tablas - INICIO */
.tablacheck{
	width:30px;
	height:30px;
	background-image:url(../img/tablacheck.svg);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.tablacheck:hover{
	background-image:url(../img/tablachecked.svg);
}
.tablacheckpulsado{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	background-image:url(../img/tablachecked.svg);
}
.divoverflow{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Tabla Clientes - INICIO */
.tablageneral{
	margin-top:30px;
}
.tablacabecera{
	height:30px;
	line-height:30px;
	background-color:#4490AB;
}
.tablacheckcabecera{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.tablacheckcabecera:hover{
	background-color:#57A9C7;
}
.tablatitulo{
	text-align:center;
	border-left:2px solid #36829E;
	cursor:pointer;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.tablatitulo:hover{background-color:#57A9C7}
.tablatitulosin{
	text-align:center;
	border-left:2px solid #36829E;
	color:#FFF !important;
}
.tablatitulosin2{
	text-align:center;
	border-left:2px solid #36829E;
	border-bottom:2px solid #FFF;
	color:#FFF !important;
}
/* Tabla Clientes - FIN */


.est_altura1{
	background-color: #a6cee6 !important;
}
.est_altura2{
	background-color: #cfe4f1 !important;
}
.est_altura3{
	background-color: #e4eef7 !important;
}
.est_altura4{
	background-color: #f0f7fb !important;/*f7fcfd*/
}
.est_altura5{
	background-color: #FFF !important;/*f7fcfd*/
}

.inputsubform2{
	height:30px;
	background-color:#f0f7fb;
	padding:0 6px;
	border:0;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.inputsubform2:hover,.inputsubform2:focus{
	background-color:#e4eef7;
}

/* Tabla General - INICIO */
.fila{
	height:30px;
	cursor:pointer;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.fila.fila2{
	cursor:default;
}
.fila td{
	padding:2px 6px 2px;
	color:#6E7891;
}
.fila td div{
	color:#6E7891;
}
.fila:hover{background-color:#BFDEEB}
.fila:hover>td{color:#6E7891}
.fimpar{background-color:#fff;}
.fpar{background-color:#EAF3F7;}
.fimparam{background-color:#F7DEBA;} /*para que en el listado de facturas, las FRI aparezcan en amarillo*/
.fparam{background-color:#FEDAA3;} /*para que en el listado de facturas, las FRI aparezcan en amarillo*/
.fimparamanul{background-color:#FFC17B;} /*para que en el listado de facturas, las FRI ANUL aparezcan en amarillo*/
.fparamanul{background-color:#FFB766;} /*para que en el listado de facturas, las FRI ANUL aparezcan en amarillo*/
.fimparna{background-color:#FFD5BCB8;} /*para que en el listado de facturas, las EMP aparezcan en naranja*/
.fparna{background-color:#FFB78EB8;} /*para que en el listado de facturas, las EMP aparezcan en naranja*/
.fimparaz{background-color:#A4BBFFB8;} /*para que en el listado de facturas, las ALM aparezcan en azul*/
.fparaz{background-color:#BCCDFF8F;} /*para que en el listado de facturas, las ALM aparezcan en azul*/
.fimparazanul{background-color:#8EAAFFB8;} /*para que en el listado de facturas, las ALM ANUL aparezcan en azul*/
.fparazanul{background-color:#A2BAFF8F;} /*para que en el listado de facturas, las ALM ANUL aparezcan en azul*/
.fimparve{background-color:#4bda4757;} /*para que en el listado de comparativos, los pedidos con fecha envío definida aparezcan en verde*/
.fparve{background-color:#3ac73663;} /*para que en el listado de comparativos, los pedidos con fecha envío definida aparezcan en verde*/
.fimparg{background-color:#EDEDED;} /*para el listado de subcontratas*/
.fparg{background-color:#D3D7D8;} /*para el listado de subcontratas*/

.tcgeneral{
	border-left:2px solid rgba(68,144,171,0.10);
}
.filasubtabla{
	border-left:2px solid #FFF;
	background-color:#FFF;
	padding-bottom:2px;
	color:#6E788C;
}
.tdtotales{
	text-align:center;
	font-size:15px;
	padding:10px 0;
}
.entablaEntSal td{
	padding: 2px 0;
}
/* Tabla General- FIN */
/* Tablas - FIN */

/* Formularios - INICIO */
.cuadrotitulo{
	height:40px;
	line-height:40px;
	padding:0 30px;
	display:inline-block;
	margin:0 auto 30px;
	font-size:20px;
}
.fondoform{
	width:100%;
	background-color:#FFF;
	padding:15px 20px 35px;
}
.pretabla{
	background-color:#394563;
	height:40px;
	width:1260px;
	text-align:left;
	position:relative;
}
.tablaform{
	text-align:right;
	margin:0 auto;
	padding: 0;
}
.tablaform *{
	color:#6E7891;
}
.tituloform{
	width:100%;
	border-bottom:2px solid #B0CDD9;
	margin:0 auto 15px;
	font-size:16px;
	text-align:center;
	padding:20px 0 7px;
}
.inputform{
	width:270px;
	height:30px;
	background-color:#EAF3F7;
	padding:0 6px;
	border:0;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.inputform.medio{
	width: 133px;
}
.inputform:hover,.inputform:focus{
	background-color:#F0F7FA;
}
.inputform2{
	width:270px;
	height:30px;
	background-color:#FFFFFF;
	padding:0 6px;
	border:0;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.inputform2:hover,.inputform:focus{
	background-color:#f6fdff;
}

.inputform3{
	width:146px;/*158 antes*/
	height:30px;
	background-color:#EAF3F7;
	vertical-align: top;
	padding:0 6px;
	border:0;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.inputform3.anchomedio{
	width: 158px;
}
.inputform3.ancho{
	width: 170px;
}
.inputform4{
	width:198px;
	height:30px;
	background-color:#EAF3F7;
	padding:0 6px;
	border:0;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.inputform4:hover,.inputform4:focus{
	background-color:#F0F7FA;
}

.inputform2:hover,.inputform3:hover,.inputform:focus{
	background-color:#f6fdff;
}

.inputsubform{
	height:30px;
	background-color:#EAF3F7;
	padding:0 6px;
	border:0;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.inputsubform:hover,.inputsubform:focus{
	background-color:#F0F7FA;
}
.inputerror{
	border:2px solid #BF1B3C !important;
}
.tdlabel{
	width:137px;
	padding:0px 4px 2px 0;
	line-height:14px;
}
.tdlabel2{
	width:136px;
	padding:2px 4px 2px 0;
	line-height:14px;
}
.tdlabel3{
	width:90px;
	padding:2px 4px 2px 0;
	text-align:left;
	line-height:14px;
}
.tdlabel4 {
    height: 38px;
    line-height: 14px;
    padding: 2px 4px 2px 0;
    text-align: left;
    width: 90px;
}
.tdlabel4.largo{
	text-align:right;
	width:210px;
}
.tdlabel4.medio{
	text-align:right;
	width:130px;
}
.tdlabellargo{
	width:1083px;
	padding:2px 0px 2px 0;
}
.tderror{
	font-weight:bold;
	color:#E02023;
}
.tdinput{
	width:270px;
	padding:4px 0;
	height:38px;
}
.tdinput2{
	width:570px;
	padding:4px 0;
	text-align:left;
}
.tdinput3{
	width:1083px;
	padding:4px 0;
	text-align:left;
}
.tdinput4 {
    padding: 2px 0;
    width: 170px;
    vertical-align: top;
}
.selectcolores{
	background-color: #fff;
	background-image: none;
	border:1px solid #EAF3F7;
	height: 30px;
	padding: 0 !important;
	position: relative;
	width: 12px;
}
.botonweb{
	width:30px;
	height:30px;
	vertical-align:top;
	display:inline-block;
	background-image:url(../img/campoweb.svg);
}
.botonemail{
	width:30px;
	height:30px;
	vertical-align:top;
	display:inline-block;
	background-image:url(../img/campoemail.svg);
}
.botonlupa{
	width:40px;
	height:40px;
	vertical-align:top;
	display:inline-block;
	background-image:url(../img/ico30lupa.svg);
	background-size:40px;
	margin-left:10px;
	margin-right:0;
}
.botonflechader{
	width:40px;
	height:40px;
	vertical-align:top;
	display:inline-block;
	background-image:url(../img/icopagdch.svg);
	background-size:40px;
	margin-left:3px;
	margin-right:0px;
}
.botonlupa12x30{
	background-image:url(../img/ico12x30lupa.svg);
}
.botonemail30{
	background-image:url(../img/ico30email.svg);
}
.botonclonar30{
	background-image:url(../img/ico30clonar.svg);
}
.botonlupa30{
	background-image:url(../img/ico30lupa.svg);
}
.botoncarpetas30{
	background-image:url(../img/ico30carpetas.svg);
}
.botonpdf30{
	background-image:url(../img/ico30pdf.svg);
}
.botonaspa30{
	background-image:url(../img/ico30aspa.svg);
}
.botonsubir30{
	background-image:url(../img/ico30subir.svg);
}
.botonbajar30{
	background-image:url(../img/ico30bajar.svg);
}
.botonsubir230{
	background-image:url(../img/ico30subir2.svg);
}
.botonfechas40{
	background-image:url(../img/ico40calendario.svg);
}
.botoncheck40{
	background-image:url(../img/ico40check.svg);
}
.botonaspa40{
	background-image:url(../img/ico40aspa.svg);
}
.botonaspa30{
	background-image:url(../img/ico40aspa.svg);
	background-size:30px;
}
.botonstats30{
	background-image:url(../img/inproyectos.svg);
	background-size:38px;
	background-position:center;
}
.botonvalidar30{
	background-image:url(../img/inalbaranes.svg);
	background-size:38px;
	background-position:center;
}
.botonpago30{
	background-image:url(../img/inpresupuestos.svg);
	background-size:38px;
	background-position:center;
}
.marcoimagen{
	width:100%;
	border:4px solid #EAF3F7;
	padding: 20px;
	text-align:center;
	vertical-align:middle;
	/*display:table-cell;*/
}
.sinimagen{
	background-color:#EAF3F7;
	width:300px;
	/*height:100px;*/
	margin:0 auto;
	cursor:pointer;
	padding:10px;
}
.divautocompletar{
	margin-top:2px;
	position:absolute;
	z-index: 9999;
	width:270px;
	background-color:#EAF3F7;
	display:none;
}
.pselectores{
	text-align:left;
	padding:10px;
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.pselectores:hover{
	background-color:#BFDEEB;
}
.cajaarchivo{
	border:2px solid #BF1B3C;
	height:30px;
	line-height:26px;
	display:inline-block;
	vertical-align:top;
	padding:0 6px;
	color: #000;
}
.cajaarchivo2{
	border:2px solid #BF1B3C;
	height:32px;
	line-height:27px;
	display:inline-block;
	vertical-align:top;
	padding:1px 0 0 6px;
}

.divtablaVacaciones {
    overflow-x: hidden;
    max-height: 200px;
}

.divtablaVacaciones tr.tablacabecera {
    position: absolute;
}

.divtablaVacaciones tr:nth-child(2) td {
    border: 15px solid transparent;
}


/* Formularios - FIN */

/* Licitaciones - INICIO */

.titulocolumna{
	text-align: center;
	font-size: 20px;
	padding-bottom:10px;
}

/* Licitaciones - FIN */

/* Pedidos - INICIO */

.eliminarprov{
	width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
    background-position: center;
}

.preciominimo{
	color: #59AD00;
}

/* Pedidos - FIN */

/* Partes - INICIO */

.contenidocuerpo.parte{
	width:100%;
	max-width: 1280px;
}

.labelpartes {
    text-align: left;
}

.labelpartes.horas, .labelpartes.minutos {
    display: inline-block;
    vertical-align: middle;

}
.labelpartes.minutos{text-align: center;width: 75px;}
.labelpartes.horas{width: 55px;}
.inputpartes.horas, .inputpartes.minutos {
    display: inline-block;
    vertical-align: middle;
}

.inputpartes.horas .inputform, .inputpartes.minutos .inputform{
	width: 70px;
}

#obser-parte{
	height: 100px;
}

/*Partes - FIN */


#fondointerioravisos #contenedorchecksdocgeneral *,#fondointerioravisos #contenedorchecks *{
	color: #6E7891;
}

/* Calendario*/
.tablacalendario{
	border-spacing:0;
	border-collapse:collapse;
}
.tablacaldenariocab{
	background-color: #4490AB;
	text-align: center;
}
.tablacaldenariocab td{
	height: 40px;
	line-height: 40px;
	width: 180px;
	border-left: 2px solid #36829E;
}
.tablacaldenariotd{
	width: 180px;
	height:90px;
	background-color: #FFF;
	border-right: 2px solid rgba(68,144,171,0.10);
	border-top: 2px solid rgba(68,144,171,0.10);
	text-align: center;

}
.divdia{
	position: relative;
	color:#6E7891;
	font-size: 26px;
	height: 88px;
	line-height: 88px;
}
.franjadia{
	width: 178px;
	height: 25px;
	position: absolute;
	top: 0;
}
.divminidia{
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	float: left;
}
.calendariotdultimo{
	border-right: 0;
}
.calendariovacio{
	background-color: #EAF3F7;
}
.actualdiacalendar{
	color: #4490AB;
	font-weight: bold;
}
.tablacaldenariocab td:first-child{
	border-left: 0;
}
.fondorosa{background-color:#DB218A;}

.fondodia1{background-color:#BF1B3C;}
.fondodia2{background-color:#Ff6400;}
.fondodia3{background-color:#FFA000;}
.fondodia4{background-color:#32823A;}
.fondodia5{background-color:#00A8F0;}
.fondodia6{background-color:#3778C7;}
.fondodia7{background-color:#6E38A1;}


.fondodia99{background-color:#00A69B;}
.fondodia999{background-color:#82AD00;}
.fondodia9999{background-color:#DE438C;}
.fondodia99999{background-color:#783C14;}

/* Calendario - FIN */

/* Cargando - INICIO */
.cargando{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(32,38,54,0.8);
	z-index:99999;
	display:none;
}
.cs-loader {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
.cs-loader-inner {
 transform: translateY(-50%);
 top: 50%;
 position: absolute;
 width: calc(100% - 0px);
 color: #4490AB;
 padding: 0 100px;
 text-align: center;
}
.cs-loader-inner label {
 font-size: 20px;
 opacity: 0;
 display:inline-block;
}
@keyframes lol {
 0% {
   opacity: 0;
   transform: translateX(-300px);
 }
 40% {
   opacity: 1;
   transform: translateX(0px);
 }
 60% {
   opacity: 1;
   transform: translateX(0px);
 }
 100% {
   opacity: 0;
   transform: translateX(300px);
 }
}
@-webkit-keyframes lol {
 0% {
   opacity: 0;
   -webkit-transform: translateX(-300px);
 }
 40% {
   opacity: 1;
   -webkit-transform: translateX(0px);
 }
 60% {
   opacity: 1;
   -webkit-transform: translateX(0px);
 }
 100% {
   opacity: 0;
   -webkit-transform: translateX(300px);
 }
}
.cs-loader-inner label:nth-child(6) {
 -webkit-animation: lol 2s infinite ease-in-out;
 animation: lol 2s infinite ease-in-out;
}
.cs-loader-inner label:nth-child(5) {
 -webkit-animation: lol 2s 100ms infinite ease-in-out;
 animation: lol 2s 100ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(4) {
 -webkit-animation: lol 2s 200ms infinite ease-in-out;
 animation: lol 2s 200ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(3) {
 -webkit-animation: lol 2s 300ms infinite ease-in-out;
 animation: lol 2s 300ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(2) {
 -webkit-animation: lol 2s 400ms infinite ease-in-out;
 animation: lol 2s 400ms infinite ease-in-out;
}
.cs-loader-inner label:nth-child(1) {
 -webkit-animation: lol 2s 500ms infinite ease-in-out;
 animation: lol 2s 500ms infinite ease-in-out;
}
/* Cargando - FIN */




.ofertaincluido{
	color:#00f;
}
.ofertanooferta{
	color:#D89A00;
}


/* UploadiFive - Inicio */
#queue{
	width:580px;
	margin-bottom:5px;
}
#queue *{
	color:#6E7891;
}
.uploadifive-button {
	color: #FFF;
}
/*.uploadifive-button:hover {
	background-color: #02B6B1;
	background-position: center bottom;
}*/
.uploadifive-queue-item {
	background-color: #EAF3F7;
	margin-top: 3px;
	padding: 15px;
}
.uploadifive-queue-item .close {
	background: url('../img/uploadifive-cancel.svg') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #394563;
	height: 5px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: #394563;
	height: 5px;
	width: 0;
}
/*UploadiFive - FIN */

/* Seccion subcontratas - INICIO */

div.botonessubcontrata {
    background-color: #EAF3F7;
    cursor: pointer;
    padding: 10px 0;
}

div.sub-sc{
	background-color:#394563;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	height: 40px;
	text-align:center;
    line-height: 40px;
    margin-bottom: 20px;
}

.tdlabel.pestasc{
	width: 25%;
    line-height: normal;
    padding: 0;
}
.tdlabel.pestasc2{
	width: 20%;
    line-height: normal;
    padding: 0;
}

table.tablabotonessubcontrata {
    padding: 10px 0 30px 0;
    text-align: center;
    width: 100%;
}

div.icoestado{
	background-repeat: no-repeat;
	border-radius: 15px;
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	width: 30px;
	float: left;
	margin-right: 5px;
	background-position-y: center;
}
div.icoestado.leyenda{
	background-repeat: no-repeat;
	border-radius: 15px;
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	width: 30px;
	float: left;
	margin-right: 5px;
}
div.icoestado.si{
	background-image: url(../img/ico30check.svg);
    background-color: #82AD00;
}
div.icoestado.no{
	background-image: url(../img/ico30no.svg);
    background-color: #BF1B3C;
}
div.icoestado.condi{
	background-image: url(../img/ico30condicionado.svg);
    background-color: #E36E00;
}
div.icoestado.fuera{
	background-image: url(../img/ico30fuera.svg);
    background-color: #6E38A1;
}

.checksup {
    display: table-cell;
    padding: 10px 30px 10px 0;
}

.colorSubido{
	font-weight:bold;
	color:#2EB025;
}

.botonfichaveradjunto{
	width: 12px;
    height: 30px;
    display: inline-block;
    border: 1px solid #EAF3F7;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.divAdjuntosMesComp {
    display: flex;
    flex-direction: row;
    justify-content: start;
}
.divAdjuntosMesComp > div{
	margin-right: 10px;
}

/* Seccion subcontratas - FIN */
/* ALERTAS IZADAS */
.fondoavisos{
	z-index: 9998;
	background-color:rgba(0,0,0,0.75);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	display:none;
}
.fondointerioravisos{
	opacity:0;
	display:none;
	z-index: 9999;
	width: 500px;
	padding:30px 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	background-color:#FFF;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	max-height: 600px;
    overflow: overlay;
}
.tituloavisos{
	font-size:23px;
	padding:10px 0 10px;
	margin:0 10px 25px;
	border-bottom:2px solid #B0CDD9;
	color:#6E7891;
}
.tituloavisos2{
	font-size:18px;
	color:#6E7891;
	padding:10px 10px 40px;
}
.textoavisos{
	color:#6E7891;
	min-height:34px;
	padding-bottom:20px;
}
.botongeneral{
	box-shadow: rgba(68, 144, 171, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset;
    background-color: rgb(68, 144, 171);
    width: 100px;
    line-height: 3;
    display: inline-block;
    cursor:pointer;
}
.botonavisos2{
	margin:8px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	background-repeat:no-repeat;
	background-size:50px;
}
@media (max-width: 540px){
	.fondointerioravisos{
		width:auto;
		margin-left:0;
		margin-right:0;
		left:15px;
		right:15px;
	}
}

.botonswalasis{
	color: #fff;
	display:inline-block;
	margin-top: 20px;
}
/* FIN ALERTAS PERSONALIZADAS */

/* --------------SWEET ALERT---------------- */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  width: 478px;
  padding: 17px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 25px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert button {
    background-color: #4490AB;/*color base*/
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      /*box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);*/ }
    .sweet-alert button:hover {
      background-color: #a1d9f2; }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #B9B9B9; }/*color base cancel*/
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        /*box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;*/ }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .icon.error {
      border-color: #F27474; }
      .sweet-alert .icon.error .x-mark {
        position: relative;
        display: block; }
      .sweet-alert .icon.error .line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .icon.error .line.left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .icon.error .line.right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .icon.warning {
      border-color: #F8BB86; }
      .sweet-alert .icon.warning .body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .icon.warning .dot {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .icon.info {
      border-color: #C9DAE1; }
      .sweet-alert .icon.info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .icon.info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .icon.success {
      border-color: #A5DC86; }
      .sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
        content: '';
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .icon.success::before {
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .icon.success::after {
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .icon.success .placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .icon.success .fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .icon.success .line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .icon.success .line.tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .icon.success .line.long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .icon.custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-moz-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@-moz-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
.showSweetAlert {
  -webkit-animation: showSweetAlert 0.3s;
  -moz-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.hideSweetAlert {
  -webkit-animation: hideSweetAlert 0.2s;
  -moz-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@-moz-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@-moz-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
@-moz-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  -moz-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  -moz-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  -moz-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
@-moz-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  -moz-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
@-moz-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  -moz-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@-moz-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  -moz-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@-moz-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  -moz-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }
/* FIN SWEET ALERT */