.multiSelect {
  width: 100%; }

.multiSelect .checkBoxContainer {
  padding: 0 8px; }

.multiSelect > .checkboxLayer {
  border: none;
  border-radius: 0px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  @media (max-width: 544px) {
    .multiSelect > .checkboxLayer {
      width: calc(100% - 1px); } }

.multiSelect .multiSelectItem {
  margin: 8px 0;
  display: flex;
  align-items: center; }

.multiSelect .tickMark {
  display: none; }

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
  background-image: none;
  color: #FFFFFF;
  border: none;
  border-radius: 5px;
  background-color: #0093D0;
  font-family: 'Roboto';
  font-weight: normal;
  font-size: 14px; }

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected span {
  color: #FFFFFF; }

.multiSelect .multiSelectItem:hover, .multiSelect .multiSelectGroup:hover, .multiSelect .multiSelectItem:not(.multiSelectGroup).selected:hover {
  background-image: none !important;
  border: none !important;
  border-radius: 5px;
  background-color: #6CBCE3; }

.multiSelect .multiSelectFocus {
  background-image: none !important;
  border: none !important;
  background-color: #FFFFFF;
  color: #2D3236 !important; }

.multiSelect > button {
  min-height: 35px !important;
  max-height: 35px !important;
  width: 100%;
  border-radius: 0px;
  background-image: linear-gradient(#fff, #fff);
  text-align: left; }
  @media (min-width: 768px) {
    .multiSelect > button {
      min-height: 30px !important; } }

.multiSelect > button:hover {
  background-image: linear-gradient(#fff, #fff); }

.multiSelect .buttonLabel {
  display: inline-block;
  padding: 0; }

.multiSelect .caret {
  position: absolute;
  top: 47%;
  right: 10px; }

button {
  border: none;
  padding: 0; }

.tab h2 {
  margin: 0; }

.page-title-content h1 {
  margin: 0; }

.mainNav ul {
  margin: 0; }

.label {
  color: #2D3236;
  padding: 0; }

h2 {
  margin: 0; }

.table {
  margin: 0;
  width: auto; }

.table > thead > tr > th {
  border-bottom: none;
  border-top: none; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: none; }

.glyphicon-sort {
  cursor: pointer; }

ol, ul {
  margin: 0; }

.modal {
  z-index: 9999 !important; }

.modal-backdrop {
  z-index: 9998 !important; }

.modal-dialog {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 100%;
  width: 100%; }

.modal-content {
  border-radius: 0;
  background-color: #F7F7F7;
  padding: 30px;
  max-width: 90%; }

.leaflet-bottom, .leaflet-top {
  z-index: 999 !important; }

.leaflet-popup-content-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: none; }

.leaflet-popup-content {
  width: auto !important; }

.singlePopupText {
  white-space: nowrap; }

.mainNav {
  height: 60px;
  width: 100%;
  background: linear-gradient(#434343 25%, #2D3236 65%);
  display: flex;
  position: fixed;
  top: 0;
  z-index: 2000; }
  @media (min-width: 992px) {
    .mainNav {
      height: 100px;
      background-image: url("../img/trans-nav-bg.jpg");
      background-repeat: no-repeat;
      background-size: cover; } }
  .mainNav .mainNav-left, .mainNav .mainNav-right {
    display: flex;
    align-items: center; }
  .mainNav .menuIcon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 19px;
    width: 25px;
    margin: 0 16px 0 0;
    position: relative;
    cursor: pointer; }
    .mainNav .menuIcon .menuIcon-bar {
      height: 3px;
      width: 25px;
      background-color: #FFFFFF; }
    .mainNav .menuIcon .menuIcon-bar-rotate {
      position: absolute;
      top: 8px;
      transition: all .3s ease; }
      .mainNav .menuIcon .menuIcon-bar-rotate:first-child {
        transform: rotate(45deg); }
      .mainNav .menuIcon .menuIcon-bar-rotate:nth-child(2) {
        display: none; }
      .mainNav .menuIcon .menuIcon-bar-rotate:last-child {
        transform: rotate(-45deg); }
    @media (min-width: 768px) {
      .mainNav .menuIcon {
        display: none; } }
  .mainNav .mainNav-logo-light {
    margin: 0 15px 0 0; }
    @media (min-width: 992px) {
      .mainNav .mainNav-logo-light {
        display: none; } }
  .mainNav .mainNav-logo-dark {
    margin: 0 15px 0 0;
    display: none; }
    @media (min-width: 992px) {
      .mainNav .mainNav-logo-dark {
        display: block; } }
  .mainNav .mainNav-links {
    list-style-type: none;
    display: none; }
    .mainNav .mainNav-links li:first-child {
      border-top: 1px solid #FFFFFF; }
      @media (min-width: 768px) {
        .mainNav .mainNav-links li:first-child {
          border: none; } }
    @media (min-width: 768px) {
      .mainNav .mainNav-links li {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        height: 60px; }
        .mainNav .mainNav-links li:hover .flyout {
          display: block;
          top: 60px;
          left: 0; }
          .mainNav .mainNav-links li:hover .flyout a {
            padding: 0 15px; } }
    @media (min-width: 768px) {
      .mainNav .mainNav-links a {
        display: flex;
        align-items: center;
        height: 100%; } }
    .mainNav .mainNav-links .mainNav-links-link {
      color: #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
      padding: 15px 5%;
      font-family: "Roboto";
      font-size: 14px;
      font-weight: bold;
      text-decoration: none;
      text-transform: uppercase;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (min-width: 768px) {
        .mainNav .mainNav-links .mainNav-links-link {
          padding: 0 15px;
          border: none; } }
      @media (min-width: 992px) {
        .mainNav .mainNav-links .mainNav-links-link {
          color: #2D3236; } }
    .mainNav .mainNav-links .mainNav-links-link-is-selected {
      background-color: #0093D0; }
      .mainNav .mainNav-links .mainNav-links-link-is-selected .flyoutIcon {
        transform: rotate(0deg); }
    @media (max-width: 768px) {
      .mainNav .mainNav-links .flyout a {
        padding: 15px calc(5% + 30px);
        background-color: #2D3236;
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF; } }
    @media (max-width: 768px) {
      .mainNav .mainNav-links .flyout {
        padding: 0;
        box-shadow: none;
        width: 100%;
        position: inherit;
        top: inherit; } }
    @media (min-width: 768px) {
      .mainNav .mainNav-links .flyout {
        position: absolute;
        top: 100%;
        width: auto; } }
    @media (max-width: 544px) {
      .mainNav .mainNav-links {
        top: 115px; } }
    @media (min-width: 544px) and (max-width: 992px) {
      .mainNav .mainNav-links {
        top: 60px; } }
    @media (max-width: 767px) {
      .mainNav .mainNav-links {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100vh;
        flex-direction: column;
        background-color: #2D3236; } }
    @media (min-width: 768px) {
      .mainNav .mainNav-links {
        display: inline-flex; } }
  .mainNav .mainNav-hideFlyoutLinks {
    top: 60px !important; }
  @media (min-width: 768px) {
    .mainNav #tenderLoad, .mainNav #accountsPayable, .mainNav #contactRep, .mainNav #reporting {
      display: none; } }
  @media (min-width: 923px) {
    .mainNav #tenderLoad {
      display: inline-flex; } }
  @media (min-width: 1105px) {
    .mainNav #accountsPayable {
      display: inline-flex; } }
  @media (min-width: 1242px) {
    .mainNav #contactRep {
      display: inline-flex; } }
  @media (min-width: 1262px) {
    .mainNav #reporting {
      display: inline-flex; } }
  .mainNav #more {
    display: none; }
    @media (min-width: 768px) {
      .mainNav #more #tenderLoad, .mainNav #more #accountsPayable, .mainNav #more #contactRep, .mainNav #more #reporting {
        display: flex; } }
    .mainNav #more #tenderLoad:hover + .subFlyout {
      display: block; }
    @media (min-width: 923px) {
      .mainNav #more #tenderLoad {
        display: none; } }
    @media (min-width: 1105px) {
      .mainNav #more #accountsPayable {
        display: none; } }
    @media (min-width: 1242px) {
      .mainNav #more #contactRep {
        display: none; } }
    @media (min-width: 1262px) {
      .mainNav #more #reporting {
        display: none; } }
    @media (min-width: 768px) {
      .mainNav #more {
        display: inline-flex; } }
    @media (min-width: 1262px) {
      .mainNav #more {
        display: none; } }
  .mainNav .flyoutIcon {
    height: 14px;
    width: 14px;
    fill: #FFFFFF;
    margin: 0 0 5px 5px;
    transform: rotate(-90deg); }
    @media (min-width: 768px) {
      .mainNav .flyoutIcon {
        transform: none; } }
    @media (min-width: 992px) {
      .mainNav .flyoutIcon {
        fill: #2D3236; } }
  .mainNav .subFlyoutIcon {
    height: 14px;
    width: 14px;
    fill: #2D3236;
    margin: 0 0 2px 0;
    transform: rotate(-90deg); }
  .mainNav .mainNav-icons .flyoutIcon {
    fill: #FFFFFF; }
    @media (min-width: 992px) {
      .mainNav .mainNav-icons .flyoutIcon {
        fill: #2D3236; } }
  .mainNav .mainNav-icons .icon-sm, .mainNav .mainNav-icons .icon-md, .mainNav .mainNav-icons .icon-lg, .mainNav .mainNav-icons .icon-xl {
    fill: #FFFFFF; }
    @media (min-width: 992px) {
      .mainNav .mainNav-icons .icon-sm, .mainNav .mainNav-icons .icon-md, .mainNav .mainNav-icons .icon-lg, .mainNav .mainNav-icons .icon-xl {
        fill: #2D3236; } }
  .mainNav .mainNav-icons li:hover .flyout {
    display: block;
    top: 60px;
    left: 0; }
  @media (min-width: 544px) {
    .mainNav .mainNav-icons li {
      margin: 0 0 0 30px;
      position: relative;
      height: 60px;
      display: flex;
      align-items: center; } }
  .mainNav .mainNav-icons li a {
    display: flex; }
  @media (max-width: 543px) {
    .mainNav .mainNav-icons {
      display: none;
      background-color: #2D3236;
      list-style-type: none;
      height: 55px;
      width: 100%;
      top: 60px;
      left: 0;
      padding: 15px;
      justify-content: space-around;
      border-top: 1px solid #FFFFFF;
      position: absolute; } }
  @media (min-width: 544px) {
    .mainNav .mainNav-icons {
      list-style-type: none;
      display: flex; } }
  @media (min-width: 992px) {
    .mainNav .mainNav-icons {
      background-color: none; } }

.mainNav-fixed {
  height: 60px;
  background-image: none;
  background: linear-gradient(#434343 25%, #2D3236 65%); }
  .mainNav-fixed .mainNav-links .mainNav-links-link {
    color: #FFFFFF; }
  .mainNav-fixed .flyoutIcon {
    fill: #FFFFFF; }
  .mainNav-fixed .mainNav-icons .icon-sm, .mainNav-fixed .mainNav-icons .icon-md, .mainNav-fixed .mainNav-icons .icon-lg, .mainNav-fixed .mainNav-icons .icon-xl {
    fill: #FFFFFF; }

.landingWrapper {
  height: 300px;
  width: 100%;
  background: linear-gradient(#434343 25%, #2D3236 65%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  background-image: url("../img/GeoBG-Dark.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 992px) {
    .landingWrapper {
      margin-top: 40px; } }
  .landingWrapper .landingBanner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px; }
    .landingWrapper .landingBanner h1 {
      font-size: 26px;
      font-family: 'FuturaStd-Bold',Arial,Helvetica,sans-serif;
      color: white;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.5; }
      @media (min-width: 375px) {
        .landingWrapper .landingBanner h1 {
          font-size: 33.35px; } }
    .landingWrapper .landingBanner h2 {
      font-size: 18px;
      font-family: 'FuturaStd-Book',Arial,Helvetica,sans-serif;
      color: white;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 6px;
      text-align: center; }
      @media (min-width: 310px) {
        .landingWrapper .landingBanner h2 {
          font-size: 21px; } }
      @media (min-width: 340px) {
        .landingWrapper .landingBanner h2 {
          font-size: 24px; } }
    .landingWrapper .landingBanner .requestQuoteButtonWrapper {
      text-align: center; }
      .landingWrapper .landingBanner .requestQuoteButtonWrapper button {
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        top: 22px; }
        .landingWrapper .landingBanner .requestQuoteButtonWrapper button span {
          font-size: 30px; }

.landingText h2 {
  font-size: 16px;
  font-family: "Roboto";
  font-weight: bold;
  line-height: 1.727;
  text-align: left;
  text-transform: uppercase; }

.landingText h3 {
  font-size: 14px;
  font-family: "Roboto";
  color: #0093d0;
  font-weight: bold;
  line-height: 1.727;
  text-align: left;
  text-transform: uppercase; }

.landingText p {
  font-size: 14px;
  font-family: "Roboto";
  color: #2D3236;
  line-height: 1.727;
  text-align: left; }

.landingText ul {
  padding-left: 18px; }

.flyout {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 100%;
  padding: 15px 0 0 0;
  background-color: #FFFFFF;
  white-space: nowrap;
  min-width: 150px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
  .flyout a {
    display: block;
    margin: 0;
    padding: 0 15px 15px 15px;
    color: #2D3236;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .flyout a {
        margin: 0 0 15px 0;
        padding: 0 15px; } }
  .flyout .subFlyout {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 15px 0 0 0;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border-left: 2px solid #0093D0; }
    .flyout .subFlyout:hover {
      display: block; }

.modalHeader {
  margin: 0 0 20px 0; }
  .modalHeader .modalHeader-title {
    font-family: "Roboto";
    font-size: 18px;
    font-weight: bold; }
  .modalHeader .modalHeader-closeButton {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 500; }

.modalBody .tableContainer {
  margin: 0; }

@media (max-width: 544px) {
  .modalBody .characterCount {
    left: 0;
    top: 100%; } }

.modalActions {
  margin: 30px 0 0 0; }
  .modalActions button {
    width: 100%; }
    @media (min-width: 544px) {
      .modalActions button {
        width: auto; } }
  .modalActions *:not(:last-child) {
    margin: 0 0 15px 0; }
    @media (min-width: 544px) {
      .modalActions *:not(:last-child) {
        margin: 0 26px 0 0; } }

.tableContainer {
  overflow-x: auto;
  margin: 0 0 15px 0; }
  .tableContainer .table {
    margin: 0;
    white-space: nowrap; }
  @media (min-width: 544px) {
    .tableContainer {
      margin: 0 0 14px 0; } }

.table {
  margin: 0 0 30px 0; }
  .table .tableHeader {
    color: #2D3236;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: bold; }
    .table .tableHeader th {
      padding: 8px 30px 8px 8px; }
  .table .tableData tr {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA; }
    .table .tableData tr:first-child {
      border-top: 1px solid #EAEAEA; }
    .table .tableData tr:last-child {
      border-bottom: 1px solid #EAEAEA; }
    .table .tableData tr:nth-child(odd) {
      background-color: #FFFFFF; }
    .table .tableData tr:nth-child(even) {
      background-color: #EAEAEA; }
  .table .tableTotals {
    background-color: transparent;
    border: none;
    border-top: 1px solid #EAEAEA; }
    .table .tableTotals td {
      font-weight: bold; }

.tablePagination {
  display: flex;
  justify-content: flex-end; }

.card {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin: 0 0 10px 0; }
  .card:last-child {
    margin: 0 0 15px 0; }
    @media (min-width: 544px) {
      .card:last-child {
        margin: 0 0 30px 0; } }

.section-header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
  border-bottom: 2px solid #2D3236; }
  .section-header h2 {
    text-transform: uppercase; }

.input-group {
  width: 100%; }
  @media (min-width: 544px) {
    .input-group {
      width: auto; } }

.input-25 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-25 {
      width: 25px; } }
  @media (min-width: 768px) {
    .input-25 {
      font-size: 14px;
      height: 30px; } }

.input-50 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-50 {
      width: 50px; } }
  @media (min-width: 768px) {
    .input-50 {
      font-size: 14px;
      height: 30px; } }

.input-75 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-75 {
      width: 75px; } }
  @media (min-width: 768px) {
    .input-75 {
      font-size: 14px;
      height: 30px; } }

.input-100 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-100 {
      width: 100px; } }
  @media (min-width: 768px) {
    .input-100 {
      font-size: 14px;
      height: 30px; } }

.input-125 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-125 {
      width: 125px; } }
  @media (min-width: 768px) {
    .input-125 {
      font-size: 14px;
      height: 30px; } }

.input-150 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-150 {
      width: 150px; } }
  @media (min-width: 768px) {
    .input-150 {
      font-size: 14px;
      height: 30px; } }

.input-175 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-175 {
      width: 175px; } }
  @media (min-width: 768px) {
    .input-175 {
      font-size: 14px;
      height: 30px; } }

.input-200 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-200 {
      width: 200px; } }
  @media (min-width: 768px) {
    .input-200 {
      font-size: 14px;
      height: 30px; } }

.input-250 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-250 {
      width: 250px; } }
  @media (min-width: 768px) {
    .input-250 {
      font-size: 14px;
      height: 30px; } }

.input-300 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-300 {
      width: 300px; } }
  @media (min-width: 768px) {
    .input-300 {
      font-size: 14px;
      height: 30px; } }

.input-350 {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  height: 35px;
  width: 100%;
  box-sizing: border-box; }
  @media (min-width: 544px) {
    .input-350 {
      width: 350px; } }
  @media (min-width: 768px) {
    .input-350 {
      font-size: 14px;
      height: 30px; } }

label {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin: 0 0 6px 0; }

form .read-only-text, ng-form .read-only-text {
  margin: 5px 0 0 0; }
  @media (min-width: 768px) {
    form .read-only-text, ng-form .read-only-text {
      margin: 6px 0 0 0; } }

.read-only-text {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  margin: 0; }
  @media (min-width: 768px) {
    .read-only-text {
      font-size: 14px; } }

.multi-input input:not(:last-child) {
  margin: 0 5px 0 0; }

.input-group, .megaSearch {
  margin: 0 0 15px 0;
  display: inline-flex;
  flex-direction: column;
  position: relative; }
  .input-group input, .input-group select, .megaSearch input, .megaSearch select {
    border-style: solid;
    border-width: 1px;
    border-color: #CCC; }
  .input-group .input-error, .megaSearch .input-error {
    border: 2px solid #e74c3c; }
  .input-group .input-error-text, .megaSearch .input-error-text {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: normal;
    color: #e74c3c;
    position: absolute;
    margin: 10px 0 0 0;
    left: 0;
    font-style: italic; }
    @media (max-width: 543px) {
      .input-group .input-error-text, .megaSearch .input-error-text {
        display: none; } }
  @media (min-width: 544px) {
    .input-group, .megaSearch {
      margin: 0 30px 30px 0; } }

.formErrorMobile {
  width: 100%;
  padding: 15px 10px;
  background-color: #F8D7DA;
  margin: 0 0 15px 0; }
  .formErrorMobile p {
    margin: 0;
    font-weight: bold;
    color: #721C24; }
  @media (min-width: 544px) {
    .formErrorMobile {
      display: none; } }

.multiInput-fieldGroup {
  display: flex; }

.field-group {
  display: inline-flex; }

.inputIcon {
  position: absolute;
  top: 34px;
  left: 10px; }
  @media (min-width: 768px) {
    .inputIcon {
      top: 32px; } }

.currencyInput {
  padding: 0 0 0 20px; }

.radioGroup, .checkboxGroup {
  width: 100%;
  margin: 0 0 15px 0;
  display: inline-flex;
  flex-direction: column; }
  .radioGroup label, .checkboxGroup label {
    margin: 0 0 10px 0; }
  .radioGroup input, .checkboxGroup input {
    margin: 3px 10px 0 0;
    cursor: pointer; }
  .radioGroup .radioGroup-options, .radioGroup .checkboxGroup-options, .checkboxGroup .radioGroup-options, .checkboxGroup .checkboxGroup-options {
    display: flex; }
    .radioGroup .radioGroup-options label, .radioGroup .checkboxGroup-options label, .checkboxGroup .radioGroup-options label, .checkboxGroup .checkboxGroup-options label {
      font-weight: normal;
      margin: 0; }
      .radioGroup .radioGroup-options label:not(:last-child), .radioGroup .checkboxGroup-options label:not(:last-child), .checkboxGroup .radioGroup-options label:not(:last-child), .checkboxGroup .checkboxGroup-options label:not(:last-child) {
        margin: 0 30px 0 0; }
  @media (min-width: 544px) {
    .radioGroup, .checkboxGroup {
      margin: 0 30px 30px 0;
      width: auto; } }

.steppedProgressBar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  margin: 0 0 45px 0; }
  .steppedProgressBar .steppedProgressBar-step {
    display: flex;
    align-items: center;
    width: 100%; }
    .steppedProgressBar .steppedProgressBar-step:first-child .steppedProgressBar-stepName {
      left: 0; }
    .steppedProgressBar .steppedProgressBar-step:last-child {
      width: auto; }
      .steppedProgressBar .steppedProgressBar-step:last-child .steppedProgressBar-stepName {
        right: 0; }
      .steppedProgressBar .steppedProgressBar-step:last-child .steppedProgressBar-stepDivider {
        display: none; }
    .steppedProgressBar .steppedProgressBar-step.is-active .steppedProgressBar-stepMarker {
      border-color: #27AE60; }
    .steppedProgressBar .steppedProgressBar-step.is-complete .steppedProgressBar-stepMarker {
      border-color: #27AE60;
      background-color: #27AE60;
      cursor: pointer; }
    .steppedProgressBar .steppedProgressBar-step.is-complete .steppedProgressBar-stepName {
      cursor: pointer; }
    .steppedProgressBar .steppedProgressBar-step.is-complete .steppedProgressBar-stepDivider {
      background-color: #27AE60; }
  .steppedProgressBar .steppedProgressBar-stepDetail {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0; }
  .steppedProgressBar .steppedProgressBar-stepMarker {
    height: 45px;
    width: 45px;
    border: 2px solid #CCC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .steppedProgressBar .steppedProgressBar-stepNumber {
    font-weight: bold; }
  .steppedProgressBar .steppedProgressBar-stepName {
    display: none; }
    @media (min-width: 768px) {
      .steppedProgressBar .steppedProgressBar-stepName {
        display: block;
        position: absolute;
        margin: 0;
        top: 50px; } }
  .steppedProgressBar .steppedProgressBar-stepDivider {
    width: calc(100% - 70px);
    height: 2px;
    background-color: #CCC;
    margin: 0 auto; }
  @media (min-width: 768px) {
    .steppedProgressBar {
      margin: 0 0 46px 0; } }

.datePickerGroup {
  display: flex; }
  .datePickerGroup input {
    border-right: none;
    padding: 0 0 0 10px; }

.datePickerGroup-tooltipIcon {
  margin: 1px 0 0 5px; }

.datePickerGroup-icon {
  padding: 0 5px;
  background-color: #FFFFFF;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #CCC; }

.datePickerGroup-icon img {
  margin: 0 !important; }

.tab-list {
  margin: 0 0 15px 0; }

.tab {
  padding: 0 30px 5px 0;
  border-bottom: 2px #EAEAEA solid; }
  .tab a {
    text-decoration: none; }
  .tab:hover {
    border-color: #2D3236; }

.tab-active {
  border-color: #0093D0; }
  .tab-active h2 {
    color: #0093D0; }
  .tab-active:hover {
    border-color: #0093D0;
    cursor: pointer; }

.icon-xs {
  height: 16px;
  width: 16px; }

.icon-sm {
  height: 24px;
  width: 24px; }

.icon-md {
  height: 32px;
  width: 32px; }

.icon-lg {
  height: 45px;
  width: 45px; }

.icon-xl {
  height: 64px;
  width: 64px; }

.icon-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center; }
  .icon-badge .icon-label {
    padding: 10px 0 0 0; }

.icon-button {
  display: inline-flex; }
  .icon-button a {
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase; }
    .icon-button a .icon-label {
      color: #0093D0; }
    .icon-button a svg path {
      fill: #0093D0; }
  .icon-button .icon-label {
    padding: 0 10px; }

.ltlGlobalAssistanceMessage {
  margin: 0 0 23px 0; }

.ltlAssistanceAndPrint {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 0 0 15px 0; }
  @media (min-width: 768px) {
    .ltlAssistanceAndPrint {
      flex-direction: row;
      align-items: center;
      margin: 0 0 30px 0; } }

@media print {
  .ltlAssistanceAndPrint button {
    display: none; } }

@media screen and (min-width: 768px) {
  .ltlAssistanceAndPrint button {
    margin-left: 30px; } }

.ltlAssistanceAndPrint div {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center; }

.guestMaxQuoteModal-message {
  max-width: 485px; }

.tmsErrorModal {
  max-width: 410px; }
  .tmsErrorModal .modalBody {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center; }
  .tmsErrorModal .alertModal-icon {
    margin: 0 0 10px 0; }

.sendBolModal {
  max-width: 600px; }
  .sendBolModal-message {
    width: 400px;
    max-width: 100%;
    padding: 5px; }
  .sendBolModal .input-group:last-child {
    margin: 0; }

.volumeQuoteAlertModal {
  max-width: 510px; }

.ltlQuoteDetails-basicQuoteInfo {
  width: 100%;
  margin: 0 0 15px 0; }
  .ltlQuoteDetails-basicQuoteInfo p {
    margin: 0; }
  @media (min-width: 768px) {
    .ltlQuoteDetails-basicQuoteInfo {
      margin: 0 0 30px 0; } }

.ltlQuoteDetails-locationInfoContainer {
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .ltlQuoteDetails-locationInfoContainer {
      flex-direction: row;
      justify-content: space-between; } }

.ltlQuoteDetails-pickupInfo, .ltlQuoteDetails-deliveryInfo {
  margin: 0 0 5px 0; }
  @media (min-width: 544px) {
    .ltlQuoteDetails-pickupInfo, .ltlQuoteDetails-deliveryInfo {
      margin: 0 0 20px 0; } }
  @media (min-width: 992px) {
    .ltlQuoteDetails-pickupInfo, .ltlQuoteDetails-deliveryInfo {
      width: calc(50% - 15px); } }

.ltlQuoteDetails-items {
  width: 100%; }

.ltlQuoteDetails-totals {
  width: 100%; }

.ltlQuoteDetails-additionalDetails {
  width: 100%;
  margin: 0 0 5px 0; }
  @media (min-width: 544px) {
    .ltlQuoteDetails-additionalDetails {
      margin: 0 0 20px 0; } }

.ltlQuoteDetails-commodity:last-child {
  margin: 0 0 30px 0; }

.locationInput {
  margin: 0 0 5px 0; }
  @media (min-width: 544px) {
    .locationInput {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin: 0; } }

.accessorialList {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  .accessorialList .accessorialList-item {
    padding: 5px 7px;
    margin: 0 10px 10px 0;
    background-color: #EAEAEA;
    display: flex;
    align-items: center;
    cursor: pointer; }
  .accessorialList .accessorialList-item-is-selected {
    background-color: #0093D0;
    color: #FFFFFF; }
    .accessorialList .accessorialList-item-is-selected .accessorialList-itemIcon {
      transform: rotate(45deg); }
      .accessorialList .accessorialList-item-is-selected .accessorialList-itemIcon .accessorialList-itemIcon-bar {
        background-color: #FFFFFF; }
  .accessorialList .accessorialList-itemLabel {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: normal; }
  .accessorialList .accessorialList-itemIcon {
    margin: 0 0 0 10px;
    height: 10px;
    width: 10px;
    display: flex;
    align-items: center; }
    .accessorialList .accessorialList-itemIcon .accessorialList-itemIcon-bar {
      height: 2px;
      width: 10px;
      position: absolute;
      background-color: #2D3236; }
      .accessorialList .accessorialList-itemIcon .accessorialList-itemIcon-bar:first-child {
        transform: rotate(90deg); }

.postalCode {
  position: relative; }

.postalCode-selectedLocation {
  white-space: nowrap;
  margin: -6px 0 5px 0; }
  @media (min-width: 544px) {
    .postalCode-selectedLocation {
      position: absolute;
      bottom: 4px; } }

.ltlItemCard {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 30px 15px 30px; }
  .ltlItemCard .ltlItemCard-miscOptions {
    display: inline-flex;
    flex-direction: column;
    margin: 0 30px 30px 0;
    justify-content: center; }
  .ltlItemCard .ltlItemCard-actions {
    display: inline-flex;
    flex-direction: column;
    margin: 0 0 30px 0;
    justify-content: center; }
    .ltlItemCard .ltlItemCard-actions icon-button {
      height: 24px;
      width: 24px; }
    .ltlItemCard .ltlItemCard-actions icon-button:first-child {
      margin: 0 0 10px 0; }
  @media (min-width: 544px) {
    .ltlItemCard {
      padding: 30px 30px 0 30px; } }

.miscOption {
  display: flex; }
  .miscOption input {
    margin: 3px 10px 0 0;
    cursor: pointer; }
  .miscOption label {
    font-weight: normal;
    margin: 0; }

@media (min-width: 544px) {
  commodity-totals {
    display: inline-flex; } }

.getQuoteButton {
  margin: 0 0 15px 0; }
  @media (min-width: 544px) {
    .getQuoteButton {
      margin: 0 30px 0 0; } }

.ltlCarrierSelection-shipmentSummary {
  width: 100%; }
  @media print {
    .ltlCarrierSelection-shipmentSummary div {
      margin: 0 15px 30px 0; }
      .ltlCarrierSelection-shipmentSummary div label {
        font-size: 14pt; }
      .ltlCarrierSelection-shipmentSummary div p {
        font-size: 14pt; } }
  @media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ltlCarrierSelection-shipmentSummary div label {
      font-size: 12pt !important; }
    .ltlCarrierSelection-shipmentSummary div p {
      font-size: 12pt !important; } }

@media print {
  .ltlCarrierSelection-carrierRates .section-header {
    margin-bottom: 0px; } }

.ltlCarrierSelection-carrierRates-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 0 15px 0;
  flex-direction: column; }
  @media print {
    .ltlCarrierSelection-carrierRates-actions {
      margin: 0; } }
  @media (max-width: 544px) {
    .ltlCarrierSelection-carrierRates-actions carrier-filters {
      width: 100%; } }
  .ltlCarrierSelection-carrierRates-actions carrier-selection {
    width: 100%; }
    @media (min-width: 544px) {
      .ltlCarrierSelection-carrierRates-actions carrier-selection {
        width: auto; } }
  @media (min-width: 864px) {
    .ltlCarrierSelection-carrierRates-actions .input-group {
      margin: 0 30px 0 0; } }
  .ltlCarrierSelection-carrierRates-actions .actionGroup {
    margin: 0; }
  @media (min-width: 544px) {
    .ltlCarrierSelection-carrierRates-actions {
      margin: 0 0 30px 0; } }
  @media (min-width: 864px) {
    .ltlCarrierSelection-carrierRates-actions {
      flex-direction: row;
      align-items: center; } }

.ltlCarrierSelection-carrierCard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap; }
  @media print {
    .ltlCarrierSelection-carrierCard {
      flex-direction: row;
      box-shadow: none;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.3);
      border-width: 0px 0px 2px 0px;
      margin: 0px;
      padding: 14px 15px;
      width: 95%;
      margin: 0 10px;
      page-break-inside: avoid; }
      .ltlCarrierSelection-carrierCard:first-child {
        margin-top: 0; } }
  .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo {
    display: flex; }
    .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo p {
      margin: 0; }
      @media print {
        .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo p {
          max-width: 150px; } }
    .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo .carrierLogo {
      margin: 0 10px 0 0;
      border: 1px solid #EAEAEA; }
    .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo .carrier-rate h2 {
      font-family: "Roboto";
      font-weight: bold;
      font-size: 32px;
      color: #2D3236; }
    @media (max-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo {
        width: 100%; } }
    @media (min-width: 992px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo {
        margin: 0 30px 0 0; } }
    @media print {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-basicInfo div p {
        font-size: 14pt; } }
  .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-carrierDetail {
    display: flex;
    align-items: center;
    flex-direction: column; }
    @media (max-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-carrierDetail .carrierBook {
        width: 100%; }
        .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-carrierDetail .carrierBook button {
          width: 100%; } }
    @media (max-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-carrierDetail {
        width: 100%; } }
    @media (min-width: 992px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-carrierDetail {
        flex-direction: row; } }
    @media print {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-carrierDetail {
        flex-direction: row !important; } }
  .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA; }
    .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo .detailedInfoItem:not(:last-child) {
      margin: 0 0 15px 0; }
    @media (max-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo .detailedInfoItem:last-child {
        margin: 0; } }
    @media (min-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo .detailedInfoItem:not(:last-child) {
        margin: 0 30px 0 0; } }
    @media (min-width: 992px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo .detailedInfoItem {
        margin: 0 30px 0 0; } }
    @media print {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo .detailedInfoItem {
        font-size: 14pt;
        margin: 0 15px 0 0 !important; } }
    @media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo .detailedInfoItem {
        font-size: 12pt !important; } }
    @media screen and (max-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo {
        width: 100%;
        align-items: center;
        padding: 15px 0;
        text-align: center;
        justify-content: center; } }
    @media screen and (min-width: 544px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo {
        flex-direction: row;
        align-items: center; } }
    @media (min-width: 992px) {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo {
        border: none; } }
    @media print {
      .ltlCarrierSelection-carrierCard .ltlCarrierSelection-carrierCard-detailedInfo {
        flex-direction: row;
        align-items: center; } }
  .ltlCarrierSelection-carrierCard .preferredCarrierImg {
    width: 90px; }
  @media (min-width: 992px) {
    .ltlCarrierSelection-carrierCard {
      flex-direction: row; } }

.ltlCarrierSelection-noResults {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .ltlCarrierSelection-noResults-message {
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 10px 0 15px 0; }
    @media (min-width: 544px) {
      .ltlCarrierSelection-noResults-message {
        margin: 10px 0 30px 0; } }

.economyAdvisoryModal-message {
  max-width: 427px; }

.addInsuranceModal .radioGroup {
  margin: 0 0 30px 0; }

@media (max-width: 544px) {
  .addInsuranceModal #insuranceAmountInput {
    width: 89%; } }

.ltlShipmentDetails-shipmentSummary, .ltlShipmentDetails-pickupDetails, .ltlShipmentDetails-deliveryDetails {
  display: flex;
  flex-direction: column; }

.ltlShipmentDetails-pickupDetails-locationInput {
  max-width: 855px; }

.ltlShipmentDetails-addressReadOnlyGroup .read-only-text {
  margin: 5px 0 0 0; }
  @media (min-width: 768px) {
    .ltlShipmentDetails-addressReadOnlyGroup .read-only-text {
      margin: 6px 0 0 0; } }

@media (min-width: 544px) {
  .ltlShipmentDetails-addressReadOnlyGroup {
    display: inline-flex; } }

.ltlShipmentDetails-timePicker {
  display: flex;
  flex-direction: column; }
  @media (max-width: 544px) {
    .ltlShipmentDetails-timePicker input, .ltlShipmentDetails-timePicker select {
      width: calc(33% - 2.5px); } }
  .ltlShipmentDetails-timePicker-text {
    margin: 5px 0; }
    @media (min-width: 544px) {
      .ltlShipmentDetails-timePicker-text {
        margin: 0 5px; } }
  @media (max-width: 544px) {
    .ltlShipmentDetails-timePicker-startTime, .ltlShipmentDetails-timePicker-endTime {
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 544px) {
    .ltlShipmentDetails-timePicker {
      flex-direction: row;
      align-items: center; } }

.ltlShipmentDetails-additionalDetails reference-type {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
  flex-wrap: wrap; }
  .ltlShipmentDetails-additionalDetails reference-type .input-group {
    margin: 0 0 15px 0; }
    @media (min-width: 544px) {
      .ltlShipmentDetails-additionalDetails reference-type .input-group {
        margin: 0 30px 0 0; } }
  @media (max-width: 544px) {
    .ltlShipmentDetails-additionalDetails reference-type {
      border-bottom: 1px solid #2D3236; } }
  @media (min-width: 544px) {
    .ltlShipmentDetails-additionalDetails reference-type {
      margin: 0 0 30px 0; } }

.ltlShipmentDetails-additionalDetails-referenceIdErrorText {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  color: #e74c3c; }
  @media (min-width: 544px) {
    .ltlShipmentDetails-additionalDetails-referenceIdErrorText {
      margin: 0 0 30px 0; } }

.ltlShipmentDetails-additionalDetails-referenceIdDelete {
  margin: 0 0 15px 0;
  cursor: pointer; }
  @media (min-width: 544px) {
    .ltlShipmentDetails-additionalDetails-referenceIdDelete {
      margin: 0 0 5px 0; } }

.ltlShipmentDetails-specialInstructions {
  height: 100px;
  width: 100%;
  max-width: 500px; }

.ltlTenderShipment-shipmentDetails {
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .ltlTenderShipment-shipmentDetails-shipper, .ltlTenderShipment-shipmentDetails-receiver {
      width: calc(50% - 15px); } }
  @media (min-width: 992px) {
    .ltlTenderShipment-shipmentDetails {
      flex-direction: row;
      justify-content: space-between; } }

.ltlTenderShipment-specialInstructions {
  max-width: 500px; }
  .ltlTenderShipment-specialInstructions p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word; }

.ltlTenderShipment-termsOfService {
  margin: 0 0 30px 0; }

@font-face {
  font-family: "FuturaStd-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("/app/fonts/FuturaStd-Bold.otf"); }

@font-face {
  font-family: "FuturaStd-Book";
  font-style: normal;
  font-weight: normal;
  src: url("/app/fonts/FuturaStd-Book.otf"); }

/*@media screen {
    @include labelPrinting($zoom: 0.625);
}

@media print {
    @include labelPrinting($zoom: 1);
}*/
#tab-container .cta-primary-active {
  background-image: none;
  background-color: #0093D0;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #F7F7F7 !important; }

#tab-container .cta-primary-inactive {
  background-image: none;
  background-color: #F7F7F7;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #2D3236 !important;
  border-bottom: 3px solid #428bca !important; }

#tab-container .cta-primary,
#tab-container .cta-secondary {
  display: inline-flex;
  height: 45px;
  min-width: 95px;
  width: 145px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-right: 30px; }

#tab-container .cta-primary:hover {
  color: none; }

td.details-control {
  background: url("../img/arrow.gif") no-repeat center center;
  cursor: pointer; }

#borderLayout_eGridPanel {
  overflow: hidden !important; }

#small-device-indicator {
  display: block; }
  @media (min-width: 992px) {
    #small-device-indicator {
      display: none; } }

@media print {
  @page {
    size: landscape; }
  .divNavbar, .divFooter, .accounting {
    display: none; }
  .forPrint {
    width: 100%;
    height: 100%;
    display: block !important; }
  .overflow-bar {
    overflow: hidden !important; }
  .hideOnPrint {
    display: none !important; }
  .page-break {
    display: block;
    width: 100%;
    page-break-after: always; } }

@media screen {
  .hideOnScreen {
    display: none !important; } }

.exportLink {
  text-align: right;
  width: 80%; }

.dynamicGridHeight {
  width: 100%; }

@media screen and (min-height: 0px) {
  .dynamicGridHeight {
    height: 135px; } }

@media screen and (min-height: 520px) {
  .dynamicGridHeight {
    height: 180px; } }

@media screen and (min-height: 610px) {
  .dynamicGridHeight {
    height: 225px; } }

@media screen and (min-height: 655px) {
  .dynamicGridHeight {
    height: 270px; } }

@media screen and (min-height: 700px) {
  .dynamicGridHeight {
    height: 315px; } }

@media screen and (min-height: 745px) {
  .dynamicGridHeight {
    height: 360px; } }

@media screen and (min-height: 790px) {
  .dynamicGridHeight {
    height: 405px; } }

@media screen and (min-height: 835px) {
  .dynamicGridHeight {
    height: 450px; } }

@media screen and (min-height: 880px) {
  .dynamicGridHeight {
    height: 500px; } }

@media screen and (min-height: 880px) {
  .dynamicGridHeight {
    height: 500px; } }

@media screen and (max-width: 326px) {
  .payBtn {
    margin-right: 0px;
    min-width: 140px !important; }
  .payLumpSum {
    min-width: 140px !important; } }

@media screen and (min-width: 0px) {
  .payableDetails {
    display: inline-block;
    padding-right: 15px; }
  .payableDetailsBreak {
    display: inline-block; }
  .payableDetailsWrapper {
    display: inline-block;
    font-size: 12px;
    float: left; } }

@media screen and (min-width: 345px) {
  .payBtn {
    margin-right: 15px; } }

@media screen and (min-width: 360px) {
  .payBtn {
    margin-right: 30px; } }

@media screen and (min-width: 425px) {
  .payableDetails {
    display: inline-block;
    padding-right: 30px; } }

@media screen and (min-width: 645px) {
  .payableDetailsBreak {
    display: none; } }

@media screen and (min-width: 1000px) {
  .payableDetailsWrapper {
    float: right; } }

tr.shown td.details-control {
  background: url("../img/arrow2.gif") no-repeat center center; }

@-ms-viewport {
  width: device-width; }

#loading-bar-spinner {
  background: #2D3236;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 999;
  overflow: hidden; }

#loading-bar-spinner .spinner-icon {
  border: 16px solid #EAEAEA;
  border-top: 16px solid #0093D0;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: relative;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  z-index: 1000; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

html {
  height: 100%;
  background-repeat: repeat; }

body {
  padding: 0px;
  font-size: 11px;
  font-family: "Roboto";
  color: #4C4C4C;
  width: 100%;
  background-color: #F7F7F7;
  line-height: 1.5; }

@-moz-document url-prefix() {
  body {
    height: 100%; } }

a {
  cursor: pointer; }

h3 {
  margin-left: auto;
  margin-right: auto; }

.pendingPaymentText {
  font-family: "Roboto";
  font-weight: normal;
  font-size: 18px;
  color: #2D3236; }

.tql-blue {
  color: #0093D0; }

.gridPostions {
  padding: 10px;
  position: relative;
  left: -50px;
  right: 0;
  max-width: 1100px;
  margin-left: 0px; }

.watermark {
  font-size: 720%;
  color: rgba(0, 0, 0, 0.1);
  z-index: -1 !important;
  cursor: default;
  display: block;
  position: fixed;
  top: 33%;
  right: 0;
  bottom: 0;
  left: 15%;
  font-family: sans-serif;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.transparentBackground {
  background-color: transparent !important; }

.FormTxt {
  text-align: right;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif; }

li.ui-state-default.ui-corner-top {
  left: 10px !important; }

.BlueBorderBox {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #FFF;
  padding: 10px 20px 10px 20px;
  margin-left: -20px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.GridBox {
  min-width: 1110px; }

.GrayBorderBox {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e5e5e5));
  background: -moz-linear-gradient(top, #fcfcfc, #e5e5e5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#e5e5e5');
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #e5e5e5 80%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#e5e5e5')";
  padding: 10px 20px 10px 20px;
  margin-left: -20px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.form_header {
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#294C6A));
  background: -moz-linear-gradient(top, #4682B4, #294C6A);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A');
  background-image: linear-gradient(to bottom, #4682B4 0%, #294C6A 80%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A')";
  opacity: 0.67;
  box-shadow: 0 1px 1px 1px #000;
  height: 20px;
  margin-bottom: 2px;
  width: 977px;
  margin: 0px auto 2px auto; }

.FieldBoxBarBottom {
  width: 1005px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.form_header_text {
  font-size: 19px;
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;
  color: #FFF;
  position: absolute;
  margin-left: 25px;
  z-index: 1;
  height: 30px; }

.FieldBoxCornerBL {
  float: left;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV"; }

.FieldBoxCornerBR {
  float: right;
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
  filter: FlipH FlipV;
  -ms-filter: "FlipH FlipV"; }

.FieldBoxCorner {
  width: 15px;
  height: 10px;
  margin-top: 7px;
  width: 14px\9;
  height: 15px\9;
  margin-top: -1px\9; }

.FieldFooterWrap {
  padding: 0 15px 0 15px; }

.FieldBoxFooter {
  background: #0093D0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#294C6A',endColorstr='#4682B4');
  background: -webkit-gradient(linear, left top, left bottom, from(#294C6A), to(#4682B4));
  background-image: linear-gradient(to bottom, #294C6A 0%, #4682B4 80%);
  background: -moz-linear-gradient(top, #294C6A, #4682B4);
  height: 15px;
  margin: 2px 0 0 0;
  box-shadow: 0 1px 1px 1px #000;
  margin-bottom: 20px;
  opacity: 0.8; }

.LargeBlueBtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  background-position: 0 0px; }

.PopupPanel {
  box-shadow: 0 0px 5px 2px #000;
  border: 3px outset #0285BB;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #D6E4EF;
  background: -webkit-gradient(linear, left top, left bottom, from(#D6E4EF), to(#8CB3D2));
  background: -moz-linear-gradient(top, #D6E4EF, #8CB3D2);
  background-image: linear-gradient(to bottom, #D6E4EF 0%, #8CB3D2 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D6E4EF', endColorstr='#8CB3D2');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D6E4EF', endColorstr='#8CB3D2')";
  position: fixed;
  z-index: 2;
  height: 100px;
  padding-bottom: 10px;
  width: 200px;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px; }

.LargeBlueBtn {
  height: 41px;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Trebuchet MS", tahoma, sans-serif;
  padding: 0 20px 0 15px;
  margin: 0 auto;
  text-align: center;
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #CCC;
  box-shadow: 2px 2px 2px #CCC;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, left bottom, from(#2eafd6), to(#19799E));
  background: -moz-linear-gradient(top, #2eafd6, #19799E);
  background-image: linear-gradient(to bottom, #2eafd6 0%, #19799E 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E')"; }

.BigBlueBtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  background-position: 0 0px; }

.BigBlueBtn {
  height: 40px;
  color: #FFF;
  font-weight: bold;
  font-size: 14px !important;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Trebuchet MS", tahoma, sans-serif;
  padding: 0 20px 0 15px;
  margin: 0 auto;
  text-align: center;
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #CCC;
  box-shadow: 2px 2px 2px #CCC;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, left bottom, from(#2eafd6), to(#19799E));
  background: -moz-linear-gradient(top, #2eafd6, #19799E);
  background-image: linear-gradient(to bottom, #2eafd6 0%, #19799E 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E')"; }

.SmallBlueBtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  background-position: 0 0px; }

.fa_override {
  right: 6px;
  position: relative; }

div:focus, .div:active {
  outline: none; }

.SmallBlueBtn {
  height: 20px;
  color: #FFF;
  font-weight: bold;
  font-size: 11px !important;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Trebuchet MS", tahoma, sans-serif;
  padding: 0 20px 0 15px;
  margin: 0 auto;
  text-align: center;
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #CCC;
  box-shadow: 2px 2px 2px #CCC;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, left bottom, from(#2eafd6), to(#19799E));
  background: -moz-linear-gradient(top, #2eafd6, #19799E);
  background-image: linear-gradient(to bottom, #2eafd6 0%, #19799E 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E')"; }

ul.dropdown-menu.ng-pristine.ng-valid.ng-valid-date.ng-valid-date-disabled li {
  background: -webkit-gradient(linear, left top, left bottom, from(#BFD3D6), to(#3CB1C0)); }

.fa-chevron-right.fa_override {
  width: 10px; }

.corners {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 110px;
  overflow: hidden; }

.popover {
  max-width: 360px;
  color: black; }

.SmallTxtBx {
  width: 100px !important;
  border: 2px inset #CCC !important;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif !important; }

.DDL_Reports {
  width: 300px !important;
  border: 2px inset #CCC !important;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif !important;
  font-size: 12px;
  height: 20px;
  color: black; }

.DDL {
  width: 175px;
  border: 2px inset #CCC !important;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif !important;
  font-size: 12px;
  height: 20px; }

.DDLinset {
  border: 2px inset #CCC !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

li.ng-transclude {
  margin-top: 0px !important; }

.DateTxtBox {
  width: 100px !important;
  border: 2px inset #CCC !important;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif !important; }

.TxtBx {
  border: 2px inset #CCC !important;
  font-family: Futura, 'Trebuchet MS', Arial, sans-serif !important; }

.btn {
  text-shadow: none !important; }

.ui-tabs {
  padding: 0px !important; }

.ui-widget-content {
  border: 0px !important; }

.ui-widget-header {
  border: 0px !important; }

.btn[disabled], .btn.disabled[disabled] {
  color: #fff !important;
  opacity: 1.0; }

.ngGrid {
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif !important; }

.ngRow {
  font-size: 11px !important;
  color: #000 !important; }

.ngRow.odd {
  background-color: #ADD8E6; }

.ngRow.even {
  background-color: #F3F3F3; }

.ngCell:not(:first-child) {
  text-align: center;
  font-size: 12px; }

.ngHeaderCell:not(:first-child) {
  text-align: center; }

.GridContainer {
  border: 2px inset #CCC !important; }

.ngHeaderContainer {
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#294C6A));
  background: -moz-linear-gradient(top, #4682B4, #294C6A);
  background-image: linear-gradient(to bottom, #4682B4 0%, #294C6A 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A')";
  color: white; }

.toggle {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px; }

.toggle-light .toggle-slide .toggle-on, .toggle-light .toggle-slide .toggle-on.active {
  background-image: -ms-linear-gradient(#2FAFD6, #4894CD) !important; }

.toggle-light {
  font-size: 10px; }

.toggle-blob {
  cursor: default !important; }

.mActive {
  text-decoration: underline; }

.redBorder {
  border: 2px solid red; }

#RequestAQuote {
  padding: 0px 0px 0px 0px;
  margin-right: -10px; }

#Loads {
  padding: 0px 0px 0px 0px;
  margin-right: 0px; }

ag-cell-focused-border {
  border: 1px solid red; }

.divMain {
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #F7F7F7;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.divMain2 {
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: transparent;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 10px; }

.maxWidth {
  max-width: 1250px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 20px; }

.maxWidth2 {
  max-width: 1250px;
  margin-left: auto !important;
  margin-right: auto !important; }

.WhiteContent {
  background-color: #FFF;
  min-height: 350px;
  box-shadow: 0px 0px 3px 1px #000;
  margin: 10px; }

.DeclineButton {
  background-color: #CDCDCD;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: arial;
  color: #58585A; }

.MessBox {
  box-shadow: 0 0px 5px 2px #000;
  border: 3px outset #0093d0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 0px 10px 0px;
  background: -webkit-gradient(linear, left top, left bottom, from #FFF, to(#B7B7B7));
  background: -moz-linear-gradient(top, #c0c0c0, #B7B7B7);
  background-image: linear-gradient(to bottom, #c0c0c0 0%, #B7B7B7 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0c0c0', endColorstr='#B7B7B7');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c0c0c0', endColorstr='#B7B7B7')";
  margin: 0px;
  width: 490px;
  margin-top: 25px; }

.MessBox hr {
  border-top: 1px solid #CCC;
  width: 90%;
  margin: 0px auto 0px auto; }

.MessBox h4 {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#003764));
  background: -moz-linear-gradient(top, #4682B4, #003764);
  background-image: linear-gradient(to bottom, #4682B4 0%, #003764 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#003764');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A')";
  color: #FFF;
  margin: 0px; }

.MessageContainer {
  margin-left: auto;
  margin-right: auto;
  width: 1032px; }

.even .MessBox {
  margin-left: 24px; }

#AddMessTabs > div {
  background-color: #D6E4EF;
  background: -webkit-gradient(linear, left top, left bottom, from(#D6E4EF), to(#8CB3D2));
  background: -moz-linear-gradient(top, #D6E4EF, #8CB3D2);
  background-image: linear-gradient(to bottom, #D6E4EF 0%, #8CB3D2 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D6E4EF', endColorstr='#8CB3D2');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D6E4EF', endColorstr='#8CB3D2')"; }

#AddMessTabs > div > div:not(.btnGroup) {
  border: 4px inset #C0C0C0; }

div.datepicker.dropdown-menu {
  width: 216px;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  padding: 3px 5px 5px 5px !important; }

div.datepicker.dropdown-menu table.table-condensed {
  width: 216px;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  background: -webkit-gradient(linear, left top, left bottom, from(#BFD3D6), to(#3CB1C0));
  background: -moz-linear-gradient(top, #BFD3D6, #3CB1C0);
  background-image: linear-gradient(to bottom, #BFD3D6 0%, #3CB1C0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0')";
  padding: 3px 5px 5px 5px !important; }

div.datepicker.dropdown-menu .datepicker-days table.table-condensed thead tr {
  text-align: center;
  color: #e0e0e0;
  font-weight: bold;
  line-height: 30px;
  font: 9pt Arial, sans-serif;
  background-color: #4682B4; }

div.datepicker.dropdown-menu .datepicker-days table.table-condensed tbody tr td.day.active {
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
  cursor: pointer;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')"; }

div.datepicker.dropdown-menu .datepicker-days table.table-condensed thead tr th.next {
  cursor: pointer; }

div.proxied-field-wrap {
  width: 158px;
  height: 31px; }

div.DateTxtBox.enhanced-datepicker.ng-isolate-scope.ng-pristine.ng- valid {
  width: 158px !important;
  height: 31px; }

div.datepicker.dropdown-menu .datepicker-days table.table-condensed tbody tr td.day {
  text-align: center;
  cursor: pointer;
  border: 1px solid #bbb;
  border-color: gray; }

div.datepicker.dropdown-menu .datepicker-days table.table-condensed thead tr:nth-child(2) {
  color: white;
  font: 9pt Arial, sans-serif;
  text-align: center;
  background-color: #bbb; }

div.datepicker.dropdown-menu .datepicker-days table.table-condensed tbody {
  background: -webkit-gradient(linear, left top, left bottom, from(#BFD3D6), to(#3CB1C0));
  background: -moz-linear-gradient(top, #BFD3D6, #3CB1C0);
  background-image: linear-gradient(to bottom, #BFD3D6 0%, #3CB1C0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0')";
  display: table-row-group;
  vertical-align: middle;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 2px;
  font: 9pt Arial, sans-serif; }

#span11 {
  width: auto !important; }

.table tbody tr:hover th {
  background-color: inherit; }

.table tbody tr:hover td {
  background-color: inherit; }

.StartHeader {
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#666666));
  background: -moz-linear-gradient(top, #fcfcfc, #666666);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#666666');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#666666')"; }

.urgentWrap {
  border: 2px outset red; }

.urgentText {
  color: red;
  font-weight: bold; }

.ContactListHead {
  color: black;
  text-align: center; }

.PopupHead {
  max-width: 534px;
  left: -10px; }

.PopupBody {
  padding: 10px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  max-width: 540px; }

.PopupInput {
  width: 400px !important;
  word-wrap: break-word;
  font-size: large; }

.MessBox > h6 {
  background-color: #CEE !important;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #000; }

#metawidget {
  border: 1px solid #cccccc;
  width: 250px;
  border-radius: 10px;
  padding: 10px;
  margin: 50px auto;
  display: block; }

#AddMessTabs {
  background-color: transparent;
  background: none; }

#AddMessTabs .ui-widget-header {
  background: none; }

#AddMessTabs .ui-tabs-panel {
  box-shadow: 0 0px 5px 2px #000;
  border: 3px outset #0285BB;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: white; }

.ui-corner-top {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important; }

.ui-state-default {
  margin-bottom: 1px !important;
  padding-bottom: 0px !important; }

#AddMessTabs ul li {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#BFD3D6), to(#3CB1C0));
  background: -moz-linear-gradient(top, #BFD3D6, #3CB1C0);
  background-image: linear-gradient(to bottom, #BFD3D6 0%, #3CB1C0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0')";
  color: #fff !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important; }

#AddMessTabs ul li a {
  color: #333; }

.ui-tabs-active a {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FFA400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  color: #fff !important;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000; }

.btnGroup {
  position: relative;
  left: 842px;
  top: -6px; }

.btnGroup button {
  height: 25px; }

.AcceptButton {
  background-color: #003764;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: arial;
  color: #fff; }

.AcceptButton:hover {
  background-color: #003764;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: arial;
  color: #c0c0c0; }

.AcceptButton:focus {
  background-color: #003764;
  border: none;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: arial;
  color: #c0c0c0; }

.DisplayActive {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FFA400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  content: "ON"; }

.DisplayInactive {
  background-color: #7F7F7F;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBCBCB), to(#7F7F7F));
  background: -moz-linear-gradient(top, #CBCBCB, #7F7F7F);
  background-image: linear-gradient(to bottom, #CBCBCB 0%, #7F7F7F 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CBCBCB', endColorstr='#7F7F7F');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CBCBCB', endColorstr='#7F7F7F)"; }

.DisplayActive:after {
  content: "ON"; }

.DisplayInactive:after {
  content: "OFF"; }

.DisplayInactive div {
  float: left;
  left: -1px; }

.DisplayActive div {
  float: right;
  right: -1px; }

.toggleEditBtn div {
  background-color: #ccc;
  width: 20px;
  height: 18px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  top: -1px;
  position: relative;
  border: 1px solid #7E7E7E; }

.toggleEditBtn {
  height: 18px;
  width: 55px;
  border: 1px solid #7E7E7E;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  color: #fff; }

.ui-widget-content {
  border: none; }

.ui-widget-header {
  border: none; }

.btnOrder {
  background-image: url("../img/arrow2.gif");
  background-repeat: no-repeat;
  height: 28px;
  width: 27px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  outline: none; }

.btnOrderReverse {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  left: -1px; }

.divBtnOrder {
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#B2B2B2));
  background: -moz-linear-gradient(top, #CCCCCC, #B2B2B2);
  background-image: linear-gradient(to bottom, #CCCCCC 0%, #B2B2B2 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#B2B2B2');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#B2B2B2')";
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #7E7E7E; }

.divBtnOrder .first {
  background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#7F7F7F)); }

.divBtnOrder .second {
  background: -webkit-gradient(linear, left top, left bottom, from(#7F7F7F), to(#ccc)); }

.ChangeAlert {
  background-image: url("../img/AlertMark.gif");
  background-repeat: no-repeat;
  height: 100px;
  width: 100px;
  background-position: 20px 10px; }

.CheckAlert {
  background-image: url("../img/CkeckMark.gif");
  background-repeat: no-repeat;
  height: 100px;
  width: 100px;
  background-position: 20px 10px; }

.HideMessSave {
  visibility: visible; }

.HideLinkSave {
  visibility: visible; }

.HeaderGrid .ngViewport, .MessageGrid .ngViewport, .LinksGrid .ngViewport {
  overflow: hidden;
  height: auto !important; }

.HeaderGrid, .MessageGrid, .LinksGrid {
  min-height: 86px; }

#datepicker, #datepicker2 {
  width: 100px !important; }

.ngCell {
  overflow: visible !important; }

.MessageGrid .ngViewport {
  overflow: visible; }

.MessageGrid textarea {
  width: 518px;
  resize: none;
  border-width: 0px;
  background-color: transparent;
  outline: none;
  height: 60px; }

.tab-content {
  overflow: visible; }

.ngCellText.cellHover:hover {
  background-color: aqua; }

.AdvanceSearch {
  display: none;
  border-top-color: #C0C0C0;
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 5px; }

.InvDiv {
  min-height: 500px; }

.sticky {
  position: fixed;
  top: 0px; }

#InvBtns {
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#294C6A));
  background: -moz-linear-gradient(top, #4682B4, #294C6A);
  background-image: linear-gradient(to bottom, #4682B4 0%, #294C6A 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A')";
  background-color: powderblue;
  height: 70px;
  width: 1010px;
  margin-left: -20px;
  margin-top: -10px;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  border-left: 1px solid #000;
  z-index: 20; }

#InvBtns .active {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  color: snow; }

#InvBtns button {
  background: none;
  background: none;
  margin-left: auto;
  margin-left: 20px;
  position: relative;
  top: 15px;
  height: 20px;
  padding: 10px;
  height: 40px;
  border-bottom: 2px ridge #000;
  border-left: 2px solid #000;
  font-size: 13px;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#BFD3D6), to(#3CB1C0));
  background-image: linear-gradient(to bottom, #BFD3D6 0%, #3CB1C0 80%);
  background: -moz-linear-gradient(top, #BFD3D6, #3CB1C0);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0')";
  color: #333; }

.nav-tabs {
  display: none; }

.pointed {
  position: relative; }

.pointed:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white; }

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(even) > th {
  background-color: white;
  font-size: 11px; }

.table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th {
  font-size: 11px; }

thead {
  color: #58585a; }

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + thead tr:first-child th:last-child {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px; }

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px; }

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px; }

.table-bordered th, .table-bordered td {
  border-width: 0px; }

.InvEmailSubHeader div, .InvWorkFlowSubHeader div,
.InvWorkflowQueueSubHeader div {
  margin-left: 710px;
  top: 4px;
  bottom: 2px;
  position: relative;
  background-repeat: no-repeat;
  padding: 0 8px 2px 2px;
  font-size: 14px;
  border: 1px solid #F5F5F5;
  background: -webkit-gradient(linear, left top, left bottom, from(#BFD3D6), to(#3CB1C0));
  background: -moz-linear-gradient(top, #BFD3D6, #3CB1C0);
  background-image: linear-gradient(to bottom, #BFD3D6 0%, #3CB1C0 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD3D6', endColorstr='#3CB1C0')";
  text-decoration: none;
  border-bottom: 2px ridge #000;
  border-left: 2px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline;
  background-color: lightblue; }

.InvEmailSubHeader a {
  background-image: url("../img/new_post-26.png");
  background-repeat: no-repeat;
  padding-left: 25px;
  text-decoration: none;
  color: #333;
  background-position: 0 -1px;
  background-size: 20px 20px; }

.InvWorkFlowSubHeader a {
  background-position: 2px 3px;
  background-image: url("../img/add_list-26.png");
  background-repeat: no-repeat;
  padding-left: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #333;
  background-size: 17px 17px; }

.InvWorkflowQueueSubHeader a {
  padding-left: 4px;
  padding-top: 3px;
  padding-bottom: 2px;
  text-decoration: none;
  color: #333;
  background-position: 2px 3px;
  background-image: url("../img/bank-26.png");
  background-repeat: no-repeat;
  padding-left: 24px;
  background-size: 17px 17px; }

.InvEmailSubHeader span, .InvSubHeader span, .InvWorkFlowSubHeader span,
.InvWorkflowQueueSubHeader span {
  top: 7px;
  position: relative;
  font-size: 15px; }

.InvEmailSubHeader, .InvWorkFlowSubHeader, .InvWorkflowQueueSubHeader {
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#294C6A));
  background: -moz-linear-gradient(top, #4682B4, #294C6A);
  background-image: linear-gradient(to bottom, #4682B4 0%, #294C6A 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A)";
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: left;
  padding-left: 10px;
  font-weight: bold; }

.InvSubHeader {
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#294C6A));
  background: -moz-linear-gradient(top, #4682B4, #294C6A);
  background-image: linear-gradient(to bottom, #4682B4 0%, #294C6A 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A)";
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: left;
  padding-left: 10px;
  font-weight: bold;
  height: 30px; }

.InvDetails {
  border: 4px inset #C0C0C0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #F9F9F9;
  margin-bottom: 20px;
  padding: 10px 0px 10px 20px;
  font-size: 11px;
  margin-left: 0px !important; }

.InvDetails .row-fluid div {
  min-height: 0px; }

#ShowEmails {
  visibility: hidden; }

.DocList {
  list-style-type: none;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
  font-size: 11px; }

.ngCellText {
  white-space: normal; }

.modal {
  display: block !important;
  overflow-y: initial; }

.modal-dialog {
  max-height: 100%; }

.modal-content {
  overflow-y: auto; }

@media screen and (min-width: 0px) {
  .modal-dialog {
    display: block;
    overflow-y: hidden;
    padding-top: 60px; }
  .modal-content {
    max-width: 100%;
    max-height: calc(100vh - 60px); } }

@media screen and (min-width: 768px) {
  .modal-dialog {
    display: flex;
    overflow-y: auto;
    padding-top: 0px;
    margin-bottom: 0px; }
  .modal-content {
    max-width: 90%;
    max-height: calc(95vh); } }

@media screen and (min-width: 992px) {
  .wideModal .modal-content {
    max-width: 100% !important;
    max-height: calc(95vh); } }

#divWorkFlowNote .InvSubHeader {
  width: 835px;
  margin-top: -43px; }

#divWorkFlowNote .InvSubHeader span {
  top: 7px;
  position: relative;
  font-size: 15px; }

#divWorkFlowNote label {
  font-size: 11px;
  margin: 0px;
  padding: 0px 5px 0px 5px; }

#divWorkFlowNote select {
  height: 24px;
  font-size: 11px;
  margin-top: 3px;
  width: 170px; }

#divWorkFlowNote input {
  margin: -1px 0 0; }

.inset {
  border: 4px inset #C0C0C0;
  border-radius: 0px; }

.NoteTemplates {
  width: 774px;
  margin-left: 25px;
  border: 1px solid #C0C0C0; }

.NoteTemplates > label:nth-child(odd), .EmailTo > label:nth-child(odd),
.AccQuestion > label:nth-child(odd) {
  background-color: #F3F3F3; }

.NoteTemplates > label:nth-child(even), .EmailTo > label:nth-child(even),
.AccQuestion > label:nth-child(even) {
  background-color: lightblue; }

.table-condensed {
  max-width: none; }

#AllLoads tbody td span:nth-child(2) {
  display: none; }

#AllLoads tbody td span:nth-child(1) {
  color: #A7A9AC; }

#AllLoads tbody td span, #SearchLoads tbody td span, .FaqArrow {
  font-size: 12px !important;
  color: #A7A9AC;
  margin-top: 8px !important; }

#AllLoads tbody td span.fa-chevron-up, #SearchLoads tbody td span.fa-chevron-up, .FaqArrow.fa-chevron-up {
  background-color: #0093D0;
  border-radius: 13px;
  padding: 2px 3PX 5PX 3PX;
  color: #FFF;
  margin-left: -3px; }

.LoadsFade {
  opacity: 0.5; }

.LoadsSearchFilter .FilterInput {
  line-height: 14px;
  font-size: 12px;
  margin-bottom: 1px;
  margin-left: 5px;
  width: 100px;
  padding: 0;
  padding-left: 4px;
  font-size: 12px !important;
  height: 23px; }

.LoadsSearchFilter .FilterLabel {
  font-family: Arial;
  font-size: 13px !important;
  font-weight: bold;
  display: inline; }

.LoadsFilterArea {
  background-color: #F7F7F7;
  padding: 7px;
  border-bottom: 1px solid #C0C0C0;
  width: 100%; }

.ShipTrackingHdr {
  padding: 5px;
  margin-bottom: -7px; }

.PagingNavArrowLeft {
  background-color: #003764;
  border-radius: 21px;
  padding: 5px 6PX 3PX 4PX;
  color: #FFF;
  font-size: 12px;
  margin: 0px 2px 0px 9px;
  cursor: pointer; }

.PagingNavArrowRight {
  background-color: #003764;
  border-radius: 21px;
  padding: 5px 4PX 3PX 6PX;
  color: #FFF;
  font-size: 12px;
  margin: 0px 9px 0px 2px;
  cursor: pointer; }

.clickableRow {
  cursor: pointer; }

.centerGridData {
  text-align: left; }

.gridDataText {
  font-family: "Roboto" !important;
  color: #2d3236; }

.gridLinkText {
  font-family: "Roboto" !important;
  color: blue !important;
  text-decoration: underline; }

.centerGridDataCheckboxPadding {
  text-align: left;
  left: 10px !important; }

.ag-fresh .ag-ltr .ag-cell-first-right-pinned {
  border: none; }

.ag-fresh .ag-ltr .ag-pinned-right-header {
  border: none; }

.ag-fresh .ag-header-select-all {
  padding-left: 12px; }

.divPaging {
  float: right;
  position: relative;
  bottom: -10px;
  left: 5px; }

.divPaging input {
  width: 24px;
  height: 17px;
  line-height: 12px;
  font-size: 12px; }

.divPaging select {
  padding: 0px 0px;
  color: black;
  width: 50px; }

.btnTimePeriod {
  color: #003764;
  background-color: #ccc;
  margin-left: 5px;
  min-width: 75px; }

.btnProspectLoads {
  color: #0093D0;
  font-size: 14px;
  font-family: Arial;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border-color: #ffffff;
  word-wrap: break-word;
  min-width: 75px;
  width: 100%;
  height: 55px; }

.divProspectLoads {
  display: block;
  text-align: center;
  max-width: 1200px;
  align-items: center;
  margin: 0 auto; }

.btnProspectTender {
  color: #003764;
  background-color: #ccc;
  margin-left: 5px;
  min-width: 75px;
  width: 200px;
  margin-top: -20px; }

.btnTimePeriodActive {
  color: #fff;
  background-color: #003764; }

.btnTimePeriod-Test {
  background-image: none;
  background-color: #0093D0;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #F7F7F7;
  margin-right: 30px;
  border: none; }

.btnTimePeriodActive-Test {
  background-image: none;
  background-color: #F7F7F7;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #2D3236;
  border-bottom: 3px solid #428bca; }

.full-width-panel {
  position: relative;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 5px;
  border-bottom: 2px solid #EAEAEA;
  border-top: 2px solid #EAEAEA;
  cursor: pointer;
  margin-bottom: 15px;
  font-size: 14pt; }
  .full-width-panel img {
    float: right; }

.full-width-panel:hover {
  cursor: pointer; }

.ag-fresh .ag-header {
  background: transparent;
  border: none;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 16px;
  color: #2D3236;
  border-right: none;
  border-top: none;
  margin-bottom: 30px;
  z-index: 1; }

.ag-fresh .ag-cell-focus {
  border: none;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none; }

.ag-fresh .ag-menu {
  top: 30px !important; }

.ag-fresh .ag-header-cell {
  border-right: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  text-align: Left;
  display: inline-block;
  height: 100%;
  position: absolute; }

.ag-fresh #agText label {
  display: inline; }

.ag-fresh .ag-row-odd {
  border-right: none;
  background-color: #EAEAEA; }

.ag-fresh .ag-row-selected {
  background-color: #D3E5EF; }

.red {
  background-color: red; }

.ag-fresh .ag-root {
  border: none; }

.ag-fresh .ag-cell-no-focus {
  border: none; }

.ag-fresh .ag-floating-bottom .ag-floating-bottom-viewport,
.ag-fresh .ag-floating-bottom .ag-row {
  background-color: white;
  font-weight: bold; }

.tracking-info-grid .ag-body-viewport {
  overflow-x: scroll; }
  @media (min-Width: 544px) {
    .tracking-info-grid .ag-body-viewport {
      overflow-x: hidden; } }

.tracking-info-grid .ag-bl-overlay {
  background-color: white; }

.tracking-info-grid .ag-body-viewport-wrapper,
.commodities-grid .ag-body-viewport-wrapper {
  background-color: white; }

.tracking-info-grid .ag-scrolls .ag-header-container,
.commodities-grid .ag-scrolls .ag-header-container {
  background-color: white; }

.tracking-info-grid .ag-header,
.commodities-grid .ag-header {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px; }

#mySelectedInvoices .ag-header {
  background: #F7F7F7;
  border: none;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 16px;
  color: #2D3236; }

#mySelectedInvoices .ag-header-cell {
  border-right: none; }

#mySelectedInvoices #agText label {
  display: inline; }

#mySelectedInvoices .ag-row-even {
  border-right: none;
  background-color: #F7F7F7; }

#mySelectedInvoices .ag-fresh .ag-row-even {
  background-color: #F7F7F7; }

#mySelectedInvoices .ag-row-odd {
  border-right: none;
  background-color: #F7F7F7; }

#mySelectedInvoices .ag-row-selected {
  background-color: #F7F7F7; }

#mySelectedInvoices .ag-root {
  border: none; }

#mySelectedInvoices .ag-cell-no-focus {
  border: none; }

#mySelectedInvoices .ag-header-icon svg {
  display: inline;
  width: 12px;
  height: 12px; }

#mySelectedInvoices #agFilter svg {
  display: inline;
  width: 10px;
  height: 10px; }

#mySelectedInvoices #agSortAsc svg {
  display: inline;
  width: 10px;
  height: 10px; }

#mySelectedInvoices #agSortDesc svg {
  display: inline;
  width: 10px;
  height: 10px; }

#mySelectedInvoices .ag-tab svg {
  height: 12px;
  width: 12px; }

#mySelectedInvoices .ag-cell {
  height: 25px; }

.ag-fresh #agFilter {
  float: right; }

.ag-fresh #agSortAsc {
  float: right; }

.ag-fresh #agSortDesc {
  float: right; }

.ag-filter-value {
  color: black !important; }

.ag-filter-body {
  margin: 4px; }

.ag-fresh .ag-ltr .ag-header-cell {
  border-right: none; }

.ag-fresh .ag-ltr .ag-cell-no-focus {
  border-right: none; }

.ag-fresh .ag-ltr .ag-cell-last-left-pinned {
  border-right: none; }

.blueButton-primary-active {
  background-color: #0093D0;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #F7F7F7 !important;
  border: none; }

.blueButton-primary-active:hover {
  background-color: #0093D0;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #F7F7F7; }

h2 {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 18px;
  color: #2D3236; }

h3 {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  color: #2D3236; }

.blueButton-primary-inactive {
  background-color: #EAEAEA;
  padding: 0 18px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #2D3236;
  pointer-events: none;
  cursor: default; }

.blackGrayButton-secondary-active {
  padding: 0 15px;
  background-color: transparent;
  border: 3px #2D3236 solid;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #2D3236; }

.blackGrayButton-secondary-active:hover {
  padding: 0 15px;
  background-color: transparent;
  border: 3px #2D3236 solid;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #2D3236; }

.blackGrayButton-secondary-inactive {
  padding: 0 15px;
  background-color: transparent;
  border: 3px #EAEAEA solid;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #EAEAEA;
  pointer-events: none;
  cursor: default; }

.button-primary, .button-secondary {
  display: inline-flex;
  height: 45px;
  min-width: 145px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: none; }

button:focus {
  outline: 0; }

.currentPageBanner {
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  font-weight: bold;
  color: #0093D0;
  text-transform: uppercase;
  background-color: #FFFFFF;
  margin-top: 100px; }

#accountsPayableIdHeader, #shipmentTrackingHeader {
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  font-weight: bold;
  font-size: 32px;
  color: #0093D0;
  text-transform: uppercase;
  width: 1250px;
  margin-left: auto !important;
  margin-right: auto !important; }

.pageTitle {
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  font-weight: bold;
  font-size: 32px;
  color: green;
  text-transform: uppercase;
  margin-left: auto !important;
  margin-right: auto !important; }

.ag-header-icon svg {
  display: inline;
  width: 12px;
  height: 12px; }

#agFilter svg {
  display: inline;
  width: 10px;
  height: 10px; }

#agSortAsc svg {
  display: inline;
  width: 10px;
  height: 10px; }

#agSortDesc svg {
  display: inline;
  width: 10px;
  height: 10px; }

.ag-tab svg {
  height: 12px;
  width: 12px; }

.ag-cell {
  display: flex;
  align-items: center; }

.ag-cell span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ag-cell-focus {
  border: none; }

#trackingInfoGrid .ag-cell {
  display: flex;
  align-items: center;
  height: 25px; }

#myPaidInvoices .ag-tab svg {
  height: 12px;
  width: 12px; }

#myPaidInvoices .ag-header-icon svg {
  display: inline;
  width: 12px;
  height: 12px; }

#myPaidInvoices #agFilter svg {
  display: inline;
  width: 10px;
  height: 10px; }

#myPaidInvoices #agSortAsc svg {
  display: inline;
  width: 10px;
  height: 10px; }

#myPaidInvoices #agSortDesc svg {
  display: inline;
  width: 10px;
  height: 10px; }

#myPaidInvoices .ag-header {
  background: #F7F7F7;
  border: none;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 16px;
  color: #2D3236; }

#myPaidInvoices .ag-header-cell {
  border-right: none; }

#myPaidInvoices .ag-row-odd {
  border-right: none;
  background-color: #EAEAEA; }

#myPaidInvoices .ag-root {
  border: none; }

#myPaidInvoices .ag-cell-no-focus {
  border: none; }

#myPaidInvoices .ag-cell {
  height: 45px; }

.LoadsGridHeader a {
  color: #003764; }

.levelTwoInfo {
  background-color: #0093d0 !important; }

.levelTwoInfo > thead > tr > th {
  border: none !important; }

.levelTwoInfo tbody > tr > td {
  background-color: #0093d0 !important; }

.levelTwoHeader, .levelTwoHeader a {
  color: #003764; }

.levelTwoHeader > thead > tr > th {
  border: none !important; }

.tab-list {
  display: flex;
  list-style: none; }

li.tab-inactive:hover {
  border-color: #2D3236;
  color: #2D3236; }

li.tab-active:hover {
  color: red; }

.tab-put-color {
  color: #0093D0; }

.tab-remove-color {
  color: #2D3236; }

a.tab-remove-color:hover {
  color: #2D3236; }

a.tab-put-color:hover {
  color: #0093D0; }

.tab-active {
  border-color: #0093D0;
  color: #0093D0;
  font-weight: bold; }

.tab-active:visited {
  color: pink; }

.tab-inactive {
  border-color: #EAEAEA;
  color: #2D3236; }

.tab-hover {
  border-color: #2D3236; }

#LoadsSubTabs button {
  border: none !important;
  font-family: montserrat, arial, sans-serif;
  font-size: 16px;
  color: #7592b1;
  margin-left: 15px;
  padding: 4px; }

#LoadsSubTabs .selected {
  color: #003764; }

.ActiveGreen {
  color: #7CD224; }

.TenderOrange {
  color: #FFB700; }

.lblLoadGrid {
  color: #a7a9ac;
  font-size: 12px !important;
  font-family: Arial Regular;
  padding-top: 8px !important; }

.lblLoadGridVal {
  font-family: arial, helvetica, san-serif;
  font-size: 16px !important;
  text-align: left; }

.LoadSubHeader {
  margin-top: 5px; }

.LoadSubHeader div {
  display: inline-block;
  color: #FFF;
  background-color: #0093D0;
  font-family: Arial, helvetica, sans-serif;
  padding: 3px 8px;
  min-width: 140px;
  font-size: 13px;
  min-height: 42px;
  vertical-align: top; }

.LoadSubHeaderText div {
  display: inline-block;
  font-family: sans-serif;
  min-width: 140px;
  margin-right: -2px;
  font-size: 15px;
  min-height: 14px;
  vertical-align: bottom;
  height: 7px;
  color: #0093D0;
  font-weight: bold;
  text-align: center; }

.LoadDetails {
  margin: 5px 0px 5px 0px; }

.LoadDetails div {
  display: inline-block;
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  padding: 5px 30px 5px 5px;
  min-width: 80px;
  font-size: 12px;
  min-height: 36px;
  vertical-align: top; }

.ActiveMapLoadDetails {
  margin: 5px 0px 5px 0px; }

.ActiveMapLoadDetails div {
  display: inline-block;
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  padding: 5px 30px 5px 5px;
  min-width: 80px;
  font-size: 14px;
  min-height: 36px;
  vertical-align: top; }

.ShipTrackingHdrT3 {
  color: #2D3236;
  font-weight: bold;
  font-size: 18px;
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  margin: 25px 5px 5px 5px;
  border-bottom: 2px solid #EAEAEA; }

label.details-label {
  color: #2D3236;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px; }

.load-summary {
  display: flex;
  align-items: center;
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  color: #2D3236; }

.load-details-label {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
  margin: 5px 0px 2px 0px; }

.load-details-span {
  font-size: 14px;
  font-family: 'Roboto';
  margin: 5px 0px 5px 0px;
  max-width: 220px; }

.load-details {
  margin: 0px 25px 0px 5px;
  max-width: 220px; }

.load-details-address-limit {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block; }

.formRow {
  margin: 5px !important; }

.formRow label {
  display: inline;
  width: 100px;
  text-align: right;
  padding-left: 10px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 10px !important; }

.divPostTruck .divSection label {
  padding-left: 8px; }

.formRow .divSection {
  vertical-align: top;
  border: 1px inset #C0C0C0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 160px;
  background-color: lightgray; }

.formRow .divSection:not(:last-child) {
  margin-right: 22px !important; }

.formRow .divSection label {
  width: 80px;
  margin: 6px 0px;
  position: relative;
  top: -23px; }

.formRow .divSection input, .formRow .divSection select {
  margin: 6px 10px 6px 0px;
  position: relative;
  top: -22px; }

.formRow .divSection .header {
  display: inline-block;
  width: 197px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#294C6A));
  background: -moz-linear-gradient(top, #4682B4, #294C6A);
  background-image: linear-gradient(to bottom, #4682B4 0%, #294C6A 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4682B4', endColorstr='#294C6A')";
  padding: 0px 0px 0px 5px;
  margin-top: 0px;
  color: #FFF;
  position: relative;
  top: -23px;
  left: 7px;
  text-align: left;
  opacity: 0.9; }

.formRow .divSection input {
  height: 20px; }

.divPostTruck .divSection, .divCarrierStatus .divSection {
  width: 950px; }

.divPostTruck .divSection .header, .divCarrierStatus .divSection .header {
  width: 930px; }

.divCarrierStatus .divSection {
  height: 45px; }

.divPostTruck .divSection {
  height: 75px; }

div.ngHeaderText.ng-binding.colt0 {
  text-align: center !important; }

.ui-widget {
  font-size: 12px !important; }

div.ngCell {
  text-align: center !important; }

.ReportFilterHeader {
  color: #0093d0;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 5px 15px 20px 15px; }

.ReportFilterDate {
  color: #0093d0;
  font-size: 17px;
  display: inline-block;
  width: 48px;
  margin-top: 5px;
  font-weight: normal;
  margin-bottom: 0px; }

.txtReportFilterDate {
  width: 180px !important;
  border-radius: 0px !important;
  font-size: 15px !important;
  padding: 4px !important;
  height: 30px !important; }

.ReportViewingArea .boxInput {
  line-height: 12px;
  background-color: #C0C0C0;
  border-style: solid;
  border-width: 1px;
  border-color: #003764;
  width: 24px;
  height: 17px;
  line-height: 12px;
  font-size: 12px; }

.ReportViewingArea h2 {
  color: #0093D0;
  font-family: Montserrat;
  font-size: 30px;
  font-weight: bold;
  text-align: center; }

.ReportViewingArea .InfoIcon {
  margin-top: -9px;
  margin-left: 6px;
  cursor: pointer; }

.formRow1 label {
  display: inline;
  width: 100px;
  text-align: left;
  padding-left: 25px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 10px !important; }

.formRow input, .formRow select {
  display: inline;
  width: 100px;
  margin-bottom: 0px; }

.formRowReports select {
  width: 300px !important;
  height: 27px;
  position: relative;
  top: 0px; }

.custom-section-header {
  margin: 0 0 10px 0;
  border-bottom: 3px solid #2D3236;
  text-transform: uppercase;
  display: inline-block; }

.disabledButton {
  cursor: not-allowed;
  opacity: .5; }

.wrapper {
  width: 90%;
  margin: auto; }

.wrapper2 {
  margin: auto; }

.ReportsBtnGroup button {
  border-radius: 0px;
  margin-bottom: 5px;
  text-align: left;
  font-family: Montserrat;
  font-size: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#CDCDCD));
  background: -moz-linear-gradient(left, #dedede, #cdcdcd);
  background: linear-gradient(to left, #CDCDCD, #DEDEDE);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dedede', endColorstr='#cdcdcd');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dedede', endColorstr='#cdcdcd')";
  color: #58585A !important;
  border-radius: 0px !important;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-right: 15px; }

.ReportsBtnGroup .glyphicon {
  cursor: pointer;
  float: right;
  font-size: 15px;
  position: absolute;
  top: 7px;
  right: 5px; }

.ReportsBtnGroup button:hover, .ReportsBtnGroup .active {
  background: -webkit-gradient(linear, left top, left bottom, from(#00B9E4), to(#0093D0));
  background: -moz-linear-gradient(left, #00B9E4, #0093D0);
  background: linear-gradient(to left, #0093D0, #00B9E4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00B9E4', endColorstr='#0093D0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00B9E4', endColorstr='#0093D0')";
  color: #FFF !important; }

.formRow select {
  width: 108px !important;
  height: 27px; }

.formRow iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 720px; }

.ui-datepicker {
  font-size: 11px; }

.formRow input {
  height: 25px;
  line-height: 15px; }

#ui-datepicker-div {
  font-size: 12px; }

.formRow div {
  display: inline-block;
  margin: 0px !important; }

.GrpLabel {
  font-weight: 600 !important;
  font-size: 12px;
  text-align: left !important;
  margin-left: 55px; }

.BlueBorderBox > div > .formRow:not(:first-child) {
  border-top: 1px solid #8D8D8D; }

.bluetable {
  background-color: blue;
  color: white; }

.AdvanceLoadSearch {
  display: none; }

.LocALoadTQLPoSrch {
  margin-left: 17px; }

.LoadSrchEmailBrk {
  background-image: url("../img/new_post-26.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  cursor: pointer !important;
  background-position: 3px 2px;
  padding-left: 32px; }

.EmailBrokerInfo input {
  border: 2px inset #FFF !important;
  background-color: #808080;
  color: #FFF; }

.ReportTabs input.ng-pristine.ng-valid {
  border-radius: 4px;
  width: 150px;
  height: 23px;
  border: 2px inset #CCC !important; }

.ReportTabs input.ng-valid.ng-dirty {
  border: 2px inset #CCC !important;
  width: 150px !important;
  height: 23px !important; }

#IFramePDF {
  z-index: 3;
  position: absolute;
  border: 0;
  width: 80%;
  height: 700px;
  top: 0px;
  left: 0px;
  z-index: -20;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 100px; }

#divbtnClosePDFViewer {
  position: absolute;
  top: 74px;
  left: 0px;
  width: 100%;
  z-index: 3;
  display: none; }

div#tabs ul {
  list-style: none;
  padding: 0;
  margin: 0; }

div#tabs li {
  float: left;
  border: 1px solid #2eafd6;
  border-bottom-width: 0;
  margin: 3px 3px 0px 3px;
  padding: 5px 5px 0px 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 11px !important;
  cursor: pointer;
  font-family: "Trebuchet MS", tahoma, sans-serif;
  text-align: center;
  -moz-box-shadow: 2px 2px 2px #cccccc;
  -webkit-box-shadow: 2px 2px 2px #CCC;
  box-shadow: 2px 2px 2px #CCC;
  text-transform: uppercase;
  background: -webkit-gradient(linear, left top, left bottom, from(#2eafd6), to(#19799E));
  background: -moz-linear-gradient(top, #2eafd6, #19799E);
  background-image: linear-gradient(to bottom, #2eafd6 0%, #19799E 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2eafd6', endColorstr='#19799E')"; }

div#tabs li:hover {
  color: #FF2400;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  background-position: 0 0px; }

#mainView {
  clear: both;
  padding: 1em 1em 1em 1em; }

div#tabs .active {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA200), to(#FF2400));
  background: -moz-linear-gradient(top, #FFA200, #FF2400);
  background-image: linear-gradient(to bottom, #FFA200 0%, #FF2400 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA200', endColorstr='#FF2400')";
  background-position: 0 0px; }

.ratingHighlight {
  color: #21568B; }

.navbar-brand {
  margin-top: -5px; }

.navbar-form {
  border: none; }

.navbar-table {
  display: table !important; }

.navbar-left-only {
  display: block !important; }

.navbar-main-only {
  display: none !important; }

#searchposm {
  position: absolute;
  top: -13px;
  right: 71px; }

.modal-header {
  color: #0093D0; }

input[type=text] {
  line-height: 22px; }

@media (min-width: 768px) {
  #searchposm {
    top: -2px;
    right: 12px; }
  .navbar-nav {
    float: left !important; }
  .navbar-header-authenticated {
    height: 60px; }
  .navbar-left-only {
    display: none !important; }
  .navbar-main-only {
    display: block !important; } }

@media (min-width: 485px) and (max-width: 925px) {
  #Pending {
    min-width: 712px !important;
    margin-left: -40px; } }

@media (min-width: 485px) and (max-width: 1145px) {
  #Billed {
    min-width: 859px !important;
    margin-left: -40px; } }

#searchbtn {
  margin-bottom: 5px; }

.searchpodiv {
  margin-left: -40px !important; }

.searchpodivbilled {
  margin-left: -35px !important;
  margin-top: -5px !important; }

#brkrname {
  top: 0px;
  z-index: 1000;
  background-color: black;
  color: white;
  height: 25px;
  padding: 5px;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1250px; }

#AQues {
  padding: 10px;
  left: 0;
  right: 0; }

#faqtable {
  text-align: left;
  padding-top: 0.727em;
  font-size: medium;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
  color: #0093D0; }

.AdminArea .row {
  padding-top: 5px; }

.AdminMenu div .btn {
  font-family: Montserrat;
  font-size: 17px;
  background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#cdcdcd));
  background: -moz-linear-gradient(left, #dedede, #cdcdcd);
  background: linear-gradient(to left, #cdcdcd, #dedede);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dedede', endColorstr='#cdcdcd');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dedede', endColorstr='#cdcdcd')";
  color: #58585A !important;
  border-radius: 0px !important;
  margin-bottom: 10px;
  text-transform: uppercase; }

.AdminModalFooter {
  font-family: Montserrat;
  font-size: 17px;
  color: #fff;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.AdminMModalHeader {
  font-family: Montserrat;
  font-size: 17px;
  color: #fff;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.AdminMenu div .active {
  background: -webkit-gradient(linear, left top, left bottom, from(#00B9E4), to(#0093D0));
  background: -moz-linear-gradient(left, #00B9E4, #0093D0);
  background: linear-gradient(to left, #0093D0, #00B9E4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00B9E4', endColorstr='#0093D0');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00B9E4', endColorstr='#0093D0')";
  color: #fff !important; }

.btnBlue {
  background: -webkit-gradient(linear, left top, left bottom, from(#00B9E4), to(#0093D0)) !important;
  background: -moz-linear-gradient(left, #00B9E4, #0093D0) !important;
  background: linear-gradient(to left, #0093D0, #00B9E4) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00B9E4', endColorstr='#0093D0') !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00B9E4', endColorstr='#0093D0')" !important;
  color: #fff !important; }

.UserHeader {
  color: #0093D0;
  background-color: transparent;
  background: none;
  font-weight: bold;
  font-size: 17px;
  border-bottom: 1px solid #0093D0;
  margin-bottom: 10px; }

.AdminHeader h4 {
  font-family: Montserrat;
  font-size: 32px; }

.text-right {
  font-family: arial;
  font-weight: 300;
  color: #58585a;
  font-size: 14px; }

.ManagerUserList {
  font-family: Montserrat;
  text-transform: capitalize;
  position: relative;
  top: -2px;
  font-size: 14px; }

.ManagerUserListRole {
  font-family: Montserrat;
  text-transform: capitalize;
  position: relative;
  top: 2px;
  font-size: 14px;
  color: #0093D0;
  font-style: italic;
  float: right;
  padding-left: 10px;
  display: inline; }

.text {
  height: 25px;
  line-height: 15px !important;
  width: 100% !important; }

#footer .links {
  color: #949597;
  font-family: Arial;
  font-size: 13px;
  text-decoration: underline;
  margin-right: 18px; }

#footer img {
  margin-right: 7px; }

@media (max-width: 1200px) {
  .AdminForm div .text-right {
    text-align: left; } }

@media (min-width: 1024px) {
  .welcome-message-image {
    height: 590px !important; } }

@media all and (max-width: 543px) and (orientation: portrait) {
  .welcome-message-image {
    height: auto !important; }
  #carouselModal .introOutroSlideContainer {
    height: auto !important;
    text-align: center; } }

@media all and (max-width: 960px) and (orientation: landscape) {
  .welcome-message-image {
    height: 240px !important; } }

@media all and (orientation: landscape) {
  #carouselModal {
    height: 240px !important; }
    #carouselModal .introOutroSlideContainer {
      height: 240px !important;
      text-align: center; } }

@media all and (max-width: 568px) and (orientation: landscape) {
  .welcome-message-image {
    height: 200px !important; } }

@media all and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
  .welcome-message-image {
    height: auto !important; }
  #carouselModal {
    height: auto !important; }
    #carouselModal .introOutroSlideContainer {
      height: auto !important; } }

.boxSelect {
  background-color: #D3D3D3;
  border-radius: 0px;
  border-style: none !important; }

.boxInput {
  line-height: 12px;
  background-color: #C0C0C0;
  border-style: solid;
  border-width: 1px;
  border-color: #003764; }

#services {
  background-color: #0093d0;
  border-left: 1rem solid #a7a9ac;
  text-align: center; }

#image {
  margin-top: 1rem; }

#brkrimg {
  border: 1px solid #a7a9ac; }

.offeredlist {
  list-style-type: none;
  text-align: left;
  color: white;
  font-size: 1.25rem; }

.offeredlist li {
  padding-bottom: 10px; }

#modallinks {
  font-size: small; }

#goal {
  color: #a7a9ac;
  border-top: 1px solid #C0C0C0;
  padding: 5px 15px; }

div.m-dropdown {
  user-select: none;
  -moz-user-select: none; }

div.m-dropdown div.dropdown-root {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  cursor: pointer; }

div.m-dropdown ul.dropdown-options {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 0px 0px 3px 3px;
  display: none;
  left: 0px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: 999; }

div.m-dropdown li.dropdown-option {
  border-bottom: 1px solid #CCCCCC;
  cursor: pointer;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: relative; }

div.m-dropdown li.dropdown-option:last-child {
  border-bottom-width: 0px; }

div.m-dropdown div.dropdown-label,
div.m-dropdown li.dropdown-label {
  padding: 9px 10px 7px 10px;
  position: relative; }

div.m-dropdown.dropdown-open div.dropdown-root {
  border-bottom-width: 0px;
  border-radius: 3px 3px 0px 0px; }

div.m-dropdown.dropdown-open ul.dropdown-options {
  display: block; }

div.m-dropdown.dropdown-caret div.dropdown-root {
  padding-right: 30px; }

div.m-dropdown.dropdown-caret div.dropdown-root:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #AAAAAA;
  content: "";
  height: 0px;
  margin-top: -2px;
  position: absolute;
  right: 25px;
  top: 50%;
  width: 0px; }

div.m-dropdown div.dropdown-root div.dropdown-label.dropdown-placeholder {
  color: #999999;
  font-style: italic; }

div.m-dropdown ul.dropdown-options {
  box-shadow: 1px 1px 0px #DADADA; }

div.m-dropdown li.dropdown-option.dropdown-label:hover {
  background-color: #FAFAFA; }

div.m-dropdown li.dropdown-option.dropdown-selection {
  background-color: #D3D3D3 !important;
  font-weight: bold;
  padding-left: 27px; }

div.m-dropdown li.dropdown-option.dropdown-selection:before {
  content: "\00BB";
  left: 10px;
  line-height: 32px;
  position: absolute;
  top: 0px; }

div.m-dropdown li.dropdown-option.group.all,
div.m-dropdown li.dropdown-option.group.none {
  border-left: 4px solid #CCCCCC;
  color: #333333; }

div.m-dropdown.ng-invalid-required div.dropdown-root div.dropdown-label {
  background-color: #FFEEEE;
  color: #CC0000; }

* {
  margin: 0;
  padding: 0; }

@-webkit-keyframes bounceG {
  0% {
    -webkit-transform: scale(1, 1.2);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1, 0.7);
    background-color: #D7E6F0;
    opacity: 1; } }

@-moz-keyframes bounceG {
  0% {
    -moz-transform: scale(1, 1.2);
    opacity: 1; }
  100% {
    -moz-transform: scale(1, 0.7);
    background-color: #D7E6F0;
    opacity: 1; } }

@-o-keyframes bounceG {
  0% {
    -o-transform: scale(1, 1.2);
    opacity: 1; }
  100% {
    -o-transform: scale(1, 0.7);
    background-color: #D7E6F0;
    opacity: 1; } }

@-ms-keyframes bounceG {
  0% {
    -ms-transform: scale(1, 1.2);
    opacity: 1; }
  100% {
    -ms-transform: scale(1, 0.7);
    background-color: #D7E6F0;
    opacity: 1; } }

@media (max-width: 767px) {
  #services {
    margin-top: 24rem; }
  #offeredlist {
    margin-left: -2rem; }
  #contactinfo {
    margin-top: -54rem; }
  #modallinks {
    padding-top: 10px;
    border-top: 1px solid #C0C0C0;
    border-left: none; }
  .navbar-header-authenticated {
    height: 60px; } }

@media (min-width: 768px) and (max-width: 991px) {
  #services {
    margin-top: 16rem; }
  #contactinfo {
    margin-top: -42rem; }
  #modallinks {
    padding-top: 10px;
    border-top: 1px solid #C0C0C0;
    border-left: none; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #name {
    margin-left: -3rem; }
  #services {
    margin-top: -6.75rem;
    min-height: 37rem;
    padding-top: 3rem; }
  #offeredlist {
    margin-left: -2rem; }
  #contactinfo {
    margin-top: -31rem;
    margin-left: 3.5rem; }
  #BorkerContactInfo {
    border-right: 1px solid #C0C0C0; } }

@media (min-width: 1200px) {
  #services {
    margin-top: -6.75rem;
    min-height: 36rem;
    padding-top: 3rem; }
  #contactinfo {
    margin-left: -64rem;
    font-size: small; }
  #BorkerContactInfo {
    border-right: 1px solid #C0C0C0; } }

@media (min-width: 1200px) and (max-width: 997px) {
  .AdminForm div .text-right-md {
    text-align: left; } }

.adminOnly {
  display: none; }

.smallerfont {
  font-size: 14px; }

[ng-cloak].splash {
  display: block !important; }

.splash {
  background-color: #428bca;
  display: none; }

.flag {
  width: 32px;
  height: 32px;
  background: url(/img/flags.png) no-repeat; }

.flag.flag-ad {
  background-position: -32px 0; }

.flag.flag-ae {
  background-position: -64px 0; }

.flag.flag-af {
  background-position: -96px 0; }

.flag.flag-ag {
  background-position: -128px 0; }

.flag.flag-ai {
  background-position: -160px 0; }

.flag.flag-al {
  background-position: -192px 0; }

.flag.flag-am {
  background-position: -224px 0; }

.flag.flag-an {
  background-position: -256px 0; }

.flag.flag-ao {
  background-position: -288px 0; }

.flag.flag-ar {
  background-position: -320px 0; }

.flag.flag-as {
  background-position: -352px 0; }

.flag.flag-at {
  background-position: -384px 0; }

.flag.flag-au {
  background-position: -416px 0; }

.flag.flag-aw {
  background-position: -448px 0; }

.flag.flag-az {
  background-position: 0 -32px; }

.flag.flag-ba {
  background-position: -32px -32px; }

.flag.flag-bb {
  background-position: -64px -32px; }

.flag.flag-bd {
  background-position: -96px -32px; }

.flag.flag-be {
  background-position: -128px -32px; }

.flag.flag-bf {
  background-position: -160px -32px; }

.flag.flag-bg {
  background-position: -192px -32px; }

.flag.flag-bh {
  background-position: -224px -32px; }

.flag.flag-bi {
  background-position: -256px -32px; }

.flag.flag-bj {
  background-position: -288px -32px; }

.flag.flag-bm {
  background-position: -320px -32px; }

.flag.flag-bn {
  background-position: -352px -32px; }

.flag.flag-bo {
  background-position: -384px -32px; }

.flag.flag-br {
  background-position: -416px -32px; }

.flag.flag-bs {
  background-position: -448px -32px; }

.flag.flag-bt {
  background-position: 0 -64px; }

.flag.flag-bw {
  background-position: -32px -64px; }

.flag.flag-by {
  background-position: -64px -64px; }

.flag.flag-bz {
  background-position: -96px -64px; }

.flag.flag-ca {
  background-position: -128px -64px; }

.flag.flag-cd {
  background-position: -160px -64px; }

.flag.flag-cf {
  background-position: -192px -64px; }

.flag.flag-cg {
  background-position: -224px -64px; }

.flag.flag-ch {
  background-position: -256px -64px; }

.flag.flag-ci {
  background-position: -288px -64px; }

.flag.flag-ck {
  background-position: -320px -64px; }

.flag.flag-cl {
  background-position: -352px -64px; }

.flag.flag-cm {
  background-position: -384px -64px; }

.flag.flag-cn {
  background-position: -416px -64px; }

.flag.flag-co {
  background-position: -448px -64px; }

.flag.flag-cr {
  background-position: 0 -96px; }

.flag.flag-cu {
  background-position: -32px -96px; }

.flag.flag-cv {
  background-position: -64px -96px; }

.flag.flag-cy {
  background-position: -96px -96px; }

.flag.flag-cz {
  background-position: -128px -96px; }

.flag.flag-de {
  background-position: -160px -96px; }

.flag.flag-dj {
  background-position: -192px -96px; }

.flag.flag-dk {
  background-position: -224px -96px; }

.flag.flag-dm {
  background-position: -256px -96px; }

.flag.flag-do {
  background-position: -288px -96px; }

.flag.flag-dz {
  background-position: -320px -96px; }

.flag.flag-ec {
  background-position: -352px -96px; }

.flag.flag-ee {
  background-position: -384px -96px; }

.flag.flag-eg {
  background-position: -416px -96px; }

.flag.flag-eh {
  background-position: -448px -96px; }

.flag.flag-er {
  background-position: 0 -128px; }

.flag.flag-es {
  background-position: -32px -128px; }

.flag.flag-et {
  background-position: -64px -128px; }

.flag.flag-fi {
  background-position: -96px -128px; }

.flag.flag-fj {
  background-position: -128px -128px; }

.flag.flag-fm {
  background-position: -160px -128px; }

.flag.flag-fo {
  background-position: -192px -128px; }

.flag.flag-fr {
  background-position: -224px -128px; }

.flag.flag-ga {
  background-position: -256px -128px; }

.flag.flag-gb {
  background-position: -288px -128px; }

.flag.flag-gd {
  background-position: -320px -128px; }

.flag.flag-ge {
  background-position: -352px -128px; }

.flag.flag-gg {
  background-position: -384px -128px; }

.flag.flag-gh {
  background-position: -416px -128px; }

.flag.flag-gi {
  background-position: -448px -128px; }

.flag.flag-gl {
  background-position: 0 -160px; }

.flag.flag-gm {
  background-position: -32px -160px; }

.flag.flag-gn {
  background-position: -64px -160px; }

.flag.flag-gp {
  background-position: -96px -160px; }

.flag.flag-gq {
  background-position: -128px -160px; }

.flag.flag-gr {
  background-position: -160px -160px; }

.flag.flag-gt {
  background-position: -192px -160px; }

.flag.flag-gu {
  background-position: -224px -160px; }

.flag.flag-gw {
  background-position: -256px -160px; }

.flag.flag-gy {
  background-position: -288px -160px; }

.flag.flag-hk {
  background-position: -320px -160px; }

.flag.flag-hn {
  background-position: -352px -160px; }

.flag.flag-hr {
  background-position: -384px -160px; }

.flag.flag-ht {
  background-position: -416px -160px; }

.flag.flag-hu {
  background-position: -448px -160px; }

.flag.flag-id {
  background-position: 0 -192px; }

.flag.flag-ie {
  background-position: -32px -192px; }

.flag.flag-il {
  background-position: -64px -192px; }

.flag.flag-im {
  background-position: -96px -192px; }

.flag.flag-in {
  background-position: -128px -192px; }

.flag.flag-iq {
  background-position: -160px -192px; }

.flag.flag-ir {
  background-position: -192px -192px; }

.flag.flag-is {
  background-position: -224px -192px; }

.flag.flag-it {
  background-position: -256px -192px; }

.flag.flag-je {
  background-position: -288px -192px; }

.flag.flag-jm {
  background-position: -320px -192px; }

.flag.flag-jo {
  background-position: -352px -192px; }

.flag.flag-jp {
  background-position: -384px -192px; }

.flag.flag-ke {
  background-position: -416px -192px; }

.flag.flag-kg {
  background-position: -448px -192px; }

.flag.flag-kh {
  background-position: 0 -224px; }

.flag.flag-ki {
  background-position: -32px -224px; }

.flag.flag-km {
  background-position: -64px -224px; }

.flag.flag-kn {
  background-position: -96px -224px; }

.flag.flag-kp {
  background-position: -128px -224px; }

.flag.flag-kr {
  background-position: -160px -224px; }

.flag.flag-kw {
  background-position: -192px -224px; }

.flag.flag-ky {
  background-position: -224px -224px; }

.flag.flag-kz {
  background-position: -256px -224px; }

.flag.flag-la {
  background-position: -288px -224px; }

.flag.flag-lb {
  background-position: -320px -224px; }

.flag.flag-lc {
  background-position: -352px -224px; }

.flag.flag-li {
  background-position: -384px -224px; }

.flag.flag-lk {
  background-position: -416px -224px; }

.flag.flag-lr {
  background-position: -448px -224px; }

.flag.flag-ls {
  background-position: 0 -256px; }

.flag.flag-lt {
  background-position: -32px -256px; }

.flag.flag-lu {
  background-position: -64px -256px; }

.flag.flag-lv {
  background-position: -96px -256px; }

.flag.flag-ly {
  background-position: -128px -256px; }

.flag.flag-ma {
  background-position: -160px -256px; }

.flag.flag-mc {
  background-position: -192px -256px; }

.flag.flag-md {
  background-position: -224px -256px; }

.flag.flag-me {
  background-position: -256px -256px; }

.flag.flag-mg {
  background-position: -288px -256px; }

.flag.flag-mh {
  background-position: -320px -256px; }

.flag.flag-mk {
  background-position: -352px -256px; }

.flag.flag-ml {
  background-position: -384px -256px; }

.flag.flag-mm {
  background-position: -416px -256px; }

.flag.flag-mn {
  background-position: -448px -256px; }

.flag.flag-mo {
  background-position: 0 -288px; }

.flag.flag-mq {
  background-position: -32px -288px; }

.flag.flag-mr {
  background-position: -64px -288px; }

.flag.flag-ms {
  background-position: -96px -288px; }

.flag.flag-mt {
  background-position: -128px -288px; }

.flag.flag-mu {
  background-position: -160px -288px; }

.flag.flag-mv {
  background-position: -192px -288px; }

.flag.flag-mw {
  background-position: -224px -288px; }

.flag.flag-mx {
  background-position: -256px -288px; }

.flag.flag-my {
  background-position: -288px -288px; }

.flag.flag-mz {
  background-position: -320px -288px; }

.flag.flag-na {
  background-position: -352px -288px; }

.flag.flag-nc {
  background-position: -384px -288px; }

.flag.flag-ne {
  background-position: -416px -288px; }

.flag.flag-ng {
  background-position: -448px -288px; }

.flag.flag-ni {
  background-position: 0 -320px; }

.flag.flag-nl {
  background-position: -32px -320px; }

.flag.flag-no {
  background-position: -64px -320px; }

.flag.flag-np {
  background-position: -96px -320px; }

.flag.flag-nr {
  background-position: -128px -320px; }

.flag.flag-nz {
  background-position: -160px -320px; }

.flag.flag-om {
  background-position: -192px -320px; }

.flag.flag-pa {
  background-position: -224px -320px; }

.flag.flag-pe {
  background-position: -256px -320px; }

.flag.flag-pf {
  background-position: -288px -320px; }

.flag.flag-pg {
  background-position: -320px -320px; }

.flag.flag-ph {
  background-position: -352px -320px; }

.flag.flag-pk {
  background-position: -384px -320px; }

.flag.flag-pl {
  background-position: -416px -320px; }

.flag.flag-pr {
  background-position: -448px -320px; }

.flag.flag-ps {
  background-position: 0 -352px; }

.flag.flag-pt {
  background-position: -32px -352px; }

.flag.flag-pw {
  background-position: -64px -352px; }

.flag.flag-py {
  background-position: -96px -352px; }

.flag.flag-qa {
  background-position: -128px -352px; }

.flag.flag-re {
  background-position: -160px -352px; }

.flag.flag-ro {
  background-position: -192px -352px; }

.flag.flag-rs {
  background-position: -224px -352px; }

.flag.flag-ru {
  background-position: -256px -352px; }

.flag.flag-rw {
  background-position: -288px -352px; }

.flag.flag-sa {
  background-position: -320px -352px; }

.flag.flag-sb {
  background-position: -352px -352px; }

.flag.flag-sc {
  background-position: -384px -352px; }

.flag.flag-sd {
  background-position: -416px -352px; }

.flag.flag-se {
  background-position: -448px -352px; }

.flag.flag-sg {
  background-position: 0 -384px; }

.flag.flag-si {
  background-position: -32px -384px; }

.flag.flag-sk {
  background-position: -64px -384px; }

.flag.flag-sl {
  background-position: -96px -384px; }

.flag.flag-sm {
  background-position: -128px -384px; }

.flag.flag-sn {
  background-position: -160px -384px; }

.flag.flag-so {
  background-position: -192px -384px; }

.flag.flag-sr {
  background-position: -224px -384px; }

.flag.flag-st {
  background-position: -256px -384px; }

.flag.flag-sv {
  background-position: -288px -384px; }

.flag.flag-sy {
  background-position: -320px -384px; }

.flag.flag-sz {
  background-position: -352px -384px; }

.flag.flag-tc {
  background-position: -384px -384px; }

.flag.flag-td {
  background-position: -416px -384px; }

.flag.flag-tg {
  background-position: -448px -384px; }

.flag.flag-th {
  background-position: 0 -416px; }

.flag.flag-tj {
  background-position: -32px -416px; }

.flag.flag-tl {
  background-position: -64px -416px; }

.flag.flag-tm {
  background-position: -96px -416px; }

.flag.flag-tn {
  background-position: -128px -416px; }

.flag.flag-to {
  background-position: -160px -416px; }

.flag.flag-tr {
  background-position: -192px -416px; }

.flag.flag-tt {
  background-position: -224px -416px; }

.flag.flag-tv {
  background-position: -256px -416px; }

.flag.flag-tw {
  background-position: -288px -416px; }

.flag.flag-tz {
  background-position: -320px -416px; }

.flag.flag-ua {
  background-position: -352px -416px; }

.flag.flag-ug {
  background-position: -384px -416px; }

.flag.flag-us {
  background-position: -416px -416px; }

.flag.flag-uy {
  background-position: -448px -416px; }

.flag.flag-uz {
  background-position: 0 -448px; }

.flag.flag-va {
  background-position: -32px -448px; }

.flag.flag-vc {
  background-position: -64px -448px; }

.flag.flag-ve {
  background-position: -96px -448px; }

.flag.flag-vg {
  background-position: -128px -448px; }

.flag.flag-vi {
  background-position: -160px -448px; }

.flag.flag-vn {
  background-position: -192px -448px; }

.flag.flag-vu {
  background-position: -224px -448px; }

.flag.flag-ws {
  background-position: -256px -448px; }

.flag.flag-ye {
  background-position: -288px -448px; }

.flag.flag-za {
  background-position: -320px -448px; }

.flag.flag-zm {
  background-position: -352px -448px; }

.flag.flag-zw {
  background-position: -384px -448px; }

.Monts32 {
  font-family: "Roboto";
  font-size: 32px;
  color: #0093d0;
  font-weight: bold;
  text-transform: uppercase; }

.Monts16B {
  font-family: "Roboto";
  font-size: 16px;
  font-weight: bold;
  color: #0093d0; }

.Arial14 {
  font-family: "Roboto";
  font-size: 14px;
  color: #58585a;
  background-color: white; }

.Arial14Bold {
  font-family: "Roboto";
  font-size: 14px;
  color: #58585a;
  background-color: white;
  font-weight: bold; }

.Arial10 {
  font-family: "Roboto";
  font-size: 12px;
  color: #58585a; }

.Arial11 {
  font-family: "Roboto";
  font-size: 13px;
  color: #58585a; }

.Arial12 {
  font-family: "Roboto";
  font-size: 12px !important;
  color: #58585a; }

.Arial18Bold {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px; }

.Arial14 {
  font-family: "Roboto";
  font-size: 14px; }

.DDLNoBoxShadow {
  width: 175px;
  height: 20px;
  border-radius: 0; }

.mapforlv {
  bottom: 10px;
  height: 350px;
  width: 100%; }
  @media (min-width: 992px) {
    .mapforlv {
      bottom: 35px; } }

.BrokerImage {
  display: block;
  height: 82px;
  width: 82px;
  line-height: 60px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: white;
  color: white;
  text-align: center;
  font-size: 2em; }

.SubmitButtonTenderVerify {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px !important;
  background-color: #003764;
  color: white;
  text-transform: uppercase;
  margin-right: 50px; }

.EditButtonTenderVerify {
  color: #949597;
  font-family: Arial;
  font-size: 13px;
  text-decoration: underline;
  margin-right: 18px; }

@-moz-document url-prefix() {
  .FirefoxHiddenRowInLoads {
    position: relative !important;
    display: block !important; } }

.HideImage {
  display: none; }

.ShowImage {
  display: block; }

.Required {
  color: #e74c3c; }

.ErrorText {
  color: #e74c3c;
  position: absolute;
  margin: 6px 0 0 0;
  font-style: italic; }

.required {
  color: #e74c3c;
  font-weight: bold; }

.errorText {
  color: #e74c3c;
  position: absolute;
  margin: 6px 0 0 0;
  font-style: italic; }

.flex-grid {
  display: inline-flex; }
  .flex-grid .div {
    width: 100%; }

.LoadTenderSection h2 {
  margin-bottom: 5px !important; }

.LoadTenderSection .cta-primary {
  border: 0px !important; }

.LoadTenderSection h2 + hr {
  border-width: 2px;
  border-color: #2D3236;
  margin-top: 0px;
  margin-bottom: 0px; }

.LoadTenderSection .input-group,
.LoadTenderSection textarea,
.LoadTenderSection input,
.LoadTenderSection select {
  width: 100%;
  line-height: 15px; }

.LoadTenderSection input,
.LoadTenderSection select {
  height: 30px;
  border: 1px solid #2D3236; }

.LoadTenderSection select {
  background: white; }

div.ftl-stop-card {
  background-color: white;
  box-shadow: 1px 1px 5px #aaa;
  padding: 15px;
  margin-bottom: 30px; }

.ftl-stop-card .tql-datetimepicker {
  position: relative;
  top: -2px; }

.ftl-stop-card .tql-datetimepicker-error {
  top: 0px !important;
  margin-bottom: 0px !important; }

div.ftl-stop-card img {
  cursor: pointer;
  margin-right: 30px; }

div.ftl-stop-card img.disabled {
  cursor: default; }

.TenderALoadValidationBroker-wrapper {
  background-color: white; }

.TenderALoadValidationBroker {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
  background-color: #e1e1e1;
  padding: 0 15px 15px 15px;
  word-wrap: break-word; }

.TenderALoadValidationBroker label {
  color: gray; }

.TenderALoadValidationBroker .brokerInformation {
  margin-bottom: 15px;
  min-height: 100px; }

.LoadTenderReviewSection {
  margin-bottom: 15px; }

.LoadTenderReviewSection .legal {
  font-size: 12px;
  font-style: italic;
  color: #555;
  margin-bottom: 20px; }
  @media (min-width: 920px) {
    .LoadTenderReviewSection .legal {
      max-width: 60%; } }

.LoadTenderReviewStop {
  word-wrap: break-word; }

.LoadTenderReviewStopDetails {
  padding-left: 75px; }

.LoadTenderReviewStopPinImage {
  float: left;
  width: 75px;
  padding-left: 10px;
  height: 75px; }
  .LoadTenderReviewStopPinImage img {
    height: 40px; }

.EmailLink {
  cursor: pointer; }

.EmailLink a {
  color: #0093d0;
  text-decoration: underline; }

.Warning {
  color: orangered;
  font-style: italic;
  font-weight: bold; }

.Warning img {
  height: 16px;
  width: 16px; }

.form-cell {
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 172px; }

.form-cell-first {
  padding-right: 2px; }

.form-cell-last {
  padding-left: 2px; }

.margin-top-15 {
  margin-top: 15px; }

.address header {
  font-weight: bold;
  font-size: 14px; }

.street-address, .city, .state, .zip-code {
  margin: 0;
  font-size: 14px;
  font-style: italic; }

.street-address, .city {
  padding-left: 15px; }

::-ms-clear {
  display: none; }

.creditButtonsBlueText {
  font-size: 12px;
  color: #29A3D6;
  font-weight: bold; }

.JPMDeleteAccount {
  color: blue;
  text-decoration: underline;
  font-size: 14px; }

.commodities-grid .call-record-cell {
  height: 100%;
  vertical-align: middle; }

.commodities-grid .ag-body-viewport,
.tracking-info-grid .ag-body-viewport {
  border: 1px solid #EAEAEA; }

.paymentLumpModal {
  width: 595px;
  background-color: #F7F7F7;
  padding-top: 30px; }

.paymentSelectedModal {
  width: 700px;
  background-color: #F7F7F7;
  padding-right: 20px;
  padding-left: 20px;
  z-index: 9999999; }

.priorityAlert {
  z-index: 10500 !important; }

#scrollable-dropdown-menu > .dropdown-menu {
  max-height: 255px;
  overflow-y: auto; }

.multiSelect .checkboxLayer {
  z-index: 1015 !important; }

.tab-put-color:hover {
  color: #0093D0 !important; }

.tab-put-color:link {
  color: #0093D0 !important; }

.tab-put-color:visited {
  color: #0093D0 !important; }

.tab-put-color:focus {
  color: #0093D0 !important; }

.number-icon-intransit {
  background-image: url("../img/Check_filled.png");
  text-align: right;
  color: black;
  background-size: contain; }

.number-icon-delivered {
  background-image: url("../img/Drop_hollow.png");
  text-align: right;
  color: black;
  background-size: contain; }

.subNumberBox {
  background: white;
  text-align: center;
  width: 20px;
  height: 20px;
  border: black solid 1px;
  position: fixed;
  left: 15px;
  bottom: 18px; }

.leaflet-popup-tip {
  border-top: 10px solid !important;
  opacity: .6; }

.leafletPopUpText {
  color: white;
  font-size: 16px !important;
  font-weight: bold;
  font-family: "roboto"; }

.smallLeafletPopUpText {
  color: white;
  font-size: 12px !important;
  font-weight: normal;
  font-family: "roboto"; }

.tinyLeafletPopUpText {
  color: white;
  font-size: 10px !important;
  font-weight: normal;
  font-family: "roboto"; }

.leafletViewDetailsText {
  color: #0093D0;
  font-weight: bold;
  font-size: 12px !important;
  margin-top: 7px !important;
  margin-left: 5px !important; }

.activeMapPopupHeader3 {
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto;
  margin-bottom: 10px; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }

.formErrorBox {
  border: 2px solid red !important; }

@media (max-width: 1200px) {
  .hideIfOver1200 {
    display: none; } }

@media (min-width: 1200px) {
  .hideIfOver1200 {
    display: inline; } }

.two {
  height: 45px;
  vertical-align: middle;
  padding-top: 30px; }

.tableOptionsDiv {
  width: 161px;
  float: right;
  top: -25px; }

.dropdown, .Homedropdown {
  font-size: 16px;
  font-weight: bold; }

.tableOptionsDropdownMenu {
  color: #0093D0;
  background-color: #F3F3F3; }

.tableOptionsImage {
  height: 32px;
  width: 32px;
  cursor: pointer; }

.showHideColumnsText {
  display: inline-block;
  cursor: pointer;
  text-align: right;
  color: #0093D0; }

.tableOptionsMenuHideShow {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 10px;
  color: #0093D0;
  width: 200px; }

.showHideColumnsImage {
  height: 30px;
  display: inline-block;
  cursor: pointer; }

.tableOptionsMenuClearFilters {
  padding-top: 10px;
  padding-left: 5px;
  color: #0093D0; }

.clearFiltersImage {
  height: 30px;
  display: inline-block;
  cursor: pointer; }

.tableOptionsMenuRestoreToDefault {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  color: #0093D0; }

.restoreToDefaultImage {
  height: 30px;
  cursor: pointer; }

.columnChooserText {
  display: inline-block;
  padding-left: 10px;
  padding-top: 10px; }

.columnChooserLine {
  background-color: #CCCCCC !important;
  margin-top: 2px;
  margin-bottom: 2px; }

.columnChooserDiv {
  padding-left: 10px;
  padding-bottom: 10px; }

.inlineBlock {
  display: inline-block; }

#centerRow {
  width: 100%; }

.invalidField {
  border: red 2px solid !important; }

.noLeftPadding {
  padding-left: 0 !important; }

.noRightPadding {
  padding-right: 0 !important; }

.reportingTotalsHeader {
  font-size: 14px;
  font-weight: bold; }

.reportingTotalsData {
  margin-top: 10px;
  position: relative;
  display: flex; }

.totalsAreaDiv {
  display: inline-flex;
  margin-top: 30px; }

.marginRight30 {
  margin-right: 30px; }

.reportingDetailsGridStyle {
  height: 500px;
  padding-left: 2px;
  padding-right: 2px; }

.reportingPageFromErrorMessage {
  margin-top: -30px;
  margin-left: -15px; }

.reportingPageToErrorMessage {
  margin-top: -30px;
  margin-left: -15px; }

.redErrorMessage {
  color: red; }

.loadBoardTableOptionsButton {
  padding: 0 7px 0px 7px;
  background-color: transparent;
  margin-left: 20px; }

.reportingDetailsTableOptionsButton {
  padding: 0 7px 7px 7px;
  background-color: transparent;
  margin-left: 20px; }

.reportingDetailsExportButton {
  padding: 1px 7px 7px 7px;
  float: left; }

.reportingDetailsToDateField {
  margin-left: -60px; }

#reportDetails .row {
  margin-left: 0px; }

.ag-full-width-row {
  height: auto !important; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .msDatePickerBoxFix {
    box-sizing: border-box !important;
    padding: 0 0 0 10px !important; }
  .doNotShowAgainEconomyModal {
    display: inline-flex;
    position: absolute;
    padding-left: 0 !important;
    top: 209px;
    margin-left: 20px; } }

.doNotShowAgainEconomyModal {
  display: inline-flex;
  position: static;
  padding-left: 5px;
  top: 209px; }

#unAuthenticated {
  max-width: 1230px;
  padding: 15px;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 14px;
  color: #2D3236;
  min-height: 800px; }
  #unAuthenticated #fltMobileShipTracking, #unAuthenticated #ltlMobileShipTracking {
    display: none; }
  #unAuthenticated button {
    border: 0px;
    margin-top: 17px; }
  #unAuthenticated .unAuthBanner {
    text-transform: uppercase;
    display: inline-flex;
    width: 100%;
    margin-bottom: 25px; }
    #unAuthenticated .unAuthBanner h3 {
      padding-left: 225px;
      width: 780px; }
    #unAuthenticated .unAuthBanner button {
      float: right;
      margin-top: 10px; }
    #unAuthenticated .unAuthBanner .unAuthLogin {
      margin-right: 25px; }
  #unAuthenticated input[type='text'], #unAuthenticated select {
    height: 30px;
    border: 1px solid #2D3236;
    width: 160px; }
  #unAuthenticated input[type='text'] {
    padding: 5px; }
  #unAuthenticated .ftlLoadContainer {
    margin: 0px 15px; }
    #unAuthenticated .ftlLoadContainer .ftlLoadDetails {
      width: 49%;
      height: 226px; }
    #unAuthenticated .ftlLoadContainer .ftlMap {
      position: absolute;
      top: 21px;
      bottom: 5px;
      right: 25px;
      height: 225px;
      width: 47%; }
    #unAuthenticated .ftlLoadContainer .trackingGrid {
      height: 150px;
      padding: 5px;
      padding-bottom: 15px; }
  #unAuthenticated .sectionHeader {
    color: #2D3236;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
    margin: 15px 5px 5px 5px;
    border-bottom: 2px solid #2D3236; }
  #unAuthenticated .ltlMap {
    position: absolute;
    top: 15px;
    left: 594px;
    height: 225px;
    width: 49%; }
  #unAuthenticated .sectionRow div {
    display: inline-block;
    font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto';
    padding: 5px 30px 5px 5px;
    min-width: 80px;
    font-size: 14px;
    min-height: 80px;
    vertical-align: top; }
  #unAuthenticated .input-group {
    vertical-align: top;
    height: 80px; }
    #unAuthenticated .input-group .error {
      margin: 5px 0 5px 0;
      color: red;
      white-space: nowrap; }
  #unAuthenticated .searchForm, #unAuthenticated .searchButtons {
    display: inline-flex; }
    #unAuthenticated .searchForm input, #unAuthenticated .searchButtons input {
      margin-top: 17px;
      width: 230px;
      height: 45px; }
    #unAuthenticated .searchForm button, #unAuthenticated .searchButtons button {
      margin-right: 25px; }
  #unAuthenticated .col-md-6 {
    padding: 0px; }
  #unAuthenticated .padRight {
    padding-right: 30px; }
  #unAuthenticated .section {
    margin: 0px 15px 0px 15px; }
  #unAuthenticated .ltlShipmentDetails {
    width: 565px;
    padding-left: 15px; }
  #unAuthenticated .ltlGridMap {
    margin: 0px 15px 80px 15px; }
  #unAuthenticated .ltlTrackingGrid {
    height: 150px;
    padding: 5px;
    padding-bottom: 15px; }
  #unAuthenticated #ltlLoad .row {
    margin-left: 0px;
    margin-right: 0px; }
  #unAuthenticated .ltlShipTrackingBtm {
    margin-bottom: 115px; }

#ftlshipTracking .call-record-cell, #ltlshipTracking .call-record-cell {
  padding-bottom: 18px; }

@media (max-width: 1024px) {
  .currentPageBanner div {
    width: 100% !important; }
  .currentPageBanner {
    margin-top: 15px; }
  .trans-nav {
    margin-bottom: -20px;
    position: inherit; }
  #feedback {
    display: none; }
  #unAuthenticated {
    width: 100%; }
    #unAuthenticated .unAuthBanner h3 {
      padding-left: 120px; }
    #unAuthenticated .unAuthBanner button {
      margin-top: 13px; }
    #unAuthenticated .unAuthBanner .unAuthLogin {
      margin-left: 20px; }
    #unAuthenticated .mobileShipTrack {
      margin-top: 110px; }
    #unAuthenticated .ltlMap {
      left: 441px;
      width: 48%; } }

@media (max-width: 768px) {
  .item-margin {
    padding-right: 30px; }
  #navbar-header-id {
    height: 45px; }
  #unAuthenticated .unAuthBanner h3 {
    padding-left: 0px; }
  #unAuthenticated .unAuthBanner button {
    margin-top: 20px; }
  #unAuthenticated .unAuthBanner .unAuthLogin {
    margin-left: 20px; }
  #unAuthenticated .col-md-12 {
    margin-bottom: 235px;
    display: inline-flex;
    width: 100%; }
    #unAuthenticated .col-md-12 .col-md-6 {
      width: 50%; }
    #unAuthenticated .col-md-12 .padRight {
      padding-right: 5px; }
  #unAuthenticated .ltlShipTrackingBtm .col-md-6 {
    width: 100%; }
  #unAuthenticated .ltlMap {
    left: 21px;
    top: -235px;
    height: 225px;
    width: 94%; }
  #unAuthenticated .mobileShipTrack {
    margin-top: 110px; }
  .main-navbar {
    width: 100%;
    display: block;
    justify-content: center;
    z-index: 1001; }
  .navbar-default
.navbar-toggle {
    border-color: transparent; }
  .navbar-default
.navbar-toggle:focus,
  .navbar-default
.navbar-toggle:hover {
    background-color: transparent; } }

@media (max-width: 670px) {
  #unAuthenticated .mobileShipTrack {
    margin-top: 190px; } }

@media (max-width: 540px) {
  #footer {
    padding-bottom: 3px !important; }
  #ftlLoad, #ltlLoad {
    margin-top: 15px; }
  #shipmentTrackingHeader {
    width: 100%;
    font-size: 26px; }
  #unAuthenticated {
    width: 100%;
    min-height: 550px; }
    #unAuthenticated button {
      margin-top: 10px; }
    #unAuthenticated .cta-primary, #unAuthenticated .cta-secondary {
      min-width: 135px; }
    #unAuthenticated .unAuthBanner {
      text-transform: uppercase;
      display: inline-block;
      width: 100%;
      margin-bottom: 45px; }
      #unAuthenticated .unAuthBanner h3 {
        padding-left: 0px;
        width: 100%; }
      #unAuthenticated .unAuthBanner button {
        float: none;
        margin-top: 5px; }
      #unAuthenticated .unAuthBanner .unAuthLogin {
        margin-right: 15px; }
    #unAuthenticated .input-group {
      vertical-align: top;
      height: inherit;
      margin: 5px 0px; }
    #unAuthenticated .searchForm, #unAuthenticated .searchButtons {
      display: inline-block;
      width: 110%; }
      #unAuthenticated .searchForm button, #unAuthenticated .searchButtons button {
        margin-right: 15px; }
    #unAuthenticated .ftlLoadContainer {
      margin: 0px; }
      #unAuthenticated .ftlLoadContainer .ftlLoadDetails {
        width: 100%;
        height: inherit;
        margin-bottom: 240px; }
      #unAuthenticated .ftlLoadContainer .ftlMap {
        position: absolute;
        top: 360px;
        bottom: 0px;
        right: 0px;
        height: 225px;
        width: 100%; }
    #unAuthenticated #ftlshipTracking {
      display: none; }
    #unAuthenticated #fltMobileShipTracking {
      display: inline-block; }
      #unAuthenticated #fltMobileShipTracking .col1 {
        width: 88px; }
      #unAuthenticated #fltMobileShipTracking .col2 {
        width: 100px; }
    #unAuthenticated .section {
      margin: 0px; }
    #unAuthenticated .padRight {
      padding: 0px; }
    #unAuthenticated .col-md-12 {
      padding: 0px;
      margin-bottom: 210px; }
    #unAuthenticated .ltlShipTrackingBtm .padRight {
      display: none; }
    #unAuthenticated .ltlMap {
      position: absolute;
      top: -240px;
      left: 0px;
      height: 225px;
      width: 100%; }
    #unAuthenticated #ltlMobileShipTracking {
      display: inline-block; }
      #unAuthenticated #ltlMobileShipTracking .col1 {
        width: 65px; }
      #unAuthenticated #ltlMobileShipTracking .col2 {
        width: 100px; } }

.guestBanner {
  text-transform: uppercase;
  margin-top: 110px !important;
  display: inline-flex;
  width: 100%; }
  .guestBanner h2 {
    padding-left: 225px;
    margin-left: auto;
    margin-right: auto; }
  .guestBanner button {
    float: right; }
  .guestBanner .guestLogin {
    margin-right: 25px; }

#guestSelectCarrier .modal-header {
  margin-bottom: 0px !important; }

#guestSelectCarrier .modal-body {
  padding-left: 8px !important;
  margin-bottom: 25px !important; }

#guestSelectCarrier .modal-footer {
  padding-left: 8px !important; }
  #guestSelectCarrier .modal-footer button {
    margin-right: 30px; }

.guestEmailModal .input-group {
  margin: 0; }

#unavailableRateCardGuest div {
  text-align: center;
  width: 50%;
  margin: 0 auto; }

#unavailableRateCardBtn {
  text-align: center;
  width: 50%;
  margin: 0 auto;
  padding: 30px; }
  #unavailableRateCardBtn a {
    margin-right: 30px; }

#ltl-app {
  padding: 0 !important; }

.marginRight15 {
  margin-right: 15px; }

.borderNone {
  border: none; }

#iSteven .acol, #iSteven span {
  color: black !important; }

#Faq i {
  font-weight: normal; }

#Faq input[type='text'] {
  font-family: "Roboto";
  font-weight: normal;
  font-size: 14px;
  height: 30px;
  border: 1px solid #2d3236;
  margin: 15px 25px 15px 0px;
  padding: 5px;
  width: 460px; }

#Faq .faqSearch {
  display: inline-flex; }

#Faq input:focus::-webkit-input-placeholder {
  color: transparent; }

#Faq input:focus:-moz-placeholder {
  color: transparent; }

#Faq input:focus::-moz-placeholder {
  color: transparent; }

#Faq input:focus:-ms-input-placeholder {
  color: transparent; }

#Faq button {
  margin-top: 7px; }

#Faq .faqOptions {
  max-width: 1230px;
  padding-top: 15px;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 18px;
  color: #0093D0; }
  #Faq .faqOptions .forwardArrow {
    background-image: url("..//img/Forward-Arrow-64.png");
    background-color: #ffffff;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 99% 50%; }
  #Faq .faqOptions .expandArrow {
    background-image: url("..//img/Expand-Arrow-64.png");
    background-color: #ffffff;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 99% 50%; }
  #Faq .faqOptions .faqAnswer {
    font-size: 12pt;
    margin-top: 30px;
    font-weight: normal; }

#Faq .faqNoSearchResults {
  font-size: 14pt;
  font-weight: bold;
  margin: 30px 0px;
  text-align: center; }

.formItemDisabled {
  background: #dddddd !important; }

.quoteALoadLegalText {
  font-size: 12px;
  font-style: italic;
  color: #555;
  margin-top: 30px; }

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

#carouselModal .introOutroSlideContainer {
  height: 600px;
  text-align: center; }

#carouselModal .introOutroSlideInnerContainer {
  max-height: 600px;
  display: flex;
  justify-content: center; }

#carouselModal .contentSlideContainer {
  height: 450px;
  background-image: url("/app/img/feature-tour-bg.jpg");
  background-size: cover;
  display: flex;
  justify-content: center; }

#carouselModal .contentSlideTopContainer {
  height: 388px;
  width: 60%;
  align-self: center;
  display: flex;
  justify-content: center; }

#carouselModal .contentSlideBottomContainer {
  height: 150px;
  padding: 30px; }

#carouselModal .contentSlideHeader {
  font-size: 32px;
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  color: #2d3236;
  margin: 0 0 10px 0; }

#carouselModal .contentSlideDesc {
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  color: #2d3236;
  text-align: center; }

#carouselModal .carouselCloseLink {
  font-size: 14px;
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  display: inline-block;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px; }

#carouselModal .carouselLeftArrow {
  padding: 19px;
  float: left;
  position: absolute;
  left: -100px;
  top: 40%;
  border-radius: 50%;
  background-color: #EEEEEE; }

#carouselModal .carouselRightArrow {
  padding: 19px;
  float: right;
  position: absolute;
  right: -100px;
  top: 40%;
  border-radius: 50%;
  background-color: #EEEEEE; }

.informationPaneHeaderText {
  font-size: 18px !important;
  font-weight: bold !important;
  margin: 20px 0 15px 0;
  line-height: 30px;
  overflow-wrap: break-word; }

@media screen and (min-width: 544px) and (max-width: 992px) {
  .informationPaneBreak {
    display: none; } }

.informationPaneBreakLine {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 15px; }

.informationPaneDetailsText {
  overflow: hidden;
  white-space: nowrap; }
  @media screen and (min-width: 544px) and (max-width: 992px) {
    .informationPaneDetailsText {
      margin-right: 30px !important; } }

.informationPanePickDropContainer {
  width: 100%;
  font-size: 14px;
  overflow-y: auto;
  overflow-x: hidden;
  /*min-height: 165px;

        @media screen and (min-width: 544px) {
            min-height: 225px;
        }*/ }

.informationPanePickDropRow {
  margin-bottom: 15px; }
  @media screen and (min-width: 544px) {
    .informationPanePickDropRow {
      margin-bottom: 30px; } }

.informationPanePickDropDetailsText {
  display: flex;
  margin-top: 2.4px; }
  .informationPanePickDropDetailsText .pickDropLocation {
    width: 100%;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media screen and (min-width: 544px) and (max-width: 992px) {
      .informationPanePickDropDetailsText .pickDropLocation {
        width: 50%; } }
  .informationPanePickDropDetailsText label {
    display: inline-block;
    margin-right: 15px; }

.activeMapDetailsGrid {
  display: none; }
  @media screen and (min-width: 544px) {
    .activeMapDetailsGrid {
      display: block;
      width: 100%;
      height: 230px;
      margin-bottom: 15px; } }

.activeMapDetailsCard {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }
  @media screen and (min-width: 544px) {
    .activeMapDetailsCard {
      display: none; } }
  .activeMapDetailsCard .half-width {
    width: 49% !important; }

.view-details-container {
  display: block;
  margin-top: 15px; }
  @media screen and (min-width: 544px) {
    .view-details-container {
      display: inline-flex; } }
  @media (min-width: 992px) {
    .view-details-container {
      display: block;
      margin: 0 0 0 20px; } }

.view-details-link, .view-details-link-mobile {
  cursor: pointer;
  width: 100%; }

.view-details-link {
  display: none !important; }
  @media screen and (min-width: 544px) {
    .view-details-link {
      display: inline-flex !important; } }
  @media screen and (min-width: 992px) {
    .view-details-link {
      position: absolute;
      bottom: 20px; } }

.view-details-link-mobile {
  display: inline-flex !important; }
  @media screen and (min-width: 544px) {
    .view-details-link-mobile {
      display: none !important; } }

#containerForMap {
  position: relative; }

.ui-table {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
  padding: 20px;
  top: 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  margin-top: 15px; }
  .ui-table .subHeader {
    font-weight: bold;
    font-size: 14px; }
  @media screen and (min-width: 544px) {
    .ui-table {
      margin-top: 30px; } }
  @media screen and (min-width: 992px) {
    .ui-table {
      position: absolute;
      margin-top: 0px;
      width: 300px;
      height: 100%; } }

.activeMapDetailsPage a {
  color: #0093D0; }

.activeMapDetailsPage .activeMapDetails-laneInfo {
  width: 100%;
  background-color: #FFFFFF;
  padding: 20px;
  top: 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  margin: 15px 0; }
  @media screen and (min-width: 544px) {
    .activeMapDetailsPage .activeMapDetails-laneInfo {
      margin: 30px 0; } }
  .activeMapDetailsPage .activeMapDetails-laneInfo .laneHeader {
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    line-height: 30px;
    overflow-wrap: break-word; }
  .activeMapDetailsPage .activeMapDetails-laneInfo .breakLine {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 15px; }
    @media screen and (min-width: 544px) {
      .activeMapDetailsPage .activeMapDetails-laneInfo .breakLine {
        display: none; } }
  .activeMapDetailsPage .activeMapDetails-laneInfo .informationPaneDetailsText:nth-child(odd) {
    max-width: 45%;
    margin-right: 30px;
    margin-bottom: 15px; }
  .activeMapDetailsPage .activeMapDetails-laneInfo .informationPaneDetailsText:nth-child(even) {
    max-width: 40%;
    margin-right: 0px;
    margin-bottom: 15px; }

.mutliLoadPopupText {
  font-size: 14px !important;
  color: #6cbce3;
  text-decoration: underline;
  white-space: nowrap; }

.mutliLoadPopupText:hover {
  color: #FFF; }

.singlePopupText {
  color: white;
  font-size: 14px !important;
  font-weight: bold;
  font-family: "roboto"; }

.ui-tooltip {
  background-color: white;
  color: black;
  padding: 3px;
  border-radius: 0;
  border: 1px solid black !important;
  max-width: 800px !important;
  font-family: "Segoe UI";
  font-weight: normal !important;
  font-size: 12px !important;
  box-shadow: none; }

.shipDateStyle {
  margin-left: -75px;
  padding-left: 0px; }

.servicesFontWeight {
  font-weight: normal !important; }

.pickupServicesMove {
  margin-top: 30px; }

.deliveryServicesMove {
  margin-top: 30px; }

.itemsShift {
  padding-right: 0px !important;
  margin-right: 29px !important; }

.weight-DimensionsDistance {
  padding-right: 0px !important;
  margin-right: 10px !important; }

.weightFieldWidth {
  width: 50px !important; }

.servs-addDetLabels {
  height: 30px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important; }

.infoFieldsMove {
  margin-top: 0px !important; }

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

.addDetsMoveDown {
  height: 122px !important; }

.totalUnitsMove {
  margin-left: 15%; }

.totalDensityMove {
  margin-left: 30.3%; }

.totalWeightMove {
  margin-left: 18.7%; }

.contentMaxWidth {
  max-width: 1200px !important; }

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

.itemsTotalMoveUp {
  margin-top: -2% !important; }

.shipmentSumMove {
  margin-top: 0px !important; }

.shipmentSumFields {
  margin-right: -1px !important;
  margin-left: 0px !important; }

.carrierCardDataMove {
  padding-right: 50px !important; }

.removeUnderline {
  text-decoration: none !important; }

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

.carrierRateMove {
  width: auto !important; }

.viewTerminalInfoMove {
  padding-top: 30px !important; }

.shipperHoursMove {
  margin-right: 0px !important; }

.shipDatewidth {
  width: 99px !important; }

.selectAddrsMove {
  margin-bottom: 0px !important;
  height: 40px; }

.saveToAddrsMove {
  margin-bottom: 30px !important;
  margin-top: -20px !important;
  height: 50px; }

.NMFCboxSize {
  width: 75px !important; }

.otherRefandRefNumbMove {
  margin-top: -10.5px;
  min-height: 95px; }

.specialInstructionsMove {
  margin-top: 20px; }

#charcount {
  display: inline-block;
  font-size: 11px;
  font-family: roboto; }

.itemCardPadding {
  padding: 30px; }

.moveCharCount {
  margin-left: 10px;
  margin-top: 32px; }

.charCountDisplay {
  display: inline-flex; }

.otherRefTypeMove {
  padding-right: 0px; }

.refNumberMove {
  padding-left: 0px; }

.shipRecMove {
  margin-top: 0px !important; }

.shipAndRecvInfoMove {
  margin-bottom: 0px !important; }

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

.termsAndCondtUnderline {
  text-decoration: underline !important; }

.tenderShipBtnMove {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.referencesFieldsRowMove {
  margin-bottom: 0px !important;
  margin-top: 30px !important; }

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

.referenceFieldsShift {
  padding-right: 0px !important;
  margin-left: 0px !important;
  margin-right: 30px !important; }

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

.fontSize {
  font-size: 18px !important; }

.itemDetailsTotalShift {
  margin-left: 7px; }

.boldFont {
  font-weight: bold; }

.shipRecInfoSpacing {
  margin-top: 16px; }

.inlineFlexDisplay {
  display: inline-flex !important; }

.infoFieldsSpacing {
  margin-right: 30px; }

.betweenRowSpacing {
  margin-top: 30px; }

.commodityHorizontalSeparator {
  border: 0;
  clear: both;
  display: block;
  width: 100%;
  background-color: black;
  height: 1px;
  margin: 46px 0 0 0 !important; }

@media (min-width: 544px) {
  .commodityDimensionColumn {
    min-width: 227px; } }

@media (min-width: 544px) {
  .commodityTotalWeightColumn {
    min-width: 120px; } }

.pageTitleHeight {
  height: 50px !important; }

.widthOverride {
  min-width: 0px !important; }

.tableRowHeight {
  height: 45px; }

.rowHeight {
  height: 45px; }

.footerBtnSpacing {
  margin-right: 30px; }

.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #EAEAEA !important; }

.table-striped > tbody > tr:nth-child(even) > td {
  background-color: #FFFFFF !important; }

.paginationSpacing {
  padding-top: 10px; }

.itemListFontSize {
  font-size: 18px !important; }

.addToQuoteBtnMove {
  margin-right: 0px !important; }

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

.deleteBtnMove {
  margin-left: 0px !important; }

.fieldsMove {
  margin-top: -35px !important; }

.addInsErrorMsg {
  margin-bottom: 30px; }

.shipmentValueSpacing {
  margin-bottom: 30px !important; }

.messageSpacing {
  margin-top: 0px !important; }

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

.yourQuoteSavedMsgMove {
  margin-top: 10px !important; }

.yourQuoteMsgMove {
  padding-bottom: 0px !important; }

.savedQuotesBtnUnderline {
  text-decoration: underline !important; }

.quoteTypeVerticalMove {
  margin-top: 0px !important; }

.shipDateVerticalMove {
  padding-top: 0px !important; }

.clearBtnVerticalMove {
  margin-top: 0px !important; }

.needAssistanceVerticalMove {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.pickupDeliverySectionVerticalMove {
  margin-top: 0px !important; }

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

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

.addFromListVerticalHeigth {
  height: 39px; }

.itemsBtnsVerticalMove {
  margin-top: -10px !important;
  padding-bottom: 10px; }

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

.itemsFieldsVerticalMove {
  margin-top: -30px !important;
  padding-bottom: 10px; }

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

.carrierRatesVerticalMove {
  margin-top: -10px !important; }

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

.saveToaddrsVerticalMove {
  height: 60px; }

.itemDetailsverticalMove {
  margin-bottom: 30px !important;
  margin-top: 30px !important; }

.otherRefTypeVerticalMove {
  margin-top: 30px; }

.refNumberVerticalMove {
  margin-top: 30px; }

.nextAndSaveBtnVerticalMove {
  margin-bottom: 0px !important; }

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

.referencesverticalMove {
  margin-top: -60px; }

.mobileMenuHeight {
  height: 900px; }

.tab-list-margin {
  cursor: pointer;
  margin-top: -30px !important; }

.assistanceText {
  float: right;
  display: inline-flex;
  height: 45px;
  margin-top: 15px; }
  .assistanceText i {
    font-weight: normal; }

.search-row-ltl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5px !important; }
  .search-row-ltl div:first-child {
    justify-content: flex-start; }
    .search-row-ltl div:first-child * {
      margin-bottom: 15px !important; }
  .search-row-ltl div:last-child {
    justify-content: flex-end; }
    @media (min-width: 992px) {
      .search-row-ltl div:last-child {
        padding-left: 15px; } }

.search-box-ltl {
  width: 100%;
  height: 45px;
  border: 1px solid #b5b5b5;
  margin-bottom: 15px; }
  @media (min-width: 544px) {
    .search-box-ltl {
      width: 350px; } }
  @media (min-width: 992px) {
    .search-box-ltl {
      margin-bottom: 30px; } }

.mega-search {
  display: flex;
  margin-bottom: 30px; }

.mega-search-input {
  height: 45px; }

/* Nexus 7 */
@media only screen and (min-device-width: 600px) and (max-device-width: 961px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* Galaxy S5 */
@media only screen and (min-device-width: 360px) and (max-device-width: 640px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* Pixel 2 */
@media only screen and (min-device-width: 411px) and (max-device-width: 731px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* Pixel 2 XL */
@media only screen and (min-device-width: 411px) and (max-device-width: 823px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* iPhone 5/SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* iPhone 6/7/8 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* iPhone 6/7/8 Plus */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* iPhone X */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* iPad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important; } }

/* Desktop screens */
@media only screen and (min-device-width: 1367px) {
  .pickupFieldsVerticalMove {
    padding-bottom: 0px !important;
    height: 20px !important; } }

.bodyNoScroll {
  overflow: hidden; }

textarea {
  resize: none; }

button {
  background-color: transparent; }

icon-button {
  height: 24px; }

.l-wrapper {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }

.l-titleArea {
  margin: 60px 0 0 0; }
  @media (min-width: 992px) {
    .l-titleArea {
      margin: 100px 0 0 0; } }

.mainNav .l-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.termsAgreement {
  display: flex;
  align-items: center; }
  .termsAgreement input {
    margin: 0 10px 0 0; }
  .termsAgreement label {
    margin: 0; }

.instructionalText {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  font-style: italic; }
  @media (min-width: 768px) {
    .instructionalText {
      font-size: 12px; } }

.characterCount {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0; }

.input-error-text {
  top: 100%; }

.cta-primary-inactive, .cta-secondary-inactive {
  pointer-events: none; }

.sectionHeader {
  margin: 0 0 30px 0;
  border-bottom: 2px solid #2D3236; }
  .sectionHeader h2 {
    text-transform: uppercase; }

.tableActions-accountsPayable {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 15px 0; }
  .tableActions-accountsPayable .actionGroup {
    margin: 0;
    order: 2; }
    @media (min-width: 992px) {
      .tableActions-accountsPayable .actionGroup {
        order: 1; } }
  @media (min-width: 544px) {
    .tableActions-accountsPayable {
      margin: 30px 0; } }
  @media (min-width: 992px) {
    .tableActions-accountsPayable {
      flex-direction: row;
      align-items: center; } }

.actionGroup {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: wrap; }
  @media (min-width: 544px) {
    .actionGroup {
      flex-direction: row;
      width: auto; } }
  .actionGroup button {
    width: 100%; }
    @media (min-width: 544px) {
      .actionGroup button {
        width: auto; } }
  .actionGroup button, .actionGroup icon-button {
    margin: 0 0 15px 0; }
    @media (min-width: 544px) {
      .actionGroup button:last-child, .actionGroup icon-button:last-child {
        margin: 0 0 30px 0; } }
    @media (min-width: 544px) {
      .actionGroup button, .actionGroup icon-button {
        margin: 0 30px 30px 0; } }
  .actionGroup get-quote-button {
    margin: 0 0 15px 0; }
    @media (min-width: 544px) {
      .actionGroup get-quote-button {
        margin: 0 30px 0px 0; } }

.tableTotals-accountsPayable {
  display: inline-flex;
  flex-wrap: wrap;
  order: 1; }
  .tableTotals-accountsPayable .highlightedTotal {
    color: #0093D0; }
    .tableTotals-accountsPayable .highlightedTotal p {
      color: #0093D0; }
  @media (min-width: 992px) {
    .tableTotals-accountsPayable .input-group:last-child {
      margin: 0; } }
  @media (min-width: 992px) {
    .tableTotals-accountsPayable .input-group {
      margin: 0 30px 0 0; } }
  @media (min-width: 992px) {
    .tableTotals-accountsPayable {
      order: 2; } }

.tableControls {
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .tableControls {
      flex-direction: row;
      align-items: center;
      justify-content: space-between; } }
  .tableControls .tableControls-filters {
    display: flex;
    flex-wrap: wrap; }
  .tableControls .tableControls-actions-optionsDropDown {
    position: relative; }
    .tableControls .tableControls-actions-optionsDropDown:hover .flyout {
      display: block;
      left: 0; }
      @media (min-width: 992px) {
        .tableControls .tableControls-actions-optionsDropDown:hover .flyout {
          left: inherit;
          right: 0; } }

.tableControls-accountsPayable {
  display: flex;
  flex-direction: column;
  margin: 0 0 15px 0; }
  @media (min-width: 544px) {
    .tableControls-accountsPayable .tab-list {
      margin: 0; } }
  @media (min-width: 544px) {
    .tableControls-accountsPayable {
      flex-direction: row;
      align-items: center;
      justify-content: space-between; } }

.mapLegend {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin: 15px 0; }
  @media (min-width: 544px) {
    .mapLegend {
      padding: 10px 30px 0 30px;
      margin: 30px 0 0 0;
      box-shadow: none; } }
  @media (min-width: 992px) {
    .mapLegend {
      margin: 0; } }
  .mapLegend .mapLegend-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer; }
    @media (min-width: 544px) {
      .mapLegend .mapLegend-header {
        display: none; } }
  .mapLegend h2 {
    color: #0093D0; }
  .mapLegend .mapLegend-expandCollapse {
    transition: all .3s ease; }
  .mapLegend .mapLegend-content {
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 10px; }
    @media (min-width: 544px) {
      .mapLegend .mapLegend-content {
        display: flex;
        padding: 0; } }

.mapLegend-value, .mapLegend-value-active {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 10px 0;
  justify-content: space-between; }
  .mapLegend-value img, .mapLegend-value-active img {
    height: 30px;
    order: 2; }
    @media (min-width: 544px) {
      .mapLegend-value img, .mapLegend-value-active img {
        order: inherit;
        margin: 0 10px 0 0; } }
  .mapLegend-value .label, .mapLegend-value-active .label {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: bold; }
  .mapLegend-value .dot, .mapLegend-value-active .dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    order: 2; }
    .mapLegend-value .dot.addPick, .mapLegend-value-active .dot.addPick {
      background-color: #0093D0; }
    .mapLegend-value .dot.checkCall, .mapLegend-value-active .dot.checkCall {
      background-color: #FF6600; }
    .mapLegend-value .dot.addDrop, .mapLegend-value-active .dot.addDrop {
      background-color: #2D3236; }
    @media (min-width: 544px) {
      .mapLegend-value .dot, .mapLegend-value-active .dot {
        order: inherit;
        margin: 0 10px 0 0; } }

@media (min-width: 544px) {
  .mapLegend-value {
    width: auto;
    padding: 0 15px 10px 15px; } }

@media (min-width: 544px) {
  .mapLegend-value-active {
    width: auto;
    padding: 0 10px 10px 10px; } }

.alertModal .modalHeader {
  margin: 0; }

.alertModal .modalBody {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center; }

.alertModal .alertModal-icon {
  margin: 0 0 10px 0; }

.warningModal .modalHeader {
  margin: 0; }

.warningModal .modalBody {
  display: flex;
  align-items: center; }

.warningModal .volume-quote-modal-icon {
  margin: 0 30px 0 0; }

.confirmationModal .modalBody {
  display: flex;
  align-items: center; }

.confirmationModal-icon {
  margin: 0 30px 0 0; }

.confirmPaymentModal,
.cancelModal {
  max-width: 433px; }
  .confirmPaymentModal-message,
  .cancelModal-message {
    margin: 0 0 10px 0; }
  @media (max-width: 543px) {
    .confirmPaymentModal .input-group:last-child,
    .cancelModal .input-group:last-child {
      margin: 0; } }
  @media (min-width: 544px) {
    .confirmPaymentModal .input-group,
    .cancelModal .input-group {
      margin: 0 30px 0 0; } }

.popupBlockerModal {
  max-width: 230px; }

.paymentPendingModal {
  max-width: 300px; }

.lumpSumModal .input-group:last-child {
  margin: 0; }

.lumpSumModal .lumpSumModal-paymentInstruction {
  margin: 0 0 10px 0; }

.lumpSumModal .lumpSumModal-paymentDescription {
  width: 400px;
  padding: 5px;
  max-width: 100%; }

.lumpSumModal .lumpSumModal-deleteAccount {
  margin: 6px 0 0 0; }
  @media (min-width: 544px) {
    .lumpSumModal .lumpSumModal-deleteAccount {
      position: absolute;
      top: 100%; } }

.paymentModal .input-group:last-child {
  margin: 0; }

.paymentModal .paymentModal-paymentTotal {
  font-family: "Roboto";
  font-size: 18px;
  font-weight: bold;
  color: #0093D0;
  font-style: italic; }

.paymentModal .paymentModal-paymentInstruction {
  margin: 0 0 10px 0; }

.paymentModal .paymentModal-paymentDescription {
  max-width: 100%;
  width: 660px;
  padding: 5px; }

.paymentModal .paymentModal-deleteAccount {
  margin: 6px 0 0 0; }
  @media (min-width: 544px) {
    .paymentModal .paymentModal-deleteAccount {
      position: absolute;
      top: 100%; } }

.paymentSuccessModal-message {
  max-width: 380px; }

.terminalInfo {
  display: flex; }
  .terminalInfo .input-group:last-child {
    margin: 0; }

.originTerminalDetail, .destinationTerminalDetail {
  width: 350px; }

.originTerminalDetail {
  margin: 0 30px 0 0; }

.savedQuoteModal {
  max-width: 330px; }

.savedQuoteMessage, .tenderSuccessMessage {
  margin: 10px 0; }

.savedQuoteDetail, .tenderSuccessDetail, .paymentPendingDetail, .popupBlockerDetail, .errorModalDetail {
  text-align: center;
  width: 100%; }

.popupBlockerDetail a {
  font-family: "Roboto" !important;
  color: blue !important;
  text-decoration: underline; }

.tenderPaymentModal-errorMessage {
  margin: 10px 0 0 0; }

.tenderPaymentModal-confirmationMessage {
  max-width: 540px; }

.appointmentDetailsTable {
  height: 230px;
  width: 867px; }

.documentsTable {
  margin: -8px 0 30px 0; }

.itemCatalogModal-deleteConfirmation, .itemCatalogModal-MaxLimit, .addressBook-deleteConfirmation {
  position: relative;
  bottom: 95px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: bold;
  color: #e74c3c; }

.itemCatalogModal-deleteConfirmation-notPaginated, .addressBook-deleteConfirmation-notPaginated {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: bold;
  color: #e74c3c; }

.columnCheckList-item {
  display: flex;
  align-items: center;
  margin: 0 0 7px 0; }
  .columnCheckList-item .checkbox {
    margin: 0 5px 0 0; }
  .columnCheckList-item label {
    margin: 0; }

.ratingList {
  margin: 0 0 30px 0; }

.rating {
  display: flex; }

.feedbackMessage {
  width: 100%;
  resize: none; }

.emailMessage {
  width: 100%;
  resize: none; }

.feedbackButton {
  display: none !important; }
  @media (min-width: 544px) {
    .feedbackButton {
      display: inline-flex !important; } }
  @media print {
    .feedbackButton {
      display: none !important; } }

.printShippingLabelsModal {
  max-width: 1000px;
  max-height: 850px; }
  .printShippingLabelsModal select {
    background-color: white; }
  .printShippingLabelsModal .shippingLabelDetails {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    .printShippingLabelsModal .shippingLabelDetails-summary {
      width: 100%;
      flex-wrap: wrap;
      white-space: normal;
      order: 1; }
      .printShippingLabelsModal .shippingLabelDetails-summary div p {
        word-wrap: break-word; }
      .printShippingLabelsModal .shippingLabelDetails-summary .smallField {
        max-width: 100px; }
      .printShippingLabelsModal .shippingLabelDetails-summary .largeField {
        max-width: 250px; }
      .printShippingLabelsModal .shippingLabelDetails-summary .countedField {
        display: inline-flex;
        justify-content: space-between; }
      @media (min-width: 544px) {
        .printShippingLabelsModal .shippingLabelDetails-summary .checkBoxWrapper {
          height: 30px; } }
      .printShippingLabelsModal .shippingLabelDetails-summary .checkBoxWrapper .checkBoxField {
        display: flex;
        align-items: center;
        margin: 6px 0 4px 0; }
        .printShippingLabelsModal .shippingLabelDetails-summary .checkBoxWrapper .checkBoxField input[type=checkbox] {
          margin: 0 5px 0 0; }
        .printShippingLabelsModal .shippingLabelDetails-summary .checkBoxWrapper .checkBoxField label {
          margin: 0; }
      .printShippingLabelsModal .shippingLabelDetails-summary .address-group {
        max-width: 45%; }
      .printShippingLabelsModal .shippingLabelDetails-summary .screen-based-labels label:first-child {
        display: block; }
      .printShippingLabelsModal .shippingLabelDetails-summary .screen-based-labels label:nth-child(2) {
        display: none; }
      @media (min-width: 544px) {
        .printShippingLabelsModal .shippingLabelDetails-summary .screen-based-labels label:first-child {
          display: none; }
        .printShippingLabelsModal .shippingLabelDetails-summary .screen-based-labels label:nth-child(2) {
          display: block; } }
      @media (min-width: 544px) {
        .printShippingLabelsModal .shippingLabelDetails-summary .details-group {
          display: inline-flex;
          flex-wrap: wrap;
          width: 100%; }
          .printShippingLabelsModal .shippingLabelDetails-summary .details-group .input-group:last-child {
            margin-right: 0px; }
          .printShippingLabelsModal .shippingLabelDetails-summary .details-group .additional-details {
            max-width: 410px;
            width: 100%; } }
      @media (min-width: 992px) {
        .printShippingLabelsModal .shippingLabelDetails-summary {
          width: 46%;
          min-width: 390px; }
          .printShippingLabelsModal .shippingLabelDetails-summary .hideOnMobile {
            display: block; } }
    .printShippingLabelsModal .shippingLabelDetails-preview {
      width: 100%;
      flex-wrap: wrap;
      order: 2;
      margin-bottom: 15px; }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview {
          position: relative;
          border: 1px solid #cccccc;
          width: calc(0.625 * 8.5in);
          height: calc(0.625 * 11in); } }
  @media screen and (max-width: 543px) {
    .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview {
      width: 100%;
      height: calc(0.625 * 7.85in);
      overflow-x: scroll; } }
      @media screen {
          .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview .previewHeaderLabel {
            position: absolute;
            margin: calc(0.625 * 0.08in) 0 0 calc(0.625 * 0.08in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview-wrapper {
          width: 100%; } }

@media screen and (max-width: 543px) {
  .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup .half-width {
    width: 46%; } }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup .no-wrap {
          white-space: nowrap !important;
          overflow: hidden !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup .allow-whitespace {
          white-space: pre-wrap;
          overflow-wrap: break-word;
          word-wrap: break-word;
          -ms-word-wrap: break-word; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup textarea {
          word-break: break-word; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-fullPage {
          position: relative;
          top: 25px; } }
  @media screen and (min-width: 544px) {
    .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-fullPage {
      top: calc(0.625 * 2in); } }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-avery5164 {
          display: inline-block;
          width: calc(0.625 * 8.5in); } }
  @media screen {
    .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-avery5164 {
      position: relative;
      top: calc(0.625 * 0.5in);
      left: calc(0.625 * 0.156in); } }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-continuous4x6 {
          position: relative;
          top: 100px; } }
  @media screen and (min-width: 544px) {
    .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-continuous4x6 {
      top: calc(0.625 * 3.5in); } }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage h2 {
          font-size: calc(0.625 * 20pt) !important;
          font: bold; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage label, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage p {
          margin: 0; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage label {
          font-size: calc(0.625 * 20pt) !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage p {
          font-size: calc(0.625 * 16pt) !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelTextGroup .input-group {
          margin: 0 calc(0.625 * 0.08in) calc(0.625 * 0.14in) 0 !important;
          min-width: 43%;
          max-width: 100%; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelTextGroup .input-group:last-child {
            margin-right: 0px !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner {
          border: 1px dotted;
          border-radius: 10px;
          width: calc(0.625 * 8in);
          height: calc(0.625 * 7in);
          display: flex;
          flex-direction: column;
          padding: 0 calc(0.625 * 0.2in) 0 calc(0.625 * 0.2in);
          margin: 0 auto; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelHeader {
            display: inline-flex;
            justify-content: space-between;
            margin: calc(0.625 * 0.15in) 0; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelHeader .printLabelLogo {
              width: calc(0.625 * 3.5in);
              height: calc(0.625 * 1in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .barcode-wrapper {
            width: 100%;
            display: inline-flex;
            height: calc(0.625 * 0.8in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .barcode-wrapper .barcode {
              display: block;
              margin: 0 auto calc(0.625 * 0.1in); } }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .barcode-wrapper .barcode {
          max-width: calc(0.625 * 6.8in); } }
      @media screen {
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .labelFields {
            display: inline-flex;
            flex-direction: row; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .leftLabelFields, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .rightLabelFields {
            width: 49%; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .rightLabelFields {
            padding-left: calc(0.625 * 0.2in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelFooter {
            position: absolute;
            bottom: 0;
            margin-bottom: calc(0.625 * 0.05in);
            display: inline-flex;
            max-height: calc(0.625 * .25in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelFooter .sequenceNumber {
              padding-right: calc(0.625 * 0.5in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .vertical-bar {
          border-left: 2px solid black;
          height: calc(0.625 * 5.25in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 {
          display: inline-block; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 h2 {
            font-size: calc(0.625 * 10pt) !important;
            font-weight: bold; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 label, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 p {
            font-size: calc(0.625 * 9pt) !important;
            margin: 0; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .page-break {
            page-break-before: always;
            margin-top: calc(0.625 * 0.5in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelTextGroup .input-group {
            margin: 0 calc(0.625 * 0.08in) calc(0.625 * 0.10in) 0 !important;
            min-width: 43%;
            max-width: 100%; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelTextGroup .input-group:last-child {
              margin-right: 0px !important; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164:nth-child(odd) {
            padding-right: calc(0.625 * .15in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner {
            border: 1px dotted;
            border-radius: 10px;
            width: calc(0.625 * 4in);
            height: calc(0.625 * 3.33in);
            display: flex;
            flex-direction: column;
            position: relative; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelHeader {
              display: inline-flex;
              justify-content: space-between;
              height: calc(0.625 * 0.4in);
              margin: calc(0.625 * 0.05in) calc(0.625 * 0.1in) calc(0.625 * 0.05in) calc(0.625 * 0.04in);
              align-items: center; }
              .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelHeader .printLabelLogo {
                width: calc(0.625 * 1.75in);
                height: calc(0.625 * 0.5in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .barcode-wrapper {
              width: 100%;
              display: inline-flex;
              height: calc(0.625 * 0.4in); }
              .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .barcode-wrapper .barcode {
                display: block;
                margin: 0 auto calc(0.625 * 0.05in); } }
        @media screen {
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .barcode-wrapper .barcode {
            max-width: calc(0.625 * 3.8in); } }
      @media screen {
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .labelFields {
              display: inline-flex;
              flex-direction: row; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .leftLabelFields, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .rightLabelFields {
              font-size: 0;
              width: 49%;
              padding-left: calc(0.625 * 0.04in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .rightLabelFields {
              padding-right: calc(0.625 * 0.04in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelFooter {
              position: absolute;
              bottom: 0;
              margin: 0 calc(0.625 * 0.1in) calc(0.625 * 0.02in) calc(0.625 * 0.04in);
              display: inline-flex;
              max-height: calc(0.625 * .25in); }
              .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelFooter .sequenceNumber {
                padding-right: calc(0.625 * 0.3in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .vertical-bar {
            border-left: 2px solid black;
            height: calc(0.625 * 2.55in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 h2 {
          font-size: calc(0.625 * 12pt) !important;
          font-weight: bold; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 label, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 p {
          font-size: calc(0.625 * 9.9pt) !important;
          margin: 0; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .page-break {
          page-break-before: always;
          margin-top: calc(0.625 * 0.5in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelTextGroup .input-group {
          margin: 0 calc(0.625 * 0.08in) calc(0.625 * 0.10in) 0 !important;
          min-width: 43%;
          max-width: 100%; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelTextGroup .input-group:last-child {
            margin-right: 0px !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner {
          border: 1px dotted;
          border-radius: 10px;
          width: calc(0.625 * 6in);
          height: calc(0.625 * 4in);
          display: flex;
          flex-direction: column;
          padding: 0 calc(0.625 * 0.08in) 0 calc(0.625 * 0.08in);
          margin: 0 auto; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelHeader {
            display: inline-flex;
            justify-content: space-between;
            height: calc(0.625 * 0.65in);
            margin: calc(0.625 * 0.05in) calc(0.625 * 0.1in) calc(0.625 * 0.05in) calc(0.625 * 0.04in);
            align-items: center; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelHeader .printLabelLogo {
              width: calc(0.625 * 2.5125in);
              height: calc(0.625 * 0.7125in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper {
            width: 100%;
            display: inline-flex;
            height: calc(0.625 * 0.6in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper .barcode {
              display: block;
              margin: 0 auto calc(0.625 * 0.05in); } }
      @media screen {
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper .barcode {
          max-width: calc(0.625 * 3.8in); } }
      @media screen {
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .labelFields {
            display: inline-flex;
            flex-direction: row; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .leftLabelFields, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .rightLabelFields {
            font-size: 0;
            width: 49%;
            padding-left: calc(0.625 * 0.04in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .rightLabelFields {
            padding-right: calc(0.625 * 0.04in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelFooter {
            position: absolute;
            bottom: 0;
            margin: 0 calc(0.625 * 0.1in) calc(0.625 * 0.02in) calc(0.625 * 0.04in);
            display: inline-flex;
            max-height: calc(0.625 * .25in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelFooter .sequenceNumber {
              padding-right: calc(0.625 * 0.3in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .vertical-bar {
          border-left: 2px solid black;
          height: calc(0.625 * 2.95in); } }
      @media print {
        .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview {
          position: relative;
          border: 1px solid #cccccc;
          width: calc(1 * 8.5in);
          height: calc(1 * 11in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview .previewHeaderLabel {
            position: absolute;
            margin: calc(1 * 0.08in) 0 0 calc(1 * 0.08in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .labelPreview-wrapper {
          width: 100%; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup .no-wrap {
          white-space: nowrap !important;
          overflow: hidden !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup .allow-whitespace {
          white-space: pre-wrap;
          overflow-wrap: break-word;
          word-wrap: break-word;
          -ms-word-wrap: break-word; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printLabelTextGroup textarea {
          word-break: break-word; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-fullPage {
          position: relative;
          top: 25px; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-avery5164 {
          display: inline-block;
          width: calc(1 * 8.5in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabelsPage-continuous4x6 {
          position: relative;
          top: 100px; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage h2 {
          font-size: calc(1 * 20pt) !important;
          font: bold; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage label, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage p {
          margin: 0; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage label {
          font-size: calc(1 * 20pt) !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage p {
          font-size: calc(1 * 16pt) !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelTextGroup .input-group {
          margin: 0 calc(1 * 0.08in) calc(1 * 0.14in) 0 !important;
          min-width: 43%;
          max-width: 100%; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelTextGroup .input-group:last-child {
            margin-right: 0px !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner {
          border: 1px dotted;
          border-radius: 10px;
          width: calc(1 * 8in);
          height: calc(1 * 7in);
          display: flex;
          flex-direction: column;
          padding: 0 calc(1 * 0.2in) 0 calc(1 * 0.2in);
          margin: 0 auto; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelHeader {
            display: inline-flex;
            justify-content: space-between;
            margin: calc(1 * 0.15in) 0; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelHeader .printLabelLogo {
              width: calc(1 * 3.5in);
              height: calc(1 * 1in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .barcode-wrapper {
            width: 100%;
            display: inline-flex;
            height: calc(1 * 0.8in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .barcode-wrapper .barcode {
              display: block;
              margin: 0 auto calc(1 * 0.1in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .labelFields {
            display: inline-flex;
            flex-direction: row; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .leftLabelFields, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .rightLabelFields {
            width: 49%; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .rightLabelFields {
            padding-left: calc(1 * 0.2in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelFooter {
            position: absolute;
            bottom: 0;
            margin-bottom: calc(1 * 0.05in);
            display: inline-flex;
            max-height: calc(1 * .25in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .printLabelInner .printLabelFooter .sequenceNumber {
              padding-right: calc(1 * 0.5in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-fullPage .vertical-bar {
          border-left: 2px solid black;
          height: calc(1 * 5.25in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 {
          display: inline-block; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 h2 {
            font-size: calc(1 * 10pt) !important;
            font-weight: bold; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 label, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 p {
            font-size: calc(1 * 9pt) !important;
            margin: 0; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .page-break {
            page-break-before: always;
            margin-top: calc(1 * 0.5in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelTextGroup .input-group {
            margin: 0 calc(1 * 0.08in) calc(1 * 0.10in) 0 !important;
            min-width: 43%;
            max-width: 100%; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelTextGroup .input-group:last-child {
              margin-right: 0px !important; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164:nth-child(odd) {
            padding-right: calc(1 * .15in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner {
            border: 1px dotted;
            border-radius: 10px;
            width: calc(1 * 4in);
            height: calc(1 * 3.33in);
            display: flex;
            flex-direction: column;
            position: relative; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelHeader {
              display: inline-flex;
              justify-content: space-between;
              height: calc(1 * 0.4in);
              margin: calc(1 * 0.05in) calc(1 * 0.1in) calc(1 * 0.05in) calc(1 * 0.04in);
              align-items: center; }
              .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelHeader .printLabelLogo {
                width: calc(1 * 1.75in);
                height: calc(1 * 0.5in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .barcode-wrapper {
              width: 100%;
              display: inline-flex;
              height: calc(1 * 0.4in); }
              .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .barcode-wrapper .barcode {
                display: block;
                margin: 0 auto calc(1 * 0.05in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .labelFields {
              display: inline-flex;
              flex-direction: row; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .leftLabelFields, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .rightLabelFields {
              font-size: 0;
              width: 49%;
              padding-left: calc(1 * 0.04in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .rightLabelFields {
              padding-right: calc(1 * 0.04in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelFooter {
              position: absolute;
              bottom: 0;
              margin: 0 calc(1 * 0.1in) calc(1 * 0.02in) calc(1 * 0.04in);
              display: inline-flex;
              max-height: calc(1 * .25in); }
              .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .printLabelInner .printLabelFooter .sequenceNumber {
                padding-right: calc(1 * 0.3in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-avery5164 .vertical-bar {
            border-left: 2px solid black;
            height: calc(1 * 2.55in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 h2 {
          font-size: calc(1 * 12pt) !important;
          font-weight: bold; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 label, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 p {
          font-size: calc(1 * 9.9pt) !important;
          margin: 0; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .page-break {
          page-break-before: always;
          margin-top: calc(1 * 0.5in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelTextGroup .input-group {
          margin: 0 calc(1 * 0.08in) calc(1 * 0.10in) 0 !important;
          min-width: 43%;
          max-width: 100%; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelTextGroup .input-group:last-child {
            margin-right: 0px !important; }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner {
          border: 1px dotted;
          border-radius: 10px;
          width: calc(1 * 6in);
          height: calc(1 * 4in);
          display: flex;
          flex-direction: column;
          padding: 0 calc(1 * 0.08in) 0 calc(1 * 0.08in);
          margin: 0 auto; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelHeader {
            display: inline-flex;
            justify-content: space-between;
            height: calc(1 * 0.65in);
            margin: calc(1 * 0.05in) calc(1 * 0.1in) calc(1 * 0.05in) calc(1 * 0.04in);
            align-items: center; }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelHeader .printLabelLogo {
              width: calc(1 * 2.5125in);
              height: calc(1 * 0.7125in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper {
            width: 100%;
            display: inline-flex;
            height: calc(1 * 0.6in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper .barcode {
              display: block;
              margin: 0 auto calc(1 * 0.05in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .labelFields {
            display: inline-flex;
            flex-direction: row; }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .leftLabelFields, .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .rightLabelFields {
            font-size: 0;
            width: 49%;
            padding-left: calc(1 * 0.04in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .rightLabelFields {
            padding-right: calc(1 * 0.04in); }
          .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelFooter {
            position: absolute;
            bottom: 0;
            margin: 0 calc(1 * 0.1in) calc(1 * 0.02in) calc(1 * 0.04in);
            display: inline-flex;
            max-height: calc(1 * .25in); }
            .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .printLabelInner .printLabelFooter .sequenceNumber {
              padding-right: calc(1 * 0.3in); }
        .printShippingLabelsModal .shippingLabelDetails-preview .printingLabels-continuous4x6 .vertical-bar {
          border-left: 2px solid black;
          height: calc(1 * 2.95in); } }
      @media (min-width: 992px) {
        .printShippingLabelsModal .shippingLabelDetails-preview {
          width: 53%;
          min-width: 390px; } }
    .printShippingLabelsModal .shippingLabelDetails-action-largescreen {
      width: 100%;
      display: none; }
      @media (min-width: 992px) {
        .printShippingLabelsModal .shippingLabelDetails-action-largescreen {
          display: inline-flex; } }
    .printShippingLabelsModal .shippingLabelDetails-action-smallscreen {
      width: 100%;
      display: inline-flex;
      order: 3; }
      @media (min-width: 992px) {
        .printShippingLabelsModal .shippingLabelDetails-action-smallscreen {
          display: none; } }

.printLabelsToPdf {
  width: 8.5in;
  height: 11in; }
  .printLabelsToPdf .labelPreview {
    position: relative;
    border: 1px solid #cccccc;
    width: calc(1 * 8.5in);
    height: calc(1 * 11in); }
    @media screen and (max-width: 543px) {
      .printLabelsToPdf .labelPreview {
        width: 100%;
        height: calc(1 * 7.85in);
        overflow-x: scroll; } }
    .printLabelsToPdf .labelPreview .previewHeaderLabel {
      position: absolute;
      margin: calc(1 * 0.08in) 0 0 calc(1 * 0.08in); }
  .printLabelsToPdf .labelPreview-wrapper {
    width: 100%; }
  @media screen and (max-width: 543px) {
    .printLabelsToPdf .printLabelTextGroup .half-width {
      width: 46%; } }
  .printLabelsToPdf .printLabelTextGroup .no-wrap {
    white-space: nowrap !important;
    overflow: hidden !important; }
  .printLabelsToPdf .printLabelTextGroup .allow-whitespace {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word; }
  .printLabelsToPdf .printLabelTextGroup textarea {
    word-break: break-word; }
  .printLabelsToPdf .printingLabelsPage-fullPage {
    position: relative;
    top: 25px; }
    @media screen and (min-width: 544px) {
      .printLabelsToPdf .printingLabelsPage-fullPage {
        top: calc(1 * 2in); } }
  .printLabelsToPdf .printingLabelsPage-avery5164 {
    display: inline-block;
    width: calc(1 * 8.5in); }
    @media screen {
      .printLabelsToPdf .printingLabelsPage-avery5164 {
        position: relative;
        top: calc(1 * 0.5in);
        left: calc(1 * 0.156in); } }
  .printLabelsToPdf .printingLabelsPage-continuous4x6 {
    position: relative;
    top: 100px; }
    @media screen and (min-width: 544px) {
      .printLabelsToPdf .printingLabelsPage-continuous4x6 {
        top: calc(1 * 3.5in); } }
  .printLabelsToPdf .printingLabels-fullPage h2 {
    font-size: calc(1 * 20pt) !important;
    font: bold; }
  .printLabelsToPdf .printingLabels-fullPage label, .printLabelsToPdf .printingLabels-fullPage p {
    margin: 0; }
  .printLabelsToPdf .printingLabels-fullPage label {
    font-size: calc(1 * 20pt) !important; }
  .printLabelsToPdf .printingLabels-fullPage p {
    font-size: calc(1 * 16pt) !important; }
  .printLabelsToPdf .printingLabels-fullPage .printLabelTextGroup .input-group {
    margin: 0 calc(1 * 0.08in) calc(1 * 0.14in) 0 !important;
    min-width: 43%;
    max-width: 100%; }
    .printLabelsToPdf .printingLabels-fullPage .printLabelTextGroup .input-group:last-child {
      margin-right: 0px !important; }
  .printLabelsToPdf .printingLabels-fullPage .printLabelInner {
    border: 1px dotted;
    border-radius: 10px;
    width: calc(1 * 8in);
    height: calc(1 * 7in);
    display: flex;
    flex-direction: column;
    padding: 0 calc(1 * 0.2in) 0 calc(1 * 0.2in);
    margin: 0 auto; }
    .printLabelsToPdf .printingLabels-fullPage .printLabelInner .printLabelHeader {
      display: inline-flex;
      justify-content: space-between;
      margin: calc(1 * 0.15in) 0; }
      .printLabelsToPdf .printingLabels-fullPage .printLabelInner .printLabelHeader .printLabelLogo {
        width: calc(1 * 3.5in);
        height: calc(1 * 1in); }
    .printLabelsToPdf .printingLabels-fullPage .printLabelInner .barcode-wrapper {
      width: 100%;
      display: inline-flex;
      height: calc(1 * 0.8in); }
      .printLabelsToPdf .printingLabels-fullPage .printLabelInner .barcode-wrapper .barcode {
        display: block;
        margin: 0 auto calc(1 * 0.1in); }
        @media screen {
          .printLabelsToPdf .printingLabels-fullPage .printLabelInner .barcode-wrapper .barcode {
            max-width: calc(1 * 6.8in); } }
    .printLabelsToPdf .printingLabels-fullPage .printLabelInner .labelFields {
      display: inline-flex;
      flex-direction: row; }
    .printLabelsToPdf .printingLabels-fullPage .printLabelInner .leftLabelFields, .printLabelsToPdf .printingLabels-fullPage .printLabelInner .rightLabelFields {
      width: 49%; }
    .printLabelsToPdf .printingLabels-fullPage .printLabelInner .rightLabelFields {
      padding-left: calc(1 * 0.2in); }
    .printLabelsToPdf .printingLabels-fullPage .printLabelInner .printLabelFooter {
      position: absolute;
      bottom: 0;
      margin-bottom: calc(1 * 0.05in);
      display: inline-flex;
      max-height: calc(1 * .25in); }
      .printLabelsToPdf .printingLabels-fullPage .printLabelInner .printLabelFooter .sequenceNumber {
        padding-right: calc(1 * 0.5in); }
  .printLabelsToPdf .printingLabels-fullPage .vertical-bar {
    border-left: 2px solid black;
    height: calc(1 * 5.25in); }
  .printLabelsToPdf .printingLabels-avery5164 {
    display: inline-block; }
    .printLabelsToPdf .printingLabels-avery5164 h2 {
      font-size: calc(1 * 10pt) !important;
      font-weight: bold; }
    .printLabelsToPdf .printingLabels-avery5164 label, .printLabelsToPdf .printingLabels-avery5164 p {
      font-size: calc(1 * 9pt) !important;
      margin: 0; }
    .printLabelsToPdf .printingLabels-avery5164 .page-break {
      page-break-before: always;
      margin-top: calc(1 * 0.5in); }
    .printLabelsToPdf .printingLabels-avery5164 .printLabelTextGroup .input-group {
      margin: 0 calc(1 * 0.08in) calc(1 * 0.10in) 0 !important;
      min-width: 43%;
      max-width: 100%; }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelTextGroup .input-group:last-child {
        margin-right: 0px !important; }
    .printLabelsToPdf .printingLabels-avery5164:nth-child(odd) {
      padding-right: calc(1 * .15in); }
    .printLabelsToPdf .printingLabels-avery5164 .printLabelInner {
      border: 1px dotted;
      border-radius: 10px;
      width: calc(1 * 4in);
      height: calc(1 * 3.33in);
      display: flex;
      flex-direction: column;
      position: relative; }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .printLabelHeader {
        display: inline-flex;
        justify-content: space-between;
        height: calc(1 * 0.4in);
        margin: calc(1 * 0.05in) calc(1 * 0.1in) calc(1 * 0.05in) calc(1 * 0.04in);
        align-items: center; }
        .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .printLabelHeader .printLabelLogo {
          width: calc(1 * 1.75in);
          height: calc(1 * 0.5in); }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .barcode-wrapper {
        width: 100%;
        display: inline-flex;
        height: calc(1 * 0.4in); }
        .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .barcode-wrapper .barcode {
          display: block;
          margin: 0 auto calc(1 * 0.05in); }
          @media screen {
            .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .barcode-wrapper .barcode {
              max-width: calc(1 * 3.8in); } }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .labelFields {
        display: inline-flex;
        flex-direction: row; }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .leftLabelFields, .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .rightLabelFields {
        font-size: 0;
        width: 49%;
        padding-left: calc(1 * 0.04in); }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .rightLabelFields {
        padding-right: calc(1 * 0.04in); }
      .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .printLabelFooter {
        position: absolute;
        bottom: 0;
        margin: 0 calc(1 * 0.1in) calc(1 * 0.02in) calc(1 * 0.04in);
        display: inline-flex;
        max-height: calc(1 * .25in); }
        .printLabelsToPdf .printingLabels-avery5164 .printLabelInner .printLabelFooter .sequenceNumber {
          padding-right: calc(1 * 0.3in); }
    .printLabelsToPdf .printingLabels-avery5164 .vertical-bar {
      border-left: 2px solid black;
      height: calc(1 * 2.55in); }
  .printLabelsToPdf .printingLabels-continuous4x6 h2 {
    font-size: calc(1 * 12pt) !important;
    font-weight: bold; }
  .printLabelsToPdf .printingLabels-continuous4x6 label, .printLabelsToPdf .printingLabels-continuous4x6 p {
    font-size: calc(1 * 9.9pt) !important;
    margin: 0; }
  .printLabelsToPdf .printingLabels-continuous4x6 .page-break {
    page-break-before: always;
    margin-top: calc(1 * 0.5in); }
  .printLabelsToPdf .printingLabels-continuous4x6 .printLabelTextGroup .input-group {
    margin: 0 calc(1 * 0.08in) calc(1 * 0.10in) 0 !important;
    min-width: 43%;
    max-width: 100%; }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelTextGroup .input-group:last-child {
      margin-right: 0px !important; }
  .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner {
    border: 1px dotted;
    border-radius: 10px;
    width: calc(1 * 6in);
    height: calc(1 * 4in);
    display: flex;
    flex-direction: column;
    padding: 0 calc(1 * 0.08in) 0 calc(1 * 0.08in);
    margin: 0 auto; }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .printLabelHeader {
      display: inline-flex;
      justify-content: space-between;
      height: calc(1 * 0.65in);
      margin: calc(1 * 0.05in) calc(1 * 0.1in) calc(1 * 0.05in) calc(1 * 0.04in);
      align-items: center; }
      .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .printLabelHeader .printLabelLogo {
        width: calc(1 * 2.5125in);
        height: calc(1 * 0.7125in); }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper {
      width: 100%;
      display: inline-flex;
      height: calc(1 * 0.6in); }
      .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper .barcode {
        display: block;
        margin: 0 auto calc(1 * 0.05in); }
        @media screen {
          .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .barcode-wrapper .barcode {
            max-width: calc(1 * 3.8in); } }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .labelFields {
      display: inline-flex;
      flex-direction: row; }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .leftLabelFields, .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .rightLabelFields {
      font-size: 0;
      width: 49%;
      padding-left: calc(1 * 0.04in); }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .rightLabelFields {
      padding-right: calc(1 * 0.04in); }
    .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .printLabelFooter {
      position: absolute;
      bottom: 0;
      margin: 0 calc(1 * 0.1in) calc(1 * 0.02in) calc(1 * 0.04in);
      display: inline-flex;
      max-height: calc(1 * .25in); }
      .printLabelsToPdf .printingLabels-continuous4x6 .printLabelInner .printLabelFooter .sequenceNumber {
        padding-right: calc(1 * 0.3in); }
  .printLabelsToPdf .printingLabels-continuous4x6 .vertical-bar {
    border-left: 2px solid black;
    height: calc(1 * 2.95in); }

.iconButton {
  display: inline-flex;
  align-items: center; }
  .iconButton img {
    fill: #0093D0;
    margin: 0 10px 0 0; }
  .iconButton .iconButton-label {
    color: #0093D0;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

.iconButton .noClickIconButton-label {
  color: gray;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  cursor: pointer; }

@media screen and (min-width: 235px) {
  .saveAddressIconButton button {
    min-width: 215px; } }

.details-link {
  font-weight: bold;
  vertical-align: middle;
  line-height: 32px; }

#page-title {
  min-height: 50px;
  margin: 0 0 15px 0; }
  @media (min-width: 768px) {
    #page-title {
      margin: 0 0 30px 0; } }

.page-title-content {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.iconButton:focus {
  outline: none; }

.is-sticky {
  position: fixed;
  top: 0; }

.is-hidden {
  display: none !important; }

.is-block {
  display: block !important; }

.is-flex {
  display: flex !important; }

.is-expanded {
  transform: rotate(90deg); }

.is-centered {
  display: flex;
  flex-direction: column;
  align-items: center; }

.is-fullWidth {
  width: 100%; }

.white-space-no-wrap {
  white-space: nowrap; }

.horizontal-ul {
  list-style-type: none;
  display: flex; }
  .horizontal-ul button {
    padding: 10px; }
    .horizontal-ul button:hover {
      background-color: #EAEAEA; }
  .horizontal-ul .page-size-selected {
    background-color: #0093D0;
    color: white;
    font-weight: bold; }
    .horizontal-ul .page-size-selected:hover {
      background-color: #0093D0; }

.pageQtyMove {
  margin: 30px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }
  .pageQtyMove ul:first-child {
    justify-content: flex-start; }
  .pageQtyMove ul:last-child {
    justify-content: flex-end;
    margin-left: auto; }

.pagination-link {
  padding: 6px 4px !important; }
  @media (min-width: 400px) {
    .pagination-link {
      padding: 6px 6px !important; } }
  @media (min-width: 544px) {
    .pagination-link {
      padding: 6px 12px !important; } }

.tender-buttons {
  margin-top: 30px; }

@media (min-width: 768px) {
  .delete-confirm-buttons {
    margin-top: 30px; } }

.delete-confirmation {
  display: none;
  margin-top: 15px; }
  @media (min-width: 768px) {
    .delete-confirmation {
      display: block; } }

.delete-confirmation-small {
  display: block;
  height: 30px;
  line-height: 30px; }
  @media (min-width: 768px) {
    .delete-confirmation-small {
      display: none; } }

.ltlLoadDetails, .ftlLoadDetails {
  background-color: #FFFFFF;
  padding: 15px;
  margin: 2px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .ltlLoadDetails-map, .ltlLoadDetails-shipperInfo, .ltlLoadDetails-receiverInfo, .ftlLoadDetails-map, .ftlLoadDetails-shipperInfo, .ftlLoadDetails-receiverInfo {
    width: 100%;
    white-space: normal; }
    @media (min-width: 992px) {
      .ltlLoadDetails-map, .ltlLoadDetails-shipperInfo, .ltlLoadDetails-receiverInfo, .ftlLoadDetails-map, .ftlLoadDetails-shipperInfo, .ftlLoadDetails-receiverInfo {
        width: calc(50% - 15px); } }
  .ltlLoadDetails-shipperInfo, .ftlLoadDetails-shipperInfo {
    order: 2; }
    @media (min-width: 992px) {
      .ltlLoadDetails-shipperInfo, .ftlLoadDetails-shipperInfo {
        order: 3; } }
  .ltlLoadDetails-receiverInfo, .ftlLoadDetails-receiverInfo {
    order: 3; }
    @media (min-width: 992px) {
      .ltlLoadDetails-receiverInfo, .ftlLoadDetails-receiverInfo {
        order: 4; } }
  .ltlLoadDetails-summary, .ftlLoadDetails-summary {
    white-space: normal;
    width: 100%;
    margin: 0 0 15px 0;
    order: 1; }
    @media (min-width: 992px) {
      .ltlLoadDetails-summary, .ftlLoadDetails-summary {
        width: calc(50% - 15px);
        min-width: 258px;
        margin: 0 0 30px 0; } }
  .ltlLoadDetails-map, .ftlLoadDetails-map {
    position: relative;
    order: 4;
    margin: 0 0 15px 0; }
    @media (min-width: 992px) {
      .ltlLoadDetails-map, .ftlLoadDetails-map {
        margin: 0 0 30px 0;
        order: 2; } }
  .ltlLoadDetails-mapView, .ftlLoadDetails-mapView {
    width: 100%;
    height: 288px; }
  .ltlLoadDetails-trackingInfo, .ftlLoadDetails-trackingInfo {
    width: 100%;
    order: 5;
    margin-bottom: 30px; }

.activeMapDetailsModal {
  width: 1030px; }

.megaSearch {
  display: flex;
  flex-direction: column;
  margin: 0 0 15px 0; }
  @media (min-width: 544px) {
    .megaSearch {
      flex-direction: row;
      margin: 0 0 30px 0; } }
  .megaSearch input {
    height: 45px; }
    @media (max-width: 543px) {
      .megaSearch input {
        width: 100%;
        margin: 0 0 15px 0; } }

.guestCarrierSelectionMarginBottom {
  margin-bottom: 50px; }

.shipmentTracking {
  margin-bottom: 20px; }
  @media (max-width: 543px) {
    .shipmentTracking {
      margin-bottom: 5px; } }
  @media (min-width: 992px) {
    .shipmentTracking {
      display: flex;
      justify-content: space-between; } }

@media (min-width: 544px) {
  .shipmentTracking-shipmentInfo .actionGroup {
    display: none; } }

@media (min-width: 992px) {
  .shipmentTracking-shipmentInfo {
    width: calc(50% - 15px); } }

@media (min-width: 992px) {
  .shipmentTracking-mapContent {
    width: calc(50% - 15px); } }

@media (min-width: 544px) {
  .shipmentTrackingViewSelector {
    display: none; } }

.guestShipmentTrackingGrid {
  height: 123px; }
  @media (min-width: 992px) {
    .guestShipmentTrackingGrid {
      height: 190px; } }

.shipmentTrackingCard .input-group:last-child {
  margin: 0; }

@media (min-width: 544px) {
  .shipmentTrackingCard {
    display: none; } }

.shipmentTrackingMap {
  height: 300px;
  width: 100%;
  position: relative; }

.unAuthenticatedBanner {
  background-color: #003764;
  background-image: url("../img/Footer/UnauthFooterBackground_LeftImageBlended.jpg"), url("../img/Footer/UnauthFooterBackground_RightImage.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left, right;
  width: 100%;
  padding: 30px 0 0 0;
  z-index: -1; }
  @media (max-width: 835px) and (min-width: 586px) {
    .unAuthenticatedBanner {
      background-size: 50% 100%; } }
  @media (max-width: 585px) {
    .unAuthenticatedBanner {
      background-image: url("../img/Footer/UnauthFooterBackground_LeftImage.jpg");
      background-size: cover; } }
  @media (max-width: 543px) {
    .unAuthenticatedBanner {
      padding: 15px 0 0 0; } }
  .unAuthenticatedBanner .l-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column; }
  .unAuthenticatedBanner-header {
    width: 100%;
    margin: 0 auto 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 26px;
    color: white; }
  .unAuthenticatedBanner-body {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    @media (max-width: 991px) {
      .unAuthenticatedBanner-body {
        flex-direction: column; } }
  .unAuthenticatedBanner-message {
    color: white;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .unAuthenticatedBanner-message {
        font-size: 16px; } }
    @media (max-width: 991px) {
      .unAuthenticatedBanner-message {
        margin-right: 0; } }
    @media (max-width: 543px) {
      .unAuthenticatedBanner-message {
        margin-bottom: 15px; } }
  .unAuthenticatedBanner .actionGroup {
    flex-direction: row;
    justify-content: center;
    font-size: 0;
    flex-wrap: nowrap; }
    @media (max-width: 543px) {
      .unAuthenticatedBanner .actionGroup {
        flex-direction: column; } }
    .unAuthenticatedBanner .actionGroup button {
      height: 29px;
      width: 120px;
      min-width: 120px;
      margin-bottom: 30px;
      color: #003764;
      white-space: nowrap; }
      .unAuthenticatedBanner .actionGroup button:not(:last-child) {
        margin-right: 30px; }
      @media (max-width: 543px) {
        .unAuthenticatedBanner .actionGroup button {
          margin-bottom: 15px;
          width: 100%;
          height: 45px; } }

.unAuthenticatedBannerFixed {
  position: fixed !important;
  bottom: 0; }

.brokerInfo {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 6px -1px #000;
  padding-top: 30px;
  position: relative; }

.brokerServicesWrapper {
  display: inline-block;
  min-width: 283px;
  margin-left: 0.5%; }

.brokerServices {
  background-color: white;
  box-shadow: 0px 0px 6px -1px #000;
  padding: 30px 30px;
  min-height: 264px;
  position: relative; }

.brokerContactImage {
  background-color: transparent;
  width: 20%;
  position: absolute; }

.brokerContactImage img {
  border-radius: 50%; }

.exceedExpectationsText {
  position: absolute; }

.exceedExpectationsText p {
  font-size: 14px;
  font-style: italic; }

.contactBrokerFields {
  width: 100%;
  text-align: left;
  position: absolute; }

.contactRepBlockHeader,
.contactBrokerEmail {
  padding-bottom: 8px;
  margin-left: -2px;
  text-align: left; }

.contactField {
  margin-bottom: 0px !important;
  padding-bottom: 20px !important; }

.brokerServicesTitle {
  display: inline-block; }

.brokerServicesSubtitle {
  float: right;
  font-style: italic;
  padding-left: 10px;
  display: inline-block; }

.brokerServiceListLeft {
  width: 50%;
  float: left; }

.brokerServiceListRight {
  width: 50%;
  float: right; }

@media (min-width: 0px) {
  .brokerInfo {
    max-width: 390px;
    min-height: 580px; }
  .brokerServicesWrapper {
    max-width: 100%; }
  .contactRepWrapper {
    text-align: center;
    padding: 30px 0px; }
  .brokerContactImage {
    margin-left: 5%; }
  .exceedExpectationsText {
    padding: 450px 30px 15px 30px; }
  .contactBrokerFields {
    padding: 0px 30px 15px 150px; }
  .contactRepLineBreak {
    display: block; } }

@media (min-width: 582px) {
  .brokerInfo {
    max-width: 80%;
    min-height: 400px; }
  .brokerServicesWrapper {
    width: 450px;
    max-width: 75%; }
  .contactRepWrapper {
    text-align: center;
    padding: 50px 0px 30px 0px; }
  .brokerContactImage {
    margin-left: 2%; }
  .exceedExpectationsText {
    padding: 275px 30px 15px 30px; }
  .contactBrokerFields {
    padding: 0px 30px 15px 199px; } }

@media (min-width: 683px) {
  .brokerInfo {
    max-width: 80%;
    min-height: 320px; }
  .exceedExpectationsText {
    padding: 205px 30px 15px 30px; } }

@media (min-width: 1255px) {
  .brokerInfo {
    min-width: 530px;
    max-width: 67%;
    min-height: 264px; }
  .brokerServicesWrapper {
    max-width: 32.2%;
    width: 100%; }
  .contactRepWrapper {
    text-align: left;
    padding: 50px 0px 30px 0px; }
  .brokerContactImage {
    margin-left: 8%; }
  .exceedExpectationsText {
    padding: 157px 30px 15px 30px; }
  .contactRepLineBreak {
    display: none; } }