@import url(skin.css);
@import url(jcarousel.css);
@import url(imagebox.css);
@import url(bottom_menu.css);
@import url(shop_grid.css);
body {background: #f6f8fc;margin: 0;padding:0; font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 14px; line-height: 1.1rem;}

body {margin: 0;padding:0;}
h1, h2, h3, h4, h5, h6 {text-transform: uppercase;  line-height: 1.1em; margin:2px 0px;}
.button > i.fa, .button > i.fa-solid, button > i.fa, button > i.fa-solid, .button > i.fa-brands, button > i.fa-brands {
	margin-right:5px;
}
.cell {
	vertical-align: top;
}
.valign_top {
	vertical-align: top;
}

.valign_middle {
	vertical-align: middle;
}

.valign_bottom {
	vertical-align:bottom;
}

iframe {border:0px solid #fff;width: 100%;}
.banner_left {margin-top:2px;}

.banner.columnLeft img{
	width: calc(100% - 8px);
	margin:4px;
}

.banner.columnLeft{
	text-align: center;
}

.banner_left iframe {border: 1px solid #fff;height: 240px;width: 100%;}

.errorBox {font-size : 12px; background: #ffb3b5; color: #FFFFFF;}
.stockWarning {font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {font-size : 12px; color: #70d250; text-decoration: underline; }
.customers_avatar {float: right; border:0px; padding-right:0px;padding-top:3px;}
.products-name {text-transform: uppercase; text-align:left;margin-left:2px;}
.table_item .products-name {height: 66px;}
.table_item .products-name .category {text-transform: uppercase;
text-align: left;
margin-left: 2px;
font-size: 0.8em;
height: 66px;}
a.button {  margin-bottom: 6px; margin-top: 1px; color: #ffffff;}
a.button:hover, a.button:visited, a.button:visited:hover {color:#ffffff;}

.productPrice {
	color: #425F9C;
}
.productOldPrice {
	color: #ccc;
	text-decoration: line-through;
	font-size: 0.8em;
}
.products-name > .name{height: 42px;
overflow: hidden;}
.hp-price-large, .hp-price-large-hover, .hp-price-home { font-size:18px; text-align:center;letter-spacing:-1px; display:block;background:#FFF; color:#425F9C;padding:7px;min-width:100px; top:0px;border:2px #425F9C solid;border-radius: 3px;}

.hp-price-large, .hp-price-large-hover {margin-top:480px; position:absolute;margin-left:140px;}

.hp-price-very-large-hover { margin-left:680px;}
.hp-price {font-size:16px;text-align:center;letter-spacing:-1px; margin-top:6px; float:right;position:absolute;z-index:1;display:block;background:#fff; color:#425F9C;margin-left:160px;;padding:5px;min-width:70px; border:2px #425F9C solid;border-radius: 3px;}

.hp-price>.productSpecialPrice {
color: #FF0012;
}

.page_block {
text-align:left; 
padding-left: 0px; 
margin: 0px auto; 
max-width: 1300px;
min-width: 1040px;
width: 99%;
background:#FFFFFF;
border:0px 2px 2px 2px solid #fff; 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.column_left {
float: left;
  width: calc(21% - 4px);
  min-width: 210px;
  margin: 2px 0px 0px 0px;
}

.page_body{
width: calc(79% - 2px);
float: right;
padding: 2px 2px 0px 0px;}

.big_div_image {
display: block;
height: 400px;
width: 400px;
text-align: left;
border-radius: 10px; 
vertical-align: bottom;
background-attachment: fixed;
 background-position: center center;
}
.customers_menu {
text-align: center;
font-size: 9px;
background: #425F9C;
padding: 2px 6px 2px 6px;

}

blockquote{ 
padding:4px;
padding-left:42px;
background: transparent url('./images/cit.png') no-repeat top left;
background-position:3px 3px;
border:dashed 1px #0A2DA1;
min-height: 50px;
word-wrap: break-word;
}
.search button {
	color:#ffffff;
	font-size: 1.1rem;
}
a { text-decoration: none; color: #000;}
a:hover { text-decoration: none; color: #000;}
a:visited {color: #000;}
a:visited:hover {text-decoration: none;color: #000;}

.headerNavigation {
clear: both;
font-size: 10px;
padding: 4px 2px;
color: #425F9C;
}
.headerNavigation a{
display: inline-block;
background: #fff;
color: #425F9C;
padding: 1px 4px;
border:1px solid #425F9C;
border-radius: 10px;
}
.headerNavigation a:hover{
background: #425F9C;
color: #fff;
padding: 1px 4px;
border:1px solid #425F9C;
}

h1 > a { text-decoration: none;}
.page_body > div > h1 > a { text-decoration: none;}


.header_top {
border-top:0px;
}

.header_top > span{
float: right;
width:180px;
top: 0px;
}

.box_header{
background: #425F9C;
font-size: 16px;
color: white;
text-align : Left;
padding: 4px;
text-transform: uppercase;
}

.content_box_header{
background: #425F9C;
font-size: 16px;
height: 26px;
width:340px;
color: white;
text-align : Left;
}

.box_header_title{
font-family: "Gill Sans", sans-serif;
font-size: 0.85em;
padding-left: 0px;
padding-right: 0px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 1%;
}
.box_header_title .wtopUtility {
  position: relative;
  float: right;
  display: block;
  margin: 5px 11px;
}
.product_description {
  margin: 4px;
  float: left;
  width: 58%;
  display: block;
  font-size: 1.3rem;
  line-height: 1.8rem;
}
.product_description > div > p, .product_description > div > ul {
  margin: 0px;
  overflow-wrap: anywhere;
}
.product_description > .description {
  margin-bottom: 30px;
}
.image_block {
width: 39%;
float: right;
margin-right: 10px;
}
.product_description h2 {
margin: 4px
font-size: 1.2em;
}

.contentBoxContents > div > .image_box {float:left;margin:4px; width:19%;}

.contentBoxContents > div > .news_box {
 float:left;
 margin:4px;
 width:76%;
 line-height: 1.5em;
 font-size: 1.2em;
}

.trader_menu, .menu_block{
font-size: 14px;
text-align:left;
line-height: 1.5em;
margin: 4px;
width: calc(100% - 12px);
}

.table.table_scroll_container {
	width: 100%;
}

.trader_menu:hover, .menu_block:hover{
color:#000000;
}

.trader_menu a, .menu_block a {
display: block;
width: 100%;
margin: 3px 0px 6px 0px;
border-bottom: 1px solid #425F9C;
color: #425F9C;
text-transform: uppercase;
padding: 2px 2px 2px 5px;
}

.trader_menu a i, .menu_block a i {
  width: 20px;
  text-align: left;
}

.trader_menu a:hover, .menu_block a:hover{
color:#425F9C;
text-decoration: none;
margin: 3px 0px 5px 0px;
border-bottom: 2px solid #0A2DA1;
}

.trader_menu a:visited, .menu_block a:visited {
color: #425F9C;
}
.trader_menu a:visited:hover, .menu_block a:visited:hover{
color: #425F9C;
}

.box_header_button{
margin: 4px 6px 0px 0px;
width:100%;
}

.box_header_price{
position:relative;
font-size: 16px;
left: 0px;
top:-22px;
left:420px;
padding-top:4px;
}

.info_box_body{
padding 2px;
}

.classify_item>div img{
max-height: 112px;
}
.classify {
margin-left:4px;
}
.best_shops {
border:1px solid #ccc;
}
.best_shops h2{
text-align: left;
padding:6px;
margin: 0px;
background: #425F9C;
color: #ffffff;
}

.product_block_special {
margin-right:2px;
padding:2px;
height: 350px;
border-radius: 4px;
box-shadow: 0px 0px 3px #cccccc;
}

.related_block {
border: 1px solid #ccc;
width: 24%;
width: 82px;
height: 82px;
overflow:hidden;
border-radius: 4px;
margin: 1px;
}

.related_block img{
max-width:80px;
max-height: 80px;
}
.related_module {
}

.additional_images_block {
padding-bottom:6px;
display: block;
width: 100%;
text-align: center;
}

.additional_images_block > .image {
max-width: 86px;
border: 1px solid #ccc;
max-height: 86px;
margin: 1px;
width: calc(25% - 8px);
min-width: 68px;
border-radius: 4px;
overflow: hidden;
display: inline-block;
}
.additional_images_block > .image > a > img{
max-width: 86px;
max-height: 86px;
display: inline;
width: 100%;
min-width: 66px;
min-height: 66px;
}

.box_body_cat{
width: 100%;
margin: 0px 0px 2px 0px; 
}
.box_body_cat div.cell{
vertical-align: top;
width: 25%;
text-transform: uppercase;
}
.box_body_cat > .contentBoxContents > div {
margin-top: 6px;
}

table {
	width: 100%;
}
.box_body table {
background: #425F9C;
}

.page_box_body{
text-align : justify;
background-color: #fff;
line-height: 1.5em;
width: calc(100% - 4px);
}

.page_box_body a {
text-decoration: none;
}

.header_bottom {
background: #425F9C;
color: #ffffff;
height:28px;
text-transform: uppercase;
}

.header_bottom a {
color:#ffffff;
}
.button_bar {
width:68%;
height:30px;
}

.button_bar > span {
min-width: 16%;
display: inline-block;
margin-top:2px;
border-left: 1px solid #ffffff;
padding:0px 4px 0px 4px;
font-size: 16px;
line-height: 24px;
}

.button_bar > span i {
	margin-right:4px;
}
.menu_bar_right {
  margin-right: 4px;
  position: relative;
  float: right;
  font-size: 0.8em;
}

.menu_bar_right select{
  font-size: 12px;
  padding: 3px;
  margin: 3px 0px;
  max-width: 60px;
  background: #fff;
  border: 0px;
}
.languages_box {
	  min-width: 120px;
}
.language_icon img,.languages_box img {
  margin: 3px;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  box-shadow: 0 0 30px #fff;
}

span.button_item.home, span.button_item.home:hover {
width: 20px;
min-width: 20px;
margin:0px;
color: #fff;
background: #425F9C;
border: 0px;
padding-right: 0px;
}
span.button_item.home:hover a, span.button_item.home:hover a:hover{
color: #fff;
background: #425F9C;
}
span.button_item.home i {
	margin-right: 0px;
}
.menu_bar_right span{
}

.opacity.light {
	opacity: 0.5;
}
.opacity.light:hover {
	opacity: 1.0;
}
.button_bar > span:hover, .button_bar > span:hover > a {
	color: #425F9C;
	cursor: pointer;
	background: #ffffff;
	border-radius: 3px;
}

.menu_bar_right span:hover, .menu_bar_right span:hover a {
	color: #425F9C;
	cursor: pointer;
}

.header_bottom a:hover {
color: #FFFFFF;
text-decoration: none;
}

.main {
float: left;
}

.column_right {
display: block;
position: fixed;
float: right;
width: 70px;
height: 200px;
padding-top:2px;
margin: 0px auto; 
right:0px;
top: 140px;
border:1px solid #ccc;
box-shadow: 0px 0px 4px #009526; 
background-color: #fff;
border-radius:4px 0px 0px 4px;
padding: 2px;
z-index: 1000;
}

span.fbutton{
text-align: center;
padding:1px;
}

.page_footer{
margin-top:12px;
clear: both;
text-align: center;
}

.page_footer a:hover {
	color: #fff;
}

.page_footer h3{
padding: 0px;
margin: 0px 0px 4px 0px;
font-size: 1.1em;
}

.footer_top {
margin-top:6px;
background: #425F9C;
padding-top: 2px;
padding-left: 10px;
color: #fff;
text-align: left;
padding:4px;
display: inline-block;
width: calc(100% - 8px);
}
.footer_top > .footer {
	width: 33%;
	float: right;
	font-size: 1.1em;
}
.footer_top > .footer.block_2, .footer_top > .footer.block_3 {
	margin-left:0.2%;
}

.footer_top > .inform > div {
text-align: left;
text-transform: uppercase;
margin: 3px 0px;
}
div#mainmenu{
background-color: #DEE9FF;
border: 1px solid #425F9C;
border-radius: 0px 0px 4px 4px;
}

.footer_top a{
color: #fff;
}

.search_bar{
width:100%;
background: #425F9C;
font-size: 16px;
color: white;
text-align : left;
border-radius:4px;
height: 36px;
}

input#keywords {
border: 1px solid #425F9C;
height: 20px;
margin-top: 1px;
padding-left: 8px;
border-radius: 4px 0px 0px 4px;
width: calc(83% - 5px);
margin-left: 0px;
display: inline-block;
outline: none;
max-width: 835px;
}
.search_bar > .search{
margin: 0px 0px;
display: block;
width: calc(100% - 33px);
float: left;
}

.search > form > button.button_submit {
border-radius: 0px 4px 4px 0px;
width: calc(17% - 18px);
display: block;
min-width: 87px;
float: right;
border: 1px solid #425F9C;
margin: 1px;
height: 34px;
}

.search_bar > .search input.button_submit {
height: 40px;
margin: 1px 0px;
 border-radius:0px 4px 4px 0px;
 box-shadow: 0px 0px 2px 2px #FB9521 inset;
background-color: #fff;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
background: #425F9C;
color:#fff;
}
.search button:hover {
  color: #fff;
  font-size: 1.2rem;
  background: #fff;
  color: #425F9C;}

.search_bar > .search input.button_submit:hover {
 box-shadow: 0px 0px 2px 2px #FFFFFF inset;
color: #ffffff;
text-shadow: 0px 0px 2px #000000;
}
.search > form > span > button.button_submit {
background-color: #ffffff;
color:#425F9C;
}

.search_input {
padding-left: 12px;
}

.buttons_bar {
margin-top: 6px;
height: 40px; 
padding:4px 0px;
clear: both;
}

.contentBoxContents table {
	width:100%;
}
.buttons_left{ 
width:33%;
}

.buttons_right { 
float: right;
width:33%;
text-align: right;
}

.buttons_middle{ 
width:33%;
float: right;
text-align: center;
}


.footer_image_bar {
 width:400px;
 text-align: left;
}

.big_image_block {
top:0;
width:400px;
height:400px;
background-attachment: fixed;
background-position: center center;
}

.footer_image_bar img{
vertical-align:top;
}

.button_search_submit {
border:1px solid #ccc;
background-color: #eeeeee;
width:110px;
height: 36px;
border-radius: 4px;
}

.button, .button_submit {
border-radius: 4px;
display: inline-block;
font-family: Arial;
font-size: 14px;
font-style: normal;
line-height: 34px;
text-align: left;
word-wrap: break-word;
cursor: pointer;
position: relative;
background-color: #425F9C;
color:#fff;
border:0px;
text-wrap: nowrap;
}
.button_submit {
height: 36px;
}
.button:hover, .button_submit:hover {
background-color: #35508A;
}

.nowrap{ 
width:140px;
display: inline;
margin:0px;
padding:0px;
}

.table_col{
background: #425F9C;
float:left;
text-align: center;
border: 1px solid rgb(153, 204, 125);
display: inline;
height:159px;
width:159px;
padding:4px;
vertical-align: auto;
}

.small-text {
font-size: 12px;
color: #425F9C;
}

.productListing-heading {
font-size: 14px;
color: #FFF;
padding-top: 2px;
padding-bottom:2px;
text-transform: uppercase;
padding: 4px;
background: #425F9C;
}

.productListing-data {
vertical-align: middle;
font-size: 12px;
padding: 4px;
}
.productListing-data input {
text-align: center;
font-size: 16px;
padding: 4px;
height: 32px;
width: 100px;
}
.accountHistory-odd, .addressBook-odd, .alsoPurchased-odd, .payment-odd, .productListing-odd, .productReviews-odd, .upcomingProducts-odd, .shippingOptions-odd {
background: #ffffff;
height: 70px;
}

.accountHistory-even, .addressBook-even, .alsoPurchased-even, .payment-even, .productListing-even, .productReviews-even, .upcomingProducts-even, .shippingOptions-even {
height: 70px;
}

.subBar {
font-size: 12px;
color: #000000;
height: 30px;
vertical-align:bottom;
}

input, select, textarea {
border-radius: 4px;
font-size: 14px;
font-family: "Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
padding: 6px;
border: 1px solid #425F9C;
}

input, select {
  max-width: 193px;
}
.login_block .aj_item.input.email {
	width:178px;
}
 .button, .button_submit {
font-size: 1.1em;
margin: 0px;
text-align: left;
padding: 0px 8px;
text-transform: uppercase;
}
.button.icon {
  display: inline-block;
  min-width: unset;
  text-align: center;
  padding: 0px;
  line-height: unset;
  margin:0px 2px;
}

.button.icon i{
	margin:2px;
}

.table_item  .button, .table_item .button_submit {
width: calc(100% - 20px);
}
.cart_buttons .button, .cart_buttons .button_submit {
	float: right;
	margin-right: 6px;
}

.contentBoxContents INPUT, .contentBoxContents SELECT {
margin-bottom: 4px;
}

.contentBoxContents > table > tbody > tr > td {
vertical-align: top;
}

.fieldValue INPUT, .fieldValue SELECT {
 margin-bottom: 4px;
}

INPUT.submit_input {

font-size: 12px;
border: 0px solid #425F9C;
padding: 0px;
}

TEXTAREA {
border: 1px solid #425F9C;
padding: 4px;
}

.login_box .login {
	text-align: center;
}

.login_box .register {
	margin: 5px 0px
}

.login_box .forgotten {
	margin: 5px 0px
}
.login_logo {
	text-align: center;
	margin-bottom: 12px;
}
.moduleRow:hover { cursor: pointer; padding: 2px;}
.moduleRow.select { border: 1px solid #ccc;}
.moduleRow .description, .moduleRow .table.formArea {width:100%;}

.headerRight {

text-align : center;
}

.headerError {
background: #ff0000;
}

.headerError {
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
text-align : center;
}

.headerInfo {
background: #00ff00;
}

.headerInfo {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
text-align: center;
}

.MessageBoxContents {
background-image: url('./images/messages/back.gif');

font-size: 12px;
}

.infoBoxNotice {
background: #FF8E90;
}

.infoBoxNoticeContents {
background: #FFE6E6;

font-size: 12px;
}

.infoBoxHeading {
font-size: 15px;
color: #ffffff;
vertical-align: sub;
}

.categories_panel {
background: #4FB9FD;
}

.pageResults {
color: #0000FF;
}

.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}

.pageHeading, .pageHeading {
font-family:Verdana, Arial, sans-serif ;
font-size: 12px;
text-align: center;
color: white;

}
.ItemDescription, .pageHeading {
font-family:Verdana, Arial, sans-serif ;
font-size: 12px;
text-align: center;

}

.pageHeadingImage, .pageHeadingImage {
text-align: left;

}

.smallText_Categories, .smallText_Categories, P.smallText_Categories {
font-family: Arial, sans-serif, Verdana;
font-size: 9px;
text-align: justify;
}

.accountCategory {

font-size: 13px;
color: #aabbdd;
}


.fieldValue {

}

.newItemInCart {

color: #ff0000;
}

.greetUser {

color: #f0a480;
}

.formArea {
border-color: #cccccc;
border-style: solid;
border-width: 1px;
}

.formAreaTitle {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
}

.markProductOutOfStock {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color: #c76170;
}

.productSpecialPrice {
color: #FF0000;
font-size: 1.3em;
display: block;
line-height: 20px;
}

.hp-price > .old-price {
font-size:10px;
text-decoration: line-through;
}
.product_photo {
border: 1px solid;
text-align:center;
height:100%;
}

.errorText {

color: #ff0000;
}

.checkoutBarFrom, .checkoutBarTo {font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent {font-size: 12px; color: #000000; }

.messageBox {font-size: 12px; }
.messageStackError, .messageStackWarning {font-size: 12px; background-color: #8c8c8c; }
.messageStackSuccess {font-size: 12px; background-color: #99ff00; }
.messageStackSuccess {font-size: 12px; background-color: #99ff00; }
.messageStackError .fas, .messageStackWarning .fas, .messageStack .fas{
	margin-right:10px;
}
p.inputRequirement, span.inputRequirement { 
 
font-size: 12px; 
color: #ff0000; 
}

.inputRequirement span{ 
display: block;
float:right;
font-size: 12px; 
color: #ff0000; 
}

.imagesBoxContents {

font-size: 14px;
}


.frame_text {
height: 122px;
width: 150px;
vertical-align: top;
text-align: justify;

font-size: 14px;
}

.star-product-title {
font-family: Arial, sans-serif;
text-align : center;
font-size: 18px;
color: #FFFFFF;
}
.star-product {

font-size: 12px;
font-weight: normal;
color: #000000;
}

.star-product-price{

font-size: 14px;
color: #FFFFFF;
}

.star-product-price span{
font-size: 18px;
color: #FFFF00;
}

.small_table_col{
background: #425F9C;
float:left;
text-align: center;
height:35px;
width:80px;
}

#carousel-wrapper {
width: 500px;
height: 500px;
overflow: hidden;
}

#carousel-content {
width: 2500px;
}

#carousel-content .slide {
float: left;
width: 500px;
height: 500px;
}

.slidingDiv {
min-height:140px;
 width: 774px;
background-color: #FFFFFF;
padding:20px;
 margin: 2px 0px 0px 2px;
border: 1px solid #ccc;
border-bottom:2px solid #3399FF;
box-shadow:0px 4px 2px;
}

.slidingDiv2 {
min-height:140px;
 width: 400px;
background-color: #FFFFFF;
padding:20px;
 margin: 2px 0px 0px 2px;
border: 1px solid #ccc;
border-bottom:2px solid #3399FF;
box-shadow:0px 4px 2px;
}
 
.show_hide {
display:none;
}

.top_action_bar span a {
display: inline-block;
font-size: 14px;
position: relative;
border: 1px solid #ccc;
border-bottom: 0px;
margin-left: 2px;
 padding-left: 12px;
padding-right: 12px;
 cursor: pointer;
}

input.top_submit {
font-size: 14px;
background: #fff;
margin-left: 2px;
padding-top:0px;
padding-bottom: 0px; 
 padding-left: 12px;
padding-right: 12px;
 padding-left: 12px;
 cursor: pointer;
border: 1px solid #ccc;
border-bottom: 0px;
}

.options_header, .row {
display: table-row;
}

.options_items {
display: table-row;
}

.options_items span, .options_header span, .cell{
display: table-cell;
margin:0px;
vertical-align: top;
padding:4px;
}
.classify_item .table .row .cell {
	height: 120px;
	overflow: hidden;
}
.table.category_box {
	width: 100%;
}
.trader.count {
	float:right;
}
.cell.content.desc {
	text-align: left;
}

.photo_data {
display: table;
}
.photo_data {
display: table;
}

.photo_data div{
display: table-row;
}

.photo_data div span{
display: table-cell;
}

.photo_data div span.label{
display: table-cell;
width:133px;
}

.shop_type_box {
background:#fff;
height:110px; 
width:100px;
margin-left: 10px;
padding-bottom: 20px;
display: inline;
} 

.fbk_connect, .fbk_button {
background: url("./images/fb_button.png");
font-size: 10px;
color: #ffffff;
height:23px;
}

.fbk_connect:hover, .fbk_button:hover{
background: url("./images/fb_button.png");
opacity: 0.90;
}

.fbk_connect a, .fbk_button a {
display:block;
margin-top:4px;
width:160px;
color: #ffffff;
text-align: right;
margin-right:9px;
}

.fbk_button{
display:block;
float:right;
letter-spacing:-1px;

}

.fbk_connect a:hover, .fbk_button a:hover{
text-decoration: none;
}
.center {
text-align: center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.link.right {
	float:right; margin-top: 5px;
}
#best_shops .link.right a{
color: #fff;
font-size: 1.5em;
margin-top: 5px;
margin-right: 7px;
}

.login_block {
border-radius: 4px;
}

.login_block > form > div {
margin: 2px 4%;
text-align: left;
}

.message_confirm {
border: 1px solid #FF0000;
margin: 10px 0px;
background: #FFBCBC;
padding: 4px;
min-height: 36px;
text-transform: uppercase;
}
.message_confirm .text {
	display:block;
	width:100%;
	margin:5px;
	font-size:22px;
}
.message_green {
border: 1px solid #008000;
margin: 10px;
background: #BBEEBB;
padding: 4px;
min-height:46px;
}

.currency_select {
 width:117px;
}

.green_confirm {
border: 1px solid #008000;
margin: 10px;
background: #57EB7E;
}
.home_block {
width:100%;
clear: both;
}
.home_line {
width:100%;
clear: both;
margin-top: 2px;
margin-bottom: 2px;
}

.home_item {
display:block;
float:left;
}
.image_box h1.item_title {
margin: 0px;
font-size: 1.2em;
font-family: eText,helvetica,arial,sans-serif;
text-transform: uppercase;
}
.item_2 {
margin-top: 4px;
} 
.home_item {
background-color: #F4F4F4;
}

.image_box>.item_text {
font-size: 1.1em;
}
.login_block .smallText {
clear: both;
margin-top: 6px;
}

ul {
margin: 0px;
}

#footer_bar{
position:fixed;
left:0px;
bottom:0px;
height:32px;
width:100%;
background:#425F9C;
z-index: 100;
border-top: 1px solid #ffffff;
box-shadow: 0px 0px 3px #000000;
}
#footer_bar img {
 height:30px;
}

.language_box {
float:right;
margin-left:3px;
width:184px;
}

.menu_item {
display: block;
float:left;
}
.menu_item:hover {
background-color: #638FEB;
}

.trader_logo_center {
position:relative; 
margin-left: 40%;
margin-right: auto;
top: 30px;
border:1px solid #FFFFFF; 
padding:4px; 
background:#fff;
display:block;
width:140px;
height:140px;
overflow: hidden;
border-radius: 50%;
box-shadow: 0px 0px 3px #FFFFFF;
}

.trader_logo_center img {
margin:17px 15px 15px 15px;
height: 110px;
width: 110px;
}

.trader_logo_left {
position:relative; 
left:4%;
top: 30px;
border:1px solid #FFFFFF; 
background:#fff;
display:block;
width:150px;
overflow: hidden;
border-radius: 5%;
box-shadow: 0px 0px 5px #FFFFFF;
}

.trader_logo_left img {
margin:10px 10px 10px 10px;
height: 130px;
width: 130px;
}

h1.box_title {
width: 100%;
margin-bottom: 0px;
margin-right: 6px;
text-align: right;
right: 10px;
text-shadow: 2px 2px 4px #000;
font-size: 1.5em;
padding: 0px;
text-transform: uppercase;
margin-top: 25px;
}

.follow_box {
  float: right;
  background: #f77;
  color: #fff;
  padding: 4px 7px;
  line-height: 0px;
  border-radius: 6px;
  min-width: 64px;
}
.follow_box .aj_item.ob-action.ob-icon {
	display: inline;
}
.follow_box .label {
	display: inline !important;
	margin-left:4px;	
}

.box_title a {
color:#fff;
 margin-left: 0px;
 margin-right: 10px;
 position: relative;
 top: -6px;

}

.box_title a:hover {
color: #fff;
margin-top: 0px;
}

.myWrapper{
display: block;
position: relative;
height: 296px;
overflow: hidden;
border-radius: 4px;
margin: 3px;
width: 99%;
}

.myWrapper img {
max-width: 240px;
display: inline;
}

.myWrapper .image {
display: table;
float:right;
background:#fff;
margin-bottom:4px;
vertical-align: middle;
text-align: center;
width:244px;
overflow: hidden;
min-height: 244px
}

.myWrapper .image a{
margin: 4px;
display: table-cell;
height: 244px;
vertical-align: middle;
}

.myWrapper ul{
padding: 0;
}
.myWrapper li{
list-style: none;
padding: 10px;
box-shadow: inset 0px 0px 5px 0px #ABABAB;
-webkit-box-shadow: inset 0px 0px 5px 0px #ABABAB;
-moz-box-shadow: inset 0px 0px 5px 0px #ABABAB;
-o-box-shadow: inset 0px 0px 5px 0px #ABABAB;}

.et-run{
background: red;
}

.product_image > a >img {
max-width: 360px;
margin: 2px;
min-width: 281px;
width: 100%;
}

.product_image {
vertical-align: middle;
width: 100%;
text-align: center;
}

.table_row {
width: 100%;
text-align: center;
}
.product_list_block .likes.like-button {
	float: left;
}
.table_row > .table_image{
vertical-align: middle;
width: 100%;
text-align: center;
}

.table_row > .table_image img {
vertical-align: middle;
width: 100%;
}
.column_left .table_row > .table_imageimg {
margin:0px 0%;
}
.table_item > div > .product_price {
/* display: none; */
min-width: 90px;
padding: 6px 4px;
border-radius: 4px;
box-shadow: 0px 0px 3px #fff;
font-weight: bold;
color: #425F9C;
background: #ffffff;
float: right;
margin-bottom: -56px;
/* opacity: 0; /* Inizialmente impostiamo l'opacità a 0 */
transition: opacity 0.5s ease-in-out; /* Aggiungiamo una transizione per l'opacità */
font-size: 16px;
}

.table_item {
width: calc((100% / 3) - 12px);
display: inline-block;
margin: 4px 0px 4px 0px;
padding: 4px;
min-height: 288px;
border-radius: 4px;
text-align: center;
cursor: pointer;
}

.column_left .table_item {
width: 96%;
}
.column_left .table_item .product_price {
min-width: 80px;
}

.listing_body {
clear: both;
width: calc(100% - 4px);
padding: 0px 2px;
}
.table_item .fix_to_top {
position: relative;
height: 0px;
z-index: 1;
}

.column_left .fix_to_top {
width: 100%;
}
.table_item:hover {
box-shadow: 0px 0px 3px #888888;
}

.blue input, input.blue {
background-color: #ABC6FF;
background: -webkit-linear-gradient(#ffffff, #ABC6FF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #ABC6FF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #ABC6FF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffff, #ABC6FF); /* Standard syntax (must be last) */
}
.blue input:hover, input.blue:hover {
background-color: #425F9C;
color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #425F9C); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #425F9C); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #425F9C); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffff, #425F9C); /* Standard syntax (must be last) */
}

.category_bottom {
font-family: "Arial", 
background: #fff;
border:2px solid #E9EAED;
border-radius: 2px;
padding:6px;
text-transform: uppercase;
}

div#slideshow {
background: #fff;
border-radius:4px;
width:100%;
margin-bottom: 6px;
height: 420px;
overflow: hidden;
}

#slideshow { 
    position: relative; 
}

#slideshow > div { 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
	 display: none;
}

#slideshow > .first { 
	 display:inline;
}

.product_block {
background: #fff;
width:267px;
vertical-align: middle;
overflow: hidden;
text-align: center;
margin-bottom: 3px;
}
.product_block> div > .products-name {
text-align: center;
}
.item_5 > div > div > .info_box_body > div > .product_block {
border: 1px solid #ccc;
}
.list_header {
padding: 3px;
font-size: 1.1em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
background:#EFEFEF;
}
.list_header span {
	display: inline-block;
	text-align: left;
}
.list_header span.content.name {
	width:65%;
}

.list_header span.content.catalog {
	width:35%;
	text-align: right;
}

.classify_item {
margin-bottom: 2px;
margin:4px;
float: left;
width: 49%;
font-size: 0.81rem;
}

.scroll_title {
margin-left:6px;
text-transform: uppercase;
text-align: left;
color:#fff;
text-shadow: 1px 1px #000;
}

.product_period {
font-size: 12px;
margin: 10px 10% 6px;
border-radius: 5px 0px 5px 0px;
background: -webkit-linear-gradient(#FFE680, #FAD12B); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FFE680, #FAD12B); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFE680, #FAD12B); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FFE680, #FAD12B); /* Standard syntax */
padding: 10px 0px;
}
.product_period div {
margin:10px;
text-transform: uppercase;
}

.points > span {
  margin-left:15px;
}
.shop_logo img {
	width:140px; 
}
.position_1, .position2_1 {
position:absolute;
color: #ffffff;
font-size: 15px;
font-weight: bold;
height: 20px;
width: 20px;
margin-top: 5px;
padding:11px 8px 5px 8px;
border-radius: 0;
background-image: url("images/gold.png");
text-align: center;
}

.position_1 {
margin-left: 96px;
}

 .position2_1, .position2_2, .position2_3, .rank2 {
margin-left: 60px;
 }

.position_2, .position2_2 {
position:absolute;
color: #ffffff;
font-size: 15px;
font-weight: bold;
height: 20px;
width: 20px;
margin-top: 5px;
padding:11px 8px 5px 8px;
border-radius: 0;
background-image: url("images/silver.png");
}

.position_2 {
margin-left: 96px;
}

.position_3, .position2_3{
position:absolute;
color: #ffffff;
font-size: 15px;
font-weight: bold;
height: 20px;
width: 20px;
margin-top: 5px;
padding:11px 8px 5px 8px;
border-radius: 0;
background-image: url("images/bronze.png");
text-align: center;
}
.position_3 {
margin-left: 96px;
}

.rank, .rank2{
position:absolute;
background: #425F9C;
color: #ffffff;
font-size: 18px;
font-weight: bold;
height: 22px;
width: 22px;
margin-top: 5px;
padding:5px;
border-radius: 50%;
text-align: center;
}

.rank {
margin-left: 96px;
} 

.description img {
	max-width:510px; 
	width: 100%;
}

.list_image img{
max-height: 120px;
max-width: 120px;
}

.list_image {
width: 120px;
height: 120px;
text-align: center;
}

.home_box_body > .item_5 {
width: 30%;
float:left;
}

.create_account {
text-align: left;
}

h2.scroll_title>a {
color: #fff;
text-decoration: none;
}
h2.scroll_title>a:hover {
color: #fff;
}

.special_percent {
display: table;
border-radius:50%;
background: #FE0100;
width: 120px;
height: 120px;
font-size: 42px;
color: #ffffff;
text-align: center;
padding: auto;
font-weight: bold;
margin-left: 10%;
margin-top:2%;
}
.special_percent div{
vertical-align: middle;
display: table-cell;
}
.item_text > p {
line-height: 150%;
}

.orange_button {
cursor: pointer;
text-align: center;
min-width: 60px;
text-transform: uppercase;
color: #fff;
}
.orange_button:hover, .orange_button:visited {
background-color: #425F9C;
color: #fff;
}
.orange_button:hover , .orange_button:visited:hover {
background-color: #35508A;
color: #fff;
}
.orange_button a, .orange_button a:hover , .orange_button a:visited, , .orange_button a:visited:hover{
color: #fff;
font-weight: bold;
width:100%;
padding: 8px 0px;
display: block;
}

.page_box_body.home {
} 
.page_box_body.right {
width:24%;
 float: right;
}
 .item_2 > div > div > .box_body > .contentBoxContents > div > .image_box > img {
width: 110px;
height: 110px;
}

.item_text > p > a, .item_text > p > a:hover {
font-weight: bold;
color: #638FEB;
}

.description > h1, .description > h3, .description > h4, .description > h5, .description > h6 {
font-size: 14px;
color: #638FEB;
font-weight: bold;
}

blockquote.traders {
width: 67%;
float:right;
border: 1px solid #425F9C;
background-color: #90EE90;
border-radius: 0px 10px 10px 10px;
}

.reply_box {
border: 1px solid #425F9C;
background-color: #ABC6FF;
border-radius: 0px 10px 10px 10px;
}

.reply_box div {
width:93%;
margin:10px;
text-align: right;
}

.reply_box div textarea {
margin:10px;
width: 100%;
border-radius: 0px 10px 10px 10px;
text-align: justify;
height: 140px;
}

blockquote.customer {
width: 67%;
float:left;
border: 1px solid #425F9C;
background-color: #ABC6FF;
border-radius: 10px 0px 10px 10px;
}

.message_bar {
background: #000000;
background: -webkit-linear-gradient(top, #ffffff, #425F9C); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #ffffff, #425F9C); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, #ffffff, #425F9C); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #ffffff, #425F9C); /* Standard syntax */
overflow: hidden;
}

.message_bar .button {
margin-top:4px;
margin-left: 2px;
border: 0px solid #fff;
height: 38px;
border-radius: 2px 2px 0px 0px;
box-shadow: 0px 0px 2px #000000;
line-height: 38px;
font-size: 1em;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content {
  max-width: 500px;
}
.message_bar .button:hover {
background: #425f9c;
background: -webkit-linear-gradient(top, #638FEB, #425f9c); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #638FEB, #425f9c); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, #638FEB, #425f9c); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #638FEB, #425f9c); /* Standard syntax */
color: #fff;
} 

.message_bar .button:hover a:hover, .message_bar .button:hover a{
color: #fff;
}
.table.quick_update {
	width: 100%;
}
.table.quick_update .table {
	width: 100%;
}
.table.quick_update .row {
	background: #fff;
	border-radius: 2px;
	margin:1px;
}

.table.quick_update .row.dataTableRow.trader {
	background-color: #DEE9FF;
}
.table.quick_update .row:hover {
	background: #ABC6FF;
}
.table.quick_update .cell {
	padding: 1px;
	vertical-align: middle;
}

.table.quick_update input {
	width: 80px;
	text-align: center;
}
.special_description {
 font-size: 1.1em;
margin: 6px;
min-width: 267px;
width: 58%;
text-align: justify;

}
.special_description p {
display: block;
height: 138px;
}
.special_item .image {
float: right;
width: 38%;
}
.special_item .image img {
width: 100%;
}
.special_item h3, .special_item p{
	margin:0px;
}
#cart_box {
width:200px;
height: 200px;
position: relative;
top:-190px;
left:15px;
display: none;
border: 1px solid #425F9C;
background-color: #ABC6FF;
border-radius: 6px 6px 6px 0px;

}

.banner_header {
height:200px;
background-size:100%; 
margin-top: 2px;
border-radius: 4px;
}
.upload_zone #traders_banner {
  height: 12.5vh;
  position: absolute;
  width: calc(100% - 37px);
}
.upload_zone #traders_logo {
	z-index: 100;
	position: relative;
	margin-top: 10px;
	margin-left: calc(50% - 50px);
	margin-bottom: -68px;
}
.upload_zone .trader_logo_center img {
  margin: 0px 0px 0px 1px;
  height: 68px;
  width: 68px;
}

.upload_zone .trader_logo_center {
	position: relative;
	margin-left: 40%;
	margin-right: auto;
	top: 30px;
	border: 1px solid #FFFFFF;
	padding: 4px;
	background: #fff;
	display: block;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0px 0px 3px #FFFFFF;
}
.button_next {
display:block;
width: 32px;
height: 32px;
float:left;
border:1px solid #ccc;
background: #ffffff;
text-align: center;
border-radius: 50%;
box-shadow: 0px 0px 2px #000;
vertical-align: middle;
}
.button_next:hover, .button_previous:hover {
background: #ABC6FF;
cursor: pointer;
}
.button_next img, .button_previous img {
margin: 4px;
}
.button_previous {
display:block;
width: 32px;
height: 32px;
float: right;
border:1px solid #ccc;
background: #ffffff;
text-align: center;
border-radius: 50%;
box-shadow: 0px 0px 2px #000;
vertical-align: middle;
}

.product_block {
background: #fff;
width:100%;
text-align: center;
margin-top:4px;
float:left;
}

.product_block> div > .products-name {
text-align: center;
}

.item_5 > div > div > .info_box_body > .product_block {
border: 1px solid #ccc;
}
.product_block > div >.product-image {
text-align:center;
width:100%; 
height:200px;
}

.product_block > div> .product-image img {
width: 200px;
height: 200px;
}

.shipping_icons, .payment_icons {
background: #fff;
border-radius: 4px;
clear: both;
min-width: 104px;
 min-height: 36px;
 margin-top: 6px;
}

.shipping_icons div, .payment_icons div{
float: left;
margin:2px;
}

.shipping_icons img, .payment_icons img {
width: 32px;
height: 32px;
}

.button a {
display: block;
text-decoration: none;
text-transform: uppercase;
color: #fff;
text-align: left;
}

.button a:hover {
color: #fff;
}

.shopping_cart_box {
  height: 42px;
  background-color: #425F9C;
  margin-right: 4px;
  border-radius: 0px 0px 4px 4px;
  color: #fff;
  box-shadow: 0px 0px 2px #425F9C;
  min-width: 220px;
  width: 100%;
  padding: 0px 3px;
}

.shopping_cart_box a {
color: #fff;
display: block;
width:100%;
opacity: 0.8;
}
.shopping_cart_box a:hover {
color: #fff;
opacity: 1.0;
}
.shopping_cart_box i {
  float: left;
  width: 28px;
  text-align: center;
  font-size: 20px;
  margin: 5px 0px;
}

.right_head_box {
  width: 22%;
  height: 45px;
  z-index: 1000;
  right: 0px;
  margin-right: 1%;
  position: relative;
  float: right;
}

.right_head_box .cart {
float: right;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
margin-top: 4px;
width: calc(100% - 120px);
display: block;
}
#google_translate_element {
width: 87%;
height: 45px;
position: absolute;
max-width: 1646px;
min-width: 1040px;
top: 0px;
}

.store_icons {
display:block;float:right;margin:6px;text-aling:center;
}

.messaggeStack {
position: fixed;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
}

.messaggeStack > div {
padding: 6px;
width:40%;
min-width: 460px;
margin: 200px auto;
text-align: left;
background: #fff;
border-radius: 4px;
}
.store_cert {
width:60px;
height:60px;
margin-right: 20%;
margin-left: 20%;
}
.special_percent {
  position: relative;
  font-size: 1.65em;
  width: 80px;
  height: 80px;
  margin-left: 2px;
  margin-bottom: -80px;
  bottom: 0px;
  margin-top: 6px;
}

.special_percent .special_text{
display: block;font-size: 0.6em;margin-top:3px;
}

.rotate-23{
transform: rotate(-23deg);
}

.align_left {
text-align: left;
vertical-align: top;
}

.box_social h3{
color: #ffffff;
text-transform: uppercase;
}

.link_list {
padding: 2px;
background: #ffffff;
display: block;
margin: 2px;
border-radius: 3px;
}

.link_list li{
display: block;
margin: 1px 1px 1px 1px;
 list-style:none; 
background: #ccc;
padding: 2px 4px 2px 4px;
text-transform: uppercase;
text-align: left;
margin:1px;
}
.link_list li a{
display: block;
width: 100%;
}
.link_list li.l_facebook {
background: #4267B2;
background-repeat: no-repeat;
background-position: 2px 2px; 
}

.link_list li.l_twitter {
background: #1B95E0;
background-repeat: no-repeat;
background-position: 2px 2px; 
}

.link_list li.l_telegram {
background: #32AFED;
background-repeat: no-repeat;
background-position: 2px 2px; 
}
.link_list li.l_pinterest {
background: #BD081C;
background-repeat: no-repeat;
background-position: 2px 2px; 

}
.link_list li.l_tumblr {
background: #36465D;
background-repeat: no-repeat;
background-position: 2px 2px; 
}

.google_center_div {
border:0px solid;
}

.banner_box, .banner_box img {
width: 214px;
}

.goog-te-gadget {
position: absolute;
margin-top:4px;
margin-left:55%;
z-index: 2000;
}
#best_sellers_box {
margin-top: 4px;
}

.share_box {
background: #1E90FF;
border-radius: 6px;
padding: 4px;
margin-top: 10px;
}
#share-buttons {
text-align: center;
}
.share_box h3 {
color: #fff;
font-size: 12px;
margin:6px 6px 0px 6px;
display:inline-block;
text-transform: uppercase;
}

.share_box > .body {
background: #fff;
border:1px solid #fff;
display: block;
margin:6px;
max-height: 120px;
border-radius: 4px;
}

.likes {
width: 32px;
height:50px;
}

.product_info .likes {
width: 32px;
z-index: 1;
text-align:center;
}

.heart {
position: relative;
width: 40px;
height: 30px;
}

.likes > .value {
color: #fff;
text-align: center;
padding: 2px 4px;
background: red;
width:100%;
display: inline-block;
border-radius: 3px;
}

.heart:hover {
cursor: pointer;
opacity: 1.0;
}

.red::before, .red::after {
background: red;
opacity: 1.0;
}

.grey::before, .grey::after {
background: #FF7777;
}

#dadblock {
position: absolute;
top: 0px;
}
.layer {
position: fixed;
background: rgba(76, 81, 80, 0.8);
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 9999;
}

.box {
width: 30%;
display: block;
margin: 20% auto;
box-shadow: 0px 0px 4px black;
border: 1px solid #ccc;
background: #fff;
}
.module_specials_scroll {
margin:4px 0px 4px 0px;
width: 65.45%;
border-radius: 5px;
border:1px solid #ccc;
}
.special_header {
margin:4px;
font-size: 20px
}
.special_box {
margin-bottom: 4px;
width: 65%;
}
.home_banner{
float: right;
margin-right: 2px;
width: 33.1%;
height: 265px;
text-align: center;
}
.home_banner img{
max-height: 250px;
}

.error {
position: absolute;
background: #638FEB;
width: 100%;
z-index: 111111;
font-size: 1.1em;
padding: 10px 0px;
color: #fff;
}

#close_email {
float: right;
background: #ffffff;
display: block;
height: 16px;
width: 16px;
text-align: center;
margin-right: 6px;
padding: 3px;
cursor: pointer;
color: #000;
border-radius: 50%;
font-size: 14px;
font-weight: bold;
box-shadow: 0px 0px 4px #070960;
}
#close_email:hover {
background: #E5E5E5;
}
.module_specials_scroll .special_percent {
margin-left: 165px;
margin-top: 0px;
}

#cookieChoiceInfo {
position: fixed;
width: 100%;
background-color: rgb(39, 147, 230);
color: rgb(255, 255, 255);
margin: 0px;
left: 0px;
bottom: 0px;
padding: 6px;
z-index: 10000;
text-align: center;
font-family: arial;
font-size: 1.00em;
line-height: 20px;
}
.login_block form div input {
margin-bottom: 0.5em;
}

.login_block h4 {
color: #fff;
margin: 1px 1px 5px;
background: #425F9C;
text-transform: uppercase;
font-size: 1.2em;
padding: 5px;
border-radius: 3px 3px 0px 0px;
}
.searchCategory {
float: left;
margin-top: 4px;
margin-left:4px;
}
.searchItem {
float:right;
margin-right: 4px;
}
.SearchItem .button_submit {
height: 28px;
}

.SearchItem .button_submit .b_title {
line-height: 26px
}

#email_confirmation, #password_confirmation {
display: none;
}

.ob-input.email_confirmation, .ob-input.password_confirmation {
	display: none;
}

.box_body_cat .contentBoxContents form button.button_submit {
float: right;
}

.new_trader, .new_customer {
width: 48%;
float: left;
margin: 1%;
}

.new.intro {
height: 100px;
}

.button_select {
text-align: center;
}25rem

.box_title div {
float: right;
margin-top: 7px;
width: 16px;
}
.wrapper {
height: auto !important;
height: 100%;
margin: 0 auto; 
overflow: hidden;
}


.pointer {
position: fixed;
bottom: 10px;
left: 50%;
margin-left: -245px;
color: #2744BE;
font-weight: bold;
font-size: 14px;
margin-top: 15px;
}
pre {
margin: 80px auto;
}
pre code {
padding: 35px;
border-radius: 5px;
font-size: 15px;
background: rgba(0,0,0,0.1);
border: rgba(0,0,0,0.05) 5px solid;
max-width: 500px;
}
#login_tabs {
	border:0px;
}
.ui-tabs {
	padding: 0px;
}
 #login_tabs > #tabs-1, #login_tabs > #tabs-2 {
padding: 1em 4px;
text-align: left;
font-size: 14px;
font-weight: bold;
border: 1px solid #ccc;
}
#login_tabs > #tabs-1 div, #login_tabs > #tabs-2 div {
	text-align: center;
}
.ui-tabs .ui-tabs-nav {
	border:0px;
	background: #fff;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .2em .4em;
  text-decoration: none;
/* font-size: 0.957rem; */
}
 #login_tabs > #tabs-1 .buttons, #login_tabs > #tabs-2 .buttons {
text-align: center;
 }

 .banner1 {
margin: 0px 0px 4px 0px;
width:100%;
text-align: center;
 }
.banner1 img {
  margin-top: 10px
  min-width: 210px;
  width: calc(100% - 4px);
  padding-top: 4px;
  border-radius: 14px;
}

.reload.bell {
font-size: 12px;
padding: 20px;
width: 45px;
text-align: center;
height: 47px;
border-radius: 50px;
}

.reload.bell #notification {
font-size: 25px;
line-height: 140%;
}

.reload, .btn{
display: inline-block;
border: 4px solid #A2261E;
border-radius: 5px;
background: #CC3126;
display: inline-block;
line-height: 100%;
padding: 0.7em;
text-decoration: none;
color: #2744BE;
width: 100px;
line-height: 140%;
font-size: 17px;
font-family: open sans;
font-weight: bold;
}
.reload:hover{
background: #A2261E;
}
.btn {
width: 200px;
color: #2744BE;
border: none;
margin-left: 10px;
background: rgba(0, 0, 0, 0.31);
}
.clear {
width: auto;
}
.btn:hover, .btn:hover {
background: rgba(0,0,0,0.5);
}
.btns {
width: 410px;
margin: 50px auto;
}
canvas {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
canvas.flare {
opacity: 0.5;
}
.cart_buttons {
margin: 4px 0px;
display: inline-block;
width: 100%;
}
.snowWindPower {
padding: 10px;
width: 90px;
border: none;
border-radius: 3px;
font-size: 33px;
background: rgba(0, 0, 0, 0.31);
color: white;
}

.create_account_box {
width: 33%;
margin-top: 11px;
display: inline-block;
vertical-align: top;
}
.login_page, .create_page {
 text-align: left; 
 padding-left: 0px; 
 margin: 5% auto; 
 width: 94%; 
 background: #fff; 
 padding:24px 24px; 
 border-radius:6px;
}
.create_page {
 max-width: 1024px; 
}
.login_page {
 max-width: 500px; 
}

.loginpage {
width:49%;
margin:4px;
float: left;
}
.loginpage label {
	display: inline-block;
	min-width: 140px;
}
.info.desc {
	margin-bottom: 10px;
}
.cell.intro {
	width:44%;
	background: #425F9C;
	border-radius:4px;
}

.cell.intro .message {
	width:92%;
	max-width: 92%;
	margin: 1%;
font-size: 14px;
color: #000;
}
.cell.form .table.description {
	margin:1%;
	width:91%;
}
.intro_box {
	color: #fff;
}
.intro_box .enfasi {
margin: 1% 1% 20px 1%;
text-align: center;
line-height: 1.5rem;
}
.intro_box .enfasi h4{
	font-size: 1.4rem;
	margin-bottom: 6px;
}
#share-buttons img{
max-height:44px; 
max-width:44px; 
}
.most_seen {
clear: both;
}
.trader_box {
margin-top:3px;
}
.trader_box .header {
text-transform: uppercase;
background: #425F9C;
padding:4px;
color: #ffffff;
}
.trader_box.catalog .image{
text-align: center;
}
.listing_bottom {
	margin:4px 0px;
}
.listing_right {
text-align: center;
}
.listing_right a, .listing_right span {
display: inline-block;
width:26px;
height:26px;
text-align: center;
font-size: 20px;
padding: 5px;
color: #425F9C;
vertical-align: middle;
border-radius:3px
}

.listing_right a:hover, .listing_right span {background-color: #425F9C;color: #fff;}

.object {
margin-top: 10px;
display: table;
width: 100%;
}
.object .label {
clear: both;
}

.object .label.buynow .button_submit, .orange_button {
background-color: #425F9C;
color: #fff;
text-transform: uppercase;
width: 100%;
}
.object .label.buynow button.button {
	width: 100%;
}
.object .label.buynow a.button {
	width: calc(100% - 18px);
}
.label.options {
  clear: both;
 height:34px;
}

.label.buynow {
  text-align: left;
  margin: 10px 0px 15px;
  clear: both;
}

.object .value {
float: right;
}

.special_description div{
text-align: center;
}
.details-table {display: table;}
.details-table > .row {display: table-row;}
.details-table > .row > div {display: table-cell;padding: 3px 6px;}
#edit-box {margin:10px;}
.mapouter{position:relative;text-align:right;height:280px;width:100%; margin-top: 6px;}
.gmap_canvas {overflow:hidden;background:none!important;height:280px;width:100%;}

.image_editor {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 8px;
    width: fit-content;
    background: #fafafa;
	 width: calc(100% - 40px);
    margin: 10px;
    height: 480px;
    overflow: hidden;
}

.image_editor .product_image {
vertical-align: middle;
  width: 100%;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  width: calc(100% - 58px);
  border-radius: 5px;
  height: 470px;
  overflow: hidden;
}

.image_editor .product_image img {
    max-height: 440px;
    margin:10px;
}

.image_editor .controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  right: 18px;
  z-index: 2;
}

.image_editor .controls a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: 0.2s;
}

.image_editor .controls a:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
}

.width_100 {
	width: 100%;
}
.width_50 {
	width: 50%;
}

.width_50 .table {
width: calc(100% - 16px);
margin: 4px;
border-radius: 4px;
border: 1px #ccc solid;
padding: 4px;
}
.width_50 .logo {
	float:left;
	margin-right: 1.0%;
}

.cell.stores {
	padding: 10px;
text-transform: uppercase;
}
.login_block i {
	width: 18px;
}
.message_bar i {
	display: none;
}
.login_page .buttons_right, .login_page .buttons_left {
	width:50%;
}
.ui-tabs-panel {
	padding:4px;
}
.ui-tabs-panel p {
	margin:0px 0px 4px 0px;
}
.table.search_box {
  width: calc(100% - 20px);
  margin: 10px;
}
.table.search_box .box3 > div {
	margin:6px;
}

.table.search_box .fieldRow {
	padding: 4px 0px;
}

/*    AI     */
.ai.small.search {
color: #ccc;
font-size: 12px;
margin-left: 6px;
display: inline-block;
}
.ai.right.robot {
color: #ccc;
font-size: 16px;
	margin-top: 2px;
	text-align: right;
	position: absolute;
	right: 2px;
	margin-left: 0px;
}
.ai.right.robot:hover {
	color: #1982de;
}

.ai.right.robot i:hover {
	color: #1982de;
	animation: vibrating-text 2s infinite linear;
}

.rotate-div {
  animation: rotate30 2s linear infinite;
}

.rotate-div:hover {
  animation-play-state: paused;
  cursor: pointer;
}

@keyframes rotate30 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.rotate-360-div {
  animation: rotate360 2s linear infinite;
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8); /* sfondo semi-trasparente */
  display: flex;            /* centra l'icona */
  align-items: center;
  justify-content: center;
  z-index: 9999;            /* in primo piano */
}

/* Icona Font Awesome */
#loading i {
  font-size: 60px;          /* grandezza icona */
  color: #3498db;           /* azzurro elegante */
  animation: spin 1s linear infinite;
}

.tooltiptext {
display: none;
position: absolute;
border: 1px solid;
background: white;
width: 90px;
right: 0px;
margin: 8px 2px;
border-radius: 8px 8px 8px 8px;
text-align: left;
padding: 5px 10px;
overflow: visible;
box-shadow: 0px 0px 3px #ccc;
border: 1px solid #1982de;
z-index: 10;
font-size: 12px;
color: #1982de;

}

.tooltiptext::before {
content: "";
position: absolute;
top: -12px;
right: 21px;
color: #1982de;
transform: rotate(46deg);
background: #ffffff;
height: 11px;
border: 1px solid #1982de;
}

@keyframes vibrating-text {
  0% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}

.ai.keywords.selected {
	font-weight: bold;
}
.ai.small.tabs {
color: #CCC000;
font-size: 12px;
border: 1px solid #CCC000;
border-radius: 5px;
width: 32px;
text-align: center;
line-height: 14px;
margin-top: 0px;
display: inline-block;
top: -2px;
position: relative;
}
.rel_items {
	display: inline-block;

}
.ai.small.tabs i {
	margin: 1px 10px;
}
.ai.keywords {
display: inline-block;
margin-left: 4px;
line-height: 18px;
width: 84%;
}
.ai.keywords:hover {
	font-weight: bold;
	cursor: pointer;
}

/*    AI     */
.ui-slider {
	z-index: -1;
}
.sharebox {
float:right;margin-right:4px;position:relative;
width: 19%;
  text-align: center;
}
.resp-sharing-button__link, .resp-sharing-button__icon {
  display: inline-block
}
.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
}
.resp-sharing-button__icon {
position: relative;
top: -4px;
left: -1px;
}
.resp-sharing-button__icon i {
	font-size: 21px;
}
a.resp-sharing-button__link {
  text-decoration: none;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 4px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  display: inline-block;
	color: #fff;
	text-decoration: none;
	width: 18px;
	height: 18px;
	font-size: 18px;
	text-align: center;
	margin: 0px 1px;
}
.resp-sharing-button__icon svg {
  width: 14px;
  height: 14px;
  vertical-align: top
}
.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}
.resp-sharing-button--twitter {
  background-color: #55acee
}
.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}
.resp-sharing-button--pinterest {
  background-color: #bd081c
}
.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}
.resp-sharing-button--facebook {
  background-color: #3b5998
}
.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}
.resp-sharing-button--tumblr {
  background-color: #35465C
}
.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}
.resp-sharing-button--reddit {
  background-color: #5f99cf
}
.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}
.resp-sharing-button--google {
  background-color: #dd4b39
}
.resp-sharing-button--google:hover {
  background-color: #c23321
}
.resp-sharing-button--linkedin {
  background-color: #0077b5
}
.resp-sharing-button--linkedin:hover {
  background-color: #046293
}
.resp-sharing-button--email {
  background-color: #777
}
.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}
.resp-sharing-button--xing {
  background-color: #1a7576
}
.resp-sharing-button--xing:hover {
  background-color: #114c4c
}
.resp-sharing-button--whatsapp {
  background-color: #25D366
}
.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}
.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }
.resp-sharing-button--vk {
  background-color: #507299
}
.resp-sharing-button--vk:hover {
  background-color: #43648c
}
.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
.resp-sharing-button--google {
  background-color: #dd4b39;
  border-color: #dd4b39;
}
.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}
.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}
.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}
.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}
.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}
.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}
.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}
.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}
.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}
.resp-sharing-button--telegram {
  background-color: #54A9EB;
}
.resp-sharing-button--telegram:hover {
  background-color: #007BC9}
.create.shop {  
background: #007BC9 url("/images/banners/shop_create.png") no-repeat center;
width: 100%;
min-height: 185px;
border-radius: 5px;
border: 2px solid #007BC9;
width: calc(100% - 7px);
margin-left: 1px;
margin-bottom: 4px;
}
.create.shop div {
	margin:2px 6px;
}
.create.shop div.title {
	text-align: center;
}
.create.shop div.title h1 {
padding: 8px 0px;
display: inline-block;
background: #fff;
width: 100%;
border-radius: 8px
}
.create.shop div.desc {
  font-size: 1.2em;
  line-height: 12px;
margin-top: 10px;

}
.create.shop div.desc ul.vantage {
	list-style-image: url("/images/icons/dc_success.gif");
	background: #fff;
	padding: 10px 20px 10px 40px;
	border-radius: 8px;
	width: calc(50% - 60px);
	display: inline-block;
}

.create.shop .buttons {
float: right;
margin-right: 89px;
margin-top: 33px;
text-transform: uppercase;
}

.create.shop .buttons a:hover {
  background: #6C8C00;
}

.create.shop .buttons a {
  display: block;
  padding: 4px 16px;
  border-radius: 4px;
  font-weight: bold;
  padding: 20px 40px;
  font-size: 1.5em;
  background: #729200;
  color: #fff;
  box-shadow: 10px 0px 50px 15px #fff;
  text-align: center;
  text-wrap: nowrap;
  width: fit-content;
}

.table.categories_box {
  width: calc(100% - 10px);
  margin: 10px 5px;
}  
 .ui-tabs .ui-tabs-panel .col {
	display: inline-block;
	width: 32%;
	vertical-align: top;
}
.last_shops .name {
	text-transform: uppercase;
}

.header_scroll {
	position: absolute;
  left: 0px;
  height: 40%;
  width: 100%;
  z-index: -1;
/*  background: #ccc;	*/
}

#messageContainer {
  background: #fff;
  width: 300px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 3px;
  box-shadow: 2px 2px 2px #ccc;
  display: none;
  z-index: 10;
}

.top_number {
position: absolute;
font-weight: bold;
text-align: center;
font-size: 7px;
min-width: 9px;
color:#fff;
margin-left: 20px;
border-radius: 2px;
background: #C6000D;
border:1px solid #fff; 
  height: 9px;
  padding: 0px;
  line-height: 7px;
}
.last_news  {
	display: flex;
}
.last_news div.image_box, .last_news div.news_box {
	display: flex;
	margin:0px 4px 0px 0px;
}

.last_news  .image_box > img {
	width:64px;
	height: 64px;
	margin: 4px;
}
.shop_name {
min-width: 77px;
padding: 1px 0px;
}
.width_10 {
	width: 10%;
}
.width_90 {
	width: 90%;
}

.aj_item.ob-action.feedback {
	width: 100px;
	height: 100px;
}

.reviews_content {
  background: #ABC6FF;
  border-radius: 4px;
  padding: 5px;
  margin-top: 6px;
}
.reviews_content h3 {
color: #fff;
  margin: 3px 0px 7px 0px;
  font-size: 1.6em;
}
.reviews_content .intro {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}
.reviews_content .content {
  padding: 5px 0px 5px 0px;
  border-radius: 6px;
  clear: both;
}

.write_box .commands textarea {
display: block;
  width: calc(100% - 43px);
  height: 63px;
  resize: none;
  border: 0px;
  border-radius: 6px;
  margin-left: 43px;
}

.write_box .commands button {
  position: relative;
  display: block;
  margin-left: -26px;
  height: 23px;
  margin-top: 46px;
  background: transparent;
  border: 0px;
}
.content.list .user {
  background: #fff;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  padding: 8px;
  text-align: center;
  font-size: 18px;
  color: #ABC6FF;
  float: left;
  margin-right: 6px;
}
.commands {
  display: flex;
  width: 100%;
  font-size: 1.4em;
  color: #fff;
  text-align: center;
  margin-top: 6px;
}

.commands span{
  display: block;
  width: 33%;
  text-align: center;
}
.shop_cart_item .cell.col_0 {
	width:50%;
}
.shop_cart_item .product {
	display: flex;
}
.confirmation {
	display: none;
}

.product.object.urls .value {
	width:80px;
	text-align: left;
	font-size: 16px;
}
.buttons div {
	display: inline-block;
	width:50%;
}

.button_white i{
  width: 22px;
}

.green_back .item {
  display: inline-block;
  width: calc(33% - 2px);
}

.logo {
	display: inline-block;
}
.logo img {
  height: 50px;
}
.list_item {
	display: inline-block;
}

#slider-range { 
  margin: 40px 0 20px 0px; 
  z-index: 1;
}
.ui-slider-handle { position: relative; }

.tooltip {
      position: absolute;
      top: -30px;         /* altezza sopra il cursore */
      left: 50%;
      transform: translateX(-50%);
      background: #333;
      color: #fff;
      padding: 3px 8px;
      border-radius: 4px;
      font-size: 12px;
      white-space: nowrap;
}

.product_image.event {
vertical-align: middle;
  width: calc(42% - 8px);
  text-align: center;
  float: left;
}

#goto_cart .button {
	width: calc(100% - 14px);
}
.page_box_body > .table {
	width: 100%;
}

#image_selector {
  width: calc(100% - 20px);
  margin: 10px;
}

/* usa il tuo colore #355ea5 */
.custom-dropzone {
    border: 2px dashed #355ea5;
    padding: 25px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    color: #355ea5;
    margin-top: 10px;
}

.custom-dropzone.dragover {
    background-color: rgba(53, 94, 165, 0.1);
}

.preview-img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

input.ob-input.dropzone {
  display: none; /* nasconde input originale */
}
 {
  display: none; /* nasconde input originale */
}

.spinner {
  border: 6px solid #f3f3f3; /* sfondo */
  border-top: 6px solid #3498db; /* colore del cerchio */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

    .calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; background: #fff; padding: 6px; border-radius: 6px;}
    .day, .empty {padding: 8px 10px 12px 10px;
  border: 1px solid #ccc;
  text-align: center;
  height: 16px;
  font-size: 14px;
  width: 16px;
  border-radius: 6px; }
    .day { cursor: pointer; }
    .day:hover { background: #eee; }
    .selected { background: #4CAF50 !important; color: white; }
    .nav { display:flex; justify-content:space-between; margin-bottom:10px; }
    .nav button { padding:5px 10px; }

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
	text-align: left;
}

.ui-tabs .ui-tabs-panel .row.line{
	display: block;
	widows: 100%;
}
.voucher-summary {
    max-width: 460px;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    font-family: system-ui, -apple-system, sans-serif;
    margin: 10px;
}

.voucher-summary h3 {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 600;
    color: #1b5e20;
}

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

.voucher-summary li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.voucher-summary li:last-child {
    border-bottom: none;
}

.voucher-summary .label {
    color: #666;
    font-size: 14px;
}

.voucher-summary .value {
    font-weight: 600;
    color: #222;
}

.voucher-summary .highlight {
    color: #0a7cff;
}

.voucher-summary .status-success {
    color: #2e7d32;
}

#image-box .label {
	margin:6px 12px;
}

.shortcut > div {
  display: block;
  margin: 0px 10px;
}

.shortcut > div i{
	width: 18px;
	text-align: center;
	margin-right:2px;
}
.shortcut > div > a {
	text-decoration: none;
	color: #42A1CD;
	font-weight: bold;
}
.shortcut > div > a > img{
	width:100%;
	max-width:140px;
}
.shortcut > div > a:hover {
	text-decoration: none;
	color: #42A1CD;
}

.date_selector {
  float: right;
  padding: 10px;
  background: #425f9c;
  border-radius: 6px;
  margin: 10px;
}

.date_selector .nav {
	text-transform: uppercase;
	color:#ffffff;
}

.dates_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Contenitore generale */
.date_time_selector {
    max-width: 400px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

/* Titolo */
.date_time_selector h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

/* Lista delle date */
.dates_list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}

/* Singola riga data */
.date_row {
    padding: 10px 15px;
    cursor: pointer;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.2s, color 0.2s;
}

/* Hover su data */
.date_row:hover {
    background-color: #e0f0ff;
}

/* Data selezionata */
.date_row.selected {
    background-color: #007bff;
    color: white;
    font-weight: bold;
}

/* Lista orari */
.times_list {
    list-style: none;
    padding: 0;
    margin: 5px 5px 15px 5px;
    border: 1px solid #007bff;
    border-radius: 6px;
    overflow: hidden;
}

/* Singolo orario */
.time_row {
    padding: 8px 12px;
    cursor: pointer;
    background-color: #f1faff;
    border-bottom: 1px solid #cce4ff;
    transition: background-color 0.2s;
}

/* Hover su orario */
.time_row:hover {
    background-color: #d0eaff;
}

/* Orario selezionato */
.time_row.selected {
    background-color: #007bff;
    color: white;
    font-weight: bold;
}

/* Loading / Empty */
.times_list .loading,
.times_list .empty {
    padding: 8px 12px;
    color: #555;
    font-style: italic;
    text-align: center;
}

#prenotation-box .action_button {
  margin-top: 10px;
  text-align: center;
}

#prenotation-box .action_button .button {
  width: 100%;
}

.day {
    cursor: pointer;
}

.day-editor {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    width: 300px;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,.2);
    z-index: 9999;
}

.editor-row {
    margin-bottom: 12px;
}

.editor-row label {
    font-size: 13px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.image_selector {
  gap: 10px;
  margin-top: 12px;
  justify-content: center;
  width: 83px;
  vertical-align: baseline;
  height: 100%;
}

.image_selector .thumb {
  width: 86px;
  height: 86px;
  border: 2px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background: #f8f8f8;
  transition: all 0.2s ease;
  display: block;
  margin-bottom: 5px;
}

.image_selector .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* hover */
.image_selector .thumb:hover {
    border-color: #888;
    transform: scale(1.05);
}

/* selezionata */
.image_selector .thumb.selected {
    border-color: #2b7cff;
    box-shadow: 0 0 0 2px rgba(43,124,255,0.2);
    background: #fff;
}

.format-selector label input:checked + .format-box {
    border-color: #2196F3 !important;
    background-color: #e3f2fd !important;
    box-shadow: 0 0 5px rgba(33, 150, 243, 0.5);
}
.format-selector label:hover .format-box {
    border-color: #999;
}

.scroll_images_block {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.scroll_images_block::-webkit-scrollbar {
    display: none;
}

.scroll_track {
    display: flex;
    width: max-content;
}

.image {
    flex: 0 0 100%;
    scroll-snap-align: center;
}

.image img {
    width: 100%;
    height: auto;
    display: block;
}

.video-table {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  width: calc(100% - 8px);
  margin: 4px;
}

.video-table .label {
    font-weight: 600;
    color: #111827;
    margin-bottom: 6px;
}

/* Contenitore editor */
.product_video {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

/* Box preview */
.video_play_box {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.video_play_box .cell {
	vertical-align: middle;
}

.table.video_play_box {
	text-align: center;
	background: #fff;
	width: 100%;
	border-radius: 8px;
	height: 420px;
	overflow: hidden;
}

.table.video_play_box.place_holder {
  position: relative;
  font-size: 10rem;
  color: #ccc;
}

.table.video_play_box.place_holder .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product_image .table.video_play_box, .table_image .table.video_play_box {
	height: auto;
	border:0px;
	width: 100%;
}

.video_play_box:hover::after {
    opacity: 1;
}

/* File input stile editor */
.products_video.file {
    margin-top: 12px;
    width: 100%;
    background: #ffffff;
    color: #111827;
    border: 1px dashed #cbd5e1;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
}

.products_video.file::file-selector-button {
    background: #2563eb;
    border: none;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}

.products_video.file::file-selector-button:hover {
    background: #1d4ed8;
}
.table.video_play_box video {
	height: 420px;
}

.small-text {
    margin-top: 4px;
    font-size: 11px;
    color: #6b7280;
}

/* Colonna destra */
.audio_selector {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Header */
.audio_selector_header {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 6px;
}

/* Lista scrollabile */
.audio_selector_list {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 4px;
  height: 516px;
  overflow-y: auto;
}

/* Riga MP3 */
.audio_item {
  padding: 0px 5px;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  margin: 0px 0px 4px 0px;
  background: #ebf3fe;
}

.audio_item > .row-title {
font-weight: bold;
  font-size: 0.85em;
  color: #333;
  text-transform: uppercase;
}

.audio_item > .row-info {
font-size: 0.85em; color: #666;
}

.audio_item:hover {
    background: #9fc7ff;
}

.audio_item.active {
    background: #425F9C;
    color: #ffffff;
}

.audio_item.active > .row-title , .audio_item.active > .row-info {
  color: #fff;
}


.audio_player_js {
	border: 1px solid #d1d5db;
	border-radius: 4px;
	padding: 4px;
	background: #ffffff;
	/* position: relative; */
	/* top: -88px; */
	width: calc(100% - 8px);
	/* margin: 4px; */
	/* margin-bottom: -83px; */
	height: 79px;
	margin-top: 4px;
}
.audio-controls {
    display: flex;
    gap: 10px;
    align-items: center;
}

.audio_btn {
width: 13%;
  height: 29px;
  border-radius: 7%;
  border: 1px solid #666;
  background: linear-gradient(#f5f5f5, #dcdcdc);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.25);
  cursor: pointer;
  position: relative;
  font-size: 0;
}

.audio_btn:hover {
  background: linear-gradient(#DEE9FF, #638FEB);
}

.audio_btn:active {
    box-shadow:
        inset 0 2px 4px rgba(0,0,0,.35);
    transform: translateY(1px);
}

/* Icona centrale */
.audio_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-family: Arial, sans-serif;
}

/* RECORD */
.audio_rec::before {
    content: "●";
    color: #c00;
    font-size: 26px;
}

.audio_music::before {
    content: "♫";
    color: #222;
}

/* PLAY */
.audio_play::before {
    content: "▶";
    color: #222;
}

.audio_stop::before {
    content: "■";
    color: #222;
}

.audio_upload::before {
    content: "⏏";
    font-size: 22px;
    color: #222;
    font-weight:bold;
}

.audio_preview::before {
    content: "▶";
    color: #666;
}

.audio_merge::before {
    content: "⧉";
    color: #222;
    font-size: 20px;
}

.audio_download::before {
    content: "⬇";
    color: #222;
}

.audio_controls button:hover {
    background: #1d4ed8;
}

.audio_label {
    font-size: 13px;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

#audioWaveform {
height: 28px;
  background: #f9fafb;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  margin-top: 0px;
  box-shadow: 4px 2px 4px #cccc inset;
}


/* Scrollbar soft */
.audio_selector_list::-webkit-scrollbar {
    width: 6px;
}

.audio_selector_list::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.audio_selector_list::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Quando il pulsante STA registrando */
.audio_rec.is-recording::before {
    content: "●"; /* Codice FontAwesome per STOP (quadrato) */
    color: #425F9C;
    animation: blink-red 1s infinite; /* Effetto lampeggiante */
}

/* Animazione per l'icona che pulsa */
@keyframes blink-red {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.knob-container {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 4px;
  display: inline-block;
  width: 65px;
}

.knob {
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, #444, #222);
    border-radius: 50%;
    position: relative;
    cursor: grab;
    border: 3px solid #555;
    /* Inizio a 100% (rotazione a circa 135 gradi) */
    transform: rotate(135deg);
    touch-action: none;
}

.knob-indicator {
    width: 4px;
    height: 12px;
    background: #4CAF50; /* Verde come il rettangolo del video */
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    box-shadow: 0 0 5px #4CAF50;
}

/* Stile Popup */
.knob-label {
    position: relative;
    top: -80px; /* Posiziona sopra la manopola */
    left: 50%;
    transform: translateX(-50%) translateY(0);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none; /* Non blocca il mouse */
    opacity: 0; /* Inizialmente nascosto */
    transition: opacity 0.2s, transform 0.2s;
    z-index: 10;
    width:80px;
    
    
}

/* Freccetta del popup */
.knob-label::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

/* Mostra quando il mouse è sopra o quando si trascina */
.knob-container:hover .knob-label,
.knob-container.active .knob-label {
    opacity: 1;
    transform: translateX(-50%) translateY(-10px);
}
.control-container {
  display: inline-block;
  width: calc(100% - 80px);
  top: -8px;
  position: relative;
}

.qrcode_area {
	 background-image: url('/images/qrcode_bkg_default.png');
	 background-position: center;
	 background-repeat: no-repeat;
}


#share-url #url{
    color:#333;
    font-size:14px;
    word-break:break-all;
}

#share-url #copy{
    cursor:pointer;
    color:#555;
    transition:color .2s;
}

#share-url #copy:hover{
    color:#000;
}

.image_block .product_right_actions {
  top: 5px;
  float: left;
  margin-left: 5px;
  position: relative;
  margin-bottom: -140px;
  min-height: 140px;
  text-align: center;
}

.table_image > .product_right_actions  {
  display: flex;
  position: absolute;
  max-height: 200px;
  flex-direction: column;
}

.product_right_actions > div {
	min-width: 3px;
	height: 25%;
	position: initial;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
   width: 100%;
  	padding-top: 4px;
}
.product_right_actions > button {
  display: block;
  border:0px;
  background: transparent;
  width: 100%;
  text-align: center;
}

.product_right_actions i {
    margin: 0;             /* Rimuove margini che potrebbero sfasare il centro */
    font-size: 2.0em;     /* Dimensione cuore */
    line-height: 1;
    color: #f77;
    /* Ombra bianca centrata: X=0, Y=0, Sfocatura=10px, Colore=Bianco */
    text-shadow: 0 0 5px #fff;
}

.product_right_actions > .likes .value, .product_right_actions > .cart-arrow-down .value {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  margin-top: 2px;
  line-height: 1;
  padding: 1px;
}

#share-url{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 12px;
    border:1px solid #ddd;
    border-radius:6px;
    background:#f9f9f9;
}
.message.warning {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    background-color: #fffbeb; /* Giallo crema molto tenue */
    border-left: 5px solid #f59e0b; /* Bordo laterale per enfasi */
    border-radius: 8px;
    color: #92400e; /* Testo marrone scuro per contrasto leggibile */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin: 20px 7px;
  	 width: calc(100% - 60px);
  	 max-width:none;
}

.message.warning .icon {
    margin-right: 15px;
    font-size: 1.2rem;
}

.message.warning .text {
    font-weight: 500;
    font-size: 0.95rem;
}

.banner_header.fix_view .action_button {
  position: relative;
  margin-bottom: -21px;
  top: 4px;
  right: 2px;
  float: right;
}

.banner_header.fix_view .action_button button {
	background: transparent;
  border: 0px;
}
.cell.grid_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 15px;
}
.cell.grid_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 15px;
}
/* Container principale della card */
.order-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 20px;
    margin: 15px auto;
    max-width: 600px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-left: 5px solid #2ecc71; /* Colore verde per "Paid" */
}

/* Header della card: ID e Stato */
.order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.order-id {
    font-size: 1.1em;
    color: #555;
}

.order-status-badge {
    background-color: #2ecc71;
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: bold;
    text-transform: uppercase;
}

/* Corpo della card: dettagli */
.order-body {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Due colonne su desktop */
    gap: 15px;
    margin-bottom: 20px;
}

.order-info-group b {
    display: block;
    font-size: 0.8em;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.order-info-group div {
    color: #333;
    font-weight: 500;
}

/* Pulsante */
.cellbutton {
    text-align: right;
}

.button.file-invoice {
    background-color: #3498db;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s ease;
}

.button.file-invoice:hover {
    background-color: #2980b9;
}

/* Container principale */
.details_box {
    display: flex;
    gap: 2px;
    border-radius: 8px;
    flex-wrap: wrap;
}

/* Singoli elementi cliccabili */
.details_box .aj_item {
  align-items: center;
  gap: 2px;
  padding: 4px 4px;
  background: white;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: sans-serif;
  text-transform: uppercase;
  width: calc(20% - 10px);
  text-align: center;
}

.details_box .aj_item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Colori specifici per le icone */
.fire i { color: #e74c3c;   margin-right: 4px;}
.heart i { color: #ff4757;   margin-right: 4px;}
.certificate i { color: #ffa502;   margin-right: 4px;}
.store i { color: #2f3542;   margin-right: 4px;}
.film i { color: #425F9C;   margin-right: 4px;}

/* Titolo Negozio */
h4.shop_name {
    font-family: 'Helvetica', sans-serif;
    font-size: 24px;
    margin: 20px 0 5px 0;
    color: #2c3e50;
}

/* Info Prodotti e Follower */
.shop_info .list_item {
    display: flex;
    gap: 20px;
    font-family: sans-serif;
    color: #666;
    font-size: 15px;
}

.followers_counter {
    font-weight: bold;
    color: #222;
}
.shipping_icons, .payment_icons {
	display: none;
	position:absolute;
	float: right;
	background: #fff;
	margin-top: 10px;
	margin-left:10px;
	border-radius: 4px;
}

.shipping_icons div, .payment_icons div{
	float: left;
	margin:2px;
}
.shipping_icons img, .payment_icons img {
	width: 32px;
	height: 32px;
}

/* --- REGOLE PER MOBILE --- */
@media (max-width: 480px) {
    .order-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .order-body {
        grid-template-columns: 1fr; /* Una colonna su mobile */
    }
    
    .cellbutton {
        text-align: center;
    }
    
    .button.file-invoice {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}