$classPrefix: email-mobile-preview-container;
.#{$classPrefix} > :not(.email-preview-v2){
    #emailPreivew-container {
        position: relative;
        // padding: 0 24px 0 24px;
        overflow-y: auto;
        // font-family: 'proxima-nova';
        overflow: hidden;
        #emailPreivew-content-wrapper{
          width: 100%;
          height: 90%;
          // display: table;
    
          #emailPreivew-content {
            .device-wrapper {
              display: inline-flex;
              margin-bottom: 8px;
              margin-top: 16px;
              .device-name {
                padding: 6px 24px;
                background: #E6F0FB;
                border: 2px solid #E6F0FB;
                font-family: "open-sans";
                line-height: 20px;
                font-size: 14px;
                color: #4E92E5;
                cursor: pointer;
              }
              .active {
                background: #FFFFFF !important;
                border: 2px solid #E6F0FB;
              }
    
            }
            .email-preview-container{
              .shell {
                position: relative;
                -webkit-transform: unset;
                transform: unset;
                left: unset;
                padding: unset;
                width: unset;
                display: flex;
                justify-content: center;
              }
              .email-subject-mobile {
                width: 227px;
                text-align: left;
                margin: 8px 0;
                margin-left: 4px;
              }
              // .mobile-message-container {
              //   position: absolute;
              //   top: 10.3%;
              //   left: 24.8%;
              //   overflow: auto;
              //   display: -webkit-box;
              //   display: -ms-flexbox;
              //   display: flex;
              //   &.with-subject {
              //     top: 15%;
              //   }
              // }
              .mobile-message-container {
                position: absolute;
                top: 10.3%;
                height: 100%;
                left: unset;
              }
            }
            padding: 0 0px 0 24px;
            // display: table-cell;
            // vertical-align: middle;
            text-align: center;
            margin-bottom: 36px;
          }
        }
      }
}
