a:hover {
  text-decoration: none;
}

body {
    font-family: 'Open Sans';
}

.popover {
  max-width: 50% !important;
}

/* ABOUT PAGE */
.header-title {
  color: #05386B;
}

.project-summary {
  margin-top: 16px;
}

.project-files {
  margin-top: 32px;
}

.home-summary > h5,
.project-summary > h5,
.project-files > h5,
.project-files > ul > li > h6 {
  font-weight: bold;
}

.home-summary > p,
.project-summary > p,
.project-files > ul > li > p {
  text-align: justify;
  font-size: 14px;
}

#epub-header {
  font-size: 14px;
  margin-bottom: 4px;
}

.home-footer {
  margin-top: 3%;
  /*bottom: 10px;*/
  /*position: fixed;*/
  /*width: 100%;*/
}

#libraries > a {
  margin-right: 12px;
}

.libraries-icons:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.3s ease-in-out;
}

#lab-info {
  margin-bottom: 8px;
  font-size: 14px;
}

#ccbr-logo {
  width: 230px;
  height: auto;
}

/* HOME PAGE */
#home-description {
  margin-top: 1%;
  min-height: 8vw;
}

#home-projects {
  /*margin-top: 16px;*/
  /*margin-top: 16px;*/

  max-height: 75vh;
}

#home-search {
  margin-top: 2%;
  text-align: center;
  /*margin-left: 25%;*/
}


.select2-container--bootstrap .select2-selection--single,
.select2-container--bootstrap .select2-selection--multiple {
  min-height: 4vh !important;
  height: 4vh !important;
  font-size: 1.5vh !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search__field {
  min-height: 4vh !important;
  height: 4vh !important;
}
#home-extra {
  margin-top: 3px;
  font-size: 1.5vh;}

.home-summary {
  margin-top: 1%;
  margin-bottom: 1%;
}

.home-contact {
  font-size: 14px;
}
/*.btn-main-submit,*/
#link-thecellmap{
  margin-left: 8px;
  /*height: inherit;*/
  width: fit-content;
  height: 4vh;
  font-size: 1.5vh;
}

#thecellmap-logo{
  height: 100%;
}

#thecellvision-logo {
  height: 24px;
}

.alert-tryagain {
  margin-top: 16px;
}

#home-advance {
  text-align: right;
  position: fixed;
  bottom: 1%;
}

.home-project-title {
  margin: 8px 16px 8px 16px;
  display: block;
  font-size: 1.8vh;
  font-weight: bold;
  text-align: center;
  color: #05386B;
}
.project-descr {
  margin: 8px 16px 8px 16px;
  /*font-size: 11px !important;*/
  font-size: 1.25vh;
  text-align: center;
  color: #05386B;
}

.project-icon {
  /*max-width: 100%;*/
  max-height: 24vh;
  max-width: 23vw;
  /*display: table-cell;*/
  vertical-align: middle;
  /*margin-top: auto;*/
}

.project-block {
  /*max-height: 28vh;*/
  /*max-width: 25vw;*/
}
.project-icon:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease-in-out;
}

.home-projectlink {
  text-align: center;
  display: block;
  min-height: 24vh;
  margin-top: 5%;
}

#btn-search {
  background-color: #05386B;
  margin-top: 1%;
}

.fa-cog {
  color: #05386B;
}

/* TOOLS PAGE */
#tool-list {
  margin-top: 24px;
}

/* PROJECT HOME PAGE */
.project-summary {
  margin-top: 1%;
  margin-bottom: 1%;
}

.project-query,
.project-files {
  margin-top: 1%;
  margin-bottom: 24px;
}

.btn-paper-pdf {
  background-color: #27598e;
  color: #FFFFFF;
  margin-bottom: 8px;
  font-size: 14px;
  text-align: left;
}

.btn-paper-pdf:hover {
  color: #84CEEB;
}

/* ADVANCED SEARCH - MULTI PROJECTS */
#card-advsearch {
  margin-top: 1%;
  width: 900px;
  /*bottom: 10px;*/
  /*position: fixed;*/
}

#advsearch-example {
  margin-top: 1%;
}


.advsearch-help-text {
  margin-bottom: 8px;
  font-size: 14px;

}

.advsearch-help-list {
  -webkit-padding-start: 20px;
  margin-bottom: 0;
  text-align: justify;
}

#advsearch-example-query {
  /*font-size: 16px;*/
  margin-top: 16px;
  /*color: #05386B;*/
}

#advsearch-img {
  width: 800px;
}

#advsearch-example > .card {
  border-style: none;
  box-shadow: none;
  padding: 0;
}

#btn-advsearch-example {
  background-color: #FFFFFF;
  padding: 3px 6px 3px 6px;
  border: #05386B;
  border-style: solid;
  border-radius: 6px;
  border-width: 1px;
  box-shadow: none;
  color: #05386B;
  vertical-align: middle;
}

.advancedsearch > .form-group {
  display: block;
  margin-bottom: 8px;
}

.advancedsearch > .form-group > label {
  display: none;
}

.advancedsearch > .form-group > select {
  display: inline-block;
  float: left;
}

.form-group select[id$='adv_logic'] {
  margin-right: 8px;
  width: 8%;
}

.form-group select[id$='adv_project'],
.form-group select[id$='endo_param'],
.form-group select[id$='endo_marker'],
.form-group select[id$='cyc_regulation'],
.form-group select[id$='cyc_param'],
.form-group select[id$='cyc_screen'] {
  margin-right: 8px;
  width: 14%;
}

.form-group select[id$='cyc_limit'],
.form-group select[id$='cyc_direction'],
.form-group select[id$='cyc_foldchange'] {
  margin-right: 8px;
  width: 8%;
}

.form-group select[id$='cyc_compartment'] {
  margin-right: 8px;
  width: 15%;
}

.form-group select[id$='cyc_param'],
.form-group select[id$='cyc_limit'],
.form-group select[id$='cyc_direction'],
.form-group select[id$='cyc_regulation'],
.form-group select[id$='cyc_foldchange'],
.form-group select[id$='cyc_screen'],
.form-group select[id$='cyc_compartment'] {
  display: none;
}

.form-group select[id$='endo_ptype'] {
  display: none;
  margin-right: 8px;
  width: 25%;
  float: left;
}

.form-group select[id$='endo_marker'],
.form-group select[id$='endo_ptype']
{
  float: none;
}

.adv-removeadd {
  width: max-content;
}

/* SEARCH FORM */
.error {
  color: red;
}
.radio {
  display: inline-block;
  line-height: 40px;
  margin-right: 3%;
  float: left;
}

#id_project {
  width: 30%;
  display: inline-block;
  margin-left: 12px;
}
#btn-submit {
  /*display: block;*/
  display: inline-block;
  background-color: #05386B;
  height: 4vh;
  font-size: 1.5vh;
}

.multisearch-ts {
  margin-top: 2%;
}

.multisearch-gfp {
  display: none;
  margin-top: 2%;
}
.btn_param > button {
  margin-top: 1%;
}
.btn_param,
.btn_group_param {
  margin-bottom: 5px;
  display: none;
}

.multisearch-ts > .form-group > label,
.multisearch-gfp > .form-group > label {
	display: none;
}

.form-group select[id$='ts_logic'],
.form-group select[id$='gfp_logic'] {
  display: inline-block !important;
  margin-bottom: 5px;
  float: left;
  width: 12%;
}
.form-group select[id$='ts_param'],
.form-group select[id$='gfp_param'],
.form-group select[id$='cc_ds_phase'] {
  display: inline-block;
  margin-bottom: 5px;
  width: 12%;
  max-width: 12%;
  float: left;
}
.form-group select[id$='ts_marker'],
.form-group select[id$='ts_ptype'],
.form-group select[id$='ts_project'],
.form-group select[id$='cc_dataset'],
.form-group select[id$='cc_cmp'],
.form-group select[id$='cc_phase'],
.form-group select[id$='gfp_cmp'],
.form-group textarea[id$='gfp_flux'],
.form-group select[id$='gfp_project'] {
  display: inline-block;
  margin-bottom: 5px;
  width: 12%;
  max-width: 12%;
  float: none;
}
.form-group select[id$='ts_param'],
.form-group select[id$='gfp_param'],
.form-group select[id$='ts_marker'],
.form-group select[id$='ts_ptype'],
.form-group select[id$='ts_project'],
.form-group select[id$='cc_dataset'],
.form-group select[id$='cc_cmp'],
.form-group select[id$='cc_phase'],
.form-group select[id$='cc_ds_phase'],
.form-group select[id$='gfp_cmp'],
.form-group textarea[id$='gfp_flux'],
.form-group select[id$='gfp_project'] {
  margin-left: 2%;
}
.form-group select[id$='ts_ptype'],
.form-group select[id$='ts_project'],
.form-group select[id$='cc_cmp'],
.form-group select[id$='cc_phase'],
.form-group select[id$='cc_ds_phase'],
.form-group textarea[id$='gfp_flux'],
.form-group select[id$='gfp_project']{
  display: none;
}
.form-group{
	margin-bottom: 5px;
}

/* IMAGES */
.img-preview {
	/*width: 20%;*/
	height: auto;
}
.img-preview:hover {
	cursor: pointer;
}
p.no-image {
	width: 100%;
	text-align: center;
}
.img-enlarge {
  /*width: 95%;*/
  /*height: 100%;*/
  height: auto;
}
.img-thumbnail {
  width: 100px;
}

.img-not-available {
  min-width: 100%;
}

/* DATA FILTERS */
.strain-results > .data-filters {
  font-size: 12px;
  float:left;
  margin-left: 3%;
  display: inline-block;
}

p#filter-header {
  font-weight: bold;
  font-size: 12px;
}
.btn-filter, .btn-filter:hover {
	margin-top: 12px;
	background: #05386B; /* #17a2b8; */
	border-color: #05386B;
}
.fa-question-circle {
  float: left;
}

/* NAVBAR */
.sticky-top {
	background-color: #659DBD;
}
.navbar-brand,
.navbar-brand:hover,
#navbar-supplement,
#navbar-supplement:hover {
	color: #FFFFFF;
}

#nav-user {
  display: inline-block;
  font-size: 14px;
  margin-right: 8px;
}

#link-logout{
  color: #000000;
  text-decoration: none;
}

#navbar-search {
}

/* PROJECTS NAVBAR */
.dropdown-projects:hover {
  color: #659DBD;
}

.dropdown-projects:active {
  background-color: #FFFFFF;
}

/* LOGIN PAGE */
label[for='id_username'],
label[for='id_password'] {
  display: inline-block !important;
  font-size: 14px;
  font-weight: bold;
}

#btn-login {
  margin-top: 12px;
}

/* GENE LIST */
.sticky-column {
  position: fixed;
  /*width: max-content;*/
  max-width: 7.5%; /* fix this! */
  /*height: 90%;*/
}

#btn-gene {
  width: 100%;
  margin-bottom: 5px;
}
#gene-list {
	overflow-y: auto;
}
#gene-list .gene-item {
  display: block;
  cursor: pointer;
  background: #659DBD;
  /* padding: 8px; */
  margin: 0 0 8px 0;
  color: #FFF;
  font-size: 14px;
  border-radius: 3px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
#gene-list .gene-item:hover{
  background: #84CEEB;
}

#gene-list .gene-item.active{
  background: #05386B;
}

.btn-hitcount {
  margin-bottom: 6px;
  width: 100%;
  font-size: 12px;
  padding: 6px 0 6px 0;
}

.btn-hitprev,
.btn-hitnext {
  font-size: 10px;
}

/* GENE DESCRIPTION */
.sgd-link {
    color: black;
    padding-right: 5%;
}
.sgd-link:hover {
    text-decoration: none;
}
.alliance-link {
  color: black;
  padding-right: 8px;
}

#label-orf {
    padding-right: 2%;
    font-weight: bold;

}
/* DOWNLOAD */
.download {
	text-align: right;
}
#btn-download{
	background-color: #05386B; /* #17a2b8 */
	border-color: #05386B;
}

/* DOWNLOAD INFO */

.card-download {
  margin-bottom: 1%;
}

.legend-download {
  list-style-type: none;
  padding-left: 8px;
}
.legend-download > li {
  margin-left: 16px;
}
.legend-project{
  font-weight: bold;
}

/* CYCLOPS, DUB and PROJECT TABS */
#dubTabs,
#projectTabs {
  border-color: #05386B;
  margin-top: 16px;
}

#dubTabs > .nav-item > .nav-link,
#cyclopsTabs > .nav-item > .nav-link,
#projectTabs > .nav-item > .nav-link {
	color: #659DBD;
}

#cyclopsTabs > .nav-item > .active,
#dubTabs > .nav-item > .active,
#projectTabs > .nav-item > .active {
	color: #05386B;
	font-weight: bold;
	border-top-color: #05386B;
	border-left-color: #05386B;
	border-right-color: #05386B;
}

#cyclopsTabs > .nav-item > .nav-link:hover,
#dubsTabs > .nav-item > .nav-link:hover,
#projectTabs > .nav-item > .nav-link:hover {
  border-top-color: #05386B;
  border-left-color: #05386B;
  border-right-color: #05386B; 
  border-bottom-color: white; 
}

#cyclopsTabs {
  border-color: #05386B;
  margin-bottom: 16px;
  font-size: 14px;
}

/* STRAIN TABS */
#strainTabs > .nav-item > .nav-link,
#viewerTabs > .nav-item > .nav-link,
#alleleTabs > .nav-item > .nav-link,
#viewer-projectTabs > .nav-item > .nav-link {
  color: #659DBD;
}

#strainTabs > .nav-item > .nav-link:hover,
#viewerTabs > .nav-item > .nav-link:hover,
#alleleTabs > .nav-item > .nav-link:hover,
#viewer-projectTabs > .nav-item > .nav-link:hover {
  color: #05386B;
}

#strainTabs > .nav-item > .active,
#strainTabs > .nav-item > .active:hover,
#viewerTabs > .nav-item > .active,
#viewerTabs > .nav-item > .active:hover,
#alleleTabs > .nav-item > .active,
#alleleTabs > .nav-item > .active:hover,
#viewer-projectTabs > .nav-item > .active,
#viewer-projectTabs > .nav-item > .active:hover {
  color: #FFFFFF;
	background-color: #05386B;
}

#alleleTabs {
  margin-bottom: 8px;
}

/* TABLES */

.strain-details tbody > tr > th,
.strain-details tbody > tr > td {
  font-size: 15px;
}

.table-borderless thead > tr > th,
.table-borderless tbody > tr > td{
  border: none;
}

.main-table thead > tr > th,
.main-table tbody > tr > td{
  border: 1px solid #659DBD;
  /* font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif */
}

.main-table {
	border-collapse: separate;
}


.nested-table thead > tr > th,
.nested-table tbody > tr > td{
  border: none;
}

.data-filters input:hover{
	cursor: pointer;
}

/* SCROLLBARS */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);  */
   -webkit-border-radius: 5px;
}
 
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,1);
  -webkit-border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #cfd0d3;
}

::-webkit-scrollbar-thumb:hover {
  background: #cfd0d3;
}

/* MODAL  */
.modal-header,
.modal-body {
  display: inline-block;
  padding: 12px;
}

.scalebar {
  display: none;
  float: left;
  margin-left: auto;
}

.scalebar-label {
  font-size: 12px;
  color: #05386B;
  /*margin-top: 0;*/
}

.modal-page {
  margin-left: 20px;
  text-align: center;
}

#modal-mutant {
  width: 100%;
}

#modal-wildtype {
  display: none;
  width: 48%;
  float: right;
}

#image-header {
	display: block;
	font-weight: bold;
}
#image-caption{
	font-size: 14px;
}
.image-adjust {
  display: inline-block;
  float: left;
  margin-right: 6px;
}

.channel-switch {
  margin-top: 6px;
}

.custom-control-inline {
  margin-right: 8px;
}

.close {
  padding-bottom: 0 !important;
}
#cyclops-dualview {
  display: inline-block;
  float: right;
  width: fit-content;
}

#btn-magnify,
#btn-brightness,
#btn-imagedownload,
#btn-dualview {
  padding: 3px 6px 3px 6px;
  border: #05386B;
  border-style: solid;
  border-radius: 6px;
  border-width: 1px;
  box-shadow: none;
}

#btn-imagedownload,
#btn-magnify,
#btn-brightness,
#btn-dualview {
  margin-top: 6px;
}

.imageinfo {
  padding: 3px 6px 3px 6px;
  border-radius: 6px;
  box-shadow: none;
}

#btn-imagedownload {
  display: none;
}

.sliders {
  margin-top: 16px;
  margin-left: 6px;
  height: 150px;
  display: none;
}

#slider-brightness.ui-widget-content { border-color: #05386B;}
#slider-brightness > .ui-slider-handle {
  border-color: #05386B;
  background: #05386B;
}
#wt-slider-brightness.ui-widget-content { border-color: #e66312;}
#wt-slider-brightness > .ui-slider-handle {
  border-color: #e66312;
  background: #e66312;
}

.owl-carousel {
  display: inline-block;
  margin-left: 20px;
  text-align: center;
}

.owl-dots {
  display: inline-block;
}


.field-page {
  padding-top: 0;
  padding-bottom: 12px;
}

.well-page,
.dv-well-page {
  border: none;
}

.modal-pagination > .page-item.active > .page-link {
  background-color: #05386B;
  border-color: #05386B;
}

.wt-modal-pagination > .page-item.active > .page-link {
  background-color: #e66312;
  border-color: #e66312;
}
.owl-prev {
  width: 25px;
  height: 50px;
  position: absolute;
  top: 40%;
  left: 20px;
  display: block !important;
  color: #808080 !important;
}

.owl-next {
  width: 25px;
  height: 50px;
  position: absolute;
  top: 40%;
  right: 20px;
  display: block !important;
  color: #808080 !important;
}

.owl-prev:hover,
.owl-next:hover {
  background-color: #E8E8E8 !important;

}
.modal-pagination,
.wt-modal-pagination {
  margin-bottom: 8px;
}

#modal-mutant-endo-label {
  display: none;
  color: #05386B;
  font-weight: bold;
}

#modal-mutant-dub-label,
#modal-mutant-dub-btn2-label {
  display: none;
  color: #05386B;
  font-weight: bold;
}

#modal-mutant-label {
  color: #05386B;
  font-weight: bold;
}

#modal-wtype-label {
  color: #e66312;
  font-weight: bold;
}

/* RESULTS TEMPLATE */
.custom-switch {
  display: none;
}

.data-results-home {
  padding-left: 12px;
  float: right;
}

.breadcrumb {
  background-color: #FFFFFF;
  padding: 0 16px 16px 0;
  margin-bottom: 0;
}

.breadcrumb-item > a {
  text-decoration: none;
}

#btn-advsearch-query {
  background-color: #659DBD;
  color: #ffffff;
  margin-left: 8px;
  padding: 0 4px 0 4px;
  vertical-align: top;
}

.gene-header {
  margin-bottom: 0;
}
.table-hover > tbody > tr > td {
  letter-spacing: .1em;
  /*transition: text-shadow .3s;*/
}

.table-hover > tbody > tr > th:hover{
  background-color: #DCDCDC;
}
.table-hover > tbody > tr:hover {
  background-color: #FFFFFF;
  text-shadow: 1px 0 0 #999;
  /*font-weight: bold;*/
  /*color: #05386B;*/
}

.multicollapse:hover {
  cursor: pointer;
}

/* HITS TABLE */
.hit-projectname {
  display: None;
}

#alert-no-hit {
  width: 25%;
  margin-top: 16px;
}
.cell-marker {
  width: 24%;
}
.cell-penetrance {
  width: 24%;
}
.cell-hit {
  width: 8%;
}
.cell-image {
  width: 20%;
}
.cell-wildtype {
  display: none;
}
.cell-phenotype {
  width: 36%;
}
.cell-ptype-penetrance {
  width: 32%;
}


th.header-markerphenohit {
  padding-top: 0px;
  padding-left: 0px;
}

.table-markerphenohit {
  margin-bottom: 0px;
}

/* SUPPLEMENT PAGE */

.btn-supfile {
  background-color: #27598e;
  color: #FFFFFF;
  margin-bottom: 8px;
  font-size: 0.75vw;
  /*min-width: 160px;*/
  text-align: left;
}

.btn-supfile:hover {
  color: #84CEEB;
}

.supfile-manycol {
  margin-right: 12px;
}

.link-supplemental {
  font-size: small;
}

.legend-supplemental {
  list-style-type: none;
  font-size: small;
}
.legend-supplemental > li {
  margin-left: 16px;
}

/* IMAGE VIEWER */
.imageviewer-endocytosis,
.imageviewer-cellcycle,
.imageviewer-all-endocytosis,
.imageviewer-endocytosis > img,
.imageviewer-cellcycle > img,
.imageviewer-all-endocytosis > img {
  max-height: 35vh;
  min-height: 35vh;
  overflow: hidden;
}

/* PROJECTS' HOME PAGE */
h4, h5, h6 {
  font-weight: bold;
}

#qstab {
	border-color: #05386B;
  margin-top: 16px;
}

#qstab-content > #query,
#qstab-content > #supplement {
  padding-left: 0;
  margin-top: 12px;
}

#qstab > .nav-item > .nav-link {
	color: #659DBD;
}

#qstab > .nav-item > .active {
  color: #05386B;
  font-weight: bold;
  border-top-color: #05386B;
  border-left-color: #05386B;
  border-right-color: #05386B;
}
#qstab > .nav-item > .nav-link:hover {
  border-top-color: #05386B;
  border-left-color: #05386B;
  border-right-color: #05386B;
  border-bottom-color: white;
}

.project-home {
  margin-top: 8vw;
  /*visibility: hidden;*/
}

.project-title-image {
  display: block;
  max-height: 30vh;
  margin: auto;
  vertical-align: middle;
  horiz-align: center;
}

.project-title > h5 {
  font-weight: bold;
  /*text-align: center;*/
}

.project-search {
  display: inline-block;
  margin-top: 8px;
}

.project-extra {
  margin-top: 8px;
  font-size: 14px;
}

.gene-select {
  width: 75%;
}

/* Hide the raw <select> elements until select2 upgrades them, to avoid a
   flash of the native multi-select list on page load. */
.tp-gene-group select.gene-select:not(.select2-hidden-accessible) {
  display: none;
}

/* Dropdown and search box split the row equally, filling it up to the
   submit button. */
.tp-gene-group > .select2-container {
  flex: 1 1 0;
  min-width: 0;
}

/* select2 hides its arrow on multi-selects, so add a caret to the browse
   box to make it read as a dropdown. */
.tp-gene-group > #geneselect-terminalphenotypes-browse + .select2-container
  .select2-selection--multiple {
  position: relative;
  padding-right: 20px;
}

.tp-gene-group > #geneselect-terminalphenotypes-browse + .select2-container
  .select2-selection--multiple::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  border-top: 5px solid #888;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  pointer-events: none;
}

.gene-select-single {
  width: 15vw;
}

#navbar-search > form > .input-group > .gene-select {
  width: 15vw;
}
.project-breadcrumb {
  margin-top: 16px;
}

.list-nostyle {
  list-style-type: none;
  padding-left: 0;
  font-size: 12px;
}

.list-as-table {
  float: left;
  min-width: 180px;
}

.popover{
    max-width: 100%;
}

#endo-imageinfo,
#cyclops-imageinfo {
  display: none;
}
/* SUPPLEMENTAL PAGE */
.endo-suphead {
  font-size: 16px;
  display: block;
}

/* HELP PAGE */
.endocytosis-help {
  margin-top: 24px;
  margin-bottom: 32px;
}
.endocytosis-help > p {
  font-size: 14px;
  text-align: justify;
}
/* DATA TABLES*/
.mutation,
.strain,
.temperature,
.mean_smf,
.stdev_smf {
  width: 5%;
  max-width: 5%;
}

.marker_gen_result {
  max-width: 48%;
  width: 48%;
}

.marker_ptype_gen_result {
  max-width: 26%;
  width: 26%;
}

.marker_gen_result > .table-m2m > thead > tr > th {
  /*padding-right: 24px;*/
}

.phenotype-column {
  width: 160px;
}

th.marker-header {
  /*padding-right: 0 !important;*/
}

th.image-thumbnail {
  padding-left: 30px;
  padding-right: 30px;
}

.data-tables > .table-container > table {
  overflow: auto;
}

.data-tables > .table-container > table > thead > tr > th {
  font-size: 12px;
}

.data-tables > .table-container > table > tbody > tr > td {
  font-size: 12px;
}

.data-tables {
	border: none;
}

.diagram-thumbnail {
  width: 60px;
}

.endo-pytpe-diagram {
  width: 100%;
  /*background-color: #FFFFFF;*/
}
.fa-angle-double-up {
  display: none;
}

/* WILDTYPE IMAGES */
.img-wildtype {
  display: none;
}

/* ENDO MARKER COLOR CODING */
.marker-actin {
	background-color: #f2efe8;
  width: 150px;
}
.marker-cortical {
	background-color: #dbe9d8;
  width: 150px;
  /*width: max-content;*/
}
.marker-lateendo {
	background-color: #c2d4d8;
  width: 150px;

}
.marker-vacuole {
	background-color: #b0aac2;
  width: 150px;
}

/* LEGENDS */
.legend-hit,
.legend-ptype,
#legend-ptypehit {
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.legend-hit > li,
.legend-ptype > li {
  margin-left: 12px;
  width: 80%;
}

.legend-ptype > li > p,
#legend-ptypehit > li > p {
  margin-bottom: 4px;
}

#endo-spinner {
  color: #05386B;
  margin-left: 12px;
}

/* COLLAPSIBLE SIDEBAR */
.data-tables > .table-container {
  display: inline-block;
  width: 85%;
}

#table-legend {
  min-width: 13%;
  max-width: 13%;
  /*min-height: 100vh;*/
  display: inline-block;
  float: right;
  font-size: 12px;
  position: fixed;
  margin-top: 16px;
  /*position: absolute;*/
}

#card-endolegend {
  margin-top: 16px;
  padding: 8px;
  display: inline-block;
  transition: none;
  box-shadow: none;
}

#btn-endolegend {
  background-color: #05386B;
}

#btn-endolegend > #endolegend-show {
  display: none;
}

/* IMAGE VIEWER */
.allele-link {
  font-style: italic;
}
.proteindata {
  width: 95%;
  margin-top: 40px;
}

.seqdata {
  width: 75%;
  margin-top: 40px;
}

.hitdata {
  margin-top: 40px;
  margin-bottom: 50px;
}

.table-hitdata {
  width: 25%;
}

.table-proteindata > tbody > tr > td,
.table-seqdata > tbody > tr > td,
.table-hitdata > tbody > tr > td,
.header-rep,
.header-rank,
.header-hit,
.header-image {
 font-size: 12px;
}

.header-phase {
  font-size: 10px;
}


.header-localization,
.header-abundance,
.header-seq,
.header-hitdata {
  font-size: 11px;
}

.header-rep {
  text-align: center;
}

.header-rank,
.header-hit,
.header-image {
  vertical-align: middle !important;
  text-align: center !important;
}

/* IMAGES AND PLOTS */
#cc-cellimages,
#cc-circleplot {
  display: inline-block;
}

#img-ccplot:hover {
  cursor: pointer;
}

#img-ccplot-enlarge {
  width: 80%;
  height: 80%;
}

#ccplot-summary {
  display: none;
  text-align: justify;
  background-color: #696969;
  border:1px solid #696969;
  color: #FFFFFF;
  opacity: 0.90;
  position: absolute;
  bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
}

/* CELL CYCLE VIEWER */
#cellcycle-container {
  margin-top: 40px;
}

.svg-container {
  width: 300px;
}

#svg-g1pre-start {
  width: 250px;
}

/*.svg-container:nth-of-type(2),*/
/*.svg-container:nth-of-type(3),*/
/*.svg-container:nth-of-type(4),*/
/*.svg-container:nth-of-type(5),*/
/*.svg-container:nth-of-type(6) {*/
  /*width: 300px;*/
/*}*/

.phase-container {
  display: inline-block;
  margin-bottom: 2%;
}

.phase-container:nth-of-type(1),
.phase-container:nth-of-type(6) {
  width: 100%;
}
.phase-container:nth-of-type(2),
.phase-container:nth-of-type(3),
.phase-container:nth-of-type(4),
.phase-container:nth-of-type(5) {
  width: 48%;
}
.svg-container:nth-of-type(1),
.svg-container:nth-of-type(6) {
  margin: 0 auto;
}

.phase-container:nth-of-type(2),
.phase-container:nth-of-type(4) {
  padding-left: 10%;
}

.phase-container:nth-of-type(3),
.phase-container:nth-of-type(5) {
  padding-right: 8%;
}

.phase-container:nth-of-type(6) {
  padding-right: 5%;
}

/* HELP PAGE */
.cellcycleomics-help {
  margin-top: 24px;
  margin-bottom: 32px;
}

.cellcycleomics-help > p {
  font-size: 14px;
  text-align: justify;
}
/* ADVANCED SEARCH */

.advancedsearch-cyclops > .form-group {
  display: block;
  margin-bottom: 8px;
}

.advancedsearch-cyclops > .form-group > label {
  display: none;
}

.advancedsearch-cyclops > .form-group > select {
  display: inline-block;
  float: left;
}

.form-group select[id$='cyc_logic'] {
  margin-right: 8px;
  width: 8%;
}

.form-group select[id$='cyc_limit'],
.form-group select[id$='cyc_direction'],
.form-group select[id$='cyc_regulation'],
.form-group select[id$='cyc_foldchange'] {
  display: none;
}

.form-group select[id$='cyc_screen'] {
  float: none;
}

.cyc-removeadd {
  width: max-content;
}

.cyc-removeadd > button {
  margin-top: 8px;
}


/* RESULT - COLLAPSIBLE */
#cyclops-cellimages {
  min-height: 80px;
}

#cyclops-collapse {
  margin-top: 12px;
  margin-bottom: 24px;
}

.cyclops-collapse-subheaders {
  font-size: 1.5rem;
  font-weight: bold;
  color: #212529;
  margin-top: 24px;
}

#cyclops-collapse-locscore,
#cyclops-collapse-yeastgfp,
#cyclops-collapse-abundance,
#cyclops-collapse-locchange,
#cyclops-collapse-external {
  margin-top: 12px;
  margin-bottom: 12px;

}

.cyclops-collapse-subheaders:hover {
  color: #05386B;
}

#cyclops-yeastgfp-link {
  font-weight: bold;
}

/* RESULT */

#cyclops-screens {
  width: 40%;
  font-size: 12px;
}

.header-screen{
  font-size: 11px;
}

.header-datatype {
  font-size: 11px;
  text-align: center;
}

#cyclops-ygfp {
  display: inline-block;
}

#cyclops-oshea {
  font-size: 16px;
  margin: 0;
}

#cyc-abundance-plot {
  max-width: fit-content;
}

#collapse-cyc-plot > .card {
  border-style: none;
  box-shadow: none;
  padding: 0;
}

#accordion-cyc-plot .card-header {
  padding-top: 0;
  padding-bottom: 0;
}

#btn-collapse {
  background-color: #FFFFFF;
  padding: 3px 6px 3px 6px;
  border: #05386B;
  border-style: solid;
  border-radius: 6px;
  border-width: 1px;
  box-shadow: none;
  color: #05386B;
}

/* ABOUT PAGE */
#cyclops-title {
  color: #05386B;
  font-weight: normal;
}

.cyc-abrv {
  color: #05386B;
  font-weight: 900;
}

.card-cyclops {
  height: 150px;
}

.card:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease-in-out;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.card-title {
  font-size: 18px;
  font-weight: bold;
}

.card-text {
  font-size: 14px;
}

/* GENE LIST TABLE */
#cyclops-gene-table {
  margin-top: 1%;
  height: 800px;
  overflow: scroll;
  border-bottom: 2px solid #999999;
  border-right: 2px solid #999999;
}

#cyclops-gene-table > .table-container {
  width: 100%;
}

#cyclops-gene-table table {
  margin-bottom: 0;
}
#cyclops-gene-table table thead tr th,
#cyclops-gene-table table tbody tr td {
  border: 1px solid #999999;
  border-right: none;
}

#cyclops-orf-header,
#cyclops-gene-header {
  width: 10%;
}

/* HELP PAGE */
.cyclops-help {
  margin-top: 1%;
  margin-bottom: 1%;
  display: inline-block;
}

#cyclops-help-card-home {
  width: 65%;
  float: left;
  margin-right: 5%;
}

#cyclops-help-card-micrographs,
#cyclops-help-card-results {
  width: 65%;
}

.cyclops-help-imgcard img {
  width: 90%;
  margin: 12px 5% 12px 5%;
}

.cyclops-help-imgcard {
  background-color: #f3f3f3;
}

.cyclops-help-text {
  margin-bottom: 0;
  font-size: 14px;
  text-align: justify;
}

.cyclops-help-list {
  padding-inline-start: 20px;
  margin-bottom: 0;
  text-align: justify;
}

.text-blue {
  background-color: #00ffff;
}

.text-yellow {
  background-color: #ffff00;
}
.dub-data-results {
    margin-top: 32px;
}

/* LOCALIZATION SCORE */
.dub-results-all > h4 {
    color: #05386B;
}

.dub-results-all > table {
    font-size: 12px;
    margin-bottom: 32px;
}

.dub-results-all > table > thead > tr:first-child > th {
    text-align: center;
}

#dub-images,
#dub-btn2-images {
    margin-bottom: 32px;
}

#dub-results-cellcount {
    width: 50%;
}

#dub-results-abundance,
#dub-results-locscore,
#dub-results-locchange {
    width: 95%;
}

/* BTN2 */
#dub-results-btn2 {
    width: 60%;
}

#btn2-strain {
    font-size: 14px;
}

#dub-btn2-temp-images {
    display: inline-block;
}

.btn2-image-caption {
    width: 100px;
    text-align: center;
    color: #05386B;
    font-size: 14px;
    font-weight: bold;
}

#btn2Tabs {
    margin-bottom: 24px;
}

#btn2Tabs > .nav-item > .nav-link {
    color: #659DBD;
}

#btn2Tabs > .nav-item > .active,
#btn2Tabs > .nav-item > .active:hover {
    color: #FFFFFF;
	background-color: #05386B;
}
#home-pifia {
    margin-top: 1%;
    margin-left: 2%;
    margin-right: 2%;

}

#pifia-nav {
    /*margin-bottom: 1%;*/
    margin: auto;
    width: 1200px;
}
.pifia-font {
    font-family: Georgia, serif;
}

/*#pifia-header {*/
/*    align-content: left;*/
/*}*/

#pifia-header > a > img {
    width: 250px;
    min-height: 100px;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 15px;
}


#pythia-icon > a > img {
    /*width*/
    /*max-width: 30%;*/
    height: 15vh;
    min-height: 100px;
}

#pifia-gene-search {
    display: block;
    align-items: center;
    max-width: 500px;
    margin-top: 4%;
    /*max-width: 60%;*/
    /*justify-content: center;*/
}

#pifia-gene-search > form {
    /*margin-left: 4%;*/
}

#geneselect-pifia {
    width: 100%;
    display: inline-block;
    border: none;
}
#pifia-gene-search > form > .input-group > .select2-container {
    width: 90% !important;
}

#btn-pifia-submit {
  display: none;
  background-color: #05386B;
  height: 4vh;
  font-size: 1.5vh;
}

#pifia-download {
    margin: auto;
    width: 1200px;
    text-align: right;
}

.btn-pifia-file {
  background-color: #27598e;
  color: #FFFFFF;
  margin-bottom: 8px;
  font-size: 0.70vw;
  /*min-width: 160px;*/
  /*text-align: center;*/
}

#pythia-graph-container {
    margin: auto;
}

#pythia-graph-container > div > div,
.js-plotly-plot,
.plot-container {
    /*width: 100%;*/
    /*height: 70vh;*/
    width: 1200px !important;
    height: 600px !important;
    margin: auto;
}

#pifia-tabContent {
    min-height: 400px;
    /*width: 80%;*/
    margin: 32px 15px 32px 15px;
}

@media only screen and (max-width: 1200px) {
    #pifia-gene-data {
          min-width: 1200px !important;
      }
    .sticky-top {
        min-width: 1250px;
    }

}

#pifia-gene-data {
    width: 1200px !important;
    margin: auto;
}
#pills-pifia-tab {
    display: flex;
    justify-content: center;
    width: 600px !important;
    /*margin: auto;*/
    /*margin-left: 16%;*/
}

#pills-pifia-tab > li {
    margin: 6px;
    width: 130px;
    font-size: 16px;
}
.nav-pifia-link {
    background-color: #659DBD;
    color: #FFFFFF;
    text-align: center;
    /*width: 140px;*/
    /*font-size: 16px;*/
}

.nav-pifia-link.active {
    background-color: #05386B !important;
}

/* DESCRIPTION */
#pifia-description {
    margin: auto;
}

#pifia-description > table > tbody > tr > th,
#pifia-description > table > tbody > tr > td > #label-orf {
    color: #05386B;
}
/* EXTRA LINKS */
#pifia-extra {
    display: block;
    /*margin-left: 4%;*/
}

#pifia-extra > a {
    font-size: 14px;
}
/* IMAGES */
#pifia-image {
    /*text-align: center;*/
    margin: 1%;

}

.pifia-image-rep {
    display: inline-block;
    /*width: 70%;*/
    /*margin-left: 15%;*/
}

.img-thumbnail-pifia {
    max-width: 49%;
    cursor: pointer;
}

.pifia-image-gene-caption,
.pifia-image-caption {
    display: inline-block;
    width: 49%;
    margin-top: 8px;
    font-weight: bold;
    text-align: center;
}

.pifia-image-gene-caption:first-of-type,
.pifia-image-caption:first-of-type {
    color: #05386B;
}

.pifia-image-gene-caption:last-of-type,
.pifia-image-caption:last-of-type {
    color: #e66312;
}

/* IMAGE - MODAL */

#slider-brightness-gfp.ui-widget-content { border-color: #0C7F02;}
#slider-brightness-gfp > .ui-slider-handle {
  border-color: #0C7F02;
  background: #0C7F02;
}

#slider-brightness-rfp.ui-widget-content { border-color: #CE1F0E;}
#slider-brightness-rfp > .ui-slider-handle {
  border-color: #CE1F0E;
  background: #CE1F0E;
}

#slider-brightness-farred.ui-widget-content { border-color: #05386B;}
#slider-brightness-farred > .ui-slider-handle {
  border-color: #05386B;
  background: #05386B;
}

/* LOCALIZATION */
#table-pifia-localization {
    border: none;
    width: 50%;
    /*margin: auto;*/
}

#table-pifia-localization td {
    border: none;
    width: 50%;
}

/* ANALYSIS - NEIGHBOURS */
#pifia-go-analysis {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

#pifia-neighbours-correlation {
    width: 100%;
    display: inline-block;
    margin-bottom: 24px;
}
#pifia-neighbours {
    width: 79%;
    display: inline-block;
    vertical-align: top;
    /*margin-bottom: 48px;*/
}

#pifia-correlation {
    display: inline-block;
    width: 19%;
    text-align: center;
}

#pifia-label-correlation {
    margin-bottom: 8px;
}
.slider-pifia-minmax {
    display: inline-block;
    font-size: 14px;
    margin: 8px 0;
}

#slider-pifia-neighbours {
    width: 50%;
    display: none;
    margin: 0 6px;
}

#slider-pifia-neighbours.ui-widget-content { border-color: #05386B;}
#slider-pifia-neighbours > .ui-slider-handle {
  border-color: #05386B;
  background: #05386B;
}

#slider-label-pifia-neighbours {
    display: block;
    color: #05386B;
    font-size: 14px;
    font-weight: bold;
}

label[for='pifia-show-neighbour'] {
    font-size: 14px;
}

/* ANALYSIS - GO ENRICHMENT TABLES */
.pifia-go-results {
    font-size: 16px;
    max-height: 350px;
    /*overflow-y: scroll;*/
    overflow: auto;
    margin-bottom: 32px;
    /*width: 98%;*/
    letter-spacing: 0;
}

.pifia-go-table {
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border: 1px solid #BEBEBE;
    min-width: 100%;
}

.pifia-go-table > thead > tr > th {
    white-space: nowrap;
    width: auto;
    background: #b0c4de;
    position: sticky;
    top: 0;
    z-index: 1;
}

.pifia-go-table > thead > tr > th:first-child {
    z-index: 2;
}

#pifia-go-bioprocess > thead > tr > th:nth-of-type(2),
#pifia-go-molfunction > thead > tr > th:nth-of-type(2),
#pifia-go-cellcomponent > thead > tr > th:nth-of-type(2),
#pifia-go-cellcomponent > tbody > tr > td:nth-of-type(2),
#pifia-go-cellcomponent > tbody > tr > td:nth-of-type(2),
#pifia-go-cellcomponent > tbody > tr > td:nth-of-type(2) {
    width: 150px !important;
}

.pifia-go-table > tbody > tr > td:nth-of-type(1),
.pifia-go-table > tbody > tr > td:nth-of-type(3),
.pifia-go-table > tbody > tr > td:nth-of-type(4) {
    white-space: nowrap;
}

.pifia-go-table > thead > tr > th,
.pifia-go-table > tbody > tr > td {
    padding: 4.8px;
    word-break: break-word;
    vertical-align: top;
}
#pifia-neighbours > h6,
#pifia-go-analysis > h6 {
    color: #05386B;
}

/* Others */
.pifia-spinner {
  color: #05386B;
  margin-left: 12px;
}

.select2-dropdown {
    z-index: 1000;
}

#block-div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.3;
    background-color: #ffffff;
    color: grey;
    z-index:9999;
}

#block-div-text {
  position: fixed;
  top: 45vh;
  left: 45vw;
}

/* ADVANCED SEARCH */
.advancedsearch-pifia > .form-group {
  display: block;
  margin-bottom: 8px;
}

.advancedsearch-pifia > .form-group > label {
  display: none;
}

.advancedsearch-pifia > .form-group > select {
  display: inline-block;
  float: left;
  width: 15%;
  margin: 4px;
}

.form-group select[id$='pifia_logic'] {
  margin: 4px;
  width: 8%;
}

.form-group select[id$='pifia_cc_regulation'] {
  display: none;
}

.form-group select[id$='pifia_cmp'],
.form-group select[id$='pifia_cc_regulation']{
  float: none;
}

.pifia-removeadd {
  width: max-content;
  margin: 4px;
}

.pifia-removeadd > button {
  margin-top: 8px;
}

/* HELP PAGE */
.pifia-help {
  margin-top: 24px;
  margin-bottom: 32px;
}

.pifia-help > p {
  font-size: 14px;
  text-align: justify;
}

.pifia-help-list,
.pifia-help-list > li > ul > li {
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 0;
}
/* IMAGES */
#tp-images > h4,
#tp-images > h6 {
  color: #05386B;
  padding-top: 8px;
}

#tp-select-marker {
  width: 250px;
}

.tp-marker-images {
  margin-top: 8px;
}

/* PROTEIN LIST TABLE */
.tp-protein {
  color: #05386B !important;
  cursor: pointer;
}

.tp-protein:hover {
  text-decoration: underline !important;
}
/*.imageviewer-endocytosis {*/
  /*display: inline-block;*/
/*}*/

.imageviewer > .imageviewer-endocytosis > img > .img-thumbnail,
.imageviewer > .imageviewer-endocytosis > img > .img-preview {
  max-width: none !important;
  width: 300px;
}

th.viewerheader-endo {
  width: 25%;
}

/* ALL GENES */
#allgenes {
  font-size: 14px;
  /*color: #05386B;*/
}

#allgenes > .tab-content > .tab-pane {
  margin-top: 8px;
}

.viewerheader-gene {
  width: 10%;
}

.viewerheader-endomarker {
}

/* TOOLS */
#imageviewer-tools {
  margin-top: 0;
  float: right;
}

#viewer-slider-brightness {
  margin-bottom: 8px;
}