html, body {
  font-size: 14px;
  color: #444;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  html .white, body .white {
    background: #fff; }
  html .grey, body .grey {
    background: #eee; }

.main-view {
  height: auto; }

[ng-click] {
  outline: none; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #0079D0; }
  a.btn.md-button {
    display: inline-block; }

.primaryColor {
  color: #29c3c9; }

pre {
  white-space: normal; }

.grey-color {
  color: #888; }

.green-color {
  color: #5ea516; }

.red-color {
  color: #a54016; }

.orange-color {
  color: #f58000; }

md-toolbar.light-grey-toolbar {
  background: #152a40;
  border-bottom: 2px #29c3c9;
  color: #aaa; }
  md-toolbar.light-grey-toolbar .md-button:not(.md-raised) {
    color: #fff; }

.main-menu > .md-button {
  margin-top: 27px;
  line-height: 14px; }
  .main-menu > .md-button:hover, .main-menu > .md-button.active {
    background: none;
    border-bottom: 3px solid #29c3c9; }

md-switch {
  margin: 11px; }

.md-button {
  padding: 0 10px; }

.md-button.less-min-width {
  min-width: 40px; }

.md-button.no-margin {
  margin: 0 !important; }

.md-button.unstyled {
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0 !important;
  height: auto;
  width: auto;
  line-height: inherit; }

.clickable {
  cursor: pointer; }

.hover-highlight:hover {
  background-color: #FFFFEF; }

.table-cell-info {
  margin-left: 25px;
  margin-top: 10px; }
  .table-cell-info textarea {
    font-weight: bold; }

.padd-a-bit {
  padding: 4px 0; }

.sink-30 {
  margin-top: 25px;
  margin-bottom: -30px; }

.highlight {
  font-weight: bold; }

.comments-section {
  margin: 0 -16px;
  padding: 0 16px;
  padding-bottom: 10px;
  background: #FBFFEF;
  border-top: 2px dashed #ddd;
  border-bottom: 2px dashed #ddd; }

.comments-white .comments-section {
  background: #FFF;
  border: none; }

.light-pale-bg {
  background: #FBFFEF; }

.light-green-bg {
  background: #fafdf6; }

.green {
  color: #95D055; }

.item-header-info {
  line-height: 50px;
  margin: 0 10px; }

.is-hot td:first-child {
  border-left: 4px solid #e2e224; }
.is-hot .md-bar {
  background: #e2e224 !important; }

.is-pricing td:first-child {
  border-left: 4px solid #b0e4b4; }
.is-pricing .md-bar {
  background: #b0e4b4 !important; }

.edit-company .legend, .edit-company .legend-edit, .edit-shipments .legend, .edit-shipments .legend-edit {
  opacity: 0.4;
  text-transform: uppercase;
  margin-top: 5px; }
.edit-company .legend-edit, .edit-shipments .legend-edit {
  text-transform: none;
  color: #0079D0;
  font-weight: bold; }

.feedback-section {
  height: 80px; }
  .feedback-section .label-align {
    margin-top: 30px; }
  .feedback-section .actions-align {
    margin-top: 25px; }
  .feedback-section .delete-icon {
    color: #d9534f; }

.history {
  margin-top: 5px; }
  .history li {
    list-style: none;
    margin-top: 0;
    margin-bottom: 10px; }
    .history li small {
      margin-right: 10px;
      opacity: 0.7; }
    .history li a {
      color: #29c3c9; }

md-autocomplete-parent-scope .highlight {
  color: green !important; }

div.pull-up-one-row {
  margin-top: -78px; }

md-input-container.pull-up {
  margin-top: 13px; }

md-select.option-width {
  min-width: 150px; }

.menu-separator {
  border-top: 1px solid #ddd; }

.md-danger {
  color: red; }

.heighted-textarea {
  min-height: 100px !important; }

hr.full-width {
  width: 100%; }
hr.full-inside-card {
  margin: 0 -16px; }
hr.gray {
  border: 2px solid #ddd; }
hr.dashed {
  border: 2px dashed #ddd; }

.expand-to-card {
  margin: -16px;
  padding: 16px;
  box-sizing: border-box; }

.attached-rates md-tabs md-tab-item {
  padding: 12px 0px;
  margin-right: 32px; }

.show-readonly, .field-title, .field-value {
  display: none; }

md-table-container.rates-table .md-errors-spacer {
  display: none; }

md-datepicker.improved {
  margin-top: 26px !important;
  display: block !important;
  margin-right: 0 !important; }
  md-datepicker.improved .md-datepicker-button {
    display: none !important; }
  md-datepicker.improved .md-datepicker-input-container {
    width: 100%; }
    md-datepicker.improved .md-datepicker-input-container .md-datepicker-input {
      width: 100%;
      max-width: none; }

md-datepicker.popup-picker {
  margin-top: 10px !important;
  display: block !important;
  margin-right: 0 !important; }
  md-datepicker.popup-picker .md-datepicker-button {
    display: none !important; }
  md-datepicker.popup-picker .md-datepicker-input-container {
    width: 100%; }
    md-datepicker.popup-picker .md-datepicker-input-container .md-datepicker-input {
      width: 100%;
      max-width: none; }

.popup-md-selecter md-select-value * {
  display: -webkit-inline-box; }

md-datepicker.adv-search-align .md-datepicker-input-container {
  padding-bottom: 0 !important; }

md-datepicker.step-date-picker {
  opacity: 0; }
  md-datepicker.step-date-picker .md-datepicker-input-container {
    visibility: hidden;
    margin-left: -12px; }
    md-datepicker.step-date-picker .md-datepicker-input-container .md-datepicker-input {
      display: none; }
    md-datepicker.step-date-picker .md-datepicker-input-container .md-datepicker-triangle-button {
      display: none; }
  md-datepicker.step-date-picker .md-datepicker-button {
    display: none; }

.edit-shipments form md-card {
  /*background: #FFFFEF;
      &.readonly {
        background: #fff;
      }*/ }

.readonly .show-readonly, .readonly .field-title, .readonly .field-value {
  display: block; }
.readonly .hide-readonly {
  display: none; }
.readonly md-select .md-select-icon {
  display: none; }
.readonly md-select .md-select-value {
  border-bottom: none; }
.readonly md-input-container:not(.avoid-readonly-styles) {
  margin-bottom: 0;
  padding-bottom: 0; }
  .readonly md-input-container:not(.avoid-readonly-styles) .md-input {
    border-bottom: none; }
  @media (max-width: 959px) {
    .readonly md-input-container:not(.avoid-readonly-styles) {
      margin-top: 0; } }
  @media (min-width: 960px) {
    .readonly md-input-container:not(.avoid-readonly-styles) {
      display: flex; }
      .readonly md-input-container:not(.avoid-readonly-styles) .md-errors-spacer {
        display: none; }
      .readonly md-input-container:not(.avoid-readonly-styles) .field-title {
        max-width: 132px;
        max-height: 100%;
        box-sizing: border-box;
        flex: 1 1 38%;
        padding-top: 2px; } }
  .readonly md-input-container:not(.avoid-readonly-styles) label {
    display: none; }

.readonly-experimental .hide-readonly {
  display: none; }
.readonly-experimental .show-readonly {
  display: block; }
@media (min-width: 960px) {
  .readonly-experimental md-autocomplete md-input-container {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0; }
    .readonly-experimental md-autocomplete md-input-container label {
      max-width: 30%;
      max-height: 100%;
      box-sizing: border-box;
      flex: 1 1 30%; }
    .readonly-experimental md-autocomplete md-input-container input {
      max-width: 70%;
      max-height: 100%;
      box-sizing: border-box;
      flex: 1 1 70%; } }
.readonly-experimental md-input-container {
  margin-bottom: 0; }
  .readonly-experimental md-input-container .md-input {
    padding: 0;
    margin: 0;
    height: auto;
    line-height: normal;
    display: inline-block;
    min-height: 5px;
    height: 26px;
    border-bottom: 0; }
  .readonly-experimental md-input-container label {
    margin-right: 20px;
    transform: none !important;
    position: relative !important;
    display: inline-block;
    height: 26px;
    top: auto;
    left: auto !important;
    padding: 0 !important;
    transition: initial;
    bottom: auto !important;
    right: auto !important;
    vertical-align: bottom;
    line-height: 25px; }

/** ====== General typo BEGIN ====== */
.flip-vertical {
  transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1); }

.space-out-y {
  margin: 10px 0; }

.meh {
  text-align: center;
  opacity: 0.5; }
  .meh span.fa {
    font-size: 200px; }

.normal-caps {
  text-transform: none; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.left-padd {
  padding-left: 15px; }

.fa-left-padd {
  padding-left: 7px; }

.unspaced-headings h1, .unspaced-headings h2, .unspaced-headings h3, .unspaced-headings h4, .unspaced-headings p {
  margin-bottom: 0;
  margin-top: 0; }

.aw-full-area {
  margin: -16px; }

md-content.md-default-theme {
  background-color: #eee; }

md-card {
  background-color: #fff; }
  md-card h2:first-of-type {
    margin-top: 0; }

md-content.white {
  background-color: #fff; }

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

.right-text {
  text-align: right; }

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

.center-text-imp {
  text-align: center !important; }

.md-dialog-fullscreen {
  height: 90%;
  max-height: 90%; }
  .md-dialog-fullscreen md-dialog-content {
    max-height: 100%;
    height: 100%; }

h2 {
  font-weight: 400; }

p {
  line-height: 1.846;
  margin: 0 0 3px; }

.no-wrap {
  white-space: nowrap; }

.auto-line-height {
  line-height: inherit; }

.left-border {
  border-left: 1px solid #ddd; }

.breathing-space {
  margin: 20px 0; }

.color-bg {
  background-color: #77AAB3;
  color: #fff; }
  .color-bg input {
    color: #fff !important; }
  .color-bg label {
    color: #fff !important; }

md-list .md-button {
  color: inherit;
  font-weight: 500;
  text-align: left;
  width: 100%; }

md-list-item, md-list-item.md-no-proxy {
  padding: 0; }

ul.unstyled {
  padding: 0;
  list-style: none; }

.md-button.no-case {
  text-transform: none; }
.md-button.no-bold {
  font-weight: normal; }
.md-button.text-left {
  text-align: left; }
.md-button.inside-menu-item {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px; }
.md-button.size-2 {
  padding-top: 5px;
  padding-bottom: 5px; }
.md-button.stuck {
  margin-left: 0;
  margin-right: 0; }
.md-button.full-width {
  width: 100%;
  margin: 0 !important; }

.no-margin {
  margin-bottom: 0;
  padding-bottom: 0; }

.no-true-margin {
  margin: 0; }

.no-true-padding {
  padding: 0; }

.no-margin-all {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0; }

.circular-image, .user-listing .face, .notifications .face, .search-results .face, .user-profile .user-profile-details .user-profile-following .face, .post-listing .face, .user-profile .user-profile-info .face {
  border-radius: 99%;
  width: 48px;
  height: 48px;
  margin: 16px;
  background-size: cover; }

.small, .notifications .face, .post-listing .single-post .aw-comments .face {
  width: 24px;
  height: 24px; }

.mute, .readonly md-input-container:not(.avoid-readonly-styles) .field-title, .stream-purpose md-input-container input, .post-listing small {
  opacity: 0.4; }
  .mute.opaque, .readonly md-input-container:not(.avoid-readonly-styles) .opaque.field-title, .stream-purpose md-input-container input.opaque, .post-listing small.opaque {
    opacity: 1; }

.muter {
  opacity: 0.2; }
  .muter.opaque {
    opacity: 1; }

.text-list li {
  margin: 7px 0; }

.generic-border {
  border: 1px solid #ccc; }

.dashed-box, .generic-box, .solid-box {
  border: 2px dashed #ddd;
  padding: 10px; }
  .dashed-box.no-padding, .generic-box.no-padding, .solid-box.no-padding {
    padding: 0; }
  .dashed-box.generic-box, .generic-box.generic-box, .solid-box.generic-box {
    border: none; }
  .dashed-box.solid-box, .generic-box.solid-box, .solid-box.solid-box {
    border: 1px solid #ddd; }
  .dashed-box h1, .dashed-box h2, .dashed-box h3, .dashed-box h4, .dashed-box h5, .generic-box h1, .generic-box h2, .generic-box h3, .generic-box h4, .generic-box h5, .solid-box h1, .solid-box h2, .solid-box h3, .solid-box h4, .solid-box h5 {
    margin-top: 0; }
  .dashed-box.nv-file-over, .generic-box.nv-file-over, .solid-box.nv-file-over {
    border-color: #ff4444; }
  .dashed-box .upload-new, .generic-box .upload-new, .solid-box .upload-new {
    margin-bottom: 10px; }
  .dashed-box .single-item, .generic-box .single-item, .solid-box .single-item {
    margin-top: 30px; }
  .dashed-box .single-item-small, .generic-box .single-item-small, .solid-box .single-item-small {
    margin-top: 10px; }
  .dashed-box .file-name, .generic-box .file-name, .solid-box .file-name {
    background: #eee;
    padding: 20px;
    border-radius: 10px;
    margin-right: 10px; }

.fa-spin {
  -webkit-animation: fa-spin 0.5s infinite linear !important;
  -o-animation: fa-spin 0.5s infinite linear !important;
  animation: fa-spin 0.5s infinite linear !important; }

.fa-square-green {
  padding: 1px;
  background: #95D055;
  color: #fff; }

.tiny {
  font-size: 80%; }
  .tiny.fa {
    font-size: 70%; }

.adjust {
  line-height: 41px; }

.clickable {
  cursor: pointer; }

.slight-padding {
  padding: 0 8px;
  margin: 0; }

/** ====== General typo END ====== */
/** ====== Users BEGIN ====== */
.notification-count span {
  font-size: 12px;
  background: #CB5757;
  padding: 3px 5px;
  margin-left: -13px;
  border-radius: 99%; }

.notifications {
  background-color: #fff;
  position: absolute;
  z-index: 2;
  margin-top: 0;
  top: 64px;
  right: 0; }
  .notifications .face {
    margin: 4px 10px; }
  .notifications .item button, .notifications .item a {
    padding: 16px 8px;
    margin: 0; }
    .notifications .item button p, .notifications .item a p {
      max-width: 240px !important;
      font-size: 14px !important; }
    .notifications .item button p, .notifications .item button span, .notifications .item a p, .notifications .item a span {
      display: block;
      color: #444;
      white-space: normal;
      font-size: 100% !important;
      line-height: normal; }
  .notifications .title-item {
    text-align: center; }

.user-listing .md-button, .notifications .md-button, .search-results .md-button, .user-profile .user-profile-details .user-profile-following .md-button {
  display: block;
  text-transform: none; }

.stream-purpose {
  /*background: #f7f7f7;*/
  padding: 8px;
  margin-top: 0; }
  .stream-purpose md-input-container {
    margin-bottom: 0;
    padding-bottom: 0; }
    .stream-purpose md-input-container input {
      text-align: right;
      width: 100%;
      border: none;
      font-style: italic; }

.search-results {
  position: absolute;
  z-index: 1;
  margin-top: -26px;
  /*width: 234px;*/ }

.mentions-results {
  position: absolute;
  margin-top: 0px; }

.button-listing .md-button h3 {
  line-height: 16px;
  font-size: 14px;
  margin-top: 13px;
  text-transform: uppercase; }
.button-listing .md-button p {
  line-height: 14px;
  font-size: 12px;
  margin-top: 5px;
  color: #B0BEC5; }

.post-writer {
  margin-bottom: 20px; }

.post-listing {
  font-weight: normal; }
  .post-listing .face {
    background-color: #eee;
    background-size: cover;
    width: 64px;
    height: 64px;
    margin-left: 0; }
  .post-listing .post-actions {
    padding: 0 6px; }
  .post-listing .single-post {
    align-items: initial;
    -webkit-align-items: initial; }
    .post-listing .single-post.root-post {
      margin-bottom: 10px; }
    .post-listing .single-post .aw-person-name {
      margin: 0; }
    .post-listing .single-post .aw-post-content {
      padding-top: 0; }
    .post-listing .single-post .aw-item-content {
      margin: 9px 0; }
    .post-listing .single-post p {
      margin: 0 0 3px; }
    .post-listing .single-post .aw-comments {
      margin-top: 10px; }
      .post-listing .single-post .aw-comments .face {
        margin-right: 8px; }
  .post-listing p {
    padding: 6px;
    font-size: 100%; }
  .post-listing small {
    padding: 6px; }
  .post-listing .feed-spacer {
    background: #eee;
    padding: 4px;
    text-align: center;
    color: #aaa;
    text-transform: uppercase;
    font-size: 11px;
    margin: 15px 0; }

.activities-listing p {
  margin: 5px 0; }
.activities-listing strong {
  text-transform: uppercase; }

.user-profile .user-profile-info {
  padding: 30px; }
  .user-profile .user-profile-info .profile-buttons {
    margin-top: 10px; }
  .user-profile .user-profile-info .face {
    width: 128px;
    height: 128px; }
  .user-profile .user-profile-info .user-details {
    margin-top: 14px; }
  .user-profile .user-profile-info .status {
    color: #bbb; }
    .user-profile .user-profile-info .status.online {
      color: #95D055; }
.user-profile .user-profile-details {
  margin-top: -9px; }
  .user-profile .user-profile-details md-tabs-wrapper {
    margin-left: 8px;
    margin-right: 8px; }
  .user-profile .user-profile-details .no-margin-top {
    margin-top: 0; }
  .user-profile .user-profile-details .customized-tab {
    padding: 8px;
    margin-top: -8px; }
    .user-profile .user-profile-details .customized-tab md-card {
      margin: 0; }

.user-profile-btn img {
  background-position: middle center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 24px;
  height: 24px; }

/** ====== Users END ====== */
/** ====== Misc BEGIN ====== */
#loading-bar-spinner {
  top: 68px !important;
  left: 10px !important;
  z-index: 10000; }
  @media (max-width: 768px) {
    #loading-bar-spinner {
      top: 60px !important;
      left: 10px !important; } }

#loading-bar-spinner .spinner-icon {
  border-top-color: green !important;
  border-left-color: blue !important;
  opacity: 0.5; }

#loading-bar .bar {
  background-color: #2c3e50 !important;
  height: 5px !important;
  bottom: 0 !important;
  top: auto !important; }

.increase-width {
  -webkit-animation-name: increase-width;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: increase-width;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out; }

@-webkit-keyframes increase-width {
  from {
    width: 0; }

  65% {
    width: 50%; }

  to {
    width: 100%; } }

@-moz-keyframes increase-width {
  from {
    width: 0; }

  65% {
    width: 50%; }

  to {
    width: 100%; } }

@-webkit-keyframes change-loading-messages {
  from {
    content: 'Spyglass is booting up...'; }

  25% {
    content: 'Spyglass is booting up...'; }

  60% {
    content: 'Loading resources...'; }

  to {
    content: 'Preparing UX...'; } }

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #152a40;
  z-index: 1000;
  font-family: 'Arial'; }
  .preloader .preloader-content {
    margin-top: 200px;
    font-size: 15px;
    text-align: center;
    color: #999; }
    .preloader .preloader-content h1, .preloader .preloader-content p {
      margin: 0;
      padding: 0;
      font-weight: normal; }
    .preloader .preloader-content .status-messages {
      margin-top: 10px; }
      .preloader .preloader-content .status-messages:after {
        content: 'Booting up...';
        -webkit-animation-name: change-loading-messages;
        -webkit-animation-duration: 6s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: change-loading-messages;
        -moz-animation-duration: 6s;
        -moz-animation-iteration-count: infinite; }
    .preloader .preloader-content .preloader-progress {
      position: relative;
      width: 140px;
      margin: 2px 0;
      left: 50%;
      margin-left: -70px;
      background: #ccc;
      height: 5px; }
      .preloader .preloader-content .preloader-progress .preloader-progress-loaded {
        background: #29c3c9;
        width: 40px;
        height: 5px; }

/** ====== Misc END ====== */
/** All view animations */
.main-view {
  transition: all linear 0.1s;
  -webkit-transition: all linear 0.1s;
  -moz-transition: all linear 0.1s;
  -ms-transition: all linear 0.1s; }

.main-view.ng-enter {
  -webkit-transform: translate3d(0, 1%, 0);
  -moz-transform: translate3d(0, 1%, 0);
  -ms-transform: translate3d(0, 1%, 0);
  transform: translate3d(0, 1%, 0);
  opacity: 0; }

/** ================== THEMING ===================== */
md-autocomplete[md-floating-label] md-input-container {
  padding-bottom: 0; }

.md-padding {
  padding: 24px; }

.md-admin-padding {
  padding: 16px; }

.md-less-padding {
  padding: 10px; }

md-toolbar.md-default-theme {
  background-color: #494749; }

md-dialog md-dialog-content {
  padding: 0; }
md-dialog .md-subheader {
  background: #29c3c9;
  margin: 0;
  color: #fff;
  text-transform: uppercase; }

.tab-group {
  border-bottom: 1px solid #eaeaea;
  overflow: hidden; }
  .tab-group .md-button {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 !important;
    border-radius: 0px !important; }
    .tab-group .md-button:last-child {
      border-right: none; }
    .tab-group .md-button:first-child {
      border-left: none; }
    .tab-group .md-button.selected, .tab-group .md-button:hover {
      border-bottom: 2px solid #29c3c9;
      background: #fff !important; }

.top-tabs {
  margin: 0 20px 0 0;
  margin-top: 8px; }

.notice {
  padding: 10px 15px;
  background: #e2f2f7;
  border-radius: 4px; }

.red-notice {
  padding: 10px 15px;
  background: #f7e2e2;
  border-radius: 4px; }

.next-to-input-containers {
  margin-top: 28px; }

/** ================ MD TABLE ==================== */
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 30px 0 0 !important; }

table.spaced-table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.spaced-table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 56px 0 0 !important; }

table.vertically-spacious.md-table td.md-cell {
  padding: 15px 24px !important; }

table.vertically-spacious.md-table td.md-cell:last-child, table.vertically-spacious.md-table td.md-cell:first-child, table.vertically-spacious.md-table th.md-column:last-child {
  padding-left: 0 !important; }

table.md-table .md-cell .md-button {
  margin-left: -6px; }

table.vertically-spacious.md-table td.md-cell.align-top, table.vertically-spacious.md-table td.md-cell.align-top:nth-child(n+2):nth-last-child(n+2) {
  vertical-align: top;
  padding-top: 16px !important; }

table.vertically-spacious.md-table tbody.freight-listing tr td.md-cell {
  border: none !important;
  padding-bottom: 0 !important; }
  table.vertically-spacious.md-table tbody.freight-listing tr td.md-cell md-switch {
    margin: 0; }

table.vertically-spacious.md-table tbody.freight-listing tr:nth-child(1) td.md-cell, table.vertically-spacious.md-table tbody.freight-listing tr:nth-child(2) td.md-cell {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-top: 1px rgba(0, 0, 0, 0.12) solid !important; }

td.top-align {
  vertical-align: top; }

.disabled-row .hide-when-disabled {
  display: none; }

/* COMMON styles */
form.ng-submitted md-select.ng-invalid {
  border-bottom: 1px solid red; }

.row-wrap {
  flex-flow: wrap;
  -moz-flex-flow: wrap; }

.mce-edit-area iframe {
  min-height: 400px; }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .mobile-table {
    border: none;
    /* Force table to not be like tables anymore */ }
    .mobile-table table, .mobile-table thead, .mobile-table tbody, .mobile-table th, .mobile-table td, .mobile-table tr {
      display: block;
      border: none; }
    .mobile-table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
      /*display: none;*/ }
    .mobile-table tr {
      border: 1px rgba(0, 0, 0, 0.12) solid !important;
      height: auto !important;
      margin-bottom: 16px; }
    .mobile-table td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #fafafa;
      position: relative;
      padding-left: 50%; }
    .mobile-table table.md-table:not(.md-row-select) td.md-cell.padd-mobile {
      padding: 10px !important; }
    .mobile-table span.mobile-label {
      display: inline-block;
      padding: 10px;
      margin: -10px;
      background: #f4f4f4;
      margin-right: 8px;
      width: 30%; } }

form[name="enquiryForm"] {
  display: block; }

form[name="enquiry1Form"] {
  display: block; }

.full-screen-modal {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  border-radius: 0; }

.action-link {
  color: #77AAB3;
  padding: 3px 4px;
  background: #f0f0f0;
  box-sizing: border-box;
  min-width: 22px;
  text-align: center;
  display: inline-block;
  margin: 0 1px; }

.past-rate-checkbox {
  margin-right: 11px !important;
  margin-bottom: 0px !important; }

.past-rate-checkbox-label {
  margin-top: 7px !important; }

.sample-show-hide {
  transition: all linear 0.5s; }

.sample-show-hide.ng-hide {
  opacity: 0; }

.content-area {
  border-radius: 1px;
  padding: 10px 0; }
  .content-area .search-tip {
    font-size: 16px;
    font-weight: 500; }

.advancedSearchAnchor {
  margin-top: 17px !important;
  margin-left: 30px;
  padding-right: 10px;
  padding-left: 6px;
  color: #29c3c9; }

.pad-right-25 {
  padding-right: 25px !important; }

.margin-top-22 {
  margin-top: 22px; }

.margin-top--23 {
  margin-top: -23px !important; }

.margin-bot-30 {
  margin-bottom: -30px; }

.margin-left-12 {
  margin-left: 12px; }

.download-border-top-pad {
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
  padding: 18px; }

.margin-bot-8 {
  margin-bottom: -8px; }

.mobile-menu-text-left {
  width: 100%;
  text-align: left; }

.limited-width {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

.w120 {
  max-width: 120px; }

.w80 {
  max-width: 80px; }

.w45 {
  max-width: 45px; }

.w85 {
  max-width: 85px; }

.mb20 {
  margin-bottom: 20px; }

.mt20 {
  margin-top: 20px; }

.mt-autocomplete-rectifier {
  margin-top: 22px; }

.mb0 {
  margin-bottom: 0px; }

.mr10 {
  margin-right: 10px !important; }

input.invisibly-styled {
  outline: none;
  min-width: 0;
  width: auto;
  background: transparent;
  border: none; }

.block {
  display: block; }

.underlined {
  text-decoration: underline; }

.underlined-input {
  min-height: 25px;
  box-sizing: border-box; }
  .underlined-input.md-table-select > .md-select-value {
    border-bottom: 1px solid #ccc !important; }
  .underlined-input.invisibly-styled {
    border-bottom: 1px solid #ccc !important; }
  .underlined-input md-autocomplete-wrap {
    box-shadow: none; }
    .underlined-input md-autocomplete-wrap input {
      line-height: 25px;
      height: auto;
      padding: 0;
      border-bottom: 1px solid #ccc !important; }
    .underlined-input md-autocomplete-wrap button {
      display: none; }

.lh-36 {
  line-height: 36px; }

.hide-md-errors-spacer .md-errors-spacer {
  display: none; }

.column-based table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), .column-based table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 30px 0 30px !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd; }
.column-based table.md-table:not(.md-row-select) td.md-cell:first-child, .column-based table.md-table:not(.md-row-select) th.md-column:first-child {
  border-right: 1px solid #ddd; }
.column-based table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  /*border-right: none;
    border-left: none;*/ }
.column-based table.md-table td.md-cell:last-child, .column-based table.md-table th.md-column:last-child {
  padding: 0 24px 0 30px; }
.column-based.center-text .md-column, .column-based.center-text .md-cell {
  text-align: center; }

.no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0; }

.break-md-content {
  margin: -24px; }

.mt2 {
  margin-top: 2px; }

.border-box {
  background: #fbfbfb;
  padding: 10px;
  border: 1px solid #eee; }
  .border-box > h1, .border-box > h2, .border-box > h3, .border-box > h4 {
    margin-top: 0; }
  .border-box .align-with-table {
    margin-bottom: -38px; }
  .border-box md-table-container {
    margin-bottom: 25px; }

.page-template-sidenav .page-sidenav {
  max-width: 200px;
  margin-top: 3px;
  background: #fafafa;
  padding-top: 15px; }
  .page-template-sidenav .page-sidenav h3 {
    padding: 0 24px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 80%; }
  .page-template-sidenav .page-sidenav ul.page-menu {
    margin-top: 10px;
    list-style: none;
    padding-left: 0; }
    .page-template-sidenav .page-sidenav ul.page-menu li {
      overflow: auto;
      padding: 0; }
      .page-template-sidenav .page-sidenav ul.page-menu li a {
        transition: all linear 0.1s;
        display: block;
        padding: 2px 24px;
        margin: 7px 0;
        color: #333; }
        .page-template-sidenav .page-sidenav ul.page-menu li a .fa {
          display: inline-block;
          width: 16px;
          margin-right: 2px; }
        .page-template-sidenav .page-sidenav ul.page-menu li a:hover, .page-template-sidenav .page-sidenav ul.page-menu li a.active {
          color: #29c3c9;
          border-right: 3px solid #29c3c9; }
.page-template-sidenav .admin-sidenav-offset {
  margin-top: 6px; }
.page-template-sidenav .page-content {
  margin-top: 3px; }
  .page-template-sidenav .page-content .page-content-inner {
    background: #fff; }
    .page-template-sidenav .page-content .page-content-inner h1:first-child {
      margin-top: 0;
      font-weight: normal;
      text-transform: uppercase;
      font-size: 22px; }

.record-id {
  font-size: 16px;
  font-weight: 500; }

.link-text {
  font-size: 15px;
  font-weight: 600; }

.card-title {
  align-self: center; }
  .card-title p {
    font-size: 18px;
    font-weight: 500; }

.search-button {
  padding: 0 48px; }

.signup-err-text {
  color: #f58000; }

.login-view {
  background-color: #152a40; }

.signup-err {
  padding: 10px;
  border: 1px solid #f58000;
  margin-bottom: 15px; }

.signup-company-icon {
  height: 30px; }

.signup-title-text {
  color: #635c5c;
  font-size: 24px;
  padding-left: 5px;
  margin-top: -3px; }

.customer-type-dropdown {
  padding-right: 10px;
  padding-left: 10px;
  margin: -3px; }

.signup-header-logo {
  padding-bottom: 25px; }

.signup-header {
  padding-top: 30px;
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.signup-header-reset-password {
  padding-top: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.signup-header-sub-text {
  color: #fff; }

.signup-form {
  padding-right: 15px;
  padding-left: 15px; }

.signup-form-input {
  margin-top: 0px !important;
  margin-bottom: 10px !important; }

.signup-btn {
  width: 340px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  border-radius: 8px;
  height: 33px;
  font-weight: bold; }

.signup-login {
  color: #fff;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px; }

.signup-login-link {
  color: #3bb6b4;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px; }

.signup-login-info-text {
  color: #fff;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px; }

.signup-input-text {
  color: #fff !important;
  font-family: "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px; }

.signup-input-label {
  color: #fff;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 11px; }

.page-bottom-padding {
  padding-bottom: 15px; }

.reset-password-text {
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff; }

.reset-password-text-parg {
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: lighter; }

.username-nav-bar {
  font-size: 15px;
  text-align: right;
  vertical-align: -2px; }

.checkboxserviceSelectAll .service-legend {
  color: #3F51B5; }

.checkboxserviceSelectAll .service-fieldset {
  border-style: solid;
  border-width: 1px;
  margin-left: 20px;
  height: 100%; }

.checkboxserviceSelectAll .service-select-all-checkboxes {
  padding-left: 30px; }

.md-checkbox-padding {
  margin-left: 20px; }

.messages-admin .users-list-container {
  overflow: auto;
  border-right: 1px rgba(0, 0, 0, 0.12) solid; }
  .messages-admin .users-list-container tr.active td {
    background: #f1f1f1; }
.messages-admin .messages-container {
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
  position: relative; }
  .messages-admin .messages-container .shipper-info {
    position: absolute;
    z-index: 100000;
    padding: 16px;
    background: #f1f1f1;
    width: 100%;
    box-sizing: border-box; }
  .messages-admin .messages-container .user-info-area {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 80px 0; }
    .messages-admin .messages-container .user-info-area .large {
      font-size: 400%; }
  .messages-admin .messages-container iframe {
    z-index: 1000;
    position: relative; }
.messages-admin .hide-validation-error .md-errors-spacer {
  display: none; }

.em-mute {
  font-weight: normal;
  color: #bbb; }

.em-tiny {
  font-size: 90%; }

.em-quote-table {
  vertical-align: top; }

.em-quote-table thead th, .em-border {
  border-bottom: 1px solid #ddd; }

.em-quote-table td, .em-quote-table th {
  text-align: left;
  vertical-align: top; }

.em-table-cell-info {
  margin-left: 25px;
  margin-top: 10px; }

.em-space-up {
  padding-top: 20px;
  padding-bottom: 0px; }