fish-detect-tile {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  display: inline-block;
  border-radius: 8px;
  margin-top: 25px;
  background-color: #384049;
  color: #d3dad7;
  box-shadow: 2px 2px 10px -4px black;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 100%);
  text-shadow: 0.5px 0.5px 0.5px black; }
  @media (max-width: 1550px) {
    fish-detect-tile {
      margin-top: 20px; } }
  fish-detect-tile .upToDate {
    border-left: 3px solid #5ac896; }
  fish-detect-tile .outOfDate {
    border-left: 3px solid #f34136; }
  fish-detect-tile .iconsContainer {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
  fish-detect-tile .dataIcon {
    font-size: 47px; }
    @media (max-width: 1550px) {
      fish-detect-tile .dataIcon {
        font-size: 35px; } }
    @media (max-width: 768px) {
      fish-detect-tile .dataIcon {
        font-size: 26px; } }
  fish-detect-tile .dataMeasurement {
    font-size: 19px;
    font-family: GothamRounded-Medium !important;
    padding-top: 3px; }
    @media (max-width: 1550px) {
      fish-detect-tile .dataMeasurement {
        font-size: 16px !important; } }
    @media (max-width: 768px) {
      fish-detect-tile .dataMeasurement {
        font-size: 12px !important; } }
  fish-detect-tile .unitType {
    font-size: 12px;
    font-family: GothamRounded-Book !important; }
    @media (max-width: 1550px) {
      fish-detect-tile .unitType {
        font-size: 10px !important; } }
    @media (max-width: 768px) {
      fish-detect-tile .unitType {
        font-size: 6px !important; } }
  fish-detect-tile .serialNumber {
    font-family: GothamRounded-Book !important; }
  fish-detect-tile .fishDetectTitleRow {
    position: relative;
    border-top-left-radius: 8px;
    box-shadow: 0px 4px 8px -7px rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px; }
    @media (max-width: 768px) {
      fish-detect-tile .fishDetectTitleRow {
        padding-top: 0px;
        padding-bottom: 0px; } }
  fish-detect-tile .fishDetectTitle {
    width: 100%;
    font-size: 22px !important;
    font-family: GothamRounded-Medium !important; }
    @media (max-width: 1550px) {
      fish-detect-tile .fishDetectTitle {
        font-size: 17px !important; } }
    @media (max-width: 768px) {
      fish-detect-tile .fishDetectTitle {
        font-size: 15px !important; } }
  fish-detect-tile .fishDetectTitleIconsLeft {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    margin-left: 10px;
    font-size: 28px !important; }
    @media (max-width: 1550px) {
      fish-detect-tile .fishDetectTitleIconsLeft {
        font-size: 20px !important; } }
    @media (max-width: 768px) {
      fish-detect-tile .fishDetectTitleIconsLeft {
        font-size: 16px !important; } }
  fish-detect-tile .fishDetectContentRow {
    border-bottom-left-radius: 8px;
    padding: 15px 15px 0px 15px;
    text-align: center;
    white-space: nowrap; }
    @media (max-width: 768px) {
      fish-detect-tile .fishDetectContentRow {
        padding: 8px !important; } }
  fish-detect-tile .hubFooterRow {
    margin-top: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: 0px -4px 8px -7px rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-start;
    width: 100%; }
  fish-detect-tile .dataMeasurementType {
    font-size: 13px;
    font-family: GothamRounded-Book !important;
    color: #59acd4; }
  fish-detect-tile .footerText {
    font-family: GothamRounded-Book !important;
    font-size: 11px; }