* {border:0;margin: 0;padding: 0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a:link, a:visited, a:active {text-decoration: none;color: #44525f;transition:0.2s all linear}
a:hover {text-decoration: underline;}

body {background: #F0F2F5;color:#44525f}
	.clear {clear:both}
	.flota_derecha{float:right !important}
	.dn {display:none !important}
	.rojo {color:#f14668 !important}
	.verde {color:#48c78e !important}
	.centrada,.centrado {text-align:center !important}

.den{width:100%;height:calc(100vh - 90px);position:relative;overflow:hidden;display: flex;align-items: center;justify-content: center;flex-direction:column;}
	.den1 {text-align:center;font-size:90px;display:block;margin:0;color:#A7353B;position:relative;z-index:0;animation: colors .4s ease-in-out forwards;animation-delay: 1.7s;}
	.den2 {color:#44525f;font-size:18px;margin:0;text-transform:uppercase;text-align:center;animation: colors .4s ease-in-out forwards;animation-delay: 2s;}

@keyframes lock{50%{top:-4%;}100%{top:-6%;}}
@keyframes colors{50%{transform:scale(1.1);}}
@keyframes show{100%{opacity:1;}}

#index{width:320px;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;background:#FFF;padding:40px 40px 20px 40px;box-shadow: 0 3px 5px rgb(0 0 0 / 5%);}
	#index h1 {font-size:24px;text-align:center}
	#index form{padding:0;}
		#index div {margin:0 0 20px 0;width:100%;float:left;position:relative;border-bottom: 2px solid #d9d9d9;}
			#index div:last-child {border:0}
			
			.logno {color:#f14668 !important;font-size:14px;text-align:center;margin-bottom:20px}

	
			#index input[type=text],#index input[type=password] {color: #333333;font-size: 16px;height: 50px;padding: 12px 0px;outline: none;border:0;box-shadow: none;width:100%;}
				.focus-input {position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
					.focus-input:before {background-color: #A7353B;content: "";width: 0;height: 2px;display: block;position: absolute;bottom: -2px;left: 0;transition: all 0.4s;}
					#index input:focus + .focus-input:before {width: 100%;}
	
			#index input[type=submit]{display:block;width:100%;border:0;float:left;text-align:center;margin:10px 0 0 0;height:40px;font-weight:bold;font-size:14px;color:#FFF;text-transform:uppercase;background:#A7353B}
	
	::placeholder { color: rgba(0,0,0,0.40);opacity: 1;}
	:-ms-input-placeholder { color: rgba(0,0,0,0.60);}
	::-ms-input-placeholder { color: rgba(0,0,0,0.60);}
	
	
	#index em.error{border-top:2px solid #f14668;width:100%;height:2px;position:absolute;bottom:-2px;right:0;overflow:hidden;text-indent:-999em;left:0}
	#main em.error{border-top:2px solid #f14668;width:auto;height:2px;position:absolute;bottom:0px;overflow:hidden;text-indent:-999em;left:20px;right:20px}
	
	div.ok,div.alerta,div.info,div.error{font-size:16px;color:#909092;text-align:left;padding:30px 20px 30px 60px;position:relative;margin:0 20px 40px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border-radius:4px}
		div.ok:before {position:absolute;top:50%;left:20px;transform:translate(0,-50%);content:"\f058";font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size:25px;color:#48c78e}
		div.ok:after {position:absolute;width:5px;height:100%;top:0;left:0;content:" ";background:#48c78e}
		
		div.error:before {position:absolute;top:50%;left:20px;transform:translate(0,-50%);content:"\f057";font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size:25px;color:rgb(241, 70, 104);}
		div.error:after {position:absolute;width:5px;height:100%;top:0;left:0;content:" ";background:rgb(241, 70, 104);}
		
		div.alerta:before {position:absolute;top:50%;left:20px;transform:translate(0,-50%);content:"\f06a";font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size:25px;color:rgb(255, 224, 138);}
		div.alerta:after {position:absolute;width:5px;height:100%;top:0;left:0;content:" ";background:rgb(255, 224, 138);}
		
		div.info:before {position:absolute;top:50%;left:20px;transform:translate(0,-50%);content:"\f05a";font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size:25px;color:rgb(62, 142, 208);}
		div.info:after {position:absolute;width:5px;height:100%;top:0;left:0;content:" ";background:rgb(62, 142, 208);}
		
	div.info2{font-weight:bold;color:#666 !important;background:#f2f2f2;text-align:left;padding:10px !important;height:auto !important;position:relative;border:solid #FFF;border-width:0 40px;margin:0 !important}
	
	.ui-button-text span {cursor:pointer}

#contenedor{width:100%;}

	#top {right:0;height:60px;position:fixed;top:0;left:240px;margin:0;z-index:102;background:#F0F2F5;transition:0.2s all linear;}
		#top #logo{display:block;float:left;margin:10px 0 0 10px;}
			#logo img {height:40px;width:auto;display:block}
		
		#top #user{display:inline;float:right;margin:10px 10px 0 0;}
			#user a:link,#user a:visited,#user a:active {margin-left:5px;color: #44525f;display:block;width:40px;background:#FFF;float:left;text-align:center}
			#user a.togglemenu {display:none}
			#user a:hover {background:rgba(255,255,255,0.50);text-decoration:none}
			#user i {color: #A7353B !important;line-height:40px;text-align:center}

	#menu {position:fixed;left:0;top:0;width:240px;z-index:103;background:#0C2B4A;bottom:0;overflow-y:auto;padding-top:60px;transition:0.2s all linear;padding-bottom:20px;overflow-x:hidden}
		
		.tu {position:absolute;top:30px;left:60px;transform:translate(0,-50%);font-size:12px;color:#FFF;display:flex;gap:10px;align-items:center;}
			.tu i {font-size:15px}
			.tu img {width:30px;height:30px;border-radius:50%;}
		
		#menu ul{margin:0;list-style:none;border-bottom:1px solid rgba(255,255,255,0.10);}
			#menu ul li{list-style:none;text-align:left;margin:0;border-top:1px solid rgba(255,255,255,0.10);}
				#menu ul ul{display:none;}
					#menu ul ul {padding-left:34px;}
					#menu ul ul {border:0 !important}
				
				#menu ul li a:link,#menu ul li a:active,#menu ul li a:visited,#menu ul li a:hover{display:block;font-size:12px;color:#FFF;padding:8px 10px 8px 34px;text-decoration:none;clear:both;position:relative;line-height:1}
				#menu ul li a:hover{background:rgba(255,255,255,0.50)}
				
				#menu li i {color:rgba(255,255,255,0.50) !important;position:absolute;left:10px;top:8px;text-align:left;font-size:12px;transition:0.2s all linear}
					#menu ul li ul li a:link,#menu ul li ul li a:active,#menu ul li ul li a:visited,#menu ul li ul li a:hover{padding:8px 10px 8px 24px;}
					#menu li ul li i {left:0;}
					
					#menu ul li ul li:hover a {padding:8px 10px 8px 34px !important}
					#menu ul li ul li:hover i {left:10px}
		
		.retogglemenu {color: #44525f;display:block;width:40px;text-align:center;background:rgba(255,255,255,0.50);position:absolute;top:10px;left:10px}
			.retogglemenu i {color: #44525f !important;line-height:40px;text-align:center}
		
	#main{position:fixed;top:60px;left:240px;right:0;bottom:0;z-index:101;padding:0 0 30px 0;background:#FFF;overflow:auto;transition:0.2s all linear}
			
		#main h1{font-size:30px;margin:0 0 30px 0;font-weight:normal;border-bottom:2px solid #F0F2F5;text-align:center;width:100%;padding:30px 20px}
		#main h2{font-size:23px;margin:0 20px 30px 20px;font-weight:normal;line-height:120%;}
			#main h2:nth-child(1n+2) {margin-top:30px;}
		
		#main p.enlaces{clear:both;display:flex;justify-content:center;margin:0 0 20px 0}
			#main p.enlaces i{margin:0 10px 0 0;}
			
			#main p.enlaces a:link,#main p.enlaces a:active,#main p.enlaces a:visited{display:block;flex:0 0 auto;background:#F0F2F5;color:#44525f;margin:0 5px;padding:0 15px;line-height:30px;text-decoration:none !important;font-size:12px;}
			#main p.enlaces a:hover{background:#44525f;color:#F0F2F5;}
			
			#main table {margin:0 0 20px 0;width:100%;border:20px solid #FFF;transition:0.2s all linear;border-collapse:collapse}
				#main table th {background:#F0F2F5;padding:10px;font-size:13px;text-align:left}
				#main table td {padding:10px;font-size:13px;text-align:left;position:relative}
					#main td a.togglehijos {position:absolute;right:10px;top:50%;font-size:18px;transform:translate(0,-50%);}
						#main td a.togglehijos i {color:#A7353B !important}
				
				#main tr {border-bottom:2px solid #F0F2F5;}	
					.fijo {width:85px;white-space:pre;}
					.fijosecciones {width:100px;white-space:pre;display:inline-flex}
					
					div.tfoto {flex:0 0 100px;height:100px;margin-right:20px;position:relative}
						.fotobg {top:0;left:0;bottom:0;right:0;z-index:102;background-size:cover !important;background-position:50% 50%;background-repeat:no-repeat;position:absolute}
						.tfoto a:link,.tfoto a:active,.tfoto a:visited {font-size:11px;padding:5px 0;background-color:#44525f;color:#fff;position:absolute;bottom:0;left:0;width:100%;z-index:103;text-align:center;opacity:0.5}
						.tfoto a:hover {text-decoration:none;background:#A7353B;opacity:1}
					
					div.tauto {font-size:13px;flex:1 1 auto}
						div.tauto strong {font-size:16px}
					
					.conorden {position:relative;padding-left:80px}
						.conorden input {position:absolute;transform:translate(-80px,-50%);top:50%}
						
						.inputorden {width:100% !important;margin:0 !important;padding:3px !important;text-align:center !important}
					
					.flexboton {flex:0 0 auto;display:flex;}
						.flexboton div {flex:0 0 auto;margin-left:5px}
						
					div.visible {position:absolute;top:50%;left:-25px;transform:translate(0,-50%);}
						.visible a:link,.visible a:active,.visible a:visited {display:block;width:50px;line-height:50px;text-align:center;border:1px solid #F0F2F5;border-radius:100%;background:#FFF;font-size:20px}
			
					#main a.boton{display:block;text-align:center;font-size:9px;border:1px solid #eee;margin:0;padding:25px 5px 5px 5px;background:#FFF;position:relative;border-radius:4px;text-transform:uppercase;white-space:pre;text-decoration:none}
						#main a.boton:before {position:absolute;top:6px;width:100%;left:0;font-size:15px;font-family:"Font Awesome 6 Pro";font-weight:400;color:#A7353B}
					#main a.boton:hover{text-decoration:none;box-shadow:0 0 4px #ccc;background:#44525f;color:#FFF}
						#main a.boton:hover:before {color:#FFF !important}
						
							.ojono:before {content:"\f070";color:#f14668 !important}
							.ojosi:before {content:"\f06e";color:#48c78e !important}
							
							.clonar:before{content:"\f24d";}
							.cambiar:before{content:"\f074";}
							.cambiarOK:before{content:"\f164";}
							.cambiarKO:before{content:"\f165";}
							.unir:before{content:"\e49f";}
							.nover:before{content:"\f070";}
							.descargar:before{content:"\f019";}
							.motivo:before{content:"\f771";}
							.ver:before{content:"\f06e";}
							.clave:before{content:"\f023";}
							.stat:before{content:"\e473";}
							.guardar:before{content:"\f019";}
							.link:before{content:"\f0c1";}
							.elem:before{content:"\f03a";}
							.blog:before{content:"\f09e";}
							.editar:before{content:"\f044";}
							.eliminar:before{content:"\f2ed";}
							.eliminarpdf:before{content:"\f65d";}
							.eliminarfoto:before{content:"\f05e";}
							.circle:before{content:"\f058";}
							.circleo:before{content:"\f05d";color:#ccc !important}
							.star:before{content:"\f005";}
							.staro:before{content:"\f006";color:#ccc !important}
							
							.rot1:before{content:"\f0e2";}
							.rot2:before{content:"\f0e2";transform: scaleX(-1);}
							
							.previo:before{content:"\f1e5";}
							.seo:before{content:"\f002";}
							.secciones:before{content:"\f0f6";}
							.orden:before{content:"\f162";}
							.cut:before{content:"\f0c4";}
							.move:before{content:"\f0b2";}
							.slide:before{content:"\f03e";}
							.home:before{content:"\f015";}
							.pie:before{content:"\f2d1";}
							.principal:before{content:"\f005";font-weight:900 !important}
							.principalno:before{content:"\f005";font-weight:500 !important}
							.enpdf:before{content:"\f1c1";font-weight:500 !important}
							.endoc:before{content:"\f1c2";font-weight:500 !important}
			
			#main form {margin:0 0 20px 0;padding:20px 0}
				.hidden {display:none}
				.nom {margin:0 !important}
					.nom p{margin:0 0 5px 0 !important;}
				
				#main form fieldset {display:flex;flex-wrap:wrap;margin-bottom:50px}
					#main form p{margin:0 0 20px 0;flex:0 0 50%;position:relative;padding:0 20px;font-size:13px}
					#main form p.texto{flex:0 0 100% !important}
					#main form p.tercio{flex:0 0 33.3% !important}
						#main form p.wdg{font-size:16px !important;color:#909092 !important;text-align:left !important;padding:30px 20px 30px 60px !important;position:relative !important;margin:0 20px 40px !important;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;border-radius:4px !important;flex:0 0 calc(100% - 40px) !important;}
							#main form p.wdg:before {position:absolute;top:50%;left:20px;transform:translate(0,-50%);content:"\f05a";font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size:25px;color:rgb(62, 142, 208);}
							#main form p.wdg:after {position:absolute;width:5px;height:100%;top:0;left:0;content:" ";background:rgb(62, 142, 208);}
							#main form p.wdg i {margin-left:3px;margin-right:15px;font-size:10px;}
					
						.mini1 {flex:0 0 25% !important}
						.mini2 {flex:0 0 75% !important}
							.mini2 textarea {resize:none;height:80px !important}
				
				#main form label {font-weight:bold;display:block;font-size:13px;margin-bottom:7px}
				#main input[type=number], #main input[type=password] ,#main input[type=date] ,#main input[type=color] ,#main input[type=text] ,#main input[type=file] ,#main select,#main textarea{width:100%;padding:9px;margin:0;height:40px;text-align:left;width:100%;font-size:13px;border:0;background:#F0F2F5;border-radius:0 0 3px 3px;transition: 0.3s all linear;}
				#main textarea{height:200px}
				#main input[type="checkbox"]{width:20px !important;margin:0 5px 0 0 !important;vertical-align:middle;padding:0 !important}
				#main blockquote{width:213px;float:left;padding:5px !important;font-size:12px;border:1px solid #E2E6EB inset;margin:10px 5px 0 0 !important}
				
				#main input:focus,#main textarea:focus,#main select:focus {border-color:#CCC !important;box-shadow:0 0 10px rgba(0,0,0,0.25)}
				.readonly {opacity:0.5;cursor:not-allowed}
				
				.buscar {padding:0 !important;margin:0 0 30px 0 !important;display:flex;align-items:flex-end}
					.buscar p label {display:block;width:100%;font-weight:normal !important}
					.buscar p {flex:0 0 auto !important;width:auto !important;}
				
				.plus,.minus{width:20px !important}

				.cancelar,.cancelar:hover{padding:0 20px;display:inline-block;text-align:center !important;background:#F0F2F5;margin:20px auto;height:30px;font-size:12px;cursor:pointer;line-height:30px;text-decoration:none}
				
				#main input[type=submit] {margin:0 auto;display:block;text-align:center;background-color:#44525f;color:#fff;overflow:hidden;font-size:18px;padding:8px 25px;transition:0.2s all linear;text-transform:uppercase;cursor:pointer}
				#main input[type=submit]:hover {background:#A7353B;}
				
				.perfil {position:absolute;top:0;left:0;right:0;bottom:0;margin:0 !important;padding:0 !important}
					.perfil label {position:absolute;top:0;left:0;right:0;bottom:0;margin:0 !important;padding:0 !important;background:#FFF;cursor:pointer}
						.perfil label span {position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);padding:10px 20px;white-space:pre}
							.perfil input[type=submit] {height:40px;padding:0 !important;width:100% !important}
							
				.gridimagenes {display:grid;grid-gap:40px;grid-template-columns:repeat(6,1fr);text-align:center;padding:0 20px}
					.gridimagenes img {display:block;margin:0 auto 15px;width:100%;border:1px solid #DDD;}
					
				.autoflex {margin:0 20px 20px 20px;display:flex;gap:10px;flex-wrap:wrap;}
					.autoflex label {cursor:pointer;transition:0.2s all linear;flex:0 0 auto;position:relative;border:1px solid #F0F2F5;font-size:13px;padding:8px 8px 8px 32px;font-weight:normal !important;line-height:100%;margin-bottom:0 !important;}
					.autoflex label:hover {background:#F0F2F5;}
						.autoflex label input[type=checkbox] {position:absolute;top:8px;left:8px;}
			
		.tabs {display:flex;list-style:none;margin:0 0 20px 0 !important;padding:0 20px !important;flex-wrap:wrap}
			.tabs li {flex:0 0 auto;border:0;border-radius:4px 4px 0 0;cursor:pointer;padding:10px 20px !important;background:#F0F2F5;margin:0 2px 0 0 !important;clear:none !important;font-size:14px !important}
				.activa {background:#44525f !important;color:#FFF !important;transition:0.2s all linear}
					.tabs i {margin:0 5px 0 0}
		
		.elestado {padding:4px 12px;font-size:15px}
		
		/* DASH */
		.griddash {display:grid;grid-template-columns:auto 320px;grid-gap:20px;padding:20px}
			.griddash > div {overflow:hidden;}
		
			.griddash h2 {line-height:40px !important;position:relative;padding:0 0 0 50px !important;margin:0 0 10px 0 !important;font-size:20px !important;background:#F0F2F5;border-width:1px 0 !important}
				.griddash h2 i {position:absolute;top:0;left:0;width:40px;height:40px;text-align:center;line-height:40px;color:#F0F2F5;font-size:16px;background:#A7353B}
			.griddash p.dashinfo {clear:both;padding:0 0 0 50px !important;margin:0 0 20px 0 !important;font-size:12px !important;border:0 !important;}
			
			.dashdata {display:grid;column-gap:30px;padding-left:50px;}
				.dashdatax1 {grid-template-columns:100%;margin-bottom:40px;width:100%}
				.dashdatax2 {grid-template-columns:repeat(2,1fr);max-height:300px;overflow:auto;margin-bottom:40px}
					.dashdatastar1 {display:grid;grid-template-columns:auto 120px;font-size:12px;border-bottom:1px solid #F0F2F5;padding:5px 0}
					.dashdatastar2 {display:grid;grid-template-columns:auto 150px;font-size:12px;border-bottom:1px solid #F0F2F5;padding:5px 0}
					.dashdatastar3 {display:grid;grid-template-columns:auto 100px 100px;font-size:12px;border-bottom:1px solid #F0F2F5;padding:5px 0}
						.dashdatastar3 span,.dashdatastar2 span,.dashdatastar1 span {text-align:right}
						
						.chartrwd {width:100%;overflow-x:auto;margin-bottom:30px;overflow-y:hidden;padding-left:40px}
						
		.griduser {display:grid;grid-template-columns:repeat(5,1fr);clear:both;padding:0 20px;column-gap:30px;}
			.griduser div {border:1px solid #F0F2F5;padding:10px;border-radius:4px}
				.griduser div span {display:block;font-size:28px;}
			
		/* SEO */
		.flex {display:flex;justify-content:space-between;padding:0 20px 20px 20px;margin-bottom:50px;flex-wrap:wrap}
			.snippet {width:100%;}
			
		.flexgrid {display:grid;grid-template-columns:50% 25% 25%;clear:both;padding:0 20px;row-gap:10px;}
			.flexgrid div {border-bottom:1px solid #F0F2F5;padding-bottom:10px}
			
			.snippeta {color: #1a0dab;display:block;cursor:pointer;font-size: 20px;line-height:1.3}
			.snippetu {color: #3c4043;display:block;font-size: 14px;padding-top:1px;}
			.snippetd {line-height: 1.4;word-wrap: break-word;display:block;font-size: 14px;color: #3c4043;margin:0 0 20px 0}
			
			.minib {display:inline;float:left;width:auto;padding:10px;text-align:center;max-width:33%;flex:1 1 auto}
				.completo {width:100% !important; max-width:100% !important}
				.minib em {font-style:normal;display:block;font-size:17px;margin:5px 0 0 0;font-weight:bold}
			
			.bverde {background:rgba(0,155,0,0.15)}
			.brojo {background:rgba(255,0,0,0.15)}
			.bgris {background:rgba(155,155,155,0.15);max-height:400px;overflow-y:auto}
				.bgris span {display:inline-block;width:50%;}
			
		/* PAGINACION */
		.paginacion {font-size:12px;margin:0 auto 20px auto !important;width:100%;display:table;width:auto;}
			.paginacion li{float:left !important;clear:none !important;list-style:none;margin:0 7px 0 0 !important;line-height:30px;text-align:center}
			.paginacion a {border: 1px solid #e5e5e5;text-decoration: none;color: #44525f;display:block;padding:0;width:30px}
			.paginacion a:hover, .paginacion a:active {border: 1px solid #44525f;color: #44525f;}
			.paginacion span.current {border: 1px solid #44525f;font-weight: bold;background-color: #44525f;color: #FFF;display:block;padding:0;width:30px}
			.paginacion span.disabled {border: 1px solid #e5e5e5;color: #F0F2F5;display:block;padding:0;width:30px}
			
			
		/* GALERIA DE FOTOS */
		.sortable {display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;padding:20px}
			.sonsliders {justify-content:space-between;}
				.sonsliders li {flist-style:none;position:relative}
			.songalerias {}
				.songalerias li {list-style:none;position:relative}
					
					
					.sortable li img {width:100%;height:auto;display:block;}
			
				.sortable .flexboton {display:grid !important;grid-template-columns:repeat(5,1fr);grid-gap:10px;margin-top:10px;}
					.sortable .flexboton div {flex:0 0 100%;margin:0}
					
						.sortable .flexboton div a.boton {width:100% !important;}
		
		 .ui-state-highlight { background:#F0F2F5; }
		
		.opac {opacity:0.40}
			
			
		.ms-container{width: 100%;}
			.ms-container:after{ content: "."; display: block; height: 0; line-height: 0;font-size: 0; clear: both;min-height: 0;visibility: hidden;}
			.ms-container .ms-selectable, .ms-container .ms-selection{float: left;margin:0 !important;width: 49%;}
			.ms-container .ms-selection{float: right;}
			
			.ms-container .ms-list{ border: 0;background:#fff;border:1px solid #F0F2F5;position: relative;height: 200px;padding: 0;overflow-y: auto;border-radius:0 0 3px 3px}
				.ms-container ul{margin: 0 !important;list-style-type: none;padding: 0 !important;text-indent:10px;font-size:13px !important}
					.ms-container .ms-optgroup-container{width: 100%;}
						.ms-container .ms-optgroup-label{margin: 0;padding: 8px 0px;cursor: pointer;background:#F0F2F5;cursor:not-allowed}
							.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{  padding:5px 0 !important}
								.ms-container span {font-weight:normal !important}
								.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{  cursor: pointer;  text-decoration: none;  background-color: #F0F2F5;}
								.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{  background-color: #eee;  color: #aaa;  cursor: text;}
								
								.ms-optgroup-label > span {font-weight:bold !important}
					
		/* Modal */
		.alertable { position: fixed;  z-index: 9999;  top: 50%;  left:50%;transform:translate(-50%,-50%);  max-width: 50%;  background: white;  border-radius: 4px;  padding: 30px;  margin: 0 auto;}
		/* Overlay */
		.alertable-overlay {  position: fixed;  z-index: 9998;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, .8);}
		/* Message */
		.alertable-message {  margin-bottom: 40px;font-size:16px;line-height:135%;}
		/* Prompt */
		.alertable-prompt {  margin-bottom: 20px;}
		.alertable-input {  width: 100%;  border-radius: 4px;  box-shadow: none;  border: solid 1px #ccc;font-family: inherit;font-size: inherit; color: inherit;  padding: 6px 12px;  display: block;  box-sizing: border-box;  margin-bottom: 10px;}
		/* Button group */
		.alertable-buttons {  text-align: center;}
		/* OK button */
		.alertable-ok {  background: #A7353B;border: 0;font-size: 16px;line-height:16px;color: white;  border-radius: 3px;  padding: 8px 12px;  cursor: pointer;float:left;text-transform:uppercase}
		/* Cancel button */
		.alertable-cancel {  border: 0;background: #F0F2F5;font-size: 12px;line-height:16px;color: #44525f;  border-radius: 3px;  padding: 8px 12px;  cursor: pointer;float:right;text-transform:uppercase}
		
		
		.dm-uploader{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:0 0 auto;border:1px solid #F0F2F5;border-radius:3px;width:49%;text-align:center;padding:30px}
			.dm-uploader h3 {font-weight:normal;margin-bottom:30px;font-size:26px}
			.dm-uploader span {display:inline-block;padding:8px 16px;border-radius:4px;background:#F0F2F5}
			.dm-uploader .btn input[type=file]{position:absolute;top:0;right:0;margin:0;border:solid transparent;width:100%;opacity:0;cursor:pointer}
		
		.card {border-radius:3px;width:49%;height:auto;border:1px solid #F0F2F5;padding:0;}
			.card-header {line-height:50px;margin-bottom: 0;background-color: #F0F0F0;padding-left:10px;display:none}
			#files {height:auto;overflow-y:auto;margin:0 !important;list-style:none !important;padding:10px !important}
			.text-muted {color: #868e96!important;text-align:center !important;}
			.text-danger {color: #dc3545!important;}
		
		.dm-uploader .btn{position:relative;overflow:hidden}
		
			.media {display: flex;align-items: flex-start;}
				.media-body {flex:1;margin-bottom: .25rem!important;}
					.mb-2, .my-2 { margin-bottom: .5rem!important;}
					
					.progress {display: flex;height: 0.5rem;overflow: hidden;font-size: .75rem;background-color: #e9ecef;border-radius: .25rem;}
					
					hr {margin-bottom: .25rem!important;margin-top: .25rem!important;border-top: 1px solid rgba(0,0,0,.1);}
					
					.progress-bar {background:#A7353B}
		
		.areagrupo {display:inline;float:left;width:100%;padding:0 20px}
		.areagrupo span {width:100%;clear:both;display:grid;grid-template-columns:80px auto 140px 140px 24px;grid-gap:20px;align-items:center;margin-bottom:20px}
			.areagrupo span em {font-style:normal;font-size:14px;}
				.areagrupo span input[type=radio] {vertical-align:middle;margin-left:5px}
				.areagrupo span input[type=number] {width:80px;border:0;background:#F0F0F0;height:40px;vertical-align:middle;margin-left:5px;padding-left:5px}
				.areagrupo span select {width:60px !important;border:0;background:#F0F0F0;height:40px;vertical-align:middle;margin-left:5px !important;padding-left:5px}
				.areagrupo  i {font-size:24px;color:#f14668;float:right}


		.togglebuscar {display:none;}
		.gridfab {display:grid;grid-gap:20px;grid-template-columns:auto 40px;padding:20px}
		.gridfa {display:grid;padding:0 0 20px 0;grid-gap:40px;grid-template-columns:repeat(6,auto);justify-content:center;}
		.gridfai {display:grid;padding:0;grid-gap:15px;grid-template-columns:repeat(auto-fill, 40px);justify-content:center}
			.gridfai a:link,.gridfai a:active,.gridfai a:visited {border:1px solid #DDD;text-align:center;line-height:38px;border-radius:4px;font-size:12px}
			.gridfai a:hover {color:#FFF;background:#000;}


/* Minimo 1140px y maximo 1280px */
@media only screen and (min-width: 1150px) and (max-width: 1279px) 
{
	
}

/* Minimo 960px y maximo 1140px */
@media only screen and (max-width: 1149px) 
{
	#top,#main {left:0}
	#menu {left:-240px}
	#user a.togglemenu {display:block}
}

/* Minimo 768px y maximo 960px */
@media only screen and (max-width: 979px) 
{
	#main h1{font-size:28px;}
	
	.gridpedidos {grid-template-columns:repeat(2,1fr);}
}

/* Minimo 480px y maximo 767px  */
@media only screen and (max-width: 767px) 
{
	#main h1{font-size:22px;padding:20px 10px}
	
	.dm-uploader{width:100%;padding:20px}
		.dm-uploader h3 {margin-bottom:20px;font-size:20px}
		
		.card {margin-top:10px;width:100%;}
		
	.sonsliders li {flex: 0 0 100%;padding:10px;}
	.songalerias li {flex: 0 0 50%;padding:10px;}
	
	div.tfoto {flex:0 0 100%;height:150px;margin-bottom:20px;margin-right:0 !important}
	
	.togglebuscar {display:block;margin:0 10px 20px 10px;display:block;width:40px;height:40px;line-height:40px;text-align:center;background:#F0F2F5;cursor:pointer}
	.buscar {flex-wrap:wrap;}
		.buscar p {display:none;flex:0 0 100% !important;width:100% !important;padding:0 10px !important}
		
		
	p.ok,p.error,p.alerta,p.info{font-size:12px;margin:0 10px 20px}
	
	.fijo {width:100%;}
	
	.gridimagenes {grid-template-columns:repeat(3,1fr);}
	
	/* DASH */
	.griddash {grid-template-columns:100%;grid-gap:20px;padding:10px}
	
		.griddash h2 {line-height:30px !important;padding:0 0 0 40px !important;font-size:18px !important;}
			.griddash h2 i {width:30px;height:30px;line-height:30px;font-size:12px;}
		.griddash p.dashinfo {padding:0 0 0 40px !important;}
		
		.dashdata {column-gap:20px;padding-left:40px;}
			.dashdatax1 {grid-template-columns:100%;}
			.dashdatax2 {grid-template-columns:100%;}
				.dashdatastar1 {grid-template-columns:auto 120px;}
				.dashdatastar2 {grid-template-columns:auto 120px;}
				.dashdatastar3 {grid-template-columns:auto 80px 80px;}
					
					.chartrwd {padding-left:30px}
						.chart {min-width:800px}
	
	
	
}

/* Maximo 480 para todos */
@media only screen and (max-width: 479px) 
{
	#main form p{flex:0 0 100%;}
	
	.gridimagenes {grid-template-columns:repeat(2,1fr);}
}






















/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#44525f;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center::after,.cropper-center::before{background-color:#eee;content:' ';display:block;position:absolute}.cropper-center::before{height:1px;left:-3px;top:0;width:7px}.cropper-center::after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se::before{background-color:#39f;bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative;}.sp-original-input-container input{margin:0!important}.sp-original-input-container .sp-add-on{width:40px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.sp-original-input-container .sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}.sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px!important}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:12px;width:12px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{display:inline-flex;border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-picker-container .sp-cf{margin-bottom:10px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{position:relative;padding:10px}.sp-picker-container{width:200px;padding-bottom:0}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #aaa;color:#666;transition:border-color .3s;vertical-align:middle;width:3rem;height:1.5rem}.sp-replacer.sp-active,.sp-replacer:hover{border:1px solid #666;color:#000}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{display:none}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{text-transform:uppercase;transition:0.2s all linear;background-color:#44525f;color:#fff;margin-left:5px}.sp-container button:hover{background-color:#A7353B;}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==)}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*!
 * Font Awesome Icon Picker
 * https://farbelous.github.io/fontawesome-iconpicker/
 *
 * @author Javi Aguilar, itsjavi.com
 * @license MIT License
 * @see https://github.com/farbelous/fontawesome-iconpicker/blob/master/LICENSE
 */.iconpicker-popover.popover{position:absolute;top:0;left:20px;right:20px;display:none;max-width:none;padding:1px;text-align:left;background:#F0F2F5;z-index:9}.iconpicker-popover.popover.top,.iconpicker-popover.popover.topLeftCorner,.iconpicker-popover.popover.topLeft,.iconpicker-popover.popover.topRight,.iconpicker-popover.popover.topRightCorner{margin-top:-10px}.iconpicker-popover.popover.right,.iconpicker-popover.popover.rightTop,.iconpicker-popover.popover.rightBottom{margin-left:10px}.iconpicker-popover.popover.bottom,.iconpicker-popover.popover.bottomRightCorner,.iconpicker-popover.popover.bottomRight,.iconpicker-popover.popover.bottomLeft,.iconpicker-popover.popover.bottomLeftCorner{margin-top:10px}.iconpicker-popover.popover.left,.iconpicker-popover.popover.leftBottom,.iconpicker-popover.popover.leftTop{margin-left:-10px}.iconpicker-popover.popover.inline{margin:0 0 12px 0;position:relative;display:inline-block;opacity:1;top:auto;left:auto;bottom:auto;right:auto;max-width:100%;box-shadow:none;z-index:auto;vertical-align:top}.iconpicker-popover.popover.inline>.arrow{display:none}.dropdown-menu .iconpicker-popover.inline{margin:0;border:none}.dropdown-menu.iconpicker-container{padding:0}.iconpicker-popover.popover .popover-title{padding:12px;font-size:13px;line-height:15px;border-bottom:1px solid #ebebeb;background-color:#E2E6EB}.iconpicker-popover.popover .popover-title input[type=search].iconpicker-search{margin:0 0 2px 0;padding:5px;width:100%}.iconpicker-popover.popover .popover-title-text~input[type=search].iconpicker-search{margin-top:12px}.iconpicker-popover.popover .popover-content{padding:0px;text-align:center}.iconpicker-popover .popover-footer{float:none;clear:both;padding:12px;text-align:right;margin:0;border-top:1px solid #ebebeb;background-color:#f7f7f7}.iconpicker-popover .popover-footer:before,.iconpicker-popover .popover-footer:after{content:" ";display:table}.iconpicker-popover .popover-footer:after{clear:both}.iconpicker-popover .popover-footer .iconpicker-btn{margin-left:10px}.iconpicker-popover .popover-footer input[type=search].iconpicker-search{margin-bottom:12px}.iconpicker-popover.popover>.arrow,.iconpicker-popover.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.iconpicker-popover.popover>.arrow{border-width:11px}.iconpicker-popover.popover>.arrow:after{border-width:10px;content:""}.iconpicker-popover.popover.top>.arrow,.iconpicker-popover.popover.topLeft>.arrow,.iconpicker-popover.popover.topRight>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.iconpicker-popover.popover.top>.arrow:after,.iconpicker-popover.popover.topLeft>.arrow:after,.iconpicker-popover.popover.topRight>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.iconpicker-popover.popover.topLeft>.arrow{left:8px;margin-left:0}.iconpicker-popover.popover.topRight>.arrow{left:auto;right:8px;margin-left:0}.iconpicker-popover.popover.right>.arrow,.iconpicker-popover.popover.rightTop>.arrow,.iconpicker-popover.popover.rightBottom>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.iconpicker-popover.popover.right>.arrow:after,.iconpicker-popover.popover.rightTop>.arrow:after,.iconpicker-popover.popover.rightBottom>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.iconpicker-popover.popover.rightTop>.arrow{top:auto;bottom:8px;margin-top:0}.iconpicker-popover.popover.rightBottom>.arrow{top:8px;margin-top:0}.iconpicker-popover.popover.bottom>.arrow,.iconpicker-popover.popover.bottomRight>.arrow,.iconpicker-popover.popover.bottomLeft>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.iconpicker-popover.popover.bottom>.arrow:after,.iconpicker-popover.popover.bottomRight>.arrow:after,.iconpicker-popover.popover.bottomLeft>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.iconpicker-popover.popover.bottomLeft>.arrow{left:8px;margin-left:0}.iconpicker-popover.popover.bottomRight>.arrow{left:auto;right:8px;margin-left:0}.iconpicker-popover.popover.left>.arrow,.iconpicker-popover.popover.leftBottom>.arrow,.iconpicker-popover.popover.leftTop>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.iconpicker-popover.popover.left>.arrow:after,.iconpicker-popover.popover.leftBottom>.arrow:after,.iconpicker-popover.popover.leftTop>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.iconpicker-popover.popover.leftBottom>.arrow{top:8px;margin-top:0}.iconpicker-popover.popover.leftTop>.arrow{top:auto;bottom:8px;margin-top:0}.iconpicker{position:relative;text-align:left;text-shadow:none;line-height:0;display:block;margin:0;overflow:hidden}.iconpicker *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:relative}.iconpicker:before,.iconpicker:after{content:" ";display:table}.iconpicker:after{clear:both}.iconpicker .iconpicker-items{position:relative;clear:both;float:none;padding:12px 0 0 12px;background:#fff;margin:0;overflow:hidden;overflow-y:auto;min-height:49px;max-height:246px}.iconpicker .iconpicker-items:before,.iconpicker .iconpicker-items:after{content:" ";display:table}.iconpicker .iconpicker-items:after{clear:both}.iconpicker .iconpicker-item{float:left;width:14px;height:14px;padding:12px;margin:0 10px 10px 0;text-align:center;cursor:pointer;border-radius:3px;font-size:14px;box-shadow:0 0 0 1px #E2E6EB;color:inherit}.iconpicker .iconpicker-item:hover:not(.iconpicker-selected){background-color:#eee}.iconpicker .iconpicker-item.iconpicker-selected{box-shadow:none;color:#fff;background:#000}.iconpicker-component{cursor:pointer}
 
 /*! AUTOCOMPLETE */
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


.rtable {max-width: 100%;}
	/*.rtable > thead > tr > th,.rtable > tbody > tr > td {white-space: nowrap;}*/
	.rtable.active,.rtable.active thead,.rtable.active tbody,.rtable.active th,.rtable.active td,.rtable.active tr { display: block;}


/* NOTABLE LAYOUT */
.rtable.notable.active > thead { position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}

.rtable.notable.active > tbody > tr { padding-top:15px;padding-bottom:15px;}

.rtable.notable.active > tbody > tr > td {position: relative;padding-left: 40% !important;padding-top:5px !important;padding-bottom:5px !important;white-space: normal;}

.rtable.notable.active > tbody > tr > td:before {display: block;float: left;width: 95%;min-height: 1px;margin-left: -100%;left: 0;font-weight: bold;content: attr(data-title);text-align: right;}
.rtable.notable.active > tbody > tr > td:after {content: ' ';display: table;clear: both;}



/* CROPPIE */
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
	margin-top: 30px;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '?';
}
.cr-rotate-r i:before {
	content: '?';
}