.fxg-secondary-menu__nav--active {
    height: 75px;
}
.fxg-secondary-menu__nav-wrapper {
    display: block;
    max-width: 795px;
    white-space: nowrap;
    margin: 0 auto;
}
.fxg-secondary-menu .fxg-secondary-menu__link-inf {
    border-bottom: 3px solid transparent;
    letter-spacing: .82px;
}
.fxg-secondary-menu__item--active .fxg-secondary-menu__link-inf {
    border-bottom: 3px solid #4d148c;
}
/* makes tabs wide enough to fit everything on one line */
.fxg-tabs .nav-tabs>li>a {
    display: block;
    color: #58595b;
    background-color: #fafafa;
    height: 50px;
    width: 350px; 
    max-width: 350px;
    text-align: center;
    border: 0;
    border-radius: 0;
    padding: 0 25px;
    line-height: 50px;
}
.fxg-secondary-menu__nav {
    position: relative;
    left: 0;
    transition: .5s ease-in-out all;
    background-color: #fafafa;
    text-align: center;
}
#question {
    min-height: 200px;
}
.form-element__label.focus {
    font-size: 10px;
}
.main-title {
    font-size:34px !important;
    color:default;
    margin-top:40px;
    margin-bottom:20px;
    color: #333333 !important;
}
.sub-title {
    font-size: 18px !important;
    color: #333333 !important;
    padding-bottom: 40px;
}
.sub-title-light {
    font-size: 18px !important;
    color: #333333 !important;
    padding-bottom: 40px;
}
.trackByReferenceFormTVC .fxg-field__input-text, .trackByTCNFormTVC .fxg-field__input-text, .redesignObtainProofOfDeliveryTVC .fxg-field__input-text, .redesignSPODFaxEntryFormTVC .fxg-field__input-text {
    width: 100%!important;
}
.fxg-secondary-menu__item--active  a {
    color: #4d148c;
    border-bottom: 3px solid #4d148c;
}
#fxg-header-container {
    position: relative;
    height: 0;
    z-index: 200;
}
.fxg-wrapper .fxg-link--rounded_button {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 15.23px 30px;
    border: 2px solid #007ab7;
    border-radius: 40px;
    color: #007ab7;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.shipment-box a {
    color: #007ab7;
    text-decoration: none;
    font-size: inherit;
}
/* FOR SEARCH ICON */
.fxg-user-options__option .fxg-user-options__icon {
    background-image: url(/assets/images/menu-sprite-legacy.png);
}
/* FOR GLOBE ICON */

.fxg-link.fxg-copyright-feedback-link::after {
    content: "";
    display: none;
    padding: 0;
}
/* FORM ERROR STYLE */
.fx-error-resolution,
.fx-error-resolution p,
.fx-alert {
    font-weight: bold;
    color: red;
}

#password-warning.form-element a,
#termsField.form-element a,
.validation-message a,
.tab-content a,
#export-assist-footnotes a,
a.isa-link {
    color: #007ab7;
    text-decoration: none;
}

#export-assist-footnotes {
    line-height: 1.3em;
}

/* ===========================================
==============================================
PREPARE FORM STYLES BELOW
==============================================
=========================================== */

.validation-message {
    margin: 12px 0 25px 0;
}
.validation-message span {
    color: #333333;
    font-size: 14px;
}
.fxg-button {
    margin-top: 54px;
    cursor: pointer;
}
.fxg-button.deactivated {
    color: #c4c4c4;
    background-color: #f1f1f1;
    cursor: default;
}
.fxg-button_back {
    font-size: 19px;
    color: #ff6200;
    background-color: #ffffff;
    border-radius: 0;
    text-decoration: none;
    border: 1px solid #ff6200;
    box-sizing: border-box;
    float: left;
}
.title-wrapper {
    margin-bottom: 62px;
}
.form-wrapper {
    margin-bottom: 100px;
}
.currency-icon,
.currency-icon-CAD,
.currency-icon-GBP {
    position: absolute;
    right: 5px;
    top: 30px;
}
.currency-icon:before {
    position: absolute;
    top: -12px;
    content:"USD";
    right: 20px;
    font-size: 20px;
}
.currency-icon-CAD:before {
    position: absolute;
    top: -12px;
    content:"CAD";
    right: 20px;
    font-size: 20px;
}
.currency-icon-GBP:before {
    position: absolute;
    top: -12px;
    content:"GBP";
    right: 20px;
    font-size: 20px;
}
#insert-hr {
    font-size: 38px;
}
.link.section {
    margin-bottom: 20px;
}
#slide-4 .fxg-pods {
    margin-top: 0;
    margin-bottom: 0;
}
/* =====================================
featured with no image 
===================================== */
.no-image .fxg-featured-offer {
    margin: 60px auto 30px auto;
}
.no-image .fxg-featured-offer__detail {
    width: 100%;
    float: left;
    text-align: left;
    padding: 35px 60px 34px;
}
.no-image .fxg-link--rounded_button.right {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    display: inline-block;
    padding: 22px 40px 23px;
    border: 2px solid #007ab7;
    border-radius: 40px;
    color: #007ab7;
    text-transform: uppercase;
    float: right;
}
.no-image .richtext.parbase.section.left {
    float: left;
    width: 70%;
}
/* ===================================== 
progress bars 
===================================== */
.fxg-wrapper.container.progress-bar-wrapper {
    max-width: 760px;
}
/* NOTE: there is an existing fedex class called ".progress-bar", don't use that */
.progress-step {
    width: 245px;
    height: 14px;
    border-radius: 3%/50%;
    background-color: #EDEDED;
}
.progress-bar-wrapper p {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    color: #b6b6b6;
}
.active-step .progress-step {
    background-color: #077DB9;
}
.active-step p {
    color: #333333;
}
.visited-step .progress-step {
    background-color: #077DB9;
    opacity: .4;
    filter: alpha(opacity=40);
}
.visited-step p {
    color: #333333;
    opacity: .4;
    filter: alpha(opacity=40);
}
/* ===================================== 
IFRAME 
===================================== */
iframe {
    width: 100%;
    height: 600px; /* 500 */
    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px rgba(0,0,0,.14), 0 1px 10px rgba(0,0,0,.12);
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px rgba(0,0,0,.14), 0 1px 10px rgba(0,0,0,.12);
}

/* ===========================================
==============================================
BANNER STYLES BELOW: REMOVED INLINE STYLING
==============================================
=========================================== */
/* fixes forgot pwd & new user from collapsing in home login box */
@media (max-width: 992px) {
    .fxg-login-module {
        position: initial; 
        background: #fff;
    }
}

/* remove gap above mobile banner image*/
@media (max-width: 767px) {
    .fxg-landing-hero {
        margin-top: 42px;
        min-height: initial;
        min-height: auto;
    }
}

/* home desktop image */
.fxg-landing-hero__background-image.home-hero {
    background-image: url('/assets/img/women-high-five.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.home-hero { 
        background: none;
    }
}

/* dashboard desktop image */
.fxg-landing-hero__background-image.past-shipments-hero {
    background-image: url('/assets/img/past-shipments.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.past-shipments-hero { 
        background: none;
    }
}

/* prepare-a-shipment desktop image */
.fxg-landing-hero__background-image.prepare-a-shipment-hero {
    background-image: url('/assets/img/prepare-banner.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.prepare-a-shipment-hero { 
        background: none;
    }
}

/* faqs desktop image */
.fxg-landing-hero__background-image.help-hero {
    background-image: url('/assets/img/new-faq-header.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.help-hero { 
        background: none;
    }
}

/* export assistance desktop image */
.fxg-landing-hero__background-image.export-assistance-hero {
    background-image: url('/assets/img/banner_export-assistance@2x.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.export-assistance-hero { 
        background: none;
    }
}

/* registration thank you desktop image */
.fxg-landing-hero__background-image.registration-thanks-hero {
    background-image: url('/assets/img/registration-header.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.registration-thanks-hero { 
        background: none;
    }
}

/* registration desktop image */
.fxg-landing-hero__background-image.registration-hero {
    background-image: url('/assets/img/registration-header.jpg');
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image.registration-hero { 
        background: none;
    }
}
/* ===========================================
==============================================
END - BANNER STYLES BELOW: REMOVED INLINE STYLING
==============================================
=========================================== */

/* fixes language selector in footer */
.fxg-footer .dropdown.fxg-bootstrap-dropdown .dropdown-menu {
    border: 1px solid rgba(89,89,91,0.5);
}

/* fixes "ready to ship" cta padding */
.fxg-featured-offer__detail {
    width: 56%;
    float: left;
    text-align: left;
    padding: 35px 60px 50px;
}

/*messing with tables*/
.header {
    background:none;
}
.header h3 {
    padding:0;
}
/* -- DZ ------------------------- */
/* FIXES BACK / NEXT BUTTON OVERLAP*/
/* ------------------------------- */
@media (max-width: 767px) {
    .fxg-button_back {
        float: none;
    }
}



.reference-custom-select-label.placeholder_move_up {
    top:8px!important;
}





/*Progress Bar */
 .progressbar {
    width:100%;
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 20%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .progressbar li:before {
      width: 50px;
      height: 50px;
      font-size: 20px;
      content: counter(step);
      counter-increment: step;
      line-height: 50px;
      border: 2px solid #f3f3f3;
      background:#f3f3f3;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
  }
  .progressbar li:after {
      width: 100%;
      height: 10px;
      content: '';
      position: absolute;
      background-color: #f3f3f3;
      top: 20px;
      left: -50%;
      z-index: -1;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active-step {
      color: #000;
  }
  .progressbar li.active-step:before,   .progressbar li.visited-step:before{
      border-color: #077DB9;
      color:white;
      background: #077DB9;
  }
  .progressbar li.active-step + li:after, .progressbar li.visited-step + li:after {
      background-color: #077DB9;
  }

 .progressbar li.visited-step:before {
    content:   "\2713";
 }

 ul.progressbar {
    padding:0;
 }





.noton1 {
    display:none;
}
 .div1only {
    display:none;
}

.div1only {
    display:block;
}

.fxg-button.add-button {
    margin-top:10px;
    background:#f3f4f8;
    color:#333333;
    display: inline-block;
    border:1px solid #333333;

}

.fxg-button.add-button:hover {
    background:#4d148c;
    color:white;
    border: 1px solid #4d148c;
    
}


.fxg-button.remove-button {color:#DE002E; margin-top:0; display: inline-block;text-align: left;line-height: 42px; padding:0;}
 
.fxg-button.add-button-additional {
    font-size: 12px;
    line-height: 42px !important;
    font-weight: 700;
    display: inline-block;
    padding: 0 0;
    border: 0;
    color: #007ab7 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: hidden;
    box-sizing: border-box;
    /* min-height: 50px; */
    text-align: right;
    margin-top:0;
}










.q-card {
        border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    box-shadow: 0 1px 5px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    padding:24px;
}

/* Variables
================================== */
/* Tables
================================== */
.Rtable {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  -webkit-box-flex: 1;
          flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
  background: rgba(112, 128, 144, 0.2);
}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

.Rtable--7cols > .Rtable-cell {
  width: 14.2%;
}

/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: white;
  border-bottom: 1px solid #e2e6e9;
}

/* Responsive
==================================== */
@media all and (max-width: 500px) {
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}

.Rtable.head {
    padding-bottom:10px;
    border-bottom: 2px solid #333;
}

.Rtable.head .Rtable-cell {
    font-weight:bold;
    text-align: left;
    border-bottom:0;
}

.vue-form-wizard.md .wizard-icon-circle {

   width: 50px!important;
      height: 50px!important;
      font-size: 20px!important;
}

.vue-form-wizard .wizard-nav-pills>li.active>a, .vue-form-wizard .wizard-nav-pills>li.active>a:focus, .vue-form-wizard .wizard-nav-pills>li.active>a:hover, .vue-form-wizard .wizard-nav-pills>li>a {

  top:10px!important;
}
.vue-form-wizard .wizard-btn {

  color: #fff;
  font-size: 19px!important;
    background-color: #f60!important;
    text-decoration: none!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    letter-spacing: 1.11px!important;
    line-height: 12px!important;
    padding: 24px 40px!important;
    border: 0!important;
    border-radius: 0!important;
}

.stepTitle {
  padding-top:5px;
}

.wizard-card-footer {
    margin-top: 30px;
    display:none!important;
}

.item-fields  {
    margin-top:30px;
    position: relative;
}

.prohibited-items li li {
  list-style: lower-alpha;
}

.findhscode {
  display: block;
  text-align: center;
  color:rgb(7, 125, 185);
  display: inline-block;
  margin-top:-10px;
  padding: 10px;
  border: 1px solid rgb(7, 125, 185);
  border-radius: 30px;
  cursor: pointer;
}


.vue-form-wizard.md .wizard-nav-pills>li.active>a .wizard-icon {
    font-style: normal;
    font-size: 18px;
}

.vue-form-wizard.md .wizard-nav-pills>li>a .wizard-icon {
    font-style: normal;
    font-size: 18px;
}

.vue-form-wizard.md .wizard-icon-circle {
  
    font-size: 18px!important;
    }


    #please-confirm .sub-title-light {
      padding-top:5px;
      padding-bottom:0; 
    }



  .local-storage-box {
  position: fixed;
  display: none; 
  width: 100%; 
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); 
  z-index: 2; 
  cursor: pointer; 

  }

  .local-storage-box .copy {
    background:white;
    width:900px;
      padding: 20px 40px;

    max-width: 100%;
    position: absolute;
  top: 50%;
  left: 50%;
  color: black;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  }

  .local-storage-box h2 {
     font-size:25px; 
     margin-bottom:20px;
     line-height: 1.25;
  }
  .local-storage-box p {
     font-size:18px; line-height:1.25;
  }

   .local-storage-box .copy .fxg-link--rounded_button {

    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    display: inline-block;
    border: 2px solid #007ab7;
    border-radius: 40px;
    color: #007ab7;
    text-transform: uppercase;
    padding: 15px 50px 15px;
    margin: 20px 10px 0;


   }
   @media (min-width: 768px) {
    .local-storage-box .copy .fxg-link--rounded_button {
              margin: 40px 10px 0;

        padding: 15px 70px 15px;
      }
      .local-storage-box h2  {
font-size:30px; 
     margin-bottom:40px;
      }
  }
   @media (min-width: 1024px) {
     .local-storage-box .copy {
     padding: 50px 100px;


     }
   .local-storage-box .copy .fxg-link--rounded_button {
        padding: 15px 100px 15px;
        margin: 40px 40px 0;
      }

}

   .local-storage-box .copy .fxg-link--rounded_button:hover {
    color:white;
    background:#007ab7;
   }  


   .findhscodef {
    display: block;
    text-align: right;
    color: rgb(7, 125, 185);
    /* display: inline-block; */
    margin-top: -5px;
    /* padding: 10px; */
    /* border: 1px solid rgb(7, 125, 185); */
    border-radius: 30px;
    cursor: pointer;
  }
  .findhscodef:hover {
    color: #4d148c;
  }

.text-align-left {
  text-align: left!important;
} 

.green {
  color:#008A00;
}

.prohibited-items-box {
  max-height:  450px;
  overflow: scroll;
}

.fxg-pods h2.fxg-title {
  margin-bottom:15px!important;
  font-size:22px!important;
  font-weight:400!important;

  
}

a.fxg-button--orange {
  color:white!important;
  text-decoration: none!important;
}
 
.no-image .fxg-link--rounded_button.right {
  text-align: center;
}


#contents_description-message ul li{
  font-size: 14px;
}

#remove0 {
  display:none;
}
.remove-button {
top: 10px;
    position: absolute;
    right: -40px;
    /* top: 0; */
    padding: 0 0 0 1px;
    border-radius: 30px;
    color: #6f6f6f;
    height: 22px;
    width: 22px;
    line-height: 19px;
    text-align: center;
  }

  @media (max-width: 700px) {
 .remove-button {
      right: -20px;

}
 }


 .trackByReferenceFormTVC .fxg-field__input-text:not(:focus):valid~.fxg-field__floating-placeholder, .trackByReferenceFormTVC.reference-custom-select-label {
  color:#333;
}


.trackByReferenceFormTVC .fxg-field__input-text, .trackByTCNFormTVC .fxg-field__input-text, .redesignObtainProofOfDeliveryTVC .fxg-field__input-text, .redesignSPODFaxEntryFormTVC .fxg-field__input-text {
  font-weight: 300;
}


.fxg-field__input-text:focus ~ .fxg-field__floating-placeholder, .fxg-field__input-text:not(:focus):valid ~ .fxg-field__floating-placeholder {
  font-weight:bold;
}

.trackByReferenceFormTVC.reference-custom-select, .redesignObtainProofOfDeliveryTVC.delivery_option-custom-select, .trackLandingTabsTVC.tracking-custom-select {
  color:#333;
}

.trackByReferenceFormTVC.reference-custom-select, .redesignObtainProofOfDeliveryTVC.delivery_option-custom-select, .trackLandingTabsTVC.tracking-custom-select {
  font-weight:300;
}

.trackByTrackInboxTVC.fxg-field__placeholder, .trackByReferenceFormTVC.fxg-field__placeholder, .trackByTCNFormTVC.fxg-field__placeholder, .redesignObtainProofOfDeliveryTVC.fxg-field__placeholder, .redesignSPODFaxEntryFormTVC.fxg-field__placeholder {
  color:#333;
}
.trackByReferenceFormTVC.reference-custom-select-label-selected, .trackByReferenceFormTVC.reference-custom-select-label {
  font-weight:bold;
}


.trackByReferenceFormTVC .fxg-field__input-text, .trackByTCNFormTVC .fxg-field__input-text, .redesignObtainProofOfDeliveryTVC .fxg-field__input-text, .redesignSPODFaxEntryFormTVC .fxg-field__input-text {
  margin-bottom:0;
}

.fx-error-resolution {
  padding-bottom:5px;
  padding-top:5px;
    clear:both;

}

.prohibited-items label {
  margin-top:10px;
  font-size: 16px;
    font-weight: 300;
}

.trackByReferenceFormTVC .fxg-field__input-text, .trackByTCNFormTVC .fxg-field__input-text, .redesignObtainProofOfDeliveryTVC .fxg-field__input-text, .redesignSPODFaxEntryFormTVC .fxg-field__input-text {
  color:#333;
}

.trackByReferenceFormTVC.reference-custom-select, .redesignObtainProofOfDeliveryTVC.delivery_option-custom-select, .trackLandingTabsTVC.tracking-custom-select {
  font-size:18px;
}