body,
html {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
}
.public-route {
}
:root {
	--primary: #0573ad;
	--secondary: #2e3b5b;
	--third: #fafafa;
	--gray: #818181;
	--heightNav: 70px;
	--letter: #67697d;
	--letterInput: #959595;
	--borderinput: #ced4da;
	--letterModeDark: #959595;
	--sizeInput: 3rem;
	--border: #e8e8e8;
	--gray50: #c5c5c5;
	--gray10: #e2e2e2;
	--themeMode: dark;
}
* {
	list-style: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	font-family: 'Poppins-Regular';
	border: 0;
	font-size: 14px;
	text-decoration: none;
}
.site-main{
	/* padding-top: 6rem; */
}
.text-center {
	text-align: center;
}
.c-primary{
	color: var(--primary);
}
.c-secondary{
	color: var(--secondary);
}
.text-primary{
	color: var(--primary);
}
.text-secondary{
	color: var(--secondary);
}
.bg-primary{
	background-color: var(--primary);
}
.bg-secondary{
	background-color: var(--secondary);
}
#screen {
	width: 100%;
	max-height: 100vh;
	min-height: 100vh;
	z-index: 0;
	position: absolute;
}
#root {
	position: relative;
	z-index: 1;
}
.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-clean,
.rs-picker-date .rs-picker-toggle.rs-btn .rs-picker-toggle-caret,
.rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-caret {
	transform: translateY(2px);
}
.rs-picker-menu {
	z-index: 2;
}
.smooth-scrolling {
	scroll-behavior: smooth;
}
.scrollHidden {
	overflow-y: scroll;
	&::-webkit-scrollbar {
		width: 0px; /* Tamaño del scroll en vertical */
		height: 0px; /* Tamaño del scroll en horizontal */
	}
}
.border {
	text-decoration: none;
}
.scroll {
	overflow-y: scroll;
	&::-webkit-scrollbar-thumb {
		background-color: var(--primary);
		opacity: 0.5;
		border-radius: 4px;
		position: fixed;
	}

	&::-webkit-scrollbar {
		width: 4px; /* Tamaño del scroll en vertical */
		height: 0px; /* Tamaño del scroll en horizontal */
	}
}


.slick-track {
	display: flex;
	opacity: 1 !important;
}
.slick-list {
	overflow: hidden;
}
.slick-slide {
	display: flex;
}
.slick-slide > div {
	width: 100%;
	display: flex;
	.expand-img {
		display: flex;
	}
}
a:hover,
a:focus {
	text-decoration: none !important;
}
.slick-disabled {
	display: none !important;
}

.dragged-sortableElement {
	.draggable {
		width: 100%;
		.name {
		}
	}
	.actions {
		display: flex;
		align-items: center;
		width: 4.5rem;
	}
}
.dragged {
	z-index: 2;
	background-color: white;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	padding: 1rem;
	box-shadow: 0px 0px 10px 0px rgb(206, 228, 228);
	.draggable {
		display: flex;
		align-items: center;
	}
	.icon {
		opacity: 0;
	}
	.name {
		min-width: 14rem;
	}
	.type {
		min-width: 5rem;
	}
}
.input-radio-visor {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.input-radio-visor:checked ~ label {
	color: var(--info);
}
.main-solid {
	padding-top: 8rem;
}
.text-white{
	color: white;
}

.separator-h{
	width: 100%;
	height: 1px;
	background-color: rgb(230, 230, 230);
}
.flex {
	display: flex;
  }
  .flex-col {
	flex-direction: column;
  }
  .w-full {
	width: 100%;
  }
  .gap-6 {
	gap: 3rem;
  }