#exportaSeries,#exportaCuadros{
		display: none;
		padding: 0px;
	}
	
	#exportaSeries > div.row,#divPeriodo,#selecPeriodoCuadro{
		background-color: #E3EBED;
		box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	}
        
        #consultaSeriesDropdownMenu{
		background-color: #E3EBED;
		box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	}
        
	#divBotonesCuadros{
		padding-left: 10px;
		padding-right: 10px;
		display: table!important;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	@media(max-width:575px){/*xs*/
		#divBotonesCuadros{
			padding-left: 3px;
			padding-right: 0px;
		}
		#exportaCuadros > div.row{
			-webkit-box-pack: center !important;
			-ms-flex-pack: center !important;
			justify-content: center !important;
			background-color: #E3EBED!important;
			box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
		}
		#exportaCuadros div.row div{
			box-shadow: none!important;
			
		}
		
		#divBtnExportaCuadros button,#divBtnExportaSeries button{
			padding: 3px!important;
		}
		
		select.form-control{
/*			padding-left: 0px!important;
			padding-right: 0px!important;*/
			height: calc(1.8125rem + 2px);
			padding-right: 0rem!important;
			padding-top: .1rem;
		}
		select.custom-select{
			height: calc(1.8125rem + 2px);
			padding-right: 0rem!important;
			padding-top: .1rem;
			font-size: 75%;
		}
                
                .render{
                    /*width: 713px;*/
                    margin-left: -240px;
                    margin-top: 73%;
                }
                
                .render-periodo{
                    width: 370px;
                    margin-left: -126px;
                }
        }
	
	@media(min-width:576px){
		select.custom-select{
			height: calc(1.8125rem + 2px);
			padding-top: .375rem;
			padding-bottom: .375rem;
			padding-right: 0rem!important;
			font-size: 75%;
		}
		select.form-control{
			padding: .25rem .5rem!important;
			font-size: .875rem;	
			line-height: 1.5;
			border-radius: .2rem;
			height: calc(1.8125rem + 2px)!important;
		}
                
                .render{
                    width: 1130px;
                    margin-left: -291px; 
                    margin-top: 15px;
                }
                
                .render-periodo{
                        width: 375px;
                        height: 67px;
                        margin-left: -126px; 
                    margin-top: 15px;
                }
                
	}
	#divPeriodo{
		background-color: #E3EBED;
	}

	
	.tituloFiltro{
		margin: 0px;
		padding: 0px;
		color: #152D4D; 
		font-size: 0.7em;
	}
	
	#divOrientacion div.form-check,#divMetadatos{
		font-size: 0.875rem;	
	}
	#divOrientacion div.form-check{
		margin-top:8px;
	}
	#divMetadatos div.form-check{
		margin-top: 32px;
	}
	.dropdown {
		position: relative;
		display: inline-block;
		
	}
	.dropdown button{
		width: 117px;
	}
	.dropdown-content {
		padding: 0px!important;
		display: none;
		position: absolute;
		background-color: #f9f9f9!important;
		width: 117px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		padding: 12px 16px;
		z-index: 1;
		line-height: 0;
	}	
	.dropdown-content input:hover{
		filter:contrast(110%);
	}
	.btn-group input:hover{
		/*filter:contrast(70%);*/
	}
	.dropdown:hover .dropdown-content {display: block;}
	.dropdown-content input{width: 100%}

	#exportaSeries .row div,#exportaCuadros .row div{
		padding-left: 3px;
		padding-right:  3px;
	}
	
	#exportaSeries > .row{
		margin: 0px!important;
		border: 1px solid #007279;
		padding-bottom: 8px;
	}
	div.d-flex button{
		width: 50%!important;
	}
	#divBtnGroupConsultar, #divBtnGroupConsultar div{
		width: 100%;
		margin-top: 3px;
		padding: 0px!important;
	}
	#divBtnExportaSeries{
		margin-left: 3px!important;
	}
	.flecha-up-series {
		width:0px;
		height:0px;
		border-left:10px solid transparent; /* izquierda flecha */
		border-right:10px solid transparent; /* derecha flecha */
		border-bottom:10px solid #2F7279; /* base flecha y color*/
		font-size:0px;
		line-height:0px;
	 }
	.flecha-up-cuadros {
		width:0px;
		height:0px;
		border-left:10px solid transparent; /* izquierda flecha */
		border-right:10px solid transparent; /* derecha flecha */
		border-bottom:10px solid #2F7279; /* base flecha y color*/
		font-size:0px;
		line-height:0px;
	 }
	  #btnCarrito .btn,#divBtnExportaCuadros button,#divBtnExportaSeries button,.btnConsultaSeriesHtml{
		background-color: #01404C;
		border-color: #2F7279!important;
		color: #E3EBED;
	 }
	 #btnCarrito .btn:hover,#divBtnExportaCuadros button:hover,#divBtnExportaSeries button:hover,.btnConsultaSeriesHtml:hover{
		background-color: #2F7279;
		border-color: #2F7279;
		color: #E3EBED;
	 }
	 
	 
	.datepicker table tr td.day:hover, 
	.datepicker table tr td.month:hover,
	.datepicker table tr td.years:hover,
	.datepicker table tr td.decades:hover,
	.datepicker table tr td.centuries:hover,
	.datepicker table tr td.focused {
		background: #2F7279;
		cursor: pointer;
		color: #FFF;
		font-weight: 700; 
	}
	
	
	.datepicker table tr td.active,span.active {
		background: #01404C!important;
		cursor: pointer;
		color: #FFF;
		font-weight: 700;
	}
	
	.datepicker table tr td.disabled:hover{
		background-color: #F5F5F5!important;
		color: #ccc;
	}
	.datepicker table tr td, .datepicker table tr th {
		text-align: center;
		width: 30px;
		height: 30px;
		border-radius: 4px;
		border: none;
		color: #01404C;
		
	}
	.datepicker {
		/*border: 1px solid #01404C;*/
		padding: 0px!important;
		background-color: #FFF;
		box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
	}
	.datepicker table tr td.range{
		background-color: #EEF3F3;
	}
	
	.input-daterange label{
		padding: 0px 2px;
		margin-top: 5px;
		font-size: 0.85em;
	}
	#selecPeriodoCuadro, #consultaSeriesDropdownMenu{
		padding-top: 5px;
		border: 1px solid #007279;
	}
	#msgError{
		color: red!important;
	}
	
	@media(max-width:575px){
		.col-xs-10{
			min-width: 80%!important;
		}
		.col-xs-4{
			min-width: 30%!important;
			width: 30%!important;
		}
	}
	
	
	#overlay {
		position: fixed; /* Sit on top of the page content */
		display: none; /* Hidden by default */
		width: 100%; /* Full width (cover the whole page) */
		height: 100%; /* Full height (cover the whole page) */
		top: 0; 
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5); /* Black background with opacity */
		z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
		cursor: pointer; 
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: calc(100% - 1rem);
		text-align: center!important;
	}
	
	input[type="image"]{
		font-size:16px;
		vertical-align:middle;
		height:30px!important;
		width:117px!important;
		padding:0px;
		
	}
	.consultaSeriesCarritoToggle,#divBtnExportaCuadros button{
		height:30px;
	}
	img.excel{
		background-position:  -18px -50px!important;
	}
	img.consulta-carrito{
		background-position:  -18px 0;
	}
	img.agregar-carrito{
		background-position:  0 0;
	}

	input.xlsx-consulta-sm {
		background-position:  0 -165px;
	}
	.dropdown-content input{
		filter: none;
		border-bottom: 1px solid #FFF;
	}
	.dropdown-content input:hover{
		filter: none;
		border-bottom: 1px solid #2F7279;
	}