:root {
	/* ==================== LOGO ==================== */
	--lg-light: #F4FCFC; /*Celeste pastel claro*/
	--lg-light2: #6CC4EC; /*Celeste pastel*/
	--lg-dark: #044464; /*Celeste claro*/
	--lg-dark2: #0493CC; /*Celeste oscuro*/
	/* ==================== BACKGROUNDS ==================== */
	--bg-body: #EFF2FA; /*Celeste claro*/
	--bg-filters: #DAE1F3; /*Celeste oscuro*/
	--bg-dark: #798fb9; /*Azul oscuro*/
	--bg-white: #FFFFFF; /*Blanco*/
	--bg-accent: #FAF9FD; /*Plomo claro*/
	--bg-gray-hover: #f3f4f6; /*Plomo claro*/
	--bg-disable: #F2F2F2; /*Plomo oscuro*/
	--bg-disable2: #f6f6f6; /*Plomo oscuro*/
	/* ==================== TEXTS ==================== */
	--text-disabled: #999999; /*Plomo*/
	--text-gray: #7292A1; /*Plomo oscuro*/
	--text-white: #FFFFFF; /*Blanco*/
	--text-black: #060606; /*Negro*/
	/* ==================== BUTTONS ==================== */
	--btn-primary: #0193cf;
	--btn-primary-hover: #017eb2;
	--btn-secondary: #6C757D;
	--btn-secondary-hover: #5A6268;
	--btn-base: #4A6FA5;
	--btn-base-hover: #3C5A84;
	--btn-info: #17A2B8;
	--btn-info-hover: #138496;
	--btn-success: #28A745;
	--btn-success-hover: #218838;
	--btn-warning: #FFC107;
	--btn-warning-hover: #E0A800;
	--btn-danger: #DC3545;
	--btn-danger-hover: #BD2130;
}

html {
	background: var(--bg-body) !important;
}

body {
	background: var(--bg-body) !important;
	font-family: Roboto, "Segoe UI", sans-serif !important;
	font-size: 1.1rem !important;
	color: var(--text-black) !important;
	height: 100% !important;
	min-height: 100% !important;
	max-height: 100% !important;
}

/* ==================== LOGIN ==================== */
.rowLogin {
	width: 80% !important;
	height: auto !important;
	/*box-shadow: 0 20px 40px #00000080 !important;*/
	box-shadow: 0 5px 30px #00000080 !important;
	border-radius: 25px !important;
	display: flex !important;
	align-items: stretch !important;
}

.loginContainer {
	border-radius: 25px 0 0 25px !important;
	background: var(--bg-white) !important;
	padding: 40px !important;
	height: 100% !important;
}

@media (max-width: 942px) {
	.rowLogin {
		width: 100% !important;
		height: 100% !important;
	}

	.loginContainer {
		border-radius: 25px !important;
		padding: 0 !important;
	}
}

.rightLogin {
	position: relative !important;
	border-radius: 0 25px 25px 0 !important;
	overflow: hidden !important;
	flex: 1 !important;
	/*   height: 100% !important;
    height: 80vh !important;*/
}

	.rightLogin::before {
		content: '';
		position: absolute;
		inset: 0;
		background: url('../../Images/fondo_almafin.jpeg') center center no-repeat;
		background-size: cover;
		/*      background-position: -250px center;*/
	}

#login-form {
	margin: 0 45px !important;
	height: 100% !important;
}

@media (max-width: 942px) {
	.rightLogin {
		display: none !important;
	}

	#login-form {
		margin: 0 15px !important;
		height: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

.container {
	height: 95vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center
}

.loginLogo {
	width: 100% !important;
	padding: 15px !important;
	display: flex !important;
	justify-content: center;
}

.loginHeader {
	text-align: center !important;
	font-size: 2rem !important;
	font-weight: 600 !important;
	color: var(--text-black) !important;
	margin: 15px 0 !important;
}

.togglePassword {
	position: absolute !important;
	right: 15px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	cursor: pointer !important;
	font-size: 1.2rem !important;
	color: var(--text-gray) !important;
}

div.enlace {
	text-align: center !important;
	font-size: 1.25rem !important;
	padding: 15px !important;
	margin: 0 !important;
}

.captcha {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	font-size: 1.25rem !important;
	width: 100% !important;
}

	.captcha img#CaptchaImage {
		width: 20rem !important;
		height: auto !important;
		display: block !important;
		margin-bottom: -8px !important;
	}

	.captcha a {
		margin-top: -8px !important;
		margin-bottom: -40px !important;
		display: inline-block !important;
	}

	.captcha em {
		align-self: flex-start !important;
		font-size: 1.1rem !important;
	}

/* ==================== HEADER ==================== */
#header {
	background: var(--bg-white) !important;
	height: 60px !important;
}

@media (max-width: 942px) {
	#header {
		height: 110px !important;
	}

	#currentuser {
		height: 50px !important;
	}
}

/* ==================== HEADER LOGO ==================== */
#logo-group {
	overflow: hidden !important;
	display: flex !important;
	padding: 10px 30px !important;
	height: 100% !important;
	background: var(--lg-dark) !important;
}

	#logo-group img {
		/*      width: 100% !important;*/
		height: 100% !important;
		object-fit: contain !important;
		object-position: center !important;
	}

body.hidden-menu #logo-group {
	background: var(--bg-white) !important;
}

	body.hidden-menu #logo-group img {
		content: url('../img/logoDark.png') !important;
	}

body:not(.hidden-menu) #logo-group {
	background: var(--lg-dark) !important;
}

	body:not(.hidden-menu) #logo-group img {
		content: url('../img/logoLight.png') !important;
	}

@media (max-width: 942px) {
	#logo-group {
		height: 50px !important;
		background: var(--bg-white) !important;
	}

	body.hidden-menu #logo-group,
	body:not(.hidden-menu) #logo-group {
		background: var(--bg-white) !important;
	}

		body.hidden-menu #logo-group img,
		body:not(.hidden-menu) #logo-group img {
			content: url('../img/logoDark.png') !important;
		}
}

/* ==================== HEADER USUARIO ==================== */
.user-menu-container {
	position: relative !important;
	display: inline-block !important;
	margin: auto !important;
}

.user-toggle {
	background: none !important;
	border: none !important;
	cursor: pointer !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	/*padding: 5px 10px !important;*/
	padding: 10px !important;
	border-radius: 10px !important;
	transition: background-color 0.2s ease !important;
}

	.user-toggle:hover {
		background: var(--bg-gray-hover) !important;
	}
/*
	.user-toggle::after {
		content: '▾' !important;
		position: absolute !important;
		right: -5px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		pointer-events: none !important;
		font-size: 2rem !important;
	}*/

.user-dropdown {
	display: none !important;
	position: absolute !important;
	right: 0 !important;
	top: 100% !important;
	background: var(--bg-white) !important;
	border: 1px solid var(--text-gray) !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
	min-width: 180px !important;
	margin-top: 5px !important;
	z-index: 999 !important;
}

	.user-dropdown.show {
		display: block !important;
		animation: fadeIn 0.15s ease-in-out !important;
	}

@keyframes fadeIn {
	from {
		opacity: 0 !important;
		transform: translateY(-5px) !important;
	}

	to {
		opacity: 1 !important;
		transform: translateY(0) !important;
	}
}

.user-dropdown a {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 10px 14px !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	transition: background-color 0.2s ease !important;
	color: var(--text-black) !important;
}

	.user-dropdown a:hover {
		background: var(--bg-gray-hover) !important;
	}

/* ==================== HEADER ENTIDAD ASOCIADA ==================== */
#ribbon {
	background: none !important;
	padding: 0 25px !important;
	border: 0 !important;
}

/* ==================== NAV MENU ==================== */
nav > ul > li > ul::before {
	content: none !important;
}

nav > ul ul li::before {
	content: none !important;
}

#left-panel {
	padding-top: 85px !important;
	background: var(--lg-dark) !important;
	display: flex !important;
	flex-direction: column !important;
	transition: width 0.3s ease !important;
}

	#left-panel::-webkit-scrollbar {
		width: 6px !important;
	}

	#left-panel::-webkit-scrollbar-thumb {
		background: var(--bg-disable) !important;
		border-radius: 3px !important;
	}

	#left-panel nav ul {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

		#left-panel nav ul li {
			border-radius: 8px !important;
			margin: 4px 10px !important;
			transition: background-color 0.2s ease !important;
		}

			#left-panel nav ul li > a {
				display: flex !important;
				align-items: center !important;
				color: var(--text-white) !important;
				text-decoration: none !important;
				padding: 10px 16px !important;
				border-radius: 8px !important;
				transition: all 0.2s ease !important;
				position: relative !important;
			}

				#left-panel nav ul li > a i {
					margin-right: 12px !important;
					width: 24px !important;
					text-align: center !important;
				}

				#left-panel nav ul li > a:hover {
					background: var(--lg-light2) !important;
				}

			#left-panel nav ul li.active > a {
				background: var(--lg-light) !important;
				color: var(--text-black) !important;
				font-weight: 600 !important;
			}

				#left-panel nav ul li.active > a:before {
					content: none !important;
				}

		#left-panel nav ul ul {
			transition: max-height 0.3s ease !important;
			background: var(--bg-white) !important;
			margin-left: 10px !important;
			border-left: 2px solid var(--bg-gray-hover) !important;
			border-radius: 6px !important;
		}

			#left-panel nav ul ul li a {
				padding: 8px 18px !important;
				color: var(--lg-dark) !important;
				display: flex !important;
				align-items: center !important;
				border-radius: 6px !important;
			}

				#left-panel nav ul ul li a:hover {
					background: var(--lg-light) !important;
				}

	#left-panel nav a::after {
		content: "" !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) scale(0) !important;
		background: rgba(25, 118, 210, 0.15) !important;
		border-radius: 50% !important;
		width: 100% !important;
		height: 100% !important;
		opacity: 0 !important;
		transition: transform 0.4s, opacity 0.5s !important;
	}

	#left-panel nav a:active::after {
		transform: translate(-50%, -50%) scale(1) !important;
		opacity: 1 !important;
	}

.menu-item-parent {
	flex-grow: 1 !important;
}

#left-panel nav ul li > a::after {
	content: "▸" !important;
	font-size: 0.8rem !important;
	color: var(--text-gray) !important;
	margin-left: auto !important;
	transition: transform 0.3s ease !important;
}

#left-panel nav ul li.open > a::after {
	transform: rotate(90deg) !important;
}

@media (max-width: 768px) {
	#left-panel {
		padding-top: 120px !important;
	}
}

/* ==================== FOOTER ==================== */
.page-footer {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background: var(--bg-body) !important;
	text-align: center !important;
	padding: 0 0 0 220px !important;
	border-top: none !important;
}

/* ==================== FORMS ==================== */
.formTitle {
	margin: 20px 25px !important;
	font-weight: bold !important;
	font-family: Roboto, "Segoe UI", sans-serif !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
}

	.formTitle > a {
		padding: 0 !important;
		margin: 0 !important;
	}


/*.formBody {
   margin: 0 25px 25px 25px !important;
   display: flex !important;
   flex-direction: column !important;
   gap: 15px !important;
}

.formCurrent {
   background: var(--bg-white) !important;
   border-radius: 10px 10px 0 0 !important;
   padding: 20px !important;
}

.formResults {
   background: var(--bg-white) !important;
}*/

.formBody {
	margin: 0 25px 25px 25px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2.5rem !important;
}

.formCurrent {
	background: var(--bg-white) !important;
	border-radius: 10px !important;
	padding: 0px 8px !important;
}

.formResults {
	background: var(--bg-white) !important;
	border-radius: 10px !important;
	/*padding: 0px 8px !important;*/
}

	.formResults h6 {
		padding: 7px 0 7px 13px !important;
		margin: 0 !important;
		background: var(--lg-light) !important;
	}

.formLegend {
	background: var(--bg-accent) !important;
	padding: 10px !important;
	border-radius: 10px !important;
}

@media (max-width: 768px) {
	.formTitle {
		margin: 5px !important;
	}

	.formBody {
		margin: 15px !important;
	}
}

/* ==================== FORM CONTENT ==================== */
.formMaterial {
	padding: 15px !important;
}

@media (max-width: 768px) {
	.formMaterial {
		padding: 15px !important;
	}

	.formCurrent {
		padding: 5px !important;
	}
}

.formGroup {
	position: relative !important;
	display: inline-block !important;
	margin-bottom: 1.25rem !important;
	margin-top: 1.25rem !important;
	width: 100% !important;
}

	.formGroup:has(select)::after {
		content: '▾' !important;
		position: absolute !important;
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		pointer-events: none !important;
		font-size: 1.5rem !important;
		background: var(--bg-white) !important;
	}

	.formGroup:has(select[readonly])::after,
	.formGroup:has(select:disabled)::after {
		content: none !important;
	}

/* ==================== FORM LEGEND ==================== */
.formLegendText {
	color: var(--text-black) !important;
	font-weight: 100 !important;
}

/* ==================== FORM LABEL ==================== */
.formLabel {
	position: absolute !important;
	top: 12px !important;
	left: 12px !important;
	font-size: 1.25rem !important;
	pointer-events: none !important;
	transition: 0.2s ease all !important;
	background: white !important;
	padding: 0 4px !important;
	border-radius: 6px !important;
	color: var(--text-gray) !important;
	white-space: nowrap !important;
}

/* ==================== FORM INPUT - SELECT ==================== */
.formInput2 {
	min-height: 40px;
}

.formInput,
.formSelect {
	width: 100% !important;
	/*border: 1.5px solid var(--text-gray) !important;*/
	border: 1px solid LightGray !important;
	border-radius: 6px !important;
	padding: 10px !important;
	font-size: 1.25rem !important;
	background: var(--bg-white) !important;
	outline: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

	.formInput:focus,
	.formSelect:focus {
		border-color: var(--lg-dark2) !important;
		box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.2) !important;
		outline: none !important;
	}

	.formSelect[readonly],
	.formSelect:disabled {
		pointer-events: none;
		touch-action: none;
		background: var(--bg-disable) !important;
		color: var(--text-disabled) !important;
	}

	.formInput[readonly],
	.formInput:disabled {
		background: var(--bg-disable2) !important;
		color: var(--text-disabled) !important;
		/*border: 1.5px solid #a7bbc4 !important;*/
	}

	.formInput:focus + .formLabel,
	.formSelect:focus + .formLabel,
	.formInput:not(:placeholder-shown) + .formLabel,
	.formSelect:not(:placeholder-shown) + .formLabel {
		top: -8px !important;
		left: 10px !important;
		/*font-size: 1rem !important;*/
		font-size: 1.1rem !important;
		color: var(--lg-dark2) !important;
	}

	.formInput:not(:focus):not(:placeholder-shown) + .formLabel,
	.formSelect:not(:focus):not(:placeholder-shown) + .formLabel {
		color: var(--text-gray) !important;
	}

	/*.formInput[readonly] + .formLabel,
	.formSelect[readonly] + .formLabel {
		pointer-events: none;
		touch-action: none;
		background: var(--bg-disable2) !important;
	}
	*/
	.formInput:disabled + .formLabel,
	.formSelect:disabled + .formLabel {
		background: var(--bg-disable2) !important;
	}

/* ==================== FORM CHECKBOX ==================== */
.formGroupCheck {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 2rem 0 !important;
}

.formCheckInput {
	width: 20px !important;
	height: 20px !important;
	border: 1.5px solid var(--text-gray) !important;
	border-radius: 4px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	cursor: pointer !important;
	position: relative !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
}

	.formCheckInput:checked {
		border-color: var(--lg-dark2) !important;
		background: var(--lg-dark2) !important;
	}

		.formCheckInput:checked::after {
			content: '✔' !important;
			font-size: 14px !important;
			color: white !important;
			position: absolute !important;
			top: 0 !important;
			left: 2px !important;
		}

.formCheckLabel {
	font-size: 1.25rem !important;
	color: var(--text-gray) !important;
	cursor: pointer !important;
	margin: 0 !important;
}


/* ==================== FORM VALIDATIONS ==================== */
.state-error > .formLabel {
	color: var(--btn-danger) !important;
}

.state-error > .formInput,
.state-error > .formSelect {
	border: 1.5px solid var(--btn-danger) !important;
}

	.state-error > .formInput:focus,
	.state-error > .formSelect:focus {
		border-color: var(--btn-danger) !important;
		box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2) !important;
	}

		.state-error > .formInput:focus + .formLabel,
		.state-error > .formSelect:focus + .formLabel,
		.state-error > .formInput:not(:placeholder-shown) + .formLabel,
		.state-error > .formSelect:not(:placeholder-shown) + .formLabel {
			color: var(--btn-danger) !important;
		}

.formGroup.state-error + em.invalid {
	color: var(--btn-danger) !important;
	display: block !important;
	margin-top: -10px !important;
	margin-left: 17px !important;
	position: static !important;
}

div.note-error {
	color: var(--btn-danger) !important;
	display: block !important;
	margin-top: -10px !important;
	margin-left: 17px !important;
	position: static !important;
	font-style: italic !important;
}

	div.note-error:empty {
		display: none !important;
	}

.formGroup:has(+ .note-error:not(:empty)) .formLabel {
	color: var(--btn-danger) !important;
}

.formGroup:has(+ .note-error:not(:empty)) .formSelect,
.formGroup:has(+ .note-error:not(:empty)) .formInput {
	border: 1.5px solid var(--btn-danger) !important;
	color: var(--btn-danger) !important;
}

	.formGroup:has(+ .note-error:not(:empty)) .formInput:focus,
	.formGroup:has(+ .note-error:not(:empty)) .formSelect:focus {
		border-color: var(--btn-danger) !important;
		box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2) !important;
	}

		.formGroup:has(+ .note-error:not(:empty)) .formInput:focus + .formLabel,
		.formGroup:has(+ .note-error:not(:empty)) .formSelect:focus + .formLabel,
		.formGroup:has(+ .note-error:not(:empty)) .formInput:not(:placeholder-shown) + .formLabel,
		.formGroup:has(+ .note-error:not(:empty)) .formSelect:not(:placeholder-shown) + .formLabel {
			color: var(--btn-danger) !important;
		}

.formGroup:has(select):has(+ .note-error:not(:empty))::after {
	color: var(--btn-danger) !important;
}

/* ==================== FORM BUTTONS ==================== */
.rowButton {
	display: flex !important;
	flex-direction: row !important;
	gap: 13px !important;
	/*justify-content: flex-start !important;*/
	justify-content: flex-end !important;
	margin-top: 1.25rem !important;
	margin-bottom: 1.25rem !important;
}

.formBtn {
	border: none !important;
	border-radius: 6px !important;
	padding: 9px 15px !important;
	font-size: 1.5rem !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: Roboto, "Segoe UI", sans-serif !important;
}

.formBtn2 {
	width: 36px;
	height: 36px;
	border: none !important;
	border-radius: 25px !important;
	padding: 0 !important;
	font-size: 1.5rem !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: Roboto, "Segoe UI", sans-serif !important;
	margin-right: 15px;
}

.formBtn2PDF {
	margin-right: 15px !important;
}

.formBtnBase2 {
	background: var(--btn-primary) !important;
	color: var(--text-white) !important;
}

.formBtn:hover,
.tableBtnHeader:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.formBtnPrimary {
	background: var(--btn-primary) !important;
	color: var(--text-white) !important;
}

	.formBtnPrimary:hover {
		background: var(--btn-primary-hover) !important;
	}

.formBtnSecondary {
	background: var(--btn-secondary) !important;
	color: var(--text-white) !important;
}

	.formBtnSecondary:hover {
		background: var(--btn-secondary-hover) !important;
	}

.formBtnBase {
	background: var(--btn-base) !important;
	color: var(--text-white) !important;
}

	.formBtnBase:hover {
		background: var(--btn-base-hover) !important;
	}

.formBtnDefault {
	background: var(--bg-white) !important;
	color: var(--btn-primary) !important;
	border: 1px solid var(--text-disabled) !important;
}

	.formBtnDefault:hover {
		border: 1px solid var(--bg-white) !important;
	}

.formBtnInfo {
	background: var(--btn-info) !important;
	color: var(--text-white) !important;
}

	.formBtnInfo:hover {
		background: var(--btn-info-hover) !important;
	}

.formBtnSuccess {
	background: var(--btn-success) !important;
	color: var(--text-white) !important;
}

	.formBtnSuccess:hover {
		background: var(--btn-success-hover) !important;
	}

.formBtnWarning {
	background: var(--btn-warning) !important;
	color: var(--text-white) !important;
}

	.formBtnWarning:hover {
		background: var(--btn-warning-hover) !important;
	}

.formBtnDanger {
	background: var(--btn-danger) !important;
	color: var(--text-white) !important;
}

	.formBtnDanger:hover {
		background: var(--btn-danger-hover) !important;
	}

@media (max-width: 768px) {
	.formBtn {
		width: 100% !important;
	}
}

.formBtnHelp {
	position: absolute !important;
	top: 6px !important;
	right: 3px !important;
	background: var(--bg-white) !important;
}

.formInput[readonly] + .formBtnHelp,
.formInput:disabled + .formBtnHelp {
	display: none !important;
}

/* ==================== ICONS ==================== */
.material-icons {
	font-size: 1.75rem !important;
}

.material-icons-menu {
	font-size: 2.25rem !important;
}

/* ==================== TABLE ==================== */
.alignLeft div {
	display: flex !important;
	flex-direction: column !important;
	text-align: left !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	font-size: 1.25rem !important;
}

.alignRight {
	text-align: right !important;
	display: flex !important;
	justify-content: flex-end !important;
	font-size: 1.25rem !important;
	/*padding-right: 20px !important;*/
}

	.alignRight div {
		margin-top: 1.25rem !important;
		/*margin-bottom: 1.25rem !important;*/
	}

	.alignRight select {
		border-radius: 6px !important;
	}

.alignCenter {
	text-align: center !important;
	display: flex !important;
	justify-content: center !important;
	font-size: 1.25rem !important;
}

	.alignCenter div {
		margin-top: 1.25rem !important;
		/*margin-bottom: 1.25rem !important;*/
	}

.hideElement {
	display: none !important;
}

.rowFilters {
	padding-top: 10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.row-table-body {
	margin: 0 !important;
	padding: 0 !important;
}

.row-table-heder,
.row-table-footer {
	padding: 0 8px !important;
}

.row-table-body > div > table.table {
	border: none;
}

/*.row-table-footer {
	margin-left: 10px !important;
	margin-right: 10px !important;
}*/
.table-responsive {
	border-radius: 10px !important;
}

.table thead tr {
	font-size: 1.1rem !important;
	background: var(--bg-white) !important;
	color: var(--text-black) !important;
	text-transform: uppercase !important;
	border: 0 !important;
}

	.table thead tr th {
		border-top-width: 0px !important;
		border-left-width: 0px !important;
		border-right-width: 0px !important;
		border-bottom-width: 1px !important;
		border-color: var(--bg-dark) !important;
		text-align: center !important;
		vertical-align: middle !important;
	}

		.table thead tr th::after {
			display: none !important;
		}

		.table thead tr th::before {
			display: none !important;
		}

.table tbody tr {
	font-size: 1.1rem !important;
	background: var(--bg-white) !important;
	color: var(--text-black) !important;
	vertical-align: middle !important;
	border: 0 !important;
}

	.table tbody tr:hover {
		background: var(--lg-light) !important;
		transition: background 0.2s ease !important;
	}

	.table tbody tr td {
		border-top-width: 0px !important;
		border-left-width: 0px !important;
		border-right-width: 0px !important;
		border-bottom-width: 1px !important;
		border-color: var(--bg-filters);
		line-height: 1 !important;
	}

.tableLeft {
	text-align: left !important;
	vertical-align: middle !important;
}

.tableRight {
	text-align: right !important;
	vertical-align: middle !important;
}

.tableCenter {
	text-align: center !important;
	vertical-align: middle !important;
}

.tableEllipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tableBtn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: transparent !important;
	transition: all 0.2s ease !important;
	cursor: pointer !important;
	padding: 5px !important;
	margin: 1px !important;
	border: 0 !important;
}

	.tableBtn:hover {
		background: var(--text-disable) !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	}

.tableBtnPrimary {
	color: var(--btn-primary-hover) !important;
}

	.tableBtnPrimary:hover {
		color: var(--btn-primary) !important;
	}

.tableBtnSecondary {
	color: var(--btn-secondary-hover) !important;
}

	.tableBtnSecondary:hover {
		color: var(--btn-secondary) !important;
	}

.tableBtnBase {
	color: var(--btn-base-hover) !important;
}

	.tableBtnBase:hover {
		color: var(--btn-base) !important;
	}

.tableBtnInfo {
	color: var(--btn-info-hover) !important;
}

	.tableBtnInfo:hover {
		color: var(--btn-info) !important;
	}

.tableBtnSuccess {
	color: var(--btn-success-hover) !important;
}

	.tableBtnSuccess:hover {
		color: var(--btn-success) !important;
	}

.tableBtnWarning {
	color: var(--btn-warning-hover) !important;
}

	.tableBtnWarning:hover {
		color: var(--btn-warning) !important;
	}

.tableBtnDanger {
	color: var(--btn-danger-hover) !important;
}

	.tableBtnDanger:hover {
		color: var(--btn-danger) !important;
	}

.tableBtnHeader {
	border: none !important;
	border-radius: 6px !important;
	padding: 8px 15px !important;
	font-size: 1.5rem !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: Roboto, "Segoe UI", sans-serif !important;
	margin-bottom: 1.25rem !important;
	margin-top: 1.25rem !important;
}

.tableState {
	border-radius: 6px !important;
	padding: 5px 12px !important;
	white-space: nowrap !important;
}

.tableStatePrimary {
	color: var(--btn-primary-hover) !important;
	border: 2px solid var(--btn-primary-hover) !important;
}

.tableStateSecondary {
	color: var(--btn-secondary-hover) !important;
	border: 2px solid var(--btn-secondary-hover) !important;
}

.tableStateBase {
	color: var(--btn-base-hover) !important;
	border: 2px solid var(--btn-base-hover) !important;
}

.tableStateInfo {
	color: var(--btn-info-hover) !important;
	border: 2px solid var(--btn-info-hover) !important;
}

.tableStateSuccess {
	color: var(--btn-success-hover) !important;
	border: 2px solid var(--btn-success-hover) !important;
}

.tableStateWarning {
	color: var(--btn-warning-hover) !important;
	border: 2px solid var(--btn-warning-hover) !important;
}

.tableStateDanger {
	color: var(--btn-danger-hover) !important;
	border: 2px solid var(--btn-danger-hover) !important;
}

/* ==================== NOTIFICATIONS ==================== */
.MessageBoxContainer {
	width: fit-content !important;
	max-width: 100% !important;
	margin: auto !important;
	border-radius: 6px !important;
	background: var(--bg-white) !important;
	color: var(--text-black) !important;
}

.MessageBoxMiddle {
	width: 100% !important;
	padding: 15px !important;
	left: 0% !important;
}

#bot1-Msg1,
#bot2-Msg1 {
	border: none !important;
	border-radius: 6px !important;
	padding: 9px 15px !important;
	font-size: 1.5rem !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	font-weight: 500 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: Roboto, "Segoe UI", sans-serif !important;
}

	#bot1-Msg1:hover,
	#bot2-Msg1:hover {
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	}

#bot2-Msg1 {
	background: var(--btn-success) !important;
	color: var(--text-white) !important;
}

	#bot2-Msg1:hover {
		background: var(--btn-success-hover) !important;
	}

#bot1-Msg1 {
	background: var(--btn-danger) !important;
	color: var(--text-white) !important;
}

	#bot1-Msg1:hover {
		background: var(--btn-danger-hover) !important;
	}

/* ==================== NOTIFICATIONS ==================== */
.modalContent {
	padding: 0 !important;
}

.modal-header {
	padding: 0 0 30px 0 !important;
	border-bottom: none;
}

.modal-body {
	position: relative;
	padding: 0 !important;
}

	.modal-body > form.formMaterial {
		padding: 0 !important;
	}

.dialogContent {
	/*   min-width: 80rem !important;*/
	/*min-width: 1150px !important;*/
	min-height: 50rem !important;
}

@media (max-width: 942px) {
	.dialogContent {
		min-width: 95% !important;
		min-height: 95% !important;
	}
}

.modalForm {
	border-radius: 20px !important;
	padding: 20px !important;
}

/* ==================== TABS ==================== */
ul.nav.nav-tabs li.active > a {
	border-radius: 10px 10px 0 0 !important;
}

#currentEntidad {
	width: 58rem !important;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 942px) {
	.dataTables_filter > label {
		width: 100% !important;
	}

	#currentEntidad {
		width: 100% !important;
	}

	.page-footer {
		display: none !important;
	}
}