/* ################################## Creados para .zul table-selection ################################## */
	/*Estilo para elementos con el titulo de los modulos*/
	.zmx-queries-mod>a {
		color: #000;
		width: 100%;
		font-size: 14px;
		padding: 5px 0px 5px 20px;
		border-top: 1px solid #366191;
		display: block;
		transition-property: color, background;
		transition-duration: .5s, .75s;
		transition-timing-function: ease-in-out;
		transition-delay: .25s, 0;
	}
	
	/* Se cambia el caret con js*/
	.zmx-queries-mod.zmx-selected>a, .zmx-queries-mod.zmx-selected>i {
		color: #fff;
		text-shadow: -1px -2px 1px #000;
	}
	
	.zmx-queries-mod.zmx-selected>a {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
			color-stop(30%, #366191));
		transition-property: color, background;
		transition-duration: .5s, .75s;
		transition-timing-function: ease-in-out;
		transition-delay: .25s, 0;
		border: none;
	}
	
	.zmx-queries-mod.zmx-selected>.zmx-queries-items {
		display: block;
	}
	
	/*Ocultando elementos de cada modulo lista de reporteador*/
	.zmx-queries-items {
		display: none;
		padding: 0px;
	}
	
	.zmx-query-item>a {
		width: 98%;
		display: block;
		padding: 3px;
		color: #366191;
		margin: 3px 14px;
	}
	
	.zmx-a-report.zmx-selected {
		background: #dadada;
		box-shadow: 0px 1px 7px 0px rgb(0, 105, 202);
	}
	
	/*Ocultar vi�etas de todos los elementos li de las listas de consultas del reporteador*/
	#ulGenQueries li, #ulPerQueries li {
		list-style-type: none;
	}
	
	/* 		#ulPerQueries{ */
	
	/* 		} */
	
	/*Separacion entre iconos*/
	.zmx-span-icons {
		padding: 0px 3px;
	}
	
	/* Estilo para botones de reporteador al hacer hover*/
	.zmx-span-icons a i:hover {
		text-decoration: none;
		color: #366191;
		background: #fefefe;
		box-shadow: 0px 0px 0px 1px #366191;
	}
	
	/*Agregado para espacio en el caret y tama�o*/
	.zmx-i-caret {
		padding: 7px 3px 7px 5px;
		font-size: 16px;
		position: absolute;
	}
	
	.zmx-queries {
		margin-top: 10px;
		border-bottom: 1px solid #366191;
		padding: 0px;
		margin-left: 10px;
	}
	
	.zmx-query-item>a:hover {<!--
		border-right: 3px solid; -->
		border-left: 3px solid;
	}
	/* ################################## Creados para .zul table-selection ################################## */
	
	/* ################################## INICIO Creados para .zul save-query ################################## */
	.grid-sin-titulos .z-grid-header {
		display: none;
	}
	
	.color-blue-bold>span, .color-blue-bold .z-groupbox-header .z-caption .z-caption-content span
		{
		font-weight: bold;
		color: #366191;
	}
	
	.color-blue-normal {
		font-weight: normal;
		color: #366191;
	}
	
	.btn-zmx-danger {
		background: #b30101;
		font-size: 16px;
		border-color: #b30101;
		color: #fff;
		transition: .4s;
	}
	
	.btn-zmx-danger:hover, .btn-zmx-success:hover {
		color: #fff !important;
		background: #000000 !important;
		border-color: #000000;
	}
	
	.btn-zmx-success {
		color: #fff;
		font-size: 16px;
		border-color: #366191;
		background: #366191;
		transition: .4s;
	}
	
	.txt-zmx-size span {
		font-size: 18px;
	}
/* ################################## FIN Creados para .zul save-query ################################## */

/* ################################## INICIO Creados para .zul report-page ################################## */
.row-zmx-sum .z-grid-body table tbody tr:last-child td{
			background: #00ff79 !important;
		}
		
		.row-zmx-sum .z-grid-body table tbody tr:hover td{
			background: #a6e0f5 !important;
		}
        .zmx-grid-footer .z-footer-content{
		    font-size: 14px;
		    font-weight: bold;
		    padding: 4px 4px;
        }
		.zmx-div-sum{
		    text-align: center;
    		margin-top: 15px;
    		background: #5b7da5;
    		border-right: 1px solid white;
    		border-left: 1px solid white;
    		color: #fff;
    		font-size: 10px;
    		padding: 2px;
		}
		
		.zmx-grid-sum .z-column-content {
			background: #5b7da5;
			line-height: 10px !important;
			font-size: 11px;
		}
		
		.zmx-grid-sum .z-columns th{
			background: #5b7da5;
		}
		
	    .zmx-anexo-grid{
	    	border: none;
	    	text-align: center;
	    }

	    .zmx-anexo-row{
	    	cursor: pointer;
    		display: inline-block;
    		margin: 0px 7px;
	    }

	    .zmx-anexo-item{
	    	cursor: pointer;
    		width: 41px;
    		height: 41px;
    		text-align: center;
    		line-height: 42px;
    		padding: 0px;
    		background: #366191;
    		border-radius: 50%;
    		box-shadow: 0px 0px 0px 1px #366191, inset 0px 0px 0px 2px #ffffff;
    		color: #fff;
	    }
	    
	    .zmx-anexo-item:hover{
	    	background-color: #ffffff;
    		color: #366191;
    		box-shadow: 2px 2px 7px 1px #366191;
	    }
	    
	    .zmx-anexo-row.z-row:hover>.z-row-inner div, .zmx-anexo-row.z-row:hover>.z-row-inner{
	    	background: none !important;
	    }
	    
	    .zmx-anexo-item:before{
	    	margin-left: 1px;
	    }
	    
	    .zmx-anexo-grid .z-grid-odd>.z-row-inner, .z-grid-odd>.z-cell{
	    	background: #fff !important;
	    }

	    .zmx-tooltip-arrow{
	    	border-bottom-color: #366191;
	    	top: -3px;
    		left: 20px;
    		margin-left: -5px;
    		border-width: 0 5px 5px;
    		position: absolute;
    		width: 0;
    		height: 0;
    		border-top-color: transparent;
    		border-left-color: transparent;
    		border-right-color: transparent;
    		border-style: solid;
	    }

	    .zmx-tooltip-label{
			background-color: #FFFFFF !important;
    		border: 1px solid #366191;
    		color: #366191;
    		font-weight: bold;
    		text-align: center;
    		border-radius: 4px;
    		max-width: 225px;
    		padding: 1px 6px;
    		font-size: 13px;
	    }

	    .zmx-tooltip-div{
	    	display: none;
	    	position: absolute;
	    	z-index: 9;
    		bottom: 5px
	    }

	    .zmx-anexo-item:hover + .zmx-tooltip-div{
	    	display: block;
	    }
	    
	    /*****************************************/
	    /******         SUMARIZACION       *******/
	    /*****************************************/
	    .zmx-footer-sum > div {
    		color: #fff;
    		border-left: 1px solid #fff;
    		height: 24px;
    		padding: 2px 5px;
    		line-height: 20px;
		}
	    .zmx-footer-sum.zmx-footer-sum-n > div {
	    	color: #3D9970;
	    }
		
		.zmx-foot-sum {
		    background: #3D9970;
		}
		
		/**************************************************************/
		/********        Para que span rellene todo tr        *********/
		/**************************************************************/
		.zmx-all-span{
			display: block;
			width:auto;
			heigth:auto;
		}
		
		/**************************************************************/
		/********        Para que span rellene todo tr        *********/
		/**************************************************************/
		.zmx-grid-popup{
			border: none; 
			border-radius: 4px !important;
		}
		
		.zmx-grid-popup .z-row{
			background: #ffffff;
		}
		
		.zmx-popup-detail{
			border-radius: 5px; border: none; 
			box-shadow: rgb(16, 30, 45) 0px 11px 10px -4px; 
			background: -webkit-linear-gradient(left, rgb(54, 97, 145) 65%, rgb(26, 48, 72) 125%);
			background: -o-linear-gradient(left, rgb(54, 97, 145) 65%, rgb(26, 48, 72) 125%);
			background: linear-gradient(to right, rgb(54, 97, 145) 65%, rgb(26, 48, 72) 125%);
			padding: 0px;	
		}
		
		.zmx-popup-detail > div{
			padding: 5px;
		}

        .zmx-grid-simple .z-column-content{
        	line-height: 15px;
        }
        
        .zmx-title{
       		height: 42px;
    		background: #366191;
    		width: 100%;
    		padding: 6px 5px 7px 10px;
    		font-weight: bold;
        }
        
        .zmx-title > span{
        	position: absolute;
    		margin-top: 6px;
    		color: #fff;
    		font-size: 15px;
        }
        
        /*****************************************/
		/*****************FILTROS*****************/
		/*****************************************/
		.zmx-filter-cont{
			padding: 0px;
			border-radius: 7px;
		    background: #fbfbfb;
		    border: 1px solid #366191;
		    height: 80px;
		}
		
		.zmx-filter-top {
			background-color: #366191;
		    color: #fff;
		    border-radius: 5px 5px 0px 0px;
		}
		
		.zmx-filter-circle {
		    width: 60px;
		    height: 60px;
		    border-radius: 50%;
		    font-size: 10px;
		    color: #fff;
		    text-align: center;
		    background: #5a89b1;
		    margin: -30px 5px;
		    padding: 6px;
		    overflow: hidden;
		}
		
		.zmx-filter-bottom {
		  	height: 40px;
		    display: flex;
		    justify-content: center;
		    align-content: center;
		    flex-direction: column;
		    padding-left: 65px;
		}
		
		.zmx-filter-div{
			height: 40px;
		    padding-left: 65px;
		}
		
		.zmx-center-ver{
			display: flex;
		    justify-content: center;
		    align-content: center;
		    flex-direction: column;
		}
		
		.zmx-filter-circle{
			transform-style: preserve-3d;
		}
		
		
		.zmx-anexo-row:active
		, tr.zmx-anexo-row.z-row.selected
		, tr.zmx-anexo-row.z-row > td > div
		, tr.zmx-anexo-row.z-row > td > div > div{
			background : none !important;
		}
/* 		.zmx-filter-circle:before{ */
/* 			font-family: FontAwesome; */
/* 			content:""; */
/* 			position: absolute; */
/* 			left: 29px; */
/* 			top: -30px; */
/* 			transition: all 200ms ease; */
/* 			color: #fff; */
/* 			font-size: 16px; */
/* 		} */
/* 		.zmx-filter-circle:hover:before { */
/* 		 	top: 31px; */
/* 		 	content:"\f0b0"; */
/* 		} */
		
/* 		.zmx-filter-circle:hover{ */
/* 			color: #5a89b1; */
/* 		} */
		/*****************************************/
		/*****************FILTROS*****************/
		/*****************************************/ 
/* ################################## FIN Creados para .zul report-page ################################## */