#contenido {
	max-height: calc(100vh - 115px);
	overflow: auto;
}

.navbar-brand {
	font-family: 'Uncial Antiqua', sans-serif, cursive;
	font-size: 1.5em;
}
.navbar-brand:hover {
	text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
}
.shadow-r-sm {
	box-shadow: 0.25rem 0 0.25rem rgba(0,0,0,0.075) !important
}
.nav-item.dropdown.active {
    border-bottom: 1px solid var(--primary);
    border-radius: 0.35rem;
	margin-bottom: -1px;
}


.zoomed-list > .list-left-bar {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.zoomed-list > .list-left-bar:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

.list-left-bar:before {
	content: '';
	/*background-color: #6f42c1;*/
	background-color: var(--primary);
	width: .3rem;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
}
/*
.list-left-bar:hover::before {
}
*/


footer {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100vw;
	padding: .25rem .5rem;
}

@media (min-width: 768px) {
	.full-height {
		/*height: calc(100vh - 3.5rem);*/
		height: calc(100vh - 56px);
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*to-top*/
#to-top {
	position: fixed;
	display: inline-block;
	bottom: 1rem;
	left: 0.5rem;
	cursor: pointer;
	opacity: 0;
	transition: all 0.5s ease;
}
#to-top.visible {
	opacity: 1;
}
#to-top.bottom {
	bottom: 4.5rem;
}

.bg {
	background: no-repeat center center fixed;
	background-size: cover;
	width: 100vw;
	position: fixed;
	left: 0;
	z-index: -1;
}
.bg-blur {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.text-small {
	font-size: 0.85em !important;
}
/**********************************************************************/
/************************ OVERWRITES BOOTSTRAP ************************/
/**********************************************************************/
.custom-file-label::after {
	content: "Buscar";
}

.btn-multiline {
	white-space: normal;
}

.btn-secondary.btn-outline-secondary {
	background-color: transparent;
}
.btn-secondary.btn-outline-secondary:hover {
	background-color: #868e96;
}


.input-group>.form-control-special:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group>.form-control-special:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group>.form-control-special {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.font-small-caps {
	font-variant: small-caps;
}

.form-group-special {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-bottom: .25rem;
}

.label-special {
	padding: .375rem .75rem;
	font-size: 1rem;
	margin: 0;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
}
.form-control-special {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: none;
	border-bottom: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control-special:focus, .custom-file-input:focus {
	color: #495057;
	background-color: #fff;
	/*border-color: #6f42c1;*/
	border-color: var(--primary);
	outline: 0;
	box-shadow: 0 0 0 0.1rem rgba(50, 181, 165, .5);
}
.form-control-special:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.form-control-special:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.form-control-special::placeholder {
	font-style: italic;
	color: #ccc;
}

.input-append-special {
	padding: .375rem .75rem;
	font-size: 1rem;
	margin: 0;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
}

.card.card-resalto-title {
	background: transparent;
}
.card.card-resalto-title .card-title {
	transition: all .5s ease;
}
.card.card-resalto-title::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	-webkit-box-shadow: inset 0 0 0.5rem rgba(111,66,193,.25);
	-moz-box-shadow: inset 0 0 0.5rem rgba(111,66,193,.25);
	box-shadow: inset 0 0 0.5rem rgba(111,66,193,.25);
}
.card.card-resalto-title:hover::after {
	opacity: 1;
}
.card.card-resalto-title:hover .card-title {
	/*color: #6f42c1;*/
	color: var(--primary);
}
.card-resalto-title {
	flex-basis: calc(100%) !important;
}
@media (min-width: 576px) {
	.card-resalto-title {
		flex-basis: calc(100% / 2) !important;
	}
}
@media (min-width: 1199px) {
	.card-resalto-title {
		flex-basis: calc(100% / 3) !important;
	}
}

.table-vertical-middle td {
	vertical-align: middle;
}


div.dataTables_wrapper div.dataTables_processing {
	font-size: 1.5em;
	/*border-color: #6f42c1;*/
	/*color: #6f42c1;*/
	border-color: var(--primary);
	color: var(--primary);
	width: 300px;
	margin-left: -150px;
	box-shadow: 0px 0px 10px 0px;
}

/***********************************************************************/
/***************************** JSON SYNTAX *****************************/
/***********************************************************************/
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: #007bff; }
.key.mainKey { color: black; }



/***********************************************************************/
/***************************** ANIMACIONES *****************************/
/***********************************************************************/
.start-from-left {
	transform: translate(-100%,0);
	-webkit-transform: translate(-100%,0);
}
.animated {
	transition: all 1s cubic-bezier(0.45, 0.05, 0.19, 1.43);
	-webkit-transition: all 1s cubic-bezier(0.45, 0.05, 0.19, 1.43);
}


@keyframes blink {
	0% {
		opacity: .2;
	}

	20% {
		opacity: 1;
	}

	100% {
		opacity: .2;
	}
}

@-moz-keyframes a { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes a { 100% { -webkit-transform: rotate(360deg); } }
@keyframes a { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


@keyframes flash_border {
	/*0% { border-color: #6f42c1; }
	50% { border-color: #d4d4d4; }
	100% { border-color: #6f42c1; }*/
	0% { border-color: var(--primary); }
	50% { border-color: #d4d4d4; }
	100% { border-color: var(--primary); }
}



.custom-file-input ~ .custom-file-label::after {
	content: "Buscar";
}


.navbar.bg-white.shadow-sm .navbar-nav > li.nav-item:hover {
	font-weight: bold;
}


.text-color-verde-sescam {
	color: #009e86 !important;
}
.background-verde-sescam {
	background-color: #009e86 !important;
}

.text-color-hufa {
	color: #147eaa !important;
}
.background-hufa {
	background-color: #147eaa !important;
}