:root {
  --blue: #004aad;;
  --white2: #cacaca;
  --white3: #919191;

}
.Chatbot{
  cursor: pointer !important;
  
  }
  .Chatbot i{
  cursor: pointer !important;
  
  }
  .Chatbot i:last-child {
  display: ruby;
  
  }
  .toggled{
  
  
  }
  .showtgl{
    display: initial;
  
  }
  .nottoggled{
    transform: rotate(90deg);
  display: none;
  }
  .notshow{
    display: none;
  }
  .chatbox-bot{
    position: fixed;
    right: -52px;
    border-radius: none !important;
    height: 1vh;
    display: none;
    bottom:491px;
    transition: all 0.1s ease;
    width: 420px;padding: 20px;
  }
  @media (max-width: 842px) {
    .chatbox-bot{
      bottom:421px;
    width: 340px;
  }
  .chatbox-bot iframe{
  height:83vh !important;
  }}
  .show{
      display: block;
               pointer-events: auto;
           }
  
.details {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 80%;
  padding: 10px 0;
  text-align: center;
  background-color: #ff000000;
  color: #000000;
  bottom: 30%;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
} #fore{
    background: radial-gradient(rgb(13, 66, 255) 50%, rgba(0, 110, 153, 0.4) 52%);
  border-radius: 50%;
text-align: center;

color: #ffffff;
font-size: xx-large; padding: 20px 20px;

} .social-icons {
       width: 100%;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-pack: distribute;
           justify-content: space-around;
       margin: 10px 0 5px 0;
     }



.trackimg-logo{
width: 70px;margin:auto ;justify-self: center;
}
.fixed{
    position: fixed;z-index: 900;
}
.fullwidth{
        margin: 5px 15px;
        width: 98%;
}

@media (max-width: 842px) {
    .fullwidth {
        margin: 5px 3px;


    }
  
    .section-header span {
      font-size: 38px;
    }
  }
  .Bordernone{
    border: none !important;
  }
  .floatright{
    text-align: right !important;float: right !important;text-align: right !important; justify-self: right !important;

}
.floated{
    text-align: right !important;
}
.Zord{
    padding: 140px !important;background-color: #ffffff ;
  }
@media (max-width: 842px) {
    .floatright {
        margin: 5px 3px;
        text-align: left !important;float: left !important;text-align: left !important; justify-self: left !important;


    }
    .paddtable{
      width: 1000000% !important;
    }
    .qty{
      padding-left: 3px !important;padding-right: 0px !important;
    }
    .stsdelivery{
      padding-right: 0px !important;
    
    }
    
    .floated{
        text-align: left !important;
    }    .Zord{
        padding: 1px !important;
    }
  }
  .tracker-create-shape{
display: flex;  flex-direction: column;padding: 3px 9px;
    background-color: #fff !important;margin: auto !important;width: 100% !important; border-radius: 9px;
    }
  .shippingbck{
background-color: rgba(14, 29, 52, 0.842) !important;border: #0066ff;color: rgb(255, 255, 255) !important;text-align: center !important;
justify-content: center !important;
  }
  .tableinvoice{
 padding: 0% !important;width: 100%; margin: auto;overflow-x: scroll;scroll-behavior: smooth;padding: 0px 0px 0px 0px;background-color: aqua;
  }


.table{
  width: 100%;
text-align: center;
color: #212529;margin-top: 30px !important;
vertical-align: top;
border-color: #dee2e600;
}

.table > tbody {
  width: 100%;
  border-color: #dee2e600;
vertical-align: inherit;
}

.padding{

  padding: 0px !important;
}

.holdlogoandtext{
width: auto;display: flex;margin: auto;justify-self: center;height: 80px;background-color: #0066ff;
}
.holdlogoandtext h4{
  line-height: 85px;padding-right: 333px; font-weight: 600;font-family: Georgia, 'Times New Roman', Times, serif;
 }
 .holdlogoandtext img{
border-radius: 50%; }
  
.twriteup{
  display: block;
}
.paddtable{
  width: 97% !important;
}
.qty{
  padding-right: 40px !important;
}
.stsdelivery{
  padding-right: 26px !important;

}
  .styledtxt1 {
  font-size: 24px;
  font-family: Sofia;
  font-weight: 600;
  background: linear-gradient(90deg,var(--blue),var(--white2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.dispplayblock{
display: block !important;

}

.borderradius{
  border-radius: 9px;
}
/*ooooooooooooooo*/











.shippingintrotxt{
font-family: Verdana, Geneva, Tahoma, sans-serif;
color:#0e1d34 ;
}
.shippingtrackingnumber{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
color:#0e1d34 ;float: right   !important;font-weight: 600;
}
.card-title{
  background-color: #0e1d34;width: 100%;padding: 10px 20px;color: #ffffff;
}
.lineheight{
  margin-top: 11px;font-weight: 700;
  }.lineheight1{
font-weight: 700;
    }.lineheight2{
 font-weight: 700;color: #004aad;
    }
.coloredrow{
}
.marginrow{ margin-top: -7px;}
.marginrow2{ margin-top: -10px;}
.marginrow1{ background-color: rgba(207, 219, 219, 0.692);}
.displayflex{ display: flex !important;justify-content: space-between !important;}