/* styles for dcInsiderDash.html */

.metrics__list_box_dcinsider {
  margin-top: 3.5rem;
}

.box__title {
  padding-bottom: 3.5rem;
  padding-left: 2.2rem;
  border-bottom: 2px solid #2F3F4D;
}

.box__title h5 {
  font-size: 18px !important; 
}

.dc-insider-score-table {
  /* override inherited rule */
  min-width: 0px !important;
  border-collapse: separate !important;
  border-spacing: 0px;
}

.dc-insider-score-table th {
  font-size: 12px !important;
  min-width: 130px;
  color: rgb(235, 235, 235) !important;
  border-right: 1px solid #2F3F4D;
}

.dc-insider-score-table .ticker-header {
  padding-left: 2px !important;
}

.insider-score-row td {
  vertical-align: middle;
  padding-top: 2px;
	padding-bottom: 2px;
	height: 80px;
}

.rank-header, .rank-data {
  width: 80px;
  min-width: 80px !important;
}

.rank-header {
  padding-right: 2rem !important;
  border-right: 0 !important;
}

.rank-data > span {
  padding-left: 1.2rem;
}

.symbol-container-outer {
  width: 280px;
  min-width: 200px;
  max-width: 280px;
}

.symbol-container-inner {
  display: flex;
  align-items: center;
}

.logo-container {
  display: flex;
  align-items: center;
}

.logo-container > img {
  border-radius: 8px;
  width: 38px;
  min-width: 38px;
  height: auto;
}

.symbol > span {
  display: block;
  font-size: 17px;
}

.symbol-description {
  display: flex;
  flex-direction: column;
  row-gap: .33rem;
  margin-left: 3.5rem;
  line-height: normal;
}

.comp-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: clamp(125px, 17vw, 300px);
  max-width: 300px;
  font-size: 13px;
}

.primary-score, .score {
  text-align: center !important;
  width: 15%;
}

.primary-score, .symbol {
	color: #57D7BA;
  font-size: 17px;
}

.score {
  font-size: 15px;
  white-space: nowrap;
}

/* mobile */
@media only screen and (max-width: 1050px) {
  .content__filter_main_title {
    padding-left: .7rem;
  }

  .metrics__list_box_dcinsider {
    margin-top: 3rem;
    padding: 0rem !important;
  }
  
  .box__title {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: calc(1.9rem - 10px);
    border-bottom: 2px solid #2F3F4D;
  }
  
  .box__title h5 {
    font-size: 16px !important;
  }
  
  .box__title_icon {
    margin-right: .5rem !important;
  }

  /* hide rank column */
  .rank-header, .rank-data {
    display: none;
  }

  .dc-insider-score-table th {
    padding: 1.35rem 2rem 1.35rem 1.5rem !important;
    min-width: 120px;
  }

  .dc-insider-score-table .ticker-header {
    padding-left: 1.9rem !important;
  }

  .dc-insider-score-table .symbol-container-outer {
    padding-left: 1.5rem;
  }

  .trading-dcinsider {
    margin: 0 !important;
  }

  .symbol-container-outer {
    /* allow shrinking */
    width: 0%;
    min-width: 140px;
  }

  .logo-container > img {
    width: 34px;
    min-width: 34px;
    height: auto;
  }

  .symbol-description {
    row-gap: .1rem;
    margin-left: 1.5rem;
  }

  .symbol > span {
    font-size: 15px;
  }

  .comp-name {
    font-size: 12px;
  }
}