/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--general-overlay-bgcolor: rgba(0,0,0,0.6);
	--box-info-claro-bgcolor: #e68699;
	--pasos-ciruclo-borde: #fff;
	--pasos-ciruclo-relleno: #fff;
	--pasos-ciruclo-relleno-completo: #ebc6cc;
	--pasos-linea: #007bff;
	--pasos-bar-color-fondo: #e68699;
	--carrito-remove-color: #dc3545;
	/*--btn-carrito-continuar: #00008b;*/
	--footer-fijo-bgcolor: #ebc6cc;
	--footer-fijo-border-color: #999999;
	--footer-fijo-sombra-color: #665;
	--footer-fijo-text-color: #0C4A3B;
	--switch-custom-on-bgcolor: #00008b;
	--switch-custom-on-fcolor: #fff;
	--switch-custom-off-bgcolor: #dc3545;
	--switch-custom-off-fcolor: #fff;

	/* -- BOTONES -- */
	--btn-cancel-color: #000;
	--btn-cancel-bgcolor: #F1A9AE;
	--btn-cancel-border-color: #F1A9AE;
	--btn-cancel-ho-bgcolor: #d1c9c0;
	--btn-cancel-ho-border-color: #d1c9c0;

	--btn-primary-color: #000;
	--btn-primary-bgcolor: #F1A9AE;
	--btn-primary-border-color: #F1A9AE;
	--btn-primary-ho-bgcolor: #d1c9c0;
	--btn-primary-ho-border-color: #d1c9c0;
	--btn-primary-bgcolor-calen: #F1A9AE;
	--btn-primary-border-color-calen: #F1A9AE;

	--btn-reporte-color: #000;
	--btn-reporte-bgcolor: #F1A9AE;
	--btn-reporte-border-color: #bbb;
	--btn-reporte-ho-bgcolor: #d1c9c0;
	--btn-reporte-ho-border-color: #d1c9c0;
	/* -- */

	--error-texto-color: #f00;
	--modal-footer-bgcolor: #eee;

	--slick-princial-bgcolor: #F1A9AE;
	--slick-princial-textcolor: #000;
}

.modalbackgound {
	background-color: #F2E7DC;
}

.li-spinner {
	list-style: none;
}

.dark {
	background-color: #f2f2f2 !important;
    border-top-color: #f2f2f2 !important;
}


.bg-claro {



	background-color: var(--box-info-claro-bgcolor);



}







.division-linea{



	border-top: #ccc 1px solid;



}







@media screen and (max-width: 699px) {



	.division-linea{



		border-top: #ccc 1px solid;



		margin-top: 15px;



	}



}







.btn-cancelar {



	color: var(--btn-cancel-color);



	background-color: var(--btn-cancel-bgcolor);



	border-color: var(--btn-cancel-border-color);



}



.btn-cancelar:hover {



	color: var(--btn-cancel-color) !important;



	background-color: var(--btn-cancel-ho-bgcolor) !important;



	border-color: var(--btn-cancel-ho-border-color) !important;



}



.btn-principal {



	color: var(--btn-primary-color);



	background-color: var(--btn-primary-bgcolor);



	border-color: var(--btn-primary-border-color);



}

.btn-principal-fecha {



	color: var(--btn-primary-color);



	background-color: var(--btn-primary-bgcolor-calen);



	border-color: var(--btn-primary-border-color-calen);



}


.btn-principal:hover {



	color: var(--btn-primary-color) !important;



	background-color: var(--btn-primary-ho-bgcolor) !important;



	border-color: var(--btn-primary-ho-border-color) !important;



}



.btn-reporte {



	color: var(--btn-reporte-color);



	background-color: var(--btn-reporte-bgcolor);



	border-color: var(--btn-reporte-border-color);



}



.btn-reporte:hover {



	color: var(--btn-reporte-color) !important;



	background-color: var(--btn-reporte-ho-bgcolor) !important;



	border-color: var(--btn-reporte-ho-border-color) !important;



}







.bootstrap-switch-on {



	background-color: var(--switch-custom-on-bgcolor);



	color: var(--switch-custom-on-fcolor);



}



.bootstrap-switch-off {



	background-color: var(--switch-custom-off-bgcolor);



	color: var(--switch-custom-off-fcolor);



}







.pas {



    width: 22px;



    height: 22px;



    border-radius: 25px;



    display: inline-block;



    margin: 0 15px;



	border: 3px solid var(--pasos-ciruclo-borde);



	background-color: var(--pasos-ciruclo-relleno);



}



.pas.completo {



    /*cursor: pointer;*/



    border: 3px solid var(--pasos-ciruclo-borde);



	background-color: var(--pasos-ciruclo-relleno-completo);



}



.pasos {



    text-align: center;



    padding: 10px 0px 10px;



    width: auto;



    display: flex;



    margin: 0 auto;



	z-index: 1000;



}



.general-overlay {
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--general-overlay-bgcolor);
	z-index: 1001;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

@media screen and (max-width: 699px) {

	.pasos {
		text-align: center;
		padding: 0px 0px 0px;
		width: 100%;
		display: block;
		top: 8px;
		z-index: 1000;
		position: absolute;
	}
}



/*



.btn-carrito-volver {



	display: none;



}*/







/*



Sobre-escritura de clases nativas del template



*/







.alert {



	display: none;



}







.modal-footer {



	background-color: var(--modal-footer-bgcolor);



}







.page-menu-nav{



	display: none !important;



}



.page-menu-title{



	display: contents !important;



}



#page-menu-wrap{



	background-color: var(--pasos-bar-color-fondo);



}







.button[disabled="disabled"]{



	cursor: not-allowed;



	color: #999999 !important;



}







.gutter-40 > [class*="col-"] {



	padding-right: 20px;



	padding-left: 20px;



}







@media screen and (max-width: 699px) {



	.no-gutters .entry-image{



		display: none;



	}



}







.carrito-del-item {



	cursor: pointer;



}



.carrito-del-item:hover {



	color: var(--carrito-remove-color);



}











.left-sidebar {



	padding-top: unset !important;



}



.sidebar {



	border-left: #ccc 1px solid;



}















.sidebar-mobile {



	display: none !important;



}



.trigger-sidebar-mobile {



	display: none !important;



}



.sidebar-desktop {
	display: unset;
}

.footer-fijo-content {
	margin-top: auto;
	margin-bottom: auto;
	color: var(--footer-fijo-text-color);
	font-weight: 777;
	font-size: .9rem;
}


.cant-servicios-footer {



	display: none;



}







@media (max-width: 991.98px) {







	.sidebar {



		border-left: none;



	}



	.sidebar-mobile {



		display: inline-block !important;



	}



	.trigger-sidebar-mobile {



		display: unset !important;



		cursor: pointer;



	}



	.sidebar-desktop {



		display: none;



	}



	#side-panel .widget {



		width: unset !important;



	}







	.cant-servicios-footer {



		display: unset;



	}



}











.content-wrap {



	padding: 30px !important;



}





.btn-add-mobile{
	width: 100%;
	margin: 5px 0;
	text-align: center;
}

.custom-footer {
	background-color: var(--footer-fijo-bgcolor);
	border-top: var(--footer-fijo-border-color) 1px solid;
	box-shadow: 0px 0px 5px 1px var(--footer-fijo-sombra-color);
	padding: 7px;
	display: none;
}


.span-mobile-only {
	display: unset;
}


@media screen and (max-width: 699px) {
	.span-mobile-only {
		display: none;
	}
}


div[class$="-error-general"] {
	display: none;
	color: var(--error-texto-color);
}

.servicio-efectivo{
	display: inline-block;
}
.servicio-efectivo::before{
	content: "";
	display: inline-block;
	line-height: 0;
	height: 0;
	width: 8px;
}
/*
@media screen and (min-width: 777px) {
	.servicio-efectivo::before{
		content: "";
		display: inline-block;
		line-height: 0;
		height: 0;
		width: 8px;
	}
}
*/



/*.header-usuario {



}*/







.mini-carrito-item{



	padding-bottom: 15px;



	margin-top: 15px;



}



.mini-carrito-fechahora{



	padding-bottom: 15px;



	margin-top: 15px;



}







.sidebar h4 {



	margin-bottom: 0 !important;



}







.sb-fecha-hora {



	display: none;



}





.slick-btn-prev,

.slick-btn-next {

	color: var(--slick-princial-textcolor);

	font-size: 1.2rem;

    position: absolute;

	top: 0;

    height: 97%;

	width: 20px;

    display: block;

	background-color: var(--slick-princial-bgcolor);

	border: transparent;

	opacity: 0.5;

}

.slick-btn-prev

{

    left: -25px;

}

.slick-btn-next

{

    right: -25px;

}

.slick-btn-prev:hover,

.slick-btn-next:hover {

	opacity: 1;

}