/* Util Classes Ver. 4.3 / 2019 */
table.table tr.bg {
    background: #FBF9F9;
}

.money {
    color: #CC3300;
    font-weight: bold;
    padding: 5px;
}

.discounts_money {
    color: #000000;
    font-weight: normal;
    text-decoration: line-through;
    padding: 5px;
}

.rate-star {
    padding: 5px;
    float: left;
    height: 14px;
    line-height: 14px;
}

.rate-star .width-star-title {
    float: left;
    margin-right: 5px;
}

.rate-star .width-star-num {
    float: left;
    font-weight: bold;
    margin-left: 5px;
}

.rate-star .width-star-bg {
    width: 180px;
    float: left;
    cursor: pointer;
    border-radius: 3px;
    background: #dadada;
}

.rate-star .width-star-value {
    float: left;
    border-radius: 3px;
    background: url("../images/shops/star-png.png") repeat-x;
}

.rateavg_percent {
    font-size: 18px;
    font-weight: bold;
}

#search_form_shops .form-group {
    margin-bottom: 4px;
}

#products .col-sm-6 .thumbnail,
#category .col-sm-6 .thumbnail {
    padding-top: 10px;
}

/** ----------- BillyGoat team ----------- **/

/** them thuoc tính cứng cho width **/

.thumbnail {
    height: 340px;
    width: auto;
}

.bx-wrapper .slider_nv20_item img.thumbnail,
.bx-wrapper .slider_nv21_item img.thumbnail {
  width: auto;
  height: 220px;
  max-width: 300px;
  max-height: 300px;
  display: block;
  object-fit: contain;
      border-radius: 10px;
    border: 1px solid #ddd;
}


.pull-right a {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    color: #555555;
    font-size: 15px;
}

.pull-right a:before {
    content: '|';
    padding: 5px;
    margin-right: 5px;
    color: #7AAE0E;
    display: inline-block;
}

/** ----------- BillyGoat team ----------- **/

#products .col-sm-6 .label-default {
    margin-bottom: 10px;
    display: inline-block;
}

.price {
    height: 40px;
    margin-top: 5px;
}

#category .col-sm-6 .price .money {
    display: block;
    vertical-align: middle;
}

.image {
    margin: 0 10px 10px 0;
}

.msgshow {
    background: #F5F5F5;
    padding: 20px;
    border: 4px solid #C7C7C7;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 10020 !important;
}

/*tooltip*/

.tooltip-inner {
    max-width: 250px;
    padding: 10px;
    color: #fff;
    text-align: left !important;
    background-color: #0C2138;
    border-radius: 4px
}

.tooltip-inner img.pull-left {
    margin: 3px 5px 1px 0;
}

.tooltip-inner img.pull-right {
    margin: 3px 1px 0 5px;
}

.pages {
    display: inline-block;
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
}

#formsearch {
    margin-top: 10px;
}

#formsearch .row {
    margin-bottom: 10px;
}

/** ----------- BillyGoat team ----------- **/
/* BillyGoat Custom controls */

div[id*="product_center"] {
    position: relative;
}

div[id*="product_center"] .crsl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div[id*="product_center"] .crsl-items:after {
    display: block;
    clear: both;
    content: '';
}

div[id*="product_center"] .crsl-items img {
    margin: 0 auto 6px auto;
}

div[id*="product_center"] .previous,
div[id*="product_center"] .next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    text-indent: -10000px;
    color: #FFF;
    background: rgba(0, 0, 0, .80) url(../images/shops/previous-next.png) no-repeat 0 0;
    z-index: 10;
    /* border radius */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    /* transition */
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
}

div[id*="product_center"] .previous:hover,
div[id*="product_center"] .next:hover {
    background-color: rgba(0, 0, 0, .95);
}

div[id*="product_center"] .previous {
    left: 0;
    background-position: 0 0;
}

div[id*="product_center"] .next {
    right: 0;
    background-position: 100% 0;
}

div[id*="product_center"] .crsl-item {
    margin-bottom: 0;
}

.caption h3 {
    line-height: 20px;
    height: 50px;
    font-size: 15px;
}
}

/* BLOCK OTHER PRODUCT */

.others_product ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

.others_product ul li {
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
}

.others_product ul li img {
    margin: 5px;
}

.others_product ul li.bg {
    background: #FFFFF0;
}

.others_product ul li span.time {
    color: #c0c0c0;
    font-size: 11px
}

.page-header {
    padding: 10px 0px;
    margin: 0 0 10px;
    color: #606060;
}

/** ----------- BillyGoat team ----------- **/

/** Billygoat moi them vao catlogo **/

.page-header h2 {
    font-size: 16px;
    padding: 7px 0px;
    color: #5b5347;
    font-style: italic;
}

/* PRINT */

#print {
    padding: 10px;
}

#print table.rows2 {
    width: 100%;
    border: none;
    margin-bottom: 10px;
}

#print table.rows {
    width: 100%;
    border: 1px solid #F5F5F5;
}

#print table.rows td {
    padding: 5px;
    border: 1px solid #F5F5F5;
}

#print table.rows td img {
    width: 60px;
    padding: 2px;
    border: 1px solid #ebebeb;
    vertical-align: middle;
}

#print table.rows tr.bg {
    background: #f3f3f3;
}

#print table.rows tr.bgtop {
    background: #CCCCCC;
    line-height: 22px;
}

/* CART */

div.step_bar a.step {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 700;
    background: url('../images/shops/star.png') no-repeat left center;
    padding-left: 10px;
    margin-right: 10px;
}

div.step_bar a.step span {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    color: #039;
}

div.step_bar a.step_current {
    color: red;
}

.block {
    margin-bottom: 10px
}

.block .payment_info {
    margin: 10px 0 10px 0;
}

.block .payment_info .payment_items {
    text-align: center;
    margin-right: 2px;
    display: inline-block
}

#detail {
    margin: 5px !important;
}

#detail .zoom_img {
    margin: 10px 0 10px 0;
}

#detail ul.product_info {
    padding: 0;
    font-family: times new roman;
}

#detail ul.product_info li {
    margin-bottom: 5px;
}

/** ----------- BillyGoat team ----------- **/

.product_info ul li strong {
    background: rgba(0, 0, 0, 0) url("../images/shops/shop-points.png") no-repeat scroll 0 0;
    padding: 0 0 0 10px;
}

/* ĐÃ NGỪNG KINH DOANH và thêm CSS */

.ngung-kinh-doanh{
    background:#e8e716;
    padding:2px 10px;
    border-radius:5px;
}

/* TAB */

.r-tabs {
    margin: 10px 0 10px 0;
    position: relative;
}

.r-tabs .r-tabs-nav {
    border-bottom: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    top: 1px;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: #00aadd;
    margin-bottom: 3px;
    padding: 10px 12px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
    background-color: #fff;
    margin-bottom: -1px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: 0.5;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #00aadd;
    background-color: #fff;
}

.r-tabs .r-tabs-panel {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    background-color: #00aadd;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: 0.5;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #fff;
    color: #00aadd;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 0;
}

/* Social button */

em.fb,
span.fb {
    color: #3b5998;
}

em.tw,
span.tw {
    color: #00aced;
}

em.google,
span.google {
    color: #dd4b39;
}

.google-plus-one {
    overflow: hidden;
    position: relative;
}

.google-plus-one i {
    position: absolute;
    left: -4px;
    bottom: -5px;
}

.google-plus-one span {
    font-size: 16px;
    font-weight: 900;
    line-height: 10px;
    margin-left: 15px;
}

.btn-sm.google-plus-one span {
    font-size: 14px;
}

.btn-sm.google-plus-one i {
    bottom: -3px;
}

.btn-lg.google-plus-one span {
    font-size: 20px;
    margin-left: 18px;
}

.btn-lg.google-plus-one i {
    bottom: -5px;
}

.btn-xs.google-plus-one span {
    font-size: 12px;
}

.btn-xs.google-plus-one i {
    bottom: -7px;
}

/*********************/

#products .items {
    float: left;
    display: block;
}

#products .items .items_content {
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin: 1px;
}

#products .items .items_content img {
    border: #EFEFEF 1px solid;
    padding: 2px;
}

#products .items .items_content .content_top {
    height: 135px;
}

#products .items .items_content .show-product-code {
    height: 156px;
}

#products .items .items_content .content_price {
    height: 15px;
}

.time_up {
    color: #c0c0c0;
    font-weight: normal;
}

.btnum,
.shops-center {
    text-align: center;
}

/* BUTTON */

a.pro_order,
a.pro_detail {
    color: #000000;
    padding: 2px 0px;
    background: url(../images/shops/bgbt.png) repeat 0 0;
    display: inline-block;
    width: 60px;
    text-align: center;
    border: 1px solid #FC0;
}

a.pro_detail:hover,
a.pro_order:hover {
    background: #FFCC33
}

/* DETAIL */

#detail .image-demo {
    float: left;
    width: 150px;
}

#detail .info_product {
    padding-left: 150px;
}

#detail .date_up {
    color: #bcbcbc;
    display: block;
}

#detail .info_product p {
    padding: 2px;
    margin: 0;
}

/** ----------- BillyGoat team ----------- **/

/******** hoasenvang.com.vn *********/

/******** hoasenvang.com.vn *********/

/******** hoasenvang.com.vn *********/

/*** #detail ul.product_info #bot-to-top::before { content: ''; height: 1px; background: #005595; position: absolute; left: 0; right: 0; top: 50%;} ***/

#detail h2 {
    color: #365670;
    font-size: 20px;
    font-weight: 700;
    text-align: justify;
	padding: 10px 0 10px 0;
}

#detail .detail_com {
    margin-bottom: 5px;
}

#detail .prd_rate {
    padding: 0px;
}

#detail .prd_rate div.line {
    margin-bottom: 10px;
}

#detail .prd_rate div.cm_rows {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed #d7e2e6;
}

#detail .prd_rate div.avata {
    width: 54px;
    text-align: center;
    float: left;
}

#detail .prd_rate div.avata img {
    border: 1px solid #d7e2e6;
    padding: 1px;
}

#detail .prd_rate div.cm_c {
    float: right;
}

/* OTHER PRODUCT */

#detail .others {
    padding: 10px;
}

#detail .others ul li {
    background: url('../images/shops/square.jpg') no-repeat 0px 5px;
    padding-left: 8px;
}

#detail .others .date {
    color: #999;
}

#detail .others h1 {
    border-bottom: #CCC 1px solid;
    margin-bottom: 5px;
}

#detail .div_rate a {
    padding-right: 18px;
    background: url('../images/shops/star.png') no-repeat right center;
    margin-right: 5px;
}

/* hien thi cho 123 hoac . . .  */

#content_detail-1 ul, ol {
  list-style: symbols;
}

/* CHINH SUA LOI hien thi cho 123 hoac . . .  */
#content_detail-1 ul P, ol P {
    list-style: none;
    display: inline;
}

#content_detail-1 ul {
  list-style: inside;
}

/* BILYGOAT BO SUNG CSS <LI> KHU VUC TIENG ANH */
#content_customdata-8 ul{
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-left:25px !important;
    margin:10px 0;
}

#content_customdata-8 li{
    display:list-item !important;
    margin:6px 0;
}
#content_customdata-8 li p{
    padding: 0;
    margin:0;
}


/* OTHER */

.payment {
    color: #ff0000;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    border: 1px solid #ff0000;
    padding: 3px;
    text-transform: uppercase;
}

.pages a {
    color: #000000;
    border: 1px solid #ebebeb;
    padding: 2px 6px;
    display: inline-block;
}

.pages a:hover {
    background: #f2f2f2;
}

.pages strong {
    color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 2px 6px;
    display: inline-block;
    background: #0080c0;
    font-weight: normal;
}

/* GIRD */

#category {
    margin-bottom: 8px;
    background: #ffffff;
}

#category .page_title {
    font-size: 13px;
    color: #454545;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    font-weight: bold;
    border-bottom: 2px solid #e5e5e5;
}

#category .list_rows {
    border-bottom: 1px dashed #cad5d8;
}

#category .list_rows div.img {
    float: left;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#category .list_rows div.img input {
    position: absolute;
    top: 15px;
    left: 5px;
}

#category .list_rows div.img img {
    border: 1px solid #f4f4f4;
    padding: 2px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#category .list_rows div.list_c {
    width: 300px;
    float: left;
    margin-right: 10px;
    padding: 20px 0;
}

#category .list_rows div.list_c h3 {
    margin-bottom: 10px;
}

#category .list_rows div.list_c p.des {
    padding-bottom: 10px;
    border-bottom: 1px dashed #cad5d8;
}

#category .list_rows div.list_c p.add_prd {
    margin: 10px 0 0 0;
}

#category .list_rows div.info_prd {
    width: 170px;
    margin-right: 10px;
    margin-top: 20px;
    float: left;
}

#category .list_rows div.info_prd ul {
    padding: 15px;
}

#category .list_rows div.info_prd ul li {
    padding: 0 0 10px 15px;
}

#category .list_rows div.info_prd strong {
    color: #fc4d00;
}

#category .list_rows div.info_prd span {
    display: block;
    font-weight: 700;
}

#category .grid_rows {
    width: 33%;
    float: left;
    margin-top: 10px;
}

table.rows2 {
    width: 100%;
    border: 1px solid #b9dcff;
    padding: 5px;
}

table.rows {
    width: 100%;
}

table.rows td {
    padding: 5px
}

table.rows td img.imgpro {
    width: 40px;
    padding: 2px;
    border: 1px solid #ebebeb;
    vertical-align: middle;
}

table.rows tr.bgtop {
    background: #CCE6FF;
    line-height: 22px;
}

.share a {
    padding: 0px;
    margin: 0px;
}

.share img {
    height: 16px;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

.title_cate {
    background: url('../images/shops/pro_cat_header.png') repeat-x;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    font-weight: bold;
}

.btn_view {
    background: url('../images/shops/bl.png') no-repeat left center;
    display: inline-block;
}

.btn_view span {
    background: url('../images/shops/br.png') no-repeat right;
    padding: 3px 10px;
    display: inline-block;
}

#total {
    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

.order_code {
    padding: 5px;
    border: 1px solid #dfdfdf;
    text-align: center;
}

.text_date {
    color: #0080c0;
    font-size: 16px;
    font-weight: 700;
}

/* BLOCK PRODUCT CENTER */

.product_center {
    z-index: 2;
    margin-bottom: 2px;
}

.product_center {
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

.product_center .container {
    width: 960px;
    height: 130px;
    overflow: hidden;
    position: relative;
}

.product_center .slides {
    position: absolute;
    top: 0;
    left: 0;
}

.product_center .slides>div {
    position: absolute;
    top: 0;
    width: 960px;
    display: none;
}

#block_newtop .slides>div a:hover {
    text-decoration: underline;
}

.product_center p {
    padding: 0px;
}

.product_center ul.pagination {
    padding: 5px;
    float: right;
}

.product_center ul.pagination li {
    float: left;
    list-style: none;
}

.product_center ul.pagination a {
    display: block;
    overflow: hidden;
    background: #f3f3f3;
    margin-right: 2px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
}

.product_center ul.pagination li.active a {
    background: #b5b5b5;
    color: #ffffff;
}

.product_center .slides .items {
    display: block;
    width: 150px;
    float: left;
    height: 120px;
    margin-right: 10px;
    text-align: center;
}

.product_center .slides .items img {
    height: 80px;
    border: #DFDFDF 1px solid;
    padding: 2px;
}

.block-nobg .title_adv {
    background: url('../images/dot_gray.gif') repeat-x center;
}

.frame {
    padding: 20px;
    text-align: center;
}

/* SEARCH */

.search {
    border: 1px solid #ebebeb;
    padding: 5px;
    margin-bottom: 5px;
}

.search .input {
    width: 200px
}

.search .rows {
    line-height: 25px
}

.search .rows label {
    width: 180px;
    display: inline-block;
}

.result-frame .result-content {
    margin-bottom: 5px;
    border-bottom: 1px dotted #c0c0c0;
    padding-bottom: 5px;
}

.result-frame .result-content img {
    margin-right: 5px;
    border: 1px solid #e6e6e6;
    padding: 2px;
}

.result-frame .linktitle {
    color: #0080c0;
    line-height: 22px;
    font-weight: bold;
}

.result-frame .keyword {
    background: #ffff00;
}

.search .date {
    background: url(../images/shops/date.png) no-repeat center;
    border: 0px;
    margin: auto;
    padding: 4px 10px;
}

.divbg {
    background: #F9F9F9;
    line-height: 28px;
    margin-top: 10px;
    padding: 0px 10px;
    font-size: 14px;
    text-transform: uppercase;
}

/* TOOLTIP */

#products .tip {
    color: #fff;
    background: #1d1d1d;
    display: none;
    padding: 10px;
    position: absolute;
    z-index: 3000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 250px;
    text-align: left;
}

#products .tip img {
    margin-right: 10px;
    float: left;
}

.title_shop {
    color: #000000;
    font-weight: bold;
    text-align: left;
    display: block;
}

.no-wrap {
    white-space: nowrap
}

/* POST */

.post-product h2 {
    border-bottom: 1px #D8D8D8 solid;
}

.txt-full {
    width: 99%;
}

.title_group {
    margin-bottom: 10px;
    border-bottom: 1px #e8e8e8 solid;
    line-height: 20px;
}

.info-require {
    color: red;
    font-size: 11px;
    font-style: italic;
}

.span-require {
    color: red;
    font-style: italic;
}

.post-error {
    border: 1px solid #FFAAD5;
    margin: 0 auto 10px;
    background: #FFD2E9;
    padding: 10px;
}

.post-error span {
    color: #F00;
    font-weight: bold;
}

.post-product .show-date {
    vertical-align: middle;
}

.ddsmoothmenu-v ul,
.ddsmoothmenu-v li,
ddsmoothmenu-h ul,
.ddsmoothmenu-h li {
    list-style: none;
    margin: 0;
}

.rows3 td {
    padding: 1px;
}

.error {
    color: red;
}

img.calendar {
    vertical-align: middle;
}

.bsss {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #5C5C5C;
    cursor: pointer;
    text-decoration: underline;
}

.compare {
    margin-bottom: 10px;
}

.tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 1em 0 1em;
    font-weight: 300;
    z-index: 100
}

/* Nav */

.tabs .nav {
    text-align: center;
}

.tabs .nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

/** ----------- BillyGoat team ----------- **/

.tabs .nav li {
    /* border: 1px solid #becbd2;border-bottom: none; */
    margin: 0 0.25em;
    display: block;
    float: left;
    position: relative;
    padding-top: 2px;
}

.tabs .nav li.active {
    border: 1px solid #47a3da;
    /*box-shadow: inset 0 2px #47a3da;*/
    box-shadow: 0 2px #47a3da inset;
    border-bottom: none;
    z-index: 100;
}

.tabs .nav li.active:before,
.tabs .nav li.active:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    width: 1000px;
    background: #47a3da;
}

.tabs .nav li.active:after {
    right: auto;
    left: 100%;
    width: 4000px;
}

/** ----------- BillyGoat team ----------- **/

.tabs .nav a {
    /** color: #becbd2; **/
    color: #becbd2;
    display: block;
    font-size: 1.1em;
    line-height: 2.5;
    padding: 0 1.25em;
    white-space: nowrap;
    border-radius: 0;
    border: none;
}

.tabs .nav a:hover {
    color: #768e9d;
}

.tabs .nav li.active a {
    color: #47a3da;
    border-radius: 0;
    border: none;
}

#detail ul {
    padding-left: 0;
}

.nav-tabs li a img {
    display: inline-block;
    max-height: 30px;
    max-width: 30px;
    padding-right: 3px;
}

/* Icons */

.tabs .nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin: -0.25em 0.4em 0 0;
}

/* Content */

.content section {
    font-size: 1.25em;
    padding: 2px 1px;
    display: none;
    max-width: 1230px;
    margin: 0 auto;
}

.content section:before,
.content section:after {
    content: '';
    display: table;
}

.content section:after {
    clear: both;
}

/* Fallback example */

.no-js .content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid #47a3da;
}

.content section.content-current {
    display: block;
}

/* Example media queries */

@media screen and (max-width: 52.375em) {
    .tabs .nav a span {
        display: none;
    }
    .tabs .nav a:before {
        margin-right: 0;
    }
    .mediabox {
        float: none;
        width: auto;
        padding: 0 0 35px 0;
        font-size: 90%;
    }
    .mediabox img {
        float: left;
        margin: 0 25px 10px 0;
        max-width: 40%;
    }
    .mediabox h3 {
        margin-top: 0;
    }
    .mediabox p {
        margin-left: 40%;
        margin-left: calc(40% + 25px);
    }
    .mediabox:before,
    .mediabox:after {
        content: '';
        display: table;
    }
    .mediabox:after {
        clear: both;
    }
}

@media screen and (max-width: 32em) {
    .tabs .nav ul,
    .tabs .nav ul li a {
        width: 100%;
        padding: 0;
    }
    .tabs .nav ul li {
        width: 20%;
        width: calc(20% + 1px);
        margin: 0 0 0 -1px;
    }
    .tabs .nav ul li:last-child {
        border-right: none;
    }
    .mediabox {
        text-align: center;
    }
    .mediabox img {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }
    .mediabox h3 {
        margin: 1.25em 0 1em;
    }
    .mediabox p {
        margin: 0;
    }
}

.info_pro {
    position: absolute;
    top: 40px;
    left: 5px
}

.newday {
    display: block;
    text-transform: uppercase
}

#coupons_info {
    margin-top: 6px
}

.tab-pane {
    padding: 5px
}

.select2-selection {
    height: 32px !important
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 2px
}

.order_shipping_info li {
    margin: 8px 0;
}

/** ----------- BillyGoat team ----------- **/

.filter_product {
    margin: 0 0 0 4px;
}

/** ----------- BillyGoat team ----------- **/

.filter_product label {
    margin-right: 0px
}

.filter_product .label_group {
    height: 20px;
    border-bottom: 1px solid #cccccc;
    background: #f2f2f2;
    text-align: center;
    line-height: 21px;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    padding: 0 5px;
    margin-top: 5px;
    min-width: 20px;
    font-size: 11px;
    white-space: nowrap;
}

/** ----------- BillyGoat team ----------- **/

.filter_product .label_group:hover {
    border-color: #FF8C00;
}

/** ----------- BillyGoat team ----------- **/

.filter_product .active {
    border-color: #008B8B;
    border-radius: 2px 7px;
}

.filter_product .label_group input,
.filter_product .image_group input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
}

.ajax-load-qa {
    background: url("../images/shops/ajax-loader.gif") no-repeat center center rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

/* Giá trị của Main_product TPL */

.thumbnail>.caption>.relate_pro {
/* Billygoat - delete    font-size: 14px;
  Billygoat - delete    margin-bottom: 15px;  */
}

.info_icon:before {
    font-family: FontAwesome;
    color: #1E91CF;
    font-size: 14px;
    content: "\f05a";
}

.fb-like {
    margin-right: 30px;
}

.form-review {
    font-size: 13px
}

.form-review .pagination {
    margin-top: 2px
}

.form-review .pagination>li>a {
    padding: 1px 5px;
    font-size: 12px;
}

.form-review .review_row {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}

.form-review .border {
    padding: 0 10px 0 10px
}

.form-review .border-right {
    border-right: 1px solid #ddd;
}

/* Second Example with big stars */

.rate-ex2-cnt {
    width: 150px;
    height: 30px;
}

.rate-ex2-cnt .rate-btn {
    width: 30px;
    height: 30px;
    float: left;
    background: url(../images/shops/rate/rate-btn2.png) no-repeat;
    cursor: pointer;
}

.rate-ex2-cnt .rate-btn:hover,
.rate-ex2-cnt .rate-btn-hover,
.rate-ex2-cnt .rate-btn-active {
    background: url(../images/shops/rate/rate-btn2-hover.png) no-repeat;
}

/* End second Example with big stars */

/* rate result */

.rate-result-cnt {
    width: 82px;
    height: 18px;
    position: relative;
}

.rate-stars {
    width: 82px;
    height: 18px;
    background: url(../images/shops/rate/rate-stars.png) no-repeat;
    position: absolute;
}

.rate-bg {
    height: 18px;
    background-color: #ffbe10;
    position: absolute;
}

.star-icon {
    width: 17px;
    height: 17px;
    background: url(../images/shops/rate/rate-btn3-hover.png) no-repeat;
    float: left
}

.docpay div {
    line-height: 25px
}

.docpay div strong {
    width: 120px;
    display: inline-block
}

#group_error {
    color: #C00;
    font-style: italic;
    padding: 5px;
    border: 1px dashed #C00;
    margin: 5px 0;
    display: none;
}

.download {
    border-bottom: dashed #DDDDDD 1px;
    line-height: 35px
}

.download,
.download a {
    font-size: 13px
}

.btn-transparent {
    background: none;
    border: none;
    box-shadow: none
}

/** ----------- BillyGoat team ----------- **/
/** Billygoat add to shop category >> to the end **/

.text-center-animation {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2d4f48;
    margin-left: 10px;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    height: 43px;
    line-height: 43px;
    overflow: hidden;
    position: relative;
    top: -290px;
}

/*** loai bo.visible { font-weight: 600; overflow: hidden; height: 40px; padding: 0 0px;}.visible:before { content: '['; left: 0; line-height: 40px;}.visible:after { content: ']'; position: absolute; right: 0; line-height: 40px;}***/

.visible:after,
.visible:before {
    position: absolute;
    top: 0px;
    color: #16a085;
    -webkit-animation-name: opacity;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: opacity;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    font-size: 32px;
}

.text-center-animation a {
    display: inline;
    float: right;
    margin-right: 10px;
}

.text-center-animation ul {
    margin-top: 0;
    padding-left: 0px;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.text-center-animation ul li {
    line-height: 40px;
    margin: 0;
}

@-webkit-keyframes opacity {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes change {
    0%,
    12%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    17%,
    29% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    34%,
    46% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    51%,
    63% {
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%);
    }
    68%,
    80% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    85%,
    97% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
}

@keyframes opacity {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@keyframes change {
    0%,
    12%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    17%,
    29% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    34%,
    46% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    51%,
    63% {
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%);
    }
    68%,
    80% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    85%,
    97% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
}

/* phan sua them cho SHOP Catelogy */

.list_titles {
    padding: 0;
}

.list_titles a {
    color: #4682b4;
    font-size: 16px;
    font-weight: 700;
}

/* Grow Shadow */

.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* thuoc tinh Auto Responsive cho IMG Shops */

#content_detail-1 img {
    max-width: 100%;
    height: auto;
}

/* CSS dat tai Sub_Catelogy - TOP bar / Module shop CSS */

.two-col-special {
/*  border-bottom: 1px solid #bbc;
    overflow: auto;
    padding: 0; */
    margin: 0;	
}

.two-col-special-dont-use-1111 li {
    display: inline-block;
    width: 33%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    /* In case multi-word categories form two lines */
}

/* Billygoat disable */

/* Billygoat disable */

/* .two-col-special li:before { content: '+'; padding: 5px; margin-right: 5px; color: orange; background-color: white; display: inline-block; } */

/* ########## Bo sung CSS cho SHOP detail ########## */

.tab-content #content_detail-1::before {
    background-color: #255;
    color: #fff;
    content: "đáng giá đầu tư";
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    margin-right: 3px;
    padding: 5px 10px 3px 10px;
    position: relative;
    text-transform: uppercase;
    top: -2px;
}

.tab-content .article-summary {
    clear: both;
    float: left;
    line-height: 22px;
    margin: 0 0 14px;
    width: 100%;
}

/* ########## Bo sung CSS cho SHOP detail content_customdata-8 ########## */

.tab-content #content_customdata-8::before {
    background-color: #5555;
    color: #4682b4;
    content: "Product Details and Specifications in English";
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 9px;
    position: relative;
}

.tab-content #content_customdata-8 {
    padding-top: 40px;
}

.tab-content h3 {
    font-size: 16px;
	padding: 10px 0 15px 0;
}

.tab-content h4 {
    font-size: 14px;
	padding: 10px 0 15px 0;
}


/* ########## Bo sung CSS cho SHOP detail keywords ########## */

div.panel-body .keywords {
    padding-top: 10px;
}

div.panel-body .keypad p {
    line-height: 20px;
    font-size: 12px;
}

div.panel-body .keypad .keywords {
    font-size: 12px;
}

/* ########## Bo sung CSS cho SHOP detail Table ########## */

.divTable {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

.divTable .divTitle {
    display: table-caption;
    text-align: center;
    font-weight: bold;
    font-size: larger;
}

.divTable .divHeading {
    display: table-row;
    font-weight: bold;
    border-bottom-width: 2px;
}

.divTable .divHeading .Cell {
    border-bottom-width: 2px;
}

.divTable .Row {
    display: table-row;
}

.divTable .Row:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.divTable .Row:hover {
    background-color: #f5f5f5;
    cursor: default
}

.divTable .Cell {
    display: table-cell;
    border: 1px solid #ddd;
    border-width: thin;
    padding: 8px;
}

/* ########## Bo sung CSS cho SHOP CAT view ########## */

.google-bot-engine {
    font-weight: bold;
    padding-bottom: 7px;
}

/* ########## Bo sung CSS cho SHOP CAT RATING ########## */

.hreview-aggregate {
    padding-bottom: 0;
}

.text-muted {
    font-size: 12px;
    padding: 3px 0;
}

/* ########## Bo sung QR code cho SHOP detail ########## */

.filter_product img {
    margin: 5px 0px 5px -25px;
}

/* ########## Bo sung CSS cho SHOP MAIN PAGE RATING ########## */

.rating-shops {
    border: 1px solid #d2b4b4;
    border-radius: 18px;
    margin: 10px;
}

h2.ratingtitle {
    padding: 10px 10px 10px 20px;
    color: #534343;
}

span.ratingbody {
    padding: 0px 20px 10px 20px;
    display: block;
    color: #644848;
}

/* ########## Bo sung CSS cho SHOP MAIN PAGE manufacture ########## */
.profile_manufacture{
color: #2e727d;	
background-color: transparent;
  border: 1px solid #a78e8e00;
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  margin: 30px;
}	


.container_manufacture {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.manufacture {
    border: 1px solid #777;
    margin: 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
}

.manufacture a {
    text-decoration: none;
    font-family: "Lucida Console", Monaco, monospace;
    font-weight: 600;
}

.manufacture a:hover {
    color: #aa0808;
}

.container_manufacture>div {
    font-size: 16 px;
    padding: 5px 10px;
    text-align: center;
}

/* Overline From Left */

.manufacture {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.manufacture:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #2098D1;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.manufacture:hover:before,
.manufacture:focus:before,
.manufacture:active:before {
    right: 0;
}

/* ########## Bo sung CSS cho SHOP detail duoi title ########## */

.text-justify::before {
    background-color: #255;
    color: #fff;
    content: "+";
    display: bold-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding: 3px 3px;
    position: relative;
    text-transform: uppercase;
    margin-right: 5px;
}

..text-justify {
    /* ko dung den */
    clear: both;
    float: left;
    line-height: 22px;
    margin: 0 0 14px;
    width: 100%;
}

/* ########## Bo sung CSS cho SHOP mainp_roduct-summary ########## */

span.footer-main-shops::first-letter {
    font-size: 200%;
    color: #1a3f5e;
    font-size: 11pt;
    line-height: 100%;
    font-family: Georgia, serif;
}

/* ########## Bo sung CSS cho SHOP mainp_roduct-summary ########## */

.footer-main-shops::first-letter {
    font-size: 200%;
    color: #8A2BE2;
}

.footer-main-shops {
    font-size: 14px;
    color: #444;
    font-family: Georgia, sans-serif;
    margin: 0 5px 25px 10px;
}

/* ########## Bo sung CSS cho SHOP mainproduct-summary ########## */

.mainproduct-summary {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 20px 0 20px 0;
    position: relative;
    /*Font*/
    font-family: Georgia, serif;
    font-size: 14px;
    color: #444;
    text-align: justify;
    /*Borders - (Optional)*/
    border-left: 7px solid #c76c0c;
    border-right: 2px solid #c76c0c;
    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}

.mainproduct-summary::before {
    content: "\201C";
    /*Unicode for Left Double Quote*/
    /*Font*/
    font-family: Georgia, serif;
    font-size: 65px;
    font-weight: bold;
    color: #999;
    /*Positioning*/
    position: absolute;
    left: 10px;
    top: 2px;
}

.mainproduct-summary::after {
    /*Reset to make sure*/
    content: "";
}

.mainproduct-summary a {
    text-decoration: none;
    background: none;
    cursor: pointer;
    padding: 0;
    color: #c76c0c;
}

.mainproduct-summary a:hover {
    color: #666;
}

.mainproduct-summary em {
    font-style: italic;
}

/* ########## Bo sung CSS cho SHOP div well ########## */

.well_product {
/*
    display: block;
    background: #f2f2f2;
    padding: 0 2px 0 2px;
    margin: 0 0 20px;
    position: relative;
    font-family: times new roman;
    color: #444444;
    text-align: justify;
    line-height: 1.8;
    border-left: 2px solid #c76c0c;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc;
*/
   /* margin: 0 0 30px;
 display: block;
  padding: 0 2px 0 2px;
  position: relative;
  color: #444444;
  border-left: 4px solid #c76c0c;
  box-shadow: 2px 2px 10px #ccc; 
  */
}	


/* ########## Bo sung CSS cho SHOP Call me now ########## */

#frm-sendmail-content .btn {
    font-weight: normal;
    width: auto;
    display: inline-block;
    min-width: 45%;
}

.btn {
    margin-left: 10px;
}

.right {
    float: right;
}

.left {
    float: left;
}

/* ########## Bo sung CSS cho SHOP content_download-2 ########## */

#content_download-2 {
    padding-bottom: 60px;
}

/* ########## Bo sung CSS cho SHOP The pupquotes Get Quotes Global Block ########## */

/* The pupquotes (background) */

.pupquotes {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    z-index: 10000;
}

/* pupquotes Content */

.pupquotes-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 35%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */

.close {
    float: right;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.pupquotes-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: #fff;
}

.pupquotes-body {
    padding: 2px 16px;
    width: 100%;
}

.pupquotes-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: #fff;
    font-size: 14px;
}

.pupquotes-footer p {
    font-size: 12px;
    float: right;
    margin-top: 5px;
}

/* ########## Bo sung CSS cho SHOP The pupquotes Get Quotes Global Block ########## */

/* CSS for Quotes form */

.quotes {
    border-left: solid 2px darkgray;
}

.quotes btn {
    width: 100%;
}

/* CSS for sendmail products form */

#frm-sendmail-content .sendmail {
    font-weight: 700;
}

#frm-sendmail-content .fa-phone {
    position: absolute;
    top: 15px;
    left: 202px;
    z-index: 10;
    color: #eee
}

/*replace the content value with thecorresponding value from the list below*/

#frm-sendmail-content .sendmail:before {
    content: "\f09";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

/* ########## Bo sung CSS cho SHOP The Get Quotes POPUP Global Block ########## */

form#frm-sendquotes-shops.form-inline {
    width: 420px;
}

input.form-control.required {
    width: 100%;
    /* xoa bo khi them CRM margin-top:10px; */
}

/* CSS for history go products detail */

.historygo {
    display: inline-block;
    border-radius: 4px;
    background-color: #e5e5e5;
    border: 1px soild #fff;
    color: #444444;
    text-align: center;
    font-size: 14px;
    width: 125px;
    transition: all 0.5s;
    cursor: pointer;
}

.historygo:hover {
    background-color: #d5d5d5;
}

.historygo span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.historygo span:after {
    content: '\00ab';
    position: absolute;
    opacity: 0;
    top: 0;
    right: 20px;
    transition: 0.5s;
}

.historygo:hover span {
    padding-right: 25px;
}

.historygo:hover span:after {
    opacity: 1;
    right: 0;
}

a.openmultilink {
    font-size: 11px;
    color: #909090;
}

/* CSS for QR code products detail */

.qr-note:hover .qr-mid {
    opacity: 1;
}

.qr-mid {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    margin-left: -12px;
}

.qr-text {
    background-color: #4CAF50;
    color: white;
    font-size: 14px;
    padding: 0 7px 0 40px;
    white-space: nowrap;
}

/* CSS for LIKE/ AVAILABLE / PRINT AND EMAIL products detail */

.button-pro {
    background-color: #4CAF50;
    /* Green */
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    white-space: nowrap;
}

.button-pro5 {
    background-color: white;
    color: black;
    border: 1px solid #555555;
}

.button-pro5:hover {
    background-color: #555555;
    color: white;
}

/* Billygoat Add CSS products sidebare Cat */

.img-banchay {
    height: auto;
    margin: 10px;
	padding: 20px;
}

/* Billygoat Add CSS products sidebare Cat */

.img-banchay-2 {
    font-size: 12px;
    padding: 0px;
    color: #f3a01e;
    font-style: italic;
}

/* CART design */

/* CART design */

/* CART design */

.mini-cart {
    float: right;
    position: absolute;
    top: 8px;
    right: 2px;
}

.mini-cart .cart-count {
    display: block;
    width: 15px;
    height: 15px;
    background: #f94e3f;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: -12px
}

.mini-cart>a {
    color: #1c1c1c;
    display: block;
    height: 26px
}

.mini-cart a.fa.fa-trash {
    position: absolute;
    right: 5px;
    color: #f94e3f;
}

.mini-cart>a .fa {
    font-size: 17px
}

.mini-cart .heading-cart>a {
    width: 100%;
    display: inline-block;
    text-align: center;
}

@media ( max-width: 991px) {
    .mini-cart a {
        color: #FFF
    }
    .mini-cart {
        float: none;
        margin-bottom: 30px !important;
        display: inline-block;
        margin-left: 10px;
        position: relative
    }
    .mini-cart>a {
        float: none;
        padding: 15px;
        color: #FFF;
        display: inline-block
    }
    .mini-cart .heading-cart {
        display: inline-block
    }
}

@media ( min-width: 992px) {
    .mini-cart {
        padding-bottom: 20px
    }
    .mini-cart .price {
        margin-right: 5px;
        font-size: 16px;
        font-weight: 700
    }
    .mini-cart:hover .top-cart-content {
        display: block
    }
    .mini-cart {
        text-align: center;
        margin-left: 5px;
    }
    .mini-cart .dropdown-toggle {
        font-size: 12px;
        padding: 0;
        text-transform: none
    }
    .mini-cart .basket a {
        color: #fff;
        margin: 0;
        line-height: 41px;
        font-size: 11px;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        min-width: 170px !important;
        display: block;
        text-transform: uppercase;
        letter-spacing: 1px
    }
    .mini-cart .basket a:hover {
        text-decoration: none
    }
    .mini-cart .basket .title {
        color: #2e3a47;
        font-size: 13px;
        font-weight: 700;
        line-height: 1em;
        text-transform: uppercase;
        letter-spacing: normal
    }
    .mini-cart .basket .cart-box {
        display: inline-block
    }
    .mini-cart .basket .cart-box #cart-total {
        color: #777;
        text-transform: none;
        margin: 0 0 0 5px
    }
    .mini-cart .actions .btn-checkout {
        background: #f94e3f;
        border: 1px solid #f94e3f;
        color: #fff;
        font-size: 14px;
        padding: 8px 20px;
        text-align: left;
        cursor: pointer;
        text-decoration: none;
        float: right;
        transition: color 300ms ease-in-out 0s, background-color 300msease-in-out 0s, background-position 300ms ease-in-out 0;
        min-width: 145px;
        text-align: center;
    }
    .mini-cart .actions .btn-checkout:hover {
        background: #fff;
        border: 1px solid #f94e3f;
        color: #f94e3f;
    }
    .mini-cart .actions .view-cart {
        background: #212121;
        color: #fff;
        height: 42px;
        font-size: 14px;
        padding: 8px 20px;
        text-align: left;
        cursor: pointer;
        text-decoration: none;
        float: left;
        transition: color 300ms ease-in-out 0s, background-color 300msease-in-out 0s, background-position 300ms ease-in-out 0;
        border: 1px solid #f94e3f;
        background: #fff;
        min-width: 145px;
        text-align: center;
        color: #f94e3f;
    }
    .mini-cart .actions .view-cart a,
    .mini-cart .actions .btn-checkout a {
        color: #fff;
    }
    .mini-cart .actions .view-cart:hover {
        color: #fff;
        border: 1px solid #f94e3f;
        background: #f94e3f;
    }
    .mini-cart .actions .button {
        display: inline-block;
        width: 100px;
        text-align: center;
        margin-bottom: 3px;
        padding: 8px 10px 6px;
        text-transform: none;
        border: none;
        font-size: 12px
    }
    .mini-cart .button.btn-checkout {
        background: none;
        color: #fff;
        font-size: 11px;
        padding: 8px 16px;
        text-align: left;
        cursor: pointer;
        text-decoration: none;
        float: left;
        transition: color 300ms ease-in-out 0s, background-color 300msease-in-out 0s, background-position 300ms ease-in-out 0;
        border: 1px solid #fff;
    }
    .mini-cart>.button {
        color: #000;
        font-size: 12px;
        font-weight: 300;
        text-shadow: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: none
    }
}

@media ( max-width: 480px) {
    .mini-cart:hover .top-cart-content {
        display: none;
    }
}

@media ( max-width: 1199px) {
    .mini-cart>a {
        padding: 0
    }
}

.mini-cart:hover .top-cart-content {
    display: block;
}

.top-cart-content {
    display: none;
    width: 220px;
    position: absolute;
    top: 27px;
    right: 0;
    background: #fff;
    padding: 20px;
    text-align: left;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

span.cartCount {
    position: absolute;
    top: -7px;
    left: 12px;
    width: 12px;
    height: 14px;
    background: #f94e3f;
    color: #fff;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
}

.top-cart-content a:hover {
    color: #f94e3f;
    text-decoration: none;
}

/* CSS Accordion (Slide Down) code at procate/ group page */

/* CSS Accordion (Slide Down) code at procate/ group page */

.transition,
p.ans,
ul.acc-shop-faq li i:before,
ul.acc-shop-faq li i:after {
    transition: all 0.25s ease-in-out;
}

.flipIn,
h2.acc-title,
ul.acc-shop-faq li {
    animation: flipdown 0.5s ease both;
}

.no-select,
h2.ask {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.acc-shop-procate {
    min-height: 0;
    display: inline-block;
    position: relative;
    left: 50%;
    margin: 0;
    transform: translate(-50%, 0);
    box-shadow: 0 10px 0 0 #ff6873 inset;
    background-color: #fefffa;
    max-width: 100%;
    padding: 30px;
    margin: 10px 0;
}

.acc-shop-procate {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

@media (max-width: 550px) {
    .acc-shop-procate {
        box-sizing: border-box;
        transform: translate(0, 0);
        max-width: 100%;
        min-height: 100%;
        margin: 0;
        left: 0;
    }
}

h2.acc-title,
h2.ask {
    color: #ff6873;
}

h2.acc-title, h3.acc-title  {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 3px;
    font-weight: 100;
	color: #ff6873;
}

h2.ask, h3.ask {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    background-color: #fefffa;
    margin: 0;
    cursor: pointer;
	color: #ff6873;
}

p.ans {
    color: rgba(48, 69, 92, 0.8);
    font-size: 17px;
    line-height: 26px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    z-index: 2;
}

ul.acc-shop-faq {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

ul.acc-shop-faq li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 18px;
    border-top: 1px dotted #dce7eb;
}

ul.acc-shop-faq li p {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

ul.acc-shop-faq li:nth-of-type(1) {
    animation-delay: 0.5s;
}

ul.acc-shop-faq li:nth-of-type(2) {
    animation-delay: 0.75s;
}

ul.acc-shop-faq li:nth-of-type(3) {
    animation-delay: 1s;
}

ul.acc-shop-faq li:nth-of-type(4) {
    animation-delay: 1.5s;
}

ul.acc-shop-faq li:last-of-type {
    padding-bottom: 0;
}

ul.acc-shop-faq li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 16px;
    right: 0;
}

ul.acc-shop-faq li i:before,
ul.acc-shop-faq li i:after {
    content: "";
    position: absolute;
    background-color: #ff6873;
    width: 3px;
    height: 9px;
}

ul.acc-shop-faq li i:before {
    transform: translate(-2px, 0) rotate(45deg);
}

ul.acc-shop-faq li i:after {
    transform: translate(2px, 0) rotate(-45deg);
}

ul.acc-shop-faq li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

ul.acc-shop-faq li input[type=checkbox]:checked~p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
}

ul.acc-shop-faq li input[type=checkbox]:checked~i:before {
    transform: translate(2px, 0) rotate(45deg);
}

ul.acc-shop-faq li input[type=checkbox]:checked~i:after {
    transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}

/* CSS chỉnh sửa product code at Replace product detail view */

p.label.label-default {
    padding: 5px;
}

/* CSS chỉnh sửa START ratting at product detail view */

.checked {
    color: #f09e08;
}

.checked_final {
    padding-right: 7px;
}

@media (min-width:1370px) {
    product-detail-right {
        padding-left: 30px;
    }
    /** product-detail-left {} **/
    div.panel-body .keypad p {
        line-height: 26px;
        font-size: 14px;
    }
}

ul.block_news>a.show {
    order-top: 1px solid #dfd9d9;
}

/***
CSS cho bảng - Billygoat

Những điểm đã chỉnh:

Gộp th, td thành một selector duy nhất.

Loại bỏ thead tr th td tbody vì đây là một selector không hợp lệ.

Sửa lại text-align: -internal-center; thành center hợp lệ trong th.

Xóa các phần bị trùng lặp ba lần như th, td và th.

Nếu bạn muốn thêm hiệu ứng hover, responsive, hoặc dùng class riêng, mình có thể hỗ trợ mở rộng đoạn CSS trên.

***/


/* Default table styling */
table {
  width: 70%;  /* 100% danh cho 2 row - 70% danh cho 1 row */
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}

/* Table header and cell styling */
th, td {
  display: table-cell;
  vertical-align: inherit;
  unicode-bidi: isolate;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #e4e4e4;
  border-right: 0;
  border-left: 0;
}

/* Header row styling */
th {
  background: transparent;
  font-weight: 600;
  text-align: center;
}

/* Alternating row background color */
tr:nth-child(odd) td {
  background: #fafafa;
}

/* Caption styling */
table caption {
  padding: 0 0 7px 0;
  width: auto;
  font-weight: 600;
}

/* Table row and body default display */
tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
  unicode-bidi: isolate;
}