body{ padding:0; margin:0; overflow-x:hidden!important}
.mid-wrapper{ width:100%; float:left; min-height:600px;}
.mid-container{ margin-top:40px; width:100%; float:left}
.form-control{ height:42px; font-size:15px;}
.btn-circle { border-radius:15px;}
.text-white{ color:#FFFFFF}
.page-header{ width:100%; float:left; min-height:40px; padding-bottom:10px; border-bottom:1px solid #BFBFBF; font-size:22px; font-weight:bold; margin-bottom:20px;}
.form-sec-hd{ margin-top:25px; border-bottom:1px dashed #999999;  padding-bottom:10px; padding-top:10px; text-align:left!important; font-weight:bold;}

.form-group label{ font-size:14px!important; font-family:Geneva, Arial, Helvetica, sans-serif!important}
.featured{ width:auto; padding:6px; background-color:#FF3300; color:#FFFFFF; border-radius:10px;}

.mylistBtn{ font-size:20px; cursor:pointer; margin-left:20px;}
.wishlist-fa-active{color:#FF0000 }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.table th, .table td{ padding: 0.45rem!important; font-size:15px;}
.table .form-select{ background-color:#FFFFFF!important; border:1px solid #CCCCCC; padding:5px; font-size:15px; border-radius:4px;}
.table-thead{ background-color:#666666!important; color:#FFFFFF!important}

.breadcrumb{ font-size:13px!important; font-family:Verdana, Arial, Helvetica, sans-serif!important}
.breadcrumb a{ font-size:13px!important; font-family:Verdana, Arial, Helvetica, sans-serif!important}

.edit-link{ padding:5px; color:#FFFFFF!important; background-color:#006699; margin:4px; border-radius:8px;}
.del-link{ padding:5px; color:#FFFFFF!important; background-color:#CC3300; margin:4px; border-radius:8px;}
.op-link{ width:auto; padding:5px; padding-left:8px; padding-right:8px; background-color:#666666; color:#FFFFFF!important; text-decoration:none; float:left; margin:4px;font-size:13px; border-radius:8px;}
.op-link:hover{ color:#FFFF00  }

.button
{
	width: auto;
	padding:10px;
	border: none;
	border-radius:15px;
	outline: none;
	background:#F47E45;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	margin-bottom: 28px;
	transition: 0.3s ease;
}
.button-circle
{
	width: 200px;
	height: 32px;
	border-radius: 8px;
	border: none;
	outline: none;
	background:#21845F;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.3s ease;
}



.mid-banner{ width:100%; float:left; min-height:150px; background-color:#333333; text-align:center; background-position:center; background-attachment:fixed; background:100%;}
.mid-banner h5{ color:#FFFFFF; line-height:150px; font-size:40px; text-shadow:6px 6px 6px #000; }
.breadcrumb{ background:none!important; padding-left:0px; margin-top:0px;}
.no-line-height{ line-height:normal!important; font-size:30px!important;}
.logo-main{  height: 50px; margin-top:5px; }

.rating-checked{ color:#FFCC00}
.rating{ font-size:14px;}

.mylist-btn{ width:auto; border:1px solid #E1E1E1; padding:7px; border-radius:15px; background-color:#F8F8F8; font-size:16px; margin-right:6px;}
.mylist-btn-active{ width:180px; border:1px solid #E1E1E1; padding:7px; border-radius:15px; background-color:#F8F8F8; font-size:16px;  }
.mylist-fa-active{ color:#FF0000; font-size:15px;}

.goBtn{ border:0px; background-color:#F2F2F2; color:#666666; padding:8px; width:75px; height:55px; border-radius:4px;}
.mylist-btn:hover{ background-color:#CCCCCC;}

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#006633;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #555;
}

.topgap{ margin-top:4px;}
.nopad{ padding:0px!important;}
.nopad-left{ padding-left:0px!important;}
.nopad-right{ padding-right:0px!important;}
.search-icon{ display:none;}

.search-panel input{ border-radius:15px;}
.search-panel select{ border-radius:15px;}
.search-panel button{ border-radius:15px;}

@media screen and (max-width: 800px) 
{
	.search-panel{ display:none;}
	.search-icon{ display:block; margin-bottom:20px;}
	
	.mid-banner{ min-height:75px;}
	.mid-banner h5{line-height:75px; font-size:30px;}
	.no-line-height{ line-height:normal!important}
	.logo-main{ max-height:200px;}
}