/************** variable **************/
/*
    màu sáng chủ đạo: #55acee;
    màu đậm chủ đạo: #4371a3;
    màu đỏ chủ đạo: #e73838;
*/

body {
    background-color: #4371a3 !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.type-page ul,
.type-post ul,
.woocommerce-tabs ul {
    list-style: disc;
    padding-left: 17px;
}

.shopping_cart_bottom ul,
#viewed_products_cart {
    list-style: none;
}

/********************** content body wraped by woocommerce **********************/
#main-content.rsrc-container .rsrc-content .rsrc-main > .woocommerce .woocommerce-result-count {
    padding-top: 10px;
}


/********************** star rating **********************/
.woocommerce p.stars.selected a.active~a::before {
    color: #d3ced2;
}

.woocommerce p.stars.selected a:not(.active)::before {
    color: #ffc120;
}

.woocommerce .star-rating span::before {
    color: #ffc120;
}

.woocommerce .stars a:hover {
    border: 0;
}
.woocommerce .stars a::before {
    color: #d3ced2;
}

.woocommerce p.stars.selected a.active::before {
    color: #ffc120;
}

/********************** button **********************/
.btn-base-color {
	color: #fff;
	border: 1px solid #55acee;
	background-color: #55acee;
	display: inline-block;
    border-radius: 3px;
	transition: all 0.3s ease-in-out;
}



/********************** tabs **********************/
.listTab {
    overflow: hidden;
    width: 100%;
}
.listTab .tablink.active {
    background-color: #4371a3;
}
.listTabCnt {
    background: #fff;
}
.listTabCnt .tabcontent {
    overflow: hidden;
    padding: 0;
}

/********************** slider **********************/
.slick-slider {
    margin-top: 34px;
}
.slick-slide img {
    height: 100px !important;
}

.slick-slider .woocommerce-product-gallery__wrapper {
    padding: 0 3px;
}
.slick-slider .slick-arrow {
    top: -15px;
}
.slick-slider .slick-arrow:before {
    display: none;
}

.slick-slider .slick-arrow i {
    font-size: 19px;
    color: white;
    background: #d4d4d4;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.slick-slider .slick-arrow.slick-prev {
    left: unset;
    right: 25px;
}
.slick-slider .slick-arrow.slick-next {
    right: 0;
}

.slick-slider.arrow-on-slider .slick-arrow {
    top: 50%;
}
.slick-slider.arrow-on-slider .slick-arrow.slick-prev {
    left: 0;
}
.slick-slider.arrow-on-slider .slick-arrow.slick-next {
    right: 0;
}


/********************** horizontal_slider **********************/
.g-scrolling-carousel .items {
    padding: 5px 0;
}
.g-scrolling-carousel .items .item_scroll {
    display: inline-block; /* notice the comments between inline-block items */
    margin-right: 2px;
    text-align: center;
}
.g-scrolling-carousel .items .item_scroll:last-of-type {
    margin-right: 0;
}

.g-scrolling-carousel .items .item_scroll .woocommerce-product-gallery__image {
    display: block;
}

.g-scrolling-carousel .items .item_scroll img {
    height: 100px;    
}



/********************** icon **********************/
.icon-close-w {
    background: url("../img/icon/icon-close-w.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-close {
    background: url("../img/icon/icon-close.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-zalo {
    background: url("../img/icon/icon-zalo.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-zalo-w {
    background: url("../img/icon/icon-zalo-w.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-facebook-circle {
    background: url("../img/icon/icon-facebook-circle.svg") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-messenger-foot {
    background: url("../img/icon/icon-messenger-foot.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-link-circle {
    background: url("../img/icon/icon-link-circle.svg") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-sms-circle {
    background: url("../img/icon/icon-sms-circle.svg") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-sms {
    background: url("../img/icon/icon-sms.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-zalo-circle {
    background: url("../img/icon/icon-zalo-circle.svg") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-chat-circle {
    background: url("../img/icon/icon-chat-circle.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-user {
    background: url("../img/icon/icon-user.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-chat-square {
    background: url("../img/icon/icon-chat-square.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-car-parking {
    background: url("../img/icon/icon-car-parking.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-phone-w {
    background: url("../img/icon/icon-phone-w.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-phone-circle {
    background: url("../img/icon/icon-phone-circle.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-youtube {
    background: url("../img/icon/icon-youtube.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-tiktok {
    background: url("../img/icon/icon-tiktok.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-logo-gtt {
    background: url("../img/icon/icon-logo-gtt.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.icon-arrow-up-left {
    background: url("../img/icon/icon-arrow-up-left.svg") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}


/********************** preview img **********************/
.list_preview_img {
    margin-bottom: 25px;
    font-size: 0;
}
.list_preview_img .pre_img_wrap {
    position: relative;
    display: inline-block;
    float: none !important;
    vertical-align: top;
    margin-top: 10px;
}

.list_preview_img .pre_img_wrap button {
    position: absolute;
    color: #fff;
    border: 0;
    background: #e73838;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 0;
    right: 0;
    top: -10px;
    font-size: 16px;
    padding: 0;
}

/********************** loading **********************/
.wrap-loading {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.loading_img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    z-index: 100;
    display: none;
}

.loading_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/********************** item add to cart animation **********************/
.item_to_cart {
    height: 70px;
    width: 70px;
    position: fixed;
    background: red;
    border-radius: 100%;
    transform: translate(-50%,-50%);
    opacity: 0;
    border: 2px solid #000;
    z-index: 100;
}

.item_to_cart img {
    border-radius: 100%;   
}


/********************** linh tinh **********************/
.woocommerce form .form-row .required {
    text-decoration: none;
}

.pswp img {
    object-fit: contain;
}