@font-face {
  font-family: 'CalibreWeb-Semibold';
  src: url('https://shelfsmartdata.com/app/assets/fonts/Calibre-Semibold.otf'); /* IE9 Compat Modes */
  
}

@font-face {
  font-family: 'CalibreWeb-Regular';
  src: url('https://shelfsmartdata.com/app/assets/fonts/Calibre-Regular.otf'); /* IE9 Compat Modes */
  
}



body {
  font-family: 'CalibreWeb-Semibold', Fallback, sans-serif;
  font-weight:400;
}

body.noScroll { /* ...or body.dialogShowing */
  overflow: hidden;
}
.search1 .input-group-addon .btn:hover{
	color:#cccccc !important;
}
.box-header {
    /*border-bottom: 1px solid #aac7ef;
    padding-bottom: 5px;*/
    display: table;
    width: 100%;
	border-bottom: 1px solid #eee;
}
.left-cell {
    display: table-cell;
    vertical-align: middle;
	width: 50%;
}
.right-cell {
    display: table-cell;
    vertical-align: middle;
    /*text-align: right;*/
	width: 45%;
}

.btn:focus {
  outline: none;
}
#btnSearch.product_btn {
	padding-right:50px;
}
.search1 .form-control {
    height: 2em;
    padding-right: 50px;
    
    /*border-bottom: 1px solid #eee;*/
    font-size: 1.5em;
}
.search1  form{
	position:relative;
  padding-right: 50px;
}
.search1  form .btn{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    /*position: absolute;
    right: 40px;
    top: -2px;*/
    box-shadow: none !important;
    border: none !important;
    font-size: 20px;
}

.input-group-addon{
	padding: 0 0 0 0;
	background-color: rgba(0,0,0,0.00);
	border: 0px;
	border-radius: 0;
	text-decoration:none; 
	
}
.search1 .input-group-addon .btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #999;
  /*position: absolute;
  right: 40px;
  top: 3px;*/
  box-shadow: none !important;
  border: none !important;
  font-size: 1.5em;
}

.search1 .input-group-addon .searchnow{
  /*margin-right:.5em;*/
  color: #999;
	height:2.6em;
  /*position: absolute;
  right: 40px;
  top: 3px;*/
  box-shadow: none !important;
  border: none !important;
  font-size: 1.5em;
}

.search1 .btn:hover{
	color:#333;
}
.search1 .input-group-addon .btn:focus {
	outline:none;
}
.btn.product_button_detail {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  /*color: #999;*/
  /*position: absolute;
  right: 40px;
  top: 3px;*/
  box-shadow: none !important;
  border: none !important;
  font-size: 1.5em;
}

.btn.product_button_detail:hover{
	color:#fff;
}
.btn.product_button_detail:focus {
	outline:none;
}
.close_but{
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
 /*color: #999 !important;*/
 font-size: 1.5em;
 padding:0 0 0em !important;
}
.btn.close_but:hover{
 /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;*/
color: #333 !important;
}
.close_but:focus{
	outline:none !important;
	box-shadow: none !important;
  	border: none !important;
}

.vertical-line {
	border-left:1px solid #ff8a62;
	width:1px;	
}

.search_results {
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	padding-top:14px;
	padding-bottom:15px;
	padding-left:15px;
	height:50px;
	font-size:1.2em;
	vertical-align: middle;
}
.search_results a{
	color:black !important;
}

.miles_button {
  background-color: #ff8a62;
  border: none;
  color: black;
  /*padding: 15px 18px 15px 18px;*/
  padding-top:10px;	
  width:75px;
  height:75px;	
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 4em;*/
  margin: 4px 2px;
	border-radius:50%;
}
.directions_button {
  background-color: #ff8a62;
  border: none;
  color: black;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 4em;*/
  margin: 4px 2px;
	border-radius:50%;
}

.btn.filter-btn {
    font-size: 17px;
    right: 12px;
}
.search1 {
  margin-bottom: 0;
  margin-top: 5px;
  /*padding: 0 30px;*/
  position: relative;
	left: 50%;
	right:50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	/*margin:2em 0 0 2em;*/
    
}
.nav_list li a {
  /*color: #444444;*/
  text-decoration:none;
}
.nav_list li a:hover {
  color: #333 !important;
  text-decoration:none;
}
.close_scroll i:hover{
  color: #333 !important;
}
.nav_list li label{
	margin:0px;
}
.nav_list li span {
    font-size: 13px;
    color: rgba(0,0,0,.87);
}
.nav_list li {
  min-height: 55px;
  padding:15px 30px 12px 12px;
  position: relative;
  line-height:normal;
  border-bottom: 1px #eeeeee solid;
}
.nav_list li:hover{
	background:#f1f1f1;
}
.nav_list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    height: 600px;
    margin-top: 0px;
    overflow-y: auto;
}

#sidebar {
	height: 600px;
}

.form-control {
  border-radius: 0 !important;
  box-shadow: none !important;
}
.headdng {
  color: #444;
  font-size: 24px;
  padding: 0 30px;
}
.masp_set{ padding:0; }
.usss1{ height: 685px !important; overflow-y: auto;}
.masp_set > .row { margin:0; }
.masp_set > .row > .col-sm-6{ padding:0; }
.sss {
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.sss2 {
  font-size: 16px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.nav_list p {
  /*border: 1px solid #cccccc;*/
  min-height: 55px;
  padding: 5px 40px;
  color: #444444;
  position: relative;
  margin-bottom:3px;
}

.usss1 h3 span {
  color: #666666;
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-top: 3px;
}
.usss1 h3 {
  color: #333;
  font-size: 23px;
  font-weight: 600;
  margin-top: 0;
  padding: 0 30px;
}
.usss1 h4 {
    padding: 0 30px;
}
.use12 {
 /*color: #444;*/
  display: inline-block;
  font-size: 15px;
  margin-bottom: 5px;
  min-height: 15px;
  padding: 4px 30px 4px 55px;
  position: relative;
  width: 100%;
}
.use12:hover, .use12:focus, .use12:active, .use12.active{
color: #444;
text-decoration: none;
}
.use12 i {
  /*color: #999;*/
  font-size: 18px;
  left: 30px;
  position: absolute;
  /*top: 7px;*/
}
.use12 i:hover {
  color: #333;
  
}
.usss1 h5 {
    background: rgba(241, 241, 241, 0.945) none repeat scroll 0 0;
    margin: 0 0 2px;
    padding: 10px 30px;
}

.nav_list .btn-danger {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    color: #666666 !important;
    font-size: 20px !important;
}
.nav_list hr {
    margin: 10px 28px;
}

.detail_show{ position: relative; }
.nav_list .btn-danger {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  color: #666666;
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 0;
}
.div-filter{
}
.filter-ul{
	padding:0px;
	list-style:none;
}
.filter-ul li {
    padding: 8px 30px;
	cursor:pointer;
	margin-bottom:1px;
}
.div-filter h3 {
    /*border-bottom: 1px solid #eee;*/
	padding:0;
	font-size: 1.2em;
	margin: 15px 0 15px 0 !important;
}
.filter-ul li:hover{	
	background:#f1f1f1;
}
.filter-ul li.li-active{
	background:#f1f1f1;
}
.apply-clear{
	padding:10px 30px;
}

.filter-ul {
    height: 666px; /* Fallback for browsers that do not support Custom Properties */
  	
    overflow: auto;
}
.gm-style-iw{ text-align: center; }
@media(min-width: 768px){
  .col-sm-6.right_map{ float: right; }
}

@media(max-width: 767px){
	body.noScroll { /* ...or body.dialogShowing */
  overflow: hidden;
}
	
  .headdng{ display: inline-block; }
  #sidebar .headdng {
  background: #fff none repeat scroll 0 0;
  height: 80px;
  left: 0;
  margin: 0;
  padding-top: 9px;
  position: absolute;
  top: 0;
  width: 100%;
}
.filterdiv.div-filter {
  background: #fff none repeat scroll 0 0;
  margin-top: 50vh;
  margin-top: calc(var(--vh, 1vh) * 50);
  left: 0;
  position: absolute;
  right: 0;
}
.search1{ margin-top: 0; }
.pos_res input[type="text"] {
  position: absolute;
  top: 40px;
}
.nav_list {
  display: inline-block;
  left: 0;
  right: 0;
  width: 100%;
}
.search1 form .btn {
  top: 37px;
}
.btn.filter-btn {
  top: 38px;
}
#map {
    margin-top: 0px;
    /*min-height: 150px !important;*/
    z-index: 99999;
	height: 600px !important;  /* Fallback for browsers that do not support Custom Properties */
  	
}
.apply-clear.text-right {
  /*margin-top: 50vh;
	margin-top: calc(var(--vh, 1vh) * 50);*/
}
	

	
}