:root {
	--color-verde: #5cb800;
	--fuente-principal: 'Poppins', sans-serif;
}

* {
	scrollbar-color: #1f76b3 #124a71 !important;
	scrollbar-width: thin !important;
}

*::-webkit-scrollbar {
	width: 6px !important;
	height: 6px !important;
}

*::-webkit-scrollbar-track {
	background: #124a71 !important;
}

*::-webkit-scrollbar-thumb {
	background: #1f76b3 !important;
	border-radius: 0px !important;
}

*::-webkit-scrollbar-thumb:hover {
	background: #2589cc !important;
}

*::-webkit-scrollbar-button {
	display: none;
}

body, html {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px
}

body {
	font-family: var(--fuente-principal);
	font-size: 12px;
	color: #3176bc;
	background-color: #FFFFFF;
	letter-spacing: 0.5px;
}

table {
	font-size: 12px;
	color: #3176bc;
	letter-spacing: 0.4px;
}

h1 {
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
}

hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3176bc;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.det01 {
	font-size: 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: var(--color-verde);
	padding: 4px 8px;
	color: #FFF;
}

.det02 {
	color: #FFFFFF;
	text-decoration: none;
	background-color: var(--color-verde);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
}

.det03 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 8px;
	background-color: var(--color-verde);
	border-radius: 5px;
}

.det03_hover {
	font-weight: bold;
	font-size: 12px;
	padding: 4px 8px;
	background-color: #3176bc;
	border-radius: 5px 5px 0px 0px;
	color: var(--color-verde);
}

.det04 {
	font-weight: bold;
	color: #FF6600;
}

.det05 {
	font-size: 8px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
}

.det06 {
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: var(--color-verde);
	padding: 4px 8px;
	color: #FFF;
}

.det07 {
	font-weight: bold;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFCC00;
	padding: 4px 8px;
	color: #FFF;
}

.det08 {
	background-color: #f7f7f7 !important;
	color: #999 !important;
}

.det08 td, .det08 a {
	color: #999 !important;
}

.det09 {
	font-size: 12px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #3176bc;
}

.det10 {
	font-weight: bold;
	color: var(--color-verde);
	font-size: 12px;
	padding: 4px 8px;
	background-color: var(--color-verde);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.det11 {
	color: #FFF;
	font-size: 12px;
	padding: 4px 8px;
	background-color: var(--color-verde);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.det12 {
	color: #FFF;
	font-size: 14px;
	padding: 4px 8px;
	background-color: var(--color-verde);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.det013 {
	font-size: 13px;
	border-radius: 5px;
	border: 1px solid var(--color-verde);
	padding: 4px 8px;
}

.det11 a:link {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}

a:link, a:visited, a:active {
	font-size: 12px;
	color: var(--color-verde);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.img01 {
	float: left;
	padding: 4px;
	border: 1px solid #667F3E;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.img02 {
	float: left;
	padding: 4px;
	border: 1px solid #36443B;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.img03 {
	float: right;
	padding: 4px;
	border: 1px solid #667F3E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

.img04 {
	padding: 4px;
	border: 1px solid #667F3E;
	margin: 0px;
}

.info_img {
	position: absolute;
	top: 2px;
	left: 2px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 2px 4px;
}

a.but01 {
	font-weight: bold;
	font-size: 12px;
	color: #DDE661;
	text-decoration: none;
}

a.but01:hover {
	font-weight: bold;
	font-size: 12px;
	color: #DDE661;
	text-decoration: none;
}

a.but01:visited {
	font-weight: bold;
	font-size: 12px;
	color: #DDE661;
	text-decoration: none;
}

a.but01:link {
	font-weight: bold;
	font-size: 12px;
	color: #DDE661;
	text-decoration: none;
}

a.but01:active {
	font-weight: bold;
	font-size: 12px;
	color: #DDE661;
	text-decoration: none;
}

a.but02, a.but02:hover, a.but02:visited, a.but02:link, a.but02:active {
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.but03, a.but03:hover, a.but03:visited, a.but03:link, a.but03:active {
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: underline;
}

a.but04, a.but04:hover, a.but04:visited, a.but04:link, a.but04:active {
	font-size: 12px;
	color: var(--color-verde);
	text-decoration: none;
}

a.but05, a.but05:visited, a.but05:link, a.but05:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: var(--color-verde);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
}

a.but05:hover {
	background-color: var(--color-verde);
}

a.confirmacion, a.confirmacion:visited, a.confirmacion:link, a.confirmacion:active, a.confirmacion:hover {
	text-decoration: none !important;
	text-align: center !important;
	padding: 10px 20px;
}

fieldset {
	border: 2px solid #000066;
	background-color: #FFFFFF;
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
}

legend {
	font-family: var(--fuente-principal);
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid #000066;
	padding: 2px 20px;
	letter-spacing: 0.4px;
}

option {
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
}

.option_ff {
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
}

.form01 {
	font-size: 12px;
	padding: 8px;
	background-color: #FFF;
	color: #1a5da0;
	border: none;
	border-bottom: 1px solid var(--color-verde);
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
	width: 30ch;
	max-width: 100%;
	box-sizing: border-box;
	transition: border-bottom-color 0.3s ease-in-out;
}

.form01:focus {
	outline: none;
	/* Evita el resaltado por defecto del navegador */
	border-bottom: 1px solid #3176bc
}

.form01_correccion {
	width: 100ch;
	/* Ancho base promedio (aprox. 30 caracteres) */
	max-width: 100%;
	/* No excederá el ancho de su contenedor */
	box-sizing: border-box;
	/* El padding y borde se incluyen en el width */
}

.form01_precios {
	width: 50px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 4px;
}

.form01_lib_img {
	width: 12ch;
	max-width: 100%;
	box-sizing: border-box;
}

.form01_resaltado {
	font-weight: bold;
	color: #1a5da0;
	font-size: 14px;
}

.form01_textarea_correccion {
	width: 360px;
	margin-top: 10px;
}

.form01_pax {
	width: 100px;
}

.form02 {
	font-family: var(--fuente-principal);
	font-size: 12px !important;
	color: #1a5da0 !important;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0.4);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 0px #ffffff;
	text-decoration: none;
	position: relative;
	letter-spacing: 0.4px;
	margin-right: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	/* IE6-9 */
}

.form02:hover {
	-moz-box-shadow: 0px 0px 4px rgba(var(--rgb-verde), 1);
	-webkit-box-shadow: 0px 0px 4px rgba(var(--rgb-verde), 1);
	box-shadow: 0px 0px 4px rgba(var(--rgb-verde), 1);
	background: rgb(64, 150, 238);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwOTZlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDdlYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 150, 238, 1)), color-stop(100%, rgba(48, 126, 178, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4096ee', endColorstr='#307eb2', GradientType=0);
	/* IE6-8 */
	color: #FFF !important;
	text-shadow: 1px 1px 0px #000;
}

.form02_activo {
	-moz-box-shadow: 0px 0px 4px rgba(var(--rgb-verde), 1);
	-webkit-box-shadow: 0px 0px 4px rgba(var(--rgb-verde), 1);
	box-shadow: 0px 0px 4px rgba(var(--rgb-verde), 1);
	background: rgb(64, 150, 238);
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwOTZlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDdlYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 150, 238, 1)), color-stop(100%, rgba(48, 126, 178, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(64, 150, 238, 1) 0%, rgba(48, 126, 178, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4096ee', endColorstr='#307eb2', GradientType=0);
	/* IE6-8 */
	color: #FFF !important;
	text-shadow: 1px 1px 0px #000;
}

.form03 {
	font-family: var(--fuente-principal);
	font-size: 11px;
	color: #1a5da0;
	letter-spacing: 0.4px;
}

.form04 {
	font-family: var(--fuente-principal);
	font-size: 10px;
	color: #1a5da0;
	font-weight: bold;
	background-image: url(borrar.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	letter-spacing: 0.4px;
}

.form_ok {
	font-family: var(--fuente-principal);
	font-size: 12px;
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	color: #1a5da0;
	/* [disabled]float: left; */
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
	border: 2px solid #CCC;
	margin-bottom: 5px;
	letter-spacing: 0.4px;
}

.form_alerta {
	font-family: var(--fuente-principal);
	font-size: 12px;
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #F00;
	color: #FFFFFF;
	/* [disabled]float: left; */
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
	border: 2px solid #F30;
	margin-bottom: 5px;
	letter-spacing: 0.4px;
}

.form_cero {
	font-family: var(--fuente-principal);
	font-size: 12px;
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #7C7C7C;
	color: #FFFFFF;
	/* [disabled]float: left; */
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 0px 2px rgba(0, 0, 0, .1);
	border: 2px solid #414141;
	margin-bottom: 5px;
	letter-spacing: 0.4px;
}

.tabla01 {
	padding: 4px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #f3f3f3;
	margin-right: 2px;
	margin-left: 2px;
}

.tabla01:hover {
	background-color: #FFF;
}

.tabla02 {
	padding: 2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #EBEBEB;
	margin-right: 2px;
	margin-left: 2px;
}

.tabla03 {
	padding: 2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #FF9900;
	margin-right: 2px;
	margin-left: 2px;
}

.tabla04 {
	padding: 0px 0px 0px 5px;
}

.hrazul {
	border: none;
	border-top: 1px dotted #FFF;
}

.tablaazul {
	color: #FFF;
	padding: 0px;
	border: 0px;
}

#estado_reserva {
	float: left;
	position: relative;
	margin-top: 5px;
}

#estado_reserva0 {
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	float: left;
	border-radius: 18px;
	background-color: #000000;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	cursor: pointer;
}

#estado_c_reserva0 {
	width: 15px;
	height: 15px;
	border: 2px solid #FFF;
	border-radius: 18px;
	background-color: #000000;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	position: absolute;
	top: 8px;
	z-index: 3;
	cursor: pointer;
}

#estado_reserva1 {
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	float: left;
	border-radius: 18px;
	background-color: var(--color-verde);
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	cursor: pointer;
}

#estado_c_reserva1 {
	width: 15px;
	height: 15px;
	border: 2px solid #FFF;
	border-radius: 18px;
	background-color: var(--color-verde);
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	position: absolute;
	top: 8px;
	z-index: 3;
	cursor: pointer;
}

#estado_reserva2 {
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	float: left;
	border-radius: 18px;
	background-color: #1775B9;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	cursor: pointer;
}

#estado_c_reserva2 {
	width: 15px;
	height: 15px;
	border: 2px solid #FFF;
	border-radius: 18px;
	background-color: #1775B9;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	top: 8px;
	z-index: 3;
	position: absolute;
	cursor: pointer;
}

#estado_reserva3 {
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	float: left;
	border-radius: 18px;
	background-color: #D0D427;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	cursor: pointer;
}

#estado_reserva4 {
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	float: left;
	border-radius: 18px;
	background-color: #26A0D4;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	cursor: pointer;
}

#estado_c_reserva4 {
	width: 15px;
	height: 15px;
	border: 2px solid #FFF;
	border-radius: 18px;
	background-color: #26A0D4;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	top: 8px;
	z-index: 3;
	position: absolute;
	cursor: pointer;
}

#estado_reserva5 {
	width: 20px;
	height: 20px;
	border: 3px solid #FFF;
	float: left;
	border-radius: 18px;
	background-color: #C31D1D;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	cursor: pointer;
}

#estado_c_reserva5 {
	width: 15px;
	height: 15px;
	border: 2px solid #FFF;
	border-radius: 18px;
	background-color: #C31D1D;
	-webkit-box-shadow: 0px 0px 2px #999999;
	box-shadow: 0px 0px 2px #999999;
	top: 8px;
	z-index: 3;
	position: absolute;
	cursor: pointer;
}

.estado_reserva1 {
	background-color: var(--color-verde);
}

.estado_reserva2 {
	background-color: #1775B9;
}

.estado_reserva3 {
	background-color: #D0D427;
}

.estado_reserva4 {
	background-color: #26A0D4;
}

.estado_reserva5 {
	background-color: #C31D1D;
}

.estado_reserva0 {
	background-color: #000000;
}

#estado_reserva1:hover, #estado_reserva2:hover, #estado_reserva3:hover, #estado_reserva4:hover, #estado_reserva5:hover, #estado_reserva0:hover {
	box-shadow: 0px 0px 5px var(--color-verde);
}

.estado_reserva_activo {
	width: 30px !important;
	height: 30px !important;
}

/** ESTILOS CALENDARIO DISPONIBILIAD **/
.marca_reserva {
	position: absolute;
	z-index: 2;
	top: 0px;
}

#dia_reserva {
	color: #FFF;
	position: absolute;
	z-index: 3;
	top: 2px;
	overflow: hidden;
}

#contenedor_mes {
	position: relative;
	float: left;
	clear: both;
	z-index: 1;
	width: 1500px;
}

#habitaciones_dias {
	float: left;
	position: relative;
	clear: both;
	z-index: 1;
}

#habitaciones_nombres {
	position: relative;
	float: left;
	background-color: var(--color-verde);
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 7px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	border-top-style: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left-style: none;
	width: 140px;
	z-index: 1;
}

#dias_del_mes {
	position: relative;
	float: left;
	background-color: var(--color-verde);
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 7px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	border-top-style: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left-style: none;
	width: 35px;
	z-index: 1;
	cursor: pointer;
}

#dias_del_mes_hoy {
	position: relative;
	float: left;
	background-color: #FFBB00;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 7px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	border-top-style: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left-style: none;
	width: 35px;
	z-index: 1;
	cursor: pointer;
}

#dias_mes {
	float: left;
	position: relative;
	background-color: #FFF;
	font-size: 12px;
	color: #000000;
	padding-top: 8px;
	padding-bottom: 7px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	border-top-style: none;
	border-right: 1px solid var(--color-verde);
	border-bottom: 1px solid var(--color-verde);
	border-left-style: none;
	width: 35px;
	z-index: 1;
	background-position: 28px 18px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#dias_mes:hover {
	background-color: var(--color-verde);
	background-image: url(../images/103.png);
}

#dia_mes_bloqueado {
	float: left;
	position: relative;
	background-color: #f1f1f1;
	font-size: 12px;
	color: #000000;
	padding-top: 8px;
	padding-bottom: 7px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
	border-top-style: none;
	border-right: 1px solid var(--color-verde);
	border-bottom: 1px solid var(--color-verde);
	border-left-style: none;
	width: 35px;
	z-index: 1;
	background-position: 28px 18px;
	background-repeat: no-repeat;
}

#dias_del_mes_hoy:hover, #dias_del_mes:hover {
	background-position: 28px 26px;
	background-repeat: no-repeat;
	background-color: rgba(var(--rgb-verde), 1);
	background-image: url(../images/103.png);
}

#mes_dias {
	overflow-x: auto;
	overflow-y: auto;
	float: left;
	position: relative;
	margin-left: 140px;
}

#ancho_mes {
	float: left;
	position: relative;
	width: auto;
}

#lista_habitaciones_flotante {
	float: left;
	position: relative;
	z-index: 9;
}

#lista_habitaciones {
	float: left;
	position: relative;
}

#habitacion_titulo {
	float: left;
	position: relative;
	background-color: var(--color-verde);
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	width: 130px;
	clear: both;
	height: 28px;
	text-align: left;
	border-top-style: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left-style: none;
}

#dias_total {
	float: left;
	position: relative;
	background-color: var(--color-verde);
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	clear: both;
	width: 30px;
	height: 28px;
	text-align: left;
	border: 1px solid #FFFFFF;
}

#dia_titulo {
	float: left;
	position: relative;
	background-color: var(--color-verde);
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	width: 30px;
	height: 28px;
	border-top-style: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left-style: none;
}

.dia_resaltado {
	background-color: var(--color-verde) !important;
}

#dia_ocupado {
	height: 40px;
	position: absolute;
	left: 20px;
}

#dia_contenido {
	position: absolute;
	color: #FFFFFF;
	font-size: 10px;
	top: 2px;
	left: 2px;
}

#dia_bloqueo {
	height: 40px;
	position: absolute;
	width: 20px;
}

#dia_hoy:hover, #dia_titulo:hover {
	background-color: var(--color-verde);
	color: var(--color-verde);
	background-image: url(../images/103.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}

.o1 {
	fill: var(--color-verde);
	background-color: var(--color-verde);
}

.o2 {
	fill: #1755C1;
	background-color: #1755C1;
}

.o3 {
	fill: #B8149E;
	background-color: #B8149E;
}

.o4 {
	fill: #C07D00;
	background-color: #C07D00;
}

.o5 {
	fill: #0796C1;
	background-color: #0796C1;
}

.o6 {
	fill: #A71D1D;
	background-color: #A71D1D;
}

.o7 {
	fill: #6617C8;
	background-color: #6617C8;
}

.o8 {
	fill: #251578;
	background-color: #251578;
}

.o9 {
	fill: #167259;
	background-color: #167259;
}

#pie_logueo {
	width: calc(100% - 10px);
	position: absolute;
	left: 0px;
	bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

#marco01 {
	background-color: #fbfbfb;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 345px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	margin-bottom: 10px;
	position: relative;
}

#marco02 {
	background-color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: calc(100% - 10px);
	float: left;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9;
	-webkit-box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
}

#marco03 {
	border-radius: 5px;
	padding: 5px;
	position: relative;
	float: left;
	margin-top: 100px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: both;
}

#marco04, #resultado_envio {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: both;
}

#marco05 {
	position: fixed;
	z-index: 9999;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	right: 0px;
	top: -1px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 10px rgba(89, 140, 211, 0.2);
}

#marco06 {
	position: relative;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: both;
	border-radius: 5px;
	padding: 5px;
	-webkit-box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
}

#menu_c {
	position: absolute;
	top: 85px;
	left: 106px;
	display: none;
	z-index: 9999999;
	border-radius: 0px 5px 5px 5px;
	padding: 5px;
	background-color: #3176bc;
}

#menu_v {
	position: absolute;
	top: 85px;
	left: 189.5px;
	display: none;
	z-index: 9999999;
	border-radius: 0px 5px 5px 5px;
	padding: 5px;
	background-color: #3176bc;
}

#menu_o {
	position: absolute;
	top: 85px;
	left: 273px;
	display: none;
	z-index: 9999999;
	border-radius: 0px 5px 5px 5px;
	padding: 5px;
	background-color: #3176bc;
}

@-moz-document url-prefix() {}

#título_modulos_general {
	position: relative;
	float: left;
	clear: both;
	border-radius: 5px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	background-color: #3176bc;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
}

.tippy-box[data-theme~='nd_cvo'] {
	background-color: #3176bc;
	color: #FFF;
	font-size: 12px;
}

.tippy-box[data-theme~='nd_cvo'][data-placement^='top']>.tippy-arrow::before {
	border-top-color: #3176bc;
}

#boton_mover_arriba:hover, #boton_mover_abajo:hover, #boton_items:hover, #boton_editar:hover, #boton_eliminar:hover, #boton_precios:hover, #boton_detalles:hover, #boton_imagen:hover, #boton_fechas:hover, #boton_insertar:hover, #boton_descarga:hover, #boton_email:hover #boton_insertar_blanco:hover, #boton_copiar:hover {
	background-position: center top;
}

#boton_mover_arriba {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.8285 14.8284L16.2427 13.4142L12.0001 9.17161L7.75745 13.4142L9.17166 14.8285L12.0001 12L14.8285 14.8284Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 19C1 21.2091 2.79086 23 5 23H19C21.2091 23 23 21.2091 23 19V5C23 2.79086 21.2091 1 19 1H5C2.79086 1 1 2.79086 1 5V19ZM5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_mover_abajo {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.75739 10.5858L9.1716 9.17154L12 12L14.8284 9.17157L16.2426 10.5858L12 14.8284L7.75739 10.5858Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 5C1 2.79086 2.79086 1 5 1H19C21.2091 1 23 2.79086 23 5V19C23 21.2091 21.2091 23 19 23H5C2.79086 23 1 21.2091 1 19V5ZM5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_mover_izquierda {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.8285 14.8284L16.2427 13.4142L12.0001 9.17161L7.75745 13.4142L9.17166 14.8285L12.0001 12L14.8285 14.8284Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 19C1 21.2091 2.79086 23 5 23H19C21.2091 23 23 21.2091 23 19V5C23 2.79086 21.2091 1 19 1H5C2.79086 1 1 2.79086 1 5V19ZM5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21Z" fill="rgb(49, 118, 188)" /></svg>');
	transform: rotate(-90deg);
}

#boton_mover_derecha {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.8285 14.8284L16.2427 13.4142L12.0001 9.17161L7.75745 13.4142L9.17166 14.8285L12.0001 12L14.8285 14.8284Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 19C1 21.2091 2.79086 23 5 23H19C21.2091 23 23 21.2091 23 19V5C23 2.79086 21.2091 1 19 1H5C2.79086 1 1 2.79086 1 5V19ZM5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21Z" fill="rgb(49, 118, 188)" /></svg>');
	transform: rotate(90deg);
}

#boton_items {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H4C3.44771 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44771 20.5523 4 20 4ZM4 2C2.34315 2 1 3.34315 1 5V19C1 20.6569 2.34315 22 4 22H20C21.6569 22 23 20.6569 23 19V5C23 3.34315 21.6569 2 20 2H4ZM6 7H8V9H6V7ZM11 7C10.4477 7 10 7.44772 10 8C10 8.55228 10.4477 9 11 9H17C17.5523 9 18 8.55228 18 8C18 7.44772 17.5523 7 17 7H11ZM8 11H6V13H8V11ZM10 12C10 11.4477 10.4477 11 11 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H11C10.4477 13 10 12.5523 10 12ZM8 15H6V17H8V15ZM10 16C10 15.4477 10.4477 15 11 15H17C17.5523 15 18 15.4477 18 16C18 16.5523 17.5523 17 17 17H11C10.4477 17 10 16.5523 10 16Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_editar {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M14.6,3.9c1.5,1.5,2.9,2.9,4.4,4.4c-2.3,2.3-4.7,4.7-7.1,7.1c-0.2,0.2-0.5,0.3-0.8,0.3c-1.1,0-2.2,0-3.2,0	c-0.3,0-0.7-0.4-0.7-0.7c0-1.1,0-2.2,0-3.3c0-0.3,0.1-0.5,0.3-0.7c2.3-2.3,4.6-4.6,6.9-6.9C14.5,4,14.5,3.9,14.6,3.9z" fill="rgb(49, 118, 188)" /><path class="st0" d="M15.9,2.3c0.5-0.5,1-1,1.5-1.5c0.3-0.3,0.8-0.3,1.1,0c1.1,1.1,2.2,2.2,3.3,3.3c0.2,0.2,0.3,0.8,0,1.1 c-0.5,0.4-0.9,0.9-1.4,1.3c-0.1,0.1-0.2,0.1-0.3,0C18.7,5.1,17.3,3.7,15.9,2.3z" fill="rgb(49, 118, 188)" /><path class="st1" d="M21,9.5V19c0,0.6-0.4,1-1,1H4c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h8.5V2H4C2.3,2,1,3.3,1,5v14c0,1.7,1.3,3,3,3 h16c1.7,0,3-1.3,3-3V9.5H21z" fill="rgb(49, 118, 188)"/></svg>');
}

#boton_eliminar {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.3394 9.32245C16.7434 8.94589 16.7657 8.31312 16.3891 7.90911C16.0126 7.50509 15.3798 7.48283 14.9758 7.85938L12.0497 10.5866L9.32245 7.66048C8.94589 7.25647 8.31312 7.23421 7.90911 7.61076C7.50509 7.98731 7.48283 8.62008 7.85938 9.0241L10.5866 11.9502L7.66048 14.6775C7.25647 15.054 7.23421 15.6868 7.61076 16.0908C7.98731 16.4948 8.62008 16.5171 9.0241 16.1405L11.9502 13.4133L14.6775 16.3394C15.054 16.7434 15.6868 16.7657 16.0908 16.3891C16.4948 16.0126 16.5171 15.3798 16.1405 14.9758L13.4133 12.0497L16.3394 9.32245Z" fill="rgb(255, 0, 0)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_eliminar_ajax {
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16.3394 9.32245C16.7434 8.94589 16.7657 8.31312 16.3891 7.90911C16.0126 7.50509 15.3798 7.48283 14.9758 7.85938L12.0497 10.5866L9.32245 7.66048C8.94589 7.25647 8.31312 7.23421 7.90911 7.61076C7.50509 7.98731 7.48283 8.62008 7.85938 9.0241L10.5866 11.9502L7.66048 14.6775C7.25647 15.054 7.23421 15.6868 7.61076 16.0908C7.98731 16.4948 8.62008 16.5171 9.0241 16.1405L11.9502 13.4133L14.6775 16.3394C15.054 16.7434 15.6868 16.7657 16.0908 16.3891C16.4948 16.0126 16.5171 15.3798 16.1405 14.9758L13.4133 12.0497L16.3394 9.32245Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_eliminar_img {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0px;
	right: 0px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('data:image/svg+xml;utf-8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="m20 1h-16a3 3 0 0 0 -3 3v16a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-16a3 3 0 0 0 -3-3zm-3 14.54a1 1 0 0 1 0 1.46 1 1 0 0 1 -.71.29 1 1 0 0 1 -.7-.29l-3.59-3.59-3.54 3.59a1 1 0 0 1 -.7.29 1 1 0 0 1 -.71-.29 1 1 0 0 1 0-1.41l3.54-3.59-3.54-3.54a1 1 0 0 1 1.41-1.41l3.54 3.54 3.54-3.54a1 1 0 0 1 1.46 1.41l-3.59 3.54z" fill="rgb(36, 90, 142)"/></g></svg>');
}

#boton_precios {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g width="100%" height="100%" transform="matrix(1,0,0,1,0,0)"><path d="M15.364,2.636C13.519,.791,10.96-.158,8.349,.023,3.823,.342,0,4.588,0,9.294v5.04c0,2.532,1.507,3.666,3,3.666h5.703c4.708,0,8.955-3.823,9.274-8.349,.185-2.613-.768-5.17-2.613-7.015ZM7.644,7.76l3.042,.507c1.341,.223,2.315,1.373,2.315,2.733,0,1.654-1.346,3-3,3v1c0,.553-.448,1-1,1s-1-.447-1-1v-1h-.268c-1.068,0-2.063-.574-2.598-1.499-.276-.478-.113-1.089,.365-1.366,.477-.277,1.089-.114,1.366,.365,.178,.308,.511,.5,.867,.5h2.268c.551,0,1-.449,1-1,0-.378-.271-.698-.644-.76l-3.042-.507c-1.341-.223-2.315-1.373-2.315-2.733,0-1.654,1.346-3,3-3v-1c0-.552,.448-1,1-1s1,.448,1,1v1h.268c1.067,0,2.063,.575,2.598,1.5,.276,.478,.113,1.089-.365,1.366-.477,.277-1.09,.113-1.366-.365-.179-.309-.511-.5-.867-.5h-2.268c-.551,0-1,.449-1,1,0,.378,.271,.698,.644,.76Zm16.356,8.24v5c0,1.657-1.343,3-3,3h-5c-2.955,0-5.535-1.615-6.92-4.004l.004-.004c5.564-.202,10.507-4.79,10.888-10.2,.017-.237,.025-.474,.026-.71,2.388,1.386,4.001,3.965,4.001,6.918Z" fill="rgb(49, 118, 188)" fill-opacity="1" data-original-color="" stroke="none" stroke-opacity="1"/></g></svg>');
}

#boton_detalles {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 1H1V9H9V6H11V20H15V23H23V15H15V18H13V6H15V9H23V1H15V4H9V1ZM21 3H17V7H21V3ZM17 17H21V21H17V17Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_imagen {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 7C5.34315 7 4 8.34315 4 10C4 11.6569 5.34315 13 7 13C8.65685 13 10 11.6569 10 10C10 8.34315 8.65685 7 7 7ZM6 10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10C8 10.5523 7.55228 11 7 11C6.44772 11 6 10.5523 6 10Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C1.34315 3 0 4.34315 0 6V18C0 19.6569 1.34315 21 3 21H21C22.6569 21 24 19.6569 24 18V6C24 4.34315 22.6569 3 21 3H3ZM21 5H3C2.44772 5 2 5.44772 2 6V18C2 18.5523 2.44772 19 3 19H7.31374L14.1924 12.1214C15.364 10.9498 17.2635 10.9498 18.435 12.1214L22 15.6863V6C22 5.44772 21.5523 5 21 5ZM21 19H10.1422L15.6066 13.5356C15.9971 13.145 16.6303 13.145 17.0208 13.5356L21.907 18.4217C21.7479 18.7633 21.4016 19 21 19Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_fechas {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13Z" fill="rgb(49, 118, 188)" /><path d="M8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17Z" fill="rgb(49, 118, 188)" /><path d="M11 16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16Z" fill="rgb(49, 118, 188)" /><path d="M16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16C17 16.5523 16.5523 17 16 17Z" fill="rgb(49, 118, 188)" /><path d="M11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z" fill="rgb(49, 118, 188)" /><path d="M16 13C15.4477 13 15 12.5523 15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13Z" fill="rgb(49, 118, 188)" /><path d="M8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9H16C16.5523 9 17 8.55228 17 8C17 7.44772 16.5523 7 16 7H8Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM18 5H6C5.44772 5 5 5.44772 5 6V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V6C19 5.44772 18.5523 5 18 5Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_insertar {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M5 22C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5ZM4 19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_insertar_blanco {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6Z" fill="rgb(255, 255, 255)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M5 22C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5ZM4 19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19Z" fill="rgb(255, 255, 255)" /></svg>');
}

#boton_descarga {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z" fill="rgb(49, 118, 188)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_email {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.00977 5.83789C3.00977 5.28561 3.45748 4.83789 4.00977 4.83789H20C20.5523 4.83789 21 5.28561 21 5.83789V17.1621C21 18.2667 20.1046 19.1621 19 19.1621H5C3.89543 19.1621 3 18.2667 3 17.1621V6.16211C3 6.11449 3.00333 6.06765 3.00977 6.0218V5.83789ZM5 8.06165V17.1621H19V8.06199L14.1215 12.9405C12.9499 14.1121 11.0504 14.1121 9.87885 12.9405L5 8.06165ZM6.57232 6.80554H17.428L12.7073 11.5263C12.3168 11.9168 11.6836 11.9168 11.2931 11.5263L6.57232 6.80554Z" fill="rgb(49, 118, 188)" /></svg>');
}

#boton_copiar {
	position: relative;
	float: left;
	width: 24px;
	height: 30px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 5.3c-.1-.9-.6-1.7-1.3-2.2-.6-.5-1.3-.6-2.1-.6H9.8c-.3 0-.6 0-1 .1-1.4.3-2.5 1.6-2.5 3v.6H6c-.8.1-1.6.3-2.3.8-.7.6-1.2 1.4-1.2 2.4v9.1c0 .7.3 1.3.7 1.8.7.8 1.5 1.2 2.6 1.2h8.5c.3 0 .5 0 .8-.1 1.2-.3 2-1.1 2.4-2.3 0-.2 0-.4.1-.5.1-.1.3 0 .5 0 1 0 1.8-.4 2.5-1.1.6-.6.8-1.4.8-2.3V6.4c.1-.3.1-.7.1-1.1zm-3.3 11.5h-.4v-.3-6.8c0-.7-.2-1.4-.6-2-.5-.7-1.2-1.1-2-1.3-.4-.1-.7-.1-1.1-.1H8.3c-.1-.5 0-1 .4-1.5.3-.3.6-.4 1-.4h8.6c.5 0 1 .2 1.3.7.1.2.2.5.2.8v9.5c-.2.8-.8 1.4-1.6 1.4z" fill="rgb(49, 118, 188)" /></svg>');
}

#listados {
	border-collapse: collapse;
	-webkit-box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	margin-top: 5px;
}

#listados td, #listados th {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
}

#listados tr:nth-child(even) {
	background-color: rgb(248, 248, 248);
}

#listados tr:hover {
	background-color: rgba(0, 174, 255, 0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
}

#listados th {
	text-align: left;
	background-color: var(--color-verde);
	color: rgb(255, 255, 255);
	font-size: 13px;
	font-weight: normal;
}

#listados th:first-child {
	border-radius: 5px 0 0 0;
}

#listados th:last-child {
	border-radius: 0 5px 0 0;
}

#listados tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}

#listados tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}

.anuncios_importantes {
	position: relative;
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #FF6600;
	color: #FFF;
	padding: 5px 10px 5px 30px;
	border-radius: 5px;
	background-image: url(../images/pic24.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: auto 80%;
}

div.ui-datepicker {
	font-family: var(--fuente-principal) !important;
	font-size: 12px;
}

.cargando {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(var(--rgb-verde), 0.8);
	z-index: 999;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/cargando.svg);
	background-size: 100px;
	display: none;
}

.confirmaciones {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.confirmaciones h2 {
	clear: both;
	text-align: right;
	margin-right: 20px;
}

/*NUEVOS ESTILOS PARA n(d).cvo 1.0.1 -------------*/
#formulario {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.marco01_2025 {
	position: relative;
	float: left;
	width: calc(100% - 310px);
	margin-top: 100px;
	margin-left: 10px;
	height: calc(100% - 135px);
}

.marco02_2025 {
	position: relative;
	float: left;
	width: 280px;
	margin-top: 100px;
	height: calc(100% - 120px);
	padding: 0px 10px;
	overflow-y: auto;
}

.marco03_2025 {
	margin-left: 10px;
	margin-top: 100px;
	position: relative;
	float: left;
}

.marco04_2025 {
	position: relative;
	float: left;
	margin-left: 10px;
	width: calc(100% - 50px);
	border: 1px solid rgba(49, 118, 188, 0.0);
	border-radius: 10px;
	padding: 10px;
	margin-top: 105px;
	box-shadow: 0px 0px 10px rgba(89, 140, 211, 0.2);
	clear: both;
}

.marco05_2025 {
	position: relative;
	float: left;
	clear: both;
	margin-left: 10px;
	margin-top: 10px;
	width: calc(100% - 50px);
	border: 1px solid rgba(49, 118, 188, 0.0);
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0px 0px 10px rgba(89, 140, 211, 0.2);
}

.marco06_2025 {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	height: 20px;
}

.marco07_2025 {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	clear: both;
}

.boton01 {
	font-family: var(--fuente-principal);
	font-size: 12px;
	color: #ffffff;
	padding: 10px 20px 10px 40px;
	border-radius: 5px;
	cursor: pointer;
	border: none;
	background-color: #3176bc;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.3s ease, transform 0.2s ease;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g><path d="m22 21h-12a1 1 0 0 0 -1 1v8h14v-8a1 1 0 0 0 -1-1z" fill="rgb(255,255,255)"/><path d="m8.5 8h7a.5.5 0 0 0 .5-.5v-5.5h-8v5.5a.5.5 0 0 0 .5.5z" fill="rgb(255,255,255)"/><path d="m28.87 6.07-4.23-3.4a3 3 0 0 0 -1.89-.67h-4.75v5.5a2.5 2.5 0 0 1 -2.5 2.5h-7a2.5 2.5 0 0 1 -2.5-2.5v-5.5h-1a3 3 0 0 0 -3 3v22a3 3 0 0 0 3 3h2v-8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8h2a3 3 0 0 0 3-3v-18.58a3 3 0 0 0 -1.13-2.35z" fill="rgb(255,255,255)"/></g></svg>');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: auto 60%;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}

.boton01:hover {
	background-color: #245a8e;
}

/* INICIO --- CHECKBOX */
.custom-checkbox {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-family: var(--fuente-principal);
	font-size: 12px;
	user-select: none;
	margin: 8px 0;
	position: relative;
}

.custom-checkbox input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
	/* Preserva la funcionalidad de foco para accesibilidad */
}

.custom-checkbox .checkmark {
	width: 22px;
	height: 22px;
	border: 2px solid var(--color-verde);
	border-radius: 4px;
	margin-right: 0px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* Estilos hover y focus para checkbox normal */
.custom-checkbox:hover .checkmark {
	border-color: var(--color-verde);
	transform: scale(1.03);
}

.custom-checkbox input:focus-visible+.checkmark {
	box-shadow: 0 0 0 3px rgba(var(--rgb-verde), 0.25);
	outline: none;
}

/* Estilos para checkbox marcado */
.custom-checkbox input:checked+.checkmark {
	background-color: var(--color-verde);
	border-color: var(--color-verde);
}

.custom-checkbox .checkmark::after {
	content: '';
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	position: absolute;
	top: 45%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%) rotate(45deg) scale(0);
}

.custom-checkbox input:checked+.checkmark::after {
	opacity: 1;
	transform: translate(-50%, -50%) rotate(45deg) scale(1);
}

/* FIN --- CHECKBOX */
/* INICIO --- SELECTOR IMAGEN */
.custom-file-upload {
	position: relative;
	display: inline-block;
	width: calc(100% - 50px);
	border: none;
}

.custom-file-upload input[type="file"] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 5px;
	cursor: pointer;
	border: none;
}

.custom-file-upload label {
	display: block;
	padding: 10px 10px 10px 40px;
	background-color: #3176bc;
	color: #fff;
	text-align: left;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border: none;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><g><path d="m17 0h-12a5.0018 5.0018 0 0 0 -5 5v12a5.0018 5.0018 0 0 0 5 5h12a5.0018 5.0018 0 0 0 5-5v-12a5.0018 5.0018 0 0 0 -5-5zm-10.93 5a2 2 0 1 1 -2 2 2.0059 2.0059 0 0 1 2-2zm13.93 12a3.0088 3.0088 0 0 1 -3 3h-12a3.0088 3.0088 0 0 1 -3-3v-.24l3.8-3.04a.6684.6684 0 0 1 .73-.05l2.84 1.7a2.6243 2.6243 0 0 0 3.36-.54l3.94-4.61a.6416.6416 0 0 1 .47-.22.6141.6141 0 0 1 .47.19l2.39 2.38z" fill="rgb(255,255,255)"/></g></svg>');
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: auto 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.custom-file-upload label:hover {
	background-color: #245a8e;
}

.custom-file-upload-row {
	width: 100%;
	position: relative;
	float: left;
}

.custom-file-upload-row .custom-file-upload {
	width: 88px;
}

.custom-properties {
	position: relative;
	display: inline-block;
	border: none;
	margin-bottom: 5px;
	cursor: pointer;
}

.custom-properties label {
	display: block;
	padding: 10px 10px 10px 40px;
	background-color: #3176bc;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border: none;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="512" height="512"><path d="M18,12c-3.31,0-6,2.69-6,6s2.69,6,6,6,6-2.69,6-6-2.69-6-6-6Zm1,9c0,.55-.45,1-1,1s-1-.45-1-1v-2c0-.55,.45-1,1-1s1,.45,1,1v2Zm-1-4c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5,1.5,.67,1.5,1.5-.67,1.5-1.5,1.5Zm-6.92,5H5c-2.76,0-5-2.24-5-5V5C0,2.24,2.24,0,5,0h5V5c0,1.65,1.35,3,3,3h5v2c-4.41,0-8,3.59-8,8,0,1.46,.4,2.82,1.08,4Zm.92-17V.15c.46,.15,.88,.39,1.23,.73l3.9,3.94c.33,.33,.56,.73,.7,1.17h-4.83c-.55,0-1-.45-1-1Z" fill="rgb(255,255,255)" /></svg>');
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: auto 60%;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding-left: 40px;
}

.custom-properties label:hover {
	background-color: #245a8e;
}

.form-select {
	width: 100%;
	padding: 10px 10px 10px 40px;
	border-radius: 5px;
	border: none;
	font-size: 12px;
	font-family: var(--fuente-principal);
	background-color: #3176bc;
	color: #fff;
	transition: background-color 0.3s ease;
	margin-bottom: 5px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" ><g><path d="m7.002 1c-3.307 0-6.002 2.693-6.002 6v17.998c0 3.307 2.695 6.002 6.002 6.002h10.002v-30zm11.996 0v13.988h12.002v-7.988c0-3.307-2.692-6-6-6zm0 15.988v14.012h6.002c3.308 0 6-2.695 6-6.002v-8.01z" fill="rgb(255,255,255)"/></g></svg>');
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: auto 60%;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.form-select:hover {
	background-color: #245a8e;
}

.form-select-v {
	width: calc(50% - 50px);
	padding: 5px 10px 5px 40px;
	border: none;
	font-size: 12px;
	font-family: var(--fuente-principal);
	background-color: #FFF;
	color: rgb(49, 118, 188);
	transition: background-color 0.3s ease;
	margin-bottom: 5px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" ><g><path d="m7.002 1c-3.307 0-6.002 2.693-6.002 6v17.998c0 3.307 2.695 6.002 6.002 6.002h10.002v-30zm11.996 0v13.988h12.002v-7.988c0-3.307-2.692-6-6-6zm0 15.988v14.012h6.002c3.308 0 6-2.695 6-6.002v-8.01z" fill="rgb(49, 118, 188)"/></g></svg>');
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: auto 60%;
	border-bottom: 1px solid var(--color-verde);
	position: relative;
	float: left;
	margin-right: 10px;
}

.form-select-v:hover {
	background-color: #FFF;
}

.form-label {
	font-weight: bold;
	margin-bottom: 0.5rem;
	display: none;
}

/* FIN --- SELECTOR IMAGEN */
.fecha_seleccion {
	font-size: 12px;
	padding: 8px;
	border-radius: 5px;
	background-color: #FFF;
	color: #1a5da0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #CCC;
	font-family: var(--fuente-principal);
	transition: all 0.3s ease;
}

.fecha_seleccion:focus {
	-moz-box-shadow: inset 0px 0px 2px rgba(var(--rgb-verde), 0.8);
	-webkit-box-shadow: inset 0px 0px 2px rgba(var(--rgb-verde), 0.8);
	box-shadow: inset 0px 0px 2px rgba(var(--rgb-verde), 0.8);
}

.area_texto01 {
	font-size: 12px;
	padding: 5px;
	border-radius: 5px;
	background-color: #FFF;
	color: #1a5da0;
	border: 1px solid #CCC;
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
	width: calc(100% - 10px);
	margin-bottom: 5px;
	display: none;
}

.area_texto01:focus {
	-moz-box-shadow: inset 0px 0px 4px rgba(var(--rgb-verde), 0.8);
	-webkit-box-shadow: inset 0px 0px 4px rgba(var(--rgb-verde), 0.8);
	box-shadow: inset 0px 0px 4px rgba(var(--rgb-verde), 0.8);
}

.titulo_detalles01 {
	position: relative;
	float: left;
	width: calc(100% - 10px);
	padding: 5px 0px 10px 10px;
	font-size: 12px;
	cursor: pointer;
}

.campo01 {
	font-size: 12px;
	padding: 4px;
	border-radius: 5px;
	background-color: #FFF;
	color: #1a5da0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #CCC;
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
	transition: all 0.3s ease;
	margin-bottom: 5px;
	width: 100%;
}

.campo02 {
	font-size: 12px;
	padding: 4px;
	border-radius: 5px;
	background-color: #FFF;
	color: #1a5da0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #CCC;
	font-family: var(--fuente-principal);
	letter-spacing: 0.4px;
	transition: all 0.3s ease;
	margin-bottom: 5px;
}

.cienpoercento {
	float: left;
	position: relative;
	width: 100%;
	clear: both;
}

#imagen01 {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

.tox .tox-toolbar, .tox .tox-toolbar__group, .tox .tox-button, .tox .tox-collection__item, .tox .tox-mbtn, .tox .tox-statusbar, .tox .tox-dialog, .tox .tox-dialog__body, .tox .tox-dialog__footer, .tox .tox-label, .tox .tox-textfield, .tox .tox-listboxfield, .tox-menu, .tox-collection__group, .tox-collection__item-label, .tox-button-secondary {
	font-family: 'Poppins', sans-serif !important;
	font-size: 12px !important;
}

.tox .tox-toolbar button, .tox .tox-button, .tox .tox-mbtn {
	font-weight: normal !important;
}

.tox .tox-tbtn__select-label {
	font-family: 'Poppins', sans-serif !important;
}

.mensaje_confirmacion_contenedor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mensaje_confirmacion_contenido {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	width: 90%;
	max-width: 450px;
	padding: 25px;
	text-align: center;
	transform: translateY(-20px);
	border-top: 4px solid var(--color-verde);
}

.mensaje_confirmacion_contenido h2 {
	color: #3176bc;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 500;
}

.mensaje_confirmacion_botones {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 20px;
}

.mensaje_confirmacion_botones a {
	display: inline-block;
	padding: 10px 25px;
	border-radius: 5px;
	font-family: var(--fuente-principal);
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}

.mensaje_confirmacion_botones a.btn-si {
	background-color: var(--color-verde);
	color: white;
	border: none;
}

.mensaje_confirmacion_botones a.btn-eliminar {
	background-color: #b80000;
	color: white;
	border: none;
}

.mensaje_confirmacion_botones a.btn-no {
	background-color: #f0f0f0;
	color: #666;
	border: 1px solid #ddd;
}

.mensaje_confirmacion_botones a.btn-si:hover {
	background-color: #4a9900;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(92, 184, 0, 0.2);
}

.mensaje_confirmacion_botones a.btn-eliminar:hover {
	background-color: #860101;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(92, 184, 0, 0.2);
}

.mensaje_confirmacion_botones a.btn-no:hover {
	background-color: #e5e5e5;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* ESTILOS PARA VENTANA MODAL DE DETALLES DE PRODUCTO */
.detalles_ventana_productos {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.detalles_ventana_contenido {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	width: 90%;
	max-width: 800px;
	max-height: 80vh;
	padding: 25px;
	text-align: left;
	border-top: 4px solid #3176bc;
	position: relative;
	display: flex;
	flex-direction: column;
}

.detalles_ventana_contenido h2 {
	color: #3176bc;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.detalles_cuerpo {
	overflow-y: auto;
	flex-grow: 1;
	padding-right: 15px;
	/* Espacio para la barra de scroll */
}

.cerrar_ventana {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 30px;
	font-weight: bold;
	color: #aaa;
	cursor: pointer;
}

/* ESTILO TABS*/
ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	position: relative;
	clear: both;
	width: 100%;
}

ul.tabs li {
	color: rgb(63, 139, 214);
	background-color: #FFF;
	cursor: pointer;
	display: inline-block;
	margin: 0px 5px 0px 0px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 5px 10px;
	font-size: 14px !important;
	transition: all 0.3s ease-in-out;
}

ul.tabs li:hover {
	-webkit-box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	border: 1px solid var(--color-verde);
}

ul.tabs li.current {
	-webkit-box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	box-shadow: 0px 0px 20px rgba(89, 140, 211, 0.2);
	border: 1px solid var(--color-verde);
	background-color: var(--color-verde);
	color: #fff;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9, #tab10 {
	width: calc(100%);
	float: left;
	position: relative;
	clear: both;
}

.tab-content {
	position: relative;
	float: left;
	width: 100%;
	display: none;
}

.tab-content.current {
	display: inherit;
}

.tab-content-group {
	position: relative;
	float: left;
	margin-top: 10px;
	width: calc(100%)
}

.tab-content-correcion {
	height: calc(100%) !important;
}

.tab-content-group-correccion {
	height: calc(100% - 10px) !important;
}

.tabs-reubicacion {
	position: absolute !important;
	top: 0px !important;
	right: 0px !important;
}

/* ---- */
/* --- ESTILOS PARA TABS DE INTRODUCCION/DETALLE --- */
.selector-textarea-tabs {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 99;
}

/* Contenedor para los editores que se superponen */
.textarea-editor-wrapper {
	position: relative;
	/* Es importante darle una altura fija para que el contenedor no colapse */
	height: 400px;
}

/* Oculta y apila todos los editores TinyMCE por defecto */
.textarea-editor-wrapper .tox-tinymce {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Muestra el editor que tenga la clase 'active' */
.textarea-editor-wrapper .tox-tinymce.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

/* --- ESTILOS PARA TABS DE INTRODUCCION/DETALLE --- */
/* Contenedor para los editores que se superponen */
.textarea-editor-wrapper {
	position: relative;
	/* Es importante darle una altura fija para que el contenedor no colapse */
	height: 400px;
}

/* Oculta y apila todos los editores TinyMCE por defecto */
.textarea-editor-wrapper .tox-tinymce {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Muestra el editor que tenga la clase 'active' */
.textarea-editor-wrapper .tox-tinymce.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

.tab-selector {
	display: inline-block;
	padding: 6px 10px;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0);
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	margin-right: 5px;
	color: #5d5d5d;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.tab-selector.current {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	/* Asegura que el borde coincida con el fondo del contenido */
	border-bottom: 1px solid #fff;
	color: #1a5da0;
	position: relative;
	/* Necesario para posicionar el triángulo */
	z-index: 2;
}

/* Triángulo que apunta hacia abajo */
.tab-selector.current::after {
	content: '';
	position: absolute;
	/* Posición relativa al contenedor .tab-selector.current */
	bottom: 0;
	/* Lo posiciona en la parte inferior interna de la pestaña */
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	/* Creación del triángulo */
	border-left: 6px solid transparent;
	/* Mitad del ancho */
	border-right: 6px solid transparent;
	/* Mitad del ancho */
	border-top: 6px solid #1a5da0;
	/* Altura y color del triángulo (color del texto) */
	z-index: 1;
	/* Asegura que esté visible */
}

/* --- ESTILOS PARA TABS DE INTRODUCCION/DETALLE --- */
/* Contenedor para los editores que se superponen */
.textarea-editor-wrapper {
	position: relative;
	height: 100%;
}

/* Apila todos los editores TinyMCE y oculta los que no son el primero */
.textarea-editor-wrapper .tox-tinymce {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	/* Oculto por defecto */
	opacity: 0;
	z-index: 0;
	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Muestra el primer editor por defecto para evitar el problema de carga inicial */
.textarea-editor-wrapper .tox-tinymce:first-of-type {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

/* Muestra el editor que tenga la clase 'active' */
.textarea-editor-wrapper .tox-tinymce.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}

.detalles_ventana_productos_contenedor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 999;
	display: none;
	justify-content: center;
	align-items: center;
}

.detalles_ventana_productos_contenido {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	width: 665px;
	padding: 25px;
	transform: translateY(-20px);
	border-top: 4px solid var(--color-verde);
}

.tinymce_detalles_productos {
	position: relative;
	float: left;
	width: 100%;
	height: calc(100%);
}

.grid-imagenes-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	padding: 0px;
}

.imagen-card {
	padding: 5px;
	width: 200px;
	display: flex;
	flex-direction: column;
}

.imagen-card .title-card {
	background-color: var(--color-verde);
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	margin-bottom: 2px;
	overflow: hidden;
	padding: 2px 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imagen-card-acciones {
	display: flex;
	justify-content: flex-start;
	gap: 5px;
	margin: 5px 0;
	align-items: center;
}

.contenedor_estadisticas {
	position: relative;
	float: left;
	width: 440px;
	height: 100%;
}

.contenedor_grafico {
	position: relative;
	float: left;
	width: calc(100% - 440px);
	height: 300px;
	background: #fff;
}

.contrasena_gen {
	display: inline-block;
	margin-left: 10px;
	padding: 4px 10px;
	background-color: var(--color-verde);
	color: white;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s;
}

.contrasena_gen:hover {
	background-color: var(--color-verde);
}

.contrasena_gen:active {
	background-color: var(--color-verde);
	transform: scale(0.98);
}

/* Estilos para la superposición de carga */
#loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	color: white;
	flex-direction: column;
}

.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.fancybox_blanco .fancybox-bg {
	background-color: rgba(255, 255, 255, 0.7) !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.fancybox_blanco .fancybox-content {
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) !important;
}

.bloque_ventas_detalle01 {
	border: 1px solid var(--color-verde);
	margin-bottom: 10px;
	color: #3176bc;
	border-radius: 5px;
	padding: 10px;
}

.bloque_ventas_detalle01:hover {
	background-color: #f6f6f6;
}

/* El modal de sesión (sesion_monitor.js) reutiliza las clases
   .mensaje_confirmacion_contenedor, .mensaje_confirmacion_contenido,
   .mensaje_confirmacion_botones, .btn-si, .btn-no ya definidas arriba.
   El z-index se fuerza a 99999 vía inline style en el JS. */
/* ─── TinyMCE: botones reducidos ─── */
.tox .tox-tbtn {
	width: 30px !important;
	height: 30px !important;
	padding: 3px !important;
}

.tox .tox-tbtn .tox-icon {
	width: 20px !important;
	height: 20px !important;
}

.tox .tox-tbtn .tox-icon svg {
	transform: scale(0.72);
	transform-origin: center;
}

.tox .tox-tbtn--bespoke,
.tox .tox-tbtn--select {
	width: auto !important;
	padding: 0 6px !important;
}

.tox .tox-toolbar__group {
	padding: 0 2px !important;
}