body {
	overflow-x: hidden;
	height: 100vh;
	/*padding-bottom:30px!important;
	background-color:#5e87b0!important;*/
}
.form-group .form-control select option:hover {
    background-color: #f0a500 !important; /* Color de fondo cuando pasas el ratón */
    color: white; /* Color del texto */
}
 .form-control select option:hover {
    background-color: #f0a500 !important; /* Color de fondo cuando pasas el ratón */
    color: white; /* Color del texto */
}
.form-control select option:focus {
    background-color: #f0a500 !important; /* Color de fondo cuando pasas el ratón */
    color: white; /* Color del texto */
}
.form-control select option:active {
    background-color: #f0a500 !important; /* Color de fondo cuando pasas el ratón */
    color: white; /* Color del texto */
}
.form-control select option:target {
    background-color: #f0a500 !important; /* Color de fondo cuando pasas el ratón */
    color: white; /* Color del texto */
}

select option:focus {
    background-color: #f0a500;
    color: white;
}
.section_gris{
	background-color: #efefef !important;
}
.section_gris h4 {
	color: #555555 !important;

}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#page:after {
	content: '';
	display: block;
	clear: both;
}

.fa_btn_new {
	font-size: 20px;
	margin-right: 5px;
	vertical-align: bottom;
}

/*html{
	border-bottom: 20px solid #5e87b0;
}*/

.nav-collapse li.active {
	box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.2);
}

.panel-primary,
#formWizard {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3) !important;
}

#errorMessages {
	margin-top: 10px;
}

#page {
	min-height: calc(100% - 50px);
}

#sidebar {
	min-height: calc(100% - 50px);
	border-right: 1px solid #cdd2d2;
}

#content,
.container,
#main-content {
	min-height: 100%;
}

.container.container_backend {
	padding-left: 0 !important;
}

.navbar-brand {
	padding: 0 !important;
}

.navbar_izq {
	display: inline-block;
	margin-right: 20px;
	color: white;
	font-size: 14px;
}

.navbar_frontend a {
	color: white;
}

.logok img {
	max-width: 100px;
}

/* IMPORTARK */
.data-index-importark {
	margin-top: 20px;
}

.importark_container {
	padding: 0 0 10px 20px;
	border-bottom: 1px solid #eaeaea;
}

.importark_file {
	display: inline-block !important;
	margin-right: 10px;
}

/* FIN IMPORTARK */

/*LOGIN*/

.login_logo img {
	width: 200px;
	margin-bottom: 20px;
}

.login_div {
	display: table;
	margin: 60px auto auto;
	padding: 40px;
	text-align: center;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ebebeb;
	min-width: 25%;
}

.login_div input.input-medium,
.login_div .btn {
	width: 100%;
	height: 40px;
	margin-bottom: 18px;
	font-size: 16px;
	text-align: center;
}

.login_div input.btn.btn-info {
	font: 18px OpenSans;
	margin-top: 18px;
	background-color: #21d2c8;
	border-style: none;
	padding: 18px 40px;
}

.login_div h4 {
	font-size: 24px;
	margin-bottom: 36px;
}

/** FIN LOGIN**/

.data-edit {
	margin-top: 15px;
}

.form-horizontal .form-group {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.panel-body {
	padding: 0 !important;
}

.g-recaptcha {
	margin-bottom: 15px;
}

.field-view {
	border-bottom: 1px solid #efefef;
}

.field-view span,
.field-view label {
	padding: 10px;
}

.field-view label {
	text-align: right;
	margin-bottom: 0px;
	border-right: 1px solid #efefef;
}

.label_legend {
	color: #888;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

.form-borderer .form-group {
	border-bottom: 1px solid #efefef;
	margin: 0;
}

.form-borderer .form-group>div {
	border-left: 1px solid #efefef;
	padding: 10px;
	min-height: 38px;
}

.form-borderer .form-group .control-label {
	padding-top: 20px;
}

form .form-actions.fluid {
	padding: 20px 0;
}

.form-borderer .form-actions {
	border-radius: 0 0 5px 5px;
	margin-bottom: 0;
	margin-top: 0;
}

.form-borderer .form-group {
	border-bottom: 1px solid #efefef;
	margin: 0;
}

.form_seccion {
	/* background-color: #efefef; */
	background-color: #61ac8b;
	padding: 10px;
}

.form_seccion h4 {
	font-weight: bold;
	color: whitesmoke;
}

.form-actions {
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}

.clear {
	clear: both;
}

.clear:after {
	clear: both;
	content: "";
	display: table;
}

div.data-index div.buscador_container.buscador input {
	margin-right: 10px;
	height: 32px;
}

.buscador_filtro_item_container,.buscador_filtro_item_container_pv {
	display: inline-block;
	margin-right: 20px;
	margin-top: 5px;
}

.buscador_filtro_item_container label,
.buscador_filtro_item_container input,
.buscador_filtro_item_container select {
	vertical-align: middle;
	margin: 0 !important;
}

.buscador_num_resultados {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}


#content div.data-index div.buscador_container.buscador label {
	margin-right: 10px;
}

#boton_buscador {
	margin-top: -5px;
	margin-left: 5px;
}

.recuperar_pass {
	float: right;
	font-size: 12px;
	margin-right: 10px;
	margin-top: 10px;
}

.recuperar_pass a {
	color: white;
}

#logo {
	background-image: url("../images/logo.png");
	width: 105px;
	height: 42px;
	padding: 0;
}

#logo span {
	display: none;
}

.navbar-inverse .brand {
	color: white !important;
}

#navbar.navbar .navbar-inner {
	border-radius: 0;
}

#navbar #menu_welcome {
	color: #bbb;
	padding-top: 10px;
	font-size: 0.9em;
	margin-right: 40px;
}

footer {
	background-color: #eee;
	text-align: center;
	border-style: solid;
	border-color: #e3e3e3;
	border-width: 1px 0;
	padding: 30px 0;
}

.buscador {
	margin-top: 15px;
}

.pagination {
	min-width: 200px;
	max-width: 500px;
	text-align: center;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pag_numerada.active {
	background-color: #479f76;
	color: white;
	border: 1px solid #479f76;
}

.modal_botonera {
	margin-top: 10px;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 5px;
}

.modal_botonera .btn_cancelar {
	margin-left: 5px;
}

.loading_full {
	background-color: rgba(100, 100, 100, 0.6);
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: white;
	z-index: 100000;
}

.loading_full strong {
	position: absolute;
	font-size: 30px;
	text-transform: uppercase;
	top: 48%;
	left: 47%;
}

.legend_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px;
	background-color: rgba(50, 50, 50, 0.5);
	color: white;
	display: none;
	border-radius: 5px 5px 0 0;
}

.action-edit,
.action-view,
.action-delete,
.action-other {
	font-weight: bold;
	padding: 0 2px;
}

.action-edit {
	color: #105F5B;
}

.action-view {
	color: #21D3C9;
}

.action-delete {
	color: #FE2E2E;
}

.action-other {
	color: black;
}

.uploaded_image {
	margin: 5px;
}

.uploaded_image,
.uploaded_image img {
	height: 80px;
}

/** AUTOCOMPLETE **/
.resultados_autocomplete ul {
	margin: 0 !important;
}

.resultados_autocomplete {
	position: relative;
}

.ul_autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	display: none;
	padding: 0;
	z-index: 1000;

}

.ul_autocomplete li {

	background-color: white;
	list-style: none;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}

.ul_autocomplete li:hover {
	background-color: blue;
	color: white;
}

/** FIN AUTOCOMPLETE **/

/** ITEMS ENTITIES **/
.entity_item_container {
	border: 1px solid #eaeaea;
	border-radius: 5px;
	box-shadow: 0px 2px 2px 0px #888;
	padding: 0px !important;
}

.entity_item_cabecera {
	padding: 5px;
	font-size: 16px;
	background-color: #479f76;
	color: white;
	border-radius: 5px 5px 0 0;
	text-transform: uppercase;
}

.entity_item_cabecera_acciones {
	float: right;
	cursor: pointer;
	font-size: 16px;
}

.entity_item_cabecera_acciones .fa {
	margin-left: 5px;
}

.entity_item_cabecera_acciones .fa.fa-remove {
	color: #e98d85;
}

.entity_item_cabecera_acciones .fa.fa-check {
	color: #36ED35;
}

.entity_item_field {
	padding: 2px 5px;
}

.entity_item_field_label {
	padding: 5px;
	background-color: #eaeaea;
	text-transform: uppercase;
	font-weight: bold;
}

.entity_item_container_parent {
	margin-bottom: 10px;
}

/** SPINNER **/
@keyframes spinner-border {
	to {
		transform: rotate(360deg);
	}
}

.spinner-border {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: text-bottom;
	border: 3px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
	width: 20px;
	height: 20px;
	border-width: 3px;
}

/*
// Growing circle
/*/

@keyframes spinner-grow {
	0% {
		transform: scale(0);
	}

	50% {
		opacity: 1;
	}
}

.spinner-grow {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
	width: 50px;
	height: 50px;
}

/** FIN SPINNER **/

/** ORDENACION DE TABLAS **/
.cab_orderedk {
	cursor: pointer;
	position: relative;
	padding-left: 15px !important;
}

.cab_orderedk::after,
.cab_orderedk::before {
	font-family: 'FontAwesome';
	font-weight: 900;
	left: 0px;
	font-size: 14px;
	position: absolute;
	bottom: 5px;
	display: block;
	opacity: .3;
}

.cab_orderedk::after {
	content: "\f0dd";
}

.cab_orderedk::before {
	content: "\f0de";
}

.cab_orderedk.cab_orderedk_asc::before {
	opacity: 1;
}

.cab_orderedk.cab_orderedk_desc::after {
	opacity: 1;
}

/** FIN ORDENACION DE TABLAS **/


/** MENU LATERAL  **/
@keyframes swing {

	0%,
	30%,
	50%,
	70%,
	100% {
		transform: rotate(0deg);
	}

	10% {
		transform: rotate(10deg);
	}

	40% {
		transform: rotate(-10deg);
	}

	60% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-5deg);
	}
}

#sidebar ul li>a:hover>i:first-child,
#sidebar ul.ul_submenu li>a:hover>i:first-child {
	animation: swing ease-in-out 0.5s 1 alternate;
}

#sidebar ul li.menu_dropdown>div {
	max-height: 0;
	transition: max-height 0.15s ease-out;
	overflow: hidden;
}

#sidebar ul li.menu_dropdown.active>div {
	max-height: 500px;
	transition: max-height 0.6s ease-in;
}

#sidebar ul li.menu_dropdown>a .fa_main_menu {
	float: right;
	font-size: 12px;
	margin-top: 5px;
}

#sidebar ul li.menu_dropdown.active>a .fa_main_menu {
	transform: rotate(90deg);
}

#sidebar ul {
	list-style-type: none;
}

#sidebar .ul_submenu {
	padding-left: 30px;
	/* background-color: #ddd; cambioscolor */
	background-color: #198754;
}

#sidebar .ul_submenu li {
	box-shadow: none;
}

#sidebar .ul_submenu li i,
#sidebar .ul_submenu li a {
	/* color: var(--color1_alt); cambioscolor */
	color: #fff;
}

#sidebar ul.ul_submenu>li>a {
	display: block;
	position: relative;
	margin: 0;
	border: 0 none;
	padding: 15px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

#sidebar ul.ul_submenu>li.active>a,
#sidebar ul.ul_submenu>li.active>a>i {
	/* color: var(--color1) !important; cambioscolor */
	color: #fff;
	
}

#sidebar .sidebar-menu>ul>li>a {
	border-bottom: none !important;
}

#sidebar[abierto='0'] .fa_main_menu {
	display: none;
}

#sidebar[abierto='0'] .ul_submenu {
	/* padding-left: 20px; */
	border-top: 1px solid var(--color_disabled);
}

/** FIN MENU LATERAL **/


/** menu header **/

.sidebar-menu .ul-header {
	display: inline-flex;
	text-decoration: none;
	list-style-type: none;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 0px !important;
}

.sidebar-menu .ul-header li a {
	border-top: 0px !important;
	border-bottom: 1px solid transparent !important;
	/* background-color: #dbdbdb !important;  CAMBIOSCOLOR*/
	background-color: #198754 !important;

}

.sidebar-menu .ul-header li.active  {

	box-shadow: none;
}
.sidebar-menu .ul-header li.active a {

	/* background-color: #f4f4f4 !important;  CAMBIOSCOLOR*/
	background-color: #01750d !important;
	
}
.sidebar-menu .ul-header .btn-module-header a:hover{
	background-color: #01750d !important;
}
/** FIN  menu header **/

/**Prueba submenu*/
#sidebar ul.ul_submenu>li>a {
	padding-left: 40px;
}

#sidebar .ul_submenu {
	padding-left: 0;
}

#sidebar .ul_submenu li.active {
	/* background-color: rgb(165, 165, 165); CAMBIOSCOLOR */
	background-color: #01750d; 

}

#sidebar .ul_submenu li a {
	padding-left: 40px;
}

#sidebar .ul_submenu li a:hover {
	/* color: #333333;
	background-color: #ffffff; cambioscolor*/

	color: #fff;
	background-color:  #01750d;
  }

#sidebar[abierto='0'] .ul_submenu li a {
	padding-left: 20px;
}


/** fin Prueba submenu*/

.oculto{
	display: none;
}
.right{
	float: right;
}
.bg-white{
	background: white !important;
}

.page-inicio h2 {
	margin-top: 100px;
	margin-bottom: 0px;
}
.page-inicio h2 span{

	text-transform:capitalize

}
.bold{
	font-weight: bolder;
}

.page-inicio img.center {
	display: block;
	margin: auto;
}

.box .box-title {
   
    min-height: 55px !important;
}
.box .header-tabs .nav-tabs {
 
    top: -50px !important;
}
.data-list {
	overflow-x: scroll;
  }
.d-flex{
	display: flex;
}
.d-block{
	display: block;
}
.flex-column{
	flex-direction: column;
}
.text-left{
	text-align: left !important;
}
.badge{
	background-color: #c3c3c3 !important;
	color: #555555 !important;
	font-weight: normal !important;

}
.action-agregar-repartidor,.action-agregar-ayudante,.action-agregar-producto,.mt{
	margin-top: 3rem;
}


.alinear-buttons{
	display: flex;
	align-items: center;
}

.desabilitar{
	pointer-events: none; 
    opacity: 0.5; 
}
/*repartidorruta*/
.badge_fecha_rango{
	margin: 0.2rem;
	text-transform: uppercase;
}
.action-delete-repartidor,.action-delete-ayudante,.x-eliminar{
	font-weight: normal !important;
	padding: 0 2px;
	color: whitesmoke;

	background: #989898;
    border-radius: 10px;
    width: 2rem;
    display: inline-block;
    height: 1.5rem;
    padding-top: 0.2rem;
}
.action-abrir-modal-ayudante,.action-delete-repartidor,.action-delete-ayudante,.x-eliminar,.pointer{
	cursor: pointer;

}
#repartidorruta_form{
	border:1px solid rgb(25 135 84)
	/* margin-right: 3rem; */
}

#repartidorruta_form .panel{
margin-bottom: 0;
}
/*fin repartidorruta*/
/*cuentas contable*/
.cuentascontable-list{
	margin-top: 2rem;
}
.cuentascontable-list .pagination,.modal-ayudante .pagination,.modal-repartidor .pagination{
display: none !important;
}
.data-index #cuentascontable_form label{
	text-align: left;
}

.cuentascontable-list .resultado{
	
	min-height: 80vh;
}
.modulo{
	display: flex !important;
    justify-content: center;
}
 .modulo h4{
	text-align: center;
	z-index: 3;
    position: relative;
	background-color: #f5f6f6;
	width: min-content;
	padding-inline: 1rem;
 }

/*fin cuentas contable*/

/*avisos*/


#aviso-header a{
	color: white;
}

.contenedor-avisos{
	margin-top: 3rem;
	
}
.contenedor-avisos >p{
	font-size: 2rem;
	font-weight: bold;
}
.aviso-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2rem;
	/* max-width: 450px; */
	padding: 0.5rem;
	border-radius: 0.75rem;
	box-shadow: 2px 6px 11px -9px rgba(0,0,0,1);
	-webkit-box-shadow: 2px 6px 11px -9px rgba(0,0,0,1);
	-moz-box-shadow: 2px 6px 11px -9px rgba(0,0,0,1);
}
.aviso-item i{
	font-size: 3rem;
}

.expirada{
	border-left: 10px solid  rgb(240, 103, 103);
	background-color: rgb(243, 196, 196);
}
.proxima-expiracion{
	border-left: 10px solid  rgb(241, 241, 88);

	background-color: rgb(247, 247, 166);
}

.expirada i{
	color: rgb(240, 103, 103);
}
.proxima-expiracion i{
	color: rgb(241, 241, 88);
}
.repartidores,.vehiculos{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.aviso-item h4 {
	font-weight: bold;
}


.contenedor-autorizacion{
	gap: 1rem;
    display: flex;
    flex-direction: column;
    padding: 2rem;
}
.contenedor-autorizacion .delete{
    position: absolute;
    font-size: 2rem;
    right: 4rem;
    font-weight: bold;
	cursor: pointer;
}
/*fin avisos*/

.line-through-custom {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: black;
}

.line-through-custom::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	border-top: 1px solid red; /* Cambia el color y grosor de la línea aquí */
	z-index: -1;
}

.line-through-custom::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	background: #ddd; /* Fondo del contenedor o del área donde se quiere ocultar la línea */
	height: 1px; /* Altura de la línea de tache */
	z-index: 0;
}

.line-through-custom span {
	position: relative;
	display: inline-block;
	background: white; /* Fondo del contenedor o del área donde se quiere ocultar la línea */
	padding: 0 5px; /* Ajusta el espacio alrededor del texto según sea necesario */
	z-index: 1;
}

.liquidacion{
	display: flex;
	flex-direction: column;
}
.liquidacion > div{
	border: 0 !important;
}
.liquidacion > label{
	padding-top: 0px !important;

}
.iconoliquidacion_modal{
	padding-top: 11px !important;
}
.iconoliquidacion_modal_view{
	padding-top: 0px !important;
}

.voltear{
	flex-direction: row-reverse;
    justify-content: flex-end;
}
button:focus {
	background-color: #479f76;
	color: white;
	box-shadow: 0 0 10px #198754;
}
input:focus,select:focus{
	border-color:#198754 !important;
}
/*poner el € en el input*/
.input-container {
    position: relative;
}

.currency-symbol {
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; 
    color: #999; 
}

input.float {
    padding-right: 25px; 
}
	
.currency-icon {
    position: absolute;
    right: 10%; /* Ajusta según el espacio que necesites */
    top: 50%;
    transform: translateY(-50%);
    color: #999; /* Color del ícono */
    pointer-events: none; /* Para evitar que el ícono interfiera con el input */
}
/*FIN poner el € en el input*/


.circulocierre{
	font-size: 3rem;
}


.icono_botones{
	font-size: 1.8rem;
}

.panel-body-informes{
	min-height: 23rem;
}
.panel-body-informes-admin{
	min-height: 30rem;
}
.p-0{
	/* padding: 0 !important; */
}

.btn-blue{
  color: #ffffff;
  background-color: #5E91F7;
  border-color: #5E91F7;
}