.message-panel {
  position: relative;
  width:100%;
  height:100%;

  & > div {
  		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

	  * {
	  	text-align: center;
	  	color:#bbbbbb;
	  }

  }


  &.list {
  	min-height: 250px;
  }

  &.dark {
  	background-color: #e2e2e2;
  	
  	> div {

  		* {
  			color: #999999;	
  		}
  		
  	}

  }
}
