body {
	background-color: whitesmoke;
	position: relative !important;
	left: 100px !important;
	width: calc(100% - 110px);
	font-family: Trebuchet MS !important;
}

footer {
	position: relative;
	left: -10%;
	text-align: center;
}

.overlay {
 		 		height: 100%;
  		 		width: 100%;
		 		position: fixed;
		 		z-index: 1;
		 		top: 0;
				left: 0;
				background-color: rgb(0,0,0);
		 		background-color: rgba(0,0,0, 0.9);
		 		overflow-x: hidden;
		 		transition: 0.5s;
		 		display:none;
			}

			.transfer-protocol {
  				position: relative;
  				top: 25%;
				width: 100%;
		  		text-align: center;
				margin-top: 30px;
			}

		.overlay a {
		  padding: 8px;
		  text-decoration: none;
		  font-size: 36px;
		  color: #818181;
		  display: none;
		  transition: 0.3s;
		}

		.overlay a:hover, .overlay a:focus {
		  color: #f1f1f1;
		}

		.overlay .closebtn {
		  position: absolute;
		  top: 20px;
		  right: 45px;
		  font-size: 60px;
		}

	.container {
  		display: block;
  		position: relative;
  		padding-left: 35px;
  		margin-bottom: 12px;
  		cursor: pointer;
  		font-size: medium;
  		-webkit-user-select: none;
 	 	-moz-user-select: none;
  		-ms-user-select: none;
  		user-select: none;
	}

/* Hide the browser's default radio button */
	.container input {
  		position: absolute;
 	 	opacity: 0;
  		cursor: pointer;
	}

/* Create a custom radio button */
	.checkmark {
 	position: absolute;
  	top: 0;
  	height: 20px;
  	width: 20px;
  	background-color: black;
  	border-radius: 50%;
	}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #676767ff;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: black;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: lime;
}

h2 {
	color: black;
}

h3 {
	color: black;
}

h2:hover {
	color: black;
	opacity: 0.8;
	border-bottom: limegreen;
}

h3:hover {
	color: black;
	opacity: 0.8;
	border-bottom: limegreen;
}

hr {
	border: 1px dotted white;
}

label {
	color: black;
	font-weight:bold;
}

input.merc_button {
	cursor:pointer;
}

input[type="radio"] {
	accent-color: #14bf8b;
	background-color: #14bf8b; /* Filled center */
  	border-color: #14bf8b;
}


#goods_id {
		padding:25px;
		border:1px solid silver;
}

.bienvenue {
	text-align:center;
}

.creation {
	border:1px solid white;
}

.creation:hover {
	border:1px solid #134bc8;
}

.chatroom {
	position: absolute;
	width: 60%;
	overflow: auto;
	word-break: break-all;
	background: white;
	border: 1px solid gray;
	padding: 20px;
}

.creation_credit {
	/*text-align: center;*/
	position: relative;
	/*left:-10%;*/
}

.date {
	width: 125px !important;
}

.delcart {
	font-size: 12px;
}

.footerlink {
	position:relative;
	top:-15px;
}

.loupe {
	height:32px;
	position:relative;
	top:26px;
	left:-37px;
	border-radius:5px;
	/*box-shadow:0 0 12px 0 limegreen, 0 12px 12px 0 rgb(0 0 0 / 20%);*/
	z-index:6;
	opacity:0.8;
}

.loupe2 {
	position:relative;
	display:flex;
    padding: 5px;
    top: -16px;
    left: 321px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid transparent;
    z-index: 6;
    opacity: 0.7;
    background: black;
    color: limegreen;

}

#ac_logo {
	/*left:30% !important;*/
	position:relative;
	top:20px;
}

.picture_count {
	position: relative;
	top: -12px;
	background-color: black;
	opacity: 0.7;
	color: white;
}

.product_form {
	position: relative;
	/*left:-10%;*/
	text-align:center;
}

.product_hunt {
  font-family: Trebuchet MS;
  position: relative;
  margin: auto;
  height: 30px;
  top: 15px;
  width: 350px;
  outline: none;
  border: none;
  background: black;
  opacity: 1;
  color: whitesmoke;
  /*text-shadow: 0 0 10px limegreen;
  padding: 0 80px 0 20px;*/
  padding: 17px;
  border-radius: 7px;
  /*box-shadow: 0 0 7px 0 limegreen, 0 7px 7px 0 rgba(0, 0, 0, 0.2);*/
  transition: all 1s;
  z-index: 5;
  /*font-weight: bolder;
  letter-spacing: 0.1em;*/
}

.product_hunt::placeholder {
  color: limegreen;
	opacity:0.5;
  /*font-weight: bolder;*/
}

.product_hunt:focus {
	/*color:black;
	background:white;*/
}

.pdt_slide {
	width:100% !important;
}

.shop_goods {
	max-width:500px;
	max-height:250px;
	/*position:relative;*/
	left:25%;
	/*padding: 75px;*/
	border-radius:20px;
	background-color: lightgray;
	border:2px solid #134bc8;
	/*background-image:url("/mkt-ready/passkart/backend/data/artwork/epay.jpg");*/
}

.goods_form {
	text-align:center;
}

.shop_services {
	max-width:500px;
	max-height:250px;
	/*position:relative;*/
	left:25%;
	/*padding: 75px;*/
	background-color: lightgray;
	border:2px solid #134bc8;
	border-radius: 20px;
	/*background-image:url("/mkt-ready/passkart/backend/data/artwork/jobs.jpg");*/
}

.sales_data {
	/*border: 1px solid black;*/
	padding: 100px;
}

.reqs {
	color: black;
	text-decoration: none;
	font-weight: bold;
	background-color: whitesmoke;
	border: 1px solid transparent;
	border-bottom: 1px solid gray !important;
	padding: 10px;
	border-radius: 5px;
	width: 300px;
}

.reqs::placeholder {
	color: black;
	opacity: 0.5;
}

.form {
	color: black;
	text-decoration: none;
	font-weight: bold;
	background-color: whitesmoke;
	border: 1px solid transparent;
	border-bottom: 1px solid black !important;
	padding: 5px;
	border-radius: 5px;
	width: 250px;
}

.form::placeholder {
	color: black;
	opacity: 0.5;
	font-weight:lighter;
}

.traders {
	position:relative;
	left:70%;
	width:30%;
}

.trader {
	display: block;
padding: 5px;
border: 2px solid gray;
border-radius: 5px;
background: white;
color: limegreen !important;
}

.txtinput_dropdown {
	text-decoration: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-top: 1px solid black !important;
	padding: 5px;
	color: black;
	cursor: pointer;
}

.errors {
  z-index: 2;
  position: relative;
  width: 100%;
  font-size: 12px !important;
  list-style-type: circle;
}

.enchere {
	color: slategray;
	text-decoration: none;
	font-weight: bold;
	background-color: whitesmoke;
	border: 1px solid transparent;
	border-bottom: 1px solid slategray !important;
	padding: 5px;
	border-radius: 10px;
	width: 250px;
}

.enchere::placeholder {
	color: black;
	font-weight:lighter;
}

.entreprise {
	font-size: 13px;
	/*border-top: 1px solid slategray;*/
	left: -5%;
	position: relative;
}

.goods_display {
	width: calc(100% - 100px);
}

.product_information {

}

.description {
	left:400px;
	top:-300px;
	word-break:break-word;
	line-height:1.5;
	display:block;
	width:200%;
	border: 1px solid limegreen;
    padding: 30px;
    background: white;
}

@media (max-width:800px) {
	.description {
		width:100% !important;
	}
}
.search_description {
		position:relative;
		left:200px;
		top:-100px;
		width: calc(100% - 110px);
		margin: 0 auto;
		word-wrap: break-word;
}

.entire_width {
		width:min-content;
		height:auto;
}

.checkout {

}

.pdt_search {
	padding:20px;
	border:1px solid silver;
	/*width:300px;*/
}

.product_slides {
	padding:20px;
	border:1px solid silver;
	width:320px;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	/*color: black;*/
	color:limegreen;
}

.contacts {
	padding: 5px;
	text-decoration:none;
	border: 1px solid black;
}

.mad_dropdown {
	text-decoration: none;
	background-color: black;
	border: 1px solid transparent;
	border-top: 3px solid limegreen !important;
	padding: 5px;
	border-radius:4px;
	color: white;
	cursor: pointer;
	font-family: Trebuchet MS;
}

iframe.mad_frame {
	height: 250px;
	width: 500px;
	border: 1px solid whitesmoke;
}

.mad_menu {
	border-bottom: 3px solid limegreen;
	padding: 5px;
}

.mad_highlight {
	background-color: whitesmoke;
	border: 1px dotted limegreen;
	border-radius: 50%;
	padding:5px;
	color: black;
	opacity: 1;
	padding: 10px;
	font-weight: bold;
}

.main_content {
	text-align:center;
}

.merc_button {
	padding: 10px;
	border: 3px solid limegreen;
	border-radius: 10px;
	background-color: black;
	color: white;
	font-size: 16px;
	font-family: Trebuchet MS;
	/*font-weight:bold;*/
}

.merc_checkout {
	padding: 10px;
	border: 1px dotted limegreen;
	border-radius: 3px;
	background-color: white;
	cursor: pointer;
	font-family: Trebuchet MS;
}

.merc_checkout:hover {
	border: 1px solid #134bc8;
}

.merc_button:hover {
	background-color: black;
	color:limegreen;
}

.merc_conn2 {
	padding: 5px;
	border: 1px solid whitesmoke;
	border-radius: 3px;
	text-decoration: none;
	color: black;
	font-size: 16px;
}

.merc_conn {
	padding: 8px;
	border: 3px solid limegreen;
	border-radius: 10px;
	text-decoration: none;
	color: white !important;
	background-color: black !important;
	font-size: 16px;
	cursor:pointer;
	display:ruby-text;
}

.merc_conn:hover {
	padding: 8px;
	background-color: black !important;
	border: 3px solid limegreen !important;
	color: limegreen !important;
}

.merc_information {
/*	text-align: center;*/
}

.right_half {
	width: 100%;
	position: relative;
	left: 0%;
	top: -50px;
}

.left_half {
	width: 100%;
}

.list_line {
	display: inline-flex;
	width: 175px;
	list-style-type: none;
	border: 1px solid silver;
	padding: 7px;
	border-radius: 7px;
	height:400px;
}

.product_list {
	list-style-type: none;
	position:relative;
	left:-20%;
	font-size:14px !important;
}

.login_background {
	text-align: center;
}

.top-banner {
	display: grid;
    grid-template-columns: auto auto auto;
}

.top-banner div {
	padding:20px;
}

.search {
/*	text-align: center;*/
}

.search_img {
}

.user_support {
	position: relative;
	float:right;
	left:-10%;
	padding:40px !important;
/*	text-align: right !important;
top: -75px;*/
}

.paylimb {
/*	text-align: center;*/
background-color: lightgray;
border-radius: 20px;
max-width:500px;
max-height:250px;
/*padding:75px;
position:relative;*/
left:25%;
border:2px solid #134bc8;
/*background-image:url('/mkt-ready/passkart/backend/data/artwork/buynow.jpg');*/
}

.vente {
	border:3px solid limegreen;
	color:black;
}

.vente:hover {
	border: 3px solid limegreen !important;
	background-color:black;
	color: limegreen;
}

.welcome {
	position: relative;
	display:ruby-text;
	top:-20px;
	/*background:white;
	text-align: right !importnt;*/
}

.error {
	border: 1px solid red;
}

.recipient {
	text-align: right !important;
	position:relative;
	left:-10%;
}

.bill {
	text-align: center !important;
	position:relative;
	/*left:-10%;*/
}

input.white_ph {
	font-family: Trebuchet MS;
	position: relative;
	margin: auto;
	height: 30px;
	top: 15px;
	width: 350px;
	outline: none;
	border: none;
	opacity: 1;
	/*text-shadow: 0 0 10px limegreen;
	padding: 0 80px 0 20px;*/
	padding:17px;
	border-radius: 0px;
	box-shadow: 0 0 7px 0 limegreen, 0 7px 7px 0 rgba(0, 0, 0, 0.2);
	transition: all 1s;
	z-index: 5;
	color:lime;
	background:black;
}