header {
    height: 100px;
    background-color: #2A4491;
}

header > a {
    margin-left: 3%;
}

footer {
    height: 50px;
    background-color: #3F4448;
    margin-bottom: -50px;
}

#llistaHome > li{
    background-color: #F4F5F9;
    border-bottom: 2px solid lightgrey;
}

#llistaHome {
    border-top: 2px solid lightgrey;
}

.btnSecundari{
  padding: 0 15px;
  height: 35px;
  color: #004282;
  font-weight: 600;
  border: solid 2px #004282;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 14px;
  }
  .btnPrincipal{
    padding: 0 15px;
    height: 35px;
    color: white;
    font-weight: 600;
    border: solid 2px #004282;
    border-radius: 5px;
    background-color: #0860a7;
    font-size: 14px;
  }

  .btnSecundariDisabled{
  padding: 0 15px;
  height: 35px;
  color: lightgrey;
  font-weight: 600;
  border: solid 2px lightgrey;
  border-radius: 5px;
  background-color: #ffffff;
  font-size: 14px;
  }

.txt11px{
  font-size: 11px !important;
}

.txt650fontweight{
  font-weight: 650 !important;
}

#container {
    width: 93%; 
    margin: 2% auto;
}

.headBgColor{
    background-color: #ddd;
}

.modal-content {
    border: 1px solid #DFDFDF;
    width: 18rem;
    margin: auto;
}

.modal_gestor_documents {
    width: 23rem;
}

.modal_form {
    width: 60rem;
}

.modal_form_cc18 {
    width: 50rem;
}

.modal_form_cc30 {
    width: 38rem;
}

.cancelar_max_width {
    max-width: initial;
}

.cursor_pointer {
    cursor: pointer;
}

.cursor_default {
    cursor: default;
}

/* CSS per sticky footer */
html, body {
  height: 100%;
  margin: 0;
}

.wrapper {
    min-height: 100%;
    margin-bottom: -50px;
}

.push {
    height: 50px;
}

.subtitol-llistat h2 {
    color: #222;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 2em;
    border-bottom: 1px solid #222;
}

.bg-gris {
    background-color: #F0F0F0;
}

.linia_arxiu {
    border-bottom: 3px solid #F0F0F0;
}

.float_right {
    float: right;
}

.btn_inactive {
    padding: 0 15px;
    height: 35px;
    color: white;
    font-weight: 600;
    border: solid 2px grey;
    border-radius: 5px;
    font-size: 14px;
    background-color: lightgrey;
}

.btn_active {
    padding: 0 15px;
    height: 35px;
    color: white;
    font-weight: 600;
    border: solid 2px #003f00;
    border-radius: 5px;
    font-size: 14px;
    background-color: green;
}

.icona_verda {
    filter: invert(23%) sepia(62%) saturate(492%) hue-rotate(99deg) brightness(96%) contrast(98%);
}

#taulaExpedientsClient > tbody > tr:hover,  #taulaEpiCad > tbody > tr:hover,  #taulaResultats > tbody > tr:hover {
    background-color: #a8dfff;
    cursor: pointer;
    transition: background-color 250ms linear;
}

.quadre_vermell{

    background-color: #ff000054;

    border: 1px solid #ff000066;

    border-radius: 7px;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-right: 10px;

}

.quadre_verd{

    background-color: #0fff0654;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #09ff0099;

    border-radius: 7px;

}

a span.quadre_verd {

    color: black !important;

    text-decoration: none !important;

}

.color7c7c7c{

    color: #7c7c7c;

}

.tancar{

    cursor: pointer;

    margin-left :10px;

    color: red;

  }
  
  .py-10{
      padding: 0 10%;
  }

  .min-width-50{
    min-width: 50px;

  }
  .min-width-250{
      min-width: 250px;

  }
  .min-width-500{
      min-width: 500px;
  }
  
  .font-11px{
      font-size: 11px;
  }
  
  .font-14px{
      font-size: 14px;
  }
  
  .bg-gris{
      background-color: lightgray !important;
  }
  
  
  #thBuit, #tbodyExpedients > tr > th:first-child {
    /*background-color: white;*/
    left: 0;
    position: sticky;
    z-index: 0;
  }
  
  #thBuit {
      border-top: 0 !important;
      border-left: 0 !important;
  }

#taulaExpedients, #taulaClient {
  
  margin: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
 
}
#taulaExpedients td,
#taulaExpedients th, #taulaClient
td, #taulaClient
th {
/*  border: 1px solid #dee2e6;
  padding: 0.5rem;*/
  border-top: 1px dashed #dee2e6;
}

#taulaExpedients tr.subrallable, #taulaClient tr.subrallable {
    background-color: white;
}

#taulaExpedients tr.subrallable:hover, #taulaClient tr.subrallable:hover {
    background-color: #fafafa;
    transition: background-color 300ms linear;
}

.exp_tancat{
    background-color: #f0f0f0;
    color: #999;
}

.accordion-button {
  padding: 0.5rem 1.25rem;
  font-size: 0.85rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
  background-color: #fafafa;
}

.panel {
  display: none;
}

/*Filtres de llistat expedients */
#filtreExpedientsDiv {
    width: 11%;
}

#filtreClientsDiv {
    width: 32%;
}

#filtreNomExpDiv {
    width: 38%;
}

#filtreTipusDiv {
    width: 7%;
}

#filtreDataTancamentDiv {
    width: 13%;
}

#filtreSociDiv {
    width: 18%;
}

#filtreRespDiv {
    width: 18%;
}

#filtreCodDelDiv {
    width: 8%;
}

#filtreCompilatDiv {
    width: 10%;
}

/*Filtres de carpeta client */

#filtreExpedientsCliDiv {
    width: 8%;
}

#filtreNomExpCliDiv {
    width: 18%;
}

#filtreTipusCliDiv {
    width: 7%;
}

#filtreDataTancamentCliDiv {
    width: 15%;
}

#filtreSociCliDiv {
    width: 19%;
}

#filtreRespCliDiv {
    width: 19%;
}

#filtreCodDelCliDiv {
    width: 7%;
}

.titol_epigraf td, .titol_epigraf th{

  color: #cbcbcb;

  font-weight: bold;

  border-bottom: 1px solid #cbcbcb;

  padding: 1em 0 0.25em 0;

  font-size: 0.80em;

} 

#btnEnviarForm {
    background-color: #2a4491;
    color: #F0F0F0;
    border-radius: 5px;
    padding: 3px 5px;
    border: 2px solid #003f00;
}

@media (min-width: 1200px) {
  .h3, h3 {
   font-size: 1.3rem;
 } 
}

h3 {
  font-weight: 600;
}

.cancelar_btn {
    padding: 0 !important;
}
/*Estils Icona  Pas 0 */

.modal-content   .modal-body .formulariHistoric .icona {
    background: transparent; 
    text-decoration: none  !important; 
    opacity: 0.6;
}

.modal-content   .modal-body .formulariHistoric .icona-close {
    color: red;
    background: transparent;
    text-decoration: none  !important; 
    opacity: 0.6;
}

.modal-content  .modal-body .formulariHistoric .icona:hover,
.modal-content  .modal-body .formulariHistoric .icona-close:hover {
    opacity: 1;
}

.modal-content   .modal-body .formulariHistoric .icona .svg, 
.modal-content   .modal-body .formulariHistoric .icona-close .svg {

    width: 1.2em;
    height: 1.2em; 

}

/*Estil de les fletxes del modal*/
.modal .modal-dialog  .modal-body  .fletxaEsquerra , .modal .modal-dialog  .modal-body  .fletxaDreta{
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5);
}
.modal .modal-dialog  .modal-body .fletxaDisabled {
    color : #f0f0f0;
}
/*Estils utilitzats als nous formularis*/
.marcat_automatic {
    background-color: #e9ecef;
}

/*Estils para simular un input file*/
.pujarDocumentDiv .inputArxiuNom {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pujarDocumentDiv .inputArxiuNom[type="text"]:read-only {
    background-color: white;
}