#loadMoreBox{
 width: 100%;
 height: 30px;
 padding: 0px;
 margin: 0px;
 margin-top: 31px;
 margin-bottom: 31px;
 box-sizing: border-box;
 border-style: solid;
 border-width: 0px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-flow:  row;
 background-color: white;
}

#loadMoreIcon{
 min-width:80px;
 height: 30px;
 padding: 0px;
 margin: 0px;
 box-sizing: border-box;
 border-style: solid;
 border-width: 0px;
 border-radius: 5px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-flow:  row;
 background-color:black;
 color: white;
 cursor: pointer;
}




#loadingBox{
 width: 100%;
 height: 32px;
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 padding: 0px;
 box-sizing: border-box;
 background-color: white;
 margin: 0px;
 margin-top: 31px;
 margin-bottom: 31px;
}

#loadingIcon{
  display: none;
  width: 32px;
  height: 32px;
  margin: 0px;
  padding: 0px;
  background-position: center center;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  border-style: solid;
  border-radius: 100px;
  border-width: 0px;
  animation: loadingIcon 1s linear infinite;
}

@keyframes loadingIcon {
  from {
     transform: rotate(0deg);
  }

  to {

     transform: rotate(360deg);
  }
   
}