/* To fix a problem with the display of tabs from transliteration */

ul.nav-tabs a{
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  display: block;
  padding: .5rem 1rem;
}

ul.nav-tabs a.active{
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

/* Change all div containers to block */
div {
  display: block;
}
div#popcomp_filter_and_table_card {
  display: block;
  height: fit-content;
}

/* To change the color of tabs on the right of the title */
/* #ihlanet */
#ihlanet{
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-active-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
}

span.navbar-brand{
  font-size: xx-large;
  color: #fff;
  --bs-navbar-brand-hover-color: rgba(255, 255, 255, 0.85);
}

/* Related to megamenu */
.dropdown-toggle::after {
    display:none;
}

/* To fix the display of the main ciceron dropdown */
.sw-show.sw-dropdown-content {
  right: 0px;
  left: auto;
}

/* Place the cicerone button correctly */
body nav div div ul li div.sw-dropdown{
  top: 20px;
}

body nav div div ul li div button.bttn-material-circle.bttn-royal{
  background-color: #f04c3c;
  color: #FFF;
}

/* To fit this button in one single line (it is the longest one, the rest will follow its width) */
#cicerone_pop {
    white-space: nowrap;
}

/* To set the width of all buttons to 100%. Exceptions are changed back later */
.btn.btn-default.action-button.shiny-bound-input {
  width: 100%;
}
#cwd_viewer_tool-cwd_go {
  width: auto;
}
#popcomp_results_cicerone_help_button {
  width: auto;
}
#uniformate_tool-unif_button{
  width: auto;
}
#metadata_modal_save{
  width: auto;
}
#input_sample_address{
  width: auto;
}
#file_conversion_tool-Save_NA_col_2_remove{
  width: auto;
}

/* To set the width of a download button to 100%. */
a#dm_table_download_button {
  width: 100%;
}

/* To allow an ul component that has been introduced into div.card-header to take the right format */
/* Here, we act over div containing both ul. */
div#popcomp_filter_and_table_card div div div.card.bslib-card div.card-header{
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#popcomp_results_UI div div div.card-header{
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#shinymodal div div div div.modal-footer {
  align-items: normal
  -webkit-align-items: normal;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
div#analysis_tabset_container div div.card-header {
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#cwd_viewer_tool-cwd_tabpanel_container div div.card-header {
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#analysis_tabset_container div div div div.card.bslib-card div.card-header {
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#initial_world_map_module-Initial_world_map_card div.card-header{
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}

/* To allow an ul component that has been introduced into div.card-header to take the right format. */
/* Here, we act over the other ul inside the div. */
#visualisation_sample_table_nav_panel {
  -webkit-flex: 1;
  flex: 1;
}
#popcomp_results_card {
  -webkit-flex: 1;
  flex: 1;
}
#analysis_tabset {
  -webkit-flex: 1;
  flex: 1;
}
#cwd_viewer_tool-cwd_nav {
  -webkit-flex: 1;
  flex: 1;
}
#display_freqs_card {
  -webkit-flex: 1;
  flex: 1;
}
#initial_world_map_module-Initial_world_map_card {
  
}

div[data-value="allele_freq_table"] {
  height: 100%;
}

#download_button_table {
  width: 65px;
}

button.btn.btn-default.action-button.shiny-bound-input {
  margin-top:15px
}
a.btn.btn-default.shiny-download-link.shiny-bound-output {
  margin-top:5px
}




div#data_source_checkboxgroup div div.checkbox:nth-child(1){
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#data_source_checkboxgroup div div.checkbox:nth-child(1) label {
  -webkit-flex: 1;
  flex: 1;
}

div#data_source_checkboxgroup div div.checkbox:nth-child(2){
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#data_source_checkboxgroup div div.checkbox:nth-child(2) label {
  -webkit-flex: 1;
  flex: 1;
}

div#data_source_checkboxgroup div div.checkbox:nth-child(3){
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#data_source_checkboxgroup div div.checkbox:nth-child(3) label {
  -webkit-flex: 1;
  flex: 1;
}

div#data_source_checkboxgroup div div.checkbox:nth-child(4){
  display: flex !important;
  display: -webkit-flex !important;
  flex-basis: auto;
  -webkit-flex-basis: auto;
}
div#data_source_checkboxgroup div div.checkbox:nth-child(4) label {
  -webkit-flex: 1;
  flex: 1;
}

#PCA_input_card {
  overflow: unset;
}

/* It does not work (?) */
.sidebar {
  overflow: unset;
}