/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 .canvas-my-account-wrapper > .d-flex {
    flex-wrap: wrap;
 }
 .canvas-my-account-wrapper > .d-flex > .accounts-box-infos {
    margin-bottom: 0;
 }
 .canvas-my-account-wrapper > .d-flex > .accounts-box-infos:nth-child(3) {
    min-width: 100%;
    flex-direction: row;
    justify-content: space-evenly;
 }
 .me-0 {
   margin-right: 0 !important;
 }
 .btn-sm {
   padding: 0 10px;
   line-height: 20px;
   height: 36px;
 }
 #order-list td{
   vertical-align: middle;
 }
 /* Badges */
.badge {
   display: inline-block;
   padding: 0.25em 0.45em;
   font-size: 75%;
   font-weight: 700;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
 }
 .badge:empty {
   display: none;
 }
 
 a.badge:hover, a.badge:focus {
   text-decoration: none;
 }
 
 .badge-pill {
   padding-right: 0.6em;
   padding-left: 0.6em;
   border-radius: 10rem;
 }
 
 /* Contextual variations */
 .badge-primary {
   color: #fff;
   background-color: #fd5d2f;
 }
 .badge-primary[href]:hover, .badge-primary[href]:focus {
   color: #fff;
   background-color: #fd5d2f;
 }
 .badge-secondary {
   color: #fff;
   background-color: #6c757d;
 }
 .badge-secondary[href]:hover, .badge-secondary[href]:focus {
   color: #fff;
   background-color: #545b62;
 }
 .badge-success {
   color: #fff;
   background-color: #4cbb6c;
 }
 .badge-success[href]:hover, .badge-success[href]:focus {
   color: #fff;
   background-color: #4cbb6c;
 }
 .badge-info {
   color: #fff;
   background-color: #31b0d5;
 }
 .badge-info[href]:hover, .badge-info[href]:focus {
   color: #fff;
   background-color: #31b0d5;
 }
 .badge-warning {
   color: #212529;
   background-color: #ff9a52;
 }
 .badge-warning[href]:hover, .badge-warning[href]:focus {
   color: #212529;
   background-color: #ff9a52;
 }
 .badge-danger {
   color: #fff;
   background-color: #ff4c4c;
 }
 .badge-danger[href]:hover, .badge-danger[href]:focus {
   color: #fff;
   background-color: #ff4c4c;
 }
 body.user-logged #slide-logged{
  display: block !important;
 }
 body:not(.user-logged) #slide-guest {
  display: block !important;
 }