.card{
  background-color: white;
  
}

.paperTcardR, .paperTcard {
    height: max-content;
    /* width: 230px;
    word-wrap: break-word; */
    margin-top: 10px;
}
.paperTcard:hover{
	cursor: pointer;
}
.paperTcardR:hover{
	cursor: pointer;
}
.paperTcard:focus{
	background-color: red ;
}
.form-control {
    width: 100%;
}
tr{
	cursor: pointer;

}
.cardBodyP{
  width: 215px;
  word-wrap: break-word;
}

.table td {
	border:0px;
}


/*checkboxes style */

  .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 25px;
  position: absolute;
  top: 25px;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}


/*search reviewer input style */

#searchR{
	    margin-bottom: 38px;
}



/*papers header style */

.papersHeader{
	margin-bottom: : 20px;
	color:#05386B;
}



@keyframes highlight {
    0% {
        background: red; 
    }
    100% {
        background: none;
    }
}

.highlight {
    animation: highlight 2s;
}


/*div {
  opacity: 0;
  transform: translate(0, 20px); 
  transition: all 1s;
}

div.visible {
  opacity: 1;
  transform: translate(0, 0); 
}*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}


#donePopup{
    width: 100%;
    height: 100%;
    margin: auto;
      position: fixed;
    top: 0;
    left: 0;
     background: rgba(80, 77, 77, 0.6);
    z-index: 1001;
-webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;

}
#popup2 {
     width: 100%;
    height:100%;
    padding:50px;
    padding-top:20px;
    
    background: #FFFFFF;
    border-top: 5px solid #383b61;
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    -webkit-box-shadow: #64686e 0px 0px 3px 3px;


    
}

.row1{
    padding-top: 130px;
}

.ConDiv{
  /* height: 480px; */
  height: 570px;

  overflow-y: scroll;
}
#SP{
  text-decoration: underline;
  color:#348F50;
  float: left;
}