@import 'https://fonts.googleapis.com/css?family=Roboto';


.display3d	
	{
	top: 28px !important;
    height: calc(100% - 28px - 48px) !important;
	}
	
#textcontent::-webkit-scrollbar 
	{
    width: 12px;
	}

#textcontent::-webkit-scrollbar-track 
	{
  	background:  #1b146477;   /* color of the tracking area */
	}

#textcontent::-webkit-scrollbar-thumb 
	{
  	background-color: #93278f;    /* color of the scroll thumb */
  	border-radius: 15px;       /* roundness of the scroll thumb */
  	border: 3px solid #93278f;  /* creates padding around scroll thumb */
	}
	
#participantescontent::-webkit-scrollbar 
	{
    width: 12px;
	}

#participantescontent::-webkit-scrollbar-track 
	{
  	background:  #1b146477;   /* color of the tracking area */
	}

#participantescontent::-webkit-scrollbar-thumb 
	{
  	background-color: #93278f;    /* color of the scroll thumb */
  	border-radius: 15px;       /* roundness of the scroll thumb */
  	border: 3px solid #93278f;  /* creates padding around scroll thumb */
	}	


#ListElementos::-webkit-scrollbar 
	{
    width: 12px;
	}

#ListElementos::-webkit-scrollbar-track 
	{
  	background:  #1b146477;   /* color of the tracking area */
	}

#ListElementos::-webkit-scrollbar-thumb 
	{
  	background-color: #93278f;    /* color of the scroll thumb */
  	border-radius: 15px;       /* roundness of the scroll thumb */
  	border: 3px solid #93278f;  /* creates padding around scroll thumb */
	}
	
.hoverbranco:hover
	{
  	//background-color: yellow;
  	//filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(217deg) brightness(110%) contrast(108%);
	}
	
.hoverbranco:hover span
	{
	color:white;
	}
.hoverbrancoimg:hover
 	{
 	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(217deg) brightness(110%) contrast(108%);
 	}	

.hoverbranco:hover img
	{
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(217deg) brightness(110%) contrast(108%);
	}	
	
.cor1
	{
	background-color:#1b1464; /*roxo escuro*/
	}
	
.cor1Filter
	{
	filter: invert(14%) sepia(17%) saturate(6822%) hue-rotate(229deg) brightness(93%) contrast(116%);
	}	
	
.cor2
	{
	background-color:#93278f;/*roxo claro*/
	}
.cor2Filter
	{
	filter: invert(17%) sepia(39%) saturate(5852%) hue-rotate(288deg) brightness(91%) contrast(85%);
	}		
.cor3
	{
	background-color:#000000;/*preto barra superior*/
	}	
.cor3
	{
	background-color:#cccccc; /*cinza campos de texto*/
	}
.cor4
	{
	background-color:#666666; /*cinza escuro*/
	}	
	
.cor4Filter
	{
	filter: invert(40%) sepia(5%) saturate(11%) hue-rotate(348deg) brightness(97%) contrast(88%);
	}	
.cor5
	{
	background-color:#ffffff; /*cor dos textos*/
	}	
	
.cor5fonte
	{
	color:#ffffff; /*cor dos textos*/
	}	
	
.cor5Filter
	{
	filter: invert(100%) sepia(1%) saturate(7475%) hue-rotate(297deg) brightness(110%) contrast(100%);
	}
				
.degrade
	{
	background: #444f71; /* Old browsers */
	background: -moz-linear-gradient(top,  #444f71 0%, #6b608e 29%, #866a9d 61%, #b980b9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #444f71 0%,#6b608e 29%,#866a9d 61%,#b980b9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #444f71 0%,#6b608e 29%,#866a9d 61%,#b980b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444f71', endColorstr='#b980b9',GradientType=0 ); /* IE6-9 */
	}
		
	
#2botsAgent
	{
	all: unset;
	//color:black;
	font-family: 'Roboto',sans-serif;
	line-height: 1;
    text-rendering: optimizeLegibility;
    
	}
.c2botsAgentClass
	{
	//bottom:365px;
	z-index:9999999;
	}
	
#loadingStatus		
	{
	font-family: Roboto;
	position: fixed;
    left: 50%;
    bottom: 60px;
    font-size: 15px;
    font-weight: bold;
    z-index: 10000;
    color:white;
    transform: translate(-50%, 0);	
    width:250px;
    }
#interface 
	{
	all: unset;
	z-index:9999;
	opacity:1;
	position:absolute;
	left: 0px;
	top: 0px;
	width:250px;
	height:350px; 
	//border-color: red;
    //border-width: 1px;
    //border-right-style: solid;
    //border-bottom-style: solid;
    //border-style: solid;
    //box-sizing: border-box;

	}
#3dbot 
	{	
	z-index:9998;	
	}
#interfacebg
	{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: blue;
    left: -47px;
    top: 0px;
    width: 381px;
    height: 500px;
	}

		
.botbotaofechar
	{
	//position: absolute;
    //top: 3px;
    //right: 6px;
    
    opacity: 1;
    pointer-events: all;
    }
	
.botbotao
	{
	position: absolute;
    bottom: 6px;
    bottom: px;
    left: 615px;
    margin-top: 3px;
    height: 34px;
    pointer-events: all;
    //draggable: false;
	}
	

.botinput
	{
	position: absolute;
    bottom: 5px;
    
    left: 212px;
    background-color: white;
    //#FA7D45: ;
    color: #898989;
    -webkit-text-fill-color: #898989;
    width: 276px;
    border-radius: 18px;
    height: 36px;
    //border: solid 1px #898989;
    overflow: hidden;
	}
	
.botselectinput
	{
	position: absolute;
    bottom: 5px;
    left: 496px;
    background-color: white;
    //#FA7D45: ;
    color: #898989;
    -webkit-text-fill-color: #898989;
    width: 155px;
    border-radius: 18px;
    height: 36px;
    //border: 1px solid #898989;
    overflow: hidden;
    -webkit-appearance:none;
	}	
	
.botselectinput select:focus{
    outline: none;
}		
	
.botinput input:focus{
    outline: none;
}	

.botbotaosom
	{
	position: absolute;
	bottom:10px;
	left:10px;
	background-color:light-gray;
	color:black;
	display:none;
	}	
.botmensagem			
	{
	width: 94%;
    font-weight: normal;
    padding: 3px 3px;
    margin-left: 0px;
    margin-bottom: 1px;
    font-size: 16px;
    background-color: #FFFFFF;
    //#FA7D45: ;
    color: black;
    border: none;
    border-radius: 5px;
    position: absolute;
    left: 5px;
    bottom: 4px;
	}
	
.botmensagemselect
	{
	bottom:7px;
	height:21px;
	-webkit-appearance:none;
	}	

.PainelAnimacoes
	{
	
	position: absolute;
	//background-color:red;
	bottom:10px;
	height:30px;
	left:692px;
	width:calc(100% - 692px);
	text-align:right;
	}
	
.botaoAnimacao
	{
	font-weight: normal;
	font-size: 15px;
	padding:1px 10px;
	border-radius: 12px;
	height:24px;
	margin-top:5px;
	margin-right:10px;
	margin-left:2px;
	color: white;//#e2e2e2;
	-webkit-text-fill-color:white;//#e2e2e2;
	cursor:pointer;
	border: 0;
	margin-bottom: 10px;
	}
	
.botaoAnimacao:focus
	{
	outline: none;
	}	
			
.teste
	{
	font-size:18px;
	color:white;
	}	
	
.img2bots
	{
	//position:absolute;
	width:190px;
	}	

.balao2bots
	{
	all: unset;
	left:42px;//-25px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; 
	margin:5px;
	margin-bottom:7px;
	background-color:#FA7D45;//white;
	color: white;//rgba(0, 0, 0, 1); 
	
	-webkit-text-fill-color:white;
	transform: translateZ(0);
	border-radius: 25px;
	border-style:solid;
	border-color:#FF966C;
	border-width:7px;
    box-shadow: 0 1px .5px rgba(0,0,0,.13);
   	padding: 5px 10px;
   	font-size:13px;
   	font-weight:bold;
   	//width: 250px;
   	width: 339px;//351px;
   	min-height:30px;
   	text-decoration: none;
   	z-index:9998;	
	}
	
.aba2botsBalao	
	{
	position:absolute;
	bottom: -30px;
    left: 180px;
	}
.aba2botsBalao2	
	{
	position: absolute;
    bottom: -24px;
    right: -33px;
    width: 48px;
    height: 32px;
	}
	
.balaoUser2bots
	{
	all: unset;
    font-family: 'Roboto',sans-serif;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    color: white;
    left: 72px;
    background-color: #2E3181;
    border-radius: 18px;
    border-radius: 25px;
    border-style: solid;
    border-width: 7px;
    border-color: #5C60A5;
    position: absolute;
    box-shadow: 0 1px 0.5px rgb(0 0 0 / 13%);
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    width: 297px;//325px;
    min-height: 15px;
    //text-align: center;
    border-bottom-right-radius: 0px;
    z-index: 9998;		
	}			
	
#interativo2bots 
	{
	position: absolute;
    bottom: -150px;
    top: 271px;
    left: 14px;
    width: 280px;
    z-index: 9999;
	}	
	
#selectbox2bots	
	{
	position:relative;
	margin-bottom:6px;
	background: white;
	width:75%;
	color: black;
	font-size:15px;
	//margin-left: auto;
	box-shadow: 3px 3px 3px grey;
	}
	
#interativo2bots button 
	{
	position:relative;
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
   //color: black;
	font-family: Arial, Helvetica, sans-serif;
   padding: 4px 9px;

   border: none;//solid black 2px;
   text-decoration: none;
	//border-right-width:2px;
	//border-bottom-width:2px;
   cursor: pointer;
  // text-transform: uppercase;
	margin-right:5px;
	margin-bottom:3px;
	
	background-color:#E9AC00;
    color: white;
    font-size:13px;
    font-weight:bold;
	}	
#bot 
	{
	position: absolute; 
	
	z-index:9998;
	}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}


.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	margin: 0px 5px;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* slider */
.jcarousel-wrapper{
	position: relative;
}
.jcarousel-wrapper .slick-slide-box{
	width: 280px;
	//height: 320px;// 100%;// 300px; //400
    margin: 0 5px;
	position: relative;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
}

.carousel-box:before{
}

.jcarousel-wrapper .slick-slide-box{
		width: 190px;
	}
	
.carousel-box{
	padding: 0 5px;
	margin: 10px 0;
	font-size: 13px;
	width:190px;
}

.carousel-box h1{
	//all:unset;
	font-size: 13px;
	text-align: center;
	line-height: 15px;
	
}

.jcarousel-wrapper p{
	color: #adadad;
	margin: -5px 0px;
	font-size: 12px;
	line-height: 18px;
	text-align:center;
}
.jcarousel-wrapper  h1{
	all:unset;
	//margin: 0 0 5px 0;
	font-size:12px;
	 margin: -5px 0px;
	 line-height: 15px;
}
.jcarousel-wrapper img{
    width: 100%;
    //height: 100px;//45%;	
}
.carousel-titulo {
margin: -5px 0px;

}

.carousel-menuold a{
	display: block;
	text-align:center;
	padding: 10px 0;
    color: #25a6e6;
	border-top: 1px solid #e2e2e2;
}

.botaoEstrutura2bots
	{
	position:relative;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   color: red;
	font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding: 3px 7px;
   background: white;
   border: solid black 1px;
  left:-25px;
   cursor: pointer;
   text-transform: uppercase;
	margin-right:5px;
	margin-bottom:3px;
	}	


.carousel-menu{
    width: 200px;
}
.slick-next{
    position: absolute;
    top: 25px;
     opacity: 0.7;
    right: -10px;
	z-index: 999;
	border: none;
    padding: 5px;
    font-size: 25px;
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    color: black;
    background: white;
}

.slick-slide img{
	width: 168px;
	//width: 190px;
	height: 80px;
	margin-left:17px;
	}
.slick-prev{
	position: absolute;
    top: 25px;
    opacity: 0.7;
	left: -9px;
    z-index: 999;
	border: none;
    padding: 5px;
    font-size: 25px;
    cursor: pointer;
    border-radius: 0px 3px 3px 0px;
    color: black;
    background: white;
}

#linhatempo2bots 
	{
	background-color:#c8c8c8;
	height:2px;
	width:120px;
	position:absolute;
	top: 21px;
	margin-left:33px;
	}
#textwindow
	{
	position: fixed;
    height: 272px;
    width:300px;
    left: calc(100% - 305px);
    //transform: translate(100px 0px 0x);
    top: 32px;
	/*width: 180px;
    position: fixed;
    height: 250px;
    right: 10px;
    top: 10px;
    //background-color: rgb(0,0,255,0.4);
    border: solid 1px grey;
    padding: 5px;
    border-radius: 10px;
    */
	}	
	
.inselecionavel 
	{
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	} 	
.janela
	{
	width: 300px;
	position: absolute;
	overflow:hidden;
	}
.janelaCabecalho
	{
	width:100%;
	height:32px;
	cursor:move;
	//position:absolute;
	}
.janelaCabecalho img
	{
	height: 19px;
    margin-top: 6px;
    margin-left: 10px;
	}
.janelaBotoes
	{
	position:absolute;
	right:0px;
	top:0px;
	display:inline;
	}	
.janelaCabecalho input
	{
	display:inline;
	width:23px;
	float: right;
	margin:5px;
	}	
.janelaSize 
	{
	position: absolute;
	bottom:0px;
	right:0px;
	}
	
.janelaSize img
	{
	height: 18px;
    margin: 0px;
	}	
.janelaTitle
	{
	position: absolute;
    top: 6px;
    left: 39px;
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
	}	
.janelaCabecalho input
	{
	display:inline;
	width:23px;
	float: right;
	margin:5px;
	}	
		
	
.janelaConteudo
	{
	position:absolute;
	top:35px;
	left:0px;
	width:100%;
	height: calc(100% - 32px);
	padding:0px;
	width:100%;
	}
.JanelaBackground	
	{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height: calc(100% - 32px);
	opacity:0.8;
	}				
#mapFrame
	{
	Position: absolute;
    left: 13px;
    width: 274px;
    top: 4px;
    height: 200px;
    background-color: white;
    border: solid 1px black;
    //border-radius: 5px;
    overflow: hidden;
	}
		
#mapFrame img
	{	
	position: absolute;
    opacity: 0;
	}
#setaMapa
	{	
	position: absolute;
    top: 88;
    left: 135px;
    width: 27px;
    transform: rotate(0rad);
	}
	
#painelMapa1
	{
	position: absolute;
    top: 199px;
    left: 41px;
    font-family: 'Roboto',sans-serif;
    font-size: 10px;
    color: white;
    pointer-events: none;
	}	
#painelMapa2
	{
	position: absolute;
    right: 17px;
    top: 199px;
    font-family: 'Roboto',sans-serif;
    font-size: 10px;
    color: white;
    pointer-events: none;
    text-align: right;
	}	
	
label
	{
	position: absolute;
	top:300px;
	left:10px;
	}			
	
#participantesWindow
	{
 	width: 180px;
    position: fixed;
    height:calc(100% - 370px);
    left: calc(100% - 185px);
    top: 310px;
    
	}

#mapWindow 
	{	
	height: 272px;
	width: 300px;
	left:5px;
	top:32px;
	position:fixed;
	}
.janelaConteudoExp
	{
	position: absolute;
    width: 100%;
    height: calc(100% - 32px);
    left: 0px;
    top: 32px;
	}	
	
#mapWindow  .janelaConteudoExp img
	{
	
    height: 100%;
    position: absolute;
    top: 0px;
    
	}
#youarehere
	{
	position:absolute;
	top:100px;
	left:100px;
	height:unset !important;
	width:45px !important;
	}			

#elementosWindow
	{
	width: 350px;
    position: fixed;
    height: 250px;
    right: 350px;
   	top:32px;
    //background-color: rgb(0,43,243,0.4);
    //border: solid 1px grey;
    //padding: 5px;
    //border-radius: 10px;
    display:none;
	}				

.elementoItem
	{
	margin-bottom: 5px;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    color: white;
    padding-left: 8px;
    /* padding-right: 8px; */
    width: 100%;
	}
	
#editWindow	
	{
	width: 260px;
	height:350px;
	position: fixed;
	left: 312px;
	top: 32px;
	display:none;
	}
#janelaEdicao
	{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 35px;
    color: white;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    margin-left: 12px;
    }
    
.editfield
	{
	background: #1b1464;
    border: solid 1px #93278f;
    width: 273px;
    height: 20px;
    font-size: 13px;
    color: white;//#93278f;//#CACACA;
    padding: 5px;
    font-family: 'Roboto',sans-serif;
    margin-bottom: 4px;
    //position: absolute;
    //right: 15px;
	}    
	
.editscript
	{
	
    font-size: 11px;
    
	}    	
#inventoryWindow
	{
	width: 180px;
    position: fixed;
    height:calc(100% - 370px);
    top: 310px;
    left:5px;
    display:none;
	}
#inventQuant
	{
	font-family: 'Roboto',sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: white;
    background-color: #93278f;
    border-radius: 7.5px;
    height: 15px;
    position: absolute;
    bottom: -10px;
    right: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
	}	
#alertWindow
	{
	width:300px;
    position:fixed;
    height:160px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display:none;
	}
	
#configWindow
	{
	width:210px;
    position:fixed;
    height:230px;
    top:32px;
    right:320px;
    display:none;
	}
	
#itemWindow	
	{
	width:340px;
	
    position:fixed;
    //height:230px;
   
    height:375px;
    top:32px;
    right:320px;
    display:none;
	}
#itemWindow .janelaConteudo
	{	
	font-family: 'Roboto',sans-serif;
    font-size: 15px;
    font-weight: bolder;
    color: white;
    }
    		
#configWindow .janelaConteudo
	{	
	font-family: 'Roboto',sans-serif;
    font-size: 15px;
    font-weight: bolder;
    color: white;

    }		
#dicasWindow
	{
	width:350px;
    position:fixed;
    height:230px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display:none;
	} 	
.dica
	{
	position:absolute;

	width:270px;
	left:60px;
	top:4px;
	}
	
#botoesDicas	
	{
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	}
#counterDown
	{
	position:absolute;
	left:8px;
	top:7px;
	//width:20%;
	}	
#dicasWindow .janelaConteudo
	{	
	font-family: 'Roboto',sans-serif;
    font-size: 16px;
    color: white;
    align-items: center;
    padding:4px;
    width:100%;
    line-height:1.4;
    top:35px;
    }		
#alertWindow .janelaConteudo
	{	
	font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: bolder;
    color: white;
    display:flex;
    flex-flow: row wrap;
    justify-content:center;
    align-items: center;
    width:200px;left:50px;
    line-height:1.7;

    }	
    
.botaoAlertaJanela
	{
	font-size:20px;
	font-height:bolder;
	height: 24px !important;
	}   	
.tituloele
	{
	font-size: 20px;
    font-family: roboto;
    text-align: center;
    height: 30px;
    width: 100%;
    font-weight: bolder;
	}	
.subtituloele
	{
	font-size: 12px;
    font-family: roboto;
    text-align: center;
    height: 30px;
    width: 100%;
	}			
#eposicoes
	{
	width: 100px;
    height: 100px;
    position: absolute;
    margin-top: 20px;
    margin-left: 34px;
	}
#span1
	{
	position: absolute;
    left: 40px;
    top: 0px;
    font-size: 10px;
    font-family: roboto;
	}
	
#span2
	{
	position: absolute;
    left: 108px;
    top: 0px;
    font-size: 10px;
    font-family: roboto;
	}
	
#span3
	{
	position: absolute;
    left: 148px;
    top: 0px;
    font-size: 10px;
    font-family: roboto;
	}
#span4
	{
	position: absolute;
    left: 90px;
    top: 102px;
    font-size: 10px;
    font-family: roboto;
	}
	
#span5
	{
	position: absolute;
    left: -30px;
    top: 15px;
    font-size: 10px;
    color: white;
    font-family: roboto;
    text-align: left;
	}	
#avancadobt	
	{
	position: absolute;
    top: 302px;
    right: 16px;
    font-family: roboto;
    font-size: 10px;
    cursor:pointer;
	}
#rangeRotacao
	{
	width: 150px;
    position: absolute;
    top: 110px;
    left: 30px;
	}				
#rangeAltura
	{
	transform: rotate(-90deg);
    width: 80px;
    position: absolute;
    top: 42px;
    left: 80px;
	}
#editsalvarbt
	{
	position: absolute;
	top:245px;
	right:60px;
	}
#editduplicarbt
	{
	position: absolute;
	top:245px;
	left:45px;
	}	
#rangeEscala
	{
	transform: rotate(-90deg);
    width: 80px;
    position: absolute;
    top: 42px;
    left: 120px;
	}	
#roda
	{
	position: absolute;
    //left: 50%;
    top: 15px;
    transform-origin: 60px 30px;
    transform: rotate(0deg);
    width: 60px;
    height: 60px;
    margin: 0px;
    padding: 0px;
	}
#inventoryWindow table
	{
	margin-top:7px;
	//margin-left:5px;
	text-align: center;
    vertical-align: middle;
    border: 0px;
    border-spacing:0px;
	}
	
#inventoryContent p
	{
	font-family: 'Roboto',sans-serif;
    font-size: 11px;
    color: white;
    text-align: center;
    margin-top:30px;
    padding:10px;
	}	
#inventoryWindow td
	{
	float:center;
	width:41px;
	height:38px;
	//padding:10px;
	//border: solid 0.5px grey;
	}		
#inventoryWindow img
	{
	float:center;
	//max-width:30px;
	}	
	
.inventoryElement 	
	{
	width:34px !important;
	filter: drop-shadow(1px 1px 1px #222);
	-webkit-filter: drop-shadow(1px 1px 1px #222);
	}	
				
	
#emParticular
	{
    position: absolute;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    right: 18px;
    bottom: 1px;
    background-color: red;
    color: white;
    border-radius: 10px;
    border: solid 1px red;
    padding: 1px 25px 1px 10px;
    display: none;
	}	
	
/*.janela img
	{
	//width: 24px;
    margin-left: -5px;
    margin-top: -5px;
	}*/
	
#mapaWindowImg	
	{
	width: 24px;
    margin-left: -5px;
    margin-top: -5px;
	}
#backhomeIcon
	{
	position:absolute;
	left:13px;
	bottom:9px;
	width:22px;
	}
	
#backhomeIcon input:focus
	{
	outline: none;
	}	
.corbot
	{
	color:lightgreen;
	font-weight:bold;
	}	
.coruser
	{
	color:orange;
	font-weight:bold;
	}	
#textcontent button
	{
	color:lightgreen;
	background-color: rgb(0,0,0,0);
	border: solid 1px lightgreen;
	border-radius:3px;
	margin-left:3px;
	font-size:10px;
	cursor:pointer;
	}	
#textcontent
	{
	font-family: 'Roboto',sans-serif;
    /* font-family: Arial, Helvetica, sans-serif; */
    //width: 100%;
    height: calc(100% - 35px);
    overflow: scroll;
    font-size: 14px;
    color: white !important;
    font-weight: normal;
    overflow-x: hidden;
    padding: 8px;
	}
	
#textcontent span
	{
	color: white !important;	
	font-weight: bold !important;	
	font-style: normal !important;	
	}
	
#ListElementos
	{
	font-family: 'Roboto',sans-serif;
    width: 100%;
    height: calc(100% - 25px);
    overflow: scroll;
    font-size: 11px;
    color: white;
    font-weight: normal;
    overflow-x: hidden;
    margin-left: 0px;
    position: absolute;
    top: 8px;
	}	

	
#tituloParticipantes	
	{
	font-family: 'Roboto',sans-serif;
    /* font-family: Arial, Helvetica, sans-serif; */
    width: 100%;
    font-size: 11px;
    color: white;
    font-weight: normal;
    overflow-x: hidden;
    position: absolute;
    top: 3px;
    left: 23px;
	}
	
#tituloJanela	
	{
	font-family: 'Roboto',sans-serif;
    /* font-family: Arial, Helvetica, sans-serif; */
    width: 100%;
    font-size: 11px;
    color: white;
    font-weight: normal;
    overflow-x: hidden;
    position: absolute;
    top: 3px;
    left: 23px;
	}	
	
#tituloElementos	
	{
	font-family: 'Roboto',sans-serif;
    /* font-family: Arial, Helvetica, sans-serif; */
    width: 100%;
    font-size: 11px;
    color: white;
    font-weight: normal;
    overflow-x: hidden;
    position: absolute;
    top: 3px;
    left: 23px;
	}	
	
#participantesContent
	{
	font-family: 'Roboto',sans-serif;
    overflow: scroll;
    font-size: 14px;
   
    font-weight: normal;
    overflow-x: hidden;
    margin-left: 0px;
    height:calc(100% - 21px);
    padding-left: 5px;
	}	
#participantesContent ul
	{
	list-style-type: none;
	padding-inline-start: 5px;
	text-decoration: none;
	cursor:pointer;
	}
	
#participantesContent li
	{
	margin-bottom:2px;
	color: white !important;
	}
	
.forceWhite
	{
	color: white !important;
	}		
#participantesContent span
	{
	
	}	
	
#textcontent p
	{
	margin:3px;
	}
#avatarUser
	{
	width: 40px;
    left: 14px;
    bottom: -7px;
    border-radius: 26px;
    border:solid 1px white;
	}	
#avatarName
	{
	font-size: 18px;
    font-family: 'Roboto',sans-serif;
    color: orange;
    font-weight: bold;
    position: absolute;
    left: 64px;
    top: 20px;
	}				
#audioplayer2bots
	{
	height:40px;
	}

.botaoplay2bots
	{
	position: absolute;
	left:9px;
	top:12px;
	}
	
.avatar2bots 
	{
	position: absolute;
	right:9px;
	top:9px;
	border-radius: 50%;
	}		
.tempoatual2bots
	{
	position:absolute;
	left:45px;
	color:#c8c8c8;
	top:30px;
	font-size: 10px;
	
	}
.tempototal2bots
	{
	position:absolute;
	right:55px;
	color:#c8c8c8;
	top:30px;
	font-size: 10px;
	}
		
.marcador2bots 
	{
	background-color:lightblue;
	
	height:14px;
	width:14px;
	position:absolute;
	top: -7px;
	left: 0px;
	border-radius: 7px;
	}
	
#bg_extra1	
	{
	//background: url(/tags/img/box_t500.png) 0px 0px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 34px;
    opacity: 0.9;
    background-color: white;
	border-top:solid 1 grey;
	}
	
#dirw img
	{
	width: 13px;
    position: absolute;
    bottom: 36px;
    left: 51px;
    transform: rotate(0deg);
    cursor: pointer;
	}
#dira img
	{
	width: 13px;
    position: absolute;
    bottom: 26px;
    left: 40px;
    transform: rotate(-90deg);
    cursor: pointer;
	}	

#dird img
	{
	width: 13px;
    position: absolute;
    bottom: 25px;
    left: 62px;
    transform: rotate(90deg);
    cursor: pointer;
	}	

		
#dirs img
	{
	 width: 13px;
    position: absolute;
    bottom: 15px;
    left: 51px;
    transform: rotate(180deg);
    cursor: pointer;
	}
	
#bg_painel_direcional img
	{
	//position: absolute;
    bottom: 10px;
    left: 35px;
    width: 45px;
    -webkit-touch-callout: none;
	}
	
#roda2
	{
	position:absolute;
	left:100px;
	top:300px;
	}	
	
#homeicon
	{
	position:absolute;
	top:2px;
	left:10px;
	height:20px;
	}	
#barra_superior
	{
	position: fixed;
    top: 0px;
    width: 100%;
    height:28px;
    background-color:black;
    
	}	
.botoesdireita
	{
	position: relative;
    right: 2px;
    display: inline;
    background-color:black;
    height:28px;
	}	
.botoesdireita div
	{
	float:right;
	margin-right: 10px;
    margin-left: 15px;
	//min-width:90px;
	top:0px;
	cursor:pointer;
	}
.botoesdireita span
	{
	font-family: 'Roboto',sans-serif;
	color:#93278f;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	top: -5px;
    position: relative;
	}		
.botoesdireita img
	{
	height:20px;
	margin-top:3px;
	}				
.botoesesquerda
	{
	//position: fixed;
    //width: 26px;
    bottom: 0px;
    right: 2px;
    display: inline;
	}	

.botoesesquerda img
	{
	position: relative;
    width: 130px;
    bottom: 0px;
    left: 10px;
    display: inline;
	}		
#painel_direcional
	{
	position: absolute;
    bottom: 2px;
    left: 4px;
	}
#botaomic
	{
	position: absolute;
    width: 25px;
    left: 401px;
    bottom: 25px;
    display:none;
	}
#bg_painel_direcional img
	{
	position: absolute;
    bottom: 10px;
    left: 35px;
    width: 45px;
    -webkit-touch-callout: none;
	}		
#bg_painel_direcional
	{
	//position: absolute;
    -webkit-touch-callout: none;
    
	}	
#painel_texto
	{
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 48px;
    background-color: black;
	}	
	
.painelTextoImg	
	{
	position:absolute;
	height:38px;
	bottom:5px;
	left:160px;
	}
.botaosom
	{
	width: unset !important;
	height: 10px !important;
    color: red;
    margin-left: 4px !important;
    margin-top: 2px !important;
    position: absolute;
    transform: translate(2px, -1px);
	}

		
.verde
	{
	filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
	}	

#barra_inferior
	{
	position:fixed;
	bottom:10px;
	left:0px;
	}

#bg_painel_texto	
	{
	position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 37px;
    background-color: black;
    //border-top-left-radius: 15px;
    //border-top-right-radius: 15px;
	
	}

@media screen and (max-width: 1200px) 
	{
	/* se a tela nao é giga */
	#participantesWindow
		{
		display:none;
		}
	#inventoryWindow
		{
		display:none;
		}	
	}
	
@media screen and (max-width: 1080px) 
	{
	/* APAGAR O ICONE DE CHAT */
	.painelTextoImg
		{
		display: none;
		}	
	.botinput
		{
    	transform: translate(-75px,0);
		}
	.botselectinput
		{
    	transform: translate(-75px,0);
		}
	.botbotao
		{
		transform: translate(-75px,0);
		}	
	.painelAnimacoes
		{
		width: calc(100% - 580px);
		left:580px;
		}			
	}	

@media screen and (max-width: 643px) 
	{
	/*duplica linha inferior*/
	#painel_texto
		{
		height:61px;
		}
	.painelAnimacoes
		{
		width: 100%;
		left:0px;
		bottom:-2px;
		text-align:center;
		}	
	.botinput
		{
		width:225px;
		height:29px;
		bottom:29px;
		left:50%;
		transform: translate(-180px,0px);
		}	
	.botselectinput
		{
		width:130px;
		height:29px;
		bottom:29px;
		left:50%;
		transform: translate(52px,0px);
		}	
	.botbotao
		{
		bottom: 30px;
		height: 27px;
		left:50%;
		transform: translate(153px,0px);
		}	
	.botmensagem
		{
		bottom:1px;
		}
	.botmensagemselect
		{
		bottom:4px;
		}	
	#barra_inferior
		{
		top:0px;
		bottom:unset;
		}
	#homeicon
		{
		display:none;
		}
	#avatarName
		{
		font-size:14px;
		left:35px;
		top:6px;
		}	
	#avatarUser
		{
		width:22px;
		bottom:-2px;
		left:5px;
		}	
		
	.botaoAnimacao	
		{
		height:19px;
		}		
	}

@media screen and (max-width: 850px) 
	{
	#participantesWindow
		{
		display:none;
		}
	#inventoryWindow
		{
		display:none;
		}
	#mapWindow
		{
		display:none;
		}
	#textwindow 
		{
		display:none;
		}		
	}

@media screen and (max-width: 680px) 
	{
	/* botoes superiores */
	.labelbotao
		{
		display:none;
		}
		
	#configWindow
		{
		top:32px;
		left:5px;
		right:unset;
		display:none;
		}
	#elementosWindow
		{
		top:32px;
		left:5px;
		display:none;
		}
	#mapWindow
		{
		top:32px;
		left:5px;
		display:none;
		}	
	#editWindow
		{
		top:32px;
		left:5px;
		display:none;
		}	
	#participantesWindow
		{
		top:32px;
		left:5px;
		display:none;
		}
	#inventoryWindow
		{
		top:32px;
		left:5px;
		display:none;
		}	
	#itemWindow
		{
		top:32px;
		left:5px;
		display:none;
		}		
	#elementosWindow
		{
		top:32px;
		left:5px;
		display:none;
		}	
	#textwindow 
		{
   	  	top:32px;
		left:5px;
		display:none;
		}			
	}

	
@media screen and (max-width: 10px) 
	{
	
	#mapWindow
		{
		top:70px;
		display:none;
		}
	
	
		
	#botaoTextSwitch
		{
		//-webkit-filter:grayscale(100%);
		//filter:grayscale(100%);
		}	
		
  	#barra_inferior 
  		{
    	//position: fixed;
    	//bottom: 0px !important;
    	//width: 50%;
    	//bottom: unset !important;
		}
	.botoesdireita 
		{
   		position: relative;
    	//width: 26px;
    	//top: 0px !important;
    	right: 2px;
    	display: inline;	
		}	
		
	#participantesWindow
		{
		top:310px;
		display:none;
		}
	#inventoryWindow
		{
		top:310px;
		display:none;
		}	
	#elementosWindow
		{
		top:700px;
		}	
	#textwindow 
		{
   	  	top: 45px;
   	  	right: 10px;
   	  	opacity:0.0;
   	  	pointer-events: all;
   	  	display:none;
		}	

	#bg_painel_texto 
		{
		width: 360px !important;
		}	
	#painel_texto
		{
		width: 360px !important;
		} 	
	#botaomic
		{
		display:none;
		}
		
	#painel_direcional 
		{
    	left: -20px !important;	
		}
		
	.botinput 
		{
    	left: 10px !important;	
    	width:200px	!important;	
    	}

	.botbotao 
		{
    	left: 218px !important;
    	}
    .botselectinput 
		{
    	left: 253px !important;
    	width: 96px  !important;
    	font-size: 11px  !important;
    	}
    .botmensagem
    	{
    	font-size: 11px  !important;
    	}		
    	
    }	
#capa 
	{    
	background-color: black;
	/*background-image: url("/img/wyse/bgwyse.jpg");
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; 
    color:#f3f0ef;;
   font-family: 'Roboto',sans-serif;
    //font-size: 20px;
    --font-family-primary: Poppins, sans-serif;
    --font-family-mono: IBM Plex Mono, Poppins, sans-serif;
    margin-bottom: 8px;
    
    font-size: 14px;
    //margin-block-start: 1em;
   // margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    // line-height: 1.5;
    }
#capa p
	{     
    float: left;
    margin-left: 0px;
    //transform: translate(0px, 30%);
    width: 305px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 8px;
    }

#capaTituloLongo
	{
	float:left;
	width:unset !important;
	}     
@media screen and (max-width: 666px) 
	{
	#capaTituloLongo
		{
		display:none;
		}
	#logohyper2
		{		
	    //margin-left: 50% !important;
    	//transform: translate(-50%, 50%) !important;
    	}	
	}  
#mensagemrpm
	{
	color: white;
    position: fixed;
    top: 5px;
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    font-size: 15px;
    background-color: #b669b1B0;
    padding: 5px;
    margin: 5px;
    text-align: center;
    left: 50%;
    transform: translate(-50%,0);
    min-width:400px;
	}  
#framereadyplayer
	{
	border: 0px;
    width: calc(100% - 10px);
    height: calc(100% - 85px);
    position: fixed;
    top: 80px;
    left: 5px;
    border: solid 1px #93278f;
	}   
#logohyper2
	{	
    left: 50%;
    position: relative;
    transform: translate(-50%,0px);
    width:161px;
    top:70px;
    }	
    
#capa input
	{
    color: #433b90;
    font-size: 14px;
    font-weight: bold;
    //.75rem: ;
    height: 30px;
    /* line-height: 1rem; */
    t: 1rem;
    /* padding-left: 1rem; */
    /* padding-right: 1rem; */
    /* padding-top: 1rem; */
    /* padding-bottom: 1rem; */
    padding: 10px;
    background-color: #ccccce;
    border-width: 1px;
    border-radius: 5px;
    width: 230px;
    //max-width: 330px;
    flex: 1 1 0%;
    resize: vertical;
    box-sizing: border-box;
    border-style: solid;
    border-color: #b669b1;
    margin-bottom: 0px;
	} 
#capa input:focus
	{
	outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 calc(2px) rgba(59,130,246,0.4);
	}
.contrario
	{
	transform: rotate(180deg);
	}	
.capatext
	{
	padding-left:10px;
	padding-right:10px;
	text-align: center;
	}		 
#capamodal
	{
	position: fixed;
    left: 50%;
    height: 530px;
  	top: 50%;
    width: 305px;
    transform: translate(-50%, -50%);
    background-color: #b669b1B0;
	}
	
@keyframes glowing {
  0% {
    box-shadow: 0 0 2px rgb(102, 51, 153);
  }
  50% {
    box-shadow: 0 0 10px rgb(147, 79, 216);
  }
  100% {
    box-shadow: 0 0 2px rgb(61, 51, 153);
  }
}

.imgBotaoCapa
	{
	position: absolute;
    right: 55px;
	}
	
#bgVideo
	{
  	position: fixed;
 	right: 0;
  	bottom: 0;
  	min-width: 100%;
  	min-height: 100%;
	}	
.botaocapa
	{
	width: 200px;
	//float:left;
	height: 40px;
    color: #4a3f9f;
    background-color: #ccccce;
    border: none;
	animation: glowing 1s ease infinite;
	//font-family: Roboto, sans-serif;
	font-family: sans-serif;
	
	font-size: 13px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
	display: flex;
    padding: 0;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 0.75rem;
    padding-right: 22px;
    pointer-events: auto;
    text-decoration: none;
    cursor: pointer; 
    border-radius: 20px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 43px;
	}	
#separador
	{
	float:left;
	width:100%;
	height:1px;
	background-color:rgb(156 163 175);
	margin-top:8px;
	margin-bottom: -12px;
	}	
#lastavatarimg
	{
	width: 30px;
    border-radius: 15px;
    position: absolute;
    margin-right: 10px;
    left: 58px;
	}
.botaocapa:hover
	{
	background-color: #dd99dc;
	//color:#93278f;
	}	
	
	
.tooltip {
  position: relative;
  display: inline-block;
  cursor:pointer;
  }
.tooltipinferior {  
	display: unset;
	}
/* Tooltip text */
.tooltiptext {
	font-family: Poppins, sans-serif;
	
	background-color:yellow;
	color:gray;
	}
.tooltip .tooltiptext {
	white-space: nowrap;
    visibility: hidden;
    min-width: 50px;
    background-color: yellow;
    color: grey;
    text-align: center;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 6px;
    border: solid 1px grey;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: -5%;
    /* margin-left: -60px; */
    opacity: 0;
    transition: opacity 0.3s;
	}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  top:unset;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b146477;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:checked + .slider {
  background-color: #93278f;
}

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

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

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

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


/* item inventario */

#itemWindow .nomeItem
	{
	text-align:center;
	width:100%;
	font-size:25px;
	}
	
	
#itemWindow .imagemItem
	{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 5px;
    margin-bottom: 5px;

	}	
#itemWindow .quantItem
	{
	text-align:center;
	width:100%;
	font-size:13px;
	margin-top: 10px;
    margin-bottom: 10px;
	}
#itemWindow .quantNumero	
	{
    font-size: 14px;
    font-weight: bolder;
    color: white;
    background-color: #93278f;
    border-radius: 7.5px;
    height: 15px;
    padding-left: 5px;
    padding-right: 6px;
    padding-top: 2px;	
    }
	
#itemWindow .descItem
	{
	text-align:center;
	width:100%;
	font-size:12px;
	}	
		
#itemWindow textarea
	{
	text-align:left;
	width:90%;
	font-size:8px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	resize:none;
	}				
	
#itemWindow .acoesItem
	{
	border: solid 1px white;
	
	border-radius:10px;
	text-align:center;
	width:91%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:12px;
	}
#itemWindow extratoItem
	{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:90%;
	font-size:8px;
	}
#executarAcao
	{
	}	
#itemWindow select
	{
	width:110px;
	font-size:12px;
	height:20px;
	margin:5px;
	}
	
#itemWindow .extratoItem
	{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}	
	
#itemWindow .janelaConteudo input
	{
	width:50px;
	font-size:12px;
	height:20px;
	text-align:center;
	}	
	
.linkvenda
	{
	text-align:right;
	text-decoration: none;
	font-size:10px;
	color:white;
	cursor:pointer;
	}