/*
Theme Name: itg
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.devvn_muaoto_wrap table tr:first-child, .devvn_muaoto_wrap table tr:first-child span, .devvn_muaoto_wrap table tr:first-child p{
	background:none !important;
	color:#111 !important
}
.devvn_muaoto_wrap table tr:first-child td{
	color:#111 !important
}
.devvn_muaoto_wrap table tr:nth-child(even){
	background:none !important;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table  td, table  th {
  border: 1px solid #ddd;
  padding: 4px !important;
}

table  tr:nth-child(even){background-color: #f2f2f2;}

table  tr:hover {background-color: #ddd;}

table  tr:first-child {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #c61633 !important;
  color: white;
}
table  tr:first-child td{
	color:#fff !important;
	padding-top:12px !important;
	padding-bottom:12px !important
}
#customers {
  border-collapse: collapse;
  width: 100%;
	margin-top:15px;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #c61633;
  color: white;
}
.product-short-description{
	padding:15px;
	padding-bottom:3px !important;
	background:#f8fdf6  !important;
	border-radius:4px;
	border: 1px dashed #dff0d8;
    border-color: #3c763d;
	color:#333;
}
.product-short-description p{
	margin-bottom:10px;
}
.product-short-description ul li{
	margin-left:0px;
	padding-left:25px;
	margin-bottom:10px;
	position:relative;
	list-style:none !important
}
.product-short-description ul li:after{
	width:16px;
	height:16px;
	position:absolute;
	left:0px;
	top:4px;
	background:url(/wp-content/uploads/2024/03/check-1.png) no-repeat top left;
	content:"";
	background-size:cover !important
}

.product-short-description h3{
	text-align:center !important;
	margin-bottom:5px;
}
.blog-wrapper.blog-single.page-wrapper{
	padding-top:0px !important
}
.blog-wrapper.blog-single.page-wrapper .trang{
	margin-bottom:30px;
}
.post-sidebar.large-3.col{
	padding-left:0px !important;
}
.blog-wrapper.blog-archive{
	padding-top:0px !important
}
.archive-page-header h1.page-title{
	margin-top:25px;
	margin-bottom:0px;
	text-align:left
}
#proleft{
	    flex-basis: 70%;
    max-width: 70%;
}
#proright{
	    flex-basis: 30%;
    max-width: 30%;
	padding-left:20px;
}
.product-footer ul.tabs.wc-tabs.product-tabs{
	background:#f5f5f5;
}
.product-footer ul.tabs.wc-tabs.product-tabs li a{
	padding-left:25px;
	padding-right:25px;
	font-size:16px;
}
.product-footer>.container{
	display:flex;
}
.button.primary.btbaogia{
	margin-right:10px !important
}
.button.btlaithu{
	background:#777 !important;
	color:#fff !important
}
.product-info .price-wrapper span{
	color:#c61633
}
.product-info form.cart{
	display:none !important
}
.trang{
	width:100%;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	background:#f6f6f6;
	
}
.box.haiho{
	background:#f5f5f5;
}
.box.haiho .button.primary{
	margin-bottom:0px !important;
	padding-top:5px;
	padding-bottom:5px;
}
.box.haiho .button.white.expand{
	margin-top:5px !important;
	background:#888;
	padding-top:5px;
	padding-bottom:5px;
}
nav.woocommerce-breadcrumb.breadcrumbs{
	display:none !important
}
.product-small.box .name.product-title{
	text-align:center
}
.product-small.box .name.product-title a{
font-size: 18px;
    font-weight: 600;
color: #333
}
.product-small.box .price-wrapper{
	margin-top:7px;
	text-align:center
		
}
.product-small.box  .amount{
	color:#c61633 !important
}
.trang nav.rank-math-breadcrumb{
	    max-width: 1040px;
	margin:0 auto;
	font-size:14px;
}
.trang nav.rank-math-breadcrumb p{
	margin-bottom:0px !important
}
.absolute-footer{
	padding-top:20px !important;
	padding-bottom:15px !important
}
.xsanpham .name.product-title a{
	font-size:18px;
	font-weight:600;
}
.xtintuc .is-divider{
	display:none !important
}
.conso{
	padding-bottom:0px !important
}
.conso .icon-box-img{
	margin-bottom:0px !important
}
.conso h3{
	margin-bottom:0px;
}
.xtintuc .col.post-item{
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px solid #dedede
}
.rtitle{
	text-align:center
}
.rtitle .button.primary{
	margin-right:0px; 
	margin-bottom:0px;
	position:relative;
	z-index:3;
}
.rtitle .col-inner{
	position:relative;
}
.rtitle .col-inner:after{
	top:23px;
	left:0px;
	right:0px;
	z-index:1;
	content:"";
	height:1px;
	width:100%;
	background:#dedede;
	display:block;
	position:absolute
	
}
.rtitle .col-inner:before{
	top:18px;
	left:0px;
	right:0px;
	z-index:1;
	content:"";
	height:1px;
	width:100%;
	background:#dedede;
	display:block;
	position:absolute
	
}
.textgioithieu p{
	margin-bottom:12px;
}
.slogan h1{
	margin-bottom:0px;font-size:24px;
}
.btxemthem{
	padding-left:30px;
	padding-right:30px;
}
#header .header-bottom li.menu-item.active a{
	color:#c61633 !important
}
.dongxe .button.primary{
	margin-bottom:0px !important;
	margin-right:30px;
	color:#444;
}
.dongxe .button.primary.textdongxe{
	font-weight:normal !important;
	color:#c61633 !important
}
.callicon .icon-box-text p{
	color:#f4f4f4;
	font-size:14px;
	margin-bottom:0px;
}
.callicon .icon-box-text h3{
	font-size:18px;
	color:#fff;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo {
    width: 130px !important;
	margin-right:10px !important
}
	#header .header-block-block-1{
		min-width:160px !important
	}
	.section.slogan{
		text-align:center !important
	}
	#header .header-block-block-1 .icon-box-img{
		width:30px !important
	}
	#proleft {
    flex-basis: 100%;
    max-width: 100%;
}
	#proright {
    flex-basis: 100%;
    max-width: 100%;
}
	.dongxe .button.primary{
		font-size:14px !important;
		margin-right:0px !important
	}
	.btfixcen, .btfixcen .text-right{
		text-align:center !important
	}
	.col.post-item h5 a{
		font-size:16px;
	}
	.product-footer>.container {
    display: block;
}
	.pum-container.popmake{
		width:94% !important;
		left:3% !important
	}
	table{
		max-width:100% !important;
		width:100% !important;
		font-size:smaller !important
	}
	table tr, table td{
		font-size:smaller !important
	}
}