.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.user-logo {
  margin-right: 0px;
}

.mr5   {margin-right: 5px;}
.mr10  {margin-right: 10px;}
.mr20  {margin-right: 20px;}
.mr50  {margin-right: 50px;}
.mr100 {margin-right: 100px;}
.mr150 {margin-right: 150px;}
.mr200 {margin-right: 200px;}

.ml5   {margin-left: 5px;}
.ml10  {margin-left: 10px;}
.ml20  {margin-left: 20px;}
.ml50  {margin-left: 50px;}
.ml100 {margin-left: 100px;}
.ml150 {margin-left: 150px;}
.ml200 {margin-left: 200px;}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
  .user-logo {
    margin-right: 100px;
  }
}

.card {
  background-color: #E2EFF8;
}

.card:hover {
  background-color: #6EC1FA;
  cursor: pointer;
}

.wrapper {
  margin-top: 20px;
}

.body-row:hover {
  background-color: #D6EAF8;
  cursor: pointer;
}
table.display {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;     
  word-wrap:break-word;  
}
table.test{
  width: 30px!important;
}

.message {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}