*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
}

.icono{
	font-size: 1.1rem;
    color: #171a90;
	padding: 5px 10px !important;
}

.btnIco{
	background-color: rgba(255, 255, 255, 0) !important;
}


.btnIco:hover{
	background-color: #f0f0f0 !important;
}

.table-dark{
	background-color: #2e2d2d !important;
}

tr:hover{
	background-color: #f0f0f0 !important;
}

th{
	font-weight: 500 !important;
	font-size: 0.9em !important;
}

td{
	font-size: 0.9em !important;
}

.bg-light{
	background-color: #fff !important;
}

.titulo{
	font-size: 1em;
	background-color: #000 !important;
	color: #fff !important;
	width: auto !important;
	border-radius: 5px !important;
	padding: 10px 30px !important;
}

.modal-title{
	font-size: 1em !important;
	margin-top: 2px !important;
}

.btn-default{
	font-size: 1em !important;
}

.contProceso{
	background-color: #fff !important;
	width: 85% !important; 
	margin: 1% 5% 5% 10% !important; 
}

.contProceso .row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.nav-tabs{
	background-color: #eeeeee !important;
	border-bottom: none !important;
}

.active{
	border-color: #D2D2D2 !important;
	background: #D2D2D2 !important;
	color: #171a90 !important;
} 

.aclaracion{
	color: #707070 !important;
	font-size: 0.8em !important;
	font-weight: 400 !important;
}

.contIndex{
	background-color: #f0f0f0 !important;
	width: 85% !important; 
	margin: 1% 7% 3% 10% !important; 
}

.contBreadcrumb{
	width: 100% !important; 
}

.breadcrumb-item a{
	color: #2e2d2d !important;
	text-decoration: none !important;
}

.breadcrumb{
	font-size: 0.8em !important;
	background-color: #D2D2D2 !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	margin-top: 2%;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "|" !important;
}

.btnImprimir{
    background-color: #fff !important;
    color: #171a90 !important;
    font-size: 0.9em !important;
	font-weight: 500 !important;
    border: 1px solid #171a90 !important;
    border-radius: 100px !important;
	padding: 5px !important;
    cursor: pointer;
	width: 200px;
}

.btnImprimir:hover{
    background: linear-gradient(120deg, #171a90, #4e4edf);
    box-shadow: 3px 0px 10px #4e4edf9a !important;
    color: #fff !important;
    border: 1px solid #171a90 !important;
}

.btnImprimir:hover i{
    color: #fff !important;
}

.btnImprimir:focus{
    box-shadow: none !important;
}

.fa-file-pdf{
	font-size: 1.5em !important; 
	color: #aaa !important; 
	cursor: pointer !important;
}

.fa-file-pdf:hover{
	color: #171a90 !important; 
}

.fa-file-pdf-active{
	color: #171a90 !important; 
}

.btn-uncheck{
	background-color: #fff !important;
    color: #aaa !important;
    font-size: 0.6em !important;
	font-weight: 500 !important;
    border: 1px solid #aaa !important;
    border-radius: 0px !important;
	padding: 2px 4px !important;
}

.btn-uncheck:hover{
    color: #171a90 !important;
	border: 1px solid #171a90 !important;
}

.btn-checksi{
	background-color: #171a90 !important;
    color: #fff !important;
    font-size: 0.6em !important;
	font-weight: 500 !important;
    border: 1px solid #171a90 !important;
    border-radius: 0px !important;
	padding: 2px 4px !important;
}

.btn-redo{
    background-color: #fff !important;
    color: #171a90 !important;
    font-size: 0.9em !important;
    border: 1px solid #171a90 !important;
    border-radius: 0 !important;
}

.btn-redo:focus{
    box-shadow: none !important;
}

.btn-redo:hover{
    background-color: #171a90 !important;
    color: #fff !important;
}

.page-item{
	color: #171a90 !important;
	font-size: 0.9em !important;
	font-weight: 400 !important;
	border: 1px solid #e1dbf1 !important;
}

.page-item.active .page-link {
	border-radius: 0px !important;
	color: #171a90 !important;
    background-color: #e1dbf1 !important;
    border-color: #e1dbf1 !important;
}

.page-link {
    color: #171a90 !important;
}

.banner-video{
	background-image: url("../img/banner-home.png");
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.tituloServicio{
	background-color: #fff !important;
	width: auto !important;
	border-radius: 30px !important;
	padding: 10px 30px !important;
}

.tituloServicio img{
	height: 30px !important;
}

.input-group {
	display: flex !important;
	justify-content: start !important;
	flex-wrap: nowrap !important;
}

.input-group-text {
    font-weight: 700 !important;
    color: #000 !important;
    background-color: #E6E6E6 !important;
    border: none !important;
	text-align: left !important;
	width: 140px !important;
}

.btnProductos {
    background-color: #fff !important;
    color: #000 !important;
	padding: 0px !important;
}

.btnProductos span {
	padding: 10px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

.btnProductos i {
    background-color: #171a90 !important;
    padding: 10px !important;
	font-size: 14px !important;
	color: #fff !important;
}

.pDescProd{
	font-size: 15px !important;
	text-align: justify !important;
}

.navEmpresa{
	padding-left: 10% !important; 
	padding-right: 20% !important; 
	text-align: justify !important;
}

.vidEmpresa{
	width: 70% !important; 
	height: 600px !important;
}

.vidEmpresa{
	width: 70% !important; 
	height: 600px !important;
}

.textServicios{
	font-size: 16px !important;
}

.textFabricantes { 
	color: #000 !important; 
	font-weight: 700 !important; 
	font-size: 17px 
}

.tarjetas{
	color: #000 !important; 
	font-size: 0.9em !important; 
	border-left: 3px solid #171a90 !important;
}

.tarjetas:hover{
	color: #171a90 !important; 
	box-shadow: 5px 0px 10px #4e4edf46 !important;
}

.imgArticulos{
	background-color: #fff; 
	height: 350px !important;
}

.tableArticulos{
	font-size: 12px !important;
}

.inputArticulos{
	height: 25px !important; 
	font-size: 12px !important
}

.buscador{
	width: 400px !important;
}

.iProductos{
	background-color: #171a90 !important;
	padding: 10px !important;
	font-size: 14px !important;
	color: #fff !important;
}

.ui-widget{
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
	width: 400px !important;
    max-height: 250px !important;
	overflow-y: scroll;
}

.ui-widget-content{
    border: 1px solid #d1d1d1 !important;
}

.ui-state-focus{
    background: #eee !important;
    background-image: none !important;
}

.contSearch{
	font-size: 1em !important;
	background-color: #D2D2D2 !important;
	padding: 10px 20px !important;
	border-radius: 5px !important;
	margin-top: 4% !important;
}

.textNovedades{
	font-size: 3.5em !important; 
	font-weight: 600 !important; 
	padding-right: 10% !important;
}

.imgNovedades{
	transform: rotate(180deg) !important; 
	height: 80px !important;
}

.imgNovedadesN{
	height: 80px !important;
}

/*-------------------------TABLET VERTICAL (MD 1000 px)-------------------------*/

@media (max-width:1000px) {
    .contBreadcrumb{
	margin: 5% 3% 3% 0% !important; 
	width: 100% !important;
    }

    .contIndex{
	width: 94% !important; 
	margin: 1% 3% 3% 3% !important; 
    }
    .contProceso{
	width: 94% !important; 
	margin: 1% 3% 3% 3% !important; 
    }

	.navEmpresa{
		padding-left: 10% !important; 
		padding-right: 15% !important; 
	}

	.vidEmpresa{
		width: 90% !important; 
		height: 400px !important;
	}

	.textServicios{
		font-size: 14px !important;
	}

	.textFabricantes { 
		font-size: 15px 
	}
	
	.imgArticulos{
		background-color: #fff; 
		height: 250px !important;
	}
	.buscador{
		width: 200px !important;
	}

	.imgNovedades{
		height: 50px !important;
	}
	
	.imgNovedadesN{
		height: 50px !important;
	}

}

/*-------------------------MOVIL VERTICAL (SM 576 px)-------------------------*/

@media (max-width:600px) {
    .contBreadcrumb{
		margin: 10% 0% 0% 0% !important;
    }

	.breadcrumb{
		font-size: 0.7em !important;
	}

	.navEmpresa{
		padding-left: 15% !important; 
		padding-right: 15% !important; 
		text-align: left !important;
	}

	.vidEmpresa{
		width: 90% !important; 
		height: 180px !important;
	}

	.tituloServicio{
		padding: 5px 10px !important;
		font-size: 14px !important;
	}

	.tituloServicio img{
		height: 20px !important;
	}

	.pDescProd{
		font-size: 12px !important;
		text-align: left !important;
	}

	.btnProductos span {
		padding: 8px !important;
		font-size: 12px !important;
	}
	
	.btnProductos i {
		padding: 8px !important;
		font-size: 12px !important;
	}
	
	.textFabricantes { 
		font-size: 13px;
		text-align: left !important;
	}
	.tableArticulos{
		font-size: 11px !important;
	}
	.inputArticulos{
		height: 20px !important; 
		font-size: 11px !important
	}
	.titulo{
		font-size: 0.8em !important;  
	}

	th{
		font-size: 0.8em !important;
	}
	.buscador{
		width: 82vw !important;
	}

	.textNovedades{
		font-size: 1.5em !important; 
	}

	.imgNovedades{
		height: 30px !important;
	}
	
	.imgNovedadesN{
		height: 30px !important;
	}

}