.link-underline {
  border-bottom-width: 0;
  background-image: linear-gradient(transparent, transparent), linear-gradient(#fff, #fff);
  background-size: 0 3px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size .3s ease-in-out;
}

.link-underline-color {
  background-image: linear-gradient(transparent, transparent), linear-gradient(rgb(0, 179, 75), rgb(0, 124, 19))
}

.link-underline:hover {
  background-size: 100% 3px;
  background-position: 0 100%
}

.fadeout {
  background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
}

.text-appDarkGray {
  color: #343836
}
.text-appGreen {
  color: #1e815c
}
.text-appDarkGreen {
  color: #0e5a3f
}

.bg-appDarkGray {
  background-color: #343836 !important
}
.bg-appGreen {
  background-color: #1e815c !important
}
.bg-appGreen:hover {
  background-color: #0e5a3f !important
}
.bg-appDarkGreen {
  background-color: #0e5a3f !important
}

.divider-sm {
  width: 60%;
  margin: auto;
  border-width: 2px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.disabled-bg {
  pointer-events: none;
  cursor: default;
  background-color: rgb(179, 179, 179) !important;
  border-color: rgb(179, 179, 179) !important;
}

.disabled-fg {
  pointer-events: none;
  cursor: default;
  color: rgb(114, 114, 114) !important;
}

.disabled-fg-border {
  pointer-events: none;
  cursor: default;
  color: rgb(114, 114, 114) !important;
  border-color: rgb(179, 179, 179) !important;
}

.disabled-item {
  pointer-events: none;
  cursor: default;
}

.formatted-number::after {
  content: '\00a0';
}

.preventMobile {
  display: block;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1280px) {
  .preventMobile {
    display: none !important;
  }
}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1280px) {
  main {
    display: none !important;
  }

  main.mobileCompatible {
    display: block !important;
  }
}

.dynamicText {
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}