:root {
	--orange: #FF7F30;
	--dark-orange: #c45c17;
}

body { background-color: #eee }

hr {
	border-color: #aaa;
	border-width: 1px;
}

/*tr { padding-bottom: 3px; }*/

td {
	overflow-wrap: break-word;
	padding-top: 2px;
	padding-bottom: 2px;
}
td.column {
	vertical-align: top !important;
	min-width: 170px;
}
td.data { padding-left: 10px; }
td.data.badge {
	background-color: #eee;
	color: #333;
	border-radius: 3px;
	overflow-wrap: break-word;
	white-space: normal;
	text-align: justify;
}

.panel {
	border: 0;
	box-shadow: 1px 1px 3px #aaa;
}

.card { margin-top: 20px; }
.card .panel-heading.code {
	color: white;
	background-color: var(--orange);
	border-bottom: 3px solid var(--dark-orange);
}
.card .panel-heading.specs {
	color: white;
	background-color: var(--orange);
	border-bottom: 2px solid var(--dark-orange);
}

.gradient-code{
	text-align: center;
	color: #FF7F30;
	font-size: 2.3rem;
	background: #fcf2e9;
	border-radius: 8px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 7px 25px;
}

.row.panel-body {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 5px;
}

.panel-body {
	background-color: #fff;
	margin: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

h1.panel-title {
	font-size: 2em;
}
h1.panel-title span {
	position: relative;
	top: 3px;
}
h1.panel-title img {
	position: relative;
	top: -4px;
	height: 1em;
}

h2.panel-title { font-size: 1em; }

.footer {
	height: 50px;
	width: 100%;
	background-color: #fff;
	text-align: center;
	line-height: 50px;
	box-shadow: 0 0 3px #aaa;
	font-weight: bold;
	color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}
.footer a {
	color: rgba(0,0,0,0.6);
}

.pdf {
	float: right;
	color: #FF7F30 !important;
	box-shadow: #ffa974 0 0 3px, 0 0 1px #ffa974;
	border: none;
	border-radius: 10px;
	background-color: #fff;
	margin-right: 5px;
}

.pdf:hover {
	box-shadow: #ffa974 0 0 12px, 0 0 8px #ffa974;
	background-color: #f88842;
	color: white !important;
	border: none;
}

.map-container {
	min-height: 349px;
	margin-bottom: 15px;
}

.stripe {
	background-color: #333;
	color: white;
	margin-bottom: 15px;
	height: 40px;
	line-height: 40px;
	font-size: 1.5em;
	padding: 0 20px;
	border-radius: 3px;
}

@media (max-width: 600px) {
	.stripe {
		background-color: #FF7F30;
		color: white;
		margin-bottom: 15px;
		height: auto;
		line-height: 20px;
		font-size: 1em;
		padding: 10px;
		border-radius: 3px;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
  }

.stripe span { float: right; }
.stripe span:nth-child(1) { float: left; }

#slider { margin-bottom: 15px; }

#map {
 	position: relative;
 	top: 0;
 	bottom: 0;
 	width: 100%;
 	min-height: 349px;
 	border-radius: 3px;
 	margin-right: 15px;
 }

 /* Responsive panel title */
@media (max-width: 767px) {
    .panel-title-responsive .gradient-code {
        font-size: 1.1em !important;
		padding: 10px;
		display: block;
		text-align: center;
    }

	.panel-title-responsive .badge {
        font-size: 0.65em !important;
		display: block;
		text-align: center;
		margin-inline: 50px;
		margin-top: 3px;
		background-color: #525252 !important;
    } 
}