#sales-forms #navbar {
	display: flex;
	justify-content: space-between;
}
#sales-forms #navbar div {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid lightgray;
	padding: 10px;
	cursor: pointer;
}
#sales-forms #navbar div.selected {
	color: darkturquoise;
	font-weight: bold;
	border-bottom: 3px solid darkturquoise;
}
#sales-forms form {
	display: none;
	margin-top: 20px;
}
#sales-forms form.selected {
	display: block;
}
#sales-forms table.calendar {
	width: 100%;
	border-collapse: collapse;
	border-radius: 15px;
	overflow: hidden;
}
#sales-forms table.calendar td {
	font-size: 7pt;
	border: 3px solid white;
	border-collapse: collapse;
	height: 40px;
	color: white;
	background-color: silver;
	padding: 2px;
	font-weight: bold;
}
#sales-forms table.calendar td.available {
	background-color: darkturquoise;
	cursor: pointer;
}
#sales-forms table.calendar td.selected:after {
	content: "\2705"; /*2713*/
	font-size: 12pt;
	color: rgba(0,0,0,.9);
	margin: 3px calc(50% - 11px);
	display: block;	
}
#sales-request {
	z-index: 0;
	position: absolute;
}
#sales-request #title {
	display: flex;
	justify-content: space-between;
}
#sales-request #title a {
	display: flex;
	justify-content: space-between;
	font-weight: normal;
	text-decoration: none;
}
#sales-request #title * {
	font-size: 20pt;
}
#sales-request #title a:active {
	color: darkturquoise;
}
#sales-request #holder {
	overflow: auto;
	max-height: calc(100% - 20px);
}
#sales-request h1, #sales-request h2 {
    letter-spacing: 3px;
    display: flex;
    justify-content: space-between;
    font-weight: normal;
}
#sales-request h1 {
    font-size: 22pt;
}
#sales-request h2 {
    font-size: 15pt;
}
#sales-request h3 {
    padding: 10px 0;
    font-size: 10pt;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    color: silver;
    text-transform: uppercase;
    margin-bottom: -12px;
}
#sales-request thead {
	font-weight: bold;
}
#sales-request td {
	vertical-align: top;
}
#sales-request .item {
	display: flex;
	justify-content: space-between;
	border: 1px darkturquoise solid;
	border-radius: 10px;
	padding: 15px;
	/* margin-bottom: 10px; */
}
#sales-request .item div:not(:last-child) {
	margin-right: 10px;
}
#sales-request .item label {
	display: block;
	white-space: nowrap;
}
#sales-request .total {
	display: flex;
	font-weight: bold;
	justify-content: space-between;
}
#sales-request .alert {
	background-color: darkturquoise;
	padding: 15px;
	border-radius: 10px;
	color: white;
	display: flex;
	justify-content: space-between;
}
#sales-request .alert div {
	padding: 0;
	font-size: 12pt;
}


.product {
	display: flex;
	gap: 10px;
	margin: 20px 0;
	line-height: 0 !important;
}
.product div {
	line-height: 100%;
}
.product img {
	max-width: 120px;
	border: 1px solid silver;
}
#opt_rental .product img {
	max-width: 50px;
	max-height: 50px;
}
#opt_rental .product h2 {
	font-size: inherit;
	letter-spacing: inherit;
	font-weight: bold;
}
@media (min-width: 500px) {
	#sales-forms {
		width: 300px;
	}
	#sales-request {
		border-radius: 15px;
		width: calc(100% - 360px);
		top: 90px;
		left: 340px;
		height: calc(100% - 110px);
	}
	#sales-request #title a {
		line-height: 20px;
	}
}
@media (max-width: 500px) {
	#sales-request {
		position: fixed !important;
		top: 70px !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 0;
	}
	#sales-request #title a {
		font-size: 35pt;
		line-height: 30px;
	}
}