.card-header{
    border-radius: 10px;

padding: 20px;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);

   /*background-image: -webkit-linear-gradient(120deg, #379683 0%, #5CDB95 100%);*/
   background-color: rgb(5, 56, 107);
    /*background-image: -ms-linear-gradient(120deg, #379683 0%, #5CDB95 100%);*/
margin: 0px 15px 0;
margin-top: -20px;
color:white;
}
.card {
    /*background-color: #EDF5E1;*/
    background-color: white ;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    display: flex;
    font-size: .875rem;
    margin: auto;
    text-align: right;
}
.container{
    padding-top: 20px;
}
.row{
    margin: auto;
    padding: 20px 20px;
}

.form-control {
    width: 100%;
    color:gray;
    border-bottom : 1px solid #505add;
}
.card-body{
    padding: 0px;
}
#uploadIcon{
   font-size: 25px;
  color:white;
  margin-right: 3px;
}
#uploadIcon:hover{
  cursor: pointer;

}
#uploadI{
    padding: 10px;
        width: 50px;
height: 50px;
    border-radius: 125px;
    /*background-image: linear-gradient(120deg, #505add 0%, #df42b1 100%);*/
     background-image: -webkit-linear-gradient(120deg, #379683 0%, #5CDB95 100%);
    background-image: -ms-linear-gradient(120deg, #379683 0%, #5CDB95 100%);
} 
label{
    font-size: 16px;
    margin-left: 15px;
}
.infoForm{
    margin: 30px auto;
}
#infoRow{
    padding-top: 70px;
}
#uploadBtn{
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 20px;
        margin-right: 0px;

}
.midRow{
        height: 117px;
}
.lan{
    margin-left: 10px;
        width: 18px;
    height: 18px;
}

@-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;
}

h5
{
      display: inline;
    color: red;
    margin: 0px;
    /* height: 1px; */
    max-height: fit-content;
}
h6{
  display: inline;
      margin-top: 15px;
}

#addABtn{
  margin: 10px;
      width: max-content;
          margin-bottom: 40px;
    margin-top: 20px;
    font-size: 20px;
    color: white;
}
#addABtn:hover{
    cursor: pointer;
}
#addARow{
  padding: 5px;
width: 70%;
}
#addARow > .col-lg-5{
margin: auto;
}

#addACon{
    padding: 5px;

}

select{
      display: block;
}

#newAuthor{
      width: 100% !important;
}

#addAcard{
      width: max-content;
}