@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lato');

html, body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    background: #eaeaea;
    /*font-size: 19px;*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1.4em;
}


.jumbotron{
	background-color: #565656;
	color: #FFFFFF;
}


/*
body:after{
  content: "beta";
  position: fixed;
  width: 80px;
  height: 25px;
  background: #EE8E4A;
  top: 7px;
  left: -20px;
  text-align: center;
  font-size: 13px;
  font-family: sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  line-height: 27px;
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
*/

.comment-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

#upload-card:hover {
	cursor: pointer;
	cursor: hand;
	color:#555;
	background-color:#f5f5f5;
}

#paper-card a{
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

.card-columns {
	padding-top: 20px;
    column-width: 500px;
}

.card {
    //display: inherit !important;
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

.paper-title {
    font-family: 'Lora', serif;
    font-weight: bold;
    font-size: 1.1em;
}

.paper-ref {
    list-style-type: none;
    font-size: 12px;
}

.list-group-item {
    border: 0;
    border-bottom: 1px solid #999;
    border-radius: 0px !important;
}

.pagination-showing {
    margin-top: 2rem;
}

form {
    margin-bottom: 0rem !important;
}

.btn-success {
    background-color: #3d5fd4;
    border-color: #25387b;
}
.btn-success:focus, .btn-success:hover {
    background-color: #12319e;
    border-color: #25387b;
}
.btn-success:active, .btn-success:active:hover {
    background-color: #12319e;
    border-color: #25387b;
}