/*--------------------------------------------------------------
## Inventory Styles
--------------------------------------------------------------*/

/* GRID VIEW STYLES START */

*{
	font-family: 'Nunito Sans', sans-serif;
}

#filtersubmit{
	background: #303030 !Important;
	color: white !Important;
}

.pad-10{
	padding: 0 10% !important;
}

.pagination{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
}

.content-box{
	text-align: center;
}

.spec_title{
	border-bottom: 2px solid #303030;
}

.spec_title h4{
	font-weight: bold;
	text-transform: uppercase;
}

.cat_title{
	padding: 0 !Important;
	color: black !important;
}

.outer-img-box  {
    text-align: center;
    overflow: hidden;
    padding: 10px;
}

.inner-image-placeholder {
    position: relative !Important;
    overflow: hidden;
}

/* .img_cnt{
	position: absolute !Important;
	bottom: 0;
	left: 0;
	z-index: 100;
} */

.inv_image {
	height: 200px;
    margin-left: 50%;
    transform: translateX(-50%);
    position: relative;
	border-radius: 5px;
}

/* .inner-image-placeholder:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background-image: linear-gradient(to top right, rgba(0, 0, 0, 0.9), transparent, transparent, transparent);
} */

.listing_info{
	padding: 0 10px 10px 10px !Important;
}

.bg-box{
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border: .5px solid #9C9C9C;
	border-radius: 5px;
}

.bg-box:hover{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.bg-box:hover .listing_detail_btn{
	background: #303030 !important;
}

.detail_btn_wrap{
	padding: 10px !Important;
	padding-top: 10px !Important;
}

.listing-info-wrap{
	padding: 0 15px !important;
}

.listing_detail_btn{
	width: 100% !important;
	background: #ff1205 !important;
	color: white;
	border: none !important;
	padding: 10px 0 !important;
	font-weight: 600;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 15px !important;
	margin: 0 !important;
	border-radius: 5px;
}

.listing_detail_btn:hover{
	background: #303030 !important;
}

.name_div{
	display: table;
    width: 100%;
	table-layout: fixed;
}

.listing-title{
	font-family: 'Oswald', sans-serif !important;
	margin: 0 !Important;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
	font-weight: bold;
	color: #303030 !Important;
	font-size: 18px !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.listing-title:hover{
	color: #ff1205 !important;
	text-decoration: underline;
}

.listing-price{
	font-size: 20px;
	margin-top: 5px !Important;
	font-weight: bold !Important;
	color: #303030 !Important;
	font-family: 'Oswald', sans-serif !important;
}
.listing_spec{
	font-weight: bold !important;
}

.cat-title{
	font-weight: bold !important;
	font-size: 30px !important;
	text-transform: uppercase;
	color:  #303030 !important;
}

.search-item {
	width: 100%;
	padding: 10px;
	border: solid 1px #e0e0e0;
	font-size: 15px;
	letter-spacing: 1px;
	color: #141823  !Important;
	border-radius: 5px !Important;
}

.searched-item{
	border: solid 1px #ff1205 ;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.filter-btn {
	width: auto !important;
	padding: 10px 20px!important;
	margin-bottom: 5px !Important;
	position:relative;
	text-align: center;
	color: #fff;
	background: #303030 !important;
	padding: 10px 15px;
	border: none;
	letter-spacing: 1px;
	font-size: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 5px
}

.filter-btn:hover{
	background:  #303030  !important;
	box-shadow: 0 1px 5px 1px #B7B7B7;
}

.filter_search_btn{
	position: relative;
	width: 100% !important;
	padding: 10px 20px!important;
	text-align: center;
	color: #fff;
	background: #ff1205 !important;
	border: none !important;
	padding: 10px 15px;
	letter-spacing: 1px;
	font-size: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 5px;
}

.filter_search_btn:hover{
	background: #303030 !important;
}

.inv_label{
	display: block !important;
	font-size: 15px !Important;
}

.collapse_btn{
	position: relative;
	width: 100% !important;
	padding: 10px !important;
	text-align: left;
	color: black;
	background: #e0e0e0  !important;
	padding: 10px 15px;
	border: 1px solid #bdbdbd  ;
	border-top: none !Important;
	letter-spacing: 1px;
	font-size: 15px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.collapse_btn:hover{
	background: #bdbdbd   !important;
}

.hidden_input{
	/* display: none; */
	/* padding: 7.5px !Important; */
	background: #f5f5f5  ;
	border: 1px solid #bdbdbd !important;
	border-top: none !Important;
}

.hidden_input_pad{
	padding: 10px !Important;
}

.filter_icon{
	position: absolute !Important;
	right: 0;
	margin-right: 20px;
	color: #ff1205;
}

#inv_search_form.form-group{
	margin: 0 !Important;
}

form.inv_search_form{
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
	border-radius: 5px !Important;
}

.paginate_link {
	color: black  !important; 
}

.paginate_link:hover {
	border: 1px solid black !Important;
}

.paginate_link:active{
	background-color: #303030  !Important;
	background: #303030  !Important;
}

.paginate_link:focus{
	border: 1px solid black !Important;
}

.current_paginate {
    color: #fff  !important; 
    border: 1px solid black  !important; 
	background-color: black !Important;
    font-weight: bold !important;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

/* #filter_wrap{
	padding: 10px;
	background: white;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
	border: .5px solid #9C9C9C;
} */

#inv_data{
	/* background: #fafafa ; */
	background: #fff ;
}

hr.listing_hr {
  border: .5px solid #303030;
  width: 75% !Important;
  margin: 0 auto !Important;
  margin-bottom: 10px !Important;
}

#show_fltrs_btn{
	background: #303030 !important;
	color: white;
	padding: 10px 15px;
	border: none !Important;
	margin-bottom: 10px !Important;
}
.sticky-stuff {
	position:sticky !important; 
	top:20px !important;
}
.inv_checkbox_contain { max-height: 200px; overflow-y: scroll;}

.selected_area{
	display: none;
	border-bottom: 1px solid #bdbdbd;
}

/* INV GRID VIEW STYLES END */

/* DETAILED INV VIEW STYLES START */

.pad-all{
	padding: 0 !Important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
}

.spec-detail{
	display: inline-block;
	
}

#right_buttons{
	padding-left: 25px !important;
	z-index: 101 !Important;
}

.list-btn{
	font-size: 14px !Important;
	width: 100% !important;
	border: none !important;
	color: white !important;
	padding: 10px 20px !important;
	margin-bottom: 5px !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	letter-spacing: 1.25px;
	font-weight: 500;
	background-color: #ff1205 !important;
	border-radius: 5px;
}

.list-btn:hover{
	background:  #303030 !important;
	box-shadow: 0 1px 5px 1px #B7B7B7;
}

.list-btn-alt{
	border: 1px solid #303030 !important;
	color: black !important;
	background-color: #fff !important;
}

.list-btn-alt:hover{
	border: 1px solid #9C9C9C !important;
	background-color: #9C9C9C !important;
}

.media_btn{
	background: black;
	border: none;
	color: white;
	padding: 5px 10px;
	border-radius: 2.5px;
	opacity: .5;
	font-size: 13px;
}

.media_btn_active{
	opacity: 1;
}

.price-text{
	color: #303030;
}

.category-title {
    text-transform: uppercase;
	font-weight: bold;
	color: #303030;
	font-family: rift, sans-serif !important;
}

.right-btn-wrap{
	width: 100% !important;
}

.contact_wrap{
	border-bottom: 1px solid #e0e0e0;
}

.rental_wrap{
	border-bottom: 1px solid #e0e0e0;
}

#search_sidebar{
	padding: 0 10px !Important;
	padding-right: 30px !Important;
	margin-bottom: 30px !Important;
}

.thumb_spec{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
	margin-bottom: 2.5px !Important;
}

.displayed_spec{
	font-weight: 400 !important;
}

.side-contact {
	background-color: #fff ; 
	padding: 15px 20px !important;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
	border: .5px solid #9C9C9C;
	border-radius: 5px;
}

.contact-form-head {
	margin-top: 5px !Important;
	font-weight: 600 !important;
	color: #303030 !important;
	text-transform: uppercase;
}

.top_filter_btn{
	background-color: #37474F !important;
}

.top_filter_btn:hover{
	background-color: #303030  !important;
}
 
 #inventoryGallery {
	min-width: 100%!important;
}

.ug-arrow-left {
	background-origin: content-box;
	padding: 5px !Important;
	border-radius: 300px !Important;
	background-color: rgba(0, 0, 0, 0.5);
	/* background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/css/left-white.png")!important; */
	background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/images/left_chev.png")!important;
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px!important;
	width: 40px!important;
}

.ug-arrow-right {
	background-origin: content-box;
	padding: 5px !Important;
	border-radius: 300px !Important;
	background-color: rgba(0, 0, 0, 0.5);
	/* background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/css/right-white.png")!important; */
	background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/images/right_chev.png")!important;
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px!important;
	width: 40px!important;
}

.ug-arrow-hover {
	background-position: 0px 0px!important;
	opacity: 0.75;
	background-color: black !Important;
}	

.ug-strip-panel .ug-strip-arrow-left {
	background-color: rgba(0, 0, 0, 0.5);
	/* background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/css/left-black.png")!important; */
	background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/images/left_chev.png")!important;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	height: 25px !important;
	width: auto;
	left: 0px !important;
	top: 45px !important;
}

.ug-strip-panel .ug-strip-arrow-right {
	background-color: rgba(0, 0, 0, 0.5);
	/* background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/css/right-black.png")!important; */
	background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/images/right_chev.png")!important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	height: 25px !important;
	width: auto;
	left: auto !Important;
	right: 0px !important;
	top: 45px !important;
}

.ug-button-videoplay.ug-type-square{
	background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/images/playbtn.png")!important;
	border-radius: 300px !Important;
	height: 65px !important; 
	width: 65px !important;
	background-size: contain !important;
	background-position: 0,0 !important;
	background-repeat: no-repeat !important;
}

.ug-default-button-hidepanel.ug-button-hover .ug-default-button-hidepanel-tip {
	background-position: 0px 0px!important;
	opacity: 0.75;
	background-color: black !Important;
}

.ug-button-hover {
	/* background-position: 0px 0px!important; */
	opacity: 0.75;
	background-color: black !Important;
}

.ug-default-button-fullscreen-single {
	position: absolute !Important;
	background-origin: content-box;
	border-radius: 300px !Important;
	padding: 10px !Important;
	background-color: rgba(0, 0, 0, 0.5);
	/* background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/css/white-zoom-icon.png")!important; */
	background-image: url("/wp-content/plugins/sandhills-inventory-automation/public/images/max_white.png")!important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 0px!important;	
	right: 0% !important; 
	margin: 0px -15px !Important;
	width: 35px!important;
	height: 35px!important;
}

.ug-default-button-play-single {
	display: none!important;
}

.ug-strip-panel .ug-strip-arrow-right.ug-skin-default .ug-default-button-play-single {
	/* background-image: url("/wp-content/uploads/2019/12/play.png")!important; */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px 0px!important;
	width: 7px!important;
	height: 10px!important;
}

.ug-item-wrapper:hover {
	cursor: grab!important;
}

.ug-strip-panel{
	background-color: transparent !important;
	background-color: black !important;
}

.panel{
	margin-bottom: 10px !important;
}

.spec_box{
	background-color: #e0e0e0;
}

.nav-tabs>li{
	font-size: 18px;
	font-weight: 600;
}

.spec_tabs>li.active>a{
	background-color: #e0e0e0 !important;
	color: #ff1205 !Important;
}

.spec_list, .inv_desc{
	padding: 10px !Important;
	background: #fff ;
	color: black;
	margin-bottom: 5px !Important;
	border-radius: 5px !Important;
}

.spec-head{
	font-weight: bold;
}

/* SPIN LOADER */

#loader_container{
	padding: 150px 0;
	text-align: center;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: black;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* SLIDER STYLES */
.slider.slider-horizontal{
	width: 100% !important;
}

.tooltip-arrow {
  display: none;
}

.slider-track-high{
  background: #FFF9C4;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  height: 7px;

}

.slider_container{
	padding: 10px 20px  !Important;
	width: 100%;
	border: 1px solid black;
	margin-bottom: 5px !Important;
	background-color: #303030;
	border-radius: 5px !Important;
}

.slider_label{
	color: #fff;
}


.switch-field {
    display: flex;
    overflow: hidden;
	border-radius: 5px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0px;
    width: 0px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
	width: 100%;
    background-color: #9e9e9e   ;
    color: white;
    font-size: 16px;
    text-align: center;
    padding: 5px 10px;
    transition: all 0.1s ease-in-out;
	border: 1px solid #757575    ;
	font-family: rift, sans-serif !important;
	margin-bottom: 0 !Important;
}

.switch-field label:hover {
    cursor: pointer;
	background-color: #757575    ;
}

.switch-field input:checked + label {
    background-color: #303030 ;
    box-shadow: none;
	border: 1px solid black  ;
} 

.input-group-btn{
	background: #303030 !important;
	border: solid 1px black;
	border-radius: 5px;
}

#main_inv_area{
	margin-top: 30px !Important;
}

/* SLIDER END*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	#right_buttons{
		padding: 0 !important;
	}
	
	#search_sidebar{
		padding: 0 10px !important;
	}
	
	#show_fltrs_btn{
		display: block !Important;
	}
	
	#filter_title{
		display: none;
	}
	
	.sticky-stuff {
		position:relative !important; 
		top:0 !important;
	}
	.pad-10{
		padding: 0 15px !important;
	}
}