/* --------------------------  CSS PAINEIS -------------------------------------*/


.painel-dinamico {
    background-color: transparent; 
    margin: 0; 
    padding: 0 0rem 0 0rem ; 
    width: 100%;
}





/* --------------------------  ELEMENTOS -------------------------------------*/

/* .item-lista-doc {display: flex; flex-direction: column;
    background-color: #c8c8c8; font-size: 1rem;
    border-radius: 5px;
    margin: 1.25rem 0rem 0rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;
    box-shadow: 1.2px 1.2px 3px 0px #000;} */




.documento.normal, .link.normal, .texto.normal {background-color: #c8c8c8; font-size: 1rem; border-radius: 5px;
    margin: 1.25rem 0rem 0rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;
    box-shadow: 1.2px 1.2px 3px 0px #000;}
.documento.plano, .link.plano, .texto.plano {background-color: #b6afa1; font-size: 1rem;
    margin: 1.25rem 0rem 0rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;
    box-shadow: 1.2px 1.2px 3px 0px #000;}
.documento.transparente, .link.transparente, .texto.transparente {
    background-color: transparent; font-size: 1rem; border-radius: 5px;
    margin: 2rem 0rem 0.5rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;}
.documento.contorno, .link.contorno, .texto.contorno {
    background-color: #FFFFFF20; font-size: 1rem; border: 1px solid #ccc; border-radius: 5px;
    margin: 2rem 0rem 0.5rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;}
.documento.exposto, .link.exposto, .texto.exposto {background-color: #0d1e3d; font-size: 1rem; border-radius: 5px;
    margin: 1.25rem 0rem 0rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;
    box-shadow: 1.2px 1.2px 3px 0px #000;}
.documento.oculto, .link.oculto, .texto.oculto {background-color: rgba(0, 0, 0, 0.25); font-size: 1rem; border-radius: 5px;
    margin: 1.25rem 0rem 0rem 0rem; padding: 0.4rem 1rem 0.4rem 1rem;
    box-shadow: 1.2px 1.2px 3px 0px #000;}


.imagem.normal {background-color: #c8c8c8; font-size: 1rem; border-radius: 5px;
    margin: 1.25rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem;
    box-shadow: 1.2px 1.2px 3px 0px #000;}
.imagem.transparente {
    background-color: transparent; font-size: 1rem; border-radius: 5px;
    margin: 2rem 0rem 0.5rem 0rem; padding: 0.4rem 0rem 0.4rem 0rem;}



.separador {min-height: 2rem; border-radius: 5px; background-color: #c8c8c8; display: flex;
    margin: 3rem 0rem 1rem 0rem; padding: 0.75rem 1rem 0.2rem 1rem;}
.separador.normal {background-color: #c8c8c8; justify-content: center; box-shadow: 1.2px 1.2px 3px 0px #000;}
.separador.exposto {background-color: rgb(207, 192, 169); justify-content: center; box-shadow: 1.2px 1.2px 3px 0px #000;}
.separador.plano {background-color: #7e3400; border-radius: 0px; justify-content: center; box-shadow: 1.2px 1.2px 3px 0px #000;}
.separador.transparente {background-color: transparent; justify-content: center;}
.separador.contorno {background-color: #ffffff20; border: 1px solid #ccc; justify-content: center;}
.transparente .separator-text {font-size: 2.4rem; font-weight: 500; color: #e7a567;
    margin: -0.7rem 0 0 0; padding: 0rem 0 0 0; }
.normal .separator-text {font-size: 2rem; font-weight: 500; color: #1d4268;
    margin: -0.7rem 0 0 0;}
.plano .separator-text {font-size: 2rem; font-weight: 500; color: #b6afa1;
    margin: -0.7rem 0 0 0;}
.contorno .separator-text, .oculto .separator-text  {font-size: 2rem; font-weight: 500; color: #092642;
    margin: -0.7rem 0 0 0;}
.exposto .separator-text {font-size: 2rem; font-weight: 500; color: #0d1e3d;
    margin: -0.7rem 0 0 0;}


.oculto {background-color: rgba(0, 0, 0, 0.25);}

.normal .titulo-documento{font-size: 1.25em; font-weight: bold; color: #273f57; margin: 0;}
.plano .titulo-documento {font-size: 1.25em; font-weight: bold; color: #7e3400; margin: 0;}
.transparente .titulo-documento, .oculto .titulo-documento {font-size: 1.25em; font-weight: bold; color: rgb(35, 42, 88); margin: 0;}
.contorno .titulo-documento{font-size: 1.25em; font-weight: bold; color: rgb(216, 180, 129); margin: 0;}
.exposto .titulo-documento{font-size: 1.25em; font-weight: bold; color: rgb(85, 164, 255); margin: 0;}

.normal .descricao-documento, .oculto .descricao-documento{font-size: 1em; font-weight: 500; text-align: justify; color: #888; margin: 0;}
.transparente .descricao-documento{font-size: 1em; font-weight: 500; text-align: justify; color: rgb(214, 224, 240); margin: 0;}
.contorno .descricao-documento, .plano .descricao-documento{font-size: 1em; font-weight: 500; text-align: justify; color: rgb(0, 0, 0); margin: 0;}
.exposto .descricao-documento{font-size: 1em; font-weight: 500; text-align: justify; color: rgb(207, 192, 169); margin: 0;}

.normal .autor-documento, .oculto .autor-documento{font-size: 0.8rem; font-weight:500; font-style: italic; color: rgb(0, 0, 0); margin: 0.5rem 0 0 0; float: left;}
.transparente .autor-documento{font-size: 0.8rem; font-weight:500; font-style: italic; color: rgb(25, 62, 103); margin: 0.5rem 0 0 0; float: left;}
.plano .autor-documento{font-size: 0.8rem; font-weight:500; font-style: italic; color: #7e3400; margin: 0.5rem 0 0 0; float: left;}
.contorno .autor-documento, .exposto .autor-documento{font-size: 0.8rem; font-weight:500; font-style: italic; color: rgb(214, 214, 214); margin: 0.5rem 0 0 0; float: left;}

.normal .link-documento, .exposto .link-documento{font-size: 1rem; font-weight: 600; font-style: normal; color: #333; background-color: #eee;
    margin: 0; width: 6rem; border: #333; border-radius: 5px;
    float: right; border: 1.5px solid #eee; text-align: center;
    box-shadow: 1px 1px 0px 0.5px #999;}
.transparente .link-documento, .oculto .link-documento{font-size: 1rem; font-weight: 600; font-style: normal; color: #333; background-color: #FFFFFF30;
    margin: 0; width: 6rem; border-radius: 5px;
    float: right; border: 0.5px solid rgb(16, 26, 43); text-align: center;}
.contorno .link-documento, .plano .link-documento{font-size: 1rem; font-weight: 600; font-style: normal; color: #333; background-color: #ca9a4160;
    margin: 0; width: 6rem; border-radius: 5px;
    float: right; border: 0.5px solid rgb(16, 26, 43); text-align: center;}
.plano .link-documento{font-size: 1rem; font-weight: 600; font-style: normal; color: #333; background-color: #d7d7d760;
    margin: 0; width: 6rem; border-radius: 5px;
    float: right; border: 0.5px solid rgb(16, 26, 43); text-align: center;}
.link-documento:hover{ border: 1.5px solid #23517e;color:#23517e;background-color: #ddd; transition-duration: 0.1s; }



.botaoDocumento.normal, .botaoDocumento.transparente, .botaoDocumento.contorno, .botaoDocumento.plano, .botaoDocumento.exposto,
.botaoLink.normal, .botaoLink.transparente, .botaoLink.contorno, .botaoLink.plano, .botaoLink.exposto
    {background-color: transparent; border-radius: 5px;
    margin: 2rem 0rem 1rem 0rem; padding: 0rem 1rem 0.2rem 1rem;}
.botaoDocumento.oculto, .botaoLink.oculto {background-color: rgba(0, 0, 0, 0.25); border-radius: 5px;
    margin: 2rem 0rem 1rem 0rem; padding: 0rem 1rem 0.2rem 1rem;}
.normal .buttonDownload, .normal .buttonLink { font-size: 1rem; font-weight: 500 ; background: #bdb0a1; color: #1d4268; 
    width: 80%; border: none; border-radius: 4px; margin: auto; justify-content: center;
    padding: 0.5em 1em; 
    box-shadow: 1.2px 1.2px 3px 0px #000; }
.plano .buttonDownload, .plano .buttonLink { font-size: 1rem; font-weight: 500 ; background: #1d4268; color: #bdb0a1; 
    width: 80%; border: none; border-radius: 4px; margin: auto; justify-content: center;
    padding: 0.5em 1em; 
    box-shadow: 1.2px 1.2px 3px 0px #000; }
.transparente .buttonDownload, .transparente .buttonLink  { font-size: 1rem; font-weight: 500 ; background: #FFFFFF70; color: #001c5e; 
    width: 80%; border: none; border-radius: 4px; margin: auto; justify-content: center;
    padding: 0.5em 1em;
    box-shadow: 1.2px 1.2px 3px 0px #000; }
.contorno .buttonDownload, .contorno .buttonLink  { font-size: 1rem; font-weight: 500 ; background: #ff9d0010; color: #001c5e; 
    width: 80%; border: 1px solid #ccc; border-radius: 4px; margin: auto; justify-content: center;
    padding: 0.5em 1em;
    box-shadow: 1px 1px 0px 0px #000;
    }
.exposto .buttonDownload, .exposto .buttonLink  { font-size: 1rem; font-weight: 700 ; background: rgb(110, 178, 255); color: #0d1e3d; 
    width: 80%; border: 2px solid #0d1e3d; border-radius: 4px; margin: auto; justify-content: center;
    padding: 0.5em 1em;
    box-shadow: 3px 3px 4px 0px rgb(0, 75, 129);
    }
.oculto .buttonDownload, .oculto .buttonLink { font-size: 1rem; font-weight: 500 ; background-color: rgba(0, 0, 0, 0.25);; color: #a8a8a8; 
    width: 80%; border: none; border-radius: 4px; margin: auto; justify-content: center;
    padding: 0.5em 1em;
    box-shadow: 1.2px 1.2px 3px 0px #000; }
.buttonDownload:hover, .buttonLink:hover{opacity: .7; transition-duration: 0.2s; }


.espacamento{background-color: transparent; height: 1rem; margin: 1rem 1rem 0rem 1rem;}
.espacamento4X{background-color: transparent; height: 7rem; margin: 1rem 1rem 0rem 1rem;}







/* -------------------------------- SISTEMA FIXO -------------------------------------*/
.botoesEdicao {background-color: transparent; min-width: 8rem; padding: 0 0 0rem 0;}

.button-edit{font-size: 0.925rem; font-weight: 600; color: #333; background-color: rgb(200, 160, 94);
    margin: 0rem 0 0 0.5em; border-radius: 5px;
    border: 1.5px solid rgb(109, 109, 109);
    box-shadow: 1px 1px 0px 0.5px #999;
}
.button-edit:hover{ border: 1.5px solid #23517e;color:#23517e;background-color: #ddd; transition-duration: 0.1s; }

.new {align-self: flex-start;}
.button-new{font-size: 1.2em; font-weight:900; color: #333; background-color: rgb(200, 160, 94);
    margin: 1em 0 0 1rem; padding: 0rem 0.5rem 0.1rem 0.5rem; border-radius: 5px;
    border: 1.5px solid rgb(109, 109, 109);
    box-shadow: 1px 1px 0px 0.5px #999;
}
.button-new:hover{ border: 1.5px solid #23517e;color:#23517e;background-color: #ddd; transition-duration: 0.1s; }

/* -------------------------------- MODALS -------------------------------------*/
.ficheiroModal{padding: 0.5rem; width: 100%; border: 4px solid rgb(224, 224, 224); border-radius: 6px; 
    background-color: rgb(244, 244, 244);
}

.form-label {font-size: 0.9rem; color: #aaa; margin: 0; padding: 0; color: #aaa;}
.form-control{margin: 0;}

.mensagem-alerta {background: #F2DEDE; color: #A94442; border: 1px solid #c3a6a6;
    width: 100%; font-size: 1.1rem; padding: 0.2em; margin-bottom: 0.8em; 
    border-radius: 6px; text-align: center;   }

/* -------------------------------- OUTROS -------------------------------------*/