@charset "UTF-8";

.color_prob{
	color:green;
}

.btn.btn-primary {
    color: #fff;
    background-color: rgb(233,98,35);
    border-color: rgb(233,98,35);
}

.btn.valida {
    color: #fff;
    background-color: rgb(50, 168, 82);
    border-color: rgb(50, 168, 82);
}

.btn.afegeix {
    color: #fff;
    background-color: rgb(102, 0, 204);
    border-color: rgb(102, 0, 204);
}

.btn.add {
    color: #fff;
    background-color: rgb(102, 0, 204);
    border-color: rgb(102, 0, 204);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: rgb(233,98,35);
    border-color: rgb(233,98,35);
}

.btn.valida.disabled, .btn.valida:disabled {
    color: #fff;
    background-color: rgb(207, 212, 209);
    border-color: rgb(207, 212, 209);
}

.btn.afegeix.disabled, .btn.afegeix:disabled {
    color: #fff;
    background-color: rgb(207, 212, 209);
    border-color: rgb(207, 212, 209);
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  width: 800px;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 5px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  width: 790px;
  height: 450px;
  padding: 10px;
  background-color: rgb(229, 218, 242);
}

#cerca table {
  border-collapse: separate;
  width: 100%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#cerca th {
  background-color: rgb(233,98,35);
  color: white;
  border: 2px solid #ddd;
  text-align:center;
  
}
#cerca td {
  text-align:left;
  padding: 8px;
}

#cerca tr:nth-child(even){background-color: #fff;}
#cerca tr:hover {background-color: #ccc;}


@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;
  }
}