@import url('https://fonts.googleapis.com/css?family=Roboto:100,400&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lexend+Deca&display=swap&subset=latin-ext');

body {
	--background-image: url(../img/index.png);
}

* {
	font-family: 'Lexend Deca', sans-serif;	
}

h1,h2,h3,h4,h5 {
	font-family: 'Roboto', sans-serif;	
	font-weight: 100;
}
.lead {
	font-family: 'Roboto', sans-serif;	
}

.clickable-row {
	cursor: pointer;
}

#items>tbody>tr.selected {
	background: linear-gradient(to bottom, rgba(0,123,255,0.5) 0%,rgba(0,123,255,0.5) 100%);
}

#items>tbody>tr {
	transition: background 0.3s ease-in-out;
	cursor: pointer;
}

.select2 {
    width: 100% !important;
}

.select2-selection--multiple .select2-search--inline .select2-search__field { width: auto !important; }

.table-pickup td {
	font-size: .8em;
}

.bg-custom {
	--background-color: #193866;
background: rgb(41,41,41);
background: linear-gradient(180deg, rgba(41,41,41,1) 0%, rgba(75,75,75,1) 35%, rgba(38,38,38,1) 100%);
}


@media print {
  .badge {
    padding: 2px 6px;
    border: 1px solid #000;
    color: black;
  }
}