body {
  background: #F4F4F4;
  font-family: 'Roboto Condensed', sans-serif;
  padding-bottom: 100px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
textarea,
select,
.form-select,
.form-control {
  border-radius: 5px;
  border: 2px solid #E6E6E7;
  background: #FFF;
  min-height: 48px;
}

.mb-40 {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .mt-3 {
    margin-top: 5px !important;
  }
}

.navbar-toggler-icon svg {
  width: 100%;
  height: auto;
}

.logo {
  margin: 20px 15px 20px 0;
}

@media (max-width: 768px) {
  .logo {
    display: none;
  }
}

.mobile-logo {
  display: none;
}

@media (max-width: 768px) {
  .mobile-logo {
    display: block;
    margin: 26px 15px 20px 0;
  }
}

.form-check-label,
.col-form-label {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
}

tr th {
  vertical-align: top;
}

.td-vc {
  vertical-align: middle;
}

td.td-vc {
  vertical-align: middle;
}

.clickable {
  cursor: pointer;
}

.full-screen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1250;
  align-items: center;
  justify-content: center;
  display: none;
}

.show-loader .full-screen-overlay {
  display: flex;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

label {
  font-size: 14px !important;
}

.vue3-results-container {
  position: absolute;
  background: #FFF;
  min-width: 20rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  z-index: 100;
}

@media (max-width: 768px) {
  .vue3-results-container {
    min-width: 100%;
  }
  .upload-img-link {
    display: inline-block;
    width: 140px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }
}

@media (min-width: 768px) {
  .filter-customer-entity input,
.filter-customer-entity span {
    width: 246%;
  }
}

.vue3-results-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.vue3-results-item:hover {
  background-color: #f8f9fa;
}

/* Table sort indicators */
th.sortable {
  position: relative;
  cursor: pointer;
}

th.sortable::after {
  content: "\2195";
  position: absolute;
  right: 8px;
  color: #999;
}

th.sortable.asc::after {
  content: "\25BC";
}

th.sortable.desc::after {
  content: "\25B2";
}

th.sortable:hover::after {
  color: #333;
}

header {
  border-bottom: 9px #f4f4f4 solid;
  background-color: #FFF;
  font-family: "Roboto";
}

.navbar {
  padding: 20px 0;
}

@media (max-width: 991px) {
  .navbar {
    position: initial;
  }
}

@media (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    left: 0;
    top: 82px;
    width: 100%;
    background-color: white;
    z-index: 1;
  }
  .navbar-collapse .mb-2 {
    margin-bottom: 0 !important;
  }
  .navbar-collapse ul {
    padding: 10px;
    border-bottom: 9px #f4f4f4 solid;
  }
}

.h-100 {
  height: 100%;
}

.top-container {
  background: #F8F8F8;
  padding: 50px 0;
}

h3 {
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 30px;
}

h3.mt-34 {
  margin-top: 34px;
}

h4 {
  margin-bottom: 20px;
}

.d-print-none-box {
  background-color: #fff;
  padding: 15px;
  margin: 0 5px 30px;
  border-radius: 5px;
}

.btn-login {
  border: 0;
  font-size: 16px;
  padding: 13px 20px;
  border-radius: 5px;
  border: 0;
  font-weight: bold;
  transition: background-color 0.3s ease-in-out;
}

@media (max-width: 560px) {
  .btn-login {
    text-indent: -9999px;
    background-image: url("../images/LogIn_Icon.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
}

.btn-login:hover {
  background-color: #c6d2d8;
  transition: background-color 0.3s ease-in-out;
}

.btn-logout {
  border: 0;
  font-size: 16px;
  padding: 13px 46px 13px 20px;
  border-radius: 5px;
  background-color: #DCEAF0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M5.25 6.46875C4.9375 6.75 4.9375 7.28125 5.25 7.5625L9.75 11.8125C9.96875 12.0312 10.2812 12.0625 10.5625 11.9688C10.8438 11.8438 11 11.5625 11 11.25V9H15C15.5625 9 16 8.5625 16 8V6C16 5.46875 15.5625 5 15 5H11V2.75C11 2.46875 10.8438 2.1875 10.5625 2.0625C10.2812 1.96875 9.96875 2 9.75 2.21875L5.25 6.46875ZM3 0C1.34375 0 0 1.34375 0 3V11C0 12.6875 1.34375 14 3 14H5C5.5625 14 6 13.5625 6 13C6 12.4688 5.5625 12 5 12H3C2.46875 12 2 11.5625 2 11V3C2 2.46875 2.46875 2 3 2H5C5.5625 2 6 1.5625 6 1C6 0.46875 5.5625 0 5 0H3Z' fill='%23231F20'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 17px center;
  border: 0;
  font-weight: bold;
  transition: background-color 0.3s ease-in-out;
}

@media (max-width: 560px) {
  .btn-logout {
    text-indent: -9999px;
    padding: 13px 30px 13px 20px;
  }
}

.btn-logout:hover {
  background-color: #c6d2d8;
  transition: background-color 0.3s ease-in-out;
}

.btn-success {
  background-color: #4AB840 !important;
  border-color: #4AB840 !important;
}

.btn-success.disabled, .btn-success:disabled {
  opacity: 0.7 !important;
}

.user span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M5.6875 7.125C3.88477 7.125 2.4375 5.67773 2.4375 3.875C2.4375 2.09766 3.88477 0.625 5.6875 0.625C7.46484 0.625 8.9375 2.09766 8.9375 3.875C8.9375 5.67773 7.46484 7.125 5.6875 7.125ZM6.95703 8.34375C9.39453 8.34375 11.375 10.3242 11.375 12.7617C11.375 13.2441 10.9688 13.625 10.4863 13.625H0.863281C0.380859 13.625 0 13.2441 0 12.7617C0 10.3242 1.95508 8.34375 4.39258 8.34375H6.95703Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 2px;
  font-size: 16px;
  font-weight: bold;
  border-right: 1px #EDEDED solid;
  padding: 0 25px 0 15px;
  margin: 0 25px 0 0;
}

.lang {
  font-size: 16px;
  border-right: 1px #EDEDED solid;
  padding: 0 25px 0 15px;
  margin: 0 25px 0 0;
  cursor: pointer;
}

@media (max-width: 560px) {
  .lang {
    margin: 0 15px 0 0;
    padding: 0 5px 0 15px;
  }
}

.lang span {
  position: relative;
  padding: 0 0 0 43px;
}

.lang span.en::after {
  position: absolute;
  left: 0;
  top: -6px;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_17_2178)'%3E%3Cpath d='M-14 0.000366211V28.1314H42.14V0.000366211H-14Z' fill='%23012169'/%3E%3Cpath d='M-14 0.000366211L42.14 28.1314L-14 0.000366211ZM42.14 0.000366211L-14 28.1314L42.14 0.000366211Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.79282 14.0657L-15.2559 2.51631L-12.7452 -2.51593L14.0695 10.9206L40.8841 -2.51593L43.3948 2.51631L20.3461 14.0657L43.3948 25.6151L40.8841 30.6474L14.0695 17.2109L-12.7452 30.6474L-15.2559 25.6151L7.79282 14.0657Z' fill='white'/%3E%3Cpath d='M-14 0.000366211L42.14 28.1314L-14 0.000366211ZM42.14 0.000366211L-14 28.1314L42.14 0.000366211Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.88651 14.0661L-14.8359 1.67801L-13.1622 -1.67682L14.0709 11.9694L41.304 -1.67682L42.9778 1.67801L18.2554 14.0661L42.9778 26.4543L41.304 29.8091L14.0709 16.1629L-13.1622 29.8091L-14.8359 26.4543L9.88651 14.0661Z' fill='%23C8102E'/%3E%3Cpath d='M14.07 0.000366211V28.1314V0.000366211ZM-14 14.0659H42.14H-14Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.39167 9.37739V0.000366211H18.7483V9.37739H42.14V18.7544H18.7483V28.1314H9.39167V18.7544H-14V9.37739H9.39167Z' fill='white'/%3E%3Cpath d='M14.07 0.000366211V28.1314V0.000366211ZM-14 14.0659H42.14H-14Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.263 11.2528V0.000366211H16.877V11.2528H42.14V16.879H16.877V28.1314H11.263V16.879H-14V11.2528H11.263Z' fill='%23C8102E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_17_2178'%3E%3Crect width='56.14' height='28.1311' fill='white' transform='translate(-14 0.000366211)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  content: "";
  border-radius: 50%;
}

.lang span.sr::after {
  position: absolute;
  left: 0;
  top: -6px;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28' height='28' viewBox='0 0 28 28'%3E%3Cimage x='-1' width='42' height='28' xlink:href='data:img/png;base64,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'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  content: "";
  border-radius: 50%;
}

a {
  color: #000;
}

a:hover {
  color: #257CCE;
}

.navbar-nav li {
  display: flex;
  align-items: center;
}

.navbar-nav li img {
  margin-right: 20px;
}

.navbar-nav li a {
  color: #000;
}

.navbar-nav li a:hover {
  color: #257CCE;
}

.bg-lisca {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='379' height='107' viewBox='0 0 379 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.01'%3E%3Cpath d='M0 103.093C16.8107 100.737 16.9381 96.3437 17.3838 81.3159V29.7375C16.9381 14.6461 16.8107 10.2524 0 7.96V5.79498H47.121V7.96C30.3103 10.3161 29.7372 14.7098 29.7372 29.7375V77.75C29.7372 85.0729 29.7372 92.8414 31.8385 99.8459L40.7533 101.183C62.0851 102.775 65.5873 95.8979 76.3488 77.1769L78.1954 78.0684L70.2358 105.258H0V103.03V103.093Z' fill='black'/%3E%3Cpath d='M113.345 81.0608C113.791 96.1522 113.918 100.482 130.729 102.838V105.003H83.6078V102.838C100.419 100.482 100.546 96.0886 100.992 81.0608V29.5461C100.546 14.4546 100.419 10.0609 83.6078 7.76856V5.60355H130.729V7.76856C113.918 10.1246 113.791 14.5183 113.345 29.5461V81.0608Z' fill='black'/%3E%3Cpath d='M198.481 31.329H196.189C193.897 19.485 190.14 8.08686 175.876 8.08686C166.643 8.08686 159.002 14.5182 159.002 24.1971C159.002 49.4769 204.467 48.6491 204.467 78.1952C204.467 97.0436 186.001 106.85 169.445 106.85C160.657 106.85 151.424 104.239 144.038 99.3997L139.835 74.502H142.446C146.075 88.5746 155.69 102.456 171.61 102.456C182.307 102.456 190.649 96.0248 190.649 84.6266C190.649 58.5827 146.521 60.9388 146.521 31.6474C146.521 14.5182 163.268 3.69315 178.678 3.69315C186.001 3.69315 193.387 5.85816 199.755 9.42408L198.609 31.3926L198.481 31.329Z' fill='black'/%3E%3Cpath d='M296.799 35.7225H294.825C292.341 19.1665 283.745 7.32259 268.08 7.32259C244.201 7.32259 230.766 29.2912 230.766 54.4436C230.766 83.2892 250.442 102.074 269.418 102.074C286.483 102.074 293.296 89.2749 299.155 73.483L301.001 74.3745C299.409 83.2892 296.99 92.0767 293.806 100.546C285.464 105.067 276.486 105.576 267.189 105.576C239.935 105.576 215.674 89.2749 215.674 56.1628C215.674 30.1189 233.822 3.75668 268.271 3.75668C278.205 3.75668 288.266 5.98538 296.862 11.6526V35.6588L296.799 35.7225Z' fill='black'/%3E%3Cpath d='M322.524 18.5937L306.923 62.2761H338.507L322.461 18.5937H322.524ZM305.077 68.8985C305.077 68.8985 298.454 87.3648 298.454 92.9684C298.454 101.883 308.133 101.883 314.437 102.902V105.067H276.04V102.902C288.521 99.3998 289.794 96.4706 294.124 85.0725L309.98 41.8995L318.385 18.0206C319.659 14.2 321.442 10.6977 319.913 7.89595C323.67 6.30402 327.173 3.62959 330.165 0L360.985 85.7729C364.742 96.4706 367.162 100.673 378.369 102.902V105.067H337.17V102.902C342.073 101.756 347.931 100.1 347.931 93.5415C347.931 88.4473 340.991 68.8985 340.991 68.8985H305.14H305.077Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  padding: 40px;
  border-left: 4px #257CCE solid;
}

@media (max-width: 1199px) {
  .bg-lisca {
    padding: 30px;
  }
}

.bg-lisca h5 {
  color: #257CCE;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.bg-lisca p {
  margin-bottom: 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.bg-lisca h6 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

.new-shipment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  background-color: #DCEAF0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='216' viewBox='0 0 227 216' fill='none'%3E%3Cmask id='mask0_27_4' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='227' height='216'%3E%3Crect width='227' height='216' fill='%23DCEAF0'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_27_4)'%3E%3Cpath opacity='0.2' d='M191.31 166.343L191.323 166.338L191.335 166.332L191.39 166.306L198.274 163.546L231.639 247.482L224.739 250.248L224.925 250.712L224.739 250.248C142.556 283.21 49.0383 243.053 16.2606 160.727C-16.5174 78.3995 23.7282 -15.4127 105.93 -48.4243L112.827 -51.1891L146.191 32.7466L139.292 35.5126L139.291 35.5127C103.27 49.9657 85.6672 91.0279 100.018 127.104C114.368 163.18 155.287 180.797 191.31 166.343Z' stroke='%23257CCE'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: auto 100%;
  padding: 60px 80px 60px 50px;
  height: 100%;
}

@media (max-width: 1199px) {
  .new-shipment {
    padding: 60px 30px 60px 30px;
  }
}

@media (max-width: 991px) {
  .new-shipment {
    flex-direction: column;
    padding: 45px 30px;
  }
  .new-shipment .btn-new-shippment {
    margin-top: 20px;
  }
}

.new-shipment h5 {
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' viewBox='0 0 18 24' fill='none'%3E%3Cpath d='M0 3.75C0 2.17773 1.25781 0.875 2.875 0.875H10.2871C11.0508 0.875 11.7695 1.18945 12.3086 1.72852L16.3965 5.81641C16.9355 6.35547 17.25 7.07422 17.25 7.83789V21C17.25 22.6172 15.9473 23.875 14.375 23.875H2.875C1.25781 23.875 0 22.6172 0 21V3.75ZM15.0938 21V8.0625H11.5C10.6914 8.0625 10.0625 7.43359 10.0625 6.625V3.03125H2.875C2.4707 3.03125 2.15625 3.39062 2.15625 3.75V21C2.15625 21.4043 2.4707 21.7188 2.875 21.7188H14.375C14.7344 21.7188 15.0938 21.4043 15.0938 21Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}

.new-shipment p {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

@media (max-width: 1200px) {
  .bad-m-full {
    margin-left: 0;
    margin-bottom: 5px;
    width: 100%;
    max-width: 70px;
  }
}

.btn-new-shippment {
  border-radius: 8px;
  background-color: #257CCE;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M2.37444 0.941132C2.64006 0.409882 3.20451 0.0446472 3.80217 0.0446472H7.08928L6.02678 4.29465H0.714279L2.37444 0.941132ZM10.2768 4.29465L9.21428 0.0446472H12.4682C13.0658 0.0446472 13.6303 0.409882 13.8959 0.941132L15.5893 4.29465H10.2768ZM6.02678 7.48215C6.02678 8.0798 6.49162 8.54465 7.08928 8.54465H9.21428C9.77873 8.54465 10.2768 8.0798 10.2768 7.48215V5.35715H15.5893V12.7946C15.5893 13.99 14.6264 14.9196 13.4643 14.9196H2.83928C1.64397 14.9196 0.714279 13.99 0.714279 12.7946V5.35715H6.02678V7.48215Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  font-weight: bold;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  border: 0;
  padding: 11px 45px 11px 25px;
  margin: 0;
  transition: background-color 0.3s ease-in-out;
}

.btn-new-shippment:hover {
  background-color: #216fb9;
  transition: background-color 0.3s ease-in-out;
}

.sidebar {
  background-color: #fff;
  padding: 34px 20px;
}

@media (max-width: 1199px) {
  .sidebar {
    padding: 30px;
  }
}

.badge {
  font-family: Roboto;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;
  border-radius: 30px;
}

.badge.bg-success {
  color: #4AB840;
  background: #D7FDD4 !important;
}

.badge.bg-primary {
  color: #0D6EFD;
  background: #C5DDFF !important;
}

.badge.bg-warning {
  color: #E09C16;
  background: #FEF4E1 !important;
}

.table-sm > :not(caption) > * > * {
  padding: 5px 10px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  border-color: #E6E6E6 !important;
  vertical-align: middle;
}

@media (min-width: 991px) and (max-width: 1199px) {
  .table-sm > :not(caption) > * > * {
    padding: 5px 5px;
  }
}

.table-sm > :not(caption) > * > * td {
  white-space: nowrap;
}

.table > :not(:first-child) {
  border: 0;
}

.table-sm > :not(caption) th {
  color: #257CCE;
  font-family: Roboto Condensed;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
  vertical-align: middle;
  padding: 15px 10px;
}

.table-sm > :not(caption) th::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 20px;
  width: 1px;
  background-color: #DBDBDB;
}

.table-sm > :not(caption) th:last-child::after {
  display: none;
}

.table-rw .thead-light th {
  background-color: #EDEDED;
  white-space: nowrap;
  padding: 10px;
}

.table-rw .thead-light th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 10px;
}

.table-rw .thead-light th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.table-rw tbody td {
  padding: 10px;
  position: relative;
  vertical-align: middle;
}

.table-rw tbody td::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 40px;
  width: 1px;
  background-color: #DBDBDB;
}

.table-rw tbody td:first-child {
  padding-left: 20px;
}

.table-rw tbody td:last-child::after {
  display: none;
}

.table-sc thead th {
  background-color: #EDEDED;
  padding: 5px 10px;
}

.table-sc thead th:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 20px;
}

.table-sc thead th:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.table-sc tbody tr.total {
  background: #DCEAF0;
  border-radius: 5px;
}

.table-sc tbody tr.total td {
  font-weight: bold;
}

.table-sc tbody tr.total td::after {
  background-color: #C9DFEC;
}

.table-sc tbody td {
  padding: 0px 10px;
  position: relative;
  vertical-align: middle;
}

.table-sc tbody td:first-child {
  padding-left: 20px;
}

.card {
  padding: 30px 40px;
  border-radius: 5px;
  background: #DCEAF0;
  border: 0;
}

.card-body {
  padding: 0;
}

.card .card-text {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 19px;
}

.card ul {
  border-top: 1px #B7D4E9 solid;
  padding-top: 16px;
}

.shipment-head {
  border-bottom: 1px #E6E6E6 solid;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.shipment-head h1 {
  margin: 0;
  color: #257CCE;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.shipment-head h3 {
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}

.shipment-head .badge {
  font-family: Roboto;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  padding: 4px 17px;
  text-transform: uppercase;
}

.shipment-head .badge.bg-warning {
  border: 2px solid #E09C16;
}

.shipment-head .badge.bg-primary {
  border: 2px solid #0D6EFD;
}

.shipment-head .badge.bg-success {
  border: 2px solid #4AB840;
}

.shipment-head p {
  margin-bottom: 0;
}

.table-white {
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}

.btn {
  border-radius: 5px;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  padding: 13px 20px;
  border: 0;
}

.btn.disabled, .btn:disabled {
  pointer-events: initial !important;
  cursor: not-allowed !important;
  opacity: 0.5;
}

.btn.btn-primary {
  background: #257CCE;
  color: #fff;
}

.btn.btn-secondary {
  background: #DCEAF0;
  color: #190A06;
  border: 0;
  font-family: 'Roboto Condensed', sans-serif;
}

.btn.btn-cancel {
  padding: 13px 40px 13px 20px;
  background-color: #DCEAF0;
  color: #231F20;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M11.293 9.14453C11.7246 9.54297 11.7246 10.2402 11.293 10.6387C11.0938 10.8379 10.8281 10.9375 10.5625 10.9375C10.2637 10.9375 9.99805 10.8379 9.79883 10.6387L6.3125 7.15234L2.79297 10.6387C2.59375 10.8379 2.32812 10.9375 2.0625 10.9375C1.76367 10.9375 1.49805 10.8379 1.29883 10.6387C0.867188 10.2402 0.867188 9.54297 1.29883 9.14453L4.78516 5.625L1.29883 2.13867C0.867188 1.74023 0.867188 1.04297 1.29883 0.644531C1.69727 0.212891 2.39453 0.212891 2.79297 0.644531L6.3125 4.13086L9.79883 0.644531C10.1973 0.212891 10.8945 0.212891 11.293 0.644531C11.7246 1.04297 11.7246 1.74023 11.293 2.13867L7.80664 5.6582L11.293 9.14453Z' fill='%23231F20'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.btn.btn-cancel:hover {
  background-color: #c6d2d8;
  transition: background-color 0.3s ease-in-out;
}

.btn.btn-delete {
  padding: 13px 40px 13px 20px;
  background-color: #DC3545;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' viewBox='0 0 15 18' fill='none'%3E%3Cpath d='M14.0781 2.78125C14.5098 2.78125 14.875 3.14648 14.875 3.57812C14.875 4.04297 14.5098 4.375 14.0781 4.375H13.6797L12.8828 15.166C12.7832 16.2949 11.8867 17.125 10.7578 17.125H4.08398C2.95508 17.125 2.05859 16.2949 1.95898 15.166L1.16211 4.375H0.796875C0.332031 4.375 0 4.04297 0 3.57812C0 3.14648 0.332031 2.78125 0.796875 2.78125H3.08789L4.31641 0.955078C4.64844 0.457031 5.24609 0.125 5.87695 0.125H8.96484C9.5957 0.125 10.1934 0.457031 10.5254 0.955078L11.7539 2.78125H14.0781ZM5.87695 1.71875C5.77734 1.71875 5.67773 1.78516 5.64453 1.85156L5.01367 2.78125H9.82812L9.19727 1.85156C9.16406 1.78516 9.06445 1.71875 8.96484 1.71875H5.87695ZM12.0859 4.375H2.75586L3.55273 15.0664C3.58594 15.332 3.81836 15.5312 4.08398 15.5312H10.7578C11.0234 15.5312 11.2559 15.332 11.2891 15.0664L12.0859 4.375Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.btn.btn-delete:hover {
  background-color: #c62f3e;
  transition: background-color 0.3s ease-in-out;
}

.btn.btn-save {
  background: #4AB840;
  color: #fff;
  padding: 13px 48px 13px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M7.4375 7.625C8.59961 7.625 9.5625 8.58789 9.5625 9.75C9.5625 10.9453 8.59961 11.875 7.4375 11.875C6.24219 11.875 5.3125 10.9453 5.3125 9.75C5.3125 8.58789 6.24219 7.625 7.4375 7.625ZM14.377 3.44141C14.6758 3.74023 14.875 4.17188 14.875 4.57031V12.9375C14.875 14.1328 13.9121 15.0625 12.75 15.0625H2.125C0.929688 15.0625 0 14.1328 0 12.9375V2.3125C0 1.15039 0.929688 0.1875 2.125 0.1875H10.4922C10.8906 0.1875 11.3223 0.386719 11.5879 0.652344L14.377 3.44141ZM4.25 1.78125V4.4375H9.03125V1.78125H4.25ZM13.2812 12.9375V4.66992C13.2812 4.60352 13.248 4.57031 13.2148 4.53711L10.625 1.91406V5.23438C10.625 5.69922 10.2598 6.03125 9.82812 6.03125H3.45312C2.98828 6.03125 2.65625 5.69922 2.65625 5.23438V1.78125H2.125C1.82617 1.78125 1.59375 2.04688 1.59375 2.3125V12.9375C1.59375 13.2363 1.82617 13.4688 2.125 13.4688H12.75C13.0156 13.4688 13.2812 13.2363 13.2812 12.9375Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  transition: background-color 0.3s ease-in-out;
}

.btn.btn-save:hover {
  background-color: #3d9635;
  transition: background-color 0.3s ease-in-out;
}

.btn.btn-mark {
  background: #a28585;
  color: #fff;
  padding: 13px 48px 13px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11' fill='none'%3E%3Cpath d='M15.543 0.644531C15.9746 1.04297 15.9746 1.74023 15.543 2.13867L7.04297 10.6387C6.64453 11.0703 5.94727 11.0703 5.54883 10.6387L1.29883 6.38867C0.867188 5.99023 0.867188 5.29297 1.29883 4.89453C1.69727 4.46289 2.39453 4.46289 2.79297 4.89453L6.2793 8.38086L14.0488 0.644531C14.4473 0.212891 15.1445 0.212891 15.543 0.644531Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.btn.btn-mark:hover {
  background-color: #847070;
  transition: background-color 0.3s ease-in-out;
}

.btn.btn-mark-outline {
  border: 1px solid #a28585;
  color: #a28585;
  padding: 12px 20px;
}

.btn.btn-mark-outline:hover {
  background-color: #847070;
  border-color: #847070;
  color: #fff;
  transition: background-color 0.3s ease-in-out;
}

.btn.btn-outline-primary {
  border: 1px solid #257CCE;
  line-height: 20px;
  color: #257CCE;
}

.btn.btn-outline-primary:hover {
  background-color: #257CCE;
  color: #fff;
}

.btn.btn-sm-delete {
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Crect x='1' y='1' width='40' height='40' rx='5' stroke='%23DC3545' stroke-width='2'/%3E%3Cpath d='M27.1387 25.3809C27.6465 25.8496 27.6465 26.6699 27.1387 27.1387C26.9043 27.373 26.5918 27.4902 26.2793 27.4902C25.9277 27.4902 25.6152 27.373 25.3809 27.1387L21.2793 23.0371L17.1387 27.1387C16.9043 27.373 16.5918 27.4902 16.2793 27.4902C15.9277 27.4902 15.6152 27.373 15.3809 27.1387C14.873 26.6699 14.873 25.8496 15.3809 25.3809L19.4824 21.2402L15.3809 17.1387C14.873 16.6699 14.873 15.8496 15.3809 15.3809C15.8496 14.873 16.6699 14.873 17.1387 15.3809L21.2793 19.4824L25.3809 15.3809C25.8496 14.873 26.6699 14.873 27.1387 15.3809C27.6465 15.8496 27.6465 16.6699 27.1387 17.1387L23.0371 21.2793L27.1387 25.3809Z' fill='%23DC3545'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.btn.btn-sm-delete:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='%23DC3545'%3E%3Crect x='1' y='1' width='40' height='40' rx='5' stroke='%23DC3545' stroke-width='2'/%3E%3Cpath d='M27.1387 25.3809C27.6465 25.8496 27.6465 26.6699 27.1387 27.1387C26.9043 27.373 26.5918 27.4902 26.2793 27.4902C25.9277 27.4902 25.6152 27.373 25.3809 27.1387L21.2793 23.0371L17.1387 27.1387C16.9043 27.373 16.5918 27.4902 16.2793 27.4902C15.9277 27.4902 15.6152 27.373 15.3809 27.1387C14.873 26.6699 14.873 25.8496 15.3809 25.3809L19.4824 21.2402L15.3809 17.1387C14.873 16.6699 14.873 15.8496 15.3809 15.3809C15.8496 14.873 16.6699 14.873 17.1387 15.3809L21.2793 19.4824L25.3809 15.3809C25.8496 14.873 26.6699 14.873 27.1387 15.3809C27.6465 15.8496 27.6465 16.6699 27.1387 17.1387L23.0371 21.2793L27.1387 25.3809Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.btn.btn-outline-warning {
  border: 1px solid #E09C16;
  line-height: 20px;
}

.btn.btn-link {
  color: #257CCE;
  text-decoration: underline;
}

.btn.btn-link:hover {
  text-decoration: none;
}

.btn.btn-link.btn-link-packing {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15' fill='none'%3E%3Cpath d='M0.53125 2.3125C0.53125 1.44922 1.22852 0.71875 2.125 0.71875C2.98828 0.71875 3.71875 1.44922 3.71875 2.3125C3.71875 3.20898 2.98828 3.90625 2.125 3.90625C1.22852 3.90625 0.53125 3.20898 0.53125 2.3125ZM15.9375 1.25C16.502 1.25 17 1.74805 17 2.3125C17 2.91016 16.502 3.375 15.9375 3.375H6.375C5.77734 3.375 5.3125 2.91016 5.3125 2.3125C5.3125 1.74805 5.77734 1.25 6.375 1.25H15.9375ZM15.9375 6.5625C16.502 6.5625 17 7.06055 17 7.625C17 8.22266 16.502 8.6875 15.9375 8.6875H6.375C5.77734 8.6875 5.3125 8.22266 5.3125 7.625C5.3125 7.06055 5.77734 6.5625 6.375 6.5625H15.9375ZM15.9375 11.875C16.502 11.875 17 12.373 17 12.9375C17 13.5352 16.502 14 15.9375 14H6.375C5.77734 14 5.3125 13.5352 5.3125 12.9375C5.3125 12.373 5.77734 11.875 6.375 11.875H15.9375ZM0.53125 12.9375C0.53125 12.0742 1.22852 11.3438 2.125 11.3438C2.98828 11.3438 3.71875 12.0742 3.71875 12.9375C3.71875 13.834 2.98828 14.5312 2.125 14.5312C1.22852 14.5312 0.53125 13.834 0.53125 12.9375ZM3.71875 7.625C3.71875 8.52148 2.98828 9.21875 2.125 9.21875C1.22852 9.21875 0.53125 8.52148 0.53125 7.625C0.53125 6.76172 1.22852 6.03125 2.125 6.03125C2.98828 6.03125 3.71875 6.76172 3.71875 7.625Z' fill='%23257CCE'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 24px;
}

.btn.btn-link.btn-link-barcode {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-barcode' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2,6H4V18H2V6M5,6H6V18H5V6M7,6H10V18H7V6M11,6H12V18H11V6M14,6H16V18H14V6M17,6H20V18H17V6M21,6H22V18H21V6Z' fill='%23257CCE' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}

.btn.btn-print {
  background-color: #FEF4E1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M17.5 8C18.8672 8 20 9.13281 20 10.5V14.25C20 14.9531 19.4141 15.5 18.75 15.5H17.5V19.25C17.5 19.9531 16.9141 20.5 16.25 20.5H3.75C3.04688 20.5 2.5 19.9531 2.5 19.25V15.5H1.25C0.546875 15.5 0 14.9531 0 14.25V10.5C0 9.13281 1.09375 8 2.5 8H17.5ZM15 18V14.25H5V18H15ZM16.875 12.0625C17.3828 12.0625 17.8125 11.6719 17.8125 11.125C17.8125 10.6172 17.3828 10.1875 16.875 10.1875C16.3281 10.1875 15.9375 10.6172 15.9375 11.125C15.9375 11.6719 16.3281 12.0625 16.875 12.0625ZM5 3V6.75H2.5V1.75C2.5 1.08594 3.04688 0.5 3.75 0.5H14.4531C14.8047 0.5 15.1172 0.65625 15.3516 0.890625L17.1094 2.64844C17.3438 2.88281 17.5 3.19531 17.5 3.54688V6.75H15V4.05469L13.9453 3H5Z' fill='%23E09C16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding: 18px 55px 18px 24px;
  color: #E09C16;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  border-radius: 5px;
  border: 3px solid #E09C16;
}

.btn.btn-print:hover {
  background-color: #e4dbca;
}

.to,
.from {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='379' height='107' viewBox='0 0 379 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.01'%3E%3Cpath d='M0 103.093C16.8107 100.737 16.9381 96.3437 17.3838 81.3159V29.7375C16.9381 14.6461 16.8107 10.2524 0 7.96V5.79498H47.121V7.96C30.3103 10.3161 29.7372 14.7098 29.7372 29.7375V77.75C29.7372 85.0729 29.7372 92.8414 31.8385 99.8459L40.7533 101.183C62.0851 102.775 65.5873 95.8979 76.3488 77.1769L78.1954 78.0684L70.2358 105.258H0V103.03V103.093Z' fill='black'/%3E%3Cpath d='M113.345 81.0608C113.791 96.1522 113.918 100.482 130.729 102.838V105.003H83.6078V102.838C100.419 100.482 100.546 96.0886 100.992 81.0608V29.5461C100.546 14.4546 100.419 10.0609 83.6078 7.76856V5.60355H130.729V7.76856C113.918 10.1246 113.791 14.5183 113.345 29.5461V81.0608Z' fill='black'/%3E%3Cpath d='M198.481 31.329H196.189C193.897 19.485 190.14 8.08686 175.876 8.08686C166.643 8.08686 159.002 14.5182 159.002 24.1971C159.002 49.4769 204.467 48.6491 204.467 78.1952C204.467 97.0436 186.001 106.85 169.445 106.85C160.657 106.85 151.424 104.239 144.038 99.3997L139.835 74.502H142.446C146.075 88.5746 155.69 102.456 171.61 102.456C182.307 102.456 190.649 96.0248 190.649 84.6266C190.649 58.5827 146.521 60.9388 146.521 31.6474C146.521 14.5182 163.268 3.69315 178.678 3.69315C186.001 3.69315 193.387 5.85816 199.755 9.42408L198.609 31.3926L198.481 31.329Z' fill='black'/%3E%3Cpath d='M296.799 35.7225H294.825C292.341 19.1665 283.745 7.32259 268.08 7.32259C244.201 7.32259 230.766 29.2912 230.766 54.4436C230.766 83.2892 250.442 102.074 269.418 102.074C286.483 102.074 293.296 89.2749 299.155 73.483L301.001 74.3745C299.409 83.2892 296.99 92.0767 293.806 100.546C285.464 105.067 276.486 105.576 267.189 105.576C239.935 105.576 215.674 89.2749 215.674 56.1628C215.674 30.1189 233.822 3.75668 268.271 3.75668C278.205 3.75668 288.266 5.98538 296.862 11.6526V35.6588L296.799 35.7225Z' fill='black'/%3E%3Cpath d='M322.524 18.5937L306.923 62.2761H338.507L322.461 18.5937H322.524ZM305.077 68.8985C305.077 68.8985 298.454 87.3648 298.454 92.9684C298.454 101.883 308.133 101.883 314.437 102.902V105.067H276.04V102.902C288.521 99.3998 289.794 96.4706 294.124 85.0725L309.98 41.8995L318.385 18.0206C319.659 14.2 321.442 10.6977 319.913 7.89595C323.67 6.30402 327.173 3.62959 330.165 0L360.985 85.7729C364.742 96.4706 367.162 100.673 378.369 102.902V105.067H337.17V102.902C342.073 101.756 347.931 100.1 347.931 93.5415C347.931 88.4473 340.991 68.8985 340.991 68.8985H305.14H305.077Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  padding: 20px 40px;
  position: relative;
}

@media (max-width: 1199px) {
  .to,
.from {
    padding: 30px;
  }
}

.to h5,
.from h5 {
  color: #257CCE;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.to p,
.from p {
  margin-bottom: 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.to h6,
.from h6 {
  color: #DCEAF0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 8px;
}

.to h4,
.from h4 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}

.from {
  border-left: 4px #257CCE solid;
  margin-bottom: 48px;
}

.from::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M72.5 40C72.5 22.1875 57.8125 7.5 39.8438 7.5C37.8125 7.5 36.0938 5.9375 36.0938 3.75C36.0938 1.71875 37.8125 0 39.8438 0C62.0312 0 80 17.9688 80 40C80 62.1875 62.0312 80 39.8438 80C37.8125 80 36.0938 78.4375 36.0938 76.25C36.0938 74.2188 37.8125 72.5 39.8438 72.5C57.8125 72.5 72.5 57.9688 72.5 40ZM53.75 37.3438C54.5312 37.9688 55 39.0625 55 40C55 41.0938 54.5312 42.0312 53.75 42.8125L36.25 59.0625C34.6875 60.4688 32.3438 60.3125 30.9375 58.9062C29.5312 57.3438 29.5312 55 31.0938 53.5938L41.5625 43.75H3.75C1.5625 43.75 0 42.1875 0 40C0 37.9688 1.5625 36.25 3.75 36.25H41.5625L31.0938 26.5625C29.5312 25.1562 29.5312 22.8125 30.9375 21.25C32.3438 19.6875 34.6875 19.6875 36.25 21.0938L53.75 37.3438Z' fill='%23DCEAF0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.to {
  border-right: 4px #257CCE solid;
}

.to::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
  height: 80px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cpath d='M7.5 40C7.5 22.1875 22.1875 7.5 40.1562 7.5C42.1875 7.5 43.9062 5.9375 43.9062 3.75C43.9062 1.71875 42.1875 0 40.1562 0C17.9688 0 0 17.9688 0 40C0 62.1875 17.9688 80 40.1562 80C42.1875 80 43.9062 78.4375 43.9062 76.25C43.9062 74.2188 42.1875 72.5 40.1562 72.5C22.1875 72.5 7.5 57.9688 7.5 40ZM26.25 37.3438C25.4688 37.9688 25 39.0625 25 40C25 41.0938 25.4688 42.0312 26.25 42.8125L43.75 59.0625C45.3125 60.4688 47.6562 60.3125 49.0625 58.9062C50.4688 57.3438 50.4688 55 48.9062 53.5938L38.4375 43.75H76.25C78.4375 43.75 80 42.1875 80 40C80 37.9688 78.4375 36.25 76.25 36.25H38.4375L48.9062 26.5625C50.4688 25.1562 50.4688 22.8125 49.0625 21.25C47.6562 19.6875 45.3125 19.6875 43.75 21.0938L26.25 37.3438Z' fill='%23DCEAF0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.overview {
  padding: 30px 40px;
  border-radius: 5px;
  background: #DCEAF0;
}

.overview h2 {
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 28px;
}

.overview table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0;
}

.overview table tr td {
  border-bottom: 1px #B7D4E9 solid;
  width: 50%;
  padding: 10px 0;
  font-size: 17px;
  position: relative;
}

.overview table tr td:first-child {
  font-weight: bold;
  font-family: Roboto;
  font-size: 18px;
}

.overview table tr td::after {
  display: none;
}

.overview table tr:last-child td {
  border-bottom: 0;
}

table .btn {
  padding: 6px 12px;
  font-family: 'Roboto Condensed', sans-serif;
  white-space: nowrap;
}

table tr td {
  position: relative;
}

table tr td[rowspan]::after {
  display: none;
}

table tr td::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 20px;
  width: 1px;
  background-color: #DBDBDB;
}

table tr td:last-child::after {
  display: none;
}

table .badge {
  border-radius: 4px;
  color: #FFF;
  font-family: Roboto Condensed;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

table .badge.bg-info {
  background-color: #257CCE !important;
}

@media (max-width: 768px) {
  .text-md-end .btn {
    margin-bottom: 10px;
  }
}

.text-md-end .btn:last-child {
  margin-right: 0 !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-1 {
  margin-left: 15px !important;
}

.notes {
  display: block;
  height: 100%;
  padding: 17px 40px;
  border-radius: 10px;
  background: #EDEDED;
}

@media (max-width: 768px) {
  .notes {
    padding: 17px;
  }
}

.notes h5 {
  color: #257CCE;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.modal .modal-header {
  border: 0;
  padding: 40px 50px;
}

@media (max-width: 768px) {
  .modal .modal-header {
    padding: 40px 20px;
  }
}

.modal .modal-body {
  padding: 0 50px;
}

@media (max-width: 768px) {
  .modal .modal-body {
    padding: 0 20px;
  }
}

.modal .modal-title {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.modal .modal-footer {
  border: 0;
  padding: 40px 50px;
  flex-wrap: nowrap;
}

@media (max-width: 768px) {
  .modal .modal-footer {
    padding: 40px 20px;
  }
}

.modal .modal-footer .btn {
  margin: 0;
}

.alert {
  margin: 20px 0;
  padding: 17px 40px;
}

@media (max-width: 768px) {
  .alert {
    padding: 17px;
  }
}

.alert.alert-box {
  display: block;
  height: 100%;
  padding: 17px 40px;
  border-radius: 10px;
  margin: 0;
}

@media (max-width: 768px) {
  .alert.alert-box {
    padding: 17px;
  }
}

.labels {
  background: #F8F8F8;
  padding: 66px 0 0;
}

@media (max-width: 768px) {
  .labels {
    padding: 40px 0 0;
  }
}

.labels-footer {
  padding-top: 40px;
  background: #F4F4F4;
}

.barcodes {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.barcodes p {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 15px 25px;
}

.barcodes .card-text {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.barcodes .card-text.barcode .barcode {
  font-size: 58px;
  transform: scale(1, 1.4);
  line-height: 35px;
  font-family: 'Libre Barcode 128', cursive;
  white-space: nowrap;
  margin-top: 50px;
  font-weight: normal;
}

@media (max-width: 1399px) {
  .barcodes .card-text.barcode .barcode {
    font-size: 55px;
  }
}

@media (max-width: 1199px) {
  .barcodes .card-text.barcode .barcode {
    font-size: 48px;
  }
}

@media (max-width: 560px) {
  .barcodes .card-text.barcode .barcode {
    font-size: 36px;
  }
}

.card-barcode {
  padding: 0;
  margin-bottom: 20px;
}

.card-barcode-body {
  padding: 40px;
}

.card-barcode-body .lisca-logo {
  width: 140px;
  margin-bottom: 30px;
  display: none;
}

.card-barcode-body .lisca-logo-number {
  display: none;
  font-size: 30px;
}

@media (max-width: 768px) {
  .card-barcode-body {
    padding: 20px;
  }
}

.card-barcode-body h5 {
  border-radius: 5px;
  background: #B7D4E9;
  padding: 0 22px;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card-barcode-body ul {
  border: 0;
  padding: 0;
  margin: 0;
}

.card-barcode-body ul li {
  list-style: none;
  border-bottom: 1px solid #B7D4E9;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card-barcode-body ul li span {
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
}

.barcodes {
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
}

.barcode-nmr {
  font-size: 17px;
  background: #FFF;
  text-align: center;
  position: relative;
  top: -10px;
}

.print-select {
  background-color: #F4F4F4;
  padding: 15px;
  margin: 0 15px;
  border-radius: 5px;
}

.print-select select {
  padding: 0 20px;
  cursor: pointer;
  width: 300px;
}

.mr-4 {
  margin-right: 20px;
  font-weight: bold;
}

.ship-btns button {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .ship-btns button {
    margin-top: 0;
  }
}

.print-only {
  display: none;
}

.no-bot {
  margin-bottom: 0 !important;
}

.sticky {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  background-color: rgba(197, 221, 255, 0.9);
}

.sticky .row {
  padding: 10px;
}

.print-comment {
  display: none;
}

@media print {
  body {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0.2cm;
    margin-right: 0.2cm;
    background-color: transparent !important;
    padding: 0 !important;
  }
  .print-only {
    display: block !important;
  }
  .no-print {
    display: none !important;
  }
  .print-break {
    page-break-before: always;
  }
  table tr {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @page {
    size: A4;
    margin: 0.5cm 0.2cm;
    margin-bottom: 2cm;
  }
  header {
    display: none;
  }
  .top-container {
    padding: 0;
  }
  .to,
.from {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .to h6,
.from h6 {
    color: #272529;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0;
  }
  .to h5,
.from h5 {
    margin: 0;
    padding: 0;
  }
  .to p,
.from p {
    margin: 0;
    padding: 0;
    line-height: 20px;
  }
  .mb-40 {
    margin-bottom: 0 !important;
  }
  .from {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 15px;
  }
  .to {
    padding-top: 15px;
  }
  .container {
    max-width: 100% !important;
  }
  .navbar-light {
    display: none !important;
  }
  .overview {
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    background: none;
    padding: 15px;
    margin-bottom: 30px;
  }
  .overview h2 {
    display: none;
  }
  .overview table tr td {
    padding: 3px 0;
    border: 0;
    font-size: 14px !important;
  }
  .overview table tr td:first-child {
    font-family: 'Roboto Condensed', sans-serif;
    width: 50%;
  }
  h3 {
    font-size: 20px;
  }
  .alert.alert-box {
    padding: 15px;
  }
  .notes {
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    padding: 15px;
  }
  .mb-10 {
    margin-bottom: 30px !important;
  }
  .packlist table {
    font-size: 11px !important;
  }
  .packlist table th {
    color: #000 !important;
    white-space: wrap !important;
  }
  .packlist table td {
    white-space: nowrap !important;
  }
  .packlist table td:last-child {
    white-space: wrap !important;
  }
  .packlist table.table-sc th {
    padding: 2px 5px !important;
    font-size: 11px !important;
    line-height: 12px !important;
    color: #257CCE !important;
  }
  .packlist table.table-sc th:first-child {
    padding-left: 5px !important;
  }
  .packlist table.table-sc td {
    padding: 0 5px !important;
  }
  .packlist table.table-sc td:first-child {
    padding-left: 5px !important;
  }
  .packlist table.table-sc tbody tr td {
    font-size: 11px !important;
    line-height: 12px !important;
  }
  .packlist table.table-sc tbody tr.total td.first-total {
    font-size: 14px !important;
  }
  .packlist h5 {
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 0 !important;
  }
  .packlist h6,
.packlist p {
    font-size: 12px !important;
    margin: 0 !important;
  }
  .packlist .p-4 {
    padding: 0 0 30px !important;
  }
  .packlist .bg-success td {
    color: #000 !important;
    font-weight: bold !important;
  }
  .packlist h2 {
    font-size: 20px !important;
    margin: 20px 0 !important;
  }
  .packlist .mt-5 {
    margin-top: 0 !important;
  }
  .packlist .table-white {
    padding: 0;
  }
  .labels {
    padding: 0 !important;
    background: none !important;
  }
  .labels .page-break,
.labels .print-select,
.labels h3 {
    display: none !important;
  }
  .labels .mb-5,
.labels .mb-2 {
    margin-bottom: 0 !important;
  }
  .labels .col-lg-6 {
    page-break-after: always;
  }
  .labels .col-lg-6:last-child {
    page-break-after: auto;
  }
  .labels-footer {
    display: none !important;
    padding: 0 !important;
  }
  .card-barcode {
    border: 2px solid #000 !important;
    border-radius: 5px !important;
    width: 100% !important;
    margin: 0.3cm 0 0 !important;
  }
  .card-barcode .col-12 {
    flex: 0 0 auto !important;
    width: 50% !important;
  }
  .card-title {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .card-barcode-body .lisca-logo {
    display: block !important;
  }
  .card-barcode-body .lisca-logo-number {
    display: block !important;
    position: absolute;
    right: 40px;
    top: 20px;
    font-weight: bold;
  }
  .barcodes,
.barcode-nmr {
    background: none !important;
  }
  .print-a5 .container, .print-a5 .container-fluid, .print-a5 .container-lg, .print-a5 .container-md, .print-a5 .container-sm, .print-a5 .container-xl, .print-a5 .container-xxl {
    padding: 0 !important;
    margin: 0 !important;
  }
  .print-a5 .card {
    border: 0 !important;
    width: 100% !important;
  }
  .print-a5 .card .card-text {
    line-height: 26px !important;
  }
  .print-a5 .card .card-text.barcode .barcode {
    font-size: 80px !important;
  }
  .print-a5 .card .card-text .barcode-nmr {
    font-size: 24px !important;
    margin-top: 10px !important;
  }
  .print-a5 .card-barcode-body .lisca-logo {
    width: 200px;
    margin-bottom: 20px !important;
  }
  .print-a5 .card-barcode-body h5 {
    background-color: transparent !important;
    border: 1px solid #000 !important;
    font-size: 20px !important;
  }
  .print-a5 .card-barcode-body ul li {
    border-color: #000 !important;
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .print-a5 .card-barcode-body ul li span {
    font-size: 24px !important;
  }
  .print-14x10 .card {
    border: 0 !important;
  }
  .print-14x10 .card-barcode-body {
    padding: 10px;
  }
  .print-14x10 .card-barcode-body h5 {
    line-height: 30px !important;
    font-size: 12px !important;
    background-color: transparent !important;
    border: 1px solid #000 !important;
  }
  .print-14x10 .card-barcode-body .lisca-logo {
    width: 100px;
    margin-bottom: 10px !important;
  }
  .print-14x10 .card-barcode-body ul li {
    border-color: #000 !important;
  }
  .print-14x10 .card-barcode-body ul li span {
    font-size: 12px !important;
    line-height: 30px !important;
  }
  .print-6-5x4-5 .container, .print-6-5x4-5 .container-fluid, .print-6-5x4-5 .container-lg, .print-6-5x4-5 .container-md, .print-6-5x4-5 .container-sm, .print-6-5x4-5 .container-xl, .print-6-5x4-5 .container-xxl {
    padding: 0 !important;
    margin: 0 !important;
  }
  .print-6-5x4-5 .card {
    border: 0 !important;
  }
  .print-6-5x4-5 .card .card-text {
    line-height: 26px !important;
  }
  .print-6-5x4-5 .card .card-text .barcode-nmr {
    font-size: 14px !important;
    margin-top: 2px !important;
  }
  .print-6-5x4-5 .card-barcode-body {
    padding: 0 !important;
  }
  .print-6-5x4-5 .card-barcode-body h5 {
    display: block !important;
    line-height: 16px !important;
    font-size: 13px !important;
    background-color: transparent !important;
    border: 0 !important;
    margin-bottom: 5px !important;
    position: absolute;
    top: 0;
    right: 5px;
    padding: 0 5px 0 15px;
    width: calc(100% - 60px);
  }
  .print-6-5x4-5 .card-barcode-body .lisca-logo {
    width: 60px;
    margin-bottom: 0 !important;
  }
  .print-6-5x4-5 .card-barcode-body ul li {
    border-color: #000 !important;
    font-size: 12px !important;
    padding: 0 3px 0 0 !important;
    font-weight: bold !important;
  }
  .print-6-5x4-5 .card-barcode-body ul li span {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  .print-6-5x4-5 .barcodes {
    padding-top: 6px !important;
  }
  .print-6-5x4-5 .barcodes .card-text {
    margin-bottom: 0 !important;
  }
  .print-6-5x4-5 .barcodes .card-text.barcode .barcode {
    font-size: 34px !important;
    line-height: 11px !important;
    margin-top: 10px !important;
    transform: unset !important;
  }
  .print-comment {
    display: none !important;
  }
}