/* styles.css */
.App {
  text-align: center;
}
a {
  text-decoration: none;
}

.SearchBar {
  margin-right: 10%; /* Adjust the value as needed */
  margin-left: 5%;
  margin-top: 1%;
}

.checkbox-label input[type="checkbox"] {
  width: 3%;  /* Adjust the width as needed */
  height: 3%; /* Adjust the height as needed */
  
}
.checkbox-label{
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#7a7777
}


.papers-container {
  display:flex;
  justify-content: space-between;
  justify-content: space-around;
}

.left-panel {
  width: 35%; /* Adjust the width as needed */
  padding: 10px;
  box-sizing: border-box;
  margin: 10px;
  margin-left: 100px;
  justify-content: space-between;
  justify-content: space-around;
  margin-left: 1%;
}
.right-panel {
  width: 35%; /* Adjust the width as needed */
  padding: 10px;
  box-sizing: border-box;
  margin: 10px; /* Adjust the margin as needed */
  margin-right: 100px;
  justify-content: space-between;
  justify-content: space-around;
  margin-right: 10%;
}

.ty {
  
  display: flex;
  text-align: right;
}

.title {
  margin:5px;
  display: inline-block;
  margin-left: 20%;
}

.year {
  margin:5px;
  margin-left: 67%;
}

.orange-journal{
  font-family: "Roboto";
  font-size: 15px;
  margin-bottom:100px;
}
.orange-conference{
  font-family: "Roboto";
  font-size: 15px;
}


.journal-paper-box {
  border: 1px solid #ccc; /* Add a border around the box */
  padding: 10px; /* Add padding inside the box */
  margin-bottom: 10px; /* Add margin to separate boxes */
  margin-top:10px;
  border-radius: 4px;
  background-color: #fffff0;
  text-align: left;
  width:120%;
}

.paper-title{
  font-size: 12px;
  font-weight: bold;
  color: rgb(231, 90, 59);
  margin-bottom: 0%;


}
.paperyear{
  margin-right: 1%;
  margin-bottom: 0%;

}

.yeartitle{ 
  display: flex;
  justify-content: space-between;
  align-items: baseline; /* Align items at the baseline */
  margin-bottom: 0%;
  margin-top: 0%;
}


.authors {
  font-size: 14px;
  color: #555;
  margin-left: 15px;
  margin-top: 1%;
  margin-bottom: 0%;
  font-family:'Roboto';
}

.Journal {
  font-size: 12px;
  color: #6c6868;
  margin-left: 15px;
  margin-top: 1%;
  margin-bottom: 0%;
  font-family:sans-serif;
  font-style: italic;

}




.SearchBar{
  height:30px;
  padding-left:25px;
  border: none;
  border-bottom: 1px solid #ccc;
  
  outline: none;
  width: 200px; /* Set the width as needed */
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  
 
}