/* Tooltips */
.uk-tooltip {
	background: #1e1e1e !important;
    color: #ffd700 !important;
    border-radius: 8px;
    font-size: 0.85rem;
}

/************************** MODAL DIALOG *************************/
.edit-modal {
	/* Underlay covers entire screen. */
	position: fixed;
	top:0px;
	bottom: 0px;
	left:0px;
	right:0px;
	/* background-color:rgba(0, 0, 0, 0.65); Negro */
	background-color:rgba(254, 202, 202, 0.65);
	z-index:9999;
	
	/* Flexbox centers the .modal-content vertically and horizontally */
	display:flex;
	flex-direction:column;
	align-items:center;
	
	/* Animate when opening */
	animation-name: fadeIn;
	animation-duration:150ms;
	animation-timing-function: ease;
}

.edit-modal > .modal-underlay {
	/* underlay takes up the entire viewport. This is only
	required if you want to click to dismiss the popup */
	position: absolute;
	z-index: -1;
	top:0px;
	bottom:0px;
	left: 0px;
	right: 0px;
}

.edit-modal > .modal-content {
	height: 88vh;          /* altura fija para evitar saltos */
    max-height: 88vh;
    display: flex;
    flex-direction: column;
	width: 85%;
	

	margin-top: 3vh;

	/* DESDE AQUI */
	/* Position visible dialog near the top of the window 
	margin-top:10vh; */
	
	/* Sizing for visible dialog/
	max-width:90%;
	min-width:80%; */
	
	/* Este ajuste para el tamaño vertical de momento no ha hecho falta.
	max-height: 90vh;
	overflow: hidden;
	display: flex;
	flex-direction: column; */
	/*  HASTA AQUÍ */

	/* Display properties for visible dialog*/
	border:solid 1px #999;
	border-radius:8px;
	box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.4);
	/* box-shadow: 0px 0px 20px 20px rgba(19, 47, 173, 0.4); Azul */
	background-color:white;
	padding:20px;
	
	/* Animate when opening */
	animation-name:zoomIn;
	animation-duration:150ms;
	animation-timing-function: ease;
}

/* Header y footer fijos */
.modal-header,
.modal-footer,
.modal-footer-buttons {
    flex: 0 0 auto;
}

/* Body crece y permite scroll */
.modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 10px;
}


.edit-modal.closing {
	/* Animate when closing */
	animation-name: fadeOut;
	animation-duration:150ms;
	animation-timing-function: ease;
}

.edit-modal.closing > .modal-content {
	/* Animate when closing */
	animation-name: zoomOut;
	animation-duration:150ms;
	animation-timing-function: ease;
}

/* Footer de botones siempre al fondo del modal */
.modal-footer-buttons {
  flex: 0 0 auto;      /* no crece */
  margin-top: auto;    /* lo empuja al fondo del flex container */
  /* Opcionales, solo estética/separación: */
  position: relative;
  background: #fff;
  border-top: 1px solid #eee;
  padding-top: 12px;
}





@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes zoomIn {
	0% {transform: scale(0.9);}
	100% {transform: scale(1);}
}

@keyframes zoomOut {
	0% {transform: scale(1);}
	100% {transform: scale(0.9);}
}
/************************** MODAL DIALOG *************************/

/* Haz que solo el contenido de los tabs scrollee */
.tabs-content-scroll {
    max-height: 54vh;  /* Ajusta el valor según el tamaño de tu modal y espacio de los tabs */
    overflow-y: auto;
    padding-right: 10px; /* Igual que en modal-body */
	margin-top: 0;
}
/* overflow-y: scroll; */


/* --- Scrollbar suavizado --- */
.modal-body::-webkit-scrollbar,
.tabs-content-scroll::-webkit-scrollbar {
    width: 8px;
}
.modal-body::-webkit-scrollbar-thumb,
.tabs-content-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}


/* Ajustes para el modal-body, para que tenga una barra de scroll vertical si es necesario
 .modal-body { 
   max-height: 70vh;     -->> O ajusta a lo que consideres adecuado  
   overflow-y: auto; 
   padding-right: 10px;  -->> Espacio para evitar que el scroll tape contenido  
 } */


/*************************** Toasts *****************************/
@keyframes toastSlideIn {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}
	to {
		opacity: 1;
		transform: translateY(10px);
	}
}
/*************************** Toasts *****************************/


/******************** Para el CustomSelect **********************/
.custom-dd-option:hover {
	background: #86efac !important;
}
/******************** Para el CustomSelect **********************/


/************* SweetAlert siempre encima de todo ****************/
.swal2-container {
	z-index: 100000 !important;
}
.swal2-backdrop {
	z-index: 99999 !important;
}
/************* SweetAlert siempre encima de todo ****************/

/************* Botones del bulk-toolbar ****************/
.bulk-toolbar .bulk-action.btn:disabled,
.bulk-toolbar .bulk-action.btn.btn-disabled {
	color: #000 !important;
	border-color: #a1a1aa;
}

.bulk-toolbar .bulk-action.btn:disabled svg,
.bulk-toolbar .bulk-action.btn.btn-disabled svg {
	color: #000;
	stroke: currentColor;
}
/************* Botones del bulk-toolbar ****************/