.view-c
{
	max-width:inherit;
}


.add-article-container
{
	display:flex;
	flex-direction: column;
}

.item
{
	margin-bottom:15px;
}

#article-drop-area
{
  border: 2px solid #ccc;
  border-radius: 20px;
  font-family: sans-serif;
/*  margin: 100px auto;*/
  padding: 20px;
	width:100%;
}


#article-drop-area.highlight
{
  	border-color: #00515b;
	background-color:#ccc;
}

.article-add-picture
{
	margin:auto;
}

#article-gallery
{
  margin-top: 10px;
}

#article-gallery img
{
  /*width: 150px;*/
  width: 100%;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

#article-gallery-add img
{
	height:150px;
	margin-bottom: 10px;
	margin-right: 10px;
	vertical-align: middle;

}

#rb-tree > li:first-of-type
{
	border-top: none;
}

#rb-tree
{
	display: flex;
	flex-wrap: wrap;
}



.article-default-picture
{
	border: 3px solid #005533;
}

.article-picture
{
	border: 1px solid #ccc;
	margin-top:5px;
}

.article-default-picture input[type="button"],
.article-picture input[type="button"]
{
	background-color:#910403;
	color:white;
	text-align:center;
	padding:5px;
	font-weight:600;
	margin-top:3px;
}

.article-picture button
{
	width:65px;
	margin:5px;

}

#fileElem
{
  display: none;
}

.uploadKyc input[type="file"]
{
  display: none;
}

.article-button
{
  display: inline-block;
  padding: 10px;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
	margin-top:25px;
}

.article-button:hover
{
  background: #ddd;
}

#article-progress-bar
{
		background-color:#99cc33;
		margin:auto;
		margin-left:50px;
}


/*
#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}*/

.article-container
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	margin-bottom:45px;
	max-width: 1600px;
	margin: auto;
}


.article-item
{
		width:240px;
		display:inline-block;
		position:relative;
	/*	background-color:red;*/
		border-top: 1px solid #F5F5F5;
		border-left: 1px solid #F5F5F5;
		margin:auto;
/*		box-shadow: 10px 10px 5px #aaaaaa;*/
		box-shadow: 1px 1px 1px #aaaaaa;
}

.article-item img
{
		width:100%;
		/*height:240px;*/
}

.article-main-picture
{
		height:240px;
		width:240px;
}

.article-main-picture img
{
		height:240px;
		width:240px;
}

.article-title
{
		height:45px;
		display:flex;
		align-items:center;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		display:none;
}

.article-title-icon 
{
		width:70px;
}

.article-title-icon img
{
		width:32px;
		height:32px;
}

.article-title-label
{
		font-family: "Times New Roman", Times, serif;
		font-weight:600;
}

.article-footer
{
    width:240px;
}

.article-footer-price
{
		height:50px;
		display:flex;
		align-items:center;
		background-color:#F5F5F5;
		justify-content:space-between;
		padding:5px;
}

.article-footer-title
{
		height:35px;
		font-family: "Times New Roman", Times, serif;
		font-weight:600;
		font-size:23px;
		padding-top:3px;
		/*border-top:1px solid #ccc;*/
		color:black;
		/*background-color:#F5F5F5;*/
		text-align:center;
		text-overflow:ellipsis;
		max-width:240px;
		overflow:hidden;
}

.article-footer-title a
{
		color:#5c5c5c;
/*		color:#7b7d7e;*/
		font-weight:600;
		text-decoration:none;

}


.article-footer-price-label
{
	color:#5c5c5c;
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: baseline;
	padding:5px;
}
/*
.article-footer-price-button
{

}
*/

.shadow
{
	width:360px;
	height:360px;
	opacity:1;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background: -webkit-linear-gradient(left,rgba(0,0,0,0.1),rgba(0,0,0,0.2));
    background: -o-linear-gradient(right,rgba(0,0,0,0.1),rgba(0,0,0,0.2));
    background: -moz-linear-gradient(right,rgba(0,0,0,0.1),rgba(0,0,0,0.2));
    background: linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.2));
}

#section-picture
{
		margin-top:84px;
}

.article-product
{
		height:600px;
		width:1200px;
/*		background-color:green;*/
		margin:auto;
		display:flex;
}

.article-product-miniature
{
/*		background-color:red;*/
		width:150px;
		height:600px;
		padding-top:25px;
		overflow: auto;
		 display: flex;
		flex-direction:column;
		-webkit-overflow-scrolling: touch;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

 /* Hide scrollbar for Chrome, Safari and Opera */
.article-product-miniature::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.article-product-miniature {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.article-product-description
{
		width:400px;
		border:1px solid #00515b;
		border-radius:10%;
		padding:20px;
		height:fit-content;
		width:380px;
		margin-left:15px;

}

.article-product-title
{
		margin:auto;
		min-height:40px;
		font-size:25px;
		font-weight:700;
}


.article-product-description-description
{
	max-width:1200px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;

	text-align:initial;
}

.article-product-description-description > li
{
		list-style:initial;
}


.article-product-comment
{
		margin-bottom:55px;
		margin-top:20px;
		text-align:left;
		margin:auto;
		width:1200px;
}

.article-product-comment-item
{
		margin-bottom:25px;
}

.article-product-comment-date
{
	color:#808080;	
	/*text-size:12px;*/
}

.article-product-miniature img
{
		width:120px;
		height:120px;
		margin-bottom:25px;
}

.article-product-picture
{
/*		background-color:blue;*/
		width:600px;
		height:600px;
		/*border: 1px solid #ccc;*/
		margin-left:5px;

}

.article-product-picture img
{
		width:100%;
		height:100%;
		padding:5px;
}



#video-frame
{
		width:560px;
		height:315px;
		/*margin-top:25px;*/
		border:2px solid;
}

.article-discount
{
	background: #e91e63;
	color:#fff;
	box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #e91e63;
	font-size:12px;
	font-weight:700;
	padding: 5px;
}

.section-product-list
{
	display: flex;;
}

/*
.article-discount:before
{
	background: #f00;
    width: 43px;
    height: 43px;
    border-radius: 50%;
	line-height: 43px;
	border: 1px solid #ffffff;


}

*/
@media screen and (max-width: 600px)
{
	.product-section.product-section-responsive
	{
		overflow-x: hidden;
		display: flex;
		flex-wrap: wrap;
		height: auto;
		justify-content: space-between;
		padding: 10px; 
	}

	.product-section.product-section-responsive > .article-item 
	{
		margin:0px;
		margin-bottom: 10px;
		top: initial;
		-ms-transform: initial;
		transform: initial;
	}

	.article-container
	{
		margin:auto;
		justify-content: space-evenly;
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		grid-column-gap: 0px;
	}

	.article-main-picture
	{
		height: 169px;
		width:169px;
	}
	
	.article-main-picture img
	{
		height: 169px;
		width:169px;
	}


	.add-article-container
	{
			display:flex;
			flex-direction:column;
	}

	.article-item 
	{
			width:170px;
			margin:auto;
	}

	.article-product
	{
		flex-direction: column;
		width:100%;
		height:auto;
	}

    .article-footer
    {
        width:169px;
    }

	.article-footer-price-label
	{
		font-size: 12px;
	}

	article-footer-price-button > a.btn-link 
	{
		width: fit-content;
	}


	.article-product-picture
	{
		/*	width:100%;*/
			display:none;
	}

	.article-product-description
	{
			width:100%;
			margin-left:0px;

	}

	.article-product-miniature
	{
/*			display:none;*/
			width:100%;
			height:400px;
			margin:auto;
			margin-bottom:15px;
	}

	.article-product-miniature img
	{
			width:100%;
			height:400px;
			margin-bottom:0px;
	}

	.article-product-miniature-item
	{
			display:none;
			height:400px;
	}

	.product-miniature-dot
	{
  	cursor: pointer;
  	height: 15px;
  	width: 15px;
  	margin: 0 2px;
		margin-bottom:25px;
  	background-color: #bbb;
  	border-radius: 50%;
  	display: inline-block;
  	transition: background-color 0.6s ease;
	}

	.active, .product-miniature-dot:hover
	{
  	background-color: #717171;
	}

	.article-product-comment
	{
		margin-bottom:55px;
		margin-top:20px;
		text-align:left;
		margin:auto;
		width:100%;
	}

	#expandedImg
	{
			display:none;
	}

	#section-picture
	{
			margin-left:0px;
			padding:10px;
	}

	#video-frame
	{
			width:100%;
			height:315px;
	}
}

/*
** CHAT
*/




.chat-popup
{
  display: none;
  position: relative;
	margin:auto;
  bottom: 0;
/*  border: 3px solid #f1f1f1;*/
  z-index: 9;
}


/* Add styles to the form container */
.form-article-chat
{
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-article-chat textarea
{
  width: 100%;
  padding: 15px;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-article-chat textarea:focus
{
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-article-chat .btn
{
  background-color: #99cc33;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-article-chat .cancel
{
  background-color: #fcbf33;
}

/* Add some hover effects to buttons */
.form-article-chat .btn:hover, .open-button:hover
{
  opacity: 1;
}


.edit-container button
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.article-btn-add
{
	display:flex;
	justify-content:end;
	width:100%;
	margin-bottom:20px;
}


@media screen and (max-width: 600px)
{
	.article-btn-add
	{
			flex-direction:column;
			padding:20px;
	}




}