.theme-list {
  position: relative;
  display: flex;
  flex-flow: row;
  margin: 10px;
  height: 120px;

  .theme-box{
    width: 140px;
    height:98px;
    margin-right:10px;
    border: 1px solid #dddddd;
    background-size:100% auto;
    background-repeat: no-repeat;
    opacity: 0.7;
    &.default{
      background-image: url("../../../../ucap-webmessenger-app/src/assets/images/theme/theme-default.png");
    }
    &.lgRed{
     background-image: url("../../../../ucap-webmessenger-app/src/assets/images/theme/theme-lgRed.png");
     }
    &.on{
      border:1px solid #333333;
       opacity: 1;
    }
  }

}