@charset "UTF-8";
/*------------------- not for a specific page -------------------------*/
 .cmds {
    border-radius: 4px;
    color: #35568c;
    background-color: whitesmoke;
    text-align: center;
    padding: 18px 0;
    height: 82px;
    padding: 20px;
 }
label.show_map {
    color: #F44336;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    /* display: none; */
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 0 !important;
} 
.score {
    display: inline-block;
    font-size: 9px;
    padding: 4px 0px 4px 6px;
    border-radius: 7px 0px 0px;
    color: white;
    font-weight: bold;
    line-height: 1;
    /* bottom: 10px; */
    /* right: 0; */
    position: relative;
}
div#scorerecord {
    position: absolute;
    bottom: 0;
    /* left: 50%; */
    /* transform: translate(-50%, -0%); */
    bottom: 10px;
    right: 12px;
}
.score-new {
    background-color: #007bff; /* Bleu */
}

.score-good {
    background-color: #28a745; /* Vert */
}

.score-att {
    background-color: #ffc107; /* Jaune */
}
.image-item.PrincipalImageVideo {
    width: 100%;
}

.col-2 .image-item {
    width: 100%;
}

.score-error {
    background-color: #dc3545; /* Rouge */
}

.score i {
    margin-right: 4px;
}


input#ordertotalVal {
    width: 100%;
    font-weight: 700;
    font-size: 19px;
    border: 1px solid #ada8a8;
    border-radius: 5px;
    padding: 1px 5px;
}

.hideSMS {
    display: none!important;
}

body #table td.normal:nth-child(2) {
    color:initial;
}

td.num strong {
    color: #0f6efd;
}

.orderdonetext {
    display: inline-block;
}

.orderdone {
    display: inline;
    margin-left: 2%;
}

.orderdone a {
    color: inherit;
    font-weight: 700;
    text-decoration: none;
}
label.show_map:hover {
    color: #d00e00;
}
span.show_total , .frais {
    color: #FF5722;
    font-weight: bold;
    font-size: 15px;
}
button.btn.btn-sm.btn_default.total {
    background-color: #f1f5f9;
    color: #4a5b6e;
    font-size: 11px !important;
    padding: 6px 13px;
    margin: 0;
    margin-left: 12px;
    margin-bottom: 0px;
    border: 1px solid #011b38;
    border: none;
}
ul.menu.restau_header {
 text-align: right;
 }
.text-center.notif.alert.alert-counter.fade.show {
    border: 1px solid #293f62;
    color: #293f62;
    background-color: #f2f2f28a;
}
select.form-control.searching {
    font-size: 14px;
    /* height: 34px!important; */
    padding: 8px;
}
div#mySidebar {
    height: calc(100% + 100px);
    width: 260px;
    position: fixed;
    z-index: 1;
    left: 0;
    float: left;
    background-color: #001b38;
    overflow-x: hidden;
    padding-top: 8px;
    transition :width 0.3s;
    top: -11px;
    min-height: 800px;
    box-shadow: rgb(0 0 0 / 2%) 1px 3px 15px 0px;
    /* border-right: 1px solid #ebf3ff; */
}

.rtl div#mySidebar {
    float: right;
    right: 0;
    left: initial;
}
img.delivery {
    height: 24px;
    margin-top: 1px;
    cursor:pointer;
    float:right;
    position: relative;
    right: 0;
    bottom: 23px;
}

a.btn.btn-sm.etatBTN.mobile {
    padding: 2px 5px;
}

* {
     font-family: 'Inter', "Tajawal", -apple-system, "system-ui", "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
     font-optical-sizing: auto;
     font-weight: 200;
 }

.lignes.info {
    text-align: center;
    font-weight: 500;
    background-color: #f3f3f3;
    margin-top: -5px;
    padding: 2px;
    border-radius: 0 0 6px 6px;
}

.lignes.lignes_width {
    height: 22px;
    overflow: hidden;
}

.row.CartRow {
    border-bottom: 1px dashed #e8e8e8;
    margin-bottom: 23px;
}

.row.CartRow input, .row.CartRow input::placeholder {
    text-align: center;
}


span.Cartcolor {
    height: 12px;
    width: 12px;
    display: inline-block;
    content: "";
    margin-bottom: -2px;
    border-radius: 50%;
    border: 1px solid #bababa;
}

.achatHolder {
    bottom: -34px;
    transition: 0.3s all ease-in-out;
    z-index: 9;
    position: absolute;
    background: #2993ecad;
    padding: 8px 0;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

.rtl .achatHolder {
    direction: ltr;
}

body h2 {
    text-transform: initial;
    color: #011b38;
}

h2 small {
    background: #eaf4ff;
    display: inline-flex;
    padding: 2px 10px;
    margin: 0 6px;
    border-radius: 60px;
    font-size: 11px;
    border: 1px solid;
    color: #0086ff;
    vertical-align: middle;
}

.form-select-sm {
    padding: 13px 15px;
    height: 47px;
}



i.fas.iconsStat {
    position: absolute;
    left: 10px;
    top: 11px;
    z-index: 0;
    font-size: 55px;
    color: rgb(255 255 255 / 21%);
    fill: #fff;
    width: 70px;
}

i.fas.stp {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 11px;
    color: #ffffff;
}

div#mySidebar img.logoLogin {
    display: block;
    width: 136px;
    margin: 17px auto;
}

.footerCredit {
    position: fixed;
    bottom: 9px;
    left: 15px;
    font-size: 12px;
}

.rtl .footerCredit {
    left: initial;
    right: 69px;
    color: #fff;
    direction: ltr;
}

div#menu {
    float: right;
    width: 100%;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff !important;
    --bs-table-accent-bg: #ffffff !important;
}

.table-striped tbody td {
    border-bottom: 1px solid #f1f5f9!important;
}

table.table {
    font-size: 13px;
    margin-top: 5px;
    border: none!important;
    border-color: transparent;
    background: #fff;
    border-radius: 17px;
    overflow: hidden;
}

table#table img {
    max-width: 45px;
}

table#table a {
    text-decoration: dotted;
    color: inherit;
    font-weight: 400;
}

h2 {
    font-size: 20px!important;
    text-transform: uppercase;
}

span.cmdDateU {
    display: block;
    font-size: 11px;
    color: #626262;
}
 button.btn.btn-danger.delete  ,button.btn.btn-danger.delete2{
     display:none;
 }
 svg.svg-inline--fa.fa-whatsapp.fa-w-14 {
    font-size: 20px;
    color: white;
    padding: -4px;
    /* font-weight: 800; */
}
a.btn.btn-sm.whtsp{
    background-color: #05ca81;
    padding: 4px 9px;
}

 button.btn.btn-danger {
    cursor: pointer;
}
 th.no_style {
    width: 20%;
} 
th.no_style.actions {
    width: 12%;
}
.editcat svg.svg-inline--fa.fa-edit.fa-w-18 {
    font-size: 23px !important;
    display: inline;
    /* vertical-align: initial; */
    margin-bottom: 4px;
}
 select#data {
    font-size: 14px;
}
input.form-control.image {
     padding:5px;
 }
 .input-group.mb-3 {
    margin: 0 !important;
    height: 38px;
}

.rtl .col-12.input-group.mb-3 {
    direction: ltr;
}
 svg.svg-inline--fa.fa-plus.fa-w-14.fa-2x {
    color: #009688;
    cursor: pointer;
    font-size: 26px;
}
 svg.svg-inline--fa.fa-trash-alt.fa-w-14 {
    font-size: 19px;
    color: #ba2d2d;
    cursor: pointer;
}
 img.img-thumbnail {
    height: 38px;
    transition: transform .2s;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    width: 57px;
    background-color: #f3f3f3;
}
img.img-thumbnail:hover {
    transform: scale(2.5);
}
.input-group-prepend {
    z-index: 999;
}
 .myform.internal.register-form.form-add .col-6 ,.col-12{
    margin-bottom: 11px;
}
 .col-6 .col-12 a {
    color: #da9600 !important;
}
 a.btn.btn-sm.contact{
    background-color: #ff4b3e;
    padding: 6px 10px;
    color: #ffffff;
    padding: 5px 9px;
}
 .myform.internal.register-form.form-add {
    border-radius: 5px;
    padding: 5px;
    /* min-height: 642px; */
    /* margin-top: 12px; */
}
 a.back-reg.btn.btn-sm {
    background-color: #000000;
    color: #ffffff;
    padding: 6px 13px;
    font-weight: bold;
    font-size: 14px;
}
 th td  :not(.no_style){
    cursor:  pointer;   
} 

  #table th {
       background: #f1f5f9!important;
    --bs-table-accent-bg: #f1f5f9!important;
    border-bottom: 1px solid #f1f5f9!important;
      padding:10px;
      color:#919299;
}

.orderTable#table td {
    font-size: 12px;
}

.orderTable#table th:first-child {
    width: 42px;
}

  #table th, #table td {
    border: 1px solid rgb(231 232 242 / 7%);
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    background: #fff;
    --bs-table-accent-bg: #fff;
    border-bottom: 1px solid #e8f1fb!important;
    position: relative;
}

body #table th, body #table th span {
    font-size: 12px;
    font-weight: 500;
}

body #table th {
    border-bottom: 1px solid;
}

body #table th:first-child {
    width: 78px;
}

.table .thead-inverse th {
    color: var(--bg-second);
    text-align: center;
    font-weight: bold;
}
button.btn.btn-primary:focus{ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0);}

ul.list-group {
    font-size: 13px;
    margin-top: 39px;
}
body {
          margin: 0;
          padding: 0;
          background-color: hsl(210,40%,96%)!important;
          width:100%;
     }

body {
    /* background-image: url(/../image/bg.png); */
    background-size: 385px;
}
body#admin_commandes.side, body#admin_produits, body#admin_client.side, body#admin_index{
}

body#admin_index {
    padding-bottom: 55px;
}
.header {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 0px 20px;
    z-index: 99;
    position: relative;
    color: #001b38;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, 0);
    box-shadow: none;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .13);
}

.rtl .header {
    direction: ltr;
}

.QtyControl {
    display: flex;
}

.QtyControl button {
    padding: 0px 3px;
    height: 20px;
    line-height: 2px;
    margin: 4px 2px;
    background: #0f6efd;
    width: 20px;
    color: #fff;
}

.QtyControl button:nth-child(1) {
    background-color: #FF5722;
}

small.left.leftsubprod img {
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-right: 6px;
    float: left;
transition: transform 0.3s ease-in-out;
    transform-origin: top;
    
}
small.left.leftsubprod {
transition: transform 0.3s ease-in-out;
    transform-origin: center;
}
small.left.leftsubprod:hover {
    transform: scale(2);
    z-index:9;
    position:relative;
    background-color:#fff;

}
small.left.leftsubprod img:hover {
    transform: scale(3);
    z-index:9;
    position:relative;
    background-color:#fff;

}

small.left.leftsubprod img {
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-right: 6px;
    float: left;
}

small.left.leftsubprod b {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 0px 2px;
    font-size: 10px;
}

span.cirlOrd {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
    margin-bottom: -2px;
}

.collapse small.left.leftsubprod span.cirlOrd {
    margin-left: 3px;
    border: 1px solid;
}
.show
{
  visibility:visible !important;
}
.hide
{
  display: none!important;
}
.lien {
        color: #332f2f;
        /* font-size: 0rem; */
        font-weight: bold;
        text-decoration: underline;
      }

.lien:hover { 
              color: #670022;
           }
           
.wrapper {
            margin: 40px auto 50px;
            /* max-width: 1250px; */
            display: block;
            min-height: 865px;
            width: 100%;
            height: auto;
          }

#wrapper_holder {
    width: calc(100% - 275px);
    transition: width 0.3s;
    right: 0;
    /* position: absolute; */
    float: right;
}

.rtl #wrapper_holder {
    float: left;
}

.card-box {
            background-color: #fff;
            box-shadow: -1px 1px 9px 0 rgb(0 0 0 / 3%), 0 1px 0 0 rgb(0 0 0 / 4%);
            padding: 15px;
            border-radius: 5px;
            width: 100%;
        }

#login .card-box {
}

.card-box h3{
                font-size: 14px;
                font-weight: bold;
                line-height: initial!important;
              }  

label{
        font-size: 13px;
        margin-bottom: 3px !important;
        font-weight: 500;
        color: #000;
    }

.right{
        float: right;
        margin: 49px 0px 10px;
      }



.valider {margin: 0 12px;}

body .form-control:focus {border-color: #0000001a;box-shadow: 0 0 0 0.2rem rgb(0 150 136 / 7%);}

span.page-link {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

select.required.form-control {
    font-size: 14px;
}

p.ref{
    font-size:  14px;
    max-height: 108px;
    height: 108px;
    overflow:  scroll;
  }
  
textarea.ref {
    font-size: 14px;
    height: 108px;
    max-height: 108px;
    overflow:  scroll;
}

.alert-warning hr {
    border-top-color: #86022e4f !important;
}

/*----------------- header ----------------------------*/

.logo{
       background-color: #ffffff;
       height: 50px;
       }
.img{
      height: 65px;
      margin:  0 auto;
      display:  block;
      padding: 6px;
    }
       
       
.header ul li{
               display: inline;
               position: relative;
            }

.menu li > a {
    padding: 11px 0;
}
.menu li{
                padding: 24px 14px;
            }

.fa-bell.alertes {
          color: #690023;
          margin-right: 5px;
          font-size: 16px;
         }
.menu{
       color: #ffffff !important;
       text-align: center;
       font-weight: bold;
       font-size: 15px;
       letter-spacing: 0.5px;
       /* margin: 10px; */
       letter-spacing: 1px;
       margin: 0px;
       /* background-color: #0009b1; */
       padding: 22px 3px;
       /* padding-bottom:  0; */
       float: right;
    }
    .menu a{
            text-decoration: none !important;
            color: #ffffff;
            font-size: 13px;
            font-weight: 400;
            text-transform: capitalize;
            }


    .header a:hover{
                   color: #bdc2ff !important;
                   font-weight: 600;
              }

    .active svg {
                color: #306394;
                }
    .active i{
               /* color: #306394; */
             }
             
/* ------------------ icon log out ------------------- */
li.log_icon {
    top: 10px;
    float:  right;
    padding-right: 6px;
    margin-top: -3px;
}
ul.drop {
    padding:  14px;
}

.drop li {
    padding: 15px 0 15px 27px;
    text-decoration: none !important;
}
 .drop li:hover {
      background-color: #f4f4f4;
 }
.drop {
    background-color: white;
    /* list-style:  none; */
    width: 185px;
    border-radius: 0 0 5px 5px;
    border: solid 1px white;
    /* color: #9a0a3b !important; */
    margin:  0;
    /* top: -10px; */
    /* position:  fixed; */
    /* height: 0; */
    float:  right;
    /* right: -200%; */
    visibility:hidden;
    position: relative;
    z-index: 99;
}

.drop ul {
    list-style: none;
    padding: 14px 10px 1px 0px;
    margin:  0;
    padding:  0;
    /* height:  0; */
    /* right: -200%; */
}
.drop li {
    color: #000000;
.pointer {
    cursor: pointer;  }
    cursor: pointer;
    cursor: pointer;
}
.drop li:hover {
    color: #86022e;
    /* text-decoration: none; */
    /* background-color: gray; */
}
.drop li:focus {
    color: #86022e;
    /* text-decoration: none; */
    /* box-shadow: 0 0 0 0.2rem rgba(0,0,0,0); */
}
/*---------------footer ---------------------------------  */  

.footer {
             border-top: solid rgba(101, 101, 101, 0.2901960784313726)  1px;
             color: #40494e;
             text-align: center;
             padding: 8px 0px;
             /* position: relative; */
             width: 100%;
             display: inline-block;
             background: #fff;
             display: block;
             /* bottom: 0; */
             /* padding-right: 200px; */
             font-size: 12px;
          }

#admin_index .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 40px;
    z-index: 999;
    padding: 5px;
    font-size: 7px;
    display: none;
}

.footer p{
            color: #58666e;
            text-align: center;
            font-size: 14px;
            padding: 6px;
        }

/*---------------- index ----------------------------*/

#accueil{
        background-repeat: no-repeat;
        background-image: url("../image/bg.jpg");
        background-size: cover;
        background-attachment: fixed;
        background-position: center;

       }   
    

/*.bg {
    background-color: #000000a6;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    z-index: 99999999;
    }
*/
#accueil .wrapper{
                    max-width: 701px;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    vertical-align: middle;
              }

#accueil .container{
                       z-index: 99999999;
                     }

#accueil .header-title{
                         margin-bottom: 20px;
                         letter-spacing: 1.5px;
                         /*                          font-family: 'Inconsolata', monospace;
*/
                         color:  #86022e;
                         font-size: 1.8rem;
                         font-weight: bold;
                      }

#accueil p{
              color: #868e96!important;
              font-size: 13px;
              margin-bottom: 28px;
              padding: 0 46px;
            }


#accueil .btn-primary {
                         color: #fff;
                         padding: 12px 50px;
                         margin: 15px 0;
                         letter-spacing: 0.7px;
                         background-color: #000000!important;
                         border-color: #000000!important;
                      }

#accueil .btn-primary:hover, .btn-primary:hover {
    /* background-color: #e3b143!important; */
    /* border-color: #e3b143!important; */
}
#accueil strong {
                   padding: 15px;
                   /* font-weight: bold; */
                   text-transform: uppercase;
                }
#accueil a:focus {
    color: #86022e;

}
a.btn.btn-primary.btn-big {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}
  .lien:focus {
      color: #86022e;
}
/* -------------------------------avertissement ------------------------------------------- */

/* #averti .checkbox input { */
    /* padding: 0 10px; */
    /* margin-right: 10px; */
    /* margin: 0 5px; */
/* } */
#avertis h4 {
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    color: #86022e;
    font-size: 1.8rem;
    font-weight: bold;
}

/* #avertis p{ */
              /* color: #868e96!important; */
              /* font-size: 13px; */
              /* margin-bottom: 28px; */
              /* padding: 0 46px; */
            /* } */

#avertis .wrapper{
                    max-width: 701px;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    vertical-align: middle;
              }

#avertis .container{
                       z-index: 99999999;
                     }
#avertis label {
    margin-bottom: 12px;
}
#avertis .btn-primary {
    color: #fff;
    padding: 12px 30px;
    margin: 15px 10px;
    letter-spacing: 0.7px;
    background-color: #000000!important;
    border-color: #000000!important;
}

.skiptranslate {
    top: -42px;
    position: fixed;
}
.menuLang {
    display: inline-block;
    padding: 0px 10px;
}

.menuLang label {
    display: block;
    font-size: 11px;
    display: none;
}

.menuLang select#language-selector {
    border-radius: 15px;
    width: 120px;
    text-align: center;
    font-size: 13px;
    padding: 4px;
    margin-top: 0px;
}
#avertis .btn-primary:hover{
    background-color: #86022e!important;
    border-color: #86022e!important;
}
/*  ------------------ page saisir (etape 1 et 2 et 3) ----------------------------------------*/

#page-saisir{
              margin: 0;
              padding: 0;
              background-color: rgba(214, 214, 214, 0.34901960784313724);
            }                  
#page-saisir .card-box {
                padding:27px;
               }
#page-saisir p{
                color: #868e96!important;
                font-size: 13px;
                margin-bottom: 28px;
              }

#page-saisir p span{
                     font-size: 15px;
                     margin-bottom: 28px;
                     color: black !important;
                    }

.suivant {
            margin-left: 124px;
            margin-bottom: 7px;
            letter-spacing: 0.4px;
            }
             
.etapesuiv {
             margin-left:47px;
             letter-spacing: 0.7px !important;
             margin-bottom: 7px;
             float:  right;
           }
           
.title{
        /* margin-top: 13px; */
        font-size: 18px;
        font-weight: bold;
      }  


.form-group{
              margin-left: 20px;
           }

.etape1 .q{
             text-align: center;
           }
.etape1 .radio-inline{
            margin-left:50px;
           }
textarea#desc {
    font-size: 15px;
}
textarea#q6 {
    font-size: 15px;
}


textarea#note {
    margin-bottom: 9px;
     font-size: 15px;
}
label.radio-inline.rad {float:  right;margin-left: 17px;margin-top: 4px;}

.hidestatut {
    overflow: hidden;
    max-height: 0; 
    transition: .5s all;
}
div#addstatut {
    margin-top: 7px;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}



button.btn.btn-primary.valider {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}



/*-------------------- mes alertes --------------------------------------------------*/

th {
       /* color: #86022e; */
       /* vertical-align: top !important; */
       /* font-weight: bold; */
       /* letter-spacing: 0.2px; */
     }
.td  { 
       text-align: center;
     }

.detail {
   /* letter-spacing: 0.4px; */
   border-color: #bababa !important;
   background-color: #000000 !important;
   color: white !important;
   padding: 3px 8px !important;
   /* text-align: center !important; */
   }
         
#txtSearch:focus {border-color: #131313 !important;box-shadow: 0 0 0 0.2rem rgba(0,0,0,0);}




.alert-warning {     margin-right: 350px;  }

.alert-info {/* margin-left: 350px; */}

.envoyer {
           float:right;
           margin-top:20PX;
           /* width: 100px; */
           /* letter-spacing: 0.4px; */
          }

.scroll {  overflow: scroll;
           height:300px;
         }

.btn-file {
             position: relative;
             overflow: hidden;
             margin-top:20PX;
          }

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
  
}
  
#detail .valider {
           float:right;
           margin-top: 11px;
           width: 84px;
           letter-spacing: 0.4px;
           padding: 4px 0px !important;
           margin-right: 0px;
           background-color: #86022e;
           color: #fff;
           display: none;
          }

#detail .modifier{
    margin-top: 11px;
    width: 84px;
    letter-spacing: 0.4px;
    padding: 4px 0px !important;
    background-color: #86022e;
    color: #fff;
    float: right;
}
#detail .modifier:hover {
         background-color: #000000;
}
         
#detail .valider:hover {
         background-color: #000000;
}

#detail .modifier:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
    }
#detail .valider:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
    }
#detail .form-control[readonly] {
    background-color: #f1f1f170;
    font-size: 13px;
}

#detail .alert-info {
    background-color: #f6fcff;
    border-color: #99a3bd;
    color: #000000;
    font-size: 12px;
    font-weight: 200;
    pading-top: 24px;
    padding-top: 16px;
}

#detail .alert-warning {
    background-color: #f4f4f4;
    border-color: #b9b9b9;
    color: #000000;
    font-size: 12px;
    font-weight: 200;
    /* position:  relative; */
    padding-top: 16px;
}
#detail .form-control:focus {
    /* border-color: #000000; */
}
 
button.btn.btn-primary.search:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
}

#detail span.small {
    /* float: right; */
    /* position:  fixed; */
    /* position: fixed; */
    /* right: 0; */
    /* top: 50%; */
    position: absolute;
    top: 4px;
    right: 10px;
    /* bottom: 4px; */
    /* width: 8em; */
    /* margin-bottom: 10px; */
}   

.form-control:disabled, .form-control[readonly] {
 background-color: #eceeef66 !important;
 } 
 
fieldset#infos {
    border: 1px solid #86022e;
    padding: 0px 18px;
    padding-bottom: 23px;
    margin-bottom: 15px;
    font-size: 14px;
    position:  relative;
}
fieldset#infos legend {
    width: 87px;
    padding-left: 19px;
    background:  #fff;
    margin-bottom: 15px;
}

.legend2 {
    position: absolute;
    top: -0.0em;
    right: 20px;
    background: #fff;
    line-height: 1.2em;
    width: 63px;
    padding-left: 18px;
}
#infos b {
    color: rgb(85, 85, 85);
}
fieldset#infos .col-6.col1 {
    border-right: 1px solid #adadad;
    min-height: 389px;
}

a.btn-danger.back {
    float: left;
    margin-top: 0px;
    background-color: #86022e;
    border-color: #86022e;
    padding: 7px 13px;
    padding: 5.5px 12px;
    font-size: 15px;
    /* margin-right: 8px; */
    margin-bottom: 15px;
}
fieldset.faits_part {
    border: 1px solid #86022e;
    padding: 0px 18px;
    padding-bottom: 12px;
    margin-bottom: 15px;
    font-size:14px;
    position:  relative;

}
fieldset.faits_part b {
    color: rgb(71, 71, 71);
}
fieldset.faits_part legend {
    width: 255px;
    padding-left: 19px;
    background:  #fff;
}
fieldset.ref_part {
    border: 1px solid #86022e;
    padding: 0px 18px;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
fieldset.ref_part legend  {
    width: 99px;
    padding-left: 19px;
    background:  #fff;
}
fieldset.messagerie {
    border: 1px solid #86022e;
    padding: 0px 18px;
    padding-bottom: 21px;
    margin-bottom: 13px;
    border-radius: 2px;
    position:  relative;

}
fieldset.messagerie legend {
    width: 154px;
    padding-left: 19px;
    /* text-align:  center; */
    background:  #fff;
    margin-bottom: 23px;
}

img.img_print:hover {
    cursor: pointer;
}
img.img_print {
    /* font-size: 10px; */
    width: 30px;
    /* color: black; */
    margin-bottom: 10px;
}
label.etat {
    margin-left: 17px;
}


#detail select.form-control {height: 35px !important;font-size: 14px;width: 194px;/* float:  right; *//* margin:  0; */}


#detail button.btn.btn-primary.change{
    padding: 4.9px 10px;
    /* margin-top: -4px; */
    margin-left: 40px;
    float:  right;
}

#detail .row.row1 {
    margin-bottom: 16px;
}
/*---------------------------------------- login admin-------------------------------------------------------------------------------------- */
#login p {
    text-align: center;
    margin-bottom: 2rem;
}
#login .card-box {
    max-width: 430px;
    margin: 0 auto;
    margin-top: 10%;
}

#login .card-box img {
    margin: 5px auto 30px;
    display: block;
    width: 180px;
}

#login .card-box h2 {
    text-align: center;
    font-weight: 500;
    text-transform: math-auto;
}

a.btn.deletebtn.btn-danger.btn-sm {
    color: #fff!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    font-size: 10px;
}

#login .card-box p {
    font-size: 13px;
}
#login .right {
    float: right;
    margin: 49px 60px 15px;
}
button.btn.btn-primary.login {
    padding: 12px;
    margin-bottom: 11px !important;
    cursor: pointer;
    /* background-color: #367fee !important; */
    /* border-color: #3680ef !important; */
    width: 100%;
    font-size: 19px;
}

button.btn.btn-primary.login:hover {
    background: #0d1aa4;
    border-color: #0d1aa4;
}
button.btn.btn-primary.login:focus{
    box-shadow: 0 0 0 1px rgba(0,0,0,0);
}

#login label {
    color: #4d4d4d;
}

/* #admin_index .row {  padding: 0 5px;}
 */
#admin_index .col-6 .col-12 {border-radius: 4px;color: #35568c;background-color: whitesmoke;margin: 2px;text-align: center;padding: 18px 0;}
    
              

.consulter { text-align: center;}

#admin_index a:hover {
    color: #71b4ff;
}

#admin_index > a {color: #ffffff;}

a.whatsappcall {
    position: fixed;
    bottom: 17px;
    right: 17px;
    background: #0ec914;
    height: 43px;
    width: 43px;
    color: #fff;
    z-index: 999;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    padding: 4px 0px;
    line-height: normal;
    box-shadow: 0px 0px 12px 3px rgb(0 0 0 / 12%);
}

.notifOneSignal {
    position: fixed;
    top: 26px;
    left: 20%;
    z-index: 999;
    background-color: #ee7210;
    border: none;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 2px 12px;
    /* box-shadow: 0px 0px 12px 3px rgb(0 0 0 / 12%); */
    display: none;
}

#admin_index .header a {
    color: #011b38;
    position: relative;
}

#admin_index .header a#nav-toggle {
    display: none;
}

#admin_index .header a small {
    background: #e49810;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 9px;
    color: #fff;
}

.menu li div a {
    padding-left: 12px;
    border-bottom: 1px solid #f9f9f9;
}
 

#admin_index .table-sm td, .table-sm th {
                          /* padding: 0px 9px!important; */
                          /* font-size: 14px; */
}

#table .table-danger td {
    background-color: #fff;;
    border: none!important;
    --bs-table-accent-bg: #e2eeff;
}

#login .alert-danger {
    /* color: #86022e; */
    font-size: 12px;
    padding: 10px;
}
li.logout {
    float: right;
    padding: 2px 10px;
    font-size: 14px;
} 
li.logout a {
    /* color: #86022e!important; */
}
.container_infos td.small {
    width: 83px;
    font-size: 11px;
    /* color: #151515; */
    /* font-weight: 700; */
}
#admin_index #table:not(.small) {
    font-size:15px;
}

form.page1_search.dateRange input {
    display: inline-block;
    padding: 5px 10px;
    max-height: 30px;
    font-size: 12px!important;
}

form.page1_search.dateRange {
    top: -25px;
    position: relative;
}
.col-4.btn-actions.leftStore.storeSelect {
    margin-bottom: 0;
    position: absolute;
    left: -11px;
}

/* --------------------admin liste commande ---------------------------------- */
input.form-control, select.form-control {font-size: 15px!important;padding: 8px 10px!important;line-height: initial;box-shadow: inset -1px -1px 3px 0px #011b3808;border: 1px solid #e6e7e8;border-radius: 4px;height: 37px!important;background-color: #fff;appearance: auto;margin-bottom: 11px;}

select.store_id {
    max-width: 200px;
    border: 2px solid #011b38;
    border-radius: 0 5px 5px 0;
    padding: 5px 10px !important;
    height: 35px !important;
    text-align: center;
    background: #e5f0fd;
    color: #011b38;
    font-size: 12px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

#login input.form-control {
    font-size: 15px!important;
    height: 45px!important;
    padding: 11px!important;
}

#login input.form-control {
    direction: ltr;
    text-align: center;
}

textarea.form-control {
    box-shadow: inset -1px -1px 3px 0px #011b3808;
    border: 1px solid #e6e7e8;
    border-radius: 4px;
    background-color: #fff;
    font-size: 13px !important;
    padding: 8px !important;
}

form label {
    font-size: 13px;
    color: #5b5b5b;
}

button.btn.btn-sm.btn-primary.search, button.btn.btn-sm.btn-primary.searchin2 {
                  padding: 5px 18px !important;
                  /* float: right; */
                  background-color: var(--bgColor) !important;
                  top: -1px;
                  border-color: var(--bgColor) !important;
                  cursor: pointer;
                  margin: 0;
                  font-size: 14px;
                  height: 44px;
                  position: relative;
                  font-weight: 600;
}


.edit{
      padding: 7px 16px!important;
      background-color: #86022e !important;
      border-color: #86022e !important;
}



#admin_commandes td.small {
    /* width: 99px; */
}
#admin_commandes .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #86022e;
    /* font-size: 18px; */
}

/* ---------------------admin detail commandes ------------------------------- */
#admin_detail_alerte .envoyer {
           float:right;
           margin-top: 32px;
           width: 100px;
           letter-spacing: 0.4px;
          }

#admin_detail_alerte .scroll {
                    overflow: scroll;
                    height: 300px;
                    margin-bottom: 10px;
                    margin-top: 10px;
}
#admin_detail_alerte .alert-warning {
   background-color: #f4f4f4;
   border-color: #b9b9b9;
   color: #000000;
   font-size: 12px;
   font-weight: 200;
   padding-top: 16px;
}
#admin_detail_alerte .alert-info {
    background-color: #f6fcff;
    border-color: #99a3bd;
    color: #000000;
    font-size: 12px;
    font-weight: 200;
    padding-top:  16px;
}

#admin_detail_alerte h5 {
    font-size: 13px;
    font-weight: bold;
    color: #545454;
}
body label.form-check-label input[type="radio"]:checked::before {
    display: none;
}
a.page-link {
    color: black;
}
a.back-reg.btn.btn-sm.btn-danger.backadm {
    float: right;
    margin-top: 0px;
    background-color: #86022e;
    border-color: #86022e;
    padding: 7px 13px;
    padding: 5.5px 12px;
    font-size: 15px;
    /* margin-right: 8px; */
    margin-bottom: 15px;
}
#admin_detail_alerte  span.small {  float: right;
                                     position: relative;
                                     top: -12px; 
                                     right: -12px; }
 #admin_detail_alerte  select.form-control {
    font-size: 14px;
}

/* ---------------------admin liste clients------------------------------------- */

a.btn.btn-sm.add {
    background-color: #009688;
    border-color: #009688 !important;
    color: #ffffff;
    padding: 5px 13px;
    /* font-weight: bold; */
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 11px;
}

a.btn.btn-sm.add:focus {
       box-shadow: 0 0 0 0px rgb(134, 2, 46);
}
button.btn.btn-sm.btn-primary.search{
  /* box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); */
}

a.btn.btn-sm.apply {
  color: #0592a4!important;
  font-size: 17px;
  padding : 0;
  margin: 0;
}
td.small {
    vertical-align: middle;
}
#admin_client .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #86022e;
    font-size: 16px;
}

#table thead th:not(.no_style){
  cursor: pointer;
}

.table>thead tr, .table>thead tr th {
    border-bottom: 1px solid #efefef;
    font-weight: bold;
}

.table>thead {
    border: none!important;
}

#table th:hover:not(.no_style) {background: #f2f2f2;}
a.btn.btn-sm.delete{
    font-size: 19px;
    padding: 2px;
    vertical-align: sub;
    display: inline-table;
    color: #c70c0c;
}
/* ------------------admin detail client -------------------------------   */

#client_detail .card-box{padding: 29px;}

#client_detail .row.justify-content-center
{
    width: 100%;
    margin: auto;
}
a.back-reg.btn.btn-sm.btn-warning {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #86022e;
    padding: 6px 10px;
    /* border-radius:  2px; */
}
a.btn-warning:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
a.btn-warning:focus {
    box-shadow: 0 0 0 1px rgb(134, 2, 46);
    background-color: black;
    color: white;
}

button.btn.btn-success {
    color: white;
    background-color: #0a9310;
    border-color: #0a9310;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 9px;
}

button.btn.btn-sm.btn-primary.btn-success.btn-view {
    position: absolute;
    right: 7px;
    top: 215px;
    background-color: #2993ec !important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    border: none!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    font-size: 10px;
    font-weight: 800;
    transition: 0.3s all ease-in-out;
}

.SingleProduct:hover button.btn.btn-sm.btn-primary.btn-success.btn-view {
    top: 7px;
    /* background-color: #12355c !important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

/* --------------------- success------------------------------------- */
.alert-done {
    font-size: 16px;
    color: green;
    background: #efe;
}

/* ---------------------admin menu add ,cat add ------------------------------------- */
#menu_add .wrapper ,#cat_add .wrapper ,#produit_add .wrapper,#adresse_add .wrapper,#offre_add .wrapper,#offre_edit .wrapper,body#choix_livreur .wrapper{
    /* margin: 16px auto !important; */
    min-height: auto;
}

.check , .check2 {
    transform: scale(1.38);
    /* margin: 11px 18px;*/
    /* margin: 8px 6px; */
    vertical-align: middle;
}/* ---------------------admin cat edit ------------------------------------- */
#cat_edit button.btn.btn-success{
    position: fixed;
    right: 10px;
    bottom: 11px;
}

#cat_edit .input-group-addon input{
    padding: 11.1111px;
}
/* ------------------------------ admin restaurants ------------------------------------------- */
svg.svg-inline--fa.fa-trash-alt.fa-w-14 {
    display: inline-flex;
    vertical-align: top;
}
#admin_restau a.btn.btn-sm.btn-primary {
    margin-right: 2px;
}
#admin_restau th {
    padding: 6px 22px!important;
    width: 491px;
}

#admin_restau .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #86022e;
    font-size: 18px;
}

#restau_detail .form-control:disabled, .form-control[readonly] {
    background-color: #efefef;
}

#restau_detail table#table td {
    border: 1px solid #e2e2e2;
} 
#restau_detail h3,#produit_detail h3 ,#client_detail h3 ,#cmd_detail h3  {
    line-height: 30px;
    font-size: 18px;
}
#avertis p {
    color: #868e96!important;
    font-size: 13px;
    margin-bottom: 28px;
    padding: 0 46px;
}
 
 
#avertis strong {
    padding: 15px;
    /* font-weight: bold; */
    text-transform: uppercase;
}
a.btn.btn-sm.statistique {
    padding: 0.8px 13px;
    font-size: 21px;
}
/* ------------------------------ admin livreur ------------------------------------------- */

#livreur_detail a.btn.btn-sm ,#client_detail a.btn.btn-sm {
    border-radius: 15px;
    margin-bottom: 6px;
}
svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.liv_map {
    cursor: pointer;
    color: #ff695e !important;
}
svg.svg-inline--fa.fa-map-marker-alt.fa-w-12.liv_map:hover {
    color: #F44336 !important;
}
button.map_btn.btn.btn-default {
    margin-top: 6px;
    cursor: pointer;
    /* padding: 6.5px 20px; */
}

/* ------------------------------ admin add cmd_produits  ------------------------------------------- */

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

.nav {
  margin-top: 40px;
}

.pull-right {
  float: right;
}

a,
a:active {
  color: #333;
  text-decoration: none;
}

a.reateaccount {
    text-align: center;
    width: 100%;
    display: block;
    color: #3680ef;
}

a {
    color: #6772ee;#011b38
}

a.forgetpassword {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 13px;
    margin-top: 3px;
    text-align: right;
    width: 100%;
}

a:hover {
    color: #3c699a !important;
    text-decoration: none!important;
    border-bottom: 0;
}

a:hover {
  color: #999;
}

/* Breadcrups CSS */

.arrow-steps .step {
  font-size: 11px;
  text-align: center;
  color: #0d6efd;
  cursor: default;
  margin: 0 3px;
  padding: 5px 4px 5px 14px;
  float: left;
  width: fit-content;
  position: relative;
  background-color: #e7f1ff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* transition: background-color 0.2s ease; */
  width: 20%;
}

th.tablesorter-header.no_style-dis:after, th.tablesorter-header.no_style-dis:before {
    display:none;
}

    
th.tablesorter-header:after, th.tablesorter-header:before {
    position: absolute;
    content: "â–²";
    display: block;
    right: 5px;
    top: 7px;
    color: #c3ced8;
    font-size:10px;
}

th.tablesorter-header:before {
    top: 17px;
    content: "â–¼";
}

th.tablesorter-header.tablesorter-headerDesc:before {
    color:#707f8e;
}

th.tablesorter-header.tablesorter-headerAsc:after {
    color:#707f8e;
}

th.tablesorter-header {
    position: relative;
}


.arrow-steps .step:after,
.arrow-steps .step:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: -13px;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #e0f2f1;
  z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:last-child:after {
    display: none;
}

.arrow-steps .step:last-child {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.arrow-steps .step:before {
  right: auto;
  left: 0;
  border-left: 12px solid #fff;
  z-index: 0;
}

.arrow-steps .step:first-child:before {
  border: none;
}

.arrow-steps .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
}

.arrow-steps .step span {
  position: relative;
  font-size: 11px;
}

.arrow-steps .step span:before {
  opacity: 0;
  content: "\2713";
  position: absolute;
  top: -2px;
  left: -20px;
  font-weight: bold;
  display: inline-block;
}

.arrow-steps .step.current span:before {
    !importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    opacity: 1;
}

.arrow-steps .step.done span:before {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.5s;
  -moz-transition: opacity 0.3s ease 0.5s;
  -ms-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
  display: none;
}

.arrow-steps .step.current {
  color: #e7f1ff;
  background-color: #0d6efd;
}

.arrow-steps .step.current:after {
  border-left: 13px solid #0d6efd;
}

#cmd_produit_ajout li {
    border: none;
    background-color: #e6e9fb24;
    padding:10px 20px;
}
#cmd_produit_ajout ul.list-group {
    cursor: pointer;
    margin: auto;
    font-size: 14px;
    height: 500px;
    margin-bottom: 10px;
    overflow-y: auto;
    background-color: #fff2f1;
    border-radius: 2%;
}
#cmd_produit_ajout li.type:hover {background-color: #ffa49d38;/* color: #ffffff; */}
#cmd_produit_ajout .content {
    background-color: white;
    /* min-height: 300px; */
    /* border-radius: 2%; */
    /* padding: 12px 0; */
    font-size: 14px;
    overflow-y: auto;
}
#cmd_produit_ajout .content p.aucunresultat {
    text-align: center;
    color: #f94f4f;
    padding: 11px;
    width: 100%;
}
.price_color{
    color: #f94f4f;
}
.selected{
    background-color:#0096881c !important;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    font-size: 13px;
        border-top: 1px solid white;

}
.row_product{
    cursor:pointer;
}

#cmd_prod_detail label.cat {
    color: #dda01c !important;
    padding-left: 14px;
}

#cmd_prod_detail span.form-check-label {
    padding-left: 50px;
}
#cmd_prod_detail .text-left.notif.alert.fade.show.empty {
    padding: 0 16px !important;
}
label.cat {color: #ff7b7b;}

.text-left.notif.alert.fade.show.empty{
    color: #a94442;
    font-size: 12px;
    padding:0;
} 
.options_list {
    background-color: #f2f2f5;
    padding: 10px;
}
td.td_options {
    padding: 0px 31px 6px 31px !important;
}
.col-12.options {
    margin-bottom: 10px;
    padding: 0;
}

span.form-check-label {
    padding-left: 33px;
}
.optionstable{
    width:100%;
}
#cmd_detail strong {
    line-height: 37px;
    font-size: 13px;
}
#cmd_detail .col-12 {
    /* margin-bottom: -5px; */
}
#cmd_detail .note_client {
    background-color: #fff6f5 !important;
    color: #F44336;
    font-size: 14px;
    border-color: #ffbeb9;
}
#cmd_detail table p {
    /* font-size: 10px; */
    margin: 0;
}
#cmd_detail table ,#cmd_detail td.optionstable td {
    background-color: #ffffff !important;
}
#cmd_detail .table-danger, .table-danger>td, .table-danger>th {
    background-color: #f2dede !important;
}
#cmd_detail table #table {
    border-bottom: 1px white solid !important;
}
#cmd_detail table td.total {
    border: none !important;
    background-color: white;
    border-bottom: none !important;
    color: #F44336;
    font-weight: bold;
}

/* ------------------------------ admin Produit ------------------------------------------- */

@media (min-width: 576px){
    #produit_add  .container {
        width: 676px;
    }
}
span.text-info.table-add.float-right.editcat, span.text-info.table-add.float-right.editopt {
    color: #0592a4!important;
    cursor: pointer;
    font-size: 21px;
    margin-right: 15px;
    margin-top: -3px;
}
#produit_detail svg.svg-inline--fa.fa-plus.fa-w-14.fa-2x {
    font-size: 26px !important;
}
svg.svg-inline--fa.fa-edit.fa-w-18 {
    cursor: pointer;
    color: #6f6f6f!important;
    font-size: 19px;
    /* display: unset; */
    /* vertical-align: middle; */
}
#produit_detail .text-center.notif.alert.al.fade.show.msg {
    color: #dc3545;
    background: white;
}
tbody#data span tbody#data span, tbody#list span , #client_detail .table span,#restau_detail .table span,#menu_detail .table span,#produit_detail .table span{
    /* display: inline-flex; */
    /* vertical-align: text-bottom; */
    vertical-align: middle;
}

span.user_state {
    display: inline-block;
    width: 4px;
    height: 8px;
    background-color: #dc3545;
    margin-right: 4px;
    position: absolute;
    left: -4px;
    top: 0;
    height: 100%;
    opacity: 0.2;
}

span.user_state.state-1 {
    background-color: #009688;
}

span.user_state.state-2 {
    background-color: #ffc107;
}
tbody#data svg.svg-inline--fa.fa-trash-alt.fa-w-14 {
    margin-bottom:-2px;
}
 
/* ------------------------------ settings- ------------------------------------------ */
#settings .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #86022e;
    font-size: 16px;
}
#settings  textarea.form-control {
    font-size: 15px;
}
#settings  textarea.textarea_politique {
    font-size: 15px; 
    height: 86px;
}
 /* ------------------------------ users ----------------------------------------------- */


#users th{
    /*padding-left: 21px!important;*/
}
   /* side bar */
  td.lignes {
    border-top: 0px !important;
    padding: 1px 5px 0px !important;
    /* width: 52px; */
}
table.table.table-borderless.list_cmds {
    /* border: 1px solid gray; */
    /* margin: auto; */
    /* width: 90%; */
    /* background-color: whitesmoke; */
    /* border-radius: 41px !important; */
    margin-bottom: 1px !important;
    /* font-size: 22px; */
}
span.libelle {
    font-size: 13px;
    color: var(--bg-second-darker);
    font-weight: bold;
}

td.lignes.info{
    font-size: 14px;
    vertical-align: bottom;
    padding: 3px 9px 2px 0 !important;
}
div.container_infos {
    margin: 5px 5px 5px 0;
    width: 15%;
    background-color: #fff;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    border-top: 3px solid #f16120;
    font-size: 14px;
    /* margin-left: 0; */
    font-size: 11px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 13%);
    display: inline-block;
}
a.newadresse {
    /* color: #000; */
    color: #144c72;
    font-size: 11px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
span.add_adresse {
    color: #ed8136;
    cursor: pointer;
    font-weight: bold;
    margin-left: 7px; 
    font-size: 12px;
}
 /*sidebar*/
 
td.lignes.lignes_width {
    width: 1;
    padding: 2px 0 !important;
}
svg.svg-inline--fa.fa-user.fa-w-16{
    font-size: 12px;
    /* display: inline-flex; */
    /* vertical-align: unset; */
}

svg.svg-inline--fa.fa-map-marker-alt.fa-w-12 {
    font-size: 13px;
    /* display: inline-flex; */
    /* vertical-align: middle; */
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
    font-size: 13px;
    /* display: inline-flex; */
    /* vertical-align: middle; */
}
.timer_box{
    padding: 6px 8px;
    margin: 1px auto;
    /* background-color: #f2f2f2; */
    /* width: 279px !important; */
    border-radius: 5px;
}
//
#commandes_statistique h3 {
    font-size: 16px;
    font-weight: bold;
    /* text-transform: lowercase; */
    letter-spacing: 0.3px;
        color: #ed8136;

}
tr.ligne_details :hover{
 background-color: #e1f1ef;
 cursor: pointer;
}

svg.svg-inline--fa.fa-trash.fa-w-14.trashy {
    color: #F44336;
    font-size: 20px;
    cursor: pointer;
    margin-right: 14px;
    font-size: 20px;
    vertical-align: bottom;
}

.col-12.stas {
    border-radius: 4px;
    color: #ffffff;
    background-color: #5acba4;
    text-align: center;
    padding: 10px 20px;
    /* margin: 0; */
    border-radius: 8px;
}

.container.pager.home-pager .col-sm-3.bottom:nth-child(1) .stas {
    background-color: #14b1fa;
}

.container.pager.home-pager .col-sm-3.bottom:nth-child(4) .stas {
    background-color: #eebc25;
}

.container.pager.home-pager .col-sm-3.bottom:nth-child(3) .stas {
    background-color: #00c8bf;
}

.col-12.stas h3 {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
}

.col-12.stas h2 {
}

.col-12.stas {}
#admin_index a.btn.btn-sm.statistique.st {
    width: 68px;
    color: var(--bg-second-darker);
}

svg.svg-inline--fa.fa-chart-line.fa-w-16.stp{
    color: var(--bg-second);
    font-size: 24px;
}

img.no_cmds_img {
    width: 228px;
    /* transform: translate(-50%, -50%); */
    /* top: 50%; */
    /* left: 50%; */
    margin-top: 89px;
    ion: fixed; */
;
}
.form-check-inline .form-check-label {
    /* vertical-align: baseline !important; */
    display: inline-block;
    width: 100;
    max-width: 79%;
}

 .p_opt{
    display: unset;
    float: right;
    height: 0;
    padding: 3px !important;
 }
button.back-reg.btn.btn-sm.decline{
     color: white;
     background-color: #ff6357;
     border-color: #ff6357;
     cursor: pointer;
     font-weight: bold;
     padding: 3px 13px;
     font-size: 13px;
     /* margin-bottom: 0; */
 }
 .col-12.all_options {
    color: #eb8c01;
    text-align: center;
    cursor: pointer;
}
button.btn.btn-success.valider_fermer {
    position: fixed;
    right: 10px;
    font-weight: bold;
    font-size: 12px;
    bottom: 11px;
    border-color: #ffbc5a;
    background-color: #ffbc5a;
    color:#00695f;
}
.notiff{
    color: #F44336; font-size: 14px; margin-left: 10px; cursor: pointer;
}
.liv_col{
        
    text-align: center;
    margin-top: 25px;
}



.center_{
        text-align:center !important;
}
/*////////////////////////////// RESPONSIVE ///////////////////////////////////*/
.search_toggle,button.btn.btn-sm.btn-primary.searchin ,.shopping_bag, .notif_cmd,.sidebar-bag{
   display : none;
}

.nav-mobile {
   display : none ;
}
.col_adresse_show , .col_map_show{
        display:none;
}




button.btn.btn-danger.btn-del {
    position: fixed;
    right: 325px;
    z-index: 99;
    bottom: 11px;
    display: none;
    border-radius:20px;
}
.alert-livreur {
    background-color: #f4f4f4;
    color: #ed8136;
    padding: .35rem 1.25rem !important;
    border-color: #e3e3e3 !important;
}
li.search_liv_box {
    padding: 9px !important;
}
.alert-livreur2 {
    background-color: #feeeed;
    color: #fe7268;
    border-color: #f6d9d7;
    padding: 3px 6px;
}
.inf{
    font-size: 13px;text-transform: uppercase;
}

span.status {
    background: #ffd65b;
    color: #000;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 8px !important;
    letter-spacing: 1px;
    /* position: absolute; */
    /* top: 3px; */
    font-weight: 600;
    /* right: 6px; */
    display: block;
    width: fit-content;
    margin: auto;
}
form {
    margin: 0;
}

.search_box.TrendBox {
    /* border-bottom: 1px solid #eaeaea; */
    padding-bottom: 20px;
    margin-bottom: 10px;
}

input#keywords {
    background-image: url('search.png');
    background-repeat: no-repeat;
    background-position: 99% center;
    padding-right: 31px!important;!importan;!importa;!import;!importn;!import;!impor;!impo;!imp;!im;!i;!;
    background-size: 20px;
}
.bd_star{
    font-size:7px;
    vertical-align: baseline;
    color: #ffc107;
}
/*toast*/
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #293f62cc; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
   /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  border-radius: 33px;
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
input#check_all {
    display: inline-flex;
    vertical-align: sub;
}
.opt_name {
    padding-left: 4px;
    vertical-align: text-bottom;
    width: 79%;
    margin-left: 3px;

}
.form-check-label.opt_checkbox {
    width: 100%;
    max-width: 100%;
    display: inline-flex;
    font-size: 11px;
    padding-left: 14px;
}
.form-check-label.opttt {
    margin-left: 14px;
    font-size: 11px;
    width: 94%;
    max-width: 94%;
}

.balance_box{
    border: 1px solid #ed8136;
    padding: 3px 22px;
    background: #fffaf6;
    border-radius: 31px;
}
.paiement_box{
    font-size: 14px;
    border: 1px solid #d2d2d2;
    padding: 4px 10px;
    border-radius: 3px;
}
.pay_text{
    color:#047804;
    TEXT-TRANSFORM: UPPERCASE;
    LETTER-SPACING: 0.4px;
}
.notif_{
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 13px;
    padding: 1px 7px;
    border-radius: 50%;
    background: #F44336;
    color: white;
}
th.inner_thead.header
{
    background-color: #4b8d51 !important;
}
.inner_tr td {
    background-color: #f0fcf1 !important;
}
.table_totaux
{
    background-color: #fff4dd;
    width: 100%;
    border: 1px solid #e3e3e3;
    font-size: 13px;
}
.total_benefice{
    text-transform: uppercase;
    background-color: #ed8136;
    border: 1px solid #e3e2e2;
    color: white;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.2px;
}
.dropdown1 ,.dropdown2{
  position: relative;
  display: inline-block;
}
.dropdown-content1, .dropdown-content2 {
  display: none;
  position: absolute;
  left: 0;
  top: 64px;
  background-color: var(--bgColor);
  width: 204px;
  z-index: 1;
  color: white;
  text-align: left;
  /* padding-left: 9px; */
}



.dropdown-content1 a ,.dropdown-content2 a {
  color: white;
  padding: 12px 5px;
  text-decoration: none;
  display: block;
  font-size: 11px;
  /* text-align: center; */
}

.dropdown-content1 a:hover,.dropdown-content2 a:hover {background-color: var(--bgColor);}
li.dropdown1:hover .dropdown-content1,li.dropdown2:hover .dropdown-content2{display: block;} 

/*restau*/
.imgg {
                height: 72px;
                margin: 0 auto;
                display: block;
                display: inline-block;
                padding: 9px 22px;
            }
            img.imgg.the_logo {
                border-radius: 50%;
                width: 65px;
                HEIGHT: 65PX;
                padding: 9px;
            }
            .logo{
                    text-align: center;
            }
button.btn.btn-sm.btn-primary.btn-greenwin {
    padding-left: 4%;
    padding-right: 4%;
}
.logo {
    float: left;
    padding: 10px 20px;
    background: transparent;
    height: 66px;
}

.sub_delivery .col-2, .sub_delivery .col-3 {
    /* border-bottom: 1px dashed #eaeaea; */
}

.total.strong .col-2, .total.strong .col-3 {
    border-bottom: 1px dashed #f0f0f0;
    margin-bottom: 10px;
    padding-top: 6px;
}

.modal-header {
    background-color: #07284d;
    padding: 10px 20px;
    color: #fff;
}

h5.modal-title {
    color: #fff;
    font-size: 17px;
}

.modal-footer {
    background: #deebff;
}

button.close {
    color: #ffffff;
}

.modal-body {
    background: #ffffff;
}

.logo img {max-height: 55px;height: 100%;}
            .dropdowncontent a:hover {/* background-color: #ededed; */}

            .dropdown_res:hover .dropdowncontent {display: block;}
            .dropdowncontent {
              display: none;
              position: absolute;
              background-color: #ffffff;
              /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
              z-index: 1;
              border-radius: 0px 0px 3px 3px;
              right: 0;
              text-align: left;
              /* top: 36px; */
            }

            .dropdowncontent a {
              color: black;
              padding: 12px 16px;
              text-decoration: none;
              display: block;
              line-height: 22px;
            }
            .dropdown_res{
                 float: right;
                 line-height: 71px;
            }
            
            li.restau_name {
                text-transform: uppercase;
                font-size: 20px;
            }
            .dropbtn svg.svg-inline--fa.fa-user.fa-w-16 {
                font-size: 20px;
                vertical-align: unset;
                margin-top: 5px;
            }
            .menu_restau{
                    padding: 6px 0px;
            }
    .cards .cmds{
    height: 108px;
    }
    a.link {
    text-align: right;
    /* padding: 14px 0; */
    color: #ed8136;
    float: right;
    text-transform: uppercase; 
    }
    a.lien_back {
        display: inline-block;
        color: #eb8036;
        text-transform: uppercase;
    }
    a.link:hover,a.lien_back:hover,a.link:focus,a.lien_back:focus {
        text-decoration: none;
        color: #ed8136;
    }
.links_div {
    margin: 12px 0;
}
.dropdown_res a svg.svg-inline--fa.fa-user.fa-w-16,.dropdown_res a svg.svg-inline--fa.fa-sign-out-alt.fa-w-16{
    font-size: 17px;
    display: unset !important;
    vertical-align: unset !important;
}
.none{ display:none !important; }

p.autoriser {
 color: #F44336;
 text-transform: uppercase;
 font-size: 14px;
 /* float: right; */
 cursor: pointer;
 margin: 0px;
 text-align: right;
 /* font-weight: 600; */
}
#type_box{
        display:none;
}
.facades svg.svg-inline--fa.fa-check.fa-w-16 {
    color: #009688;
    font-size: 20px;
}
.the_height{
    height: 45px !important;
    font-size: 14px !important;
}
.facades svg.svg-inline--fa.fa-spinner.fa-w-16.fa-spin.spinner {
    color: #009688;
    font-size: 18px;
    vertical-align: middle;
}

.disponible
{
    color: green; background-color: #bdefbf; text-align: center; border-radius: 5px; font-size: 11px; padding: 3px;
}
.non_disponible
{
    color: gray; text-align: center;  font-size: 11px; padding: 3px;
}
span.icons {
    /* font-size: 21px; */
    /* color: #db6c20; */
}

svg.svg-inline--fa.fa-check-circle.fa-w-16 {
    font-size: 23px;
    color: #0a9310;
    cursor: pointer;
}

svg.svg-inline--fa.fa-times-circle.fa-w-16 {
    font-size: 23px;
    color: #F44336;
    cursor: pointer;
}

.div_icons {
    padding: 5px 6px 5px 7px;
    /* height: 40px; */
    text-align: right;
    /* font-size: 23px; */
}

button.btn.btn-danger.rejeter ,button.btn.btn-success.confirmer{
    height: 23px;
    font-size: 9px;
    padding: 6px;
    text-transform: uppercase;
     margin-top: 9px;
}

img.deliveryman {
    height: 18px;
    
}

button.btn.btn-default.choix {
    padding: 1px 6px;
    cursor: pointer;
    background: #fff3ea;
    margin-top: 9px;

    /* background: white; */
}

 
.notfound {
    color: red;
    font-size: 12px;
}
.text_right {   
    text-align:right;
}
.products_list .row{
        padding: 13px 0;
        width: 100%;
        margin: auto;
}
.products_list .row:hover{
        background-color: #f3f3f3;
}
.alerte_admin{
    display:block;margin-bottom: 20px; padding-bottom: 5px;
}
button.btn.btn-danger.button_oui {
    width: 100%;
    padding: 5px 1.25rem;
}

.jeuveuxlacmd button.btn.btn-danger.button_oui {
    background: #f16120;
    border-color: #f16120;
}
.hr{ 

    width: 50%;background-color: #dadada;margin-top: 29px;
}
.table_total
{
    width:200px;color: #ffe3a7;
}
.aucune_commande{
    width: 255px; transform: translate(-45%, 21%); top: 63%; left: 50%; position: absolute;
}
svg.svg-inline--fa.fa-clipboard.fa-w-12 {
    font-size: 25px;
    color: #009688;
    cursor: pointer;
}
.div_icons span {
    color: var(--bg-second-darker);
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    /* float: right; */
}
.row.row_autorisation{
        width: 100%;
        /* margin: 20px 0; */
        margin-top: 10px;
}
#cmd_produit_ajout legend ,#lien legend{
    
    width: auto;
    margin: 0;
    padding: 0 10px;

}
#cmd_produit_ajout fieldset ,#lien fieldset {
    border: 1px solid #009688;
    margin: 0 2px;
        padding: 0.35em 1.625em .75em;
    border-radius : 2px;
    
}

#lien_champs .col-6 ,#lien .col-6
{
        margin-bottom: 11px;
}
#lien_champs .wrapper,#lien .wrapper
{
    min-height: auto;
} 
/* #lien.wrapper.linkpage.container */
/* { */
    /* margin: 0; */
    /* width: 100%; */
    /* padding: 0; */
/* } */
iframe#thelink {
    width: 100%;
    height: 500px;
    background-color: #ffffff;
    border: 0;
}
.qte_div{
    /* text-align: center; */
    width: 100%;
}
button.qte_btn {
    padding: 2px 12px;
    background-color: #a5a5a5;
    color: white;
    font-size: 19px;
    cursor: pointer;
    padding: 2px 11px;
    border-radius: 50%;
}
input.form-control.qte_input{
    width: 47px;
    display: inline-block;
    text-align: center;
    /* border: none; */
}

.btn-add.qte_btn {background-color: #009688 !important;color: #fff;padding: 2px 8px;border-radius: 50%;}

.input_color {
    border: 1px solid #86d489;
    background-color: #8bc34a21;
}
.red{
    color: #F44336 ;
}
span.red{
    float: right;
}
button.btn.btn-copier {
    padding: 10px 11px;
    font-size: 11px;
    color: #009688;
    cursor: pointer;
    text-transform: uppercase;
}
button.back-reg.btn.btn-sm.etatBTN {
    background-color: #0b6b62;
    /* padding: 5px 12px; */
    color: white;
    font-weight: 600;
    /* text-transform: uppercase; */
    cursor: pointer;
    font-size: 13px;
    /* margin-bottom: 0; */
}
.commander {
    margin: 0;
    font-weight: 600;
    /* letter-spacing: 1px; */
    font-size: 15px;
}
/* body#lien .wrapper.linkpage { */
    /* margin: 0; */
    /* padding: 0; */
    /* width: 100%; */
/* } */
/* body#lien .container.pager.home-pager.register-page { */
    /* margin: 0; */
    /* padding: 0; */
    /* width: 100%; */
/* } */
.btn.btn_type {
    background-color: #ffffff;
    color: #009688;
    text-transform: uppercase;
    font-size: 16px !important;
    padding: 4px 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 9px;
    border: 1px solid #696666;
}
button.btn.btn-action {
    color: #fff;
    /* background-color: #011b38; */
    border: none;
    cursor: pointer;
    font-size: 13px;
    top: -2px;
    position: relative;
    font-weight: 500;
}
.arrow-steps.clearfix {
    display: flex;
    width: 100%;
}
button.btn.btn-action:not(.btn-danger):not(.btn-success) {
    background-color: #0085ff;
}
input.key{
    height: 40px !important;
    max-height: 34px !important;
}
button.btn.btn_total{
    background-color: #0f6efd;
    color: #fff;
    padding: 5px 13px;
    /* margin-right: 9px; */
    font-weight: 600;
    font-size: 14px;
}
span.type_libelle {
    color: #256f69;
    letter-spacing: 1px;
}
.side_bar_type{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size : 13px;
}
.msg_added{
    color : #008000;
}
.msg_not_added{
    color : red;
}
a:focus ,a:active {
    color: #ffffff!important;
}

td.list_pro {
    text-align: left !important;
    font-weight :600;
    padding: 0 !important;
}
.afficher {
    text-align: center;
    /* width: -webkit-fill-available; */
    padding: 10px 0;
    cursor: pointer;
    text-transform: uppercase;
}
.LIST td {
    text-align: left !important;
    padding-left: 11px  !important;
}
button.btn.btn-print {
    border: 1px solid #efefef;
    color: #514949 !important;
    background-color: #f4f4f4;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 9px;
    /* margin-bottom: 0; */
}
#mySidebar span.status {
    float: right;
}
.col-12.stas h2 {
    font-weight: 600;
    font-size: 52px!important;
    margin-top: 7px;
    color: #fff;
}
button.btn.btn-sm.btn_default.total.bottom span {
    font-size: 13px;
}
button.btn.btn-ok {
    background-color: #0f6efd;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    padding: 0 initial;
    height: 37px;
    font-size: 16px;
    padding-top: 4px;
    border-radius: 0px 7px 7px 0px;
}


/*printing detail commande */
fieldset.print_detail {
    border: 2px solid #0f6efd;
    padding: 30px;
    margin-bottom: 15px;
}

.print_detail legend {
    width: fit-content;
    padding: 0 12px;
    text-transform: uppercase;
}

fieldset.print_detail .row {margin-top: -17px;}

fieldset.print_detail div strong {
    color: #000000;
}
.go_right{
    text-align : right ;
}
a.back-reg.btn.btn-sm.addCmd {
    background-color: #0b6b62;
}
tr.LIST {
    cursor: pointer;
}
#table svg.svg-inline--fa.fa-star.fa-w-18.bd_star {
    float: right;
    color: #FF9800;
    font-size: 9px;
    /* cursor:pointer; */
}


.tooltip-ex { /* Container for our tooltip */
    position: relative;
    display: inline-block;
    cursor: help;
    /* color: #8512d5; */
    /* margin-right: 20px; */
    display: inline-block;
    /* float: right; */
    height: 0;
    vertical-align: top;
}
.tooltip-ex.livraison { /* Container for our tooltip */

    vertical-align: unset;
}

.tooltip-ex-right {
    top: -5px;
    left: 125%;
}
.livraison span.tooltip-infos.tooltip-ex-right {
    right: 4px !important;
    top: 33px;
    font-size: 12px;
    padding: 6px;
    text-align: center;
    width: fit-content;
    background-color: #00000017;
    color: #000000;
    left:0;
}

.tooltip-infos {
    visibility: hidden;
    position: absolute;
    width: 166px;
    background-color: #555;
    color: #fff;
    text-align: left;
    padding: 14px 13px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
}

.tooltip-ex:hover .tooltip-infos  { /* Makes tooltip visible when hovered on */
    visibility: visible;
    opacity: 1;
}



#loading { 
    background: url('/../image/spinner.gif') no-repeat center center; 
    position: fixed;
    background-color: white !important;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}
.sta{
    color: #ee483b;
    font-size: 12px;
    cursor : pointer;
}
button#abandonner {
    color: red;
    background-color: #000000;
    /* padding: 5px 12px; */
    color: white;
    font-weight: 600;
    /* text-transform: uppercase; */
    cursor: pointer;
    font-size: 13px;
    /* margin-bottom: 0; */
}
select#etat {
    /* margin-bottom: 10px; */
}
.col-12.timer_box , #list {
    padding: 7px;
    max-height: 147px;
    /* height: 100vh; */
    margin: auto;
    width: 100%;
    overflow-y: scroll;
    /* padding: 17px 0; */
}
#lien div.sku
{
    width: fit-content;
    text-align: right;
    position: absolute;
    top: -46px;
    right: -11px;
    color: #ffffff;
    /* border: 1px solid #009688; */
    background-color: #00766b;
    padding: 2px 11px;
    font-size: 15px;
}
.row.formulaire_product {
    position: relative;
    margin-top: 10px;
}
button.btn.delete_product {
    color: #d61001;
    background-color: white;
    border: 1px solid #dc1406;
    padding: 2px 5px;
    font-size: 14px;
    /* font-weight: 600; */
}
button.btn.btn-danger.effacer {
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 9px;
    /* margin-bottom: 11px; */
}
.table-select{
    background-color: #8e8e8d4d !important;
}
.side_bar #wrapper_holder {
    width: calc(100% - 41px) !important;
}
div#mySidebar.hide_sidebar {
    width: 41px !important;
}
div#mySidebar .side_container {
    width: 100%;
    float: right;
    padding: 7px 0px;
    height: 100%;
}
div#mySidebar form {
    /* width: 255px; */
}
.col-12.side_menu {
    padding: 0 11px;
}

svg.svg-inline--fa.fa-bars.fa-w-14 {
    font-size: 32px;
    cursor :pointer;
    position: absolute;
    left: -1px;
    top: -18px;
    color: #ffffff;
}
body#livraison button.btn.btn-danger.effacer {
    padding: 6px 9px;
}
.cursor{
 cursor:pointer;
 border: none;
}

a.cursor.btn.btn-sm.btn-info.bottom {
    border: none;
    color: #000;
    background: #eef2f6;
}
span.tooltip-infos center b {
    color: #ffd65b;
}
.alert {
    font-size: 12px;
    padding: 8px!important;
}

.jeuveuxlacmd .text-center.notif.alert.alert-danger {
    background: #fff4ef;
    color: #f16120;
    border-color: #ffe8dd;
}
.btn-actions{
    text-align: right;
    height: 35px;
}
.effacer_margin{
    margin-left: 9px;
}
.btn.btn-warning {
    color: #ffffff;
    background-color: #3680ef;
    border: none;
}
.btn.btn-warning:hover {
    color: #fff;
    background-color: #1e5ab1;
    cursor: pointer;
}

li.page-item.active .page-link {
    border: 1px solid var(--bg-second)!important;
    background-color: var(--bg-second) !important;
    color: #fff;
    border-radius: 50% !important;
    width: 29px;
    height: 30px;
    text-align: center;
}

a.page-link {
    border: none;
    color: #909090;
    margin: 0 4px;
    border-radius: 50% !important;
    width: 28px;
    height: 29px;
    text-align: center;
    /* padding: 0 2px !important; */
}

a.page-link:hover {
    color: #009688 !important;
}
.pagination-sm .rgba(255, 255, 255, 0.514)item:last-child .page-link:hover ,.pagination-sm .page-item:first-child .page-link:hover {
    background: white !important;
    color: #076f66 !important;

}
svg.svg-inline--fa.fa-search.fa-w-16 {
    font-size: 14px;
}

div#search ,form#search {
    /* margin-top: 16px; */
    padding-bottom: 8px;
}

.row.col-12.search_text {
    margin: 0;
    padding: 23px 0;
    display: block;
    width: 100%;
    color: #0e9c8f;
    text-transform: uppercase;
    text-align: center;
}

label.label_client {
    width: 100%;
}

#cmd_detail span.sta.tooltip-ex {
    float: unset;
}

#cmd_detail a.float-right {
    color: #009688 !important;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: unset;
}
#cmd_detail td{
    position: relative;
}
span.sticky {
    position: absolute;
    cursor: pointer;
    color: #00baa9;
    display: inline-block;
    right: 9px;
    font-size: 16px;
}
#cmd_detail tbody#list span.collapse
{
    /* display: initial; */
    /* border: 1px solid #F44336; */
    border-radius: 3px;
    background-color: #ffe6e6;
}
.bottom {
    margin-bottom: 9px;
}

.rtl .dirSwitch .div_steps {
    direction: ltr;
}

.rtl .dirSwitch form > .row {
    direction: ltr;
}

.card-box.bottom.mb-20 {
    margin-bottom: 33px;
}
button.btn.btn_default.btn-pay{

    font-size: 10px;
    color: white;
    background-color: #FF5722;
    padding: 5px;
    border: 1px solid #ff5722;
    text-transform: uppercase;
}
button.btn.btn-sm.btn_default.total.float-right.bottom.benefice {
    border: 1px solid #ff5d5d;
    margin-left: 12px;
}
#users .col-12.utilisateur {
    padding: 10px;
    border: 1px solid #59a49b;
    margin-bottom: 4px;
    margin-bottom: 13px;
    /*text-align: center;*/
}
#users .col-12.cursor {
    /* background-color: #0096880f !important; */
    /* padding: 6px 20px; */
    margin: 0;
}
.nonpaye{
    color:#ff572299;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}

a.back-reg.btn.btn-sm.retour {
    width: 200px;
    background-color: #009688;
    color: white;
    text-transform: uppercase
    ;
}

#admin_commandes .btn.btn-warning {
    color: #0b7d6a;
    background-color: #ffd65b;
    border-color: #ffd65b;
    /* margin-top:2px; */
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 11px;
}
button.btn.btn-sm.btn-default.perso {
    padding: 6px 9px;
    background-color: #ffc107;
    text-transform: uppercase;
    font-size: 12px;
    color: #dc2234;
    border: none;
}

.not_print form button.btn.btn-sm.btn-default.perso {
    margin-bottom: 8px;
}
#cmd_detail button.btn.btn-sm.btn-default.perso {
    padding: 6px;

}
button.btn.btn-sm.btn-danger.noresponse {
    font-size: 12px;
    padding: 3px;
}
#cmd_detail button.btn.btn-sm.btn-danger.noresponse {
    font-size: 11px;
    padding: 6px;
    text-transform: uppercase;
}
#cmd_detail button.btn.btn-sm.btn-warning {
    color: #484747;
    background-color: #ffce1e;
    border-color: #ffce1e;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
    padding: 6px;
}
span.paye {
    color: #009688;
    text-transform: uppercase;    
    font-weight: 600;
}

button.btn.btn-sm.btn_default.nonpaye.total.float-right.bottom.benefice {
    border: 1px solid #9E9E9E;
}
.col-12.nav-mobile {
    background-color: var(--bgColor);
    margin: 0 !important;
    position: relative;
    z-index: 999;
    justify-content: space-between;
    align-items: center;
    display: none;
}
td a {
    color: #304cab;
}
svg.svg-inline--fa.fa-plus.fa-w-14 {
    font-size: 27px;
    vertical-align: middle;
    color: var(--bg-second);
    margin-left: 11px;
}
.col-12.history
{
    background-color: rgba(0, 150, 136, 0.06);
    /* height: 200px; */
    max-height: 200px;
    overflow-y: auto;
    padding: 20px;
    border-radius: 6px;
}
.border-right {
    border-right: 1px dashed #b0b0b0;
}
.color
{
    color: #F44336;36; */
}

.row.history.bottom.listAmana {
    width: 100%;
    margin: 0;
    padding: 16px 5px;
    background-color: rgb(255 255 255);
}

div#historique {
    padding: 15px;
    max-height: 167px;
    overflow-y: auto;
    font-size: 11px;
}

div#historique hr {
    border: none;
    background-color: #b6adad;
    margin: 5px;
}
.uppercase
{
    text-transform: uppercase;
}
.lisAmana.col-10 {
    padding-left: 28px;
}

#cmd_detail .card-box.bottom {
    margin-bottom: 20px;
}
.head.color b {
    font-size: 14px;
}
#cmd_detail .col-10 {
    padding-left: 27px;
}
.side_container svg.svg-inline--fa.fa-bars.fa-w-14 {
    color: var(--bg-second);
    top: 8px;
    font-size: 26px;
    left: 11px;
} 
td a:hover{
    color: #009688;
    text-decoration: none;
}
.effacer svg.svg-inline--fa.fa-trash-alt.fa-w-14 {
    font-size: 25px;
    vertical-align: middle;
    margin-left: 7px;
}
.print_icon{
    width: 24px;
    /* margin-left: 11px; */
}
.excel_icon{
    width: 24px;
    /* margin-left: 5px; */
}
.sms_perso{
    width : 33px;
}
.btn.btn_export , .btn.effacer{
    background: none;
    padding: 0;
}
a.decoration ,a.decoration:hover {
    text-decoration: none;
}

a:focus {
    color: #646464 !important;
}
.margin_none {
    margin : 0;
}
.text-center.notif.alert.alert-warning.fade.show {
    margin: auto;
    margin-bottom: 6px;
    background-color: rgb(250 250 250);
    padding: 14px 40px;
    width: fit-content;
    /* border: 1px solid red; */
    /* background: #ffffff; */
    /* margin: 0; */
    /* -webkit-font-smoothing: antialiased; */
    /* font-family: scandia-web,sans-serif; */
    box-shadow: -3px 5px 8px 1px rgb(72 72 72 / 12%);
    box-shadow: -5px 5px 4px 0px rgb(81 81 81 / 10%);
    /* color: #222222;*/
    color: rgba(9,9,16,.7);
    border-color: #ffffff;
}
.text-center.notif.alert.alert-warning.fade.show p {
    margin: 0;
}

#side_container .col-5.center_ {
    padding-right: 5px;
}

#side_container .col-6 {
    padding-right: 0;
    padding-left: 4px;
}
span.select2-selection.select2-selection--single {
    height: 33px;
}

span.select2-selection.select2-selection--single {
    height: 37px;
    padding: 4px;
}
span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.hide_cmd{
    margin: 0;
    /* height: 4px; */
    /* float: left; */
    color: #ffffff !important;
    padding: 3.4px 8px;
    /* margin-left: 6px; */
    border-radius: 3px;
    font-size: 11px !important;
    background-color: #5aac5e;
}
#admin_commandes .tooltip-ex
{
    float:right;
}
.sms_ {
    /* width: 46px; */
    position: relative;
}
.error.sms_, .succes.sms_ ,.sms-box .sms_ {
    /* width: 35px; */
}

.succes.sms_ {
    color: #009688;
}

.error.sms_ {
    color: #dc3545;
}
span.notif{
    position: absolute;
    background-color: #3680ef;
    border-radius: 100%;
    width: 16px;
    color: white;
    text-align: center;
    height: 16px;
    right: 9px;
    top: 11px;
    font-size: 10px;
    font-weight: 600;
    line-height: 17px;
    text-align: center;
}

.flynotif {
    position: relative;
}

.flynotif span.notif {
    position: absolute;
    top: -6px;
    right: -5px;
}

span.notif.notif-top {
    top: 0px;
    right: -7px;
}
#admin_commandes span.notif
{
    width: 15px;
    height: 15px;
    left: 0px;
    top: 1px;
}
span.cursor {
    position: relative;
}

.tracking_icon.cursor {
    width: 38px;
    /* vertical-align: top; */
    margin-bottom: 2px;
} 

body#thetracking {
    height: 100%;
    /* display: table; */
    height: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #ffffff !important;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

div#checkoutModal .modal-dialog {
    width: 98%;
    max-width: 800px;
}
button.btn.btn-success.valider {
    position: fixed;
    right: 10px;
    font-weight: bold;
    font-size: 12px;
    bottom: 11px;
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

  
@media only screen and (max-width:960px) {

.image-item {
    width: 100%;
}

.SingleProduct .achatHolder {
    bottom: 74px;
}
.SingleProduct button.btn.btn-sm.btn-primary.btn-success.btn-view {
    top: 7px;
}

td.consulter.justify-center-right.align-right.dontprint {
    position: sticky!important;
    right: 0;
    background-color: white;
    z-index: 2;
}
.rtl td.consulter.justify-center-right.align-right.dontprint {
    left: 0;
    right:initial;
}

.footerCredit {
    display: none;
}
    div#cat-slide {
    width: 100%;
    overflow-x: scroll;
    display: flex;
}

    div.container_infos {
        width: 47%;
    }

body h2 {
    font-size: 15px!important;
}

.image-item img {
    width: 100%;
    height: inherit;
}

.image-item {
    width: 100%;
}
div#cat-slide a {
    font-size: 11px;
    padding: 2px 10px;
}
    #wrapper_holder {
        width: 100%;
    }
    .header {
        padding: 0;
    }

.sidebarFrame {
    width: 100%;
}
div#mySidebar {
    width: 0%;
    padding-top: 65px;
}

div#mySidebar.active {
    width: 85%;
    z-index: 9;
}

div#mySidebar img.logoLogin {
    display: none;
}

    div#menu {
        width: calc(100% - 39px);
    }

.logo {height: 42px;padding: 10px 8px;}

.menuLang select#language-selector {
    font-size: 10px;
    width: 87px;
}

    ul.menu {
        width: calc(100% - 105px);
        float: right;
        padding: 10px 10px;
        display: flex;
        align-items: center;
        text-align: right;
    }

    .header ul li:nth-child(2) {
        /* display: none; */
    }

    .header ul li {
        width: fit-content;
        display: inline-block;
    }
    #admin_index .header a#nav-toggle {
        display: inline-block;
        padding: 7px 5px 7px 12px;
        color: #0d1aa4!important;
    }

#admin_index .header a#nav-toggle:hover {
    color: #000;
}

.wrapper {
    margin-top: 20px;
}
}
  
@media only screen and (max-width:550px)
{
    #lien legend {
        width: auto;
        margin: 0;
        padding: 0 0px;
    }
    #lien div.sku {
        width: 100%;
        text-align: center;
        position: unset;
        /* top: -46px; */
        /* right: -11px; */
        color: #ffffff;
        /* border: 1px solid #009688; */
        background-color: #00766b;
        padding: 2px 11px;
        font-size: 15px;
        margin: 0px auto 16px;
    }
}
svg.svg-inline--fa.fa-at.fa-w-16 {
    font-size: 18px;
    color: white;
    vertical-align: text-bottom;
}
#users .searchIcon {
    padding: 0;
    /* margin: 0; */
}
svg.svg-inline--fa.fa-search.fa-w-16.search_mobile {
    font-size: 19px;
}
.text-site{
    color: #0f6efd !important;
}
td.alert.alert-danger.table-danger {
    padding: 14px;
    /* border: 1px solid red !important; */
    font-size: 16px !important;
}
button.btn.btn-ok.ok{
    opacity:0.3;
    cursor: not-allowed;
}
.modifier {
    font-size: 12px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(0 150 136 / 14%) !important;
}

.row.CartProductTable div {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    color: #06284e;
}

.cartContainer .row {
    border-bottom: 1px solid #deebff;
    padding-bottom: 6px;
    margin-bottom: 10px;
}
.greenwin {
    color: #0275d8;
    /* font-size: 19px; */
    font-weight: 700;
}
.cartContainer .row>div {
    padding: 0px 4px;
    text-align: center;
    vertical-align: middle;
    align-content: center;
}

.priceL.gain {
    color: #0275d8;
    font-weight: bold!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.CartProduct .ProdPr p {
    width: 35px;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.CartProduct img {
    width: 100%;
    height: initial;
    max-width: 60px;
    max-height: 60px;
}

.CartProduct p {
    font-size: 12px;
    margin: 0;
    text-align: center;
    vertical-align: top;
}

.CartProduct h6 {
    font-size: 13px;
    margin: 0;
}

.CartProduct input {
    width: calc(100% - 43px);
    text-align: center;
    display: inline;
    border: 2px solid #c4cddc;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
}

.CartProduct h6 small {
    font-size: 9px;
    display: block;
    margin-bottom: 3px;
}

.CartProduct {
}

.CartProduct .col-4 p {
    text-align: left;
    font-size: 11px;
}

.CartProduct .col-4 h6 {
    text-align: left;
}

.row.CartProductTable .col-5 {
    text-align: left;
}
.text-center.motif {


    border-color: #ffffff !important;
    padding: 8px;
    /* box-shadow: -2px 1px 4px 0px rgb(236 236 236); */
    border-radius: 3px;
    background-color: rgb(244 67 54 / 6%);
    color: rgba(9,9,16,.7) !important;
}
.border_left{
    padding-left: 15px; 
    border-left: 1px solid #0f12115c!important;
}

#code_confirmation .modal-dialog.modal-dialog-centered {
    margin: auto;
    top: 22%;
}
#code_confirmation .modal-footer.modal_content {
    border: 0;
}

#code_confirmation .modal-content {
    border: 1px solid #009688 !important;
    background-color: #ffffff;
}

#code_confirmation button.close {
    color: #000000;
        position: absolute;
    top: 15px;
    right: 21px;

}

.SingleProduct .Prodimg {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: none;
    background-position: center;
}

.SingleProduct .Prodimg.theone {
    display: block;
}

.cartHolder {
    display: inline-block;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 2px 0 rgb(0 0 0 / 30%);
    width: 86px;
    vertical-align: top;
    /* float: right; */
    margin-right: 3px;
    vertical-align: top;
    position: absolute;
    right: 3px;
    top: 3px;
}

.cartHolder.btn-danger {
    background-color: #ffccd1;
    border-color: #dc3545;
}

.cartHolder.btn-danger .btn {
    background-color: #dc3545;
    border-color: #ffccd1;
}

.cartHolder.btn-success {
    background-color: #d2f9e7;
    border-color: #198754;
}

.cartHolder.btn-success .btn {
    background-color: #198754;
    border-color: #d2f9e7;
}

.cartHolder .btn {
    display: inline-block;
    vertical-align: top;
    padding: 4px 6px 2px 4px;
    float: right;
    background-color: #298ee5;
    border-color: #298ee5;
}

.cartHolder input[type='number'] {
    height: 23px;
    width: 19px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    appearance: auto;
    border: none;
    background-color: transparent;
}

.SingleProduct {
    border-radius: 12px 12px 5px 5px;
    overflow: hidden;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    box-shadow: -1px 1px 9px 0 rgb(0 0 0 / 3%), 0 1px 0 0 rgb(0 0 0 / 4%);
}

.SingleProduct:hover .size-block {
    height: initial;
    text-align: center!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.SingleProduct:hover .achatHolder {
    bottom: 74px;
}

.ProdName small {
    display: block;
    color: #385f8b;
    font-size: 10px;
}

.ProdName {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    min-height: 60px;
    font-size: 14px;
}

.ProdPrice {display: inline-block;width: 28%;text-align: right;color: #2993ec;vertical-align: top;font-size: 13px;font-weight: 700;}

.ProdPrice.Upup span {
    color: #fff;
}

.ProdPrice.Upup div {
    width: 50%;
    font-size: 12px;
}

.ProdPrice.Upup div:nth-child(1) {
    opacity: 0;
}

.ProdPrice.Upup div:last-child {
    text-align: right;
}

.ProdPrice.Upup {
    color: #fff;
    display: flex;
    width: 100%;
    padding: 3px 9px;
    text-align: left;
    margin-bottom: -6px;
    background: #011b38;
}

.rtl .ProdPrice.Upup {
    direction: ltr;
}

.ProdPrice span {
    display: block;
    font-size: 10px;
}

.ProdPrice small {
    color: #23bf76;
    display: block;
    font-size: 8px;
    display: none;
}

button.qty-change {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 15px;
    color: #bababa;
    cursor: pointer;
    background: transparent;
    padding: 0;
    border: none;
}

.btn-danger button.qty-change {
    color: #dc3545;
}

button.qty-change:hover {
    color: #000;
}

.qty-changer {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 2px 2px 5px;
    overflow: hidden;
}

.ProdCart {
    padding: 9px;
    font-size: 13px;
    position: relative;
    margin-bottom: 0;
    background: #fff;
    z-index: 99;
    box-shadow: -1px -1px 7px #00000017;
}



div#confirmationModal {
    background-color: #ffffff;
}


/*      .codeC{
        margin: 0 9px;
        height: 36px;
        width: 45px;
        font-size: 22px;
        text-align: center;
        border: 0px;
        border-bottom: 1px solid #000000;
      } */
      .codeC {
        margin: 0 9px;
        height: 36px;
        width: 96px;
        font-size: 22px;
        text-align: center;
        border: 0px;
        letter-spacing: 7px;
        border-bottom: 2px dashed #000000;
    }

p.resendCode{
    width: 100%;
    margin: 0;
    font-size: 14px;
   /* color: #009688 !important;*/
}
p.resendCode.text-left {
    color: #8a8a8a;

}
input.codeC:focus {
    outline: none;
}
#code_confirmation p.red {
    margin-top: 21px;
        margin-bottom: 0;

    /* color: #F44336; */
}

#code_confirmation img.img {
    height: 44px;
    padding-left: 21px;
}
h6#exampleModalLongTitle {
    font-weight: 600;
    margin-top: 15px;
    letter-spacing: 0.5px;
    font-size: 15px;
}
#code_confirmation hr {
    width: 80%;
    margin-top: 27px;
    /* border: 1px solid #009688; */
}
.cursor.hist_border {
    font-size: 12px;
    padding: 6px 0;
    border-top: none;!;!i;!im;!imp;!impo;!impor;!import;!importa;!importan;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.cursor.hist_border:nth-child(2n) {
    border-bottom: 1px solid #eaeaea;
    padding-top: 0;
    margin-top: -8px;
}


#code_confirmation span.text-secondary {
    font-size: 14px;
}
#code_confirmation button.btn {
    font-size: 13px;
}
.modal-footer.modal_content {
    margin: 25px 20px 10px;
    text-align: center;
}
button.close.float_right:focus {
    outline: none;
}
.comission_lab, .comission_lab label {
    color: #0d6efd;
}

div#historiqueEdit {
    /* margin: 15px; */
    max-height: 300px;
    overflow-y: auto;
    /* padding: 16px; */
    /* background-color: #fbfbfb; */
    /* border-radius: 6px; */
    /* border: 1px solid #f1f1f1; */
    /* font-size: 13px; */
    margin-bottom: 0;
    padding-bottom: 0;
}

.toast-success {
    background-color: #13b86b;
}

.toast-error {
    background-color: #dc3545;
}

.hist_border
{
    border-top: 1px solid #9c9c9c61;
    width: 90%;
    padding: 9px;
    margin: 0 12px;
}
.col-lg-4.cursor.text-uppercase ,.col-lg-7.cursor.text-uppercase  {
    padding: 6px;
    margin: 0 12px;
}
span.cmd_consulter {
    border: 1px solid #f16120;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 6px;
    color: #fff;
    background-color: #f16120;
}
span.hide_cmd.Red {
    background-color: #F44336;
}
span.eye{
        font-size: 16px;
    color: #F44336;
    float: left;
    margin-left: 5px;
}
img.img_load_tracking {
    width: 200px;
}
#thetracking #loading {
    position: unset;
    background: white;
}
svg.svg-inline--fa.fa-sync-alt.fa-w-16 {
    /* margin: 20px; */
    font-size: 23px;
    vertical-align: middle;
    color: #1f5c7c;
    margin-right: 6px;
}
svg.svg-inline--fa.fa-hourglass-half.fa-w-12 {
    font-size: 24px;
    vertical-align: middle;
    color: #c95d5d;
    margin: 0 8px;
}
button.btn.btnCreate {
    background-color: transparent;
    padding: 0;
    margin: 0 7px;
    font-size: 20px;
}
a.page-link.moves {
    width: fit-content;
    border-radius: 17px !important;
}
.indic.bg-warning , .indic.bg-danger {
    width: 10px;
    height: 10px;
    /* margin: auto; */
    display: inline-block;
    border-radius: 50%;
}
.indications
{
    font-size: 11px;
    color: #5e5e5e;
}
a.moves.page-link {
    width: fit-content;
}

img.wordpress{
    width: 17px;
    margin-left: 7px;
    /* float: left; */
    margin-top: 2px;
    position: absolute;
    left: 0;
}
td.num {
    position: relative;
}
div.checkLivraison {
    font-size: 11px;
    color: #0f6efd;
    font-weight: 600;
    text-align: right;
    /* margin-top: -8px; */
    text-transform: uppercase;
    padding-top: 6px;
}

input.livraisonGratuite {
    /* transform: scale(0.93); */
    vertical-align: middle;
    margin-top: -5px;
}

button.cursor.btn.btn-sm.btn-info.bottom.text-uppercase {
    font-size: 12px;
    padding: 6px 8px;
    border: none;
    color: #ffffff;
    background-color: #009688;
}
.villeTable td.consulter span {
    font-size: 12px;
}

.form-applyactions {
    display: inline-block;
    vertical-align: bottom;
}

.form-applyactions select {
    display: inline-block;
    width: 97%;
    margin-bottom: 0;
    font-size: 12px!important;
    padding: 2px 7px!important;
    height: 32px!important;
}

button#applyaction {
    display: inline-block;
    vertical-align: bottom;
    background: #536174;
    border-color: #536174;
    top: -1px;
    position: relative;
}

.applyactions {
    height: 0;
    overflow: hidden;
    transition:0.3s all ease-in-out;
}

.btn_default.deletebtn.btn-actions {
    width: 0;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
    padding: 6px 0;
    margin: 5px 0 24px;
}

button.cursor.btn.btn-sm.btn-Action.bottom {
    border: 1px solid #e7e7e7;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 11px;
}
div.contact-box .row {
    background-color: #fafafa;
    padding: 11px 6px;
    /* border: 7px solid #fff; */
    height: 100%;
    border-radius: 3px;
    box-shadow: 1px 2px 2px #e7e7e794;
}
div.contact-box .row.checked {
    box-shadow: 0px 0px 2px 1px #656565;
}

.ProdStock {
    position: absolute;
    top: 6px;
    left: 6px;
    background-color: #a9efcf;
    padding: 0px 7px;
    border-radius: 16px;
    color: #035931;
    font-size: 14px;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 17%);
    font-weight: 600;
}

.ProdStock.table-warning {
    background-color: #fff2cb;
    color: #9a7504;
}

.ProdStock.table-danger {
    background-color: #ff9f9f;
    color: #86022e;
}
div.contact-box {
    padding: 0;
    border: 7px solid #fff;
    position: relative;
    cursor: pointer;
}
.contact-name {
    line-height: 1.2;
    color: var(--bgColor);
    border-bottom: 1px dashed;
    width: auto;
    padding: 0;
    display: inline-block;
    cursor: help;
}
.etat-contact.bg-green:after{ background-color: rgb(109, 182, 109);}
.contacts-list .consulter {
    display: none !important;
}

div.box-holder {
    margin: 0;
    font-size: 15px;
}
.contact-box i.bi.bi-star-fill {
    color: #ffd042;
    font-size: 12px;
}
.lignes svg {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    align-items: flex-end;
    margin-top: 3px;
}
.libelle span {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 3px;
    font-size: 13px;
}

.contact-box .etat-contact:after {
    content: '';
    height: 8px;
    width: 8px;
    display: flex;
    border-radius: 30px;
}
.etat-contact.bg-grey:after
{
    background-color: #717171;
}
.btn.leads .badge {
    top: 5px;
    font-size: 8px;
}

.btn.leads, .contact-box a.btn.eye {
    font-size: 17px;
    display: inline;
    float: right;
    padding-right: 0;
    padding-top: 2px;
}
span.etat-contact {
    display: inline-block;
}
.btn.leads:hover {
    color: var(--bgColor);
    cursor: auto;
}
.article {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
#admin_index .contact-infos .contact-icons a.whtsp
{
    color: #009688;
}
.consulter .actions {
    display: flex;
    align-items: center;
    justify-content: right;
    flex-direction: row;
    align-content: center;
}

.consulter .actions button span, .consulter .actions a span {
    padding: 0 3px;
    display: none;
}
.actions button.back-reg.btn.btn-sm.etatBTN {
    color: #fff;
    /* padding: 5px 7px; */
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 17px;
}
.actions button.back-reg.btn.btn-sm.decline {
    color: #fff;
    background-color: unset;
    border: none;
    cursor: pointer;
    font-weight: 900;
    /* padding: 5px 8px; */
    font-size: 17px;
}
.consulter .actions .btn {
    margin: 0 2px;
    border: 1px solid #dee2e6 !important;
    padding: 1px 5px;
}

a.btn.btn-sm.etatBTN {
    padding: 2px 4px;
    background: #e8f0f8;
    border-color: #e8f0f8!important;
}

.btn.btn-sm.btnorder {
     color: #fff;
}

button.cursor.btnorder.btn.btn-sm.btn-default.bottom {
    padding: 2px 13px;
}



button.bottom.btn.btn-sm.etatBTN {
    padding: 3px 6px;
    border: none!important;
    color: #fff;
}
.actions button#abandonner {
    background-color: unset;
    /* padding: 3px 7px; */
    color: #da86ff;
    font-size: 17px;
}
.num:before {
    left: -3px;
    content: '';
    height: 100%;
    width: 7px;
    position: absolute;
    top: 0;
    background-color: rgb(255 255 255 / 60%);
}
.btn-actions.bottom.center_resp {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    position: unset;
    align-items: center;
}

.btn-actions span,.btn-actions a {
    font-size: 22px;
    margin: 0 5px;
}
td.num {
    padding-left: 1px !important;
}
.actions button.back-reg.btn.btn-sm.etatBTN.Livrer {
    color: #54daa2;
}

.actions button.back-reg.btn.btn-sm.etatBTN.Confirmer {
    color: #1bb9e3;
}
.side .sidebar-data {
    height: 100%;
    width: 330px;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 19px;
    opacity: 1;
    transition: ease 1s;
}
.sidebar-data {
    transition: ease 1s;
    position: fixed;
    opacity: 0;
    right: -200%;
}
i.menu-side {
    font-size: 25px;
    margin: 13px 13px;
}
.data-lignes {
    padding: 13px 14px;
    background-color: #a3a3a314;
    margin: 11px 12px 0px 15px;
    font-size: 13px;
    position: relative;
    border-radius: 4px;
}

.data-lignes div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.data-lignes.box-1 div span:first-child {
   padding-top: 3px;
}
.data-lignes div span:first-child {
    padding-right: 7px;
    color: #104988;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.data-lignes div.title {
    background-color: #2f8dc5;
    margin-left: -21px;
    width: fit-content;
    padding: 0 15px;
    font-size: 12px;
    color: #fff !important;
    /* border-radius: 2px; */
    margin-bottom: 7px;
}
.icon-wordpress
{
    position: absolute;
    top: 9px;
    right: 39px;
}
a.etatBTN.eye {
    padding: 5px 8px;
    font-size: 17px;
}
.table-hover tbody tr:hover {
    --bs-table-accent-bg: #f8f8f8 !important;
}
span.menu-side {
    margin: 9px !important;
    font-size: 21px;
    cursor: pointer;
}
.show-action:not(td,th) {
    display: none;
}

button.show-action.dots.btn.btn-sm {
    display: inline-block;
}
@media only screen and (max-width:1042px)
{
    #cmd_detail .col-lg-7.cursor.hist_border {
        border: none;
        padding-top: 0;
    }
    #cmd_detail .col-lg-4.cursor.text-uppercase,#cmd_detail .col-lg-7.cursor.text-uppercase
    {
        display:none;
    }
    #livraison #CODE .text-right {
    
       text-align: center !important;
    }
   

    .row.justify-content-center.search_box.page1_search {
         margin-bottom: 28px;
    }
     .side_container svg.svg-inline--fa.fa-bars.fa-w-14
    {
        display:none;
    }
    
    #cmd_detail button.btn.btn-sm.btn-danger.noresponse ,
    #cmd_detail button.btn.btn-sm.btn-warning , #cmd_detail button.cursor.btn.btn-sm.btn-default.perso {
        margin-top: 5px;
    }
    /* button.btn.btn-ok {
        width: 100%;
    } */
    .mobile{
        display: none !important;
    }
    .dropdown-content1 {
        display: block !important;
        position: static !important;
        padding-left: 12px;
        border-left: 1px solid #ffffff69;
        margin-top: 10px;
    }
    
    .menu li div a {
        border-bottom: none;
        padding: 4px 0 5px;
    }
 
    button.btn.btn-sm.btn_default.total
    {
       float: unset !important;
       padding: 1px 5px;
    }
    button.btn.btn-sm.btn_default.total.bottom span {
    font-size: 9px;
}
    .center_resp 
    {
        text-align:center !important;
        padding: 0 1px !important;
        float: unset !important;
    }
    #admin_produits .center_resp 
    {
       margin:0px!important;
    }
    body#admin_commandes, body#admin_produits, body#admin_client, body#admin_index {
        width: 100% !important;
        transition: width 0.3s;
    }
    li.recharge{ display:block !important;}

     #commandes_statistique .col-sm-3.col-xs-4{
         margin : 0 !important;
     }  
     #commandes_statistique .az{
         margin-top: 8px !important;
         margin-left: 14px !important;
     }   
     #cmd_detail2 .tit{
        text-align:center !important;
     }
     table#table {
         display: block;
         width: 100%;
         overflow-x: auto;
         overflow-x: scroll;
     }

table#table th {
    min-width: 100px;
}
     #settings table#table
     {
        display: table !important;
     }
     
    .hiding, .hiding2, .hiding3
    {
        display:none;
    } 
     .main{
        margin:auto; 
     }
     /* Mobile navigation */
     .search_box , .div_steps
     {
        /* display: none; */
        /* margin-top: -10px; */
      }

#table th, #table td {
    font-size: 10px;
}
     #menu  
     {
        /* display: none; */
        /* margin-top: -10px; */
        /* position: absolute; */
        /* z-index: 99999999; */
      }
      #mySidebar
      {
          /* width : 0px !important; */
          /* margin-top: 68px; */
}
      
      div#mySidebar.hide_sidebar_mobile {
        width: 0px !important;
      }
      div#mySidebar.show_sidebar_mobile {
        /* width: calc(100% - 41px) !important; */
        width: 100%  !important;
        /* margin-top: 68px; */
        padding: 7px;
        position: unset;
        /* float: right; */
        margin-top: -19px;
        right: 0;
        height: 100%;
        height: 100vh;
      }
      span#cmd_waiting {
    position: absolute;
    background-color: #e10000;
    border-radius: 100%;
    width: 17px;
    color: white;
    text-align: center;
    height: 17px;
    left: -12px;
    top: -6px;
    font-size: 8px;
    /* float: right; */
    z-index: 999999999;
    color: white;
    line-height: 17px;
}
     .nav-mobile
     {
        display: flex;
        height: 60px;
        }

     #nav-toggle
     {
      font-size: 25px;
      cursor: pointer;
      color: white;
      /* background-color: red; */
      /* padding: 10px 35px 16px 0px; */
     }
    .active i
    {
        color: #d4d4d4;
    }

    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after
    {
      cursor: pointer;
      border-radius: 1px;
      /* height: 5px; */
      /* width: 35px; */
      /* background: #E91E63; */
      /* position: absolute; */
      display: block;
      /* color: red; */
      transition: all 300ms ease-in-out;
    }

    #nav-toggle span:before
    {
      top: -10px;
    }

    #nav-toggle span:after
    {
      bottom: -10px;
    }

    #nav-toggle.active span
    {
      background-color: transparent;
    }

    #nav-toggle.active span:before, #nav-toggle.active span:after
    {
      top: 0;
    }

    #nav-toggle.active span:before
    {
      transform: rotate(45deg);
    }

    #nav-toggle.active span:after
    {
      transform: rotate(-45deg);
    }
    
    #admin_client .search_toggle ,#admin_produits .search_toggle, #admin_commandes .search_toggle, #admin_livreurs .search_toggle, #admin_restau .search_toggle, .search_toggle svg.svg-inline--fa.fa-search.fa-w-16 {
        display:block;
        width: 25px;
        color: #ffffff;
        cursor: pointer;
        font-size: 21px;
        margin-left: 16px;
        /* height: 71px; */
        /* float: right; */
        }
    #admin_index .sidebar-bag
     {
        display: block;
        width: 23px !important;
        color: #ffffff;
        cursor: pointer;
        position: relative;
        font-size: 21px;
    }
    .side_container i.fas.fa-bars {
        display: none;
    }


    #admin_index .notif_cmd,#admin_client .notif_cmd ,#admin_produits .notif_cmd, #admin_commandes .notif_cmd, #admin_livreurs .notif_cmd, #admin_restau .notif_cmd
     {
        
        display: block;
       
    }
    svg.svg-inline--fa.fa-bars.fa-w-14 {
    /* display: none; */
    }

    div#mySidebar .side_container {
        width: 100% !important;
        /* margin: auto 30px; */
        margin: 0 !important;
        /* float: unset !important; */
    }

    #mySidebar.col-12.timer_box {
        width: fit-content;
        margin: 0;
        text-align: center;
    }
    /* .search_box { */
      /* display:none */
    /* } */
    .menu{
        display: grid;
        text-align: left;
        padding-left: 20px;
    }
    .header ul li {
        padding: 5px;
    }
    .menu a {
        font-size: 12px;
        font-weight: 600;
    }
    .search {
        width: 100%;
        margin-top: 18px;
    }   
    .searchin2 {
        width: 100%;
    }
    .space{
        margin-top: 16px;
        /* padding: 0; */
        /* padding: 0 7px; */
    }
    #admin_commandes .col-sm-3.space.bottom{
        margin-bottom: 0px;
    }
    
    /* .center_it{ */
        /* text-align:center !important; */
    /* } */
    
    .padin-left{
        padding-left: 3px !important;
    }

    .display
     {
        display: none;
     }
    #cmd_detail a.back-reg.btn.btn-sm{
        width:109px;
    }
    img.img-thumbnail{
        width:27px;
    }
    .notiff{
        font-size: 11px;
        margin-left: 0px;
    }
    .label{
        margin-bottom : 0px;
    }
    .height{
        height: 0px !important;
    }
    .cmds
    {
        height: 82px;
    }

    .liv_col {
        /* margin-top: 23px !important; */
    }
    .col_map{
         margin-top: 26px;
    }
}
@media only screen and (max-width:620px)
{
    
     button.btn.btn-sm.btn-primary.searchin{
        display:block;
        /* float: right; */
        width: fit-content;
        font-size: 0px !important;
        background-color: #ffffff !important;
        border: none;
        border-radius: 6px !important;
        /* width: 46px; */
        COLOR: #000000 !important;
        float: right;
        padding: 0;
        }
   
     div.page1_search
     {
        display: none;      
     }
     #cmd_produit_ajout fieldset
     {
        padding: 4px !important;
     }
     form.page1_search
     {
        display: none;
        margin-top: 31px;
        
     }
     #myChart{
             margin-top: 28px;
     }
     .cardbox{
         background-color: #efefef00;
        box-shadow: none !important;
     }
     button.btn.btn-sm.btn-primary.marg.searchin{
            margin-right: 2px;
    }
    .searchin2 {
         margin-top: 24px;
    }
    .center_it{
        text-align:center !important;
    }   
    .left{
        text-align:left !important;
    }
    .border_left{
         border-left: none !important;
         /* margin-top: 18px; */
    }
    .liv_col , .col_map {
        margin-top: 0px;
    }
    .searchin2 {
        margin-top: 0px !important;
    }
    .pages{
        width: 100% !important;
    }
    .modal-dialog
    {
        margin: 0;
    }
    .modal.fade .modal-dialog.modal-lg .modal-content {
        position: absolute;
        bottom: -100%;
        max-width: 100%;
        margin: 0;
        z-index: 9999999999;
        transition: 1s ease !important;
    }

    .modal.fade.show .modal-dialog.modal-lg .modal-content {
        bottom: -16px;
    }
   
}
@media only screen and (width:1024px)
{
    .searchin2 {
        margin-top: 10px !important;
    }
    
}
@media only screen and (max-width:800px)
{
    div.table-leads {
    padding: 0;
}

    .table-leads th.tablesorter-header.tablesorter-headerUnSorted:first-child {
        width: auto !important;
        
    }
    .table-leads td:first-child {
        text-align: left !important;
    }
    span.no_rep i {
        font-size: 17px;
        margin-right: 6px;
        margin-left: 3px;
        color: #ff0018;
    }
    .actions img.error.sms_ {
        width: 30px;
        margin-left: -4px;
    }
    .row.col-12.search_text
    {
        padding : 12px 0;
    }
    .btn-actions.bottom.center_resp {
        justify-content: center;
    }
    #admin_commandes .td-actions {
        position: fixed;
        width: 100%;
        bottom: -100%;
        left: 0;
        background-color: #ffffff00;
        transition: ease 1s;
        z-index: 9;
        border-radius: 15px 15px 0 0;
    }
    #admin_commandes .td-actions.show {
       bottom: 0;
       background-color: #f9f9f9;
       box-shadow: -1px 1px 9px 0 rgba(0, 0, 0, 0.13), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    }
    #admin_commandes .td-actions .actions {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        min-height: fit-content;
        justify-content: center;
        border-radius: 8px;
        margin: 14px;
        padding: 6px 14px;
    }
    th.show-action,td.show-action{ display: none;}
    i.show-action,span.show-action
    {
        display: block;
       
    }
    button.show-action,div.show-action
    {
        display: inline-flex;
        margin-top: 10px;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: row;
        width: 100%;
    }
    #admin_commandes .td-actions .actions button,#admin_commandes .td-actions .actions a,#admin_commandes .td-actions .actions .no_rep {
        width: 100%;
        display: flex;
        border: unset !important;
        align-items: center;
        padding: 12px 0px !important;
        /* border-bottom: 1px solid #f1f1f1 !important; */
        border-radius: 0;
        /* font-size: 15px !important; */
        }
        
        #admin_commandes .td-actions .actions button span, #admin_commandes .td-actions .actions a span {
            color: #414141;
            font-weight: 100;
            display: block;
            font-size: 13px;
            margin-left: 8px;
            text-transform: capitalize;
        }
    .show-action span.icon {
        border: 1px solid #c7c7c7;
        border-radius: 7px;
        padding: 9px 3px 11px 3px;
        position: relative;
    }
    a.btn.btn-sm.etatBTN.eye .icon {
    padding: 5px 9px;
    font-size: 22px;
}

a.btn.btn-sm.etatBTN.eye span {
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: -4px;
}

.sms-box a.etatBTN.eye {
    padding: 0;
    /* line-height: 1; */
}
    .td-actions.show i.fa-solid.fa-truck-fast {
        font-size: 13px;
    }
    
    #admin_commandes .show-action span.notif {
        left: -12px;
        top: -5px;
        position: absolute;
        padding: 1px;
        margin-left: 6px;
    }
    .whtsp span {
    color: black;
    font-size: 13px;
    margin-bottom: -5px;
    margin-top: 11px;
    }
    
    .whtsp i.icon.bi.bi-whatsapp {
        border: 1px solid #c7c7c7;
        border-radius: 7px;
        padding: 6px 12px 8px;
    }
    div.close-actions {
    cursor: pointer;
    display: inline-block;
    font-size: 32px;
    margin-top: 10px;
    text-align: right;
    margin-bottom: 7px;
    }
    button.show-action.dots {
        font-size: 23px;
        background-color: #f3f3f3;
        color: #209f78;
        width: fit-content;
        margin: auto;
    }
    div.close-actions i {
        color: #868686;
        margin-right: 7px;
        line-height: 0;
    }
    .badge.letat
    {
        white-space: break-spaces;
    }
    button.back-reg.btn.btn-sm.etatBTN.interest {
        text-transform: capitalize;
        font-weight: 100;
        color: #414141 !important;
        font-size: 13px !important;
    }
    
    button.bottom.interest i {
        font-size: 17px;
        margin-right: 10px;
        color: #1d76c2;
}
}
.contact-infos {
    padding: 10px 2px 12px;
    /* background-color: #fafafa8f; */
    margin: 10px 14px;
}
.contact-infos button.btn.btn-action {
    width: 100%;
    padding: 9px 0;
    font-weight: 600;
}
.contact-box a.btn.eye {
    font-size: 19px;
}
.contact-icons {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

#admin_index .contact-infos .contact-icons a {
    margin: 9px;
    line-height: 0;
    color: #011b38;
    border-radius: 39px;
    font-size: 26px;
}
.contact-infos.contact-box-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 9px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #efefef;
    align-content: flex-end;
    flex-direction: row;
}

.contact-infos label {
    color: #717171;
    font-size: 12px;
}
div.shopping-infos {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-weight: 700;
    margin-top: 17px;
    font-size: 13px;
}
.data-lignes-title {
    font-weight: 600;
    padding: 17px 17px  2px;
    /* border-bottom: 1px solid #b7b7b72e; */
    margin: 0px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.data-lignes.box-2 span {
    color: #505050 !important;
}
span.badge.rounded-pill.letat {
    font-weight: 600;
    background-color: #fbfbff;
    font-size: 11px;
    border: 1px solid;
}
.effacer {
    color: #dc3545;
}
div.btn-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.btn-actions.storeSelect {vertical-align: middle;align-items: center;margin-bottom: 14px;}

.rtl .btn-actions.storeSelect {
    direction: ltr;
}

.btn-actions.storeSelect span {
    font-size: 12px;
    color: #fff;
    height: 100%;
    padding: 9px 6px;
    background: #011b38;
    margin-right: 0;
    border-radius: 5px 0 0 5px;
}

.btn-actions.storeSelect select {
    margin: 0;
}

#admin_index .btn-actions a.add {
    color: var(--bgColor);
    font-size: 24px;
}

#admin_index .btn-actions a.btn {
    background-color: #367fee;
    font-size: 13px;
    color: #fff;
    margin-right: 0;
}

#admin_index .btn-actions .btn:hover {
    color: #fff!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

a.add.btn {
    border: none;
}

#admin_index .btn-actions a.btn.btn-warnning {
    background: #159a15;
}
#admin_index .btn-actions a.btn.btn-warnning.btn-black {
    background-color: #000000;
}
#admin_index .btn-actions a.btn.btn-warnning.btn-yellow {
    background-color: #ddaa10;
}

.btn.btn-success {
    color: #fff;
    background-color: #001b38 !important;
    border: #001b38!important;
}

button.btn.btn-sm.btn-primary.btn-success.btn-viewo {
    padding: 4.5px 7px;
    display: inline-block!important;
}

#admin_index .btn-actions a.add.btn.bnt-primary:hover {
    background: var(--bgColor);
    color: #ffffff !important;
}

#admin_index .btn-actions a.add.btn.btn-sm.bnt-primary {
    color: #fff;
    font-size: 11px;
    margin: 0;
    background: #367fee;
    border: none;
}
.checked-none
{
    display: none !important;
}
#client_detail a.contact {
    color: red;
    font-size: 23px;
    margin-right: 8px;
}

#client_detail a.whtsp {
    font-size: 24px;
    margin-right: 13px;
    text-decoration: none;
}
span.icon .fa-phone {
    color: #3d75c7;
}

.side_container i.fas.fa-bars {
    font-size: 27px;
    color: var(--bgColor);
    margin-bottom: 17px;
    margin-left: 7px;
    cursor: pointer;
}

.hide_sidebar .col-12.timer_box,.hide_sidebar #list {
    display: none;
}
.side_container i.fas.fa-bars {
    font-size: 27px;
    color: var(--bgColor); 
    margin-bottom: 17px;
    margin-left: 3px;
    cursor: pointer;
    position: absolute;
    right: 3px;
    background: #fff;
    padding: 4px 7px;
    border-radius: 7px;
    top: 36px;
    display: none;
}

.hide_sidebar .col-12.timer_box,.hide_sidebar #list {
    display: none;
}
.contact-box span.consulter .delete {
    position: absolute;
    top: 0;
    right: 0;
}
.contact-box a.btn.btn-sm.delete {
    position: absolute;
    top: 0;
    right: 0;
}
a.btn\.btn-sm\.apply {
    font-size: 18px;
    vertical-align: middle;
    margin: 0 10px;
}
a.add {
    font-size: 24px;
    margin-left: 10px;
}

#settings div.text-right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.chart-icon {
    font-size: 23px;
    color: #009688;
    cursor: pointer;
}
a.page-link {
    width: fit-content;
    border-radius: 50px !important;
    padding: 11px !important;
    display: flex;
    align-items: center;
    margin: 0 4px !important;
}

body input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 13px;
    height: 13px;
    border: 1px solid #0087ff;
    border-radius: 3px;
    background-color: white;
    cursor: pointer;
    position: relative;
    box-shadow: inset -1px -1px 3px 0px rgb(1 27 56 / 5%);
    margin-bottom: -2px;
}

body input[type="checkbox"]:checked {
    background-color: #0087ff;
    border-color: #0087ff;
}

body input[type="checkbox"]:checked::before {
    content: "\2714"; /* Unicode character for checkmark */
    color: white;
    font-size: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


body input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid #4a5b6e;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    position: relative;
}

body input[type="radio"]:checked {
    background-color: #e9ecef;
    border-color: #e9ecef;
}

body input[type="radio"]:checked::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #3581f0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.sideBarmenu {
    list-style: none;
    padding: 10px;
    margin: 0;
    width: 100%;
    margin-top: -5px;
}

.sideBarmenu > li {
    padding: 0;
    width: 100%;
    position: relative;
    background: transparent;
}

.sideBarmenu > li:last-child a {
    border-bottom: none;
}

#admin_index .sideBarmenu > li > a {
    color: #8ea3bb;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 15px;
    letter-spacing: 1px;
    /* border-bottom: 1px solid #edeef9; */
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

#admin_index .sideBarmenu > li:last-child > a {
    border-bottom: none;
}

#admin_index .sideBarmenu > li > a i {
    padding-right: 7px;
    color: #385f8a;
    /* display: none; */
    font-size: 13px;
}

.sideBarmenu > li > a:hover {
}


/* Sidebar basic styling */
.sidebarFrame {
    position: fixed;
    top: 0;
    right: -100%; /* Initially hidden (can be on left if changed with JS) */
    height: 100%;
    width: 300px; /* Default width */
    background-color: #f4f4f4;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease, left 0.3s ease; /* Sliding transitions */
    z-index: 1000;
    overflow: hidden;
    display: none; /* Initially hidden */
}

/* Adjusting iframe to take the full height */
#sidebarIframe {
    width: 100%;
    height: calc(100% - 30px); /* Adjust for the close button height */
}

.close-btn {
    background: #f44336;
    color: white;
    border: none;
    padding: 2px 10px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    z-index: 1;
    font-size: 14px;
    position: absolute;
    right: 27px;
    border-radius: 3px;
}

.dropdown-menu {
    font-size: 13px;
    padding: 3px 0;
}


.inputLabel {
  --pad: .75rem;
  position: relative;
}
.inputLabel input {
  padding: var(--pad);
  outline: none;
}
.inputLabel label {
  position: absolute;
  left: var(--pad);
  top: var(--pad);
  background: var(--bg);
  padding-inline: .2em;
  transition: transform 200ms;
  pointer-events: none;
  transform-origin: left;
  translate: .5em -.2em;
  background: #fff;
}

.inputLabel input::placeholder {
  opacity: 0;
}
.inputLabel input:focus + label,
.inputLabel input:not(:placeholder-shown) + label {
  transform: translateY(calc(-50% - var(--pad))) scale(.9);
  /* color: var(--accent); */
  padding: 0px 7px;
  background: #fff;
  /* color: #0086ff; */
}

.col-12.mediacenter {
    padding: 20px;
    background: #f1f5f9;
    margin: 1%;
    width: 98%;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
}

.btn.btn-danger.btn-small.delete-image {
    font-size: 11px;
    padding: 0px 5px;
    position: absolute;
    top: 0;
    color:#fff;
    right: 0;
    border-radius: 0px 0px 0px 5px;
}

.vip-checkbox-holder {
    position: absolute;
    bottom: 5px;
    left: 6px;
    font-size: 11px;
    vertical-align: middle;
    background: #0086ff;
    padding: 0px 5px 1px;
    border-radius: 15px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

.vip-checkbox-holder input, .vip-checkbox-holder small {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin: 0 2px;
}

input.principal-radio {
    position: absolute!important;
    top: 2px;
    left: 7px;
}
.image-container {
    display: flex;
    flex-wrap: wrap;
}
.image-item {
    width: 22%;
    margin: 8px 0px;
    position: relative;
}

.image-item.PrincipalImage img {
    width: 100%;
    height: inherit;
}

.image-item.PrincipalImage {
    width: 100%;
}
.image-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}

img {}
.delete-btn, .principal-radio, .vip-checkbox {
    margin-top: 5px;
}
.add-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border: 2px dashed #0086ff;
    cursor: pointer;
    margin: 10px;
    background-color: #e2f1ff;
}
.tag {
    background: #cee8ff;
    padding: 1px 6px;
    margin: 2px;
    border: 1px solid;
    text-align: center;
    width: fit-content;
    color: #0086ff;
    font-size: 11px;
    border-radius: 3px;
    display: inline-block;
}
.add-image i {
    font-size: 24px;
    color: #0086ff;
}
.loading {
    filter: grayscale(100%);
    opacity: 0.6;
}
        
.inputLabel input:focus {
  border: 1px solid #eaeaea;
}

.tag-input, .color-input { margin-bottom: 10px; }
.product-table {margin-top: 20px;width: 100%;font-size: 12px;}

.product-table table {
    width: 100%;
}
table.product-table { width: 100%; border-collapse: collapse; }
.product-table th, .product-table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
.product-table th { background-color: #f2f2f2; }

.sideBarmenu > li > ul {
    display: none;
    padding-left: 20px;
    /* background-color: #f3f4ff; */
    margin: 0;
    padding-top: 0px;
    padding-bottom: 10px;
    list-style: none;
}

.size-block {
    display: inline-block;
    font-size: 11px;
    background: #f1f5f9;
    padding: 1px 5px 0;
    border-radius: 52px;
    height: 22px;
    margin: 2px 2px;
    color: #4a5b6e;
    border: 1px solid;
    vertical-align: middle;
    border-color: #e5ecf2;
    line-height: 17px;
}

.variation-size .size-block {
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: initial;
    background: none;
    border: none;
}

.size-block h3 {
    font-size: 11px;
    display: inline-block;
    margin: 1px;
    vertical-align: middle;
}

.variation-size .size-block h3 {
    font-size: 10px;
    margin: 0;
}

.SingleProduct .size-block h3 {
    cursor: pointer;
    margin: 2px 4px 2px 3px;
    padding: 0px 4px;
    border-radius: 3px;
    height: 17px;
    line-height: 18px;
    background: #f1f5f9;
    transition: 0.2s all ease-in-out;
}

.SingleProduct .size-block h3.selectedVar {
    background: #bababa;
    color: #fff;
}

.SingleProduct .size-block h3:hover {
    transform: scale(1.1);
}

.SingleProduct .variation-color .size-block .color-circle {
    cursor: pointer;
    margin-left: 0px;
    margin-right: 5px;
    transition: 0.2s all ease-in-out;
}

div#cat-slide {
    margin: -13px 0 20px;
    padding: 0;
    overflow-y: scroll;
    text-align: center;
}

div#cat-slide a {
    padding: 2px 20px;
    background: #edf7ff;
    border: 1px solid;
    color: #2993ec;
    border-radius: 16px;
    margin: 4px 10px 3px 0px;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0px 0px 5px #0000000d;
}

div#cat-slide a.selecteda, div#cat-slide a:hover {
    background: #2993ec;
    color: #fff!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    border-color: #2993ec;
}

.SingleProduct .variation-color .size-block .color-circle.selectedVar {
    border: 1px solid #fff;
    transform: scale(1.2);
}

.SingleProduct .variation-color .size-block .color-circle:hover {
    transform: scale(1.2);
}

.color-circle {
    display: inline-block;
    /* width: 17px; */
    height: 17px;
    border-radius: 50%;
    margin: 1px 1px 1px;
    color: #fff;
    font-size: 6.5px;
    line-height: 15px;
    font-weight: 700;
    vertical-align: middle;
    border: 1px solid #aaa;
    text-align: center;
    overflow: hidden;
}

.variation-color .size-block .color-circle {
    /* text-indent: -999999px; */
    border: none;
    /* width: 16px; */
    height: 16px;
    margin-left: 4px;
    box-shadow: 0px 0px 2px 0 rgb(0 0 0 / 30%);
    font-size: 7.5px;
    line-height: 14px;
    text-align: center;
    border: 1px solid transparent;
    padding: 0 3px;
    border-radius: 3px;
}

.variation-color .size-block {
    display: none;
}

.variation-color .size-block:nth-child(1) {
    display: inline-block;
    text-align: right;
}

div#variations-container {
    display: inline;
}

.SingleProduct div#variations-container.variation-size {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: -2px;
}

.ProdCartVar {
    display: inline-block;
    padding: 0 0% 0 1%;
    width: calc(100%);
    vertical-align: top;
}

.SingleProduct div#variations-container.variation-color {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 11px;
}

div#variations-container.variation-size .color-circle, div#variations-container.variation-color h3 {
    display: none;
}
.variation-color .size-block {
    background: transparent;
    border: none;
    padding: 0;
}
#admin_index .table-sm td small {
    display: block;
    color: #4a5b6e;
    vertical-align: top;
    position: relative;
}

.collapse small.left.leftsubprod {
    text-align: right;
    margin-bottom: 6px;
    float: left;
    position: relative;
}

.collapse small.left.leftsubprod strong {
    min-width: 32%;
    font-weight: 700;
    border-bottom: 1px dotted;
    display: inline-block;
}

#admin_index .table-sm td small.viptag {
    background: #e49810;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    margin-top: 3px;
    float: right;
}


.ping-container.pingMenu {
  top: 50%;
  right: 10px;
}

.ping-container {
  position: absolute;
  height: 0.85rem; /* h-3 */
  width: 0.85rem; /* w-3 */
  top: 6px;
  right: -3px;
  margin-top: -0.25rem; /* -mt-1 */
  margin-right: -0.25rem; /* -mr-1 */
  display: flex;
}

.rtl .ping-container.pingMenu {
    left: 10px;
    right: initial;
}

.ping-animate {
  position: absolute;
  display: inline-flex;
  height: 100%;
  width: 100%;
  border-radius: 9999px; /* rounded-full */
  background-color: #14db96; /* bg-red-500 */
  opacity: 0.75;
  animation: ping 1s infinite;
}

.ping-dot {
  position: relative;
  display: inline-flex;
  top: 0.1rem;
  left: 0.1rem;
  height: 0.65rem; /* h-3 */
  width: 0.65rem; /* w-3 */
  border-radius: 9999px; /* rounded-full */
  background-color: #14db97; /* bg-red-500 */
}

@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0.85;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.add-category {
    display: flex;
    gap: 7px;
}

div#scorerecordmore {
    color: #FF9800;
}
span.select2-container.select2-container--default {
    z-index: 5;
    font-size: 13px;
}

body #table td:nth-child(2) {
    text-align: left;
    color: #0f6efd;
    width: 30%;
}

#admin_index .sideBarmenu > li > ul > li > a {
    color: #ffffff;
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 12px;
    padding: 6px 20px;
    font-weight: 400;
    /* border-bottom: 1px solid #f5f5f5; */
    position: relative;
}

#admin_index .sideBarmenu > li > ul > li.active > a {
    background: rgb(126 148 172 / 34%);
    color: #ffffff;
    border-radius: 5px;
    font-weight: 500;
}

.sideBarmenu > li > ul > li > a:hover {color: #000;}

.sideBarmenu > li.openMenu > ul {
    display: block;
}

/* Transition effect for smooth submenu expansion */
.sideBarmenu li ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.sideBarmenu li.openMenu ul {
    max-height: 1000px; /* Adjust this value based on the expected submenu size */
}