.alert-msg{
  font-weight: 600;
  font-size: 18px;
}
  
.close{
  color:black;
  font-size: 20px;
  vertical-align: middle;
  margin-left: 3px;
}

.close:hover{
  cursor: pointer;
}


.close2{
  float:right;
  margin-right: 15px;
  font-size: 30px !important;

}


.close2:hover{

  color:red;
  cursor:pointer;

}


.close2:active{

  color:white;

}



.etoile{
  color: red;
}

.currencySymbol{
  color: red;
}
  
  
input[type=number] {
  -moz-appearance:textfield !important;
  -webkit-appearance: none !important;
  appearance: textfield !important;
}


textarea, input[type]{
  border: 1px solid rgb(34, 192, 195);
}


select {
  border: 1px solid rgb(34, 192, 195);
}
  
  


.all-center{
  text-align: center;
  vertical-align: middle;
}

.vertical-center{
  vertical-align: middle !important;
} 

  
  
.bold{
  font-weight: 600;
}

.bold-black{
  font-weight: 600;
  color: black !important;
}


.font-status{
  font-size: 14px !important;
  font-weight: 600 !important;
}



.blink{
  animation: blinker 1s linear infinite;
}


.blink_slow{
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

  

/* ##BOUTONS */

#TimeBtn {
  position: fixed;
  top: 100px;
  z-index: 99;
  width: 100% !important;
  padding: 10px;
  background: rgb(34,193,195);
  color: white;
  font-size: 16px;
  font-weight: 800;
    /* cursor: pointer; */
}



/* #TimeBtn:hover {
  background-color: rgba(34, 192, 195, 0.983);
} */




  
.coeurBlue {
  box-shadow: 0 0 0 0 rgb(8, 124, 249);
  animation: battement 2s infinite cubic-bezier(.66, 0, 0, 1);
  text-decoration: none;
}

@keyframes battement {
  to {
    box-shadow: 0 0 0 12px rgba(255, 71, 84, 0);
  }
}

.coeurBlue:hover{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  color: white !important;
  
}
  
  
  
  
.coeurGreen2 {
  font-size: 20px;
  background-color: rgb(34,193,195);
  padding: 7px;
  border-radius: 7px;
  border: none;
  font-weight: 600;
  font-size: 20px;
  border: 2px solid white;
  box-shadow: 0 0 0 0 rgb(34,193,195);
  animation: battement 2s infinite cubic-bezier(.66, 0, 0, 1);
  text-decoration: none;
}

@keyframes battement {
  to {
    box-shadow: 0 0 0 12px rgba(255, 71, 84, 0);
  }
}

.coeurGreen2:hover{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  color: white !important;
}



.coeurOrange {
  font-size: 20px;
  background-color: rgb(247, 200, 112);
  padding: 7px;
  border-radius: 7px;
  border: none;
  font-weight: 600;
  font-size: 20px;
  border: 2px solid white;
  box-shadow: 0 0 0 0 rgb(247, 200, 112);
  animation: battement 2s infinite cubic-bezier(.66, 0, 0, 1);
  text-decoration: none;
}
  
@keyframes battement {
  to {
    box-shadow: 0 0 0 12px rgba(255, 71, 84, 0);
  }
}

.coeurOrange:hover{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  color: white !important;
  box-shadow: 0 0 2px 0 rgb(247, 200, 112) inset, 0 0 7px 2px rgb(247, 200, 112);
}


.coeurOrange:active{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  color: black !important;
}
  
  


.coeurLightBlue {
  font-size: 20px;
  background-color: lightblue;
  padding: 7px;
  border-radius: 7px;
  border: none;
  font-weight: 600;
  font-size: 20px;
  border: 2px solid white;
  box-shadow: 0 0 0 0 lightblue;
  animation: battement 2s infinite cubic-bezier(.66, 0, 0, 1);
  text-decoration: none;
}

@keyframes battement {
  to {
    box-shadow: 0 0 0 12px rgba(255, 71, 84, 0);
  }
}

.coeurLightBlue:hover{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  color: white !important;
  box-shadow: 0 0 2px 0 lightblue inset, 0 0 7px 2px lightblue;
}

.coeurLightBlue:active{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  color: black !important;
}



  

.greenButton{
  border-radius: 7px;
  background-color: rgb(34,193,195);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
.greenButton:hover{
  text-decoration: none;
  color: black;
}



.greenButton2{
  border-radius: 7px;
  background-color: rgb(34,193,195);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}


.greenButton2:hover{
  box-shadow: 0 0 2px 0 rgb(0, 215, 195) inset, 0 0 7px 2px rgb(0, 215, 195);
  border: 1px solid white;
}



.greenButton3{
  border-radius: 7px;
  background-color: rgb(150, 222, 209);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
  
.greenButton3:hover{
  box-shadow: 0 0 2px 0 rgb(150, 222, 209) inset, 0 0 7px 2px rgb(150, 222, 209);
  border: 1px solid white;
}



.lightBlueButton{
  border-radius: 7px;
  background-color: rgb(129, 200, 224);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
  
.lightBlueButton:hover{
  box-shadow: 0 0 2px 0 rgb(129, 200, 224) inset, 0 0 7px 2px rgb(129, 200, 224);
  border: 1px solid white;
}


.lightBlueButton2{
  border-radius: 7px;
  background-color: rgb(129, 200, 224);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}


.purpleButton{
  border-radius: 7px;
  background-color: rgb(161, 85, 252);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
  
.purpleButton:hover{
  box-shadow: 0 0 2px 0 #8744d8 inset, 0 0 7px 2px #8744d8;
  border: 1px solid white;
}


.yellowButton{
  border-radius: 7px;
  background-color: #ffc107;
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}


.yellowButton:hover{
  box-shadow: 0 0 2px 0 #daa404 inset, 0 0 7px 2px #daa404;
  border: 1px solid white;
}



.orangeButton{
  border-radius: 7px;
  background-color: rgb(247, 200, 112);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}

.orangeButton:hover{
  box-shadow: 0 0 2px 0 rgb(247, 200, 112) inset, 0 0 7px 2px rgb(247, 200, 112);
  border: 1px solid white;
}

.orangeButton2{
  border-radius: 7px;
  background-color: rgb(247, 200, 112);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}




.blueButton{
  border-radius: 7px;
  background-color: rgb(8, 124, 249);
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
  
.blueButton:hover{
  box-shadow: 0 0 2px 0 rgb(8, 124, 249) inset, 0 0 7px 2px rgb(8, 124, 249);
  border: 1px solid white;
}


.redButton{
  border-radius: 7px;
  background-color: #F9084A; 
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
  
.redButton:hover{
  box-shadow: 0 0 2px 0 #F9084A inset, 0 0 7px 2px #F9084A;
  border: 1px solid white;
}


.grayButton{
  border-radius: 7px;
  background-color: #a5a5a5;
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}


.grayButton:hover{
  box-shadow: 0 0 2px 0 #a5a5a5 inset, 0 0 7px 2px #a5a5a5;
  border: 1px solid white;
}


.lightGrayButton{
  border-radius: 7px;
  background-color: lightgray;
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}


.lightGrayButton:hover{
  box-shadow: 0 0 2px 0 lightgray inset, 0 0 7px 2px lightgray;
  border: 1px solid white;
}




.brownButton{
  border-radius: 7px;
  background-color: #ead09f;
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}


.brownButton:hover{
  box-shadow: 0 0 2px 0 #ead09f inset, 0 0 7px 2px #ead09f;
  border: 1px solid white;
}


.pinkButton{
  border-radius: 7px;
  background-color: #eaa7c4;
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}
  
  
.pinkButton:hover{
  box-shadow: 0 0 2px 0 #eaa7c4 inset, 0 0 7px 2px #eaa7c4;
  border: 1px solid white;
}

  
.paidColorButton{

  border-radius: 7px;
  background-color: #32cf61; 
  padding: 10px;
  font-weight: 600;
  border:none;
  text-decoration: none;
  color: white;
}

.paidColorButton:hover{
  box-shadow: 0 0 2px 0 #32cf61 inset, 0 0 7px 2px #32cf61;
  border: 1px solid white;
}  
  


/* Show Button */
.sh{
  background-color: rgb(34,193,195);
  padding: 10px;
  border-radius: 7px;
  border: none;
  box-shadow: 2px 2px grey;
  color: white;
  text-decoration: none;
  font-weight: 800;
  color: white;
}

  
.sh:visited{
  color: white;
}

.sh:active{
  color: black !important;
  border:none !important;

}


.sh:hover{
  color: white !important;
}

  
   
.btn-border-only{
  border: 2px solid rgb(34,193,195);
  margin: 0 auto;
  width: 200px;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 3px rgb(34,193,195);
}
  
  
  
.btn-edit{
  color:white !important;
  text-decoration: none;
}

.btn-edit:visited{
  color:white !important;
  text-decoration: none;
}


.btn-edit:hover{
  text-decoration: none;
}
  
  
.btn-seeDetails{
  background-color: rgb(34,193,195);
  color: white;
  border: none;
  padding: 3px;
  border-radius: 3px;
}


.btn-printInvoice{
  background-color: rgb(34,193,195);
  color: white;
  border: none;
  padding: 3px;
  border-radius: 3px;
}


/* #PAYPAL */
.btn-paypal{
  border: none !important;
  margin-top: 10px;
  width: 90px;
  height: 30px;
}

.btn-paypal:hover{
  box-shadow: 0px 0px 7px 1px orange;
  border-radius: 22px;
}
  
  
  
  
/* #COLOR */

.white-color{
  color:white !important;
}

.black-color{
  color:black !important;
  font-weight:600;
}

.red-color{
  color: #F9084A !important;
  font-weight:600;
}

.yellow-color{
  color: #ffc107 !important;
  font-weight:600;
}

.orange-color{
  color: rgb(247, 200, 112) !important;
  font-weight:600;
}


.orange2-color{
  color: rgb(255,127, 80); 
  font-weight:600;
}




.blue-color{
  color: rgb(8, 124, 249) !important;
  font-weight: 600;
}


.lightblue-color{
  color: #add8e6 !important;
  font-weight: 600;
}



.purple-color{
  color: #a155fc !important;
  font-weight: 600;
}

.green-color{
  color:rgb(34,193,195) !important;
  font-weight: 600;
}

.green-status-color{
  color:#02C195 !important;
  font-weight: 600;
}

.checkout-color{
  color:#ffc107 !important;
  font-weight:600;
}

.paid-color{
  color:#32cf61 !important;
  font-weight: 600;
}

.pickup-requested-color{
  color: #0489B1 !important;
  font-weight:600;
}

.pickedUp-color{
  
  color: #035c77 !important;
  font-weight:600;
}


.trkStatus-color{
  color: #ecab13 !important;
  font-weight:600;
}



.brown-color{
  color:#ead09f !important;
  font-weight: 600;
} 


/* #BACKGROUND COLOR */
.background-white{
  background: white;
}


/* #BORDER COLOR */
.border-black{
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
}







/* BACKGROUND COLOR! */

.background-white{
  background: white;
}


/* BORDER! COLOR! */

.border-black{
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
}
  
  
/* LINK */

.black-link a{
  color: black !important;
  font-weight: 600;
  text-decoration: none;
  font-size: 20px;
}

.black-link a:visited {
  text-decoration: none;
}

.black-link a:hover {
  text-decoration: none;
}
  
  
  
.red-link a{
  color:#F9084A !important;
  font-weight: 600;
  text-decoration: none;
  font-size: 20px;
}

.red-link a:visited {
  text-decoration: none;
}

.red-link a:hover {
  text-decoration: none;
}

.blue-link a{
  color: rgb(8, 124, 249) !important;
  font-weight: 600;
  text-decoration: none;
  font-size: 20px;
}

.blue-link a:visited {
  text-decoration: none;
}

.blue-link a:hover {
  text-decoration: none;
}
  
.paid-link a{
  color: #32cf61 !important;
  font-weight: 600;
  text-decoration: none;
  font-size: 20px;
}

.paid-link a:visited {
  text-decoration: none;
}

.paid-link a:hover {
  text-decoration: none;
}
  



.checkbox-green{
  width: 22px;
  height: 22px;
}

.checkbox-green:checked{
  opacity: 0.80;
  background-color: rgb(34,193,195);
  color: white;
  border-color: rgb(34,193,195);
}

.checkbox-green:checked:disabled{
  opacity: 0.80;
  background-color: rgb(34,193,195);
  color: white;
  border-color: rgb(34,193,195);
}


/* #USER */

/* #Navbar2 USER*/

.navbar2{ 
  position: -webkit-sticky;
  position: sticky !important; 
  /* top: 100px !important; */
  top: 120px !important;
  background: rgb(34,193,195);
  z-index: 2;

}

.navbar2 div{
  margin-top: 20px;
  margin-bottom: 20px;
}


.navbar2 a:link{
  text-align: center;
  color:white;
  font-weight: 600;
  font-size: 16px;
}

.navbar2 a:visited{
  color:white;
}

.navbar2 a:hover{
  color:black;
}

.navbar2 a:active{
  color:white;
}

/* EOF Navbar User */
 

 

/* Start News Carousel */

.main-container-news{
  position: relative !important;
  top: 20px !important;
  z-index: 1;
} 


.news .carousel-item{
  min-height: 50px;
  position: relative;
  
  z-index: 1;
  background-color: lightgray;
  text-align: center;
}


.news h3{

  margin-top: 7px;
  color: black !important;
  animation: fadeInLeft 0.7s ease forwards;
}



/* change transition duration to control the speed of fade effect */
.news carousel-item {
  transition: transform 2.6s ease-in-out;
}

.news .carousel-fade .active.carousel-item-start,
.news .carousel-fade .active.carousel-item-end {
  transition: opacity 0s 2.6s;
}


@keyframes fadeIn {  
  from {  
      opacity:0;  
  }  

  to {  
      opacity:1;  
  }  
}




/* End News Carousel */












/* #CARD USER */

#main-container-card-user{
  margin-top: 99px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}


.card-header-user{
  padding-top: 10px !important;
  padding-bottom: 10px !important;

}

  

.card-header-user{
  background: rgb(34,193,195) !important;
}


.background-orange{
  background: rgb(247, 200, 112) !important;
}


.background-lightblue{
  background: lightblue !important;
}


.background-purple{
  background: #a155fc !important;
}

.background-yellow{
  background: #ffc107 !important;
}

.card-header-user h1{

  font-family: 'Lobster', cursive;
  color: black;
  font-size: 30px;
}


#InvoicePhotoTxt-user{
  margin-bottom: 20px;
}


#holder-user {
  margin-top: 0px;
  margin: auto;
  margin-bottom: 40px;
  width: 240px;
  height: 112; 
}



#imgPreview-1, #imgPreview-2, #imgPreview-3 {
  max-width: 200px;
  max-height: 112px;
  min-width: 200px;
  min-height: 112px;
  border: 2px solid  #02C195;
  background-image: url("/img/Layouts_Client/Photo_Preview.png");
}


.imgPreview-1, .imgPreview-2, .imgPreview-3 {
  max-width: 200px;
  max-height: 112px;
  min-width: 200px;
  min-height: 112px;
  border: 2px solid  #02C195;
  background-image: url("/img/Layouts_Client/Photo_Preview.png");
}


/* EOF Card User */



/* ##monitor */


.monitor-pending{
  width: 100px;
  padding: 10px;
  background-color: white;
  border:1px solid #F9084A;
}

.monitor-pending:hover{

  box-shadow: 0 0 1px 0 #F9084A inset, 0 0 7px 2px #F9084A;
  
}

.monitor-arrived{
  width: 100px;
  padding: 10px;
  background-color: white;
  border:1px solid #22c1c3;
}

.monitor-arrived:hover{

  box-shadow: 0 0 1px 0 #22c1c3 inset, 0 0 7px 2px #22c1c3;
  

}

.monitor-unboxing{
  width: 100px;
  padding: 10px;
  background-color: white;
  border:1px solid #a155fc;
}

.monitor-unboxing:hover{

  box-shadow: 0 0 1px 0 #a155fc inset, 0 0 7px 2px #a155fc;
  
}

.monitor-getRidOf{
  width: 100px;
  padding: 10px;
  background-color: white;
  border:1px solid #ffc107;
}

.monitor-getRidOf:hover{

  box-shadow: 0 0 1px 0 #ffc107 inset, 0 0 7px 2px #ffc107;
  
}


.monitor-return{
  width: 150px;
  padding: 10px;
  background-color: white;
  border:1px solid #F9084A;
}

.monitor-return:hover{

  box-shadow: 0 0 1px 0 #F9084A inset, 0 0 7px 2px #F9084A;
  
} 

















  
  
/* #Package #PKG #USER*/

#main-container-user{
    margin-top: 80px;
}


.body-container-user{
  /* padding: 50px 0; */
  margin-top: 60px;
  background-color: white; 
}



/* #Discount Program */
.showDiscountProgramContainer{
  max-width: 700px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  /* border: 1px solid rgb(34,193,195);
  box-shadow: 0 0 10px 3px rgb(0, 215, 195); */
}

.DiscountProgrammTitle{
  font-family: 'Lobster';
  src: url("/fonts/Lobster-Regular.ttf");
  font-display: swap;
}

.showDiscountProgramContent{

  text-align: center;
  margin: 0 auto;

}

ul.UlDiscount {
  display: inline-block;
  text-align: left;
  list-style-type: none;
  font-size: 110%;
}

.DiscountProgramThankyou{
  font-size: 140% !important;
}

/* EOF #Discount Program */








/* #Korean #Address */
.flip-card {
  background-color: transparent;
  max-width: 480px;
  /* height: 21.875em; */
  height: 400px;
  perspective: 1000px;

}

.flip-card-inner {
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */


}

/* .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
} */

.flip-card .flip-card-inner.flip {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 20px!important;
  padding-bottom: 30px!important;
  border-radius: 7px;
  box-shadow: 0px 0px 7px 7px lightgray;
  background-size: cover;
  background: #B0E0E6;

}

.flip-card-front {
  background-color: #B0E0E6;
  transform: rotateY(0deg);
}

.flip-card-back {
  background-color: #B0E0E6;
  transform: rotateY(180deg);
}


.btn-flip-card{
  width: 65px;
  border: lightgray;
  padding: 5px;
  box-shadow: 0px 0px 3px 3px lightgray;
  margin-top: 10px;
}


.btn-flip-card:hover{

  color: rgb(34,193,195);
  font-weight: 600;
}


.korean-address-main-container{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 380px !important;
}


.korean-address-sub-container{
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px!important;
  padding-bottom: 30px!important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-radius: 7px;
  box-shadow: 0px 0px 7px 7px lightgray;
  background-size: cover;
  background: #B0E0E6;
}

.korean-address-title-container{
  position: relative;
}

.korean-address-title-container h1{
  margin-top: 10px !important;
  margin-bottom: 25px;
  color:black;
  font-family: 'Lobster', cursive;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 600;
  font-size: 30px !important;
  text-align: center;
  font-size: 22px !important;
}

.korean-address-table-container {
  position: relative;
  margin: 0 auto !important;

}

.korean-address-table{
  position: relative;
  margin: 0 auto;
  margin-left: 22px;
}


.korean-address-table td{
  position: relative;
  color: black;
  font-size: 16px;
  font-weight: 600 !important;
  height: 30px !important;
  vertical-align: middle;
}


.korean-address-table td:nth-child(1){
  width: 22%; 
  text-align: end;
}


.korean-address-table td:nth-child(2){
  padding-left: 10px;
}




/* EOF Korean Adress */



.main-title-container-user{
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
}

.table-title-package{
  margin-left: auto !important;
  margin-right: auto !important;
}


.table-title-package h1{
  font-family: 'Lobster', cursive;
  color: black;
  font-size: 30px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 800;
}


.package-title-img{
  width: 65px;
  height: 65px;
}


.main-btn-container-user{
    margin-top: 60px;
}
 



.main-btn-container-user >div{
  margin: 0 auto !important;
}

.main-btn-container-user button{
  position: relative;
  margin: auto;
  margin-bottom: 30px;
  width: 300px;
  font-size: 20px;
}






#SearchBar{
  margin: 60px auto;
  border-radius: 3px;
  max-width: 330px;
}

.alert-container{
  position: relative;
  max-width: 1160px;
  text-align: center;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}


.labelPerPage{
    margin-top: 10px;
}



 

/* #TABLE */

.main-all-tables-container{
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;    
  padding: 0 5px !important;
}


.main-table-container-user{
  position: relative;
  max-width: 450px !important;
  margin: 50px auto;
  
}


.main-table-container{
  position: relative;
  max-width: 450px !important;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  
}



.main-table{
  position: relative;
  max-width: 450px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: auto;
  /* font-size: 90% !important; */
  box-shadow: 0px 0px 10px 4px lightgray;
  

}


.main-table-tr{
  background-color: white !important;
}


.main-table .main-table-th{
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  height: 50px;
}


.main-table td{
  vertical-align: middle !important;
  border: 1px solid lightgray !important;
  font-size: 70% !important;
}


.tdPackage{
 width: 50%;
 height: 436px !important;
}


.tdPackageTable{
  height: 100% !important;
  width: 100%;
  border-style: hidden !important;
}


.tdPackageTable tr:nth-child(even){
  background-color: initial !important;
}


.tdPackageTable td:nth-child(1){
  width: 25%;
  text-align: initial !important;
  padding-left: 7px;
}



.tdPackageTable p{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  max-width: 150px;
  white-space: nowrap;  
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  text-align: center;
}


.tdPackageTableId p{
  font-weight: 800;
  font-size: 14px;
}

.tdPackageTableTracking:hover{
  cursor: pointer;
}

.tdPackageTableItems p{
  font-weight: 600;
}


.btn-SeeDetailsContainer{
 text-align: center;
}


.btn-seeDetails, .btn-seeDetails-bfm, .btn-seeDetailsReturnPackage{
  background-color: #11ffee00;  /* fully transparent; */
  margin: 3px auto;
  border: none;
  font-weight: 600;
  color: rgb(14, 92, 176);
}


.btn-seeDetails:hover, .btn-seeDetails-bfm:hover, .btn-seeDetailsReturnPackage:hover{

  color: rgb(34,193,195);
}



.itemPhotoPackagePage{
  margin:0 auto !important;
  width: 80px !important; 
  height: 60px !important; 
}



.trTotalPriceTable{
  border: initial !important;
  border-style: hidden !important;
}


.trTotalPriceTable td:first-child{
  width: 90% !important;
  padding-left: initial !important;
}


.trTotalPriceTable td:first-child div{
  text-align: right;
  padding-right: 20px;
}



.trTotalPriceInvoiceContainer{
  text-align: center;
}


.trTotalPriceInvoiceContainer img{
  width: 46px;
  height: 30px;
  overflow: hidden;
}


.trTotalPriceInvoiceContainer img:hover{
  cursor: pointer;
}



.tdStatus{
  text-align: center !important;
}

.tdStatus div:first-child{
  margin: 0 auto;
}



.tdArrivedAtWarehouse{
  width: 50%;
  height: 436px !important;
  text-align: center !important;
}


.tdArrivedAtWarehouseTable{
  height: 100% !important;
  border: initial !important;
  border-style: hidden !important;
  text-align: center !important;
}


.tdArrivedAtWarehouseTable p{
  text-align: center;
  margin: initial !important;
}


.tdArrivedAtWarehouseTable img{
  text-align: center;
  width: 100px;
  height: 60px;
}

.tdArrivedAtWarehouseTable img:hover{
  cursor: pointer;
}

.img-waiting-container{
  margin: 0 auto !important;
}

.img-waiting{
  width: 70px;
  height: 70px;
}

.img-waiting-small{
  width: 40px !important;
  height: 40px !important;
  cursor: default !important;
}



/* #UNBOXING #GetRidOf*/

.tdUnboxingGetRidOf{
  text-align: center !important;
}


.tdUnboxingGetRidOfTable{
  width: 100%;
  height: 100%;
  border: initial !important;
  border-style: hidden !important;
  text-align: center !important;
}


.tdUnboxingGetRidOfTable td{
 text-align: center !important;
}


.tdUnboxingGetRidOfTable td:nth-child(1){
  width: 25%;
}


.tdUnboxingGetRidOfRequest{
  height: 50px !important;
  position: relative;
}


.tdUnboxingGetRidOfRequestContainer{
  height: 50px !important;
  position: relative;
}


.tdUnboxingGetRidOfRequestContainer >div{
  margin: 0;

}


.tdUnboxingGetRidOfRequest p{
  text-align: center;
  padding: 0 7px;
  margin: initial !important;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.btn-seeDetailsPurple{
  color: rgb(160, 84, 252) !important;
  background-color: #11ffee00;  /* fully transparent; */
  border: none;
  font-weight: 600;
}



.btn-seeDetailsPurple:hover{

  color: rgb(125, 26, 247) !important;

}



.btn-seeDetailsYellow{
  color: #ffc107 !important;
  background-color: #11ffee00;  /* fully transparent; */
  border: none;
  font-weight: 600;
}


.tdUnboxingGetRidOfImg{
  height: 38px !important;
}


.tdUnboxingGetRidOfImg >div{
  padding: 10px 0;
}



.imgMultiDash img{
  width: 15px;
  height: 12px;
  margin: 0 8px;
}


.imgMultiDash img:hover{
  cursor: pointer;
}

.imgUnboxingInlcusionEmpty{
  width: 30% !important;
  height: 30% !important;
  cursor: wait !important;
}


.tdUnboxingGetRidOfEmpty p{
  padding: 0 7px;
  text-align-last: center;
  text-align: justify;
  color: gray !important;
}


.tdInfo{
  text-align: start !important;
  vertical-align: middle !important;
}


.img-info{
  margin-right: 15px;
  margin-left: 15px;
  width: 22px;
  height: 22px;
}



/* #Modal Show Unboxing Data */

#unboxing-request-data{
  overflow-x: auto;
  text-align: justify;
}





/* #Modal Show GetRidOf Request */

#get-rid-of-request-details-data{

  overflow-x: auto;
  text-align: justify;

}



/* MODAL #ACTIONS */

.actionButtonContainer{
  margin: 15px 0 !important;
}




.modalActionButton{
  width: 110px !important;
  text-align: center !important;
  margin-top: 10px  !important;
  margin-bottom: 10px !important; 
  margin-left: 20px;
  margin-right: 20px;

}





/* #MODAL DASHBOARD  */

.modal-title-white{
  font-weight: 800;
  font-family: 'Lobster', cursive;
  font-size: 24px;
  color: white !important;
  margin: 5px 0;
  
}


.modal-title-black{
  font-weight: 800;
  font-family: 'Lobster', cursive;
  font-size: 24px;
  color: black !important;
  margin: 5px 0;
  
}


.btn-close{
  margin-right: 2px !important;
}


.modal-header-green{
  background-color: rgb(34,193,195) !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-blue{
  background-color: #087cf9 !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-lightBlue{
  background-color: lightblue !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-purple{
  background-color: #a155fc !important;
  border: 10px solid white;
  padding: 2px;

}


.modal-header-red{
  background-color: #F9084A !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-yellow{
  background-color: #ffc107 !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-gray{
  background-color: #a5a5a5 !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-brown{
  background-color: #ead09f !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-pink{
  background-color: #eaa7c4 !important;
  border: 10px solid white;
  padding: 2px;
}


.modal-header-orange{
  background-color: rgb(247, 213, 151) !important;
  border: 10px solid white;
  padding: 2px;
}



.btn-adm-actions-delete2{
  margin: 20px 24px !important;
  width: 120px;
}



/* #NO DATA */

.body-container-user-no-data{
  margin-top: 60px;
  padding: 50px 0;
  background-color: white;
}


.body-container-user-bfm-no-data{
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  background-color: white !important;
  text-align: initial !important; 
}


.body-container-user-forward-no-data{
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  background-color: white !important;
  text-align: initial !important; 
}

.NoDataAvailable{
  margin-top: 60px;
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 7px;
  box-shadow: 0px 0px 10px 6px rgb(222, 161, 150);  
}


.NoDataAvailableTxt{
  vertical-align: middle;
  padding: 30px;
}


.NoDataAvailableTxt h4{
  color: black;
}


.NoData{
  margin-top: 40px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 7px;
  box-shadow: 0px 0px 18px 6px rgb(150, 222, 209); 
  padding: 10px; 
}

.NoDataTxt{
  vertical-align: middle;
  padding: 30px;
}



.NoDataTxt h4{
  color: black;
}



.NoDataTxt h3{
  color: black;
  font-family: 'Lobster', cursive;
  font-size: 32px;
}


/* EOF Package User */






/* #BUY FOR ME  #bfm */
/* #ORANGE #FF7F50 */

.alert-buy-for-me-container{
  position: relative;
  text-align: center !important;
  max-width: 1160px;

}

.body-container-user-bfm{
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  background-color: white !important;
  text-align: initial !important;  
}



.main-title-container-user-bfm{
  margin-top: 60px;
  text-align: center;

  margin-left: auto !important;
  margin-right: auto !important;

}


.table-title-bfm{
  margin-left: auto !important;
  margin-right: auto !important;
}


.table-title-bfm h1{
  font-family: 'Lobster', cursive;
  color: black;
  font-size: 30px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 800;
}


 
.bfm-title-img{
  width: 65px;
  height: 65px;
}



.main-table-container-user-bfm{
  position: relative;
  max-width: 450px !important;
  margin: 50px auto;
}


.main-table-container-bfm{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px;
  max-width: 450px !important;

}


.main-table-bfm{
  position: relative;
  max-width: 450px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: auto;
  /* box-shadow: 0px 0px 10px 4px lightgray; */
  /* font-size: 70% !important; */
}



/* #bfmCol1 */
.tdBfmRequest{
  max-width: 33.33%;
  height: 314px !important;
}

.tdBfmRequestTable{
  border: initial !important;
  border-style: hidden !important;
  max-width: 100%;
  height: 100%;
}


.tdBfmRequestTable td:nth-child(1){
  max-width: 20%;
  text-align: initial !important;
  padding-left: 5px;
}


.tdBfmRequestTable p{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  white-space: nowrap;  
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  text-align: center;
  max-width: 80px;
}


.tdBfmRequestTableId >div{
  font-size: 120%;
}


.tdBfmStatus{
  text-align: center;
} 


.tdBfmRequestTableId p{
  font-weight: 600;
}

.tdBfmRequestTableItems p{
  font-weight: 600;
}



.ModalContentBfmItemLink{

  font-weight: 600;
  color: rgb(14, 92, 176)!important;

}


.bfm-item-photo{
  width: 60%;
}


.ModalContentBfmItemLink:hover{

  font-weight: 600;
  color: rgb(34,193,195) !important;

}


.tdBfmRequestShopTotal{
  border: initial !important;
  border-style: none !important;
}






/* #bfmCol2 */
.tdBfmInvoice{
  max-width: 33.33%;
  text-align: center !important;
}

.tdBfmInvoiceContainer{
  height: 431px !important;
}


.tdBfmInvoiceTable{
  max-width: 100%;
  height: 100% !important;
  border-top: hidden !important ;
  border-left: hidden !important ;
  border-right: hidden !important ;
}


.tdBfmInvoiceTable td:nth-child(1){
  width: 20%;
  text-align: start;
  padding-left: 4px;
}


.tdBfmInvoiceTable td:nth-child(2){
  text-align: end;
  padding-right: 10px;
}


.btn-show-buy-for-me-invoice{
  width: 100%;
  background-color: #eaa7c4;
  color: white;
  border: none;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 3px;
}



.btn-show-buy-for-me-invoice:hover{

  box-shadow: 0 0 2px 0 #eaa7c4 inset, 0 0 7px 2px #eaa7c4 !important;
  border: 1px solid white !important;

}




/* #bfmCol3*/

.tdBuyForMeOrder{
  width: 20% !important;
  text-align: center !important;
}


.tdBuyForMeOrderTableContainer{
  height: 431px !important;
  margin: 0 !important;
  padding: 0 !important;
}


.tdBuyForMeOrderTable{
  max-width: 100% !important;
  height: 100%;
  border-top: hidden !important ;
  border-bottom: hidden !important ;
  border-left: hidden !important ;
  border-right: hidden !important ;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}





.tdBuyForMeOrderTableTrackingContainer p{
  max-width: 80px !important;
  white-space: nowrap;  
  overflow-x: scroll;
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important; 
  margin: 0;
  padding: 0;
} 


.tdBuyForMeOrderTableTrackingContainer2 p::-webkit-scrollbar{
  display: none;
}

/* EOF #NEW BFM #ORDER TAB*/






/* #EOF BUY FOR ME */





/* #BuyForMe #Bfm #request */


.BuyForMeRequestDisclaimerCss{
  /* padding-left: 45px !important; */
  font-size: 18px;
  font-weight: 600;
}


.IacceptTheAboveTermsOfServiceContainer{
  border: 2px solid red;
  padding: 10px;
}


.IacceptTheAboveTermsOfService-css{
  font-size: 20px;
  font-weight: 600;
}


.IacceptTheAboveTermsOfServiceCheckbox{

  margin-left: 5px;
  width: 28px !important;
  height: 28px !important;

}


.IacceptTheAboveTermsOfServiceCheckbox:checked {

  opacity: 0.80;
  background-color: #22c1c3 !important; 
  color: white;
  border-color: #21bfc2 !important;

}


/* #Modal buy for me #invoice */

.table-buy-for-me-content-container{
  width: 1200px !important;
  margin: 20px auto !important;
}

.table-buy-for-me-content{
  width: 1200px !important;
  margin: 0 auto !important;
}


.table-buy-for-me-content td{
  border: 1px solid lightgray !important;
  height: 30px !important;
}


.table-buy-for-me-content td:nth-child(1){
  width: 60px !important;
  text-align: center !important;
}

.table-buy-for-me-content td:nth-child(2){
  text-align: center !important;
}


.table-buy-for-me-content td:nth-child(3){
  width: 200px !important;
  text-align: center !important;
}


.table-buy-for-me-content td:nth-child(4){
  width: 200px !important;
  text-align: center !important;
}

.table-buy-for-me-content td:nth-child(5){
  width: 200px !important;
  text-align: center !important;
}



.table-buy-for-me-content td:nth-child(6){
  width: 220px !important;
  text-align: end !important;
  padding-right: 12px;
}




.table-buy-for-me-content-container2{
  max-width: 420px !important;
  margin: 20px auto !important;
}

.table-buy-for-me-content2{
  max-width: 420px !important;
  margin: 0 auto !important;
}


.table-buy-for-me-content2 td{
  border: 1px solid lightgray !important;
  height: 30px !important;
}


.table-buy-for-me-content2 td:nth-child(1){
  width: 60px !important;
  text-align: center !important;
}

.table-buy-for-me-content2 td:nth-child(2){
  width: 150px !important;
  text-align: center !important;
}


.table-buy-for-me-content2 td:nth-child(3){
  width: 150px !important;
  text-align: center !important;
}







.table-buy-for-me-invoice-container{
  width: 1200px !important;
  margin: 40px auto !important;

}


.table-buy-for-me-invoice{
  width: 1200px !important;
  margin: 0 auto !important;
}


.table-buy-for-me-invoice td{
  height: 60px;
}


.table-buy-for-me-invoice td:nth-child(1){
  text-align: end !important;
  padding-right: 10px;
}

.table-buy-for-me-invoice td:nth-child(2){
  width: 120px !important;
}


.table-buy-for-me-invoice td:nth-child(3){
  text-align: end !important;
  padding-right: 10px;
}

.table-buy-for-me-invoice td:nth-child(4){
  width: 120px !important;
}

.table-buy-for-me-invoice td:nth-child(5){
  text-align: end !important;
  padding-right: 10px;
}


.table-buy-for-me-invoice td:nth-child(6){
  width: 220px !important;
  text-align: end !important;
  border: 1px solid lightgray !important;
  padding-right: 10px;

}

.tdBfmInvoiceData{
  border: 1px solid lightgray !important;
  text-align: center !important;
} 




 

/* #INVOICE (same for all screen sizes)*/

.invoice-container{
  margin: 20px !important;
}


.invoice-container hr{
  /* color: #02C195; */
  width: 50%;
  margin: 20px auto;
}


.modal-invoice-window-title{
  font-weight: 800;
  font-family: 'Lobster', cursive;
  font-size: 24px;
  color: #FF7F50;
}


.invoice-header-table{
  table-layout:fixed;
  margin: 0 auto !important;
  padding: initial !important;
  max-width: 450px !important;
  border: initial !important;
  border-style: none !important;
}


.invoice-header-table tr{
  margin: initial !important;
  padding: initial !important;
  border-style: none !important;
}


.invoice-header-table tr:hover{
  background-color: initial !important;
}

.invoice-header-table td:nth-child(1){
  margin: initial !important;
  text-align: start !important;
  border-style: none !important;
}


.invoice-header-table p{
  text-align: start !important;
}


.invoice-header-table td:nth-child(2){
  margin: initial !important;
  max-width: 400px !important;
  text-align: start !important;
  border-style: none !important;
}


.invoice-logo-ktm {
  font-size: 30px;
  font-weight: 800;
  text-align: center;
  font-family: 'Lobster', cursive;
  color: black;
  text-decoration: none;
}

.invoice-logo-ktm:hover{
  color: initial !important;
  cursor: initial !important;
}


.invoice-logo-ktm img{
  width: 30px;
  height: 30px;
  cursor: initial !important;
}


.invoice-info-table td:nth-child(1) {
  width: 50% !important;
}


.invoice-info-table h3{
  text-align: center !important;
}


.invoice-info-table p{
  margin: initial !important;
  max-width: 280px !important;
  white-space: nowrap !important;  
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


.invoice-bill-to, .invoice-bill-to-title, .invoice-delivery-address, .invoice-delivery-address-title{
  max-width: 450px !important;
  margin: 20px auto;
  text-align: left;
}



.invoice-item-description{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  width: 539px;
  white-space: nowrap;  
  padding-left: 3px;
  padding-right: 3px;
  text-align: left !important;
}


.invoice-etoile{
  width: 1050px !important;
  margin: 0 auto;
  text-align: left !important;
}


.invoice-footer{
  width: 1200px;
  margin: 20px auto;
}



/* #EOF INVOICE */




/* User ###FORWARD */

.body-container-user-forward{
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  background-color: white !important;
  text-align: initial !important; 
}



.main-title-container-user-forward{
  margin-top: 60px;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
}

.table-title-forward{
  margin-left: auto !important;
  margin-right: auto !important;
}


.table-title-forward h1{
  font-family: 'Lobster', cursive;
  color: black;
  font-size: 43px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 800;

}


.forward-title-img{
  width: 75px;
  height: 75px;
}



.main-table-container-user-forward{
  position: relative;
  max-width: 450px !important;
  margin: 50px auto;
  box-shadow: 0px 0px 10px 4px lightgray;
}



.main-table-forward{
  position: relative;
  max-width: 450px;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: auto;
}



/* #FwCol1 */
.tdPackageForward{
  width: 33.33% !important;
  height: 482px;
}


.tdPackageForwardTable{
  border-style: hidden !important;
  width: 100% !important;
  height: 100%;
}


.tdPackageForwardTable tr:nth-child(even){
  background-color: initial !important;
}


.tdPackageForwardTable td:nth-child(1){
  width: 20%;
  text-align: initial !important;
  padding-left: 7px;
}


.tdPackageForwardTableId >div{
  font-size: 120% !important;
}




.tdPackageForwardTable p{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  width: 80px;
  white-space: nowrap;  
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  text-align: center;

}


.tdPackageForwardTableId p{
  font-weight: 800;
  font-size: 14px;
}

.tdPackageForwardTableItems p{
  font-weight: 600;

}


.btn-SeeDetailsForwardContainer
{
 text-align: center;
}


.btn-seeDetailsForwardStyle{
  background-color: #11ffee00;  /* fully transparent; */
  margin: 3px auto;
  border: none;
  font-weight: 600;
  color: rgb(14, 92, 176);
}


.btn-seeDetailsForwardStyle:hover{

  color: rgb(34,193,195);
}


.modal-forward-content-arrived-pkg-img{
  width: 200px !important;
  height: 119px !important;
  margin: 0 auto !important;
  cursor: pointer;
}


.ModalContentBackButton{
  width: 100px !important;
}


.tdForwardOptions{
  height: 61px !important;
  text-align: center;
}


.tdPackageForwardTableDeliveryAddress p{

  font-weight: 600;
  color: rgb(14, 92, 176);

}



.tdPackageForwardTableDeliveryAddress p:hover{

  font-weight: 600;
  color: rgb(34,193,195);
  
}




.tdForwardStatus{
  text-align: center !important;
}

.tdForwardStatus div:first-child{
  margin: 0 auto;
}


/* #col2 ColumnFwPackInvoice */

.tdForwardPack{
  width: 25% !important;
  height: 482px !important;
  text-align: center !important;
}


.tdForwardPackTable{
  width: 100px !important;
  height: 100%;
  border: initial !important;
  border-style: hidden !important;
  text-align: center !important;
}



.tdForwardPackTable p{
  text-align: center;
  margin: initial !important;
}


.tdForwardPackTable img{
  text-align: center;
  /* width: 60px;
  height: 40px; */
  width: 70%;
}


.tdForwardPackTable img:hover{
  cursor: pointer;
}


.img-box-single-container{

  margin: 0 auto !important;

}

.img-box-single{
  width: 50px !important;
  height: 45px !important;
}


.img-box-single:hover{
  cursor:auto !important;
}


.tdForwardInvoice{
  max-width: 25% !important;
  height: 260px !important;
  text-align: center !important;
}


.tdFwInvoiceTable{
  width: 100px !important;
  height: 260px !important;
  border-top: hidden !important ;
  border-left: hidden !important ;
  border-right: hidden !important ;
}


.tdFwInvoiceTable td:nth-child(1){
  width: 20%;
  text-align: end;
  padding-right: 10px;
}


.tdFwInvoiceTable td:nth-child(2){
  text-align: end;
  padding-right: 10px;
}


.btn-show-forward-invoice{
  background-color: #eaa7c4;
  color: white;
  border: none;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 3px;
}


.btn-show-forward-invoice:hover{

  box-shadow: 0 0 2px 0 #eaa7c4 inset, 0 0 7px 2px #eaa7c4 !important;
  border: 1px solid white !important;

}


.btn-show-forward-invoice:active{

  color:black;
}




/* #Modal forward #invoice #forward */

.table-customer-forward-package-container{
  width: 400x !important;
  margin: 0 auto !important;
}

.table-customer-forward-package{
  width: 400px !important;
  margin: 0 auto !important;
}


.table-customer-forward-package td:nth-child(1){
  width: 40%;
  border: 1px solid lightgray !important;
  height: 30px;
  padding-left: 10px;
}

.table-customer-forward-package td:nth-child(2){
  width: 80%;
  border: 1px solid lightgray !important;
  padding-left: 10px;
}


.forward-other-request-container{
  max-width: 1000px;
  margin: 30px auto;
  border: 1px solid lightgray;
  padding: 20px;
}



.table-forward-content-container{
  width: 1200px !important;
  margin: 20px auto !important;
}

.table-forward-content{
  width: 1200px !important;
  margin: 0 auto !important;
}


.table-forward-content td{
  border: 1px solid lightgray !important;
  height: 30px !important;
}


.table-forward-content td:nth-child(1){
  width: 10% !important;
  text-align: center !important;
}





.table-forward-invoice-container{
  width: 1200px !important;
  margin: 40px auto !important;
}


.table-forward-invoice{
  width: 1200px !important;
  margin: 0 auto !important;
}


.table-forward-invoice td{
  height: 60px;
}


.table-forward-invoice td:nth-child(1){
  text-align: end !important;
  padding-right: 10px;
}

.table-forward-invoice td:nth-child(2){
  width: 120px !important;
}


.table-forward-invoice td:nth-child(3){
  text-align: end !important;
  padding-right: 10px;
  
}

.table-forward-invoice td:nth-child(4){
  width: 120px !important;
}

.table-forward-invoice td:nth-child(5){
  text-align: end !important;
  padding-right: 10px;
}


.table-forward-invoice td:nth-child(6){
  width: 220px !important;
  text-align: end !important;
  border: 1px solid lightgray !important;
  padding-right: 10px;
}

.tdForwardInvoiceData{
  border: 1px solid lightgray !important;
  text-align: center !important;
} 



/* EOF Forward Invoice */




.tdForwardShipping{
  max-width: 33.33% !important;
  height: 431px;
  text-align: center !important;
}




.tdForwardShippingTableContainer{
  width: 33.33% !important;
  margin: 0 !important;
  padding: 0 !important;
}


.tdForwardShippingTable{
  width: 33.33% !important;
  height: 271px !important;
  border-top: hidden !important ;
  border-bottom: hidden !important ;
  border-left: hidden !important ;
  border-right: hidden !important ;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.tdForwardShippingTable td:nth-child(1){
  border-right: hidden !important ;
  border-left: hidden !important ;
  margin: 0 !important;
  padding: 0 !important;
}




.tdForwardShippingTableTrackingContainer p{
  width: 100px !important;
  white-space: nowrap;  
  overflow-x: scroll;
  overflow-y:hidden !important;
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important; 
  margin: 0;
  padding: 0;
} 


.tdForwardShippingTableTrackingContainer p::-webkit-scrollbar{
  display: none;
}



.tdForwardShippingTableTrackingContainer a{
  color: rgb(14, 92, 176);
  text-decoration:none
}



.tdForwardShippingTableTrackingContainer a:hover{
  color: rgb(34,193,195);
}





/* #New Shipping */

.tdForwardShippingTableContainer2{
  width: 100% !important;
  height: 520px !important;
  margin: 0 !important;
  padding: 0 !important;
}


.tdForwardShippingTable2{
  width: 100% !important;
  height: 520px !important;
  border-top: hidden !important ;
  border-bottom: hidden !important ;
  border-left: hidden !important ;
  border-right: hidden !important ;
  margin: 0 !important;
  padding: 0 !important;
}

.tdForwardShippingTable2 td:nth-child(1){
  border-left: hidden !important ;
  margin: 0 !important;
  text-align: center;
}





.tdForwardShippingTableTrackingContainer2 p{
  max-width: 100% !important;
  white-space: nowrap;  
  overflow-x: scroll;
  overflow-y:hidden !important;
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important; 
  margin: 0 !important;
  padding: 0 !important;
} 



.tdForwardShippingTableTrackingContainer2 p::-webkit-scrollbar{
  display: none;
}



.tdForwardShippingTableTrackingContainer2 a{
  color: rgb(14, 92, 176);
  text-decoration:none
}



.tdForwardShippingTableTrackingContainer2 a:hover{
  color: rgb(34,193,195);
}


/* EOF New #Shipping*/


/* #Status #tracking */

.modal-forward-show-tracking-basic-information-table{

  font-size:55%;
}

.modal-forward-show-tracking-basic-delivery-status-table{

  font-size:55%;
}






.tdInfoForward{
  text-align: center !important;
  vertical-align: middle !important;
}




.CopyTrkButton{
  display: inline-block;
  padding: 7px 12px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #04AA6D;
  border: none;
  border-radius: 7px;
  box-shadow: 0 7px #999;
}


.CopyTrkButton:hover{background-color: #3e8e41}


.CopyTrkButton:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}






/* #FORWARD REQUEST */

#card-container-user-forward{
  max-width: 1000px !important;
  background-color: lightgray !important;
  box-shadow: 0px 0px 16px 3px lightgray !important;
  margin: 0 auto;
}

.forward-request-title{
  margin-top: 50px;
  margin-bottom: 20px;
}

.fw_request_tableC{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  max-width: 600px;
  box-shadow: 0px 0px 7px 3px lightgray;
  overflow-x: auto;
}

.fw_request_table {
  text-align: center;
  vertical-align: middle !important;
  width: 100%;
}

.fw_request_table_th{
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  height: 50px;
}

.fw_request_table td{
  border: 1px solid lightgray !important;
}

.fw_request_table tr{
  background-color: white;
}


#checkB{
  width: 22px;
  height: 22px;
}

#checkB:checked{
  opacity: 0.80;
  background-color: rgb(34,193,195);
  color: white;
  border-color: rgb(34,193,195);
}

#checkB:checked:disabled{
  opacity: 0.80;
  background-color: rgb(34,193,195);
  color: white;
  border-color: rgb(34,193,195);
}




.fw_request_table_tdPackageTable{
  table-layout:fixed;
  border-style: hidden !important;
  width: 320px !important;
  height: 315px !important;

}

.fw_request_table_tdPackageTable tr:nth-child(even){
  background-color: initial !important;
}

.fw_request_table_tdPackageTable td:nth-child(1){
  width: 25%;
  text-align: initial !important;
  padding-left: 7px;
}


.fw_request_table_tdPackageTable p{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  width: 240px;
  white-space: nowrap;  
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  text-align: center;
}


.fw_request_table_tdPackageTableId p{
  font-weight: 800;
  font-size: 18px;
}

.fw_request_table_tdPackageTableTracking:hover{
  cursor: pointer;
}

.fw_request_table_tdPackageTableItems p{
  font-weight: 600;
}










.Fw_request_table_service_fees{
  width: 100%;
  height: 329px;
  border-style: hidden !important;
}

.Fw_request_table_service_fees td:nth-child(1) {
  width: 70%;
  text-align: end;
  padding-right: 10px;
}

.Fw_request_table_service_fees td:nth-child(2) {
  text-align: end;
  padding-right: 10px;
}

.Fw_request_table_service_fees_total td:nth-child(2){
  font-weight: 600;
}

.fw_request_table label{
  font-size: 16px;
}

.add-packages-container{
  margin-top: 65px !important;
  margin-bottom: 10px;
}

.other-fw-pkgs-container{
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  max-width: 630px;
  /* height: 400px; */
  height: 435px;
  overflow-y: auto;
}

.fw_request_other_table_C{
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  box-shadow: 0px 0px 7px 3px lightgray;
  overflow-x: auto;
}


.Fw-validate-content-container{
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  box-shadow: 0px 0px 3px 1px #22c1c3 !important;
}

#Fw-validate-content-table{
  border: 1px solid lightgray;
  margin: 0 auto;
}

#Fw-validate-content-table td:nth-child(1){
  border: 1px solid lightgray;
  width: 150px;
  padding-left: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  background-color: white;
}

#Fw-validate-content-table td:nth-child(2){
  border: 1px solid lightgray;
  width: 150px;
  text-align: center;
  font-weight: 600;
  background-color: white;
}



.dim-weight-img-forward-request{
  width: 100%;
}


.billable-weight-example-fw-request{
  max-width: 300px !important;
  margin: 0 auto;
}


.OptionsShipping{
  margin-top: 60px;
  text-align: center;
  padding: initial !important;
}

.OptionsShipping ul{
  display: inline-block;
  text-align: left;
  list-style: none;
  margin: initial !important;
  padding: initial !important;
}

.OptionsShipping li{
  margin: 15px 0;
}

.OptionsShipping label,input{
  display: inline-block;
  vertical-align: middle;
}

.OptionsShipping label{
  padding-left: 3px;
}


.OptionsShipping input[type="checkbox"]{
  width: 22px;
  height: 22px;
}

.OptionsShipping input[type="checkbox"]:checked{
  opacity: 0.80;
  background-color: #22c1c3 !important; 
  color: white;
  border-color: #21bfc2 !important;
}



.ChexkBoxCustomsValueContainer{
  margin-top: 10px;
  text-align: center;
  padding: initial !important;
}

.ChexkBoxCustomsValueContainer ul{
  /* display: inline-block; */
  text-align: center;
  list-style: none;
  margin: initial !important;
  padding: initial !important;
}

.ChexkBoxCustomsValueContainer li{
  margin: 15px 0;
}

.ChexkBoxCustomsValueContainer label,input{
  /* display: inline-block; */
  vertical-align: middle;
}

.ChexkBoxCustomsValueContainer label{
  padding-left: 3px;
} 


.ChexkBoxCustomsValueContainer input[type="checkbox"]{
  width: 22px;
  height: 22px;
}

.ChexkBoxCustomsValueContainer input[type="checkbox"]:checked{
  opacity: 0.80;
  background-color: #22c1c3 !important; 
  color: white;
  border-color: #21bfc2 !important;
}













#fw-required-field-container{
  max-width: 750px;
  margin: 20px auto;
}


.fw-carousel-delivery-address{
  max-width:450px; 
  margin:0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.fw-delivery-address-card-container{
  border-radius: 20px;
  max-width:370px;
  box-shadow: 0px 0px 7px 7px lightgray;
  background-color:#B0E0E6;
  margin: 20px auto;
}

.fw-table-delivery-address-container{
  width: 370px;
  margin: 0 auto;
}

.fw-table-delivery-address{
  margin: 0 auto;
  /* border: 1px solid lightcyan; */
}

.fw-table-delivery-address td{
  padding-top: 5px;
  padding-bottom: 5px;
}


.fw-table-delivery-address td:nth-child(1){
  width: 150px;
  text-align: end;
}

.fw-table-delivery-address td:nth-child(2){
  width: 350px;
  padding-left: 15px;
}

.delivery_address_id{
  width: 35px;
  height: 35px;
}

.delivery_address_id[type="checkbox"]:checked{
  opacity: 0.80;
  background-color: #22c1c3 !important; 
  color: white;
  border-color: #21bfc2 !important;
}


.fw-validate-content-msg{

  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}


@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}


.forward-request-disclaimer-css{
  /* width:675px;  */
  margin:0 auto;
  padding: 15px;
  border: 2px solid red;
  font-size: 18px;
}



/* EOF Forward Request User */


/* User #Delivery #Address */

.carousel-delivery-address{
  max-width:450px; 
  margin:0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.delivery-address-card-container{
  border-radius: 20px;
  max-width:400px;
  box-shadow: 0px 0px 7px 7px lightgray;
  background-color:#B0E0E6;
  margin: 20px auto;
}

.table-delivery-address-container{
  width: 400px;
  margin: 0 auto;
}

.table-delivery-address{
  margin: 0 auto;
  border: 1px solid lightcyan;
}

.table-delivery-address td{
  padding-top: 5px;
  padding-bottom: 5px;
}


.table-delivery-address td:nth-child(1){
  width: 150px;
  text-align: end;
}

.table-delivery-address td:nth-child(2){
  width: 350px;
  padding-left: 15px;
}


.btn-Modal-edit-delivery-address{
  width: 100px;
}


.bt-Modal-delete-delivery-address2{
  width: 100px;
  margin-left: 20px;
}



.make-default-container input[type="checkbox"]{
  width: 24px;
  height: 24px;
  margin-left: 5px;
}

.make-default-container input[type="checkbox"]:checked{
  opacity: 0.80;
  background-color: #22c1c3 !important; 
  color: white;
  border-color: #21bfc2 !important;
}


.btn-actions-delete2{
  margin-left: 20px;
}