/*depmap*/
/*skyros*/
/*dmc*/
/*depmap pillars*/
/*drug*/
/*data aspects*/
.cell-line-selector-modal {
  width: 85vw;
  max-width: 85vw; }

.cellLineSelector {
  display: flex;
  position: relative;
  flex-direction: row;
  border: 1px solid grey;
  align-self: flex-start; }

.cellLineSelector .parentDiv {
  flex-basis: 0;
  flex-grow: 1; }

.cellLineSelector .listOfListsPanel {
  display: flex;
  flex-flow: column;
  flex-basis: 0;
  flex-grow: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 85.7%;
  overflow: auto; }

.cellLineSelector .list-of-lines {
  height: 100%;
  overflow: scroll; }

.cellLineSelector .selectorPanel {
  display: inline-flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 6;
  font-family: lato, sans-serif;
  overflow: auto; }

.cellLineSelector .message-on-save {
  width: 50vw;
  max-width: 50vw; }
  .cellLineSelector .message-on-save .save-modal-content {
    height: 50vh; }

.cellLineSelector .cell-line-list-preview-container {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  flex-wrap: wrap;
  height: 100%; }
  .cellLineSelector .cell-line-list-preview-container li {
    padding-right: 40px; }
  .cellLineSelector .cell-line-list-preview-container a {
    color: #337ab7; }
    .cellLineSelector .cell-line-list-preview-container a:hover {
      color: #23527c;
      text-decoration: underline; }

.cellLineSelector .custom-button {
  background: #7b8cb2;
  color: #ffffff; }

.cellLineSelector .interactive-glyphicon-button {
  cursor: pointer; }

.cellLineSelector .italicize {
  font-style: italic; }

.cellLineSelector .selectorPanel {
  height: 72vh; }
  .cellLineSelector .selectorPanel .saveAndDiscardButtons {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    top: calc(72vh - 35px);
    right: 5px; }
  .cellLineSelector .selectorPanel .help-overlay {
    height: 100%;
    padding: 20px; }
    .cellLineSelector .selectorPanel .help-overlay .main-instruction {
      font-size: 2em; }
  .cellLineSelector .selectorPanel .cell-line-list-preview-container {
    display: flex;
    flex-direction: column;
    overflow: scroll;
    flex-wrap: wrap;
    height: 100%; }
    .cellLineSelector .selectorPanel .cell-line-list-preview-container a {
      color: #337ab7; }
      .cellLineSelector .selectorPanel .cell-line-list-preview-container a:hover {
        color: #23527c;
        text-decoration: underline; }

.cellLineSelector .listOfListsPanel .new-list-buttons-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
  border-right: 1px solid lightgray; }
  .cellLineSelector .listOfListsPanel .new-list-buttons-container .btn {
    background: #7b8cb2;
    border-color: #535f79;
    color: white;
    border-radius: 0;
    flex-grow: 1;
    padding: 4px; }
    .cellLineSelector .listOfListsPanel .new-list-buttons-container .btn:hover:not([disabled]) {
      background: #687ca6; }
    .cellLineSelector .listOfListsPanel .new-list-buttons-container .btn > div {
      display: flex;
      align-items: center;
      text-align: left;
      white-space: normal; }
      .cellLineSelector .listOfListsPanel .new-list-buttons-container .btn > div > .glyphicon {
        margin-inline-end: 4px; }

.cellLineSelector .listOfListsPanel .list-group {
  margin-bottom: 0px;
  overflow: auto; }
  .cellLineSelector .listOfListsPanel .list-group .list-group-item {
    padding: 8px; }
    .cellLineSelector .listOfListsPanel .list-group .list-group-item:first-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .cellLineSelector .listOfListsPanel .list-group .list-group-item:last-child {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .cellLineSelector .listOfListsPanel .list-group .list-group-item.active, .cellLineSelector .listOfListsPanel .list-group .list-group-item.active:hover, .cellLineSelector .listOfListsPanel .list-group .list-group-item.active:focus {
      background-color: #dee2eb;
      border-color: #dee2eb;
      color: black; }
    .cellLineSelector .listOfListsPanel .list-group .list-group-item .cell-line-list-button-group {
      display: flex;
      align-items: center; }
      .cellLineSelector .listOfListsPanel .list-group .list-group-item .cell-line-list-button-group :first-child {
        flex-grow: 1; }
      .cellLineSelector .listOfListsPanel .list-group .list-group-item .cell-line-list-button-group .edit-list-name-input {
        max-width: calc(100% - 28px); }
      .cellLineSelector .listOfListsPanel .list-group .list-group-item .cell-line-list-button-group .action-button {
        opacity: 0.7; }
        .cellLineSelector .listOfListsPanel .list-group .list-group-item .cell-line-list-button-group .action-button:hover {
          opacity: 1; }

.long-table-cell-line-selector-container .add-col-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: calc(72vh - 35px);
  padding-bottom: 35px; }

.long-table-cell-line-selector-container .long-table-container {
  flex: 5;
  height: 72vh; }

.long-table-cell-line-selector-container .preview-vis-container {
  height: 100px;
  padding: 10px; }