/*@font-face {
    font-family: 'browallia';
    src: url('fonts/browallia/browa.woff2') format('woff2'),
         url('fonts/browallia/browa.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'browallia';
    src: url('fonts/browallia/browab.woff2') format('woff2'),
         url('fonts/browallia/browab.woff') format('woff');
    font-weight: 700;
    font-style: bold;
}
@font-face {
    font-family: 'browallia';
    src: url('fonts/browallia/browai.woff2') format('woff2'),
         url('fonts/browallia/browai.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}*/

* {
	/*border: 1px solid red;*/
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

::selection {
	background: #3949ab;
	color: #fff;
}

/*input[type=date],
input[type=datetime] {
	font-family: Arial, Helvetica, sans-serif !important;
}*/

/*input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}*/

.spin::-webkit-outer-spin-button,
.spin::-webkit-inner-spin-button {
	-webkit-appearance: inner-spin-button !important;
}

body {
	background-color: #ffffff;
	/*background: linear-gradient(#fff, #ddffdd, #ccc, #ddffdd, #fff);*/
	font-family: 'browallia', Arial, Verdana, Calibri;
	cursor: default;
	color: #231F20;
	/*font-size: 15px;*/
	/*sticky footer*/
	margin: 0 0 9em 0;
	overflow-x: hidden;
	transition: margin-left 0.3s ease-in-out;
}

#content > section {
	margin-top: 50px !important;
}

button {
	border: 0;
}

html {
	/*sticky footer*/
	position: relative;
	min-height: 100%;
}

a {
	color: #14264C;
	text-decoration: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
}

button {
	background-color: transparent;
	cursor: pointer;
}

button:disabled,
button[disabled],
button:disabled:hover,
button[disabled]:hover {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}

h1, .h1 { color: #222; font-size: 2.2em !important; }
h2, .h2 { color: #222; font-size: 2em !important; }
h3, .h3 { color: #222; font-size: 1.8em !important; }
h4, .h4 { color: #222; font-size: 1.2em !important; }
h5, .h5 { color: #222; font-size: 1.1em !important; }
h6, .h6 { color: #222; font-size: 1em !important; }

hr {
	margin: 1em 0;
}

label {
	color: #14264C;
	font-weight: bold;
}

textarea {
	font-family: Arial, Verdana, Calibri;
}

th.nowrap,
td.nowrap {
	white-space: nowrap;
}

.u {
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

ul{
	list-style: none;
}

.bold {
	font-weight: bold;
}

.no-pointer,
.no-pointer span {
	cursor: default;
}

.btn,
select
{
	cursor: pointer;
}

.dropbtn {
	margin: 0;
	padding: 0;
}

.btn-alias {
	cursor: alias;
}

.document-cursor:hover {
	cursor: zoom-in;
}

input[readonly],
input:disabled,
input[disabled],
select:disabled,
select[disabled] {
	cursor: not-allowed !important;
}

input.process_data,
select.process_data,
textarea.process_data
{
    width: 100%;
    padding: 5px;
	height: 100%;
    margin: 0;
	font-size: large;
	text-align: center;
	cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;        
}

input.process_data:hover,
select.process_data:hover,
textarea.process_data:hover {
	background-color: #d3f9ff;
}

input.process_data:focus,
select.process_data:focus,
textarea.process_data:focus {
	background-color: #8beeff;
}

/* CLASSES */

/* - colors - */
.alert-red {
	color:#f00;
}
.alert-yellow {
	color:#fc5;
}
.alert-green {
	color:rgb(0, 145, 0);
}

.form-panel {
	border-radius: 5px;
	box-shadow: 0 2px 4px 3px rgba(60, 64, 67, 0.3), 0 2px 4px 3px rgba(60, 64, 67, 0.15);
}

.unsaved-form {
	box-shadow: 0 0 2px 2px red, 0 0 3px 3px red;
}

.white-panel {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 5px 2px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
}

.form-panel-dark {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 5px 2px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
}

.hide {
	display: none !important;
}

.panel {
	border: 1px solid #14264C;
	border-radius: 5px;
}

.border-radius {
	border-radius: 25% !important;
}

.responsive-table {
	width:100%;
	background-color: #fff;
	padding: 0 1em;
	text-align: center;
}

.responsive-table label {
	border: 1px solid #aaa;
	border-radius: 5px;
	display: inline-block;
	font-size: 1.3em;
	margin: 2px;
	padding: 7px 0;
	text-align: center;
	vertical-align: top;
	width: 10em;
}

.responsive-table label.disponible {
	background-color: #14264C;
	color: #fff;
}

table.top-align td {
	vertical-align: top;
}

.uppercase {
	text-transform: uppercase;
}

.subsection-menu {
	width: 99%;
	margin: 0 auto;
}

.subsection-menu ul {
	
}

.subsection-menu ul li {
	background-color: #14264C;
	float: center;
	display: inline-block;
	min-height: 73px;
	text-align: center;
	height: 73px;
	border: 1px solid #fff;
}

.subsection-menu ul li a {
	color: #fff;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 73px;
}

.subsection-menu ul li a:hover {
	background-color: #0081d6;
}

/*FORMULARIO*/
.formulario-nuevo {
	border: 1px solid #14264C;
	border-radius: 5px;
	box-shadow: 0 2px 5px 2px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
	display: none;
	/*margin: 20px 0;*/
	/*width: 70%;*/
}

.formulario-nuevo h3,
.formulario-nuevo h4 {
	background-color: #14264C;
	color: #fff;
	padding: 10px 30px;
}

.formulario-nuevo label,
.formulario-nuevo input,
.formulario-nuevo textarea,
.formulario-nuevo select {
	vertical-align: top;
}

.formulario-nuevo input,
.formulario-nuevo textarea,
.formulario-nuevo select {
	border-radius: 4px;
	font-size: 1.1em;
	padding: 2px;
}

.form-group {
	padding: 5px 0;
}

.form-group input[type="password"] {
	font-size: 1.1em;
	width: 100%;
}

.form-group label,
.form-group p {
	display: block;
	cursor: pointer;
	color: #14264C;
	font-weight: bold;
}

.form-group label span:nth-child(1),
.form-group p span:nth-child(1) {
	display: inline-block;
	width: 25%;
	text-align: right;
	padding: 0 0.3em 0 0.3em;
	vertical-align: middle;
}

.form-group label span:nth-child(2),
.form-group p span:nth-child(2) {
	display: inline-block;
	width: 74%;
	text-align: left;
	vertical-align: middle;
}

.form-group label input,
.form-group label select,
.form-group label textarea,
.form-group p input,
.form-group p select,
.form-group p textarea {
	display: block;
	width: 100%;
	font-size: large;
	padding: 0.2em 0;
}

.form-group label input[type="radio"],
.form-group label input[type="checkbox"],
.form-group p input[type="radio"],
.form-group p input[type="checkbox"] {
	display: inline-block;
	width: 1em;
	vertical-align: middle;
	padding: 0.2em 0;
}

.form-group .footnote {
	padding: 0 0.5em 0 0.5em;
	font-size: small;
	display: block;
}

.form-group.submit-section input {
	background-color: #14264C;
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 1.1em;
	padding: 10px;
}

.form-group.submit-section input:hover {
	cursor: pointer;
	background-color: #0081d6;
}

.login_btn {
	background-color: #14264C;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	padding: 7px;
	font-weight: bold;
}

.login_btn:hover {
	cursor: pointer;
	background-color: #0081d6;
}


.form-group-screen {
	display: inline-block;
	width: 49.5% !important;
	padding: 0.5em;
	vertical-align: top;
}

.form-group-full-screen {
	display: inline-block;
	width: 100% !important;
	padding: 0.5em;
	vertical-align: top;
}

.required-color {
	color: #ff8000;
}

.form-group .required span:nth-child(1):after {
	content:" *";
	color: #ff8000;
}

/* POSITION */
.full-width {
	width: 100% !important;
}

.half-screen {
	display: inline-block;
	width: 49.5% !important;
}

.third-screen {
	display: inline-block;
	width: 32.8% !important;
}

.third-screen-sm {
	display: inline-block;
	width: 32.8% !important;
}

.two-third-screen {
	display: inline-block;
	width: 65.6% !important;
}

.inline-block {
	display: inline-block !important;
}

.block {
	display: block !important;
}

/* ALIGNMENT */
.center {
	text-align: center !important;
}

.centered {
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.right-align {
	text-align: right !important;
}

.left-align {
	text-align: left !important;
}

.vertical-middle {
	vertical-align: middle !important;
}

.top-align {
	vertical-align: top !important;
}

/* SECTIONS */
#content {
	width: 100%;
	overflow: hidden;
	transition: margin-left 0.3s ease-in-out;
}

#horario {
	padding: 3em;
}

#under_construction {
	color: #cc0000;
	font-size: 2em;
	margin: 1em 0;
}

.inicio-section {
	/*background: url(../images/fondo-pendon.jpg) no-repeat center center fixed; */
	border-radius: 5px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 1em 3em;
	width: 100%;
}

.datos-section {
	padding: 1.5em 3em;
}

.datos-section a:hover {
	color: #0081d6;
}

.datos-section > div {
	padding: 1em 2em;
}

#inicio .inicio-section img {
	width: 15em;
}

.white-shadow {
	color: #eee;
	text-shadow: 3px 2px #111;
}

.small {
	font-size: 0.9em !important;
}

.tiny {
	font-size: 0.8em !important;
}

.spacing {
	padding: 1.5em;
}

.spacing-top {
	padding-top: 1.5em;
}

.spacing-bottom {
	padding-bottom: 1.5em;
}

.little-spacing {
	padding: 0.5em;
}

.half-spacing {
	padding: 0.8em;
}

.isolated {
	margin-top: 1.7em;
	margin-right: 1.7em;
	margin-bottom: 1.7em;
	margin-left: 1.7em;
}

.section-title {
	padding: 0.5em 0;
	color: #14264C;
}

/* INICIO */
#inicio {
	padding: 2em;
}

#inicio .inicio-section {
	background-color: #ffffff99;
	border-radius: 5px;
	border: 1px solid #fff;
	box-shadow: 0 2px 5px 2px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
}

/* CONTACTO */
#contacto {
	padding: 3em;
}

#contacto h1 {
	padding: 1em 0;
}

/* CATALOGO */
#catalogo {
	padding: 0 2em;
}

#catalogo div {
	padding: 0.5em;
}

.producto-catalogo {
	background-color: #14264C;
	border-radius: 7px;
	display: inline-block;
	margin: 0 0.5em;
	box-shadow: 0 2px 5px 2px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
}

.producto-catalogo span,
.producto-catalogo p {
	color: #fff;
}

.producto-catalogo span {
	font-size: 2em;
	font-weight: bold;
}

.producto-catalogo p {
	font-size: 1.5em;
}

.ver-catalogo {
	margin: 2em 0 1em 0;
	text-align: center;
}

.ver-catalogo a {
	background-color: #fff;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1.1em;
	padding: 1em;
	width: 3em;
}

.ver-catalogo a:hover {
	background-color: #14264C;
	color: #fff;
}

/* PRODUCT-MENU */
.product-menu {
	border-radius: 5px;
	display: inline-block;
	margin: 0.5em;
	box-shadow: 0 2px 5px 2px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
	vertical-align: middle;
}

.product-menu:hover {
	background-color: #14264C;
}

.product-menu:hover a {
	color: #fff;
}

.product-menu a {
	font-size: 1.2em;
	font-weight: bold;
	padding: 1em 1.7em;
	display: block;
	min-width: 300px;
}

.product-menu a i {
	font-size: 1.7em;
}

.product-menu a i,
.product-menu a span {
	display: block;
}

/* PRODUCT-TAB */
.product-tab {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top:    2px solid #333;
	border-right:  2px solid #333;
	border-bottom: 0;
	border-left:   2px solid #333;
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
	vertical-align: middle;
}

.product-tab-disabled {
	border-top:    2px solid #aaa;
	border-right:  2px solid #aaa;
	border-left:   2px solid #aaa;
}

.product-tab-disabled a {
	color: #aaa;
}

.product-tab:hover {
	background-color: #14264C;
}

.product-tab:hover a {
	color: #fff;
}

.product-tab a {
	font-size: 1.2em;
	padding: 1em 1.7em;
	display: block;
}

.product-tab a i {
	font-size: 1.7em;
}

.product-tab a i,
.product-tab a span {
	display: block;
}

/* TABLE */
.overflow-x {
	overflow-x: auto;
}

.default-table {
	border-collapse: collapse;
	width: 75%;
}

.default-table th,
.default-table td {
	background-color: #fff;
	padding: 1em;
	font-weight: bold;
}

.default-table td > img {
	vertical-align: middle;
}

.default-table th {
	background-color: #14264C;
	text-transform: uppercase;
	color: #fff;
}

.default-table td {
	background-color: #fff;
	color: #111;
}

.default-table tr:nth-child(even) td {
	background-color: #cfcfdd;
}

.clickableTable tbody tr {
	cursor: pointer;
	border: 1px solid transparent;
}

.clickableTable tbody tr:hover > td {
	background-color: #40e0d033 !important;
}

.alerta-table td {
	border-left: solid 6px #c00;
	background: linear-gradient(0deg, #ddd 0%, #fff 75%);
	padding: 5px 0 5px 0;
}

.informe-table {
	border-collapse: collapse;
}

.informe-table th {
	background-color: #A8A9AD;
	padding: 0.5em;
	font-weight: bold;
}

.informe-table tbody th {
	text-align: left;
}

.informe-table th,
.informe-table td {
	border: 1px solid #000;
	text-align: center;
}

/* ANIMATION */
.ring-container {
    position: relative;
}

.circle {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 60px;
    left: 70px;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 55px;
    left: 65px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/* === MESSAGE === */
#message {
	box-shadow: 0 3px 3px 3px rgba(0,0,0,.6);
	color: #fff;
	font-size: 19px;
	position: fixed;
	top: 50px;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 998;
}

#message div {
	width: 95%;
	margin: 16px auto;
}

#message div .message-span {
	margin: 0 20px;
	text-shadow: 2px 2px 2px rgb(50, 50, 50);
	vertical-align: middle;
}

.success-msg {
	background-color: rgba(0, 136, 0, 0.97);
}

#error-404 {
	margin: 3em;
	padding: 3em;
}

.error-msg,
.warning-msg,
#mud-sample-error {
	background-color: rgba(192, 2, 12, 0.97);
}

.notice-msg {
	background-color: rgb(0, 132, 180, 0.97);
}

.cancelar,
.guardar {
	background-color: #aaa;
	border-radius: 7px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 15px;
}

.cancelar:hover {
	background-color: #cc0000;
}

.guardar:hover {
	background-color: #008800;
}

.closebtn, span {
	vertical-align: top;
}

.closebtn {
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 2px 2px 2px rgb(50, 50, 50);
	transition: 0.3s;
}

.closebtn:hover {
	color: #A8A9AD;
}

.edit {
	color: #14264C;
}

.delete i {
	color: #eee;
}

td.delete:hover i,
i.delete:hover {
	color: #cc0000;
}

th.eliminar,
td.eliminar {
	width: 1em;
}

.registro {
	background-color: #14264C;
	border-radius: 7px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 15px;
	margin: 2px;
}

.registro i {
	color: #fff;
}

.registro:hover {
	background-color: #0081d6;
}

.img-autoridad {
	width: 80px;
	height: auto;
}

.foto_3x4 {
	width: 90px;
	height: calc(90px * 4/3);
}

/* TABLESORTER */
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

.tablesorter-filter-row td {
	padding: 0;
}

.tablesorter-filter-row td input {
	width: 100%;
	background-color: #14264C;
	color: #fff;
	border: 0px !important;
	padding: 5px;
}

.tablesorter-filter-row td input::placeholder {
	color: #ddd;
}

.tablesorter-filter-row td input:hover,
.tablesorter-filter-row td input:focus {
	background-color: #fff;
	color: #14264C;
}

@media screen and (max-width: 1024px) {
	body {
		font-size: 0.9em;
		margin: 0 0 14em 0;
	}

	.two-third-screen {
		width: 100% !important;
	}

	.inicio-section {
		padding: 1em 3em;
	}

	#contacto div {
		padding: 0.5em;
	}

	#contacto div h2 {
		padding: 1em 0;
	}

	#contacto div a {
		display: block;
	}

	#error-404 {
		text-align: center;
	}

	#nav-right {
		display: none !important;
	}

	#nav-left {
		width: 100% !important;
	}

	.inicio-section h1 {
		font-size: 1.7em !important;
	}

	.half-screen,
	.third-screen,
	.form-group-screen,
	.form-group-full-screen {
		display: block !important;
		width: 100% !important;
	}

	.hide-mobile {
		display: none;
	}

	.product-menu {
		display: block;
		margin: 0.5em auto;
		width: 80%;
	}

	.responsive-table {
		padding: 0;
	}

	.right-align {
		text-align: center !important;
	}

	.spacing {
		padding: 1em;
	}

	.little-spacing {
		padding: 0.5em;
	}

	select {
		max-width: 100%;
	}

}

@media print {
	.noprint {
		display: none;
	}

	.half-screen-print {
		width: 49.5% !important;
	}

	table {
		page-break-after:auto
	}

	* {
		font-size: 10px;
	}

	.img-autoridad {
		width: 50px;
	}

	.foto_3x4 {
		width: 40px;
	}
}.background_color {
	color: #ffffff;
}
.text_color {
	color: #231F20;
}
.blue {
	color: #14264C;
}
.light_gray {
	color: #D6D6D8;
}
.darkgray {
	color: #3a3a3a;
}
.gray {
	color: #A8A9AD;
}
.almost_white {
	color: #ccc;
}
.almost_black {
	color: #565656;
}
.white {
	color: #fff;
}
.black {
	color: #111;
}
.indigo {
	color: #3949ab;
}
.purple {
	color: #660066;
}
.orange {
	color: #ff8d1a;
}
.red {
	color: #6B0B0F;
}
.light_blue {
	color: #0081d6;
}
.celeste {
	color: #00dde4;
}
.amarillo {
	color: #dddd00;
}
.rojo {
	color: #cc0000;
}
.verde {
	color: #008800;
}
.bg-background_color {
	background-color: #ffffff !important;
}

thead.bg-background_color tr th {
	background-color: #ffffff !important;
}

thead.bg-background_color .tablesorter-filter-row td input {
	background-color: #ffffff !important;
}
.bg-text_color {
	background-color: #231F20 !important;
}

thead.bg-text_color tr th {
	background-color: #231F20 !important;
}

thead.bg-text_color .tablesorter-filter-row td input {
	background-color: #231F20 !important;
}
.bg-blue {
	background-color: #14264C !important;
}

thead.bg-blue tr th {
	background-color: #14264C !important;
}

thead.bg-blue .tablesorter-filter-row td input {
	background-color: #14264C !important;
}
.bg-light_gray {
	background-color: #D6D6D8 !important;
}

thead.bg-light_gray tr th {
	background-color: #D6D6D8 !important;
}

thead.bg-light_gray .tablesorter-filter-row td input {
	background-color: #D6D6D8 !important;
}
.bg-darkgray {
	background-color: #3a3a3a !important;
}

thead.bg-darkgray tr th {
	background-color: #3a3a3a !important;
}

thead.bg-darkgray .tablesorter-filter-row td input {
	background-color: #3a3a3a !important;
}
.bg-gray {
	background-color: #A8A9AD !important;
}

thead.bg-gray tr th {
	background-color: #A8A9AD !important;
}

thead.bg-gray .tablesorter-filter-row td input {
	background-color: #A8A9AD !important;
}
.bg-almost_white {
	background-color: #ccc !important;
}

thead.bg-almost_white tr th {
	background-color: #ccc !important;
}

thead.bg-almost_white .tablesorter-filter-row td input {
	background-color: #ccc !important;
}
.bg-almost_black {
	background-color: #565656 !important;
}

thead.bg-almost_black tr th {
	background-color: #565656 !important;
}

thead.bg-almost_black .tablesorter-filter-row td input {
	background-color: #565656 !important;
}
.bg-white {
	background-color: #fff !important;
}

thead.bg-white tr th {
	background-color: #fff !important;
}

thead.bg-white .tablesorter-filter-row td input {
	background-color: #fff !important;
}
.bg-black {
	background-color: #111 !important;
}

thead.bg-black tr th {
	background-color: #111 !important;
}

thead.bg-black .tablesorter-filter-row td input {
	background-color: #111 !important;
}
.bg-indigo {
	background-color: #3949ab !important;
}

thead.bg-indigo tr th {
	background-color: #3949ab !important;
}

thead.bg-indigo .tablesorter-filter-row td input {
	background-color: #3949ab !important;
}
.bg-purple {
	background-color: #660066 !important;
}

thead.bg-purple tr th {
	background-color: #660066 !important;
}

thead.bg-purple .tablesorter-filter-row td input {
	background-color: #660066 !important;
}
.bg-orange {
	background-color: #ff8d1a !important;
}

thead.bg-orange tr th {
	background-color: #ff8d1a !important;
}

thead.bg-orange .tablesorter-filter-row td input {
	background-color: #ff8d1a !important;
}
.bg-red {
	background-color: #6B0B0F !important;
}

thead.bg-red tr th {
	background-color: #6B0B0F !important;
}

thead.bg-red .tablesorter-filter-row td input {
	background-color: #6B0B0F !important;
}
.bg-light_blue {
	background-color: #0081d6 !important;
}

thead.bg-light_blue tr th {
	background-color: #0081d6 !important;
}

thead.bg-light_blue .tablesorter-filter-row td input {
	background-color: #0081d6 !important;
}
.bg-celeste {
	background-color: #00dde4 !important;
}

thead.bg-celeste tr th {
	background-color: #00dde4 !important;
}

thead.bg-celeste .tablesorter-filter-row td input {
	background-color: #00dde4 !important;
}
.bg-amarillo {
	background-color: #dddd00 !important;
}

thead.bg-amarillo tr th {
	background-color: #dddd00 !important;
}

thead.bg-amarillo .tablesorter-filter-row td input {
	background-color: #dddd00 !important;
}
.bg-rojo {
	background-color: #cc0000 !important;
}

thead.bg-rojo tr th {
	background-color: #cc0000 !important;
}

thead.bg-rojo .tablesorter-filter-row td input {
	background-color: #cc0000 !important;
}
.bg-verde {
	background-color: #008800 !important;
}

thead.bg-verde tr th {
	background-color: #008800 !important;
}

thead.bg-verde .tablesorter-filter-row td input {
	background-color: #008800 !important;
}
.hover-bg-background_color:hover {
	background-color: #ffffff !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-text_color:hover {
	background-color: #231F20 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-blue:hover {
	background-color: #14264C !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-light_gray:hover {
	background-color: #D6D6D8 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-darkgray:hover {
	background-color: #3a3a3a !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-gray:hover {
	background-color: #A8A9AD !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-almost_white:hover {
	background-color: #ccc !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-almost_black:hover {
	background-color: #565656 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-white:hover {
	background-color: #fff !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-black:hover {
	background-color: #111 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-indigo:hover {
	background-color: #3949ab !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-purple:hover {
	background-color: #660066 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-orange:hover {
	background-color: #ff8d1a !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-red:hover {
	background-color: #6B0B0F !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-light_blue:hover {
	background-color: #0081d6 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-celeste:hover {
	background-color: #00dde4 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-amarillo:hover {
	background-color: #dddd00 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-rojo:hover {
	background-color: #cc0000 !important;
	transition: all 0.3s ease-in-out;
}
.hover-bg-verde:hover {
	background-color: #008800 !important;
	transition: all 0.3s ease-in-out;
}
.hover-background_color:hover {
		color: #ffffff !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-text_color:hover {
		color: #231F20 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-blue:hover {
		color: #14264C !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-light_gray:hover {
		color: #D6D6D8 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-darkgray:hover {
		color: #3a3a3a !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-gray:hover {
		color: #A8A9AD !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-almost_white:hover {
		color: #ccc !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-almost_black:hover {
		color: #565656 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-white:hover {
		color: #fff !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-black:hover {
		color: #111 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-indigo:hover {
		color: #3949ab !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-purple:hover {
		color: #660066 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-orange:hover {
		color: #ff8d1a !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-red:hover {
		color: #6B0B0F !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-light_blue:hover {
		color: #0081d6 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-celeste:hover {
		color: #00dde4 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-amarillo:hover {
		color: #dddd00 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-rojo:hover {
		color: #cc0000 !important;
		transition: all 0.3s ease-in-out;
	}
	.hover-verde:hover {
		color: #008800 !important;
		transition: all 0.3s ease-in-out;
	}
	.nav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #14264C;
	opacity: 0.95;
	overflow-x: hidden;
	transition: all 0.3s ease-in-out;
}

.nav a,
.nav .close-menu,
.nav form {
	color: #ccc;
	display: block;
	font-size: 1.2em;
	padding: 15px 25px;
}

.nav a.menu-item {
	color: #fff;
}

.nav a.menu-item:hover {
	color: #000;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
}

.slide {
	width: 100%;
	position: fixed;
	z-index: 1;
	background-color: #14264C;
}


.slide div {
	vertical-align: middle;
	background-color: #14264C;
}

.slide .open-menu {
	color: #fff;
	cursor: pointer;
	font-size: 1.5em;
}

#menu hr {
	margin: 1em;
}

.nav .close-menu {
	color: #ccc;
	cursor: pointer;
	display: block;
	font-size: 2.3em;
	text-align: center;
	width: 100%;
	transition: 0.3s;
	border: 1px solid transparent;
}

.nav .close-menu:hover {
	border: 1px solid #fff;
	border-radius: 5px;
	background-color: #ffffff11;
	color: #fff;
}

.slide .open-menu {
	padding: 0.2em 1.5em;
}

.slide .open-menu i {
	padding-top: 0.3em;
}

.slide .open-menu img {
	padding: 0;
	margin: 0;
}

.nav form input[type="text"],
.nav form input[type="password"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #111;
	font-size: 0.9em;
	font-weight: bold;
	padding: 12px 0;
	margin: 5px 0 5px 0;
}

.nav form input[type="submit"] {
	background-color: #0081d6;
	border: 1px solid #0081d6;
	border-radius: 5px;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	padding: 15px 0;
	margin: 5px 0 5px 0;
	transition: all 0.3s ease-in-out;
}

.nav form input[type="submit"]:hover {
	background-color: #fff;
	border: 1px solid #fff;
	color: #000;
	cursor: pointer;
}

.login {
	font-size: 0.9em;
	cursor: pointer;
}

.registrarse {
	font-size: 0.9em !important;
	padding: 15px 0 10px 0 !important;
}

.registrarse > span {
	color: #fff;
}

.registrarse:hover {
	color: #0081d6;
}

.registrarse:hover > span {
	text-decoration: underline;
}

.dropbtn {
  background-color: #14264C;
  color: white !important;
  cursor: initial;
  display: block;
  padding: 16px;
  font-size: 16px;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 3.35em;
  background-color: #2f2f2f;
  min-width: 200px;
  z-index: 999;
}

.dropdown-content a {
  color: #fff;
  padding: 15px 10px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background-color: #0081d6;
	color: #ffffff;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown:hover .dropbtn {
	background-color: #14264Cee;
}

#nav-left {
	display: inline-block;
	width: 30%;
}

#nav-right {
	display: inline-block;
	text-align: right;
	width: 69%;
	padding-right: 2.2em;
}

#nav-right > div {
	display: inline-block;
	margin: 0 0.5em;
	text-align: initial;
}

#nav-right > div > a,
#nav-right > div > button {
	color: #fff;
	padding: 1em;
	display: inline-block;
}

#nav-right > div > a:hover,
#nav-right > div > button:hover {
	color: #0081d6;
}

#logo-header {
	width: 7.5em;
}

.logout {
	background-color: #cc0000;
	color: #fff;
	font-weight: bold;
}

@media print {
	.slide {
		display: none;
	}
}/* === FOOTER === */
footer {
	background-color: #3a3a3a;
	/*border-top: 1px solid rgba(0, 100, 0, 0.4);*/
	box-shadow: 0 0 7px 0 #aaa;
	color: #14264C;
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em;
	/*sticky footer*/
	position: absolute;
	left: 0;
	bottom: 0;
	height: 9em;
	width: 100%;
}

footer div {
	vertical-align: middle;
}

#social p,
#social p a {
	margin: 0.3em 0;
	color: #fff;
}

#flag-div p {
	margin: 0.5em 0;
}

.bullet {
	display: inline-block;
	margin: 0 4px;
}

.flag {
	width: 1.6em;
	border-radius: 4px;
}

#footer {
	margin: 0 auto;	
	width: 95%;
}

#logo-footer {
	vertical-align: middle;
	width: 17em;
}

.instagram {
	display: inline-block;
	text-align: center;
	border-radius: 40px;
	color: #fff;
	height: 1.2em;
	width: 1.3em;
	line-height: 1.2em;
	vertical-align: middle;
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}

@media screen and (max-width: 1200px) {

	footer {
		height: 14em;
		padding: 1em 0 !important;
	}

	#footer div {
		text-align: center !important;
		width: 100% !important;
	}

	#logo-footer {
		display: none;
	}

}

@media print {
	footer {
		display: none;
	}
}/* === TABLESORTER === */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom:  1px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom:  1px solid;
}

.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
	background-color: #fff;
	transition: all 0.07s ease-in-out;}

.tablesorter .tablesorter-header.sorter-false {
    background-image: url();
    cursor: default;
}