/* Listing Page */
.dnd-section {
  padding: 30px 1rem !important;
}
.row {
  margin-right: 0px!important;
  margin-left: 0px!important;
  margin-bottom: 10px;
}
.card{
  padding: 8px !important;
  border:0 !important;
}
.products{
  padding:15px 15px;
}
.products:hover{
  border-radius: 10px !important;
  box-shadow: 0 0 10px rgb(76 88 103 / 50%);
}
.image img{
  border: 1px solid #F2F4F8;
}
img.card-img-top{
  height:212px ;
}
p.card-brand{
  color: #168a24!important;
  padding:10px 0 !important;
  margin:0 !important;
}
.detail p{
  font-size:15px;
  font-weight:400;
}
.detail h5{
  font-size:15px;
  font-weight:700;
  color:#14152D;
  text-decoration:none !important;
}
.detail a h5:hover,.detail a{
  font-size:15px;
  font-weight:700;
  color:#168a24 !important;
  text-decoration:none !important;
}
p.card-currency{
  color: #168a24!important;
  font-size: 17px !important;
}
p.card-desc{
  color: #6A7B8E;
  font-size:13px;
  font-weight:400;
}

/* Detail Page */
.image-post{
  margin:0 80px;
}
.image-post img{
  height: 400px;
  border: 1px solid #F2F4F8;
}
.title-post{
  margin-bottom: 25px;
  margin-top: 25px;
}
.title-post h1{
  font-size:28px;
  font-weight:700;
  text-align: center;
}
.brand-name {
  margin-top: 40px;
  margin-bottom: 40px;
}
.brand-name h1{
  font-size:20px;
  font-weight:400;
}
.brand-name h1 span{
  color: #6A7B8E;
  font-size:20px;
  font-weight:400;
}
.desc-post p{
  color: #6A7B8E;
  text-align: center;
  font-size:18px;
  font-weight:400;
}
.price-post span{
  color: #6A7B8E;
  font-size:18px;
  font-weight:400;
}
.price-post h1{
  color: #168a24;
  font-size:28px;
  font-weight:400;
}
.col-md-12{
  margin:80px 0;
}
.nav-tabs {
  text-align:center;
  margin-bottom: 15px !important;
}
.nav-tabs > li {
  float: none;
  display: inline-block;
}
.nav-tabs > li.active > a{
  border-bottom: 1px solid #F4B101;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a{
  border: none;
  background-color: transparent;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a {
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px;
  border-radius: 0;
}
.nav-tabs>li.active>a{
  cursor: default;
}
.nav>li>a {
  position: relative;
  display: block;
}
.nav-tabs > li > a{
  border: none;
  border-bottom: 1px solid transparent;
  background-color: transparent;
}

.nav-tabs > li.active > a {
  text-decoration:none !important;
  color: #14152D;
  font-size:16px !important;
  font-weight: 700 !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  text-decoration:none !important;
  color: #14152D;
  font-size:16px !important;
  font-weight: 700 !important;
}
a.h4{
  font-size:16px;
  font-weight: 700;
  font-family: 'Quicksand',Arial,Helvetica,sans-serif;
}
.tab-content{
  padding:20px 20px;
}
.fade h1{
  font-size:20px;
  font-weight: 700;
}
.fade p{
  color: #2D364C;
  font-size:16px;
  font-weight: 400;
}

.nav {
  display: block !important;
}
.nav-tabs > li {
  float: none;
  display: inline-block;
}
.tab-content>.active {
  display: block;
} 
.fade{
  opacity: 1 !important;
} 
.pull-right {
  float: left !important;
}
/* Review Css */
i.fa.fa-star.i-check {
  color: #f2832d !important;
}
i.fa.fa-star.i-uncheck {
  color: grey !important;
}
i.fa.fa-star.i-check,i.fa.fa-star.i-uncheck{
  font-size: 16px !important;
  height:20px !important;
  width:0 !important;
  line-height: 0 !important;
  margin:5px 15px 5px 0;
}
#tab-review .rating-td {
  width: 20%;
}
#tab-review tbody > tr > td {
  border: none;
}
.table > tbody > tr > td{
  padding: 10px 15px;
}
.text-right{
  background-color: #FFFFFF;
}
.rating{
  font-size: 16px !important;
  text-align:center;
  padding-top: 15px;
}
.rating a {
  margin-left: 20px;
  color: #2D364C;
  text-decoration:none!important;
}
.rating a:hover {
  color: #F4B101;
  text-decoration:none!important;
}

/* pagination */
.listing-pagination{
  
}
.listing-pagination a.active{
  font-size:16px;
  border: 1px solid #168A24;
  padding: 10px 15px;
  border-radius: 10px;
  background-color: #168A24;
  color: #fff!important;
}
.listing-pagination a{
  font-size:16px;
  border: 1px solid #F2F4F8;
  padding: 10px 15px;
  border-radius: 10px;
  color: #14152d!important;
  text-decoration:none !important;
  background-color: #F2F4F8;
}
.listing-pagination a.number:hover,
a.previous-posts-link:hover,
a.next-posts-link:hover{
  background-color: #F4B101;
  border:1px solid #F4B101;
}
a.previous-posts-link,
a.next-posts-link{
  font-size:20px !important;
  padding: 12px 20px  !important;
}
.fa-angle-left,.fa-angle-right{
  font-weight:900 !important;
}


/* ------------- */
/* .hubdb-pagination{
  text-align:center;
  padding:30px 0;
}
li.active-page{
  font-size:16px;
  border: 1px solid;
  padding: 10px 15px;
  border-radius: 10px;
  background-color: #168A24;
  color: #fff!important;
}
li.number a{
  font-size:16px;
  border: 1px solid;
  padding: 10px 15px;
  border-radius: 10px;
  color: #14152d!important;
  text-decoration:none !important;
  background-color: #F2F4F8;
}
li.number a:hover{
  background-color: #F4B101;
}

.hubdb-pagination{
  text-align:center;
  padding:30px 0;
}
.next a ,
.previous a{
  font-size:16px;
  border: 1px solid;
  padding: 10px 15px;
  border-radius: 10px;
  color: #14152d!important;
  text-decoration:none !important;
  background-color: #F2F4F8;
} 
.previous a:hover,.next a:hover{
  background-color: #F4B101 !important;
}

.last {
  text-align:center;
  margin-bottom: 15px !important;
}
.last > li {
  float: none;
  display: inline-block;
}
 */

/*.checked {
color: orange;
}
.dnd-section {
padding: 20px 1rem !important;
}
.products{
max-width: 20% !important;
}
.products{
padding:20px 0;
}
.products:hover{
border-radius: 10px !important;
box-shadow: 0 0 15px rgb(76 88 103 / 50%);
}
.image img{
border: 1px solid #F2F4F8;
}
img.card-img-top{
height:212px ;
}
p.card-brand{
color: #168a24!important;
padding:10px 0 !important;
margin:0 !important;
}
.detail p{
font-size:15px;
font-weight:400;
}
.detail h5{
font-size:15px;
font-weight:700;
color:#14152D;
text-decoration:none !important;
}
.detail a h5:hover,.detail a{
font-size:15px;
font-weight:700;
color:#168a24 !important;
text-decoration:none !important;
}
p.card-currency{
color: #168a24!important;
font-size: 17px !important;
}
p.card-desc{
color: #6A7B8E;
font-size:13px;
font-weight:400;
}
/* ------------------------- */
/* .image-post{
margin:0 150px;
}
.image-post img{
height: 400px;
border: 1px solid #F2F4F8;
}
.title-post{
margin-bottom: 25px;
margin-top: 25px;
}
.title-post h1{
font-size:28px;
font-weight:700;
text-align: center;
}
.brand-name {
margin-top: 40px;
margin-bottom: 40px;
}
.brand-name h1{
font-size:20px;
font-weight:400;
}
.brand-name h1 span{
color: #6A7B8E;
font-size:20px;
font-weight:400;
}
.desc-post p{
color: #6A7B8E;
text-align: center;
font-size:18px;
font-weight:400;
}
.price-post span{
color: #6A7B8E;
font-size:18px;
font-weight:400;
}
.price-post h1{
color: #168a24;
font-size:28px;
font-weight:400;
}
.col-md-12{
margin:80px 0;
}
.nav-tabs {
text-align:center;
margin-bottom: 15px !important;
}
.nav-tabs > li {
float: none;
display: inline-block;
}
.nav-tabs > li.active > a{
border-bottom: 1px solid #F4B101;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a{
border: none;
background-color: transparent;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a {
margin-left: 15px;
margin-right: 15px;
padding: 15px;
border-radius: 0;
}
.nav-tabs>li.active>a{
cursor: default;
}
.nav>li>a {
position: relative;
display: block;
}
.nav-tabs > li > a{
border: none;
border-bottom: 1px solid transparent;
background-color: transparent;
}

.nav-tabs > li.active > a {
text-decoration:none !important;
color: #14152D;
font-size:16px !important;
font-weight: 700 !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
text-decoration:none !important;
color: #14152D;
font-size:16px !important;
font-weight: 700 !important;
}
a.h4{
font-size:16px;
font-weight: 700;
font-family: 'Quicksand',Arial,Helvetica,sans-serif;
}
.tab-content{
padding:20px 20px;
}
.fade h1{
font-size:20px;
font-weight: 700;
}
.fade p{
color: #2D364C;
font-size:16px;
font-weight: 400;
}

.nav {
display: block !important;
}
.nav-tabs > li {
float: none;
display: inline-block;
}
.tab-content>.active {
display: block;
}
.fade.in{
opacity: 1;
} */

/* pagination */
/* li.active-page{
font-size:16px;
border: 1px solid;
padding: 10px 15px;
border-radius: 10px;
background-color: #168A24;
color: #fff!important;
}
li.number{
font-size:16px;
border: 1px solid;
padding: 10px 15px;
border-radius: 10px;
color: #14152d!important;
text-decoration:none !important;
background-color: #F2F4F8;
}
li.number:hover{
background-color: #F4B101;
}
li.icon a {
font-size:18px;
border: 1px solid;
padding: 10px 15px;
border-radius: 10px;
color: #14152d!important;
text-decoration:none !important;
background-color: #F2F4F8;
}
li.icon a:hover{
background-color: #F4B101;
}

li.number a{
color: #14152d!important;
text-decoration:none !important;
}
.back{
margin-bottom:10px;
}
.hubdb-pagination{
text-align:center;
padding:30px 0;
}
.next,
.previous{
padding:0 10px;
} */
/* .previous a,
.next a{
border-radius:20px;
font-size:24px;
border:1px solid #14152d;
color:#14152d!important;
text-decoration:none!important;
padding:5px 10px;
}
.previous a:hover,
.next a:hover{
font-size:24px;
background-color:#F4B101;
border-radius:20px;
border:1px solid #14152d;
color:#fff!important;
text-decoration:none!important;
padding:5px 10px;
} */
/* .last {
text-align:center;
margin-bottom: 15px !important;
}
.last > li {
float: none;
display: inline-block;
}   */
/* Filter Css */
/* .dropdown{
margin-bottom:60px !important;
} */
/* Star Css */
/* .rating{
font-size: 16px !important;
text-align:center;
padding-top: 15px;
}
.rating span.fa {
margin: 5px 3px 10px 0;
}
.rating .fa-stack {
width: 12px;
height: auto;
height:10px !important;
}
.fa-stack-2x {
font-size: 15px !important;
}
.fa-stack-2x {
position: relative !important;
}
*/
/* .fa-star-o{
color: #F4B101;
}
.fa-star{
color: #2D364C;
} */
/* .fa-stack{
height:25px !important;
width:0 !important;
line-height: 0 !important;
margin:5px 12px 5px 0;
}
.review p{
margin-bottom: 0 !important;
}
.rating span.fa {
margin: 5px 15px 10px 0;
}
.pull-right {
float: left !important;
} */