.client-logo{
  margin-top: -13px;
  text-align: left;
}
.client-logo span{
  color:black;
  font-size: 1.1em;
  font-weight: 600;
  margin-left: 50px ;
  margin-right: 5px;
}
.client-logo img {
  width: 50px;
  height: 50px;
  margin-right: 50px;
}
.content-clients{
  margin: 0px auto;
}
.strech-form{
  width: 80%;
}
.ref_color{
  color: red;
  font-weight: bold;
  background-color: #b5ffff;
  border: 1px solid #000033;
}

.ref_color2{
  color: red;
  font-weight: bold;
  font-size: 16px ;
}

.nav-item, .accordion-titulo{
  cursor: pointer;
}

textarea {
  resize: none;
}
.table{
  width: 100%;

}
.albaran {

}
.td-qr {
  display: flex;
}
.td-qr span{
  word-break: break-all;
  display: block;
  width: 150px;
}

.obsComanda{
  font-weight: bold;
  font-size: 15px;
  color: #ff4000;
  text-align: center;
}

.jorNegativa{
  color:red;
  font-weight: bold;
}

.dataFi{
  color: black;
  /* font-weight: bold; */
  background-color: rgb(255, 0, 0, 0.2);
  /* border: 1px solid #000033; */
}

.no-border{
  border: none !important;
}

.ref_material{
  color: red;
  font-weight: bold;
  background-color: #fff2cc;
  border: 1px solid #c1b89e;
}
#saveDeliver {
  margin-top: 20px;
}
.marc_blau{
  background-color: #ccc;
  border: solid 1px #eee;
  padding: 20px 10px;
}
.marc-blau-modal{
  background-color: #ccc;
  border: solid 1px #eee;
  padding: 20px 10px;
  margin-top: 10px; 
}
.panel-heading{
  font-weight: bold;
}

.marc_verd{
  padding: 20px 10px;
  margin: 20px 0 20px 0;
  border: solid 1px green;
}
.modal-footer{
  text-align: center;
}
.marc-verd-inner{
  padding: 20px 10px;
  margin: 20px auto;
  border: solid 1px green;
  width:50%;
}

.validacio{
  margin: 25px 0;
  text-align: center;
}

.divClient{
 margin-top: 10px;
 margin-bottom: 10px;
}

.divClient>a {
 display: block;
}

.borderClient{
  border: 2px solid black;
  border-radius: 5%;
  padding: 20px;
  
}

body{background-color: white; margin: 0 !important; margin-bottom: 50px !important;}

.errorP{color: red; display:none;}

/* Footer */
footer {
    position: fixed;
    border-top: 1px solid #d3e0e9;
    padding-top: 15px;
    height: 50px;
    bottom: 0;
    background-color: white;
    width: 100%;
}
.progress {
  width: 50%;
  margin: 10px auto;
}

/*  Butó Sermun*/
.btn-sermun{color:#fff;background-color:#000033;border-color:#4d7194}
.btn-sermun.focus,.btn-sermun:focus{color:#fff;background-color:#000025;border-color:#3c658c}
.btn-sermun.active,.btn-sermun:active,.btn-sermun:hover,.open>.btn-sermun.dropdown-toggle{color:#fff;background-color:#000033;border-color:#4d7194}
.btn-sermun.active.focus,.btn-sermun.active:focus,.btn-sermun.active:hover,.btn-sermun:active.focus,.btn-sermun:active:focus,.btn-sermun:active:hover,.open>.btn-sermun.dropdown-toggle.focus,.open>.btn-sermun.dropdown-toggle:focus,.open>.btn-sermun.dropdown-toggle:hover{color:#fff;background-color:#000033;border-color:#3c658c}
.btn-sermun.active,.btn-sermun:active,.open>.btn-sermun.dropdown-toggle{background-image:none}
.btn-sermun.disabled.focus,.btn-sermun.disabled:focus,.btn-sermun.disabled:hover,.btn-sermun[disabled].focus,.btn-sermun[disabled]:focus,.btn-sermun[disabled]:hover,fieldset[disabled] .btn-sermun.focus,fieldset[disabled] .btn-sermun:focus,fieldset[disabled] .btn-sermun:hover{background-color:#000033;border-color:#4d7194}
.btn-sermun .badge{color:#000033;background-color:#fff}

nav img{
  width: 100px;
}

.stockCompVerd{
  color: green; 
  padding: 5px;
}

.stockCompVermell{
  color: red; 
  padding: 5px;
}

@media screen and (min-width: 800px) {
  #infoComanda{
    margin-top: 20px;
    font-size: 15px;
    padding-left: 40px;
  }

  #infoComanda label.numeros{
   
    font-size: 17px;
  }
  
.strech-form{
  width: 85%;
}
}

@media screen and (min-width: 1500px) {
  #infoComanda{
    text-align: center;
  }
  .strech-form{
    width: 80%;
  }
}


@media screen and (min-width: 700px) {

.nav{
  min-height: 80px !important;
}

nav img{
  width: 180px;
}

ul.nav > li{
  height: 80px;
}

ul.nav > li > a{
    height: 80px;
    line-height: 50px;
    font-size: 14px;
}
.pdfPadding{
  padding-top: 25px;
}


}

/* Mòbil */

@media screen and (max-width: 600px) {

  .lupa{
    margin-top: 15px;
  }
  .strech-form{
    width: 95%;
  }
 

}