@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
a {
  font-family: "Lato", sans-serif !important;
}

p,
ul {
  margin: 0 0 10px;
  color: #555555;
  line-height: 2em;
  font-size: 1.15em;
  font-weight: 300;
}

p ul,
ul ul,
ul p {
  font-size: 1em;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #929292;
}

html,
body {
  min-height: 100%;
}

a {
  color: #0056b3;
  text-decoration: underline;
}

h2 {
  font-weight: 300;
  margin-top: 1em;
  margin-bottom: 1em;
}

h3 {
  margin-top: 1em;
}

input[type=radio],
input[type=checkbox] {
  margin-right: 0.5em;
}

#main {
  outline: none;
}

.wrap {
  padding-bottom: 2em;
}

.wrap > .container {
  padding: 70px 15px 20px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

.screen-reader-offscreen {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}

.colourful-row {
  width: 100%;
  height: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#1570cb), to(rgb(183, 16, 127)));
  background: linear-gradient(to right, #1570cb 0%, rgb(183, 16, 127) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary", endColorstr="$secondary-mid", GradientType=1);
}

img.captura {
  max-width: 100%;
}

.d-flex.gap-1 {
  gap: 0.25rem;
}
.d-flex.gap-2 {
  gap: 0.5rem;
}
.d-flex.gap-3 {
  gap: 1rem;
}
.d-flex.gap-4 {
  gap: 1.5rem;
}
.d-flex.gap-5 {
  gap: 2rem;
}

footer.footer {
  height: 60px;
  background-color: #f9f9f9;
  border-top: 1px solid #e3e3e3;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2em;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8em;
  border-top: none;
}
footer.footer p {
  margin-bottom: 0;
  font-weight: 500;
}
footer.footer img {
  max-width: 200px;
  clear: both;
}

a.btn-primary,
.btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3rem;
  color: #ffffff;
  background-color: #e50179;
  border-color: #e50179;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em 3em;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
a.btn-primary.rounded,
.btn-primary.rounded {
  border-radius: 5em;
}
a.btn-primary:hover,
.btn-primary:hover {
  background-color: #b7107f;
  border-color: #b7107f;
}
a.btn-primary:focus,
.btn-primary:focus {
  background-color: #e50179;
  border-color: #e50179;
}
a.btn-primary[aria-pressed=false],
.btn-primary[aria-pressed=false] {
  background-color: #f2f2f2;
  border-color: #b1b1b1;
  color: #000000;
}

.btn-secondary {
  background-color: #707070;
}

.btn-group {
  border: none;
  gap: 0.5rem;
}
.btn-group-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btn-group.btn-single-group .btn {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.btn_filtre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.comentaris {
  margin-top: 1em;
}
.comentaris h5 {
  font-size: 2em;
  padding-left: 0;
}

ul.comentari-llista-accions {
  padding-left: 0;
}
ul.comentari-llista-accions li {
  list-style-type: none;
  display: inline;
  margin-right: 0.5em;
}

.comentari-accions button {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5em;
}

.comentari-fil {
  background-color: #f9f9f9;
  border: 1px solid #d0d0d0;
  margin-top: 1em;
  border-radius: 5px;
  padding: 0;
}

.comentari-fil-header,
.comentari-resposta-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comentari-fil-header p,
.comentari-resposta-header p {
  font-weight: 500;
  padding-top: 0.6em;
  padding-left: 1.5em;
}
.comentari-fil-header p .comentari-nom-autor,
.comentari-fil-header p .nom_admin,
.comentari-resposta-header p .comentari-nom-autor,
.comentari-resposta-header p .nom_admin {
  font-weight: 600;
}

.comentari-fil-header .comentari-fil__status {
  margin-left: auto;
}
.comentari-fil-header .comentari-fil__status p {
  display: inline-block;
  background-color: #e50179;
  color: #ffffff;
  margin: 0;
  padding: 0 0.5em;
  font-weight: 600;
}
.comentari-fil-header .comentari-fil__status .status-label {
  font-weight: 400;
}

.comentari-fil__allcomments {
  padding: 0 15px;
}

.comentari-fil_comment_actions {
  background-color: #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.comentari-fil_comment_actions div[class*=comentar-boto] {
  text-align: center;
}
.comentari-fil_comment_actions .comment_actions_button {
  margin: 0 0.8em;
}

.comentari-nom-autor {
  color: #e50179;
}

.comentari-resposta {
  padding-left: 0;
  margin-top: 1em;
  border-top: 1px solid #e3e3e3;
}
.comentari-resposta img.logo_autor_comentari {
  max-width: 6em;
  max-height: 6em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.num-comentaris {
  margin-left: 1.5em;
}

a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: "\e151";
}

a.desc:after {
  content: "\e152";
}

.sort-numerical a.asc:after {
  content: "\e153";
}

.sort-numerical a.desc:after {
  content: "\e154";
}

.sort-ordinal a.asc:after {
  content: "\e155";
}

.sort-ordinal a.desc:after {
  content: "\e156";
}

.grid-view td {
  white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

/* Table for authorizing users */
.usuaris_client {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Table for assigning categories to a client */
.categories_client {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.loader {
  border: 16px solid #f2f2f2;
  border-top: 16px solid #0056b3;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f2f2f2;
  border-top: 3px solid #e3e3e3;
  border-bottom: 3px solid #e3e3e3;
}
.pagination li {
  padding: 0 0.5em;
}

nav.navbar {
  padding-top: 1em;
  border-radius: 0;
  border-bottom-right-radius: 7em;
  padding-bottom: 4em;
  color: #ffffff;
  border: none;
  background: #1570cb;
  background: -webkit-gradient(linear, left top, right top, from(#1570cb), to(rgb(183, 16, 127)));
  background: linear-gradient(to right, #1570cb 0%, rgb(183, 16, 127) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary", endColorstr="$secondary-mid", GradientType=1);
}
nav.navbar a {
  text-decoration: none;
}
nav.navbar .navbar-nav {
  font-size: 1rem;
}
nav.navbar .navbar-nav > .nav-item > a {
  color: #ffffff;
  font-weight: 500;
  padding-bottom: 0.5em;
}
nav.navbar .navbar-nav > .nav-item > a.active {
  background-color: transparent !important;
  border-bottom: 3px solid #ffffff;
  font-weight: 700;
}
nav.navbar .navbar-nav .dropdown .dropdown-menu {
  left: auto;
  right: 0;
  background-color: rgb(179, 19, 148);
  color: #ffffff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.4);
}
nav.navbar .navbar-nav .dropdown .dropdown-menu a {
  color: #ffffff;
}
nav.navbar .navbar-nav .dropdown .dropdown-menu a:hover {
  background-color: #b7107f;
}
nav.navbar #main-menu {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
}
nav.navbar #main-menu a.nav-link {
  text-decoration: none;
}
nav.navbar #main-menu .brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
nav.navbar #main-menu .brand h1 {
  color: #ffffff;
  font-size: 0.7em;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 0.5em;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0.3em;
}
nav.navbar #main-menu .brand .logo-brand {
  max-width: 200px;
  -ms-flex-item-align: center;
      align-self: center;
}

table.table {
  margin-top: 1em;
  font-size: 0.95em;
}
table.table a {
  color: #0056b3;
}
table.table ul {
  padding: 0;
}
table.table thead.thead-light th {
  border-color: #d0d0d0;
  background-color: transparent;
  border-top: none;
  font-weight: 500;
}
@media (min-width: 992px) {
  table.table thead.thead-light th {
    white-space: nowrap;
  }
}
table.table th span {
  padding-left: 0.5em;
}
table.table th a {
  color: #000000;
}
table.table td {
  text-align: left;
}
table.table td .accions {
  white-space: nowrap;
}
table.table td .accions li {
  list-style-type: none;
  display: inline;
}
table.table td .categories li {
  list-style-type: none;
}
table.table thead > tr th,
table.table thead > tr td,
table.table tbody > tr th,
table.table tbody > tr td,
table.table tfoot > tr th,
table.table tfoot > tr td {
  vertical-align: middle !important;
}
table.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
table.table ul.accions li {
  padding-right: 0.5em;
}
table.table ul.accions li a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
table.table ul.accions li a:hover {
  color: #e50179;
}

ul.llista_filtre {
  display: inline;
  padding-left: 0;
}
ul.llista_filtre .nom_filtre {
  display: inline;
}
ul.llista_filtre li {
  list-style-type: none;
  margin-bottom: 1em;
  display: inline-block;
}
ul.llista_filtre li button {
  line-height: 2em;
  padding: 0 1em;
  margin-right: 0.5em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
ul.llista_filtre li button:not(:disabled) {
  border: solid 1.5px #e50179;
  background-color: white;
  color: #e50179;
}
ul.llista_filtre li button:not(:disabled):hover {
  background-color: #1d1d1d;
  color: #ffffff;
  border: solid 1.5px #1d1d1d;
}
ul.llista_filtre li button.active {
  background-color: #e50179;
  color: #ffffff;
  border: solid 1.5px #e50179;
}
ul.llista_filtre li button.active:hover {
  border: solid 1.5px #1d1d1d;
  background-color: white;
  color: #1d1d1d;
}

#modalOverlay {
  width: 100%;
  height: 100%;
  z-index: 2;
  /* places the modal overlay between the main page and the modal dialog*/
  background-color: #000000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  margin: 0;
  padding: 0;
}

#modal:not(.bootstrap-modal, .file-zoom-dialog),
.modal:not(.bootstrap-modal, .file-zoom-dialog) {
  display: none;
  margin-left: auto;
  margin-right: auto;
  border: thin #000000 solid;
  background-color: #ffffff;
  z-index: 3;
  position: fixed;
  top: 4%;
  border-radius: 5px;
  padding: 2em;
  -webkit-box-shadow: 2px 1px 7px rgba(51, 51, 51, 0.5);
          box-shadow: 2px 1px 7px rgba(51, 51, 51, 0.5);
  overflow-y: scroll;
  height: 75vh;
  width: 76vw;
  display: none;
}
#modal:not(.bootstrap-modal, .file-zoom-dialog) h1,
.modal:not(.bootstrap-modal, .file-zoom-dialog) h1 {
  text-align: center;
}

.modalCloseButton {
  float: right;
  position: absolute;
  top: 10px;
  left: 92%;
  height: 25px;
}
.modalCloseButton img {
  border: 0;
}

ul.breadcrumb {
  background-color: #f9f9f9;
  font-size: 0.8em;
}
ul.breadcrumb li {
  padding-right: 0.5em;
}
ul.breadcrumb li a {
  text-decoration: none;
}

.resultat {
  background-color: #fffbdf;
  padding: 1em;
  border: 1px solid #ffda3c;
}
.resultat h2 {
  font-size: 1.3em;
  font-weight: 500;
  margin: 0;
  margin-bottom: 0.3em;
}
.resultat p {
  margin-bottom: 0;
}

/* menu accions vistes detall */
ul.accions_detall {
  padding: 0;
}
ul.accions_detall li {
  list-style-type: none;
  display: inline;
  padding-right: 0.5em;
}

.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

#inspectors-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-gap: 1rem;
}
@media (min-width: 768px) {
  #inspectors-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) {
  #inspectors-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.inspector-card {
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 1rem;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.inspector-card:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.inspector-card .inspector-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.inspector-card .inspector-checkbox label {
  width: 100%;
}
.inspector-card .inspector-nom {
  font-weight: 600;
  font-size: 1.08em;
  color: #2c3e50;
  font-size: 0.85rem;
  margin-bottom: 0;
}
.inspector-card .inspector-info {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #e3e3e3;
  display: none;
}
.inspector-card .inspector-info[style*="display:block"] {
  display: block !important;
}
.inspector-card .inspector_rol {
  font-size: 0.85rem;
}
.inspector-card .inspector_rol .inspector-rol-selector {
  margin-bottom: 0.5rem;
}
.inspector-card .inspector_rol .supervisor-user-supervisat {
  margin-bottom: 0.5rem;
}
.inspector-card .imparcialitat-box {
  background: #fffbdf;
  border: 1px solid #ffda3c;
  border-radius: 5px;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}
.inspector-card .imparcialitat-label {
  font-weight: 500;
  margin-left: 0.5rem;
}
.inspector-card .imparcialitat-desc {
  display: block;
  font-size: 0.95em;
  color: #3a3a3a;
  margin-top: 0.25rem;
}
.inspector-card .imparcialitat-resultat {
  margin-bottom: 0.5rem;
}
.inspector-card .imparcialitat-resultat p {
  font-size: 0.85rem;
  line-height: 1rem;
}
.inspector-card .imparcialitat-acceptada {
  color: #276600;
  font-weight: 600;
}
.inspector-card .imparcialitat-pendent {
  color: #b50000;
  font-weight: 600;
}

.help-block[role=alert] {
  color: #b50000;
  font-size: 0.98em;
  margin-top: 0.2em;
}

.has-error .dropdown-rol_participant,
.has-error .dropdown-user-supervisat {
  border-color: #b50000;
  background: #fdf7f7;
}

.file-input .file-caption .input-group {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.file-input .file-caption .input-group .kv-fileinput-caption {
  height: auto;
}
.file-input .file-caption .input-group .btn.btn-file {
  margin: 0;
}

body.login-form {
  background: linear-gradient(217deg, #1570cb, rgba(0, 0, 0, 0) 70.71%), linear-gradient(127deg, #b7107f, rgba(21, 112, 203, 0.4) 70.71%), linear-gradient(336deg, rgba(137, 4, 110, 0.8), rgba(0, 0, 0, 0) 70.71%);
  background-repeat: no-repeat;
  background-size: cover;
}
body.login-form .site-login,
body.login-form .site-request-password-reset {
  display: inline-block;
  text-align: center;
  background-color: #ffffff;
  padding: 1.5em 2em;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
body.login-form .site-login .brand,
body.login-form .site-request-password-reset .brand {
  max-width: 230px;
  padding-top: 1em;
}
body.login-form .site-login h1,
body.login-form .site-request-password-reset h1 {
  margin-bottom: 0.2em;
  font-weight: 300;
  margin-top: 1em;
  font-size: 1.95em;
}
body.login-form .site-login .alert,
body.login-form .site-request-password-reset .alert {
  font-size: 0.8em;
  text-align: center;
}
body.login-form .site-login .alert ul,
body.login-form .site-request-password-reset .alert ul {
  list-style-position: inside;
  padding: 0;
  margin-bottom: 5px;
}
body.login-form .site-login .alert p,
body.login-form .site-request-password-reset .alert p {
  margin-bottom: 5px;
}
body.login-form .colourful-row {
  display: none;
}
body.login-form #main {
  text-align: center;
}
body.login-form footer {
  display: none;
}
body.login-form .resultat {
  background-color: transparent;
  border: none;
  color: #ffffff;
}
body.login-form .resultat p {
  color: #ffffff;
}
body.login-form input {
  background-color: #f2f2f2;
  border: 1px solid #929292;
  border-radius: 0;
  text-align: center;
}
body.login-form .help-block {
  font-size: 0.8em;
  padding-top: 0.5em;
  color: #707070;
}
body.login-form .was-validated .form-control:invalid,
body.login-form .form-control.is-invalid,
body.login-form .form-control:valid,
body.login-form .form-control.is-valid {
  padding-left: calc(1.5em + 0.75rem);
}
body.login-form .link-option {
  font-size: 0.9em;
  text-decoration: underline;
  color: #0056b3;
}

.block_criteri .block_errors_criteri legend {
  padding: 0;
}
.block_criteri .block_errors_criteri legend .button-container {
  text-align: center;
}

.block_criteri .kv-md-preview p {
  font-size: 0.95em;
  font-weight: 400;
}

.editar_criteri ul.criteris li {
  list-style-type: none;
}

.criteris_page h3 {
  font-size: 1.5em;
  margin-bottom: 0;
}
.criteris_page ul.accions li {
  display: block;
  padding-right: 0;
}

.self-criteri {
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid rgba(29, 29, 29, 0.1);
}

/* Generador declaracions */
.declaracio_incompliments {
  border: 1px solid gray;
  min-height: 100px;
  padding: 10px;
  font-family: arial;
  font-size: 11pt;
}

.declaracio_incompliment_criteri {
  font-size: 10pt;
}

/* Menú idioma per a generador declaracions */
ul.idioma_incompliments {
  display: inline;
  padding-left: 0;
}
ul.idioma_incompliments li {
  list-style-type: none;
  margin-bottom: 1em;
  display: inline-block;
}
ul.idioma_incompliments a {
  line-height: 2em;
  padding: 0 1em;
  margin-right: 0.5em;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
ul.idioma_incompliments a:not(:disabled) {
  border: solid 1.5px #e50179;
  background-color: #ffffff;
  color: #e50179;
}
ul.idioma_incompliments a:not(:disabled):hover {
  background-color: #1d1d1d;
  color: #ffffff;
  border-color: #1d1d1d;
}
ul.idioma_incompliments a.active {
  background-color: #e50179;
  color: #ffffff;
  border-color: #e50179;
}
ul.idioma_incompliments a.active:hover {
  border-color: #1d1d1d;
  background-color: #ffffff;
  color: #1d1d1d;
}

.filtre {
  text-align: center;
  border-top: 4px solid #f2f2f2;
  background-color: #f9f9f9;
  padding: 1.5em 1em;
}
.filtre h3,
.filtre h4 {
  padding-top: 0;
  padding-bottom: 0.5em;
  font-weight: 600;
  margin-top: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #e3e3e3;
}
.filtre fieldset legend {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #000000;
}
.filtre .btn_filtre_reset-container {
  padding: 0;
}
.filtre .btn_filtre_reset-container .btn_filtre_reset {
  width: 100%;
  border-radius: 0;
  margin: 1em 0 0 0;
  background-color: #707070;
  border-color: #707070;
}
.filtre .btn_filtre_reset-container .btn_filtre_reset:hover, .filtre .btn_filtre_reset-container .btn_filtre_reset:focus, .filtre .btn_filtre_reset-container .btn_filtre_reset:active {
  background-color: #333333;
  border-color: #333333;
}

.block_criteri {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 1em;
}
.block_criteri div[id*=pjax-criteri],
.block_criteri div[id*=pjax-comentaris] {
  width: 100%;
}
.block_criteri h4,
.block_criteri h6 {
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 1em;
  color: #333333;
}
.block_criteri p.resultat-criteri {
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 0.8em;
  margin-top: 0.5em;
  text-decoration: underline;
}
.block_criteri p.resultat-criteri.passa {
  color: #276600;
}
.block_criteri p.resultat-criteri.falla {
  color: #b50000;
}
.block_criteri .block_errors_criteri legend {
  padding: 0;
}
.block_criteri .block_errors_criteri legend .button-container {
  text-align: center;
}
.block_criteri .kv-md-preview p {
  font-size: 0.95em;
  font-weight: 400;
}

.visualitzacio_informe {
  width: 100%;
}
.visualitzacio_informe p,
.visualitzacio_informe ul,
.visualitzacio_informe ol {
  font-weight: 400;
  font-size: 1em;
}
.visualitzacio_informe h3 {
  padding-top: 1.5em;
}
.visualitzacio_informe img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 250px;
}
.visualitzacio_informe img.logo_autor_comentari {
  max-width: 6em;
  max-height: 6em;
  padding: 1.5em 0;
}
.visualitzacio_informe-menu {
  margin-bottom: 1em;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 1em;
}
.visualitzacio_informe-menu ul.accions {
  padding-left: 0;
  font-size: 1.05em;
}
.visualitzacio_informe-menu ul.accions li {
  list-style-type: none;
  display: inline;
}
.visualitzacio_informe-menu ul.accions .fa,
.visualitzacio_informe-menu ul.accions .fas {
  padding-right: 0.3em;
}
.visualitzacio_informe #informe_menu_principal {
  padding: 0;
}
.visualitzacio_informe #informe_menu_principal li {
  list-style-type: none;
}
.visualitzacio_informe #informe_menu_principal span {
  margin-left: 1em;
}
.visualitzacio_informe #informe_menu_nav {
  padding: 0;
}
.visualitzacio_informe #informe_menu_nav li {
  list-style-type: none;
}
.visualitzacio_informe #informe_menu_nav .fas {
  margin-right: 1em;
}
.visualitzacio_informe ul.info_recurs,
.visualitzacio_informe .p_intro li,
.visualitzacio_informe #menu_informe li {
  list-style-type: none;
}
.visualitzacio_informe .block_captures_pagina {
  padding-bottom: 0.5em;
}
.visualitzacio_informe .principi {
  border-top: 3px solid rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  padding: 1em;
  margin-top: 2em;
}
.visualitzacio_informe .pauta {
  background-color: rgba(177, 177, 177, 0.2);
  padding: 1em;
  font-size: 0.9em;
  margin-top: 1em;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}
.visualitzacio_informe .block_criteri_header {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.visualitzacio_informe .block_criteri_header .tipologia_criteri {
  font-size: 0.8em;
  color: #555555;
  margin-left: 0.5em;
}
.visualitzacio_informe .block_criteri_header button {
  margin-left: auto;
  font-size: 0.8em;
  border-radius: 5px;
  white-space: nowrap;
}

.comentaris_page .p_intro ul,
.comentaris_page .p_intro li {
  list-style-type: none;
}
.comentaris_page h3 {
  font-size: 1.5em;
  margin-bottom: 0;
}
.comentaris_page #taula_num_fils_per_estat .num-comentaris {
  font-weight: bold;
}

.log_resultats .registre {
  background-color: #f9f9f9;
  border: 1px solid #d0d0d0;
  margin-top: 1em;
  border-radius: 5px;
  padding: 0;
}
.log_resultats .registre p {
  display: block;
}

#log_resultats .p_intro li,
#log_resultats #menu_log_pagines li {
  list-style-type: none;
}

.pagina-form #form-analisi .filtre {
  margin-top: 1em;
  margin-bottom: 1em;
}
.pagina-form #form-analisi fieldset {
  margin-top: 2em;
}
.pagina-form #form-analisi fieldset legend {
  margin-bottom: 1em;
}
.pagina-form #form-analisi fieldset legend h3 {
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1em 0;
}
.pagina-form #form-analisi .report-actions {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 1rem;
  -webkit-box-shadow: 0px -2px 11px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px -2px 11px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
}
.pagina-form #form-analisi #pjax_visibilitat_captures {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (min-width: 992px) {
  .pagina-form #form-analisi #pjax_visibilitat_captures {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.pagina-form #form-analisi #pjax_visibilitat_captures .visibilitat_captures_single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 1rem;
}
.pagina-form #form-analisi #pjax_visibilitat_captures .visibilitat_captures_single .capture-wrapper {
  max-height: 200px;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: auto;
}
.pagina-form #form-analisi #pjax_visibilitat_captures .visibilitat_captures_single .capture-wrapper img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
.pagina-form #form-analisi #pjax_visibilitat_captures .visibilitat_captures_single .capture-wrapper .btn-open-captura {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.pagina-form #form-analisi #pjax_visibilitat_captures .visibilitat_captures_single .btn-visibilitat-captura {
  margin-bottom: 0;
  margin-top: 0;
}

#form-informe {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  #form-informe {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (max-width: 767.98px) {
  #tipus_cerca,
  #form_cerca_ref_interna_client,
  #form_cerca_categoria,
  #form_cerca_titol {
    max-width: 100%;
  }
}
form .form-section {
  margin-top: 2rem;
}

.informe-detall .llistat_dades ul {
  list-style: none;
  padding: 0;
}
.informe-detall .llistat_dades ul strong {
  color: #000000;
}
.informe-detall .llistat_dades > ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 1em;
  border: 3px dotted #e50179;
  margin-top: 1em;
}
.informe-detall ul.llistat_categories li {
  list-style-type: none;
}

/* taula autoritzar usuaris i assingar categories client */
.usuaris_client,
.categories_client {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.client-view .usuaris_client {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.client-view .categories_client {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.client-view table img {
  width: auto;
}

ul.packs li {
  list-style-type: none;
}