h3{
    margin-top:14px;
}

.page-header {
    padding-bottom:9px;
}

.left-box {
  width: 50%;
  float: left;
}
.right-box {
  width: 50%;
  float: left;
}

.logo {
    padding-bottom: 50px;
}

/*  UniCarb-DB */
.home .container-fluid.content, .about .container-fluid.content, .upload .container-fluid.content {
     background: url(../images/UniCarbDB_Logo.png) top center no-repeat;
}


/*////////////////////////////LOGO change for UniCarb-DR or DB//////////////////////////////////////////////*/
/*  UniCarb-DR */

 .home .container-fluid.content, .about .container-fluid.content {
     background: url(../images/UniCarbDR_Logo.png) top center no-repeat;
 }




.home h3.subheader {
    margin-top: 50px;
}

h3.logo-text {
    margin-top: 70px;
    margin-left:60px;
    font-weight: normal;
}

.footer p.pull-left {
    margin-left:20px;
}

.footer p.pull-right {
    margin-right:20px;
}

.about .content .info {
    margin-top:100px;
}

.about .sidebar .info {
    margin-top: 0; padding: 20px;
}

/*//////////////////////////////////////////////////////////////////////////*/
/** Twitter panel */
/*//////////////////////////////////////////////////////////////////////////*/

.twitter-follow-button{
    float:right;
    margin-top: -4px;
}

/*//////////////////////////////////////////////////////////////////////////*/
/** Counts Widget */
/*//////////////////////////////////////////////////////////////////////////*/
.widget .references-count a {
    background: transparent url("../images/icons/icon_book.png") no-repeat center left;
}

.widget .taxonomy-count a {
    background: transparent url("../images/icons/icon_dino.png") no-repeat center left;
}

.widget .structures-count a {
    background: transparent url("../images/icons/icon_glyco.png") no-repeat center left;
}

.widget .spectra-count a {
    background: transparent url("../images/icons/icon_charts.png") no-repeat center left;
}

.widget .tissue-count a {
    background: transparent url("../images/icons/icon_tissue.png") no-repeat center left;
}

.widget .span2 {
    width: 18%;
}

/*//////////////////////////////////////////////////////////////////////////*/
/** Slide carousel */
/*//////////////////////////////////////////////////////////////////////////*/
#slideCarousel .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: none;
    line-height: 1;
    margin: 0 auto;
}

#slideCarousel .carousel-caption h3{
    margin-top:10px;
    color:#fff;
    font-weight:normal;
}

#slideCarousel .carousel-control{
    font-size:30px;
}

#slideCarousel img{
    width auto;
    max-height:450px;
    margin: 0 auto;
}

/*//////////////////////////////////////////////////////////////////////////*/
/** Footer on welcome page */
/*//////////////////////////////////////////////////////////////////////////*/
#welcome-footer li {
  width: 16.65%;
  float: left;
}

#welcome-footer img {
  padding :0 15px;
  border: 0 none;
  display: inline-block;
  height: auto;
  max-height:80px;
  max-width: 100%;
  vertical-align: middle;
}

#welcome-footer h3 {
    margin-top: 0px;
}

.supporters img {
    max-width:100% !important;
    max-height:70px;
}

/*//////////////////////////////////////////////////////////////////////////*/
/** Search page*/
/*//////////////////////////////////////////////////////////////////////////*/
.searchdiv{
/*    border:5px;
    border-style: solid;
    border-color: #ff0000;*/
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgrey;
}
.searchdiv h4, .searchdiv h5 {
    padding-bottom:15px;
}

.composition-div>{
    margin-bottom:20px;
}
.search-radio div.radio {
    float:left;
}

.search-radio label {
  float: left;
  clear: none;
  width:auto;
}

.search-radio input[type=radio],
input.radio {
  float: left;
  clear: none;
}

.search-radio span {
    margin-left:10px;
}

.search-field, .search-radio {
    display:inline-block;
}

.search-field input{
    height:30px;
}

.short input{
    width:80px;
}

.very-short input{
    width:40px;
}

.long input{
    width: 70%;
}

.long{
    width: 100%;
}

.range-input-to{
    padding: 8px 12px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    float:left;
    display:table-cell;
    z-index:1;
    height:30px;
}

.to-active {
    color: #fff;
    background-color: #008FD5;
    border:none;
}

.range-input input{
    float:left;
    height:30px;
    width:50px;
    z-index:2;
    margin-bottom:0px;
}

.range-input-start input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right:0;
}

.range-input-end input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left:none;
}

.range-picker{
    padding-left: 10px;
    display:inline-block;
    width:160px;
}


.pers-red{
    display:inline-block;

    border-style: solid;
    border-color: green;
    width: 800px;
    position:relative;
    }

.charge-div{
    width:auto;
}

#chargeDisplay{
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    width: 120px;
    color: rgb(255,255,255);
    background-color: #008FD5;
    text-align: center;
    border-radius:20px 0 0 20px;
}

#chargeSlider{
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    display: table-cell;
    background-color: transparent;
    height: 20px;
    cursor:pointer;
    outline: none;
    padding:5px;
}


#chargeContainer{
    display:table;
    position: relative;
    height: 20px;
    background-color: rgb(245, 245, 245);
    border-radius:20px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor:pointer;
}

.charge-div input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 20px;
    height: 20px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    background-color: #008FD5;
    position: relative;
    top: 4px;
}
.charge-div input[type="range"]::-webkit-slider-thumb:hover{
    background-color: #0071A9;
}

.charge-div input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 20px;
    height: 20px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 20px;
    background-color: #008FD5;
    position: relative;
    top: 4px;
}

.charge-div input[type="range"]::-moz-slider-thumb:hover{
    background-color: #0071A9;
}

.hidden-charge-input{
    display:none;
}

.charge-div span{
    font-size:12px;
    color:rgb(153, 153, 153);
    position:relative;
}

.charge-div .marker0 {
    left:31%;
}

.charge-div .marker-6 {
    left:16.5%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.select2-search-field {
  min-height: 28px;
  max-height: 28px;
}

.wrapped-text {
  max-width: 100%;
  text-wrap: wrap;
}