body {
    /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
    font-family: -apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji";
    padding-top: 5rem;
}

.navbar-dark .navbar-brand {
    border-radius: .5rem;
    border: .13rem solid #ccc;
    font-size: 1.35rem;
    padding-right: .5rem;
    padding-left: .5rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-top: .1rem;
    margin-bottom: .1rem;
}

/* No space between link and dropdown to prevent accidental closing */
.nav-item .dropdown-menu {
    margin-top: 0;
}

#nav-user li {
    color: rgba(255,255,255,.5);
}
#nav-user li a {
    color: rgba(255,255,255,.75);
}
#nav-user li a:hover {
    text-decoration: none;
}

/* Sticky footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 150px; /* Margin bottom by footer height */
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px; /* Set the fixed height of the footer here */
  /*line-height: 150px;*/ /* Vertically center the text there */
}
/* End sticky footer */

footer {
    padding: 1.5rem 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
}

h1 {
    margin-bottom: 2rem;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #aeaeae; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    padding-top: 3px;
    padding-bottom: 3px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Cloud canvas */
.cloud-canvas-container {
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: .2rem;
}

.cloud-canvas-container svg {
    background-color: #f0f0f0;
}
    
.save-button-container {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1000;
}

/* Paper, keywords exclusion */
.excluded-paper-button, .excluded-keyword-button {
    margin-bottom: .25rem;
}

/* Author input */
.author-col {
    max-width: 25rem;
}
.weight-col {
    max-width: 6rem;
}
.term-inputs {
    min-width: 15rem;
}
.twitter-typeahead {
    width: 100%;
}

/* Jumbotrons on front page */
.same-height {
    height: 93%;
}
.same-height h1.display-5 {
    font-size: 2rem;
}

/* Metrics */

.list-group a div.actions {
    visibility: hidden;
    position: absolute;
    right: 1.25rem;
}
.list-group a:hover div.actions {
    visibility: visible;
}

/* Overflow in metric/author list/results view */
#metrics .card {
    min-width: 15rem;
}

@media only screen and (min-width: 50rem) and (min-height: 45rem) {
    #metrics .row .list-group {
        padding-bottom: .1rem;
        max-height: calc(100vh - 28.5rem);
        overflow-y: auto;
    }

    #metrics .row .shortened {
        padding-bottom: .1rem;
        max-height: calc(100vh - 34rem);
        overflow-y: auto;
    }
}

/* Overflow in metric picker popup */
.modal-body .metrics-list .list-group {
    max-height: calc(100vh - 12.5rem);
    overflow-y: auto;
}

.modal-body .metric-detail {
    max-height: calc(100vh - 9.5rem);
    overflow-y: auto;
}

/* Already selected items in metric picker */
.list-group-item.already-selected {
    /* From .text-muted */
    color: #6c757d;
}
.list-group-item.active {
    color: #fff;
}

/* Owner username in metric list is muted, but should not be when active */
.list-group-item.active .text-muted {
    color: #fff !important;
}

/* Overflow in overview metric list */
@media only screen and (min-height: 50rem) {
    #metrics-overview .metric-details {
        max-height: calc(100vh - 30rem);
        overflow-y: auto;
    }
}

/* Don't show select buttons in metric overview */
#metrics-overview button {
    display: none;
}

/* Ratings */
.rate {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.rate > span {
    display: inline-block;
    position: relative;
}

.rate > span:hover:before,
.rate > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
}

.rating, .rate {
    display: inline;
}

.list-group a div.rating {
    position: absolute;
    right: 1.25rem;
}

/* Links in author disambiguation popup not blue */
.author-disambiguate-modal .list-group-item-action a {
    color: inherit;
}

/* Categories multi-select */
select.selectmultiple[name="categories"] {
    height: 12rem;
}

/* Show "(optional)" for optional fields instead of '*' for required fields */
label.col-form-label:after, label.form-check-label:after{
    color: #6c757d;
    content: ' (optional)';
}
label.col-form-label.requiredField:after, label.form-check-label.requiredField:after {
    content: '';
}

form label .asteriskField {
    display: none;
}