.toppagebar {
  width:100%;
  color: #555;
display: flex;
justify-content: center;
 padding: 5px 5px 10px 5px;
  font-size: 15px;
  border: 0px solid red;
}

.toppagebar a {
  color: #555;
}

.img-radius {
  border-radius: 3px;
}

.btn-primary {
  background: #008097;
  border: 1px solid #008097;
}

.navbar {
  background: #fff ;/* background: #fff url(../images/nav-bg.png) */
  color: #64879a;
  border: 0;
  padding:5px 0 5px 0;
}

.navbar-default,
.navbar-default {
  border-radius: 0;
}

.navbar .container .fa-bars {
  font-size: 25px;
  cursor:pointer;
  margin-right: 20px;
  display: inline-block;
}

.navbar a {
  color: #fff;
  font-size: 18px;

}

.navbar .row div.leftblock {
  padding-top: 3px;
  width:auto;
}

.navbar .form-group {
  margin:0;
  padding:0;
}

.navbar .input-group {
  border: 0px solid #555 !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.navbar .input-group-addon {
  background: #f5f5f5 url(../images/panel-bg.png) !important;
}

.navbar .form-control {
  border:0;
  border-right: 1px solid #ddd;
}

.navbar .input-group-addon {
  border: 0 !important;
}

.right-panel-boxes .panel-heading {
  text-transform: uppercase;
  font-weight: bold;
  font-size:13px;
}

.right-panel-boxes .panel-body {
  line-height: 25px;
  font-size: 13px;
}

.line_height_28 {
  line-height: 28px;
}

.navbar .container .links {
  float: right;
  text-align: right;
  padding-top:7px;
}

.navbar .container .links a {
  font-size: 14px;
  margin-left: 20px;
  color: #f9f9f9;
}

.navbar .container .links a i,.navbar .container .links a .bcount {
  color: #CCFFCC;
}

.navbar .container .links a:first-child {
  margin-left: 0;
}
.navbar-inner a div:hover{
background: #f5f5f2;
}
.navbar-inner a div{
padding:5px;color:#91928b;
font-weight:normal;
font-size:13px;
}
.link-vendeur{
margin-left:100px;font-size:10px;clear:both;
}

.link-vendeur a{
display:block;
width:100%;
height:100%;
padding:5px;
background: #09b1ba;
font-size:14px !important;
color:#51798e;
font-weight:bold;
font-family:'Maison Neue';
border-radius:5px;
}
.link-vendeur a:hover{
text-decoration:none;
background: #09bcc6;

}
/* Category */
h1 {
  font-size: 20px;
  margin:0;
  padding:5px 0 10px 5px;
  color:#555;
  margin-bottom:20px;
  border-bottom: 1px solid #ddd;
}

/* Category Products */
.productarea{
width: 30%;
display:inline-block;
}
.productarea .row {
  padding:0;
  margin:0;
}
.productarea .panel-footer button:first-child {
  margin-right:20px;
}
:root {
  /* Not my favorite that line-height has to be united, but needed */
  --lh: 1.6rem;
}
.productarea h2 {
line-height: var(--lh);
  --max-lines: 2;
  position: relative;
  max-height: calc((var(--lh) * var(--max-lines)));
  overflow: hidden;
  padding-right: 1rem; /* space for ellipsis */
 
}
 .productarea h2 a {
  font-size: 14px;
  text-decoration:none;
display:block;
}
.productarea h2::before {
  position: absolute;
  content: "...";
  /* tempting... but shows when lines == content */
  /* top: calc(var(--lh) * (var(--max-lines) - 1)); */
  
  /*
  inset-block-end: 0;
  inset-inline-end: 0;
  */
  bottom: 5px;
  right: 0;
  color:#2a9af8;

}
.productarea h2::after {
  content: "";
  position: absolute;
  /*
  inset-inline-end: 0;
  */
  right: 0;
  /* missing bottom on purpose*/
  width: 1rem;
  height: 1rem;
  background: white;
}
.productarea .image {
 margin: auto;
 padding:0px;
 display: flex;
 overflow:hidden;
justify-content: center;
align-items: center;
}
.productarea .image img {

  padding:0px;
}
.productarea .bottom {
  border-top:1px solid #ddd;
   margin-top:10px;
}
.productarea .bottom .price {
  font-size: 15px;
  font-weight: bold;
  color: #02798E;
  margin-top:5px;
  padding:0;
  border:0px solid blue;
}
.productarea .bottom .price .offer {
  font-weight: normal;
  font-style: italic;
  color: #999999;
  text-decoration: line-through;
}
.productarea .bottom .info {
  padding:0;
}
.productarea .additional_images img {
  width: 60px;
  height: 60px;
  float:left;
  margin:0 5px 5px 0;
  padding:5px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.productarea .additional_images img:hover {
  background: #f9f9f9;
}

/* Product view */
.productpagearea .row {
  padding:0;
  margin:0;
}
.smallqty {
  padding-left:50% !important;
}
.addcartbutton {
  text-align: center !important;
}
.productpagearea h2 {
  margin:0 ;
  padding:0 ;
}
.productpagearea h2, .productpagearea h2 a {
  font-size: 15px;
}
.productpagearea .image img {
  width: 100%;
}

.productpagearea .additional_images img {
  width: 80px;
  height: 80px;
  float:left;
  margin:0 5px 5px 0;
  padding:5px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.productpagearea .additional_images img:hover {
  background: #f9f9f9;
}
.producttabarea .panel-default {
  border-top: 0;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.productnavtabs .nav-tabs {
  border-bottom: 2px solid #ddd;
}
.productnavtabs .nav-tabs li {
  margin-bottom: -2px;
}
.productnavtabs .nav-tabs li a,.productnavtabs .nav-tabs li a:hover,.productnavtabs .nav-tabs li a:focus {
  border-width: 2px;
  border-bottom: 0;
}
.productnavtabs .nav-tabs li a:hover {
  background: #fff;
}
.productpagearea .bottom .price {
  font-size: 20px;
  font-weight: bold;
  color: #02798E;
  padding:0;
}
.productpagearea .bottom .price .offer {
  font-weight: normal;
  font-style: italic;
  color: #c0c0c0;
  text-decoration: line-through;
}
.productpagearea .bottom .text {
  padding:0;
  font-size: 12px;
  font-style: italic;
}
.addthis_div .panel-body {
  padding-bottom: 10px;
  text-align: right !important;
}
.productbuyarea .table tr td,.producteditarea .table tr td {
  vertical-align: middle !important;
}
.productbuyarea .table tr td:last-child {
  text-align: right;
  width: 15%;
}
.producteditarea .table tr td:last-child {
  text-align: right;
  width: 20%;
}
.productbuyarea .table tr td .form-group,.producteditarea .table tr td .form-group {
  padding:0;
  margin:0;
}
.productbuyarea .offer,.producteditarea .offer {
  font-weight: normal;
  font-style: italic;
  color: #c0c0c0;
  text-decoration: line-through;
}

/* New pages */
.newpagearea .panel-heading {
  font-size: 16px;
  font-weight: bold;
}

/* Pages */
.mswpages,.pagination {
  text-align: right !important;
  padding:0 !important;
  margin:0 0 30px 0 !important;
}
.pagination li.active a {
  background: #02798E !important;
  border: 1px solid #555 !important;
}

/* Footer Bar */
.footbar {
  border-top: 2px solid #ddd;
  padding:20px;
  margin-top:130px;
}
.footbar .row div {
  line-height: 35px;
}
footer .socialbuttons {
  margin-bottom: 15px;
}
footer .socialbuttons a i {
  font-size: 32px;
  color: #02798E;
}
footer .socialbuttons a i:hover {
  color: #555;
}
.footbar .social .row {
  padding-top:30px;
}
.footbar h2 {
  padding:0;
  margin:0 0 20px 5px;
  font-size:14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
}
.footbar .footlatest .image img {
  width: 60px;
  background:#fff;
  border:1px solid #ddd;
  padding:5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.footbar .footlatest {
  padding:10px 0 10px 0;
  border-top: 1px dashed #ddd;
  width:100%;
}
.footbar .footlatest hr {
  border:0;
  border-bottom: 1px solid #ddd;
}

.footbar .footlatest .product {
  padding-left:0;
}

.footbar .footlatest:first-child {
  padding-top:0;
}

.footbar .footlatest:last-child {
  border-bottom: 0;
}

.footbar .latest .price {
  font-size: 14px;
  font-weight: bold;
}

.footbar .latest .price .offer {
  font-weight: normal;
  font-style: italic;
  color: #c0c0c0;
  text-decoration: line-through;
}

/* Dialog Basket */
.empty_basket {
  text-align: center;
  font-style:italic;
  padding:30px 0 30px 0;
  border: 1px dashed #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #FCFCFC;
}
.clearing {
  text-align: center;
  font-style:italic;
  height: 150px;
  border: 1px dashed #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url(../images/animated/loading.gif) no-repeat 50% 50%;
}
.dialogitem {
  border-width: 2px;
}
.dialog-total {
  font-weight: bold;
  font-size: 20px;
}
.bootbox .dialog-checkout {
  margin-bottom: 25px;
}
.bootbox .bootbox-body .minqtyadd {
  display: block;
  margin-top:2px;
  font-style:italic;
  color: #008097;
}
.dialogcartwrapper .table {
  padding-bottom:0;
  margin-bottom:0;
}
.dialogcartwrapper .table td {
  border:0;
  padding:0;
}
.dialogcartwrapper .table tr td:last-child{
  text-align: right;
}
.dialogcartwrapper .options {
  font-size: 12px;
}
.dialogcartwrapper hr {
  margin: 10px 0 10px 0;
}

/* Checkout */
.checkoutarea h2 {
  font-size: 20px;
  margin:0;
  padding:5px 0 10px 5px;
  color:#555;
  margin-bottom:20px;
  border-bottom: 1px solid #ddd;
}
.checkoutarea .form-group {
  margin-bottom:0;
  padding-bottom:0;
}
.checkoutarea .newaddress .form-group {
  margin-bottom: 15px;
}
.checkoutproduct .panel-body,.checkoutproduct .table-responsive,.checkoutproduct .table {
  padding-bottom:0;
  margin-bottom:0;
}
.checkoutproduct .table {
  margin-bottom: 15px;
}
.checkoutproduct .table td {
  border-color: #F4F3F1;
}
.checkoutproduct .top {
  padding-bottom: 20px !important;
}
.checkoutproduct .top a {
  font-weight: bold;
}
.checkoutproduct .top td {
  border:0;
  padding:0;
}
.checkoutproduct .top td:last-child {
  padding-left: 20px;
}
.checkoutproduct .top td:last-child img {
  width: 50px;
}
.checkoutproduct .panel-body .options {
  font-size: 14px;
}
.checkoutproduct .panel-body .options .highlight {
  color: #008097;
}
.checkoutproduct .panel-body .options td {
  padding:7px 0 7px 0;
}
.checkoutproduct .panel-footer a {
  color: #555;
  font-size: 11px;
  margin-right:20px;
  font-weight: bold;
  text-transform: uppercase;
}
.checkoutproduct .panel-footer a:last-child {
  margin-right: 0;
}
.checkoutproduct .panel-footer i {
  color: #555;
  font-size: 12px;
}
.checkoutboxes hr {
  border-bottom: 1px solid #ddd;
}
.checkoutboxes .overview {
  font-size: 13px;
}
.checkoutboxes .overview p {
  font-weight: bold;
}
.checkoutboxes .overview p .viewbasket {
  font-weight: normal;
  margin-left: 10px;
}
.checkoutboxes .overview .table {
  margin-bottom: 0;
}
.checkoutboxes .overview .highlight {
  color: #008097;
}
.checkoutboxes .cards img {
  margin-right: 20px;
}
.checkoutboxes .cards img:last-child {
  margin-right: 0;
  width: 51px;
  height: 32px;
  border:1px solid #ddd;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.checkoutboxes .grandtotal {
  background: #f9f9f9;
  font-weight: bold;
  font-size: 15px;
}
.checkoutarea .nobottommargin {
  margin-bottom:0;
}

/* Screens */
.smallscreenarea {
  margin-top: 50px;
}
.smallscreenarea .panel-heading {
  font-weight: bold;
  text-transform: uppercase;
}

/* View Order */
.vieworderarea {
  color: #555;
}
.vieworderarea h2 {
  font-size: 20px;
  margin:0;
  padding:5px 0 10px 5px;
  color:#555;
  margin-bottom:20px;
  border-bottom: 1px solid #ddd;
}
.vieworderarea .overview {
  font-size: 13px;
  line-height: 20px;
}
.vieworderarea .totals tr td:first-child {
  width:75%;
  font-weight: bold;
}
.vieworderarea .totals .grand {
  font-size: 18px;
  color: #0089a1;
}
.vieworderarea .table {
  padding-bottom: 0;
  margin-bottom: 0;
}
.vieworderarea .downloads td,.vieworderarea .shipped td {
  font-size: 13px;
  font-weight: bold;
}
.vieworderarea .marginbottom50 {
  margin-bottom: 30px;
}
.vieworderarea .shipped hr:last-child {
  display:none;
}
.vieworderarea .shipped h3 {
  font-size: 15px;
  font-weight: normal;
  margin:0 0 5px 0;
  color:#0089a1;
  padding:0 0 10px 5px;
}
.vieworderarea .shipped tr td:first-child {
  border-left:2px solid #0089a1;
}
.vieworderarea .shipped tr td:nth-child(2) span {
  font-weight: normal;
}
.vieworderboxes .panel-body {
  line-height: 22px;
}

/* Slider */
.rangesliderarea .barea {
  margin-top:10px;
}
.rangesliderarea .prices {
  font-size: 18px;
  color: #02798E;
  font-weight: bold;
  margin-bottom: 10px;
}
.rangesliderarea .prices .slideStart {
}
.rangesliderarea .prices .slideEnd {
}

.filterarea {
  margin-bottom: 10px;
}

/* Popular / Related Boxes */

.popularboxarea,.relatedboxarea {
  padding-bottom:0 !important;
}

.popularboxarea .panel-body,.relatedboxarea .panel-body {
  padding-bottom:0 !important;
}

.popularrow, .relatedrow {
  padding:15px 0 15px 0;
  border-bottom: 1px dashed #ddd;
}

.popularrow .product, .relatedrow .product {
  padding-left:0;
}

.popularrow:first-child, .relatedrow:first-child {
  padding-top:0;
}

.popularrow:last-child, .relatedrow:last-child {
  border-bottom: 0;
}

.popularrow:nth-child(even), .relatedrow:nth-child(even) {
  background: #f9f9f9;
}

.popularrow .product .price, .relatedrow .product .price {
  border-top:1px dashed #ddd;
  margin-top:10px;
  padding-top:10px;
  font-size: 14px;
  font-weight: bold;
}
.popularrow .product a {
display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popularrow .product .price .offer, .relatedrow .product .price .offer {
  font-weight: normal;
  font-style: italic;
  color: #c0c0c0;
  text-decoration: line-through;
}

.itemleft {
  text-align: left !important;
}

.tandc {
  font-weight: bold;
  text-transform: uppercase;
}

/* Captcha Image */

.capimg img {
  cursor:pointer;
  margin-bottom:10px;
  border:1px dashed #ccc;
  padding:1px;
}
.hidden-xs .link-categorie {
margin-top:10px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;color:#1d1de9;
}
.hidden-xs .link-categorie a {
color:#1d1de9;
}