:root {
	--font-family: 'TT Travels';
	--rojo: #ea0101;
	--proceso: #878dfa;
	--procesado: #17ccf9;
	--rechazado: #b30000;
	--anulado: #ff7375;
	--abierto: #908C99;
	--pendiente: #1B51DC;
	--verde: #00EB5E;
	--verde-light: #C7FCCA;
	--nature: #006245;
	--nature-dark: #00330E;
	--deep: #221C46;
	--azul: #1B51DC;
	--azul-dark: #0F266D;
	--azul-light: #DEF3FB;
	--celeste: #88DDFB;
	--amarillo: #FFFF37;
	--rosa: #CC1480;
	--dark: #5A5469;
	--light: #faf8ff;
	--strip: #F3F3FC;
	--gris: #908C99;
	--disabled: #B5B2BC;
	--disabled-bg: #EFEFEF;
	--white: #ffffff;
	--border: #d1cfd7;
	--bs-border-color: var(--border);
	--facebook: #1877f2;
	--twitter: #1da1f2;
	--instagram: #e1306c;
	--youtube: #ff0000;
	--twitch: #9146ff;
	--discord: #7289da;
	--whatsapp: #25d366;
	--linkedin: #0077b5;
	--border-modal-alerta: #eeeeee;
	--estado-abierto: #B5B2BC;
	--estado-pendiente-facturacion: #F0CD01;
	--estado-pendiente-pago: #0FA4C9;
	--estado-proceso: #17CCF9;
	--estado-procesado: #00EB5E;
	--estado-anulado: #FF7375;
	--estado-rechazado: #E9003F;
}

html {
	font-size: 16px;
}

body:not(.home) main{
	min-height: calc(100vh - 80px - 42px);
	margin-top: 80px;
}

*{
	scroll-margin-top: 80px;
}

.rounded{
	border-radius: 1.125rem !important;
}
.shadow{
	-webkit-box-shadow: 4px 4px 0 0 var(--border) !important;
	box-shadow: 4px 4px 0 0 var(--border) !important;
}

/************************ Progress Bar ************************/

.progress, .progress-stacked{
	height: .5rem;
	border-radius: 0;
	background-color: var(--border);
}
.progress-bar{
	background-color: var(--azul);
}

/************************ Title Mark ************************/

.title-mark{
	background-color: var(--azul-light);
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1.75rem;
	padding-right: 1rem;
	background-image: url("../../images/mark_vector.svg");
	background-position: left center;
	background-repeat: no-repeat;
}

/************************ Custom Scroll ************************/
.custom-scroll::-webkit-scrollbar {
    width: 8px;
	height: 8px;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: var(--gris);
    border-radius: 4px;
}
.custom-scroll::-webkit-scrollbar-thumb:active,
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--azul);
}

/************************ Badge ************************/

.badge{
	font-size: .875rem;
	border-radius: 0;
	font-weight: 600;
	color: var(--white);
	background-color: var(--deep);
	padding-left: .5em;
	padding-right: .5rem;
}

.table-sm .badge{
	font-size: 1em;
}

.badge-proceso{	background-color: var(--proceso); }
.badge-abierto{ background-color: var(--abierto); }
.badge-pendiente{ background-color: var(--pendiente); }
.badge-procesado{ background-color: var(--procesado); }
.badge-rechazado{ background-color: var(--rechazado); }
.badge-anulado{ background-color: var(--anulado); }
.badge-amarillo{ background-color: var(--amarillo); color: var(--black); }

/************************ Alerts ************************/
.fixed_alerts_wrapper{
	position: fixed;
	bottom: 1.5rem;
	left: 0;
	right: 0;
	z-index: 9999;
}

.alert{
	border-radius: 0;
	padding: .75rem 1rem;
	margin-bottom: 0;
}

.alert-azul{
	border-color: #878DFA;
	background-color: var(--light);
	color: var(--azul-dark);
}

.alert-dismissible .btn-close{
	padding: .25rem;
	position: static;
}

.alert-success{
	border-color: var(--verde);
	background-color: var(--verde-light);
	color: var(--nature);
}

.alert-success .btn-close{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23006245'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.alert-warning{
	border-color: #b26019;
	color: #874819;
	background-color: #fbf2ec;
}

/************************ radio TAGS ************************/

.radio_tags{
	gap: .5rem;
}
.radio_tags input{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.radio_tags label{
	position: relative;
}

.radio_tags .tag,
.radio_tags .radio_label{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	height: 2.25rem;
	padding: .25rem 1rem;
	border: 0 none;
	font-weight: 700;
	font-size: 1rem;
	color: var(--deep);
	background-color: #e3e2fa;
	cursor: pointer;
	white-space: nowrap;
}

.radio_tags input:checked ~ .radio_label{
	background-color: var(--azul-dark);
	color: var(--white);
}

.radio_tags .tag{
	cursor: default;
}

.table-sm .radio_tags .tag,
.table-sm .radio_tags .radio_label{
	font-size: 1em;
	height: 1.8rem;
}

.table-sm .btn_action{
	width: 30px;
	height: 30px;
}
.table-sm .btn_action svg{
	width: 18px;
	height: 18px;
}


/************************ NAV TABS ************************/

.nav-tabs{
	border-bottom: 1px solid #D1CFD7;
	flex-wrap: nowrap;
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.nav-tabs::-webkit-scrollbar {
	display: none;
}

.nav-tabs .nav-item{
	flex: 1 0 0%;
}

.nav-tabs .nav-item-cliente {
	flex: 0 0 0%;
}

.nav-tabs .nav-link{
	border: 0 none;
	border-bottom: 4px solid transparent;
	background-color: transparent;
	border-radius: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3.5rem;
	padding: .25rem 1.25rem;
	gap: .5rem;
	color: var(--deep);
	margin-bottom: 0;
	line-height: 1.1;
	white-space: nowrap;
	font-size: 1rem;
}

.nav-tabs .nav-link.active{
	border-color: var(--azul);
	background-color: transparent;
}

.nav-tabs .nav-link:not(a):not(.active):hover{
	border-color: transparent;
}

/*------------------------------ DROPDOWN -----------------------------*/

.dropdown:not(.dropdown-select) .dropdown-toggle{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	height: 79px;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	padding-right: 2.5rem;
	border: 0 none;
	background-color: var(--white);
	color: var(--deep);
	position: relative;
	gap: 0 10px;
	font-weight: 600;
}

.dropdown:not(.dropdown-select) .dropdown-toggle::after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    height: 4px;
    width: 100%;
    background: var(--azul);
    transition: .2s;
	border: 0 none;
	margin: 0;
}

.dropdown:not(.dropdown-select) .dropdown-toggle:hover::after{
	transform: scaleX(1);
}

.dropdown:not(.dropdown-select) .dropdown-toggle:hover{
	background-color: var(--azul-light);
}

.dropdown:not(.dropdown-select) .dropdown-toggle::before{
	content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
	border: 0 none;
    border-bottom: 2px solid var(--azul);
    border-right: 2px solid var(--azul);
    right: 1rem;
    top: 2rem;
	margin: 0;
}
.dropdown:not(.dropdown-select) .dropdown-toggle:hover::before{
	border-color: var(--deep);
}
.dropdown:not(.dropdown-select) .dropdown-toggle.show::after,
.dropdown:not(.dropdown-select) .dropdown-toggle.show{
	background-color: var(--deep);
	color: var(--white);
}
.dropdown:not(.dropdown-select) .dropdown-toggle.show::before{
	border-color: var(--white);
}

.dropdown:not(.dropdown-select) .dropdown-menu{
	border: 1px solid #D1CFD7;
	border-radius: 0;
	padding: 0;
	min-width: 210px;
}

.dropdown:not(.dropdown-select) .dropdown-menu li:not(:last-child){
	border-bottom: 1px solid #D1CFD7;
}

.dropdown:not(.dropdown-select) .dropdown-item{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	min-height: 62px;
	color: var(--deep);
	gap: 10px;
	font-weight: 600;
}

.dropdown:not(.dropdown-select) .dropdown-item:hover{
	background-color: var(--azul-light);
	color: var(--deep);
}
.dropdown:not(.dropdown-select) .dropdown-item:focus{
	background-color: var(--deep);
	color: var(--white);
}

.dropdown-select .dropdown-toggle{
	filter: none;
}

.dropdown-toggle .icon{ color: var(--azul); }
.dropdown:not(.dropdown-select) .dropdown-toggle:hover .icon{ color: var(--deep); }
.dropdown:not(.dropdown-select) .dropdown-toggle.show .icon{ color: var(--white); }

/*------------------------------ Close -----------------------------*/

.btn-close{
	border-radius: 0;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B51DC'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	opacity: 1;
}
.btn-close:focus{
	box-shadow: none;
}

.btn-close:hover{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23221C46'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	opacity: 1;
}

/*------------------------------ TABLES -----------------------------*/

.table>:not(caption)>*>*{
	height: 56px;
	vertical-align: middle;
	color: var(--deep);
	padding-left: 1rem;
	padding-right: 1rem;
}

.table.table-sm>:not(caption)>*>*{
	height: 46px;
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
	--bs-table-color-type: var(--deep);
    --bs-table-bg-type: var(--strip);
}

.table>thead th{
	font-weight: 500;
	background-color: var(--deep);
	color: var(--white);
}

.table.table-clean>:not(caption)>*>*{
	height: auto;
	padding-left: 0;
	padding-right: .5rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
	background-color: transparent;
}

.table.table-clean>thead th{
	background-color: transparent;
}

table tr.selected td{
	--bs-table-bg-type: var(--azul-light) !important;
	background-color: var(--azul-light) !important;
}

table thead .actions{
	opacity: 0;
	pointer-events: none;
}
table thead tr.selected .actions{
	opacity: 1;
	pointer-events: all;
}

/*------------------------------ Offcanvas -----------------------------*/

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl{
	--bs-offcanvas-width: 640px;
	--bs-offcanvas-color: var(--deep);
}

.modal-backdrop,
.offcanvas-backdrop{
	background-color: var(--deep);
}
.modal-backdrop.show,
.offcanvas-backdrop.show{
	opacity: .9;
}
.modal-header,
.offcanvas-header{
	border-bottom: 1px solid var(--disabled-bg);
	min-height: 60px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.offcanvas-body{
	--bs-offcanvas-padding-x: 1.5rem;
    --bs-offcanvas-padding-y: 1.5rem;
}
.offcanvas-body::-webkit-scrollbar {
  width: 10px;
}
.offcanvas-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.offcanvas-body::-webkit-scrollbar-thumb {
  background: #d8d8d8;
	border-radius: 50em;
}
.offcanvas-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.modal-footer,
.offcanvas-footer{
	border-top: 1px solid var(--disabled-bg);
	padding: 1rem 1.5rem;
}

/*------------------------------ Modal -----------------------------*/

.modal{
	--bs-modal-width: 660px;
}

.modal-body{
	padding: 1.5rem;
}
.modal-content{
	border-radius: 0;
	border: 0 none;
}

.modal-footer>*{
	margin: 0;
}

.modal>.btn-close{
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 999;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

#modalImage .btn-close{
	position: absolute;
	z-index: 999;
	top: -.75rem;
	right: -.75rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	background-color: #212121;
	background-size: .75rem auto;
	width: 1.5rem;
	height: 1.5rem;
	border-bottom-right-radius: 40%;
	border-top-left-radius: 40%;
}


/*------------------------------ Accordion -----------------------------*/

.accordion-item{
	border: 0 none;
	border-radius: 0 !important;
	color: var(--deep);
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button{
	border-radius: 0 !important;
}
.accordion-header{
	position: relative;
}
.accordion-button:focus{
	box-shadow: none !important;
}

#accordionCookies .accordion-button{
	padding-left: 2rem;
	border-bottom: 1px solid var(--disabled-bg);
	font-size: 1rem;
}
#accordionCookies .accordion-button::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23221C46' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	background-size: 100% auto;
	width: 24px;
	height: 24px;
	position: absolute;
	left: .25rem;
}
.accordion-button:not(.collapsed){
	box-shadow: none;
}
#accordionCookies .accordion-button:not(.collapsed)::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23221C46' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
	transform: none;
}
#accordionCookies .accordion-button:focus{
	border-bottom: 1px solid var(--disabled-bg);
}

#accordionCookies .accordion-button,
#accordionCookies .accordion-button:not(.collapsed){
	background-color: transparent;
}

#accordionCookies .accordion-body{
	background-color: #F8F8F8;
}

#accordionCookies .accordion-item .form-switch,
#accordionCookies .accordion-header .always-active{
	position: absolute;
	right: 1.5rem;
	font-size: .875rem;
	top: 1rem;
	z-index: 9;
}

.accordion:not(#accordionCookies) .accordion-item .accordion-button{ 
	background-color: var(--white);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.accordion:not(#accordionCookies) .accordion-body,
.accordion:not(#accordionCookies) .accordion-item:nth-child(odd) .accordion-button{	background-color: #FAF8FF; }
.accordion:not(#accordionCookies) .accordion-item .accordion-button:hover{ background-color: var(--light); }

.accordion:not(#accordionCookies) .accordion-body{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--gris);
}
.accordion:not(#accordionCookies) .accordion-button::after{
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	border-bottom: 2px solid var(--deep);
	border-right: 2px solid var(--deep);
	background-image: none;
	transform: rotate(45deg) translateY(-4px);
}
.accordion:not(#accordionCookies) .accordion-button:not(.collapsed)::after{
	transform: rotate(-135deg);
}
.accordion:not(#accordionCookies) .accordion-button:not(.collapsed){
	background-color: var(--light);
}

.accordion.accordion-bordered .accordion-item,
.accordion.accordion-bordered .accordion-button{
	background-color: transparent !important;
}

.accordion.accordion-bordered .accordion-item{
	border: 1px solid var(--border);
}
.accordion.accordion-bordered.rosa .accordion-item{
	border-color: var(--rosa);
}

.accordion.accordion-bordered .accordion-body{
	border-bottom: 0 none !important;
}
.accordion.accordion-bordered .accordion-button{
	padding-top: 1.3125rem;
	padding-bottom: 1.3125rem;
}
.accordion.accordion-bordered.rosa .accordion-button::after{
	border-bottom-color: var(--rosa) !important;
	border-right-color: var(--rosa) !important;
}

/************************ FORMS ************************/

.form-text{
	font-size: 12px;
	vertical-align: middle;
}

.form-check{
	margin-bottom: 0;
	padding-left: 1.85em;
}
.form-check-input{
	margin-top: 0;
	width: 22px;
	height: 22px;
	border-radius: 0;
	border: 2px solid var(--gris);
	cursor: pointer;
	background-size: 14px 14px;	
}
.form-check .form-check-input{
	margin-left: -1.85em;
	margin-top: -.05em;
}

.form-check:not(.form-switch) .form-check-input{
	border-radius: 0;
}

.form-check-input:focus,
.form-check-input:hover{
	background-color: var(--azul-light);
	border-color: var(--azul);
}
.form-check-input:active{
	background-color: var(--azul-light);
	border-color: var(--azul-dark);
}
.form-check-input:focus{
	outline: 1px solid var(--white);
	box-shadow: 0 0 0 0.25rem var(--azul);
}
.form-check-input:checked[type=checkbox]{
	background-color: var(--white);
	background-image: url("../../images/icon_checkbox.svg");
	border-color:var(--azul);
}

.form-check-label{
	font-size: 1rem;
}

.form-switch{
	padding-left: 0;
}

.form-switch .form-check-input{
	width: 2.7rem;
	height: 1.5rem;
	border: 0 none;
	background-color: var(--gris);
	background-image: url("../../images/switch-disabled.svg");
	background-size: 1rem auto;
	background-position: top .25rem left .25rem;
	float: none;
	margin-left: 0;
	cursor: pointer;
	border-radius: 50em;
}
.form-switch .form-check-input:focus{
	box-shadow: none;
}
.form-switch .form-check-input:hover{
	outline: 2px solid var(--azul);
	background-color: var(--disabled-bg);
}
.form-switch .form-check-input:checked{
	background-color: var(--nature);
	background-image: url("../../images/switch-checked.svg");
	background-position: top .25rem right .25rem;
}

.dropdown-select .dropdown-toggle:focus,
.form-select:focus,
.form-control:focus{
	box-shadow: none;
	
}
.dropdown-select .dropdown-toggle:focus,
.form-select:focus{
	outline: 2px solid var(--azul);
}
.dropdown-select .dropdown-toggle:focus,
.form-control:focus{
	outline: 3px solid var(--azul);
}

.dropdown-select .dropdown-toggle,
.form-control,
.form-select{
	min-height: 3rem;
	border-radius: 0;
	border-color: #D1CFD7;
	color: var(--deep);
	font-weight: 600;
}

.dropdown-select .dropdown-toggle:hover,
.form-control:not(.disabled):not(:disabled):hover,
.form-select:not(.disabled):not(:disabled):hover{
	border-color: var(--azul);
	background-color: var(--azul-light);
	color: var(--deep);
}

.form-control::placeholder {
	color: var(--gris);
}

.form-control[type=search]{
	background-image: url("../../images/icon_search.svg");
	background-position: left .75rem center;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	padding-left: 2.75rem;
}

.form-control.type_id,
.form-control.type_tel,
.form-control[type=date],
.form-control.type_date,
.form-control.type_card,
.form-control.type_address{
	background-repeat: no-repeat;
	background-size: 1.25rem;
	padding-left: 2.75rem;
	background-position: left .75rem center;
}
.form-control.type_address{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23908C99'%3e%3cpath d='M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z'/%3e%3cpath d='M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3e%3c/svg%3e") !important;
}
.form-control.type_card{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23908C99'%3e%3cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1H2zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z'/%3e%3cpath d='M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z'/%3e%3c/svg%3e") !important;
}
.form-control[type=date],
.form-control.type_date{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23908C99'%3e%3cpath d='M17,2.07v-2h-2v2H5v-2H3v2H0v17.86h20V2.07H17z M18,17.93H2V8.07h16V17.93z M18,6.07H2v-2h16V6.07z'/%3e%3c/svg%3e") !important;
}

.form-control.type_tel{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23908C99'%3e%3cpath d='M784.074,2760l-.044.79A18.153,18.153,0,0,0,802.18,2780q.516,0,1.034-.03l.786-.04v-7.15l-6.506-.75-1.581,1.58a14.583,14.583,0,0,1-5.535-5.53l1.592-1.59-.753-6.49Zm5.362,2H786a16.146,16.146,0,0,0,16,16v-3.44l-3.776-.43-1.971,1.97-1.322-.75a16.523,16.523,0,0,1-6.3-6.29l-.743-1.33,1.981-1.98Z' transform='translate(-784 -2760)' fill-rule='evenodd'/%3e%3c/svg%3e") !important;
}

.form-control.type_id{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23908C99'%3e%3cpath d='M15.625,0H4.375C3.339,0,2.5,0.839,2.5,1.875v16.25C2.5,19.161,3.339,20,4.375,20 l0,0h11.25c1.036,0,1.875-0.839,1.875-1.875l0,0V1.875C17.5,0.839,16.661,0,15.625,0z M8.125,1.25h3.75 c0.345,0,0.625,0.28,0.625,0.625S12.22,2.5,11.875,2.5h-3.75C7.78,2.5,7.5,2.22,7.5,1.875S7.78,1.25,8.125,1.25z M10,6.25 c1.381,0,2.5,1.119,2.5,2.5s-1.119,2.5-2.5,2.5s-2.5-1.119-2.5-2.5S8.619,6.25,10,6.25z M14.375,15.5 c-0.037,0.448-0.427,0.782-0.875,0.75h-7c-0.448,0.032-0.838-0.302-0.875-0.75v-0.75c0.112-1.342,1.282-2.345,2.625-2.25h0.2 c0.994,0.417,2.115,0.417,3.109,0h0.2c1.343-0.095,2.513,0.908,2.625,2.25L14.375,15.5z' /%3e%3c/svg%3e") !important;
}

.form-select{
	background-image: url("../../images/select_close.svg"), url("../../images/select_chevron.svg");
	background-position: left .75rem center, right .875rem center;
	background-repeat: no-repeat, no-repeat;
	background-size: .875rem auto, .75rem auto;
	padding-left: 2.35rem;
}

.form-select:focus{
	background-image: url("../../images/select_close.svg"), url("../../images/select_chevron-open.svg");
}

.form-control.form-control-sm{
	min-height: 2.275rem;
	font-size: .875rem;
}

label{
	font-size: .875rem;
	font-weight: 700;
}

.form-select:disabled, .form-select.disabled,
.form-control:disabled, .form-control.disabled{
	border-color: #D1CFD7;
	background-color: #EFEFEF;
	color: #B5B2BC;
	pointer-events: none;
}

.form-select-sm{
	background-image: url("../../images/select_chevron.svg");
	background-position: right 0.75rem center;
	background-repeat: no-repeat;
	background-size: .75rem auto;
	min-height: 2.275rem;
    font-size: .875rem;
	padding-left: .75em;
}
.form-select-sm:focus{
	background-image: url("../../images/select_chevron-open.svg");
}

td .form-control-sm:disabled,
td .form-select-sm:disabled{
	border: 0 none;
	background-image: none;
	background-color: transparent;
	color: inherit;
	padding: 0 !important;
	font-size: inherit;
	letter-spacing: -.5px;
}

.dropdown-select .dropdown-toggle {
	background-color: var(--white);
	background-image: url("../../images/select_close.svg"), url("../../images/select_chevron.svg");
	background-position: left 1rem center, right .875rem center;
	background-repeat: no-repeat;
	background-size: .75rem auto;
	padding-right: 2rem;
	padding-left: 1rem;
	width: 100%;
	border: 1px solid #D1CFD7;
	text-align: start;
}
	.dropdown-select .dropdown-toggle:focus {
		background-image: url("../../images/select_close.svg"), url("../../images/select_chevron-open.svg");
	}

.dropdown-select .dropdown-toggle::after{
	display: none;
}

.dropdown-select .filter-option{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: .5rem;
}
.dropdown-select .dropdown-menu{
	padding: 0;
	border: 1px solid #D1CFD7 !important;
	border-radius: 0;
}
.dropdown-select .dropdown-menu .filter-option{
	width: 100%;
	height: 2rem;
	padding: .25rem 1rem;
	text-decoration: none;
	color: var(--deep);
	cursor: pointer;
}
.dropdown-select .dropdown-menu .filter-option:hover{
	background-color: var(--azul-light);
}

.number-input{
	gap: .5rem;
}

.number-input button{
	width: 2rem;
	height: 2rem;
	border: 2px solid var(--azul);
	background-color: transparent;
	padding: 0;
	color: var(--azul);
	border-radius: 50%;
}

.number-input input{
	width: 4rem;
	text-align: center;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

.number-input input[type=number]{
  -moz-appearance: textfield;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator{
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
}

input[type=file]::file-selector-button{
	font-weight: 600;
	color: var(--white);
	padding: 0.5em;
	border: 0 none;
	border-radius: 0;
	height: calc(3rem - 2px);
	background-color: var(--azul);
}

input[type=file]:hover::file-selector-button{
	background-color: var(--azul) !important;
	color: var(--white);
}

/************************ PAGINATION ************************/

.pagination{
	gap: .5rem;
}
.page-link{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	border-color: var(--gris);
	color: var(--deep);
	height: 2rem;
	min-width: 2rem;
	padding: 0;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}
.page-link:focus{
	box-shadow: none;
	outline: 2px solid var(--azul);
}

.page-item:not(.active) .page-link:hover{
	border-color: var(--azul);
	background-color: var(--azul-light);
	color: var(--deep);
}

.active>.page-link, .page-link.active{
	border-color: var(--deep);
	background-color: var(--deep);
	color: var(--white);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link{
	border-radius: 0;
}

.disabled>.page-link, .page-link.disabled{
	color: var(--disabled);
	background-color: var(--disabled-bg);
	border-color: var(--disabled);
}

/************************ SITE_HEADER ************************/

.site_header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 999;
	border-bottom: 1px solid var(--verde);
	background-color: var(--white);
}

.site_header .site_header_logo{
	background-color: var(--deep);
	align-items: center;
	width: 460px;
	height: 79px;
}

.site_header .site_header_logo::before{
	content: '';
	width: 60px;
	height: 100%;
	background-image: url("../../images/shape_header-start.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

.site_header .site_header_logo::after{
	content: '';
	right: 0;
    top: 0;
    border: 80px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #fff;
}

.site_header .site_header_logo .logo{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	display: block;
}

.site_header_nav{
	border-right: 1px solid var(--border);
	padding-right: 1rem;
	gap: 1rem;
	align-items:baseline;
}

.site_header_nav .main_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 1.5rem;
}

.site_header_nav .main_menu a{
	position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	height: 79px;
	font-weight: 600;
	text-decoration: none;
	color: var(--deep);
	padding: 0 .75rem;
}

.site_header_nav .main_menu a::after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    height: 4px;
    width: 100%;
    background: var(--azul);
    transition: .2s;
}

.site_header_nav .main_menu a:hover{
	background-color: var(--azul-light);
}
.site_header_nav .main_menu a:hover::after{
	transform: scale(1);
}

.site_header_nav .main_menu a:focus{
	background-color: var(--azul-dark);
	color: var(--white);
}

.site_header_hambur{
	width: 64px;
	height: 63px;
	align-items: center;
	justify-content: center;
}

.btn_cart{
	position: relative;
	background-color: transparent;
	border: 0 none;
	color: var(--deep);
	height: 100%;
	width: 79px;
}

.btn_cart .dot{
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: var(--rojo);
	border: 1px solid var(--white);
	top: 50%;
	left: 50%;
	transform: translateY(-.8889rem);
}

.dropdown_lang:not(.dropdown-select) .current .dropdown-item{
	color: var(--gris);
}

/************************ SITE_FOOTER ************************/

.site_footer{
	border-top: 1px solid #D1CFD7;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	min-height: 42px;
	gap: .5rem;
	position: relative;
	z-index: 999;
}

.site_footer_nav .secondary_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}
.site_footer_nav .secondary_menu li:not(:last-child){
	border-right: 1px solid var(--gris);
	padding-right: 8px;
	margin-right: 8px;
}

.site_footer_nav .secondary_menu a{
	color: var(--inherit);
	text-decoration: none;
	
	transition: color .3s ease;
}

.site_footer_nav .secondary_menu a:hover{
	color: var(--azul);
	text-decoration: underline;
}

/************************ CONTENT_NAV ************************/

.content_nav{
	border-bottom: 1px solid var(--border);
}
.content_nav .content_nav_menu{
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.content_nav .content_nav_menu >li>a{
	position: relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	height: 60px;
	gap: .625rem;
	padding: .5rem 1.25rem;
	text-decoration: none;
	color: var(--deep);
	font-weight: 600;
}
.content_nav .content_nav_menu >li>a::after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    height: 4px;
    width: 100%;
    background: var(--azul);
    transition: .2s;
}
.content_nav .content_nav_menu > li.current > a::after,
.content_nav .content_nav_menu >li>a:hover::after{
	transform: scale(1);
}


.cuenta_menu a:hover,
.content_nav_menu .sub-menu > .current > a,
.content_nav a:hover{
	background-color: var(--azul-light);
}

.cuenta_menu a:focus,
.content_nav a:active,
.content_nav .content_nav_menu >li>a:active,
.content_nav a:focus{
	background-color: var(--azul-dark) !important;
    color: var(--white) !important;
}
.content_nav_menu li{
	position: relative;
}
.content_nav_menu .sub-menu{
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: var(--white);
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	top: 100%;
	left: 0;
	display: none;
	z-index: 2;
}

.content_nav_menu .sub-menu.active{
	display: block;
}

.cuenta_menu a,
.content_nav_menu .sub-menu a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	padding: .5rem 1.25rem;
	text-decoration: none;
	white-space: nowrap;
	color: var(--deep);
}

.cuenta_menu a:focus,
.content_nav_menu .sub-menu a:focus{
	color: var(--white);
}

.cuenta_menu li:not(:last-child),
.content_nav_menu .sub-menu li:not(:last-child){
	border-bottom: 1px solid var(--border);
}

/************************ PEDIDOS TEMPLATES ************************/

.col_pedidos_rapidos{
	position: absolute;
	top: 0;
	right: 15px;
	left: 15px;
	height: 100%;
}

.pedidos_templates{
	list-style: none;
	margin: 0;
	padding: 0 15px 0 15px;
	overflow: hidden;
	overflow-y: auto;
	margin-left: -15px;
	margin-right: -15px;
}

.pedidos_templates > li:not(:last-child){
	margin-bottom: 1.5rem;
}
.card_pedido_template{
	gap: 12px;
}
.card_pedido_template .icon{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: var(--verde-light);
	color: inherit;
}

.card_pedido_template .actions button,
.card_pedido_template .actions a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	border: 0 none;
	padding: 0;
	text-decoration: none;
	width: 36px;
	height: 36px;
}

.card_pedido_template .actions button svg,
.card_pedido_template .actions a svg{
	width: 16px;
	height: 16px;
}

.actions .btn_add_cart{
	background-color: var(--azul);
	color: var(--white);
}
.actions .btn_add_cart:hover{
	background-color: var(--azul-dark);
	color: var(--white);
}
.actions .btn_details{
	background-color: var(--white) !important;
	color: var(--deep) !important;
}
.actions .btn_details:hover{
	background-color: var(--azul-light) !important;
	color: var(--azul) !important;
}
.actions .dropdown:not(.dropdown-select) .dropdown-toggle::after,
.actions .dropdown:not(.dropdown-select) .dropdown-toggle::before{
	display: none;
}
.actions .dropdown:not(.dropdown-select) .dropdown-toggle{
	padding: 0;
	width: 36px;
	height: 36px;
}

.actions .dropdown:not(.dropdown-select) .dropdown-menu{
	min-width: 0;
}

.actions .dropdown:not(.dropdown-select) .dropdown-menu.show{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn_action{
	border: 0;
	padding: 0;
	width: 36px;
	height: 34px;
	background-color: transparent;
	color: var(--deep);
}
.btn_action:hover{
	background-color: var(--azul-light);
	color: var(--azul);
}

.actions .dropdown:not(.dropdown-select) .dropdown-menu li:not(:last-child){
	border-bottom: 0 none;
}

.btn_action_sm{
	padding: 0;
	border: 0 none;
	background-color: transparent;
	line-height: 1;
	color: var(--azul);
}
.btn_action_sm:hover{
	color: var(--azul-dark);
}

thead .actions .btn_action{
	color: var(--white);
}
thead .actions .btn_action:hover{
	color: var(--azul);
}
/************************ CART ************************/

#offcanvasCart{
	width: 750px;
}

.block_cart_details .cart_item:not(:last-child){
	margin-bottom: 1.5rem;
}

.block_cart_details .cart_item{
	gap: 1.5rem;
}
.cart_item .cart_item_logo{
	padding-right: 1.5rem;
	border-right: 1px solid var(--border);
}

/************************ BLOCK STEPPERS ************************/

.block_steppers{
	gap: 2.125rem;
}

.item_stepper{
	position: relative;
	width: 22px;
	height: 22px;
	border: 1px solid var(--azul);
	color: var(--azul);
	background-color: var(--white);
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
}

.item_stepper.current{
	background-color: var(--azul-light);
}
.item_stepper.active{
	background-color: var(--azul);
	color: var(--white);
}

.item_stepper:not(:last-child):not(:only-child)::after{
	content: '';
	display: block;
	width: 2.125rem;
	height: 4px;
	background-color: var(--disabled);
	position: absolute;
	left: calc(100% + 1px);
	top: calc(50% - 2px);
}

/************************ PRODUCT DROPDOWN ************************/

.producto_radio > input[type="radio"]{
	opacity: 0;
	position: absolute;
}
.producto_radio >label{
	cursor: pointer;
	white-space: nowrap;
	padding: .5rem 1rem;
	gap: 1rem;
}
.producto_radio >label .logo{
	max-width: 2rem;
}
.producto_radio >label:hover{
	background-color: var(--azul-light);
}

/************************ FORM PEDIDO NUEVO ************************/

#guardarPedido,
#portadorDiv{ display: none; }
#guardarPedido.visible,
#portadorDiv.visible{ display: block; }

#tjtDisplay{
	position: fixed;
	top: 30%;
	right: 0;
	width: calc(300px + ((100vw - 1320px)/2));
	text-align: right;
}

.dropdown_filtros .dropdown-toggle{
	background-color: transparent;
	border: 0 none;
	color: var(--azul);
	background-image: none;
	padding-right: 1rem;
}

.dropdown_filtros .dropdown-menu{
	min-width: 420px;
}

#searchGrupos .list{
	max-height: 153.56px;
	overflow: hidden;
	overflow-y: auto;
}

/************************ PEDIDOS ************************/

.link_factura{
	color: var(--deep);
}

.offcanvas#detalleFactura{
	--bs-offcanvas-width: 780px;
}
.offcanvas#detalleCompromisos {
	--bs-offcanvas-width: 50%;
}
.offcanvas#detallePedido{
	--bs-offcanvas-width: 75%;
}

.offcanvas#detallePedido #centros-tab-pane .table-responsive,
.offcanvas#detallePedido #guias-tab-pane .table-responsive,
.offcanvas#detallePedido #detalle-tab-pane .table-responsive{
	max-height: calc(100vh - 310px);
}

/************************ FACTURAS ************************/

.offcanvas#detalleFactura .table-responsive{
	max-height: calc(100vh - 216px);
}
.offcanvas#detalleCompromisos .table-responsive {
	max-height: calc(100vh - 216px);
}
/************************ BENEFICIARIOS ************************/

.block_grupos{
	gap: 1.5rem;
}

.actions .guardar{
	display: none;
}
.actions.active .guardar{
	display: inline-flex;
}
.actions.active .btn_action{
	display: none !important;
}

#nuevoGrupo{display: none;}
#nuevoGrupo.show{display: block;}

/************************ CUENTA ************************/

.col_cuenta{
	position: sticky;
	top: 100px;
}

.card_cuenta .avatar img{
	width: 120px;
	height: auto;
	overflow: hidden;
	border-radius: 50%;
}

.cuenta_menu{
	list-style: none;
	margin: 0;
	padding: 0;
}


/************************ ERROR ************************/
.img-error {
	max-width: 100%;
	height: auto;
}

.msg-error {
	font-weight: bold;
}

.img-x {
	height: 2rem;
	margin-right: 1rem;
}


/********************* DASHBOARD *********************/
.dashboard_nav_image.invert {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.dashboard_layout {
	min-height: calc(100vh - 80px - 42px);
}

	.dashboard_layout .dashboard_content {
		width: calc(100% - 320px);
		margin-left: 320px;
	}

		.dashboard_layout .dashboard_content.full {
			width: 100%;
			margin-left: 0px;
		}

.dashboard_nav {
	position: fixed;
	top: 80px;
	left: 0;
	height: calc(100vh - 80px);
	overflow: hidden;
	overflow-y: auto;
	z-index: 99;
}

	.dashboard_nav::-webkit-scrollbar {
		width: 10px;
	}

	.dashboard_nav::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	.dashboard_nav::-webkit-scrollbar-thumb {
		background: #d8d8d8;
		border-radius: 50em;
	}

		.dashboard_nav::-webkit-scrollbar-thumb:hover {
			background: #555;
		}

.dashboard_nav_menu .sub_menu,
.dashboard_nav_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 320px;
}

.dashboard_nav.collapsed .dashboard_nav_menu {
	width: 72px;
}

.dashboard_nav_trigger .btn-collapse {
	width: 72px;
	height: 64px;
	color: var(--white);
	background-color: transparent;
	border: 0 none;
}

.dashboard_nav_menu .item_menu .item_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	text-decoration: none;
	align-items: center;
	min-height: 64px;
	position: relative;
}

	.dashboard_nav_menu .item_menu .item_link .info {
		position: absolute;
		display: block;
		top: 50%;
		right: .75rem;
		z-index: 999;
		transform: translateY(-50%);
	}

.dashboard_nav_menu > .item_menu > .item_link::after {
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)rotate(-45deg);
	background-color: transparent;
}

.dashboard_nav_menu > .item_menu:hover > .item_link::after {
	background-color: var(--celeste);
}

.dashboard_nav_menu > .item_menu.current > .item_link::after,
.dashboard_nav_menu > .item_menu.active > .item_link::after {
	background-color: var(--verde);
}

.dashboard_nav_menu > .item_menu > .item_link {
	background-color: var(--deep);
	color: var(--white);
}

	.dashboard_nav_menu > .item_menu > .item_link:hover {
		background-color: var(--azul-light);
		color: var(--deep);
	}

.dashboard_nav_menu > .item_menu.current > .item_link,
.dashboard_nav_menu > .item_menu.active > .item_link {
	background-color: var(--verde-light);
	color: var(--deep);
	border-bottom: 1px solid var(--verde);
}

.dashboard_nav_menu .item_menu .item_link .icon {
	width: 72px;
	text-align: center;
}

.dashboard_nav_menu .sub_menu .item_menu:not(:last-child) {
	border-bottom: 1px solid var(--verde-light);
}

.dashboard_nav_menu .sub_menu .item_link {
	background-color: var(--verde);
	color: var(--deep);
	padding: 1rem 1rem 1rem 0.5rem;
}

	.dashboard_nav_menu .sub_menu .item_link:hover {
		background-color: var(--azul-light);
		color: var(--deep);
	}

.dashboard_nav_menu .sub_menu .item_menu.active .item_link {
	background-color: var(--verde-light);
	color: var(--deep);
}

.dashboard_nav_menu .item_menu.has_sub_menu {
	position: relative;
}

	.dashboard_nav_menu .item_menu.has_sub_menu > .item_link::before {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		position: absolute;
		transform: rotate(45deg);
		border-bottom: 2px solid;
		border-right: 2px solid;
		right: 1rem;
		top: 1.5rem;
	}

	.dashboard_nav_menu .item_menu.has_sub_menu.active > .item_link::before {
		transform: rotate(-135deg);
		top: 1.75rem;
	}

.dashboard_nav_menu .sub_menu {
	display: none;
}

.dashboard_nav_menu .item_menu.has_sub_menu.active .sub_menu {
	display: block;
}

.dashboard_nav.collapsed .dashboard_nav_menu .item_menu.has_sub_menu > .item_link::before,
.dashboard_nav.collapsed .dashboard_nav_menu .item_menu .item_link .label {
	display: none;
}

.dashboard_nav.collapsed .dashboard_nav_menu .sub_menu {
	position: absolute;
	left: 100%;
	top: 0;
}

.dashboard_nav.collapsed {
	overflow: visible;
}



   #loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Fondo gris semi-transparente */
            z-index: 9999; /* Asegura que el overlay esté sobre todos los demás elementos */
            display: none; /* Oculta el overlay inicialmente */
        }

        #loading-spinner {
            border: 8px solid #f3f3f3; /* Crea un spinner */
            border-top: 8px solid #3498db; /* Color del spinner */
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite; /* Animación de rotación */
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -25px; /* Centra verticalmente */
            margin-left: -25px; /* Centra horizontalmente */
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

/* Labels variants */
.label-default {
	background-color: #bac3d0;
}

	.label-default[href]:hover, .label-default[href]:focus {
		background-color: #9ca8bb;
	}

.label-primary {
	background-color: #337ab7;
}

	.label-primary[href]:hover, .label-primary[href]:focus {
		background-color: #286090;
	}

.label-success {
	background-color: #36c6d3;
}

	.label-success[href]:hover, .label-success[href]:focus {
		background-color: #27a4b0;
	}

.label-info {
	background-color: #659be0;
}

	.label-info[href]:hover, .label-info[href]:focus {
		background-color: #3a80d7;
	}

.label-warning {
	background-color: #F1C40F;
}

	.label-warning[href]:hover, .label-warning[href]:focus {
		background-color: #c29d0b;
	}

.label-danger {
	background-color: #ed6b75;
}

	.label-danger[href]:hover, .label-danger[href]:focus {
		background-color: #e73d4a;
	}

.razonSocial_select {
	color: var(--deep);
	padding: 0px;
	align-content: center;
	margin: 0px;
	font-weight: bold;
	font-size: 1rem;
}

@media (max-width: 568px) {
	.razonSocial_select {
		font-size: 0.625rem;
	}
}