@import url('assets/css/ms/mobiscroll.jquery.min.css');
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

	/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
	:root {
		--fuente: "Montserrat", sans-serif;
		--base: #C8102E;
		--base2: #C90011;
		--text: rgb(44, 36, 37);
		--principal: rgb(177, 46, 46);
		--secundario: #ffffff;
		--btn: #C8102E;
		--btnHover: rgb(190, 46, 46);
		--icono: rgb(247, 79, 79);
		--pagActual: rgb(154, 64, 64);
		--grisOscuro: #687377;
		--grey: #b8b8b8;
		--transparentGrey: #d8d8d8;
		--greyBlue: #94A5B1;
		--danger: #FD434C;
		--darkred: #c90000;
		--bad: #ffbdc0;
		--good: #d5e9da;
		--middle: #fce9ab;
		--lightGreen: #81D8C1;
		--green: #10B981;
		--azul: #3E81F3;
		--amarillo: #FCD34D;
		--blanco: #ffffff;
		--negro: #000000;
		--fondo: #ffffff;
		--fondoFichar: linear-gradient(180deg, #ffffff 17%, #ffffff 50%, #ffffff 80%, #ffffff 100%);
		--fondoAcciones: #D8D8D8;
		--fondoTrabajando: linear-gradient(180deg, #ffffff 17%, #ffffff 50%, #ffffff 80%, #ffffff 100%);



	}

	.mbsc-windows.mbsc-calendar-controls {
		border-bottom: solid 2px var(--base) !important;
	}

	.mbsc-schedule-header-day.mbsc-windows.mbsc-ltr.mbsc-schedule-header-day-today {
		color: var(--base);
	}

	.mbsc-schedule-header-dayname.mbsc-windows.mbsc-selected.mbsc-schedule-header-dayname-curr {
		background-color: var(--base) !important;
		color: var(--blanco);
	}

	.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
		background-color: var(--grisOscuro) !important;
	}

	.mbsc-schedule-header-day.mbsc-windows.mbsc-ltr.mbsc-selected.mbsc-schedule-header-day-today {
		background-color: var(--base) !important;
		color: var(--blanco);
	}

	.mbsc-schedule-header-dayname.mbsc-windows.mbsc-selected {
		background-color: var(--base) !important;
		color: var(--blanco);
	}

	.mbsc-schedule-header-day.mbsc-windows.mbsc-ltr.mbsc-selected {
		background-color: var(--grisOscuro) !important;
		color: var(--blanco);
	}


	.mbsc-schedule-event-background {

		background: var(--btn) !important;
	}

	.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external {
		background: var(--base);
	}


	.quitar {
		display: none !important;
	}

	a,
	button {
		cursor: pointer !important;
		outline: none;
	}

	.ti-menu-alt {
		font-family: 'themify' !important;
	}

	.fa {
		font-family: 'FontAwesome' !important;
		/* display: none; */
	}

	/* BARRA NAVEGACION */
	.page-header.navbar {
		width: 100%;
		margin: 0;
		border: 0;
		padding: 5px 10px;
		height: 60px;
		min-height: 50px;
		filter: none;
		background-image: none;
		background-color: var(--base);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.top_menu_icons {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		gap: 20px;
	}

	.dropdown-menu-list .scroller .showEventNoAgenda,
	.dropdown-menu a.showEventNoAgenda {
		color: var(--base) !important;
	}


	/* FIN BARRA NAVEGACION */
	.turnoActual {
		font-weight: bold;
		font-style: italic;
		font-size: 1.2em;
		/* color: #f00;/** */
	}

	@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
	/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */



	body,
	footer {
		background: var(--fondo) !important;
	}



	h1,
	h2,
	h3,
	h4,
	h4,
	h6,
	p,
	a,
	li {
		font-family: var(--fuente) !important;
	}

	h2 {
		font-size: clamp(20px, 7vw, 30px) !important;
	}

	a,
	button {
		cursor: pointer !important;
	}

	.ti-menu-alt {
		font-family: 'themify' !important;
	}

	.fa {
		font-family: 'FontAwesome' !important;
		/* display: none; */
	}

	/* DATOS PAGINA PRINCIPAL */
	.home__data {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		/* width: 80%; */
		margin: 0 auto;

	}


	.home__data .col-md-3 {
		max-width: 100% !important;
	}


	.page-content-wrapper {
		background: transparent !important;

	}

	.page-content-wrapper .content-wrapper.container .row {
		margin: 0px !important;
		justify-content: center;

	}

	.userPhoto {
		border-radius: 100%;
		font-size: 100px;
		color: var(--base);
		width: 100px;
		height: 100px;
	}

	.user-info {
		background: var(--base);
		padding-top: 20px;
		padding-bottom: 10px;
		color: #FFF;
		border-bottom: solid var(--grisOscuro);
		text-align: center;
		margin-bottom: 10px;

	}

	.userData {
		display: flex;
		flex-direction: column;
		gap: 10px;
		text-align: center;
		margin-bottom: 20px;
		justify-content: center;
		align-items: center;
	}

	.userData__name,
	.userData__function {
		text-align: center;
		padding: 0px;
	}

	.userData br {
		display: none;
	}

	#myTab {
		text-align: center;
		justify-content: space-evenly;
		margin: 0 auto;
		/* margin-top: 50px; */
		width: 80%;
		min-width: 320px;
		height: 90px;
		background: var(--fondoAcciones);
		border-radius: 12px;
		align-items: center;
		padding: 5px 10px;
	}



	/* ============================================================
                     SIDEBAR Y NAVBAR
==============================================================*/

	.page-header-inner {
		/* background: linear-gradient(90deg, rgba(18, 56, 82, 1) 0%, rgba(46, 173, 177, 1) 81%, rgba(144, 212, 214, 1) 100%); */
		/* background: linear-gradient(to right, rgba(18, 56, 82, 1) 0%, #135aab, #2d73c3, #73b4ff); */
		background-color: var(--base);
	}

	.page-container {
		margin: 0;
		padding: 0;
		position: relative;
		margin-top: 10px;
	}

	.page-title {
		background: var(--base2);
		padding: 6px 10px !important;
		color: white;
		margin-top: 10px;
		padding: 7px 5px;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-direction: column;

		h4 {
			font-size: clamp(18px, 2vw, 24px);
			padding: 0;
			margin: 0;
		}
	}



	.active {
		background-color: var(--principal);

	}

	.sidebar {
		width: 235px;
		position: fixed;
		overflow-y: auto;
		height: 100%;
		overflow-x: hidden;
		background: #fff;
		top: 60px;
		filter: drop-shadow(-5px 0px 8px var(--base));
	}




	.sidebar-nav ul a i {
		/* color: white; */
		/* padding-right: 0px !important; */
	}

	.sidebar-nav ul ul a {
		padding: 10px 30px;
		background-color: var(--secundario) !important;
	}


	.sidebar-nav ul li,
	.sidebar-nav ul a {
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
		max-width: initial;
	}

	.metismenu,
	.sidebar,
	.mini-navbar .nav-second-level,
	.metismenu .collapse.in,
	.sidebar-nav ul li,
	.sidebar-nav ul a {
		background-color: var(--blanco) !important;
		padding-top: 10px;

		.activePage {
			color: var(--blanco) !important;
			text-decoration: none;
			background-color: var(--base) !important;

		}
	}

	.mini-navbar .sidebar-nav ul a i {
		padding-right: 0px !important;

	}

	.mini-navbar .sidebar-nav ul a,
	.mini-navbar .sidebar-nav ul a:active {
		text-align: center;

	}

	.mini-navbar .sidebar-nav ul li ul li a,
	.mini-navbar .sidebar-nav ul li ul li a:active {
		text-align: left;

	}


	.sidebar-nav ul a,
	.sidebar-nav ul a:active {
		color: var(--base);
		text-decoration: none;

	}

	.sidebar-nav ul a:hover,
	.sidebar-nav ul a:focus,
	.sidebar-nav ul a:active {
		color: var(--base2);
		text-decoration: none;
		background-color: #ffffff29 !important;
		transform: scale(1.1);
		transition: 300ms;
	}


	.sidebar-nav ul li.logout a {

		color: var(--danger);

		i {
			color: var(--danger);
			/* font-size: 26px; */
		}
	}

	.sidebar-nav ul li.logout.exit a:hover {
		background-color: var(--danger) !important;
		transform: scale(1);
		color: var(--blanco);
		display: flex;
		align-items: center;

		i {
			color: var(--blanco);
			/* font-size: 26px; */
		}
	}

	.navbar-nav li.exit a:hover {
		background-color: var(--danger) !important;
		transform: scale(1);
		color: var(--blanco);
		display: flex;
		align-items: center;

		i {
			color: var(--blanco);
			/* font-size: 26px; */
		}
	}

	.navbar-nav {

		a:hover .icon-logout:before,
		.active a .icon-logout:before {
			font-family: "Bootstrap-icons" !important;
			content: "\F113";
		}
	}

	.metismenu .collapsing {
		display: flex !important;
		flex-wrap: wrap !important;
	}

	.metismenu .collapsing li {
		width: 100%;
	}

	div.content-wrapper.container {
		min-height: 92vh !important;
	}

	.rounded-circle {
		border-radius: 50%;
		width: 64px !important;
		height: 64px !important;
		display: flex;
		/* text-align: center; */
		align-items: center;
		justify-content: center;
		padding: 0px !important;
		margin: 0 auto;
	}

	/* ============================================================
                        FORMULARIOS
==============================================================*/
	input,
	select {
		border-radius: 33px !important;
		margin-bottom: 10px !important;
	}

	input:checked {
		accent-color: cadetblue !important;
	}

	select[multiple="multiple"] {
		border-radius: 33px 0px 0px 33px !important;
	}

	textarea {
		border-radius: 15px 15px 0px 15px !important;
		margin-bottom: 10px !important;
	}

	.semaforo_verde {
		color: var(--green) !important;
		background-color: var(--good) !important;
	}

	.semaforo_ambar {
		color: var(--btn) !important;
		background-color: var(--middle) !important;
	}

	.semaforo_rojo {
		color: var(--danger) !important;
		background-color: var(--bad) !important;
	}

	.custom-control-input:checked~.custom-control-indicator {
		color: var(--blanco);
		background-color: var(--btn) !important;
	}

	.custom-control-input:checked~.custom-control-indicator:focus {
		color: transparent;
		background-color: var(--btn) !important;
	}

	.input-group {
		align-items: center;
		gap: 3px;
	}

	.form-group {
		padding-bottom: 7px;
		margin: 0px 0 0 0;
		display: flex;
		align-items: center;
	}

	.fa.fa-ellipsis-h {
		position: absolute;
		bottom: 9px;
		right: 0;
		display: none;
		font-size: 20px;
		color: var(--secundario);
	}

	.btn.dropdown-toggle.dropdown-pull-right {
		position: absolute;
		bottom: 9px;
		right: 0;
		font-size: 20px;
		color: var(--secundario);
	}

	.btn-.dropdown-toggle.dropdown-pull-right {
		font-size: 20px;
		color: var(--secundario);
	}

	.dropdown-item span,
	.dropdown-menu a {
		color: var(--secundario) !important;
	}

	/* ============================================================
                            GRAFICAS
==============================================================*/

	#morris-bar svg {
		max-width: 100%;
	}

	/* ============================================================
                        TABLAS Y FULLCALENDAR
==============================================================*/

	.fc-unthemed .fc-today {
		background: var(--icono) !important;
	}

	.fc-AddEvent-button {
		background-color: var(--btn) !important;
	}

	.fc-unthemed .fc-state-default {
		padding: 10px !important;
	}

	td {
		text-align: left;
		align-content: center;
	}

	div.dataTables_wrapper div.dataTables_length label {
		display: flex;
		align-items: baseline;
		gap: 5px;
	}

	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: center;
		text-wrap: wrap;
	}

	.paginate_button .page-link {
		color: var(--base) !important;
		border: 1px solid var(--btnHover) !important;
	}

	#cabeceraCalendario div {
		text-align: center !important;
	}




	/* .odd{
    color: #10B981;
}
.even{
    color:var(--danger);
} */
	/* ============================================================
                        DATOS CARTAS
==============================================================*/

	.card__data1,
	.card__data2,
	.card__data3,
	.card__data4 {
		border-radius: 5px !important;
		transition: 600ms;
	}

	.card__data1 {
		color: var(--blanco);
		background: linear-gradient(45deg, #2ed8b6, #59e0c5)
			/* border-bottom: 3px solid transparent; */
	}

	.card__data2 {
		background: linear-gradient(45deg, #ff5370, #ff869a);
		color: var(--blanco);
		/* border-bottom: 3px solid transparent; */
	}

	.card__data3 {
		background: linear-gradient(45deg, #ffb64d, #ffcb80);
		color: var(--blanco);
		/* border-bottom: 3px solid transparent; */
	}

	.card__data4 {
		background: linear-gradient(to right, #4099ff, #73b4ff);
		/* background: linear-gradient(90deg, rgba(18, 56, 82, 1) 59%, rgba(46, 173, 177, 1) 132%); */
		color: var(--blanco);
		/* border-bottom: 3px solid transparent; */
	}

	.card__data1:hover,
	.card__data2:hover,
	.card__data3:hover,
	.card__data4:hover {
		/* border-bottom: 3px solid; */
		transform: scale(1.05);
		transition: 300ms;
		cursor: context-menu;
	}




	/* ============================================================
                        SWEETALERT
==============================================================*/

	.swal2-styled.swal2-confirm {
		border: 0;
		border-radius: 33px !important;
		background: initial;
		background-color: var(--green) !important;
		color: #fff;
		font-size: 1.0625em;
	}

	.swal2-styled.swal2-cancel {
		border: 0;
		border-radius: 33px !important;
		background: initial;
		background-color: var(--danger) !important;
		color: #fff;
		font-size: 1.0625em;
	}

	.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
		margin: auto;
		/* background: linear-gradient(180deg, rgba(224, 238, 255, 1) 17%, rgba(188, 209, 255, 1) 50%, rgba(153, 186, 242, 1) 80%, rgba(157, 167, 240, 1) 100%); */
	}

	/* ============================================================
                        BOTONES E ICONOS
==============================================================*/
	button {
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;

		/* padding: 8px 14px !important; */

	}

	/* .btn{
    margin: 5px;
} */

	.btn:hover {
		opacity: 1 !important;
		filter: brightness(1.2);
		border: 1px solid transparent;
		transform: scale(1.05);
		transition: 300ms ease-in-out;
	}

	.kv-zoom-actions .btn-kv i {
		color: var(--secundario) !important;
		display: flex;
		align-items: center;
		justify-content: unset;
		flex-wrap: nowrap;
	}

	.btn-warning {

		border-radius: 33px !important;

	}

	.btn-success,
	.btn-primary {
		background-color: var(--base) !important;
		border-radius: 33px !important;
		border-color: var(--base) !important;
	}

	.btn-success.firmar {
		margin-top: 20px;
	}

	#addCRM,
	#addContact,
	#addPrecio,
	#newAlbaran,
	#newPresupuesto,
	#newFactura,
	#protecciondatos,
	#newVehiculo,
	#nuevalineaBtn {
		background-color: var(--btn) !important;
		border-color: var(--btn) !important;
		border-radius: 33px !important;
		-webkit-border-radius: 33px !important;
		margin: 0px;
	}

	.edit,
	.editV {
		/* background-color: var(--btn) !important;
    border-color: var(--btn) !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;  */
		background-color: transparent !important;
		border-color: transparent !important;
		border-radius: unset !important;

	}


	.print {
		background-color: var(--btnHover) !important;
		border-color: var(--btnHover) !important;
	}

	td .edit {
		padding: 0px 6px;
		;
	}

	td .print {
		background-color: initial !important;
		border-color: initial !important;
		padding: 0px 6px;

		.fa-print:before {
			font-family: "Bootstrap-icons";
			content: "\F500";
			color: var(--grisOscuro) !important;
		}
	}

	td .email {
		background-color: initial !important;
		border-color: initial !important;
		padding: 0px 6px;

		.fa-envelope:before {
			font-family: "Bootstrap-icons";
			content: "\F32C";
			color: var(--azul) !important;
		}
	}

	td .contabilizar {
		background-color: initial !important;
		border-color: initial !important;
		padding: 0px 6px;

		.fa-bank:before {
			font-family: "Bootstrap-icons";
			content: "\F8B4";
			color: deeppink !important;
		}
	}

	td .pagar {
		background-color: initial !important;
		border-color: initial !important;
		padding: 0px 6px;

		.fa-euro:before {
			font-family: "Bootstrap-icons";
			content: "\F638";
			color: royalblue !important;
		}
	}

	td .view {
		background-color: initial !important;
		border-color: initial !important;
		padding: 0px 6px;

		.fa-eye:before {
			font-family: "Bootstrap-icons";
			/* content: "\F32C"; */
			color: var(--green) !important;
		}
	}

	td .printFacturae {
		background-color: initial !important;
		border-color: transparent !important;
		margin: 0px;
		padding: 0px 6px;

		img {
			margin-top: -8px;
		}
	}

	.fa-envelope.noenviado:before {
		font-family: "Bootstrap-icons";
		content: "\F6BC";
		font-size: x-large;

	}



	.btn-info {
		background-color: #f29a32 !important;
		border-color: #f29a32 !important;
		border-radius: 33px !important;
		-webkit-border-radius: 33px !important;
	}

	#printNumber {
		display: flex;
		gap: 5px;
	}

	#printNumber:before {
		font-family: "Bootstrap-icons";
		content: "\F501";

	}


	#cancelBtn,
	.btn-danger,
	.fileinput-remove {
		background-color: var(--danger) !important;
		border-color: var(--danger) !important;
		color: var(--blanco) !important;
		border-radius: 33px !important;

	}

	#cleatBtn {
		background-color: var(--bs-indigo) !important;
		border-color: var(--bs-indigo) !important;
	}

	.delete,
	.deleteV {
		/* background-color: var(--danger) !important;
    border-color: var(--danger) !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important; */
		background-color: transparent !important;
		border-color: transparent !important;
		border-radius: unset !important;

	}


	td .fa-trash:before {
		font-family: "Bootstrap-icons";
		content: "\F622";
	}

	.fa-trash:before {
		font-family: "Bootstrap-icons";
		content: "\F623";
	}


	.fa-eye:before {
		font-family: "Bootstrap-icons";
		content: "\F33E";
	}


	.fa-envelope:before {
		font-family: "Bootstrap-icons";
		content: "\F84C";
	}

	.fa-money:before {
		font-family: "Bootstrap-icons";
		content: "\F632";
	}

	.fa-calendar:before {
		font-family: "Bootstrap-icons";
		content: "\F1E8";
	}


	#btnRectificar {
		background-color: indigo !important;
		border-color: indigo !important;

		.fa-times:before {
			font-family: "Bootstrap-icons";
			content: "\F12B";
		}
	}


	.btn.disabled:hover,
	.btn:disabled:hover {
		cursor: not-allowed !important;
		transform: scale(1);
		opacity: .65 !important;
		filter: brightness(1);

	}


	#btnCobrarTPV {}

	#agendar {
		background-color: darkseagreen !important;
		border-color: darkseagreen !important;
	}

	#nuevalineaBtn {
		background-color: #55748d !important;
		border-color: #55748d !important;
	}

	#btnAbonar {
		background-color: #c90000 !important;
		border-color: #c90000 !important;

		.fa-times:before {
			font-family: "Bootstrap-icons";
			content: "\F117";
		}
	}


	.fa-print:before {
		font-family: "Bootstrap-icons";
		content: "\F501";
	}

	td button .fa-trash:before {
		color: var(--danger) !important;
	}

	.close.fileinput-remove {
		color: var(--secundario) !important;
		background-color: transparent !important;
	}

	.minimalize-styl-2:hover {
		color: var(--icono);
		text-decoration: none;
		/* transform: scale(1.1); */
		transition: 300ms;
	}

	.email {
		background-color: var(--azul) !important;
		border-color: var(--azul) !important;
		border-radius: 2px !important;
		-webkit-border-radius: 2px !important;
	}

	.view {
		background-color: var(--principal) !important;
		border-color: var(--principal) !important;
		border-radius: 2px !important;
		-webkit-border-radius: 2px !important;
	}

	#btnImprimir {
		background-color: var(--btnHover) !important;
		border-color: var(--btnHover) !important;
		color: var(--blanco);
		border-radius: 33px;

	}

	.ver {
		background-color: transparent !important;
		border-color: transparent !important;
		border-radius: unset !important;


		i {
			color: var(--green) !important;
		}

	}

	.sendMail {
		background-color: var(--azul) !important;
		border-color: var(--azul) !important;
	}

	.cobrar,
	#btnCobrar2 {
		background-color: var(--btn) !important;
		border-color: var(--btn) !important;
	}

	#verCliente,
	#btnFacturar,
	.facturar {
		background-color: var(--greyBlue) !important;
		border-color: var(--greyBlue) !important;
		color: var(--blanco);
		border-radius: 33px;
	}

	#verCliente:hover {
		background-color: var(--secundario) !important;
		border-color: var(--secundario) !important;
	}

	.buttons-excel {
		background-color: #198754 !important;
		border-color: #198754 !important;
		color: var(--blanco);
		font-weight: 700;
		border-radius: 33px;
	}

	.buttons-pdf,
	button[title="pdf"] {
		background-color: var(--darkred) !important;
		border-color: var(--darkred) !important;
		color: var(--blanco);
		font-weight: 700;
		border-radius: 33px;
	}

	/* .buttons-pdf:before{
    font-family:"Bootstrap-icons";
    content: "\F63E";
    color: var(--blanco) !important;
    margin-right: 5px;

}

.buttons-excel:before{
    font-family:"Bootstrap-icons";
    content: "\F389";
    color: var(--blanco) !important;
    margin-right: 5px;

} */

	.fa-pencil:before {
		font-family: "Bootstrap-icons";
		content: "\F4C9";
		color: var(--bs-indigo) !important;
	}

	.fa-cart-plus:before {
		font-family: "Bootstrap-icons";
		content: "\F23F";
	}

	.fa-plus-square:before {
		font-family: "Bootstrap-icons";
		content: "\F4FA";
	}

	.fa-user-plus:before {
		font-family: "Bootstrap-icons";
		content: "\F89A";
		font-size: 20px;
	}

	.fa-search:before {
		font-family: "Bootstrap-icons";
		content: "\F52A";
		font-size: 20px;
	}

	.buttons-excel:hover,
	.buttons-pdf:hover {
		color: var(--blanco);
		cursor: pointer;
	}

	.addProductoBuscado {

		background-color: transparent !important;
		border-radius: 50px !important;
		border-color: initial !important;

		.fa-plus {
			color: var(--green) !important;
		}

		.fa-plus:before {
			font-family: "Bootstrap-icons";
			content: "\F64D" !important;
			font-size: 20px;
		}
	}

	.addProductoBuscado:focus {
		display: flex;
		justify-content: center;
		align-items: center;

	}

	.busquedaFlotante {
		background-color: transparent !important;
		border-radius: 50px !important;
		border-color: initial !important;
		margin-bottom: 10px !important;

		i {
			color: var(--green) !important;
		}
	}

	#newVehiculo {
		display: flex;
		gap: 5px;
	}

	/* ICONOS LEFTMENU */
	.active {
		color: var(--icono);
		text-decoration: none;
		background-color: #ffffff29 !important;
		transition: 300ms;
	}

	.fa-bars:before {
		font-family: "Bootstrap-icons" !important;
		content: "\F479";
	}

	.sidebar {


		.fa-home:before {
			font-family: "Bootstrap-icons" !important;
			content: "\F425";
			/* color: var(--danger) !important; */
		}

		a:hover .fa-home:before {
			content: "\F424";
		}

		.fa-folder-open:before {
			font-family: "Bootstrap-icons";
			content: "\F3D7";
		}

		.activePage .fa-folder-open:before,
		a:hover .fa-folder-open:before,
		.active a .fa-folder-open:before {
			content: "\F3D8";
		}

		.fa-sitemap:before {
			font-family: "Bootstrap-icons";
			content: "\F1C7";
		}



		.activePage .fa-sitemap:before,
		a:hover .fa-sitemap:before,
		.active a .fa-sitemap:before {
			content: "\F7ED";
		}


		.fa-dropbox:before {
			font-family: "Bootstrap-icons";
			content: "\F392";
		}

		.activePage .fa-dropbox:before,
		a:hover .fa-dropbox:before,
		.active a .fa-dropbox:before {
			content: "\F3C2";
		}

		.fa-shopping-basket:before {
			font-family: "Bootstrap-icons";
			content: "\F184";
		}

		.activePage .fa-shopping-basket:before,
		a:hover .fa-shopping-basket:before,
		.active a .fa-shopping-basket:before {
			content: "\F183";
		}

		.fa-credit-card-alt:before {
			font-family: "Bootstrap-icons";
			content: "\F50E";
		}

		a:hover .fa-credit-card-alt:before,
		.active a .fa-credit-card-alt:before {
			content: "\F50F";
		}

		.ti-menu-alt:before {
			font-family: "Bootstrap-icons";
			content: "\F479";
		}

		.activePage .ti-menu-alt:before,
		a:hover .ti-menu-alt:before,
		.active a .ti-menu-alt:before {
			content: "\F474";
		}

		.fa-gear:before {
			font-family: "Bootstrap-icons";
			content: "\F3E5";
		}

		.activePage .fa-gear:before,
		a:hover .fa-gear:before,
		.active a .fa-gear:before {
			content: "\F3E2";
		}

		a:hover .icon-logout:before,
		.active a .icon-logout:before {
			font-family: "Bootstrap-icons" !important;
			content: "\F113";
		}

		.fa-plus:before {
			font-family: "Bootstrap-icons";
			content: "\F64D";
		}

		.fa-clock-o:before {
			font-family: "Bootstrap-icons";
			content: "\F293";
		}

		a:hover .fa-clock-o:before {
			content: "\F291";
		}

		.fa-calendar-o:before {
			font-family: "Bootstrap-icons";
			content: "\F1EF";
		}

		a:hover .fa-calendar-o:before {
			content: "\F208";
		}

		.fa-history:before {
			font-family: "Bootstrap-icons";
			content: "\F292";
		}

		a:hover .fa-history:before {
			content: "\F596";
		}

		.fa-cloud-upload:before {
			font-family: "Bootstrap-icons";
			content: "\F431";
		}

		a:hover .fa-cloud-upload:before {
			content: "\F430";
		}

		/* .fa-file-text-o:before{
    font-family:"Bootstrap-icons";
    content: "\F35E";
}

a:hover .fa-file-text-o:before{
    content: "\F35D";
} */

		.fa-file-text-o:before {
			font-family: "Bootstrap-icons";
			content: "\F73D";
		}

		a:hover .fa-file-text-o:before {
			content: "\F32C";
		}
	}




	/* FIN ICONOS LEFTMENU */
	.fa-plus:before {
		font-family: "Bootstrap-icons" !important;
		content: "\F64D";
	}

	.fa-save:before {
		font-family: "Bootstrap-icons" !important;
		content: "\F7D9";
	}

	.fa-ban:before {
		font-family: "Bootstrap-icons" !important;
		content: "\F6B6";
	}

	.factusea {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}

	.form-group .col-sm-4.col-sm-offset-2 {
		display: flex;
		gap: 20px;
	}

	.file-input.theme-fa.file-input-ajax-new {
		padding: 10px;
	}

	.previous a {
		border-radius: 33px 0 0 33px !important;
		border-color: var(--btnHover) !important;
		border-right-color: var(--btnHover) !important;
		color: var(--secundario) !important;
	}

	.page-link:focus,
	.page-link:hover {
		color: var(--blanco) !important;
		text-decoration: none;
		background-color: var(--btnHover);
		border-color: var(--btnHover);
	}

	.paginate_button a {
		color: var(--secundario) !important;
		border: 1px solid var(--btnHover) !important;
	}

	.next a {
		border-radius: 0px 33px 33px 0 !important;
		border-color: var(--btnHover) !important;
		border-right-color: var(--btnHover) !important;
		color: var(--secundario) !important;
	}

	.paginate_button a:hover {
		color: var(--blanco) !important;
	}

	.next.disabled a,
	.previous.disabled a {
		color: var(--greyBlue) !important;
	}

	.page-item.active a {
		background-color: var(--base) !important;
		color: var(--blanco) !important;
		;
	}

	.bi-arrow-up-circle::before {
		content: "\F148";
		font-size: 35px;
		color: var(--blanco);

	}


	/* BOTONES SWAL */
	.swal2-styled {
		max-width: 170px !important;
		/* margin: 0 30px !important; */
	}

	.duplicateEvent {
		background-color: orange !important;
		border-color: orange !important;
	}

	/* ============================================================
                         PANELES
==============================================================*/
	.card-header {
		font-weight: bold !important;
		/* background-color: var(--secundario); */
		background: linear-gradient(to right, #55748d, #7AA5C9);
		color: var(--blanco);
		border-radius: 5px 5px 0px 0px !important;
	}

	.panel {
		border-radius: 5px !important;
	}

	/* .panel-card.margin-b-30{
    border-radius: 0px !important;
} */

	.col-sm-4.col-sm-offset-2 button {
		/* margin: 0 10px; */
	}

	.btn-warning:focus,
	.btn-info:focus,
	.btn-danger:focus {
		/* -webkit-box-shadow: 0 0 0 2px rgba(156, 160, 162, 0.5); */
		box-shadow: 0 0 0 2px transparent !important;
	}

	:root {
		--bs-primary: #4099ff;
		--bs-secondary: #6c757d;
		--bs-success: #2ed8b6;
		--bs-info: #00bcd4;
		--bs-warning: #ffb64d;
		--bs-danger: #ff5370;
		--bs-light: #F8F9FA;
		--bs-dark: #212529;
		--bs-greyblue: #686d88;
		--bs-indigo: #4361ff;
	}

	.teal {
		background: var(--fondoFichar);
		border-radius: 4px !important;
		border: initial;

	}

	.card .card-content {
		/* padding: 20px 40px; */
		border-radius: 0 0 2px 2px;
		position: inherit;
		background-repeat: no-repeat;
		background-image: none;
		background-size: contain;
		/* background-position-x: right; */
		color: var(--text);

		.icon-user:before {
			color: var(--text);
		}
	}

	.card-content.clearfix {
		background-position-y: bottom;
		backdrop-filter: saturate(0.5);
		margin-top: 10px;
	}

	.user_card_disposition {
		display: flex;
		justify-content: space-around !important;
	}

	ol {
		display: none;
	}

	.orange {

		border: initial !important;
		border-radius: 4px !important;
		padding: 0px;
		/* margin: -31px -20px 20px -20px; */
		background: var(--fondoTrabajando);
		border-top: none !important;


	}

	#elapsed {
		border-radius: 33px;
		background-color: #ffffff4f;
		margin: 10px auto;
		text-align: center;
		padding: 10px;
		max-width: 320px;
	}

	.btn-success.firmar {
		background-color: var(--bs-warning) !important;
		border-radius: 33px !important;
		border-color: var(--bs-warning) !important;
		color: var(--secundario);
		padding: 10px 20px !important;
	}

	.btn-danger:not(.btn-sm),
	.btn-success:not(.btn-sm) {
		padding: 10px 20px !important;
	}

	.mbsc-windows.mbsc-calendar-controls {
		padding: .5em;
		min-height: 2.125em;
		background-color: var(--blanco);
		justify-content: center;
		border-bottom: solid 2px var(--bs-info);
	}

	#home-tab {
		background-color: var(--azul);
	}

	#nominas-tab {
		background-color: #2ed8b6;
	}

	#circulares-tab {
		background-color: var(--bs-greyblue);

	}

	.mbsc-selected {
		background-color: var(--bs-info) !important;
	}

	#home-tab:hover,
	#nominas-tab:hover,
	#circulares-tab:hover {
		background-color: var(--greyBlue);
		transition: 300ms ease-in-out;
	}

	#home-tab,
	#nominas-tab,
	#circulares-tab {
		border-radius: 0px;
	}



	#mbsc-control-1:hover,
	#mbsc-control-3:hover,
	#mbsc-control-2:hover,
	#changeView:hover {
		transform: scale(1);
		background-color: var(--greyBlue) !important;
		border-color: var(--greyBlue) !important;
		border: none;
		filter: none;

	}


	#changeView:hover {
		border: 1px solid transparent;

	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link {
		color: #ffffff;
		background-color: transparent !important;
		border-color: none;
		font-weight: bold;
		min-width: 100px;
		box-shadow: none;
		font-size: 40px;
		border: none;
		padding: 0;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		color: #ffffff;
		background-color: transparent !important;
		border-color: transparent;
		font-weight: bold;
		min-width: 100px;
		box-shadow: none;
		font-size: 40px;
		border: none;
		scale: 1.1;
		color: #464a4c;
	}

	#home-tab:focus,
	#nominas-tab:focus,
	#circulares-tab:focus {
		color: #464a4c;
		outline: none;
		/* background-color: #fff !important; */
		/* border-color: #f3f3f3 #f3f3f3 #fff !important; */
		font-weight: bold;
		scale: 1.1;
		/* min-width: 100px; */
		/* box-shadow: inset 1px 1px 3px #f1f1f1 !important; */
	}

	.btn.focus,
	.btn:focus {
		outline: 0;
		/* -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25); */
		box-shadow: 0 0 0 2px transparent;
	}

	#mbsc-control-1,
	#mbsc-control-2 {
		background-color: transparent !important;
		border: none;
	}

	#mbsc-control-3 {
		background-color: #ecf4fc !important;
		border: none !important;
	}



	@media (max-width: 767px) {
		#canvas-registro {
			height: 300px !important;
		}

		.userData {
			display: flex;
			flex-direction: column;
			gap: 10px;
			text-align: center;
			margin-bottom: 20px;
			justify-content: center;
			align-items: center;
		}

		.userData__name,
		.userData__function {
			text-align: center;
			padding: 0px;
		}

		.userData br {
			display: none;
		}
	}


	/* ============================================================
                            FOOTER
==============================================================*

/* Link del footer */
	.cpr a {
		color: var(--btn) !important;
		font-weight: 600;
	}

	footer {
		/* width: 100%; */
		/* text-align: center; */
		/* position: relative; */
		/* bottom: 0px; */
		/* float: left; */
		display: flex;
		align-items: center;
		margin: 0px 0px -100px 0px;
		justify-content: center;
		/* background: var(--fondo); */
		padding: 18px;
	}


	.signature-pad--body canvas {
		width: 100%;
		min-height: 250px;
	}


	.user__calendar {
		width: 100% !important;
		min-width: 100%;
	}

	.mbsc-windows.mbsc-schedule-time {
		text-align: center;
	}

	.mbsc-schedule-all-day-item.mbsc-schedule-col-width.mbsc-flex-1-0.mbsc-windows.mbsc-ltr {
		display: contents;
	}


	/* ============================================================
                         RESPONSIVE
==============================================================*/



	@media (max-width: 991px) {

		.user_data_info {
			background-color: var(--bs-light);
			border-radius: 10px;
			padding: 5px;
			box-shadow: inset 0px 1px 2px 0px black;
			/* border: solid 1px var(--grisOscuro); */
		}

		.mis_turnos {
			display: flex;
			gap: 10px;
		}



	}


	@media (max-width: 575px) {

		/* Boton para subir al principio de la página */
		#toTop {
			position: sticky;
			top: 86vh !important;
			right: 30px !important;
			background-color: var(--base);
			z-index: 999999999999999999999999999999999999999999999999;
			width: 50px;
			margin: 0 auto;
			height: 50px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			align-items: anchor-center;
			border: 2px solid white
		}

		.userData {
			display: none;
		}



		#myTab {
			text-align: center;
			justify-content: space-evenly;
			margin: 0 auto;
			/* margin-top: 50px; */
			width: 95%;
			/* min-width: 320px; */
			height: 70px;
			background: var(--fondoAcciones);
			border-radius: 50px;
			align-items: center;
			padding: 0px;
		}


		/* SIDEBAR */
		.mini-navbar .sidebar {
			margin-left: -70px !important;
		}

		.mini-navbar-show .sidebar {
			position: fixed;
			left: 0;
			top: 50px;
			margin-left: 0px !important;
		}



		.mini-navbar .page-content-wrapper {
			margin-left: 0px !important;
		}

		.content-wrapper.container {
			padding: 0px;
		}

		/* FIN SIDEBAR */
		/* .home__data {
        margin-left: 0px;
    } */
		.card .card-content {
			padding: 20px 0px;

		}

		.orange {

			border-color: none !important;
			border-radius: 4px !important;
			padding: 0px;
			border-top: none !important;
		}

		.col-sm-12.col-md-6.col-lg-4 {
			padding-right: 0px;
			padding-left: 0px;
			;
		}

		.user__calendar {
			width: initial !important;
			min-width: initial;
		}

		.user_card {
			padding: 0;
			margin-top: 40px;

		}

		#relojesRegistro {
			/* max-width: 320px !important; */
		}

		#page_title {
			display: none;
		}

		.mbsc-schedule-time-wrapper {
			position: relative;
			width: 2.55em;
			height: 3.125em;
			box-sizing: border-box;
		}


		.mbsc-windows.mbsc-schedule-time-col.mbsc-ltr {
			border-right-width: 1px;
			border-right-style: solid;
			width: 40px;
		}

	}