/****Color Code Declaration Start****/
/****  Color Code Declaration End ****/
/****Font-family Code Declaration Start****/
/****Font-family Code Declaration End****/
/*new color var for tge */
.sd-header-lft, .sd-header-rgt {
  padding: 20px 0;
  margin: 0px 0;
}

.top-rgt-dtls-wrapr {
  clear: both;
}
.top-rgt-dtls-wrapr .refNum .txt-style, .top-rgt-dtls-wrapr .date .txt-style {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  color: #143200;
}

.ref-num {
  padding-bottom: 30px;
}
.ref-num .txt-style {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.4px;
  text-align: left;
  color: #143200;
}

.shipementDetailFormWrapper {
  font-family: "Century Gothic", sans-serif;
}

#icon-sets {
  width: 100%;
  margin: 20px 0 10px;
}

#shipment-dtls-toggler.ico-accordian-down:after, .location-n-toggler .ico-accordian-down:after {
  content: "\e81a";
  font-family: "myteamge";
}
#shipment-dtls-toggler.ico-accordian-down:before, .location-n-toggler .ico-accordian-down:before {
  content: "MORE INFO";
  font-family: "Century Gothic", sans-serif;
  width: 85px;
}

#shipment-dtls-toggler.ico-accordian-up:after, .location-n-toggler .ico-accordian-up:after {
  content: "\e819";
  font-family: "myteamge";
}
#shipment-dtls-toggler.ico-accordian-up:before, .location-n-toggler .ico-accordian-up:before {
  content: "LESS INFO";
  font-family: "Century Gothic", sans-serif;
  width: 85px;
}

.location-n-toggler .acdn-toggler.ico-accordian-down:before {
  width: 90px;
  content: "VIEW MORE";
}

.location-n-toggler .acdn-toggler.ico-accordian-up:before {
  content: "VIEW LESS";
  width: 90px;
}

/* grid view for freight and routing details.*/
span.star {
  font-weight: normal !important;
  color: #143200;
}

span.star.current {
  font-weight: normal !important;
}

td.first-header {
  color: #143200;
}

.starText {
  font-size: 14px;
  width: 100%;
}

.smart-grid {
  position: relative;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
}

.scrolable-part {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

.captcha-wrapper {
  padding: 15px 0 30px 0;
}

.receiver-add-float-rt {
  float: right !important;
}

/* 
    Pod image viewer css 
*/
.document-list .pod-image-wrapper {
  display: none;
}

#podPopupOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background-color: #444;
  opacity: 0.8;
  filter: alpha(opacity=20);
}

.fixed-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 12;
}

/*.pod-img-section{
    overflow-y: auto;
    -webkit-overflow-scrolling:touch;
}
*/
#pod-container table.grid-view td:first-child {
  width: 75%;
}
#pod-container .view-text, #pod-container .download-text {
  /* font-family: "MetaWebLight","HelveticaNeueLight"; */
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 15px;
  margin-top: 9px;
  margin-left: 10px;
  text-align: center;
}

.sub-wrapper-for-bg {
  display: table;
  width: 100%;
}

.hidden-def {
  display: none;
}

.smart-grid .header-row {
  background-color: #2B3438;
  /* font-family      : "HelveticaNeue"; */
}

.grid-caption {
  height: 60px;
  padding: 15px 15px;
  background-color: #D5E0DF;
  color: #2B3438;
  border-bottom: 1px solid #A6BAB7;
  font-weight: bold;
}

.smart-grid .sub-grid-header, .smart-grid .header-row.sub-grid-header {
  background-color: #D5E0DF;
  color: #2B3438;
  font-weight: bold;
}

.header-row.sub-grid-header .g-cell {
  color: #2B3438;
}

.sub-grid-data-row {
  background-color: #eef2f1;
  color: #2B3438;
}

.sub-grid {
  background-color: #eef2f1;
}

.g-row:before, .g-row:after, .g-cell:before, .g-cell:after {
  content: " ";
  display: table;
  line-height: 0;
}

.g-row:after, .g-cell:after {
  clear: both;
}

.master-row {
  display: table;
  width: 100%;
}

.header-row-wrapper {
  display: table;
  width: 100%;
  background-color: #2B3438;
}

.g-row {
  display: table;
  padding-right: 70px;
}

.g-cell {
  display: inline-block;
  vertical-align: top;
  min-width: 140px;
  max-width: 140px;
  color: #666;
  padding: 10px 15px;
}

.parent-row-g-cells .g-cell:first-child {
  color: #143200;
}

.g-cell.bigger-cells {
  min-width: 180px;
  max-width: 180px;
}

.g-cell.medium-cells {
  min-width: 140px;
  max-width: 140px;
}

.g-cell.only-mob {
  display: none;
}

.cell-data {
  display: block;
  vertical-align: middle;
  text-align: left;
  height: 40px;
  max-height: 40px;
  overflow: hidden;
  font-size: 12px;
}

.g-cell.last-static-cell {
  position: absolute;
  overflow: hidden;
  right: 0;
  width: 70px;
  height: 59px;
  min-width: 70px;
  max-width: 70px;
  background-color: #ffffff;
  z-index: 2;
  padding: 10px 5px;
  border-top: 1px solid #cecece;
}

.g-cell.last-static-cell.single-level {
  display: none;
  border-top: 0px;
}

.header-row .g-cell.last-static-cell {
  background-color: #2B3438;
  color: #ffffff;
  border-top: 0px;
}

.last-static-cell .icons {
  width: 60px;
  position: relative;
  height: 40px;
}

.dangerous-goods {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 20px;
  color: #ff9800;
  font-size: 14px;
}

.sprite2.dangerous-goods {
  background-position: -4px -1758px;
}

.grid-toggler {
  display: block;
  width: 45px;
  height: 45px;
  right: 0px;
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  text-indent: -5px;
  color: #143200;
  text-align: center;
}

.sprite2.grid-toggler {
  background-position: 19px -1680px;
}

.sprite2.grid-toggler.closed {
  background-position: 19px -1617px;
}

.sub-par-row {
  cursor: pointer;
  background-color: #fff;
  color: #143200;
}

a.subgrid-toggler {
  display: block;
  width: 20px;
  height: 30px;
  float: left;
  color: #BDBDBD;
  text-indent: -5px;
  font-size: 10px;
}

.sprite2.subgrid-toggler.closed {
  background-position: -7px -1623px;
}

.sprite2.subgrid-toggler {
  background-position: -272px -1687px;
}

.grid-toggler.only-mob {
  display: none;
}

.col-n-m {
  display: none;
}

.mob-cell-toggler {
  display: none;
  width: 50px;
  height: 60px;
}

.header-row .g-cell {
  vertical-align: top;
  height: 60px;
  color: #ffffff;
}

.dummy-height-cell {
  display: block;
  position: absolute;
  width: 70px;
  right: 0;
  background-color: #ffffff;
  height: 100%;
  height: calc(100% - 18px);
  top: 0;
  z-index: 1;
}

.ico-wrapper {
  padding: 5px 0;
  font-size: 30px;
  width: 60px;
  text-align: center;
}
.ico-wrapper .ico-share {
  color: #143200;
}

#share-form-body, #watch-form-body {
  border-bottom: 5px solid #143200 !important;
  padding: 40px 50px;
}
#share-form-body .font-weight-100, #watch-form-body .font-weight-100 {
  font-weight: 100;
}
#share-form-body .ico-wrapper, #watch-form-body .ico-wrapper {
  width: 100%;
  text-align: left;
}
#share-form-body .message-wrapper, #watch-form-body .message-wrapper {
  line-height: 24px;
  width: 100%;
  margin-left: 6px;
}
#share-form-body .message-wrapper h3, #watch-form-body .message-wrapper h3 {
  font-size: 20px;
  line-height: 24px;
  font-family: "MovementSansRegular", Georgia !important;
  font-weight: normal;
}
#share-form-body .message-wrapper #share-form-area h3, #watch-form-body .message-wrapper #share-form-area h3 {
  font-size: 14px;
  font-family: "Century Gothic", sans-serif !important;
  font-weight: bold;
}
#share-form-body .message-wrapper #share-form-area .add-remv-actn span, #watch-form-body .message-wrapper #share-form-area .add-remv-actn span {
  width: 30px;
  height: 15px;
  font-size: 12px;
  color: #143200;
  text-align: center;
  text-decoration: none;
}
#share-form-body .message-wrapper .input-label-grp, #share-form-body .message-wrapper .textarea-label-grp, #watch-form-body .message-wrapper .input-label-grp, #watch-form-body .message-wrapper .textarea-label-grp {
  margin-bottom: 10px;
}
#share-form-body .message-wrapper .input-label-grp input[type=text], #share-form-body .message-wrapper .input-label-grp input[type=email], #share-form-body .message-wrapper .input-label-grp textarea, #share-form-body .message-wrapper .textarea-label-grp input[type=text], #share-form-body .message-wrapper .textarea-label-grp input[type=email], #share-form-body .message-wrapper .textarea-label-grp textarea, #watch-form-body .message-wrapper .input-label-grp input[type=text], #watch-form-body .message-wrapper .input-label-grp input[type=email], #watch-form-body .message-wrapper .input-label-grp textarea, #watch-form-body .message-wrapper .textarea-label-grp input[type=text], #watch-form-body .message-wrapper .textarea-label-grp input[type=email], #watch-form-body .message-wrapper .textarea-label-grp textarea {
  height: 45px;
  background-color: rgba(238, 234, 217, 0.4);
  border: 1px solid rgba(20, 50, 0, 0.1) !important;
  border-radius: 3px;
  padding: 15px 25px;
  border: 0;
  width: 100%;
  display: block;
}
#share-form-body .message-wrapper .input-label-grp input[type=text]:focus, #share-form-body .message-wrapper .input-label-grp input[type=email]:focus, #share-form-body .message-wrapper .input-label-grp textarea:focus, #share-form-body .message-wrapper .textarea-label-grp input[type=text]:focus, #share-form-body .message-wrapper .textarea-label-grp input[type=email]:focus, #share-form-body .message-wrapper .textarea-label-grp textarea:focus, #watch-form-body .message-wrapper .input-label-grp input[type=text]:focus, #watch-form-body .message-wrapper .input-label-grp input[type=email]:focus, #watch-form-body .message-wrapper .input-label-grp textarea:focus, #watch-form-body .message-wrapper .textarea-label-grp input[type=text]:focus, #watch-form-body .message-wrapper .textarea-label-grp input[type=email]:focus, #watch-form-body .message-wrapper .textarea-label-grp textarea:focus {
  border: 0;
  background-color: #ffffff;
  border-radius: 0;
}
#share-form-body .message-wrapper .input-label-grp textarea, #share-form-body .message-wrapper .textarea-label-grp textarea, #watch-form-body .message-wrapper .input-label-grp textarea, #watch-form-body .message-wrapper .textarea-label-grp textarea {
  overflow: hidden;
  resize: none;
  word-wrap: break-word;
  height: auto;
}
#share-form-body .message-wrapper .input-label-grp .error-msg, #share-form-body .message-wrapper .textarea-label-grp .error-msg, #watch-form-body .message-wrapper .input-label-grp .error-msg, #watch-form-body .message-wrapper .textarea-label-grp .error-msg {
  display: none;
}
#share-form-body .message-wrapper .input-label-grp .syntex-error-msg, #share-form-body .message-wrapper .textarea-label-grp .syntex-error-msg, #watch-form-body .message-wrapper .input-label-grp .syntex-error-msg, #watch-form-body .message-wrapper .textarea-label-grp .syntex-error-msg {
  display: none;
}
#share-form-body .message-wrapper .input-label-grp.error input, #share-form-body .message-wrapper .textarea-label-grp.error input, #watch-form-body .message-wrapper .input-label-grp.error input, #watch-form-body .message-wrapper .textarea-label-grp.error input {
  background-color: #fadfdc;
  border: solid 2px rgba(222, 40, 23, 0.31);
  border-left: solid 3px #de2817;
}
#share-form-body .message-wrapper .input-label-grp.error .error-msg, #share-form-body .message-wrapper .textarea-label-grp.error .error-msg, #watch-form-body .message-wrapper .input-label-grp.error .error-msg, #watch-form-body .message-wrapper .textarea-label-grp.error .error-msg {
  color: #de2817;
  padding-bottom: 10px;
  display: block;
  -webkit-transition: padding 300ms ease-out;
  -moz-transition: margin 300ms ease-out;
  -o-transition: margin 300ms ease-out;
}
#share-form-body .message-wrapper .input-label-grp.syntex-error textarea, #share-form-body .message-wrapper .textarea-label-grp.syntex-error textarea, #watch-form-body .message-wrapper .input-label-grp.syntex-error textarea, #watch-form-body .message-wrapper .textarea-label-grp.syntex-error textarea {
  background-color: #fadfdc;
  border: solid 2px rgba(222, 40, 23, 0.31);
  border-left: solid 3px #de2817;
}
#share-form-body .message-wrapper .input-label-grp.syntex-error .syntex-error-msg, #share-form-body .message-wrapper .textarea-label-grp.syntex-error .syntex-error-msg, #watch-form-body .message-wrapper .input-label-grp.syntex-error .syntex-error-msg, #watch-form-body .message-wrapper .textarea-label-grp.syntex-error .syntex-error-msg {
  color: #de2817;
  padding-bottom: 10px;
  display: block;
  -webkit-transition: padding 300ms ease-out;
  -moz-transition: margin 300ms ease-out;
  -o-transition: margin 300ms ease-out;
}
#share-form-body .message-wrapper .input-label-grp .email-addr, #share-form-body .message-wrapper .textarea-label-grp .email-addr, #watch-form-body .message-wrapper .input-label-grp .email-addr, #watch-form-body .message-wrapper .textarea-label-grp .email-addr {
  padding: 10px 5px 10px 25px;
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: 0.5px;
  height: 40px;
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
}
#share-form-body .message-wrapper button.smart-btn, #watch-form-body .message-wrapper button.smart-btn {
  background-color: #143200;
  padding: 20px 40px;
  color: #ffffff;
}
#share-form-body .message-wrapper button.smart-btn:first-child, #watch-form-body .message-wrapper button.smart-btn:first-child {
  margin-right: 10px;
}

a.edit-profile-settings {
  display: block;
  text-decoration: none;
  width: 70px;
  height: 40px;
  float: right;
  color: #143200;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: -10px;
  margin-right: 0px;
}

a.edit-profile-settings:hover {
  color: #143200;
}

.edit-profile-settings .ico-preferences {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.ico-wrapper .ico-watch-stop {
  color: #7ED321 !important;
  font-size: 48px;
}

.ico-wrapper .ico-watch-confim {
  color: #7ED321 !important;
  font-size: 45px;
}

.myteamge .toll-modal-form-box {
  border-bottom: 5px solid #7ED321 !important;
}

.myteamge .toll-modal-form-box .smrt-btn-group #login-opener {
  background: transparent;
  box-shadow: inset 0 0 0 2px #143200;
  padding: 10px 30px;
  color: #143200;
}

.message-wrapper.flLeft {
  padding-top: 19px;
  padding-left: 5px;
}

#shipementDetailForm i.ico-ok-circle.ico-SHPCRE {
  color: #143200 !important;
}

.ico-watch-stop:before, .ico-watch-confim:before {
  content: "\e840";
}

.large-email-font {
  font-size: 18px;
}

.cncl-btn {
  background-color: #DDD;
  color: #143200;
}

.ico-wrapper .ico-share {
  color: #143200 !important;
  font-size: 45px;
  opacity: 0.8;
}

.add-remv-actn {
  float: right;
  margin-top: -28px;
  width: 64px;
  line-height: 100%;
  padding-left: 15px;
}

.add-em.email-action .ico-plus {
  float: none;
  font-size: 20px !important;
  position: relative;
  left: -3px;
  top: 2px;
}

.myteamge .milestone span.milestone-ico:after {
  position: absolute;
  width: 35px;
  height: 35px;
  background: rgba(20, 50, 0, 0.1);
  border-radius: 100%;
  content: "";
  top: 0;
  left: -5px;
  top: -7px;
}

a.view-pod {
  color: #143200;
  display: table;
  text-decoration: none;
  text-align: center;
}
a.view-pod .ico-notify-me {
  display: block;
  float: left;
  color: #143200;
  font-size: 20px;
  margin-top: -5px;
}

a.pod-title-lnk i {
  font-size: 20px;
  color: #143200;
  cursor: pointer;
  text-decoration: none;
}
a.pod-title-lnk .pod-title {
  color: #143200;
}

#share-form-area.no-add-em .add-em {
  display: none;
}

#share-form-area.no-rem-em .remove-em {
  display: none;
}

.ico-checkbox.checked {
  background-color: #143200;
}

.right-info {
  padding: 10px;
  text-align: right;
  background-color: #ffffff;
  border-bottom: 1px solid #666;
}

.right-info a {
  color: #143200;
  font-size: 14px;
  line-height: 15px;
}

.ico-info {
  float: right;
  font-size: 20px;
  color: #8a8a8a;
}

.max-used-to-em {
  padding: 5px 40px 5px 0;
  position: relative;
}

.max-used-to-em {
  color: #143200;
  padding-bottom: 2px;
  border-bottom: 2px solid #143200;
}

.max-used-to-em .email-action {
  color: #bbb;
}

.mgnTop-40px {
  margin-top: 30px !important;
}

@media (min-width: 1600px) {
  .dummy-height-cell {
    height: 100%;
    height: calc(100% - 2px);
  }
}
@media (min-width: 768px) {
  .sd-header-lft {
    width: 54%;
  }
  .sd-header-rgt {
    width: 46%;
    padding-left: 10px;
  }
  .sd-header-rgt #icon-sets {
    width: 95%;
  }
  .refNum .light-label {
    text-align: right;
  }
  .mob-only {
    display: none !important;
  }
}
@media only screen and (min-device-width: 768px) and (orientation: portrait) {
  .dummy-height-cell {
    height: 100%;
    height: calc(100% - 1px);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .dummy-height-cell {
    height: 100%;
    height: calc(100% - 1px);
  }
  .milestone-edd {
    max-width: 75% !important;
    width: 75% !important;
  }
  div#add-photo-html-wrpr {
    top: 0;
    bottom: 0;
  }
  div#add-photo-html-wrpr .mani-popup-main {
    float: none;
    width: 100%;
    height: 100%;
  }
  div#add-photo-html-wrpr .mani-popup-main section {
    width: 100%;
    height: 75%;
    margin: auto;
    text-align: center;
  }
  div#add-photo-html-wrpr .mani-popup-main section .photo-img {
    width: auto;
    height: 100%;
    min-height: unset;
  }
}
.success-green-border {
  border-bottom: 5px solid #7ED321;
}

#shipment-header, .shipment-details-wrapper {
  background-color: #ffffff;
}

.shipment-details-wrapper {
  border-top: 0px solid #143200;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  background: #ffffff;
}

#shipment-header {
  padding: 7px 0;
  margin-right: 15px;
}

.shipDetails-inner-wrapper {
  background-color: #ffffff;
}

.traversed .status-ico.flight > .connection-line {
  height: 30px;
  top: 52px;
}

.wd58pc {
  width: 58%;
  float: left;
}

.wd42pc {
  width: 42%;
  float: right;
}

.wd-50pc {
  width: 50%;
}

/* .light-label{
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #696969;
    text-align: left;
}
.label-val{
    font-size: 18px;
    margin-top: 7px;
    line-height: 24px;
    text-align: left;
    color: $basic-color-222222;//222;
}
.bold-val{
    font-weight: bold;
} */
ul.ship-jrny-acdn {
  padding-left: 0;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
}

ul.ship-jrny-acdn li {
  border-bottom: 1px solid rgba(20, 50, 0, 0.4);
  min-height: 70px;
  position: relative;
}

.ship-jrny-acdn li.current {
  background-color: #143200;
  color: #CBFF55;
  border-bottom: none;
}

.ship-jrny-acdn li.current.active .acd-details {
  border-bottom: 1px solid rgba(20, 50, 0, 0.4);
}

h5.small-heading {
  font-size: 18px;
  float: left;
  color: #000000;
  padding-left: 30px;
  padding-top: 17px;
  margin: 0;
  font-family: "Century Gothic", sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: capitalize;
}

li .acd-details {
  display: none;
  padding-bottom: 29px;
}

li .pod-tbl {
  display: block;
  padding: 20px 15px 20px 20px;
  border-top: 1px solid #ffffff;
}

li.active .acd-details {
  display: block;
  background-color: #ffffff;
}

li.active.current .acd-details.delivered {
  background-color: inherit;
  font-size: 14px;
  /* font-family: 'HelveticaNeue',Arial; */
}

li .acdn-header-wrapper {
  padding-left: 70px;
}

li.clickable .acdn-header-wrapper {
  cursor: pointer;
}

li .acdn-tab-header {
  color: #143200;
  min-height: 70px;
  padding-top: 5px;
  padding-right: 30px;
}

span.ico-watch-1.toll-grn-clr {
  font-size: 48px;
  color: #143200;
  opacity: 0.8;
}

.remove-em.email-action .ico-circlecross {
  position: relative;
  top: 1px;
  left: 5px;
  font-size: 20px;
}

div#watch-form-body {
  border-bottom: 5px solid #143200 !important;
}

.acdn-tab-header .stage-date {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 15px;
  line-height: 15px;
  letter-spacing: 0.5px;
  width: 215px;
}
.acdn-tab-header .stage-date.mob-only {
  display: none;
}

.acdn-tab-header .stage-edd-date {
  color: rgba(20, 50, 0, 0.6);
  width: 290px !important;
  font-size: 16px !important;
  letter-spacing: 0;
  line-height: 24px;
}

li.current .acdn-header-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
li.current .acdn-tab-header {
  padding-top: 5px;
  color: #ffffff;
}
li.current .pod-tbl {
  border-top: 1px solid #ffffff;
}
li.current .acdn-tab-header .stage-date {
  color: #CBFF55;
}
li.current .current-location {
  color: #CBFF55;
}

.lifecycle-heading {
  padding: 20px 0;
  text-align: right;
}

.grey-link a {
  color: #666;
}

.sprite.back-icon {
  display: block;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 0px;
  line-height: 100%;
  background-position: 0px -3173px;
}

.watch-btn, .share-link {
  text-decoration: none;
  display: block;
  cursor: pointer;
  margin-left: 15px;
  text-align: right;
  font-size: 9px;
}

.share-link {
  color: #143200;
  width: 40px;
  float: right;
  text-align: center;
}

.share-link .ico-share:before {
  margin: 0;
}

.share-wrpr.mob-left {
  float: right;
  padding-right: 20px;
}
.share-wrpr.mob-left label {
  padding-top: 6px;
  line-height: 15px;
}

.right-aligned-watch {
  float: right;
}

/* .watch-btn {
    width: 110px;
    display: block;
    background-color: $primary-brand-color;//1c9d92;
    border: 4px solid $primary-brand-color;//1c9d92;
    border-radius: 30px;
    color: $basic-color-ffffff;//fff;
    position: relative;
    float: right;
} */
.myteamge label.watch-btn {
  width: 155px;
  height: 43px;
  background-color: #ffa200;
  color: #ffffff;
  padding: 5px 5px;
}
.myteamge label.watch-btn.watch-on .ico-watch-1:before {
  color: #ffffff;
}

.watch-btn .ico-watch-1 {
  font-size: 16px;
  float: left;
  width: 20px;
  height: 25px;
  overflow: hidden;
  margin: 5px;
  line-height: 16px;
  position: relative;
}
.watch-btn .ico-watch-1:before {
  content: "\e802";
  background-color: #ffa200;
  color: #ffc766;
  position: absolute;
  top: 2px;
  left: 0;
}

.watch-btn #watch-text {
  display: block;
  margin-top: 9px;
  line-height: 15px;
  letter-spacing: 1px;
  font-size: 14px;
  text-align: center;
  width: 88%;
}

/* .watch-btn.watch-on .ico-watch-1 {
    float: right;
    margin: 3px;
} */
.ie-9 .watch-btn.watch-on .ico-watch-1 {
  margin-top: 4px;
}

/* .watch-btn .ico-loading{
    font-size: 13px;
    right: 40%;
    top: -89%;
    color: $primary-brand-color;//1c9d92;
} */
.active_loader .ico-watch-1 {
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  margin-top: 10px;
  width: 12px;
  height: 15px;
}

.myteamge label.watch-btn.active_loader .ico-watch-1:before {
  content: "\e83a";
  color: #ffffff;
  background-color: #ffa200;
  font-size: 13px;
  top: 0px;
  left: 0px;
}

/* .watch-btn .ico-watch-1 {
    font-size: 24px;
    float: left;
    width: 24px;
    height: 24px;
    margin: 3px;
    line-height: 24px;
} */
.watch-on span.ico-watch-1 {
  float: right;
  color: #229a91;
}

.milestone-list-header {
  /* position: relative; */
  min-height: 70px;
  border-bottom: 1px solid rgba(20, 50, 0, 0.4);
}
.milestone-list-header h5.small-heading {
  font-size: 16px;
  float: left;
  color: #143200;
  padding-left: 30px;
  padding-top: 16px;
  margin: 0;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: "MovementSansRegular", Georgia !important;
}
.milestone-list-header .shipment-journey-tabs {
  width: auto;
  float: right;
}
.milestone-list-header .shipment-journey-tabs > a {
  float: right;
  height: 50px;
  width: 136px;
  padding: 15px 20px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  font-family: "Century Gothic", sans-serif;
  font-weight: bold;
  background-color: rgba(20, 50, 0, 0.4);
  border-bottom: 4px solid transparent;
}
.milestone-list-header .shipment-journey-tabs > a.active {
  border-top: 0;
  background: #ffffff;
  border-bottom: 4px solid #C0B1EB;
  pointer-events: none;
}
.milestone-list-header .shipment-journey-tabs > a:hover {
  text-decoration: none;
  background-color: #143200;
  color: #fff;
}

/* .shipment-journey-tabs {
    width: 140px;
    position: absolute;
    right: 0;
    bottom: 0;
} */
.share-ico-green {
  width: 20px;
  font-size: 16px;
  padding: 1px 0 0 2px;
  color: #229a91;
}

.share-ico {
  height: 22px;
  width: 20px;
  display: block;
  margin: 5px auto;
  text-indent: -9999px;
  background-position: -2px -402px;
  font-size: 16px;
}

/* .shipment-journey-tabs > a{
    display: block;
	float: right;
	height: 69px;
	width: 70px;
	background-color: $basic-color-ffffff;//fff;
	border-top: 1px solid $basic-color-cccccc;//ccc;
	border-left: 1px solid $basic-color-cccccc;//ccc;
	position: relative;
    line-height: 100%;
	cursor: pointer;
} */
/* .shipment-journey-tabs > a:hover{
    text-decoration: none;
} */
/* .shipment-journey-tabs > a.active{
    background-color:$primary-brand-color;//1c9d92;
    border-top:0;
} */
/* .shipment-journey-tabs > a span.small-text {
    font-size: 9px;
    text-align: center;
    line-height: 11px;
    letter-spacing: 1px;
    font-family: $basic-font-helveticaneuelight-hel-sans;//"HelveticaNeueLight",Helvetica,sans-serif;
    display: block;
    position: absolute;
    bottom: 15px;
    width: 70px;    
    color: $primary-brand-color;//1c9d92;
    text-indent: 0;
} */
/* .shipment-journey-tabs > a i {
    font-size: 20px;
    color: $primary-brand-color;//1c9d92;
    position: absolute;
    display: block;
    width: 20px;
    top: 15px;
    left: 20px;
    letter-spacing: 0.5px;
    text-indent: 0;
} */
.shipment-journey-tabs > a.active i {
  color: #4A545C;
}

.shpmt-sts-div {
  min-height: 95px;
}

.shpmt-sts-ico {
  float: left;
}

.shpmt-sts-ico.ico-DELVERD {
  color: #143200;
}

.shpmt-sts-ico.ico-AWTCOL:before {
  margin-top: 5px;
}

.location-container {
  position: absolute;
  width: 200px;
  right: 0px;
  text-align: right;
  top: 45px;
}

.exception-color {
  /* color: $basic-color-ff9800;//ff9800; */
}

.shpmt-sts-head {
  margin: 45px 0 0 2px;
  width: auto;
  float: left;
  line-height: 100%;
}

.page-heading.exception-heading h1.exception-type {
  padding: 0;
  margin-bottom: 10px;
  margin-top: 20px;
}

.exception-heading .exception-desc, .exception-heading .exception-action {
  padding-left: 55px;
  margin-bottom: 10px;
}

.exception-heading .exception-desc {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}

.exception-desc {
  padding-top: 15px;
}

.exception-action {
  padding-bottom: 15px;
}

.current-location {
  display: block;
  width: calc(100% - 140px);
  float: left;
  padding-right: 5px;
  letter-spacing: 0.5px;
  /* font-family: $basic-font-helveticaneuelight;//"HelveticaNeueLight"; */
  line-height: 15px;
}

.acd-details dl {
  margin-left: 70px;
}

.acd-details dl dt {
  width: 30%;
  float: left;
  /* margin-top: 10px; */
}

.acd-details dl dd {
  width: 60%;
  float: left;
  margin-left: 5%;
  margin-top: 10px;
}

.milestone {
  float: left;
  /*position: relative;*/
  padding: 20px 0 0 40px;
  width: 650px;
  max-width: 52%;
  /*margin-left: 3%;*/
}

.milestone-edd {
  max-width: 60%;
}

.acd-details a {
  color: #bbb;
}

.current .acd-details a {
  /* color: $basic-color-ffffff;//fff; */
  text-decoration: underline;
}

li.current .stage-header h5 {
  color: #CBFF55;
  font-size: 15px;
  /* font-family: $basic-font-helveticaneuelight-arial;//'HelveticaNeueLight',Arial; */
  font-weight: normal;
  text-align: left;
}

.incomplete .stage-date {
  /*  font-family: $basic-font-helveticaneuelight;//"HelveticaNeueLight"; */
  font-weight: normal;
}

.stage-header h5 {
  margin: 0 !important;
  font-size: 15px;
  font-weight: bold;
  color: #143200;
  float: left;
  letter-spacing: 0.5px;
  line-height: 15px;
  width: 290px;
}

.milestone-ico {
  position: absolute;
  left: 57px;
  height: 31px;
  width: 30px;
  top: 22px;
  z-index: 2;
  line-height: 20px;
}

.milestone-ico.current {
  width: 50px;
  height: 51px;
  top: 35px;
}

.milestone-ico.current.ico-delivered {
  top: 30px;
}

li .connection-line {
  position: absolute;
  height: 100%;
  height: calc(100% - 46px);
  top: 50px;
  left: 67px;
  width: 4px;
  background-color: rgba(20, 50, 0, 0.4);
  display: none;
}

li.complete .connection-line {
  display: block;
}

li .connection-line.only-current {
  display: none;
}

li.current .connection-line.only-current {
  display: block;
  background-color: #CBFF55;
  height: 32px;
  top: 78px;
}

li.current .connection-line {
  display: block;
}

li .connection-line.reverse {
  height: 12px;
  width: 4px;
  top: 3px;
  z-index: 1;
}

li.complete .connection-line.reverse,
li.no-bottom-line.complete .connection-line.reverse {
  display: block;
}

li.current .connection-line.reverse,
li.no-bottom-line.current .connection-line.reverse {
  display: block;
  height: 40px;
  top: -1px;
  background-color: #CBFF55;
}

.ship-jrny-acdn li:first-child .connection-line.reverse {
  display: none;
}

li.no-bottom-line.complete .connection-line,
li.no-bottom-line.current .connection-line.only-current,
li.no-bottom-line.complete.last-elem .connection-line.reverse,
li.no-bottom-line.current .connection-line {
  display: none;
}

li.last-elem .connection-line,
li.last-elem .connection-line,
li.current.last-elem .connection-line.only-current {
  display: none;
}

li.last-elem.complete .connection-line.reverse {
  display: block;
}

.stnd-no-o-item {
  margin-right: 55px;
}

.card-left-button {
  width: 240px;
  height: 60px;
  display: flex !important;
  align-items: center;
}

.card-left-button span {
  padding-left: 17%;
}

.myteamge label.card-left-button.disabled {
  background-color: #143200 !important;
}

#card-left-message {
  color: #143200;
  font-family: "Century Gothic";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: 0;
  margin: -17px 0 5px 0;
}

#mmd-verify-popup-placeholder {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 0;
  z-index: 10;
}

.myteamge #mmd-verify-popup-placeholder .popup-wrapper {
  align-items: start;
}

.small-excp-ico {
  font-size: 18px;
  margin: 25px 0 0 20px;
  display: block;
  float: left;
  border-radius: 20px;
  line-height: 80%;
  width: 17px;
  height: 17px;
}

li.current .small-excp-ico {
  margin: 45px 0 0 20px;
}

td.empty-column .small-excp-ico,
li.current td.empty-column .small-excp-ico {
  margin: 5px 0 0 -6px;
  position: absolute;
  left: 63px;
  font-size: 30px;
  width: 25px;
  height: 25px;
}

.small-excp-ico i:before {
  margin: 0 0 0 0;
  transform: rotate(180deg);
  padding: 0;
}

.new-excep-ico i:before {
  margin: 0 0 0 0;
  transform: rotate(360deg);
}

li.current .small-excp-ico {
  margin: 45px 0 0 20px;
}

.small-excp-ico.ico-exception:before {
  background: #ffffff;
  border-radius: 10px;
  line-height: 16px;
}

.small-excp-ico .new-exception-small {
  font-size: 20px;
  top: 46px;
  left: 16px;
}

#id_acd_4 .small-excp-ico .new-exception-small {
  top: 22px;
}

.small-excp-ico .new-exception-normal:before {
  transform: rotate(180deg);
  padding: 0;
}

.sub-row-toggler {
  font-size: 12px;
}

.sprite.acdn-toggler {
  text-indent: -9999px !important;
  display: block;
  float: right;
  width: 20px;
  height: 15px;
  background-position: -2px -580px;
}

.sprite.acdn-toggler.open {
  background-position: -47px -580px;
}

.current .sprite.acdn-toggler {
  background-position: -49px -564px;
}

.current .sprite.acdn-toggler.open {
  background-position: -3px -561px;
  color: #ffffff;
}

.sd-header-lft {
  padding-left: 0px;
}

.location-n-toggler {
  width: calc(100% - 650px);
  padding: 20px 0 0;
  float: right;
  text-align: left;
}

.location-n-toggler .acdn-toggler {
  float: right;
}

.current .location-n-toggler {
  color: #ffffff;
}

.shipment-journey-tabs > a span {
  margin-left: 5px;
}

.small-excp-ico i.ico-exception.new-exception-normal {
  top: -4px;
  position: relative;
  left: -3px;
  background: #fff;
}

button.btn.btn-primary.depotCollect.col-sm-12.col-md-12.col-lg-12.col-12 {
  padding: 10px 20px;
}

.full-shipment-details .BOOKED, .full-shipment-details .SHPCRE,
.full-shipment-details .PCKDUP, .full-shipment-details .INTRNST,
.full-shipment-details .OUTFDL, .full-shipment-details .DELVERD,
.full-shipment-details .AWTCOL, .full-shipment-details .COLLCTD,
.full-shipment-details .CANCLD, .full-shipment-details .PRTDEL {
  font-size: 24px;
  color: #143200;
}
.full-shipment-details .milestone-ico.complete {
  color: #143200;
  opacity: 1;
}
.full-shipment-details .shpmt-sts-ico.BOOKED, .full-shipment-details .shpmt-sts-ico.SHPCRE,
.full-shipment-details .shpmt-sts-ico.PCKDUP, .full-shipment-details .shpmt-sts-ico.INTRNST,
.full-shipment-details .shpmt-sts-ico.OUTFDL, .full-shipment-details .shpmt-sts-ico.DELVERD,
.full-shipment-details .shpmt-sts-ico.AWTCOL, .full-shipment-details .shpmt-sts-ico.COLLCTD,
.full-shipment-details .shpmt-sts-ico.CANCLD, .full-shipment-details .shpmt-sts-ico.PRTDEL {
  font-size: 40px;
  color: #000000;
}
.full-shipment-details li.current .PCKDUP, .full-shipment-details li.current .SHPCRE,
.full-shipment-details li.current .BOOKED, .full-shipment-details li.current .INTRNST,
.full-shipment-details li.current .OUTFDL, .full-shipment-details li.current .DELVERD,
.full-shipment-details li.current .AWTCOL, .full-shipment-details li.current .COLLCTD,
.full-shipment-details li.current .CANCLD, .full-shipment-details li.current .PRTDEL {
  font-size: 32px !important;
  color: #143200;
  left: 53px;
  top: 42px;
}
.full-shipment-details .milestone-ico.SHPCRE:before {
  /*content: '\e834';*/
}
.full-shipment-details .shpmt-sts-ico.exception {
  color: #ff9800;
  font-size: 40px;
  margin-right: 12px;
  margin-top: 0px;
}
.full-shipment-details .shpmt-sts-ico.exception:before {
  transform: rotate(180deg);
}
.full-shipment-details .shpmt-sts-ico.mmd-enhanced-exception {
  color: #143200;
  font-size: 40px !important;
  margin-top: 0px !important;
}

.shpmt-sts-ico {
  font-size: 40px;
  margin-right: 10px;
  margin-top: -14px;
}

#map-wrapper {
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
}

.overlayMapLook {
  position: fixed;
  z-index: 10;
  width: calc(100% - 200px);
  top: 0;
  bottom: 0;
  left: 200px;
  right: 0;
  overflow-y: auto;
}

.map-inner-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px;
  border-bottom: 1px solid #bbb;
}

#map-container {
  position: relative;
  min-width: 290px;
  min-height: 400px;
  max-height: 700px;
  height: 100%;
}

#map-container img {
  max-width: none;
}

.close-map {
  display: block;
  position: absolute;
  top: -5px;
  right: -5px;
  height: 22px;
  width: 22px;
  z-index: 1;
  background-color: #999 !important;
  text-indent: -9999px;
  border-radius: 25px;
}

.sprite2.close-map {
  background-position: -10px -1916px;
}

.expand-map {
  position: absolute;
  bottom: 24px;
  right: 3px;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  border-radius: 3px;
}

.sprite2.expand-map {
  background-position: -200px -1910px;
}

.overlayMapLook .expand-map {
  display: none;
}

.tabs-container .row.bottom-tabs {
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.bottom-tabs .tracking-details-tab {
  width: 100%;
}

.tabs-container .tab-headers {
  /*background-color: $basic-color-ffffff;//fff;*/
}

#related-parties-sec {
  display: flex;
  padding-bottom: 15px;
}

#related-parties-sec .acdn-toggler {
  float: right;
  color: #143200;
  position: absolute;
  bottom: 0px;
}

.left-section {
  width: 48%;
  padding-right: 5%;
  margin-left: 22px;
}

.right-section {
  width: 40%;
  padding-left: 5%;
  border-left: 1px solid rgba(20, 50, 0, 0.4);
}

.left-section, .right-section {
  float: left;
  margin-top: 32px;
  font-family: "Century Gothic", sans-serif;
  color: #143200;
}

.left-section .sub-section-title {
  margin-bottom: 7px;
}

.right-section .sub-section-title {
  margin-bottom: 8px;
}

.left-section .sub-section-dtls {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: 0.4px;
  text-align: left;
}

.right-section .sub-section-dtls {
  display: none;
}

.right-section .sub-section-dtls.opened {
  display: block;
  margin-top: 2px;
}

.ship-detail-row-coll {
  margin-bottom: 16.2px;
  word-wrap: break-word;
}

.ship-detail-row-exp {
  margin-bottom: 18.6px;
}

#related-parties-sec .sub-section {
  width: 50%;
  display: inline-block;
  float: left;
  padding-right: 5px;
  word-wrap: break-word;
}

#related-parties-sec .toggle-section {
  min-width: 105px;
  position: relative;
}

.header-shipment-num {
  color: #143200;
  letter-spacing: 0.5px;
  padding-left: 10px;
  word-wrap: break-word;
}

.sub-section-title {
  display: block;
  font-size: 14px;
  line-height: 17px;
  color: #143200;
  letter-spacing: 0;
  font-weight: bold;
}

.sub-section-header {
  font-weight: 500;
  /* font-size: 20px;
  line-height: 30px;
     color: $basic-color-000000;//000;
     font-family: $basic-font-helveticaneuelight-arial;//'HelveticaNeueLight',Arial;
     letter-spacing: 0.5px;
     line-height: 24px; */
}

.section-toggler.right-sided {
  float: right;
  margin-top: 3px;
  margin-right: 0;
}

.section-toggler.hide-icon {
  display: none;
}

.key-dark {
  color: #143200;
}

/* .sub-section-dtls,.val-light{
    font-family: $basic-font-helveticaneuelight-arial;//'HelveticaNeueLight',Arial;
} */
.sub-setion-list dt {
  font-weight: bold;
  color: #143200;
  padding: 0;
}

.sub-setion-list dd {
  color: #666;
  padding: 0;
  margin: 0 0 12px 0;
}

/* 
	shipment details break point specific css
*/
.sd-grid-lft {
  width: 100%;
  padding-left: 20px;
}

.milestone-ico.current .sd-grid-lft {
  padding-left: 10px;
}

.sd-pdng {
  padding-left: 20px;
}

/* .milestone-ico.OUTFDL {font-size: 50px;} */
/* .ico-delivered.milestone-ico { font-size: 30px; color: $basic-color-bbbbbb;//BBB;} */
.location-n-toggler.flRight .acdn-toggler.ico-accordian-down, .location-n-toggler.flRight .acdn-toggler.ico-accordian-up {
  /*text-decoration: none;*/
  color: #143200;
  font-size: 14px;
}

.current .location-n-toggler.flRight .ico-accordian-down.acdn-toggler, .current .location-n-toggler.flRight .ico-accordian-up.acdn-toggler {
  color: #CBFF55;
}

#shipment-milestone-list a,
#shipment-milestone-list a:link,
#shipment-milestone-list a:visited,
#shipment-milestone-list a:hover,
#shipment-milestone-list a:active,
.tab-content a:hover,
.tab-content a:visited,
.tab-content a:focus {
  text-decoration: none;
}

/*#shipment-milestone-list .clearfix.current .sd-grid-lft { margin-left:10px;}*/
.sd-grid-rgt {
  float: left;
  width: 100%;
}

/* Custom added */
.custom-tab-box div {
  width: 25%;
  float: left;
  text-align: center;
  text-indent: 40px;
  font-weight: bold;
  color: #143200;
  cursor: pointer;
  line-height: 50px;
}

.custom-tab-top-box li.current > div {
  border-bottom: 2px solid #143200;
}
.custom-tab-top-box div div {
  padding: 25px 20px;
  cursor: pointer;
}
.custom-tab-top-box .center-box {
  border-left: 1px solid #cccccc;
  background-position: 1px -1510px;
}
.custom-tab-top-box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.custom-tab-top-msg-box {
  padding: 10px 30px;
}

.custom-tab-box li.current > div {
  border-bottom: 2px solid #143200;
}
.custom-tab-box div div {
  padding: 25px 20px;
  cursor: pointer;
}
.custom-tab-box .center-box {
  border-left: 1px solid #cccccc;
  background-position: 1px -1510px;
}
.custom-tab-box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.custom-tab-msg-box {
  padding: 10px 30px;
}

/* Custom added */
/*POD CSS*/
.d-header-row {
  padding: 10px 0;
  /* border-bottom: 1px solid $basic-color-cecece;//cecece; */
  font-weight: bold;
  font-family: "Century Gothic", sans-serif;
}

.d-row {
  padding: 35px 0 28px 5px;
  border-bottom: 1px solid #E5E5E5;
}
.d-row table.gridview {
  font-size: 14px;
  letter-spacing: 0.5px;
}
.d-row table.gridview a.icon-content {
  font-size: 25px;
  color: #143200;
  cursor: pointer;
  text-decoration: none;
}
.d-row table.gridview a.icon-content.ico-download {
  font-size: 20px;
}

.d-cell a {
  color: #229a91;
}

.file-ico {
  display: block;
  float: left;
  width: 20px;
  height: 30px;
  margin-right: 5px;
}

.sprite2.file-ico {
  background-position: -5px -1840px;
}

.pagination-status {
  padding: 25px 0 20px 0;
  color: #999;
}

.tollModalBox.doc-viewer {
  background-color: #444;
  opacity: 0.8;
  z-index: 10;
}

.img-cta {
  background-color: #143200;
}

.pod-cta-inner-wrapper {
  background-color: #333;
  position: relative;
  height: 50px;
}

.pod-img {
  text-align: center;
}

.pod-img img {
  width: auto;
  max-width: 80%;
}

.pod-top-cta {
  display: block;
  width: auto;
  color: #ffffff;
  font-weight: bold;
  float: left;
  padding: 10px;
  margin: 5px 10px;
  cursor: pointer;
}

.pod-top-cta:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #555;
}

.centered-cta-box {
  width: 220px;
  margin: 0 auto;
}

.right-cta-box {
  width: 50px;
  float: right;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.right-cta-box .pod-top-cta {
  font-size: 20px;
}

.img-doc-navigator {
  display: block;
  position: absolute;
  top: 200px;
  color: #ffffff;
  font-size: 30px;
  line-height: 100%;
  font-weight: bold;
  padding: 10px;
  background-color: #333;
}

.prev-doc {
  left: 10px;
}

.next-doc {
  right: 10px;
}

.img-doc-navigator:hover {
  background-color: #555;
  color: #ffffff;
  text-decoration: none;
}

.img-doc-navigator:visited {
  color: #ffffff;
}

/* #shipment-milestone-list ul li.active {
    border-bottom: 2px solid$basic-color-666666;//666;
} */
.visibility-0.prev-doc, .length-1.next-doc, .last-doc .next-doc {
  display: none;
}

.full-shipment-details .tab-headers > div:focus {
  outline: none;
}
.full-shipment-details .tab-headers > div {
  float: left;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
  padding: 15px 55px 15px 55px;
  background-color: rgba(20, 50, 0, 0.2);
  font-family: "Century Gothic", sans-serif;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
  margin-right: 10px;
}
.full-shipment-details .tab-headers > .empty-tab {
  pointer-events: none;
  float: right;
  background-color: transparent;
  cursor: initial;
  border-color: transparent;
}
.full-shipment-details .tab-headers > div .icon-content {
  display: none;
  line-height: 2;
}
.full-shipment-details .tab-headers > div.active {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #143200;
  cursor: default;
  pointer-events: none;
}
.full-shipment-details .tab-headers > div.active span {
  border-bottom: solid 4px #C0B1EB;
  padding: 10px 5px;
}
.full-shipment-details .tab-content > div {
  display: none;
}
.full-shipment-details .tab-content > div.active {
  display: block;
  background-color: #ffffff;
  outline: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-top-left-radius: 0px;
}

.full-shipment-details .tab-headers > div:hover {
  background-color: #143200;
  color: #fff;
}

.full-shipment-details .tab-headers.shipment-pod-tabset > div:hover {
  background-color: rgba(20, 50, 0, 0.2);
  color: #143200;
}

a.link-to-tab {
  color: #143200;
  cursor: pointer;
}

/*FREIGHT DETAILS CSS*/
.sub-grids-wrapper {
  display: table;
  width: 100%;
}

/*ROUTING DETAILS CSS*/
div#routing-dtls-container .g-cell {
  vertical-align: middle;
}

/*TRACKING EVENETS*/
.gridview {
  width: 100%;
  /*background-color:$basic-color-ffffff;//fff!important;*/
}

.shipment-list-table {
  /* tr.warning td.empty-column, tr.warning td.last-invisible-cell {
      border-bottom: 1px solid $basic-color-666666;//666;
      border-top: 1px solid $basic-color-666666;//666;
  } */
  /* tr.gridrow td.first-header span{
      font-size: 13px;
      font-family: $basic-font-helveticaneue-arial;//'HelveticaNeue',Arial;
      font-weight: bold;
  } */
}
.shipment-list-table tr.header-row td {
  padding: 5px 0;
  color: #143200;
  font-size: 12px !important;
  /* font-family: $basic-font-helveticaneue-arial;//"HelveticaNeue", Arial; */
  background-color: rgba(203, 255, 85, 0.4);
  font-weight: bold;
  /* border-bottom: 1px solid $basic-color-666666;//666666
  border-top: 1px solid $basic-color-bbbbbb;//bbbbbb; */
}
.shipment-list-table tr td.first-header {
  width: 26%;
}
.shipment-list-table tr div.warning-icon {
  display: none;
}
.shipment-list-table tr div.warning-text {
  display: none;
}
.shipment-list-table tr.warning + tr.sub-details-row {
  background-color: #fff;
  /* .subrow-table tr:last-child {
  	td.empty-column, td.last-invisible-cell {
  		border-bottom: 1px solid $basic-color-666666;//666;
  	}
  } */
}
.shipment-list-table tr.warning + tr.sub-details-row .subrow-table tr.header-row td {
  background-color: inherit;
}
.shipment-list-table tr.last-event {
  background-color: rgba(28, 157, 146, 0.2);
}
.shipment-list-table tr.last-event td, .shipment-list-table tr.second-last-event td {
  border-bottom: none;
}
.shipment-list-table tr.warning div.warning-icon {
  display: block;
  position: relative;
  left: 51px;
  top: 10px;
  height: 32px;
  width: 40px;
}
.shipment-list-table .warning-head {
  /* font-family: $basic-font-helveticaneuelight;//"HelveticaNeueLight"; */
  font-size: 14px;
  padding: 10px 0 5px 0;
  font-weight: normal;
  max-width: 200px;
}
.shipment-list-table .warning-description {
  font-size: 13px;
  /* font-family: $basic-font-helveticaneue;//"HelveticaNeue"; */
  font-weight: normal;
}
.shipment-list-table tr.warning div.warning-icon .ico-exception {
  font-size: 30px;
  margin: 1px;
}
.shipment-list-table tr.warning td.first-header div.warning-text {
  display: block;
}
.shipment-list-table tr.warning td.first-header div.warning-text a {
  color: #143200;
}
.shipment-list-table tr td.subrow-container {
  padding: 0;
}
.shipment-list-table tr td {
  /*         border-bottom: 1px solid $basic-color-666666;//666666;
   */
  padding: 22px 0 22px 0;
  letter-spacing: 0.5px;
}
.shipment-list-table tr td.last-invisible-cell {
  width: 30px;
  border-bottom: 0px;
}
.shipment-list-table tr.header-row td.last-invisible-cell,
.shipment-list-table tr.header-row td.empty-column {
  /* border-top: 1px solid  $basic-color-bbbbbb;//bbb;
  border-bottom: 1px solid $basic-color-666666;//666; */
}
.shipment-list-table tr td.empty-column {
  border-bottom: none;
  width: 13%;
}
.shipment-list-table .shipment-list-table td {
  font-size: 13px;
}
.shipment-list-table .shipment-list-table table thead {
  background-color: #CBFF55;
}
.shipment-list-table .subrow-table tr.header-row td {
  color: #143200;
  font-weight: bold;
  background-color: #ffffff;
}
.shipment-list-table .subrow-table tr td {
  border-top: 1px solid rgba(20, 50, 0, 0.4);
  border-bottom: none;
  padding: 10px 15px 10px 0;
}
.shipment-list-table .subrow-table tr td.withAdpDetails {
  border-top: none;
}
.shipment-list-table .subrow-table tr td.withAdpDetails .adpDetails {
  padding-left: 0;
}
.shipment-list-table .subrow-table tr td.first-header, .shipment-list-table .subrow-table tr td.empty-column + td {
  padding-left: 5px;
}
.shipment-list-table .subrow-table tr td.last-invisible-cell, .shipment-list-table .subrow-table tr td.empty-column {
  border-bottom: 0;
  border-top: 0;
}
.shipment-list-table .subrow-table td {
  color: #143200;
  font-size: 13px;
}
.shipment-list-table td.mob-only, .shipment-list-table .g-cell.mob-only {
  display: none;
}

.adpDetails {
  line-height: 20px;
  padding-bottom: 10px;
}
.adpDetails .withDetails, .adpDetails .withoutDetails {
  padding: 10px 0;
}
.adpDetails .withDetails label, .adpDetails .withoutDetails label {
  font-size: 14px;
}
.adpDetails .withoutDetails .small-excp-ico {
  font-size: 30px;
  margin-top: 5px;
  margin-left: 0;
}
.adpDetails .withoutDetails label {
  margin-left: 20px;
}
.adpDetails .directionsLink {
  margin-bottom: 15px;
  padding-top: 10px;
}
.adpDetails .directionsLink .directions-link-button {
  padding: 15px 25px;
  color: #1B9D91;
  text-decoration: none;
  border: solid 1px #1B9D91;
}
.adpDetails .directionsLink .directions-link-button i {
  font-size: 25px;
}
.adpDetails .directionsLink .directions-link-button a {
  color: #1B9D91;
}

.adpNote {
  display: flex;
  padding-bottom: 30px;
}
.adpNote span {
  background-color: #ffffff;
  padding-top: 10px;
}
.adpNote span i {
  color: #FF4500;
  font-size: 50px;
}

#redeliver-warning {
  display: flex;
  padding-top: 10px;
  padding-bottom: 25px;
  border-radius: 3px !important;
}
#redeliver-warning span {
  background-color: #fff0d1;
  padding-bottom: 10px;
  padding-top: 10px;
}
#redeliver-warning span i {
  color: #FFB31A !important;
  font-size: 40px;
}

@media (max-width: 767px) {
  .bottom-border-line {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .bottom-border-line {
    border-bottom: 4px solid #FFB31A;
  }
}
table.pod-link-table td.empty-column {
  width: 4%;
}
table.pod-link-table .pod-ico-cell {
  width: 33%;
}
table.pod-link-table .pod-ico-cell .ico-pod2 {
  font-size: 20px;
  color: #ffffff;
}
table.pod-link-table .pod-ico-cell span {
  margin-left: 55px;
}
table.pod-link-table a.pod-link {
  color: #ffffff;
  font-size: 12px;
}

.gridrow td {
  padding: 5px 0 5px 5px;
  font-size: 15px;
  vertical-align: top;
  /* font-family: $basic-font-helveticaneuelight;//"HelveticaNeueLight"; */
}

.lst-clmn {
  text-align: center !important;
  padding-right: 25px !important;
}

.lst-clmn > a {
  margin-left: 27px;
}

.fst-clmn {
  text-align: left !important;
  padding-left: 25px !important;
}

.toll-black-text {
  color: #143200 !important;
}

.gridview .header-row td {
  color: #ffffff;
  padding: 10px 5px;
  font-size: 14px;
  /*height: 60px;*/
}

.subrow td {
  padding: 20px 0 20px 5px;
  font-size: 14px;
  color: #143200 !important;
}

.subrow-container {
  padding: 0px;
  margin: 0px;
  border: none !important;
}

.subrow-table {
  width: 100%;
  text-align: left;
  /* margin-left: 15px; */
}

.subheader-row-bg {
  background-color: #ffffff;
  color: #2B3438 !important;
}

.width-20 {
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.width-30 {
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.width-5 {
  width: 5%;
}

.width-24 {
  width: 24%;
}

.width-15 {
  width: 15%;
}

.width-10 {
  width: 10%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mrgn-rght-7 {
  margin-right: 7px;
}

.line-top-bottom {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 0;
  margin-bottom: 40px;
}

.fulshipment-heading {
  line-height: 23px !important;
}

tr.subheader-row td {
  text-align: left;
  position: relative;
  vertical-align: top;
  word-wrap: break-word;
  white-space: initial !important;
  font-size: 14px;
  background-color: #efefef !important;
  padding: 20px 0 20px 25px;
}

.date-time-color {
  color: #21C4B6 !important;
}

.result-counter {
  padding: 25px 0 20px 0;
  color: #999;
}

.brdr-top-1px {
  border-bottom: 1px solid #F5F5F5;
}

.point5spacing {
  letter-spacing: 0.5px;
}

/* .top-rgt-dtls-wrapr{
    padding-top: 30px;
    padding-bottom: 30px;
    .date{
        float: right;
        text-align: left;
    }
    .refNum{
        float: right;
        text-align: left;
        padding-left: 20px;
    }
    .light-label{
		text-align:right;
	}
} */
.frieght-dtls-new1, .routing-details {
  font-family: "Century Gothic", sans-serif !important;
  /* Tablet view - 768px to 1023px */
  /* Mobile view - less than 768px */
}
.frieght-dtls-new1 .scrolable-part, .routing-details .scrolable-part {
  overflow-x: hidden;
}
.frieght-dtls-new1 ul, .routing-details ul {
  margin: 0;
  padding: 0;
}
.frieght-dtls-new1 .row-wrapper.opened, .routing-details .row-wrapper.opened {
  border-bottom: 1px solid #666;
}
.frieght-dtls-new1 .row-wrapper.opened.has-dang-goods, .routing-details .row-wrapper.opened.has-dang-goods {
  border-bottom: none;
}
.frieght-dtls-new1 .row-wrapper.opened.has-dang-goods [id^=sbg_] + [id^=sbdg_], .routing-details .row-wrapper.opened.has-dang-goods [id^=sbg_] + [id^=sbdg_] {
  border-bottom: 1px solid #666;
}
.frieght-dtls-new1 .header-row, .routing-details .header-row {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
}
.frieght-dtls-new1 .header-row, .frieght-dtls-new1 .parent-row-g-cells, .frieght-dtls-new1 .sub-grid-data-row, .routing-details .header-row, .routing-details .parent-row-g-cells, .routing-details .sub-grid-data-row {
  background-color: #ffffff;
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  word-wrap: break-word;
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
}
.frieght-dtls-new1 .g-cell, .routing-details .g-cell {
  padding: 25px 10px 26px 0;
  display: table-cell;
  vertical-align: top;
  min-width: 140px;
  max-width: 140px;
  font-size: 13px;
  color: #143200;
  font-weight: bold;
}
.frieght-dtls-new1 .g-cell .cell-data, .routing-details .g-cell .cell-data {
  height: auto;
  max-height: none;
  word-wrap: break-word;
  font-weight: normal;
}
.frieght-dtls-new1 .g-cell.last-static-cell, .routing-details .g-cell.last-static-cell {
  text-align: right;
  border-top: none;
  background-color: transparent;
  max-width: 70px;
  min-width: 70px;
  width: 70px;
}
.frieght-dtls-new1 .g-cell.f-large-cell, .routing-details .g-cell.f-large-cell {
  max-width: 170px;
  min-width: 170px;
}
.frieght-dtls-new1 .parent-row-g-cells, .frieght-dtls-new1 .sub-grid-data-row, .routing-details .parent-row-g-cells, .routing-details .sub-grid-data-row {
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
}
.frieght-dtls-new1 .parent-row-g-cells.opened, .frieght-dtls-new1 .sub-grid-data-row.opened, .routing-details .parent-row-g-cells.opened, .routing-details .sub-grid-data-row.opened {
  border-bottom: none;
}
.frieght-dtls-new1 .parent-row-g-cells .g-cell, .frieght-dtls-new1 .sub-grid-data-row .g-cell, .routing-details .parent-row-g-cells .g-cell, .routing-details .sub-grid-data-row .g-cell {
  padding: 35px 10px 35px 0;
  font-size: 10px;
  color: #143200;
}
.frieght-dtls-new1 .parent-row-g-cells, .routing-details .parent-row-g-cells {
  padding-left: 0;
  min-height: 60px;
}
.frieght-dtls-new1 .parent-row-g-cells .g-cell:first-child, .routing-details .parent-row-g-cells .g-cell:first-child {
  max-width: 35px;
  min-width: 35px;
  padding: 30px 10px 30px 0;
}
.frieght-dtls-new1 .has-dang-goods .parent-row-g-cells, .routing-details .has-dang-goods .parent-row-g-cells {
  background-color: rgba(255, 152, 0, 0.1);
}
.frieght-dtls-new1 .has-dang-goods .parent-row-g-cells.opened, .routing-details .has-dang-goods .parent-row-g-cells.opened {
  background-color: rgba(255, 152, 0, 0.2);
  border-bottom: none;
}
.frieght-dtls-new1 [id^=sbg_] li:first-child, .routing-details [id^=sbg_] li:first-child {
  border-top: 1px solid #666;
}
.frieght-dtls-new1 [id^=sbdg_], .routing-details [id^=sbdg_] {
  background-color: rgba(255, 152, 0, 0.1);
}
.frieght-dtls-new1 [id^=sbdg_] .icon, .routing-details [id^=sbdg_] .icon {
  position: relative;
  top: -10px;
  font-size: 20px;
  line-height: 100%;
  color: #FFF5E6;
  left: 39px;
}
.frieght-dtls-new1 [id^=sbdg_] .ico-up, .routing-details [id^=sbdg_] .ico-up {
  position: absolute;
}
.frieght-dtls-new1 [id^=sbdg_] li, .routing-details [id^=sbdg_] li {
  border-bottom: 1px solid #ff9800;
  background-color: inherit;
}
.frieght-dtls-new1 [id^=sbdg_] li:first-child, .routing-details [id^=sbdg_] li:first-child {
  border-top: 1px solid #ff9800;
}
.frieght-dtls-new1 .sub-grid-data-row, .routing-details .sub-grid-data-row {
  background-color: #f9f9f9;
}
.frieght-dtls-new1 .icons.dang-good, .routing-details .icons.dang-good {
  width: 11px;
  position: relative;
  height: 12px;
  left: 15px;
  top: 3px;
  margin: 5px 0 10px 6px;
}
.frieght-dtls-new1 .dangerous-goods, .routing-details .dangerous-goods {
  display: block;
  position: absolute;
  left: -8px;
  top: -5px;
  color: #ff9800;
}
.frieght-dtls-new1 .ico-dangerous-goods-1.dangerous-goods, .routing-details .ico-dangerous-goods-1.dangerous-goods {
  color: #143200;
}
.frieght-dtls-new1 .sub-grid-dangerous, .routing-details .sub-grid-dangerous {
  padding: 11px 5px 32px 15px;
}
.frieght-dtls-new1 .sub-grid-dangerous .clearfix, .routing-details .sub-grid-dangerous .clearfix {
  padding-bottom: 14px;
}
.frieght-dtls-new1 .sub-grid-dangerous .g-cell, .routing-details .sub-grid-dangerous .g-cell {
  float: left;
  width: 25%;
  max-width: 25%;
  padding: 2px 2px 20px 13px;
}
.frieght-dtls-new1 .sub-grid-dangerous .g-cell.dg-name, .routing-details .sub-grid-dangerous .g-cell.dg-name {
  /* font-family: $basic-font-helveticaneuelight-arial;//'HelveticaNeueLight',Arial; */
  font-size: 20px;
  letter-spacing: 0.5px;
  color: #000000;
  width: 20%;
  max-width: 20%;
  padding-left: 0;
}
.frieght-dtls-new1 .sub-grid-dangerous .dg-data, .routing-details .sub-grid-dangerous .dg-data {
  display: table;
  margin: 0 auto;
}
.frieght-dtls-new1 .sub-grid-dangerous .dg-data .g-cell, .routing-details .sub-grid-dangerous .dg-data .g-cell {
  display: table-cell;
  border-left: solid 1px #ffa200;
  padding-left: 13px;
}
.frieght-dtls-new1 .sub-grid-dangerous .dg-data .g-cell:nth-child(1), .frieght-dtls-new1 .sub-grid-dangerous .dg-data .g-cell:nth-child(7), .routing-details .sub-grid-dangerous .dg-data .g-cell:nth-child(1), .routing-details .sub-grid-dangerous .dg-data .g-cell:nth-child(7) {
  border-width: 2px;
}
.frieght-dtls-new1 .sub-grid-dangerous .dg-data .dg-title, .routing-details .sub-grid-dangerous .dg-data .dg-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #666;
  height: 30px;
  margin-bottom: 5px;
}
.frieght-dtls-new1 .sub-grid-dangerous .dg-data .dg-value, .routing-details .sub-grid-dangerous .dg-data .dg-value {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #444;
  height: 36px;
}
.frieght-dtls-new1 .cvbody, .routing-details .cvbody {
  display: flex;
  padding: var(--spacing-16, 16px) var(--spacing-35, 35px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8, 8px);
  align-self: stretch;
}
.frieght-dtls-new1 .cv-row, .routing-details .cv-row {
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
  padding-top: 16px;
}
.frieght-dtls-new1 .cv-first-row, .routing-details .cv-first-row {
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
  padding-top: 8px !important;
}
.frieght-dtls-new1 .ci-first-cell-data, .routing-details .ci-first-cell-data {
  font-size: 12px;
  line-height: 18px;
  min-width: 20%;
  max-width: 20%;
  padding-right: 16px;
  max-height: 92px;
}
.frieght-dtls-new1 .ci-first-cell-data strong, .routing-details .ci-first-cell-data strong {
  font-size: 16px;
  line-height: 24px;
}
.frieght-dtls-new1 .ci-part-number, .routing-details .ci-part-number {
  font-size: 12px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  cursor: default;
}
.frieght-dtls-new1 .ci-description-of-goods, .routing-details .ci-description-of-goods {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  cursor: default;
}
.frieght-dtls-new1 .cv-first-cell, .routing-details .cv-first-cell {
  padding-left: 0px !important;
}
.frieght-dtls-new1 .cv-last-cell, .routing-details .cv-last-cell {
  border-right: none !important;
}
.frieght-dtls-new1 .ci-heading-left, .routing-details .ci-heading-left {
  font-size: 12px;
  font-weight: 700;
}
.frieght-dtls-new1 .ci-heading-right, .routing-details .ci-heading-right {
  font-size: 12px;
  font-weight: 700;
}
.frieght-dtls-new1 .ci-value, .routing-details .ci-value {
  font-weight: 400;
  padding-top: 8px;
  min-height: 25px;
}
.frieght-dtls-new1 .cvbodysec, .routing-details .cvbodysec {
  min-width: -webkit-fill-available;
}
.frieght-dtls-new1 .cv-cell, .routing-details .cv-cell {
  min-width: 20%;
  max-width: 20%;
  border-left: 1px solid #ddd;
  display: flex;
  padding: 0 var(--spacing-16, 16px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-16, 16px);
  flex: 1 0 0;
  align-self: stretch;
}
.frieght-dtls-new1 .sub-grid-ci, .routing-details .sub-grid-ci {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.frieght-dtls-new1 .text-hover, .routing-details .text-hover {
  position: relative;
  cursor: pointer;
}
.frieght-dtls-new1 .text-hover::after, .routing-details .text-hover::after {
  content: attr(data-title);
  position: absolute;
  top: -100px;
  left: 0;
  background-color: #F5F5F5;
  color: #143200;
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 14px;
  display: block;
  width: max-content;
  max-width: 800px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  pointer-events: none;
}
.frieght-dtls-new1 .text-hover:hover::after, .routing-details .text-hover:hover::after {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .frieght-dtls-new1 .cvbody, .routing-details .cvbody {
    padding: var(--spacing-16, 16px);
  }
  .frieght-dtls-new1 .cvbody .cv-row, .routing-details .cvbody .cv-row {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .frieght-dtls-new1 .cvbody .cv-first-row, .routing-details .cvbody .cv-first-row {
    padding-bottom: 12px;
    padding-top: 4px !important;
  }
  .frieght-dtls-new1 .cvbody .cv-cell, .routing-details .cvbody .cv-cell {
    min-width: 100%;
    max-width: 100%;
    border-right: none;
    border-top: 1px solid #ddd;
    padding: 0;
    margin-bottom: 12px;
    border-left: none;
    padding-top: var(--spacing-16, 16px);
    align-items: flex-start;
    padding-top: var(--spacing-16, 16px);
    flex-direction: row;
  }
  .frieght-dtls-new1 .cvbody .ci-heading, .routing-details .cvbody .ci-heading {
    font-size: 11px;
    margin-bottom: 4px;
  }
  .frieght-dtls-new1 .cvbody .ci-heading-left, .routing-details .cvbody .ci-heading-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    font-size: 11px;
    font-weight: 700;
  }
  .frieght-dtls-new1 .cvbody .ci-heading-right, .routing-details .cvbody .ci-heading-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    align-self: stretch;
    font-size: 11px;
    font-weight: 700;
  }
  .frieght-dtls-new1 .cvbody .ci-value, .routing-details .cvbody .ci-value {
    font-size: 12px;
    padding-top: 0px;
    min-height: auto;
  }
  .frieght-dtls-new1 .cvbody .mob-only, .routing-details .cvbody .mob-only {
    display: flex !important;
  }
  .frieght-dtls-new1 .cvbody .ci-first-cell-data, .routing-details .cvbody .ci-first-cell-data {
    font-size: 11px;
    line-height: 16px;
    min-width: 100%;
    padding-bottom: var(--spacing-16, 16px);
  }
  .frieght-dtls-new1 .cvbody .ci-first-cell-data strong, .routing-details .cvbody .ci-first-cell-data strong {
    font-size: 14px;
    line-height: 20px;
  }
  .frieght-dtls-new1 .cvbody .sub-grid-ci, .routing-details .cvbody .sub-grid-ci {
    flex-direction: column;
  }
  .frieght-dtls-new1 .cvbody .text-hover::after, .routing-details .cvbody .text-hover::after {
    max-width: 550px;
  }
}
@media (max-width: 767px) {
  .frieght-dtls-new1 .cvbody, .routing-details .cvbody {
    padding: var(--spacing-16, 16px);
  }
  .frieght-dtls-new1 .cvbody .cv-row, .routing-details .cvbody .cv-row {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .frieght-dtls-new1 .cvbody .cv-first-row, .routing-details .cvbody .cv-first-row {
    padding-bottom: 12px;
    padding-top: 4px !important;
  }
  .frieght-dtls-new1 .cvbody .cv-cell, .routing-details .cvbody .cv-cell {
    min-width: 100%;
    max-width: 100%;
    border-right: none;
    border-top: 1px solid #ddd;
    padding: 0;
    margin-bottom: 12px;
    border-left: none;
    padding-top: var(--spacing-16, 16px);
    align-items: flex-start;
    padding-top: var(--spacing-16, 16px);
    flex-direction: row;
  }
  .frieght-dtls-new1 .cvbody .ci-heading, .routing-details .cvbody .ci-heading {
    font-size: 11px;
    margin-bottom: 4px;
  }
  .frieght-dtls-new1 .cvbody .ci-heading-left, .routing-details .cvbody .ci-heading-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    font-size: 11px;
    font-weight: 700;
  }
  .frieght-dtls-new1 .cvbody .ci-heading-right, .routing-details .cvbody .ci-heading-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    align-self: stretch;
    font-size: 11px;
    font-weight: 700;
  }
  .frieght-dtls-new1 .cvbody .ci-value, .routing-details .cvbody .ci-value {
    font-size: 12px;
    padding-top: 0px;
    min-height: auto;
  }
  .frieght-dtls-new1 .cvbody .ci-val-pad-top, .routing-details .cvbody .ci-val-pad-top {
    padding-top: 16px;
  }
  .frieght-dtls-new1 .cvbody .ci-first-cell-data, .routing-details .cvbody .ci-first-cell-data {
    font-size: 11px;
    line-height: 16px;
    min-width: 100%;
    padding-bottom: var(--spacing-16, 16px);
  }
  .frieght-dtls-new1 .cvbody .ci-first-cell-data strong, .routing-details .cvbody .ci-first-cell-data strong {
    font-size: 14px;
    line-height: 20px;
  }
  .frieght-dtls-new1 .cvbody .sub-grid-ci, .routing-details .cvbody .sub-grid-ci {
    flex-direction: column;
  }
  .frieght-dtls-new1 .cvbody .text-hover::after, .routing-details .cvbody .text-hover::after {
    max-width: 380px;
  }
}

.frieght-dtls-new1 + .frieght-dtls-cnt {
  width: 100%;
}
.frieght-dtls-new1 + .frieght-dtls-cnt .header-row {
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  display: block;
  padding: 20px 35px;
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
  border-top: 1px solid rgba(20, 50, 0, 0.2);
}
.frieght-dtls-new1 + .frieght-dtls-cnt .header-row .g-cell {
  height: auto;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #143200;
}
.frieght-dtls-new1 + .frieght-dtls-cnt .g-cell {
  max-width: 80%;
  width: 80%;
  display: block;
  padding: 8px 35px;
}
.frieght-dtls-new1 + .frieght-dtls-cnt .scrolable-part {
  overflow-x: hidden;
}

@media (min-width: 1600px) {
  .sd-grid-lft {
    /*max-width: 767px;*/
    padding-right: 15px;
  }
  .sd-grid-rgt {
    width: 504px;
    padding-left: 15px;
    padding-right: 0;
  }
  .stnd-no-o-item {
    margin-right: 21%;
  }
  .shipment-list-table tr td.empty-column {
    width: 11.2%;
  }
  .shipment-list-table tr td.first-header {
    width: 29%;
  }
  .shipment-list-table tr td.second-cell {
    width: 20.7%;
  }
  .shipment-list-table tr td.third-cell {
    width: 22.7%;
  }
  table.pod-link-table .pod-ico-cell {
    width: 35.7%;
  }
  table.pod-link-table .pod-ico-cell span {
    margin-left: 40px;
  }
  .frieght-dtls-new .parent-row-g-cells, .frieght-dtls-new .sub-grid-data-row, .frieght-dtls-new .header-row {
    padding-right: 50px;
  }
  .frieght-dtls-new .parent-row-g-cells .g-cell.fixed-small-block, .frieght-dtls-new .sub-grid-data-row .g-cell.fixed-small-block, .frieght-dtls-new .header-row .g-cell.fixed-small-block {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
  }
  .frieght-dtls-new .parent-row-g-cells .g-cell.medium-block, .frieght-dtls-new .sub-grid-data-row .g-cell.medium-block, .frieght-dtls-new .header-row .g-cell.medium-block {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
  }
  .frieght-dtls-new .parent-row-g-cells .g-cell.small-block, .frieght-dtls-new .sub-grid-data-row .g-cell.small-block, .frieght-dtls-new .header-row .g-cell.small-block {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
  }
}
@media (min-width: 1280px) {
  .frieght-dtls-new1 .g-cell, .routing-details .g-cell {
    min-width: 140px;
    max-width: 140px;
  }
  .frieght-dtls-new1 .g-cell.f-large-cell, .routing-details .g-cell.f-large-cell {
    max-width: 170px;
    min-width: 170px;
  }
  .frieght-dtls-new1 .g-cell.small-block, .routing-details .g-cell.small-block {
    min-width: 90px;
    max-width: 90px;
  }
}
@media (min-width: 1280px) and (max-width: 1599px) {
  .sd-grid-rgt {
    width: 416px;
    padding-left: 30px;
  }
  .shipment-list-table {
    /* tr td.first-header {
        width: 30%;
    }
    tr td.first-header + td {
        width: 20%;
    }
    tr td.third-cell{
        width: 20%;
    } */
  }
  .shipment-list-table tr td.empty-column {
    width: 130px;
    max-width: 130px;
    min-width: 130px;
  }
  .shipment-list-table tr td.first-header {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
  }
  .shipment-list-table tr td.first-header + td {
    width: 318px;
    min-width: 318px;
    max-width: 318px;
  }
  .shipment-list-table tr td.third-cell {
    width: 255px;
    min-width: 255px;
    max-width: 255px;
  }
  .shipment-list-table tr td.item-cell {
    max-width: 328px;
    min-width: 170px;
    width: 100%;
  }
  .shipment-list-table tr td.last-invisible-cell {
    min-width: 30px;
    width: 30px;
    border-bottom: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .frieght-dtls-new1 .g-cell, .routing-details .g-cell {
    min-width: 105px;
    max-width: 105px;
  }
  .frieght-dtls-new1 .g-cell.f-large-cell, .routing-details .g-cell.f-large-cell {
    max-width: 130px;
    min-width: 130px;
  }
  .frieght-dtls-new1 .g-cell.small-block, .routing-details .g-cell.small-block {
    min-width: 80px;
    max-width: 80px;
  }
}
@media (min-width: 1240px) and (max-width: 1279px) {
  .sd-grid-lft {
    /*max-width: 545px;*/
    padding-left: 5px;
    padding-right: 15px;
  }
  .sd-grid-rgt {
    width: 395px;
    padding-left: 15px;
    padding-right: 5px;
  }
  .milestone {
    max-width: 56%;
  }
  .shipment-list-table tr td.empty-column {
    width: 13.2%;
  }
  .shipment-list-table tr td.first-header {
    width: 23.5%;
  }
  .shipment-list-table tr td.first-header + td {
    width: 24.5%;
  }
  .shipment-list-table tr td.third-cell {
    width: 21%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1059px) {
  .stnd-no-o-item {
    margin-right: 5%;
  }
  .milestone {
    max-width: 57%;
    width: 57%;
  }
  .shipment-list-table tr td.empty-column {
    width: 18.5%;
  }
  .shipment-list-table tr td.first-header {
    width: 20%;
  }
  .shipment-list-table tr td.first-header + td {
    width: 24.5%;
  }
}
@media only screen and (min-width: 1060px) and (max-width: 1239px) {
  .stnd-no-o-item {
    margin-right: 5%;
  }
  .milestone {
    max-width: 57%;
    width: 57%;
  }
  .shipment-list-table tr td.empty-column {
    width: 15.5%;
  }
  .shipment-list-table tr td.first-header {
    width: 27.5%;
  }
  .shipment-list-table tr td.first-header + td {
    width: 19%;
  }
  table.pod-link-table .pod-ico-cell {
    width: 38%;
  }
}
@media (min-width: 992px) and (max-width: 1023px) {
  .sd-grid-lft {
    padding-left: 5px;
    padding-right: 15px;
  }
  .sd-grid-rgt {
    padding-left: 15px;
    padding-right: 5px;
  }
  .stnd-no-o-item {
    margin-right: 5px;
  }
}
@media (max-width: 991px) {
  .sd-grid-lft {
    /*max-width: 410px;*/
    padding-right: 10px;
  }
  .sd-grid-rgt {
    max-width: 286px;
    padding-left: 10px;
  }
  .overlayMapLook {
    width: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  #shipment-milestone-tabs {
    width: 100%;
  }
  #consignment-details {
    width: 100%;
    float: left;
  }
  .sd-grid-lft {
    padding-right: 0px;
  }
  .sd-grid-rgt {
    padding-left: 10px;
  }
  .left-section {
    padding-right: 2%;
  }
  .right-section {
    padding-left: 2%;
  }
  .overlayMapLook {
    width: 100%;
    left: 0;
  }
  li .acdn-header-wrapper {
    padding-left: 50px;
  }
  .milestone {
    padding-left: 35px;
    max-width: 56%;
  }
  li .connection-line {
    left: 50px;
  }
  .milestone-ico.current {
    left: 26px;
  }
  .small-excp-ico {
    margin: 25px 0 0 3px;
  }
  li.current .small-excp-ico {
    margin: 45px 0 0 3px;
  }
  td.empty-column .small-excp-ico,
  li.current td.empty-column .small-excp-ico {
    left: 36px;
  }
  .stnd-no-o-item {
    margin-right: 20px;
  }
  #related-parties-sec {
    display: block;
  }
  #related-parties-sec .toggle-section {
    width: 100px;
    float: right;
  }
  #related-parties-sec .toggle-section .acdn-toggler {
    margin-top: 0;
  }
  #related-parties-sec .sub-section {
    padding: 5px;
  }
  li .pod-tbl {
    padding: 20px 30px 20px 20px;
  }
  .pod-img img {
    width: 75%;
  }
  table.pod-link-table td.empty-column {
    width: 2.5%;
  }
  table.pod-link-table .pod-ico-cell span {
    margin-left: 20px;
  }
  table.pod-link-table td.pod-ico-cell {
    width: 31%;
  }
  .full-shipment-details .tab-headers > div:first-child {
    width: 55%;
    text-align: left;
  }
  .full-shipment-details .tab-headers > div {
    width: 15%;
    background-color: #f9f9f9;
    padding: 15px;
    padding-bottom: 13px;
    text-align: center;
  }
  .full-shipment-details .tab-headers > .tab-headers > div.first {
    text-align: left;
  }
  .full-shipment-details .tab-headers > div .text-content {
    display: none;
  }
  .full-shipment-details .tab-headers > div .icon-content {
    color: #143200;
    display: block;
  }
  .full-shipment-details .tab-headers > div.empty-tab .icon-content {
    visibility: hidden;
  }
  .shipment-list-table {
    /* tr td.empty-column {
           width: 14%;
       }
       tr td.first-header {
       	width: 24%;
    }
       tr td.first-header + td {
           width: 24%;
       } */
  }
  .shipment-list-table .subrow-table tr td {
    border-top: 0;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
  }
  .mob-only, .stage-date.mob-only, .g-cell.mob-only {
    display: none;
  }
  .frieght-dtls-new .grid-toggler {
    padding: 10px 15px 0 0;
    right: -10px;
  }
  .frieght-dtls-new .g-cell {
    max-width: 80px;
    min-width: 80px;
    width: 80px;
    padding-right: 5px;
  }
  .frieght-dtls-new .g-cell.medium-block {
    max-width: 120px;
    min-width: 120px;
    width: 120px;
  }
  .frieght-dtls-new .parent-row-g-cells .g-cell,
  .frieght-dtls-new .sub-grid-data-row .g-cell {
    padding-right: 5px;
  }
  .frieght-dtls-new .sub-grid-data-row.tblt-port-pdng {
    padding-left: 20px;
  }
  .frieght-dtls-new .sub-grid-data-row .sub-grid-dangerous {
    padding-right: 0;
  }
  .frieght-dtls-new .last-static-cell .icons {
    width: 40px;
    height: 40px;
    float: right;
  }
  .frieght-dtls-new .parent-row-g-cells, .frieght-dtls-new .sub-grid-data-row {
    background-color: inherit;
    width: 100%;
    padding-right: 5px;
    border-bottom: 2px solid #bbb;
    word-wrap: break-word;
    font-size: 16px;
    padding-left: 2px;
  }
  .frieght-dtls-new .parent-row-g-cells.g-row:before, .frieght-dtls-new .parent-row-g-cells .g-cell:before, .frieght-dtls-new .sub-grid-data-row.g-row:before, .frieght-dtls-new .sub-grid-data-row .g-cell:before {
    content: initial;
  }
  .frieght-dtls-new .icons.dang-good {
    left: 2px;
    margin-left: 5px;
  }
  .frieght-dtls-new .sub-grid-dangerous {
    padding-left: 5px;
  }
  .frieght-dtls-new .sub-grid-dangerous .g-cell {
    float: left;
    width: 24.5%;
    max-width: 24.5%;
    padding-right: 5px;
  }
  .frieght-dtls-new .sub-grid-dangerous .g-cell.dg-name {
    width: 19%;
    max-width: 19%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .frieght-dtls-new .g-cell {
    max-width: 80px;
    min-width: 80px;
    width: 80px;
    padding-right: 5px;
  }
  .frieght-dtls-new .g-cell.f-large-cell {
    max-width: 100px;
    min-width: 100px;
  }
  .frieght-dtls-new .g-cell.fixed-small-block {
    width: 55px;
    min-width: 55px;
    max-width: 55px;
  }
  .frieght-dtls-new .header-row {
    padding-left: 18px;
  }
  .frieght-dtls-new .g-cell.small-block {
    max-width: 60px;
    min-width: 60px;
    width: 60px;
  }
  .frieght-dtls-new .g-cell.medium-block {
    max-width: 80px;
    min-width: 80px;
    width: 80px;
  }
  .frieght-dtls-new .parent-row-g-cells .g-cell:first-child {
    max-width: 20px;
    min-width: 20px;
    width: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .sd-grid-lft {
    padding-right: 10px;
  }
  .sd-grid-rgt {
    padding-left: 10px;
  }
  .overlayMapLook {
    width: 100%;
    left: 0;
  }
  .full-shipment-details .tab-headers > div {
    padding: 10px 0;
    text-align: center;
  }
  .overlayMapLook .map-inner-wrapper {
    max-width: 900px;
    margin-top: 70px;
    height: 500px;
  }
  .tollModalBox {
    right: 0;
  }
  /* .milestone {
      width: 55%;
  }
  .location-n-toggler{
      width: 40%;
  }

  .shipment-list-table{
      tr td.empty-column {
          width: 14.5%;
      }
      tr td.first-header {
          width: 22.5%;
      }
      tr td.first-header + td {
          width: 26.5%;
      }
      tr td.third-cell{
          width: 18.3%;
      }
      .subrow-table {
          tr td:first-child {
          }
          tr td {
          }
      }
  } */
  .mob-only, .stage-date.mob-only {
    display: none;
  }
  .frieght-dtls-new .g-cell {
    max-width: 90px;
    min-width: 90px;
    width: 80px;
    padding-right: 5px;
  }
  .frieght-dtls-new .g-cell.fixed-small-block {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
  }
}
@media print {
  .printable-pod {
    display: block;
    width: 100%;
    height: 100%;
  }
}
/***************************************************************/
/******************** Styles for MMD page **********************/
/***************************************************************/
.details-page-mmd {
  font-weight: bold;
  font-size: 18px;
}

.top-buffer {
  margin-top: 15px !important;
  border-bottom: 1px solid rgba(20, 50, 0, 0.5);
  padding-bottom: 2.5px;
}

.row-mmd {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.collect-shipment {
  position: fixed !important;
}

@media (max-width: 1600px) {
  .collect-shipment {
    width: 80%;
    height: 100%;
    left: 10% !important;
  }
  #manage-delivery2 {
    height: 500px;
  }
}
@media (min-width: 1601px) {
  .collect-shipment {
    width: 65%;
    display: flex;
    flex-direction: column;
    left: 17.5% !important;
    height: 100%;
  }
  #manage-delivery2 {
    height: 430px;
  }
}
.collect-shipment-dialog {
  width: 100% !important;
  height: 90%;
}

.collect-shipment-content {
  border-radius: 0px;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 2px 0 rgba(20, 50, 0, 0.2);
  border-radius: 3px !important;
}

.collect-shipment-content .modal-header {
  height: 40px !important;
}

.collect-shipment-content .modal-header h3, #add-addr-popup .modal-header h2 {
  width: 100%;
  text-align: center;
}

.modal-dialog {
  width: 600px;
  margin: 30px auto;
  transform: translate(0, 0) !important;
}

.collect-shipment-body {
  height: 80%;
  width: 100%;
}

.scroll-bar-val {
  overflow-y: auto !important;
}

#ManageDelivery {
  height: 90%;
  width: 100%;
}

ul.tabs-nav li.active {
  border: 0.5px solid rgba(20, 50, 0, 0.2);
  border-bottom: none !important;
}

.manage-delivery-row {
  /*border:2px solid $basic-color-eeeeee;//eeee;*/
  width: 100%;
  display: flex;
  flex-direction: column;
}

.div1 {
  /*height:80%;*/
  border: 1px solid rgba(20, 50, 0, 0.2);
  display: flex;
  flex-direction: column;
  border-radius: 0 3px 3px 3px;
}

.first-tab {
  height: inherit;
}

.div2 {
  height: 90%;
}

#manage-delivery1 {
  border-top: 0.5px solid rgba(20, 50, 0, 0.2);
  display: flex;
  flex-direction: column;
}

#manage-delivery5 {
  border-right: 0.5px solid rgba(20, 50, 0, 0.2);
}

.info-blue {
  font-size: 14px;
  font-weight: bold;
  background: rgba(0, 154, 217, 0.4);
  border-radius: 100px;
  padding: 5px;
  margin-left: 15px;
  white-space: nowrap;
}

span#change-for-cl {
  font-weight: bold;
}

#manage-delivery4 h3 {
  font-weight: normal;
  font-family: "MovementSansRegular", Georgia !important;
}

#manage-delivery4 h3 b {
  font-weight: normal !important;
}

h3#redeliver-heading {
  font-family: "MovementSansRegular", Georgia !important;
  font-weight: normal;
}

.depot-marker {
  color: #048661 !important;
  font-size: 30px;
  background-image: url("../images/mmd-depotype.svg");
  width: 17px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

#toll-depot-cl .depot-marker {
  position: relative;
  top: 15px;
  left: 15px;
}

.depotCollect {
  white-space: normal !important;
}

.other-points-marker {
  background-image: url("../images/mmd-depotype.svg");
  height: 24px;
  width: 18px;
  background-size: cover;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 10px;
  background-repeat: no-repeat;
}

.other-collection-points {
  height: inherit;
  background-color: #f8f7f0;
  border-top: 1px solid rgba(20, 50, 0, 0.2);
}

.mmd-checkbox {
  display: inline-block !important;
}

#mmd-agreement {
  padding-left: 20px;
  position: relative;
  top: -15px;
}

.mmd-link {
  text-decoration: underline !important;
  padding-left: 40px;
}

#third-party-name {
  margin-bottom: 0px !important;
  min-height: 40px !important;
  padding: 10px;
}

#cl-success-box {
  padding-top: 30px;
  padding-bottom: 30px;
}

.show-more-link {
  height: 40px;
  overflow: auto;
  position: relative !important;
  width: 100% !important;
}

.showMore {
  cursor: pointer;
}

.nearest-location {
  background-color: #ffffff;
  padding-left: 10px;
}

#mmd-map {
  width: 100%;
  height: inherit;
}

#mmd-radio {
  padding-left: 10px;
}

.collectMyShipment {
  height: 100%;
}

.redeliverShipment {
  height: 100%;
  /* border-right:2px solid rgba(238, 238, 238, 0.933333);*/
}

.redeliverShipment1 {
  height: 50%;
  padding: 10px;
  display: block;
}

#tcp-disclaimer ul {
  padding-left: 40px !important;
}
#tcp-disclaimer ul li {
  list-style-type: disc;
}

.divide-radio {
  padding-top: 10px;
}
.divide-radio label {
  margin-left: 10px !important;
  font-weight: normal !important;
}
.divide-radio label input[type=radio] {
  top: 0px !important;
}

#manage-delivery3 h3 {
  font-family: "MovementSansRegular", Georgia !important;
  font-weight: normal !important;
}
#manage-delivery3 h3 b {
  font-weight: normal !important;
}

.redeliverShipment2 {
  height: 50%;
  padding: 10px;
  display: block;
}

.myteamge .redeliverShipment2 h3 {
  font-family: "MovementSansRegular", Georgia !important;
  font-weight: normal !important;
}

#manage-delivery2 {
  display: flex;
  flex-direction: column;
  border-top: 0.5px solid rgba(20, 50, 0, 0.2);
  padding-left: 0px !important;
}

#manage-delivery3 {
  border-right: 0.5px solid rgba(20, 50, 0, 0.2);
}

.unable-find {
  position: relative;
  right: 110px;
}

.bottom-padding {
  padding-bottom: 30px;
}

.top-padding {
  padding-top: 30px;
}
.top-padding button {
  width: 80%;
  padding-top: 15px;
  padding-bottom: 15px;
  white-space: normal !important;
}

.selectedShipment {
  background-color: #EEEAD9;
  border-radius: 3px;
}

.confirm-delivery-1 {
  position: relative;
  bottom: 0;
  margin-bottom: 5px;
  /* .question1 {
       margin-top: 90px;
   }

   .question2 {
       margin-top: 25px;
   }*/
}
.confirm-delivery-1 .question3 {
  background-color: rgba(255, 179, 26, 0.4);
  margin-right: 10px;
  border-radius: 3px;
  padding: 0px 10px;
}

.bold-text {
  font-weight: bold;
}

#other-points {
  border: 1px solid rgba(20, 50, 0, 0.2);
  /*height:240px;*/
  overflow: auto;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
}

.ocp-heading {
  padding-bottom: 4px;
  position: absolute;
  font-weight: bold;
}

.collection-points-container {
  height: 40px;
  overflow: auto;
  position: relative !important;
  width: 100% !important;
}

.mmd-row {
  height: 90%;
  border-right: 1px rgba(20, 50, 0, 0.4);
}

.contactDetails {
  height: 100%;
}

.input-label-grp table {
  width: 90%;
  margin-left: 10px;
}
.input-label-grp table #MMDuserName {
  margin: 0px 0px 10px 0px;
}
.input-label-grp table #MMDuserEmail {
  margin: 0px 0px 10px 0px;
}
.input-label-grp table.error input {
  background-color: #fadfdc;
  border: solid 2px rgba(222, 40, 23, 0.31);
  border-left: solid 3px #de2817;
}
.input-label-grp table.error .error-msg {
  color: #de2817;
  padding-bottom: 10px;
  display: block;
  -webkit-transition: padding 300ms ease-out;
  -moz-transition: margin 300ms ease-out;
  -o-transition: margin 300ms ease-out;
}

.small-box {
  width: 48% !important;
}

#collect-question-2 {
  white-space: pre-line;
}

#ATL-section input {
  width: 40% !important;
  min-width: 40% !important;
  margin-left: 5vw;
}
#ATL-section .atl-options {
  min-height: 40px;
  margin: 10px 0px 10px 0px;
  transition: all 0.3s ease;
  font-family: "Century Gothic", sans-serif !important;
  font-weight: normal;
  color: #143200;
  padding: 8px 10px;
  border: solid 1px rgba(20, 50, 0, 0.4);
  border-radius: 0;
  font-size: 16px !important;
  -webkit-appearance: none;
}

.option-input span {
  margin-left: 5px;
}

.depot-line {
  border-bottom: 1px solid #C7CACD;
}

.no-float {
  float: none !important;
}

#redeliver-wrng-icon {
  text-align: center;
  max-width: 55px;
  min-width: 55px;
}

#redeliver-wrng-txt {
  font-size: 18px;
  line-height: 1.6em;
  font-family: "Century Gothic", sans-serif !important;
  font-weight: bold;
}

/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/* CSS for contact us block */
.contact-box-wrpr {
  padding: 20px 0;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  margin-top: 20px;
  margin-bottom: 30px;
}

/* CSS for help and support block */
.myteamge .help-support-wrapper {
  padding: 20px 0;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%;
  color: #143200;
}
.myteamge .help-support-wrapper div.h-s-contents {
  text-align: center;
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
}
.myteamge .help-support-wrapper div.h-s-contents-left {
  text-align: left;
  max-width: 620px;
}
.myteamge .help-support-wrapper h3.h-s-title {
  font-size: 28px;
  font-weight: normal;
  line-height: 32px;
  margin-bottom: 16px;
  margin-top: 16px;
  font-family: "MovementSansRegular", Georgia !important;
}
.myteamge .help-support-wrapper h3.h-s-title i.icon.ico-not-found {
  font-size: 40px;
  vertical-align: middle;
  margin-right: 5px;
  font-weight: bold;
}
.myteamge .help-support-wrapper p.h-s-descr {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  font-family: "Century Gothic", sans-serif;
}
.myteamge .help-support-wrapper i.ico-external-link-1.link-icon-margin {
  margin-left: 26px;
  margin-right: 0px !important;
  vertical-align: middle;
  font-size: 17px !important;
}

/*to resolve conflict between .contact-box-wrpr and .single-contact-list,
.static-portlet-content-local when there is same css applying */
.contact-box-wrpr .single-contact-list,
.contact-box-wrpr .static-portlet-content-local {
  border-top: 0 !important;
  padding: 0 !important;
}

.contact-box-header {
  display: block;
  padding: 5px 20px 0px 35px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Century Gothic", sans-serif;
}

#share-cc span.new-smrt-chckbx-wrapr.label-set.ico-checkbox.flLeft {
  top: 2px;
}

.contact-box-body {
  padding: 0 30px;
}

.card-content .ico-contact-2:before,
.card-content .ico-external-link-2:before,
.card-content .ico-help-and-tips:before,
.card-content .ico-email-3:before {
  display: block;
  float: left;
  font-size: 31px;
  color: #143200;
  position: absolute;
  left: 0;
  text-align: center;
  top: 5px;
  margin: 0;
  line-height: 0;
}

.card-content a {
  color: #143200;
  text-decoration: none;
}

.card-content a.tel-num {
  color: #143200;
}

.ico-contact-2.gr-in-wh {
  color: #ffffff;
}

.contact-listing {
  padding: 0;
}

.single-contact-card {
  display: block;
  width: 24%;
  padding: 0 0 0 20px;
  border-bottom: 1px solid rgba(20, 50, 0, 0.5) !important;
  float: left;
  margin-top: 25px;
  min-height: 150px;
  position: relative;
}

.single-contact-card:after {
  border-right: 1px solid rgba(20, 50, 0, 0.5) !important;
  height: 90%;
  content: "";
  position: absolute;
  top: 0px;
  right: 0%;
}

.single-contact-card:last-child:after {
  border-right: none !important;
}

.contact-listing:last-child .single-contact-card {
  border-bottom: none !important;
}

.contact-listing.with-email .single-contact-card {
  min-height: 170px;
}

.tab-port-break {
  display: none;
  width: 100%;
  height: 1px;
  float: left;
}

.single-contact-card.no-mgn-rgt {
  margin-right: 0;
}

.single-contact-card .card-title {
  padding-bottom: 10px;
  font-size: 14px;
  color: #143200;
  font-family: "Century Gothic", sans-serif;
  font-weight: bold;
}

.card-content {
  color: #143200;
  font-size: 14px;
  padding: 0px 0 20px 45px;
  position: relative;
}

.contact-listing.with-email .card-content {
  padding-top: 0;
  margin-bottom: 10px;
  margin-top: 5px;
}

.single-contact-list .card-content a {
  text-decoration: underline !important;
  font-weight: bold;
}

.card-content.with-footer {
  padding-top: 0;
}

.single-contact-list .card-content i {
  position: relative;
  top: 8px;
  left: -35px;
}

.card-foot-note {
  color: #143200;
  font-size: 14px;
  font-weight: normal;
}

@media (max-width: 991px) {
  .single-contact-card {
    width: 48%;
    margin-top: 0;
    padding: 20px 0px 0px 20px;
  }
  .single-contact-card:after {
    top: 10px;
    height: 85%;
  }
  .single-contact-card.no-mgn-rgt-tab-port:after {
    border-right: none;
  }
  .tab-port-break {
    display: block;
  }
  .single-contact-card.no-mgn-rgt-tab-port {
    margin-left: 0;
  }
  .contact-listing:last-child .single-contact-card {
    border-bottom: 1px solid #dedede;
  }
  .card-content a {
    display: inline-block !important;
    margin-top: -12px !important;
    vertical-align: middle;
  }
  #pod-tab-button, #fd-tab-button, #ci-tab-button {
    width: 225px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .card-foot-note-prio-aus {
    color: #143200;
    font-size: 11px;
    padding: 3px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sub-section.clearfix .sub-section-header  {
    font-size:  13px !important;
    text-transform: capitalize;
  }
  .static-portlet-content-local {
    padding: 20px 0px;
  }
  #pod-tab-button, #fd-tab-button, #ci-tab-button {
    width: 185px;
    font-size: 13px;
  }
  #fd-tab-button {
    margin-top: 0px;
  }
  .contact-listing .single-contact-card, .contact-listing.with-email .single-contact-card {
    min-height: 0px;
    padding-top: 20px;
    padding-bottom: 0;
    margin: 0;
    width: 100%;
  }
  .single-contact-card:after {
    border-right: none;
  }
  .single-contact-card.no-mgn-rgt-tab-port {
    margin-left: 0%;
  }
  .card-foot-note-prio-aus {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 1024px) and (orientation: portrait) {
  .milestone {
    width: 420px;
  }
  .milestone-edd {
    width: 75% !important;
    max-width: 75% !important;
  }
  .stage-header h5 {
    width: 170px;
  }
  .acdn-tab-header .stage-date {
    width: 215px;
  }
  .location-n-toggler {
    width: calc(100% - 500px);
  }
  .current-location {
    width: calc(100% - 60px);
  }
  .location-n-toggler .acdn-toggler.ico-accordian-down:before, .location-n-toggler .acdn-toggler.ico-accordian-up:before {
    content: "";
    width: 0;
  }
  .shipment-list-table tr td.empty-column {
    width: 105px;
  }
  .shipment-list-table tr td.first-header {
    width: 170px;
  }
  .shipment-list-table tr td.first-header + td {
    width: 295px;
  }
  .milestone-ico {
    left: 36px;
  }
  .milestone-ico.current {
    left: 38px;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .tab-port-break {
    display: block;
  }
  .single-contact-card.no-mgn-rgt-tab-port {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .card-foot-note-prio-aus {
    color: #656565;
    font-size: 11px;
    padding: 3px 0;
  }
}
@media (max-width: 767px) {
  .static-portlet-content-local {
    padding: 20px 15px;
  }
  .contact-listing .single-contact-card {
    min-height: 0px;
    padding-top: 20px;
    padding-bottom: 0;
    margin: 0;
    width: 100%;
  }
  .single-contact-card > div {
    border-right: none;
  }
  .single-contact-card.no-mgn-rgt-tab-port {
    margin-left: 0%;
  }
  .card-foot-note {
    padding: 10px 0;
  }
  .card-foot-note-prio-aus {
    padding: 10px 0;
  }
}
button#share-submit[disabled=disabled] {
  pointer-events: none;
}

button#share-submit .ico-loading, button#unauth-email-watch .ico-loading {
  right: 5% !important;
  top: 26% !important;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .milestone {
    width: 400px;
    max-width: 400px;
  }
  .stage-header h5 {
    width: 140px;
  }
  .acdn-tab-header .stage-date {
    width: auto;
  }
  .location-n-toggler {
    width: calc(100% - 400px);
  }
  .location-n-toggler-edd {
    width: 25%;
  }
  .milestone-edd {
    max-width: 75% !important;
    width: 75% !important;
  }
  .current-location {
    width: calc(100% - 60px);
  }
  .location-n-toggler .acdn-toggler.ico-accordian-down:before, .location-n-toggler .acdn-toggler.ico-accordian-up:before {
    content: "";
    width: 0;
  }
  .shipment-list-table tr td.empty-column {
    width: 105px;
  }
  .shipment-list-table tr td.first-header {
    width: 140px;
  }
  .shipment-list-table tr td.first-header + td {
    width: 230px;
  }
  .milestone-ico {
    left: 36px;
  }
  .milestone-ico.current {
    left: 38px;
  }
}
@media (max-width: 1023px) {
  .mob-only {
    display: block !important;
  }
  .mob-only.inline {
    display: inline !important;
  }
  .frieght-dtls-new1 .hideInMob, .frieght-dtls-new1 .hide-in-mob, .routing-details .hideInMob, .routing-details .hide-in-mob {
    display: none !important;
  }
  .frieght-dtls-new1 .g-row, .routing-details .g-row {
    width: 100%;
    padding: 0 15px;
    position: relative;
  }
  .frieght-dtls-new1 .g-row.opened .show-when-expanded, .frieght-dtls-new1 .g-row.opened .g-cell.show-when-expanded, .routing-details .g-row.opened .show-when-expanded, .routing-details .g-row.opened .g-cell.show-when-expanded {
    display: inline-block;
  }
  .frieght-dtls-new1 .smart-grid .header-row, .routing-details .smart-grid .header-row {
    display: none;
  }
  .frieght-dtls-new1 .sprite2.grid-toggler, .routing-details .sprite2.grid-toggler {
    background-position: 16px -1660px;
  }
  .frieght-dtls-new1 .sprite2.grid-toggler.closed, .routing-details .sprite2.grid-toggler.closed {
    background-position: 15px -1601px;
  }
  .frieght-dtls-new1 a.subgrid-toggler, .routing-details a.subgrid-toggler {
    float: right;
    margin-right: 0;
  }
  .frieght-dtls-new1 .row-wrapper, .routing-details .row-wrapper {
    border-bottom: 0;
  }
  .frieght-dtls-new1 .parent-row-g-cells.g-row .g-cell:first-child, .routing-details .parent-row-g-cells.g-row .g-cell:first-child {
    display: none;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell, .frieght-dtls-new1 .sub-grid-data-row .g-cell, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell, .routing-details .parent-row-g-cells .g-cell, .routing-details .parent-row-g-cells .g-cell.f-large-cell, .routing-details .sub-grid-data-row .g-cell, .routing-details .sub-grid-data-row .g-cell.f-large-cell {
    width: 50%;
    max-width: 50%;
    padding: 0;
    min-width: 50%;
    display: inline-block;
    float: left;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell.show-when-expanded, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell.show-when-expanded, .frieght-dtls-new1 .sub-grid-data-row .g-cell.show-when-expanded, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell.show-when-expanded, .routing-details .parent-row-g-cells .g-cell.show-when-expanded, .routing-details .parent-row-g-cells .g-cell.f-large-cell.show-when-expanded, .routing-details .sub-grid-data-row .g-cell.show-when-expanded, .routing-details .sub-grid-data-row .g-cell.f-large-cell.show-when-expanded {
    display: none;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell.full-width, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell.full-width, .frieght-dtls-new1 .sub-grid-data-row .g-cell.full-width, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell.full-width, .routing-details .parent-row-g-cells .g-cell.full-width, .routing-details .parent-row-g-cells .g-cell.f-large-cell.full-width, .routing-details .sub-grid-data-row .g-cell.full-width, .routing-details .sub-grid-data-row .g-cell.f-large-cell.full-width {
    width: 100%;
    max-width: 100%;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell .col-n-m, .frieght-dtls-new1 .parent-row-g-cells .g-cell .cell-data, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .col-n-m, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .cell-data, .frieght-dtls-new1 .sub-grid-data-row .g-cell .col-n-m, .frieght-dtls-new1 .sub-grid-data-row .g-cell .cell-data, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .col-n-m, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .cell-data, .routing-details .parent-row-g-cells .g-cell .col-n-m, .routing-details .parent-row-g-cells .g-cell .cell-data, .routing-details .parent-row-g-cells .g-cell.f-large-cell .col-n-m, .routing-details .parent-row-g-cells .g-cell.f-large-cell .cell-data, .routing-details .sub-grid-data-row .g-cell .col-n-m, .routing-details .sub-grid-data-row .g-cell .cell-data, .routing-details .sub-grid-data-row .g-cell.f-large-cell .col-n-m, .routing-details .sub-grid-data-row .g-cell.f-large-cell .cell-data {
    display: block;
    float: left;
    height: 40px;
    width: 100%;
    padding: 10px 0 0;
    background-color: #ffffff;
    color: #143200;
    line-height: 120%;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell .cell-data, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .cell-data, .frieght-dtls-new1 .sub-grid-data-row .g-cell .cell-data, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .cell-data, .routing-details .parent-row-g-cells .g-cell .cell-data, .routing-details .parent-row-g-cells .g-cell.f-large-cell .cell-data, .routing-details .sub-grid-data-row .g-cell .cell-data, .routing-details .sub-grid-data-row .g-cell.f-large-cell .cell-data {
    padding: 0px;
    border-bottom: 1px solid rgba(20, 50, 0, 0.2);
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell .cell-data .icons, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .cell-data .icons, .frieght-dtls-new1 .sub-grid-data-row .g-cell .cell-data .icons, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .cell-data .icons, .routing-details .parent-row-g-cells .g-cell .cell-data .icons, .routing-details .parent-row-g-cells .g-cell.f-large-cell .cell-data .icons, .routing-details .sub-grid-data-row .g-cell .cell-data .icons, .routing-details .sub-grid-data-row .g-cell.f-large-cell .cell-data .icons {
    width: 30px;
    height: 30px;
    float: right;
    position: relative;
    margin-right: 10px;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell .cell-data .icons.dang-good, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .cell-data .icons.dang-good, .frieght-dtls-new1 .sub-grid-data-row .g-cell .cell-data .icons.dang-good, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .cell-data .icons.dang-good, .routing-details .parent-row-g-cells .g-cell .cell-data .icons.dang-good, .routing-details .parent-row-g-cells .g-cell.f-large-cell .cell-data .icons.dang-good, .routing-details .sub-grid-data-row .g-cell .cell-data .icons.dang-good, .routing-details .sub-grid-data-row .g-cell.f-large-cell .cell-data .icons.dang-good {
    float: left;
    position: relative;
    width: 5px;
    margin-right: 0;
    margin-top: -5px;
    left: -5px;
    top: 10px;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell .cell-data .icons a.grid-toggler, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .cell-data .icons a.grid-toggler, .frieght-dtls-new1 .sub-grid-data-row .g-cell .cell-data .icons a.grid-toggler, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .cell-data .icons a.grid-toggler, .routing-details .parent-row-g-cells .g-cell .cell-data .icons a.grid-toggler, .routing-details .parent-row-g-cells .g-cell.f-large-cell .cell-data .icons a.grid-toggler, .routing-details .sub-grid-data-row .g-cell .cell-data .icons a.grid-toggler, .routing-details .sub-grid-data-row .g-cell.f-large-cell .cell-data .icons a.grid-toggler {
    width: 55px;
    height: 50px;
    top: 0;
    left: 0;
    bottom: 10px;
    text-align: center;
  }
  .frieght-dtls-new1 .parent-row-g-cells .g-cell .mob-only, .frieght-dtls-new1 .parent-row-g-cells .g-cell.f-large-cell .mob-only, .frieght-dtls-new1 .sub-grid-data-row .g-cell .mob-only, .frieght-dtls-new1 .sub-grid-data-row .g-cell.f-large-cell .mob-only, .routing-details .parent-row-g-cells .g-cell .mob-only, .routing-details .parent-row-g-cells .g-cell.f-large-cell .mob-only, .routing-details .sub-grid-data-row .g-cell .mob-only, .routing-details .sub-grid-data-row .g-cell.f-large-cell .mob-only {
    display: block !important;
  }
  .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells, .routing-details .has-dang-goods .parent-row-g-cells {
    background-color: initial;
    padding: 0;
  }
  .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells.opened, .routing-details .has-dang-goods .parent-row-g-cells.opened {
    background-color: initial;
    border-bottom: 0;
  }
  .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells .g-cell .col-n-m, .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells .g-cell .cell-data, .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells .g-cell.f-large-cell .col-n-m, .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells .g-cell.f-large-cell .cell-data, .routing-details .has-dang-goods .parent-row-g-cells .g-cell .col-n-m, .routing-details .has-dang-goods .parent-row-g-cells .g-cell .cell-data, .routing-details .has-dang-goods .parent-row-g-cells .g-cell.f-large-cell .col-n-m, .routing-details .has-dang-goods .parent-row-g-cells .g-cell.f-large-cell .cell-data {
    padding-left: 15px;
  }
  .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells .g-cell .cell-data, .frieght-dtls-new1 .has-dang-goods .parent-row-g-cells .g-cell.f-large-cell .cell-data, .routing-details .has-dang-goods .parent-row-g-cells .g-cell .cell-data, .routing-details .has-dang-goods .parent-row-g-cells .g-cell.f-large-cell .cell-data {
    padding-top: 5px;
  }
  .frieght-dtls-new1 .has-dang-goods .g-cell .col-n-m, .frieght-dtls-new1 .has-dang-goods .g-cell .cell-data, .frieght-dtls-new1 .has-dang-goods .g-cell.f-large-cell .col-n-m, .frieght-dtls-new1 .has-dang-goods .g-cell.f-large-cell .cell-data, .routing-details .has-dang-goods .g-cell .col-n-m, .routing-details .has-dang-goods .g-cell .cell-data, .routing-details .has-dang-goods .g-cell.f-large-cell .col-n-m, .routing-details .has-dang-goods .g-cell.f-large-cell .cell-data {
    height: 60px;
    /* padding: 23px 0; */
  }
  .frieght-dtls-new1 .has-dang-goods .g-cell .cell-data, .frieght-dtls-new1 .has-dang-goods .g-cell.f-large-cell .cell-data, .routing-details .has-dang-goods .g-cell .cell-data, .routing-details .has-dang-goods .g-cell.f-large-cell .cell-data {
    background-color: #ffeccc;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .heading, .routing-details .has-dang-goods .sub-grid-dangerous .heading {
    padding-left: 13px;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell.dg-name, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell.dg-name {
    width: 100%;
    max-width: 100%;
    border-bottom: 2px solid #ffa200;
    border-right: 0;
    margin-bottom: 30px;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell {
    float: left;
    border-left: 0;
    padding: 0 2px 0 13px;
    border-bottom: 0;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell .dg-title, .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell .dg-value, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell .dg-title, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell .dg-value {
    margin-bottom: 0;
    border-right: solid 1px #ffa200;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell .dg-title, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell .dg-title {
    padding-top: 2px;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell .dg-value, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell .dg-value {
    padding-bottom: 20px;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell:nth-child(even) .dg-title, .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell:nth-child(even) .dg-value, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell:nth-child(even) .dg-title, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell:nth-child(even) .dg-value {
    border-right: 0;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell.border-bottom, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell.border-bottom {
    border-bottom: 1px solid #ffa200;
    margin-bottom: 20px;
  }
  .frieght-dtls-new1 .has-dang-goods .sub-grid-dangerous .g-cell.border-bottom .dg-value, .routing-details .has-dang-goods .sub-grid-dangerous .g-cell.border-bottom .dg-value {
    margin-bottom: 10px;
  }
  .routing-details .parent-row-g-cells.g-row .g-cell:first-child {
    display: block;
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .manage-delivery-row ul > li {
    height: 15vh;
    width: 50%;
  }
  .manage-delivery-row ul > li a {
    height: 15vh !important;
    white-space: pre-wrap;
    margin: 0px !important;
  }
}
@media (max-width: 767px) {
  .shipementDetailFormWrapper .sd-header-lft, .shipementDetailFormWrapper .sd-header-rgt {
    padding: 0;
  }
  .shpmt-sts-ico {
    margin-top: -10px;
  }
  .top-rgt-dtls-wrapr {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .top-rgt-dtls-wrapr .date, .top-rgt-dtls-wrapr .refNum {
    float: left;
    text-align: left;
    width: 100%;
    padding-left: 0;
  }
  .top-rgt-dtls-wrapr .light-label, .top-rgt-dtls-wrapr .label-val {
    text-align: left;
  }
  .sd-header-rgt {
    padding-right: 20px;
    padding-left: 20px;
  }
  .sd-header-rgt #icon-sets {
    margin-top: 0;
    border-top: 1px solid #dedede;
    padding-top: 20px;
  }
  .sd-header-rgt #icon-sets .right-aligned-watch {
    float: right;
  }
  .sd-header-rgt #icon-sets .share-wrpr.mob-left {
    float: left;
  }
  .full-shipment-details .tab-headers > div:first-child {
    width: 55%;
    text-align: left;
  }
  .full-shipment-details .tab-headers > div {
    width: 15%;
    background-color: #d9d8d8;
    border: 1px solid #e1e1e1;
    text-align: center;
  }
  .full-shipment-details .tab-headers > div .text-content {
    display: none;
  }
  .full-shipment-details .tab-headers > div .icon-content {
    line-height: 2;
    display: block;
  }
  .full-shipment-details .tab-headers > div.empty-tab .icon-content {
    color: transparent;
  }
  .full-shipment-details #related-parties-sec {
    display: block;
    width: 100%;
  }
  .full-shipment-details #related-parties-sec .toggle-section {
    width: 100%;
    float: left;
    display: block;
    background-color: #eeeeee;
    margin: 0;
    text-align: center;
  }
  .full-shipment-details #related-parties-sec .toggle-section .acdn-toggler {
    color: #143200;
    position: initial;
    margin-top: 0;
    width: 100%;
    padding: 15px;
  }
  .full-shipment-details li.current .PCKDUP, .full-shipment-details li.current .SHPCRE,
  .full-shipment-details li.current .BOOKED, .full-shipment-details li.current .INTRNST,
  .full-shipment-details li.current .OUTFDL, .full-shipment-details li.current .DELVERD,
  .full-shipment-details li.current .AWTCOL, .full-shipment-details li.current .COLLCTD,
  .full-shipment-details li.current .CANCLD, .full-shipment-details li.current .PRTDEL {
    font-size: 30px !important;
    color: #143200;
    left: 30px;
  }
  #shipment-dtls-toggler.ico-accordian-down:before, #shipment-dtls-toggler.ico-accordian-up:before, .location-n-toggler .acdn-toggler.ico-accordian-down:before, .location-n-toggler .acdn-toggler.ico-accordian-up:before {
    content: "";
    width: 0;
  }
  .left-section, .right-section {
    width: 100%;
    margin: 0;
  }
  .right-section {
    display: none;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #E5E5E5;
    padding-top: 15px;
  }
  .right-section.opened {
    display: block;
  }
  .milestone-list-header h5.small-heading {
    padding-left: 10px;
  }
  .milestone-list-header .shipment-journey-tabs > a {
    width: 70px;
    height: 50px;
    padding: 5px;
    font-size: 11px;
    padding-top: 20px;
  }
  .milestone-list-header .shipment-journey-tabs > a.map-pin-ico {
    padding: 20px;
    background-color: rgba(20, 50, 0, 0.2);
  }
  .hideInMob, .hide-in-mob {
    display: none !important;
  }
  .ship-jrny-acdn li .connection-line {
    left: 43px;
    top: 53px;
  }
  .ship-jrny-acdn li .connection-line.reverse {
    top: 3px;
  }
  .milestone-ico.current {
    left: 32px;
    top: 23px;
  }
  .toll-modal-form-box .message-wrapper h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .ico-wrapper {
    width: auto !important;
  }
  .message-wrapper #okay-button-for-watching {
    margin-top: 0 !important;
  }
  .scrolable-part {
    width: 100%;
  }
  .g-row {
    width: 100%;
    padding-right: 0;
    position: relative;
  }
  .smart-grid .header-row {
    display: none;
  }
  /* .g-cell,
  .g-cell.bigger-cells,
  .g-cell.medium-cells{
      display : none;
      width   : 100%;
      padding : 0;
      min-width: 100%;
      max-width: 100%;
  } */
  .g-cell.only-mob {
    display: block;
  }
  .grid-caption {
    text-align: center;
    height: 60px;
  }
  a.grid-toggler {
    width: 55px;
    height: 50px;
    top: 0;
    left: 0;
    bottom: 10px;
    text-align: center;
  }
  .sprite2.grid-toggler {
    background-position: 16px -1660px;
  }
  .sprite2.grid-toggler.closed {
    background-position: 15px -1601px;
  }
  a.subgrid-toggler {
    float: right;
    margin-right: 0;
  }
  /* .g-row .g-cell:first-child,.g-row .g-cell.last-static-cell{
      display: block;
  } */
  /* .g-cell.last-static-cell{
      width : 60px;
      min-width: 60px;
      max-width: 60px;
      height: 69px;
      top: 0;
      -webkit-box-shadow: -12px -1px 70px -9px rgba(50,50,50,0.54);
      -moz-box-shadow:    -12px -1px 70px -9px rgba(50,50,50,0.54);
      box-shadow:         -12px -1px 70px -9px rgba(50,50,50,0.54)
  } */
  /* .col-n-m{
         display          : block;
         float            : left;
         height           : 70px;
         width            : 35%;
         padding          : 10px 15px;
         background-color : $basic-color-d5e0df;//D5E0DF;
         color            : $basic-color-2b3438;//2B3438;
         line-height: 120%;
         border-bottom    : 1px solid $basic-color-666666;//666;
     }

     .cell-data, #routing-details-tab .cell-data{
         display       : block;
         float         : left;
         height        : 70px;
         max-height    : 70px;
         width         :65%;
         padding       : 10px 10px;
         overflow: hidden;
         background-color: $basic-color-eef2f1;//EEF2F1;
         line-height: 120%;
         border-bottom: 1px solid $basic-color-666666;//666; 
     }

     .parent-row-g-cells .col-n-m{
         background-color: $basic-color-2b3438;//2b3438;
         color: $basic-color-ffffff;//fff;
     }
     .parent-row-g-cells .cell-data{
         background-color: $basic-color-ffffff;//fff;
     }

     .g-row.opened,
     .g-row.opened .g-cell,
     .g-row.opened .g-cell.bigger-cells,
     .g-row.opened .g-cell.medium-cells {
         background-color: $basic-color-ffffff;//fff;
         color: $basic-color-666666;//666;
         display: block;
     }

     .g-row.opened .g-cell:first-child {
         color: $basic-color-2b3438;//2B3438;
     }

     .sub-grid-data-row.g-row.opened .g-cell:first-child {
         background-color: $basic-color-ffffff;//fff;
         color: $basic-color-666666;//666;
     }

     .last-static-cell .icons{
         height: 60px;
         width: 60px;
         position: relative;
     }

     .dummy-height-cell{
         display: none;
     }
     .dangerous-goods{
         left: 8px;
     }

     .g-cell.last-static-cell.single-level{
         display: block;
     }

     .grid-toggler.only-mob{
         display: block;
     }
  */
  #share-form-body, #watch-form-body {
    padding: 40px 20px;
  }
  #share-form-body .message-wrapper button.smart-btn, #watch-form-body .message-wrapper button.smart-btn {
    width: 100%;
    margin: 0;
  }
  #share-form-body .message-wrapper button.smart-btn:first-child, #watch-form-body .message-wrapper button.smart-btn:first-child {
    margin-bottom: 10px;
    margin-right: 0;
  }
  a.edit-profile-settings {
    margin-right: 20px;
  }
  #share-form-area .input-label-grp, #share-form-area .textarea-label-grp {
    padding-right: 5px;
    margin: 0;
  }
  #share-form-body .message-wrapper, #watch-form-body .message-wrapper {
    width: 100%;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .add-remv-actn {
    width: 40px;
    right: 0;
  }
  .message-wrapper #okay-button-for-watching {
    margin-top: 0 !important;
  }
  .acdn-tab-header .stage-date.mob-only {
    display: block !important;
  }
  .header-shipment-num {
    padding-left: 0;
  }
  h1.page-heading i {
    margin-bottom: 10px;
  }
  #shipment-milestone-tabs {
    width: 100%;
  }
  #consignment-details {
    width: 100%;
    float: left;
  }
  .lifecycle-heading {
    text-align: left;
    margin: 0 10px;
    padding: 0;
  }
  #shipment-milestone-tabs, .wd58pc,
  #consignment-details, .wd42pc {
    width: 100%;
    border-left: 0;
    border-right: 0;
  }
  #consignment-details {
    margin-top: 30px;
  }
  .left-section {
    padding-right: 0;
  }
  li .acdn-tab-header {
    padding-top: 10px;
    padding-right: 5px;
  }
  .milestone {
    width: 95%;
    max-width: 95%;
    padding: 15px 0 0 0;
  }
  .milestone-edd {
    max-width: 95% !important;
    padding-top: 0px;
  }
  .stage-header-edd {
    padding-top: 15px;
  }
  .acdn-tab-header .stage-edd-date {
    width: calc(100% - 145px) !important;
    line-height: 24px;
  }
  li.current .milestone {
    padding-top: 0;
  }
  li.current .location-n-toggler {
    padding-top: 20px;
  }
  li.current .small-excp-ico {
    margin: 45px 0 0 3px;
  }
  li.current .stage-header {
    height: 60px;
    display: table-cell;
    text-align: right;
    width: 767px;
    max-width: 100%;
    vertical-align: middle;
  }
  li.current .stage-header h5 {
    line-height: 20px;
    text-align: left;
  }
  li.current .acdn-tab-header .stage-date {
    line-height: 20px;
  }
  li.active.current .milestone {
    padding-top: 0;
  }
  li.active .acd-details {
    border-top: 1px solid #bbb;
  }
  .location-n-toggler {
    width: 5%;
    padding-top: 15px;
    /* max-width: 30px; */
  }
  .stage-header .current-location {
    width: 100%;
    margin-top: 5px;
  }
  .stage-header h5 {
    width: 145px;
  }
  .stage-header .stage-date {
    width: calc(100% - 145px);
    text-align: left;
  }
  .sd-header-lft {
    padding-left: 10px;
  }
  .milestone-ico {
    left: 30px;
    top: 18px;
  }
  .ship-jrny-acdn li .connection-line.white-line {
    top: 0px;
  }
  .gridview {
    margin-left: 2px;
  }
  h5.small-heading {
    padding-left: 15px;
  }
  .sub-section-header {
    font-size: 14px;
  }
  .mob-mgn-btm-20px {
    margin-bottom: 20px;
  }
  .small-excp-ico {
    margin-left: 3px;
    margin-top: 24px;
  }
  .share-link {
    float: left;
    margin-left: 0;
  }
  .watch-btn {
    float: none;
    margin-left: 0;
  }
  .wd-50pc.mob-left .light-label {
    text-align: left;
  }
  .wd-50pc.mob-left .label-val {
    text-align: left;
  }
  .sd-grid-lft,
  .sd-grid-rgt {
    max-width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }
  .sd-pdng {
    padding-left: 2px;
  }
  .expand-map {
    display: none;
  }
  .mob-pdng-15px-lr {
    padding: 15px;
  }
  .sub-section-dtls {
    padding-bottom: 15px;
  }
  .shipment-list-table tr {
    padding: 5px 0;
  }
  .shipment-list-table tr.brdr-btm-mob {
    border-bottom: 1px solid #143200;
  }
  .shipment-list-table tr.sub-par-row td {
    border: 0;
  }
  .shipment-list-table tr td {
    display: block;
    width: calc(100% - 80px);
    font-size: 13px;
    padding: 0;
    border-bottom: none;
    float: right;
  }
  .shipment-list-table tr td.subrow-container .dropDiv {
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
  }
  .shipment-list-table tr td.first-header {
    padding-top: 10px;
    width: calc(100% - 80px);
  }
  .shipment-list-table .subrow-container tr {
    border-bottom: 1px solid #f9f9f9;
    padding: 10px 0;
  }
  .shipment-list-table .subrow-container tr td {
    width: 100%;
  }
  .shipment-list-table tr.gridrow td:last-child {
    float: right;
    padding-bottom: 10px;
  }
  .shipment-list-table tr.last-event td:last-child, .shipment-list-table tr.second-last-event td:last-child {
    border-bottom: none;
  }
  .shipment-list-table tr td.empty-column {
    display: none;
    border-top: none;
    border-bottom: none;
  }
  .shipment-list-table tr.warning td.empty-column {
    position: absolute;
    width: 0;
    height: 0;
  }
  .shipment-list-table td.date-cell-bold {
    color: #143200;
    font-weight: normal;
  }
  .shipment-list-table tr.warning div.warning-icon {
    left: 26px;
  }
  .shipment-list-table td.mob-only {
    display: block !important;
    position: absolute;
    width: 30px;
    border: 0;
    right: 0;
    top: 20%;
  }
  .shipment-list-table tr td.last-invisible-cell {
    display: none;
  }
  .shipment-list-table tr td.last-m-cell {
    padding-bottom: 5px;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
  }
  .shipment-list-table tr td.last-m-cell .sub-row-toggler {
    position: absolute;
    right: 0;
    top: -40px;
  }
  .shipment-list-table .subrow-table tr td {
    padding: 0;
    padding-left: 5px;
    border: none;
    line-height: 150%;
    font-size: 11px;
  }
  .shipment-list-table .subrow-table tr td:first-child {
    width: 100%;
    padding-top: 7px;
  }
  .shipment-list-table .subrow-table tr td.border-mob-lite {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
  }
  .shipment-list-table .subrow-table tr:last-child td.border-mob-lite {
    border-bottom: 0px;
  }
  li .acd-details {
    border-top: 1px solid #F5F5F5;
  }
  li .acd-details a.sub-row-toggler {
    margin-right: 10px;
  }
  .row.no-marg-top-mob {
    margin-top: 0;
  }
  .d-row {
    padding-left: 15px;
  }
  .pod-img img {
    width: 85%;
  }
  #shipment-milestone-list ul li {
    border-bottom: 1px solid #E5E5E5;
  }
  .mob-only.inline {
    display: inline !important;
    color: #143200;
  }
  #share-form-area .smart-btn {
    margin-right: 5px;
  }
  .subrow-table {
    margin-left: 0;
  }
  table.pod-link-table td {
    display: block;
    text-align: left;
    padding: 1px 0;
    float: none;
    width: 100%;
    padding-left: 20px;
  }
  table.pod-link-table td .ico-pod2:before {
    margin: 0;
  }
  table.pod-link-table td span {
    margin-left: 17px;
  }
  table.pod-link-table td span.pod-note {
    margin-left: 40px;
  }
  table.pod-link-table td a.pod-link {
    margin-top: -42px;
  }
  table.pod-link-table td.pod-ico-cell {
    width: 100%;
  }
  .map-inner-wrapper {
    padding: 15px 30px;
  }
  .frieght-dtls-new {
    /* .master-row {
     		background-color: $basic-color-eef2f1;//eef2f1;
    }
    .parent-row-g-cells, .sub-grid-data-row {
    	background-color: inherit;
     		width: 100%;
     		padding-left: 35px;
     		padding-right: 35px;
     		border-bottom: 2px solid $basic-color-bbbbbb;//bbbbbb;
              word-wrap: break-word;
    }
    .sub-grid-data-row {
        padding-left: 0px;
    }
    .sub-grid-data-row:last-child {
    	border-bottom: none;
    }
    .g-row.opened .g-cell {
    	background-color: initial;
    } */
    /* .parent-row-g-cells, .sub-grid-data-row {
    	border-bottom: 1px solid $basic-color-e5e5e5;//e5e5e5;
    	.g-cell {
    		padding: 15px 10px 0 0;
    		font-size: 10px;
     			color: $basic-color-222222;//222222;
     			max-width: 80%;
    	    width: 80%;
    	    display: block;
    	    border-bottom: none;
    	    &.half-width {
    	    	width: 50%;
    	    	min-width: 50%;
    	    	max-width: 50%;
    	    	float: left;
    	    }
    		.col-n-m {
    		    display: block;
    		    font-family: $basic-font-helveticaneuelight-arial;//'HelveticaNeueLight',Arial;
    		    font-size: 10px;
    		    line-height: 1.4;
    		    letter-spacing: 0.5px;
    		    color: $basic-color-666666;//666666;
    		    clear: both;
    		    height: auto;
    		    width: 100%;
    		    padding: 2px 10px;
    		    border-bottom: none;
    		    background-color: transparent;
    		}
    		.cell-data {
    			line-height: 1.3;
    		  	letter-spacing: 0.5px;
    			font-size: 14px;
    			color: $basic-color-444444;//444444;
    		    border-bottom: none;
    		    width: 100%;
    		    background-color: inherit;
    		}
    	}
    } */
    /* .row-wrapper {
    		border-bottom: 1px solid$basic-color-666666;//666666;
    		margin: 5px 0 0 0;
    	    border-top: 1px solid  $basic-color-bbbbbb;//bbb;
    	    background-color: $basic-color-ffffff;//fff;
    		&.has-dang-goods, &.has-dang-goods.opened {
    			.parent-row-g-cells hr {
    				border-bottom: 1px solid  $basic-color-bbbbbb;//bbb;
    			}
    			border-bottom: 1px solid $basic-color-ff9800;//ff9800;
    			[id^=sbg_], [id^=sbdg_] {
    				background-color: rgba(255, 152, 0, 0.2);
    			}
    		}
    	}
    */
    /* .parent-row-g-cells {
        padding: 15px 5px 20px 5px;
    	&.opened {
    		border-bottom: none;
    		.show-when-expanded, .g-cell.show-when-expanded {
    			display: block;
    		}
    	}
    	hr {
    		width: 100%;
    		height: 1px;
    		border-bottom: 1px solid $basic-color-e5e5e5;//e5e5e5;
    		border-top: none;
    		margin: 0;
    	}
    	.g-cell {
    		.cell-data.desc-header {
    			font-size: 22px;
    		  	letter-spacing: 0.6px;
    		  	color:$basic-color-666666;//666666;
    		  	line-height: 1.4;
                      padding-top: 0;
    		  	strong {
    		  		font-weight: normal;
    		  	}
    		}
    		&.last-static-cell {
    			min-width: 60px;
    		    max-width: 60px;
    		    height: 60px;
    		    top: 40px;
    		    right: 0px;
    		    box-shadow: none;
    	    }
    		&:first-child {
    			padding-top: 0;
    		}
    		&:n-th-child(2) {
    			padding-top: 0;
    		}
    		&.show-when-expanded {
    			display: none;
    		}
    	}
    } */
    /* 
    .sub-grid-dangerous {
    	padding: 11px 5px 32px 15px;
    	.clearfix {
    		padding-bottom: 14px;
    		font-weight: bold;
    	    font-size: 10px;
    	    color: $basic-color-222222;//222222;
    	}
    	.g-cell {
    		float: left;
    		width: 24.5%;
    		max-width:24.5%;
    		padding: 2px 2px 20px 12px;
    		&.dg-name {
    			font-family: $basic-font-helveticaneuelight-arial;//'HelveticaNeueLight',Arial;
    		  	font-size: 20px;
    		  	letter-spacing: 0.5px;
    		  	color: $basic-color-000000;//000000;
    		  	width: 20%;
    		  	max-width: 20%;
    	  	    padding-left: 0;
    	  	    border-bottom: 1px solid $basic-color-ff9800;//ff9800;
    		}	
    	}
    	.dg-data {
    		display: table;
     			margin: 0 auto;
    		.g-cell {
    			display: table-cell;
    			border-left: none;
    			padding-left: 5px;
    			padding-top: 15.6px;
    			&:nth-child(1), &:nth-child(5) {
    				border-left: none;
    			}
    		}
    		.dg-title {
    			font-size: 10px;
    		  	line-height: 14px;
    		  	letter-spacing: 0.5px;
    			color: $basic-color-444444;//444;
    			height: auto;
    			margin-bottom: 5px;
    		}
    		.dg-value {
    			font-size: 16px;
    		  	line-height: 18px;
    		  	letter-spacing: 0.5px;
    		  	color: $basic-color-444444;//444;
    		}
    	}
    } */
  }
  .frieght-dtls-new .show-when-expanded {
    display: none;
  }
  .frieght-dtls-new .mltidim .dg-hide.mob-only {
    display: none !important;
  }
  .frieght-dtls-new [id^=sbg_], .frieght-dtls-new [id^=sbdg_] {
    padding: 15px;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row, .frieght-dtls-new [id^=sbdg_] .sub-grid-data-row {
    padding: 10px 16px 0 9px;
    margin-bottom: 11px;
  }
  .frieght-dtls-new [id^=sbg_] li:first-child, .frieght-dtls-new [id^=sbdg_] li:first-child {
    border-top: none;
  }
  .frieght-dtls-new [id^=sbg_] {
    background-color: #ffffff;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row {
    background-color: #f9f9f9;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row .desc-header {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #000000;
    margin-bottom: 9px;
    border-bottom: 1px solid #bbb;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row .g-cell {
    float: left;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row .w-30 {
    width: 30%;
    max-width: 30%;
    min-width: 30%;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row .w-70 {
    width: 70%;
    max-width: 70%;
    min-width: 70%;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row .w-50 {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  .frieght-dtls-new [id^=sbg_] .sub-grid-data-row .w-35 {
    width: 35%;
    max-width: 35%;
    min-width: 35%;
  }
  .frieght-dtls-new [id^=sbdg_] .icon {
    display: none;
  }
  .frieght-dtls-new [id^=sbdg_] .ico-up {
    position: absolute;
  }
  .frieght-dtls-new [id^=sbdg_] li {
    border-bottom: none;
    background-color: rgb(255, 244, 229);
  }
  .frieght-dtls-new [id^=sbdg_] hr {
    height: 1px;
    border-top: none;
    border-bottom: 1px solid #ff9800;
    width: 100%;
    margin: 0;
  }
  .frieght-dtls-new + .frieght-dtls-cnt .header-row-wrapper {
    background-color: #eef2f1;
  }
  .frieght-dtls-new + .frieght-dtls-cnt .header-row {
    padding: 20px;
    margin-top: 5px;
  }
  .frieght-dtls-new + .frieght-dtls-cnt .g-cell {
    padding: 8px 20px;
    font-size: 14px;
    font-weight: bold;
  }
  .frieght-dtls-new + .frieght-dtls-cnt .row-wrapper:last-child {
    border-bottom: 1px solid #666;
  }
}
@media (max-width: 480px) {
  #share-form-area .cncl-btn {
    margin-left: 0;
  }
  .location-n-toggler .acdn-toggler {
    margin-right: 5px;
  }
  .map-inner-wrapper {
    padding: 0;
  }
  li.current .milestone {
    margin-top: 0;
  }
  .share-link {
    float: left;
  }
  li.current .stage-header h5 {
    line-height: 20px;
    text-align: left;
  }
  li.current .acdn-tab-header .stage-date {
    line-height: 20px;
    /* float: none; */
  }
  #pod-container table.grid-view td:first-child {
    width: 45%;
  }
  #pod-container .view-text, #pod-container .download-text {
    display: none;
  }
  table.pod-link-table .pod-ico-cell span {
    margin-left: 15px;
  }
}
@media (max-width: 425px) {
  .sd-header-rgt {
    padding-right: 10px;
    padding-left: 10px;
  }
  .full-shipment-details .tab-headers > div, .full-shipment-details .tab-headers > div:first-child {
    padding: 2px;
    font-size: 14px;
    text-align: center;
  }
  /* .acdn-tab-header .stage-date {
  	width: 180px;
  } */
  .stage-header h5 {
    width: 145px;
  }
}
@media (max-width: 479px) {
  #pod-tab-button, #fd-tab-button, #ci-tab-button {
    width: 140px;
    font-size: 12px;
    text-transform: capitalize;
  }
}
@media (max-width: 379px) {
  #pod-tab-button, #fd-tab-button, #ci-tab-button {
    width: 127px;
    font-size: 11px;
  }
}
/*Shipment Document New CSS 26-12-2017*/
.full-shipment-details #shipment-pod-tab .shipment-pod-tabset.tab-headers div.active {
  background-color: #143200;
  color: #ffffff;
}

#pod-container {
  margin-left: 30px;
}

.view-more {
  margin-top: 20px;
  float: right;
  margin-right: 65px;
  margin-bottom: 20px;
}

.showFinanceDocTab #fd-tab-button {
  display: block;
}

.hideFinanceDocTab #fd-tab-button {
  display: none;
}

.showCommercialInvoicesTab #ci-tab-button {
  display: block;
}

.hideCommercialInvoicesTab #ci-tab-button {
  display: none;
}

.emptyDataImg {
  background-image: url("../images/empty_icon.png");
  background-repeat: no-repeat;
  min-height: 100px;
  background-position: 50%;
}

.visitor-msg {
  text-align: center;
}

.emptyDataInfo {
  margin-top: 58px;
}

.trip-number {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.4px;
  color: #143200;
}

a.trip-color {
  text-transform: capitalize;
  color: #143200 !important;
  font-size: 16px;
  letter-spacing: 0.4px;
}

.outage-trip-box-wrapper {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr {
  position: relative;
  width: 460px;
  max-width: 100%;
  background-color: #fcf5e3;
  margin: 200px auto 50px auto;
  border-bottom: solid 4px #ffa200;
  color: #143200;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .close {
  position: absolute;
  right: 0px;
  margin: 5px 10px;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .outage-content {
  padding: 15px;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .btn-wrapper {
  padding: 15px;
  text-align: center;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .ico-exception {
  font-size: 49px;
  color: #ffa200;
  margin: 20px;
  position: relative;
  top: 20px;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .ico-exception:before {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr h3 {
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.5px;
  font-size: 18px;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .error-section {
  padding: 15px 0 30px 10px;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .error-message {
  letter-spacing: 0.3px;
  text-align: left;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr .error-ref {
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.4px;
  border: dotted 1px #de2817;
  background-color: #fbfcfd;
  padding: 5px 5px 5px 10px;
  text-align: center;
}

.outage-trip-box-wrapper .outage-trip-inner-wrpr a {
  font-weight: bold;
  color: #143200;
}

.bold-val .popover-content {
  min-width: 247px !important;
}

.items-row {
  position: relative;
}

.item-tooltips {
  position: absolute;
}

#createRtsShipment {
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 13px;
  font-family: "Century Gothic", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

#watchShipment, #shareShipment, #liveTrackShipment {
  padding-top: 10px;
  padding-bottom: 13px;
  line-height: 15px;
  font-size: 14px;
}

#watchShipment i, #shareShipment i, #liveTrackShipment i {
  font-size: 20px;
  position: relative;
  top: 2px;
}

#watchShipment i {
  top: 1px !important;
}

.borTR-0 {
  border-top-right-radius: 4px;
}

.special-instructions {
  width: 80%;
}

.input-label-grp1 {
  margin-bottom: 0px !important;
  min-height: 40px !important;
  padding: 10px;
}

.redeliveryQuestion {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.other-input-box {
  margin-left: 0px !important;
}

.no-left-padding {
  padding-left: 0px !important;
}

#redeliver-address {
  padding-top: 20px;
}

.redeliver-address-resbus {
  padding-right: 10px;
}

@supports (-webkit-appearance: none) {
  .predict-dropdown1 {
    left: 5px !important;
  }
}
_:-moz-tree-row(hover), .predict-dropdown1 {
  left: 5px !important;
}

.tollDepot {
  font-weight: bold;
  font-size: 16px;
}

.add-manually {
  font-weight: bold;
  color: #143200 !important;
  text-decoration: underline !important;
}

/*full shipment third tab changes start*/
.purchase-order-tab-section {
  background-color: #ffffff !important;
  min-height: auto !important;
}

.myteamge .page-body h2.section-heading.section-heading-text {
  font-size: 18px !important;
  margin: 15px 0px !important;
}

.section-heading.section-heading-text {
  font-size: 14px !important;
  color: #143200 !important;
}

.add-arrow-35px {
  right: 35px !important;
  margin-top: 25px;
}

.add-arrow-5px {
  right: -5px !important;
  margin-top: 25px;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header, .po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content {
  padding: 6px 0px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header.po-header {
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col, .po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  text-align: left;
  word-break: break-word;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.fulfilled-quantity,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.fulfilled-quantity {
  text-align: right;
  padding-right: 0px;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.item-count,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.item-count {
  width: 11%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.material-id,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.material-id {
  width: 17%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.marerial-description,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.marerial-description {
  width: 17%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.mat-usedby-vender,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.mat-usedby-vender {
  width: 17%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.cost-center,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.cost-center {
  width: 11%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.plant,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.plant {
  width: 10%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.str-location,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.str-location {
  width: 11%;
}

str-location .po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.fulfilled-quantity,
.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col.fulfilled-quantity {
  width: 6%;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col h3 {
  color: #143200;
  font-size: 12px;
  letter-spacing: 0.09px;
  line-height: 17px;
  padding: 0px;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-content .po-content-col span {
  color: #143200;
  font-size: 14px;
  font-weight: normal;
  font-family: "Century Gothic", sans-serif;
}

.myteamge .page-body h2.section-heading.section-heading-text.ship-no {
  font-size: 16px !important;
  font-weight: normal;
  font-family: "Century Gothic", sans-serif !important;
}

.myteamge .page-body h2.section-heading.section-heading-text.purchase-order-no {
  font-size: 14px !important;
  font-weight: normal;
  font-family: "Century Gothic", sans-serif !important;
  margin: 20px 0px 10px 0px !important;
}

.myteamge .page-body h2.section-heading.section-heading-text.purchase-order-title {
  font-size: 14px !important;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.mat-usedby-vender h3 {
  width: 85px;
}

.po-list-details .po-item-list-div .po-item-list-ul > li .po-item-list-header .po-header-col.str-location h3 {
  width: 60px;
}

.po-list-details .po-item-list-div .po-item-list-ul {
  padding-inline-start: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.purchase-section-row {
  border-bottom: solid 1px rgba(20, 50, 0, 0.2);
}

.purchase-tsection-row {
  border-top: solid 1px rgba(20, 50, 0, 0.2);
  border-bottom: solid 1px rgba(20, 50, 0, 0.2);
}

.no-pd-lft {
  padding-left: 0px !important;
}

.no-pd-rgt {
  padding-right: 0px !important;
}

.mrt-40 h2 {
  margin: 0px 40px;
}

.pdl-40 {
  padding-left: 40px !important;
}

.pdlr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pd-b-15 {
  padding-bottom: 15px !important;
}

.full-shipment-detail-section-unit.section-unit.acdn-closed div.itemheader {
  border-bottom: solid 1px #92989d;
}

/*end shipment third tab changes*/
/*dg expand tab changes start - myt-17502*/
.has-dang-goods.opened .gbody {
  display: block !important;
}

.modal-dialog.collect-shipment-dialog {
  max-width: inherit;
  transform: translate(0px, 0px) !important;
}

.collect-shipment.show .modal-header {
  display: block;
}

.collect-shipment.show .modal-body {
  flex: unset;
}

.collect-shipment.show {
  margin-top: 30px;
  padding-right: 0px !important;
}

.collect-shipment-body {
  height: 100%;
  width: 100%;
}

/* shipment-consent */
.shipmentConsentWrapper .page-heading {
  position: relative;
}

.shipmentConsentWrapper .page-heading h1 {
  position: relative;
  padding: 25px 0px 26px 0px !important;
  letter-spacing: 0.5px;
  font-size: 24px !important;
  height: auto !important;
  line-height: 1 !important;
  margin: 0px !important;
}

.shipmentConsentWrapper .page-heading h1 i {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 50px;
}

.shipmentConsentWrapper .shipment-consent-main {
  float: left;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  padding: 35px 35px 15px;
  margin: 0px 0 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 4px;
}

@media (max-width: 767px) {
  .shipmentConsentWrapper .shipment-consent-main {
    padding: 35px 18px 15px;
  }
}
.shipmentConsentWrapper .noti-btn-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0 0;
}

.shipmentConsentWrapper .noti-btn-wrapper .save-btn {
  background-color: #143200;
  border: solid 1px #143200;
  color: #ffffff;
}

.shipmentConsentWrapper .noti-btn-wrapper .cancel-btn {
  background-color: #ffffff;
  border: solid 1px #143200;
  color: #143200;
}

.no-atl-support {
  padding: 30px 47px 34px 70px;
  margin: 0 15px 40px 20px;
  position: relative;
  border: solid 1px #e2e2e2;
  border-bottom: solid 4px #de2817;
  font-size: 14px;
  background-color: #fadfdc;
}

.no-atl-support {
  padding-top: 37px;
}

#termsSection {
  margin-left: -17px;
  margin-top: -40px;
}

#mmd-agreement-consent {
  padding-left: 13px;
}

#ATL-section textarea {
  height: 80px !important;
  margin-left: 15px;
  width: 89% !important;
  min-width: 95% !important;
}

#ATL-section textarea#special-instructions {
  margin-left: 0px !important;
}

#view-more-pod {
  padding: 10px 10px;
}

#shipment-consent-email {
  margin-bottom: 26px;
  left: -6px;
}
#shipment-consent-email table {
  width: 96% !important;
}

.atl-setion-consign-left {
  left: -16px;
}

.top-padding_atl {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}
.top-padding_atl button {
  width: 80%;
  padding-top: 15px;
  padding-bottom: 15px;
  white-space: normal !important;
}

.top-pad-mar-left {
  margin-left: -25px;
}

.top-pad-mar-right {
  margin-right: -17px;
}

@media (max-width: 767px) {
  .myteamge .error-msg {
    margin-top: 0px !important;
  }
  .top-padding_atl {
    padding-top: 30px;
    display: block !important;
  }
  .myteamge .custom-dropdown {
    width: 103%;
  }
  #redeliver-warning-consign {
    margin-left: -6px !important;
    width: 100% !important;
  }
  .top-padding_atl button {
    width: 112% !important;
  }
  .top-pad-mar-left {
    margin-left: -21px !important;
  }
  .top-pad-mar-right {
    margin-left: -23px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .top-padding_atl button {
    width: 100% !important;
  }
  .top-pad-mar-right {
    margin-right: 8px !important;
  }
}
.no-atl-support .ico-exception {
  position: absolute;
  left: 15px;
  font-size: 49px;
  color: #de2817;
  top: 13px;
}

.atl-exist-support {
  padding: 17px 47px 24px 81px;
  margin: 5px;
  position: relative;
  border-bottom: solid 4px #ffb31a;
  font-size: 14px;
  background-color: #fff0d1;
  border-radius: 3px 3px 0px 0px;
}

.atl-exist-support .ico-circle-warning {
  position: absolute;
  left: 15px;
  font-size: 49px;
  color: #ffb31a;
  top: 5px;
}

#atl-exist-support-msg h3 {
  margin-bottom: 5px;
}

.consign-error {
  margin-top: -20px !important;
}

.consign-support {
  margin-left: 15px;
}

#redeliver-warning-consign {
  display: flex;
  padding-bottom: 20px;
  margin-left: -10px;
  width: 97%;
  border-bottom: solid 4px #ffb31a;
  background-color: #fff0d1;
  border-radius: 3px 3px 0px 0px;
}
#redeliver-warning-consign span {
  /*padding-top: 10px;*/
}
#redeliver-warning-consign span i {
  color: #FF4500;
  font-size: 50px;
}

.atl-exist-support-success {
  padding: 17px 47px 24px 61px;
  margin: 20px 2px 10px;
  position: relative;
  border-bottom: solid 4px #63C322;
  font-size: 14px;
  background-color: rgba(126, 211, 33, 0.2);
  border-radius: 3px 3px 0px 0px;
}

.ico-ok-circle {
  position: absolute;
  left: 11px;
  font-size: 37px;
  color: #63C322;
  top: 4px;
}

.ico-circle-warning {
  position: absolute;
  left: 11px;
  font-size: 63px;
  top: 4px;
}

.map-view-sec {
  min-height: 500px;
}

.disabled-lt {
  color: #143200 !important;
}

.ship-consign-success-main {
  float: left;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
  margin: 20px 3px 5px;
  border-radius: 4px;
  padding-bottom: 9px;
}
@media (max-width: 767px) {
  .ship-consign-success-main {
    padding: 35px 15px 15px;
  }
}
.ship-consign-success-main .ship-consign-success-header {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.ship-consign-success-main .ship-consign-success-header h2 {
  font-size: 22px;
  color: #143200;
  line-height: 26px;
}
.ship-consign-success-main .ship-consign-success-header p {
  color: #143200;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin-top: 10px;
}
.ship-consign-success-main .ship-consign-success-btn {
  float: left;
  width: 45%;
}
.ship-consign-success-main .ship-consign-success-btn .btn-ind {
  margin-top: 0px;
}
.ship-consign-success-main .ship-consign-success-btn .btn-ind .mgmt-btn-link {
  background: #143200;
  padding: 12px 12px;
  margin: 0 0 10px;
  font-size: 16px;
  border: none;
  color: #ffffff;
  width: 100%;
  display: block;
  text-align: center;
  font-family: "Century Gothic", sans-serif;
  font-weight: bold;
  border-radius: 6px;
  box-shadow: inset 0 0 0 2px #143200;
}
.ship-consign-success-main .ship-consign-success-btn .btn-ind .mgmt-btn-link:hover {
  background: rgba(20, 50, 0, 0.9);
}

/*--- photo image popup --*/
#add-photo-html-wrpr {
  width: 550px;
  margin: auto;
  top: 202px;
  position: fixed;
}

#add-photo-html-wrpr .mani-popup-main {
  float: left;
  width: 410px;
  background-color: #ffffff;
  position: relative;
  padding: 35px;
  border-radius: 3px;
}

#add-photo-html-wrpr .close-iconebox {
  width: 0px;
  font-size: 16px;
  float: right;
  color: #91989E;
}

#add-photo-html-wrpr .photo-img {
  width: 100%;
  min-height: 420px;
  background-repeat: no-repeat;
  background-size: contain;
}

#add-photo-html-wrpr .photo-title {
  margin-bottom: 20px;
  margin-top: 0px;
}

a.view-image {
  display: table;
  text-align: center;
}

a.view-image .ico-notify-me {
  display: block;
  float: left;
  color: #143200;
  font-size: 20px;
  margin-top: -5px;
}

.approval-section {
  display: none;
  margin-top: 20px;
}

.approve-lable-radio-btn label {
  color: #48545D;
  font-family: "Century Gothic", sans-serif;
  font-size: 16px;
  font-weight: normal !important;
  line-height: 20px !important;
  height: 20px !important;
  margin-top: 7px !important;
}

.approve-lable-radio-btn label input[type=radio] {
  top: 0px !important;
}

#approve-lable-radio {
  min-height: 50px !important;
}

#add-photo-html-wrpr .apply-button {
  float: right;
}

.photo-delivery-table tr {
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
}

.photo-delivery-table tr td {
  padding: 25px 0px;
}

#pod-list-container:first-child .document-wrapper.sd-pdng .photo-delivery-table tr:first-child {
  border-top: 1px solid rgba(20, 50, 0, 0.2);
}

span.download-text {
  position: relative;
  top: -2px;
}

.list-row {
  padding: 0px 20px 10px 0px !important;
  border-bottom: none !important;
}

a.pod-title-lnk .pod-title {
  padding-left: 10px;
  padding-top: 6px;
}

div#proof-of-delivery-tab, div#finance-documents-tab, div#commercial-invoices-tab {
  box-shadow: none;
}

.photo-item {
  border-bottom: none;
  padding: 10px 15px 10px 0;
  text-decoration: underline;
  cursor: pointer;
}

.myteamge .section-error.error-msg-section {
  background: transparent;
  border-bottom: 0px;
  padding: 15px 0 0 0;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.full-shipment-details li.current .PCKDUP:after, .full-shipment-details li.current .SHPCRE:after, .full-shipment-details li.current .BOOKED:after, .full-shipment-details li.current .INTRNST:after, .full-shipment-details li.current .OUTFDL:after, .full-shipment-details li.current .DELVERD:after, .full-shipment-details li.current .AWTCOL:after, .full-shipment-details li.current .COLLCTD:after, .full-shipment-details li.current .CANCLD:after, .full-shipment-details li.current .PRTDEL:after {
  width: 40px;
  height: 40px;
  background: #CBFF55;
  border-radius: 100%;
  content: "";
  top: 0;
  left: -4px;
  top: -4px;
  position: absolute;
  z-index: -1;
}

.ico-delivered.milestone-ico.complete:after, .ico-delivered.milestone-ico.incomplete:after {
  top: -3px !important;
  left: -3px !important;
}

.ico-delivered.milestone-ico.current:after #share-form-body #share-cc span.new-smrt-chckbx-wrapr.label-set.ico-checkbox.flLeft {
  top: 1px;
}

#ManageYourDelivery #add-addr-popup .modal-content {
  box-shadow: 0 0.5px 1px 0 rgba(20, 50, 0, 0.1), 0 1px 2px 0 rgba(20, 50, 0, 0.2);
  border-radius: 3px;
}

.manage-delivery-row ul.tabs-nav li.active a {
  border-bottom: solid 4px #C0B1EB !important;
  margin-bottom: 0px;
}

#view-more-fd, #view-more-ci {
  padding: 10px;
}

.small-excp-ico i.ico-exception.new-exception-normal:before {
  color: #143200;
}

.eventsTable.gridview.shipment-list-table.tablesorter tbody tr.gridrow.warning {
  background-color: #fff;
}

span.stage-date.hide-in-mob {
  font-weight: normal;
}

button.gm-ui-hover-effect {
  box-shadow: none !important;
}

.gm-ui-hover-effect > span {
  color: #143200 !important;
}

td.second-cell, td.third-cell {
  color: #143200;
}

.parcel-container {
  margin: 21px auto;
  border-radius: 4px;
  border: 1px solid var(--colour-brand-dark-fern-dark-fern-10, rgba(20, 50, 0, 0.1));
  background: linear-gradient(0deg, rgba(0, 105, 77, 0.1) 0%, rgba(0, 105, 77, 0.1) 100%), var(--colour-white, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(20, 50, 0, 0.1), 0px 3px 6px 0px rgba(20, 50, 0, 0.2);
}

.parcel-image {
  height: 72px;
  float: left;
}

.parcel-img {
  padding: 16px 16px 24px 35px;
}

.parcel-info {
  padding: 16px 24px 24px 0px;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: #00694D;
  float: left;
  height: 72px;
}

.sustainability-link {
  color: #00694D !important;
  text-decoration-line: underline !important;
}

#card-left-div-state span {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .parcel-container {
    margin: 5% auto;
    display: flex;
    padding: 16px 20px;
  }
  .parcel-image {
    margin-right: 16px;
  }
  .parcel-info {
    padding: 0px;
    line-height: 20px;
  }
  .parcel-img {
    padding: 12px 0px 0px;
  }
  .parcel-info {
    padding: 0px; /* Adjusted padding for smaller screens */
    width: 287px;
  }
  #card-left-div-state span {
    white-space: normal !important;
  }
}
@media (max-width: 767.98px), (max-height: 767.98px) {
  #ManageYourDelivery .collect-shipment.show {
    top: 0;
    left: 0 !important;
    right: 0;
    margin: 0;
    width: auto;
    height: auto;
    min-height: 100%;
    overflow-y: auto !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-dialog {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content {
    width: 100%;
    height: auto;
    margin: 0;
    box-shadow: none;
    max-height: 100%;
    padding: 0 !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-header {
    padding: 1rem;
    height: 62px !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-header button.close {
    right: 1rem;
    top: 1rem;
    margin: 0;
    position: absolute;
    width: auto;
    font-size: 20px !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-header h3 {
    font-family: "Movement Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 0 !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body.collect-shipment-body {
    border: none;
    padding: 0 1rem 2rem;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav {
    height: 50px;
    position: relative;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav li {
    padding: 0;
    height: 52px;
    position: absolute;
    right: 0;
    width: 49%;
    margin: 0 !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav li:first-child {
    left: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav li.active {
    z-index: 10;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav li a {
    width: 88px !important;
    height: 47px !important;
    margin: auto !important;
    text-align: center;
    font-family: "Century Gothic", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 6px 0 10px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav li:hover a {
    color: #143200;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body ul.tabs-nav li[role=presentation] {
    display: flex !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery {
    padding: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .manage-delivery-row.row {
    margin-left: 0;
    margin-right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .ocp-heading {
    font-family: "Century Gothic", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    top: 5px;
    bottom: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 {
    border-bottom: 0.5px solid rgba(20, 50, 0, 0.2);
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl .depot-marker {
    position: static;
    margin-top: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl [class*=col-] {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl [class*=col-]:nth-child(1) {
    width: 23px;
    padding: 1rem 1rem 0 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl [class*=col-]:nth-child(2) {
    width: 89%;
    padding: 0 16px 0 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl .tollDepot {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
    /*margin-top: 24px;*/
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl .tollDepot br {
    font-size: 0;
    line-height: 0;
    display: none;
    margin: 0;
    content: "";
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl .tollDepot strong {
    font-family: "Century Gothic", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl .tollDepot .info-blue {
    font-family: "Century Gothic", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    margin-left: 8px;
    padding: 1px 10px 3px 10px;
    width: auto;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot-cl .tollDepot .depotCollect {
    margin-top: 16px;
    margin-bottom: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 #toll-depot.nearest-location {
    padding-left: 15px;
    padding-right: 15px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery1 .row {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: unset;
    flex-direction: column;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery2 {
    padding-right: 0px !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 {
    border: none;
    padding: 0px 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 br {
    font-size: 0;
    line-height: 0;
    display: none;
    margin: 0;
    content: "";
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 h3 {
    display: none;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 #change-for-cl {
    margin: 16px 0;
    display: block;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .selectedShipment {
    padding: 24px;
    display: flex;
    float: none;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .selectedShipment .other-points-marker {
    top: 0;
    left: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .selectedShipment .col-sm-1,
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .selectedShipment .col-sm-11 {
    padding-left: 0;
    padding-right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .selectedShipment address br {
    display: none;
    content: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 {
    margin-bottom: 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question1,
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question2,
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question3 {
    margin-top: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question1 span.bold-text,
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question2 span.bold-text,
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question3 span.bold-text {
    display: block;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 .question3 {
    padding: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 #collect-question-2 {
    white-space: normal;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 .confirm-delivery-1 #collect-date-prnt {
    display: block;
    margin-top: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 #tcp-disclaimer {
    padding-top: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 #tcp-disclaimer ul {
    padding: 4px 16px 16px !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery3 #tcp-disclaimer ul li {
    height: unset;
    width: unset;
    margin: 0 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 {
    padding: 0 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 br {
    font-size: 0;
    line-height: 0;
    display: none;
    margin: 0;
    content: "";
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 hr {
    display: none;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 h3 {
    padding-top: 16px;
    border-top: 1px solid rgba(20, 50, 0, 0.2);
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .input-label-grp {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(20, 50, 0, 0.2);
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .input-label-grp table {
    table-layout: fixed;
    width: 100%;
    margin-top: 16px;
    margin-left: 0;
    margin-bottom: 40px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .input-label-grp table label {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 6px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .input-label-grp #MMDuserPhone {
    background-color: #EEEAD9;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 #mmd-agree-check {
    top: 30px;
    left: 2px;
    bottom: unset;
    right: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 #mmd-agreement {
    top: 0;
    display: inline-block;
    padding-left: 35px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .mmd-link {
    display: inline-block;
    padding-left: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .top-padding button {
    margin-bottom: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 .top-padding .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 #collectionContainer {
    padding-top: 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 #collectionContainer #mmd-radio .col-6 {
    display: block;
    float: none;
    padding-bottom: 16px;
    max-width: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 #collectionContainer #mmd-radio .col-6 label {
    margin-left: 28px !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery4 #collectionContainer #mmd-radio .col-6 input {
    margin-top: 2px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 {
    border-right: none;
    padding: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 br {
    font-size: 0;
    line-height: 0;
    display: none;
    margin: 0;
    content: "";
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 hr {
    margin: 12px 24px;
    width: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment1 {
    margin: 0;
    padding: 10px 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 h3#redeliver-heading {
    display: none;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliveryQuestion {
    font-family: "Century Gothic", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 16px;
    padding-bottom: 9px;
    display: block;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliveryQuestion:nth-child(1) {
    padding-top: 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address .redeliveryQuestion {
    padding-top: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-radio .col-6 {
    display: block;
    float: none;
    padding-bottom: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-radio-1 .col-6 {
    display: block;
    float: none;
    padding-bottom: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-res {
    padding-right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-res .unable-find {
    right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-res #predict-srch-r {
    margin-top: 6px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-res ul.option-list li {
    width: unset;
    height: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-bus label {
    margin-bottom: 9px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-bus #address-srch-bus-name {
    margin-bottom: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-bus .unable-find {
    right: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-bus #predict-srch-b {
    width: 100% !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-bus ul.option-list-b li {
    width: unset;
    height: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-address-type .col-6 {
    display: block;
    float: none;
    padding-bottom: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverytxt {
    padding-bottom: 16px;
    display: block;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .date-picker.small-box {
    width: 100% !important;
    margin: 0;
    min-height: 1px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #contact-full-name {
    margin-bottom: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #contact-full-name label {
    padding-top: 16px;
    padding-bottom: 6px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-warning {
    padding-top: 14px;
    padding-bottom: 30px;
    border-bottom: 4px solid #FFB31A;
    background-color: rgba(255, 179, 26, 0.2);
    margin-bottom: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 #redeliver-warning span:nth-child(2) {
    flex: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 {
    margin: 0;
    padding: 10px 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 h3 {
    font-family: "Century Gothic", sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 #ATL-section .select-label-grp {
    min-height: 1px;
    margin-bottom: 16px;
    padding-bottom: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 #ATL-section .col-sm-6.col-md-6.col-lg-6.col-12.no-left-padding {
    padding-right: 10px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 #ATL-section textarea {
    width: 100% !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 #ATL-section ul#leave-card-list li,
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery #manage-delivery5 .redeliverShipment2 #ATL-section ul#leave-freight-list li {
    height: unset;
    width: unset;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points {
    background-color: transparent;
    border-bottom: none;
    border-right: none;
    border-left: none;
    max-width: 100%;
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points collection-points-container {
    padding-left: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points {
    border: none;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .other-points-marker {
    position: static;
    margin-top: 4px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .confirmCollection {
    margin-top: 16px;
    margin-bottom: 0;
    padding: 10px 20px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .row {
    flex-direction: unset;
    display: block;
    padding-top: 16px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .row [class*=col-] {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding: 0 29px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .row [class*=col-]:nth-child(1) {
    width: 2rem;
    padding: 0 1rem 0 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .row [class*=col-]:nth-child(2) {
    width: 89%;
    padding: 0;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .top-buffer {
    border: none;
    border-top: 1px solid rgba(20, 50, 0, 0.2);
    margin-top: 15px !important;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .top-buffer address {
    font-family: "Century Gothic", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  #ManageYourDelivery .collect-shipment .collect-shipment-content .modal-body #ManageDelivery .other-collection-points #other-points .top-buffer address h5 {
    font-family: "Century Gothic", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl #add-addr-popup {
    bottom: 0;
    right: 0;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog {
    width: 100%;
    margin: 0;
    height: 100%;
    background-color: white;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog .modal-content {
    box-shadow: none;
    border: none;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog #add-add-form {
    margin-top: 12px;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog #add-add-form .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog #add-addr-country-selector {
    width: 100%;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog .current-selected {
    width: calc(100% - 40px);
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog .modal-header h2 {
    text-align: left;
    padding-left: 14px;
  }
  #ManageYourDelivery #add-address-html-wrpr-cl .modal-dialog button.close {
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0;
    width: auto;
  }
}