.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;

}


.close2:hover{

  color:red;
  cursor:pointer;

}


.close2:active{

  color:white;

}



.close:hover{
  cursor: pointer;
}


.etoile{
  color: red;
}

 
.currencySymbol{
  color: red;
}


/* ##pointer */

.pointer{
  cursor: pointer;
}





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


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: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  word-spacing: 2px;
}


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

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

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





/* ##BUTONS */



/* Time button */

#TimeBtn {
  position: fixed;
  /* bottom: 20px;
  right: 90px; */
  top: 100px !important;
  z-index: 99;
  background: rgb(34,193,195);
  color: white;
  padding: 15px;
  font-size: 18px;
  font-weight: 800;

}



/* #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;
}


.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;
}



.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;
}






.BlueColorButton{
  border-radius: 7px;
  background-color: rgb(8, 124, 249) !important;
  padding: 10px;
  font-weight: 600;
  text-decoration: none;
  color: rgb(14, 92, 176);
  box-shadow: 0px 0px 3px 3px rgb(8, 124, 249);
}



.ButtonMainTeam{
  font-size: 18px;
  width: 150px;
  margin-top: 70px;
}


.ButtonMainBlue{
  font-size: 20px;
  margin-top: 70px;
}



.whiteBlackLink{
  color:white !important;
  font-weight: 600;
  text-decoration: none;
}



.whiteBlackLink:visited{
  color: white !important;
  font-weight: 600;
}


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


/* 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-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: 120px;
  height: 35px;
}

.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: #087cf9 !important;
  font-weight: 600;
}


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



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

.green-color{
  color:#22c1c3 !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;
}




/* #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;
}


/* #text */

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



.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);
}





/* #EOF STD CSS */




/* #USER */

/* ##Navbar2 USER*/

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


.navbar2 div{
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 300px;
}


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

.navbar2 a:visited{
  color:white;
}

.navbar2 a:hover{
  color:black;
}

.navbar2 a:active{
  color:white;
}


/* EOF Navbar user */



/* Start News Carousel */


.main-container-news{
  margin-top: 25px;
  position: relative;
}


.news .carousel-item{
  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: 100px;
  padding: 100px;  
}


#card-container-user{
  width: 892px !important;
  background-color: lightgray !important;
  box-shadow: 0px 0px 16px 3px lightgray !important;
  margin: 0 auto;
  overflow-x: auto;
}


#card-container-user-delivery-address{
  width: 892px !important;
  background-color: lightgray !important;
  box-shadow: 0px 0px 16px 3px lightgray;
  margin: 0 auto;
}


.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{
  padding-top: 10px !important;
  padding-bottom: 10px !important;

}



.card-header-user h1{
  font-family: 'Lobster', cursive;
  color: black;
  font-size: 30px;
}


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

#holder-user {
  margin: 0 auto;
  width: 200px;
  height: 112px;
} 

#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: 150px;
  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: 150px;
  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: 150px;
  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: 150px;
  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: 100px !important;
}


.body-container-user{
  padding: 50px 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px ;
  background-color: white;
  /* overflow-x: scroll; */
}


/* #Discount Program */
.showDiscountProgramContainer{
  max-width: 700px !important;
  margin-left: auto;
  margin-right: auto;
  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;

}

.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;
  width: 600px;
  /* height: 320px;  */
  height: 360px; 
  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{
  border: lightgray;
  width: 65px;
  padding: 5px;
  box-shadow: 0px 0px 3px 3px lightgray;
  margin-top: 15px;
  margin-bottom: 5px;
}



.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: 670px;
}

.korean-address-sub-container{
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  min-width: 600px;
  max-width: 670px;
  padding-top: 20px!important;
  padding-bottom: 30px!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;
}


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

}

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


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

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

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


/* EOF Korean Address */



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


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


.table-title-package 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;
}


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


.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;
    width: 300px !important;
}


/* .main-btn-container-user a:link{
  color: black;
  text-decoration: none;
  border: none;
}

.main-btn-container-user a:visited{
  color: black;
}

.main-btn-container-user a:hover{
  color: white;
}

.main-btn-container-user a:active{
  color: white;
} */




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


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


/* #TABLE */

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

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

.main-table-container{
  margin-bottom: 70px;
  padding: 0 !important;
  margin-left: auto;
  margin-right: auto;
  width: 800px !important;
  box-shadow: 0px 0px 10px 4px lightgray !important;
}


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








.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;
}




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


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


.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;
  width: 300px;
  white-space: nowrap;  
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  text-align: center;
}


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

.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; */
  width: 50%;
}




.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: 400px !important; 
  height: 436px;
  text-align: center !important;
}


.tdArrivedAtWarehouseTable{
  table-layout:fixed;
  width: 400px;
  height: 100% !important;
  border: initial !important;
  border-style: hidden !important;
  border-top: 1px solid lightgray !important;
  border-bottom: 1px solid lightgray !important;
  text-align: center !important;
}


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


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


.tdArrivedAtWarehouseTable img{
  text-align: center;
  /* width: 144px;
  height: 85px; */
  width: 50%;
}

.tdArrivedAtWarehouseTable img:hover{
  cursor: pointer;
}


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

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


.img-waiting-small{
  width: 60px !important;
  height: 60px !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{
  position: relative;
}


.tdUnboxingGetRidOfRequestContainer{
  position: relative;
}

.tdUnboxingGetRidOfRequestContainer >div{
  margin: 0;

}

.tdUnboxingGetRidOfRequest p{
  text-align: center;
  padding: 0 7px;
  margin: initial !important;
  font-weight: 600;
  display: -webkit-box;
  max-width: 330px;
  -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;
}


.btn-seeDetailsYellow:hover{
  color: #af9032 !important;
}



.tdUnboxingGetRidOfImg{
  height: 38px !important;
}

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


.imgMultiDash img{
  width: 62px;
  height: 37px;
  margin: 0 8px;
}

.imgMultiDash img:hover{
  cursor: pointer;
}

.imgUnboxingInlcusionEmpty{
  width: 20% !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{
  padding: 50px 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px ;
  background-color: white;
  overflow-x: scroll;
} */

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






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


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




.NoDataAvailable{
  max-width: 700px; 
  margin: 90px auto;
  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: 80px;
  margin-left: 250px;
  margin-right: 250px;
  border-radius: 7px;
  box-shadow: 0px 0px 18px 6px rgb(150, 222, 209);  
}


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


.NoDataTxt h4{
  color: black;
}


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


/* #EOF DASHBOARD USER */






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


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

.body-container-user-bfm{
  margin: 0 auto;
  padding: 50px 0;
  max-width: 1500px;
  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: 43px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  font-weight: 800;
}


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


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


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


.main-table-bfm{
  position: relative;
  width: 800px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: auto;
  box-shadow: 0px 0px 10px 4px lightgray;

}


/* #bfmcol1 */

.tdBfmRequest{
  width: 266.6px;
  height: 515px !important;
}

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


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


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


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


.tdBfmRequestTableId p{
  font-weight: 600;
}



.tdBfmRequestTableItems table td:nth-child(1){
  width: 50px;
  text-align: initial !important;
  padding-left: 5px;
}




.tdBfmRequestTableItems p{
  font-weight: 600;
}



.ModalContentBfmItemLink{

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

}


.ModalContentBfmItemLink:hover{

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

}

.bfm-item-photo{
  width: 160px;
}



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


.tdBfmStatus{
  width: 280px;
  text-align: center;
} 



/* #bfmCol2 */

.tdBfmInvoice{
  position: relative;
  width: 266.6px;
  height: 515px !important;
  text-align: center !important;
}

.tdBfmInvoiceContainer{
  height: 515px !important;
}




.tdBfmInvoiceTable{
  position: relative;
  width: 266.6px !important;
  height: 100% !important;
  border-top: hidden !important ;
  border-left: hidden !important ;
  border-right: hidden !important ;
}


.tdBfmInvoiceTable td:nth-child(1){
  width: 25% !important;
  text-align: center;
  padding-right: 10px;
}


.tdBfmInvoiceTable td:nth-child(2){

  text-align: end;
  padding-right: 10px;
}


.btn-show-buy-for-me-invoice{
  width: 50%;
  background-color: #eaa7c4;
  color: white;
  border: none;
  margin: 0 auto !important;
  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;

}





/* #NEW BFM #ORDER TAB*/

/* #bfmCol3 */

.tdBuyForMeOrder{
  width: 266.6px !important;
  
  text-align: center !important;
}

.tdBuyForMeOrderTableContainer{
  height: 515px !important;
}



.tdBuyForMeOrderTable{
  width: 266.6px !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::-webkit-scrollbar{
  display: none;
}

/* EOF #NEW BFM #ORDER TAB*/












/* #EOF BUY FOR ME */



/* #BuyForMe #Bfm #request */


.BuyForMeRequestDisclaimerCss{
  padding-left: 30px;
  font-size: 18px;
}


.IacceptTheAboveTermsOfServiceContainer{
  width:675px; 
  margin: 0 auto;
  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{
  width: 420px !important;
  margin: 20px auto !important;
}

.table-buy-for-me-content2{
  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){
  text-align: center !important;
}


.table-buy-for-me-content2 td:nth-child(3){
  width: 200px !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{
  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;
  width: 1200px !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;
  width: 400px !important;
  text-align: start !important;
  border-style: none !important;
}


.invoice-logo-ktm {

  font-size: 34px;
  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: 34px;
  height: 34px;
  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;
  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 {
  width: 1200px !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 ##forward*/

.body-container-user-forward{
  margin: 0 auto;
  padding: 50px 0;
  max-width: 1500px;
  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;
  width: 800px;
  margin: 50px auto; 
  box-shadow: 0px 0px 10px 4px lightgray;
}


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


/* #FwCol1 */
.tdPackageForward{
  width: 266.6px !important;
  height: 380px;
}


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


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


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


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




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


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

.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;
}




/* #fwCol2 ColumnFwPackInvoice */

.tdForwardPack{
  width: 266.6px !important;
  height: 472px !important;
  text-align: center !important;
}


.tdForwardPackTable{
  width: 100% !important;
  height: 100% !important;
  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: 60%;
}


.tdForwardPackTable img:hover{
  cursor: pointer;
}

.img-box-single-container{

  margin: 0 auto !important;

}

.img-box-single{
  width: 70px !important;
  height: 65px !important;
}


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




/* fwInvoice */

.tdForwardInvoice{
  width: 266.6px !important;
  text-align: center !important;
}


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


.tdFwInvoiceTable td:nth-child(1){
  width: 25%;
  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;
}


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


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



.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 */


/* FwCol3 */

.tdForwardShipping{
  width: 266.6px !important;
  text-align: center !important;
}


.tdForwardShippingTableContainer{
  width: 266.6px !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}


.tdForwardShippingTable{
  width: 266.6px !important;
  height: 100% !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{
  border-right: hidden !important ;
  border-left: hidden !important ;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;

}


.tdForwardShippingTableTrackingContainer p{
  /* width: 120px !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;
} 



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



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



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



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







/* #New Shipping */

.tdForwardShippingTableContainer2{
  width: 266.6px !important;
  height: 520px;
  margin: 0 !important;
  padding: 0 !important;

}


.tdForwardShippingTable2{
  width: 266.6px !important;
  height: 100% !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{
  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:90%;
}

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

  font-size:90%;
}










.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{
  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;
  width: 600px;
  box-shadow: 0px 0px 7px 3px lightgray;
} 

.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;
  width: 630px;
  /* height: 400px; */
  height: 435px;
  overflow-y: auto;
}

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


.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: 85%;
}


.billable-weight-example-fw-request{
  max-width: 600px;
  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: left;
  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{
  width: 750px;
  margin: 20px auto;
}


.fw-carousel-delivery-address{
  width:675px; 
  margin:0 auto;
}

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

.fw-table-delivery-address-container{
  width: 600px;
  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: 450px;
  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: 20px;
}


/* EOF Forward Request User */

 

/* User #Delivery #Address */

.carousel-delivery-address{
  width:675px; 
  margin:0 auto;
}

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

.table-delivery-address-container{
  width: 600px;
  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: 450px;
  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;
}