diff --git a/src/popup/accounts/home.component.html b/src/popup/accounts/home.component.html
index e7dc2de797..27b6ff3274 100644
--- a/src/popup/accounts/home.component.html
+++ b/src/popup/accounts/home.component.html
@@ -1,14 +1,14 @@
-<div class="center-content">
-    <div class="content">
-        <div class="logo-image"></div>
-        <p class="lead text-center">{{'loginOrCreateNewAccount' | i18n}}</p>
-        <a class="btn primary block" routerLink="/login"><b>{{'login' | i18n}}</b></a>
-        <button type="button" (click)="launchSsoBrowser()" class="btn block">
-            <i class="fa fa-bank" aria-hidden="true"></i> {{'enterpriseSingleSignOn' | i18n}}
-        </button>
-        <a class="btn block" routerLink="/register">{{'createAccount' | i18n}}</a>
-    </div>
-</div>
-<a routerLink="/environment" class="settings-icon">
-    <i class="fa fa-cog fa-lg" aria-hidden="true"></i><span>&nbsp;{{'settings' | i18n}}</span>
-</a>
+<div class="center-content">
+    <div class="content">
+        <div class="logo-image"></div>
+        <p class="lead text-center">{{'loginOrCreateNewAccount' | i18n}}</p>
+        <a class="btn primary block" routerLink="/login"><b>{{'login' | i18n}}</b></a>
+        <button type="button" (click)="launchSsoBrowser()" class="btn block">
+            <i class="fa fa-bank" aria-hidden="true"></i> {{'enterpriseSingleSignOn' | i18n}}
+        </button>
+        <a class="btn block" routerLink="/register">{{'createAccount' | i18n}}</a>
+    </div>
+</div>
+<a routerLink="/environment" class="settings-icon">
+    <i class="fa fa-cog fa-lg" aria-hidden="true"></i><span>&nbsp;{{'settings' | i18n}}</span>
+</a>
diff --git a/src/popup/scss/buttons.scss b/src/popup/scss/buttons.scss
index f6f3718b8f..e1c3b375cd 100644
--- a/src/popup/scss/buttons.scss
+++ b/src/popup/scss/buttons.scss
@@ -1,101 +1,101 @@
-@import "variables.scss";
-
-.btn {
-    border-radius: $border-radius;
-    padding: 7px 15px;
-    border: 1px solid #000000;
-    font-size: $font-size-base;
-    white-space: nowrap;
-    text-align: center;
-    cursor: pointer;
-
-    @include themify($themes) {
-        background-color: themed('buttonBackgroundColor');
-        border-color: themed('buttonBorderColor');
-        color: themed('buttonColor');
-    }
-
-    &.primary {
-        @include themify($themes) {
-            color: themed('buttonPrimaryColor');
-        }
-    }
-
-    &.danger {
-        @include themify($themes) {
-            color: themed('buttonDangerColor');
-        }
-    }
-
-    &:hover:not([disabled]) {
-        cursor: pointer;
-
-        @include themify($themes) {
-            background-color: darken(themed('buttonBackgroundColor'), 1.5%);
-            border-color: darken(themed('buttonBorderColor'), 17%);
-            color: darken(themed('buttonColor'), 10%);
-        }
-
-        &.primary {
-            @include themify($themes) {
-                color: darken(themed('buttonPrimaryColor'), 6%);
-            }
-        }
-
-        &.danger {
-            @include themify($themes) {
-                color: darken(themed('buttonDangerColor'), 6%);
-            }
-        }
-    }
-
-    &:focus:not([disabled]) {
-        cursor: pointer;
-        outline: 0;
-
-        @include themify($themes) {
-            background-color: darken(themed('buttonBackgroundColor'), 6%);
-            border-color: darken(themed('buttonBorderColor'), 25%);
-        }
-    }
-
-    &[disabled] {
-        opacity: 0.65;
-        cursor: default !important;
-    }
-
-    &.block {
-        display: block;
-        width: 100%;
-    }
-
-    &.link,
-    &.neutral {
-        border: none !important;
-        background: none !important;
-
-        &:focus {
-            text-decoration: underline;
-        }
-    }
-}
-
-.action-buttons {
-    .btn {
-        &:focus {
-            outline: auto;
-        }
-    }
-}
-
-button.box-content-row {
-    display: block;
-    width: 100%;
-    text-align: left;
-}
-
-button {
-    border: none;
-    background: transparent;
-    color: inherit;
+@import "variables.scss";
+
+.btn {
+    border-radius: $border-radius;
+    padding: 7px 15px;
+    border: 1px solid #000000;
+    font-size: $font-size-base;
+    white-space: nowrap;
+    text-align: center;
+    cursor: pointer;
+
+    @include themify($themes) {
+        background-color: themed('buttonBackgroundColor');
+        border-color: themed('buttonBorderColor');
+        color: themed('buttonColor');
+    }
+
+    &.primary {
+        @include themify($themes) {
+            color: themed('buttonPrimaryColor');
+        }
+    }
+
+    &.danger {
+        @include themify($themes) {
+            color: themed('buttonDangerColor');
+        }
+    }
+
+    &:hover:not([disabled]) {
+        cursor: pointer;
+
+        @include themify($themes) {
+            background-color: darken(themed('buttonBackgroundColor'), 1.5%);
+            border-color: darken(themed('buttonBorderColor'), 17%);
+            color: darken(themed('buttonColor'), 10%);
+        }
+
+        &.primary {
+            @include themify($themes) {
+                color: darken(themed('buttonPrimaryColor'), 6%);
+            }
+        }
+
+        &.danger {
+            @include themify($themes) {
+                color: darken(themed('buttonDangerColor'), 6%);
+            }
+        }
+    }
+
+    &:focus:not([disabled]) {
+        cursor: pointer;
+        outline: 0;
+
+        @include themify($themes) {
+            background-color: darken(themed('buttonBackgroundColor'), 6%);
+            border-color: darken(themed('buttonBorderColor'), 25%);
+        }
+    }
+
+    &[disabled] {
+        opacity: 0.65;
+        cursor: default !important;
+    }
+
+    &.block {
+        display: block;
+        width: 100%;
+    }
+
+    &.link,
+    &.neutral {
+        border: none !important;
+        background: none !important;
+
+        &:focus {
+            text-decoration: underline;
+        }
+    }
+}
+
+.action-buttons {
+    .btn {
+        &:focus {
+            outline: auto;
+        }
+    }
+}
+
+button.box-content-row {
+    display: block;
+    width: 100%;
+    text-align: left;
+}
+
+button {
+    border: none;
+    background: transparent;
+    color: inherit;
 }
\ No newline at end of file
diff --git a/src/popup/vault/view.component.html b/src/popup/vault/view.component.html
index 05c25acde4..cd61c3baba 100644
--- a/src/popup/vault/view.component.html
+++ b/src/popup/vault/view.component.html
@@ -1,316 +1,316 @@
-<header>
-    <div class="left">
-        <button type="button" appBlurClick (click)="close()">{{'close' | i18n}}</button>
-    </div>
-    <div class="center">
-        <span class="title">{{'viewItem' | i18n}}</span>
-    </div>
-    <div class="right" *ngIf="cipher">
-        <button type="button" appBlurClick (click)="edit()" *ngIf="!cipher.isDeleted">{{'edit' | i18n}}</button>
-    </div>
-</header>
-<content *ngIf="cipher">
-    <div class="box">
-        <div class="box-header">
-            {{'itemInformation' | i18n}}
-        </div>
-        <div class="box-content">
-            <div class="box-content-row">
-                <span class="row-label">{{'name' | i18n}}</span>
-                <input type="text" [value]="cipher.name" readonly aria-readonly="true" />
-            </div>
-            <!-- Login -->
-            <div *ngIf="cipher.login">
-                <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.username">
-                    <div class="row-main">
-                        <span class="row-label draggable" draggable="true"
-                            (dragstart)="setTextDataOnDrag($event, cipher.login.username)">{{'username' | i18n}}
-                        </span>
-                        <input type="text" [value]="cipher.login.username" readonly aria-readonly="true" />
-                    </div>
-                    <div class="action-buttons">
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyUsername' | i18n}}"
-                            (click)="copy(cipher.login.username, 'username', 'Username')">
-                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-                <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.password">
-                    <div class="row-main">
-                        <span class="row-label draggable" draggable="true"
-                            (dragstart)="setTextDataOnDrag($event, cipher.login.password)">{{'password' | i18n}}</span>
-                        <div [hidden]="showPassword" class="monospaced">
-                            {{cipher.login.maskedPassword}}</div>
-                        <div [hidden]="!showPassword" class="monospaced password-wrapper" appSelectCopy
-                            [innerHTML]="cipher.login.password | colorPassword"></div>
-                    </div>
-                    <div class="action-buttons">
-                        <button type="button" #checkPasswordBtn class="row-btn btn" appBlurClick
-                            appA11yTitle="{{'checkPassword' | i18n}}" (click)="checkPassword()"
-                            [appApiAction]="checkPasswordPromise" [disabled]="checkPasswordBtn.loading"
-                            *ngIf="cipher.viewPassword">
-                            <i class="fa fa-lg fa-check-circle" [hidden]="checkPasswordBtn.loading"
-                                aria-hidden="true"></i>
-                            <i class="fa fa-lg fa-spinner fa-spin" [hidden]="!checkPasswordBtn.loading"
-                                aria-hidden="true"></i>
-                        </button>
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
-                            (click)="togglePassword()" *ngIf="cipher.viewPassword">
-                            <i class="fa fa-lg" aria-hidden="true"
-                                [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
-                        </button>
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyPassword' | i18n}}"
-                            (click)="copy(cipher.login.password, 'password', 'Password')" *ngIf="cipher.viewPassword">
-                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-                <div class="box-content-row box-content-row-flex totp" [ngClass]="{'low': totpLow}"
-                    *ngIf="cipher.login.totp && totpCode">
-                    <div class="row-main">
-                        <span class="row-label draggable" draggable="true"
-                            (dragstart)="setTextDataOnDrag($event, totpCode)">{{'verificationCodeTotp' | i18n}}</span>
-                        <span class="totp-code">{{totpCodeFormatted}}</span>
-                    </div>
-                    <span class="totp-countdown">
-                        <span class="totp-sec">{{totpSec}}</span>
-                        <svg>
-                            <g>
-                                <circle class="totp-circle inner" r="12.6" cy="16" cx="16"
-                                    [ngStyle]="{'stroke-dashoffset.px': totpDash}"></circle>
-                                <circle class="totp-circle outer" r="14" cy="16" cx="16"></circle>
-                            </g>
-                        </svg>
-                    </span>
-                    <div class="action-buttons">
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyVerificationCode' | i18n}}"
-                            (click)="copy(totpCode, 'verificationCodeTotp', 'TOTP')">
-                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-            </div>
-            <!-- Card -->
-            <div *ngIf="cipher.card">
-                <div class="box-content-row" *ngIf="cipher.card.cardholderName">
-                    <span class="row-label">{{'cardholderName' | i18n}}</span>
-                    {{cipher.card.cardholderName}}
-                </div>
-                <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.number">
-                    <div class="row-main">
-                        <span class="row-label">{{'number' | i18n}}</span>
-                        <span [hidden]="showCardNumber" class="monospaced">{{cipher.card.maskedNumber}}</span>
-                        <span [hidden]="!showCardNumber" class="monospaced">{{cipher.card.number}}</span>
-                    </div>
-                    <div class="action-buttons">
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
-                            (click)="toggleCardNumber()">
-                            <i class="fa fa-lg" aria-hidden="true"
-                                [ngClass]="{'fa-eye': !showCardNumber, 'fa-eye-slash': showCardNumber}"></i>
-                        </button>
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyNumber' | i18n}}"
-                            (click)="copy(cipher.card.number, 'number', 'Card Number')">
-                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-                <div class="box-content-row" *ngIf="cipher.card.brand">
-                    <span class="row-label">{{'brand' | i18n}}</span>
-                    {{cipher.card.brand}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.card.expiration">
-                    <span class="row-label">{{'expiration' | i18n}}</span>
-                    {{cipher.card.expiration}}
-                </div>
-                <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.code">
-                    <div class="row-main">
-                        <span class="row-label">{{'securityCode' | i18n}}</span>
-                        <span [hidden]="showCardCode" class="monospaced">{{cipher.card.maskedCode}}</span>
-                        <span [hidden]="!showCardCode" class="monospaced">{{cipher.card.code}}</span>
-                    </div>
-                    <div class="action-buttons">
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
-                            (click)="toggleCardCode()">
-                            <i class="fa fa-lg" aria-hidden="true"
-                                [ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i>
-                        </button>
-                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copySecurityCode' | i18n}}"
-                            (click)="copy(cipher.card.code, 'securityCode', 'Security Code')">
-                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-            </div>
-            <!-- Identity -->
-            <div *ngIf="cipher.identity">
-                <div class="box-content-row" *ngIf="cipher.identity.fullName">
-                    <span class="row-label">{{'identityName' | i18n}}</span>
-                    {{cipher.identity.fullName}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.username">
-                    <span class="row-label">{{'username' | i18n}}</span>
-                    {{cipher.identity.username}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.company">
-                    <span class="row-label">{{'company' | i18n}}</span>
-                    {{cipher.identity.company}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.ssn">
-                    <span class="row-label">{{'ssn' | i18n}}</span>
-                    {{cipher.identity.ssn}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.passportNumber">
-                    <span class="row-label">{{'passportNumber' | i18n}}</span>
-                    {{cipher.identity.passportNumber}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.licenseNumber">
-                    <span class="row-label">{{'licenseNumber' | i18n}}</span>
-                    {{cipher.identity.licenseNumber}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.email">
-                    <span class="row-label">{{'email' | i18n}}</span>
-                    {{cipher.identity.email}}
-                </div>
-                <div class="box-content-row" *ngIf="cipher.identity.phone">
-                    <span class="row-label">{{'phone' | i18n}}</span>
-                    {{cipher.identity.phone}}
-                </div>
-                <div class="box-content-row"
-                    *ngIf="cipher.identity.address1 || cipher.identity.city || cipher.identity.country">
-                    <span class="row-label">{{'address' | i18n}}</span>
-                    <div *ngIf="cipher.identity.address1">{{cipher.identity.address1}}</div>
-                    <div *ngIf="cipher.identity.address2">{{cipher.identity.address2}}</div>
-                    <div *ngIf="cipher.identity.address3">{{cipher.identity.address3}}</div>
-                    <div *ngIf="cipher.identity.fullAddressPart2">{{cipher.identity.fullAddressPart2}}</div>
-                    <div *ngIf="cipher.identity.country">{{cipher.identity.country}}</div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="box" *ngIf="cipher.login && cipher.login.hasUris">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-flex" *ngFor="let u of cipher.login.uris; let i = index">
-                <div class="row-main">
-                    <span class="row-label" *ngIf="!u.isWebsite">{{'uri' | i18n}}</span>
-                    <span class="row-label" *ngIf="u.isWebsite">{{'website' | i18n}}</span>
-                    <span title="{{u.uri}}">
-                        <input type="text" [value]="u.hostOrUri" readonly aria-readonly="true" />
-                    </span>
-                </div>
-                <div class="action-buttons">
-                    <button type="button" class="row-btn" appStopClick appA11yTitle="{{'launch' | i18n}}" *ngIf="u.canLaunch"
-                        (click)="launch(u)">
-                        <i class="fa fa-lg fa-share-square-o" aria-hidden="true"></i>
-                    </button>
-                    <button type="button" class="row-btn"appStopClick appA11yTitle="{{'copyUri' | i18n}}"
-                        (click)="copy(u.uri, u.isWebsite ? 'website' : 'uri', 'URI')">
-                        <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
-                    </button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div class="box" *ngIf="cipher.notes">
-        <div class="box-header">
-            {{'notes' | i18n}}
-        </div>
-        <div class="box-content">
-            <div class="box-content-row">
-                <textarea [value]="cipher.notes" rows="6" readonly aria-readonly="true"></textarea>
-            </div>
-        </div>
-    </div>
-    <div class="box" *ngIf="cipher.hasFields">
-        <app-vault-view-custom-fields [cipher]="cipher" [promptPassword]="promptPassword.bind(this)" 
-            [copy]="copy.bind(this)"></app-vault-view-custom-fields>
-    </div>
-    <div class="box" *ngIf="cipher.hasAttachments && (canAccessPremium || cipher.organizationId) && showAttachments">
-        <div class="box-header">
-            {{'attachments' | i18n}}
-        </div>
-        <div class="box-content">
-            <button type="button" class="box-content-row box-content-row-flex text-default" *ngFor="let attachment of cipher.attachments"
-                appStopClick appBlurCLick (click)="downloadAttachment(attachment)">
-                <span class="row-main">{{attachment.fileName}}</span>
-                <small class="row-sub-label">{{attachment.sizeName}}</small>
-                <i class="fa fa-download fa-fw row-sub-icon" *ngIf="!attachment.downloading" aria-hidden="true"></i>
-                <i class="fa fa-spinner fa-fw fa-spin row-sub-icon" *ngIf="attachment.downloading"
-                    aria-hidden="true"></i>
-            </button>
-        </div>
-    </div>
-    <div class="box list">
-        <div class="box-content single-line">
-            <<button type="button" class="box-content-row" appStopClick appBlurClick (click)="fillCipher()"
-                *ngIf="cipher.type !== cipherType.SecureNote && !cipher.isDeleted && !inPopout">
-                <div class="row-main text-primary">
-                    <div class="icon text-primary" aria-hidden="true">
-                        <i class="fa fa-pencil-square-o fa-lg fa-fw"></i>
-                    </div>
-                    <span>{{'autoFill' | i18n}}</span>
-                </div>
-            </button>
-            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="fillCipherAndSave()"
-                *ngIf="cipher.type === cipherType.Login && !cipher.isDeleted && !inPopout">
-                <div class="row-main text-primary">
-                    <div class="icon text-primary" aria-hidden="true">
-                        <i class="fa fa-bookmark fa-lg fa-fw"></i>
-                    </div>
-                    <span>{{'autoFillAndSave' | i18n}}</span>
-                </div>
-            </button>
-            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="clone()"
-                *ngIf="!cipher.organizationId && !cipher.isDeleted">
-                <div class="row-main text-primary">
-                    <div class="icon text-primary" aria-hidden="true">
-                        <i class="fa fa-files-o fa-lg fa-fw"></i>
-                    </div>
-                    <span>{{'cloneItem' | i18n}}</span>
-                </div>
-            </button>
-            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="share()" *ngIf="!cipher.organizationId">
-                <div class="row-main text-primary">
-                    <div class="icon text-primary" aria-hidden="true">
-                        <i class="fa fa-arrow-circle-o-right fa-lg fa-fw"></i>
-                    </div>
-                    <span>{{'moveToOrganization' | i18n}}</span>
-                </div>
-            </button>
-            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="restore()" *ngIf="cipher.isDeleted">
-                <div class="row-main text-primary">
-                    <div class="icon text-primary" aria-hidden="true">
-                        <i class="fa fa-undo fa-lg fa-fw"></i>
-                    </div>
-                    <span>{{'restoreItem' | i18n}}</span>
-                </div>
-            </button>
-            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="delete()">
-                <div class="row-main text-danger">
-                    <div class="icon text-danger" aria-hidden="true">
-                        <i class="fa fa-trash-o fa-lg fa-fw"></i>
-                    </div>
-                    <span>{{(cipher.isDeleted ? 'permanentlyDeleteItem' : 'deleteItem') | i18n}}</span>
-                </div>
-            </button>
-        </div>
-    </div>
-    <div class="box">
-        <div class="box-footer">
-            <div>
-                <b class="font-weight-semibold">{{'dateUpdated' | i18n}}:</b>
-                {{cipher.revisionDate | date:'medium'}}
-            </div>
-            <div *ngIf="cipher.passwordRevisionDisplayDate">
-                <b class="font-weight-semibold">{{'datePasswordUpdated' | i18n}}:</b>
-                {{cipher.passwordRevisionDisplayDate | date:'medium'}}
-            </div>
-            <div *ngIf="cipher.hasPasswordHistory">
-                <b class="font-weight-semibold">{{'passwordHistory' | i18n}}:</b>
-                <a routerLink="/cipher-password-history" [queryParams]="{cipherId: cipher.id}" appStopClick
-                    title="{{'passwordHistory' | i18n}}">
-                    {{cipher.passwordHistory.length}}
-                </a>
-            </div>
-        </div>
-    </div>
-</content>
+<header>
+    <div class="left">
+        <button type="button" appBlurClick (click)="close()">{{'close' | i18n}}</button>
+    </div>
+    <div class="center">
+        <span class="title">{{'viewItem' | i18n}}</span>
+    </div>
+    <div class="right" *ngIf="cipher">
+        <button type="button" appBlurClick (click)="edit()" *ngIf="!cipher.isDeleted">{{'edit' | i18n}}</button>
+    </div>
+</header>
+<content *ngIf="cipher">
+    <div class="box">
+        <div class="box-header">
+            {{'itemInformation' | i18n}}
+        </div>
+        <div class="box-content">
+            <div class="box-content-row">
+                <span class="row-label">{{'name' | i18n}}</span>
+                <input type="text" [value]="cipher.name" readonly aria-readonly="true" />
+            </div>
+            <!-- Login -->
+            <div *ngIf="cipher.login">
+                <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.username">
+                    <div class="row-main">
+                        <span class="row-label draggable" draggable="true"
+                            (dragstart)="setTextDataOnDrag($event, cipher.login.username)">{{'username' | i18n}}
+                        </span>
+                        <input type="text" [value]="cipher.login.username" readonly aria-readonly="true" />
+                    </div>
+                    <div class="action-buttons">
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyUsername' | i18n}}"
+                            (click)="copy(cipher.login.username, 'username', 'Username')">
+                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.password">
+                    <div class="row-main">
+                        <span class="row-label draggable" draggable="true"
+                            (dragstart)="setTextDataOnDrag($event, cipher.login.password)">{{'password' | i18n}}</span>
+                        <div [hidden]="showPassword" class="monospaced">
+                            {{cipher.login.maskedPassword}}</div>
+                        <div [hidden]="!showPassword" class="monospaced password-wrapper" appSelectCopy
+                            [innerHTML]="cipher.login.password | colorPassword"></div>
+                    </div>
+                    <div class="action-buttons">
+                        <button type="button" #checkPasswordBtn class="row-btn btn" appBlurClick
+                            appA11yTitle="{{'checkPassword' | i18n}}" (click)="checkPassword()"
+                            [appApiAction]="checkPasswordPromise" [disabled]="checkPasswordBtn.loading"
+                            *ngIf="cipher.viewPassword">
+                            <i class="fa fa-lg fa-check-circle" [hidden]="checkPasswordBtn.loading"
+                                aria-hidden="true"></i>
+                            <i class="fa fa-lg fa-spinner fa-spin" [hidden]="!checkPasswordBtn.loading"
+                                aria-hidden="true"></i>
+                        </button>
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
+                            (click)="togglePassword()" *ngIf="cipher.viewPassword">
+                            <i class="fa fa-lg" aria-hidden="true"
+                                [ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
+                        </button>
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyPassword' | i18n}}"
+                            (click)="copy(cipher.login.password, 'password', 'Password')" *ngIf="cipher.viewPassword">
+                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="box-content-row box-content-row-flex totp" [ngClass]="{'low': totpLow}"
+                    *ngIf="cipher.login.totp && totpCode">
+                    <div class="row-main">
+                        <span class="row-label draggable" draggable="true"
+                            (dragstart)="setTextDataOnDrag($event, totpCode)">{{'verificationCodeTotp' | i18n}}</span>
+                        <span class="totp-code">{{totpCodeFormatted}}</span>
+                    </div>
+                    <span class="totp-countdown">
+                        <span class="totp-sec">{{totpSec}}</span>
+                        <svg>
+                            <g>
+                                <circle class="totp-circle inner" r="12.6" cy="16" cx="16"
+                                    [ngStyle]="{'stroke-dashoffset.px': totpDash}"></circle>
+                                <circle class="totp-circle outer" r="14" cy="16" cx="16"></circle>
+                            </g>
+                        </svg>
+                    </span>
+                    <div class="action-buttons">
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyVerificationCode' | i18n}}"
+                            (click)="copy(totpCode, 'verificationCodeTotp', 'TOTP')">
+                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <!-- Card -->
+            <div *ngIf="cipher.card">
+                <div class="box-content-row" *ngIf="cipher.card.cardholderName">
+                    <span class="row-label">{{'cardholderName' | i18n}}</span>
+                    {{cipher.card.cardholderName}}
+                </div>
+                <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.number">
+                    <div class="row-main">
+                        <span class="row-label">{{'number' | i18n}}</span>
+                        <span [hidden]="showCardNumber" class="monospaced">{{cipher.card.maskedNumber}}</span>
+                        <span [hidden]="!showCardNumber" class="monospaced">{{cipher.card.number}}</span>
+                    </div>
+                    <div class="action-buttons">
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
+                            (click)="toggleCardNumber()">
+                            <i class="fa fa-lg" aria-hidden="true"
+                                [ngClass]="{'fa-eye': !showCardNumber, 'fa-eye-slash': showCardNumber}"></i>
+                        </button>
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copyNumber' | i18n}}"
+                            (click)="copy(cipher.card.number, 'number', 'Card Number')">
+                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="box-content-row" *ngIf="cipher.card.brand">
+                    <span class="row-label">{{'brand' | i18n}}</span>
+                    {{cipher.card.brand}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.card.expiration">
+                    <span class="row-label">{{'expiration' | i18n}}</span>
+                    {{cipher.card.expiration}}
+                </div>
+                <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.code">
+                    <div class="row-main">
+                        <span class="row-label">{{'securityCode' | i18n}}</span>
+                        <span [hidden]="showCardCode" class="monospaced">{{cipher.card.maskedCode}}</span>
+                        <span [hidden]="!showCardCode" class="monospaced">{{cipher.card.code}}</span>
+                    </div>
+                    <div class="action-buttons">
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'toggleVisibility' | i18n}}"
+                            (click)="toggleCardCode()">
+                            <i class="fa fa-lg" aria-hidden="true"
+                                [ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i>
+                        </button>
+                        <button type="button" class="row-btn" appStopClick appA11yTitle="{{'copySecurityCode' | i18n}}"
+                            (click)="copy(cipher.card.code, 'securityCode', 'Security Code')">
+                            <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <!-- Identity -->
+            <div *ngIf="cipher.identity">
+                <div class="box-content-row" *ngIf="cipher.identity.fullName">
+                    <span class="row-label">{{'identityName' | i18n}}</span>
+                    {{cipher.identity.fullName}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.username">
+                    <span class="row-label">{{'username' | i18n}}</span>
+                    {{cipher.identity.username}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.company">
+                    <span class="row-label">{{'company' | i18n}}</span>
+                    {{cipher.identity.company}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.ssn">
+                    <span class="row-label">{{'ssn' | i18n}}</span>
+                    {{cipher.identity.ssn}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.passportNumber">
+                    <span class="row-label">{{'passportNumber' | i18n}}</span>
+                    {{cipher.identity.passportNumber}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.licenseNumber">
+                    <span class="row-label">{{'licenseNumber' | i18n}}</span>
+                    {{cipher.identity.licenseNumber}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.email">
+                    <span class="row-label">{{'email' | i18n}}</span>
+                    {{cipher.identity.email}}
+                </div>
+                <div class="box-content-row" *ngIf="cipher.identity.phone">
+                    <span class="row-label">{{'phone' | i18n}}</span>
+                    {{cipher.identity.phone}}
+                </div>
+                <div class="box-content-row"
+                    *ngIf="cipher.identity.address1 || cipher.identity.city || cipher.identity.country">
+                    <span class="row-label">{{'address' | i18n}}</span>
+                    <div *ngIf="cipher.identity.address1">{{cipher.identity.address1}}</div>
+                    <div *ngIf="cipher.identity.address2">{{cipher.identity.address2}}</div>
+                    <div *ngIf="cipher.identity.address3">{{cipher.identity.address3}}</div>
+                    <div *ngIf="cipher.identity.fullAddressPart2">{{cipher.identity.fullAddressPart2}}</div>
+                    <div *ngIf="cipher.identity.country">{{cipher.identity.country}}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="box" *ngIf="cipher.login && cipher.login.hasUris">
+        <div class="box-content">
+            <div class="box-content-row box-content-row-flex" *ngFor="let u of cipher.login.uris; let i = index">
+                <div class="row-main">
+                    <span class="row-label" *ngIf="!u.isWebsite">{{'uri' | i18n}}</span>
+                    <span class="row-label" *ngIf="u.isWebsite">{{'website' | i18n}}</span>
+                    <span title="{{u.uri}}">
+                        <input type="text" [value]="u.hostOrUri" readonly aria-readonly="true" />
+                    </span>
+                </div>
+                <div class="action-buttons">
+                    <button type="button" class="row-btn" appStopClick appA11yTitle="{{'launch' | i18n}}" *ngIf="u.canLaunch"
+                        (click)="launch(u)">
+                        <i class="fa fa-lg fa-share-square-o" aria-hidden="true"></i>
+                    </button>
+                    <button type="button" class="row-btn"appStopClick appA11yTitle="{{'copyUri' | i18n}}"
+                        (click)="copy(u.uri, u.isWebsite ? 'website' : 'uri', 'URI')">
+                        <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="box" *ngIf="cipher.notes">
+        <div class="box-header">
+            {{'notes' | i18n}}
+        </div>
+        <div class="box-content">
+            <div class="box-content-row">
+                <textarea [value]="cipher.notes" rows="6" readonly aria-readonly="true"></textarea>
+            </div>
+        </div>
+    </div>
+    <div class="box" *ngIf="cipher.hasFields">
+        <app-vault-view-custom-fields [cipher]="cipher" [promptPassword]="promptPassword.bind(this)" 
+            [copy]="copy.bind(this)"></app-vault-view-custom-fields>
+    </div>
+    <div class="box" *ngIf="cipher.hasAttachments && (canAccessPremium || cipher.organizationId) && showAttachments">
+        <div class="box-header">
+            {{'attachments' | i18n}}
+        </div>
+        <div class="box-content">
+            <button type="button" class="box-content-row box-content-row-flex text-default" *ngFor="let attachment of cipher.attachments"
+                appStopClick appBlurCLick (click)="downloadAttachment(attachment)">
+                <span class="row-main">{{attachment.fileName}}</span>
+                <small class="row-sub-label">{{attachment.sizeName}}</small>
+                <i class="fa fa-download fa-fw row-sub-icon" *ngIf="!attachment.downloading" aria-hidden="true"></i>
+                <i class="fa fa-spinner fa-fw fa-spin row-sub-icon" *ngIf="attachment.downloading"
+                    aria-hidden="true"></i>
+            </button>
+        </div>
+    </div>
+    <div class="box list">
+        <div class="box-content single-line">
+            <<button type="button" class="box-content-row" appStopClick appBlurClick (click)="fillCipher()"
+                *ngIf="cipher.type !== cipherType.SecureNote && !cipher.isDeleted && !inPopout">
+                <div class="row-main text-primary">
+                    <div class="icon text-primary" aria-hidden="true">
+                        <i class="fa fa-pencil-square-o fa-lg fa-fw"></i>
+                    </div>
+                    <span>{{'autoFill' | i18n}}</span>
+                </div>
+            </button>
+            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="fillCipherAndSave()"
+                *ngIf="cipher.type === cipherType.Login && !cipher.isDeleted && !inPopout">
+                <div class="row-main text-primary">
+                    <div class="icon text-primary" aria-hidden="true">
+                        <i class="fa fa-bookmark fa-lg fa-fw"></i>
+                    </div>
+                    <span>{{'autoFillAndSave' | i18n}}</span>
+                </div>
+            </button>
+            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="clone()"
+                *ngIf="!cipher.organizationId && !cipher.isDeleted">
+                <div class="row-main text-primary">
+                    <div class="icon text-primary" aria-hidden="true">
+                        <i class="fa fa-files-o fa-lg fa-fw"></i>
+                    </div>
+                    <span>{{'cloneItem' | i18n}}</span>
+                </div>
+            </button>
+            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="share()" *ngIf="!cipher.organizationId">
+                <div class="row-main text-primary">
+                    <div class="icon text-primary" aria-hidden="true">
+                        <i class="fa fa-arrow-circle-o-right fa-lg fa-fw"></i>
+                    </div>
+                    <span>{{'moveToOrganization' | i18n}}</span>
+                </div>
+            </button>
+            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="restore()" *ngIf="cipher.isDeleted">
+                <div class="row-main text-primary">
+                    <div class="icon text-primary" aria-hidden="true">
+                        <i class="fa fa-undo fa-lg fa-fw"></i>
+                    </div>
+                    <span>{{'restoreItem' | i18n}}</span>
+                </div>
+            </button>
+            <button type="button" class="box-content-row" appStopClick appBlurClick (click)="delete()">
+                <div class="row-main text-danger">
+                    <div class="icon text-danger" aria-hidden="true">
+                        <i class="fa fa-trash-o fa-lg fa-fw"></i>
+                    </div>
+                    <span>{{(cipher.isDeleted ? 'permanentlyDeleteItem' : 'deleteItem') | i18n}}</span>
+                </div>
+            </button>
+        </div>
+    </div>
+    <div class="box">
+        <div class="box-footer">
+            <div>
+                <b class="font-weight-semibold">{{'dateUpdated' | i18n}}:</b>
+                {{cipher.revisionDate | date:'medium'}}
+            </div>
+            <div *ngIf="cipher.passwordRevisionDisplayDate">
+                <b class="font-weight-semibold">{{'datePasswordUpdated' | i18n}}:</b>
+                {{cipher.passwordRevisionDisplayDate | date:'medium'}}
+            </div>
+            <div *ngIf="cipher.hasPasswordHistory">
+                <b class="font-weight-semibold">{{'passwordHistory' | i18n}}:</b>
+                <a routerLink="/cipher-password-history" [queryParams]="{cipherId: cipher.id}" appStopClick
+                    title="{{'passwordHistory' | i18n}}">
+                    {{cipher.passwordHistory.length}}
+                </a>
+            </div>
+        </div>
+    </div>
+</content>