/*


*/

/* General */

html{overflow:-moz-scrollbars-vertical;overflow-y:scroll;}
body.modal-open{padding-right:0!important;padding-top:0!important;}
body{overflow-x:hidden;}



/* Color */

.blue{color:#007bff;}
.red{color:#dc3545;}
.yellow{color:#ffc107;}
.green{color:#198754;}

.-bg-danger{background-color:#FF7F7F!important;}
.-bg-warning{background: linear-gradient(45deg, rgba(246,222,151,1) 0%, rgba(250,208,82,1) 50%, rgba(246,222,151,1) 100%);color:#000000!important;}
.-bg-success{background-color:#02bd66!important;}
.-bg-primary{background: linear-gradient(45deg, rgba(13,110,253,1) 0%, rgba(9,75,121,1) 50%, rgba(13,110,253,1) 100%)}
.-bg-primary{background-color:#0d6efd!important;}

.-bg-primary{border:solid 1px #007bff!important;background-color:#ffffff!important;}
.-bg-success{border:solid 1px #198754!important;background-color:#ffffff!important;}
.-bg-warning{border:solid 1px #ffc107!important;background-color:#ffffff!important;}
.-bg-danger{border:solid 1px #dc3545!important;background-color:#ffffff!important;}
.-bg-credit{background-color:#dc3545!important;color:#ffffff;}

.alert-danger-bg{background-color:#f8d7da!important;}

select option[value="0"], option[value="5"], option[value="10"], option[value="15"], option[value="20"], option[value="25"], option[value="30"], 
option[value="30"], option[value="35"], option[value="40"], option[value="45"], option[value="50"], option[value="55"], option[value="60"], 
option[value="65"], option[value="70"], option[value="75"], option[value="80"], option[value="85"], option[value="90"], option[value="95"], option[value="100"]{background-color:#ffffff!important;}

/* Page de code */

pre {
margin-left:0;
padding-left:0;
}

pre code{
margin-left:0;
padding-left:0;
}

/* Icon facebook */

.icon-facebook {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: #1877f2;
  color: white;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

.icon-facebook span {
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
}

.icon-facebook:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Card */

.min-h{height:125px;}
.max-h{height:145px;}
.display-6{padding-top:0px!important;}

/* List */

#live-list{height:550px;overflow-y:scroll;}

/* Table */

#variation-list tr td{font-size:12px;}

.table-container {
    max-height: 200px; /* Hauteur max du tableau dans la carte */
    overflow-y: auto;  /* Scroll vertical si contenu dépasse */
}

.table-container {
  overflow-x: auto; /* Permet le scroll horizontal si trop large */
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 8px 12px;
  border: 1px solid #ccc;
}

/* Animate */

.blink{animation:blinker 1s linear 6;}
@keyframes blinker{50%{ opacity:0;}}


/* Typography */

#live-product-form, #live-variation-form, table th{font-size:12px;}
.display-6{font-size:14px;font-weight:bold;}
.hc01{color:#000000;padding-top:10px;}
.cc01{font-size:12px;margin-left:30px;}
.cc02{font-size:12px;}
.cc03{font-size:11px;}
.bold{font-weight:bold;}
.hc02{font-size:16px;font-weight:bold;}
.hc03{font-size:14px;font-weight:bold;padding-top:20px;color:#dc3545;}
.fc01{font-size:18px;}

/* Img */

.img-shadow{box-shadow:0 2px 2px rgba(0,0,0,.5);}
.box-shadow{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.img-parent{border:solid 2px green;}

/* Btn */

.btn{text-transform:none;}
.btn-right{text-align:right;}
.--btn-pos{margin-right:30px;margin-top:25px;}
.btn-icon:hover{background-color:#3797fe!important;}
.btn-pos{margin-right:20px!important;}

.btn-raised-primary{background-color:#007bff;text-transform:none;}
.btn-raised-primary:hover{background-color:#3797fe;text-transform:none;}

/* Table property */

.tableFixHead{overflow:auto;height:575px;border-top:5px solid #c0c0c0;border-bottom:5px solid #c0c0c0;} /* alias 575 */
.tableFixHead thead th{position:sticky;top:0;background-color:#ffffff;z-index:2;}
#glc-list thead tr{border:2px solid #f0f0f0!important;}

.tableFixHead-2{overflow:auto;height:600px;border-top:5px solid #c0c0c0;border-bottom:5px solid #c0c0c0;}
.tableFixHead-2 thead th{position:sticky;top:0;background-color:#ffffff;z-index:2;}

.--tableFixHead-3{overflow:auto;height:375px;border-top:5px solid #c0c0c0;border-bottom:5px solid #c0c0c0;overflow-y:scroll;} /* alias 575 */
.tableFixHead-3{border-top:5px solid #c0c0c0;border-bottom:5px solid #c0c0c0;overflow-y:scroll;} /* alias 575 */
.tableFixHead-3 thead th{position:sticky;top:0;background-color:#ffffff;z-index:2;}

/* msg */

#--user-msg{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}


/* Positionning */

.mt-2{margin-top:2px!important;}
.mt-10{margin-top:10px!important;}
.mt-25{margin-top:25px;}
.mt-50{margin-top:50px;}
.mtc-50{margin-top:50px;text-align:center;}
.mb-10{margin-bottom:10px!important;}
.left{text-align:left!important;}
.right{text-align:right;}
.center{text-align:center;}
.right-footer{text-align:right;padding-right:20px;}
.justify{text-align:justify;}
.pr-10{padding-right:10px;}
.ph-1{padding:15px 20px 0px 15px;}
.ph-2{padding:10px 20px 0px 20px!important;}
.ml-20{margin-left:20px;}

/* Visibility */

.hide{display:none;}
.show{display:block;}


/* Effect */

@keyframes fadeIn{0%{opacity: 0;}100% {opacity: 1;}} 
.fade-in{animation:fadeIn ease 1.5s;-webkit-animation:fadeIn ease 1.5s;-moz-animation: fadeIn ease 1.5s;-ms-animation: fadeIn ease 1.5s;}

@keyframes fadeOut{0%{opacity: 1;}100% {opacity:0;display:none;}}
.fade-out{animation:fadeOut ease 2.5s;-webkit-animation:fadeOut ease 2.5s;-moz-animation: fadeOut ease 2.5s;-ms-animation: fadeOut ease 2.5s;}

.hide-me{-moz-animation:cssAnimation 0s ease-in 3s forwards;-webkit-animation:cssAnimation 0s ease-in 3s forwards;-o-animation: cssAnimation 0s ease-in 3s forwards;animation:cssAnimation 0s ease-in 3s forwards;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

/* Link */
.active{background-color:#ededed;}


/* Hoover action */

.add-supplier:hover{cursor:pointer;}
#add-img-gallery:hover{cursor:pointer;color:#007bff;}
#link-upload:hover{cursor:pointer;color:#007bff;}


/* Icon */

#add-img-gallery{color:#007bff;}
#add-img-gallery:hover{cursor:pointer;color:#00aeff;}
#add-color-icon, #add-size-icon{color:#007bff;}
#add-color-icon:hover, #add-size-icon:hover{cursor:pointer;color:#00aeff;}

.small-top {
  font-size: 0.6em;
  position: relative;
  top: -10px;
}

.cell {
  position: relative;
  text-align: center;
}

.cell .icon {
  position: absolute;
  left: 8px;           /* distance du bord gauche */
  top: 50%;
  transform: translateY(-50%);
}

.cell .text {
  display: inline-block;
}



/* Modal */

.modal-header-info{background-color:#ffc107;color:#ffffff;font-weight:bold!important;}
.modal-header-danger{background-color:#dc3545;color:#ffffff;}
.modal-header-success{background-color:#198754;color:#ffffff;}
.modal-header-primary{background-color:#007bff;color:#ffffff;}
.modal p{font-size:12px;margin-top:15px;}
.modal-title{font-size:16px!important;}

/* Mobile */

#nav-img{display:none;}

@media only screen and (max-width: 600px) {
#nav-img {display:block;}
}


@media (max-width: 950px) {
  #dash-year > .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}