/*BASE*/
html::after {
  	content: "";
  	background-image: url('../img/globe-earth-animation-15-2.gif');
  	//background-image: url('../img/logo-smartcity.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 400px auto;
	//background-size: 100% auto;
  	opacity: 0.2;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: fixed;
  	z-index: -1;   
  	//transition: all 1s;
  	//animation-name: flip;
    //animation-duration: 3s;
    //animation-iteration-count:infinite;
    //width:50%;
    //margin:auto;
}

.loading::after {
  	content: "";
  	background-image: url('../img/globe-earth-animation-15-2.gif');
  	background-color: #bcbcbc;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 400px auto;
  	opacity: 0.2;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: fixed;
  	z-index: 50;   
  	
}

.loading-upper::after {
  	content: "";
  	background-image: url('../img/globe-earth-animation-15-2.gif');
  	background-color: #bcbcbc;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 400px auto;
  	opacity: 0.2!important;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: fixed;
  	z-index: 500000;   
  	
}

@-webkit-keyframes flip {
    0%{opacity: 0.2;transform:scaleX(-1);}
    40%{opacity: 0.2;transform:scaleX(1);}
    50%{opacity: 0.2;transform:scaleX(1);}
    60%{opacity: 0.2;transform:scaleX(-1);}
    100%{opacity: 0.2;transform:scaleX(1);}
}

@keyframes flip {
    0%{opacity: 0.2;transform:scaleX(-1);}
    40%{opacity: 0.2;transform:scaleX(1);}
    50%{opacity: 0.2;transform:scaleX(1);}
    60%{opacity: 0.2;transform:scaleX(-1);}
    100%{opacity: 0.2;transform:scaleX(1);}
}


.fondo-negro::before 
{
  	content: "";
  	background: black;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: 300px auto;
  	opacity: 0.2;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: fixed;
  	z-index: 1031;   
}

.number
{
	text-align: right;
}

.card
{
	opacity:0;
}


.alert 
{
	z-index:99999999999999999999!important;
}

.logo
{
	background: url("../img/logo.png")!important;
	background-repeat: no-repeat !important;
	background-size: auto 40px !important;
}

.login-logo a div
{
	background: url("../img/logo.png")!important;
	background-repeat: no-repeat !important;
	background-size: 90% auto !important;
	background-position: center center!important;
	width:100%!important;
	height:150px!important;
}

@media (min-width:500px) 
{
	.login-logo a div
	{
		background-size: auto 90%!important;
	}
}

@media screen and (max-width:1000px)
{
	.logo
	{
		background-position: 66px top!important;
	}
}



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

.btn
{
	height: 34px;
	margin-top: -4px;
	padding-top:3px;
}

.btn-md
{
	height: 23px;
	padding:9px;
	padding-top: 0px;
}

.fak::before
{
	content: "\f059";
	color:transparent;
}

.hex .fak::before
{
	content: "\f059\f059\f059";
}


.fak-luminary, .fak-lum
{
	background: url('../img/fak/fak-lum.png');
}

.fak-wifir
{
	background: url('../img/fak/fak-wifir.png');
	background-size: 40px 40px!important;
}

.fak-ewon, .fak-ewo, .fak-naturvolt
{
	background: url('../img/fak/fak-ewo.png');
}

.fak-clearchanel
{
	background: url('../img/fak/fak-clearchanel.png');
}

.fak-dgx
{
	background: url('../img/fak/fak-dgx.png');
}

.fak-mbie
{
	background: url('../img/fak/fak-mbie.png');
}
.fak-ubie
{
	background: url('../img/fak/fak-ubie.png');
}
.fak-tbie
{
	background: url('../img/fak/fak-tbie.png');
}
.fak-cbie
{
	background: url('../img/fak/fak-cbie.png');
}

.fak-frezzer, .fak-frz
{
	background: url('../img/fak/fak-frz.png');
}

.fak-tado
{
	background: url('../img/fak/fak-tado.png');
}

.fak-ewelink
{
	background: url('../img/fak/fak-ewelink.png');
}


.fak 
{
    display: initial;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    background-repeat: repeat;
	background-size: auto auto;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}

.hex .fak 
{
	background-size: 30px 30px;
}

.plot-noselected
{
	border: 5px solid #a0a0a0!important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome and Opera */
}

#busqueda_chosen .chosen-single
{
	min-width:200px;
}

.no-margin-padding
{
	margin:0px!important;
	padding:0px!important;
}

.selector_fecha
{
	padding: 5px;
	padding-left: 10px;
	padding-top: 6px;
	width:303px!important;
}
.selector_variables
{
	padding: 5px;
	padding-top: 10px;
	width: 100px !important;
}
.botones-periodo
{

	padding: 5px;
	padding-top:10px;
	padding-right: 10px;
	width:208px!important;
}

.botones-grafica
{
	padding: 5px;
	padding-top:10px;
	padding-right: 10px;
	text-align: right;
	min-width:215px!important;
	width:calc(100% - 512px)!important;	
	min-width:220px!important;	
}




.botones-periodo *,.botones-grafica *,.selector_fecha *
{
	border-radius:0px;
}

.botones-periodo *:first-child,.botones-grafica *:first-child,.selector_fecha *:first-child
{
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem;
}

.botones-periodo *:last-child,.botones-grafica *:last-child,.selector_fecha *:last-child
{
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem;
}



.chosen-container
{
  width:100%!important;
}

.jconfirm-title-c
{
  display:none!important;
}


#map .chosen-container
{
  width:auto!important;
}

#grafica_control
{
	padding:5px;
}
#grafica_legnds table,.grafica_legnds table
{
 
	width:100%;
	text-align: center;
}
#grafica_legnds tr, .grafica_legnds tr
{
	display:inline-block;
	margin:5px;
}
.text-align-right
{
	text-align:right!important;
}


/*CHECKBOX*/

.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
    cursor:pointer;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
	top: 3px;
	width: 8px;
	height: 17px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

}

.checkbox input:disabled ~ .checkmark,input:disabled {
    cursor:not-allowed!important;
}

/*TABLAS*/
	.table tr
	{
		height: 35px!important;
	}
	/*.table thead .sorting_asc:after 
	{
	  content: "\f0de";
	  float: right;
	  font-family: fontawesome;
	}
	.table thead .sorting_desc:after 
	{
	  content: "\f0dd";
	  float: right;
	  font-family: fontawesome;
	}
	.table thead .sorting:after 
	{
	  content: "\f0dc";
	  float: right;
	  font-family: fontawesome;
	  color: rgb(180, 180, 180);
	}*/
	
/*IMAGES*/
	img 
	{
		image-orientation: from-image;
	}

	.img-container
	{
		text-align: center;
		
		background: rgba(0, 0, 0, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.3);
		background-color: rgba(238, 238, 238, 0.09);
	}

	.img-container img
	{
		margin:10px;
	}

/*BUTTON*/
	.btn-icon
	{
		font-size: 20px!important;
		padding: 0px!important;
	}
   
	.btn-success
	{
		background: #196919;
		color:white;
	}
	.btn-success:hover
	{
		background: #4f8a4a;
		color:white;
	}
	.btn-warning
	{
		background: #ED8D00;
		color:white;
	}
	.btn-warning:hover
	{
		background: #FF9500;
		color:white;
	}
	.btn-danger
	{
		background: #E51D1D;
		color:white;
	}
	.btn-danger:hover
	{
		background: #8a4a4e;
		color:white;
	}

	.btn-primary
	{
		background: #1D62F0;
		color:white;
	}
	.btn-primary:hover
	{
		background: #3472F7;
		color:white;
	}

/*INPUTS*/
	.modal .btn
	{
		font-size: 12px;
	}
	input.form-control,select.form-control,button.form-control
	{
		height:34px!important;
	font-size: 14px;
	}

	.form-control.disabled
	{
		background-color: rgba(238, 238, 238, 0.09);
		cursor: not-allowed;
		opacity: 1;
	}
	.select.open .dropdown-menu
	{
		background: rgba(200,200,200,0.85);
	}
	.select.open ul.dropdown-menu
	{
		max-height:400px!important;
	}

/*BUSCADOR*/
	.buscador
	{
		text-align: right;
		margin-bottom: 10px;
	}
	.buscador .select
	{
		width:100px;
		display:inline-block;
	}
	.buscador ul li
	{
		text-align: left;
	}
	.buscador input
	{
		display:inline-block;
		width:200px;
		max-width:calc( 100% - 131px);
		margin-left:-4px;
	}
	.buscador button
	{
		margin-left:-5px;

	}

	@media screen and (-webkit-min-device-pixel-ratio:0)
	{
		.buscador button
		{
			margin-top: -3px;
		}
	}

	.buscador *
	{
		border-radius:0px;
	}

	.buscador *:first-child
	{
		border-top-left-radius: .2rem;
		border-bottom-left-radius: .2rem;
	}

	.buscador *:last-child
	{
		border-top-right-radius: .2rem;
		border-bottom-right-radius: .2rem;
	}

/*ALIGN*/
	.align-right
	{
		text-align: right!important;
	}

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

	.padding-0
	{
		padding: 0px!important;
	}

/*WIDTH*/
	.width-100-per
	{
		width: 100%;
	}

/*PANEL FLOTANTE*/
	.fondo-flotante
	{
		background-color: black;
		opacity: 0.5;
		z-index:1000;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
	}
	.panel-flotante
	{
		position: fixed;
		width: 50%;
		left: 25%;
		z-index:1001;
		background-size: 100% 100%;
	}
	.panel-flotante .content-div
	{
		padding:15px;
		height:100%;
		background: rgba(0,0,0,0.15);
		overflow:auto;
	}


	@media screen and (max-height: 850px)
	{
		.panel-flotante
		{
			width: 90%!important;
			left: 5%!important;
		}
	}

/*MENU*/


/*CURSOR*/
	.cursor-pointer
	{
		cursor: pointer!important;
	}

/*BORDES*/
	.border-difuminate
	{
		border-radius: 10px !important;
		box-shadow: 0 0 15px #ddd;
		background: #f2f2f2;
		width:100%;
		height: 300px;
		margin:auto;
		vertical-align: center;
		line-height: 300px;
		overflow: hidden;
	}
	.border-top
	{
		border-top:1px solid rgba(255, 255, 255, 0.11);
		padding-top:15px;
	}

/*COL*/


/*MARGIN*/
	.margin-bottom-10
	{
		margin-bottom:10px!important;
	}
	.margin-top-20
	{
		margin-top:20px!important;
	}

/*DATETIMEPICKER*/
	.bootstrap-datetimepicker-widget
	{
		margin-top:0px!important;
		margin-left: -197px;
	}


	.input-icon .add-on
	{
		left:auto!important;
		right:1px!important;
		height:32px!important;
	}

	.input-icon .form-control 
	{
		padding-left: 10px!important;
		padding-right: 30px!important;
	}

/*CLIP*/
	.semi-clip
	{
		position:absolute;
		height:30px;
		width:30px;
		/*margin-top:-39px;*/
		
		right:30px;

		/*margin-top:-32px;
		background-image: url('../../../../../img/semiclip.png');*/


		margin-top:-31px;
		background-image: url('../../../../../img/semicliparchivo.png');


		background-size: auto 30px;
		background-repeat: no-repeat;
		cursor:pointer;
	}
	tr:hover .semi-clip
	{
		/*background-image: url('../../../../../img/semiclipactive.png');*/
		/*background-image: url('../../../../../img/semiclipactivearchivo.png');*/
	}

	.semi-clip:hover
	{
		/*background-image: url('../../../../../img/semicliphover.png')!important;
		margin-top:-36px!important;*/
		background-image: url('../../../../../img/semicliphoverarchivowhite.png')!important;
		margin-top:-35px!important;
		height:35px;
		background-size: auto 35px;
	}

/*COLORS*/
	.color-blue
	{
		color:blue;
	}
	.color-red
	{
		color:red;
	}
	.color-green
	{
		color:green;
	}
	.color-yellow
	{
		color:yellow;
	}
	

/*LOGIN*/

.margin-left-auto, .login 
{
	margin-left:auto!important;
}
.margin-right-auto, .login
{
	margin-right:auto!important;
}

.login
{
	float:none;
}
.card-login
{
	background:#FFFFFF;
}
.card-login .card-body
{
	padding:15px;
}

.card-login .card-footer
{
	padding:15px;
}

.btn-login
{
	width:100%;
}

.login-logo
{

	text-align: center;
}

.login-logo > a 
{
	min-height: calc(100vh - 70px);
	z-index: 4;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 61px;
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-style: italic;
	color: #efa732;
}

.login-image
{
	width:100%;
	height:100%;
	background: url("../img/backgorund-login.png") no-repeat ;
	background-color: #27476a;
	background-position: center center;
	background-size: auto 100%;
}





.login-image::after 
{
	//background: #797979;
	//background-size: 150% 150%;
}

.login-image::before, .login-image::after 
{
	display: block;
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}


.login-image::after{
	opacity: .77;
}

.login-image > .content:first-of-type {
	padding-top: 8vh;
}
.login-image > .content 
{
	min-height: calc(100vh);
	z-index: 4;
	position: relative;
}



/*MAP*/

.si-pointer-top, .si-pointer-bg-top, .si-shadow-inner-pointer-top, .si-shadow-wrapper-top
.si-pointer-left, .si-pointer-bg-left, .si-shadow-inner-pointer-left, .si-shadow-wrapper-left
.si-pointer-right, .si-pointer-bg-right, .si-shadow-inner-pointer-right, .si-shadow-wrapper-right
.si-pointer-bottom, .si-pointer-bg-bottom, .si-shadow-inner-pointer-bottom, .si-shadow-wrapper-bottom
{
	display:none;
}


.si-float-wrapper {
  position: absolute;
  width: 100%; }
  .si-float-wrapper,
  .si-float-wrapper * {
	box-sizing: border-box; }

[class*='si-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
  //font-size: 1rem;
  cursor: default; }

.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
		  transform: translate(-50%, -100%); }

.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
	  -ms-flex-direction: column-reverse;
		  flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
		  transform: translate(-50%, 0); }

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
		  transform: translate(-100%, -50%); }

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
	  -ms-flex-direction: row-reverse;
		  flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
		  transform: translate(0, -50%); }

[class*='si-shadow-wrapper'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.4;
  z-index: 1; }

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
		  flex-direction: column; }

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
	  -ms-flex-order: -1;
		  order: -1; }

.si-shadow-frame {
  box-shadow: 0 4px 6px 0 #000; }



.si-frame {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  z-index: 2; }

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  background-color: transparent; }
  .si-has-border .si-content-wrapper {
	border: 1px solid #bbb; }

.si-content {
  overflow: auto; }




.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
		  transform: translate(-50%, 0); }

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
		  transform: translate(0, -50%); }

.si-pointer-top {
  border-bottom: 0; }

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb; }

.si-pointer-bg-top {
  border-top-color: transparent; }
  .si-has-border .si-pointer-bg-top {
	top: -1px;
	margin-bottom: 0px; }

.si-pointer-bottom {
  border-top: 0; }

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb; }

.si-pointer-bg-bottom {
  border-bottom-color: transparent; }
  .si-has-border .si-pointer-bg-bottom {
	bottom: -1px;
	margin-top: 0px; }

.si-pointer-left {
  border-right: 0; }

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb; }

.si-pointer-bg-left {
  border-left-color: transparent; }
  .si-has-border .si-pointer-bg-left {
	left: -1px;
	margin-right: 0px; }

.si-pointer-right {
  border-left: 0; }

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb; }

.si-pointer-bg-right {
  border-right-color: transparent; }
  .si-has-border .si-pointer-bg-right {
	right: -1px;
	margin-left: 0px; }


.custom-window {
  top: 30px;
  max-width: 400px;
  -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden; }
  .custom-window.open .si-frame {
	overflow: visible; }
  .custom-window.active {
	top: 0;
	opacity: 1;
	visibility: visible; }
  .custom-window .si-content-wrapper {
	padding-bottom: 10px; }
  .custom-window .si-content {
	overflow: visible; }








.custom-close
{
	background:transparent!important;
	color:rgba(68, 67, 62, 0.8);
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3);
	right:0px;
	position: absolute;
	z-index:99;
	-webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	border: 0;
	font-size: 1.5em;
	cursor: pointer; 
	width: 29px;
	height: 29px;
	top: 0px;

}
  .custom-close:hover, .custom-close:focus, .custom-close:active {
	background-color: rgba(28, 28, 26, 0.8); }

.principal
{
	display: inline-block;
	padding:5px;
	width:350px;
	//height:300px;
	//border-top:5px solid #367fa9;
	//background-color: #f3f3f3;
	//box-shadow: 0 0 10px 1px #555;
	
}
.principal h1
{
	font-size:20px;
}

.principal div h6
{
	font-size:14px!important;
}
.principal .targets 
{
	margin-bottom:5px!important;
	float:left!important;
	width:120px!important;
}

.principal img
{
	width:100%;
}

.tags
{
	margin-left: 10px;
	display: inline-block;
}


.tags .tag 
{
	background-color: #f3f3f3;
	padding:0px;
	padding: 5px;
	font-size: 25px;
	color:black;
	box-shadow: 4px 0 10px 1px #555;
	margin-bottom: 5px;
}

.tags .tag span
{
	font-size: 10px;
}
.tags .tag small
{
	font-size: 10px;
}

.tags .tag.expand 
{
	text-align: right;
	width:165px;
}

.tags .tag.expand span
{
	position:absolute;
	left:10px;
}



.tags .tag.contract 
{
	width:50px;
	margin-right: 5px;
}




.elmtagDetalle_g003 .label-primary
{
  background: #FFA534!important;
}

.elmtagDetalle_g010 .label-primary
{
  background: #00AAED!important;
}

.elmtagDetalle_g011 .label-primary
{
  background: #6D3D8F!important;
}

.elmtagDetalle_g012 .label-primary
{
  background: #6BA245!important;
}


.elmtagDetalle_g003 table, .elmtagDetalle_g010 table, .elmtagDetalle_g011 table, .elmtagDetalle_g012 table
{
	width:350px!important;
	font-size:14px;
}











.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td 
{
  padding:5px;
}



.modal-backdrop
{
  position:initial;
}

.modal-dialog
{



}

.card-body .col-lg-1, .card-body .col-lg-2, .card-body .col-lg-3, .card-body .col-lg-4, .card-body .col-lg-5, .card-body .col-lg-6, .card-body .col-lg-7, .card-body .col-lg-8, .card-body .col-lg-9, .card-body .col-lg-10, .card-body .col-lg-11, .card-body .col-lg-12, .card-body .col-md-1, .card-body .col-md-2, .card-body .col-md-3, .card-body .col-md-4, .card-body .col-md-5, .card-body .col-md-6, .card-body .col-md-7, .card-body .col-md-8, .card-body .col-md-9, .card-body .col-md-10, .card-body .col-md-11, .card-body .col-md-12
{
	margin-bottom:5px!important;
}

.modal-dialog .col-lg-1, .modal-dialog .col-lg-2, .modal-dialog .col-lg-3, .modal-dialog .col-lg-4, .modal-dialog .col-lg-5, .modal-dialog .col-lg-6, .modal-dialog .col-lg-7, .modal-dialog .col-lg-8, .modal-dialog .col-lg-9, .modal-dialog .col-lg-10, .modal-dialog .col-lg-11, .modal-dialog .col-lg-12, .modal-dialog .col-md-1, .modal-dialog .col-md-2, .modal-dialog .col-md-3, .modal-dialog .col-md-4, .modal-dialog .col-md-5, .modal-dialog .col-md-6, .modal-dialog .col-md-7, .modal-dialog .col-md-8, .modal-dialog .col-md-9, .modal-dialog .col-md-10, .modal-dialog .col-md-11, .modal-dialog .col-md-12
{
	//margin:0px!important;
	//padding:0px!important;
	//display: inline-block;
	margin-bottom:5px!important;
}



.modal-body
{
	font-size:12px;
}

.cal_valor_0, .cal_valor_1, .cal_valor_2, .cal_valor_3, .cal_valor_4, .cal_valor_5, .cal_valor_6, .cal_valor_7, .cal_valor_8, .cal_valor_9, .cal_valor_A, .cal_valor_10 {
	border-radius: 2px;
	background-color: white;
	border:1px solid black;
	display:inline-block;
	height:30px;
	line-height:30px;
	text-align: center;
	margin:1px;
	color: black;
	font-weight: bold;
	font-size: 15px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none;
}





/*HEXAGONAL*/


.hex .top 
{
  border-bottom: 30px solid #D48335;
}

.hex .middle 
{
  background: #D48335;
}
.hex .bottom 
{
  border-top: 30px solid #D48335;
}











.map-icon-label .map-icon {
  font-size: 24px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  white-space: nowrap;
}



.container-body
{
	padding-top:75px;
}

body
{
  background-color: #f9f9f9;
  cursor:auto!important;
}

.card
{
	border:0px solid transparent;
	box-shadow: 0px 0px 20px #aaaaaa;
}
.card-header
{
	background: #FFFFFF;
	padding:10px;
}

.card-body
{
	padding:10px!important;
}


.card-footer
{
	background: #FFFFFF;
}

.form-control[type='checkbox']
{
	width:auto!important;
}


.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}


.chosen-choices
{
  overflow-y: scroll!important;
  height: 100px!important;
}




































/*COLORES GENERALES*/



/*NEGRO*/

	.color-general-negro .checkbox input:checked ~ .checkmark {
	    background-color: #4F4F4F;
	}
  	.cal_negro .cal_valor_0
	{
		background-image: linear-gradient(90deg, #4F4F4F 0%, transparent 0px);
	}

	.cal_negro .cal_valor_1
	{
		background-image: linear-gradient(90deg, #4F4F4F 10%, transparent 0px);
	}
	.cal_negro .cal_valor_2
	{
		background-image: linear-gradient(90deg, #4F4F4F 20%, transparent 0px);
	}
	.cal_negro .cal_valor_3
	{
		background-image: linear-gradient(90deg, #4F4F4F 30%, transparent 0px);
	}
	.cal_negro .cal_valor_4
	{
		background-image: linear-gradient(90deg, #4F4F4F 40%, transparent 0px);
	}
	.cal_negro .cal_valor_5
	{
		background-image: linear-gradient(90deg, #4F4F4F 50%, transparent 0px);
	}
	.cal_negro .cal_valor_6
	{
		background-image: linear-gradient(90deg, #4F4F4F 60%, transparent 0px);
	}
	.cal_negro .cal_valor_7
	{
		background-image: linear-gradient(90deg, #4F4F4F 70%, transparent 0px);
	}
	.cal_negro .cal_valor_8
	{
		background-image: linear-gradient(90deg, #4F4F4F 80%, transparent 0px);
	}
	.cal_negro .cal_valor_9
	{
		background-image: linear-gradient(90deg, #4F4F4F 90%, transparent 0px);
	}
	.cal_negro .cal_valor_A, .cal_negro .cal_valor_10
	{
		background-image: linear-gradient(90deg, #4F4F4F 100%, transparent 0px);
	}
	.color-general-negro .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/negro.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-negro .slider  .ui-state-default, .color-general-negro .slider .ui-widget-content .ui-state-default, .color-general-negro .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/negro_cabeza.png') 50% 50% repeat-x;
	}

	.color-general-negro .label-primary
	{
	  background: #4F4F4F;
	  color:white;
	}

	.hexagonal_negro .hex .top 
	{
	  border-bottom: 30px solid #4F4F4F;
	}

	.hexagonal_negro .hex .middle 
	{
	  background: #4F4F4F;
	}
	.hexagonal_negro .hex .bottom 
	{
	  border-top: 30px solid #4F4F4F;
	}

	.color-general-negro .ui-datepicker-header
	{
		background:#4F4F4F;
	}

	.color-general-negro .ui-datepicker-week-end
	{
		background:#4F4F4F55;
	}

	.color-general-negro .navbar-dark
	{
	  background:#4F4F4F;
	}


	.color-general-negro .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-negro .btn-primary {
	  color: #FFFFFF;
	  background-color: #4F4F4F;
	  border-color: #4F4F4F;
	}

	.color-general-negro .btn-primary:hover 
	{
	  background-color: #A0A2A3;
	  border-color: #666666;
	}

	.color-general-negro .btn-primary:focus, .color-general-negro .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(196, 196, 196, 0.5);
	}

	.color-general-negro .btn-primary.disabled, .color-general-negro .btn-primary:disabled {
	  color: #212529;
	  background-color: #4F4F4F;
	  border-color: #4F4F4F;
	}

	.color-general-negro .btn-primary:not(:disabled):not(.disabled):active, .color-general-negro .btn-primary:not(:disabled):not(.disabled).active,
	.color-general-negro .show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #666666;
	  border-color: #878787;
	}

	.color-general-negro .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-negro .btn-primary:not(:disabled):not(.disabled).active:focus,
	.color-general-negro .show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(196, 196, 196, 0.5);
	}


/*LUMINARIA*/
	.color-general-lum::after {
	  	content: "";
	  	background-image: url('../img/background-lum.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.background-square::before {
	  	content: "";
	  	background-image: url('../img/fondo-cuadros2.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top left;
		background-size: 600px auto;
	  	opacity: 0.1;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


	.color-general-lum .checkbox input:checked ~ .checkmark {
	    background-color: #ED8D00;
	}

	.cal_lum .cal_valor_0
	{
		background-image: linear-gradient(90deg, #ED8D00 0%, transparent 0px);
	}

	.cal_lum .cal_valor_1
	{
		background-image: linear-gradient(90deg, #ED8D00 10%, transparent 0px);
	}
	.cal_lum .cal_valor_2
	{
		background-image: linear-gradient(90deg, #ED8D00 20%, transparent 0px);
	}
	.cal_lum .cal_valor_3
	{
		background-image: linear-gradient(90deg, #ED8D00 30%, transparent 0px);
	}
	.cal_lum .cal_valor_4
	{
		background-image: linear-gradient(90deg, #ED8D00 40%, transparent 0px);
	}
	.cal_lum .cal_valor_5
	{
		background-image: linear-gradient(90deg, #ED8D00 50%, transparent 0px);
	}
	.cal_lum .cal_valor_6
	{
		background-image: linear-gradient(90deg, #ED8D00 60%, transparent 0px);
	}
	.cal_lum .cal_valor_7
	{
		background-image: linear-gradient(90deg, #ED8D00 70%, transparent 0px);
	}
	.cal_lum .cal_valor_8
	{
		background-image: linear-gradient(90deg, #ED8D00 80%, transparent 0px);
	}
	.cal_lum .cal_valor_9
	{
		background-image: linear-gradient(90deg, #ED8D00 90%, transparent 0px);
	}
	.cal_lum .cal_valor_A, .cal_lum .cal_valor_10
	{
		background-image: linear-gradient(90deg, #ED8D00 100%, transparent 0px);
	}

	.color-general-lum .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/naranja.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-lum .slider .ui-state-default, .color-general-lum .slider .ui-widget-content .ui-state-default, .color-general-lum .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/naranja_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_lum .hex .top 
	{
	  border-bottom: 30px solid #ED8D00;
	}

	.hexagonal_lum .hex .middle 
	{
	  background: #ED8D00;
	}
	.hexagonal_lum .hex .bottom 
	{
	  border-top: 30px solid #ED8D00;
	}

	.color-general-lum .ui-datepicker-header
	{
		background:#ED8D00;
	}

	.color-general-lum .ui-datepicker-week-end
	{
		background:#ED8D0055;
	}

	.color-general-lum .navbar-dark
	{
	  background:#ED8D00;
	}


	.color-general-lum .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-lum .btn-primary {
	  color: #FFFFFF;
	  background-color: #ED8D00;
	  border-color: #ED8D00;
	}

	.color-general-lum .btn-primary:hover 
	{
	  background-color: #FF9500;
	  border-color: #d39e00;
	}

	.color-general-lum .btn-primary:focus, .color-general-lum .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	}

	.color-general-lum .btn-primary.disabled, .color-general-lum .btn-primary:disabled {
	  color: #212529;
	  background-color: #ED8D00;
	  border-color: #ED8D00;
	}

	.color-general-lum .btn-primary:not(:disabled):not(.disabled):active, .color-general-lum .btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #d39e00;
	  border-color: #c69500;
	}

	.color-general-lum .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-lum .btn-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
	}



/*BIE*/
	
	.color-general-dgx::after,
	.color-general-tbie::after,
	.color-general-ubie::after,
	.color-general-cbie::after,
	.color-general-mbie::after,
	.color-general-nbie::after {
	  	content: "";
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


	.color-general-dgx::after
	{
	  	background-image: url('../img/background-dgx.png');
	}

	.color-general-tbie::after
	{
	  	background-image: url('../img/background-tbie.png');
	}

	.color-general-ubie::after
	{
	  	background-image: url('../img/background-ubie.png');
	}

	.color-general-cbie::after
	{
	  	background-image: url('../img/background-cbie.png');
	}

	.color-general-mbie::after
	{
	  	background-image: url('../img/background-mbie.png');
	}

	.color-general-nbie::after
	{
	  	background-image: url('../img/background-nbie.png');
	}

	.color-general-dgx .checkbox input:checked ~ .checkmark,
	.color-general-tbie .checkbox input:checked ~ .checkmark,
	.color-general-ubie .checkbox input:checked ~ .checkmark,
	.color-general-cbie .checkbox input:checked ~ .checkmark,
	.color-general-mbie .checkbox input:checked ~ .checkmark,
	.color-general-nbie .checkbox input:checked ~ .checkmark {
	    background-color: #506E9D;
	}

	.color-general-dgx .slider .ui-widget-header , 
	.color-general-tbie .slider .ui-widget-header , 
	.color-general-ubie .slider .ui-widget-header , 
	.color-general-cbie .slider .ui-widget-header ,
	.color-general-mbie .slider .ui-widget-header , 
	.color-general-nbie .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/bie.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-dgx .slider .ui-state-default, .color-general-dgx .slider .ui-widget-content .ui-state-default, .color-general-dgx .slider .ui-widget-header .ui-state-default,
	.color-general-tbie .slider .ui-state-default, .color-general-tbie .slider .ui-widget-content .ui-state-default, .color-general-tbie .slider .ui-widget-header .ui-state-default,
	.color-general-ubie .slider .ui-state-default, .color-general-ubie .slider .ui-widget-content .ui-state-default, .color-general-ubie .slider .ui-widget-header .ui-state-default,
	.color-general-cbie .slider .ui-state-default, .color-general-cbie .slider .ui-widget-content .ui-state-default, .color-general-cbie .slider .ui-widget-header .ui-state-default,
	.color-general-mbie .slider .ui-state-default, .color-general-mbie .slider .ui-widget-content .ui-state-default, .color-general-mbie .slider .ui-widget-header .ui-state-default,
	.color-general-nbie .slider .ui-state-default, .color-general-nbie .slider .ui-widget-content .ui-state-default, .color-general-nbie .slider .ui-widget-header .ui-state-default,  
	{
		background: #111111 url('../img/slider/bie_cabeza.png') 50% 50% repeat-x;
	}

	.hexagonal_dgx .hex .top , 
	.hexagonal_tbie .hex .top , 
	.hexagonal_ubie .hex .top , 
	.hexagonal_cbie .hex .top , 
	.hexagonal_mbie .hex .top , 
	.hexagonal_nbie .hex .top 
	{
	  border-bottom: 30px solid #506E9D;
	}

	.hexagonal_dgx .hex .middle , 
	.hexagonal_tbie .hex .middle , 
	.hexagonal_ubie .hex .middle , 
	.hexagonal_cbie .hex .middle , 
	.hexagonal_mbie .hex .middle , 
	.hexagonal_nbie .hex .middle 
	{
	  background: #506E9D;
	}
	.hexagonal_dgx .hex .bottom , 
	.hexagonal_tbie .hex .bottom , 
	.hexagonal_ubie .hex .bottom , 
	.hexagonal_cbie .hex .bottom , 
	.hexagonal_mbie .hex .bottom , 
	.hexagonal_nbie .hex .bottom 
	{
	  border-top: 30px solid #506E9D;
	}

	.color-general-dgx .ui-datepicker-header, 
	.color-general-tbie .ui-datepicker-header, 
	.color-general-ubie .ui-datepicker-header, 
	.color-general-cbie .ui-datepicker-header, 
	.color-general-mbie .ui-datepicker-header,
	.color-general-nbie .ui-datepicker-header
	{
		background:#506E9D;
	}

	.color-general-dgx .ui-datepicker-week-end, 
	.color-general-tbie .ui-datepicker-week-end, 
	.color-general-ubie .ui-datepicker-week-end, 
	.color-general-cbie .ui-datepicker-week-end, 
	.color-general-mbie .ui-datepicker-week-end, 
	.color-general-nbie .ui-datepicker-week-end
	{
		background:#506E9D55;
	}

	.color-general-dgx .navbar-dark, 
	.color-general-tbie .navbar-dark, 
	.color-general-ubie .navbar-dark, 
	.color-general-cbie .navbar-dark, 
	.color-general-mbie .navbar-dark, 
	.color-general-nbie .navbar-dark
	{
	  background:#506E9D;
	}


	.color-general-dgx .navbar-dark .navbar-nav .nav-link, 
	.color-general-tbie .navbar-dark .navbar-nav .nav-link, 
	.color-general-ubie .navbar-dark .navbar-nav .nav-link, 
	.color-general-cbie .navbar-dark .navbar-nav .nav-link, 
	.color-general-mbie .navbar-dark .navbar-nav .nav-link, 
	.color-general-nbie .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-dgx .btn-primary , 
	.color-general-tbie .btn-primary ,
	.color-general-ubie .btn-primary , 
	.color-general-cbie .btn-primary , 
	.color-general-mbie .btn-primary , 
	.color-general-nbie .btn-primary 
	{
	  color: #FFFFFF;
	  background-color: #506E9D;
	  border-color: #506E9D;
	}

	.color-general-dgx .btn-primary:hover , 
	.color-general-tbie .btn-primary:hover , 
	.color-general-ubie .btn-primary:hover , 
	.color-general-cbie .btn-primary:hover , 
	.color-general-mbie .btn-primary:hover , 
	.color-general-nbie .btn-primary:hover 
	{
	  background-color: #00B7FF;
	  border-color: #007FD3;
	}

	.color-general-dgx .btn-primary:focus, .color-general-dgx .btn-primary.focus , 
	.color-general-tbie .btn-primary:focus, .color-general-tbie .btn-primary.focus , 
	.color-general-ubie .btn-primary:focus, .color-general-ubie .btn-primary.focus , 
	.color-general-cbie .btn-primary:focus, .color-general-cbie .btn-primary.focus , 
	.color-general-mbie .btn-primary:focus, .color-general-mbie .btn-primary.focus , 
	.color-general-nbie .btn-primary:focus, .color-general-nbie .btn-primary.focus 
	{
	  box-shadow: 0 0 0 0.2rem rgba(7, 152, 255, 0.5);
	}

	.color-general-dgx .btn-primary.disabled, .color-general-dgx .btn-primary:disabled , 
	.color-general-tbie .btn-primary.disabled, .color-general-tbie .btn-primary:disabled , 
	.color-general-ubie .btn-primary.disabled, .color-general-ubie .btn-primary:disabled , 
	.color-general-cbie .btn-primary.disabled, .color-general-cbie .btn-primary:disabled , 
	.color-general-mbie .btn-primary.disabled, .color-general-mbie .btn-primary:disabled , 
	.color-general-nbie .btn-primary.disabled, .color-general-nbie .btn-primary:disabled 
	{
	  color: #212529;
	  background-color: #506E9D;
	  border-color: #506E9D;
	}

	.color-general-dgx .btn-primary:not(:disabled):not(.disabled):active, .color-general-dgx .btn-primary:not(:disabled):not(.disabled).active,.color-general-dgx .show > .btn-primary.dropdown-toggle , 
	.color-general-tbie .btn-primary:not(:disabled):not(.disabled):active, .color-general-tbie .btn-primary:not(:disabled):not(.disabled).active,.color-general-tbie .show > .btn-primary.dropdown-toggle , 
	.color-general-ubie .btn-primary:not(:disabled):not(.disabled):active, .color-general-ubie .btn-primary:not(:disabled):not(.disabled).active,.color-general-ubie .show > .btn-primary.dropdown-toggle , 
	.color-general-cbie .btn-primary:not(:disabled):not(.disabled):active, .color-general-cbie .btn-primary:not(:disabled):not(.disabled).active,.color-general-cbie .show > .btn-primary.dropdown-toggle , 
	.color-general-mbie .btn-primary:not(:disabled):not(.disabled):active, .color-general-mbie .btn-primary:not(:disabled):not(.disabled).active,.color-general-mbie .show > .btn-primary.dropdown-toggle , 
	.color-general-nbie .btn-primary:not(:disabled):not(.disabled):active, .color-general-nbie .btn-primary:not(:disabled):not(.disabled).active,.color-general-nbie .show > .btn-primary.dropdown-toggle 
	{
	  color: #212529;
	  background-color: #007FD3;
	  border-color: #008BC6;
	}

	.color-general-dgx .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-dgx .btn-primary:not(:disabled):not(.disabled).active:focus,.color-general-dgx .show > .btn-primary.dropdown-toggle:focus , 
	.color-general-tbie .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-tbie .btn-primary:not(:disabled):not(.disabled).active:focus,.color-general-tbie .show > .btn-primary.dropdown-toggle:focus , 
	.color-general-ubie .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-ubie .btn-primary:not(:disabled):not(.disabled).active:focus,.color-general-ubie .show > .btn-primary.dropdown-toggle:focus , 
	.color-general-cbie .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-cbie .btn-primary:not(:disabled):not(.disabled).active:focus,.color-general-cbie .show > .btn-primary.dropdown-toggle:focus , 
	.color-general-mbie .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-mbie .btn-primary:not(:disabled):not(.disabled).active:focus,.color-general-mbie .show > .btn-primary.dropdown-toggle:focus , 
	.color-general-nbie .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-nbie .btn-primary:not(:disabled):not(.disabled).active:focus,.color-general-nbie .show > .btn-primary.dropdown-toggle:focus 
	{
	  box-shadow: 0 0 0 0.2rem rgba(7, 152, 255, 0.5);
	}



/*BIE*/
	
	.color-general-bie::after {
	  	content: "";
	  	background-image: url('../img/background-bie.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.color-general-bie .checkbox input:checked ~ .checkmark {
	    background-color: #506E9D;
	}

	.color-general-bie .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/bie.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-bie .slider .ui-state-default, .color-general-bie .slider .ui-widget-content .ui-state-default, .color-general-bie .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/bie_cabeza.png') 50% 50% repeat-x;
	}

	.hexagonal_bie .hex .top 
	{
	  border-bottom: 30px solid #506E9D;
	}

	.hexagonal_bie .hex .middle 
	{
	  background: #506E9D;
	}
	.hexagonal_bie .hex .bottom 
	{
	  border-top: 30px solid #506E9D;
	}

	.color-general-bie .ui-datepicker-header
	{
		background:#506E9D;
	}

	.color-general-bie .ui-datepicker-week-end
	{
		background:#506E9D55;
	}

	.color-general-bie .navbar-dark
	{
	  background:#506E9D;
	}


	.color-general-bie .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-bie .btn-primary {
	  color: #FFFFFF;
	  background-color: #506E9D;
	  border-color: #506E9D;
	}

	.color-general-bie .btn-primary:hover 
	{
	  background-color: #00B7FF;
	  border-color: #007FD3;
	}

	.color-general-bie .btn-primary:focus, .color-general-bie .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(7, 152, 255, 0.5);
	}

	.color-general-bie .btn-primary.disabled, .color-general-bie .btn-primary:disabled {
	  color: #212529;
	  background-color: #506E9D;
	  border-color: #506E9D;
	}

	.color-general-bie .btn-primary:not(:disabled):not(.disabled):active, .color-general-bie .btn-primary:not(:disabled):not(.disabled).active,
	.color-general-bie .show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #007FD3;
	  border-color: #008BC6;
	}

	.color-general-bie .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-bie .btn-primary:not(:disabled):not(.disabled).active:focus,
	.color-general-bie .show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(7, 152, 255, 0.5);
	}




/*AZUL*/
	
	.color-general-azul::after {
	  	content: "";
	  	background-image: url('../img/background-prk.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.color-general-azul .checkbox input:checked ~ .checkmark {
	    background-color: #238CD7;
	}

	.color-general-azul .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/azul.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-azul .slider .ui-state-default, .color-general-azul .slider .ui-widget-content .ui-state-default, .color-general-azul .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/azul_cabeza.png') 50% 50% repeat-x;
	}

	.hexagonal_azul .hex .top 
	{
	  border-bottom: 30px solid #238CD7;
	}

	.hexagonal_azul .hex .middle 
	{
	  background: #238CD7;
	}
	.hexagonal_azul .hex .bottom 
	{
	  border-top: 30px solid #238CD7;
	}

	.hexagonal_turquesa .hex .top 
	{
	  border-bottom: 30px solid #00D1CA;
	}

	.hexagonal_turquesa .hex .middle 
	{
	  background: #00D1CA;
	}
	.hexagonal_turquesa .hex .bottom 
	{
	  border-top: 30px solid #00D1CA;
	}

	.color-general-azul .ui-datepicker-header
	{
		background:#238CD7;
	}

	.color-general-azul .ui-datepicker-week-end
	{
		background:#238CD755;
	}

	.color-general-azul .navbar-dark
	{
	  background:#238CD7;
	}


	.color-general-azul .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-azul .btn-primary {
	  color: #FFFFFF;
	  background-color: #238CD7;
	  border-color: #238CD7;
	}

	.color-general-azul .btn-primary:hover 
	{
	  background-color: #00B7FF;
	  border-color: #007FD3;
	}

	.color-general-azul .btn-primary:focus, .color-general-azul .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(7, 152, 255, 0.5);
	}

	.color-general-azul .btn-primary.disabled, .color-general-azul .btn-primary:disabled {
	  color: #212529;
	  background-color: #238CD7;
	  border-color: #238CD7;
	}

	.color-general-azul .btn-primary:not(:disabled):not(.disabled):active, .color-general-azul .btn-primary:not(:disabled):not(.disabled).active,
	.color-general-azul .show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #007FD3;
	  border-color: #008BC6;
	}

	.color-general-azul .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-azul .btn-primary:not(:disabled):not(.disabled).active:focus,
	.color-general-azul .show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(7, 152, 255, 0.5);
	}



/*VERDE*/
	
	.color-general-verde .checkbox input:checked ~ .checkmark {
	    background-color: #6BA245;
	}

	.color-general-verde .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/verde.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-verde .slider .ui-state-default, .color-general-verde .slider .ui-widget-content .ui-state-default, .color-general-verde .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/verde_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_verde .hex .top 
	{
	  border-bottom: 30px solid #6BA245;
	}

	.hexagonal_verde .hex .middle 
	{
	  background: #6BA245;
	}
	.hexagonal_verde .hex .bottom 
	{
	  border-top: 30px solid #6BA245;
	}

	.color-general-verde .ui-datepicker-header
	{
		background:#6BA245;
	}

	.color-general-verde .ui-datepicker-week-end
	{
		background:#6BA24555;
	}

	.color-general-verde .navbar-dark
	{
	  background:#6BA245;
	}


	.color-general-verde .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-verde .btn-primary {
	  color: #FFFFFF;
	  background-color: #6BA245;
	  border-color: #6BA245;
	}

	.color-general-verde .btn-primary:hover 
	{
	  background-color: #3AAD00;
	  border-color: #06910F;
	}

	.color-general-verde .btn-primary:focus, .color-general-verde .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(37, 186, 89, 0.5);
	}

	.color-general-verde .btn-primary.disabled, .color-general-verde .btn-primary:disabled {
	  color: #212529;
	  background-color: #6BA245;
	  border-color: #6BA245;
	}

	.color-general-verde .btn-primary:not(:disabled):not(.disabled):active, .color-general-verde .btn-primary:not(:disabled):not(.disabled).active,
	.color-general-verde .show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #06910F;
	  border-color: #048F20;
	}

	.color-general-verde .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-verde .btn-primary:not(:disabled):not(.disabled).active:focus,
	.color-general-verde .show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(37, 186, 89, 0.5);
	}


/*MORADO*/
	
	.color-general-morado .checkbox input:checked ~ .checkmark {
	    background-color: #6D3D8F;
	}

	.color-general-morado .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/morado.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-morado .slider .ui-state-default, .color-general-morado .slider .ui-widget-content .ui-state-default, .color-general-morado .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/morado_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_morado .hex .top 
	{
	  border-bottom: 30px solid #6D3D8F;
	}

	.hexagonal_morado .hex .middle 
	{
	  background: #6D3D8F;
	}
	.hexagonal_morado .hex .bottom 
	{
	  border-top: 30px solid #6D3D8F;
	}

	.color-general-morado .ui-datepicker-header
	{
		background:#6D3D8F;
	}

	.color-general-morado .ui-datepicker-week-end
	{
		background:#6D3D8F55;
	}

	.color-general-morado .navbar-dark
	{
	  background:#6D3D8F;
	}


	.color-general-morado .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-morado .btn-primary {
	  color: #FFFFFF;
	  background-color: #6D3D8F;
	  border-color: #6D3D8F;
	}

	.color-general-morado .btn-primary:hover 
	{
	  background-color: #6B00AD;
	  border-color: #750691;
	}

	.color-general-morado .btn-primary:focus, .color-general-morado .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(146, 37, 186, 0.5);
	}

	.color-general-morado .btn-primary.disabled, .color-general-morado .btn-primary:disabled {
	  color: #212529;
	  background-color: #6D3D8F;
	  border-color: #6D3D8F;
	}

	.color-general-morado .btn-primary:not(:disabled):not(.disabled):active, .color-general-morado .btn-primary:not(:disabled):not(.disabled).active,
	.color-general-morado .show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #750691;
	  border-color: #71048F;
	}

	.color-general-morado .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-morado .btn-primary:not(:disabled):not(.disabled).active:focus,
	.color-general-morado .show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(146, 37, 186, 0.5);
	}



/*TADO*/
	.color-general-tado::after {
	  	content: "";
	  	background-image: url('../img/background-tado.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}
	.color-general-tado .checkbox input:checked ~ .checkmark {
	    background-color: #0096d1;
	}

	.color-general-tado .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/tado.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-tado .slider .ui-state-default, .color-general-tado .slider .ui-widget-content .ui-state-default, .color-general-tado .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/tado_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_morado .hex .top 
	{
	  border-bottom: 30px solid #0096d1;
	}

	.hexagonal_morado .hex .middle 
	{
	  background: #0096d1;
	}
	.hexagonal_morado .hex .bottom 
	{
	  border-top: 30px solid #0096d1;
	}

	.color-general-tado .ui-datepicker-header
	{
		background:#0096d1;
	}

	.color-general-tado .ui-datepicker-week-end
	{
		background:#0096d155;
	}

	.color-general-tado .navbar-dark
	{
	  background:#0096d1;
	}


	.color-general-tado .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-tado .btn-primary {
	  color: #FFFFFF;
	  background-color: #0096d1;
	  border-color: #0096d1;
	}

	.color-general-tado .btn-primary:hover 
	{
	  background-color: #036e99;
	  border-color: #075b7c;
	}

	.color-general-tado .btn-primary:focus, .color-general-tado .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(146, 37, 186, 0.5);
	}

	.color-general-tado .btn-primary.disabled, .color-general-tado .btn-primary:disabled {
	  color: #212529;
	  background-color: #0096d1;
	  border-color: #0096d1;
	}

	.color-general-tado .btn-primary:not(:disabled):not(.disabled):active, .color-general-tado .btn-primary:not(:disabled):not(.disabled).active,
	.color-general-tado .show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #075b7c;
	  border-color: #036e99;
	}

	.color-general-tado .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-tado .btn-primary:not(:disabled):not(.disabled).active:focus,
	.color-general-tado .show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(146, 37, 186, 0.5);
	}




/*FREZZER*/
	.color-general-frz::after {
	  	content: "";
	  	background-image: url('../img/background-frz.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.background-square::before {
	  	content: "";
	  	background-image: url('../img/fondo-cuadros2.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top left;
		background-size: 600px auto;
	  	opacity: 0.1;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


	.color-general-frz .checkbox input:checked ~ .checkmark {
	    background-color: #61AFC7;
	}

	.cal_frz .cal_valor_0
	{
		background-image: linear-gradient(90deg, #61AFC7 0%, transparent 0px);
	}

	.cal_frz .cal_valor_1
	{
		background-image: linear-gradient(90deg, #61AFC7 10%, transparent 0px);
	}
	.cal_frz .cal_valor_2
	{
		background-image: linear-gradient(90deg, #61AFC7 20%, transparent 0px);
	}
	.cal_frz .cal_valor_3
	{
		background-image: linear-gradient(90deg, #61AFC7 30%, transparent 0px);
	}
	.cal_frz .cal_valor_4
	{
		background-image: linear-gradient(90deg, #61AFC7 40%, transparent 0px);
	}
	.cal_frz .cal_valor_5
	{
		background-image: linear-gradient(90deg, #61AFC7 50%, transparent 0px);
	}
	.cal_frz .cal_valor_6
	{
		background-image: linear-gradient(90deg, #61AFC7 60%, transparent 0px);
	}
	.cal_frz .cal_valor_7
	{
		background-image: linear-gradient(90deg, #61AFC7 70%, transparent 0px);
	}
	.cal_frz .cal_valor_8
	{
		background-image: linear-gradient(90deg, #61AFC7 80%, transparent 0px);
	}
	.cal_frz .cal_valor_9
	{
		background-image: linear-gradient(90deg, #61AFC7 90%, transparent 0px);
	}
	.cal_frz .cal_valor_A, .cal_frz .cal_valor_10
	{
		background-image: linear-gradient(90deg, #61AFC7 100%, transparent 0px);
	}

	.color-general-frz .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/frez.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-frz .slider .ui-state-default, .color-general-frz .slider .ui-widget-content .ui-state-default, .color-general-frz .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/naranja_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_frz .hex .top 
	{
	  border-bottom: 30px solid #61AFC7;
	}

	.hexagonal_frz .hex .middle 
	{
	  background: #61AFC7;
	}
	.hexagonal_frz .hex .bottom 
	{
	  border-top: 30px solid #61AFC7;
	}

	.color-general-frz .ui-datepicker-header
	{
		background:#61AFC7;
	}

	.color-general-frz .ui-datepicker-week-end
	{
		background:#61AFC755;
	}

	.color-general-frz .navbar-dark
	{
	  background:#61AFC7;
	}


	.color-general-frz .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-frz .btn-primary {
	  color: #FFFFFF;
	  background-color: #61AFC7;
	  border-color: #61AFC7;
	}

	.color-general-frz .btn-primary:hover 
	{
	  background-color: #68b3ca;
	  border-color: #358097;
	}

	.color-general-frz .btn-primary:focus, .color-general-frz .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}

	.color-general-frz .btn-primary.disabled, .color-general-frz .btn-primary:disabled {
	  color: #212529;
	  background-color: #61AFC7;
	  border-color: #61AFC7;
	}

	.color-general-frz .btn-primary:not(:disabled):not(.disabled):active, .color-general-frz .btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #358097;
	  border-color: #68b3ca;
	}

	.color-general-frz .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-frz .btn-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}


/*INFRARROJOS*/
	.color-general-infrarrojos::after {
	  	content: "";
	  	background-image: url('../img/background-infrarrojos.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.background-square::before {
	  	content: "";
	  	background-image: url('../img/fondo-cuadros2.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top left;
		background-size: 600px auto;
	  	opacity: 0.1;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


	.color-general-infrarrojos .checkbox input:checked ~ .checkmark {
	    background-color: #c76161;
	}

	.cal_infrarrojos .cal_valor_0
	{
		background-image: linear-gradient(90deg, #c76161 0%, transparent 0px);
	}

	.cal_infrarrojos .cal_valor_1
	{
		background-image: linear-gradient(90deg, #c76161 10%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_2
	{
		background-image: linear-gradient(90deg, #c76161 20%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_3
	{
		background-image: linear-gradient(90deg, #c76161 30%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_4
	{
		background-image: linear-gradient(90deg, #c76161 40%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_5
	{
		background-image: linear-gradient(90deg, #c76161 50%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_6
	{
		background-image: linear-gradient(90deg, #c76161 60%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_7
	{
		background-image: linear-gradient(90deg, #c76161 70%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_8
	{
		background-image: linear-gradient(90deg, #c76161 80%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_9
	{
		background-image: linear-gradient(90deg, #c76161 90%, transparent 0px);
	}
	.cal_infrarrojos .cal_valor_A, .cal_infrarrojos .cal_valor_10
	{
		background-image: linear-gradient(90deg, #c76161 100%, transparent 0px);
	}

	.color-general-infrarrojos .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/frez.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-infrarrojos .slider .ui-state-default, .color-general-infrarrojos .slider .ui-widget-content .ui-state-default, .color-general-infrarrojos .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/naranja_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_infrarrojos .hex .top 
	{
	  border-bottom: 30px solid #c76161;
	}

	.hexagonal_infrarrojos .hex .middle 
	{
	  background: #c76161;
	}
	.hexagonal_infrarrojos .hex .bottom 
	{
	  border-top: 30px solid #c76161;
	}

	.color-general-infrarrojos .ui-datepicker-header
	{
		background:#c76161;
	}

	.color-general-infrarrojos .ui-datepicker-week-end
	{
		background:#c7616155;
	}

	.color-general-infrarrojos .navbar-dark
	{
	  background:#c76161;
	}


	.color-general-infrarrojos .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-infrarrojos .btn-primary {
	  color: #FFFFFF;
	  background-color: #c76161;
	  border-color: #c76161;
	}

	.color-general-infrarrojos .btn-primary:hover 
	{
	  background-color: #68b3ca;
	  border-color: #358097;
	}

	.color-general-infrarrojos .btn-primary:focus, .color-general-infrarrojos .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}

	.color-general-infrarrojos .btn-primary.disabled, .color-general-infrarrojos .btn-primary:disabled {
	  color: #212529;
	  background-color: #c76161;
	  border-color: #c76161;
	}

	.color-general-infrarrojos .btn-primary:not(:disabled):not(.disabled):active, .color-general-infrarrojos .btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #358097;
	  border-color: #68b3ca;
	}

	.color-general-infrarrojos .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-infrarrojos .btn-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}



/*cleanchannel*/
	.color-general-cleanchannel::after {
	  	content: "";
	  	background-image: url('../img/background-cleanchannel.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.background-square::before {
	  	content: "";
	  	background-image: url('../img/fondo-cuadros2.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top left;
		background-size: 600px auto;
	  	opacity: 0.1;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


	.color-general-cleanchannel .checkbox input:checked ~ .checkmark {
	    background-color: #24248C;
	}

	.cal_cleanchannel .cal_valor_0
	{
		background-image: linear-gradient(90deg, #24248C 0%, transparent 0px);
	}

	.cal_cleanchannel .cal_valor_1
	{
		background-image: linear-gradient(90deg, #24248C 10%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_2
	{
		background-image: linear-gradient(90deg, #24248C 20%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_3
	{
		background-image: linear-gradient(90deg, #24248C 30%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_4
	{
		background-image: linear-gradient(90deg, #24248C 40%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_5
	{
		background-image: linear-gradient(90deg, #24248C 50%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_6
	{
		background-image: linear-gradient(90deg, #24248C 60%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_7
	{
		background-image: linear-gradient(90deg, #24248C 70%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_8
	{
		background-image: linear-gradient(90deg, #24248C 80%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_9
	{
		background-image: linear-gradient(90deg, #24248C 90%, transparent 0px);
	}
	.cal_cleanchannel .cal_valor_A, .cal_cleanchannel .cal_valor_10
	{
		background-image: linear-gradient(90deg, #24248C 100%, transparent 0px);
	}

	.color-general-cleanchannel .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/frez.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-cleanchannel .slider .ui-state-default, .color-general-cleanchannel .slider .ui-widget-content .ui-state-default, .color-general-cleanchannel .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/naranja_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_cleanchannel .hex .top 
	{
	  border-bottom: 30px solid #24248C;
	}

	.hexagonal_cleanchannel .hex .middle 
	{
	  background: #24248C;
	}
	.hexagonal_cleanchannel .hex .bottom 
	{
	  border-top: 30px solid #24248C;
	}

	.color-general-cleanchannel .ui-datepicker-header
	{
		background:#24248C;
	}

	.color-general-cleanchannel .ui-datepicker-week-end
	{
		background:#24248C55;
	}

	.color-general-cleanchannel .navbar-dark
	{
	  background:#24248C;
	}


	.color-general-cleanchannel .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-cleanchannel .btn-primary {
	  color: #FFFFFF;
	  background-color: #24248C;
	  border-color: #24248C;
	}

	.color-general-cleanchannel .btn-primary:hover 
	{
	  background-color: #68b3ca;
	  border-color: #358097;
	}

	.color-general-cleanchannel .btn-primary:focus, .color-general-cleanchannel .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}

	.color-general-cleanchannel .btn-primary.disabled, .color-general-cleanchannel .btn-primary:disabled {
	  color: #212529;
	  background-color: #24248C;
	  border-color: #24248C;
	}

	.color-general-cleanchannel .btn-primary:not(:disabled):not(.disabled):active, .color-general-cleanchannel .btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #358097;
	  border-color: #68b3ca;
	}

	.color-general-cleanchannel .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-cleanchannel .btn-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}

/*Pnatalla*/
	.color-general-pan::after {
	  	content: "";
	  	background-image: url('../img/background-pan.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);

	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

/*ewon*/
	.color-general-ewon::after {
	  	content: "";
	  	background-image: url('../img/background-ewon.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}

	.background-square::before {
	  	content: "";
	  	background-image: url('../img/fondo-cuadros2.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top left;
		background-size: 600px auto;
	  	opacity: 0.1;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


	.color-general-ewon .checkbox input:checked ~ .checkmark {
	    background-color: #24248C;
	}

	.cal_ewon .cal_valor_0
	{
		background-image: linear-gradient(90deg, #24248C 0%, transparent 0px);
	}

	.cal_ewon .cal_valor_1
	{
		background-image: linear-gradient(90deg, #24248C 10%, transparent 0px);
	}
	.cal_ewon .cal_valor_2
	{
		background-image: linear-gradient(90deg, #24248C 20%, transparent 0px);
	}
	.cal_ewon .cal_valor_3
	{
		background-image: linear-gradient(90deg, #24248C 30%, transparent 0px);
	}
	.cal_ewon .cal_valor_4
	{
		background-image: linear-gradient(90deg, #24248C 40%, transparent 0px);
	}
	.cal_ewon .cal_valor_5
	{
		background-image: linear-gradient(90deg, #24248C 50%, transparent 0px);
	}
	.cal_ewon .cal_valor_6
	{
		background-image: linear-gradient(90deg, #24248C 60%, transparent 0px);
	}
	.cal_ewon .cal_valor_7
	{
		background-image: linear-gradient(90deg, #24248C 70%, transparent 0px);
	}
	.cal_ewon .cal_valor_8
	{
		background-image: linear-gradient(90deg, #24248C 80%, transparent 0px);
	}
	.cal_ewon .cal_valor_9
	{
		background-image: linear-gradient(90deg, #24248C 90%, transparent 0px);
	}
	.cal_ewon .cal_valor_A, .cal_ewon .cal_valor_10
	{
		background-image: linear-gradient(90deg, #24248C 100%, transparent 0px);
	}

	.color-general-ewon .slider .ui-widget-header 
	{
		background: #333333 url('../img/slider/frez.png') 50% 50% repeat;
		background-position-x: 50%;
		background-position-y: 50%;
	}

	.color-general-ewon .slider .ui-state-default, .color-general-ewon .slider .ui-widget-content .ui-state-default, .color-general-ewon .slider .ui-widget-header .ui-state-default 
	{
		background: #111111 url('../img/slider/naranja_cabeza.png') 50% 50% repeat-x;
	}
	.hexagonal_ewon .hex .top 
	{
	  border-bottom: 30px solid #24248C;
	}

	.hexagonal_ewon .hex .middle 
	{
	  background: #24248C;
	}
	.hexagonal_ewon .hex .bottom 
	{
	  border-top: 30px solid #24248C;
	}

	.color-general-ewon .ui-datepicker-header
	{
		background:#24248C;
	}

	.color-general-ewon .ui-datepicker-week-end
	{
		background:#24248C55;
	}

	.color-general-ewon .navbar-dark
	{
	  background:#24248C;
	}


	.color-general-ewon .navbar-dark .navbar-nav .nav-link
	{
	  color:white;
	}

	.color-general-ewon .btn-primary {
	  color: #FFFFFF;
	  background-color: #24248C;
	  border-color: #24248C;
	}

	.color-general-ewon .btn-primary:hover 
	{
	  background-color: #68b3ca;
	  border-color: #358097;
	}

	.color-general-ewon .btn-primary:focus, .color-general-ewon .btn-primary.focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}

	.color-general-ewon .btn-primary.disabled, .color-general-ewon .btn-primary:disabled {
	  color: #212529;
	  background-color: #24248C;
	  border-color: #24248C;
	}

	.color-general-ewon .btn-primary:not(:disabled):not(.disabled):active, .color-general-ewon .btn-primary:not(:disabled):not(.disabled).active,
	.show > .btn-primary.dropdown-toggle {
	  color: #212529;
	  background-color: #358097;
	  border-color: #68b3ca;
	}

	.color-general-ewon .btn-primary:not(:disabled):not(.disabled):active:focus, .color-general-ewon .btn-primary:not(:disabled):not(.disabled).active:focus,
	.show > .btn-primary.dropdown-toggle:focus {
	  box-shadow: 0 0 0 0.2rem rgba(97, 175, 199, 0.5);
	}


/*ewelink*/
	.color-general-ewelink::after {
	  	content: "";
	  	background-image: url('../img/background-ewelink.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: bottom right;
		background-size: auto calc(100% - 56px);
	  	opacity: 0.3;
	  	top: 0;
	  	left: 0;
	  	bottom: 0;
	  	right: 0;
	  	position: fixed;
	  	z-index: -1;   
	}


.map-control
{
  margin:5px;
  margin-top:9px;
}


.mapSelector
{
	box-shadow: 5px 0 10px 1px #555;
	position:absolute;
	background: #f9f9f9;
	width:270px;
	border:1px solid gray;
	border-radius:5px;
	right:0px;
	padding:5px;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	transition-duration: 1s;
	margin-right: 5px;
	font-size: 14px;
}
.mapSelector table
{
	margin-bottom:0px!important;
}

.mapLeyenda
{
	box-shadow: 5px 0 10px 1px #555;
	background: #f9f9f9;
	width: 70px;
	border: 1px solid gray;
	border-radius: 5px;
	padding: 5px;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	transition-duration: 0.5s;
	font-size: 14px;
	overflow:hidden;
}
.mapLeyenda tr td:nth-child(1)
{
	width:50px!important;
}
.mapLeyenda tr td
{
	height:50px;
	white-space: nowrap;
}
.mapLeyenda tr td:nth-child(2)
{
	display:none;
	font-size: 0px!important;

}

.mapLeyenda:hover
{
	width: 400px;
}

.mapLeyenda:hover tr td:nth-child(2)
{
	display:block!important;
	height:50px;
	font-size: 14px!important;
}

.mapLeyenda table
{
	margin-bottom:0px!important;
}

.hideMapRight
{
	-webkit-transform: translateX(+100%);
	transform: translateX(+100%);
	transition-duration: 1s;
	margin-right: -10px;
}

.top-hide
{
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	transition-duration: 1s;
	margin-top: -10px;
}

.top-show
{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	transition-duration: 1s;
	margin-top: 60px;

}




.right-show
{
	

}


.chosen-single
{
	line-height: 34px!important;
	height: 34px!important;
}

.chosen-single div
{
  padding-top: 5px;
}




.card-sub-header
{
  border:1px solid gray;
  padding:5px;
  margin-bottom: 0px;
}



.card-sub-body
{
 border:1px dashed gray;
 border-top:none;
}



.elmtagDetalle_bocadillo
{
	//height:140px;
	box-shadow: 0 0 10px 1px #555;
	padding-top:10px;
	padding-bottom:10px;
}

.elmtagDetalle_base
{
	border-radius:5px;
	background-color: #f2f2f2;
}




.slider
{
	width: calc(100% - 60px);
	margin-left: 30px;
}

.slider .ui-widget-header {
	border: 1px solid #a3a3a3;
	
	color: #eeeeee;
	font-weight: bold;
}

.slider .ui-state-default, .slider .ui-widget-content .ui-state-default, .slider .ui-widget-header .ui-state-default 
{
	border: 1px solid #777777;
	
	font-weight: normal;
	color: black;
	width:45px;
	text-align: center;
	font-size:14px;
	height: 22px;
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: black;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;


}




@media (max-width:768px) 
{
	.col-xs-1
	{
		width:calc( (100% / 12 ) * 1)!important;
	}
	.col-xs-2
	{
		width:calc( (100% / 12 ) * 2)!important;
	}
	.col-xs-3
	{
		width:calc( (100% / 12 ) * 3)!important;
	}
	.col-xs-4
	{
		width:calc( (100% / 12 ) * 4)!important;
	}
	.col-xs-5
	{
		width:calc( (100% / 12 ) * 5)!important;
	}
	.col-xs-6
	{
		width:calc( (100% / 12 ) * 6)!important;
	}
	.col-xs-7
	{
		width:calc( (100% / 12 ) * 7)!important;
	}
	.col-xs-8
	{
		width:calc( (100% / 12 ) * 8)!important;
	}
	.col-xs-9
	{
		width:calc( (100% / 12 ) * 9)!important;
	}
	.col-xs-10
	{
		width:calc( (100% / 12 ) * 10)!important;
	}
	.col-xs-11
	{
		width:calc( (100% / 12 ) * 11)!important;
	}
	.col-xs-12
	{
		width:calc( (100% / 12 ) * 12)!important;
	}
}



.over_number
{
	border: 2px solid #404040;
    text-decoration: none;
    font-weight: bold;
    color: #404040;
    background-color: #FFD800;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    margin-left: -10px;
    margin-top: -15px;
    opacity: 0;
}


.bg-disabled
{
	background-color: #ededed;
	color: #898989;
}


.input-sm
{
	min-height:34px;
}

.btn-xs
{
	height:20px;
	padding-top:0px;
	padding-bottom:0px;
	line-height: 20px;
	vertical-align: middle;
}


.map-right-menu
{
	width:150px;
	height:200px;
	border:1px solid black;
	background-color: red;
	position:absolute;
	display: none;
	z-index:1;
}



.mapcontextmenu
{
    background:#ffffff;
    border:1px solid #8888FF;
    z-index: 10;  
    position: absolute;
    width: 140px;
    display:none;
    z-index:1;
}
.mapcontextmenu div
{
    padding-left: 5px
}

.enlaces div
{
	background-color: #f2f2f2;
	padding:5px;
	border-radius:5px;
	box-shadow: 0 0 10px 1px #555;
	margin-top:10px;
	width:100%;
	padding-top:10px;
}


.popover 
{
	min-width:250px!important;
}



.boton_submenu
{
	padding:10px;
	border-bottom:5px solid #243459;
	font-size: 12px;
	cursor:pointer;
}


.left-bottom-map-control
{
	margin-left:-70px!important;
	margin-bottom:40px!important;
	cursor:pointer;
}

.left-bottom-map-control div
{
	margin-bottom:10px;
	cursor:pointer;
}


.unselectable a
{
	display:none!important;
	opacity:0;
}


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
	opacity:1;
}


.mapIconLabel {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'DINNextRoundedLTProMediumRegular';
}

.tipo_cli 
{
	display:none;
}


.nav-item.active a
{
	border-bottom:2px solid white;
	//text-decoration: underline!important;
	font-weight: bold;
}

.nav-item:active, .nav-item:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}


footer .container
{
	background-color: #f9f9f9;
	color:black;
	text-align:right;
	width:100%!important;
	max-width: 100%!important;
	
}

footer
{
	box-shadow: 0 0 5px 0px #555;
	background-color: #f9f9f9;
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:9999;
}

#contacto_telefono::before
{
	content: "+34 658 77 36 47";
}

#contacto_mail,#contacto_telefono,#guia_uso
{
	cursor:pointer;
	margin-right:15px;
}
#contacto_mail::before
{
	content: "sat@agc-net.com";
}

#guia_uso::before
{
	display:none;
	content: "/RESOURCES/manual/SmartCity.pdf";
}

.hor_power,.hor_heat, .hor_cool
{
	border-radius:3px;
	background: #045BA1;
	color:white;
	font-size:12px;
	height:40px;
	background-size:25px;
	background-repeat: no-repeat;
	background-position: right 3px top 7px;
	text-align: right;
	padding:3px;
	padding-right:30px;
	cursor:pointer;
	margin-bottom:5px;
}

.hor_power
{
	background-image: url('../img/power.png'); 

}

.hor_heat
{
	background-image: url('../img/heat.png'); 
}

.hor_cool
{
	background-image: url('../img/cool.png'); 
}