@charset "UTF-8";
/*!
* Custom Theme for ProtonMail v3.16.21
* http://amdelamar.com/pm-theme/
* SPDX-License-Identifier: MIT
*/
:root {
	/* Core Theme Colors */
	--theme1: #5e81ac;
	--theme2: #eceff4;
	--theme3: #222224;
	--theme4: #434c5e;
	--theme5: #81a1c1;
	--theme6: #4c566a;
	--theme7: #3b4252;

	/* Alert & Status Colors */
	--red: #cc9393;
	--red-light: #bf616a;
	--yellow: #dfdf19;
	--yellow-light: #e7d360;
	--green: #a6cc93;
	--green-light: #a3be8c;
	--blue: #bce8f1;
	--blue-light: #93b9cc;
	--white: #FFF;
	--black: #000;
}

#exiting {
	background-color: var(--theme3);
	color: var(--theme2);
}

#exiting .spinner.large .spinner1, #exiting .spinner.large .spinner2, #exiting .spinner.large .spinner3 {
	background-color: var(--theme1);
}

.spinner.large .spinner1, .spinner.large .spinner2, .spinner.large .spinner3 {
	background-color: var(--theme3);
}

.spinner1, .spinner2, .spinner3 {
	background-color: var(--theme1);
}

.proton-embedded:after {
	background: url(/assets/img/icons/broken-img.png) 5px 50% no-repeat var(--theme3);
	border-color: var(--theme2) var(--theme4) var(--theme4) var(--theme2);
}

html.protonmail body {
	background: var(--theme2);
}

html.protonmail body.blank, html.protonmail body.secure {
	background: var(--theme3);
}

html.protonmail .visionary {
	color: var(--theme3);
}

html.protonmail .plus {
	color: var(--theme3);
}

html.protonmail .text-gray {
	color: var(--theme2);
}

html.protonmail .text-light-gray {
	color: var(--theme4);
}

html.protonmail .text-green {
	color: var(--green);
}

html.protonmail .text-yellow {
	color: var(--yellow);
}

html.protonmail .text-red {
	color: var(--red);
}

html.protonmail .text-purple {
	color: var(--theme1) !important;
}

html.protonmail .border-panel {
	border: 1px solid var(--theme4);
}

header#pm_header {
	background: var(--theme2);
}

header#pm_header .newBugReport-container, header#pm_header a {
	color: var(--theme3);
}

header#pm_headerDesktop, header.headerDesktop-container {
	background: var(--theme3);
}

header#pm_headerDesktop a.logo, header .headerDesktop-logo.logo, .headerSecuredDesktop-logo {
	color: var(--theme1);
	background-color: var(--theme3);
}
header#pm_headerDesktop a.logo img, header .headerDesktop-logo.logo img, .headerSecuredDesktop-logo::before {
	webkit-filter: grayscale(100%) brightness(50%);
	filter: grayscale(100%) brightness(50%);
}
header#pm_headerDesktop ul.navigation>li:hover,
header.headerDesktop-container ul.navigation>li:hover {
	border-color: var(--theme1) !important;
}

header#pm_headerDesktop ul.navigation>li.active,
header.headerDesktop-container ul.navigation>li.active {
	border-color: var(--theme1) !important;
}

header#pm_headerDesktop ul.navigation>li>a,
header.headerDesktop-container ul.navigation>li>a {
	color: var(--theme2);
}
header#pm_headerDesktop .navigation .navigationUser-dropdown {
	color: var(--theme2);
}

header#pm_headerDesktop.no-auth {
	background: var(--theme2);
}

header#pm_headerDesktop.no-auth a {
	color: var(--theme3);
}

header#pm_header-tablet {
	background: var(--theme5);
}

header#pm_header-tablet .compose {
	background-color: var(--theme1);
	color: var(--theme3);
}

header#pm_header-tablet .compose:hover {
	background-color: var(--theme6);
}

header#pm_header-tablet .compose:active {
	background-color: var(--theme5);
}

header#pm_header-tablet a.logoMobile {
	color: var(--theme3);
}

header#pm_header-tablet .location {
	color: var(--theme3);
}

header#pm_header-mobile {
	background: var(--theme5);
}

header#pm_header-mobile a.compose, header#pm_header-mobile a.compose:hover {
	background: var(--theme5);
}

header#pm_header-mobile a.logoMobile {
	color: var(--theme3);
}

header#pm_header-mobile .searchBtn, header#pm_header-mobile a.compose {
	color: var(--theme3);
}

header#pm_header-mobile .location {
	color: var(--theme3);
}

.headerBlock-container {
	border-bottom: 1px solid var(--theme4);
}

#attachmentArea {
	background: var(--theme3);
	border-top: 1px solid var(--theme4);
}

#attachmentArea header .embedded {
	color: var(--theme1);
}

body section.sidebar {
	background: var(--theme3);
}

.sidebarApp-container .sidebar-btn-back {
  border: 1px solid var(--theme5) !important;
  color: var(--theme5) !important;
}

.sidebarApp-container .sidebar-btn-back:hover {
  background: var(--theme1) !important;
  color: var(--theme3) !important;
}

.sidebarApp-container .sidebar-btn-compose {
  background: var(--theme1) !important;
  border-color: var(--theme1) !important;
  color: var(--theme2) !important;
}

.sidebarApp-container .sidebar-btn-compose:hover {
  background-color: var(--theme6) !important;
  border-color: transparent !important;
  color: var(--theme2) !important;
}

.sidebarApp-item .navigationItem-item, .sidebarApp-item .sidebarApp-link, .sidebarApp-menu .menuLabel-link {
  color: var(--theme3);
}

.sidebarApp-item .navigationItem-icon, .sidebarApp-item .sidebarApp-icon, .sidebarApp-menu .menuLabel-icon, .sidebarApp-icon .donateBtn-icon {
  color: var(--theme4);
}

body section.sidebar ul.menu li button {
	color: var(--theme2);
}

body section.sidebar ul.menu li button:hover {
	color: var(--theme1);
}

body section.sidebar ul.menu li button i.fa {
	color: var(--theme2);
}

body section.sidebar ul.menu li a {
	color: var(--theme2);
}

body section.sidebar ul.menu li a:hover {
	color: var(--theme1);
}

body section.sidebar ul.menu li a em {
	color: var(--theme5);
}

body section.sidebar ul.menu li a i.fa {
	color: var(--theme2);
}

body section.sidebar ul.menu li a .fa-repeat {
	color: var(--theme6);
}

body section.sidebar ul.menu li a .fa-repeat:hover {
	color: var(--theme1);
}

body section.sidebar ul.menu li.active a {
	color: var(--theme2);
}

body section.sidebar ul.menu li.active a:hover {
	color: var(--theme1);
}

body section.sidebar ul.menu li.active a i.fa {
	color: var(--theme6);
}

body section.sidebar div.labels ul li.active a, .menuLabel-item.active .menuLabel-title {
	color: var(--theme2);
	font-weight: 700;
}

body section.sidebar div.labels ul li a:hover {
	color: var(--theme3);
}

body section.sidebar div.footer div.link a {
	color: var(--theme1);
}

body section.sidebar div.footer div.link a:hover {
	color: var(--theme2);
}

.sidebarApp-container .footer div.storage strong {
	color: var(--theme1);
}

body section.sidebar div.footer a.upgrade {
	color: var(--theme1);
}

body section.sidebar div.footer .bar em {
	background-color: var(--theme1);
}

body section.sidebar div.footer .bar {
	background-color: var(--theme4);
}

.sidebarApp-container .version {
	color: var(--theme1) !important;
}

.sidebarApp-container .version:hover {
	color: var(--theme2) !important;
}

.sidebarApp-container .footer .storageBar {
  background-color: var(--theme4) !important;
}

.storageBar .storageBar-progress {
  background-color: var(--theme1) !important;
}

body section.sidebar div.labels ul li a {
	color: var(--theme2) !important;
}

body section.sidebar div.labels ul li a:hover {
	color: var(--theme1) !important;
}

body section.sidebar div.labels ul li a em {
	color: var(--theme2) !important;
}

body.mobileMode #pm_sidebar section.sidebar {
	background: var(--theme2) !important;
}

body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa {
	color: var(--theme3) !important;
}

body.mobileMode #pm_sidebar section.sidebar .userDisplay em, body.mobileMode #pm_sidebar section.sidebar .userDisplay strong {
	color: var(--theme3) !important;
}

body.mobileMode #pm_sidebar section.sidebar ul.menu li button {
	color: var(--theme3) !important;
}

.pm_toolbar {
	box-shadow: inset 0 -1px 0 var(--theme4) !important;
}

#conversation-view .fa-star {
	color: var(--yellow) !important;
}

#conversation-view header {
	border-bottom: 0px solid var(--theme4) !important;
}

#conversation-view header h1 {
	color: var(--white) !important;
}

#conversation-view .message {
	border: 1px solid var(--theme4) !important;
}

#conversation-view .message .contact a.compose {
	color: var(--theme1) !important;
}

#conversation-view .message .details {
	background: var(--theme3) !important;
}

#conversation-view .message .message-contact-sender {
	color: var(--theme5) !important;
}

#conversation-view .message.marked .details, #conversation-view .message.marked .summary {
	box-shadow: inset 5px 0 0 var(--theme1) !important;
}

#conversation-view .message.details.open .labelz .pm_labels label {
	box-shadow: .25rem 0 0 .25rem var(--theme3) !important;
}

#conversation-view .message.unread>div.summary {
	background: var(--theme3) !important;
}

#conversation-view .message.unread:not(.open) .summary .labels, #conversation-view .message.unread:not(.open) .summary .status, #conversation-view .message.unread:not(.open) .summary .time {
	background: var(--theme3)!important;
}

#conversation-view .message.unread>div.summary .labels .pm_labels label {
	box-shadow: .25rem 0 0 .25rem var(--theme3) !important;
}

#conversation-view .message>div.summary {
	background: var(--theme3) !important;
}

#conversation-view .message>div.summary .summary-right {
  background: transparent !important;
}

#conversation-view .message .summary .labels, #conversation-view .message .summary .location.folders, #conversation-view .message .summary .message-attachments, #conversation-view .message .summary .status, #conversation-view .message .summary .time {
	background: var(--theme3) !important;
}

#conversation-view .message>div.summary .time::after {
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, var(--theme3) 100%) !important;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, var(--theme3) 100%) !important;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--theme3) 100%) !important;
}

#conversation-view .message>div.summary .meta .contact span {
	color: var(--theme4) !important;
}

#conversation-view .message>div.summary .labels .pm_labels label {
	box-shadow: .25rem 0 0 .25rem var(--theme3) !important;
}

#conversation-view .message>div.details {
	background: var(--theme3) !important;
}

#conversation-view .message>div.details .pm_buttons a {
	background: var(--theme3) !important;
}

#conversation-view .message>div.details .recipients-details .from, #conversation-view .message>div.details .recipients-details .where {
	color: var(--theme4) !important;
}

#conversation-view .message>div.details .recipients-details .contact em {
	color: var(--theme4) !important;
}

#conversation-view .message>div.details .recipients-summary strong {
	color: var(--theme4) !important;
}

#conversation-view .message>div.details .recipients-summary .from {
	color: var(--theme4) !important;
}

#conversation-view .message .toggleDetails {
	color: var(--theme1) !important;
}

#conversation-view .message .expiration {
	background: var(--red-light) !important;
	color: var(--theme3) !important;
}

#conversation-view .message .showImages {
	background: var(--theme3) !important;
	color: var(--theme1) !important;
	border-top: 1px solid var(--theme4) !important;
}

#conversation-view .message .frame {
	color: var(--black) !important;
	background-color: var(--white) !important;
	border-top: 1px solid var(--theme4) !important;
}

#conversation-view .message .frame .email .pm_button.more {
	background: var(--theme3) !important;
}

body.mobileMode #conversation-view .message>div.summary .time {
	background: var(--theme3) !important;
}

body#eo-unlock, body#login-unlock, body#reset {
	background: var(--theme2) !important;
}

body.mobileMode #conversation-view .message.details>div.summary .meta .contact em {
	color: var(--theme4) !important;
}

#pm_placeholder {
	color: var(--theme4);
	padding-top: 40%;
	text-transform: uppercase;
}

#nothingToSeeHere .fa {
	color: var(--theme4);
}

#nothingToSeeHere span {
	color: var(--theme4);
}

#nothingToSeeHere h3 {
	color: var(--theme4);
}

#pm_conversations .meta .fa-star-o, #pm_conversations .meta .singleStar, #pm_conversations article>header .fa-lock, #pm_conversations article>header .fa-paperclip, #pm_conversations header .loc, #pm_rows .meta .fa-star-o, #pm_rows .meta .singleStar, #pm_rows article>header .fa-lock, #pm_rows article>header .fa-paperclip, #pm_rows header .loc {
	color: var(--white);
}

body#reset .alert {
	color: var(--white);
}

#pm_footer {
	color: var(--theme3);
}

#pm_footer a {
	color: var(--theme3);
}

#pm_footer a:hover {
	color: var(--theme4);
}

#pm_footer.static {
	color: var(--theme2);
}

#pm_footer.static a {
	color: var(--theme2);
}

#pm_footer.static a:hover {
	color: var(--white);
}

#pm_composer .composer .meta input {
	background: var(--theme7) !important;
}

#pm_composer .composer .fill {
	color: var(--black);
	background: var(--white);
}

#pm_composer .composer {
	background: var(--theme3);
}

.addFilePopover-panel, .addLinkPopover-panel,
.addLinkPopover-footer, .addFilePopover-footer {
	background: var(--theme7) !important;
}

.addLinkPopover-field .addLinkPopover-label,
.addFilePopover-field .addFilePopover-label {
	color: var(--theme2) !important;
}

.addLinkPopover-field .addLinkPopover-input,
.addFilePopover-field .addFilePopover-input-url {
	border: 1px solid var(--theme4) !important;
	color: var(--theme2) !important;
	background: var(--theme7) !important;
	box-shadow: inset 0 0 0 1px var(--theme1) !important;
}

.composerTime-container {
	color: var(--theme5) !important;
}

#pm_composer .composer .askEmbedding {
	background: var(--theme3);
	color: var(--theme2);
}

#pm_composer .composer .attachmentBar i.embedded, #pm_composer .composer .options .fa {
	color: var(--theme1);
}

#pm_composer .composer .askEmbedding ul {
	background: var(--theme3);
	border: 1px solid rgba(0, 0, 0, .2);
}

.composerOptions-container {
	background: var(--theme3);
}

#pm_composer .composer .options footer {
	background: var(--theme3);
}

#pm_composer .composer .attachmentBar {
	border-top: 1px solid var(--theme4);
	background: var(--theme3);
}

#pm_composer .composer .previews {
	background: var(--theme3);
}

#pm_composer .composer .previews .preview-close {
	color: var(--theme2);
}

#pm_composer .composer .previews .attachment .fa.embedded {
	color: var(--theme1);
}

#pm_composer .composer .previews .pm_button {
	background: var(--theme3);
}

#pm_composer .composer.attachmentsOpen .attachmentBar {
	box-shadow: 0 1px 0 var(--theme4);
}

#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button {
	color: var(--theme2);
}

#pm_composer .composer.attachmentsOpen .attachmentArea .pm_button.uploading {
	background: var(--theme4);
}

#pm_composer .composer header {
	background: var(--theme6);
	color: var(--theme2);
}

#pm_composer .composer header.composerEncrypt-header,
#pm_composer .composer header.composerExpiration-header {
	background: none;
	color: var(--theme2);
}

#pm_composer .composer header .actions .pm_button {
	color: var(--theme3) !important;
	border: none !important;
}

#pm_composer .composer header .actions .pm_button:hover {
	color: var(--theme2) !important;
}

#pm_composer .composer .pm_button.link {
	border: none !important;
}

#pm_composer .composer .row {
	border-bottom: 1px solid var(--theme6) !important;
}

#pm_composer .composer .row.placeholder div {
	color: var(--theme2);
}

#pm_composer .composer input, #pm_composer .composer select {
	color: var(--theme2) !important;
}

#pm_composer .composer select option {
	color: var(--theme2) !important;
  background-color: var(--theme3) !important;
}

#pm_composer .composer .meta {
	color: var(--theme1) !important;
	background: var(--theme7) !important;
}

#pm_composer .composer footer {
	background: var(--theme7) !important;
	border-top: 1px solid var(--theme4) !important;
}

#pm_composer .composer footer .pm_button {
	background: var(--theme3) !important;
}

#pm_composer .composer footer .pm_button:hover {
	background-color: var(--theme7) !important;
	color: var(--theme2) !important;
}

#pm_composer .composer footer .pm_button.primary {
	background: var(--theme1) !important;
}

#pm_composer .composer footer .pm_button.primary:hover {
	background-color: var(--theme6) !important;
	color: var(--theme2) !important;
}

#pm_composer .composer footer .pm_button.disabled {
	background: var(--white) !important;
}

#pm_composer .composer ::-webkit-input-placeholder {
	color: var(--theme4);
}

#pm_composer .composer :-moz-placeholder {
	color: var(--theme4);
}

#pm_composer .composer ::-moz-placeholder {
	color: var(--theme4);
}

#pm_composer .composer :-ms-input-placeholder {
	color: var(--theme4);
}

.colorPopover-container .colorPopover-panel .colorPopover-select .colorList-list .colorList-btn-choose {
	color: inherit !important;
	background-color: inherit !important;
	border: unset !important;
}

.squireToolbar-container {
	background-color: var(--theme1) !important;
}

.squireToolbar-container .squire-toolbar, [class*="squireToolbar-row"] {
	background-color: var(--theme7) !important;
}

[class*=squireToolbar-action-]+.squireToolbar-separator {
	border-left: 1px solid var(--theme4) !important;
}

.squire-popover {
	background: var(--theme3) !important;
	border: 1px solid var(--theme4) !important;
}

.squire-popover input {
	border: 1px solid var(--theme3) !important;
	color: var(--theme2) !important;
}

.squire-popover button, .squireToolbar-container button {
	background-color: var(--theme1) !important;
	color: var(--theme3) !important;
}

.squireToolbar-select .squireToolbar-select-view {
	background-color: var(--theme1) !important;
	color: var(--theme3) !important;
	border: 1px solid var(--theme4) !important;
}

.squireToolbar-select .squireToolbar-select-view .squireDropdown-item-label {
	border: none !important;
	background-color: var(--theme1) !important;
	color: var(--theme3) !important;
}

#pm_settings .well {
	border: 1px solid var(--theme4);
}

#pm_settings .editor-container, #pm_settings .usage {
	background: var(--theme7);
}

#pm_settings .usage .total, #pm_settings .usage .used {
	color: var(--theme4);
	background: var(--theme3);
}

#pm_settings .usage .bar {
	background: var(--theme3);
}

#pm_settings .usage .bar .amount {
	background: var(--theme1);
}

#pm_settings .pm_tabs {
	background: var(--theme3);
}

#pm_settings .pm_tabs li a.pm_button {
	background-color: var(--theme6);
	border-color: var(--theme5);
	color: var(--theme3);
	border-bottom: 1px solid var(--theme5);
}

#pm_settings .pm_tabs li a.pm_button:hover {
  background: var(--theme3);
  color: var(--theme1);
}

#pm_settings .pm_tabs li.active a.pm_button {
	background: var(--theme3);
	color: var(--theme2);
	border-bottom-color: var(--theme3);
}

#pm_settings .pm_tabs li.active a.pm_button:hover {
  color: var(--theme1);
}

#pm_settings .pm_tabs li:last-child a {
  border-right: 1px solid var(--theme5);
}

#pm_settings .settings .angular-squire-wrapper {
	background: var(--white);
	border: 1px solid var(--theme4);
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15);
}

#pm_settings .settings #keys-addressTable td .fa-times-circle {
	color: var(--red);
}

#pm_settings .settings #keys-addressTable td .fa-check {
	color: var(--theme2);
}

.addressKeysView-container .addressKeysView-toggle .pm_button,
.addressKeysView-container table tr td .pm_buttons,
.addressKeysView-container table tr td .pm_button {
  border: none !important;
}

#pm_settings .settings .row .border-bottom {
	border-bottom: 1px solid var(--theme4);
}

#pm_settings .settings .row .setting .as-sortable-placeholder {
	background: var(--theme4) !important;
}

#pm_settings .settings .row .setting .as-sortable-dragging {
	border: 1px solid var(--theme4);
	background: var(--theme3);
}

#pm_settings .settings .row .setting .as-sortable-dragging .fa-check {
	background: var(--theme3);
	color: var(--theme1);
}

#pm_settings .settings .row .setting .angular-squire-wrapper iframe {
	border: 1px solid var(--theme4);
}

body.mobileMode #pm_settings .settings .pm_sort ul {
	border-right: 1rem solid var(--theme4);
}

body.mobileMode #pm_settings .pm_tabs {
	background: var(--theme3);
}

body.mobileMode #pm_settings .pm_tabs>li>a.pm_button {
	color: var(--theme5);
	border: 1px solid var(--theme4);
}

body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:hover {
	background-color: var(--theme3);
}

body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:active, body.mobileMode #pm_settings .pm_tabs>li>a.pm_button:focus {
	background-color: var(--theme4);
}

body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button {
	background-color: var(--theme1);
	border-color: var(--theme1);
	color: var(--theme3);
}

body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:hover {
	background-color: var(--theme6);
	border-color: var(--theme6);
}

body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:active, body.mobileMode #pm_settings .pm_tabs>li.active>a.pm_button:focus {
	background-color: var(--theme5);
	border-color: var(--theme5);
}

body.mobileMode #pm_settings .settings table.pm_table tr {
	border: 1px solid var(--theme4);
}

body.mobileMode #pm_settings .settings table.pm_table tr td {
	border-bottom: 1px solid var(--theme4);
}

#paymentsModal .disabled input, #paymentsModal .disabled select {
	background-color: var(--theme3);
}

body.mobileMode #invoicesList li {
	border: 1px solid var(--theme4);
}

body.mobileMode #invoicesList li p {
	border-bottom: 1px solid var(--theme4);
}

body.mobileMode #invoicesList li p.title {
	background: var(--theme3);
}

#login-setup #pm_footer {
	color: var(--theme2);
}

#login-setup #pm_footer a {
	color: var(--theme2);
}

#login-setup #pm_footer a:hover {
	color: var(--white);
}

#login-setup .spinner.large .spinner1, #login-setup .spinner.large .spinner2, #login-setup .spinner.large .spinner3 {
	background-color: var(--theme1);
}

#login-setup .wrapper label em.num {
	background-color: var(--theme3);
}

#login-setup .wrapper label span {
	color: var(--theme2);
}

#signup .spinner.large .spinner1, #signup .spinner.large .spinner2, #signup .spinner.large .spinner3 {
	background-color: var(--theme1);
}

#signup .titleLabel em.num {
	background-color: var(--theme3);
}

#signup .titleLabel span {
	color: var(--theme2);
}

.ua-ie #pm_composer .composer {
	border: 1px solid var(--theme4);
}

html.protonmail body.light {
	background-color: var(--theme3);
}

body#eo-message, body#eo-reply {
	background: var(--theme2);
}

body#eo-reply ul.infos {
	color: var(--theme2);
}

body#eo-reply ul.infos b, body#eo-reply ul.infos em {
	color: var(--theme1);
}

body#eo-reply #message-body .squire-toolbar {
	border-top: 1px solid var(--theme4);
	border-bottom: 1px solid var(--theme4);
}

body#eo-reply footer {
	border-top: 1px solid var(--theme4);
}

.outside #expirationMessage {
	background-color: var(--red-light);
	color: var(--theme3);
}

.outside #outsideMessageWrap {
	background-color: var(--theme3);
}

.outside #attachmentArea {
	border-top: 1px solid var(--theme4);
}

.outside .display-embedded, .outside .display-image {
	background: var(--theme3);
	border: 1px solid var(--theme4);
}

.outside .display-embedded a, .outside .display-image a {
	color: var(--theme1);
	background-color: var(--theme3) !important;
}

.outside .display-embedded:hover, .outside .display-image:hover {
	background: var(--theme3);
}

.outside .message-metadata {
	border-bottom: 1px solid var(--theme4);
}

.outside .message-metadata ul.infos li strong, .outside .message-metadata ul.infos strong {
	color: var(--theme2);
}

.outside .message-metadata ul.infos b, .outside .message-metadata ul.infos li b {
	color: var(--theme1);
}

body.mobileMode body#eo-reply #message-body iframe {
	background: var(--theme3);
}

body {
	color: var(--theme2);
}

code {
	color: inherit;
}

p a {
	color: var(--theme1);
}

hr {
	box-shadow: inset 0 1px 0 var(--theme4), inset 0 -1px 0 var(--theme4);
}

kbd {
	color: var(--theme2);
	background-color: var(--theme3);
	-webkit-box-shadow: 0 0 0 var(--theme4), inset 0 0 0 1px var(--theme4);
	box-shadow: 0 0 0 var(--theme4), inset 0 0 0 1px var(--theme4);
}

body .pm_form textarea[readonly], pre {
	background: var(--theme3);
	border: 1px solid var(--theme4);
	color: var(--theme2);
}

#eo-message .email img.pm_broken, #eo-reply iframe img.pm_broken, .message .frame>.email img.pm_broken {
	background-color: var(--theme4);
}

#eo-message .email blockquote, #eo-reply iframe blockquote, .message .frame>.email blockquote {
	border-left: 4px solid var(--theme4) !important;
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
	border-top-color: var(--theme2);
}

.tooltip-inner {
	color: var(--theme3);
	background-color: var(--theme2);
}

.tooltip.right .tooltip-arrow {
	border-right-color: var(--theme2);
}

.tooltip.left .tooltip-arrow {
	border-left-color: var(--theme2);
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: var(--theme2);
}

.alert {
  color: var(--white) !important;
	background: var(--theme4) !important;
}

.alert a, .alert.alert-danger a, .alert.alert-info a, .alert.alert-success a, .alert.alert-warning a {
	color: var(--theme1) !important;
}

.alert.alert-info {
  color: var(--white) !important;
	background: var(--theme4) !important;
}

.alert.alert-success {
  color: var(--black) !important;
	background: var(--green) !important;
}

.alert.alert-danger {
  color: var(--white) !important;
	background: var(--red-light) !important;
}

.alert.alert-warning {
  color: var(--black) !important;
	background: var(--yellow-light) !important;
}

.alert .pm_button {
	background: var(--theme3) !important;
}

.customCheckbox-input:checked + .customCheckbox-mask {
	background-color: var(--theme6);
	border-color: var(--theme6);
}
.customRadio-input:checked + .customRadio-mask {
	box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 10px var(--theme6);
	border-color: var(--theme6);
}

.alert .pm_select, .alert input[type=text], .alert input[type=number], .alert input[type=password], .alert input[type=email], .alert input[type=search], .alert textarea {
	background: var(--theme3) !important;
}

.labelDropdown .scrollbox {
  background-color: var(--theme6);
}

.labelDropdown .scrollbox::after, .labelDropdown .scrollbox::before {
  background: transparent;
}

.labelDropdown .pm_button.link {
	color: var(--theme1);
}

.labelDropdown .alsoArchive {
	border-top: 1px solid var(--theme4);
	border-bottom: 1px solid var(--theme4);
}

.labelDropdown .labelSearch .fa {
	color: var(--theme1);
}

.labelDropdown .labelSearch input {
	border-bottom: 1px solid var(--theme4);
}

.searchForm-advanced-container, .searchForm-advanced-main, .searchForm-advanced-wrapper {
	background-color: var(--theme7) !important;
}

form.searchForm, .searchForm-container, .searchForm-advanced-container label {
	color: var(--theme2);
}

form.searchForm fieldset, .search-form-fieldset {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
	background: var(--theme7) !important;
	color: var(--theme2) !important;
}

form.searchForm fieldset button[type=button], .searchForm-action-button {
	color: var(--theme2);
}

[class*="searchForm-action-button-"] {
	color: var(--theme2);
}

form.searchForm fieldset button[type=button]:hover, .searchForm-action-button:hover {
	background: var(--theme7);
}

form.searchForm fieldset #closeAdvSearch, form.searchForm fieldset button[type=submit] {
	color: var(--theme2);
}

form.searchForm fieldset input.query, .search-form-fieldset-input {
	background: var(--theme7);
	color: var(--theme2);
}

form.searchForm #advancedSearchDropdown label, .searchForm-advanced-wrapper label {
	color: var(--theme2);
}

body.mobileMode form.searchForm #advancedSearchDropdown .wrap, .searchForm-advanced-wrapper {
	border-bottom: 1px solid var(--theme3);
}

#advancedSearchModal .date em {
	color: var(--theme4);
}

body .is-selected .pika-button {
	background: var(--theme1) !important;
	color: var(--theme3) !important;
}

body .is-today .pika-button {
	color: var(--theme1);
}

#labelModal ul.palette li a .fa {
	color: var(--theme3);
}

body .cg-notify-message {
	background: var(--theme2);
	color: var(--theme3) !important;
}

body .cg-notify-message.notification-success {
	background-color: var(--green);
}

body .cg-notify-message.notification-warning {
	background-color: var(--yellow-light);
}

body .cg-notify-message.notification-danger {
	background-color: var(--red);
}

body .cg-notify-message.notification-info {
	background-color: var(--blue-light);
}

#pm_latest header {
	color: var(--theme2);
	border-bottom: 0px solid var(--theme4);
}

#pm_latest #storageStatus .wrap span {
	color: var(--theme2);
}

#pm_latest #storageStatus .wrap span strong {
	color: var(--theme1);
}

#pm_latest section {
	border: 1px solid var(--theme4);
}

#pm_latest .storageArea div.storage {
	color: var(--theme4);
}

#pm_latest .storageArea div.storage strong {
	color: var(--theme1);
}

#pm_latest .storageArea .bar {
	background-color: var(--theme4);
}

#pm_latest .storageArea .bar em {
	background-color: var(--theme1);
}

.autocompleteEmails-container {
	color: var(--theme2) !important;
}

.autocompleteEmails-container .autocompleteEmails-autocomplete {
  color: var(--theme2) !important;
  background-color: var(--theme4) !important;
}

.autocompleteCommand-container .autocompleteEmails-autocomplete li + li {
  border-color: var(--theme1) !important;
}

.autocompleteCommand-container .autocompleteEmails-autocomplete li {
  color: var(--theme2) !important;
  background-color: var(--theme7) !important;
}

.autocompleteCommand-input {
  color: var(--theme2) !important;
  background-color: var(--theme3) !important;
}

.autocomplete-container .awesomplete li[aria-selected="true"], .autocomplete-container .awesomplete li[aria-selected="true"]:hover, .autocompleteEmails-autocomplete li[aria-selected="true"], .autocompleteEmails-autocomplete li[aria-selected="true"]:hover {
  color: var(--theme2) !important;
  background-color: var(--theme1) !important;
}

.autocomplete-container .awesomplete li:hover, .autocompleteEmails-autocomplete li:hover {
  color: var(--theme2) !important;
  background-color: var(--theme6) !important;
}

.autocompleteEmails-item {
	border: 1px solid var(--theme4) !important;
	background-color: var(--theme3) !important;
}

.autocompleteEmails-item-invalid {
	border-color: var(--red) !important;
	color: var(--red) !important;
}

.autocompleteEmails-field .awesomplete ul {
	border: 1px solid var(--theme4) !important;
	background-color: var(--theme3) !important;
}

.autocompleteEmails-field .awesomplete li[aria-selected=true], .autocompleteEmails-field .awesomplete li[aria-selected=true]:hover {
	background-color: var(--theme4) !important;
}

.autocompleteEmails-field .awesomplete li[aria-selected="false"], .autocompleteEmails-field .awesomplete li[aria-selected="false"]:hover {
	background-color: var(--theme6) !important;
}

.autocompleteEmails-field .awesomplete li:hover {
	background-color: var(--theme3) !important;
}

.autocompleteEmails-field .awesomplete li, .autocompleteEmails-field .awesomplete li:hover, .autocompleteEmails-field .awesomplete li[aria-selected=true], .autocompleteEmails-field .awesomplete li[aria-selected=true]:hover {
	color: var(--theme2) !important;
}

.autocompleteEmails-btn-remove:active, .autocompleteEmails-btn-remove:focus {
	color: var(--theme5) !important;
}

.monetize .modal-dialog .modal-content .upsell h4 {
	color: var(--theme1);
}

.monetize .modal-dialog .modal-content .upsell ul {
	color: var(--theme3);
}

#pm_settings .bar em {
	background-color: var(--theme1);
}

#pm_settings .donate .well {
	box-shadow: inset 0 0 3rem var(--theme4);
}

#plans .plans .plan header {
	background: var(--theme2);
	color: var(--theme3);
}

#plans .plans .plan h3, .settingsDashboard-container #plans .plan .plan-title {
	background-color: var(--theme1);
	color: var(--theme3);
}

.settingsDashboard-plans [class*="Column-container"] [class*="addonRow"] .pm_select {
	background: var(--theme7) !important;
}

.settingsDashboard-plans, .settingsDashboard-plans::after, .settingsDashboard-plans::before {
	background: transparent !important;
}

.overviewSection-tbody-billing, .subscriptionSection-tbody-billing, .subscriptionSection-tbody-billing > tr:first-of-type {
	background: var(--theme6) !important;
}

.overviewSection-couponCode {
	color: var(--black);
}

.settingsDashboard-container #plans .plan > section ul {
	background: var(--theme3);
}

#plans .plans .plan.plus-plan footer, #plans .plans .plan.plus-plan header {
	background: var(--theme3);
}

#plans .plans .plan section  {
	border: 1px solid var(--theme4);
}

#plans .plans .plan section ul li {
	border-bottom: 1px solid var(--theme4);
}

#plans .plans .plan section ul li.disabled {
	color: var(--theme4);
}

#plans .plans .plan footer {
	border: 1px solid var(--theme4);
}

#plans .plans .plan footer .cycle {
	border-bottom: 1px solid var(--theme4);
	color: var(--theme4);
}

#plans .plans .plan footer .cycle .discount {
	border-color: var(--green) transparent transparent;
	color: var(--theme3);
}

#plans .plans .plan footer .cycle label {
	color: var(--theme2);
}

#plans .plans .plan footer .cycle strong {
	color: var(--theme1);
}

#plans .plans .plan.plus-plan h3 span {
	color: var(--theme3);
}

#plans .plans .plan.visionary-plan h3 span, #plans .plans .plan.visionary-plan header {
	color: var(--theme3);
}

.intl-tel-input .selected-flag .iti-arrow {
	border-top: 4px solid var(--theme2);
}

.intl-tel-input .selected-flag .iti-arrow.up {
	border-bottom: 4px solid var(--theme2);
}

.intl-tel-input .country-list {
	background-color: var(--theme3);
	border: 1px solid var(--theme4);
}

.intl-tel-input .country-list .divider {
	border-bottom: 1px solid var(--theme4);
}

.intl-tel-input .country-list .country .dial-code {
	color: var(--theme4);
}

.iti-flag {
	background-color: var(--theme4);
}

.pm_form .cardPanel {
	background: var(--theme1);
	color: var(--theme3);
}

.pm_form .cardPanel.issuer-mastercard {
	background: var(--white);
}

.paginator-disabled-main .paginator-dropdown, .paginator-disabled-next .paginator-btn-next, .paginator-disabled-previous .paginator-btn-previous {
  color: var(--theme5) !important;
  box-shadow: unset !important;
  background-color: var(--theme3) !important;
}

.paginator-disabled-main .paginator-dropdown:hover, .paginator-disabled-next .paginator-btn-next:hover, .paginator-disabled-previous .paginator-btn-previous:hover {
  background-color: var(--theme7) !important;
  color: var(--theme2) !important;
}

.popover {
	background-color: var(--theme3);
}

.popover-title {
	background-color: var(--theme3);
	border-bottom: var(--theme4);
}

.popover.top>.arrow {
	border-top-color: var(--theme4);
}

.popover.top>.arrow:after {
	border-top-color: var(--theme3);
}

.popover.right>.arrow {
	border-right-color: var(--theme4);
}

.popover.right>.arrow:after {
	border-right-color: var(--theme3);
}

.popover.bottom>.arrow {
	border-bottom-color: var(--theme4);
}

.popover.bottom>.arrow:after {
	border-bottom-color: var(--theme3);
}

.popover.left>.arrow {
	border-left-color: var(--theme4);
}

.popover.left>.arrow:after {
	border-left-color: var(--theme3);
}

.composerAttachments-container {
	background: var(--theme3);
}

.composerAttachments-loaders {
	border-top: 1px solid var(--theme4);
}

.composerAskEmbdded-details {
	background: var(--theme3);
}

.composerInputMeta-overlay {
	background: var(--theme7) !important;
	color: var(--theme2) !important;
}

.composerInputMeta-overlay-label, .composerInputMeta-label, #pm_composer .composer .fromRow {
	color: var(--theme1) !important;
}

.progressLoader-container.pm_button {
	background: var(--theme3);
}

[class*=listAttachments-icon].embedded {
	color: var(--theme1);
}

.listAttachments-list .listAttachments-att {
	color: var(--theme2) !important;
	background: var(--theme3) !important;
}

.listAttachments-list .listAttachments-att:after {
	border-right: 1px solid var(--theme4) !important;
}

.squire-dropzone {
	background: var(--theme3) !important;
}

.conversation {
	background: var(--theme7) !important;
	border-bottom-color: var(--theme7) !important;
}

.conversation .expiration, body #conversation-list-rows .conversation .expiration {
	border-color: transparent var(--red-light) transparent transparent !important;
}

.conversation .row .meta .fa-star-o {
	color: var(--white) !important;
}

.conversation .row .meta .fa-star {
	color: var(--yellow) !important;
}

.conversation .row .pm_labels {
	background: transparent !important;
	box-shadow: none !important;
}

.conversation .row .pm_labels label {
	background: transparent !important;
	box-shadow: none !important;
}

.conversation .row h4 {
	color: var(--white) !important;
}

.conversation.read {
	background: var(--theme3) !important;
	border-bottom-color: var(--theme7) !important;
}

.conversation.read h4 {
	color: var(--white) !important;
	font-weight: 400;
}

.conversation.read .pm_labels label {
	box-shadow: none !important;
	background: transparent !important;
}

.conversation.marked::before {
	background-color: var(--theme1) !important;
}

.conversation.active {
	background: var(--theme6) !important;
	color: var(--theme3) !important;
	border-bottom-color: var(--theme7) !important;
}

.conversation.active h4 {
	color: var(--white) !important;
}

.conversation.active .pm_labels label {
	background: transparent !important;
	box-shadow: none !important;
}

body #conversation-list-rows .conversation {
	color: var(--theme2) !important;
	background: var(--theme7) !important;
}

body #conversation-list-rows .conversation .expiration {
	color: var(--theme3) !important;
}

body #conversation-list-rows .conversation .fa-star-o {
	color: var(--white) !important;
}

body #conversation-list-rows .conversation .fa-star {
	color: var(--yellow) !important;
}

body #conversation-list-rows .conversation .subject h4 {
	color: var(--white) !important;
}

body #conversation-list-rows .conversation .subject .pm_labels {
	background: transparent !important;
}

body #conversation-list-rows .conversation .subject .pm_labels label {
	background: transparent !important;
}

body #conversation-list-rows .conversation.read, body #conversation-list-rows .conversation.read .subject .pm_labels, body #conversation-list-rows .conversation.read .subject .pm_labels label {
	background: var(--theme3) !important;
}

body #conversation-list-rows .conversation.read .subject h4 {
	color: var(--theme2) !important;
}

.unsubscribePanel-container {
  background: var(--theme3) !important;
  color: var(--theme2) !important;
}

.unsubscribePanel-button, .messageExtra-container > [class*="-container"] > [class*="-button"] {
  background: var(--theme1) !important;
  color: var(--theme2) !important;
  border: 1px solid var(--theme1) !important;
}

.unsubscribePanel-button:hover, .messageExtra-container > [class*="-container"] > [class*="-button"]:hover {
  background: var(--theme6) !important;
  border: 1px solid var(--theme6) !important;
}

.eventsAttachments-container {
  background: var(--theme3) !important;
  color: var(--theme2) !important;
}

.eventsAttachments-summary {
  background: var(--theme1) !important;
  color: var(--theme2) !important;
}

.pm_button {
	color: var(--theme5) !important;
	border: 1px solid var(--theme4) !important;
}

.pm_button:hover {
	background-color: var(--theme3) !important;
}

.pm_button:active, .pm_button:focus {
	background-color: var(--theme4) !important;
}

.pm_button.primary {
	background-color: var(--theme1) !important;
	border-color: var(--theme1) !important;
	color: var(--theme3) !important;
}

.pm_button.primary:hover {
	background-color: var(--theme6) !important;
	border-color: var(--theme6) !important;
}

.pm_button.primary:active, .pm_button.primary:focus {
	background-color: var(--theme5) !important;
	border-color: var(--theme5) !important;
}

.pm_button.primary.disabled, .pm_button.primary[disabled] {
	background: var(--theme6) !important;
}

.pm_button.link {
  border: none !important;
	color: var(--theme1) !important;
}

.pm_button.round {
	border: 1px solid var(--theme4) !important;
}

.pm_button.round .fa {
	color: var(--theme1) !important;
}

.pm_button.round:hover {
	background-color: var(--theme3) !important;
}

.pm_button.round:active, .pm_button.round:focus {
	background-color: var(--theme3) !important;
}

.pm_button.success {
	background-color: var(--green) !important;
	border-color: var(--green) !important;
	color: var(--theme3) !important;
}

.pm_button.success:hover {
	background-color: var(--green-light) !important;
	border-color: var(--green-light) !important;
}

.pm_button.success.disabled, .pm_button.success[disabled] {
	background: var(--green-light) !important;
}

.pm_button.error {
	background-color: var(--red) !important;
	border-color: var(--red) !important;
	color: var(--theme3) !important;
}

.pm_button.error:hover {
	background-color: var(--red-light) !important;
	border-color: var(--red-light) !important;
}

.pm_button.error.disabled, .pm_button.error[disabled] {
	background: var(--red-light) !important;
}

.pm_buttons {
	border: 1px solid var(--theme4) !important;
	background: var(--theme3) !important;
}

.pm_buttons .pm_buttons {
	border: none !important;
}

.pm_buttons.disabled {
	border: 1px solid var(--theme3) !important;
	box-shadow: none !important;
	background: var(--theme3) !important;
}

.pm_buttons .pm_buttons-child {
	background: var(--theme3) !important;
}

.pm_buttons .pm_buttons-child.disabled {
	box-shadow: none !important;
	background: var(--theme3) !important;
}

.pm_buttons .disabled, .pm_buttons [disabled] {
	color: var(--theme4) !important;
	box-shadow: inset 0 0 50rem 0 var(--theme3) !important;
	background: var(--theme3) !important;
}

.pm_buttons .pm_buttons:not(:first-of-type), .pm_buttons > * {
	border-color: var(--theme4) !important;
}

.pm_buttons a, #conversation-view .message .details .pm_buttons a, .pm_buttons .pm_buttons-child {
	color: var(--theme5) !important;
	background: var(--theme3) !important;
}

.pm_buttons a:hover, #conversation-view .message .details .pm_buttons a:hover, .pm_buttons .pm_buttons-child:hover,
.chooseLayoutBtns-container-rows .chooseLayoutBtns-btn-rows, .chooseLayoutBtns-container:not(.chooseLayoutBtns-container-rows) .chooseLayoutBtns-btn-column {
	background-color: var(--theme7) !important;
	color: var(--theme2) !important;
}

.pm_buttons a.active, .pm_buttons a:active, .pm_buttons .pm_buttons-child:active {
	background: var(--theme4) !important;
}

.pm_buttons.primary a {
	background-color: var(--theme1) !important;
	border-color: var(--theme1) !important;
	color: var(--theme3) !important;
}

.pm_buttons.primary a:hover {
	background-color: var(--theme6) !important;
	border-color: var(--theme6) !important;
}

.pm_buttons.primary a:active, .pm_buttons.primary a:focus {
	background-color: var(--theme5) !important;
	border-color: var(--theme5) !important;
}

.readUnread-container.disabled [class*="readUnread-btn"] {
  box-shadow: inset 0 0 50rem 0 var(--theme3) !important;
  color: var(--theme6) !important;
}

body.mobileMode #body #pm_main .fa-check-square, body.mobileMode #body #pm_main .fa-square-o {
	color: var(--theme5) !important;
}

.pm_dropdown {
	background: var(--theme7) !important;
	border: 1px solid var(--theme4) !important;
}

.pm_dropdown>a, .pm_dropdown>button, .pm_dropdown>ul>li {
	border-bottom: 1px solid var(--theme4) !important;
	color: var(--theme5) !important;
}

.pm_dropdown>a:hover, .pm_dropdown>button:hover, .pm_dropdown>ul>li:hover {
	color: var(--theme2) !important;
}

.pm_dropdown .paginator-dropdown-item {
  background: var(--theme7) !important;
}

.pm_dropdown .paginator-dropdown-item:hover {
  background: var(--theme3) !important;
}

.pm_labels.inline label .close {
	color: var(--theme2) !important;
}

.pm_labels label {
	color: var(--theme2) !important;
}

.pm_modal .angular-squire-wrapper {
	border: 1px solid var(--theme4) !important;
}

.pm_modal.domains .modal-dialog .modal-content .modal-body {
	box-shadow: inset 0 1px 0 var(--theme4), inset 0 -1px 0 var(--theme4) !important;
}

.pm_modal .modal-dialog {
	background: var(--theme3) !important;
	border: 5px solid var(--theme1) !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.pm_modal .modal-dialog .close {
	color: var(--theme3) !important;
	background: var(--theme1) !important;
}

.pm_modal .modal-dialog .modal-content {
	background: var(--theme3) !important;
}

.pm_modal .modal-dialog .modal-content .modal-body {
	box-shadow: inset 0 1px 0 var(--theme4), inset 0 -1px 0 var(--theme4) !important;
}

.pm_modal .modal-dialog .modal-footer {
	background-color: var(--theme3) !important;
}

.pm_modal .modal-dialog .modal-content h1, .pm_modal .modal-dialog .modal-content h2, .pm_modal .modal-dialog .modal-content h3, .pm_modal .modal-dialog .modal-content h4 {
	color: var(--theme2) !important;
}

.pm_modal .modal-dialog .modal-content h1 em, .pm_modal .modal-dialog .modal-content h2 em, .pm_modal .modal-dialog .modal-content h3 em, .pm_modal .modal-dialog .modal-content h4 em {
	color: var(--theme4) !important;
}

body.mobileMode .pm_modal .modal-dialog {
	background: var(--theme3) !important;
}

body.mobileMode .pm_modal .modal-dialog .close {
	color: var(--theme2) !important;
}

.pm_form legend {
	border-bottom: 1px solid var(--theme4) !important;
}

.pm_form legend .small {
	color: var(--theme2) !important;
}

.pm_form legend .small a {
	color: var(--theme1) !important;
}

.pm_form ::-webkit-input-placeholder {
	color: var(--theme4);
}

.pm_form :-moz-placeholder {
	color: var(--theme4);
}

.pm_form ::-moz-placeholder {
	color: var(--theme4);
}

.pm_form input:-ms-input-placeholder {
	color: var(--theme4);
}

.pm_form ::-ms-input-placeholder {
	color: var(--theme4);
}

.pm_form :-ms-input-placeholder {
	color: var(--theme4);
}

.pm_form .pm_select select {
  border: 1px solid var(--theme6) !important;
  /* no background otherwise carrot is hidden */
}

.pm_form .pm_select {
  border-radius: 4px;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15) !important;
}

.pm_form .pm_select .fa {
	color: var(--theme2) !important;
}

.pm_form optgroup {
  color: var(--theme2) !important;
  background: var(--theme3) !important;
}

.pm_form .input-icon .fa {
	color: var(--theme4) !important;
}

.searchForm-advanced-wrapper .pm_select {
  background: var(--theme7) !important;
  border-color: var(--theme1) !important;
}

.searchForm-advanced-wrapper input[type=text], .searchForm-advanced-wrapper input[type=search], .searchForm-advanced-wrapper input[type=email], .searchForm-advanced-wrapper input[type=number] {
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15) !important;
	color: var(--theme2) !important;
}

.pm_form input[type=text], .pm_form input[type=number], .pm_form input[type=password], .pm_form input[type=email], .pm_form input[type=search], .pm_form input[type=tel] {
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, .15) !important;
	background: var(--theme7) !important;
  border: 1px solid var(--theme6) !important;
}

.pm_form select:active, .pm_form select:focus {
	box-shadow: inset 0 0 0 1px var(--theme1) !important;
}

.pm_form input[type=text], .pm_form input[type=number], .pm_form input[type=password], .pm_form input[type=email], .pm_form input[type=search], .pm_form input[type=tel], .pm_form .pm_select, .pm_form select, .pm_form textarea,
.contactItem-inputs input, .contactItem-inputs textarea {
	color: var(--theme2) !important;
}

.pm_form input[type=text].ng-invalid.ng-touched, .pm_form input[type=number].ng-invalid.ng-touched, .pm_form input[type=password].ng-invalid.ng-touched, .pm_form input[type=email].ng-invalid.ng-touched, .pm_form input[type=search].ng-invalid.ng-touched, .pm_form input[type=tel].ng-invalid.ng-touched, .pm_form select.ng-invalid.ng-touched, .pm_form textarea.ng-invalid.ng-touched {
	border-color: var(--red) !important;
}

.pm_form input[type=text]:hover, .pm_form input[type=number]:hover, .pm_form input[type=password]:hover, .pm_form input[type=email]:hover, .pm_form input[type=search]:hover, .pm_form input[type=tel]:hover, .pm_form .pm_select:hover, .pm_form select:hover, .pm_form textarea:hover {
	border-color: var(--theme1) !important;
}

.pm_form input[type=text]:focus, .pm_form input[type=number]:focus, .pm_form input[type=password]:focus, .pm_form input[type=email]:focus, .pm_form input[type=search]:focus, .pm_form input[type=tel]:focus, .pm_form .pm_select:focus, .pm_form select:focus, .pm_form textarea:focus {
	color: var(--white) !important;
	background: var(--theme7) !important;
	border-color: var(--theme1) !important;
}

.pm_form input[type=text].disabled, .pm_form input[type=text][disabled], .pm_form input[type=number].disabled, .pm_form input[type=number][disabled], .pm_form input[type=password].disabled, .pm_form input[type=password][disabled], .pm_form input[type=email].disabled, .pm_form input[type=email][disabled], .pm_form input[type=search].disabled, .pm_form input[type=search][disabled], .pm_form input[type=tel].disabled, .pm_form input[type=tel][disabled], .pm_form select.disabled, .pm_form select[disabled], .pm_form textarea.disabled, .pm_form textarea[disabled] {
	color: var(--theme4) !important;
	border-color: var(--theme4) !important;
	background: var(--theme4) !important;
}

.pm_form input[type=text].success, .pm_form input[type=number].success, .pm_form input[type=password].success, .pm_form input[type=email].success, .pm_form input[type=search].success, .pm_form input[type=tel].success, .pm_form select.success, .pm_form textarea.success {
	color: var(--green-light) !important;
	border-color: var(--green-light) !important;
}

.pm_form input[type=text].error, .pm_form input[type=number].error, .pm_form input[type=password].error, .pm_form input[type=email].error, .pm_form input[type=search].error, .pm_form input[type=tel].error, .pm_form select.error, .pm_form textarea.error {
	color: var(--red-light) !important;
	border-color: var(--red-light) !important;
}

.pm_form input[type=text].warning, .pm_form input[type=number].warning, .pm_form input[type=password].warning, .pm_form input[type=email].warning, .pm_form input[type=search].warning, .pm_form input[type=tel].warning, .pm_form select.warning, .pm_form textarea.warning {
	color: var(--yellow-light) !important;
	border-color: var(--yellow-light) !important;
}

.pm_panel, .pm_panel.alt a {
	color: var(--theme3) !important;
}

.pm_form textarea {
	background: var(--theme7) !important;
}

body.light .pm_panel {
	background: var(--theme3) !important;
	color: var(--theme2) !important;
}

.contactList-table {
	background: transparent !important;
}

.contactList-item-activeContact td {
	background-color: var(--theme1) !important;
}

.pm_table table thead {
	border-top: 1px solid var(--theme4) !important;
}

.pm_table table.print em {
	border: 1px solid var(--theme4) !important;
}

.pm_sort ul, .pm_table table.bordered {
	border: 1px solid var(--theme4) !important;
}

.pm_table table.plain th {
	color: var(--theme2) !important;
}

.pm_table table td .fa.fa-sort, .pm_table table th .fa.fa-sort {
	color: var(--theme4) !important;
}

.pm_table table th {
	background: var(--theme3) !important;
	border-bottom: 1px solid var(--theme4) !important;
	color: var(--theme5) !important;
}

.pm_table table th a {
	color: var(--theme1) !important;
}

.pm_table table th .fa {
	color: var(--theme1) !important;
}

.pm_table table td {
	border-bottom: 1px solid var(--theme4) !important;
	color: var(--theme2) !important;
}

.pm_table table tr.hasTable table {
	background-color: var(--theme3) !important;
}

.pm_table table tr.disabled td {
	color: var(--theme4) !important;
}

.pm_toggle span.knob {
	background: var(--theme3) !important;
	border: 1px solid var(--theme4) !important;
}

.pm_toggle.off .off, .pm_toggle.on .on {
	background-color: var(--theme1) !important;
	color: var(--theme3) !important;
}

.pm_tabs {
	border-right: 1px solid var(--theme4) !important;
}

.pm_tabs li a {
	background-color: var(--theme3) !important;
}

.pm_tabs li.active a {
	background-color: var(--theme3) !important;
	border-bottom: unset !important;
	color: var(--theme1) !important;
}

.pm_sort ul li {
	border-bottom: 1px solid var(--theme4) !important;
	background: var(--theme3) !important;
}

.pm_sort ul li.highlight {
	background-color: var(--theme3) !important;
}

.pm_sort ul li .fa.fa-ellipsis-v {
	color: var(--theme4) !important;
}

.as-sortable-dragging .fa-check, .pm_sort ul li .fa.fa-check {
	color: var(--theme1) !important;
}

.pm_sort ul li .fa.fa-check {
	background: var(--theme3) !important;
}

.as-sortable-placeholder {
	background: var(--theme4) !important;
}

.as-sortable-dragging {
	border: 1px solid var(--theme4) !important;
	background: var(--theme3) !important;
}

.image.loading:after, .loader em {
	border-left: .5em solid var(--theme5) !important;
}

.as-sortable-dragging .fa-check {
	background: var(--theme3) !important;
}

.as-sortable-dragging .fa-ellipsis-v {
	color: var(--theme4) !important;
}

#pm_loader.full {
	background: var(--theme3) !important;
}

#pm_slow, #pm_slow2 {
	color: var(--theme3) !important;
}

#pm_loading {
	background: var(--theme3) !important;
}

.image.loading:after {
	background: var(--theme3) !important;
}

input[type=range].pm_range::-webkit-slider-runnable-track {
	background: var(--theme4);
}

input[type=range].pm_range::-webkit-slider-thumb {
	background: var(--theme1);
}

input[type=range].pm_range:focus::-webkit-slider-runnable-track {
	background: var(--theme4);
}

input[type=range].pm_range::-moz-range-track {
	background: var(--theme1);
}

input[type=range].pm_range::-moz-range-thumb {
	background: var(--theme1);
}

input[type=range].pm_range::-ms-track {
	background: var(--theme1);
}

input[type=range].pm_range::-ms-fill-lower {
	background: var(--theme4);
}

input[type=range].pm_range::-ms-fill-upper {
	background: var(--theme1);
}

input[type=range].pm_range::-ms-thumb {
	background: var(--theme1);
}

input[type=range].pm_range:focus::-ms-fill-lower {
	background: var(--theme4);
}

input[type=range].pm_range:focus::-ms-fill-upper {
	background: var(--theme1);
}

#pm_main, #wrapper, #conversation-list-columns, #conversation-list-rows {
  background: var(--theme3) !important;
  color: var(--theme5) !important;
}

.pm_badge, .pm_tag {
	background: var(--theme4) !important;
}

.pm_tag {
	color: var(--theme2) !important;
}

.pm_badge {
	color: var(--theme3) !important;
}

.pm_badge.default {
	color: var(--theme2) !important;
}

.pm_badge.primary {
	background-color: var(--theme1) !important;
}

.pm_badge.success {
	background-color: var(--green) !important;
}

.pm_badge.error {
	background-color: var(--red) !important;
}

.pm_badge.warning {
	background-color: var(--yellow-light) !important;
}

.scrollbox-container {
	background-color: var(--theme7) !important;
	background-image: unset !important;
}

.scrollbox-container::after, .scrollbox-container::before {
	background: none !important;
}

.commandPalette-container {
  background-color: var(--theme7) !important;
}

.autocompleteCommand-container .autocompleteEmails-autocomplete [aria-selected="true"] {
  background-color: var(--theme1) !important;
}

.currencySelector-container .currencySelector-button.active {
    background: var(--theme4);
}

.pm_sort-container, .pm_sort-item-content {
  border-color: var(--theme4) !important;
}

.emailBlockList-list {
  border-color: var(--theme4) !important;
}

.emailBlockList-row {
  color: var(--theme5) !important;
}

.manageContactGroupLink-container, .manageContactGroupLink-label, .manageContactGroupLink-icon {
  color: var(--theme2) !important;
}

.totalRows-label-right {
  background: none !important;
}

.sidebarApp-menu .ico-protonvpn {
	opacity: 1;
	-webkit-filter: brightness(100);
	filter: brightness(100);
}

.dropdown-label-scrollbox-label-text-ellipsis {
  color: var(--theme2) !important;
}

.dropdown-folder-scrollbox-group-item-button {
  color: var(--theme2) !important;
}

.contactItem-inputs input:not([type="checkbox"]), .contactItem-inputs textarea {
  background: var(--theme7);
}

.pm_toggle-checkbox:checked+.pm_toggle-label {
  background-color:var(--theme1) !important;
}