/*-----------------------------------------------------------------*/
/*GLOBAL COMPONETS-----*/
/*-----------------------------------------------------------------*/

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

*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

body{
	background-color:#eceff8;
	overflow-y: hidden;
	overflow-x: hidden;
}

::placeholder{
	color:#666;
}
/* ocultar las barras de scroll */
::-webkit-scrollbar {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #5C5C5C;
	font-family: 'Poppins', sans-serif;
}

h1, h2 {
	font-weight: 500;
}

h3, h4, h5, h6{
	font-weight: 400;
}

p, span, button, span {
	font-weight: 300;
}

/* Ocultar la barra de desplazamiento vertical */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* Ocultar la barra de desplazamiento horizontal */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* Para Firefox 85 y versiones anteriores */
/* Ocultar la barra de desplazamiento vertical */
* {
  scrollbar-width: none;
}

/*-----------------------------------------------------------------*/
/*CLASES: USO GENERAL-----*/
/*-----------------------------------------------------------------*/

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-center {
	justify-content: center;
	align-items: center;
}

.f-sm2 {
	font-size: 14px;
}

/*-----------------------------------------------------------------*/
/*USER: DATOS INICIALES-----*/
/*-----------------------------------------------------------------*/
/*CARGADOR*/
.loader{
	position: relative;
	margin: 0 auto;
	z-index: 1;
	width: 100px;
	height: 100px;
	border: 14px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #004889;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

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

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


/*===============================================================
LOADER
===============================================================*/
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #6366f1;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
@keyframes lds-ellipsis3 {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(24px, 0);
	}
}


/* selector con select2 de planeacion */

.select-select2 {
	width: 100%;
	height: 40px;
}

/* select2 class reset */
.select-select2 + .select2-container .select2-selection--single {
	height: 40px !important;
}

.select-select2 + .select2-container--default .select2-selection--single {
	border: 1px solid #e5e7eb;
}

.select2-selection__rendered {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

.select2-selection__arrow {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

/*===============================================================
TABLE
===============================================================*/
.search-input {
  width: 200px; /* Ajusta el ancho según tu preferencia */
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 20px;
  outline: none;
}

svg.icon-tabler {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.table-custom {
	display: flex;
	flex-direction: column;
}

.table-custom .overflow-container {
	margin: -1.5rem;
	overflow-x: auto;
}

.table-custom .inner-container {
	padding: 1.5rem;
	min-width: 100%;
	display: inline-block;
	vertical-align: middle;
}

.table-custom .border-container {
	border: 1px solid #e5e7eb;
	border-bottom: none;
	border-radius: 0.5rem;
	overflow: hidden;
}

.table-custom table {
	min-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-custom thead {
	background-color: #f9fafb;
}

.table-custom th {
	height: 45px;
	padding: 0 0.75rem;
	text-align: start;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #6b7280;
	line-height: 40px;
}

.table-custom tbody {
	border-top: 1px solid #e5e7eb;
}

.table-custom tr {
	border-bottom: 1px solid #e5e7eb;
}

.table-custom td {
	height: 45px;
	padding: 0 0.75rem;
	white-space: nowrap;
	font-size: 0.875rem;
	color: #1f2937;
	line-height: 45px;
}

.table-custom tbody .td-content {
	padding: 0 0;
}

.table-custom td.font-medium {
	font-weight: 500;
}

.table-custom tbody tr{
	background-color: white;
}

.table-custom tbody tr:hover {
	box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.3s ease;
}

.table-custom tbody .active-row {
	background-color: rgb(219 234 254) !important;
}

.table-custom tbody .active-row .td-content > div {
	background-color: rgb(219 234 254) !important;
}