.nautano-lookup {
	box-sizing: border-box;
	display: grid;
	grid-template-areas: 
		"filters results"
		"filters pagination";
	grid-template-columns: auto 1fr;
}

.nautano-lookup * {
	box-sizing: border-box;
}

/* FILTERS FORM */

.nautano-lookup-filters {
	grid-area: filters;
	padding: 5px 20px;
}

.nautano-lookup-results {
	grid-area: results;
	padding: 5px 20px;
}

.nautano-lookup-pagination {
	grid-area: pagination;
	padding: 5px 20px;
}

.nautano-lookup-label {
	font-weight: bold;
	flex: 0 0 220px;
	width: 220px;
}

.nautano-lookup-input {
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
}
.nautano-lookup-input input {
	flex: 0 0 100px;
	width: 100px;
	border: 1px solid #ccc;
	background-color: #fff;
	color:#333;
}
.nautano-lookup-input select {
	flex: 0 0 100px;
	width: 100px;
	border: 1px solid #ccc;
	background-color: #fff;
	color:#333;
}
.nautano-lookup-input select[multiple] {

}

.nautano-lookup-checkbox-group {

}
.nautano-lookup-checkbox-group ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nautano-lookup-checkbox-group ul li {
	margin-bottom: 5px;
}
.nautano-lookup-checkbox-group input {

}

.nautano-lookup-button {
	border: 1px solid #012b41;
	background-color: #012b41;
	color: #fff;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 1.25rem;
}
.nautano-lookup-button:hover {
	color: #c9ec09;
}
.nautano-lookup-button[disabled] {
	border: 1px solid #004066;
	background-color: #004066;
	color: #ccc;
}
.nautano-lookup-button[disabled]:hover {
	color: #ccc;
}

/* RESULTS */

.nautano-lookup-results {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.nautano-lookup-ship {
	border-radius: 5px;
  box-shadow: 0px 1px 5px 2px #ccc;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: box-shadow .25s ease-in-out;
  background-color: #fff;
  text-decoration: none;
}

.nautano-lookup-ship .image {
	display: flex;
  height: 230px;
  position: relative;
  align-items: center;
  justify-content: center;
}
.nautano-lookup-ship .image img{
	border-radius: 5px 5px 0 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.nautano-lookup-ship .header {
	display: block;
  padding: 5px 10px;
}
.nautano-lookup-ship .header .type {
	display: block;
  font-size: 0.9rem;
  color: #999;
}
.nautano-lookup-ship .header .name {
	display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
.nautano-lookup-ship .infos {
	margin-top: auto;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
}
.nautano-lookup-ship .infos .info {
	display: flex;
  font-size: 1.1rem;
  padding: 5px 0;
}
.nautano-lookup-ship .infos .info .name {
	flex: 0 0 75px;
  color: #333;
}
.nautano-lookup-ship .infos .info .value {
	flex: 1 1 100%;
  text-align: right;
  color: #333;
}
.nautano-lookup-ship .footer {
	display: flex;
  margin-top: 5px;
  border-top: 2px solid #ccc;
  padding: 5px 10px;
  align-items: center;
}
.nautano-lookup-ship .footer .price {
	flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.nautano-lookup-ship .footer .price .note {
	font-size: 0.9rem;
  color: #999;
}
.nautano-lookup-ship .footer .price .amount {
	font-size: 1.25rem;
  font-weight: bold;
}
.nautano-lookup-ship .footer .price .estimate {
	font-size: 0.9rem;
  color: #999;
}

.nautano-lookup-empty-results {
	font-size: 2rem;
	font-weight: bold;
	color: #012b41;
}