.arbol{
/* 	height: 92%; */
	overflow: hidden;
}

#arbolPantallas{
	min-width: 100%;
	width: fit-content;
}

.arbol .jstree-node.jstree-closed > i.jstree-icon{
	background: url("../../img/iconos/icons.png") -55px 8px no-repeat;
}

.arbol .jstree-node.jstree-open > i.jstree-icon{
	background: url("../../img/iconos/icons.png") -55px -20px no-repeat;
}

.arbol .jstree-node.jstree-closed > i.jstree-iconOscuro{
	background: url("../../img/iconos/iconsNegro.png") -55px 8px no-repeat;
}

.arbol .jstree-node.jstree-open > i.jstree-iconOscuro{
	background: url("../../img/iconos/iconsNegro.png") -55px -20px no-repeat;
}

/*Arbol types*/
.arbol .jstree-grupo{
	background-image: url(../../img/iconos/icons.png);
    background-position: 0 -29px;
    background-repeat: no-repeat;
    width: 26px;
    height: 21px;
}

.arbol .jstree-grupoOscuro {
    background-image: url(../../img/iconos/iconsNegro.png);
    background-position: 0 -29px;
    background-repeat: no-repeat;
    width: 26px;
    height: 21px;
}

.arbol .jstree-grupoTags{
background-image: url(../../img/iconos/icons2.png) !important;
    background-position: -2px -63px;
    background-repeat: no-repeat;
    width: 29px;
    height: 22px;
}

/*Arbol types para pantallas*/
.arbol .jstree-pantallaDS{
    background-image: url(../../img/iconos/pantallaDS.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    
}

.arbol .jstree-pantallaDSOscuro {
    background-image: url(../../img/iconos/pantallaDSOscuro.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    
}

.arbol .jstree-chromecast{    
    background-image: url(../../img/iconos/chromecast.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-chromecastOscuro{    
    background-image: url(../../img/iconos/chromecastOscuro.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-iptv{    
    background-image: url(../../img/iconos/iptv.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-iptvOscuro{    
    background-image: url(../../img/iconos/iptvOscuro.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-dispensador{    
    background-image: url(../../img/iconos/totem.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-dispensadorOscuro{    
    background-image: url(../../img/iconos/totemOscuro.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-totem{    
    background-image: url(../../img/iconos/totem.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-totemOscuro{    
    background-image: url(../../img/iconos/totemOscuro.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-app{    
    background-image: url(../../img/iconos/app.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.arbol .jstree-clicked{
	color: #003a7d;
}

.arbol ul  li .jstree-anchor{
	display:inline-block;
	width: 94%;
}

.arbol ul  li .jstree-anchor:hover{
	background-color: #E6E6E9;
}

.arbol ul  li {
	padding: 6px 0px;
}

.arbol ul {
	margin: 0 0 0 5px;
}

.arbol > ul > li {
    display: block;
    border-bottom: 1px solid #eee;
    min-height: 34px;
}

.arbol .jstree-rename-input{
	height: unset !important;
	line-height: unset !important;
}

.arbol .rojo{
	color: red;
}



/**Tipos de pantalla**/
/* marquee.pantalla-interior-nombre-pantalla {padding-bottom: 2px} */
.pantalla-interior-nombre-pantalla ins.app{ background-image:url("../../img/iconos/app.svg") !important; background-size: 18px 18px; background-repeat: no-repeat; padding: 3px 7px 0 14px;position: absolute; height: 18px; left: 7px; top: 4px;}
.pantalla-interior-nombre-pantalla ins.totem{ background-image:url("../../img/iconos/totem.svg") !important;  background-size: 18px 18px; background-repeat: no-repeat; padding: 3px 7px 0 14px; position: absolute; height: 18px; left: 7px; top: 4px; }
.pantalla-interior-nombre-pantalla ins.iptv{ background-image:url("../../img/iconos/iptv.svg") !important; background-size: 18px 18px; background-repeat: no-repeat; padding: 3px 7px 0 14px; position: absolute; height: 18px; left: 7px; top: 4px;}
.pantalla-interior-nombre-pantalla ins.pantallaDS{ background-image:url("../../img/iconos/pantallaDS.svg") !important; background-size: 18px 18px; background-repeat: no-repeat; padding: 3px 7px 0 14px; position: absolute; height: 18px; left: 7px; top: 4px;}
.pantalla-interior-nombre-pantalla ins.chromecast{ background-image:url("../../img/iconos/chromecast.svg") !important; background-size: 18px 18px; background-repeat: no-repeat; padding: 3px 7px 0 14px; background-size: contain;}
.pantalla-interior-nombre-pantalla ins.dispensador{ background-image:url("../../img/iconos/totem.svg") !important; background-size: 18px 18px; background-repeat: no-repeat; padding: 3px 7px 0 14px; position: absolute; height: 18px; left: 7px; top: 4px;}

.cargaDispositivos img{
	vertical-align: bottom;
    margin-right: 5px;
}


/*Arbol types para biblioteca y estilos específicos*/
.arbol .jstree-contenidoTipo_1{        
    background-image: url(../../img/iconos/1.svg) !important;
}

.arbol .jstree-contenidoTipo_2{        
    background-image: url(../../img/iconos/2.svg) !important;
}

.arbol .jstree-contenidoTipo_3{        
    background-image: url(../../img/iconos/3.svg) !important;
}

.arbol .jstree-contenidoTipo_4{        
    background-image: url(../../img/iconos/4.svg) !important;
}

.arbol .jstree-contenidoTipo_5{        
    background-image: url(../../img/iconos/5.svg) !important;
}

.arbol .jstree-contenidoTipo_6{        
    background-image: url(../../img/iconos/6.svg) !important;
}

.arbol .jstree-contenidoTipo_7{        
    background-image: url(../../img/iconos/7.svg) !important;
}

.arbol .jstree-contenidoTipo_8{        
    background-image: url(../../img/iconos/8.svg) !important;
}

.arbol .jstree-contenidoTipo_9{        
    background-image: url(../../img/iconos/9.svg) !important;
}

.arbol .jstree-contenidoTipo_10{        
    background-image: url(../../img/iconos/10.svg) !important;
}

.arbol .jstree-contenidoTipo_11{        
    background-image: url(../../img/iconos/11.svg) !important;
}

.arbol .jstree-contenidoTipo_12{        
    background-image: url(../../img/iconos/12.svg) !important;
}

.arbol .jstree-contenidoTipo_13{        
    background-image: url(../../img/iconos/13.svg) !important;
}

.arbol .jstree-contenidoTipo_14{        
    background-image: url(../../img/iconos/14.svg) !important;
}

.arbol .jstree-contenidoTipo_15{        
    background-image: url(../../img/iconos/15.svg) !important;
}

.arbol .jstree-contenidoTipo_16{        
    background-image: url(../../img/iconos/16.svg) !important;
}

.arbol .jstree-contenidoTipo_17{        
    background-image: url(../../img/iconos/17.svg) !important;
}

.arbol .jstree-contenidoTipo_18{        
    background-image: url(../../img/iconos/18.svg) !important;
}

.arbol .jstree-contenidoTipo_19{        
    background-image: url(../../img/iconos/19.svg) !important;
}

.arbol .jstree-contenidoTipo_20{        
    background-image: url(../../img/iconos/20.svg) !important;
}

.arbol .jstree-contenidoTipo_21{        
    background-image: url(../../img/iconos/21.svg) !important;
}

.arbol .jstree-contenidoTipo_22{        
    background-image: url(../../img/iconos/22.svg) !important;
}

.arbol .jstree-contenidoTipo_23{        
    background-image: url(../../img/iconos/23.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_1{        
    background-image: url(../../img/iconos/1Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_2{        
    background-image: url(../../img/iconos/2Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_3{        
    background-image: url(../../img/iconos/3Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_4{        
    background-image: url(../../img/iconos/4Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_5{        
    background-image: url(../../img/iconos/5Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_6{        
    background-image: url(../../img/iconos/6Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_7{        
    background-image: url(../../img/iconos/7Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_8{        
    background-image: url(../../img/iconos/8Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_9{        
    background-image: url(../../img/iconos/9Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_10{        
    background-image: url(../../img/iconos/10Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_11{        
    background-image: url(../../img/iconos/11Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_12{        
    background-image: url(../../img/iconos/12Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_13{        
    background-image: url(../../img/iconos/13Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_14{        
    background-image: url(../../img/iconos/14Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_15{        
    background-image: url(../../img/iconos/15Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_16{        
    background-image: url(../../img/iconos/16Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_17{        
    background-image: url(../../img/iconos/17Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_18{        
    background-image: url(../../img/iconos/18Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_19{        
    background-image: url(../../img/iconos/19Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_20{        
    background-image: url(../../img/iconos/20Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_21{        
    background-image: url(../../img/iconos/21Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_22{        
    background-image: url(../../img/iconos/22Activo.svg) !important;
}

.arbol .jstree-clicked .jstree-contenidoTipo_23{        
    background-image: url(../../img/iconos/23Activo.svg) !important;
}

#arbolBiblioteca .jstree-node.jstree-leaf > .jstree-icon.jstree-ocl {
    display: none;
}


#arbolBiblioteca  ul  li .jstree-anchor .jstree-icon{
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
    width: 20px;
    height: 20px !important;
}

#arbolBiblioteca ul  li {
	padding: 12px 0px;
}

#arbolBiblioteca ul  li .jstree-anchor{
	line-height: normal;
}

/* Fin estilos arbol de biblioteca*/

















/* Estilos de arbol de disenos*/

#arbolDisenos ul li {
	padding: 6px 0px;
}

.arbol .jstree-diseno{   
    background-image: url(../../img/iconos/icons2.png);
    background-position: 0 1px;
    background-repeat: no-repeat;
    width: 25px;
    height: 22px;
}
/*Fin estilos de arbol de disenos*/






/* Estilos de arbol de calendarios */
.arbol .jstree-calendario{    
    background-image: url(../../img/iconos/icons2.png);
    background-position: -5px -96px;
    background-repeat: no-repeat;
}

.arbolAsignacion .jstree-node.asignada, .arbolNoEditable .jstree-node.asignada{
	color:#88da3f;
}


.elementoAsignacion{
	border: 3px solid black;
	border-radius: 5px;
	margin: 5px 5px 15px 5px;
}

.elementoAsignacion .cabeceraAsignacion div{
	display: inline-block;
	padding: 10px;
}

.elementoAsignacion .cabeceraAsignacion .nombreAsginacion{
	font-weight: bold;
}

.elementoAsignacion .cabeceraAsignacion .importarPantallas{
	float: right;
	cursor: pointer;
}

.elementoAsignacion .pantallasAsignadas{
	padding-bottom: 20px;
	
}

.elementoAsignacion .pantallasAsignadas .pantallaAsignada{
	display: inline-block;
	background-color: #666F99;
	color: #fff;
	padding: 5px;
	margin-right: 20px;
	margin-top: 10px;	
}




 
.elementoAsignacion .grupoAccordion{
	color: #444;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
/*     transition: 0.4s; */
/*     margin-bottom: 5px; */
/*     border-bottom: 1px solid #b8b8b8; */
}

.elementoAsignacion .grupoAccordion .cabeceraElemento:hover {
  background-color: #d4d7dd;
  color: white;
}

.elementoAsignacion .contenidoElemento{
	padding: 5px 0px 0px 20px !important;
/* 	width: 100% !important; */
}  


.elementoAsignacion .pantallaAccordion{
    background-color: #B3B3B3;
    border-radius: 2px;
    padding: 2px 5px;
    color: white;
    display: inline-block;
    margin: 10px 10px 10px 0px;
    font-size: 15px;
}

.elementoAsignacion .pantallaAccordion .desvincularPantalla{
	cursor: pointer;
    width: 15px;
    color: white;
    border: none;
    background: none;
    background-size: 13px;
    background-repeat: no-repeat;
    background-image: url(../../img/xCircle-icon.png);
    background-position: center;
    padding-top: 13px;
    padding-bottom: 3px;
    margin-right: 10px;
}

.elementoAsignacion .iconAccordion:after {
/*     float: left; */
    content: '';
    background-image: url(../../img/arrow-right.png);
    background-repeat: no-repeat;
/*     padding-top: 12px; */
/*     padding-bottom: 12px; */
/*     padding-right: 16px; */
/*     padding-left: 3px; */
    background-size: 25px;
    font-size: 30px;
    margin-right: 10px;
    cursor: pointer;
    
    
    width: 24px; 
    height: 20px;
    line-height: 24px;
    display: inline-block;
}

.elementoAsignacion .activa > .cabeceraElemento .iconAccordion:after {
    background-image: url(../../img/arrow-down.png);
}

.elementoAsignacion .cabeceraElemento{
	line-height: 25px;
}

.elementoAsignacion .contenidoElemento{
	display: none;
}

.elementoAsignacion .botonesElemento{
	float: right;
	visibility: hidden;
	margin-right: 30px;
}

.cabeceraElemento:hover > .botonesElemento{
	visibility: visible;
}
.cabeceraElemento .botonesElemento img{
	cursor:pointer;
	margin-right: 15px;
	height: 15px;
}

@media (max-width: 1024px) {
	.arbol ul li .jstree-anchor{
		width: 80%
	}
}
@media (max-width: 480px) {
	.arbol{
		height:88%;
		overflow-x: scroll;
		overflow-y: scroll;
	}
	.arbol ul li .jstree-anchor {
		width: auto;
	}
	.elementoAsignacion {
	    display:inline-block;
	    width: 96%;
	}
	.elementoAsignacion .pantallasAsignadas {
	    padding-bottom: 10%;
	}
	
	.elementoAsignacion .cabeceraAsignacion .importarPantallas {
		width: 90%;
	}
	.elementoAsignacion .cabeceraAsignacion div {
    	padding-bottom: 14px;
	}
	.elementoAsignacion .iconAccordion:after {
		margin-right: 2px;
	}
	.elementoAsignacion .contenidoElemento {
		padding-top:8px !important;
		padding-left:14px !important;
	}
	
	.elementoAsignacion .cabeceraElemento {
		line-height: 41px;
	}
	
	.pantalla-interior-nombre-pantalla ins.pantallaDS {
		left: 30px;
	}
}