html, body { 
	/* background-color: #f20000;  */
	font-size: 80%;
}

.main { 
	background-color: #fff; 
	min-height:95vh;
}

a, a:focus button, button:focus { 
	outline: 0; 
}

a:hover { 
	text-decoration: none;
}

div.dataTables_wrapper div.dataTables_filter { display:none; }

#cookiesEU { 
    padding: 10px 0;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #000;
}

.btn-filter {
    color: #fff;
    background-color: #000;
    border-color: #000;
	font-size: 1.5rem;
}

.btn-filter:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-new {
    color: #fff;
    background-color: darkred;
    border-color: darkred;
	font-size: 1.5rem;
}

.btn-new:hover {
    color: #fff;
    background-color: red;
    border-color: red;
}

.btn-submit {
    color: #fff;
    background-color: #0F3702;
    border-color: #0F3702;
	font-size: 1.5rem;
}

.btn-submit:hover {
    color: #fff;
    background-color: green;
    border-color: green;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.alert {
	margin-top: 10px;
	font-size: 1.5rem;
	background-color: #fcedcf;
	border-color: #412c03;
}

.pagination {
	font-size: 1.2rem;
}
	
form, .modal-content {
	font-size: 1.2rem;
}


/* PRINCIPI TAULA ANUNCIS */
/* Estils per a la taula d'anuncis */
thead th {
  padding: 10px !important;
  height: 55px;
  font-size: medium;
  vertical-align: middle;
}

tbody td {
	font-weight: 500;
	font-size: 1.1rem;
}

.ref {
	min-width:75px;
	max-width:75px;
}

.curs {
	min-width:75px;
	max-width:75px;
}

.materia {
	min-width:240px;
	max-width:240px;
}

.titol {
	min-width:240px;
	max-width:240px;
}

.isbn {
	overflow-wrap: anywhere;
	min-width:120px;
	max-width:120px;
}

.descripcio {
	overflow: overlay;
	text-overflow: unset;
	min-width: 360px;
}

.preu {
	min-width: 80px;
	max-width: 80px;
}

td.preu {
	text-align: right;
}

.contacte {
	min-width: 80px;
	max-width: 80px;
}

.eliminar {
	min-width: 80px;
	max-width: 80px;
}

/* FINAL TAULA ANUNCIS */

img.logo {
	width: 100px;
	height: 100px;
	display: inline-block;
}

h1.header {
	display: inline-block;
	margin-left: 15px;
	/* vertical-align: middle; */
}