html {
    scroll-behavior: smooth;
}
body {
    background:none!important;
    line-height: 1.4;
}
* {
    box-sizing:border-box;
}

#content {
    border-color: inherit;
    border-style: inherit;
    border-width: inherit;
    max-width: none;
}

.mainMenuBarItemNoItems {
    font-size-adjust: none !important;
    margin: 0 2px 0 0 !important;
    padding: 2px 2px 2px 6px !important;
}

.mainMenuBarCurrentItem {
    margin: 0 2px 0 0 !important;
    padding: 2px 2px 2px 6px !important;
    width: 150px !important;
}

.mainMenuBarItem {
    margin: 0 2px 0 0 !important;
    padding: 2px 2px 2px 6px !important;
    width: 150px !important;
}

.helpMenuIcon {
    margin: 0pt !important;
    padding: 0pt !important;
    width: 18px !important;
}

.grid td {
    padding: 8px;
}

.freight-quote-form .error {
    display: block;
    color: inherit;
    font-size: 11px;
    font-weight: inherit;
}

.freight-quote-form label.error {
    color: #f00;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.freight-quote-form .module {
    box-sizing: border-box;
}

.buttonPurple {
    text-align: center;
    box-sizing: content-box;
    padding-left: 20px;
    padding-right: 20px;
}

.freight-quote-form-error-container {
    margin: 5px 15px;
}

.freight-quote-form-error {
    color: #f00;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.moduleHeaderHelp {
    background-image: url("https://images.fedex.com/framework/image/module_help.gif");
    float: none;
    display: inline;
}

.firstMenuItem {
    padding: 2px 2px 2px 6px !important;
}

.menuItem {
    padding: 2px 2px 2px 6px !important;
}

.menuItem:hover,
.firstMenuItem:hover {
    background: #4d148c;
    color: #fff;
}

li[updown="down"] ul {
    display: none;
}

li[updown="up"] ul {
    display: block;
}
.close-calculator-row {
    float: right;
    position: absolute;
    right: -22px;
    width: 16px;
    top: 14px;
}
.calc-row-error__message {
    color: #f00;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    float: left;
    height: 0px;
    width: 200%;
}
.freight-quote-form-error--special {
    color: #f00;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .close-calculator-row {
        position: absolute;
        right: -17px;
        top: 3px;
        height: 16px;
    }
    .feet-calculator__container .selectfull {
        width: 100px !important;
    }
}

.table-text-indent {
    padding: 8px 3px 2px 8px;
}

#error-taken-to-long {
    display: none;
}

#linear-feet-container {
    display: none;
}

#please-wait {
    display: none;
}

.feet-calculator__container tr td.fddt_paragraph_text:first-child {
    padding-left: 8px;
}

#fxg-header-container {
    height:50px!important;
}

/* home desktop image */
.fxg-landing-hero__background-image {
    background-image: url('images/banner.png');
    background-position: left center;
}
@media (max-width: 767px) {
    .fxg-landing-hero__background-image { 
        background: none;
    }
}
.small.fxg-wrapper {
    max-width: 620px!important;
    margin:auto;
}

.fxg-sharednav #fx-respond #row-banner, #fx-respond #content {
    max-width: 620px!important;
}

.fxg-landing-hero .fxg-title {
    font-weight:300;
}

.calc-btn {
  display: none;
  /*display: block;*/
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 235px;
  width: 185.7px;
  /*margin: 0 auto;*/
  /*display: flex;
  align-items: center;
  justify-content: flex-start;*/
}
.calc-btn.fr {
    width: 201.28px;
}
.calc-btn img {
  width: 30px;
  height: 30px;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
  position: absolute;
  top: 14px;
  left: 80.64px;
}
.calc-check {
  display: none;
  /*display: block;*/
  height: 60px;
  position: absolute;
  position: relative;
  right: 0;
  top: 0;
  width: 235px;
  width: 185.7px;
  z-index: 999999999999;

}


/* The container must be positioned relative: */
.custom-select, .custom-select:before {
  position: relative;
  font-weight: 300;
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: unset;
    outline: none;
    box-shadow: none;
    font-size: 17px;
    padding: 20px 12px 8px 12px;
    font-family: "Roboto",sans-serif;
    background: url(https://www.intshipassistdev.com/assets/css/images/chevron-open--black.svg) no-repeat right #f2f2f2;

    background-size: 22px;

    background-position-y: 7px;
    background-origin: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #58595B;

}
.custom-select {

}
.custom-select select {
  display: none; /*hide original SELECT element: */

}
select:focus::-ms-value {

  background:none;
  color:#333;
}
select {
    /* you should keep these firsts rules in place to maintain cross-browser behaviour */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('https://www.intshipassistdev.com/assets/css/images/chevron-open--black.svg');
    background-position: 98% center;
    background-repeat: no-repeat;
    outline: none;
    color:#333;
    
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;

}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  right: 0;
  left:0px;
  z-index: 99;
  border-left: 3px solid #4D148C;
    overflow-y: scroll;
    max-height: 280px;
    position: absolute;
    width: 100%;
    top: 58px;
  background-color: #fff;
    

}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div {
        color: #333;
    padding: 15px 10px 11px;
    line-height: 1.2rem;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
    font-size: 14px;
}

.select-items div:hover {
    background-color: #F8F8F8;
    color: #4D148C;
    }
.select-selected {
    font-size:16px;
}

.custom-select.active {
    border-left:3px solid #4D148C;
}

select {font-weight:bold;}

.trackByReferenceFormTVC.reference-custom-select:focus, .redesignObtainProofOfDeliveryTVC.delivery_option-custom-select:focus, .trackLandingTabsTVC.tracking-custom-select:focus{
    padding:20px 10px 8px 9px!important;
}

.trackByReferenceFormTVC.reference-custom-select, .redesignObtainProofOfDeliveryTVC.delivery_option-custom-select, .trackLandingTabsTVC.tracking-custom-select
 {
    padding-right:10px!important;
 }

 .trackByReferenceFormTVC .fxg-field__input-text, .trackByTCNFormTVC .fxg-field__input-text, .redesignObtainProofOfDeliveryTVC .fxg-field__input-text, .redesignSPODFaxEntryFormTVC .fxg-field__input-text {
    width:100%!important;
 }

 .fxg-field__input-text {
opacity:1!important;
 }

 a.add-item {
    text-align: right;
    font-weight: 700;
    color: #007ab7!important;
    letter-spacing: .055em;
    letter-spacing: .08rem;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
 }

 .feet-calculator__container tr td.fddt_paragraph_text:first-child {
    padding:0;
 }


 .fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
    position: relative;
    left: 0;
    transform: none;
    right: 0;
   text-decoration: none !important;
 }


 .fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--transparent:hover {
    transform:none;
 }



.control {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
      line-height: 20px;
    padding-top: 2px;

}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: white;
  border: 2px solid #0088cc;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: white;
}
.control input:checked ~ .control__indicator {
  background: white;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: white;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #08c;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 1px;
  top: 1px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0088cc;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

label.control  {
    font-weight: 300;
    font-size: 16px;
    margin: 10px 0 20px;

}

.tooltip {
    position: relative;
    top: 10px;
    right: -45px;
    text-align: left;
    display:none;
    opacity:1;
}
.tooltip__content p, .tooltip__content span {
  font-size:14px;
  line-height:18px;
}
@media (max-width: 767px) {
  .tooltip {
    right:70px;
  }

}
.tooltip__content {
    box-shadow: -2px 2px 0 0 #dededf;
    background-color: #fafafa;
    font-size: .8rem;
    padding: 20px 40px 20px 20px;
    position: absolute;
    line-height: 1.3rem;
    left: -147px;

    top:0;    
    width: 330px;
    z-index: 199;
}

.tooltip__close {
    cursor: pointer;
    position: absolute!important;
    font-size: 16px;
    top: 15px!important;
    right: 15px!important;
}

.shipment-tooltip-open, .to-tooltip-open, .from-tooltip-open, .special-tooltip-open {
cursor:pointer;
}

p.eyebrow {
    font-weight:bold;
    text-transform: uppercase;
    font-size:14px;
}

.bg-table {
    padding:15px 20px 5px;
}
.bg-gray-table {
    background:#FAFAFA;
    padding:15px 20px 5px 20px;
    border-top: 2px solid #E3E3E3;
    border-bottom: 2px solid #E3E3E3;
}

.trackByReferenceFormTVC.reference-custom-select, .redesignObtainProofOfDeliveryTVC.delivery_option-custom-select, .trackLandingTabsTVC.tracking-custom-select {
  height:65px!important;
}

.alertwrap p.eyebrow {
  font-size: 20px;
}

.alertwrap span {
  font-size: 30px;
  font-weight:300;
}

.fxg-icon.fxg-icon--flag-ca {
    width: 25px;
    height: 23px;
    background-position: -235px 0!important;
    background-size: 291.78px 20px!important;
  }

  .fxg-font-size-16 {
     font-size:16px!important;
  }


.fxg-radio  {
  width:auto;
  padding-right:20px;
}
p span.center {
  text-align: center;
}

.fal, .far {
  line-height: 0;
}
@media (max-width: 767px) {
  .fxg-nav--mobile-menu-open .fxg-search {
      margin:-4px 0!important;

  }
  .fxg-spacer {display: none;}
   .richtext .js-freight-quote-response-body p {
    font-size: 12px;
    line-height: 1.4;
    overflow: auto;
  }
}
.center {
          text-align: center;
        }
       .fxg-wrapper a.toggle-language {
          display: inline-block;
          color:#333;
          font-size:14px;
          width:192px;
          padding: 15px 0;
          border-bottom: 1px solid #707070;
        }
        .fxg-wrapper a.toggle-language.active, .fxg-wrapper a.toggle-language:hover {
          color:#4D148C;
          padding: 15px 0 13px 0;
          font-weight: bold;
          border-bottom:3px solid #4D148C;
        }

        h2.fxg-title {
          line-height: 1.4;
        }

@media (max-width: 500px) {

        .js-freight-quote-response-body {
          min-width: 400px;
          overflow: auto;
        }
      }


/* remove transition/transform from Calculate Now button */
.fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--transparent:hover {
  transform: none !important;
  transition: none !important;
}
.fxg-link--mobile-align-center.fxg-link--rounded_button:hover, .fxg-link--mobile-align-center.fxg-link--rounded_button:focus, .fxg-link--mobile-align-center.fxg-button--orange:hover, .fxg-link--mobile-align-center.fxg-button--orange:focus, .fxg-link--mobile-align-center.fxg-button--transparent:hover, .fxg-link--mobile-align-center.fxg-button--transparent:focus {
  transform: none !important;
  transition: none !important;
}
.fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-link--rounded_button:focus, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--orange:focus, .fxg-link--align-center.fxg-button--transparent:hover, .fxg-link--align-center.fxg-button--transparent:focus {
  transform: none !important;
  transition: none !important;
}
.fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
  transform: none !important;
  transition: none !important;
}
.fxg-link--rounded_button:hover, .fxg-link--rounded_button:focus {
  transform: none !important;
  transition: none !important;
}
.fxg-link--mobile-align-center.fxg-link--rounded_button, .fxg-link--mobile-align-center.fxg-button--orange, .fxg-link--mobile-align-center.fxg-button--transparent {
  transform: none !important;
  transition: none !important;
}
.fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
  transform: none !important;
  transition: none !important;
}
.fxg-link--mobile-align-center.fxg-link--rounded_button {
  transform: none !important;
  transition: none !important;
}
.fxg-link--align-center.fxg-link--rounded_button {
  transform: none !important;
  transition: none !important;
}


@media (max-width: 500px) {
  /* remove transition/transform from Calculate Now button */
  .fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--transparent:hover {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--mobile-align-center.fxg-link--rounded_button:hover, .fxg-link--mobile-align-center.fxg-link--rounded_button:focus, .fxg-link--mobile-align-center.fxg-button--orange:hover, .fxg-link--mobile-align-center.fxg-button--orange:focus, .fxg-link--mobile-align-center.fxg-button--transparent:hover, .fxg-link--mobile-align-center.fxg-button--transparent:focus {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-link--rounded_button:focus, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--orange:focus, .fxg-link--align-center.fxg-button--transparent:hover, .fxg-link--align-center.fxg-button--transparent:focus {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--rounded_button:hover, .fxg-link--rounded_button:focus {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--mobile-align-center.fxg-link--rounded_button, .fxg-link--mobile-align-center.fxg-button--orange, .fxg-link--mobile-align-center.fxg-button--transparent {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--mobile-align-center.fxg-link--rounded_button {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button {
    transform: none !important;
    transition: none !important;
  }
}
@media (max-width: 767px) {
  /* remove transition/transform from Calculate Now button */
  .fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--transparent:hover {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--mobile-align-center.fxg-link--rounded_button:hover, .fxg-link--mobile-align-center.fxg-link--rounded_button:focus, .fxg-link--mobile-align-center.fxg-button--orange:hover, .fxg-link--mobile-align-center.fxg-button--orange:focus, .fxg-link--mobile-align-center.fxg-button--transparent:hover, .fxg-link--mobile-align-center.fxg-button--transparent:focus {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button:hover, .fxg-link--align-center.fxg-link--rounded_button:focus, .fxg-link--align-center.fxg-button--orange:hover, .fxg-link--align-center.fxg-button--orange:focus, .fxg-link--align-center.fxg-button--transparent:hover, .fxg-link--align-center.fxg-button--transparent:focus {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--rounded_button:hover, .fxg-link--rounded_button:focus {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--mobile-align-center.fxg-link--rounded_button, .fxg-link--mobile-align-center.fxg-button--orange, .fxg-link--mobile-align-center.fxg-button--transparent {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button, .fxg-link--align-center.fxg-button--orange, .fxg-link--align-center.fxg-button--transparent {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--mobile-align-center.fxg-link--rounded_button {
    transform: none !important;
    transition: none !important;
  }
  .fxg-link--align-center.fxg-link--rounded_button {
    transform: none !important;
    transition: none !important;
  }
}

.bg-light-gray {
  margin-top:20px;
  background:#fafafa;
  padding: 20px;
}

.pse-icons {
    text-align: right;
}
@media (max-width: 767px) {
    .pse-icons {
        /*display: block;*/
        text-align: left;
    }
}

.email-modal .email-thanks {
    display: none;
    padding: 30px 0;
    text-align: center;
}

.email-modal .email-error {
    display: none;
    padding: 30px 0;
    text-align: center;
}

.email-modal .email-error a {
    color: #007ab7;
    padding: 30px 0;
    text-align: center;
}

#submitButtonEmailing {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#email-results-error {
    color: #f00;
}
.fxg-wrapper .fxg-rte a {
  color:#007ab7;
}