.gray_data {
  color: #aaa; }

.black_data {
  color: #333; }

.title_div {
  display: flex; }

.header {
  display: flex;
  margin: 10px 8px; }

.compound_name {
  font-size: 32px;
  font-weight: 400;
  margin: 0px 4px 0px 0px; }

.other_info {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  margin-block-start: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-left: 17px; }

.info_content {
  font-weight: 400;
  padding-left: 3px; }

.header_info_container {
  display: none; }
  @media screen and (min-width: 320px) {
    .header_info_container {
      display: flex;
      flex-wrap: wrap; } }
.has_dose_icon {
  width: 1em; }

/*Color Variables*/
/*depmap*/
/*skyros*/
/*dmc*/
/*depmap pillars*/
/*drug*/
/*data aspects*/
.card_container {
  display: flex;
  flex-wrap: wrap; }
  .card_container .card_column {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0; }
    @media (min-width: 1px) {
      .card_container .card_column {
        flex: 100%; } }
    @media (min-width: 640px) {
      .card_container .card_column {
        flex: 50%; } }
    @media (min-width: 1200px) {
      .card_container .card_column {
        flex: 24%;
        /*set at 24% instead of 25% so that the columns don't overflow into a new row if the window is between 1200 - 1210 px*/ } }
.card_wrapper_sizer,
.card_wrapper {
  padding: 10px 0px 10px 0px; }
  @media (min-width: 768px) {
    .card_wrapper_sizer,
    .card_wrapper {
      padding: 10px 10px 10px 10px; } }
  .card_wrapper_sizer h2,
  .card_wrapper h2 {
    font-size: 14pt;
    font-weight: 600; }
  .card_wrapper_sizer h4,
  .card_wrapper h4 {
    margin: 0em 0em 0.3em 0em; }
  .card_wrapper_sizer .info-icon,
  .card_wrapper .info-icon {
    height: 17px;
    padding-left: 4px;
    padding-bottom: 3px;
    cursor: pointer; }
  .card_wrapper_sizer .info-icon-header,
  .card_wrapper .info-icon-header {
    height: 16px;
    padding-left: 7px;
    padding-bottom: 2px;
    cursor: pointer; }
  .card_wrapper_sizer .info-icon-axis,
  .card_wrapper .info-icon-axis {
    height: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    cursor: pointer; }
  .card_wrapper_sizer .view-details-text,
  .card_wrapper .view-details-text {
    text-align: left;
    color: gray; }
  .card_wrapper_sizer .description-columns,
  .card_wrapper .description-columns {
    margin: 0px 0px 10px; }
  .card_wrapper_sizer .definition-header,
  .card_wrapper .definition-header {
    padding-top: 10px; }
  .card_wrapper_sizer .cardtitle_text,
  .card_wrapper .cardtitle_text {
    padding: 0.4em 0.5em 0.4em 0.6em; }
  .card_wrapper_sizer .card_border,
  .card_wrapper .card_border {
    border: 1px;
    border-style: solid;
    border-color: #f0f0f0;
    border-top: 1px;
    border-top-color: #5e5e5e;
    border-top-style: solid;
    background-color: white;
    /*        border-bottom: 2px;
        border-bottom-color: #5E5E5E;
        border-bottom-style: solid;*/ }
  .card_wrapper_sizer .card_padding,
  .card_wrapper .card_padding {
    padding: 0em 0.9em 0em 0.9em; }
  .card_wrapper_sizer .card_definition,
  .card_wrapper .card_definition {
    padding: 0.5em 0 0.5em 0; }
  .card_wrapper_sizer .no_padding,
  .card_wrapper .no_padding {
    padding: 0em 0em 0em 0em; }
  .card_wrapper_sizer .no_margin,
  .card_wrapper .no_margin {
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 0em; }
  .card_wrapper_sizer .hr_margin,
  .card_wrapper .hr_margin {
    margin-top: 1em;
    margin-bottom: 0.5em;
    border-color: white; }
  .card_wrapper_sizer .hr_margin2,
  .card_wrapper .hr_margin2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    border-color: #999999; }
  .card_wrapper_sizer .card_subheading,
  .card_wrapper .card_subheading {
    font-size: 12pt;
    font-weight: 600;
    padding-bottom: 0.4em; }
  .card_wrapper_sizer .box_rounded,
  .card_wrapper .box_rounded {
    border-radius: 0.25em;
    padding: 0.15em 0.5em 0.15em 0.5em; }
  .card_wrapper_sizer .box_rnai,
  .card_wrapper .box_rnai {
    background: #532e8c;
    font-size: 10pt;
    letter-spacing: 1px;
    font-weight: 500;
    color: white; }
  .card_wrapper_sizer .box_crispr,
  .card_wrapper .box_crispr {
    background: #3584b5;
    font-size: 10pt;
    letter-spacing: 1px;
    font-weight: 500;
    color: white; }
  .card_wrapper_sizer .crispr,
  .card_wrapper .crispr {
    color: #3584b5; }
  .card_wrapper_sizer .rnai,
  .card_wrapper .rnai {
    color: #532e8c; }
  .card_wrapper_sizer .repurp,
  .card_wrapper .repurp {
    color: #c55252; }
  .card_wrapper_sizer .rep1m,
  .card_wrapper .rep1m {
    color: #c55252; }
  .card_wrapper_sizer .crispr_background,
  .card_wrapper .crispr_background {
    background-color: rgba(53, 132, 181, 0.5); }
  .card_wrapper_sizer .rnai_background,
  .card_wrapper .rnai_background {
    background-color: rgba(83, 46, 140, 0.4); }
  .card_wrapper_sizer .repurp_background,
  .card_wrapper .repurp_background {
    background-color: rgba(197, 82, 82, 0.5); }
  .card_wrapper_sizer .rep1m_background,
  .card_wrapper .rep1m_background {
    background-color: rgba(197, 82, 82, 0.5); }
  .card_wrapper_sizer .allother,
  .card_wrapper .allother {
    color: #aaaaaa; }
  .card_wrapper_sizer .plot_width,
  .card_wrapper .plot_width {
    width: 100%; }
  .card_wrapper_sizer .plot_padding1,
  .card_wrapper .plot_padding1 {
    padding: 0.2em 0em 0.2em 0em; }
  .card_wrapper_sizer .plot_padding2,
  .card_wrapper .plot_padding2 {
    padding: 1.5em 0em 0.2em 0em; }
  .card_wrapper_sizer .plot_label,
  .card_wrapper .plot_label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.4em; }
  .card_wrapper_sizer .text_labels,
  .card_wrapper .text_labels {
    padding-left: 1em; }
  .card_wrapper_sizer .top_features_list,
  .card_wrapper .top_features_list {
    word-break: break-word; }
  .card_wrapper_sizer .allcaps,
  .card_wrapper .allcaps {
    text-transform: uppercase; }
  .card_wrapper_sizer td,
  .card_wrapper td {
    vertical-align: top;
    padding: 0 2px; }
  .card_wrapper_sizer th,
  .card_wrapper th {
    vertical-align: bottom;
    padding: 0 2px; }
  .card_wrapper_sizer table,
  .card_wrapper table {
    margin-bottom: 10px; }
  .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table,
  .card_wrapper .predictability-tile-table-container .predictability-tile-table {
    table-layout: fixed; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td,
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th,
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td,
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th {
      overflow: hidden;
      text-overflow: ellipsis; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(1),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(1),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(1),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(1) {
      padding: 0; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(2),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(2),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(2),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(2) {
      width: 33%; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(3),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(3),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(3),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(3) {
      max-width: 82px; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(4),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(4),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(4),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(4) {
      width: 37px; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(5),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(5),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(5),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(5) {
      max-width: 82px; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td,
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td {
      vertical-align: middle; }
      .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container,
      .card_wrapper .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container {
        display: flex;
        align-items: center; }
        .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container img,
        .card_wrapper .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container img {
          height: 12px; }

/*.btn_viewmore {
  background-color: white;
  text-align: right;
  font-size: 13px;
  padding: 4px 0px 4px 0px;
  width: 280px;
  transition: all 0.4s;
  margin: 0px;
}

.btn_viewmore span {
  display: inline-block;
  position: relative;
  transition: 0.4s;
}

.btn_viewmore span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.4s;
}

.btn_viewmore:hover span {
  padding-right: 10px;
  text-decoration: underline;
}

.btn_viewmore:hover span:after {
  opacity: 1;
  right: 0;
}*/
.btn_viewmore {
  /*  border-radius: 10px;*/
  text-align: right;
  font-size: 14px;
  padding: 20px 10px 5px 0px;
  width: 150px;
  transition: all 0.5s;
  /*  margin: 3px;*/ }

.btn_viewmore span {
  display: inline-block;
  position: relative;
  transition: 0.5s; }

.btn_viewmore span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s; }

.btn_viewmore:hover span {
  padding-right: 12px;
  text-decoration: underline; }

.btn_viewmore:hover span:after {
  opacity: 1;
  right: 0; }

.cansar_table td:first-child {
  word-break: break-word;
  padding-right: 14px; }

details > summary {
  font-weight: bold;
  cursor: pointer; }

.placeholder_card {
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center; }

/**
For react-table association table
https://github.com/react-tools/react-table#styles
*/
.ReactTable .rt-th,
.ReactTable .rt-td {
  padding: 0;
  text-align: center;
  white-space: normal; }

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  padding: 0; }

.predictive-models-table-container .ReactTable .rt-th,
.predictive-models-table-container .ReactTable .rt-td {
  padding: 0;
  text-align: center;
  white-space: normal; }

.predictive-models-table-container .ReactTable .rt-thead.-filters input,
.predictive-models-table-container .ReactTable .rt-thead.-filters select {
  padding: 0; }

#dose-curves-tab-content {
  padding-block-start: 8px;
  display: flex;
  justify-content: center; }
  #dose-curves-tab-content > div {
    width: 100%;
    max-width: 1200px; }

/*Color Variables*/
/*depmap*/
/*skyros*/
/*dmc*/
/*depmap pillars*/
/*drug*/
/*data aspects*/
.card_container {
  display: flex;
  flex-wrap: wrap; }
  .card_container .card_column {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0; }
    @media (min-width: 1px) {
      .card_container .card_column {
        flex: 100%; } }
    @media (min-width: 640px) {
      .card_container .card_column {
        flex: 50%; } }
    @media (min-width: 1200px) {
      .card_container .card_column {
        flex: 24%;
        /*set at 24% instead of 25% so that the columns don't overflow into a new row if the window is between 1200 - 1210 px*/ } }
.card_wrapper_sizer,
.card_wrapper {
  padding: 10px 0px 10px 0px; }
  @media (min-width: 768px) {
    .card_wrapper_sizer,
    .card_wrapper {
      padding: 10px 10px 10px 10px; } }
  .card_wrapper_sizer h2,
  .card_wrapper h2 {
    font-size: 14pt;
    font-weight: 600; }
  .card_wrapper_sizer h4,
  .card_wrapper h4 {
    margin: 0em 0em 0.3em 0em; }
  .card_wrapper_sizer .info-icon,
  .card_wrapper .info-icon {
    height: 17px;
    padding-left: 4px;
    padding-bottom: 3px;
    cursor: pointer; }
  .card_wrapper_sizer .info-icon-header,
  .card_wrapper .info-icon-header {
    height: 16px;
    padding-left: 7px;
    padding-bottom: 2px;
    cursor: pointer; }
  .card_wrapper_sizer .info-icon-axis,
  .card_wrapper .info-icon-axis {
    height: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    cursor: pointer; }
  .card_wrapper_sizer .view-details-text,
  .card_wrapper .view-details-text {
    text-align: left;
    color: gray; }
  .card_wrapper_sizer .description-columns,
  .card_wrapper .description-columns {
    margin: 0px 0px 10px; }
  .card_wrapper_sizer .definition-header,
  .card_wrapper .definition-header {
    padding-top: 10px; }
  .card_wrapper_sizer .cardtitle_text,
  .card_wrapper .cardtitle_text {
    padding: 0.4em 0.5em 0.4em 0.6em; }
  .card_wrapper_sizer .card_border,
  .card_wrapper .card_border {
    border: 1px;
    border-style: solid;
    border-color: #f0f0f0;
    border-top: 1px;
    border-top-color: #5e5e5e;
    border-top-style: solid;
    background-color: white;
    /*        border-bottom: 2px;
        border-bottom-color: #5E5E5E;
        border-bottom-style: solid;*/ }
  .card_wrapper_sizer .card_padding,
  .card_wrapper .card_padding {
    padding: 0em 0.9em 0em 0.9em; }
  .card_wrapper_sizer .card_definition,
  .card_wrapper .card_definition {
    padding: 0.5em 0 0.5em 0; }
  .card_wrapper_sizer .no_padding,
  .card_wrapper .no_padding {
    padding: 0em 0em 0em 0em; }
  .card_wrapper_sizer .no_margin,
  .card_wrapper .no_margin {
    margin-top: 0em;
    margin-right: 0em;
    margin-bottom: 0em; }
  .card_wrapper_sizer .hr_margin,
  .card_wrapper .hr_margin {
    margin-top: 1em;
    margin-bottom: 0.5em;
    border-color: white; }
  .card_wrapper_sizer .hr_margin2,
  .card_wrapper .hr_margin2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    border-color: #999999; }
  .card_wrapper_sizer .card_subheading,
  .card_wrapper .card_subheading {
    font-size: 12pt;
    font-weight: 600;
    padding-bottom: 0.4em; }
  .card_wrapper_sizer .box_rounded,
  .card_wrapper .box_rounded {
    border-radius: 0.25em;
    padding: 0.15em 0.5em 0.15em 0.5em; }
  .card_wrapper_sizer .box_rnai,
  .card_wrapper .box_rnai {
    background: #532e8c;
    font-size: 10pt;
    letter-spacing: 1px;
    font-weight: 500;
    color: white; }
  .card_wrapper_sizer .box_crispr,
  .card_wrapper .box_crispr {
    background: #3584b5;
    font-size: 10pt;
    letter-spacing: 1px;
    font-weight: 500;
    color: white; }
  .card_wrapper_sizer .crispr,
  .card_wrapper .crispr {
    color: #3584b5; }
  .card_wrapper_sizer .rnai,
  .card_wrapper .rnai {
    color: #532e8c; }
  .card_wrapper_sizer .repurp,
  .card_wrapper .repurp {
    color: #c55252; }
  .card_wrapper_sizer .rep1m,
  .card_wrapper .rep1m {
    color: #c55252; }
  .card_wrapper_sizer .crispr_background,
  .card_wrapper .crispr_background {
    background-color: rgba(53, 132, 181, 0.5); }
  .card_wrapper_sizer .rnai_background,
  .card_wrapper .rnai_background {
    background-color: rgba(83, 46, 140, 0.4); }
  .card_wrapper_sizer .repurp_background,
  .card_wrapper .repurp_background {
    background-color: rgba(197, 82, 82, 0.5); }
  .card_wrapper_sizer .rep1m_background,
  .card_wrapper .rep1m_background {
    background-color: rgba(197, 82, 82, 0.5); }
  .card_wrapper_sizer .allother,
  .card_wrapper .allother {
    color: #aaaaaa; }
  .card_wrapper_sizer .plot_width,
  .card_wrapper .plot_width {
    width: 100%; }
  .card_wrapper_sizer .plot_padding1,
  .card_wrapper .plot_padding1 {
    padding: 0.2em 0em 0.2em 0em; }
  .card_wrapper_sizer .plot_padding2,
  .card_wrapper .plot_padding2 {
    padding: 1.5em 0em 0.2em 0em; }
  .card_wrapper_sizer .plot_label,
  .card_wrapper .plot_label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.4em; }
  .card_wrapper_sizer .text_labels,
  .card_wrapper .text_labels {
    padding-left: 1em; }
  .card_wrapper_sizer .top_features_list,
  .card_wrapper .top_features_list {
    word-break: break-word; }
  .card_wrapper_sizer .allcaps,
  .card_wrapper .allcaps {
    text-transform: uppercase; }
  .card_wrapper_sizer td,
  .card_wrapper td {
    vertical-align: top;
    padding: 0 2px; }
  .card_wrapper_sizer th,
  .card_wrapper th {
    vertical-align: bottom;
    padding: 0 2px; }
  .card_wrapper_sizer table,
  .card_wrapper table {
    margin-bottom: 10px; }
  .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table,
  .card_wrapper .predictability-tile-table-container .predictability-tile-table {
    table-layout: fixed; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td,
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th,
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td,
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th {
      overflow: hidden;
      text-overflow: ellipsis; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(1),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(1),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(1),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(1) {
      padding: 0; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(2),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(2),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(2),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(2) {
      width: 33%; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(3),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(3),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(3),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(3) {
      max-width: 82px; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(4),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(4),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(4),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(4) {
      width: 37px; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table th:nth-child(5),
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td:nth-child(5),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table th:nth-child(5),
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td:nth-child(5) {
      max-width: 82px; }
    .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td,
    .card_wrapper .predictability-tile-table-container .predictability-tile-table td {
      vertical-align: middle; }
      .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container,
      .card_wrapper .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container {
        display: flex;
        align-items: center; }
        .card_wrapper_sizer .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container img,
        .card_wrapper .predictability-tile-table-container .predictability-tile-table td .relationship-icon-container img {
          height: 12px; }

/*.btn_viewmore {
  background-color: white;
  text-align: right;
  font-size: 13px;
  padding: 4px 0px 4px 0px;
  width: 280px;
  transition: all 0.4s;
  margin: 0px;
}

.btn_viewmore span {
  display: inline-block;
  position: relative;
  transition: 0.4s;
}

.btn_viewmore span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.4s;
}

.btn_viewmore:hover span {
  padding-right: 10px;
  text-decoration: underline;
}

.btn_viewmore:hover span:after {
  opacity: 1;
  right: 0;
}*/
.btn_viewmore {
  /*  border-radius: 10px;*/
  text-align: right;
  font-size: 14px;
  padding: 20px 10px 5px 0px;
  width: 150px;
  transition: all 0.5s;
  /*  margin: 3px;*/ }

.btn_viewmore span {
  display: inline-block;
  position: relative;
  transition: 0.5s; }

.btn_viewmore span:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s; }

.btn_viewmore:hover span {
  padding-right: 12px;
  text-decoration: underline; }

.btn_viewmore:hover span:after {
  opacity: 1;
  right: 0; }

.cansar_table td:first-child {
  word-break: break-word;
  padding-right: 14px; }

details > summary {
  font-weight: bold;
  cursor: pointer; }

.placeholder_card {
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center; }

/**
For react-table association table
https://github.com/react-tools/react-table#styles
*/
.ReactTable .rt-th,
.ReactTable .rt-td {
  padding: 0;
  text-align: center;
  white-space: normal; }

.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  padding: 0; }

/*depmap*/
/*skyros*/
/*dmc*/
/*depmap pillars*/
/*drug*/
/*data aspects*/

#context-explorer-lineage-selection {
  font-weight: bolder; }
  #context-explorer-lineage-selection .div {
    border-radius: 0px; }

#context-explorer-tree-tabs {
  width: 100%;
  height: 100%;
  background-color: #f6f8fa; }

.nav-tabs {
  background-color: #ffffff; }

#context-explorer-box-plots .panel-default > .panel-heading {
  background-color: transparent !important; }

#enrichment-tile .panel-group > .panel {
  margin-bottom: 5px !important; }

#enrichment-tile .panel-default > .panel-heading {
  background-color: transparent !important; }

.btn.btn-link {
  padding: 10px 4px 10px 10px !important; }

.svg-container {
  margin-top: 32px; }

.striped-row {
  min-width: max-content !important; }
  .striped-row:nth-child(odd) {
    background-color: #f6f8fa; }

#maxEntry {
  width: 60px !important; }

#minEntry {
  width: 60px !important; }

#context-explorer-download-plot-icon {
  margin-right: 15px;
  padding: 1px 4px; }

#thing {
  margin-bottom: 10px; }