tbody {
	font-family: serif, sans-serif;
}

header img
{
	height: 60px !important;
	width: auto !important;
}

.header-shadow {
	vertical-align: middle !important;
	text-align: left !important;
	padding-left: 10px !important;
	font-size: 48px;
	line-height: 1;
	text-shadow:
		0 1px 0 #ccc,
		0 2px 0 #c9c9c9,
		0 3px 0 #bbb,
		0 4px 0 #b9b9b9,
		0 5px 0 #aaa,
		0 6px 1px rgba(0,0,0,0.1),
		0 0 5px rgba(0,0,0,0.1),
		0 1px 3px rgba(0,0,0,0.3),
		0 3px 5px rgba(0,0,0,0.2),
		0 5px 10px rgba(0,0,0,0.25),
		0 10px 10px rgba(0,0,0,0.2),
		0 20px 20px rgba(0,0,0,0.15);
}
@media(max-width: 575px) {
	.header-shadow {
		font-size:36px;
	}
	
	div.ui-datepicker{
		font-size: 14px;
	}
}


pre {
	line-height: 1;
	font-size: 12px;
}




.title-page
{
	font-weight: bold;
	font-size: 32px;
	color: #00287C;
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 0px;
	line-height: 1;
}
.subtitle-page
{
	font-weight: bold;
	font-size: 20px;
	color: #001135;
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
	padding-top:10px;
	line-height: 1;
}

.minus
{
	text-transform: lowercase;
}



.datepick {
	display: flex !important;
}
.datepick-input {
	display: flex !important;
	
	flex: 0 0 auto;
  	width: 41.66666667%;
}
.datepick-alternate {
	flex: 0 0 auto;
	width: 58.33333333%;
}
@media(max-width: 575px) {
	.datepick-input {
		flex: 1 1 auto !important;
	}
}


.my-datepick
{
	background-color: #FFFFFF !important;
	cursor: pointer !important;
}

.alternate
{
	border: none !important;
	text-transform: uppercase !important;
	background: none !important;
	box-shadow: none !important;
	
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.money {
	text-align: right;
}

.hand {
	cursor: pointer !important;
}

.form-control:disabled {
	background-color: var(--bs-tertiary-bg);
}

[readonly]:focus:not(.paste-from-clipboard) {
	box-shadow: none !important;
	outline: none !important;
	border-color: var(--bs-border-color);
}

.border-neon {
	border: #bc13fe solid 1px !important;
	box-shadow:
		0 0 0.4rem #fff,
		0 0 0.8rem #bc13fe !important;
}
@media(max-width: 575px) {
	.border-neon {
		box-shadow: none;
	}
}
.border-neon.col-12 {
	border: none !important;
	box-shadow: none !important;
	text-shadow: 0 0 0.4rem #fff,
		0 0 0.8rem #bc13fe !important;
}

.text-neon .form-label {
	text-shadow: 0 0 151px #0fa;
}




.tooltip-inner {
	border: 1px solid white; 
	font-size: 14px;
}

p {
	padding: 0px;
	margin: 0px;
	line-height: 1;
}

.row p {
	font-size: 1rem;
}

.mini-depto {
	color: var(--bs-danger);
	font-size: 10px !important;
}

.form-label {
	padding: 0px;
	margin: 0px !important;
	font-weight: bold !important;
	line-height: 1 !important;
	/*height: auto !important;*/
	font-size: 0.9rem !important;
}

ul, ol {
	margin: 0px;
	line-height: 1;
	font-size: 1rem;
}

.card-text {
	font-size: 16px !important;
	padding: 0px;
	margin: 0px;
}

.dropdown-item {
	cursor: pointer !important;
}

.form-check {
	margin-left: 1rem;
	margin-bottom: 0px;
	line-height: 1;
}

.form-switch > *, .form-check > * {
	cursor: pointer !important;
}

.form-check-input {
	border-color: var(--bs-dark) !important;
}

.form-check-label {
	padding-top: 0.25rem;
}

@media(max-width: 575px) {
	.form-check {
		margin-left: 0rem;
	}
}

.form-text {
	margin: 0;
	font-size: 0.75em;
	font-style: italic;
}










.row {
	padding: 0 0.5rem 1rem 0.5rem;
	margin: 0;
	align-items: flex-end;
	line-height: 1;
}

#tabs {
	margin-right: auto !important;
	margin-left: auto !important;
	border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
#tabs > ul {
	font-size: 1rem !important;
}
#tabs > ul > li > a {
	width: 100% !important;
}
#tabs > div {
	padding: 1.25rem 1rem 1rem 1rem;
}
#tabs > div > .variable-rows {
	margin-top: 1rem;
}
#tabs > div > .variable-rows:first-child {
	margin-top: 0rem;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0.5rem 0.5rem;
}

.card-body {
	padding: 0rem;
}

#accordion > div {
	padding: 0;
}

@media(max-width: 575px) {
	.block-xs {
		width: 100% !important;
	}
	
	.row {
		padding: 0 0 0.5rem 0;
	}
	
	.offcanvas-header, .offcanvas-body {
		padding: 0.375rem;
	}
	
	#tabs > ul > li {
		width: 100% !important;
	}
	#tabs > div {
		padding: 0.25rem 0 0 0;
	}
	
	.card-header {
		padding: 0.5rem;
	}
	
	.list-group .list-group-item {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}




.minw-folio {
	width: 1px;
	min-width: 90px !important;
	white-space: nowrap !important;
	
}
.minw-folio {
	width: 1px;
	min-width: 100px !important;
}
.minw-date {
	width: 1px;
	min-width: 120px !important;
}
.minw-0px {
	width: 0px;
	min-width: 0px !important;
}





.maxw-300px {
	max-width: 300px !important;
}
.maxw-400px {
	max-width: 400px !important;
}
.maxw-500px {
	max-width: 500px !important;
}
.maxw-600px {
	max-width: 600px !important;
}
.maxw-800px {
	max-width: 800px !important;
}
.maxw-1000px {
	max-width: 1000px !important;
}
.maxw-default {
	max-width: 800px;
}
.maxw-login {
	max-width: 350px;
}

.maxh-300px {
	max-height: 300px !important;
}
.maxh-400px {
	max-height: 400px !important;
}
.maxh-500px {
	max-height: 500px !important;
}
.maxh-600px {
	max-height: 600px !important;
}
.maxh-800px {
	max-height: 800px !important;
}
.maxh-1000px {
	max-height: 1000px !important;
}
.mh-default {
	max-height: 800px;
}


.aviso {
	border-bottom: #CCC 2px dashed;
	border-top: #CCC 2px dashed;
	border-radius: 20px;
	border-color: #ffc107;
	padding: 0.75rem;
	text-align: center;
}
.aviso-titulo {
	padding-bottom: 0.75rem;
	font-weight: bold;
	color: #dc3545;
	font-size: 1.275rem;
	
}
.aviso-body {
	font-style: italic;
}

@media(max-width: 575px) {
	.aviso {
		padding: 0 0 0.4rem 0;
	}
}




.asterisco {
	vertical-align: baseline !important;
	color: #FF0000 !important;
	font-size: 16px !important;
	line-height: 0 !important;
}









/*
*
* Componente creado por Juan C.
*
*/
.fullscreen {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	
	position: fixed;
	z-index: 2000;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: rgba(0,0,0,0.5);
	padding: 20px;
}
.fullscreen-window {
	display: flex !important;
	flex-direction: column !important;
	
	border: #000000 solid 3px;
	/*border-width: 3px;*/
	border-radius: 0.375rem;
	
	background: #FFFFFF;
	height: auto;
	min-height: 100px;
	max-height: 100%;
	width: 100%;
	min-width: 100px;
	
	box-shadow: 0px 0px 6px 10px #FFFFFF;
}
.fullscreen-header {
	display: flex !important;
	align-items: center !important;
	
	border-bottom: #000000 solid 3px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	
	background: #CCCCCC;
	padding: 0.5rem 1rem;
}
.fullscreen-icon {
	flex-shrink: 1 !important;
	
	padding-right: 0.5rem;
}
.fullscreen-title {
	flex-grow: 1 !important;
	
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1;
}
.fullscreen-close {
	flex-shrink: 1 !important;
}
.fullscreen-close.fa-solid {
	padding: 0 !important;
	margin: 0 !important;
}
.fullscreen-body {
	border: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


@media(max-width: 575px) {
	.fullscreen {
		padding: 0px;
	}
	.fullscreen-window {
		max-width: 100%;
	}
	.fullscreen-header {
		padding: 0.375rem 0.375rem;
	}
}



/*
*
* Mensajes de error
*
*/
.error-site {
	max-width: 600px;
	margin-top: 30px;
}
.error-site > div {
	text-align:center;
	position:relative;
}
.error-site-header {
	font-size: 4vw;
	font-weight:bold;
}
.error-site-body {

}
.error-site-icon {
	z-index: 1;
	font-size: 25vw;
}
.error-site-footer {
	font-size: 16px;
}
.error-site-msg {
	position: absolute;
	top: 50%;
	width:100%;
	height:auto;
	transform:translate(0,-50%);
	
	z-index:2;
	
	font-size:3vw;
	text-align:center;
	background:#FFF;
	opacity: 0.8;
}
@media(max-width: 575px) {
	.error-site-icon {
		font-size:70vw;
	}
	.error-site-header {
		font-size: 8vw;
	}
	.error-site-msg {
		font-size: 7vw;
	}
}


/*
*
* File Drag & Drop
*
*/
.drag-drop-box {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
}
.drag-drop-area {
	position: relative;
	width: 100%;
	color: #93C;
	border: 1px dashed #93C;
	border-radius: 0.3rem !important;
}
.drag-drop-area:hover {
	border-width: 3px;
	font-weight: bold;
}
.drag-drop-caption {
	padding: 1.5rem 0.25rem;
	text-align: center;
	font-size: 20px;
}
.drag-drop-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}
.drag-drop-preview {
	text-align: center;
	border-radius: 0.3rem !important;
	margin-left: 1rem;
	flex-shrink: 1 !important;
}
.drag-drop-preview .card-header {
	padding: 0.25rem;
	background: #FFF;
	color: #000;
	border-color: inherit;
}
.drag-drop-preview .card-body {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	
	padding: 1rem;
}
.has-error .drag-drop-area {
	border: var(--bs-danger) dashed 1px;
	color: var(--bs-danger);
}
.has-success .drag-drop-area {
	border: var(--bs-success) dashed 1px;
	color: var(--bs-success);
}
.has-error .drag-drop-area:hover, .has-success .drag-drop-area:hover {
	border-width: 3px;
}
@media(max-width: 575px) {
	.drag-drop-box {
		flex-direction: column !important;
	}
	.drag-drop-preview {
		margin-left: 0;
		margin-top: 0.5rem;
	}
}






/*
*
* Node Tree (series)
*
*/
.tree {
	margin-left: 1rem !important;
	font-size: 1rem;
	/*line-height: 1 !important;*/
}

.tree-node {
	display: flex !important;
	flex-direction: row !important;
}

.tree-display {
	width: 1px;
	min-width: 2rem !important;
	text-align: right;
	padding-top: 0.02rem;
	margin-right: 0.4rem;
	
	line-height: 1 !important;
}
.offcanvas-body .tree-display {
	min-width: 1rem !important;
}

.tree-body {
	display: flex !important;
	flex-direction: column !important;
}

.tree-text {
	display: flex !important;
	flex-direction: row !important;
	cursor: pointer;
	
	line-height: 1 !important;
}

.tree-button {
	width: auto !important;
	text-align: center;
	padding-right: 0.2rem;
}

.tree-clave {
	color: var(--bs-danger) !important;
	margin-right: 0.25rem;
	font-weight: bold;
}

.tree-description {
}

.tree-children {
}


.tree-display .fa-solid {
	cursor: pointer;
}

.tree-button input[type='radio'],
.tree-button input[type='checkbox'] {
	margin: 0.08rem 0rem 0rem 0rem !important;
	cursor: pointer;
}


.tree-description:hover {
	font-weight: bold;
	color: #00F;
}




.tree-description.tree-node-selected {
	font-weight: bold;
	color: #F00 !important;
}

@media(max-width: 575px) {
	.tree {
		margin-left: 0rem !important;
	}
	
	.tree-display {
		min-width: 1rem !important;
	}
}









/* Traffic Lights*/
.traffic-light {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;

	
	background: #222222;
	background-image: linear-gradient(transparent 2%,#111111 2%,transparent 3%,#111111 30%);
	width: 160px;
	height: 400px;
	border-radius: 20px;
	position: relative;
	border: #333333 solid 5px;
	
	margin-top: 1rem !important;
	margin-bottom: 120px;
}
@media(max-width: 575px) {
	.traffic-light {
		margin-top: 1rem !important;
	}
}

.traffic-light:before {
	background: #222222;
	background-image: radial-gradient(#444444,#000000);
	content: "";
	width: 170px;
	height: 150px;
	margin: 0 auto;
	position: absolute;
	top: -20px;
	margin-left: 0px;
	border-radius: 50%;
	z-index: -1;
}

.traffic-light:after {
	background: #222222;
	background-image: linear-gradient(-0deg,#777777 10%,#cccccc 30%, #000000);
	content: "";
	width: 50px;
	height: 400px;
	position: absolute;
	top: 100px;
	z-index: -1;
}

.protector {
	background: transparent;
	width: 220px;
	height: 0;
	position: absolute;
	top: 25px;
	left: -35px;
	border-right: transparent solid 30px;
	border-left: transparent solid 30px;
	border-top: #111111 solid 90px;
	border-radius: 10px;
	z-index: -1;
}

.protector:nth-child(2) {
	top: 140px;
}

.protector:nth-child(3) {
	top: 260px;
}

.light {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;

	border-radius: 50%;
	margin: 10px 0px;
	max-width: 100px !important;
	max-height: 100px !important;
	min-width: 100px !important;
	min-height: 100px !important;

	color: white;
	font-size: 1.5rem;
	cursor: pointer;

	opacity: 0.4;
}

.light:hover {
	opacity: 0.6;
}
.light.active {
	opacity: 1;
}

.red {
	background: red;
	background-image: radial-gradient(brown,transparent);
	background-size: 5px 5px;
	border: red dotted 2px;
	box-shadow: 0 0 20px #111 inset,0 0 10px red;
}

.yellow {
	background: yellow;
	background-image: radial-gradient(orange, transparent);
	background-size: 5px 5px;
	border: yellow dotted 2px;
	box-shadow: 0 0 20px #111 inset,0 0 10px yellow;
	color: black;
}

.green {
	background: green;
	background-image: radial-gradient(lime,transparent);
	background-size: 5px 5px;
	border: lime dotted 2px;
	box-shadow: 0 0 20px #111 inset,0 0 10px lime;;
}/*/








/*Loading Ajax*/
.loading-ajax {
	position: fixed;
	z-index: 2000;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.loading-ajax > div {
	display: flex !important;
	flex-direction: row !important;
}

.loading-ajax p {
	text-shadow: -5px 0px 40px #FFFFFF;
}




/* Message Zero */
.msg-zero {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	
	border-style: dotted;
	border-width: 8px;
	border-radius: 20px;
	
	width: 100%;
	min-height: 50px;
	
	margin-top: 100px;
	padding: 3rem;
}

@media(max-width: 575px) {
	.msg-zero {
		padding: 3rem 1rem;
	}
}











/*Correcciones*/
.has-error {
	color: var(--bs-danger) !important;
}

.has-success {
	color: var(--bs-success) !important;
}

.has-error textarea, .has-error input[type='text']:not(.alternate), .has-error input[type='number'], .has-error input[type='password'], .has-error input[type='email'], .has-error input[type='file'] {
	border-color: var(--bs-danger);
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.has-success textarea, .has-success input[type='text']:not(.alternate), .has-success input[type='number'], .has-success input[type='password'], .has-success input[type='email'], .has-success input[type='file'] {
	border-color: var(--bs-success);
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.has-error select {
	border-color: var(--bs-danger);
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.has-success select {
	border-color: var(--bs-success);
	padding-right: 4.125rem;
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.has-error .form-check-input, .has-error .richText {
	border-color: var(--bs-danger);
}

.has-success .form-check-input, .has-success .richText {
	border-color: var(--bs-success);
}








.click-effect {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
}
.click-effect:hover {
	/*-webkit-filter: drop-shadow(5px 5px 1px grey);
	-moz-filter: drop-shadow(5px 5px 1px #000);
	-ms-filter: drop-shadow(5px 5px 1px #000);
	-o-filter: drop-shadow(5px 5px 1px #000);
	filter: drop-shadow(5px 5px 1px #000);*/
	
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	
}
.click-effect:active {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}






.status-datatable {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	
	margin-bottom: 1rem;
}
.status-datatable > div {
	margin: 0 0.25rem;
}
@media(max-width: 575px) {
	.status-datatable > div {
		flex: 2 2 40% !important;
		margin: 0 0 0.25rem 0;
	}
	.status-datatable > div:nth-child(even) {
		margin-left: 0.25rem;
	}
}






.table {
	margin: 0;
	line-height: 1;
	/*border-bottom-color: black;/**/
}
.table > tbody > tr:first-child {
	border-top: #000000 3px solid !important;
}
.table > tbody > tr:last-child {
	border-bottom: #000000 3px solid !important;
}
.table th {
	padding: 2px 4px !important;
	vertical-align: bottom !important;
	font-size: 0.9rem;
}
#registrosEncontrados > thead > tr > th:not(.full-th) {
	padding: 2px 14px 4px 4px !important;
}
#registrosEncontrados > thead > tr > th > span.dt-column-order {
	right: 0px;
}
.table td {
	padding: 2px 4px !important;
	font-size: 	1rem;
}
.table > thead > tr, .table > thead > tr > th {
	border: none !important;
}
.table tr > td:first-child {
	border-left: none !important;
}
.table tr > td:last-child {
	border-right: none !important;
}

.table th input[type='text'] {
	padding: 0px 2px !important;
	margin: 0px !important;
	height: 20px !important;
	font-size: 10px !important;
	width: 100% !important;
	border: #000 1px solid;
}

.table th select {
	padding: 0px !important;
	margin: 0px !important;
	height: 20px !important;
	font-size: 12px !important;
	width: 100% !important;
	border: #000 1px solid;
}
.table-striped-columns > thead > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-color);
  --bs-table-bg-type: var(--bs-table-bg);
}

.dt-layout-row {
	margin: 0 !important;
}
.dt-layout-table {
	margin-top: 0.25rem !important;
}









.btn-transparent {
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	border: none !important;
	overflow: hidden !important;
	outline: none !important;
}











.table tbody .mayusculas, .table tbody .text-uppercase {
	text-transform: uppercase !important;
}

.table tbody .capital, p.capital {
	text-transform: lowercase !important;
}
.table tbody .capital::first-letter, p.capital::first-letter {
	text-transform: uppercase !important;
}
.table tbody td.money {
	text-align: right;
	white-space: nowrap !important;
}











.sangria {
	text-indent: 10px;
}

.ui-menu-item {
	border: #999 thin solid !important;
}
.ui-menu-item .ui-menu-item-wrapper {
	border: none !important;
}








th.details-control {
	width: 1px;
	min-width: 25px !important;
}
tbody td.details-control {
	background: url('/imagen/botones/Details+.png') no-repeat center center;
	cursor: pointer;
}
tbody tr.shown td.details-control {
	background: url('/imagen/botones/Details-.png') no-repeat center center;
}




.details {
	display: flex !important;
	flex-direction: column !important;
	
	padding: 1rem;

	font-size: 1rem;
	line-height: 1;
	
	overflow: hidden;
}

.details-element {
	margin-top: 1rem;
}
.details-row {
	display: flex !important;
}
.details-column {
	display: flex !important;
	flex-direction: column !important;
}
.details-cell {
	margin-left: 3rem;
}
.details-turn {
	display: flex !important;
	
	margin-bottom: 0.5rem;
	box-shadow: 20px 0 10px -20px rgba(0,0,0,0.45) inset;
}



.details-button {
	width: 2rem !important;
	min-width: 2rem !important;
	cursor: pointer;
	text-align: center;
	
	line-height: 1 !important;
}
.details-main {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
}

.details-header {
	display: flex !important;
	flex: 1 1 auto !important;

	font-weight: bold;
	/*font-size: 1rem;*/
	cursor: pointer;
}
.details-body {
	display: flex !important;
	flex-direction: column !important;

	margin-left: 1rem;
}

.details-type {
	width: 11rem !important;
	min-width: 11rem !important;
	color: #000000;
}
.details-status {
	width: 6.25rem !important;
	min-width: 6.25rem !important;
	color: var(--bs-danger);
}
.details-name {
	flex: 1 1 !important;
	
	color: var(--bs-primary);
}


.details-p {
	font-weight: bold;
	font-style: italic;
	font-size: 0.8rem;
	text-decoration: underline;

	margin-bottom: 0.175rem !important;
	white-space: nowrap !important;

	letter-spacing: 3px;
	text-shadow: 0 0 8px rgba(255,255,0,0.6);
}

.details-evento {
	padding: 1rem;
	border-radius: 20px;
}
.details-cancelacion {
	background-color: rgba(var(--bs-danger-rgb),0.1);
}
.details-respuesta {
	background-color: rgba(var(--bs-success-rgb),0.1);
}

.details > .details-element:first-child {
	margin-top: 0;
}
.details-element > .details-turn:last-child {
	margin-bottom: 0;
}

@media(max-width: 575px) {
	.details {
		padding: 0.25rem;
	}
	.details-header {
		flex-direction: column !important;
	}
	.details-body {
		margin-left: 0rem;
	}
	.details-row {
		flex-direction: column !important;
	}
	.details-cell {
		margin-left: 0;
		margin-top: 1rem;
	}
}

















/* ERRORES */
.ui-widget {
	font-size: 1rem !important;
}
.ui-datepicker {
	z-index: 2100 !important;
}

.ui-dialog {
	z-index: 1500 !important ;
}

.ui-tooltip {
	z-index: 9999 !important;
	border: 1px solid white;
	background: black;
	color: white;
}

div.ui-state-active {
	background: #ffff99 !important;
	font-weight: normal !important;
	color: inherit !important;
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 1rem;
}
.uk-container {
	box-sizing: border-box;
	max-width: 99% !important;
	padding: 0 25px;
}

label.error {
    color:#FF0000 !important;
}










.nav-item .nav-link:hover, .nav-item .dropdown-item:hover {
	color: white !important;
	font-weight: bold !important;
}
.nav-item .nav-link.active, .nav-item .dropdown-item.active {
	color: yellow !important;
	font-weight: bold !important;
}


/* ============ submenu ============ */
.dropdown:hover .dropdown-menu:not(.submenu) {
	display: block;
}
.nav-item .dropdown-menu li{
	position: relative;
}
.nav-item .dropdown-menu .submenu{ 
	display: none;
	position: absolute;
	left: 100%;
	top: -9px;
}
.nav-item .dropdown-menu .submenu-left{ 
	right: 100%;
	left: auto;
}
.nav-item .dropdown-menu > li:hover > .submenu{
	display: block;
}
.nav-item .dropdown-item.active {
	background-color: transparent;
}
@media (max-width: 991px) {
	.nav-item .submenu {
		/*padding-left: 2rem;*/
		margin-top: 0rem;
		border: none;
	}
	.nav-item .dropdown-menu .submenu{ 
		display: block;
		position: relative;
		left: 0px;
		top: 0px;
	}
	.nav-item .dropdown-menu {
		display: block;
		padding: 0px;
	}
	.nav-item .dropdown-item  {
		padding-left: 2rem;
	}
	.nav-item .submenu .dropdown-item  {
		padding-left: 4rem;
	}
	.nav-item {
		border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
		border-radius: var(--bs-navbar-toggler-border-radius);
		margin-top: 0.5rem;
		padding: 0.5rem;
	}
	.nav-item > * {
		border: none;
	}
	.nav-link {
		padding: 0 !important;
	}
}	
/* ============ submenu ============ */











/* Confirm */
.jconfirm-holder,
.jc-bs3-row,
.jc-bs3-container,
.jconfirm-buttons,
.jconfirm-title-c {
	padding: 0 !important;
}

.jconfirm-box-container {
	padding: 0 0.25rem !important;
}

.jconfirm-box {
	padding: 1rem !important;
	line-height: 1 !important;
}

.jconfirm-title > h3 {
	margin: 0 !important;
}

.jconfirm-content-pane {
	margin: 1rem 0 !important;
}




.jconfirm-content {
	padding: 0 0 0.25rem 0 !important;
}
.jconfirm-content h5 {
	margin: 1rem 0 0 0 !important;
}

.jconfirm-buttons > button {
	margin: 0 0 0 0.25rem !important;
}

@media(max-width: 575px) {
	.jconfirm-box {
		padding: 0.5rem !important;
	}
	
	.jconfirm-content-pane {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	
	.jconfirm-content h5 {
		margin-top: 0.5rem !important;
	}
}




td.minw-date {
	text-transform: uppercase;
	white-space: nowrap !important;
}
th.minw-0px, td.minw-0px {
	padding: 0px !important;
}