.msg-wrap {
  position: absolute;
  width: 100%;
  height: 100%; }
  .msg-wrap .msg-list {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: auto; }
    .msg-wrap .msg-list md-card {
      min-height: 130px; }
      .msg-wrap .msg-list md-card.activeMsg {
        background-color: lightgoldenrodyellow; }
      .msg-wrap .msg-list md-card md-card-content {
        position: relative;
        height: 90px;
        cursor: pointer; }
        .msg-wrap .msg-list md-card md-card-content:focus {
          outline: none;
          outline-width: 0; }
        .msg-wrap .msg-list md-card md-card-content div {
          margin: 0;
          padding: 0; }
        .msg-wrap .msg-list md-card md-card-content .msg-logo {
          position: relative;
          width: 50px;
          height: 50px;
          border-radius: 50%; }
          .msg-wrap .msg-list md-card md-card-content .msg-logo.msgIn {
            background-color: lightcoral;
            color: white; }
          .msg-wrap .msg-list md-card md-card-content .msg-logo.msgOut {
            background-color: lightgreen;
            color: black; }
          .msg-wrap .msg-list md-card md-card-content .msg-logo span {
            font-size: 18px;
            font-weight: bold;
            text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
        .msg-wrap .msg-list md-card md-card-content .msg-title {
          width: calc(100% - 60px); }
          .msg-wrap .msg-list md-card md-card-content .msg-title span {
            position: relative;
            height: 27px;
            padding: 0 10px;
            font-size: 16px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
            .msg-wrap .msg-list md-card md-card-content .msg-title span.title-subj {
              color: rgba(0, 0, 0, 0.87);
              font-weight: bold; }
            .msg-wrap .msg-list md-card md-card-content .msg-title span.title-cont {
              font-style: italic;
              color: rgba(0, 0, 0, 0.56); }
      .msg-wrap .msg-list md-card md-card-action .msg-flags {
        width: 40px; }
        .msg-wrap .msg-list md-card md-card-action .msg-flags ng-md-icon {
          width: 18px;
          height: 18px; }
  .msg-wrap .msg-cont {
    position: relative;
    width: 50%;
    height: 100%;
    overflow: auto; }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMvbWVzc2FnZXMuY3NzIiwic291cmNlcyI6WyJtZXNzYWdlcy9tZXNzYWdlcy5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi5tc2ctd3JhcCB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblxuXHQubXNnLWxpc3Qge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHR3aWR0aDogNTAlO1xuXHRcdGhlaWdodDogMTAwJTtcblx0XHRvdmVyZmxvdzogYXV0bztcblxuXHRcdG1kLWNhcmQge1xuXHRcdFx0bWluLWhlaWdodDogMTMwcHg7XG5cblx0XHRcdCYuYWN0aXZlTXNnIHtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogbGlnaHRnb2xkZW5yb2R5ZWxsb3c7XG5cdFx0XHR9XG5cblx0XHRcdG1kLWNhcmQtY29udGVudCB7XG5cdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0aGVpZ2h0OiA5MHB4O1xuXHRcdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHRcdFx0Jjpmb2N1cyB7XG5cdFx0XHRcdFx0b3V0bGluZTogbm9uZTtcblx0XHRcdFx0XHRvdXRsaW5lLXdpZHRoOiAwO1xuXHRcdFx0XHR9XG5cblx0XHRcdFx0ZGl2IHtcblx0XHRcdFx0XHRtYXJnaW46IDA7XG5cdFx0XHRcdFx0cGFkZGluZzogMDtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdC5tc2ctbG9nbyB7XG5cdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdHdpZHRoOiA1MHB4O1xuXHRcdFx0XHRcdGhlaWdodDogNTBweDtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA1MCU7XG5cblx0XHRcdFx0XHQmLm1zZ0luIHtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Y29yYWw7XG5cdFx0XHRcdFx0XHRjb2xvcjogd2hpdGU7XG5cdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0Ji5tc2dPdXQge1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmVlbjtcblx0XHRcdFx0XHRcdGNvbG9yOiBibGFjaztcblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRzcGFuIHtcblx0XHRcdFx0XHRcdGZvbnQtc2l6ZTogMThweDtcblx0XHRcdFx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdFx0XHRcdFx0dGV4dC1zaGFkb3c6IDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXG5cdFx0XHRcdC5tc2ctdGl0bGUge1xuXHRcdFx0XHRcdHdpZHRoOiBjYWxjKDEwMCUgLSA2MHB4KTtcblxuXHRcdFx0XHRcdHNwYW4ge1xuXHRcdFx0XHRcdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0XHRcdFx0aGVpZ2h0OiAyN3B4O1xuXHRcdFx0XHRcdFx0cGFkZGluZzogMCAxMHB4O1xuXHRcdFx0XHRcdFx0Zm9udC1zaXplOiAxNnB4O1xuXHRcdFx0XHRcdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHRcdFx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRcdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblxuXHRcdFx0XHRcdFx0Ji50aXRsZS1zdWJqIHtcblx0XHRcdFx0XHRcdFx0Y29sb3I6IHJnYmEoMCwgMCwgMCwgMC44Nyk7XG5cdFx0XHRcdFx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXHRcdFx0XHRcdFx0fVxuXG5cdFx0XHRcdFx0XHQmLnRpdGxlLWNvbnQge1xuXHRcdFx0XHRcdFx0XHRmb250LXN0eWxlOiBpdGFsaWM7XG5cdFx0XHRcdFx0XHRcdGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNTYpO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXG5cdFx0XHRtZC1jYXJkLWFjdGlvbiB7XG5cdFx0XHRcdC5tc2ctZmxhZ3Mge1xuXHRcdFx0XHRcdHdpZHRoOiA0MHB4O1xuXG5cdFx0XHRcdFx0bmctbWQtaWNvbiB7XG5cdFx0XHRcdFx0XHR3aWR0aDogMThweDtcblx0XHRcdFx0XHRcdGhlaWdodDogMThweDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cblx0fVxuXG5cdC5tc2ctY29udCB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdHdpZHRoOiA1MCU7XG5cdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdG92ZXJmbG93OiBhdXRvO1xuXHR9XG59Il0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTLENBQUM7RUFDVCxRQUFRLEVBQUUsUUFBUztFQUNuQixLQUFLLEVBQUUsSUFBSztFQUNaLE1BQU0sRUFBRSxJQUFLLEdBa0diO0VBckdELFNBQVMsQ0FLUixTQUFTLENBQUM7SUFDVCxRQUFRLEVBQUUsUUFBUztJQUNuQixLQUFLLEVBQUUsR0FBSTtJQUNYLE1BQU0sRUFBRSxJQUFLO0lBQ2IsUUFBUSxFQUFFLElBQUssR0FvRmY7SUE3RkYsU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBQUM7TUFDUCxVQUFVLEVBQUUsS0FBTSxHQStFbEI7TUEzRkgsU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLEFBR0wsVUFBVSxDQUFDO1FBQ1gsZ0JBQWdCLEVBQUUsb0JBQXFCLEdBQ3ZDO01BaEJKLFNBQVMsQ0FLUixTQUFTLENBTVIsT0FBTyxDQU9OLGVBQWUsQ0FBQztRQUNmLFFBQVEsRUFBRSxRQUFTO1FBQ25CLE1BQU0sRUFBRSxJQUFLO1FBQ2IsTUFBTSxFQUFFLE9BQVEsR0EwRGhCO1FBL0VKLFNBQVMsQ0FLUixTQUFTLENBTVIsT0FBTyxDQU9OLGVBQWUsQUFLYixNQUFNLENBQUM7VUFDUCxPQUFPLEVBQUUsSUFBSztVQUNkLGFBQWEsRUFBRSxDQUFFLEdBQ2pCO1FBMUJMLFNBQVMsQ0FLUixTQUFTLENBTVIsT0FBTyxDQU9OLGVBQWUsQ0FVZCxHQUFHLENBQUM7VUFDSCxNQUFNLEVBQUUsQ0FBRTtVQUNWLE9BQU8sRUFBRSxDQUFFLEdBQ1g7UUEvQkwsU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQWVkLFNBQVMsQ0FBQztVQUNULFFBQVEsRUFBRSxRQUFTO1VBQ25CLEtBQUssRUFBRSxJQUFLO1VBQ1osTUFBTSxFQUFFLElBQUs7VUFDYixhQUFhLEVBQUUsR0FBSSxHQWlCbkI7VUF0REwsU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQWVkLFNBQVMsQUFNUCxNQUFNLENBQUM7WUFDUCxnQkFBZ0IsRUFBRSxVQUFXO1lBQzdCLEtBQUssRUFBRSxLQUFNLEdBQ2I7VUExQ04sU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQWVkLFNBQVMsQUFXUCxPQUFPLENBQUM7WUFDUixnQkFBZ0IsRUFBRSxVQUFXO1lBQzdCLEtBQUssRUFBRSxLQUFNLEdBQ2I7VUEvQ04sU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQWVkLFNBQVMsQ0FnQlIsSUFBSSxDQUFDO1lBQ0osU0FBUyxFQUFFLElBQUs7WUFDaEIsV0FBVyxFQUFFLElBQUs7WUFDbEIsV0FBVyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsa0JBQUksR0FDekI7UUFyRE4sU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQXNDZCxVQUFVLENBQUM7VUFDVixLQUFLLEVBQUUsaUJBQUksR0FxQlg7VUE5RUwsU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQXNDZCxVQUFVLENBR1QsSUFBSSxDQUFDO1lBQ0osUUFBUSxFQUFFLFFBQVM7WUFDbkIsTUFBTSxFQUFFLElBQUs7WUFDYixPQUFPLEVBQUUsTUFBTztZQUNoQixTQUFTLEVBQUUsSUFBSztZQUNoQixRQUFRLEVBQUUsTUFBTztZQUNqQixXQUFXLEVBQUUsTUFBTztZQUNwQixhQUFhLEVBQUUsUUFBUyxHQVd4QjtZQTdFTixTQUFTLENBS1IsU0FBUyxDQU1SLE9BQU8sQ0FPTixlQUFlLENBc0NkLFVBQVUsQ0FHVCxJQUFJLEFBU0YsV0FBVyxDQUFDO2NBQ1osS0FBSyxFQUFFLG1CQUFJO2NBQ1gsV0FBVyxFQUFFLElBQUssR0FDbEI7WUF2RVAsU0FBUyxDQUtSLFNBQVMsQ0FNUixPQUFPLENBT04sZUFBZSxDQXNDZCxVQUFVLENBR1QsSUFBSSxBQWNGLFdBQVcsQ0FBQztjQUNaLFVBQVUsRUFBRSxNQUFPO2NBQ25CLEtBQUssRUFBRSxtQkFBSSxHQUNYO01BNUVQLFNBQVMsQ0FLUixTQUFTLENBTVIsT0FBTyxDQXNFTixjQUFjLENBQ2IsVUFBVSxDQUFDO1FBQ1YsS0FBSyxFQUFFLElBQUssR0FNWjtRQXpGTCxTQUFTLENBS1IsU0FBUyxDQU1SLE9BQU8sQ0FzRU4sY0FBYyxDQUNiLFVBQVUsQ0FHVCxVQUFVLENBQUM7VUFDVixLQUFLLEVBQUUsSUFBSztVQUNaLE1BQU0sRUFBRSxJQUFLLEdBQ2I7RUF4Rk4sU0FBUyxDQStGUixTQUFTLENBQUM7SUFDVCxRQUFRLEVBQUUsUUFBUztJQUNuQixLQUFLLEVBQUUsR0FBSTtJQUNYLE1BQU0sRUFBRSxJQUFLO0lBQ2IsUUFBUSxFQUFFLElBQUssR0FDZiIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii9zb3VyY2UvIn0= */