/* ------------------ general ------------------ */
/* html, body {
  height: 100%;
} */

body {
  font-family: "Roboto", Sans-serif;
}

nav {
  /* background-color: rgb(33, 33, 33, 0.6); */
  background-color: rgb(52, 52, 52);
  border: solid 10px rgb(52, 52, 52);
}

/* #body-page {
  min-height: 100vw;
} */


/* ------------------ landing ------------------ */
#landing-login {
  width: 40%;
}

/* .map_landing {
  margin-top: 10%;
  height: 400px;
  width: 400px;
} */

.img-capra {
  width: 100%;
  margin-top: 15%;
}

.frame-protocol {
  width: 90%;
}

.menu-entrar {
  min-width: 300px;
}

/* COOKIE START */

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: rgb(236, 240, 241);
    background: rgb(33, 33, 33);
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}

/* COOKIE END */


/* ------------------ perfil ------------------ */
.tabs-usuaris li button {
  color: rgb(0, 0, 0);
}

.tabs-usuaris {
  margin-top: 15px;
  margin-bottom: 15px;
}

.alerta-usuari {
  margin-top: 10px;
}

.icona {
  text-align: center;
}

.icona-editar:hover {
  cursor: pointer;
  color: rgb(0, 0, 255);
}

.icona-borrar:hover {
  cursor: pointer;
  color: rgb(255, 0, 0);
}


/* ------------------ perfil/usuari ------------------ */
.row-perfil {
  padding: 0.7em 0 0.7em 0;
}


/* ------------------ perfil/llista-usuaries ------------------ */
#novaUsuaria {
  margin-top: 2%;
  margin-bottom: 2%;
}

#nova-usuaria-form {
  margin-bottom: 10px;
}

/* ------------------ perfil/trad ------------------ */
#novaTraduccio {
  margin-top: 2%;
  margin-bottom: 2%;
}

#taula_traduccions th {
  text-align: center;
  text-transform: capitalize;
}


/* ------------------ login ------------------ */
.container-login {
  margin-top: 15px;
}

.container-login .row {
  margin-top: 50px;
}


/* ------------------ recuperar-clau ------------------ */
.nova-clau h2 {
  margin: 50px 0 50px 0;
}

.nova-clau .btn-enviar {
  margin: 25px 0 50px 300px;;
  text-align: left;
}

.nova-clau img {
  margin-top: 50px;
}


/* ------------------ termes us ------------------ */
.termes-us h1 {
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 20%;
}

.termes-us h3 {
  margin-left: 3%;
  margin-right: 3%;
}

.termes-us p {
  text-align: justify;
  margin-left: 5%;
  margin-right: 5%;
}

.termes-us ul {
  text-align: justify;
  margin-left: 5%;
  margin-right: 5%;
}

/* ------------------ privacitat ------------------ */
.privacitat-titol {
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 20%;
}

.privacitat {
  text-align: justify;
  /* margin-left: 10%; */
  /* margin-right: 10%; */
}

.privacitat p {
  margin-bottom: 25px;
}


/* ------------------ navbar ------------------ */
.navbar {
  padding-right: 5%;
  padding-left: 5%;
}

.navbar-svg {
  height: 75px;
}

.logo-env {
  margin-right: 5px;
}

.nav-link, .nav-drop {
  font-family: "Roboto", Sans-serif;
  color: rgb(228, 228, 228);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 13px;
}

.desplegable_navbar:hover {
  color: blue;
}


/* ------------------ error ------------------ */

.error-dibuix {
  width: 1000px;
}

.error-text {
  text-align: center;
}


/* ------------------ editar-pagines ------------------ */
.editar-pagines {
  margin-top: 5%;
}

.editar-pagines h3 {
  /* color: rgb(0, 162, 255); */
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
}

  .editar-pagines .form-label {
  text-align: right;
}

  .editar-pagines .row {
  margin: 10px 0 10px 0;
}


/* ------------------ editar-traduccions ------------------ */
.editar-traduccions {
  margin-top: 5%;
}

.editar-traduccions h3 {
  /* color: rgb(0, 162, 255); */
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
}

.editar-traduccions .form-label {
  text-align: right;
}

.editar-traduccions .row {
  margin: 10px 0 10px 0;
}

.editar-traduccions .btn {
  color: white;
}


/* ------------------ usuari-nou ------------------ */
.usuari-nou h3 {
  margin-top: 3%;
  margin-bottom: 3%;
}

.usuari-nou .row {
  margin-bottom: 1.5%;
  margin-top: .5%;
}

/* ------------------ dades1cop ------------------ */
.dades1cop h3 {
  margin-top: 3%;
  margin-bottom: 3%;
}

.dades1cop .row {
  margin-bottom: 1.5%;
  margin-top: .5%;
}

/* ------------------ treballant ------------------ */
.error-text {
  text-align: center;
}


/* ------------------ footer ------------------ */
.footer {
  background-color: rgb(52, 52, 52);
  color: rgb(255, 255, 255);
  border-bottom: solid 20px rgb(52, 52, 52);
  position: relative;
  bottom: 0px;
  width: 100%;
  margin-top: 100px;
}

.projecte-integrat {
  margin-top: 2em;
}

.footer-left {
  color: rgb(255,255,255);
  font-weight: 10;
  /* font-size: 10px; */
  font-size: 1em;
}

.footer-center {
  margin-top: 20px;
  color: rgb(255,255,255);
  font-size: 15px;
  padding-top: 25px;
}

.footer a {
  color: rgb(255, 255, 255);
}

.footer .img-obs {
  height: 68px;
}

.logo {
  width: 300px;
  margin-top: 30px;
}