@media only screen and (max-width: 600px) {}

@media only screen and (max-device-width: 480px) {}


.productHeaders{
	 display: flex;
    flex-direction: row;
	justify-content:space-between;
}
.lastUpdateDate{
	font-weight: bold;
    color: #b68a35;
    margin-top: 17px;
}
.product-card.Approved {
	background-color: rgba(228,242,237,1);
	background-image: url(/modules/integration/productMaterials/img/tick.png?v=1);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
}
.product-card.Approved .text{
	color: rgba(0,135,85,1);
	margin-bottom: 9px;
}
.product-card.Approved   i{
	color: rgba(0,135,85,1) !important;
}
.product-card.Approved .card-footer-c .more{
	color: rgba(0,135,85,1) !important;
}

.product-card.Withdraw {
	background-color: rgb(255 249 234);
	background-image: url(/modules/integration/productMaterials/img/icons_Withdraw.png?v=1);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
}
.product-card.Withdraw .text{
	color: rgb(253 196 58);
	margin-bottom: 9px;
}
.product-card.Withdraw   i{
	color: rgb(253 196 58) !important;
}
.product-card.Withdraw .card-footer-c .more{
	color: rgb(253 196 58) !important;
}

.product-card.Fake {
	background-color: rgba(251,234,231,1);
	background-image: url(/modules/integration/productMaterials/img/icons_Fake.png?v=1);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
}
.product-card.Fake .text{
	color: rgb(225 95 63);
	margin-bottom: 9px;
}
.product-card.Fake   i{
	color: rgb(225 95 63) !important;
}
.product-card.Fake .card-footer-c .more{
	color: rgb(225 95 63) !important;
}

.product-card {
    /* border: 1px solid rgba(203, 202, 202, 1); */
    border-radius: 15px;
    height: 300px;
    padding: 10px;
}
.product-card .bigIcon{
	 position: absolute;
    font-size: 260px;
    top: -28px;
    right: 18%;
    color: black;
    opacity: 0.086;
}
.product-card.approved span {
    color: rgba(52,52,60,1);
}
.product-card i{
	color:#b68a35;
}
.product-card .header {
    display: flex;
    flex-direction: row;
	    margin: 5px 8px;
} 
 #productModal i{
	 color:#b68a35;
 }
.product-img {
    padding: 2.5px;
    width: 70px;
    height: 70px;
    border-radius: 40px; 
    box-shadow: 0 0 1px 4px #f8f8f8; 
	background-color: #fff;
}
.product-img img{
	 width: 65px;
    height: 65px;
    border-radius: 50%;	
}
.text-items { 
    display: flex;
    flex-direction: column;
}
.text-items>div {
    margin-bottom: 3px;
}
.text-items>div:eq(1), .text-items>div:eq(2){
	font-size:13px;
}
.product-card .body   {
    display: flex;
    flex-direction: row;
    margin-top: 10px;    
	justify-content: space-between;
}

.body .item {
    margin: 2px 9px;
}
.body .item i{
   font-size: 33px;
}

.body .item >div {
       margin-top: 4px;
}
.body .item .label {
	font-size: 12px;
}
.body .item .topic {
	font-size: 12px;
	font-weight:bold;
}
.item-last{
	margin: 10px 9px;
}
  .item-last .topic {
	font-size: 12px;
	font-weight:bold;
}
  .item-last .label {
	font-size: 12px;
	margin-top: 4px;
}
.card-footer-c {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	cursor:pointer;
}
.card-footer-c .more {
    font-weight: bold;
    color: #b68a35;
}
.card-footer-c .label {
    font-size:18px;
}
.custom-row  .filter-item {
	margin-top:10px;
}
.card-footer-master{
	position: absolute;
    bottom: 10px;
    width: 82%;
    margin: 0px 9px;
}

.mainDetail{
	display: flex;
    flex-direction: row;
}
.product-topic {
	color: #b68934;
    font-weight: bold;
    font-size: 15px;
	margin-bottom: 10px;
}
.product-topic span{
	vertical-align: super;top: 10px;
}
.product-topic img {
    width: 20px;
}
.product-detail-col{
	    max-width: 77%;
}
.product-detail-col .moreDetail{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 13px;
	 
}
.product-detail-col .moreDetail div{
	/* width: 15vw; */
}
.product-detail-col .body   {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
	justify-content: space-between;
	 
}
.product-detail-col .body div{
	width: 14.3vw;
}
.product-detail-col>.product-topic{
	min-width:25vw;
}
.container-common{
	margin-top: 20px;
}
.container-common .header-c{
	font-weight: bold;
    font-size: 12px;
}
.container-common .body-c{	 
    font-size: 12px;
}

.card-footer-master-mobile{
	display:none;
}
.container-file{
	 display: flex;
    flex-direction: row;
    margin-top: 20px; 
	justify-content: flex-start;
}
.container-file .file{
	border-radius: 5px;
	border: 1px solid #c5c5c5;
    width: auto;
    /* height: 40px; */
    padding: 5px;
    /* margin: 0 12px; */
    display: flex;
    flex-direction: row;
    /* margin: 0 12px; */
}
.container-file .file .file-info {
	padding: 0 7px;
	direction: ltr;
	font-size:12px;
}
.popup-c{
	margin: 40px auto !important;
}
.custom-tool-tip .fakeProduct:after{
	border-top: 13px solid #db4124  !important; 
}
.fakeProduct{
	background-color: #db4124 !important;
}
.custom-tool-tip .recallProduct:after{
	border-top: 13px solid #fdb301  !important; 
}
.recallProduct{
	background-color: #fdb301 !important;
}
.reason{
	margin-top: 20px;
    border-radius: 5px;
    padding: 11px;
    background-color: rgba(255,240,132,1);
    font-size: 13px;
}
.product-tabs{
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}
.product-tabs .tbs{
	margin: 0 7px;
    padding: 7px 11px;
    border-radius: 5px;
    border: 1px solid rgba(224,224,224,1);
	/* cursor: pointer; */
	color: rgb(115 115 115);
	background-color: #e4e4e4;
}
.product-tabs .tbs.active{
	background-color:#b68a35;
	    color: white;
		cursor: pointer; 
}

.custom-row>.item>.topic {
    font-size: 12px;
    font-weight: bold;
}
.custom-row>.item>div>i { 
    font-size: 23px; 
}
.custom-row>.item>.label {
    font-size: 12px;
}
.moreDetail .col-6{
	    font-size: 13px;
}


@media screen and (max-width: 900px) and (min-width: 600px)
{
	.col-4{
		width:50% !important;
	}
}
	
@media screen and (max-width: 599px)
{
	/* .header{ */
		/* display:none; */
	/* } */
	.col-4{
		width:100% !important;
	}
	.card-footer-master{
		display:none;
	}
	.product-card{
		height: auto !important;
	}
	.product-panel.custom-row.filters {
		margin-left: -45px !important;
		margin-right: -47px !important;
	}
	 
	.card-footer-master-mobile {
		/* position: absolute; */
		/* left: 7vw; */
		/* top: 45%; */
		/* display: block !important; */
	}
	.card-footer-master-mobile i{
		    font-size: 20px;
	}
	.mainDetail {     
		flex-direction: column !important;
	}
	.mainDetail .image-col{
		text-align: center;
	}
	.mainDetail .product-topic{
		 text-align:center;
	}
	.text .text-v{
		font-size:10px;
	}
	.product-detail-col .moreDetail div{
		/* width: unset !important; */
	}
	 
	.product-detail-col .body div{
		width: unset !important;
	}
	.product-card .header {    
		margin: 5px -12px!important;
	}
	.product-detail-col {
		max-width: unset;
	}

}

.rotate45{
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
}