/* CSS Document */
/* =) */
@import url('https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&display=swap');


/* CONFIG DEFAULT ----------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

html, body{height:100%;}

body{margin:-20px 0 0 0; padding:0px; background-color:var(--cor-bg); font-family:'Elms Sans', calibri, arial; font-size:16px; /*overflow-x:hidden; overflow-y:scroll;*/ line-height:24px; letter-spacing:.2px; color:#112227; text-align:left; font-weight:500;}

	img{border:0; float:left; position:relative;}

	div, article, section{float:left; position:relative;}

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

	/* Customizing Scroll Bar */

	body::-webkit-scrollbar{width:12px;}

	body::-webkit-scrollbar-track{background:#333A41;}

	body::-webkit-scrollbar-thumb{background-color:#d8e2e5; border-radius:20px; border:3px solid #333A41;}

		body.scroll-white::-webkit-scrollbar-track{background:#FFF;}

		body.scroll-white::-webkit-scrollbar-thumb{background-color:#333A41; border:3px solid #FFF;}



/* VARIAVEIS ----------------------------------------------------------------------------------- */

:root{
	/* Cores */
	--cor-primaria:#9A8143; /* Gold */
	--cor-secundaria:#45553F; /* Verde */
	--cor-terciaria:#F6EFEA; /* Bege */
	--cor-light-gray:#555555; /* Cinza Claro */
	--cor-gray:#333333; /* Cinza */
	--cor-black:#222222; /* Preto */
	--cor-white:#FFFFFF; /* Branco */
	
	--cor-bg-input:rgba(255, 250, 245, 0.8); /* Bege Light */	
	--cor-bg:#FFF9F5; /* Bege */
	--cor-bg-dark:#F2EBE5; /* Bege Dark */
	
	/* Fonte */
	--fonte-light:200;
	--fonte-regular:400;
	--fonte-medio:500;
	
	/* Radius */
	--radius-btn:20px;
	--radius-icon:24px;
	
	/* Motion */
	--motion-delay:.1s;
	--motion-duration:.3s;
	
	/* Grid */
	--margem-grid:6%;
	--grid-menor:38%;
	--grid-medio:50%;
	--grid-maior:60%;
}




/* FONTES DEFAULT ----------------------------------------------------------------------------------- */

h1{font-size:30px; line-height:40px; font-weight:600; margin-left:0px; color:var(--cor-primaria);}

h2{font-size:26px; line-height:32px; font-weight:600; margin-left:-2px;}

h3{font-size:22px; line-height:32px; font-weight:600;}

h4{font-size:17px; line-height:22px; font-weight:600;}
h4.legenda{font-size:12px; color:#FFF; letter-spacing:0.5px; line-height:16px; font-weight:400; transition:.3s;}

h5{font-size:20px; letter-spacing:0px; line-height:24px; font-weight:400; transition:.3s;}

p{font-size:16px; line-height:24px;}
p.mini{font-size:12px; line-height:16px;}

a{text-decoration:none; color:#FFF; opacity:1; transition-duration:.3s; transition-delay:.1s;}



/* BOTÕES DEFAULT ----------------------------------------------------------------------------- */

/* Botões primários e secundários */
.btn{background:var(--cor-black); padding:11px 24px 13px 24px; text-align:center; color:var(--cor-white); border:0px; border-radius:99px; transition:0.3s; font-size:15px; line-height:24px; letter-spacing:0.6px; font-weight:500; cursor:pointer;}

	.btn:hover{opacity:0.9;}
	.btn:active{color:#DDD;}

	.btn.negative{background:#FFF; color:#000;}

	form .btn{margin-top:16px;}

.btn-sec{padding:9px 24px 11px 24px; border:2px solid #000; background-color:transparent; color:#000; font-weight:600; letter-spacing:0.3px;}

	.btn-sec.negative{border:2px solid #111; color:#111;}


/* Botões para corpo do sistema, primários e secundários */
.btn-primario-corpo{width:100%; height:20px;  background-color:#2A3138; padding:9px 16px 11px 16px; text-align:center; color:var(--cor-white); border:0px; border-radius:4px; transition:0.3s; font-size:15px; font-weight:500; cursor:pointer;}
.btn-primario-corpo:hover{background-color:#333A41;}

.negativo.btn-primario-corpo{background-color:#FFF; color:#2A3138; font-weight:600;}
.negativo.btn-primario-corpo:hover{background-color:#F5F5F5;}


/* Uso em momentos específicos de confirmação */
.btnsec.CTA{float:right; background:#2FDF84; border-left:1px solid #2FDF84;}
.btnsec.CTA:hover{background:#2FDF84; border-left:1px solid #2FDF84;}



/* FORM --------------------------------------------------------------------------------------------- */


/* Div Mãe ------ */
.inputform:last-child{margin-bottom:32px;}


/* Campos ------- */
input{all:unset;}

*.campo{float:left; position:relative; width:92%; height:42px; background:var(--cor-bg-input); border:1px solid rgba(0, 0, 0, 0.1); border-radius:12px; margin:4px 0 4px 0; padding:0 4% 2px 4%; font-size:16px; font-weight:500; color:#000; transition:0.2s;}

	*.campo:focus{box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1); border:1px solid rgba(0, 0, 0, 0.2);}
	*.campo::placeholder{color:rgba(0, 0, 0, 0.4);}


/* Label ------- */
label{height:24px; font-size:14px; font-weight:600; float:left; width:100%; margin:12px 0 0 2px; line-height:24px;}

.legenda-campo{margin-left:2px; opacity:0.8;}


/* Checkbox ---- */
.checkbox{all:revert; float:left; width:20px; height:20px; border-radius:2px; background:#FFF; border:1px solid #E5E5E5; margin:0 16px 0 0;}	


/* Radio ------- */
.radioform{margin:10px 20px 0 0;}
.radio{all:revert; float:left; width:20px; height:20px; border-radius:2px; background:#FFF; border:2px solid #E5E5E5; margin:0 8px 0 0;}



form#form{float:left; position:relative; width:100%; margin-top:30px;}

    

	
    
   

			

			input:disabled{background:#EEE; color:#AAA;}


    /* Mensagens Feedback */
    .form-aviso-erro{width:100%; padding:5px 0 0 0;}
    .form-aviso-erro h4.legenda{color:#ff0005;}
    .campo-erro{border-color:#ff0005 !important; color:#ff0005 !important;}
    .campo-correto{/*border-color:#21AF20 !important;*/}
/* Fim Form */



/* LOAD --------------------------------------------------------------------------------------------- */

#loading{width:100%; height:100%; background:#1A1F25; position:fixed; left:0; top:0; z-index:9999;}
#loadingb{width:80px; height:80px; max-height:50%; margin:0 auto; margin-top:20%; float:none;}

#loadinganime{float:left; width:80px; height:80px; margin:0 0 0 0;}
    
    #loadinganime img{width:100%; height:100%; background:#888;}



/* REGISTER --------------------------------------------------------------------------------------------- */

main#container{position:relative; float:left; ; width:calc(100% - 160px); height:auto; min-height:90vh; padding:5vh 80px; display:flex; align-items:stretch;}

	.content-login{min-width:320px; width:40%; padding:0 5%; display:flex; flex-direction:column; align-content:stretch; align-items:stretch; justify-content:center;}

	.content-form{min-width:320px; width:calc(50% - 24px); padding:40px 24px; border-radius:24px; background:var(--cor-bg-dark); display:flex; flex-direction:column; align-content:stretch; align-items:center; justify-content:center;}

		form.form{width:100%; max-width:400px; display:flex; flex-direction:column; align-content:stretch; align-items:stretch; justify-content:flex-start;}
			
			form.form a{display:flex; justify-content:space-around;}




/* LOGIN --------------------------------------------------------------------------------------------- */

.conteudopaginalogin{width:100%; max-width:340px; margin:0 auto; float:none; position:relative;}

.logologin{width:100%;}
    .logologin img{width:230px; height:170px; margin:40px 0 0 -115px; left:50%;}
    .logologin h1{float:left; width:100%; margin-top:20px; text-align:center;}


.ajudalogin{width:100%; margin-top:70px;}




/* PAGES ------------------------------------------------------------------------------------------------------- */

/* Container page */
.conteudopagina{position:relative; float:left; width:100%; z-index:6;}
.conteudopaginab{width:100%;}



/* TOPO  --------------------------------------------------------------------------------------------- */
header#topo{position:fixed; z-index:9; width:100%; background:#2A3138;}
#topob{width:90%; height:80px; padding:0 5%;}

    .menuhamburguer{display:none; width:40px; height:50px; background-image:url("img/icones/icon-menu.svg"); background-repeat:no-repeat; background-position:left center; margin:11px 10px 0 0;}

    header .logo{float:left; width:80px; height:50px; padding:30px 0 0 70px; background-image:url("img/logoeys.png"); background-position:top -4px left -58px; background-size:164px; background-repeat:no-repeat; font-weight:500;}

    /* Busca */
    #busca{width:30%; left:5%;}

        #busca form#form{margin-top:12px;}
        #busca form#form input.campo{width:95%; background:#22272e; color:#FFF; transition:.3s;}
        #busca form#form input.campo::placeholder{color:#FFF; opacity:.2;}
        #busca form#form input.campo:hover{background:#1e2228;}
        #busca form#form input.btn{position:absolute; right:4px; width:15%; height:32px; margin-top:12px; background:#2a3138;}


    header #perfil{float:right; height:50px; padding:30px 44px 0 0; font-weight:500; background-repeat:no-repeat; background-position:center right; cursor:pointer;}

		#perfil .post-usuarios-fotos-bolinha{width:32px; height:32px; border:0; position:absolute; right:0; top:24px; background-color:#1A1F25;}



/* MENU --------------------------------------------------------------------------------------------- */

#menu{position:fixed; z-index:9; width:18%; min-width:240px; height:100%; padding-left:5%; background:#2A3138; margin-top:81px; border-right:1px solid #3B4652;}
#menub{width:85%; min-width:220px; margin-top:80px; margin-left:-15px;}

    #menub .icon-fechar{display:none;}

    #menub h3{margin-bottom:40px; margin-left:15px;}

    .linkmenu{width:100%; padding:11px 0 0 0; height:29px; background-repeat:no-repeat; background-size:20px; background-position:left 15px center; margin-bottom:15px; transition:0.3s; border-radius:4px; font-weight:500; cursor:pointer;}
    .linkmenu:hover{background-color:#3B4652;}
    .linkmenu.menumarcado{background-color:#3B4652;}
    
    .linkmenu p{margin-left:50px;}



/* ACTIONS TOPO --------------------------------------------------------------------------------------------- */

.actionspage{position:fixed; right:0; border-bottom:1px solid #3B4652; width:65%; z-index:7; margin-top:80px; height:50px; background:#1A1F25; float:right; padding:0 5% 0 7%;}

    /* BreadCrumb */
    .breadcrumb{margin-top:17px;}
        .breadcrumb p{float:left; margin-right:8px;}
        .breadcrumb p:hover{text-decoration:underline;}
        .breadcrumb a p.mini:last-child{opacity:.5;}
        
        .breadcrumb a:last-child{opacity:0.5; cursor:default;}
        .breadcrumb a:last-child p:hover{text-decoration:none;}
        .breadcrumb a:last-child p.mini:last-child{display:none;}

    /* Botões de ação */
    .actionsbottons{float:right; margin-right:-25px;}
        .actionsbottons .linkmenu{width:auto; border-radius:0; height:34px; padding:16px 25px 0 0; background-position:left 25px center;}
        .actionsbottons .linkmenu:hover{background-color:#2A3138;}
        .actionsbottons .linkmenu p{margin-left:60px;}


/* TOOLTIP */
.tooltip{position:absolute; width:130px; right:0px; top:60px; padding:5px 0 10px 0; border-radius:4px; background:#2A3138; box-shadow:0px 3px 10px 0px rgba(26, 31, 37, 1); z-index:8; opacity:0;}
    .tooltip .itenstooltip{width:100%; margin-top:5px;}
    .tooltip .itenstooltip:hover{background:#3B4652;}
    .tooltip p{float:left; height:20px; padding:7px 23px; transition:.2s;}

.listagem .tooltip{top:auto; bottom:20px; right:15px;}
    .listagem .tooltip .itenstooltip{height:34px;}
    .listagem .tooltip .itenstooltip p{right:auto; float:left; text-align:left; height:20px; padding:7px 23px; margin:0; transition:.2s; font-weight:500; cursor:pointer;}

#listagem-usuarios .tooltip{width:170px;}




/* MODAIS --------------------------------------------------------------------------------------------- */

.backgroundblur, .backgroundblur-visible{position:fixed; z-index:99; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);}


.modal-global{position:absolute; height:auto; top:4%; left:50%; z-index:9999; background:#FFF; border-radius:4px; padding:40px; display:none; opacity:0;}

.modal-s{width:400px; margin-left:-200px;}
.modal-m{width:480px; margin-left:-240px;}
.modal-l{width:880px; margin-left:-440px;}
.modal-xl{width:80%; margin-left:-10%;}


	.modal-content{width:100%; height:100%;}
	
		.modal-title{width:100%; margin-bottom:24px;}

			.modal-title h3{float:left; width:100%;}

		.modal-actions{width:100%; display:flex; margin-top:24px;}

			.modal-actions .btn{flex-grow:1;}




#modal-geral{position:fixed; width:480px; margin-left:-240px; padding:0; height:90%; background:#333A41;}

	iframe.modal-iframe{width:100%; height:100%; padding:0; margin:0; border-radius:4px; border:0; background:#333A41;}

	#modal-white{width:86%; padding:56px 7% 40px 7%;}
		
		#modal-white h2{color:#000;}
	



.modal, .modal-visible{position:absolute; width:420px; height:auto; top:4%; left:50%; margin-left:-250px; z-index:9999; background:#FFF; border-radius:4px; padding:30px 40px 40px 40px; display:none; opacity:0;}
    .icon-fechar{position:absolute; right:15px; top:15px; cursor:pointer;}    
    .modal, .modal-visible h2{color:#111;}
    .modal, .modal-visible p{color:#111; margin-top:5px;}

.modal.modalmenor{width:320px; margin-left:-200px; top:7%;}
.modal-visible{position:absolute; width:800px; margin-left:-440px; opacity:1; display:block; animation-duration:0.3s;}


    /* Excluir */
    .modal-usuario-excluir .optionbotoes .btnsec{background:#E12D2D; border:0; color:#FFF; padding:9px 0 11px 0; cursor:pointer;}
    .modal-usuario-excluir .optionbotoesone .btnsec{width:99%; margin-top:20px; background:transparent; border:2px solid #E12D2D; color:#E12D2D; cursor:pointer; padding:7px 0 9px 0;}
    .modal-usuario-excluir .optionbotoes .btn{float:right; cursor:pointer;}


    /* Detalhes */
    .modal-usuario-detalhes{color:#111; top:5%;}

        .modal-usuario-detalhes .optionbotoes .btnsec{border-color:#E12D2D; color:#E12D2D;}
        .icone-modal-detalhes{width:24px; height:24px; margin:0 0 8px 0; background-size:contain;}
        .modal-usuario-detalhes h3{float:left; width:100%; margin:10px 0 10px 0;}

        .detalhes-texto{width:100%; margin:3px 0;}
        .detalhes-foto{width:100%; height:150px; border-radius:3px; margin:10px 0 10px 0; background-size:cover; background-position:center;}


    /* Adicionar */
    .quadro_limite_arquivos{width:84%; background:#EEE; padding:5px 8%; color:#555; font-size:13px; font-weight:600; border-radius:4px;}
        .quadro_limite_arquivos li{margin:10px 0;}


    /* Modal Reservas */
	.novareserva-step-1{width:94%; margin:20px 0; padding:20px 3%; background:#F2F2F2; border-radius:4px; display:flex; justify-content:space-between; border:1px solid #E5E5E5;}
		.novareserva-step-1 .camposform{margin:0 5px;}
		.novareserva-step-1 .camposform:first-child{margin:0 5px 0 0;}
		.novareserva-step-1 .camposform:last-child{margin:0 0 0 5px;}

		.novareserva-step-1 .btnsec-positive{min-width:110px; max-width:110px; height:22px; margin:33px 0 0 5px; cursor:pointer;}


    .form-recurso-reserva{width:100%;}

        .form-recurso-reserva form#form{width:50%; margin-top:15px;}

        .recurso-reserva{width:45%; margin:0px 0 0 5%;}
            .recurso-reserva-foto{width:100%; height:160px; background-color:#EEE; border-radius:4px; background-repeat:no-repeat; background-size:cover; background-position:center; text-align:center; color:#AAA; margin-top:22px; border:2px solid #DDD;}
            .recurso-reserva h3{float:left; color:#000; width:100%; margin:15px 0 0 -1px; text-align:left;}
            .recurso-reserva p{float:left; font-weight:500; width:80%; margin-top:10px; text-align:left;}

            .recurso-reserva .btnsec{border-color:#DDD; color:#3B4652; cursor:pointer; transition:0.3s; margin-top:22px;}
            .recurso-reserva .btnsec:hover{border-color:#3B4652;}

        .modal.modal-salas{width:900px; z-index:999999; margin-left:-490px;}
            .foto-mapa-salas{width:100%; height:1850px; background-image:url("img/mesas/MesasEYS.jpg"); background-size:contain; background-repeat:no-repeat; background-position:top center;}

    


/* HOME --------------------------------------------------------------------------------------------- */

.contentintranet{float:right; margin-right:5%; width:65%; margin-top:200px; padding-bottom:100px;}
.contentintranet.contentcheckin{width:90%; margin-top:100px;}
.contentintranet.contentcheckin h1{text-align:center; margin-top:-40px;}

    .contentintranet h1 a{opacity:0.3;}
    .contentintranet h1 a:hover{opacity:0.6;}


    /* Título Listagem */
    .titulolistagem{width:100%; height:44px; margin:54px 0 8px 0; border-bottom:2px solid #3B4652; display:flex;}
        
        .titulolistagem h4{float:left; flex-grow:1; flex-basis:20%;}
        .titulolistagem h4:first-child{width:280px; flex-grow:0; flex-basis:280px;}
        .titulolistagem h4:last-child{width:48px; flex-grow:0; flex-basis:48px; text-align:right;}


    
    /* Listagem */
    .listagem{width:100%;}

        /* Item */
        .itemlistagem{width:100%; height:auto; border-bottom:1px solid #2A333B; background-position:left center; background-image:url("img/icones/icon-doc.svg"); background-repeat:no-repeat; padding:24px 0; opacity:.8; transition:.2s; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
        .itemlistagem:hover{opacity:1;}

            .itemlistagem p{float:left; cursor:default; flex-grow:1; flex-basis:20%;}
            .itemlistagem p:first-child{width:240px; padding-left:40px; flex-grow:0; flex-basis:240px;}

                /*
                .itemlistagem.itemlistagem-recursos{background-image:none;}
                .itemlistagem.itemlistagem-recursos p:first-child{width:40%; margin-left:0;}

                .itemlistagem.itemlistagem-5itens.itemlistagem-recursos{background-image:none;}
                .itemlistagem.itemlistagem-5itens.itemlistagem-recursos p:first-child{width:35%; margin-left:0;}
				*/


            /* Item com 5 itens
            .itemlistagem.itemlistagem-5itens p{width:20%;}
            .itemlistagem.itemlistagem-5itens p:first-child{width:30%;}
			*/

            .btnaction{width:30px; right:0; top:0; margin-left:18px; border-radius:50%; transition:0.2s; cursor:pointer;}
            .btnaction:hover{background-color:#2A3138;}

		/* Avisos PHP */
        .naoencontrado-item{width:100%; margin-top:30px;}
    
        /* Sem ícones */
        .listagem.listagem-noicon .itemlistagem{background-image:none;}
        .listagem.listagem-noicon .itemlistagem p:first-child{margin-left:0; margin-right:5%;}

        /* Listagem Pastas */
        .listagem-manuais .itemlistagem{background-image:url("img/icones/icon-pasta.svg");}
        .listagem-manuais .itemlistagem a{flex-grow:1; width:20%;}
        .listagem-manuais .itemlistagem h4{float:left; width:auto; margin-left:40px;}


    /* Paginação */
    .paginacao{width:100%; margin-top:40px;}
    #paginacao{width:100%; margin-top:40px;}

        #paginacao h4.legenda{position:absolute; width:100%; top:15px;}
    
        #paginacao-anterior{padding:7px 20px 9px 20px; width:auto; float:left;}
        #paginacao-proxima{padding:7px 20px 9px 20px; width:auto; float:right;}




/* USUÁRIOS --------------------------------------------------------------------------------------------- */

.perfil-pontuacao{width:100%; display:flex; align-items:center; margin-bottom:24px;}

	.perfil-pontuacao .post-usuarios-fotos-bolinha{width:48px; height:48px; position:relative; margin-left:0; top:0; border:0;}

	.perfil-content{flex-grow:1; margin-left:16px;}

		.perfil-content p.mini{opacity:.64;}




/* RESERVAS --------------------------------------------------------------------------------------------- */

/* Filtro */
.filtrodatas{width:100%; display:flex; margin:30px 0 55px 0;}

	.filtrodatas .btn{margin:0 10px; background:#2A3138;}
	.filtrodatas .btn:hover{background:#3B4652;}
	.filtrodatas .btn:first-child{margin-left:0;}
	.filtrodatas .btn:last-child{margin-right:0;}
	.filtrodatas .btn.filtro-botaoativo{background:#FFF;}
	.filtrodatas .btn.filtro-botaoativo a{color:#2A3138; font-weight:600;}

/* Filtro Avançado */
.buscadatas{width:90%; margin-top:-20px; border-radius:4px; background:#2A3138; padding:40px 5%;}
.buscadatas.buscausuarios{margin-bottom:55px;}

	.buscadatas h3{width:100%;}
	.buscadatas form{width:100%; display:flex;}

		.buscadatas form .camposform{width:20%; margin-right:10px; margin-bottom:0; flex-grow:1;}
		.buscadatas form .btnsec{float:right; width:20%; margin-top:28px;}

		.buscadatas.buscausuarios form .camposform{width:77%;}
		.buscadatas.buscausuarios form .camposform .campo{width:97%; padding-left:3%;}

/* Aviso Reserva */
.cardreserva{width:90%; border-radius:4px; background:#1A3C94; padding:40px 5%; margin:-30px 0 60px 0;}

	.cardreserva-titulo{width:100%; background-image:url("img/icones/icon-reservas.svg"); background-size:50px; background-position:center left; background-repeat:no-repeat;}
	.cardreserva-content{float:right; margin:8px 5% 0 0;}
	.cardreserva .btn{width:18%; background:#FFF; color:#1A3C94; font-weight:600; float:right; margin-top:10px;}

/* Checkin */
#checkin{width:100%; margin:40px auto; max-width:440px; float:none;}
.bgcheckin{border-radius:4px; background:#1A3C94; height:auto; padding:40px; margin:20px;}

	#checkin .cardreserva-titulo{padding:75px 0 0 0; background-position:center top; text-align:center;}
		#checkin .cardreserva-titulo p{margin-top:15px;}
	#checkin .cardreserva-content{float:left; width:100%; margin:30px 0 0 0;}
		.checkin-item{display:flex; width:100%;}
		.checkin-item h4{margin-bottom:10px; width:100%;}
		.checkin-item h4:last-child{text-align:right;}
	#checkin .btn{width:100%; background:#FFF; color:#1A3C94; font-weight:600; float:left; margin-top:25px;}

/* Listagem Reservas */
.color-status{float:left; position:relative; width:8px; height:6px; padding:0; margin:5px 10px 0 0; border-radius:100%;}




/* FEED --------------------------------------------------------------------------------------------- */

.listagem.listagem-feed{display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; align-content:flex-start; margin-top:0;}


.post{flex-grow:1; display:flex; flex-wrap:nowrap; align-items:flex-start; flex-direction:column; max-width:600px; padding:20px; margin:0 16px 40px 16px; border-radius:4px; border:2px solid #2A3138;}

	.post-header{width:100%; padding:0 0 20px 0; display:flex; align-items:center;}

		.post-header-foto{width:36px; height:36px; border-radius:4px; margin-right:12px; background:#2A3138; background-image:url("img/logoeys.png"); background-size:cover; background-position:center;}

		.post-header-info{flex-grow:1;}

			p.post-header-info-nome{line-height:20px; margin-left:2px;}

			p.post-header-info-data{line-height:18px; opacity:.4;}

	img.post-imagem{background-color:#2A3138; width:100%; border-radius:4px;}

	.post-usuarios{width:100%; padding:20px 0; display:flex; align-items:center; cursor:pointer;}

		.post-usuarios-fotos{margin:0 8px; display:flex; flex-wrap:nowrap;}

			.post-usuarios-fotos-bolinha{width:26px; height:26px; background:#2A3138; background-size:cover; border:4px solid #1A1F25; margin-left:-12px; border-radius:100%; background-position:center;}

		.post-usuarios p.mini{flex-grow:1;}

	.post-content{width:100%; flex-grow:1;}

		.post-content h4{line-height:24px; margin-bottom:16px;}

		.post-content p{}

	.post-reacoes{display:flex; flex-direction:row; margin-top:24px;}

		iframe.iframe-reacoes{width:128px; height:55px; position:relative; padding:0; margin:-15px 4px 0 -15px; border:0;}

		.post-reacoes-reagir{font-size:12px; width:auto; padding-left:44px; margin:35px 0 0 15px; background-size:20px; background-position:center left 12px; background-repeat:no-repeat;}

			.post-reacoes-reagir-icones{width:120px; height:32px; opacity:0; transition:.3s; position:absolute; padding:8px 4px; background:#2A3138; box-shadow:0px 5px 10px -5px #000; border-radius:4px; margin:5px 0 0 0px;}

			.post-reacoes-reagir-icones:hover{opacity:1; margin-top:0px;}

				.post-reacoes-reagir-icones-btn{width:32px; height:32px; margin:0 4px; background-repeat:no-repeat; background-size:20px; background-position:center; border-radius:2px; transition:.2s; cursor:pointer;}

				.post-reacoes-reagir-icones-btn:hover{background-color:#333A41;}

					.reacao-finger{background-image:url(img/icones/icon-finger.svg);}
					.reacao-finger-selected{background-image:url(img/icones/icon-finger-fill.svg);}
					
					.reacao-heart{background-image:url(img/icones/icon-heart.svg);}
					.reacao-heart-selected{background-image:url(img/icones/icon-heart-fill.svg);}

					.reacao-lamp{background-image:url(img/icones/icon-lamp.svg);}
					.reacao-lamp-selected{background-image:url(img/icones/icon-lamp-fill.svg);}

		.post-reacoes-comentarios{font-size:12px; padding-left:44px; background-image:url("img/icones/icon-comment.svg"); background-size:20px; background-position:center left 12px; background-repeat:no-repeat;}
			

	/* Page Comentarios */

	.comentarios{width:100%; height:100%; margin-top:20px; display:flex; flex-direction:column;}

		.comentario-title{display:flex; flex-direction:row; align-items:center; padding:24px 16px 16px 18px; z-index:1;}

			.comentario-title h4{flex-grow:1;}

			.comentario-title .icon-fechar{position:relative; right:0; top:0;}

		.comentarios-list{width:calc(100%-16px); padding:8px 16px 48px 16px; z-index:1;}

			.comentario-list-item{width:100%; display:flex; flex-direction:row; flex-wrap:nowrap; margin-bottom:16px;}

				.comentario-list-item .post-usuarios-fotos-bolinha{width:32px; height:32px; margin:0; background-color:#1A1F25; border:0; margin-right:16px;}

				.comentario-list-item-coment{flex-grow:1; margin-top:6px;}

				.comentario-list-item .btnaction{width:32px; height:32px; margin:0 5px 0 8px; background:#333A41; display:flex; align-items:center; justify-content:center;}

					.comentario-list-item .btnaction img{width:16px; opacity:0.24;}

		.comentario-form{width:100%; padding:16px 0; display:flex; flex-direction:row; flex-wrap:nowrap; background:#333A41; position:fixed; bottom:0; z-index:2;}

			.comentario-form .post-usuarios-fotos-bolinha{width:40px; height:40px; background-color:#1A1F25; border:0; margin:0 16px;}

			.comentario-form form{flex-grow:1; display:flex; flex-direction:row; padding-right:16px;}

				.comentario-input{width:100%; height:40px; padding:0 4px 0 16px; background:#1A1F25; border-radius:20px; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; color:#FFF;}

					.comentario-input .campo{height:40px; padding:0; margin:0; background:none; flex-grow:1; color:#CCC;}

					.comentario-input .btn-comentario{width:auto; height:32px; border-radius:16px; font-size:12px; padding:0 16px 0 16px; margin:0; background:#333A41;}


	/* Page Comentarios */

	.foto-usuario-cadastro{width:100%; display:flex; flex-direction:row; align-items:center; margin-bottom:24px;}

		.campo-foto-usuario{width:80px; height:80px; background-color:#E5E5E5; border-radius:999px; background-size:cover;}

		.campo-file-usuario{width:auto !important; border:0 !important; background-color:#FFF !important; margin:0 !important; flex-grow:1 !important; padding:0 0 0 16px !important; height:auto !important;}


	/* Page Curtidas */
	.curtidas-list{padding:8px 16px 48px 16px; z-index:1; display:flex; flex-direction:column;}

	.curtidas-list a{flex-grow:1; display:flex;}

		.curtidas-list-item{flex-grow:1; display:flex; flex-direction:row; flex-wrap:nowrap; margin-bottom:24px;}

			.curtidas-list-item .post-usuarios-fotos-bolinha{width:40px; height:40px; margin:0 16px 0 0; border:0;}

			.curtidas-list-item-name{flex-grow:1; font-size:14px; margin-top:-2px;}

				.curtidas-list-item-name h4{margin-bottom:2px;}

				.curtidas-list-item-name p{opacity:.6;}



/* GAMIFICATION --------------------------------------------------------------------------------------------- */

.regra-setor{width:100%; padding-bottom:8px; margin-bottom:16px; border-bottom:1px solid #EEE;}
.regra-setor:last-child{border-bottom:0;}

	.regra-setor h4{margin-bottom:16px;}

	.regra-line{width:100%; display:flex; margin:8px 0;}

		.regra-line-content{flex-grow:1; display:flex; flex-basis:100%;}

			.regra-line p{flex-grow:1; flex-basis:100%;}

			.regra-line b{margin:0 24px;}

		.regra-line-editar{width:24px; height:24px; background-image:url("img/icones/icon-edit.svg"); background-repeat:no-repeat; background-size:16px 16px; background-position:center; cursor:pointer;}


	/* Podio */
	.pontuacao-header{width:100%; height:88px; background-image:url("img/Arena-EYS.png"); background-repeat:no-repeat; background-size:contain; background-position:center; margin:-40px 0 16px 0;}

	.podio{width:100%; display:flex; flex-direction:row; align-items:flex-end; margin-bottom:40px;}

		.podio-user{flex-grow:1; border-radius:8px 8px 0 0; border-bottom:2px solid #C5CED1; padding:32px 16px; background:#2A3138; display:flex; flex-direction:column; align-items:center; min-width:176px;}

		.podio-user:first-child{margin-right:16px; padding:40px 16px; border-bottom:2px solid #DCAA24;}
		.podio-user:last-child{margin-left:16px; padding:24px 16px; border-bottom:2px solid #9F6521;}

			.podio-number{position:absolute; z-index:9; left:24px; top:16px; color:#C5CED1;}

				.podio-user:first-child .podio-number{color:#DCAA24;}
				.podio-user:last-child .podio-number{color:#9F6521;}

			.podio-user-foto{margin-bottom:32px;}
			
				.podio-user-foto .post-usuarios-fotos-bolinha{width:72px; height:72px; border:0; background-color:#1A1F25; margin:0; background-size:cover;}

				.podio-medalha{width:32px; height:32px; background-image:url("img/icones/icon-badge-silver.svg"); background-repeat:no-repeat; background-position:center; background-size:32px; position:absolute; top:56px; left:20px;}

					.podio-user:first-child .podio-medalha{background-image:url("img/icones/icon-badge-gold.svg");}
					.podio-user:last-child .podio-medalha{background-image:url("img/icones/icon-badge-bronze.svg");}

			.podio-user-nome{width:100%; text-align:center;}

				.podio-user-nome p{width:100%;}







@media screen and (min-width:1001px) and (max-width:1370px){ /* Responsive Desk Menor ------------------------------------------------*/


/* PAGES DEFAULT --------------------------------------------------------------------------------------------- */

/* ACTIONS */
/* Botões de ação */
.actionsbottons{margin-right:-20px;}
    .actionsbottons .linkmenu{padding:16px 4px 0 0;}
    .actionsbottons .linkmenu p{font-size:0px;}


    
    
    
    
}@media screen and (max-width:1000px){ /* Responsive Smartphones ---------------------------------------------------------------------*/


/* LOGIN --------------------------------------------------------------------------------------------- */
.logologin img{margin:30px 0 0 -115px;}
.ajudalogin{margin:50px 0;}

    /* Form */
    input.btn{margin:10px 0 0 0;}
    
    .camposform{margin-bottom:10px;}
    /* Fim Form */


/* PAGES DEFAULT ------------------------------------------------------------------------------------- */
/* Container page */
.conteudopagina{position:relative; float:left; width:100%; z-index:6;}

    
/* TOPO */
#intranet #topob{height:70px; display:flex;}
    .menuhamburguer{display:none;}    
    #intranet header .logo{font-size:0px; width:40px; height:50px; margin-top:10px; padding:0; background-position:top -8px left -43px; background-size:124px;}
    
    /* Busca */
    #busca{width:auto; flex-grow:1; margin-right:16px;}
        #busca form#form{margin-top:9px;}
        #busca form#form input.btn{width:25%;}
    
    #intranet header #perfil{margin:0; height:43px; padding:27px 44px 0 0; font-size:0;}
	
	#perfil .post-usuarios-fotos-bolinha{top:20px;}

    
/* MENU */
#menu{z-index:999; width:92%; height:40px; padding:10px 4% 24px 4%; margin:0; bottom:0; border:0; border-top:1px solid #3B4652;}
#menub{width:100%; margin:0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;}

    #menub h3{display:none;}
	
	.linkmenu{paddin:0; width:40px; height:40px; background-position:center; padding:0; margin:0;}

		.linkmenu p{display:none;}
	
    .linkmenu.menumarcado{background-color:#3B4652;}
    
    
/* ACTIONS */
.actionspage{width:90%; margin-top:70px; padding:0 5% 0 5%;}

    /* BreadCrumb */
    .breadcrumb{position:absolute; width:80%;}
        .breadcrumb a{display:none;}
        .breadcrumb a:first-child, .breadcrumb a:last-child{display:block;}

    /* Botões de ação */
    .actionsbottons{margin-right:-16px;}
        .actionsbottons .linkmenu{width:55px; padding:16px 0px 0 0; background-position:center;}
        .actionsbottons .linkmenu p{font-size:0px;}

	
/* TOOL TIP */
.listagem .tooltip{bottom:27px;}
    
    
    
/* MODAIS --------------------------------------------------------------------------------------------- */
	
#modal-geral{width:96%; margin-left:0; left:2%;}

	iframe.modal-iframe{width:100%; height:100%; padding:0; margin:0; border-radius:4px; border:0; background:#333A41;}

	#modal-white{width:86%; padding:56px 7% 40px 7%;}
		
		#modal-white h2{color:#000;}
	
.modal,.modal-visible{width:88%; top:40px; position:absolute; bottom:auto; left:1%; margin-left:0; border-radius:4px; padding:30px 5% 30px 5%;}
    .modal p, .modal-visible p{color:#111; margin-top:15px;}

.modal.modalmenor{width:88%; margin-left:0; top:40px;}
.modal-visible{width:88%; margin-left:0; top:40px; position:absolute;}
    
    /* Excluir */
    .modal-usuario-excluir{position:fixed;}

    /* Detalhes */
    .modal-usuario-detalhes{top:40px;}

        .modal-usuario-detalhes .optionbotoes .btnsec{border-color:#E12D2D; color:#E12D2D;}
        .icone-modal-detalhes{width:28px; height:28px; margin-top:10px; margin-left:-2px; background-size:contain;}
        .modal-usuario-detalhes h3{float:left; width:100%; margin:10px 0 10px 0;}

        .detalhes-texto{width:100%; margin:3px 0;}

    /* Add arquivos */
    .quadro_limite_arquivos{width:84%; background:#EEE; padding:5px 8%; color:#555; font-size:13px; font-weight:600; border-radius:4px;}
        .quadro_limite_arquivos li{margin:10px 0;}

	
    /* Modal Reservas */
	.novareserva-step-1{flex-wrap:wrap; padding:8px 4% 14px 4%; margin-bottom:0;}
		.novareserva-step-1 .camposform{width:48%; margin:0;}
		.novareserva-step-1 .camposform:first-child{margin:0;}
		.novareserva-step-1 .camposform:last-child{margin:0;}

		.novareserva-step-1 .btnsec-positive{max-width:100%; margin:20px 0 0 0;}
	
    .form-recurso-reserva{width:100%;}
        .form-recurso-reserva form#form{width:100%;}
        .recurso-reserva{width:100%; margin:0;}
        .modal.modal-salas{width:88%; margin-left:0px;}
            .foto-mapa-salas{width:100%; height:740px;}
		
		

	
/* HOME --------------------------------------------------------------------------------------------- */
.contentintranet{margin:0 5%; width:90%; margin-top:190px;}

    /* Título Listagem */
    .titulolistagem{display:none;}
    
    /* Listagem */
    .listagem{width:100%; margin-top:40px;}

        /* Listagem Pastas */
        .listagem-manuais .itemlistagem h4{width:75%; margin:-2px 0 0 12%;}

        /* Item */
        .itemlistagem{opacity:1;}
        .itemlistagem:first-child{border-top:1px solid #2A333B;}

			.itemlistagem p{font-size:12;}
            .itemlistagem p:nth-child(2){display:block;}
            .itemlistagem p:first-child{display:block; width:75%; margin-left:0; opacity:1;}

            /* Item com 5 itens */
            .itemlistagem.itemlistagem-5itens p:first-child{width:75%;}
            .btnaction{margin-top:-6px;}
    
    

/* RESERVAR --------------------------------------------------------------------------------------------- */
	
    /* Filtro */
    .filtrodatas .btn:first-child{display:none;}
    .filtrodatas .btn:last-child{display:none;}

    /* Filtro Avançado */
    .buscadatas{margin-top:-30px;}
	
        .buscadatas form{width:100%; display:block;}

        .buscadatas form .camposform{width:100%; margin-right:0; margin-bottom:20px; min-width:100px;}
        .buscadatas form .camposform .campo{width:100%}
        .buscadatas form .camposform #data-reserva{width:84%;}
        .buscadatas form .btnsec{float:right; width:99%; margin-top:28px;}
    
        .buscadatas.buscausuarios form .camposform{width:100%;}
        .buscadatas.buscausuarios form .camposform .campo{width:97%; padding-left:3%;}
	
	
	
/* FEED --------------------------------------------------------------------------------------------- */
	
.listagem.listagem-feed{margin-top:-40px;}

	.post{margin:0 0 40px 0;}
	

	
/* GAMIFICATION --------------------------------------------------------------------------------------------- */

.regra-setor{width:100%; padding-bottom:8px; margin-bottom:16px; border-bottom:1px solid #EEE;}
.regra-setor:last-child{border-bottom:0;}

	.regra-setor h4{margin-bottom:16px;}

	.regra-line{width:100%; display:flex; margin:8px 0;}

		.regra-line-content{flex-grow:1; display:flex; flex-basis:100%;}

			.regra-line p{flex-grow:1; flex-basis:100%;}

			.regra-line b{margin:0 24px;}

		.regra-line-editar{width:24px; height:24px; background-image:url("img/icones/icon-edit.svg"); background-repeat:no-repeat; background-size:16px 16px; background-position:center; cursor:pointer;}
	
	
	/* Podio */
	.podio{margin-bottom:64px;}

		.podio-user{padding:24px 16px; min-width:0;}

		.podio-user:first-child{margin-right:8px; padding:32px 16px;}
		.podio-user:last-child{margin-left:8px; padding:16px;}

			.podio-number{display:none;}

			.podio-user-foto{margin-bottom:24px;}
			
				.podio-user-foto .post-usuarios-fotos-bolinha{width:48px; height:48px;}

				.podio-medalha{width:24px; height:24px; background-size:24px; top:40px; left:12px;}

				.podio-user-nome p{font-size:12px;}

	
	

}