/* Custom Stylesheet for Genie Used Equipment public site */

h2 {
	margin-top: 0px !important;
}
.status-indicator {
	font-size: 14px;
}
.status-indicator-padding {
	padding-left: 20px;	
}
.selected img {
	opacity:0.5;
}
.hide-bullets {
	list-style: none;
	margin-left: -40px;
	margin-top: 20px;
}

/* Navigation */
.navbar-header, .navbar-fixed-top {
    min-height: 70px;
}

/* Buttons */
.btn-genie>.glyphicon, 
.btn-grey>.fa {
	font-size: 20px;
}

/* Crumblinks */
.crumblinks {
    color: #000;
    padding: 2px 0 8px;
    height: 20px;
    font-size: 12px;
}
.crumblink-div {
	margin-bottom: 8px;
}

/* Label */
.label-genie {
	background-color: #0066CC;
}

/* ************************************************************************ */
/* INVENTORY DETAIL PAGE */

/* Text */
.itemDesc {
	font-size: 22px;
	line-height: 24px;
	color: #0066cc;
	/* color: #5f6369; */
	/* font-weight: bold; */
}
.itemPrice {
	font-weight: bold;
	font-size: 18px;
}
.itemPropLabel {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	word-wrap: break-word;
}
.itemPropValue {
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}
.genie-header {
	color: #0066cc;
	/* font-weight: bold; */
}

/* BOOTSTRAP CORRECTIONS FOR MOBILE */
@media (max-width: 768px){
	#itemPanel2 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

#genie-nav {
	position: fixed;
	width: 100%;
	z-index: 9;
}
#genie-nav > nav.navbar-inverse {
	padding: 22px 0;
}
#genie-nav > nav.navbar-inverse a {
	font-size: 21px;
	background: #0066cc;
	transition: background 0.3s;
}
#genie-nav > nav.navbar-inverse a:hover {
	background: #337ab7;
}
#genie-nav > nav.navbar-inverse a.navbar-brand:hover {
	background: #0066cc;
}
body > div.container {
	padding-top: 140px;
	position: relative;
}

/* INSPECTION REPORT */
#InspectionReport>.panel-default>.panel-heading,
#InspectionReport>.panel-default>.panel-title {
	color: #fff;
	background-color: #0066cc;
	font-size: 20px;
	text-transform: uppercase;
}

/* UNIT DETAILS TABLE */
#itemTable>tbody>tr>td, 
#itemTable>.table>tbody>tr>th,
#itemTable>.table>tfoot>tr>td,
#itemTable>.table>tfoot>tr>th,
#itemTable>.table>thead>tr>td,
#itemTable>.table>thead>tr>th {
	padding: 4px;
	/* border: none; */
}

/* Star rating */
.starRating {
    background: url({!URLFOR($Resource.awpUEQImages, 'star-rating.png')}) no-repeat;
    width: 63px;
    height: 14px;
    display: block;
}
.stars4 {
    background-position: 0 0px;
}
.stars3 {
    background-position: 0 -18px;
}
.stars2 {
    background-position: 0 -34px;
}
.stars1 {
    background-position: 0 -51px;
}

/* ************************************************************************ */
/* pgwSlideshow carousel */
.pgwSlideshow .ps-list {
	border-top: 1px solid #555;
	box-shadow: none;
	background: #fff;
}
.pgwSlideshow .ps-list li .ps-item {
	margin: 8px 4px;
	opacity: 1;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected {
	border: 0px solid #000;
}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {
	margin: 0px;
}   

/* ************************************************************************ */
/* INVENTORY PAGE */

/* GENERAL ITEMS */
.glyphicon { 
	margin-right:5px;
}

/* Flexbox thumbnail cards */
@media only screen and (min-width : 768px) {
   .flex-row.row {
     display: flex;
     flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
     display: flex;
     flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
     display: flex;
  }
}
.flex-row .thumbnail,
.flex-row .caption {
  flex: 1 0 auto;
  flex-direction: column;
}
.flex-text {
  flex-grow: 1;
}

/* INVENTORY GRID */
.thumbnail {
	margin-bottom: 20px;
}
#products > .list-group-item {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	background-color: fff;
}
.item.list-group-item {
	float: none;
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
}
.item.list-group-item .list-group-image {
	margin-right: 10px;
}
.item.list-group-item .thumbnail {
	margin-bottom: 0px;
}
.item.list-group-item:nth-of-type(odd) {
	background: #eeeeee;
}
.item.list-group-item:before, .item.list-group-item:after {
	display: table;
	content: " ";
}
.item.list-group-item:nth-of-type(odd) {
	background: #fff;
}
.item.list-group-item img {
	float: left;
}
.item.list-group-item:after {
	clear: both;
}
.list-group-item-text {
	margin: 0 0 11px;
}
.thumbnail .caption {
	min-height: 112px;
}
.img-center {
	display: block;
	margin: auto;
}
.grid-group-item {
	min-height:250px;
}
.center {
	text-align: center;
}

/* INVENTORY SEARCH PANEL */
.shop-filters .filter-section {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #0066cc;
}
.shop-filters .filter-section {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #0066cc;
}
.shop-filters .filter-section .clear {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.8em;
	color: #0066cc;
	cursor: pointer;        
	-webkit-transition: border 0.25s;
	-moz-transition: border 0.25s;
	transition: border 0.25s;
}    
.shop-filters .filter-section:last-child {
	border: none;
}

/* PAGINATION */
#genie-pagination>.pagination>.active>a,
#genie-pagination>.pagination>.active>a:focus,
#genie-pagination>.pagination>.active>a:hover,
#genie-pagination>.pagination>.active>span,
#genie-pagination>.pagination>.active>span:focus,
#genie-pagination>.pagination>.active>span:hover {
    background-color: #0066cc;
    border-color: #0066cc;
}

.footer-text {
	color: #337ab7;
}
a.footer-link {
	display: inline-block;
	margin: 0 5px;
}
a.footer-link:last-child {
	margin-right: 0;
}
.footer-icons a {
	margin-left: 1.5em;
}
.footer-right a svg {
	width: 24px;
	height: 24px;
	fill: #0066cc;
	will-change: fill;
	transition: fill .3s;
}
.footer-right a:hover svg.icon.twitter {
	fill: #00aced;
}
.footer-right a:hover svg.icon.facebook {
	fill: #3b5998;
}
.footer-right a:hover svg.icon.linkedin {
	fill: #bc2a8d;
}
.footer-right a:hover svg.icon.instagram {
	fill: #007bb6;
}
.footer-right a:hover svg.icon.feed {
	fill: #f26522;
}
.footer-right a:hover svg.icon.envelope {
	fill: #0066cc;
}