/* Global settings */
/* This is used as the traditional .clearfix class */
.group:before,
.group:after {
  content: '';
  display: table; }

.table-panier {
  text-align: center; }

.marge:hover {
  cursor: pointer; }

.panier-container {
  margin-left: 50px;
  margin-right: 50px;
  /*increase width as per your need*/
  max-width: 1500px; }

/* Body/Header stuff */
body {
  /*padding: 0px 30px 30px 20px;*/
  font-weight: 100;
  font-size: 1.1em; }

h1 {
  font-weight: 100; }

.togle-newClient:hover {
  cursor: pointer; }

.marge:hover {
  cursor: pointer; }

.title-row {
  background: linear-gradient(90deg, #020024 0%, rgba(67, 150, 9, 0.745833) 0%, rgba(215, 255, 0, 0.572164) 89%, rgba(248, 255, 208, 0) 100%);
  color: white;
  margin-bottom: 7em; }

/* Product entries */
.product {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }
  .product .product-details .product-title {
    margin-right: 20px; }
  .product .product-details .product-description {
    margin: 5px 20px 5px 0;
    line-height: 1.4em; }
  .product .remove-product {
    border: 0;
    padding: 4px 8px;
    color: #c66;
    font-size: 12px;
    border-radius: 3px; }
  .product .edit-product-article {
    border: 0;
    padding: 4px 8px;
    background-color: #c66;
    color: #fff;
    font-size: 12px;
    border-radius: 3px; }
  .product .remove-product:hover {
    background-color: #a44; }

/* Totals section */
.totals .totals-item {
  clear: both;
  width: 100%;
  margin-bottom: 10px; }
  .totals .totals-item label {
    float: left;
    clear: both;
    width: 79%;
    text-align: right; }
  .totals .totals-item .totals-value {
    float: right;
    width: 21%;
    text-align: right;
    font-size: 1.3em; }

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 15px;
  background-color: #6b6;
  color: #fff;
  border-radius: 3px; }

.checkout:hover {
  background-color: #494; }