/*
 * EBI MetaboLights - http://www.ebi.ac.uk/metabolights
 * Cheminformatics and Metabolism group
 *
 * European Bioinformatics Institute (EMBL-EBI), European Molecular Biology Laboratory, Wellcome Trust Genome Campus, Hinxton, Cambridge CB10 1SD, United Kingdom
 *
 * Last modified: 2014-Aug-20
 * Modified by:   Venkata Chandrasekhar Nainala
 *
 * Copyright 2015 EMBL - European Bioinformatics Institute
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
 */



.Share_study{
    font-size: 0.7em !important;
    color: #209AD6;
}

.lp20{
    padding-left: 20px !important;
}

body{
    margin: 0 auto !important;
}

.error{
    color: red;
}

#search-extras {
    top: 0px;
}

#search-extras.expander #ebi_search_results {
    position: absolute;
    z-index: 500;
    right: 4px;
    box-shadow: -1px 0px 20px 0px #666;
    min-width: 275px;
}

#search-extras #ebi_search_results h3 {
    cursor: pointer;
}

#search-extras #ebi_search_results h3.slideToggle:hover {
    background-color: #333;
    color: white;
}

.loading {
    background: url(/web_guidelines/images/global/ajax-loader.gif) no-repeat 99%;
}

.shortcuts h3 {
    border-bottom: 0 none;
    font-size: 130%;
    line-height: inherit;
    background-color: #DDD;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 7px;
    padding-right: 30px;
}

.shortcuts>div, div.highlight {
    width: auto;
    background: #ededed;
    padding-bottom: 10px;
    margin: 0 9px 9px 9px;
    overflow: visible;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#search-extras #ebi_search_results ul {
    list-style: none;
    padding-left: 9px;
}

#search-extras #ebi_search_results p {
    margin-top: 0px;
    background: #ededed;
    padding: 5px;
}

#search-extras #ebi_search_results ul a:link, #search-extras #ebi_search_results ul a:visited {
    margin-bottom: 3px;
}
.shortcuts>div ul li a {
    display: block;
    border-bottom-color: #ccc;
}

#ebi_search_results li {
    word-wrap: break-word;
}

html.fontface .icon-functional:before {
    font-family: 'EBI-Functional';
    font-size: 100%;
    color: #bbb;
    content: attr(data-icon);
    margin: 0 0.3em 0 0;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.metabolite-title{
    background-color: #f1f1f4;
    padding: 10px 10px;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
}

.metabolite-title h2{
    margin: 0;
    padding: 0 0 0 20px;
    display: inline;
}

.metabolite-title h3{
    display: inline;
    margin: 3px;
}


.metabolite-image{
    width: 100%;
    height: auto;
}

.metabolite-wrapper{
    border: 1px solid #f1f1f4;
    padding: 20px 20px;
    min-height: 100vh;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}


.mltable th {
    background-color: transparent !important;
}

.mltable {
    width: 100%;
    overflow-x: hidden;
}

.mltable td {
    overflow-x: hidden;
}

.wrap-content{
    word-wrap: break-word;
    overflow-x: hidden !important;
    max-width: 500px;
}

.study-select{
    width:100%;
}

.section-content{
    min-height: 50vh;
}

.ml-wrapper{
    min-height: 100vh;
}

.ml_vnb{
    padding: 0;
}

.nav-pills > li > a{
    border-radius: 0;
    font-size: 0.9em;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #f1f1f4;
    color: #000;
}

.ml_vntc{
    border: none;
    padding-top: 0;;
}

.ml_mtc{
    min-height: 80vh;
}

.abs{
    overflow: auto;
}

.ml_tr{
    border-bottom: 1px solid #f1f1f4;
    padding: 5px 0;
}

.ml_trc{
    padding: 5px 15px;
    overflow: auto;
}

.ml_tb{
    margin: 5px;
    border: 1px solid #f1f1f4;
}

.ml--btngrpoup{
    margin-top: 3px;
}

/*
    Metabolights study beta page CSS
*/



.study--title{
    color: #2c3e50;
    font-weight: 400;
    font-size: 26px;
    padding: 0px 15px;
}



.expand--description{
    margin-left: 15px;
}

.study--description{
    font-size: 14px;
}


.study--infopanel p{
    padding: 0;
}

.tabs--wrapper{
    padding: 10px;
}



.no--padding{
    padding: 0 !important;
}





a:link.hyperlinks{
    color: #333 !important;
    padding: 25px 25px;
}


#study-metabolitesicon.icon-conceptual::before {
    font-size: 100% !important;
}

.clickable {
    cursor: pointer;
}

.ml--loading{
    min-height: 50vh;
    background:url("/metabolights/img/beta_loading.gif") center center no-repeat;
}

.ml--inline{
    display: inline;
}

.ml--studytitle{
    display: block;
    margin-top: 10px;
}

.ml--bordertop{
    margin-top: 10px;
    border-top: 1px solid #CDCDCD;
}

.ml--noborder{
    border-bottom: 1px solid #D1D1D1 !important;
}

.ml--studydescription{
    display: block;
}

.ml--button{
    color: #fff !important;
}



.vc{
    display: flex;
    justify-content: center;
    align-items: center;
}

.vh100{
    height: 100px;
}


a:link.btn-ok{
    color: #fff !important;
}

.thorOrcIdSpan img{
    height: 15px;
    width: 15px;
}

#orcidPopoverDiv{
    width:300px;
    height:300px;
}

.mini--banner{

}

.ml--oh{overflow: auto;
    overflow-y: hidden;
}

.navbar-default {
    background-color: #F1F1F4;
    border-color: #F1F1F4;
    border-radius: 0;
    margin-top: -10px;
}



.description{
    padding-left: 5px;
}

.heading{
    padding-left: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F1F1F4;
}

.ml--form{
    margin-left: 15px;
}

.ml-btn{
    margin-bottom: 20px;
    margin-left: 15px;
}

.ml-row{
    margin-bottom: 10px;
    padding: 5px;
}

.ml-row .col-md-8{
    margin-top: 6px;
    padding-left: 20px;
}


#filterForm{
    padding-left: 0;
}

.ui-widget{
    margin-bottom: 10px;
}



.ml-compoundbox{
    background-color: #F1F1F4;
    padding: 20px 10px;
    margin-bottom: 10px;
}

.icon2-biggerFonts {
    color: #000000;
    font-size: 114% !important;
}

.ml-compoundbox-heading{
    font-size: 1.6em;
    margin: 10px 0 5px 0;
    text-transform: capitalize;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
}

.label {
    text-shadow: none !important;
}

.compound-thumbnail{
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    border: 1px solid #D6D6D6;
}

.compound-label{
    font-weight: normal;
    font-size: 0.7em;
    font-style: italic;
    margin-bottom: 10px;
}

.ml-studybox{
    background-color: #F1F1F4;
    padding: 0px;
    margin-bottom: 20px;
}

.ml-study-heading{
    background-color: #D6D6D6;
    padding: 10px 10px;
    font-size: 1.3em;
    text-decoration: none !important;
}

.nb {
    border-bottom-width: 0;
    border-bottom-style: none !important;
    border-bottom-color: transparent;
    color: #000 !important;
}

.ml-study-content{
    padding: 10px 10px;
}

.ml-study-content .row{
    margin-bottom: 5px;
}

.no-bullets{
    padding: 0 9px 0 0 !important;
}

.no-bullets li{
    list-style: none !important;
    text-indent: 0px !important;
}