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


.html2canvas-container { height: 3000px !important; }


@media screen and (min-width: 1364px) and (min-height: 938px) and (max-width: 1366px) and (max-height: 940px)
{
	body {
	  position: fixed;
	  height: 100%;
	  width:100%;
	}


	.sidebar
	{

		z-index: 99999999999999999999999999999999999999999999999999999999999999999999;
	}
	.span-buscador
	{
		position: relative!important;
	}

	
}


a{color:black;}

.bg-warning
{
	background-color: #F7DAC3!important;
}
.bg-danger {
    background-color: #FF9C9C!important;
}

.left-side
{
	overflow:auto!important;
	top: 96px;
}
#barraRuta
{
	top:50px;
}
.content
{
	margin-top:105px;
}

.sub-div
{
	background-color:#EDECEC;
}

.bg-fase-r{background-color:#FFCCCC;}
.bg-fase-s{background-color:#D6F5D6}
.bg-fase-t{background-color:#CCCCFF}

.bg-gris{background-color:#F3F3F3}
.bg-gris-oscuro{background-color:#E9E8E8}

.box-body
{
	padding:15px;
}
.font-red
{
	color:red;
}
.font-blue
{
	color:blue;
}
.font-blue
{
	color:green;
}
.border-right
{
	border-right: 1px solid black!important;
}
.border-bottom
{
	border-bottom: 1px solid black!important;
}
.border-left
{
	border-left: 1px solid black!important;
}
.border-top
{
	border-top: 1px solid black!important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
	color: white!important;
}

/*
.DTFC_LeftWrapper, .DTFC_RightWrapper
{
	top:3px!important;
}
.DTFC_LeftHeadWrapper, .DTFC_RightHeadWrapper
{
	margin-bottom: -2px;
	z-index: 10;
}

.dataTables_wrapper th,.dataTables_wrapper td 
{
	white-space:nowrap;
	min-width:100px;
}
*/

#loading
{
	width:100%;
	height:100%;
	z-index:999999999999999999;
	background-color:black;
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity:0.5;
	position:fixed;
	top:0px;
	left:0px;
	text-align:center;
	display:none;
}

#barraRuta
{
	white-space: nowrap;
	text-align: right;
	overflow: auto;
	//padding: 0px!important;
}
#barraRuta h1
{
	float:left;
	//margin:10px;
}
#menuaux
{
	display: inline-block;
	margin-left:20px;
}
.menu-btn
{
	display: inline-block;
}

.seleccionable:hover
{
	cursor:pointer;
}

.seleccionado 
{
	background-color: #D0D0FD !important;
	font-weight: bold;
	color: #000;
}


button .fa
{.menu-btn, .menu-btn-selected
	font-size: 14px!important;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 3px!important;
}




label
{
	font-weight: normal;
	cursor:pointer;
	-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 */
}



/*BUSCADOR*/
.span-buscador
{
	-webkit-transform: translateZ(1);
	position: fixed;
	width: 220px;
	z-index: 1051;
	background-color: #f4f4f4;
	border-bottom: 1px solid #dbdbdb;
	height: 47px;
	margin-top: -46px;

}
.buscador
{
	-webkit-transform: translateZ(1);
	width: calc(100% - 4px);
	padding: 0 25px 0 15px;
	background-image: url(../img/search.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 190px;
	border-radius: 5px;
	margin: 10px 2px 10px 2px;

}

#menu
{
	-webkit-transform: translateZ(1);
}








/*INPUTS AND BUTTONS*/
.input-hidden, .tr-editable .span-visible
{
	display:none;
}

.input-noinput, .input-editable, .input-editable-noeditable
{
    background:transparent;
    border:0;
    border-bottom:solid 1px transparent;
    outline:none;
    width:100%;
    text-indent: 0.01px;
    text-overflow: '';
    min-height:23px;
}



.btn
{
	min-height: 23px;
}
.btn-file 
{
    position: relative;
    overflow: hidden;
}

.menu-btn-hide
{
	display:none;
}
.menu-btn-hide.show
{
	display:inline-block!important;
}

.btn-file input[type=file] 
{
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-file:hover
{
    color:black!important;
}

.textarea-notextarea
{
 	background:transparent;
    border:0;
    outline:none;
    width:100%;
    resize: none;
    height:auto;

}

select
{
	background: transparent none repeat scroll 0% 0%!important;
	padding-left: 0px!important;
}


.input-noinput:focus, .input-editable:focus 
{
	border-bottom:solid 1px #04B4AE;
}


.input-noinput[type='checkbox'],.tr-editable .input-noinput[type='checkbox']
{
	width:20px!important;
	border:0!important;
	background:none;
}


/*TABLES*/
.header th{border-bottom:1px solid black!important;}

.tr-editable .textarea-notextarea, .textarea-editable
{
    background:transparent;
    border:0;
    border-bottom:solid 1px #000;
    border-left:solid 1px #000;
    outline:none;
    color:#5858FA;
    width:100%;
    resize: vertical;
}

.tr-editable .input-hidden
 {
 	display:inline;
 }

.tr-editable
{
    background-color:#E6E6E6;
    color:#5858FA;
}

.tr-editable .input-noinput, .input-editable, .input-editable-noeditable
{
	border:0px;
	color:#5858FA;
    border-bottom:solid 1px #000;
    background: url("../img/edit.png") no-repeat scroll 0 0 transparent;
    background-size: 10px 10px;
	background-position: 0px 5px;
    padding-left:12px;
}

.input-editable:disabled
{
	border-bottom: solid 1px #aaa;
	background-color: #ddd;
	border-radius: 3px 3px 0px 0px;
}

.tr-subconsulta
{
    font-size:95%;
    background-color:#CEE3F6;
}

.tr-subconsulta td
{
	 background-color:#CEE3F6;
}

.tr-sub-subconsulta
{
    font-size:90%;
    background-color:#A9D0F5;
}

.tr-sub-sub-subconsulta
{
    font-size:85%;
    background-color:#81BEF7;
}

.tr-sub-sub-sub-subconsulta
{
    font-size:80%;
    background-color:#58ACFA;
}

.tr-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#2996FC;
}

.tr-sub-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#0181F9;
}
.tr-sub-sub-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#0272DB;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#0261BA;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#034D91;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#023B70;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-sub-sub-sub-subconsulta
{
    font-size:75%;
    background-color:#012342;
    color:white;
}

.mod
{
	background-color: #F7ECDB;
}
.tr-subconsultamod
{
    font-size:95%;
    background-color:#F6E6CE;
}

.tr-sub-subconsultamod
{
    font-size:90%;
    background-color:#F6D9A9;
}

.tr-sub-sub-subconsultamod
{
    font-size:85%;
    background-color:#F8C681;
}

.tr-sub-sub-sub-subconsultamod
{
    font-size:80%;
    background-color:#FBC258;
}

.tr-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#FD9A29;
}

.tr-sub-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#FB9200;
}
.tr-sub-sub-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#DC8D02;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#0261BA;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#034D91;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#023B70;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-sub-sub-sub-sub-subconsultamod
{
    font-size:75%;
    background-color:#012342;
    color:white;
}

.tr-sub-sub-sub-sub-sub-sub-subconsulta:hover,
.tr-sub-sub-sub-sub-sub-sub-sub-subconsulta:hover,
.tr-sub-sub-sub-sub-sub-sub-sub-sub-subconsulta:hover,
.tr-sub-sub-sub-sub-sub-sub-sub-sub-sub-subconsulta:hover,
.tr-sub-sub-sub-sub-sub-sub-sub-sub-sub-sub-subconsulta:hover
{
	color:black;
}

.bg-mostrar-sub-sub-sub-sub-sub-sub-sub-sub-sub-sub-sub
{
	background-color:#FFFFFF!important;
	color:black;
}

.bg-mostrar-sub-sub-sub-sub-sub-sub-sub-sub-sub-sub
{
	background-color:#F9F9FA!important;
	color:black;
}

.bg-mostrar-sub-sub-sub-sub-sub-sub-sub-sub-sub
{
	background-color:#F2F2F4!important;
	color:black;
}

.bg-mostrar-sub-sub-sub-sub-sub-sub-sub-sub
{
	background-color:#E3E3E7!important;
	color:black;
}

.bg-mostrar-sub-sub-sub-sub-sub-sub-sub
{
	background-color:#D4D4D6!important;
	color:black;
}

.bg-mostrar-sub,
.bg-mostrar-sub-sub,
.bg-mostrar-sub-sub-sub,
.bg-mostrar-sub-sub-sub-sub,
.bg-mostrar-sub-sub-sub-sub-sub,
.bg-mostrar-sub-sub-sub-sub-sub-sub,
.bg-mostrar-sub:hover,
.bg-mostrar-sub-sub:hover,
.bg-mostrar-sub-sub-sub:hover,
.bg-mostrar-sub-sub-sub-sub:hover,
.bg-mostrar-sub-sub-sub-sub-sub:hover,
.bg-mostrar-sub-sub-sub-sub-sub-sub:hover
{
	color:white;
}

.bg-mostrar-sub-sub-sub-sub-sub-sub
{
	background-color:#C5C5C6!important;
}
.bg-mostrar-sub-sub-sub-sub-sub
{
	background-color:#A2A2A2!important;
}

.bg-mostrar-sub-sub-sub-sub
{
	background-color:#848484!important;
}
.bg-mostrar-sub-sub-sub
{
	background-color:#6E6E6E!important;
}
.bg-mostrar-sub-sub
{
	background-color:#585858!important;
}
.bg-mostrar-sub
{
	background-color:#424242!important;
}

.tr-nohidden .hidden
{
	display:block!important;
	visibility:initial!important;
}






@media screen and (min-width: 650px) 
{
	.margin-top-45-no-phone
	{
		margin-top:45px!important;
	}
}

.caja
{

	min-height:45px;

	margin-bottom:5px;
}





.login-header{
    background-color: #2176C6!important;
}


.fa{
	display:initial;
}





@media screen and (min-width: 650px) 
{

	/*ALTOS FIJOS DE PANELES*/
	.alto-largo{
	    min-height: 400px!important;
	}

	.alto-medio{
	    min-height: 335px!important;
	}

	.alto-corto{
	    min-height: 180px!important;
	}

	.alto-muy-corto{
	    min-height: 100px!important;
	}
}









/*POPUPS*/

.panel-popup-form
{
	background-color:white;
	border:1px solid grey;
	//border-top:3px solid blue;
	//border-radius:5px;
	padding:10px;
	//padding-top:50px;
	left:50%;
	position:fixed;
	top:10%;
	width:0%;
	max-height:80%!important;
	overflow:auto!important;
}

@media screen and (max-width: 400px)
{
.panel-popup-form{
	top:50px;
	margin-left:-165px;
	width:330px;
	max-height:470px!important;
	}
}


.panel-popup-gris
{
	width:100%;
	height:120%;
	background-color:grey;
	position:fixed;
	top:0px;
	left:0px;
	opacity: 0.7;
	color:white;
	text-align:right;
	font-weight: bold;
	font-size:15px;
}

.panel-popup-form .box-header
{
	//position:absolute;
	//top:0;
	cursor:default!important;
}

.panel-popup-form .actions
{
	//position:absolute;
	//bottom:10px;
	//right:10px;
}

.scroll-x 
{
    display: none !important;
}


.right-side, .left-side 
{
    min-height: calc(100% - 100px);
}


@media screen and (max-width: 992px) 
{
	
  	.active .left-side 
  	{
  		left:0px!important;
  		z-index:99999999999999;
   	}
}

@media screen and (max-width: 560px) 
{
	.active .left-side {margin-top:110px!important;	}
}

@media screen and (max-width: 480px) 
{
	.active .left-side {margin-top:100px!important;	}
}

#barraRuta
{
	position: fixed;
	width: -webkit-calc(100% - 220px);
	width: -moz-calc(100% - 220px);
	width: calc( 100% - 220px);
	z-index: 1049;
}
body > .header {
    z-index: 1080;
}
.strech #barraRuta
{
	width: 100%;
}
@media screen and (max-width: 992px) 
{
	#barraRuta
	{
		width:100%!important;
	}
	.menu-btn
	{
		margin-top: 10px!important;
	}

	aside
	{
		padding-top: 1px;
	}
	
}
@media screen and (max-width: 560px) 
{
	#barraRuta
	{
		margin-top:50px;
	}
	#desk
	{
		margin-top:50px!important;
	}
	
}

.ocultarmostrarmenuaux
{
	margin-top:-4px;
	margin-bottom:-4px;
	//float:right;
	background-color: #3c8dbc;
	border-color: #367fa9;
	color:white;
	font-size: bold;
}
.ocultarmostrarmenuaux:hover
{
	color:white;
	
}

.ocultarmostrarmenuaux
{
	vertical-align: bottom!important;
}


.menu-btn, .menu-btn-selected
{
    width:40px;
    padding:5px!important;
    margin-bottom:-3px;
    margin-top:-3px;
    margin-left:5px;
    margin-right:5px;
}

.menu-btn-selected
{
	background-color: #E2EB63!important;
	//box-shadow: 0px 0px 10px orange;
	color: black !important;
	border-color: black!important;

}

.menu-btn-ep02
{
    width:40px;
    padding:5px!important;
    width: 8%;
	height: 25px;
	vertical-align: top;
	border-radius: 5px 5px 0px 0px;
	margin-top: 5px;
}

.menu-nav-aux
{
	z-index:10;
	position:absolute;
	border:none;
}


.menu-nav-aux tr td ul 
{
	display: none;
}

.menu-nav-aux tr td:hover > ul 
{
	display: block!important;
}



.menu-nav-aux tr 
{
	background: #efefef;
	padding: 0!important;
	display: block;
}

.menu-nav-aux tr:after 
{
	clear: both; 
	display: block;
}




.menu-nav-aux tr td 
{
	padding: 0!important;
}

.menu-nav-aux tr td:hover 
{
	padding: 0!important;
	background: #81BEF7;
	list-style: none;
}

.menu-nav-aux tr td:hover a
{
	color: #fff;
}

.menu-nav-aux tr td a 
{
	width:190px!important;
	display: block; padding: 5px 4px;
	color: #757575; text-decoration: none;
}

.menu-nav-aux  ul 
{
	z-index:200000;
	list-style: none;
	background: #58ACFA;
	padding: 0!important;
}

.menu-nav-aux  ul li 
{
	padding: 0!important;
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
}

.menu-nav-aux  ul li a 
{
	width:100%!important;

	padding: 5px 30px;
	color: #fff;
}

.menu-nav-aux  ul li a:hover 
{
	background: #4b545f;
}

.linea-seleccionada .linea-seleccionada
{
	background-color:red!important;
}

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



.btn-volver{
	padding:0 5px 0 5px;
	height:20px;
}



.alert-fixed
{
	left:50%;
	margin-left:-45%;
	width:90%;
	text-align:center;
	position:fixed;
	top:50px;
	z-index:9000!important;
	-webkit-backface-visibility:hidden;
}

@media screen and (max-width: 400px)
{
	.alert-fixed{
		left:50%;
		margin-left:-150px!important;
		width:300px!important;
	}
}


.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
{
	width:15px;
	height:15px;
	border: 1px solid black;
	border-radius:2px;
	float:left;
	margin-right:2px;
	background-color:white;
}

.cal-disabled .cal_valor_0,.cal-disabled .cal_valor_1,.cal-disabled .cal_valor_2,.cal-disabled .cal_valor_3,.cal-disabled .cal_valor_4,.cal-disabled .cal_valor_5,.cal-disabled .cal_valor_6,.cal-disabled .cal_valor_7,.cal-disabled .cal_valor_8,.cal-disabled .cal_valor_9,.cal-disabled .cal_valor_A
{
	background-color:#f2f2f2!important;
}

.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
{
	background-image: url("cal_valor.png");
	background-repeat: no-repeat;
	background-size: 50px;

}
.cal-disabled .cal_valor_1,.cal-disabled .cal_valor_2,.cal-disabled .cal_valor_3,.cal-disabled .cal_valor_4,.cal-disabled .cal_valor_5,.cal-disabled .cal_valor_6,.cal-disabled .cal_valor_7,.cal-disabled .cal_valor_8,.cal-disabled .cal_valor_9,.cal-disabled .cal_valor_A
{
	background-image: url("cal_valor_disabled.png")!important;
}

.cal_valor_1{background-position: 0px 9px;}
.cal_valor_2{background-position: 0px 8px;}
.cal_valor_3{background-position: 0px 7px;}
.cal_valor_4{background-position: 0px 6px;}
.cal_valor_5{background-position: 0px 5px;}
.cal_valor_6{background-position: 0px 4px;}
.cal_valor_7{background-position: 0px 3px;}
.cal_valor_8{background-position: 0px 2px;}
.cal_valor_9{background-position: 0px 1px;}

.cal_valor_A{background-position: 0px 0px; background-repeat: repeat;}


/*.cal_valor_1 span{background: -webkit-linear-gradient(#FFFFFF 10%, #000000);}
.cal_valor_2 span{background: -webkit-linear-gradient(#FFFFFF 20%, #000000);}
.cal_valor_3 span{background: -webkit-linear-gradient(#FFFFFF 30%, #000000);}
.cal_valor_4 span{background: -webkit-linear-gradient(#FFFFFF 40%, #000000);}
.cal_valor_5 span{background: -webkit-linear-gradient(#0000FF, #FF0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.cal_valor_6 span{background: -webkit-linear-gradient(#FFFFFF 60%, #000000);}
.cal_valor_7 span{background: -webkit-linear-gradient(#FFFFFF 70%, #000000);}
.cal_valor_8 span{background: -webkit-linear-gradient(#FFFFFF 80%, #000000);}
.cal_valor_9 span{background: -webkit-linear-gradient(#FFFFFF 90%, #000000);}*/

.cal_valor_0 span,.cal_valor_1 span,.cal_valor_2 span,.cal_valor_3 span,.cal_valor_4 span,.cal_valor_5 span,.cal_valor_6 span,.cal_valor_7 span,.cal_valor_8 span,.cal_valor_9 span,.cal_valor_A span
{
	color:white;
	font-size:12px;
	/*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; /* 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 */
    color:black;
    font-weight: bold;
    font-size:15px;

    line-height: 30px;
    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 screen and (max-width: 1007px)
{
	.cal_valor_0 span,.cal_valor_1 span,.cal_valor_2 span,.cal_valor_3 span,.cal_valor_4 span,.cal_valor_5 span,.cal_valor_6 span,.cal_valor_7 span,.cal_valor_8 span,.cal_valor_9 span,.cal_valor_A span
	{
		font-size:9px;
	}

	.cal-md span div
	{
		font-size: 9px;
	}
}

@media screen and (max-width: 1024px)
{
	.cal_valor_0 span,.cal_valor_1 span,.cal_valor_2 span,.cal_valor_3 span,.cal_valor_4 span,.cal_valor_5 span,.cal_valor_6 span,.cal_valor_7 span,.cal_valor_8 span,.cal_valor_9 span,.cal_valor_A span
	{
		font-size:10px;
	}

	.cal-md span div
	{
		font-size: 10px;
	}
}

@media screen and (max-width: 1279px)
{
	.cal_valor_0 span,.cal_valor_1 span,.cal_valor_2 span,.cal_valor_3 span,.cal_valor_4 span,.cal_valor_5 span,.cal_valor_6 span,.cal_valor_7 span,.cal_valor_8 span,.cal_valor_9 span,.cal_valor_A span
	{
		font-size:11px;
	}

	.cal-md span div
	{
		font-size: 11px;
	}
}

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


	.cal-md span div
	{
		font-size: 8px;
	}
}

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

	.cal-md span div
	{
		font-size: 9px;
	}
}

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


	.cal-md span div
	{
		font-size: 10px;
	}
}



.cal-md .cal_valor_0,.cal-md .cal_valor_1,.cal-md .cal_valor_2,.cal-md .cal_valor_3,.cal-md .cal_valor_4,.cal-md .cal_valor_5,.cal-md .cal_valor_6,.cal-md .cal_valor_7,.cal-md .cal_valor_8,.cal-md .cal_valor_9,.cal-md .cal_valor_A
{
	width:40px;
	height:40px;
	border: 1px solid black;
	border-radius:2px;
	float:left;
	margin-right:2px;
	background-color:white;
}

.cal-md .cal_valor_1{background-position: 0px 36px;}
.cal-md .cal_valor_2{background-position: 0px 32px;}
.cal-md .cal_valor_3{background-position: 0px 28px;}
.cal-md .cal_valor_4{background-position: 0px 24px;}
.cal-md .cal_valor_5{background-position: 0px 20px;}
.cal-md .cal_valor_6{background-position: 0px 16px;}
.cal-md .cal_valor_7{background-position: 0px 12px;}
.cal-md .cal_valor_8{background-position: 0px 8px;}
.cal-md .cal_valor_9{background-position: 0px 4px;}


















.miniatura_carpeta {
    min-width: 150px;
    height: 180px;
    border: 1px solid #000;
    border-radius: 0px 20px;
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
    padding: 0px 5px;
    background-color: #A9D0F5;
}














/*CONJUNTO SETA DE PARO*/
.seta-paro
{
	background-color: transparent;
	background-image: url('../img/seta-no-pulsada.png');
	width:50px;
	height:50px;
	background-size: 50px 50px;
	border: 0px !important;
}

.seta-paro:active
{
	background-image: url('../img/seta-pulsada.png');
	background-size: 50px 50px;
	border: 0px !important;
}




/*TEXT POSITION*/

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

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

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

.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}


/*TEXT COLORS*/
.text-red{color:#FF0000;}
.text-green{color:#00FF00;}
.text-blue{color:#5858FA;}
.text-black{color:#000000;}
.text-white{color:#FFFFFF;}

.text-bold{font-weight: bold;}

/*BORDERS*/

.border-red{border: 1px solid red!important;}

.border-top-red{border-top: 1px solid red!important;}
.border-bottom-red{border-bottom: 1px solid red!important;}
.border-left-red{border-left: 1px solid red!important;}
.border-right-red{border-right: 1px solid red!important;}


.border-shadow-black
{
	text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

















/*0001*/
#panelAnalisisPotencia canvas{width:99%!important;}

.ocultarPotencia, .ocultarReactiva{background-color:#D0FED0;}

.ocultarEnergia{background-color:#EBFFEB;}

.tr-subconsulta .ocultarPotencia,.tr-subconsulta .ocultarReactiva{background-color:#B5FEB5;}

.tr-subconsulta .ocultarEnergia{background-color:#D0FED0;}































/* EXPANSION BOOTSTRAP*/
/*DECIMAL COL*/
.col-lg-0-5{width:4.166666666666666%;}
.col-lg-1-5{width:12.5%;}
.col-lg-2-5{width:20.83333333333333%;}
.col-lg-3-5{width:29.16666666666666%;}
.col-lg-4-5{width:37.5%;}
.col-lg-5-5{width:45.83333333333333%;}
.col-lg-6-5{width:54.16666666666666%;}
.col-lg-7-5{width:62.5%;}
.col-lg-8-5{width:70.83333333333333%;}
.col-lg-9-5{width:79.16666666666666%;}
.col-lg-10-5{width:87.5%;}
.col-lg-11-5{width:95.83333333333333%;}

.col-lg-0-5 , .col-lg-1-5 , .col-lg-2-5 , .col-lg-3-5 , .col-lg-4-5 , .col-lg-5-5 , .col-lg-6-5 , .col-lg-7-5 , .col-lg-8-5 , .col-lg-9-5 , .col-lg-10-5 , .col-lg-11-5
{ 
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

/*RESTYLING*/
.navbar-nav > .user-menu > .dropdown-menu > li.user-header 
{
	height:auto;
}

.navbar-nav > .user-menu > .dropdown-menu 
{
	width:240px;
}

.row
{
	overflow: hidden;
	padding-top: 6px;
}
.table-responsive {
    overflow: auto;
}

.table:not(.table-condensed):not(.table-half-height) tr
{
	height:30px!important;
}

.table:not(.table-condensed):not(.table-half-height) td, .table:not(.table-condensed):not(.table-half-height) th
{
	padding-top:2px;
	padding-bottom:2px;
}


.table-half-height
{


}
.table-half-height tr
{

		height:20px!important;
}

.table-half-height td, .table-half-height th
{
		padding:1px!important;

}


.btn-xs
{
	width:23px;
}

/*POPUP*/
.panel-popup-form .pull-right
{
	float:none!important;
}

.panel-popup-form .pull-right li
{
	float:right!important;

}
.panel-popup-form .pull-right li:last-child
{
	margin-right:20px;
}

.panel-popup-form .pull-right .header
{
	float:left!important;
	font-weight: 400;
	font-size: 20px;

}

.panel-popup-form .popup-hidden
{
	display:none;
}













































/*EXTERNAL*/



/* jOrgCHART RESTYLING*/
.jOrgChart {
  margin                : 10px;
  padding               : 20px;
}

.jOrgChart .node 
{
	font-size 			: 12px;
	background-color 	: #3c8dbc;
	border-radius 		: 8px;
	border 				: 5px solid white;
	color 				: #FFFFFF;
	-moz-border-radius 	: 8px;
}
.node p{
		font-family 	: tahoma;
		font-size 		: 10px;
		line-height 	: 11px;
		padding 		: 2px;
}

.jOrgChart td 
{
    padding-right: 0px!important;
}

.jOrgChart .line 
{
    width: 2px!important;
    height: 10px!important;
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .jOrgChart .line {right:1px!important;}
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
  .jOrgChart .line {right:1px!important;}
}

.jOrgChart table:first-child
{
	margin:0 auto!important;
}

.jOrgChart table
{
	width:100%;
}

.jOrgChart div
{
	color:black;
}

.jOrgChart div:hover
{
	color:white!important;
	cursor:pointer;
}

.jOrgChart .node
{
	width: 80px !important;
    height: auto !important;
    padding: 3px;
    padding-bottom: 10px;
    padding-top: 10px;
	font-weight: bold;
	vertical-align: middle;
	border:1px solid black;
	border-radius:5px;
 	box-shadow: 5px 5px 5px #888888;
}

.jOrgChart .line
{
	position:relative;
}

.jOrgChart .selected, .jOrgChart .selected:hover
{
	background-color: #E2EB63!important;
	box-shadow: 0px 0px 10px orange;
	color:black!important;
}

.jOrgChart .selected_edit, .jOrgChart .selected_edit:hover
{
	background-color: #E2EB63!important;
	box-shadow: 0px 0px 10px orange;
	color:black!important;
}




/*DATATABLE RESTYLING*/

.paginate_button 
{
	font-weight: 500!important;
	border-radius: 3px!important;
	border: 1px solid transparent!important;
	padding-right: 5px;
	padding-left:5px;
}

.current
{
	background: #3C8DBC!important;
	border-color: #367FA9!important;
	color: #FFF;
}

.dataTables_length, .dataTables_info
{
   float:left;
}
.dataTables_filter, .dataTables_paginate
{
	float:right;
}

.sorting_desc, .sorting_asc
{
	color:#3C8DBC!important;
}

.disabled
{
	color:grey;
}

table.dataTable.DTFC_Cloned
{
	margin-top:2.5px!important;

}

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

}
/*.DTFC_LeftWrapper
{
		//background-color:white;
		//height:auto!important;
		//padding-bottom:3px;
		//border-right: 1px solid black;
}

.DTFC_LeftWrapper th:last-child, td:last-child
{
	padding-right:3px;
}

.DTFC_LeftFootWrapper
{
	position:absolute!important;
	bottom:-37px!important;
	top:auto!important;
	border-right: 1px solid black;
	width: 594px!important;
}*/



/*FULLCALENDAR*/
.fc-time{
   display : none!important;
}

.ui-draggable
{
	background-color:#F2F2F2;
	border-radius:5px;
	border:1px solid #424242;
	padding:10px;
	z-index:9999999999;
}

.ui-dialog-titlebar-close
{
	display:none;
}
.ui-dialog
{
	position:absolute!important;
}
.fc-event-container
{
	cursor:pointer;
}

.fc-sat, .fc-sun 
{ 
	background-color:#F2F2F2;
}

.fc-unthemed .fc-popover 
{
    overflow-y: scroll;
    height: 250px;
}


/*msDropDown RESTYLING*/

.select-msDropDown div
{
	width:150px!important;
	backgorund-color:#f2f2f2;
}

.select-msDropDown div:nth-child(2)
{
	//position:absolute;
}

.dd .ddTitle .ddTitleText {
    padding: 0px 15px 0px 0px!important;
}
.dd .ddTitle
{
	background:transparent!important;
}
.dd, .dd .divider
{
	border:0px!important;

}


/*DATEPICKER RESTYLING*/
.datepicker .active
{
	background-color:#3C8DBC!important;
	background-image: none!important;
}

/*OPENSTREETMAPS RESTYLING*/
.olMapViewport  div:first-child
{
	width:100%;
}

.olMap tspan
{
	text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}

.text-size-13 text
{
	font-size:13px!important;

}


/*FLOT*/
.pieLabelBackground
{
	background-color: transparent!important;
}

/*SLIDERS*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #3c8dbc;
    background: #3c8dbc 50% 50% repeat-x;
    font-weight: normal;
    color: #3c8dbc;
}
.slider-red .ui-state-default, .slider-red .ui-widget-content .ui-state-default, .slider-red.ui-widget-header .ui-state-default {
    border: 1px solid #BD3C3C;
    background: #BD3C3C 50% 50% repeat-x;
    font-weight: normal;
    color: #BD3C3C;
}

/*jQuery.ONOFF*/
.onoffswitch-inner::before 
{
	background-color: #82FA58;
	content: "ON";
}
.onoffswitch-inner::after
{
	color: white;
	background-color: #F5A9A9;
	content: "OFF";
}





/*FOR REVISION*/
.autocomplete_cliente 
{
    list-style-type: none;
    z-index:10;
    line-height:40px;
    width:200px;
    background-color:#FFF;
	padding:10px;
 	position:absolute;
	border-top:none;
	border: 1px #ddd solid;
}

.autocomplete_cliente li:hover
{
	cursor:pointer;
   	background-color:#ddd;
}


.ui-autocomplete{
    list-style-type: none;
    font-size:90%;
    background-color:white;
    cursor:pointer;
    width:30%;
    border:solid 1px #E6E6E6;
}

.ui-helper-hidden-accessible { display:none; }

.ui-widget-header {
    border: none;
    background: none;
    font-weight: normal;
    height: 0px!important;
}
.ui-dialog .ui-dialog-content{
	z-index: 9000 !important;
	display: block;
	min-height: 0px;
	max-height: none;
	height: auto!important;
	width: 100%!important;
}

.ui-dialog-buttonpane  {
    border: none;
    background: none;
}


.no-border-top
{
	border-top:none!important;
}
.no-border-top:hover
{
	background:transparent!important;
	background-color:transparent!important;
}













.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.shadow-parpadeo-red {
	box-shadow: 10px 10px 5px red;
	animation-name: shadow-parpadeo;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name:shadow-parpadeo;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes shadow-parpadeo{  
  0% { box-shadow: 0px 0px 20px red; }
  50% { box-shadow: 0px 0px 20px transparent; }
  100% { box-shadow: 0px 0px 20px red;}
}

@-webkit-keyframes shadow-parpadeo {  
  0% { box-shadow: 0px 0px 20px red; }
  50% { box-shadow: 0px 0px 20px transparent; }
  100% { box-shadow: 0px 0px 20px red;}
}

@keyframes shadow-parpadeo {  
  0% { box-shadow: 0px 0px 20px red; }
  50% { box-shadow: 0px 0px 20px transparent; }
  100% { box-shadow: 0px 0px 20px red;}
}





.parpadea-bg {
	animation-name: parpadeo-bg;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name:parpadeo-bg;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo-bg
{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo-bg 
{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo-bg 
{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}






.cursor-pointer
{
	cursor: pointer!important;
}

.cursor-help
{
	cursor: help!important;
}
.cursor-move
{
	cursor: move!important;
}












.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 23px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17.5px;
  width: 17.5px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

.slider-on, .slider-off
{
	position:relative;
	z-index: 999999;
	color:white;
	font-size: 15px;
	top:2px;

	left:-5px;

	
}

.slider-on{display:none;}

input:checked + .slider + .slider-on
{
	display:block;	
	margin-top:2.5px;
	top:1px;
	left:-25px;
}

input:checked + .slider + .slider-on + .slider-off
{
	display:none;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(19.5px);
  -ms-transform: translateX(19.5px);
  transform: translateX(19.5px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 23px;
}

.slider.round:before {
  border-radius: 50%;
}





.bie1,.bie3
{
	float:left;margin-top:10px;display:none;border-radius:5px;height:200px;
	width:330px;cursor:pointer;
}


.bie1
{
	background-image: url('../img/tbi-1.png');

}

.bie3
{
	background-image: url('../img/tbi-3.png');
}

.bie3 div
{
	color:white;
	font-size: 12px;
	line-height: 122px;
	text-align:center;
	width:330px!important;
	float:left;
	-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 */

}

.bie1 div
{
	color:white;
	font-size: 12px;
	line-height: 122px;
	text-align:center;
	width:110px!important;
	float:left;
	-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 */

}


.bie1:hover .conjunto,.bie3:hover .conjunto
{
	height: 200px!important;
	width:100%!important;
	position: relative;

	top:5px;
	float:none;
}

.bie1:hover .conjunto
{
	background-image: url('../img/tbie-integrar.png');
}



.bie3:hover .conjunto
{
	background-image: url('../img/tbie-separar.png');

	
}






@media screen and (max-width: 1350px) 
{
	.div-escalable
	{
		transform:scale(0.9);
	}
}

@media screen and (max-width: 1250px) 
{
	.div-escalable
	{
		transform:scale(0.8);
	}
}

@media screen and (max-width: 1150px) 
{
	.div-escalable
	{
		transform:scale(0.7);
	}
}

@media screen and (max-width: 950px) 
{
	.div-escalable
	{
		transform:scale(0.6);
	}
}

@media screen and (max-width: 150px) 
{
	.div-escalable
	{
		transform:scale(0.5);
	}
}




.jOrgChart .node {
    min-width: 80px !important;
    width: auto!important;
}




























.box.box-primary
{
	border:none!important;
}


.margin-bottom-10
{
	margin-bottom:10px!important;
}










.content
	{
		padding-top:25px!important;
		margin-top: 105px!important;
	}



/*intento de responsive*/
@media screen and (max-width: 994px) and (min-width: 650px)
{
	.content
	{
		padding-top:25px!important;
		margin-top: 55px!important;
	} 
}


	 

@media screen and (max-width: 560px)
{
	.content
	{
		padding:0px!important;
		padding-top:25px!important;
	} 

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
	{
		padding-right: 0px!important;
		padding-left: 0px!important;

	
	}

	.row
	{
		max-width: 100%!important;
		padding: 0px !important;
		width:100%;
		margin: 0px;
	}
	
	#barraRuta 
	{
		z-index:1051;

	}

	.nav-tabs-custom .nav-tabs
	{
		
	}


	.nav-tabs-custom .pull-left.header
	{
		//width: 100%!important;
	}


	.flot-x-axis .flot-tick-label,.leyenda
	{
		font-size: 7px;
		border-size:2px!important;
	}
}




.menu-btn .act
{
	display:none;
}
.menu-btn-selected img
{
	display:none;
	
}

.display-ep04
{
	display:none;
}



.nodo
{
	cursor:pointer;
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid black;
	border-radius: 5px;
	display:inline-block;
	margin: 10px;
	background:#3c8dbc;
	color:white;
	min-width: 80px
}

.nodo.selected
{
	background: yellow;
	color:black;
}

.col-header
{
	margin-top:5px;
	font-weight: bold;
	border-bottom:1px solid #A4A4A4;
	margin-bottom:3px;
}



 #holder.hover { border: 10px dashed #0c0 !important; }


.fa-flip-horizontal
 {
 	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"!important;
-webkit-transform: scale(-1, 1)!important;
-ms-transform: scale(-1, 1)!important;
transform: scale(-1, 1)!important;

 }

@media screen and (max-width: 1200px)
{
	.panel-popup-form
	{
		width:100%!important;
		margin-left:0px!important;
		left:0px!important;
		height:calc(90%)!important

	}
}

@media screen and (min-width: 1200px)
{
	.medio-panel-completo
	{
	 	width: 50%!important;
	 	margin: auto!important;
	}



}

.mapa img
{
	max-width:initial!important;
}


.mapa,#mapTools
{
	display:none;
	
}
.mapaComplete .content
{
	display:none;
}

.mapaComplete .mapa,.mapaComplete #mapTools
{
	display:block;

}



.mapa-cursor *
{
	cursor:  crosshair!important;
}


@media screen and (min-height: 110px){.mapa{height:15px;}}
@media screen and (min-height: 120px){.mapa{height:25px;}}
@media screen and (min-height: 130px){.mapa{height:35px;}}
@media screen and (min-height: 140px){.mapa{height:45px;}}
@media screen and (min-height: 150px){.mapa{height:55px;}}
@media screen and (min-height: 160px){.mapa{height:65px;}}
@media screen and (min-height: 170px){.mapa{height:75px;}}
@media screen and (min-height: 180px){.mapa{height:85px;}}
@media screen and (min-height: 190px){.mapa{height:95px;}}

@media screen and (min-height: 200px){.mapa{height:105px;}}
@media screen and (min-height: 210px){.mapa{height:115px;}}
@media screen and (min-height: 220px){.mapa{height:125px;}}
@media screen and (min-height: 230px){.mapa{height:135px;}}
@media screen and (min-height: 240px){.mapa{height:145px;}}
@media screen and (min-height: 250px){.mapa{height:155px;}}
@media screen and (min-height: 260px){.mapa{height:165px;}}
@media screen and (min-height: 270px){.mapa{height:175px;}}
@media screen and (min-height: 280px){.mapa{height:185px;}}
@media screen and (min-height: 290px){.mapa{height:195px;}}

@media screen and (min-height: 300px){.mapa{height:205px;}}
@media screen and (min-height: 310px){.mapa{height:215px;}}
@media screen and (min-height: 320px){.mapa{height:225px;}}
@media screen and (min-height: 330px){.mapa{height:235px;}}
@media screen and (min-height: 340px){.mapa{height:245px;}}
@media screen and (min-height: 350px){.mapa{height:255px;}}
@media screen and (min-height: 360px){.mapa{height:265px;}}
@media screen and (min-height: 370px){.mapa{height:275px;}}
@media screen and (min-height: 380px){.mapa{height:285px;}}
@media screen and (min-height: 390px){.mapa{height:295px;}}

@media screen and (min-height: 400px){.mapa{height:305px;}}
@media screen and (min-height: 410px){.mapa{height:315px;}}
@media screen and (min-height: 420px){.mapa{height:325px;}}
@media screen and (min-height: 430px){.mapa{height:335px;}}
@media screen and (min-height: 440px){.mapa{height:345px;}}
@media screen and (min-height: 450px){.mapa{height:355px;}}
@media screen and (min-height: 460px){.mapa{height:365px;}}
@media screen and (min-height: 470px){.mapa{height:375px;}}
@media screen and (min-height: 480px){.mapa{height:385px;}}
@media screen and (min-height: 490px){.mapa{height:395px;}}

@media screen and (min-height: 500px){.mapa{height:405px;}}
@media screen and (min-height: 510px){.mapa{height:415px;}}
@media screen and (min-height: 520px){.mapa{height:425px;}}
@media screen and (min-height: 530px){.mapa{height:435px;}}
@media screen and (min-height: 540px){.mapa{height:445px;}}
@media screen and (min-height: 550px){.mapa{height:455px;}}
@media screen and (min-height: 560px){.mapa{height:465px;}}
@media screen and (min-height: 570px){.mapa{height:475px;}}
@media screen and (min-height: 580px){.mapa{height:485px;}}
@media screen and (min-height: 590px){.mapa{height:495px;}}

@media screen and (min-height: 600px){.mapa{height:505px;}}
@media screen and (min-height: 610px){.mapa{height:515px;}}
@media screen and (min-height: 620px){.mapa{height:525px;}}
@media screen and (min-height: 630px){.mapa{height:535px;}}
@media screen and (min-height: 640px){.mapa{height:545px;}}
@media screen and (min-height: 650px){.mapa{height:555px;}}
@media screen and (min-height: 660px){.mapa{height:565px;}}
@media screen and (min-height: 670px){.mapa{height:575px;}}
@media screen and (min-height: 680px){.mapa{height:585px;}}
@media screen and (min-height: 690px){.mapa{height:595px;}}

@media screen and (min-height: 700px){.mapa{height:605px;}}
@media screen and (min-height: 710px){.mapa{height:615px;}}
@media screen and (min-height: 720px){.mapa{height:625px;}}
@media screen and (min-height: 730px){.mapa{height:635px;}}
@media screen and (min-height: 740px){.mapa{height:645px;}}
@media screen and (min-height: 750px){.mapa{height:655px;}}
@media screen and (min-height: 760px){.mapa{height:665px;}}
@media screen and (min-height: 770px){.mapa{height:675px;}}
@media screen and (min-height: 780px){.mapa{height:685px;}}
@media screen and (min-height: 790px){.mapa{height:695px;}}

@media screen and (min-height: 800px){.mapa{height:705px;}}
@media screen and (min-height: 810px){.mapa{height:715px;}}
@media screen and (min-height: 820px){.mapa{height:725px;}}
@media screen and (min-height: 830px){.mapa{height:735px;}}
@media screen and (min-height: 840px){.mapa{height:745px;}}
@media screen and (min-height: 850px){.mapa{height:755px;}}
@media screen and (min-height: 860px){.mapa{height:765px;}}
@media screen and (min-height: 870px){.mapa{height:775px;}}
@media screen and (min-height: 880px){.mapa{height:785px;}}
@media screen and (min-height: 890px){.mapa{height:795px;}}

@media screen and (min-height: 900px){.mapa{height:810px;}}
@media screen and (min-height: 910px){.mapa{height:820px;}}
@media screen and (min-height: 920px){.mapa{height:830px;}}
@media screen and (min-height: 930px){.mapa{height:840px;}}
@media screen and (min-height: 940px){.mapa{height:850px;}}
@media screen and (min-height: 950px){.mapa{height:860px;}}
@media screen and (min-height: 960px){.mapa{height:870px;}}
@media screen and (min-height: 970px){.mapa{height:880px;}}
@media screen and (min-height: 980px){.mapa{height:890px;}}
@media screen and (min-height: 990px){.mapa{height:900px;}}

@media screen and (min-height: 1000px){.mapa{height:910px;}}
@media screen and (min-height: 1010px){.mapa{height:920px;}}
@media screen and (min-height: 1020px){.mapa{height:930px;}}
@media screen and (min-height: 1030px){.mapa{height:940px;}}
@media screen and (min-height: 1040px){.mapa{height:950px;}}
@media screen and (min-height: 1050px){.mapa{height:960px;}}
@media screen and (min-height: 1060px){.mapa{height:970px;}}
@media screen and (min-height: 1070px){.mapa{height:980px;}}
@media screen and (min-height: 1080px){.mapa{height:990px;}}
@media screen and (min-height: 1090px){.mapa{height:1000px;}}

@media screen and (min-height: 1100px){.mapa{height:1010px;}}
@media screen and (min-height: 1110px){.mapa{height:1020px;}}
@media screen and (min-height: 1120px){.mapa{height:1030px;}}
@media screen and (min-height: 1130px){.mapa{height:1040px;}}
@media screen and (min-height: 1140px){.mapa{height:1050px;}}
@media screen and (min-height: 1150px){.mapa{height:1060px;}}
@media screen and (min-height: 1160px){.mapa{height:1070px;}}
@media screen and (min-height: 1170px){.mapa{height:1080px;}}
@media screen and (min-height: 1180px){.mapa{height:1090px;}}
@media screen and (min-height: 1190px){.mapa{height:1100px;}}

@media screen and (min-height: 1200px){.mapa{height:1110px;}}
@media screen and (min-height: 1210px){.mapa{height:1120px;}}
@media screen and (min-height: 1220px){.mapa{height:1130px;}}
@media screen and (min-height: 1230px){.mapa{height:1140px;}}
@media screen and (min-height: 1240px){.mapa{height:1150px;}}
@media screen and (min-height: 1250px){.mapa{height:1160px;}}
@media screen and (min-height: 1260px){.mapa{height:1170px;}}
@media screen and (min-height: 1270px){.mapa{height:1180px;}}
@media screen and (min-height: 1280px){.mapa{height:1190px;}}
@media screen and (min-height: 1290px){.mapa{height:1200px;}}















.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: 1.4rem;
  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 
{
  	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;
  	background-color: rgba(68, 67, 62, 0.8);
  	color: #fff;
  	font-size: 1.5em;
  	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  	cursor: pointer; 
	width: 29px;
	height: 29px;
	left: 239px;
	top: 6px;

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

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

.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;
}



.tags .tag-pruple
{
	border-left:3px solid purple;
}






.dragdropobj-height-170 span
{

	height: 170px !important;

}



.btn-menu-vertical
{
	display:inline-block;
	width:40px;
}




.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-hide
{
	-webkit-transform: translateX(+100%);
    transform: translateX(+100%);
    transition-duration: 1s;
    margin-right: -10px;
}

.right-show
{
	-webkit-transform: translateX(0%);
    transform: translateX(0%);
    transition-duration: 1s;
    margin-right: 390px;

}



.map-control
{
	margin:11px;
	cursor:pointer!important;
}

.map-control button
{
	font-size:11px!important;
	cursor:pointer!important;
}

#mapTools
{
	right:0px!important;
}


.ui-autocomplete
{
	width:220px!important;
	border-radius: 5px!important;
	border-top:2px solid gray;
	border-left:2px solid gray;
}


.fa.fa-period
{
	
	 background-image: url("https://cdn2.iconfinder.com/data/icons/staff-management/512/week-512.png");
    background-position: center center;
}

.fa.fa-variable
{
    background-image: url("../img/fa/fa-variable-white.png");
	background-position: center center;
	background-size: 20px 15px;
	padding: 15px;
	background-repeat: no-repeat;
}

.fa.fa-telegestion
{
    background-image: url("../img/fa/fa-telegestion-white.png");
	background-position: center center;
	background-size: 15px 25px;
	padding: 15px;
	background-repeat: no-repeat;
}

.fa.fa-hex
{
    background-image: url("../img/fa/fa-hex-white.png");
	background-position: center center;
	background-size: 20px 20px;
	padding: 15px;
	background-repeat: no-repeat;
}

.fa.fa-relay-on
{
    background-image: url("../img/fa/fa-relay-on-white.png");
	background-position: center center;
	background-size: 20px 20px;
	padding: 15px;
	background-repeat: no-repeat;
}

.fa.fa-relay-off
{
    background-image: url("../img/fa/fa-relay-off-white.png");
	background-position: center center;
	background-size: 20px 20px;
	padding: 15px;
	background-repeat: no-repeat;
}

.fa.fa-hex-black
{
    background-image: url("../img/fa/fa-hex-black.png");
	background-position: center center;
	background-size: 20px 20px;
	padding: 15px;
	background-repeat: no-repeat;
}

.fa.fa-card-p
{
    background-image: url("../img/fa/fa-card-white.png");
	background-position: center center;
	background-size: 35px 20px;
	padding: 15px;
	background-repeat: no-repeat;
}
.menu-btn-selected .fa.fa-variable,.fa.fa-variable-black
{
    background-image: url("../img/fa/fa-variable-black.png");
	background-position: center center;
	background-size: 20px 15px;
	padding: 15px;
	background-repeat: no-repeat;
}

.menu-btn-selected .fa.fa-relay-on,.fa.fa-relay-on-black
{
    background-image: url("../img/fa/fa-relay-on-black.png");
	background-position: center center;
	background-size: 20px 15px;
	padding: 15px;
	background-repeat: no-repeat;
}

.menu-btn-selected .fa.fa-relay-off,.fa.fa-relay-off-black
{
    background-image: url("../img/fa/fa-relay-off-black.png");
	background-position: center center;
	background-size: 20px 15px;
	padding: 15px;
	background-repeat: no-repeat;
}

.menu-btn-selected .fa.fa-telegestion,.fa.fa-telegestion-black
{
    background-image: url("../img/fa/fa-telegestion-black.png");
	background-position: center center;
	background-size: 15px 25px;
	padding: 15px;
	background-repeat: no-repeat;
}

.menu-btn-selected .fa.fa-card-p,.fa.fa-card-p-black
{
    background-image: url("../img/fa/fa-card-black.png");
	background-position: center center;
	background-size: 35px 20px;
	padding: 15px;
	background-repeat: no-repeat;
}



.orgChartnoPrincipal > div > table > tbody > .node-cells:first-child
{
	display:none;
}

.orgChartnoPrincipal > div > table > tbody > .node-cells:first-child + tr
{
	display:none;
}

.orgChartnoPrincipal > div > table > tbody > .node-cells:first-child + tr +tr
{
	display:none;
}

/*.orgChartnoPrincipal > div > table > tbody > .node-cells:first-child + tr + tr + tr > td
{
	float:left;
	margin:20px;
}*/


.colorpicker 
{
	margin-top:-150px;
}

input[type="range"]::-moz-range-track 
{
  padding: 0 10px;
  background: repeating-linear-gradient(to right, #ccc , #ccc 6%, #000 6%, #000 7%);
}


.chosen-container-multi .chosen-choices
{
	border:none!important;
	padding:0px!important;
	cursor:default!important;
}

.chosen-disabled .search-choice-close
{
	display:none!important;
}

.chosen-disabled li.search-choice
{
	padding:3px 5px 3px 5px!important;
}

div.chosen-disabled
{
	opacity:1!important;

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



.no-absolute-chosen .chosen-drop
{
	position:inherit!important;
}

.jerg006 .jOrgChart:first-child td
{
	float:left;
	margin-bottom:32px;
	margin-right:10px;
}

.jerg006 .jOrgChart:first-child td td
{
	float:none!important;
}




.jerep10 .jOrgChart:first-child td
{
	float:left;
	margin-bottom:32px;
	margin-right:10px;
}

.jerep10 .jOrgChart:first-child td td
{
	float:none!important;
}

.jerep10 .jOrgChart table, .jerep10 .jOrgChart .node
{
	width:auto!important;
	min-width:70px!important;
}



.load-text::before 
{
	content: '';
  	animation-name: loadingtext;
  	animation-duration: 3s;
  	animation-timing-function: linear;
  	animation-iteration-count: infinite;

	-webkit-animation-name:loadingtext;	
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes loadingtext{  
  0% { content: ''; }
  25% { content: '.'; }
  50% { content: '..'; }
  75% { content: '...'; }
  100% { content: '...'; }
}

@-webkit-keyframes loadingtext {  
  0% { content: ''; }
  25% { content: '.'; }
  50% { content: '..'; }
  75% { content: '...'; }
  100% { content: '...'; }
}

@keyframes loadingtext {  
  0% { content: ''; }
  25% { content: '.'; }
  50% { content: '..'; }
  75% { content: '...'; }
  100% { content: '...'; }
}

.borde-green
{
	box-shadow: 0px 0px 10px green!important;
}
.borde-tenue-red {
  
  animation-name: btr;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:btr;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes btr{  
  0% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 1)!important; }
  50% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 0.5)!important; }
  100% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 1)!important; }
}

@-webkit-keyframes btr {  
  0% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 1)!important; }
  50% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 0.5)!important; }
  100% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 1)!important; }
}

@keyframes btr {  
  0% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 1)!important; }
  50% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 0.5)!important; }
  100% { box-shadow: 0px 0px 10px rgba(225, 0, 0, 1)!important; }
}



.injector
{
	background-color: #ffac3f!important;
}

.injector_left
{
	border-right:2px dashed #ffac3f!important;
}

.injector_right
{
	border-left:2px dashed #ffac3f!important;
}

.injector_top
{
	border-top:2px dashed #ffac3f!important;
}

.injector_bottom
{
	border-bottom:2px dashed #ffac3f!important;
}

.injector_down
{
	background:#ffac3f;
	margin: 0px auto;
	margin-bottom:3px;
	height:7px!important;
}

.line.injector_down
{
	height:7px!important;
}

.down.injector_down
{
	background:transparent!important;
	border-left:2px solid #000000!important;
	//border-top:2px dashed #ffac3f!important;
	border-right:2px dashed #ffac3f!important;
	width: 50px !important;
	height:10px!important;
	margin-left: 50%;
}







/*MENU*/
.menu-pestanas .selected, .menu-pestanas li:hover
{
	background-color:#3c8dbc;
	border:solid 3px #3c8dbc;
	color:white;
}

.menu-pestanas li
{
	font-weight: 500;
	font-size:20px;
	list-style-type: none;
	padding: 2px;
	margin: 0px;
	margin-right: 5px;
	border-radius: 10px;
	border: none;
	
	display: inline;
	border:solid 3px #BCBABA;
	background-color:#DCDBDB;
	cursor:pointer;
	white-space: nowrap;
}
@-moz-document url-prefix() 
{
	.menu-pestanas li
	{
		display: ruby-base;
	}
}

.menu-pestanas
{
	border-bottom:solid 3px #3c8dbc;
	padding:5px;
	padding-bottom:0px;

}

.menu-pestanas li
{
	border-radius:0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom:40px solid #DCDBDB;
	line-height:1.8;
}

.menu-pestanas li ul 
{
	display: none;
	height:40px;
	position: absolute;
	max-width: 100%;
	border: solid 1px #fff;
	border-top: none;
	background-color: transparent;
	margin-top: 3px;
	padding-top: 4px;
	border-top: solid 1px #fff;
}

.menu-pestanas li:hover ul
{
	display: block;
}

.menu-pestanas li ul li
{

	padding: 6px 0px 8px 0px;
	border: none;
	background-color: #DCDBDB;
	border-radius:0px;
	border:solid 3px #BCBABA;
	padding:2px;
	margin:0px;
	color:#000;
}

.menu-pestanas li ul li:hover 
{
	color:#fff;
}





@media screen and (max-width: 1400px) {
	.menu-pestanas
	{
		overflow:hidden;
	}

	.menu-pestanas .selected, .menu-pestanas li:hover
	{
		border-bottom:40px solid #3c8dbc;
	}

	.menu-pestanas li
	{
		font-size: 18px;
	}
}

@media screen and (min-width: 1400px) {

	.menu-pestanas .ultimo
	{
		float:right;
		margin-top:-3px;
		line-height:1.3;
	}
	
	.menu-pestanas
	{
		border-bottom:solid 3px #3c8dbc;
		padding-bottom:0px;
	}

	.menu-pestanas li
	{
		border-radius:0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom:0px;
		line-height:1.5;
	}
}

.cal_orto_ocaso
{

	position:relative;width:calc( (100% / 24) );text-align:center; display: inline-block;color:white;z-index: 1;
}


.active-grafica, .active-grafica a
{
	//background-color: #3c8dbc!important;

	border-top-color: black!important;


}

.separato
{
	border: 1px solid black;
height: 43px;
}



.noUi-connect {
	background: #3c8dbc;
}

.orange .noUi-connect {
	background: #e59630;
}































































.beer_glass .glass {
	width: 70px;
	height: 90px;
	background: transparent;
	border: solid 3.5px white;
	border-top: none;
	border-radius: 0 0 10px 10px;
	position: absolute;
	margin-top: 40px;
	margin-left: 40px;
	overflow: hidden;
	transform: rotate(-20deg);
	-webkit-animation: glass 10s infinite;
}
	
.beer_glass .poignet {
		width: 30px;
		height: 55px;
		background: transparent;
		border: solid 3.5px white;
		position: absolute;
		margin-top: 30px;
		margin-left: 110px;
		border-radius: 0 16px 16px 0;
		border-left: none;
		transform: rotate(-20deg);
	-webkit-animation: poignet 10s infinite;
}

.beer_glass .beer {
	width: 58px;
	height: 84px;
	background: transparent;
	position: absolute;
	margin-left: 6px;
	margin-top: 0px;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	
	&::before {
		content: "";
		width: 250px;
		height: 250px;
		background: #3c8dbc;
		position: absolute;
		margin-top: 83px;
		margin-left: -190px;
		transform: rotate(40deg);
		-webkit-animation: beer 10s infinite;
	}
}

.beer_glass .mousse_1 {
	position: absolute;
	margin-top: 192px;
	margin-left: 198px;
	z-index: 4;
	
	&::before {
		content: "";
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse 10s infinite;
	}
	
	&::after {
		content: "";
		width: 17px;
		height: 17px;
		background: white;
		border-radius: 50%;
		position: absolute;
		top: 5px;
		left: 10px;
		-webkit-animation: mousse 10s infinite;
	}
}

.beer_glass .mousse_2 {
	position: absolute;
	top: 192px;
	left: 212px;
	z-index: 4;
	
	&::before {
		content: "";
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse 10s infinite;
	}
	
	&::after {
		content: "";
		width: 17px;
		height: 17px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: -5px;
		margin-left: 10px;
		-webkit-animation: mousse 10s infinite;
	}
}

.beer_glass .mousse_3 {
	position: absolute;
	margin-top: 192px;
	margin-left: 228px;
	z-index: 4;
	
	&::before {
		content: "";
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse 10s infinite;
	}
	
	&::after {
		content: "";
		width: 17px;
		height: 17px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 10px;
		margin-left: 15px;
		-webkit-animation: mousse 10s infinite;
	}
}

.beer_glass .mousse_4 {
	position: absolute;
	margin-top: 192px;
	margin-left: 242px;
	z-index: 4;
	
	&::before {
		content: "";
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse 10s infinite;
	}
	
	&::after {
		content: "";
		width: 17px;
		height: 17px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 5px;
		margin-left: 10px;
		-webkit-animation: mousse 10s infinite;
	}
}

.beer_glass .mousse_5 {
	position: absolute;
	margin-top: 192px;
	margin-left: 257px;
	z-index: 4;
	-webkit-animation: mousse 10s infinite;
	
	&::before {
		content: "";
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		position: absolute;
	}
	
}

.beer_glass .mousse_volante {
	position: absolute;
	margin-top: 185px;
	margin-left: 212px;
	z-index: 4;
	
	&::before {
		content: "";
		width: 12px;
		height: 12px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse_volante 10s infinite;
	}
	
	&::after {
		content: "";
		width: 8px;
		height: 8px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 15px;
		margin-left: 40px;
		-webkit-animation: mousse_volante 10s infinite;
	}
}

.beer_glass .mousse_interieur {
	position: absolute;
	margin-top: 255px;
	margin-left: 218px;
	z-index: 4;
	opacity: 0.9;
	
	&::before {
		content: "";
		width: 6px;
		height: 6px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse_interieur 10s infinite;
	}
	
	&::after {
		content: "";
		width: 4px;
		height: 4px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 15px;
		margin-left: 30px;
		-webkit-animation: mousse_interieur 5s infinite;
	}
}

.beer_glass .mousse_interieur_2 {
	position: absolute;
	margin-top: 235px;
	margin-left: 225px;
	z-index: 4;
	opacity: 0.9;
	
	&::before {
		content: "";
		width: 7px;
		height: 7px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse_interieur 10s infinite;
	}
	
	&::after {
		content: "";
		width: 3px;
		height: 3px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 5px;
		margin-left: 17px;
		-webkit-animation: mousse_interieur 5s infinite;
	}
}

.beer_glass .mousse_interieur_3 {
	position: absolute;
	margin-top: 245px;
	margin-left: 232px;
	z-index: 4;
	opacity: 0.9;
	
	&::before {
		content: "";
		width: 9px;
		height: 9px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse_interieur 10s infinite;
	}
	
	&::after {
		content: "";
		width: 5px;
		height: 5px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 8px;
		margin-left: 12px;
		-webkit-animation: mousse_interieur 5s infinite;
	}
}

.beer_glass .mousse_interieur_4 {
	position: absolute;
	margin-top: 241px;
	margin-left: 238px;
	z-index: 4;
	opacity: 0.9;
	
	&::before {
		content: "";
		width: 2px;
		height: 2px;
		background: white;
		border-radius: 50%;
		position: absolute;
		-webkit-animation: mousse_interieur 10s infinite;
	}
	
	&::after {
		content: "";
		width: 5.5px;
		height: 5.5px;
		background: white;
		border-radius: 50%;
		position: absolute;
		margin-top: 28px;
		margin-left: 2px;
		-webkit-animation: mousse_interieur 5s infinite;
	}
}



@-webkit-keyframes beer {
	0% {
		transform: translateY(-5);
	}
	17% {
		transform: translateY(-82px);	
	}
	100% {
		transform: translateY(-82px);
	}
}

@-webkit-keyframes glass {
	0% {
		transform: rotate(-20deg);
	}
	
	17% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(0deg);
	}
}


@-webkit-keyframes poignet {
	0% {
		transform: rotate(-20deg);
	}
	17% {
		transform: rotate(0deg) translateX(5px) translateY(20px);
	}
	
	100% {
		transform: rotate(0deg) translateX(5px) translateY(20px);
	}	
}

@-webkit-keyframes mousse {
	0% {
		transform: scale(0);
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
	}
}

@-webkit-keyframes mousse_volante {
	0% {
		transform: scale(0)
			translateY(0px);
	}
	10% {
		transform: scale(0)
			translateY(0px);
	}
	20% {
		transform: scale(1) translateY(-20px);
	}
	
	40% {
		opacity: 0;
	}
	
	100% {
		transform: scale(1) translateY(-80px);
		opacity: 0;
	}
}

@-webkit-keyframes mousse_interieur {
	0% {
		transform: scale(0)
			translateY(0px);
	}
	20% {
		transform: scale(0)
			translateY(0px);
	}
	40% {
		transform: scale(1) translateY(-60px);
	}
	
	50% {
		opacity: 0;
	}
	
	100% {
		transform: scale(1) translateY(-60px);
		opacity: 0;
	}
}







.bg-red
{
	background: #bf0f0f!important;
}

.bg-green
{
	background: #0cb330!important;
}

.bg-purple
{
	background: #a30bb8!important;
}

.bg-cian
{
	background: #0da7b5!important;
}

.bg-orange
{
	background: #eba834!important;
}