diff --git a/images/account-blue.svg b/images/account-blue.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d9dd990fbc2a295a491e25cbd58b5e2d1883e502
--- /dev/null
+++ b/images/account-blue.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/attach.svg b/images/attach.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fae352b63e1579f580f1a326a3457c9b7c1b49a2
--- /dev/null
+++ b/images/attach.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/back-outward.svg b/images/back-outward.svg
new file mode 100644
index 0000000000000000000000000000000000000000..346b21970b3f797100694e51e938455b0225b220
--- /dev/null
+++ b/images/back-outward.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/back-to-inbox.svg b/images/back-to-inbox.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2d7a1eec6d2db4e420fe7a3b744ba9aead5aa6ef
--- /dev/null
+++ b/images/back-to-inbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/compose-contact.svg b/images/compose-contact.svg
index 2e52fb440de5e5771b820e58fc7d6da1be33ffab..dcc567400df54f031b56102df900b6385d64db88 100644
--- a/images/compose-contact.svg
+++ b/images/compose-contact.svg
@@ -1,3 +1,3 @@
diff --git a/images/create-folder-color.svg b/images/create-folder-color.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ebccd67aeef9c8f45be12be91c096fc3ecc48797
--- /dev/null
+++ b/images/create-folder-color.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/cross.svg b/images/cross.svg
index bb523aedafa5d5a3bef60b9b060d4195e69cbc4d..11f11cf19df3cbe0c23275d70550d333c939b403 100644
--- a/images/cross.svg
+++ b/images/cross.svg
@@ -1,3 +1,3 @@
diff --git a/images/delete-black.svg b/images/delete-black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9094b153f6b8cee20d9a273f82a67e4b12cc9fc9
--- /dev/null
+++ b/images/delete-black.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/loading-color.svg b/images/loading-color.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cee6bacfd0a2a7d115287a1404239e63db0c46c1
--- /dev/null
+++ b/images/loading-color.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/minimize.svg b/images/minimize.svg
index 94d03cc1355a9b9a646a34b4b087f4c6b591b4f3..d0e1938edaf2f558fb668e4e778fdda5875789a7 100644
--- a/images/minimize.svg
+++ b/images/minimize.svg
@@ -1,3 +1,3 @@
diff --git a/images/preview.png b/images/preview.png
index d1f82db8789628047c5cf794d1d949276d860712..10cda3fb44cca81a0a1311bece6ae8e8e6f70617 100644
Binary files a/images/preview.png and b/images/preview.png differ
diff --git a/images/profileicon.svg b/images/profileicon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..b85d744de37477eb8b218822acb8eeebb4e2c3b1
--- /dev/null
+++ b/images/profileicon.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/public-attachment.svg b/images/public-attachment.svg
new file mode 100644
index 0000000000000000000000000000000000000000..980a64aa7100ba31fb5a7619f0bc7548c5ecfd1e
--- /dev/null
+++ b/images/public-attachment.svg
@@ -0,0 +1,3 @@
+
diff --git a/images/send-icon.svg b/images/send-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..031edb7b0ce4ea07eb82365ce6a64f25b5810014
--- /dev/null
+++ b/images/send-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/styles.css b/styles.css
index c29242de3c7723347a0540d97e524978cd19460c..917829c4957eb85502c9cedb676d1d6b411b2906 100644
--- a/styles.css
+++ b/styles.css
@@ -54,6 +54,7 @@
--color-error-rgb: 233,50,45;
--color-error-hover: #ed5a56;
--color-warning: #eca700;
+ --color-warning-light: #fdf6e6;
--color-warning-rgb: 236,167,0;
--color-warning-hover: #efb832;
--color-success: #46ba61;
@@ -102,6 +103,7 @@
--color-primary-text: #ffffff;
--color-primary-hover: #3282ae;
--color-primary-light: #e5eff4;
+ --color-primary-light-second:rgba(248, 67, 46, 0.08);
--color-primary-light-text: #00273d;
--color-primary-light-hover: #dbe4e9;
--color-primary-text-dark: #ededed;
@@ -152,6 +154,7 @@
--color-error-rgb: 233,50,45;
--color-error-hover: #ed5a56;
--color-warning: #eca700;
+ --color-warning-light: #fdf6e6;
--color-warning-rgb: 236,167,0;
--color-warning-hover: #efb832;
--color-success: #46ba61;
@@ -200,6 +203,7 @@
--color-primary-text: #ffffff;
--color-primary-hover: #04537f;
--color-primary-light: #141e24;
+ --color-primary-light-second:rgba(248, 67, 46, 0.08);
--color-primary-light-text: #99c0d6;
--color-primary-light-hover: #1d272d;
--color-primary-text-dark: hsl(0, 0%, 93%);
@@ -237,7 +241,12 @@
#rl-app #V-AdminPane>.b-toolbar {
width: 300px;
}
-
+#rl-app #rl-left{
+ min-width:225px !important;
+}
+html.rl-left-panel-disabled #rl-app #rl-left{
+ min-width:60px !important;
+}
#rl-app #rl-right {
background-color: var(--color-main-background);
}
@@ -405,7 +414,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
#rl-app #V-SettingsMenu nav a.selected,
#rl-app .b-folders li a.selectable.selected {
color: unset;
- background-color: var(--color-primary-light);
+ background-color: var(--color-background-blue);
border-radius: unset;
}
@@ -459,7 +468,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
}
#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn.icon-folder-add{
background-image: url('images/createfolder.svg');
- background-position: center center;
+ background-position: center right;
background-repeat: no-repeat;
height:34px;
padding-left: 20px;
@@ -805,10 +814,14 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f
#rl-app #V-SettingsPane .btn-toolbar .btn:focus {
outline: none;
}
-
+#rl-app #rl-right {
+ border-top: 1px solid var(--color-border-grey);
+}
#rl-app #V-MailMessageList .btn-toolbar {
text-align: center;
- border: 1px solid var(--color-border-grey);
+ border-left: 1px solid var(--color-border-grey);
+ border-right: 1px solid var(--color-border-grey);
+ border-bottom: 1px solid var(--color-border-grey);
}
#rl-app #V-MailMessageList.btn-toolbar .btn-group a.btn:nth-child(1) {
background-image: url('images/loading.svg');
@@ -1313,6 +1326,15 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border-radius: var(--border-radius-large);
text-shadow: none;
margin: 10px;
+ color:var(--color-primary);
+}
+#rl-app #V-MailMessageView .b-message-view-backdrop .backdrop-message::before{
+ background-image: url(images/createfolder-color.svg);
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 18px;
+ color: transparent;
+ content:"";
}
#rl-app .messageView .messageAssignedTags {
@@ -1667,7 +1689,6 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
#rl-app #V-Settings-Themes figure.selected {
background-color: var(--color-primary-light);
border-color: transparent;
- color: var(--color-primary-text);
}
/* hide additional theme settings, as these are made via Nextcloud theming */
@@ -1753,11 +1774,16 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border-radius:unset;
box-shadow:none;
}
-#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn {
+#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(1) {
background: var(--color-main-background);
border: 1px solid var(--color-border-second) !important;
border-radius: 4px 0px 0px 4px;
}
+ #rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn:nth-child(2) {
+ background: var(--color-main-background);
+ border: 1px solid var(--color-border-second) !important;
+ border-radius: 0px 4px 4px 0px;
+ }
#rl-app #V-PopupsCompose .btn-group:nth-of-type(1) button.btn.active {
background: rgba(0, 0, 0, 0.12);
}
@@ -1841,7 +1867,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
width:20px;
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a:nth-child(1)::before {
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show .dividerbar a[data-i18n="TOP_TOOLBAR/BUTTON_ADD_ACCOUNT"]::before {
content: "";
background-image: url('images/plus.svg');
background-position: center center;
@@ -1850,7 +1876,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
width:20px;
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(3) a::before {
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="GLOBAL/CONTACTS"]::before {
content: "";
background-image: url('images/contactsmall.svg');
background-position: center center;
@@ -1859,7 +1885,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
width:20px;
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(4) a::before {
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="HIDE_MY_EMAIL/TAB_NAME"]::before {
content: "";
background-image: url('images/hide-my-email.svg');
background-position: center center;
@@ -1868,7 +1894,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
width:20px;
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(5) a::before {
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_SETTINGS"]::before {
content: "";
background-image: url('images/setting.svg');
background-position: center center;
@@ -1878,7 +1904,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(6) a::before {
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="TOP_TOOLBAR/BUTTON_HELP"]::before {
content: "";
background-image: url('images/help.svg');
background-position: center center;
@@ -1887,7 +1913,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
width:20px;
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(7) a:nth-child(2)::before {
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li a[data-i18n="MOBILE/BUTTON_MOBILE_VERSION"]::before {
content: "";
background-image: url('images/mobile.svg');
background-position: center center;
@@ -1896,18 +1922,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
width:20px;
color:transparent;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8){
+#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:has(a[data-i18n="GLOBAL/LOGOUT"]){
display:none;
}
-#rl-app #rl-right #V-SystemDropDown .dropdown-menu.right-edge.show li:nth-child(8) a::before {
- content: "";
- background-image: url('images/logout.svg');
- background-position: center center;
- background-repeat: no-repeat;
- height:20px;
- width:20px;
- color:transparent;
-}
#rl-app dialog > header,
#rl-app dialog > footer,
#rl-app .squire-toolbar {
@@ -1935,7 +1952,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
color:transparent;
}
#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(1) a.btn {
- background-image: url('images/createfolder-color.svg');
+ background-image: url('images/createfolder.svg');
background-position: center center;
background-repeat: no-repeat;
height:18px;
@@ -1949,7 +1966,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
color:transparent;
}
#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn:nth-child(1) {
- background-image: url('images/archieve-color.svg');
+ background-image: url('images/archieve.svg');
background-position: center center;
background-repeat: no-repeat;
height:18px;
@@ -1963,7 +1980,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
color:transparent;
}
#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(2) {
- background-image: url('images/spam-color.svg');
+ background-image: url('images/spam.svg');
background-position: center center;
background-repeat: no-repeat;
height:18px;
@@ -1977,7 +1994,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
color:transparent;
}
#rl-app #rl-right #V-MailMessageList .btn-toolbar div.btn-group:nth-of-type(2) a.btn.fontastic:nth-child(4) {
- background-image: url('images/trash-color.svg');
+ background-image: url('images/trash.svg');
background-position: center center;
background-repeat: no-repeat;
height:18px;
@@ -2005,13 +2022,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border-radius:3px;
background: var(--color-primary-text);
}
-#rl-app #rl-content #V-Settings-Folders .btn {
- color: var(--color-primary-text);
-
-}
-#r
#rl-app #rl-content #V-Settings-Folders .btn .icon-folder-add{
- background-image: url('images/createfolder.svg');
+ background-image: url('images/createfolder-color.svg');
background-position: center center;
background-repeat: no-repeat;
height:20px;
@@ -2019,7 +2031,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
line-height: 20px;
font-size: 0;
color: transparent;
- vertical-align: middle;
+ vertical-align: bottom;
}
#rl-app footer .btn.buttonCreate {
flex-shrink: 1;
@@ -2223,6 +2235,9 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
#rl-app #V-MailMessageView .messageView span.flagParent{
font-size:15px;
}
+#rl-app #V-MailMessageView .messageView span.flagParent.g-ui-user-select-none.fontastic.flagOn{
+ color: #ffca48;
+ }
#rl-app .messageView .b-message-view-checked-helper::after{
background-image: url('images/mailselected.svg');
background-position: center center;
@@ -2295,14 +2310,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
margin-right: 10px;
border-radius:6px;
}
-#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn{
- background: var(--color-primary-element-text-blue);
- border-radius: 6px;
- color: var(--color-primary-element-text);
-}
-#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn-success{
- background: transparent;
-}
+
#V-PopupsContacts .b-view-content-toolbar.btn-toolbar .btn.button-save-contact,
#V-PopupsContacts .b-view-content-toolbar.btn-toolbar #button-add-prop-dropdown-id{
background: var(--color-primary-element-text);
@@ -2463,6 +2471,33 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
background: var(--color-success-second);
border-radius: 6px;
}
+#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-success .icon-paper-plane{
+ background-image: url('images/send-icon.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 20px;
+ width: 20px;
+ color: transparent;
+ content:"";
+ border: none;
+ text-shadow: none;
+ vertical-align: middle;
+}
+#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.btn-danger.button-delete{
+ background-image: url('images/delete-black.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 20px;
+ width: 20px;
+ color: transparent;
+ content:"";
+ border: none;
+ text-shadow: none;
+ vertical-align: middle;
+}
+#rl-app #rl-popups #V-PopupsCompose .g-ui-user-select-none .btn.button-delete{
+ background: var(--color-primary-text);
+}
#rl-app #rl-popups #V-PopupsCompose .pull-right .close{
background-image: url('images/cross.svg');
background-position: center center;
@@ -2473,7 +2508,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
content:"";
border: none;
text-shadow: none;
- vertical-align: middle;
+ vertical-align: bottom;
}
#rl-app #rl-popups #V-PopupsCompose .pull-right .minimize-custom{
background-image: url('images/minimize.svg');
@@ -2486,6 +2521,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
border: none;
text-shadow: none;
vertical-align: middle;
+ margin-left:0px;
}
#rl-app #V-PopupsCompose header .pull-right a.btn:nth-child(3){
@@ -2510,6 +2546,7 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
font-weight: 400;
font-size: 14px;
padding: 10px;
+ margin-right:10px;
}
#rl-app #rl-popups #V-PopupsCompose .b-header .error-to{
color:var(--color-error-second);
@@ -2527,11 +2564,268 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
}
#rl-app #V-Login .alert {
top: 0;
- background-color: var(--color-warning-rgb);
+ background-color: var(--color-warning-light);
}
#rl-app #V-Login .alert .close{
top: -24px;
right: -14px;
}
+#rl-app .messageList .b-footer .e-quota{
+ display:none
+}
+html.rl-left-panel-disabled #rl-left .b-folders .b-content {
+ top: 90px;
+}
+html.rl-left-panel-disabled #rl-left .b-folders li a.selectable::before{
+ padding-right: 24px;
+}
+html.rl-left-panel-disabled #rl-left .b-footer.btn-toolbar .btn-group a.btn.fontastic:nth-child(1){
+ background-image: url(images/back-outward.svg);
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 34px;
+ padding-left: 20px;
+ padding-right: 19px;
+ line-height: 0;
+ font-size: 0;
+ color: transparent;
+}
+#rl-app #V-MailMessageList .messageListItem.unseen {
+ background-color: unset;
+ border-left: 6px solid transparent;
+}
+#rl-app #V-MailMessageList .messageListItem.unseen .senderParent.actionHandle{
+ font-weight: 500;
+ font-size: 16px;
+}
+#rl-app #V-MailMessageList .messageListItem .senderParent.actionHandle{
+ font-weight: 400;
+ font-size: 16px;
+}
+#rl-app #area-toggle{
+ margin-top:10px;
+}
+#rl-app .rl-mobile .messageListItem .flagParent, #rl-app .rl-side-preview-pane .messageListItem .flagParent{
+ display:none;
+}
+#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button.button-vue{
+ background-color: transparent;
+ color:var( --color-primary);
+ border: none;
+ text-decoration: underline;
+ font-style: 16px;
+}
+#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button[name="share-public"]::before,
+#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button[name="share-internal"]::before{
+ background-image: url(images/public-attachment.svg);
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 20px;
+ width: 25px;
+ line-height: 0;
+ font-size: 0;
+ color: transparent;
+ vertical-align: middle;
+}
+#rl-app #V-PopupsNextcloudFiles #sm-nc-files-tree button[name="select"]::before{
+ background-image: url(images/attach.svg);
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 22px;
+ padding-left: 20px;
+ padding-right: 10px;
+ line-height: 0;
+ font-size: 0;
+ color: transparent;
+ vertical-align: middle;
+}
+#rl-app #V-PopupsNextcloudFiles .close{
+ opacity: 0.9;
+}
+#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn,
+#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar #contacts-more-dropdown-id{
+ background: transparent;
+ color:var( --color-primary-element-text-black);
+ opacity: 0.8;
+}
+#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(1){
+ background: var(--color-primary-element-text-blue);
+ border-radius: 6px;
+ color: var(--color-primary-element-text);
+ min-height: 32px;
+ height: 32px;
+ padding: 6px 14px;
+ opacity: 1;
+}
+#V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(2){
+ background: var(--color-success-second);
+ border-radius: 6px;
+ color: var(--color-primary-element-text);
+ min-height: 32px;
+ height: 32px;
+ padding: 6px 14px;
+ opacity: 1;
+}
+#rl-app #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .btn-toolbar .btn:nth-child(3){
+ background-image: url('images/delete-black.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 20px;
+ width: 20px;
+ color: transparent;
+ content:"";
+ border: none;
+ text-shadow: none;
+ vertical-align: middle;
+}
+#rl-app #V-PopupsContacts .b-list-toolbar .e-search{
+ border-radius: 52px;
+ padding-left: 10px;
+}
+#rl-app #V-PopupsContacts .e-contact-item{
+ border-left: none;
+}
+#rl-app #V-PopupsContacts .b-header-toolbar.g-ui-user-select-none .close{
+ opacity: 0.8;
+}
+#rl-app #V-PopupsContacts .b-view-content .b-contact-view-desc{
+ top: 50%;
+ position: relative;
+ padding-top:0px;
+}
+#rl-app #V-PopupsContacts .left{
+ width:30%;
+}
+#rl-app #V-Settings-General .form-horizontal .legend:nth-child(1),
+#rl-app #V-SettingsMenu .b-footer{
+ border-top: 1px solid var(--border-color,#ddd);
+ border-bottom: none;
+}
+#rl-app #V-Settings-General .form-horizontal .legend{
+ border-bottom: none;
+}
+#rl-app #V-SettingsPane #rl-settings-subscreen{
+ padding:0px;
+}
+#rl-app #V-SettingsPane .btn-toolbar .btn:nth-child(1){
+ background: var(--color-primary);
+ border-radius: 6px;
+ color: var(--color-primary-element-text);
+ min-height: 32px;
+ height: 32px;
+ border-radius: 6px;
+ line-height: 20px;
+ padding: 6px 10px;
+ font-size: 16px;
+ font-weight: 400;
+}
+ #rl-app #V-SettingsPane .btn-toolbar .btn:nth-child(1)::before{
+ background-image: url('images/back-to-inbox.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 20px;
+ width: 20px;
+ color: transparent;
+ content:"";
+ border: none;
+ text-shadow: none;
+ line-height: 20px;
+ vertical-align: bottom;
+ }
+ #rl-app #V-Settings-Accounts .legend,
+ #rl-app #V-Settings-Accounts a,
+ #rl-app #V-Settings-Accounts .table.table-hover.list-table.identities-list
+ {
+ padding-left: 20px;
+ }
+ #rl-app #V-Settings-Accounts .btn,
+ #rl-app #V-Settings-Security button.btn,
+ #rl-app #V-SettingsPane .btn {
+ background: var(--color-primary-element-text);
+ border-radius: 6px;
+ color: var(--color-primary);
+ border: 1px solid var(--color-primary) !important;
+ font-weight: 400;
+ font-size: 16px;
+ }
+ #rl-app #V-Settings-Accounts .btn .icon-user-add {
+ background-image: url('images/account-blue.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height:16px;
+ width:16px;
+ line-height: 0;
+ font-size: 0;
+ color: transparent;
+}
+#rl-app #V-Settings-Accounts .btn .icon-user-add:before {
+ content: "";
+}
+#rl-app #rl-right #V-Settings-Accounts .table.table-hover.list-table.accounts-list tr td{
+ font-size: 16px;
+ line-height: 24px;
+ padding: 16px 4px;
+}
+#rl-app #V-Settings-Accounts .btn,
+#rl-app #V-Settings-Accounts .table.table-hover.list-table.accounts-list,
+#rl-app #V-Settings-Accounts .table.table-hover.list-table.identities-list,
+#rl-app #V-Settings-Security .btn,
+#rl-app #V-Settings-Security .control-group,
+#rl-app #V-Settings-Security details,
+#rl-app #V-Settings-Folders .e-component.e-checkbox.material-design,
+#rl-app #V-Settings-Folders .btn,
+#rl-app #V-Settings-Folders .table.table-hover.list-table
+{
+ margin-left:24px;
+}
+#rl-app #V-Settings-General .legend,
+#rl-app #V-Settings-Security .legend,
+#rl-app #V-Settings-Folders .legend
+{
+ padding-left:24px;
+}
+#rl-app #V-Settings-Accounts span.delete.fontastic{
+ background-image: url('images/delete-black.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height: 20px;
+ width: 20px;
+ color: transparent;
+ content:"";
+ border: none;
+ text-shadow: none;
+ vertical-align: middle;
+ opacity: 0.8;
+}
+#rl-app #V-Settings-Folders .table td{
+ opacity:0.8;
+ font-weight: 400;
+ font-size: 16px;
+}
+#rl-app #rl-loading .icon-spinner{
+ background-image: url('images/loading-color.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ height:32px;
+ width:32px;
+ padding-left: 20px;
+ padding-right: 19px;
+ content: "";
+ color: transparent;
+ border: none;
+}
+
+#V-MailMessageView table th,#V-MailMessageView table td{
+ border:none;
+}
+
+#rl-app #V-MailMessageView{
+ top:56px;
+ border-top:1px solid var(--color-border-grey);
+}
+#rl-app #V-SystemDropDown{
+ border-right: 1px solid var(--color-border-grey);
+ padding: 9px 7px;
+}
\ No newline at end of file