/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
p.image-attachment .attachment-links a:before,
.quota-widget:before,
.table-widget table.options-table td:not(:first-child) span:before,
table.table th.checkbox-cell:before,
a.button.icon:before,
button.btn:before,
.floating-action-buttons a.button:before,
.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before,
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before,
.pgpkeyimport div.key label.keyid + a:before,
.pgpkeyimport li.uid:before,
.menu a:before,
.popover .menu li a[aria-haspopup]:after,
.searchbar form:before,
.searchbar a:before,
.ui.alert > i.icon:before,
.listing td.action a:before,
.listing.iconized li a:before,
.listing.iconized li > i:before,
.listing.iconized tr td:before,
.listing.iconized.selectable li a:before,
ul.treelist li div.treetoggle:before,
.folderlist li a:before,
.messagelist tr.thread td.threads div:before,
.messagelist td.subject span.msgicon.status:before,
.messagelist span.attachment span,
.messagelist span.flagged:before,
.messagelist tr:hover span.unflagged:before,
.contactlist td.contact:before,
.contactlist td.contactgroup:before,
.contactlist li a:before,
.attachmentslist li:before,
.attachmentslist li a.cancelupload:before,
.attachmentslist li a.delete:before,
.keylist li:before,
#identities-table td.mail:before,
#responses-table td.name:before,
#filterslist td.name:before,
#filtersetslist td.name:before,
.propform td.rowbuttons a:before,
fieldset.advanced > legend:after,
.input-group .icon:before,
.multi-input a.icon.reset:before,
.tagedit-list li.tagedit-listelement-old a:before,
.mce-window .mce-window-head .mce-close:before,
.mce-window .mce-foot .mce-container-body .mce-btn button:before,
.mce-window .mce-foot .mce-search-foot div:nth-of-type(7) button:after,
.mce-window .mce-checkbox i.mce-i-checkbox:before,
.html-editor .mce-i-html:before,
.html-editor .mce-i-plaintext:before,
.googie_list li .googie_list_revert:before,
.googie_list li .googie_add_to_dict:before,
body.status-flagged #message-header .subject:before,
#message-header .subject a.extwin:before,
#message-header .short-header div.header-links a:before,
.message-part blockquote span.blockquote-link:after,
.message-htmlpart blockquote span.blockquote-link:after {
  font-size: 1.25em;display: block;float: left;margin: 0 0.25rem 0 0;width: 1.18em;height: 1em;font-family: 'Icons';font-style: normal;font-weight: 900;text-decoration: inherit;text-align: center;speak: none;font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;
}
/*** Fonts ***/
@font-face {
  font-family: 'Icons';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.woff2") format('woff2'), url("../fonts/fa-solid-900.woff") format('woff');
}
@font-face {
  font-family: 'Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.woff2") format('woff2'), url("../fonts/fa-regular-400.woff") format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v19-regular.woff2') format('woff2'), url('../fonts/roboto-v19-regular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto-v19-italic.woff2') format('woff2'), url('../fonts/roboto-v19-italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto-v19-regular-700.woff2') format('woff2'), url('../fonts/roboto-v19-regular-700.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto-v19-italic-700.woff2') format('woff2'), url('../fonts/roboto-v19-italic-700.woff') format('woff');
}
/* Reset some Bootstrap style */
body,
button,
input,
optgroup,
select,
textarea,
.popover {
  font-family: Roboto, sans-serif;
}
button,
input,
select,
textarea {
  line-height: initial;
}
input {
  vertical-align: middle;
}
a {
  color: #cbbba0;
}
a:hover {
  color: #b9a37f;
}
a.disabled {
  pointer-events: none;
}
a.disabled:not(.btn) {
  opacity: 0.5;
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Responsive design - Layout ***/
/*
- Large screen (width > 1200px)
   -----------------------------------------------------------------------------------------------------
   |  menu  |        sidebar        |         list          |                 content                  |
   -----------------------------------------------------------------------------------------------------
- Normal screen (1200px => width => 768px) - typical: 768x1024 (iPad Mini/Air)
   -------------------------------------------------------------------
   |menu|    sidebar/list     |               content                |
   -------------------------------------------------------------------
- Small (480px < width < 768px)
   ------------------------------------------
   |menu|     sidebar/list/content          |
   ------------------------------------------
- Phone (width <= 480px) - typical: 320x480 (iPhone 5), 375x667 (iPhone 6-7), 360x564 (Galaxy S6)
   ------------------------
   | sidebar/list/content |
   ------------------------
*/
html {
  height: 100%;
  font-size: 14px;
}
body {
  min-width: 240px;
  height: 100%;
  color: #575754;
  overflow: hidden;
}
html.iframe body {
  overflow: auto;
}
#layout {
  overflow: hidden;
  display: flex;
  height: 100%;
  width: 100%;
}
#layout > div > .scroller {
  flex: 1;
  position: relative;
}
#layout > div > .header,
#layout > div > .footer {
  font-size: 1rem;
  font-weight: bold;
  line-height: 58px;
  height: 58px;
  min-height: 58px;
  padding: 0 0.25em;
  margin: 0;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}
#layout > div > .header {
  border-bottom: 1px solid #fbfbfb;
  color: #575754;
  background-color: #f4f4f4;
}
#layout > div > .header .header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  text-align: center;
  margin: 0 -20rem;
}
#layout > div > .header a.button {
  color: #575754;
}
#layout > div > .header a.toolbar-list-button,
#layout > div > .header a.toolbar-menu-button {
  order: 99;
}
#layout > div > .footer {
  border-top: 1px solid #fbfbfb;
  background-color: #fff;
}
#layout > div > .footer.small {
  height: 35px;
  min-height: 35px;
  line-height: 35px;
}
#layout > div > .footer:empty {
  display: none;
}
#layout-sidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 2;
  max-width: 30%;
  min-width: 220px;
  border-right: 1px solid #fbfbfb;
  background-color: #fff;
}
#layout-sidebar.sidebar-right {
  order: 2;
  border-right: 0;
  border-left: 1px solid #fbfbfb;
  flex: 3;
}
#layout-list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 3;
  max-width: 30%;
  min-width: 300px;
  border-right: 1px solid #fbfbfb;
  background-color: #fff;
}
#layout-content {
  display: flex;
  flex: 6;
  flex-direction: column;
  background-color: #fff;
}
.task-login #layout-content{
  background-color: #3d3d3b;
}
html.iframe #layout-content {
  height: 100%;
}
#layout-content > .formcontent,
#layout-content > .content {
  height: 100%;
  width: 100%;
  overflow: auto;
  flex: 1;
}
#layout-content .iframe-wrapper {
  width: 100%;
  flex: 1;
}
#layout-content .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
#layout-content.only > .scroller {
  overflow: auto;
}
#layout-menu.popover {
  left: 0 !important;
}
#layout-menu .popover-header {
  height: 58px;
  line-height: 58px;
  border: 0;
  border-radius: 0;
  text-align: center;
}
#layout-menu .popover-header img {
  max-height: 58px;
  max-width: 78px;
  padding: 0.25rem;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  #layout-menu .popover-header img {
    max-width: 35.1px;
  }
}
@media screen and (min-width: 481px) {
  #layout-menu .popover-header {
    padding: 0 !important;
    background-color: #3d3d3b !important;
  }
  #layout-menu .popover-header a {
    display: none !important;
  }
}
html.layout-phone #layout-menu .popover-header {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
html.layout-phone #layout-menu .popover-header img {
  max-width: 222px;
}
html.layout-phone #layout-menu .popover-header a {
  width: auto;
  flex: 1;
}
html.layout-phone #layout-menu .popover-header a:before {
  height: 58px;
  float: right;
}
html.layout-phone #layout-menu .popover-header a .inner {
  display: none;
}
.column-resizer {
  cursor: col-resize;
  z-index: 1;
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
}
.sidebar-right .column-resizer {
  left: -3px;
}
@media screen and (max-width: 1200px) {
  #layout-sidebar,
  #layout-list {
    min-width: 260px;
    flex: 3;
  }
  #layout-list > .header > a.button {
    padding: 0 0.25rem;
    margin: 0 0.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .column-resizer {
    display: none;
  }
  #layout-sidebar,
  #layout-list {
    width: auto !important;
    flex: 3 !important;
  }
}
@media screen and (max-width: 768px) {
  #layout-sidebar,
  #layout-list {
    max-width: none;
    border: 0 !important;
  }
  #layout > div > .header {
    background-color: #f4f4f4;
  }
  #layout > div > .header a.button {
    margin: 0 0.3rem !important;
    padding: 0 !important;
  }
  #layout > div > .header a.button:before {
    font-size: 1.75rem;
    height: 58px;
    margin: 0;
  }
  #layout > div > .header a.button.filter:before {
    font-size: 1.6rem;
  }
  #layout > div > .header a.button .inner {
    display: none;
  }
  #layout > div > .footer {
    background-color: #f4f4f4;
  }
  a.toolbar-list-button {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  #layout-sidebar,
  #layout-list {
    min-width: 240px;
  }
}
@media screen and (min-width: 481px) {
  a.task-menu-button {
    display: none;
  }
  #layout-menu {
    background-color: #3d3d3b;
    width: 42px;
  }
}
@media screen and (min-width: 769px) {
  .floating-action-buttons,
  #layout-content > .header > .header-title,
  #layout > div > .header > .buttons,
  a.toolbar-menu-button {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #layout-menu {
    width: 78px;
  }
}
@media screen and (min-width: 1201px) {
  #layout-list > .header > .header-title:not(.all-sizes),
  a.toolbar-list-button,
  a.back-list-button,
  a.back-sidebar-button {
    display: none;
  }
}
html.layout-phone .hidden-phone {
  display: none !important;
}
html.layout-phone .hidden-small,
html.layout-small .hidden-small {
  display: none !important;
}
html.layout-small .hidden-lbs {
  display: none !important;
}
html.layout-large .hidden-lbs,
html.layout-normal .hidden-lbs,
html.layout-large .hidden-big,
html.layout-normal .hidden-big {
  display: none !important;
}
html.layout-large .hidden-large {
  display: none !important;
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Common UI elements ***/
.rcmaddcontact,
.hidden,
.voice {
  display: none !important;
}
font.bold {
  font-weight: bold;
}
#rcmdraglayer {
  min-width: 260px;
  width: 260px;
  background-color: #3d3d3b;
  color: #fff;
  box-shadow: 3px 3px 5px #ffffff;
  border-radius: 0.3rem;
  z-index: 250;
  opacity: 0.92;
  padding: 0.5rem;
  white-space: nowrap;
}
#rcmdraglayer div {
  line-height: 1.6em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.frame-content {
  padding: 1rem;
}
.frame-content h2 {
  font-weight: bold;
  font-size: 1.5em;
}
.frame-content h3 {
  font-weight: bold;
  font-size: 1.25em;
}
.listbox .scroller {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.listbox .navlist {
  height: 0;
  flex: initial !important;
}
.listbox .navlist .listing tr:last-child td,
.listbox .navlist .listing li:last-child {
  border-bottom: 0;
}
.popup .listbox {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.popup .listbox .scroller {
  flex: 1;
}
.popup .listbox .footer {
  border-top: 1px solid #fbfbfb;
  background-color: #fbfbfb;
}
.contact-header {
  display: flex;
  margin-bottom: 1rem;
}
.contact-header .contact-photo {
  min-width: 112px;
}
.contact-header .contact-head {
  margin-left: 1rem;
  margin-top: 0 !important;
}
.contact-header .contact-head legend {
  display: none;
}
p.image-attachment {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  background-color: rgba(203, 187, 160, 0.05);
  float: left;
  margin: 0.5rem;
  min-width: 47%;
  min-height: 250px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  p.image-attachment {
    float: none;
    margin: 0.5rem 0 0.5rem 0;
  }
}
p.image-attachment .image-link {
  align-self: center;
  text-align: center;
  margin: 1.6rem 0.5rem;
}
p.image-attachment span {
  color: #8b8b89;
  padding: 0 0.5rem;
  font-size: 90%;
  white-space: nowrap;
  position: absolute;
  line-height: 1.5rem;
}
p.image-attachment .image-filename {
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  top: 0;
  right: 0;
  padding-right: 4rem;
}
p.image-attachment .image-filesize {
  right: 0;
  top: 0;
}
p.image-attachment .attachment-links {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
p.image-attachment .attachment-links a {
  text-decoration: none;
  display: inline-block;
  padding: 0 0.5rem;
  line-height: 1.5rem;
}
p.image-attachment .attachment-links a:before {
  display: inline-block;
}
p.image-attachment .attachment-links a.open:before {
  content: "\f360";
}
p.image-attachment .attachment-links a.download:before {
  content: "\f019";
}
fieldset.image-attachment {
  margin-top: 0.5rem;
}
fieldset.image-attachment legend {
  color: #8b8b89;
  font-size: 0.9rem;
  border-top: 1px solid #ffffff;
  margin: 0;
}
fieldset.image-attachment img {
  max-width: 100%;
}
#folder-selector {
  overflow-y: auto;
}
.noselect {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.iframe-loader {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.iframe-loader .spinner-border {
  width: 7rem;
  height: 7rem;
  color: #ffffff;
  border: 1rem solid;
  border-color: currentColor #8b8b89 currentColor currentColor;
}
.footer.toolbar + .iframe-loader {
  top: 58px;
  bottom: 58px;
}
.ios-scroll {
  padding: 0;
  -webkit-overflow-scrolling: touch !important;
  overflow: scroll !important;
}
.ios-scroll.iframe-wrapper {
  margin-top: 1px;
}
.webkit-scroller::-webkit-scrollbar {
  -webkit-appearance: none;
}
.webkit-scroller::-webkit-scrollbar:vertical {
  width: 0.5rem;
}
.webkit-scroller::-webkit-scrollbar:horizontal {
  height: 0.5rem;
}
.webkit-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  border: 2px solid #fff;
}
.quota-widget {
  width: 100%;
  max-width: 15em;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  color: #8b8b89;
}
.quota-widget:before {
  content: "\f0a0";
  line-height: 1;
}
.quota-widget .count {
  color: #8b8b89;
  font-size: 80%;
  order: 2;
}
.quota-widget .bar {
  flex: 1;
  height: 0.5rem;
  margin: 0 1rem;
  background-color: #fff;
  border: 1px solid #fbfbfb;
  border-radius: 0.25rem;
  overflow: hidden;
}
.quota-widget .value {
  display: block;
  background-color: #cbbba0;
  height: 1rem;
  opacity: 0.75;
}
.quota-widget .value.warning {
  background-color: #ff5552;
}
.image-tools {
  position: absolute;
  top: 5rem;
  left: 0;
  height: 58px;
  overflow: hidden;
  transform: translateX(-87%);
  transition: transform 0.3s ease-in-out;
  background-color: rgba(203, 187, 160, 0.4);
  border-radius: 0 0.3rem 0.3rem 0;
}
.image-tools .menu {
  float: left;
}
.image-tools a.button.icon.tools {
  padding: 0 0.25rem;
  display: inline-block;
  height: 58px;
}
.image-tools a.button.icon.tools span.inner {
  display: none;
}
.image-tools a.button.icon.tools:before {
  line-height: 58px;
  margin: 0;
}
.image-tools.open {
  transform: translateX(0);
}
.image-tools.open a.button.icon.tools:before {
  content: "\f053";
}
.image-tools a {
  color: #fff !important;
}
.image-tools a:focus,
.image-tools a:hover {
  background-color: rgba(203, 187, 160, 0.5) !important;
  outline: 0;
}
.quota-info {
  width: 100%;
  display: table !important;
}
.quota-info td,
.quota-info th {
  text-align: center;
  white-space: nowrap;
}
.quota-info th {
  border-top: 0;
}
.quota-info .root {
  line-height: 1;
  font-style: italic;
  color: #8b8b89;
  background-color: #ffffff;
}
.quota-info th:first-child,
.quota-info .name {
  text-align: left;
}
.nav-tabs {
  flex-wrap: nowrap;
}
.nav-tabs .nav-item {
  white-space: nowrap;
  overflow: hidden;
}
.nav-tabs .nav-link {
  overflow: hidden;
  text-overflow: ellipsis;
}
.props-table td.title {
  width: 7em;
}
.table-widget {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  border: 1px solid #fbfbfb;
}
.table-widget > .content {
  overflow-x: auto;
  flex-grow: 1;
  height: 18.5em;
}
.table-widget > .content table th {
  border-top: 0;
}
.table-widget > .footer {
  height: 3.5rem;
  border-top: 1px solid #fbfbfb;
  text-align: left;
}
.table-widget > .footer a {
  padding: 0.2rem 0.45rem !important;
  height: 3.5rem !important;
}
.table-widget table {
  margin: 0;
  max-height: 18.5em;
}
.table-widget table.options-table td,
.table-widget table.options-table th {
  text-align: center;
  vertical-align: middle;
}
.table-widget table.options-table td:first-child,
.table-widget table.options-table th:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.table-widget table.options-table tr:last-child td {
  border-bottom: 1px solid #fbfbfb;
}
.table-widget table.options-table tr.selected td {
  background-color: #faf8f6;
  color: #575754;
  outline: 0;
}
.table-widget table.options-table td:not(:first-child) span {
  display: inline-block;
  line-height: 1.25;
}
.table-widget table.options-table td.enabled span:before {
  content: "\f00c";
}
.table-widget table.options-table td.partial span:before {
  opacity: 0.3;
  content: "\f00c";
}
table.compact-table {
  margin: 0;
  width: 100%;
}
table.compact-table *:not(.invalid-feedback) {
  font-size: inherit;
}
table.compact-table td {
  padding: 0.25rem;
  border: 0;
}
table.compact-table td:first-child {
  padding-left: 0;
}
table.compact-table td:last-child {
  padding-right: 0;
}
table.table .checkbox-cell {
  width: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  padding: 0.5rem;
}
html.touch table.table .checkbox-cell {
  padding: 0.5rem 0.3rem;
}
table.table th.checkbox-cell {
  padding: 0.75rem 0;
  max-width: 1rem;
}
table.table th.checkbox-cell:before {
  cursor: pointer;
  margin: 0 1rem;
  line-height: 1;
}
table.table th.checkbox-cell.subscription:before {
  content: "\f143";
}
table.table th.checkbox-cell.alarm:before {
  content: "\f0f3";
  font-weight: 400;
}
table.table th.checkbox-cell.read:before {
  content: "\f06e";
}
table.table th.checkbox-cell.write:before {
  content: "\f303";
}
table.table .buttons-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}
table.table .buttons-cell a.button:before {
  line-height: 1;
  float: none;
  display: inline-block;
}
@media screen and (min-width: 480px) {
  table.table .buttons-cell a.button .inner {
    display: inline;
  }
}
table.table label {
  margin: 0;
  display: inline;
}
fieldset.tab-pane table.table thead th {
  border: 0;
}
table.table tr.deleted td {
  color: rgba(87, 87, 84, 0.5) !important;
}
/* Bootstrap's .table style overwrites */
.table thead th {
  border-width: 1px;
  white-space: nowrap;
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Buttons ***/
.button.disabled {
  opacity: 0.5;
}
a.button {
  text-decoration: none;
}
/* font-icons */
a.button.icon.sidebar-menu:before,
button.btn.sidebar-menu:before,
a.button.icon.toolbar-menu-button:before,
button.btn.toolbar-menu-button:before,
a.button.icon.toolbar-list-button:before,
button.btn.toolbar-list-button:before {
  content: "\f142";
  width: 1em;
}
a.button.icon.task-menu-button:before,
button.btn.task-menu-button:before {
  content: "\f0c9";
}
a.button.icon.back-sidebar-button:before,
button.btn.back-sidebar-button:before,
a.button.icon.back-content-button:before,
button.btn.back-content-button:before,
a.button.icon.back-list-button:before,
button.btn.back-list-button:before {
  content: "\f053";
}
a.button.icon.refresh:before,
button.btn.refresh:before {
  content: "\f021";
}
a.button.icon.generate:before,
button.btn.generate:before,
a.button.icon.yes:before,
button.btn.yes:before,
a.button.icon.submit:before,
button.btn.submit:before,
a.button.icon.continue:before,
button.btn.continue:before,
a.button.icon.save:before,
button.btn.save:before {
  content: "\f00c";
}
a.button.icon.create:before,
button.btn.create:before {
  content: "\f0fe";
}
a.button.icon.edit:before,
button.btn.edit:before {
  content: "\f303";
}
a.button.icon.qrcode:before,
button.btn.qrcode:before {
  content: "\f029";
}
a.button.icon.search:before,
button.btn.search:before {
  content: "\f002";
}
a.button.icon.filter:before,
button.btn.filter:before {
  content: "\f0b0";
  font-size: 1.2em;
}
a.button.icon.import:before,
button.btn.import:before {
  content: "\f093";
}
a.button.icon.export:before,
button.btn.export:before {
  content: "\f019";
}
a.button.icon.discard:before,
button.btn.discard:before,
a.button.icon.delete:before,
button.btn.delete:before {
  content: "\f2ed";
  font-weight: 400;
}
a.button.icon.next:before,
button.btn.next:before {
  content: "\f061";
}
a.button.icon.restore:before,
button.btn.restore:before {
  content: "\f0e2";
}
a.button.icon.send:before,
button.btn.send:before,
a.button.icon.bounce:before,
button.btn.bounce:before {
  content: "\f1d8";
}
a.button.icon.attach:before,
button.btn.attach:before {
  content: "\f0c6";
}
a.button.icon.attach.vcard:before,
button.btn.attach.vcard:before {
  content: "\f007";
}
a.button.icon.no:before,
button.btn.no:before,
a.button.icon.close:before,
button.btn.close:before,
a.button.icon.cancel:before,
button.btn.cancel:before {
  content: "\f00d";
}
a.button.icon.back:before,
button.btn.back:before {
  content: "\f053";
}
a.button.icon.remove:before,
button.btn.remove:before {
  content: "\f00d";
}
a.button.icon.unlock:before,
button.btn.unlock:before {
  content: "\f09c";
}
a.button.icon.help:before,
button.btn.help:before {
  content: "\f1cd";
  font-weight: 400;
}
a.button.icon.folders:before,
button.btn.folders:before {
  content: "\f07c";
}
a.button.icon.options:before,
button.btn.options:before {
  content: "\f1de";
}
a.button.icon.tools:before,
button.btn.tools:before,
a.button.icon.settings:before,
button.btn.settings:before {
  content: "\f013";
}
a.button.icon.properties:before,
button.btn.properties:before {
  content: "\f05a";
}
a.button.icon.selection:before,
button.btn.selection:before {
  content: "\f14a";
  font-weight: 400;
}
a.button.icon.insert.recipient:before,
button.btn.insert.recipient:before {
  content: "\f234";
}
a.button.icon.encrypt:before,
button.btn.encrypt:before {
  content: "\f023";
}
a.button.icon.sign:before,
button.btn.sign:before {
  content: "\f5b7";
}
a.button.icon.sso:before,
button.btn.sso:before {
  content: "\f2f6";
}
a.btn:before,
button.btn:before {
  display: inline !important;
  float: none !important;
  vertical-align: middle;
  margin-right: 0.4rem !important;
}
a.button.icon.dropdown:before {
  content: "\f0d7";
  font-size: 1em;
}
a.button.icon > span.inner {
  display: none;
}
html.touch .btn:focus {
  box-shadow: none !important;
}
.floating-action-buttons {
  position: absolute;
  right: 0;
  bottom: 0;
}
.footer:not(:empty) + .floating-action-buttons {
  bottom: 35px;
}
.floating-action-buttons a.button {
  display: block;
  float: left;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #cbbba0;
  color: white;
  opacity: 0.95;
  box-shadow: 0 0 5px 5px #ffffff;
  margin: 0 1rem 1rem 0;
}
.floating-action-buttons a.button:before {
  content: "\f067";
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
}
.floating-action-buttons a.button.compose:before {
  content: "\f304";
}
.floating-action-buttons a.button .inner {
  display: none;
}
/*** Bootstrap button style overrides ***/
.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.3);
}
.btn-secondary {
  color: #fff;
  background: #bdbdba;
  border-color: #bdbdba;
}
.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 189, 186, 0.5);
}
.btn-secondary:hover {
  background: #b0b0ad;
  border-color: #ababa8;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  background: #efefee;
  border-color: #efefee;
  opacity: 1;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  background: #a4a4a0;
  border-color: #9f9f9b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 189, 186, 0.53);
}
.btn-primary {
  color: #fff;
  background: #cbbba0;
  border-color: #cbbba0;
}
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.5);
}
.btn-primary:hover {
  background: #c2af90;
  border-color: #beaa89;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background: #efeae2;
  border-color: #efeae2;
  opacity: 1;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #b9a37f;
  border-color: #b59f78;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.53);
}
.btn-danger {
  color: #fff;
  background: #ff5552;
  border-color: #ff5552;
}
.btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.5);
}
.btn-danger:hover {
  background: #ff3c38;
  border-color: #ff322e;
}
.btn-danger.disabled,
.btn-danger:disabled {
  background: #ffb9b8;
  border-color: #ffb9b8;
  opacity: 1;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
  background: #ff231f;
  border-color: #ff1915;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.53);
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** jQuery-UI widgets' style overrides ***/
.ui-widget-overlay {
  background-color: rgba(87, 87, 84, 0.5);
  opacity: 1 !important;
}
.ui-widget-overlay.datepicker {
  z-index: 119;
}
.ui-widget {
  border: 1px solid #fbfbfb;
  box-shadow: 3px 3px 5px #ffffff;
  border-radius: 0.3rem;
}
.ui-menu {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
  border-radius: 0.3rem;
  z-index: 240;
  position: absolute;
}
.ui-menu .ui-state-active {
  border: 0 !important;
  background-color: #cbbba0 !important;
}
.ui-menu .ui-menu-item {
  white-space: nowrap;
  cursor: default;
}
.ui-menu .ui-menu-item-wrapper {
  margin: 0 !important;
}
.ui-dialog {
  border-radius: 0;
  box-shadow: none;
}
.ui-dialog.no-titlebar .ui-dialog-titlebar {
  display: none;
}
.ui-dialog .ui-dialog-titlebar {
  height: 58px;
  border-bottom: 1px solid #ddd;
}
.ui-dialog .ui-dialog-titlebar button:before {
  margin: 0;
}
.ui-dialog .ui-dialog-title {
  line-height: 58px;
  font-size: 1.25rem;
  padding: 0 3rem 0 1rem;
  color: #575754;
}
.ui-dialog .ui-dialog-titlebar-close {
  border: 0;
  color: #575754;
  background: transparent;
  right: 0;
  top: 0;
  position: absolute;
  padding: 0.25rem 0.5rem;
  margin: 15px 0.5rem;
}
.ui-dialog .ui-dialog-titlebar-close:before {
  content: "\f00d";
  line-height: 1.5rem;
  margin: 0 !important;
}
.ui-dialog .ui-dialog-content > .popupmenu {
  display: block !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  justify-content: flex-end;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 5rem;
  margin: 9px 4px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:last-child,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
  margin-right: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
  padding-right: 0;
  padding-left: 0;
  text-decoration: none;
  color: #575754;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus {
  background-color: rgba(203, 187, 160, 0.5);
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options {
  order: -1;
  padding: 0.375rem 0.25rem;
  margin-right: 0.3rem;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before {
  content: "\f013";
  width: 100%;
  height: 1.25em;
}
.ui-dialog iframe,
.ui-dialog .ui-dialog-content.iframe {
  padding: 0;
  width: 100% !important;
  height: 100%;
  border: 0;
  overflow: hidden;
}
.ui-dialog,
.ui-dialog-content {
  box-sizing: initial;
}
.ui-widget-content .ui-icon.ui-resizable-se {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23888%22%20d%3D%22M6.7%2016L16%206.7V5.3L5.3%2016zM9.7%2016L16%209.7V8.3L8.3%2016zM12.7%2016l3.3-3.3v-1.4L11.3%2016zM15.7%2016l.3-.3v-1.4L14.3%2016z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
/* FIXME: why do I need !important here? */
@media screen and (max-width: 480px) {
  .ui-dialog {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    border: 0;
    top: 0 !important;
  }
  .ui-dialog .ui-resizable-handle,
  .ui-dialog .ui-dialog-titlebar-close {
    display: none !important;
  }
  .ui-dialog .ui-dialog-titlebar {
    height: 58px;
    text-align: center;
    background-color: #f4f4f4;
  }
  .ui-dialog .ui-dialog-title {
    line-height: 58px;
    font-size: 1rem;
    padding: 0 1rem;
  }
  .ui-dialog .ui-dialog-content {
    flex: 1;
  }
  .ui-dialog .ui-dialog-content:not(.iframe) {
    padding: 1rem;
  }
  .ui-dialog .ui-dialog-buttonpane {
    padding: 0 !important;
    text-align: center !important;
    border-top: 1px solid #ddd;
    height: 58px !important;
    background-color: #f4f4f4;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    justify-content: space-around;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin: 0 !important;
    padding: 0.45rem;
    border: 0 !important;
    height: 58px;
    box-shadow: none;
    font-size: 90%;
    line-height: 1.5;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:before {
    display: block !important;
    float: none;
    width: auto;
    height: 1.75rem;
    line-height: 1.75;
    margin: 0 !important;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active {
    box-shadow: none;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
    color: #575754;
    background: transparent;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-danger {
    color: #ff5552;
    background: transparent;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled {
    opacity: 0.5;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel {
    order: 100;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
    color: #575754;
    margin: 0;
    padding: 0.45rem;
    font-size: 90%;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before {
    display: block !important;
    height: 1.75rem;
    line-height: 1.75;
    margin: 0;
  }
}
/* Slider widget */
.ui-slider {
  box-shadow: none;
}
.ui-slider .ui-slider-range {
  border-radius: 0.3rem;
  background: #ffffff;
}
.ui-slider .ui-slider-handle {
  border-radius: 0.3rem;
}
.ui-slider .ui-slider-handle.ui-state-active {
  background: #cbbba0;
  border-color: #776341;
}
/* Datepicker widget */
.ui-datepicker {
  margin: calc(50vh - 10em) calc(50vw - 10em) !important;
  top: 0 !important;
  left: 0 !important;
  box-shadow: none;
  user-select: none;
}
.ui-datepicker:not(.ui-datepicker-inline) {
  z-index: 120 !important;
}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-title {
  line-height: 4rem;
  height: 4rem;
  padding: 0;
}
.ui-datepicker .ui-datepicker-header {
  border-bottom: 1px solid #ddd;
}
.ui-datepicker .ui-datepicker-header a {
  height: 4rem;
}
.ui-datepicker .ui-datepicker-header select {
  display: inline-block;
}
.ui-datepicker .ui-icon {
  background-image: none !important;
  background-position: none !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  width: auto;
}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  content: "\f053";
  margin: 0 0.25em;
  height: auto;
  width: 1em;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f053";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\f054";
}
.ui-datepicker td a {
  padding: 0;
  line-height: 1.8em;
  border-radius: 0.3rem;
}
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default {
  border: 0;
  background: transparent;
  color: #575754;
}
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,
.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight {
  background: #ffffff;
  color: #cbbba0;
}
.ui-datepicker a.ui-state-active {
  background: #cbbba0 !important;
  color: #fff !important;
  font-weight: bold;
}
.ui-datepicker html.touch td a {
  font-size: 1.2em;
  line-height: 2.2em;
}
.input-group > .form-control.hasDatepicker {
  position: initial;
}
.minicolors-panel {
  border: 1px solid #fbfbfb;
  box-shadow: 3px 3px 5px #ffffff;
  border-radius: 0.3rem;
  height: 152px;
  padding: 1px;
}
.input-group .minicolors-input {
  width: 100%;
  min-width: 130px;
  border-left: 0;
  border-right: 0;
}
@media screen and (max-width: 320px) {
  .ui-widget-content {
    border-radius: 0;
  }
  .ui-menu {
    border-radius: 0.3rem;
    left: 15px !important;
    right: 15px;
    width: auto;
  }
  .ui-dialog .ui-dialog-content:not(.iframe) {
    padding: 0.65rem;
  }
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Dialogs and popovers ***/
.popupmenu {
  display: none;
  padding: 0;
  min-width: 180px;
  height: 100%;
}
.popupmenu li > a {
  width: 100%;
}
.popupmenu.propform {
  overflow: hidden;
  padding: 0.25rem;
}
.popupmenu.simplelist {
  min-width: 80px;
}
.popup.justified {
  display: flex;
  justify-content: space-around;
}
.popover-body {
  padding: 0;
  overflow-x: hidden;
}
.popover-body > .popupmenu {
  display: block !important;
}
.popover {
  box-shadow: 3px 3px 5px #ffffff;
  border-color: #fbfbfb;
  padding: 0;
}
.popover .popover-header {
  display: none;
}
@media screen and (min-width: 769px) {
  .popover .listing li:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .popover .listing li:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
  }
}
html.layout-small .popover:not(.select-menu),
html.layout-phone .popover:not(.select-menu) {
  margin: 0 !important;
  padding: 0;
  right: 0;
  left: initial !important;
  bottom: 0;
  top: 0;
  width: 272px;
  transform: none !important;
  border-radius: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  box-shadow: none;
}
html.layout-small .popover:not(.select-menu) div.arrow,
html.layout-phone .popover:not(.select-menu) div.arrow {
  display: none;
}
html.layout-small .popover:not(.select-menu) .listing li:last-child,
html.layout-phone .popover:not(.select-menu) .listing li:last-child {
  border-bottom: 1px solid #ffffff;
}
html.layout-small .popover-overlay,
html.layout-phone .popover-overlay {
  z-index: 1000;
  background-color: rgba(87, 87, 84, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
html.layout-small .popover-header,
html.layout-phone .popover-header {
  display: block;
  border-radius: 0;
  border: 0;
  padding: 0 0.5em;
  height: 58px;
  min-height: 58px;
  line-height: 58px;
  font-size: 16px;
  color: #fff;
  background-color: #776341;
}
html.layout-small .popover-header:before,
html.layout-phone .popover-header:before {
  display: none;
}
html.layout-small .popover-header a,
html.layout-phone .popover-header a {
  display: inline-block;
  width: 100%;
}
html.layout-small .popover-body > *,
html.layout-phone .popover-body > * {
  max-height: 100% !important;
}
html.touch .popover .listing li a {
  line-height: 47px;
  font-size: 16px;
  padding: 0 0.5em;
}
html.touch .popover .listing li a:before {
  float: left;
}
.select-menu {
  max-width: initial;
  margin: 0;
  height: auto;
}
.select-menu .popover-header {
  border-radius: 0.25rem 0.25rem 0 0 !important;
}
.select-menu .listing li a {
  padding-left: 0.25rem;
  outline: 0;
}
.select-menu .listing li:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.select-menu.inline .listing li {
  padding-right: 0.5rem;
}
.select-menu.inline .listing li:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
/** PGP Key search/import dialog **/
.pgpkeyimport div.key {
  position: relative;
  padding: 0.5rem 0;
}
.pgpkeyimport div.key.revoked,
.pgpkeyimport div.key.disabled {
  color: #8b8b89;
}
.pgpkeyimport div.key label {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0;
}
.pgpkeyimport div.key label:after {
  content: ":";
}
.pgpkeyimport div.key label.keyid {
  display: none;
}
.pgpkeyimport div.key label + a,
.pgpkeyimport div.key label + span {
  line-height: 2.6rem;
  margin-right: 1em;
  white-space: nowrap;
  text-decoration: none;
}
.pgpkeyimport div.key label.keyid + a {
  font-weight: bold;
}
.pgpkeyimport div.key label.keyid + a:before {
  content: "\f084";
}
.pgpkeyimport ul.uids {
  margin: 0;
  padding: 0;
}
.pgpkeyimport li.uid {
  border: 0;
  padding: 0.25rem 0 0 1.5em;
  line-height: 1.5rem !important;
  list-style-type: none;
}
.pgpkeyimport li.uid:before {
  content: "\f007";
  opacity: 0.25;
  font-size: 1em;
  line-height: 1.25;
}
.pgpkeyimport button.importkey {
  position: absolute;
  top: 0.5rem;
  right: 0;
}
.pgpkeyimport button:disabled {
  display: none;
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Toolbar widget ***/
.menu {
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
.menu a {
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.menu a:before {
  content: "\00a0";
}
.menu a:hover,
.menu a:focus {
  outline: 0;
}
.menu a:not(.disabled):focus,
.menu a:not(.disabled):hover {
  background-color: #ececec;
}
.menu.toolbar li {
  display: inline-block;
  height: 58px;
}
.menu.toolbar a {
  color: #575754;
  display: block;
  float: left;
  border: 0 !important;
  height: 58px;
  min-width: 3.2rem;
  max-width: 6rem;
  width: auto;
  padding: 0.45rem;
  line-height: 1.5;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
}
.menu.toolbar a:before {
  height: 1.75rem !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
.menu.toolbar a.selected {
  color: #41b849;
}
.menu.toolbar > .spacer {
  width: 1em;
}
.menu.toolbar .dropbutton:not(.disabled):hover {
  background-color: #ececec;
}
.menu.toolbar .dropbutton a.dropdown {
  padding: 0 0.3rem;
}
.menu.toolbar .dropbutton a.dropdown:before {
  line-height: 58px;
}
.menu.toolbar .dropbutton a.dropdown:hover {
  background-color: #e0e0e0;
}
.menu span.inner {
  font-size: 90%;
  font-weight: normal;
}
.menu .dropbutton {
  display: inline-block;
}
.menu .dropbutton a.dropdown {
  font-size: 75%;
  min-width: 0;
}
html.ie11 .menu .dropbutton a.dropdown:before {
  font-size: 80%;
}
.menu .dropbutton a.dropdown span.inner {
  display: none;
}
.menu .dropbutton a:first-child {
  padding-right: 0;
}
.menu.pagenav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
  font-size: 100%;
}
.menu.pagenav a {
  flex-grow: 1;
  display: inline-block;
  min-width: 2rem !important;
  height: 35px;
  color: #575754;
}
.menu.pagenav a:before {
  margin: 0;
  display: inline;
  float: none;
  line-height: 35px;
}
.menu.pagenav .pagenav-text {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8b8b89;
  flex-grow: 4;
  font-size: 80%;
}
.menu.pagenav input {
  width: 3rem;
  max-width: 5rem;
  font-size: 90%;
  text-align: center;
  max-height: 1.6rem;
  margin: 0 0.2rem;
}
html.layout-phone .menu.pagenav input {
  display: none;
}
.menu.pagenav span.inner {
  display: none;
}
.menu.pagenav.pagenav-list {
  cursor: pointer;
  background-color: #fbfbfb;
  border-bottom: 1px solid #ffffff;
}
.menu.pagenav.pagenav-list a {
  flex-grow: unset;
}
.menu.pagenav.pagenav-list .pagenav-text {
  text-align: left;
  font-size: 100%;
}
.menu.pagenav.pagenav-list + .navlist {
  background-color: #fbfbfb;
}
.menu.pagenav.pagenav-list.expanded + .navlist {
  border-bottom: 1px solid #fbfbfb;
}
.menu.content-frame-navigation.hide-nav-buttons a.next,
.menu.content-frame-navigation.hide-nav-buttons a.prev {
  display: none;
}
.menu .listselectors {
  max-width: 100%;
  display: flex;
  justify-content: space-around;
}
.menu .buttons {
  display: block;
}
.menu .buttons button {
  display: block;
  float: left;
  cursor: pointer;
  color: #575754;
  background-color: transparent;
  border: 0;
  padding: 0;
  height: 58px;
  line-height: 58px;
  width: 2.5em;
}
.menu .buttons button:before {
  font-size: 1.75rem;
}
.popover .menu li {
  display: block;
  height: auto;
  text-align: left;
}
.popover .menu li.spacer {
  display: none;
}
.popover .menu li:last-child {
  border: 0;
}
.popover .menu li.separator {
  line-height: 1.5rem !important;
  font-size: 0.75rem !important;
  padding: 0 0.5rem;
  color: #8b8b89;
  background-color: #ffffff;
}
.popover .menu li.separator label {
  margin: 0;
}
.popover .menu li a {
  height: unset;
  max-width: 100%;
  width: 100%;
  line-height: 35px;
  display: block;
  padding: 0 0.5rem;
  text-align: left;
}
.popover .menu li a:before {
  line-height: inherit;
  height: inherit !important;
  margin-right: 0.5rem !important;
  float: left !important;
  width: 1.18em !important;
  min-width: 1.18em;
}
.popover .menu li a:not(.disabled):hover {
  color: #fff;
  background-color: #cbbba0;
}
.popover .menu li a[aria-haspopup] {
  display: flex;
}
.popover .menu li a[aria-haspopup]:after {
  color: #8b8b89;
  font-size: 0.9em;
  margin: 0 0 0 0.2em;
  min-width: 1.18em;
  content: "\f054";
}
html.layout-small .popover .menu li a[aria-haspopup]:after {
  margin: 0 0.2em;
}
.popover .menu li a[aria-haspopup].dropdown:after {
  color: #575754;
  margin: 0 0.6em !important;
}
.popover .menu li a[aria-haspopup]:hover:after {
  color: #fff;
}
.popover .menu li a[aria-haspopup] > span {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.popover .menu li span.inner {
  font-size: 100%;
}
.popover .menu .dropbutton {
  display: flex;
}
.popover .menu .dropbutton a:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.popover .menu .dropbutton:not(.disabled):hover {
  background-color: #f6f6f6;
}
.popover .menu .dropbutton a.dropdown {
  width: 3.5rem;
  padding: 0 0.5em;
  background-color: #f6f6f6;
}
.popover .menu .dropbutton a.dropdown:hover {
  background-color: #cbbba0;
}
.popover .menu .dropbutton a.dropdown:before,
.popover .menu .dropbutton a.dropdown span.inner {
  display: none;
}
.popover .menu.no-icon a:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .content-frame-navigation {
    display: none !important;
  }
  .header a.button.icon:not(.disabled):focus,
  .header a.button.icon:not(.disabled):hover {
    background-color: #ececec;
    outline: 0;
  }
  .header a.button.icon:before {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .menu.footer {
    justify-content: space-around !important;
  }
  .menu.footer > * {
    flex-grow: 1;
  }
  .menu.footer .buttons {
    display: flex;
    justify-content: space-evenly;
  }
  .menu.footer .listselectors > * {
    flex-grow: 1;
  }
  .menu.listing a {
    color: #575754;
  }
}
a.toolbar-button {
  cursor: pointer;
}
@media screen and (min-width: 1201px) {
  a.toolbar-button {
    line-height: 1.5;
    padding: 0.45rem;
  }
  a.toolbar-button:before {
    float: none !important;
    height: 1.75rem !important;
    line-height: 1.5;
    width: auto !important;
  }
  a.toolbar-button span.inner {
    display: inline !important;
    font-weight: normal;
    font-size: 90%;
  }
}
/*** Menu button icons ***/
.menu a.mail:before {
  content: "\f0e0";
}
.menu a.contacts:before {
  content: "\f0c0";
}
.menu a.options:before {
  content: "\f1de";
}
.menu a.settings:before {
  content: "\f013";
}
.menu a.help:before {
  content: "\f1cd";
}
.menu a.logout:before {
  content: "\f011";
}
.menu a.about:before {
  content: "\f128";
}
.menu a.refresh:before {
  content: "\f021";
}
.menu a.compose:before {
  content: "\f044";
}
.menu a.calendar:before {
  content: "\f073";
}
.menu a.tasklist:before {
  content: "\f0ae";
}
.menu a.files:before {
  content: "\f07b";
}
.menu a.notes:before {
  content: "\f249";
}
.menu a.chat:before {
  content: "\f086";
}
.menu a.actions:before {
  content: "\f013";
}
.menu a.addressbook:before {
  content: "\f007";
}
.menu a.archive:before {
  content: "\f187";
}
.menu a.assigngroup:before {
  content: "\f234";
}
.menu a.attach:before,
.menu a.vcard:before {
  content: "\f0c6";
}
.menu a.next:before {
  content: "\f061";
}
.menu a.prev:before,
.menu a.back:before {
  content: "\f060";
}
.menu a.check:before {
  content: "";
}
.menu a.check.selected:before {
  content: "\f00c";
}
.menu a.closewin:before {
  content: "\f410";
}
.menu a.collapse:before {
  content: "\f107";
}
.menu a.copy:before {
  content: "\f0c5";
}
.menu a.create:before {
  content: "\f0fe";
}
.menu a.delete:before {
  content: "\f2ed";
}
.menu a.download:before,
.menu a.download.eml:before,
.menu a.download.maildir:before,
.menu a.download.mbox:before {
  content: "\f019";
}
.menu a.dropdown:before {
  content: "\f0d7";
}
.menu a.edit:before {
  content: "\f303";
}
.menu a.encrypt:before,
.menu a.enigma:before {
  content: "\f023";
}
.menu a.encrypt.sign:before {
  content: "\f023";
}
.menu a.expand:before {
  content: "\f105";
}
.menu a.expand.all:before {
  content: "\f103";
}
.menu a.expand.none:before {
  content: "\f102";
}
.menu a.export:before,
.menu a.export.all:before,
.menu a.export.selection:before {
  content: "\f019";
}
.menu a.expunge:before {
  content: "\f78c";
}
.menu a.extwin:before {
  content: "\f360";
}
.menu a.filterlink:before {
  content: "\f0b0";
}
.menu a.firstpage:before {
  content: "\f100";
}
.menu a.nextpage:before {
  content: "\f105";
}
.menu a.prevpage:before {
  content: "\f104";
}
.menu a.lastpage:before {
  content: "\f101";
}
.menu a.flag:before,
.menu a.select.flagged:before {
  content: "\f024";
  font-weight: 900;
}
.menu a.unflag:before {
  content: "\f024";
  font-weight: 400;
}
.menu a.folders:before {
  content: "\f07b";
}
.menu a.forward:before,
.menu a.forward.attachment:before,
.menu a.forward.bounce:before,
.menu a.forward.inline:before {
  content: "\f064";
}
.menu a.import:before,
.menu a.upload:before {
  content: "\f093";
}
.menu a.insertresponse:before {
  content: "\f075";
}
.menu a.junk:before {
  content: "\f7e4";
}
.menu a.notjunk:before {
  content: "\f01c";
}
.menu a.markmessage:before {
  content: "\f02b";
}
.menu a.more:before {
  content: "\f141";
}
.menu a.move:before {
  content: "\f07c";
}
.menu a.print:before {
  content: "\f02f";
}
.menu a.properties:before {
  content: "\f15b";
}
.menu a.purge:before {
  content: "\f12d";
}
.menu a.qrcode:before {
  content: "\f029";
}
.menu a.read:before {
  content: "\f2b6";
  font-weight: 400;
}
.menu a.unread:before,
.menu a.expand.unread:before,
.menu a.select.unread:before {
  content: "\f0e0";
  font-weight: 900;
}
.menu a.recipient:before {
  content: "\f0e0";
  font-weight: 400;
}
.menu a.refresh:before {
  content: "\f021";
}
.menu a.remove:before {
  content: "\f12d";
}
.menu a.removegroup:before {
  content: "\f235";
}
.menu a.rename:before {
  content: "\f303";
}
.menu a.reply:before {
  content: "\f3e5";
}
.menu a.reply-all:before,
.menu a.reply.all:before,
.menu a.reply.list:before {
  content: "\f122";
}
.menu a.responses:before {
  content: "\f075";
}
.menu a.rotate:before {
  content: "\f2f9";
}
.menu a.save:before {
  content: "\f0c7";
  font-weight: 400;
}
.menu a.search:before {
  content: "\f002";
}
.menu a.search.delete:before {
  content: "\f2ed";
}
.menu a.select:before {
  content: "\f245";
}
.menu a.select.all:before {
  content: "\f069";
}
.menu a.select.invert:before {
  content: "\f14a";
}
.menu a.select.none:before {
  content: "\f00d";
  font-weight: 900;
}
.menu a.select.page:before {
  content: "\f0c9";
  font-weight: 900;
}
.menu a.selection:before {
  content: "\f14a" !important;
  font-weight: 400 !important;
}
.menu a.send:before {
  content: "\f1d8";
}
.menu a.showurl:before {
  content: "\f0c1";
}
.menu a.signature:before {
  content: "\f5b7";
}
.menu a.source:before {
  content: "\f1c9";
}
.menu a.spellcheck:before {
  content: "\f891";
}
.menu a.status:before {
  content: "\f0eb";
  font-weight: 400;
}
.menu a.submit:before {
  content: "\f00c";
}
.menu a.threads:before {
  content: "\f086";
}
.menu a.zoomin:before {
  content: "\f00e";
}
.menu a.zoomout:before {
  content: "\f010";
}
/*** Searchbar and searchoptions widgets ***/
.searchbar {
  height: 36px;
  min-height: 36px;
  line-height: 36px;
  background-color: #fbfbfb;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.searchbar form {
  flex: 1;
  display: flex;
}
.searchbar form:before {
  content: "\f002";
  height: 36px;
  color: #8b8b89;
  margin: 0 0 0 0.75rem;
}
.searchbar input {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0.5rem;
  line-height: normal;
  outline: 0;
}
.searchbar input::-ms-clear {
  display: none;
}
.searchbar a {
  color: #575754;
}
.searchbar a:before {
  width: 2rem;
  height: 36px;
  margin: 0;
}
.searchbar a.options:before {
  content: "\f107";
}
.searchbar a.reset:before {
  content: "\f00d";
  font-size: 1rem;
}
.searchbar a.unread:before {
  content: "\f0e0";
  font-weight: 900;
}
.searchbar a.reset,
.searchbar a.search {
  display: none;
}
.searchbar a.selected {
  color: #41b849;
}
.searchbar span.inner {
  display: none;
}
.searchbar.active a.reset {
  display: inline;
}
.searchbar.open a.options:before {
  content: "\f106";
}
.searchoptions button.search {
  width: 100%;
}
.searchoptions ul.proplist + div {
  margin-top: 1rem;
}
.searchoptions .input-group:not(:last-child) {
  margin-bottom: 0.5rem;
}
.searchoptions .input-group .input-group-prepend {
  width: 30%;
}
.searchoptions .input-group label {
  width: 100%;
}
.searchoptions .formbuttons {
  display: block !important;
}
/*** Taskmenu ***/
#taskmenu a {
  display: block;
  float: none;
}
@media screen and (max-width: 480px) {
  #taskmenu {
    z-index: 30001;
    overflow-x: hidden;
  }
  #taskmenu a {
    max-width: unset;
    padding: 0 0.5em;
    margin-top: 1px;
    text-align: left;
    line-height: 47px;
    height: 47px;
    border-bottom: 1px solid #ffffff !important;
    color: #575754;
    font-size: 1.2rem;
  }
  #taskmenu a:before {
    float: left !important;
    width: 1.2em !important;
    margin-right: 0.5rem !important;
  }
  #taskmenu span.inner {
    font-size: 100%;
  }
}
@media screen and (min-width: 481px) {
  #taskmenu a {
    color: #fff;
    padding: 0.45rem 0;
    min-width: unset;
  }
  #taskmenu a.selected {
    color: #fff;
    background: #575754;
  }
  #taskmenu a.selected:hover {
    color: #fff;
    background: #575754;
  }
  #taskmenu a:hover {
    color: #fff;
    background: #575754;
  }
  #taskmenu .special-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #3d3d3b;
  }
  #taskmenu .action-buttons a {
    color: #cbbba0;
    background: transparent;
  }
  #taskmenu .action-buttons a:hover {
    color: #cbbba0;
    background: #575754;
  }
  #taskmenu a.logout {
    color: #ff5552 !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  #taskmenu a {
    width: 42px;
    height: 42px;
    font-size: 1.2rem;
    padding: 0;
  }
  #taskmenu a:before {
    line-height: 42px;
  }
  #taskmenu span.inner {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  #taskmenu a {
    width: 78px;
    font-size: 1rem;
  }
  #taskmenu a:before {
    float: none;
  }
  #taskmenu a:focus {
    background-color: #575754;
  }
  #taskmenu span.inner {
    padding: 0 0.1em;
  }
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** UI Messages ***/
.ui.alert {
  margin: 0;
  margin-bottom: 0.2rem;
  opacity: 0.95;
  width: 100%;
  padding: 0.75em;
  color: #575754;
  border: 1px solid transparent;
  background-color: rgba(203, 187, 160, 0.05);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .ui.alert {
    border: 0;
  }
}
.ui.alert span {
  margin: auto 0;
}
.ui.alert > i.icon {
  line-height: 1;
  color: #7e7e7a;
  margin: auto 0;
}
.ui.alert > i.icon:before {
  content: "\f05a";
  margin-right: 0.6rem;
}
.ui.alert .btn {
  margin-left: 0.5rem;
}
.ui.alert.loading {
  color: #898987;
}
.ui.alert.loading > i.icon:before {
  content: "\f1ce";
  -webkit-animation: spinner-border 1.5s infinite linear;
  animation: spinner-border 1.5s infinite linear;
  width: 1em;
}
.ui.alert.alert-success > i.icon:before {
  content: "\f058";
  color: #41b849;
}
.ui.alert.alert-warning > i.icon:before {
  content: "\f071";
  color: #ffd452;
}
.ui.alert.alert-danger > i.icon:before {
  content: "\f06a";
  color: #ff5552;
}
.ui.alert.vcardattachment > i.icon:before {
  content: "\f2bb";
}
.ui.alert.enigmaattachment > i.icon:before {
  content: "\f084";
}
.ui.alert.signed > i.icon:before,
.ui.alert.encrypted > i.icon:before {
  content: "\f023";
}
.ui.alert.chat > i.icon:before {
  content: "\f075";
}
.ui.alert .boxbuttons {
  white-space: nowrap;
}
.ui.alert .boxbuttons .btn {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}
@media screen and (max-width: 480px) {
  .ui.alert .boxbuttons {
    display: flex;
    flex-direction: column;
  }
  .ui.alert .boxbuttons .btn {
    max-width: 160px;
  }
  .ui.alert .boxbuttons .btn:not(:first-child) {
    margin-top: 0.25rem;
  }
}
.ui.alert.aligned-buttons {
  display: flex;
}
.ui.alert.aligned-buttons span {
  flex: 1;
}
.ui.alert a:not(.btn) {
  color: #cbbba0;
  font-weight: normal;
}
.ui.alert h3 {
  font-weight: bold;
  font-size: 1.2rem;
}
.ui.alert p {
  margin: 1rem 0;
}
.ui.alert.boxerror,
.ui.alert.boxconfirmation,
.ui.alert.boxinformation,
.ui.alert.boxwarning {
  padding: 0.5em;
  border-radius: 0;
}
.ui.alert.boxerror i.icon,
.ui.alert.boxconfirmation i.icon,
.ui.alert.boxinformation i.icon,
.ui.alert.boxwarning i.icon {
  font-size: 1.5em !important;
}
.ui.alert.boxerror {
  background-color: rgba(255, 85, 82, 0.2);
}
.ui.alert.boxinformation {
  background-color: rgba(203, 187, 160, 0.2);
}
.ui.alert.boxconfirmation {
  background-color: rgba(65, 184, 73, 0.2);
}
.ui.alert.boxwarning {
  background-color: rgba(255, 212, 82, 0.2);
}
.ui.alert + table {
  margin-top: 1em;
}
#messagestack {
  position: absolute;
  bottom: 0.5em;
  right: 0.7em;
  z-index: 105;
  width: 320px;
  height: auto;
  max-height: 85%;
}
@media screen and (max-width: 480px) {
  #messagestack {
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
  }
}
#messagestack div {
  background-color: #575754;
  color: #fff;
}
@media screen and (max-width: 480px) {
  #messagestack div {
    margin: 0;
    border-radius: 0;
    min-height: 4.2rem;
  }
}
#messagestack div.voice {
  position: absolute;
  top: -1000px;
}
#messagestack div i.icon {
  font-size: 1.5em !important;
}
#messagestack div > i.icon:before {
  color: #fff;
}
#messagestack div:last-child {
  margin-bottom: 0;
}
#messagestack .loading {
  background-color: #898987;
}
#messagestack .alert-info.information {
  background-color: #cbbba0;
}
#messagestack .alert-success {
  background-color: #41b849;
}
#messagestack .alert-warning {
  background-color: #ffd452;
  color: #575754;
}
#messagestack .alert-warning > i.icon:before {
  color: #575754;
}
#messagestack .alert-danger {
  background-color: #ff5552;
}
#messagestack a {
  color: inherit !important;
  text-decoration: underline;
  cursor: pointer;
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** List and treelist widgets ***/
.listing tbody td,
.listing li {
  border-bottom: 1px solid #ffffff;
  cursor: default;
  font-weight: normal;
  line-height: 35px;
}
.listing tbody td,
.listing li a {
  padding: 0 0.5rem;
  white-space: nowrap;
  vertical-align: middle;
  color: #575754;
}
.listing tbody td {
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
}
.listing tbody td a {
  color: #575754;
}
.listing li a {
  display: block;
  text-decoration: none;
  cursor: default;
  width: 100%;
}
.listing li.selected,
.listing tr.selected td {
  color: #575754;
  background-color: #faf8f6;
}
.listing td.selection {
  padding: 0 0 0 0.5em;
  width: 2em;
  text-align: center;
}
.listing td.selection > input {
  vertical-align: middle;
}
.listing:not(.withselection) td.selection {
  display: none;
}
.listing td.name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing td.action {
  padding: 0 0.5em;
  width: 2em;
  text-align: center;
}
.listing td.action:empty {
  width: 0;
}
.listing td.action a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
.listing td.action a:before {
  margin: 0;
  font-size: 1rem;
}
.listing td.action a.pushgroup:before {
  content: "\f054";
}
.listing li.droptarget > a,
.listing tr.droptarget > td {
  background-color: #ffffcc;
}
.listing li.disabled,
.listing tr.disabled td {
  color: rgba(87, 87, 84, 0.5);
}
.listing li > a.virtual,
.listing li.virtual > a {
  opacity: 0.4;
}
.listing span.secondary {
  color: #8b8b89;
}
html:not(.touch) .listing li > a,
html:not(.touch) .listing tbody tr > td:first-child,
html:not(.touch) .listing:not(.withselection) tbody tr > td.selection + td {
  border-left: 2px solid transparent;
}
html:not(.touch) .listing li > a:focus,
html:not(.touch) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
  border-left: 2px solid #efeae2;
  outline: 0;
}
table.listing {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: unset;
}
ul.listing {
  margin: 0;
  padding: 0;
}
ul.listing > ul {
  padding: 0;
}
ul.listing li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  list-style: none;
}
ul.listing li ul {
  border-top: 1px solid #ffffff;
  padding-left: 1.5em;
}
ul.listing li ul li:last-child {
  border-bottom: none;
}
ul.listing li .custom-switch {
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
  height: 35px;
  vertical-align: middle;
}
ul.listing li .custom-switch .custom-control-label:before,
ul.listing li .custom-switch .custom-control-label:after {
  margin-top: 0.4rem;
}
html.touch ul.listing li .custom-switch .custom-control-label:before,
html.touch ul.listing li .custom-switch .custom-control-label:after {
  margin-top: 0.75rem;
}
html.touch ul.listing li .custom-switch {
  height: 47px;
}
ul.listing.simplelist li {
  padding: 0 0.5rem;
}
.listing-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  font-weight: bold;
  color: #8b8b89;
}
html.touch .listing:not(.toolbar) li,
html.touch .listing tbody td {
  line-height: 47px;
  font-size: 1.2rem;
}
html.touch li input[type=checkbox] {
  height: 47px;
}
html.touch td.selection {
  padding: 0;
  width: 3em;
}
@media screen and (max-width: 1200px) {
  .listing.selection-large-only li.selected {
    color: #575754;
    background-color: transparent;
  }
}
/* icons */
.listing.iconized li a:before {
  height: 2em;
  margin-right: 0.5rem;
}
.listing.iconized li.preferences > a:before {
  content: "\f1de";
}
.listing.iconized li.folders > a:before {
  content: "\f07b";
}
.listing.iconized li.responses > a:before {
  content: "\f075";
}
.listing.iconized li.identities > a:before {
  content: "\f2c2";
}
.listing.iconized li.password > a:before {
  content: "\f023";
}
.listing.iconized li.addressbook a:before {
  content: "\f2b9";
  font-weight: 400;
}
.listing.iconized li.contactgroup a:before {
  content: "\f0c0";
  font-weight: 900;
}
.listing.iconized li.contactsearch a:before {
  content: "\f002";
}
.listing.iconized li.filter > a:before {
  content: "\f0b0";
}
.listing.iconized li.vacation > a:before {
  content: "\f017";
  font-weight: 400;
}
.listing.iconized li.forward > a:before {
  content: "\f14d";
}
.listing.iconized li.enigma.keys > a:before {
  content: "\f084";
}
.listing.iconized li.userinfo > a:before {
  content: "\f05a";
}
.listing.iconized li.twofactorauth > a:before {
  content: "\f2f6";
}
.listing.iconized li a.help:before {
  content: "\f1cd";
}
.listing.iconized li a.about:before {
  content: "\f059";
  font-weight: 400;
}
.listing.iconized li a.license:before {
  content: "\f3ed";
}
.listing.iconized li > i:before {
  content: "\f007";
  margin-left: 0.5rem;
}
.listing.iconized li.group > i:before {
  content: "\f0c0";
}
html.ie11 .listing.iconized li a:before {
  font-size: 1.25rem;
}
.listing.iconized tr td:before {
  margin-right: 0.5rem;
}
.listing.iconized tr.contact.person td.name:before {
  content: "\f007";
}
.listing.iconized tr.contact.group td.name:before {
  content: "\f0c0";
}
.listing.iconized tr.general > td.section:before {
  content: "\f108";
}
.listing.iconized tr.mailbox > td.section:before {
  content: "\f0e0";
  font-weight: 400;
}
.listing.iconized tr.mailview > td.section:before {
  content: "\f01c";
}
.listing.iconized tr.compose > td.section:before {
  content: "\f1d8";
}
.listing.iconized tr.addressbook > td.section:before {
  content: "\f0c0";
}
.listing.iconized tr.folders > td.section:before {
  content: "\f07b";
  font-weight: 400;
}
.listing.iconized tr.server > td.section:before {
  content: "\f233";
}
.listing.iconized tr.enigma > td.section:before {
  content: "\f023";
}
.listing.iconized tr.calendar > td.section:before {
  content: "\f133";
}
.listing.iconized tr.chat > td.section:before {
  content: "\f086";
}
/* selecatable list: e.g. spellcheck language selection */
.listing.iconized.selectable li a:before {
  content: "";
}
.listing.iconized.selectable li a.selected:before {
  content: "\f00c";
}
.popupmenu .listing li > a {
  border-left: 0;
}
.popupmenu .listing li > a:not(.disabled):hover {
  color: #fff;
  background-color: #cbbba0;
}
.popupmenu .listing li.selected {
  color: #fff;
  background-color: #cbbba0;
}
.popupmenu .listing td {
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.treelist li div.treetoggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  cursor: pointer;
  background-color: transparent;
}
ul.treelist li div.treetoggle:before {
  content: "\f105";
  margin-left: 0.25em;
  font-size: 1em;
}
ul.treelist li div.treetoggle.expanded:before {
  content: "\f107";
}
ul.treelist li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1.5em;
}
ul.treelist li.selected {
  color: inherit;
  background-color: transparent;
}
ul.treelist li.selected > div > a,
ul.treelist li.selected > a {
  color: #575754;
  background-color: #faf8f6;
}
ul.treelist li ul {
  padding: 0;
}
ul.treelist li ul li {
  padding-left: 0;
}
ul.treelist li ul li a {
  padding-left: 3em;
}
ul.treelist li ul li div.treetoggle {
  left: 1.5em;
}
ul.treelist li ul li li a {
  padding-left: 4.5em;
}
ul.treelist li ul li li div.treetoggle {
  left: 3em;
}
ul.treelist li ul li li li a {
  padding-left: 6em;
}
ul.treelist li ul li li li div.treetoggle {
  left: 4.5em;
}
ul.treelist li ul li li li li a {
  padding-left: 7.5em;
}
ul.treelist li ul li li li li div.treetoggle {
  left: 6em;
}
ul.treelist li ul li li li li li a {
  padding-left: 9em;
}
ul.treelist li ul li li li li li div.treetoggle {
  left: 7.5em;
}
ul.treelist.notree div.treetoggle {
  display: none;
}
ul.treelist.notree li > a {
  padding-left: 0.5em;
}
/*** Folders list widget ***/
.folderlist li.mailbox.unread > a {
  padding-right: 2.8em;
  font-weight: bold;
}
.folderlist li.mailbox.recent {
  color: blue;
}
.folderlist li.mailbox .unreadcount {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 2em;
  line-height: 1.4rem;
  margin: 7.7px;
  padding: 0 0.3em;
  border-radius: 0.4em;
  background: #cbbba0;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
html.touch .folderlist li.mailbox .unreadcount {
  line-height: 2rem;
  margin: 9.5px;
}
.folderlist li.mailbox.recent > .unreadcount {
  background: blue;
  color: #fff;
}
.folderlist li.mailbox.root {
  display: none !important;
}
.folderlist li a:before {
  content: "\f07b";
  font-weight: 400;
  margin-right: 0.5rem;
}
.folderlist li.inbox > a:before {
  content: "\f01c";
  font-weight: 900;
}
.folderlist li.trash a:before {
  content: "\f2ed";
  font-weight: 900;
}
.folderlist li.trash.empty > a:before {
  content: "\f2ed";
  font-weight: 400;
}
.folderlist li.drafts a:before {
  content: "\f303";
  font-weight: 900;
}
.folderlist li.sent a:before {
  content: "\f1d8";
  font-weight: 900;
}
.folderlist li.junk a:before {
  content: "\f7e4";
  font-weight: 900;
}
.folderlist li.archive > a:before {
  content: "\f187";
  font-weight: 900;
}
.folderlist.menu a:before {
  margin-left: 0.5em;
}
/*** Messages list widget ***/
.messagelist > thead,
.messagelist .branch,
table.fixedcopy {
  display: none;
}
.messagelist td {
  border-left: 0;
  width: 2em;
  vertical-align: top;
  font-size: 1rem !important;
}
.messagelist td.subject {
  width: 100%;
  padding-right: 0;
  display: flex;
  flex-wrap: wrap;
}
.messagelist td.subject a {
  text-decoration: none;
  cursor: default;
}
.messagelist td.subject span {
  line-height: 2em;
}
.messagelist td.subject span.date {
  font-size: 90%;
  color: #8b8b89;
}
.messagelist td.subject span.fromto {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 90%;
  color: #8b8b89;
  padding-left: 1.5em;
  padding-right: 0.5rem;
}
.messagelist td.subject span.subject {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.messagelist td.threads {
  padding: 0 0 0 0.25rem;
  width: 1.5em;
}
.messagelist td.flags {
  width: 2.5em;
}
.messagelist td.flags > span {
  height: 1.7em;
  line-height: 1.7em;
  display: block;
}
.messagelist td.flags > span.flag {
  cursor: pointer;
}
.messagelist tr.flagged td,
.messagelist tr.flagged td.subject span.subject a,
.messagelist tr.flagged td.subject span.date,
.messagelist tr.flagged td.subject span.fromto {
  color: #ff5552;
}
.messagelist tr.deleted td,
.messagelist tr.deleted td.subject span.subject a,
.messagelist tr.deleted td.subject span.date,
.messagelist tr.deleted td.subject span.fromto {
  color: rgba(87, 87, 84, 0.5);
}
.messagelist tr.unread td.subject span.subject {
  font-weight: bold;
}
.messagelist tr.unroot td.subject a {
  text-decoration: underline;
}
.messagelist tr.thread td.threads div:before {
  content: "\f105";
  cursor: pointer;
  width: 1em;
}
.messagelist tr.thread.expanded td.threads div:before {
  content: "\f107";
}
.messagelist td.subject span.msgicon.status:before {
  content: "\f111";
  cursor: pointer;
  font-size: 0.4rem;
  width: 1.1rem;
  height: 2rem;
}
.messagelist td.subject span.msgicon.status.unread:before {
  content: "\f111";
  color: #ffd452;
  font-size: 0.5rem;
}
.messagelist td.subject span.msgicon.status.unreadchildren:before {
  content: "\f111";
  font-weight: 400;
  font-size: 0.5rem;
}
.messagelist td.subject span.msgicon.status.replied:before {
  content: "\f3e5";
  font-weight: 900;
  font-size: 1rem;
}
.messagelist td.subject span.msgicon.status.forwarded:before {
  content: "\f064";
  font-weight: 900;
  font-size: 1rem;
}
.messagelist td.subject span.msgicon.status.replied.forwarded:before {
  content: "\f3e5";
  font-weight: 900;
  font-size: 1rem;
}
tr.deleted .messagelist td.subject span.msgicon.status:before {
  content: "\f05e";
  font-weight: 900;
  font-size: 1rem;
}
.messagelist span.attachment span {
  color: rgba(139, 139, 137, 0.75);
}
.messagelist span.attachment span:before {
  margin: 0;
  content: "\f0c6";
}
.messagelist span.attachment span.report:before {
  content: "\f15c";
  font-weight: 400;
}
.messagelist span.attachment span.encrypted:before {
  content: "\f023";
}
.messagelist span.attachment span.vcard:before {
  content: "\f007";
  font-weight: 400;
}
.messagelist span.flagged:before {
  content: "\f024";
}
.messagelist tr:hover span.unflagged:before {
  content: "\f024";
  font-weight: 400;
}
html.layout-phone .messagelist tr,
html.touch .messagelist tr {
  position: relative;
}
html.layout-phone .messagelist td.flags,
html.touch .messagelist td.flags {
  top: 0.25rem;
  right: 0;
  bottom: 0;
}
html.layout-phone .messagelist td.flags .flag,
html.touch .messagelist td.flags .flag {
  visibility: hidden;
}
html.layout-phone .messagelist td.subject,
html.touch .messagelist td.subject {
  padding-right: 0.5em;
}
html.layout-phone .messagelist td.subject .subject,
html.touch .messagelist td.subject .subject {
  padding-right: 1.5rem;
}
/* Contacts list */
.contactlist .contact.readonly td {
  font-style: italic;
}
.contactlist td.contact:before {
  content: "\f007";
}
.contactlist td.contactgroup:before {
  content: "\f0c0";
}
.contactlist span.email {
  display: inline;
  color: #8b8b89;
  font-style: italic;
  margin-left: 0.5em;
}
.contactlist li a:before {
  margin-right: 0.5rem;
}
.contactlist li a.addressbook::before {
  content: "\f2b9";
  font-weight: 400;
}
.contactlist li a.contactgroup::before {
  content: "\f0c0";
  font-weight: 900;
}
/* Attachments list */
.attachmentslist {
  padding: 0;
  margin: 0;
  background-color: #fcfcfc;
  border: 1px solid #f4f4f4;
}
.attachmentslist:empty {
  padding: 0;
  border: 0;
}
.attachmentslist li {
  list-style: none;
  display: inline-flex;
  white-space: nowrap;
  line-height: 2rem;
  padding: 0 0.25em;
  max-width: 100%;
}
.attachmentslist li:before {
  content: "\f15b";
  font-weight: 400;
  height: 2rem;
  margin: 0;
}
.attachmentslist li.txt:before,
.attachmentslist li.text:before {
  content: "\f15c";
  font-weight: 400;
}
.attachmentslist li.pdf:before {
  content: "\f1c1";
  font-weight: 400;
}
.attachmentslist li.odt:before,
.attachmentslist li.doc:before,
.attachmentslist li.docx:before,
.attachmentslist li.msword:before {
  content: "\f1c2";
  font-weight: 400;
}
.attachmentslist li.ods:before,
.attachmentslist li.xls:before,
.attachmentslist li.xlsx:before,
.attachmentslist li.msexcel:before {
  content: "\f1c3";
  font-weight: 400;
}
.attachmentslist li.rar:before,
.attachmentslist li.zip:before,
.attachmentslist li.gz:before {
  content: "\f1c6";
  font-weight: 400;
}
.attachmentslist li.image:before,
.attachmentslist li.jpg:before,
.attachmentslist li.jpeg:before,
.attachmentslist li.png:before {
  content: "\f1c5";
  font-weight: 400;
}
.attachmentslist li.mp3:before,
.attachmentslist li.audio:before {
  content: "\f1c7";
  font-weight: 400;
}
.attachmentslist li.m4p:before,
.attachmentslist li.video:before {
  content: "\f1c8";
  font-weight: 400;
}
.attachmentslist li.vcard:before {
  content: "\f2bb";
  font-weight: 400;
}
.attachmentslist li.html:before {
  content: "\f1c9";
  font-weight: 400;
}
.attachmentslist li.odp:before,
.attachmentslist li.otp:before,
.attachmentslist li.ppt:before,
.attachmentslist li.pptx:before,
.attachmentslist li.ppsx:before,
.attachmentslist li.vnd.mspowerpoint:before {
  content: "\f1c4";
  font-weight: 400;
}
.attachmentslist li a {
  text-decoration: none;
  line-height: 2rem;
  height: 2rem;
}
.attachmentslist li a.cancelupload:before,
.attachmentslist li a.delete:before {
  content: "\f2ed";
  line-height: 2rem;
  height: 2rem;
  margin: 0;
}
.attachmentslist li a.dropdown:before {
  margin: 0;
}
.attachmentslist li.uploading:before {
  -webkit-animation: spinner-border 1.5s infinite linear;
  animation: spinner-border 1.5s infinite linear;
  content: "\f1ce";
  font-weight: 900;
}
.attachmentslist li a.filename {
  display: flex;
  overflow: hidden;
  padding: 0 0.2em;
}
.attachmentslist li .attachment-name {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #575754;
}
.attachmentslist li .attachment-size {
  color: #8b8b89;
  padding-left: 0.25em;
}
.keylist {
  padding: 0;
  list-style: none;
}
.keylist li {
  line-height: 2;
}
.keylist li:before {
  content: "\f084";
  line-height: 1.5;
}
#identities-table td.mail:before {
  content: "\f2c2";
}
#responses-table td.name:before {
  content: "\f075";
}
#filterslist td.name:before {
  content: "\f0b0";
}
#filtersetslist td.name:before {
  content: "\f15c";
}
#subscription-table li.mailbox a {
  padding-right: 2.5rem;
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Common form elements ***/
#uploadform {
  display: none;
}
form.smart-upload,
input.smart-upload {
  visibility: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.propform:not(.popupmenu) {
  width: 100%;
}
.propform .form-check td:not(.title) > label {
  display: block;
  margin: 0;
  line-height: 2rem;
}
.propform .form-check td:not(.title) > label label {
  margin-right: 0.5rem;
}
.propform td.datetime {
  display: flex;
}
.propform td.datetime input:first-child {
  margin-right: 0.5rem;
}
.propform td.datetime input:last-child {
  width: 75%;
}
.propform td.rowbuttons {
  width: 1%;
  white-space: nowrap;
  vertical-align: top;
}
.propform td.rowbuttons span {
  display: none;
}
.propform td.rowbuttons a {
  padding: 0;
  line-height: 2.3rem;
  height: 2.3rem;
  font-size: 1rem;
}
.propform td.rowbuttons a:before {
  content: "\f067";
  vertical-align: unset;
}
@media screen and (min-width: 577px) {
  .propform td.rowbuttons a:before {
    margin: 0 !important;
  }
}
.propform td.rowbuttons a.delete:before {
  content: "\f2ed";
}
.propform td.rowbuttons a.advanced:before {
  content: "\f013";
}
.propform td.rowbuttons a:not(:last-child) {
  margin-right: 0.25rem;
}
.propform td.rowactions {
  width: 1%;
  vertical-align: top;
}
.propform td.rowactions .form-control {
  width: auto;
}
.propform td.rowtargets {
  vertical-align: top;
}
.propform td.rowtargets .composite input,
.propform td.rowtargets .composite textarea,
.propform td.rowtargets .composite select,
.propform td.rowtargets .composite .multi-input,
.propform td.rowtargets .composite .input-group {
  margin-bottom: 0.5rem;
}
.propform td.rowtargets .composite .input-group input,
.propform td.rowtargets .composite .input-group textarea,
.propform td.rowtargets .composite .input-group select,
.propform td.rowtargets .composite .input-group .multi-input {
  margin-bottom: 0;
}
.propform td.rowtargets .composite br {
  display: block;
}
.propform td.rowtargets .input-group {
  margin-bottom: 0.25rem;
}
.propform td.rowtargets .input-group *:first-child.input-group-prepend {
  text-align: left;
  min-width: 7.5em;
}
.propform td.rowtargets .input-group *:first-child.input-group-prepend > * {
  width: 100%;
}
.propform td.rowtargets > .advanced {
  margin-top: 0.25rem;
}
.propform td.title {
  padding-top: 0;
  padding-bottom: 0;
}
.propform td > .flexbox {
  display: flex;
}
.propform td > .flexbox > .multi-input {
  width: 100%;
  margin-left: 0.25rem;
}
.propform.groupped.readonly legend {
  margin: 0;
}
.propform.groupped.readonly .row.input-group {
  margin-bottom: 0 !important;
}
.propform.groupped.readonly label {
  min-width: 7rem;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.propform.groupped .row.input-group {
  margin-bottom: 0.5rem;
  flex-wrap: nowrap;
}
.propform.groupped .row.input-group > *:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 8rem;
}
.propform.groupped .row.input-group > *:first-child:not(select) {
  padding: 0;
}
@media screen and (max-width: 480px) {
  .propform.groupped .row.input-group > *:first-child {
    min-width: 6rem;
    width: 6rem;
    flex-grow: unset;
  }
}
.propform.groupped .row.input-group > *:first-child label {
  width: 100%;
}
.propform.groupped .row.input-group > *:nth-child(2) {
  flex-grow: 30;
}
.propform.groupped .row.input-group:last-child {
  margin-bottom: 1rem;
}
.propform.groupped .row.input-group select {
  text-align: left;
}
.propform.groupped .row.input-group.composite select {
  height: auto;
}
.propform.groupped .row.input-group .content {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0;
}
.propform.groupped .row.input-group .content input {
  border-radius: 0;
  border-color: transparent;
}
.propform.groupped .row.input-group .content .ff_street {
  width: 100%;
}
.propform.groupped .row.input-group .content .ff_locality {
  width: 75%;
}
.propform.groupped .row.input-group .content .ff_zipcode {
  width: 25%;
}
.propform.groupped .row.input-group .content .ff_country,
.propform.groupped .row.input-group .content .ff_region {
  width: 50%;
}
.propform.groupped .form-control-plaintext {
  flex-grow: 1;
  border: 0;
}
.propform .addfield {
  margin: 0;
}
.propform .addfield select {
  width: 8rem;
  margin-top: 0.5rem;
}
.propform .form-text {
  font-size: 90%;
  color: #8b8b89;
}
.propform.row.form-group {
  margin-left: 0;
  margin-right: 0;
}
.propform.row.form-group label,
.propform.row.form-group div {
  padding-left: 0;
  padding-right: 0;
}
.propform select + select,
.propform select + .input-group {
  padding-top: 0.5rem;
}
.propform.text-only {
  margin-bottom: 0.25rem;
}
.propform.text-only tr {
  margin: 0;
}
.propform.text-only label {
  padding-bottom: 0 !important;
}
@media screen and (max-width: 576px) {
  .propform.text-only tr {
    display: table-row;
  }
  .propform.text-only td {
    width: auto;
  }
  .propform.text-only td:first-child {
    width: 33%;
  }
  .propform.text-only :not(tr).form-group.row .col-form-label {
    width: 33%;
  }
  .propform.text-only :not(tr).form-group.row > :last-child {
    width: 67%;
  }
}
@media screen and (max-width: 576px) {
  .propform table.compact-table .rowactions > select,
  .propform table.compact-table .flexbox > select {
    width: 100%;
  }
  .propform table.compact-table tr {
    display: flex;
    flex-direction: column;
  }
  .propform table.compact-table tr td {
    width: 100%;
    padding: 0.25rem 0 0 0;
  }
  .propform table.compact-table tr td.rowbuttons {
    text-align: right;
    padding-top: 0;
  }
  .propform table.compact-table tr td.rowbuttons a {
    margin-left: 0.5rem;
  }
  .propform table.compact-table tr td.rowbuttons a > span {
    display: inline;
  }
}
.propform fieldset:not(.tab-pane):nth-of-type(n+2),
.formcontent fieldset:not(.tab-pane):nth-of-type(n+2) {
  margin-top: 1em;
}
.propform legend,
.formcontent legend {
  font-weight: bold;
  font-size: 1.2em;
}
.propform label,
.formcontent label {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow: hidden;
  margin-bottom: 0;
}
fieldset.advanced > legend {
  width: auto;
  cursor: pointer;
}
fieldset.advanced > legend:after {
  float: right;
  margin: 0 0 0 0.25rem;
  line-height: inherit;
  font-size: inherit;
  content: "\f106";
}
fieldset.advanced > legend.closed:after {
  content: "\f107";
}
@media screen and (max-width: 576px) {
  .formcontent .text-only .form-group:not(tr) {
    margin-bottom: 0.25rem;
  }
  .formcontent .text-only .form-group:not(tr) .col-form-label {
    width: 33%;
  }
  .formcontent .text-only .form-group:not(tr) .col-form-label + span {
    width: 67%;
  }
  html.iframe .formcontent > .propform {
    padding: 0.25rem;
  }
}
html.ms .propform .row:not(.form-check) > td {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 576px) {
  html.ms .propform .row.form-check > td {
    display: flex;
  }
}
.formcontainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: hidden !important;
}
.formcontainer .formcontent {
  overflow-x: hidden;
  overflow-y: auto;
}
.formcontainer .formbuttons {
  padding: 0.5rem 1rem;
}
.formcontainer .formbuttons button {
  margin-right: 0.5rem;
}
html.iframe.ipad .formcontainer .formbuttons,
html.iframe.webkit.tablet .formcontainer .formbuttons {
  min-height: 4rem;
}
html.layout-small .formcontainer,
html.layout-phone .formcontainer {
  display: initial;
  overflow-y: auto !important;
}
html.layout-small .formcontainer .formcontent,
html.layout-phone .formcontainer .formcontent {
  overflow: initial !important;
}
html.layout-small .formcontainer .formbuttons,
html.layout-phone .formcontainer .formbuttons {
  display: none;
}
.formcontent:not(.popupmenu) {
  padding: 1rem;
}
.formcontent .row {
  margin-right: 0;
  margin-left: 0;
}
.formcontent .row .col,
.formcontent .row .col-2,
.formcontent .row .col-4,
.formcontent .row .col-6,
.formcontent .row .col-8,
.formcontent .row .col-10,
.formcontent .row .col-12,
.formcontent .row .col-sm,
.formcontent .row .col-sm-2,
.formcontent .row .col-sm-4,
.formcontent .row .col-sm-6,
.formcontent .row .col-sm-8,
.formcontent .row .col-sm-10,
.formcontent .row .col-sm-12 {
  padding: 0;
}
.formcontent .row .form-control-plaintext,
.formcontent .row label.col-form-label {
  padding: 5px 5px 5px 0;
}
.formcontent .row .form-control-plaintext {
  padding-bottom: 0;
  border: 0;
}
@media screen and (max-width: 576px) {
  .formcontent .row.form-group > td label {
    padding-bottom: 0;
  }
}
.formcontent .row.form-check {
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 576px) {
  .formcontent .row.form-check .col-6 {
    max-width: 100%;
    flex: auto;
  }
  .formcontent .row.form-check > *:last-child {
    width: 1%;
    min-width: 2.6rem;
  }
  .formcontent .row.form-check.with-link > *:last-child {
    min-width: 8rem;
  }
}
.formcontent .row.form-check .form-check-input {
  margin: 0.5rem 0;
}
.formcontent .row.form-check .custom-switch + a {
  line-height: 2;
  vertical-align: bottom;
}
.formcontent .row.form-check td > label {
  padding-bottom: 0;
}
.formcontent .nav-tabs {
  margin-bottom: 1rem;
}
.formcontent .nav-tabs:empty {
  display: none;
}
.formcontent .hint {
  font-style: italic;
  color: #8b8b89;
}
.formcontent.raweditor {
  height: 100%;
}
.formcontent.raweditor form {
  height: 100%;
}
.formcontent.raweditor textarea {
  font-family: monospace;
  height: 100%;
}
.formcontent.raweditor .CodeMirror {
  border: 1px solid #ced4da;
  border-radius: 0.3rem;
  height: 100%;
  color: #575754;
}
.formcontent.raweditor .CodeMirror-focused {
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.formcontent.raweditor .CodeMirror-linebackground.line-error {
  background-color: #ff5552;
  opacity: 0.4;
}
.formcontent.raweditor .errorGutter {
  width: 0.8em;
}
@media screen and (max-width: 320px) {
  .formcontent .col-form-label {
    flex: auto;
    max-width: 100%;
  }
  .formcontent .col-6,
  .formcontent .col-8,
  .formcontent .col-10 {
    flex: auto;
    max-width: 100%;
  }
}
/* Some common icons for "iconized inputs" */
.input-group .icon {
  text-decoration: none;
  padding: 5px 0.5rem;
}
.input-group .icon.input-group-text {
  min-width: 2.4rem;
}
.input-group .icon:before {
  margin: 0 !important;
  line-height: 1;
  font-size: 1.1rem;
}
.input-group .icon.user:before {
  content: "\f007";
}
.input-group .icon.pass:before {
  content: "\f023";
}
.input-group .icon.host:before {
  content: "\f015";
}
.input-group .icon.language:before {
  content: "\f0ac";
}
.input-group .icon.cancel:before {
  content: "\f00d";
}
.input-group .icon.delete:before {
  content: "\f2ed";
}
.input-group .icon.edit:before {
  content: "\f303";
}
.input-group .icon.add:before {
  content: "\f067";
}
.input-group .icon.add.recipient:before {
  content: "\f0c0";
}
.input-group .icon.search:before {
  content: "\f002";
}
.input-group .icon.filter:before {
  content: "\f0b0";
}
.input-group .icon.key:before {
  content: "\f084";
}
.input-group .icon .inner {
  display: none;
}
.input-group a:focus {
  background-color: rgba(203, 187, 160, 0.25);
  outline: 0;
}
.proplist {
  margin-bottom: 0;
  padding: 0;
}
.proplist li {
  list-style-type: none;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
}
.proplist li:last-child {
  margin-bottom: 0;
}
.proplist li input[type=radio] {
  margin-right: 0.5em;
}
.proplist li input[type=radio]:disabled + label {
  opacity: 0.5;
}
.proplist li label:not(.input-group-text) {
  margin: 0;
  line-height: 2rem;
}
.proplist li select {
  width: auto;
  display: inline;
}
.checklist > div {
  line-height: 2rem;
  display: block;
}
.checklist .custom-control-label:before,
.checklist .custom-control-label:after {
  margin: calc(2px * -1) 0 0 0;
}
.checklist > div + br {
  display: none;
}
/*** Forms in popups ***/
.popup form.propform {
  padding: 0.25rem;
  overflow-x: hidden;
}
.popupmenu.form.nolist {
  padding: 0 0.5rem;
}
.popupmenu.form ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.popupmenu.form li:not(.separator) {
  padding: 0 1rem;
}
.popupmenu.form li:not(.separator) label {
  margin: 0;
  line-height: 35px;
}
.popupmenu.form li:not(.separator) label input {
  margin-right: 0.5rem;
}
.popupmenu.form input {
  vertical-align: middle;
}
.popupmenu.form select {
  margin: 0.5rem 0;
}
.popupmenu.form .buttons {
  text-align: center;
  padding: 0.5rem;
}
/*** Smart list (multiple input) field ***/
.multi-input > .content {
  max-height: 11.65em;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
}
.multi-input > .content.focused {
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.multi-input a.icon.reset:before {
  content: "\f2ed";
}
.multi-input input.form-control {
  padding-left: 0.75rem;
  height: auto;
}
.multi-input input,
.multi-input input:focus,
.multi-input .input-group-text {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #ced4da;
  box-shadow: none;
}
.multi-input .input-group-text {
  border-left: 1px solid #ced4da;
}
.multi-input .input-group-append {
  margin-left: 0;
}
.multi-input .input-group {
  margin: 0 !important;
  flex-wrap: nowrap;
}
.multi-input .input-group:last-child * {
  border-bottom: 0;
}
.multi-input + .btn {
  margin-top: 0.5rem;
}
.multi-input.is-invalid > .content {
  border: 1px solid #ff5552;
}
.multi-input.is-invalid > .content.focused {
  border-color: #ff5552;
  box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.25);
}
.multi-input.is-invalid > .invalid-feedback {
  display: inline-block;
  line-height: 1.5;
}
/*** Files upload widget with list of files, upload form and drop area ***/
.file-upload {
  padding: 1rem 1rem 12rem;
  margin: 0 1rem 0.25rem 1rem;
  border-radius: 0.5rem;
  border: 0.2rem dashed #fbfbfb;
}
fieldset .file-upload {
  margin: 0;
}
.file-upload .upload-form {
  text-align: center;
  padding-bottom: 1em;
}
.file-upload .upload-form a.btn,
.file-upload .upload-form button {
  margin-bottom: 0.25rem;
}
.file-upload .hint {
  margin-bottom: 0.5rem;
  color: #8b8b89;
  text-align: center;
}
.file-upload .attachmentslist {
  border: 0;
  background: transparent;
}
.file-upload .attachmentslist li {
  position: relative;
  display: flex;
  padding-right: 1.5em;
  margin: 0.15em 0;
}
.file-upload .attachmentslist li a.filename {
  flex: 1;
}
.file-upload .attachmentslist li a.delete,
.file-upload .attachmentslist li a.cancelupload {
  position: absolute;
  right: 0.25em;
  width: auto;
}
.file-upload .attachmentslist li a.dropdown {
  margin-right: 0.5em;
}
.file-upload .attachmentslist li .inner {
  display: none;
}
.file-upload.droptarget {
  padding-bottom: 0.5rem !important;
}
.file-upload.droptarget:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20960%20560%22%3E%0A%3Cpath%20fill%3D%22%23d4dbde%22%20d%3D%22M690%20245c0%209.2-3.5%2017.9-10.1%2024.9l-175%20175c-6.6%206.6-15.3%2010.1-24.9%2010.1-9.2%200-18.4-3.5-24.9-10.1l-175-175c-6.6-7-10.1-15.8-10.1-24.9%200-4.4.9-9.2%202.6-13.6C277.9%20218.3%20291%20210%20305%20210h87.5V35c0-19.2%2015.8-35%2035-35h105c19.2%200%2035%2015.8%2035%2035v175H655c14%200%2027.1%208.3%2032.4%2021.4%201.7%204.4%202.6%209.2%202.6%2013.6zm0%20245H270V350h-70v140c0%2038.5%2031.5%2070%2070%2070h420c38.5%200%2070-31.5%2070-70V350h-70v140z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 10rem;
  margin: 5rem auto 0 auto;
  display: block;
}
.file-upload.droptarget.active {
  border-color: #b9b9b9;
}
.file-upload.droptarget.hover {
  border-color: #b9b9b9;
  background-color: #ececec;
}
/*** Smart recipient input field ***/
.recipient-input {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.75rem 4px 0.75rem;
  list-style-type: none;
  cursor: text;
  height: auto;
}
.recipient-input.focus {
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.recipient-input .recipient {
  display: flex;
  position: relative;
  max-width: 50%;
  border: 1px solid #ced4da;
  background-color: #ffffff;
  border-radius: 0.25em;
  padding: 0 0.25em;
  margin-top: 4px;
  margin-right: 0.2em;
  white-space: nowrap;
  cursor: default;
}
@media screen and (max-width: 450px) {
  .recipient-input .recipient {
    width: 100%;
    max-width: 100%;
  }
}
.recipient-input .name {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  line-height: 1.1;
  padding: 3px;
  vertical-align: middle;
}
.recipient-input .email {
  text-indent: -5000rem;
  display: inline-block;
  width: 0;
}
.recipient-input .quotes {
  position: absolute;
  width: 0;
  opacity: 0;
}
.recipient-input a.button.icon {
  font-size: 0.8em;
  cursor: pointer;
  padding: 0;
}
.recipient-input a.button.icon:before {
  float: none;
  display: inline-block;
  width: 1em;
  line-height: 1.5;
}
.recipient-input li {
  max-width: 100%;
}
.recipient-input li:not(.recipient) {
  user-select: text;
}
.recipient-input input {
  width: 40px;
  max-width: 100%;
  background: transparent !important;
  border: 0 !important;
  margin-top: 4px;
  outline: 0;
  line-height: 1.5;
}
.recipient-input input::-ms-clear {
  display: none;
}
/*** Tagedit widget (from jqueryui plugin) ***/
.tagedit-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.75rem 4px 0.75rem;
  margin: 0;
  list-style-type: none;
  min-height: 2.3rem;
}
.tagedit-list + .placeholder {
  display: none;
}
.tagedit-list[tabindex="-1"] {
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.tagedit-list li.tagedit-listelement-new {
  margin-top: 4px;
}
.tagedit-list li.tagedit-listelement-new input {
  width: 15px;
  background: transparent !important;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {
  visibility: hidden;
}
.tagedit-list li.tagedit-listelement-old {
  max-width: 50%;
  border: 1px solid #ced4da;
  background-color: #ffffff;
  border-radius: 0.25em;
  margin-top: 4px;
  margin-right: 0.2em;
  white-space: nowrap;
}
.tagedit-list li.tagedit-listelement-old a {
  font-size: 0.8em;
  cursor: pointer;
  display: inline-block;
  width: 1.1em;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.tagedit-list li.tagedit-listelement-old a:before {
  content: "\f00d";
  width: 1em;
  line-height: 1.2;
}
.tagedit-list li.tagedit-listelement-old span {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  display: inline-block;
  line-height: 1.4;
  padding: 0 0.25rem;
  vertical-align: middle;
}
/*** Skin selection widget ***/
.skinselection {
  white-space: nowrap;
  display: table-row;
}
.skinselection > span {
  display: table-cell;
  vertical-align: middle;
  padding: 0.1em 0.5em;
  white-space: normal;
}
.skinselection > span:last-child {
  padding-right: 0;
}
.skinselection .skinitem input {
  width: auto;
}
.skinselection .skinname {
  font-weight: bold;
}
.skinselection .skinlicense,
.skinselection .skinlicense a {
  font-style: italic;
  text-decoration: none;
}
.skinselection .skinlicense a:hover {
  text-decoration: underline;
}
.skinselection .skinlicense,
.skinselection .skinauthor {
  font-size: 90%;
}
.skinselection .skinthumbnail {
  width: 64px;
  height: 64px;
  border: 1px solid #ced4da;
  background: #fff;
  border-radius: 4px;
}
/*** Percent input with jQuery-UI slider ***/
.input-percent-slider {
  display: flex;
  align-items: center;
}
.input-percent-slider input {
  max-width: 4em;
}
.input-percent-slider span.label {
  line-height: 2.4;
  padding: 0 0.5rem 0 0.25rem;
}
.input-percent-slider div.ui-slider {
  flex: 1;
  margin: 0 0.5em;
}
/*** Image upload widget ***/
.image-upload {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: #f4f4f4;
}
.image-upload a.button {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  width: 2.5em;
  padding: 0.5em;
  margin: 0.5em;
  line-height: 1;
}
.image-upload.changed a.button {
  display: inline;
}
.input-group-combo select:first-of-type.alone {
  border-radius: 0.25rem !important;
}
.input-group-combo select:first-of-type:not(.alone) {
  flex: unset;
  width: auto;
}
.input-group-combo .input-group {
  padding: 0 !important;
  flex: 2;
}
.input-group-combo select + select,
.input-group-combo .input-group :first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*** General browser hacks ***/
@-moz-document url-prefix() {
  select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #575754 !important;
  }
}
/*** Bootstrap style overrides and improvements ***/
.form-control {
  color: #575754;
}
.form-control:focus {
  color: #575754;
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.form-control.is-invalid {
  border-color: #ff5552;
  box-shadow: none;
}
.form-control.is-invalid:focus {
  border-color: #ff5552;
  box-shadow: 0 0 0 0.2rem rgba(255, 85, 82, 0.25);
}
.form-control::placeholder {
  color: #bbb;
}
.form-control::-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
}
.invalid-feedback {
  color: #ff5552;
  font-size: 90%;
}
.form-group {
  margin-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.input-group-text {
  color: #575754;
  background-color: #ffffff;
}
.input-group-text input:focus {
  z-index: 1;
  border-color: #cbbba0 !important;
}
.custom-switch {
  padding-left: 0;
  display: inline-block;
}
.custom-switch .custom-control-input {
  left: 0;
}
.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #cbbba0;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #cbbba0;
  background-color: #cbbba0;
}
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
  border-color: #e6ded1;
  background-color: #e6ded1;
}
.custom-switch .custom-control-label {
  padding-left: 2.5rem;
  min-height: 2rem;
  line-height: 2;
  display: inline-block;
}
html.touch .custom-switch .custom-control-label {
  padding-left: 3rem;
}
.custom-switch .custom-control-label:before,
.custom-switch .custom-control-label:after {
  border-radius: 0.6rem;
  margin: 2px 0;
}
html.touch .custom-switch .custom-control-label:before,
html.touch .custom-switch .custom-control-label:after {
  border-radius: 0.8rem;
  margin: 0;
}
.custom-switch .custom-control-label:before {
  left: 2px;
  top: 4px;
  width: 26px;
  height: 16px;
}
html.touch .custom-switch .custom-control-label:before {
  top: 2px;
  width: 35px;
  height: 22px;
}
.custom-switch .custom-control-label:after {
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
}
html.touch .custom-switch .custom-control-label:after {
  top: 4px;
  height: 18px;
  width: 18px;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(10px);
}
html.touch .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(13px);
}
.custom-switch .custom-control-input:not(:disabled) ~ .custom-control-label:after,
.custom-switch .custom-control-input:not(:disabled) ~ .custom-control-label:before {
  cursor: pointer;
}
.custom-file {
  display: block;
}
.custom-file .custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 100px;
  line-height: 1.5 !important;
}
.custom-file + .hint {
  margin-top: 3px;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
/**
 * Roundcube Webmail styles for the Elastic skin
 *
 * Copyright (c) The Roundcube Dev Team
 *
 * The contents are subject to the Creative Commons Attribution-ShareAlike
 * License. It is allowed to copy, distribute, transmit and to adapt the work
 * by keeping credits to the original authors in the README.md file.
 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
 */
/*** Text Editor widget (and TinyMCE editor) ***/
.mce-tinymce.mce-container.mce-panel {
  border-radius: 0.25rem;
  border-color: #ced4da;
  overflow: hidden;
}
.mce-tinymce .mce-btn,
.mce-tinymce .mce-panel {
  background-color: #ffffff;
}
.mce-tinymce .mce-panel {
  border-color: #ced4da;
}
.mce-tinymce.focused {
  border-color: #cbbba0 !important;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25) !important;
}
.mce-top-part::before,
.mce-tinymce,
.mce-window {
  box-shadow: none !important;
}
.mce-btn.mce-active {
  background: #bdbdba !important;
}
.mce-window.mce-container {
  border: 0;
}
.mce-window.mce-container :not(.mce-ico) {
  font-family: Roboto, sans-serif;
}
.mce-window .mce-reset {
  background: #fff;
}
.mce-window .mce-container-body.mce-abs-layout {
  overflow: unset;
}
.mce-window .mce-container-body .mce-abs-end {
  display: none;
}
.mce-window .mce-window-head {
  height: 58px;
  border-bottom: 1px solid #ddd;
  padding: 0;
}
.mce-window .mce-window-head .mce-title {
  line-height: 58px;
  font-size: 1.25rem;
  padding: 0 3rem 0 1rem;
  color: #575754;
}
.mce-window .mce-window-head .mce-close {
  border: 0;
  color: #575754;
  background: transparent;
  right: 0;
  top: 0;
  position: absolute;
  height: 57.3px;
  width: 1.25em;
  margin: 0.25rem;
  padding: 0.1rem 0.75rem;
  cursor: pointer;
}
.mce-window .mce-window-head .mce-close:before {
  content: "\f00d";
  margin: 0;
}
.mce-window .mce-window-head .mce-close i {
  display: none;
}
.mce-window .mce-foot {
  border: 0;
  height: 58px !important;
  position: relative;
}
@media screen and (max-width: 480px) {
  .mce-window .mce-foot {
    border-top: 1px solid #ddd;
  }
}
.mce-window .mce-foot .mce-container-body {
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mce-window .mce-foot .mce-container-body .mce-btn {
  position: initial;
  margin-right: 0.5rem;
  line-height: 1;
  width: auto !important;
  height: auto !important;
}
.mce-window .mce-foot .mce-container-body .mce-btn:last-child {
  margin-right: 1rem;
}
.mce-window .mce-foot .mce-container-body .mce-btn .mce-txt {
  line-height: 1.5;
  vertical-align: unset;
}
.mce-window .mce-foot .mce-container-body .mce-btn button:before {
  display: inline;
  float: none;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.mce-window .mce-foot .mce-container-body .mce-abs-end {
  position: initial;
  width: 1rem;
  order: 9;
}
.mce-window .mce-foot .mce-btn {
  color: #fff;
  background: #bdbdba;
  border-color: #bdbdba;
  border-radius: 0.3rem;
  border-color: transparent;
}
.mce-window .mce-foot .mce-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 189, 186, 0.5);
}
.mce-window .mce-foot .mce-btn:hover {
  background: #b0b0ad;
  border-color: #ababa8;
}
.mce-window .mce-foot .mce-btn.disabled,
.mce-window .mce-foot .mce-btn:disabled {
  background: #efefee;
  border-color: #efefee;
  opacity: 1;
}
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled):active,
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled).active {
  background: #a4a4a0;
  border-color: #9f9f9b;
}
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled):active:focus,
.mce-window .mce-foot .mce-btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 189, 186, 0.53);
}
.mce-window .mce-foot .mce-btn:focus {
  border-color: transparent !important;
  color: #fff;
  background: #bdbdba;
}
.mce-window .mce-foot .mce-btn.mce-primary {
  color: #fff;
  background: #cbbba0;
  border-color: #cbbba0;
}
.mce-window .mce-foot .mce-btn.mce-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.5);
}
.mce-window .mce-foot .mce-btn.mce-primary:hover {
  background: #c2af90;
  border-color: #beaa89;
}
.mce-window .mce-foot .mce-btn.mce-primary.disabled,
.mce-window .mce-foot .mce-btn.mce-primary:disabled {
  background: #efeae2;
  border-color: #efeae2;
  opacity: 1;
}
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled):active,
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled).active {
  background: #b9a37f;
  border-color: #b59f78;
}
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled):active:focus,
.mce-window .mce-foot .mce-btn.mce-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.53);
}
.mce-window .mce-foot .mce-btn button:hover,
.mce-window .mce-foot .mce-btn button {
  color: #fff;
  padding: 0.5rem 0.75rem;
}
.mce-window .mce-foot .mce-btn:last-child button:before {
  content: "\f00d";
}
.mce-window .mce-foot .mce-btn.mce-primary button:before {
  content: "\f00c";
}
.mce-window .mce-foot .mce-search-foot div:nth-of-type(2) button:before {
  content: "\f002";
}
.mce-window .mce-foot .mce-search-foot div:nth-of-type(3) button:before,
.mce-window .mce-foot .mce-search-foot div:nth-of-type(4) button:before {
  content: "\f303";
}
.mce-window .mce-foot .mce-search-foot div:nth-of-type(6) button:before {
  content: "\f053";
}
.mce-window .mce-foot .mce-search-foot div:nth-of-type(7) button:before {
  content: "\f054";
}
.mce-window .mce-foot .mce-search-foot div:nth-of-type(7) button:after {
  display: inline;
  float: none;
  margin: 0 0 0 0.2rem;
  content: "\f054";
}
@media screen and (min-width: 481px) {
  .mce-window .mce-foot .mce-search-foot div:nth-of-type(6) {
    margin-left: 0.5rem;
  }
  .mce-window .mce-foot .mce-search-foot div:nth-of-type(7) button:before {
    display: none;
  }
}
.mce-window .mce-formitem {
  min-width: 450px;
  position: unset !important;
}
.mce-window .mce-formitem > .mce-container-body {
  margin-bottom: 0.5rem;
}
.mce-window .mce-formitem > .mce-container-body > * {
  width: 75% !important;
  position: unset !important;
}
.mce-window .mce-formitem > .mce-container-body > label {
  max-width: 25%;
  min-width: 25%;
  line-height: 2.5 !important;
}
.mce-window .mce-formitem .mce-widget {
  border-radius: 0.25rem;
}
.mce-window .mce-form {
  padding: 1rem;
  box-sizing: border-box;
}
.mce-window .mce-form .mce-form {
  padding: 0;
  position: unset !important;
  width: 100% !important;
}
.mce-window .mce-form .mce-form > .mce-container-body {
  flex-wrap: wrap;
  height: auto !important;
}
.mce-window .mce-form .mce-form .mce-formitem {
  min-width: 100%;
  width: 100% !important;
}
.mce-window .mce-form .mce-container {
  height: auto !important;
}
.mce-window .mce-form .mce-container .mce-container-body {
  display: flex;
  height: auto !important;
}
.mce-window .mce-form .mce-container .mce-container-body > input:not([size="5"]) {
  position: relative;
  left: 0 !important;
  flex: 1;
}
.mce-window .mce-form > .mce-container-body {
  box-sizing: border-box;
  width: 100% !important;
}
.mce-window .mce-form .mce-form-split .mce-formitem {
  min-width: auto;
}
.mce-window .mce-form .mce-form-split .mce-formitem > .mce-container-body {
  width: 100% !important;
}
.mce-window .mce-form label {
  position: unset;
  line-height: 2.5 !important;
  height: auto !important;
}
.mce-window .mce-colorpicker + .mce-form {
  width: 150px !important;
  padding: 0;
}
.mce-window .mce-colorpicker + .mce-form .mce-formitem {
  min-width: unset;
}
.mce-window .mce-colorpicker + .mce-form .mce-formitem + :not(.mce-formitem) {
  height: 50px !important;
}
.mce-window .mce-textbox {
  padding: 0.375rem 0.75rem !important;
  line-height: 1.5;
  color: #575754;
}
.mce-window .mce-textbox:not(textarea) {
  height: auto !important;
}
.mce-window .mce-textbox:focus {
  color: #575754;
  border-color: #cbbba0;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25);
}
.mce-window .mce-textbox[size="5"] {
  width: auto !important;
}
.mce-window .mce-textbox.mce-multiline {
  line-height: 1.25;
  width: 100% !important;
  position: unset;
  box-sizing: border-box;
  display: block;
}
.mce-window .mce-listbox button {
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
}
.mce-window .mce-listbox:focus {
  border-color: #cbbba0 !important;
  box-shadow: 0 0 0 0.2rem rgba(203, 187, 160, 0.25) !important;
}
.mce-window .mce-checkbox {
  line-height: 2.5;
}
.mce-window .mce-checkbox i.mce-i-checkbox {
  border: 0;
  width: auto;
  color: #cbbba0;
  text-indent: 0;
}
.mce-window .mce-checkbox i.mce-i-checkbox:before {
  margin: 0;
  content: "\f204";
}
.mce-window .mce-checkbox.mce-checked i.mce-i-checkbox:before {
  content: "\f205";
}
.mce-window .mce-checkbox:focus i.mce-i-checkbox {
  border: 0;
}
.mce-window .mce-combobox {
  display: flex;
}
.mce-window .mce-combobox input {
  border-radius: 0.3rem 0 0 0.3rem;
  flex: 1;
}
.mce-window .mce-combobox input:focus {
  z-index: 1;
}
.mce-window .mce-combobox.mce-combobox-fake input {
  border-radius: 0.3rem;
}
.mce-window .mce-combobox button {
  padding: 0.4rem 0.6rem;
}
.mce-window .mce-combobox .mce-btn {
  border-radius: 0 0.3rem 0.3rem 0;
  background: #ffffff;
}
.mce-window .mce-combobox .mce-btn:focus {
  background-color: rgba(203, 187, 160, 0.25);
  border-color: #c5c5c5;
}
.mce-window .mce-tabs {
  padding-top: 1rem;
  margin: 0 1rem;
  border-color: #fbfbfb;
}
.mce-window .mce-tabs .mce-tab {
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.5rem 1rem;
  height: auto !important;
  border: 1px solid transparent;
  color: #cbbba0;
  background: transparent;
  margin-bottom: -1px;
}
.mce-window .mce-tabs .mce-tab.mce-active {
  border: 1px solid #fbfbfb;
  border-bottom-color: #fff;
  color: #575754 !important;
}
.mce-window .mce-tabs .mce-tab:not(.mce-active):hover {
  border: 1px solid #ffffff;
  border-bottom-color: transparent;
  border-bottom: 0;
}
.mce-window .mce-tabs .mce-tab:focus {
  outline: unset !important;
}
.mce-window .mce-label {
  text-shadow: none;
  color: #575754;
}
.mce-menu,
.mce-floatpanel.mce-popover {
  box-shadow: 3px 3px 5px #ffffff !important;
  border-color: #fbfbfb !important;
  border-radius: 0.3rem;
}
.mce-menu .mce-menu-item.mce-active {
  color: #fff;
  background-color: #cbbba0;
}
.mce-menu .popover-header {
  display: none !important;
}
div.mce-menubtn.mce-opened {
  z-index: 65530 !important;
}
#mce-modal-block.mce-in {
  background-color: rgba(87, 87, 84, 0.5);
  opacity: 1 !important;
}
@media screen and (max-width: 480px) {
  .mce-window {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    border-width: 0 !important;
  }
  .mce-window > .mce-reset {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .mce-window .mce-window-body {
    flex: 1;
    overflow-y: auto !important;
  }
  .mce-window > .mce-reset > div,
  .mce-window .mce-container-body {
    width: 100% !important;
  }
  .mce-window .mce-window-head {
    background-color: #f4f4f4;
  }
  .mce-window .mce-window-head .mce-title {
    font-size: 1rem;
    text-align: center;
    padding: 0 1rem;
  }
  .mce-window .mce-window-head .mce-close {
    display: none;
  }
  .mce-window .mce-foot {
    background-color: #f4f4f4;
  }
  .mce-window .mce-foot .mce-container-body {
    justify-content: space-evenly;
  }
  .mce-window .mce-foot .mce-container-body .mce-btn {
    position: initial;
    height: 100% !important;
    margin: 0;
    background: transparent;
    border-width: 0;
  }
  .mce-window .mce-foot .mce-container-body .mce-btn:focus {
    box-shadow: none;
  }
  .mce-window .mce-foot .mce-container-body .mce-btn:hover {
    background: transparent;
  }
  .mce-window .mce-foot .mce-container-body .mce-btn:last-child {
    margin: 0;
  }
  .mce-window .mce-foot .mce-container-body .mce-btn button {
    color: #575754;
    padding: 0.45rem;
    font-size: 0.9rem;
  }
  .mce-window .mce-foot .mce-container-body .mce-btn button:before {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    line-height: 1.75;
    height: 1.75rem;
  }
  .mce-window .mce-foot .mce-container-body .mce-abs-end {
    display: none;
  }
  .mce-window .mce-foot .mce-search-foot div:nth-of-type(7) button:after {
    display: none;
  }
  .mce-window .mce-form,
  .mce-window .mce-form + .mce-container,
  .mce-window .mce-formitem,
  .mce-window .mce-combobox,
  .mce-window .mce-panel:not(.mce-popover) {
    width: 100% !important;
  }
  .mce-window .mce-formitem {
    min-width: unset;
  }
  .mce-window .mce-form > .mce-container-body {
    display: flex;
    flex-direction: column;
    left: 0;
    right: 0;
    box-sizing: border-box;
  }
  .mce-window .mce-form .mce-container-body {
    height: auto !important;
    flex-direction: column;
  }
  .mce-window .mce-form .mce-container-body > label {
    position: unset !important;
    width: 100% !important;
    max-width: 100%;
  }
  .mce-window .mce-form .mce-container-body > label + * {
    position: unset !important;
    width: auto !important;
  }
  .mce-window .mce-form .mce-container-body > .mce-checkbox {
    position: absolute;
    left: 0 !important;
    top: 3rem !important;
  }
  .mce-window .mce-combobox input {
    max-width: calc(100% - 4rem);
  }
  .mce-window .mce-combobox-fake input {
    max-width: calc(100% - 1.7rem);
  }
  .mce-menu {
    width: 272px !important;
    right: 0;
    top: 0 !important;
    left: auto !important;
    height: 100% !important;
    max-height: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0;
    border: 0 !important;
  }
  .mce-menu .popover-header {
    display: block !important;
  }
  .mce-menu .popover-header a {
    font-size: 1.2rem;
    line-height: 58px;
  }
  .mce-menu .popover-header a:before {
    content: "\f00d";
  }
  .mce-menu .mce-container-body {
    width: 100% !important;
  }
  .mce-menu .mce-menu-item {
    height: 47px;
    line-height: 47px;
    padding: 0 0.5rem;
    border-left: 0;
    border-bottom: 1px solid #ffffff;
    margin: 0;
  }
  .mce-menu .mce-menu-item .mce-ico {
    font-size: 150%;
    padding: 0 0.7rem 0 0.25rem;
    margin-top: -0.2rem;
  }
  .mce-menu .mce-menu-item .mce-text {
    font-size: 1.2rem;
    font-family: Roboto, sans-serif;
    line-height: 47px;
    color: #575754;
  }
  .mce-menu .mce-menu-item .mce-caret {
    display: none;
  }
  .mce-menu .mce-menu-item.mce-menu-item-preview.mce-active {
    border-left: none;
    position: relative;
  }
  .mce-menu .mce-menu-item.mce-menu-item-preview.mce-active:after {
    font-size: 1.25em;
    display: block;
    float: left;
    margin: 0 0.25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
    position: absolute;
    right: 0.5rem;
    top: 0;
    color: #575754;
  }
  .mce-menu .mce-menu-item.mce-menu-item-expand {
    position: relative;
  }
  .mce-menu .mce-menu-item.mce-menu-item-expand:after {
    font-size: 1.25em;
    display: block;
    float: left;
    margin: 0 0.25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: 'Icons';
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    position: absolute;
    right: 0.5rem;
    top: 0;
    color: #575754;
  }
  .mce-menu-item-sep,
  .mce-menu-shortcut {
    display: none !important;
  }
  .mce-charmap-dialog {
    position: unset !important;
  }
  .mce-charmap-dialog + .mce-container {
    display: none;
  }
  .mce-charmap {
    display: block;
  }
  .mce-charmap tbody {
    display: block;
  }
  .mce-charmap tr {
    display: flex;
    flex-wrap: wrap;
  }
  .mce-charmap td {
    flex: 1;
    height: auto !important;
    min-width: 17%;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #ffffff !important;
  }
  .mce-charmap td div {
    font-size: 3rem;
    line-height: 2;
  }
}
html.touch .mce-grid td {
  padding: 0.5rem;
}
/*** Media file selector for TinyMCE ***/
.image-selector {
  margin: 1rem 1rem 1rem 1rem !important;
  padding: 1rem 0.5rem 10rem 0.5rem !important;
}
.image-selector.droptarget {
  border: 0.2rem dashed #fbfbfb;
}
.image-selector.droptarget:after {
  margin-top: 2rem;
}
.image-selector button {
  color: #fff;
  background: #bdbdba;
  border-color: #bdbdba;
  padding: 0.5rem 0.75rem;
  line-height: 1.5;
  position: relative;
}
.image-selector button:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 189, 186, 0.5);
}
.image-selector button:hover {
  background: #b0b0ad;
  border-color: #ababa8;
}
.image-selector button.disabled,
.image-selector button:disabled {
  background: #efefee;
  border-color: #efefee;
  opacity: 1;
}
.image-selector button:not(:disabled):not(.disabled):active,
.image-selector button:not(:disabled):not(.disabled).active {
  background: #a4a4a0;
  border-color: #9f9f9b;
}
.image-selector button:not(:disabled):not(.disabled):active:focus,
.image-selector button:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(189, 189, 186, 0.53);
}
.image-selector button:before {
  line-height: 1;
}
.image-selector form {
  position: absolute;
  top: 0;
}
.image-selector .attachmentslist {
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  height: 19.1em;
}
.image-selector .attachmentslist li {
  padding: 0.25rem;
  cursor: pointer;
}
.image-selector .attachmentslist li:before {
  display: none;
}
.image-selector .attachmentslist li:hover,
.image-selector .attachmentslist li:focus {
  background: #faf8f6;
}
.image-selector .attachmentslist li span.name {
  flex: 1;
  margin: auto;
  padding-left: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-selector .attachmentslist li span.img {
  height: 80px;
  width: 80px;
  display: flex;
  border: 1px solid #ffffff;
  background: white;
  border-radius: 0.75rem;
  overflow: hidden;
}
.image-selector .attachmentslist li img {
  margin: auto;
}
html.layout-phone .image-selector .attachmentslist {
  height: auto;
}
/*** HTML editor widget ***/
.html-editor {
  position: relative;
  margin-bottom: 0.2rem;
}
.html-editor .editor-toolbar {
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  border-radius: 0.25rem 0.25rem 0 0;
  border-bottom: 1px solid #ced4da;
  background-color: #ffffff;
}
.html-editor .editor-toolbar .mce-i-html {
  display: block;
  padding: 1px 5px;
  margin: 2px;
  width: 2rem;
  height: 24px;
  border: 1px solid transparent;
  color: #595959;
}
.html-editor .editor-toolbar .mce-i-html:focus,
.html-editor .editor-toolbar .mce-i-html:hover {
  text-decoration: none;
  border-color: #e2e4e7;
  background-color: #fff;
}
.html-editor.mailvelope .editor-toolbar,
.html-editor .mce-tinymce + textarea + .editor-toolbar {
  display: none;
}
.html-editor .mce-i-html:before,
.html-editor .mce-i-plaintext:before {
  margin: 0;
  width: 1em;
  font-size: 1.2rem;
}
.html-editor .mce-i-html:before {
  content: "\f03e";
  line-height: 1.2em;
}
.html-editor .mce-i-plaintext:before {
  content: "\f410";
}
.html-editor > .googie_edit_layer,
.html-editor > textarea {
  font-family: monospace;
  width: 100% !important;
  padding-top: 2.5rem;
}
.html-editor > iframe {
  border-radius: 0.3rem;
  border: 1px solid #ced4da;
  min-height: 30em;
}
.html-editor #composebody_ifr {
  min-height: 30em;
}
/*** GoogieSpell widget ***/
.googie_window {
  width: 16rem;
  height: auto;
}
.googie_edit_layer {
  font-family: monospace;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 0.3rem;
  line-height: 1.5;
}
.googie_link {
  color: #ff5552;
  text-decoration: underline;
  cursor: pointer;
}
.googie_list li {
  min-width: 8rem;
  width: auto;
}
.googie_list li.googie_list_onhover {
  color: #fff;
  background-color: #cbbba0;
}
.googie_list li .googie_list_revert:before {
  content: "\f0e2";
}
.googie_list li .googie_add_to_dict:before {
  content: "\f0fe";
}
.googie_list input {
  display: inline-block;
  margin: 0.25rem 0.5rem;
}
/*** Login form ***/
.task-login #layout-content {
  text-align: center;
  width: 100%;
  display: block;
}
.task-login #logo {
  display: inline-block;
  position: relative;
  top: 16vh;
  max-height: 100px;
}
#login-form {
  margin: 0 auto;
  top: 20vh;
  width: 95%;
  max-width: 320px;
  position: relative;
}
#login-form table,
#login-form tbody {
  display: block;
}
#login-form .row {
  margin-right: 0;
  margin-left: 0;
}
#rcmloginsubmit:before {
  display: none !important;
}
#login-footer {
  flex: 1;
  color: #8b8b89;
  text-align: left;
}
#login-footer > div {
  margin-top: 1rem;
  padding: 1rem;
  background: #ffffff;
  border-radius: 0.3rem;
}
#login-addon {
  position: absolute;
  bottom: 0;
  max-height: 30%;
  margin: 1rem !important;
  width: auto !important;
  overflow: auto;
}
@media screen and (min-width: 769px) {
  #login-addon {
    max-width: 768px;
    margin: auto !important;
    bottom: 1rem;
    left: 0;
    right: 0;
  }
}
body.task-error-login #layout #layout-menu,
body.task-error-login #layout #layout-content > .header {
  display: none;
}
/*** Addressbook UI ***/
#contactpic {
  width: 112px;
  height: 135px;
  border-radius: 0.5rem;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #f4f4f4;
}
#contactpic img {
  max-width: 112px;
  max-height: 135px;
}
#contacthead .names {
  margin-bottom: 0.5rem;
}
#contacthead .names span.namefield {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}
#contacthead.readonly .source.row {
  color: #8b8b89;
  font-size: 90%;
  margin-bottom: 0.25rem;
}
/*** Mail UI ***/
#message-header {
  margin-bottom: 1rem;
}
#message-header .subject {
  font-size: 1.5rem;
  font-weight: bold;
}
body.status-flagged #message-header .subject:before {
  display: inline;
  float: none;
  content: "\f024";
  font-size: 1em;
  color: #ff5552;
}
#message-header .subject a.extwin:before {
  float: none;
  display: inline-block;
  font-size: 75%;
  line-height: 1.5;
  margin: 0;
  content: "\f360";
}
#message-header .subject span.inner {
  display: none;
}
#message-header .short-header {
  display: flex;
}
#message-header .short-header img.contactphoto {
  margin: 0 1rem 0 0;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}
#message-header .short-header div.header-content {
  min-height: 4rem;
  flex: 1;
}
#message-header .short-header div.header-subject {
  line-height: 2rem;
}
#message-header .short-header div.header-subject > span {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
#message-header .short-header div.header-links a {
  font-size: 90%;
  margin-right: 0.5rem;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
}
#message-header .short-header div.header-links a:before {
  height: 1.5rem;
  line-height: 1.3;
}
#message-header .short-header div.header-links a.envelope:before {
  content: "\f0e0";
}
#message-header .short-header div.header-links a.html:before {
  content: "\f03e";
}
#message-header .short-header div.header-links a.plain:before {
  content: "\f039";
}
#message-header .short-header div.header-links a.zipdownload:before {
  content: "\f019";
}
#message-header .short-header .message-partheaders {
  margin: 0 !important;
  padding: 0.25rem 0 !important;
}
#message-header a.extwin,
#message-header a.headers {
  text-decoration: none;
}
#message-content .attachmentslist:not(:empty) {
  margin-bottom: 1rem;
}
#messagebody.mailvelope {
  margin: 0;
}
#messagebody.mailvelope iframe {
  min-height: 75vh;
}
.message-part,
.message-htmlpart {
  padding-top: 0.5rem;
  position: relative;
}
.message-part:not(:first-child),
.message-htmlpart:not(:first-child) {
  border-top: 1px solid #ffffff;
  margin-top: 0.5rem;
}
.message-part div.rcmBody,
.message-htmlpart div.rcmBody {
  margin: 0 !important;
}
.message-part blockquote,
.message-htmlpart blockquote {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #88714a;
  border-left: 2px solid #88714a;
  border-right: 2px solid #88714a;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 2px 0;
  padding: 0 0.4em;
}
.message-part blockquote blockquote,
.message-htmlpart blockquote blockquote {
  color: #205a24;
  border-left: 2px solid #205a24;
  border-right: 2px solid #205a24;
}
.message-part blockquote blockquote blockquote,
.message-htmlpart blockquote blockquote blockquote {
  color: #eb0400;
  border-left: 2px solid #eb0400;
  border-right: 2px solid #eb0400;
}
.message-part blockquote span.blockquote-link,
.message-htmlpart blockquote span.blockquote-link {
  top: 0;
  cursor: pointer;
  right: 0.5rem;
  min-width: 4rem;
  padding: 0.2rem 0.25rem 0.2rem 0.5rem;
  font-size: 90%;
  text-align: center;
  color: #8b8b89;
  background: #ffffff;
  border: 1px solid #fbfbfb;
  border-radius: 0.3rem;
  line-height: 1;
  font-family: Roboto, sans-serif;
}
.message-part blockquote span.blockquote-link:after,
.message-htmlpart blockquote span.blockquote-link:after {
  content: "\f107";
  display: inline-block;
  float: none;
  margin: 0;
  font-size: 90%;
}
.message-part blockquote span.blockquote-link.collapsed:after,
.message-htmlpart blockquote span.blockquote-link.collapsed:after {
  content: "\f106";
}
.message-part blockquote.blockquote-header,
.message-htmlpart blockquote.blockquote-header {
  text-overflow: ellipsis !important;
  padding-right: 5rem !important;
}
.message-part span.sig {
  color: #8b8b89;
}
.message-part div.pre {
  font-family: monospace;
}
.message-partheaders {
  padding: 0.5rem 0;
  margin: 0.5rem 0 0 0;
  font-size: 90%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #8b8b89;
}
.message-partheaders .header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 8em;
  font-weight: bold;
  padding-right: 1rem;
  vertical-align: top;
}
.message-partheaders .subject {
  font-weight: bold;
}
.message-partheaders + .message-part,
.message-partheaders + .message-htmlpart {
  border-top: 0;
  margin: 0;
}
#compose-attachments {
  margin: 1rem 1rem 0 1rem;
}
#composestatusbar {
  opacity: 0.3;
  right: 2.5rem;
}
@media screen and (min-width: 769px) {
  #composestatusbar {
    display: none;
  }
}
#composestatusbar a.button {
  display: inline-block;
}
#composestatusbar a.button:before {
  line-height: 58px;
  font-size: 1.25rem !important;
}
/*** Settings UI ***/
.settings-default-icon tr > td.section::before,
.settings-default-icon li > a:before {
  content: "\f013";
}
/* Here you can put your custom styles that will be appended to the output css file */
.task-login #logo {
  width: 320px !important;
  top: 0;
  margin-bottom: 3em;
}
#login-form {
  top: 0;
}
.task-login #layout-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.fresh-content-login {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  width: 100%;
  /* -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25); */
  padding: 40px 80px;
}
#fresh-image-login {
  -webkit-box-flex: 1;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1920' height='1080' viewBox='0 0 1920 1080' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cstyle type='text/css'%3e %23mail-middle%7b animation: floatmail 2s infinite alternate; animation-timing-function: cubic-bezier(0.77, 0, 0.7, 1);%7d %23mail-right%7b animation: floatmail 1.5s infinite alternate; animation-timing-function: cubic-bezier(0.77, 0, 0.7, 1);%7d %23mail-left%7b animation: floatmail 1s infinite alternate; animation-timing-function: cubic-bezier(0.77, 0, 0.7, 1);%7d %40keyframes floatmail%7b from %7b transform: translateY(0px);%7d to %7b transform: translateY(35px);%7d %7d %3c/style%3e%3cg id='Group 116'%3e%3crect id='Rectangle 16' width='1920' height='1080' fill='%233D3D3B'/%3e%3cg id='mail-outer'%3e%3cg id='mail'%3e%3cg id='Mobile 1'%3e%3cpath id='Vector' opacity='0.4' d='M791.559 983.935L608.066 877.965C592.532 868.961 594.476 853.313 612.422 842.941L1055.66 586.991C1073.66 576.619 1100.75 575.502 1116.28 584.47L1299.77 690.441C1315.31 699.444 1313.36 715.11 1295.42 725.464L852.183 981.432C834.237 991.786 807.093 992.921 791.559 983.935Z' fill='%23D6D8E5'/%3e%3cpath id='Vector_2' d='M814.796 969.998L631.322 864.027C615.769 855.024 617.731 839.358 635.678 829.004L1078.89 572.999C1096.89 562.645 1123.89 561.511 1139.54 570.496L1323.01 676.467C1338.54 685.471 1336.6 701.119 1318.65 711.491L875.439 967.477C857.492 977.849 830.348 978.965 814.796 969.998Z' fill='%23B1B4C4'/%3e%3cpath id='Vector_3' d='M620.828 848.578V831.687L640.646 839.16L620.828 848.578Z' fill='%23B1B4C4'/%3e%3cpath id='Vector_4' d='M1333.51 691.089V674.847L1317.76 685.003L1333.51 691.089Z' fill='%23B1B4C4'/%3e%3cpath id='Vector_5' d='M814.796 955.683L631.322 849.712C615.769 840.709 617.731 825.061 635.678 814.689L1078.89 558.702C1096.89 548.33 1123.89 547.214 1139.54 556.181L1323.01 662.152C1338.54 671.155 1336.6 686.821 1318.65 697.175L875.439 953.18C857.492 963.534 830.348 964.668 814.796 955.683Z' fill='%23616E84'/%3e%3cpath id='Vector_6' d='M653.455 871.424C654.393 870.882 654.392 869.123 653.453 867.495C652.513 865.868 650.991 864.987 650.053 865.529C649.114 866.071 649.115 867.83 650.055 869.458C650.994 871.086 652.516 871.966 653.455 871.424Z' fill='%23757B89'/%3e%3cpath id='Vector_7' d='M662.287 876.519C663.225 875.977 663.224 874.218 662.285 872.59C661.345 870.962 659.823 870.082 658.885 870.624C657.946 871.166 657.947 872.925 658.887 874.553C659.826 876.18 661.348 877.061 662.287 876.519Z' fill='%23757B89'/%3e%3cpath id='Vector_8' d='M671.128 881.611C672.067 881.069 672.066 879.31 671.127 877.682C670.187 876.055 668.665 875.174 667.726 875.716C666.788 876.258 666.789 878.017 667.728 879.645C668.668 881.273 670.19 882.153 671.128 881.611Z' fill='%23757B89'/%3e%3cpath id='Vector_9' d='M679.949 886.728C680.887 886.186 680.886 884.427 679.947 882.799C679.007 881.172 677.485 880.292 676.547 880.834C675.608 881.376 675.609 883.134 676.549 884.762C677.488 886.39 679.01 887.27 679.949 886.728Z' fill='%23757B89'/%3e%3cpath id='Vector_10' d='M755.793 930.499C756.731 929.957 756.73 928.198 755.791 926.57C754.851 924.943 753.329 924.063 752.39 924.605C751.452 925.147 751.453 926.905 752.392 928.533C753.332 930.161 754.854 931.041 755.793 930.499Z' fill='%23757B89'/%3e%3cpath id='Vector_11' d='M764.611 935.611C765.549 935.069 765.548 933.311 764.609 931.683C763.67 930.055 762.147 929.175 761.209 929.717C760.27 930.259 760.271 932.018 761.211 933.646C762.15 935.273 763.672 936.153 764.611 935.611Z' fill='%23757B89'/%3e%3cpath id='Vector_12' d='M773.435 940.713C774.373 940.171 774.373 938.412 773.433 936.784C772.494 935.157 770.971 934.276 770.033 934.818C769.095 935.36 769.096 937.119 770.035 938.747C770.974 940.375 772.497 941.255 773.435 940.713Z' fill='%23757B89'/%3e%3cpath id='Vector_13' d='M782.287 945.803C783.225 945.261 783.224 943.502 782.285 941.874C781.345 940.246 779.823 939.366 778.885 939.908C777.946 940.45 777.947 942.209 778.887 943.837C779.826 945.465 781.348 946.345 782.287 945.803Z' fill='%23757B89'/%3e%3cpath id='Vector_14' d='M728.395 916.391L704.149 902.364C702.421 901.14 701.377 899.159 701.359 897.052C701.359 894.999 702.601 894.063 704.149 894.945L728.395 908.972C730.123 910.197 731.167 912.178 731.185 914.285C731.095 916.337 729.853 917.274 728.395 916.391Z' fill='%23757B89'/%3e%3cpath id='Vector_15' d='M1277.97 731.334L1255.4 744.371C1253.98 745.182 1252.81 744.371 1252.81 742.409C1252.85 740.446 1253.8 738.609 1255.4 737.457L1277.97 724.438C1279.4 723.609 1280.55 724.438 1280.55 726.383C1280.53 728.345 1279.58 730.182 1277.97 731.334Z' fill='%23757B89'/%3e%3cpath id='Vector_16' d='M1243.41 751.286L1220.84 764.323C1219.42 765.152 1218.25 764.323 1218.25 762.361C1218.29 760.398 1219.26 758.579 1220.84 757.427L1243.41 744.39C1244.84 743.561 1245.99 744.39 1245.99 746.352C1245.97 748.315 1245.02 750.152 1243.41 751.286Z' fill='%23757B89'/%3e%3cpath id='Vector_17' d='M814.796 953.089L631.322 847.119C615.769 838.115 617.731 822.467 635.678 812.095L1078.89 556.109C1096.89 545.737 1123.89 544.603 1139.54 553.588L1323.01 659.559C1338.54 668.562 1336.6 684.21 1318.65 694.582L875.439 950.569C857.492 960.94 830.348 962.057 814.796 953.089Z' fill='%2320232D'/%3e%3cpath id='Vector_18' d='M1303.32 663.79L1231.68 622.374L1231.52 622.482C1223.04 627.362 1209.32 627.362 1200.92 622.482C1192.51 617.603 1192.46 609.662 1200.92 604.782L1201.1 604.674L1129.46 563.258C1118.66 556.973 1100.94 556.973 1090.05 563.258L658.34 812.653C647.54 818.938 647.54 829.13 658.34 835.414L832.239 935.857C843.129 942.141 860.769 942.141 871.641 935.857L1303.32 686.533C1314.19 680.249 1314.19 670.075 1303.32 663.79Z' fill='white'/%3e%3cpath id='Vector_19' opacity='0.5' d='M1303.32 686.533L871.641 935.857C861.813 941.529 846.441 942.088 835.532 937.478C834.416 937.01 833.318 936.469 832.256 935.857L658.34 835.487C655.928 834.172 653.84 832.317 652.238 830.085C648.134 824.268 650.168 817.354 658.34 812.636L1090 563.33C1100.89 557.064 1118.51 557.064 1129.4 563.33L1201.04 604.746H1200.86C1192.4 609.626 1192.4 617.549 1200.86 622.447C1209.32 627.345 1223.06 627.327 1231.46 622.447L1231.64 622.339L1303.28 663.755C1314.19 670.075 1314.19 680.249 1303.32 686.533Z' fill='url(%23paint0_linear)'/%3e%3cpath id='Vector_20' d='M1211.48 621.132C1216.02 621.132 1219.71 619.004 1219.71 616.378C1219.71 613.753 1216.02 611.625 1211.48 611.625C1206.94 611.625 1203.26 613.753 1203.26 616.378C1203.26 619.004 1206.94 621.132 1211.48 621.132Z' fill='%232B303F'/%3e%3cpath id='Vector_21' opacity='0.1' d='M1209 617.783C1208.23 617.495 1207.83 616.648 1208.1 615.874C1208.24 615.46 1208.59 615.136 1209 614.974C1210.53 614.199 1212.35 614.199 1213.88 614.974C1214.65 615.226 1215.08 616.054 1214.83 616.829C1214.69 617.279 1214.33 617.639 1213.88 617.783C1212.35 618.557 1210.53 618.557 1209 617.783Z' fill='white'/%3e%3c/g%3e%3cpath id='Vector_22' d='M1240.97 650.645L1237.85 648.845L1243.06 645.837L1246.17 647.638L1240.97 650.645Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_23' d='M1245.13 653.04L1242.01 651.24L1249.28 647.044L1252.4 648.845L1245.13 653.04Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_24' d='M1249.28 655.435L1246.17 653.635L1256.56 647.638L1259.67 649.439L1249.28 655.435Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_25' d='M1253.44 657.848L1250.33 656.048L1264.87 647.638L1267.98 649.439L1253.44 657.848Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_26' d='M1266.94 665.645L1262.1 662.836L1271.8 657.236L1276.64 660.045L1266.94 665.645Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_27' d='M1273.42 669.373L1268.56 666.582L1278.26 660.981L1283.1 663.773L1273.42 669.373Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_28' d='M1279.88 673.1L1275.02 670.309L1284.72 664.708L1289.57 667.5L1279.88 673.1Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_29' d='M1076.97 618.107L1054.67 605.214C1051.57 603.413 1051.97 600.334 1055.53 598.281L1076.1 586.397C1079.79 584.326 1084.28 584.128 1088.13 585.893L1110.43 598.768C1113.51 600.568 1113.13 603.665 1109.57 605.718L1088.99 617.603C1085.28 619.674 1080.84 619.854 1076.97 618.107Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_30' d='M1228.67 705.729L1098.15 630.352C1095.08 628.551 1095.47 625.454 1099.02 623.401L1119.61 611.516C1123.3 609.446 1127.76 609.266 1131.62 611.012L1262.14 686.389C1265.21 688.19 1264.84 691.287 1261.27 693.34L1240.7 705.224C1236.99 707.277 1232.54 707.475 1228.67 705.729Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_31' d='M1031.79 644.199L1009.49 631.306C1006.41 629.505 1006.79 626.426 1010.35 624.373L1030.92 612.489C1034.61 610.418 1039.1 610.22 1042.95 611.984L1065.25 624.805C1068.33 626.606 1067.95 629.703 1064.39 631.756L1043.81 643.641C1040.12 645.729 1035.66 645.927 1031.79 644.199Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_32' d='M1183.49 731.82L1052.99 656.443C1049.91 654.643 1050.29 651.546 1053.85 649.493L1074.43 637.608C1078.14 635.537 1082.58 635.357 1086.45 637.104L1216.95 712.481C1220.03 714.282 1219.65 717.379 1216.09 719.432L1195.52 731.316C1191.81 733.369 1187.36 733.567 1183.49 731.82Z' fill='%23E9EAF2'/%3e%3cg id='Group' opacity='0.6'%3e%3cpath id='Vector_33' opacity='0.6' d='M986.625 670.291L964.305 657.398C961.227 655.597 961.605 652.518 965.169 650.465L985.761 638.581C989.451 636.51 993.915 636.312 997.767 638.077L1020.09 650.952C1023.17 652.752 1022.77 655.849 1019.22 657.902L998.631 669.823C994.923 671.876 990.477 672.056 986.625 670.291Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_34' opacity='0.6' d='M1138.33 757.913L1007.81 682.536C1004.73 680.735 1005.11 677.638 1008.67 675.585L1029.25 663.701C1032.96 661.63 1037.4 661.45 1041.27 663.196L1171.79 738.573C1174.87 740.374 1174.47 743.471 1170.93 745.524L1150.34 757.408C1146.65 759.461 1142.18 759.659 1138.33 757.913Z' fill='%23E9EAF2'/%3e%3c/g%3e%3cpath id='Vector_35' d='M941.446 696.383L919.197 683.49C916.119 681.689 916.515 678.61 920.061 676.557L940.654 664.655C944.344 662.602 948.808 662.422 952.66 664.169L974.998 677.026C978.076 678.826 977.698 681.924 974.134 683.976L953.398 695.879C949.726 697.932 945.28 698.112 941.446 696.383Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_36' d='M1093.15 784.004L962.633 708.628C959.555 706.827 959.951 703.73 963.497 701.677L984.089 689.792C987.779 687.722 992.243 687.541 996.095 689.288L1126.61 764.665C1129.69 766.466 1129.3 769.563 1125.75 771.616L1105.16 783.5C1101.47 785.553 1097 785.751 1093.15 784.004Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_37' d='M896.265 722.475L873.963 709.582C870.885 707.781 871.263 704.702 874.827 702.649L895.401 690.747C899.109 688.694 903.573 688.496 907.425 690.26L929.728 703.135C932.806 704.936 932.428 708.033 928.864 710.086L908.289 722.043C904.581 724.077 900.117 724.239 896.265 722.475Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_38' d='M1047.97 810.097L917.399 734.648C914.321 732.847 914.717 729.75 918.263 727.697L938.855 715.812C942.563 713.742 947.027 713.561 950.879 715.308L1081.38 790.685C1084.46 792.486 1084.08 795.583 1080.52 797.636L1059.94 809.52C1056.27 811.573 1051.82 811.789 1047.97 810.097Z' fill='%23E9EAF2'/%3e%3cg id='Group_2' opacity='0.6'%3e%3cpath id='Vector_39' opacity='0.6' d='M851.086 748.567L828.784 735.674C825.706 733.873 826.084 730.794 829.648 728.741L850.222 716.838C853.93 714.786 858.394 714.588 862.246 716.352L884.548 729.245C887.644 731.046 887.248 734.143 883.684 736.196L863.11 748.08C859.402 750.133 854.938 750.313 851.086 748.567Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_40' opacity='0.6' d='M1002.79 836.188L872.289 760.812C869.211 759.011 869.589 755.914 873.153 753.861L893.728 741.976C897.436 739.906 901.882 739.726 905.752 741.472L1036.2 816.849C1039.28 818.65 1038.9 821.747 1035.33 823.8L1014.76 835.684C1011.07 837.719 1006.64 837.917 1002.79 836.188Z' fill='%23E9EAF2'/%3e%3c/g%3e%3cpath id='Vector_41' d='M805.924 774.659L783.604 761.766C780.526 759.965 780.922 756.886 784.468 754.833L805.06 742.931C808.75 740.878 813.214 740.698 817.066 742.445L839.386 755.32C842.464 757.12 842.068 760.217 838.522 762.27L817.93 774.155C814.24 776.226 809.776 776.406 805.924 774.659Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_42' d='M957.628 862.281L827.11 786.868C824.032 785.067 824.41 781.97 827.974 779.917L848.548 768.033C852.256 765.962 856.702 765.782 860.572 767.528L991.09 842.905C994.168 844.706 993.772 847.803 990.226 849.856L969.598 861.777C965.908 863.811 961.48 864.009 957.628 862.281Z' fill='%23E9EAF2'/%3e%3cg id='Group_3' opacity='0.6'%3e%3cpath id='Vector_43' opacity='0.6' d='M760.797 800.751L738.477 787.858C735.399 786.057 735.795 782.978 739.341 780.925L759.933 769.023C763.641 766.97 768.105 766.772 771.957 768.536L794.205 781.465C797.283 783.266 796.905 786.363 793.341 788.416L772.749 800.3C769.059 802.335 764.631 802.497 760.797 800.751Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_44' opacity='0.6' d='M912.448 888.373L781.93 812.996C778.852 811.195 779.248 808.098 782.794 806.045L803.386 794.16C807.076 792.09 811.54 791.91 815.392 793.656L945.911 869.033C948.989 870.834 948.611 873.931 945.047 875.984L924.454 887.868C920.764 889.921 916.3 890.119 912.448 888.373Z' fill='%23E9EAF2'/%3e%3c/g%3e%3cg id='Group_4' opacity='0.6'%3e%3cpath id='Vector_45' opacity='0.6' d='M715.562 826.843L693.26 813.878C690.182 812.077 690.56 808.998 694.124 806.945L714.698 795.043C718.406 792.99 722.87 792.792 726.722 794.556L749.024 807.431C752.102 809.232 751.724 812.329 748.16 814.382L727.586 826.267C723.896 828.355 719.432 828.571 715.562 826.843Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_46' opacity='0.6' d='M867.268 914.465L736.767 839.088C733.671 837.287 734.067 834.208 737.613 832.155L758.205 820.27C761.913 818.2 766.377 818.019 770.229 819.766L900.73 895.143C903.808 896.944 903.43 900.041 899.866 902.094L879.292 913.978C875.584 916.031 871.138 916.211 867.268 914.465Z' fill='%23E9EAF2'/%3e%3c/g%3e%3cg id='mail-left'%3e%3cpath id='Vector_47' d='M636.002 423.236V512.19C636.002 512.802 635.894 513.415 635.678 513.991C635.57 514.351 635.408 514.711 635.228 515.053C634.688 516.134 633.86 517.052 632.852 517.7L513.152 586.847C512.468 587.369 511.532 587.441 510.776 586.991C510.56 586.829 510.398 586.631 510.29 586.397C510.092 585.965 509.984 585.496 510.002 585.028V496.074C510.002 495.462 510.11 494.85 510.29 494.273C510.416 493.895 510.578 493.517 510.758 493.157C511.316 492.076 512.126 491.158 513.152 490.51L632.816 421.327C633.518 420.805 634.472 420.751 635.21 421.219C635.408 421.381 635.57 421.579 635.696 421.795C635.912 422.246 636.02 422.732 636.002 423.236Z' fill='%23B7A791'/%3e%3cpath id='Vector_48' d='M511.01 587.063L515.618 589.602L515.906 581.427L511.01 587.063Z' fill='%23B7A791'/%3e%3cpath id='Vector_49' d='M634.888 421.111L639.856 423.83L632.854 432.221L634.888 421.111Z' fill='%23B7A791'/%3e%3cpath id='Vector_50' d='M640.645 425.793V514.747C640.627 515.359 640.519 515.972 640.321 516.548C640.195 516.908 640.051 517.268 639.871 517.61C639.331 518.691 638.503 519.609 637.495 520.257L517.795 589.368C517.093 589.89 516.157 589.926 515.419 589.476C515.221 589.314 515.041 589.134 514.933 588.9C514.717 588.467 514.609 587.999 514.627 587.531V498.577C514.627 497.965 514.735 497.352 514.933 496.776C515.455 495.264 516.463 493.949 517.795 493.067L637.459 423.956C638.161 423.434 639.097 423.38 639.835 423.83C640.051 423.992 640.213 424.19 640.321 424.424C640.537 424.839 640.663 425.325 640.645 425.793Z' fill='%23CBBBA0'/%3e%3cg id='Group_5'%3e%3cg id='Group_6'%3e%3cpath id='Vector_51' opacity='0.12' d='M515.15 589.8L577.629 506.302L639.999 517.322L633.447 522.671L517.796 589.368L515.15 589.8Z' fill='black'/%3e%3cpath id='Vector_52' opacity='0.05' d='M577.628 506.302L515.276 496.002L510.506 497.172L510.002 585.028L515.42 589.476L577.628 506.302Z' fill='black'/%3e%3cpath id='Vector_53' opacity='0.05' d='M577.629 506.302L639.999 423.957L640.647 430.709V514.747L639.999 517.322L577.629 506.302Z' fill='black'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='mail-right'%3e%3cpath id='Vector_54' d='M1404.57 202.057V306.209C1404.55 306.929 1404.43 307.631 1404.19 308.298C1404.05 308.73 1403.87 309.144 1403.67 309.54C1403.04 310.801 1402.07 311.881 1400.88 312.637L1260.71 393.668C1259.89 394.263 1258.79 394.317 1257.92 393.794C1257.69 393.614 1257.49 393.38 1257.35 393.11C1257.11 392.606 1256.99 392.066 1257.01 391.508V287.266C1257.01 286.581 1257.13 285.897 1257.37 285.249C1257.51 284.799 1257.69 284.366 1257.91 283.952C1258.54 282.674 1259.51 281.593 1260.71 280.837L1400.84 199.842C1401.65 199.23 1402.77 199.176 1403.63 199.698C1403.89 199.878 1404.08 200.112 1404.21 200.382C1404.46 200.904 1404.59 201.481 1404.57 202.057Z' fill='%23B7A791'/%3e%3cpath id='Vector_55' d='M1258.19 393.885L1263.59 396.856L1263.94 387.276L1258.19 393.885Z' fill='%23B7A791'/%3e%3cpath id='Vector_56' d='M1403.25 199.536L1409.09 202.741L1400.88 212.555L1403.25 199.536Z' fill='%23B7A791'/%3e%3cpath id='Vector_57' d='M1410.01 205.046V309.198C1409.99 309.919 1409.86 310.621 1409.63 311.287C1409.48 311.719 1409.3 312.133 1409.11 312.53C1408.46 313.79 1407.5 314.852 1406.32 315.627L1266.15 396.658C1265.34 397.27 1264.22 397.306 1263.36 396.784C1263.11 396.604 1262.91 396.37 1262.78 396.1C1262.55 395.595 1262.42 395.055 1262.44 394.497V290.255C1262.44 289.571 1262.57 288.886 1262.8 288.238C1262.95 287.788 1263.13 287.356 1263.34 286.942C1263.97 285.663 1264.94 284.583 1266.15 283.827L1406.28 202.885C1407.11 202.273 1408.21 202.219 1409.09 202.741C1409.32 202.921 1409.52 203.156 1409.66 203.426C1409.9 203.93 1410.02 204.488 1410.01 205.046Z' fill='%23CBBBA0'/%3e%3cg id='Group_7'%3e%3cg id='Group_8'%3e%3cpath id='Vector_58' opacity='0.12' d='M1263.29 396.729L1336.22 299.294L1409.25 312.205C1409.25 312.205 1408.53 313.952 1406.96 315.158C1405.38 316.364 1400.1 319.246 1400.1 319.246L1272.57 392.93C1272.57 392.93 1266.31 396.657 1265.54 396.999C1264.37 397.486 1263.29 396.729 1263.29 396.729Z' fill='black'/%3e%3cpath id='Vector_59' opacity='0.05' d='M1336.22 299.294L1263.2 287.248L1257 287.266V391.508L1263.36 396.712L1336.22 299.294Z' fill='black'/%3e%3cpath id='Vector_60' opacity='0.05' d='M1336.22 299.294L1409.25 202.885L1410.01 206.504V307.343L1409.25 312.205L1336.22 299.294Z' fill='black'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='mail-middle'%3e%3cpath id='Vector_61' d='M1094.57 168.727L942.471 124.7L790.461 344.006C789.399 345.194 788.499 346.509 787.761 347.913C787.293 348.796 786.897 349.714 786.591 350.668C786.123 352.055 785.871 353.514 785.853 354.972V576.187C785.835 577.376 786.069 578.546 786.573 579.608C786.861 580.185 787.293 580.671 787.797 581.049C789.633 582.183 791.973 582.075 793.701 580.779L1091.26 408.921C1094.55 406.706 1097.04 403.465 1098.3 399.701C1098.8 398.279 1099.07 396.766 1099.09 395.254L1106.29 174.651C1106.34 174.651 1100.6 171.788 1099.16 171.05L1094.57 168.727Z' fill='%23B7A791'/%3e%3cpath id='Vector_62' d='M797.355 586.721L787.797 580.959L802.539 570.334L797.355 586.721Z' fill='%23B7A791'/%3e%3cpath id='Vector_63' d='M1108.2 179.53V400.655C1108.18 402.168 1107.91 403.662 1107.4 405.085C1107.1 405.985 1106.72 406.867 1106.27 407.714C1104.94 410.397 1102.89 412.684 1100.37 414.304L802.844 586.162C801.116 587.477 798.758 587.585 796.922 586.45C796.418 586.054 796.004 585.568 795.716 584.992C795.212 583.93 794.96 582.759 794.996 581.589V360.446C795.014 358.987 795.266 357.529 795.734 356.142C796.058 355.188 796.436 354.269 796.904 353.387C798.254 350.686 800.306 348.399 802.862 346.778L1100.31 174.956L1095.24 178.45C1097.61 177.099 1104.85 173.57 1106.29 174.65C1106.79 175.046 1107.21 175.533 1107.49 176.109C1108 177.171 1108.23 178.342 1108.2 179.53Z' fill='%23CBBBA0'/%3e%3cg id='Group_9'%3e%3cg id='Group_10'%3e%3cpath id='Vector_64' opacity='0.12' d='M796.922 586.451L951.597 379.641L1106.65 407.048C1106.65 407.048 1104.99 410.325 1102.92 412.27C1100.39 414.665 1097.88 415.727 1097.88 415.727L802.844 586.162C802.844 586.162 801.53 587.225 799.892 587.225C797.984 587.225 796.922 586.451 796.922 586.451Z' fill='black'/%3e%3cpath id='Vector_65' opacity='0.05' d='M951.597 379.641L796.904 353.387C796.904 353.387 795.734 356.142 795.212 358.249C794.528 360.95 794.996 369.359 794.996 369.359V570.046C794.996 570.046 794.888 581.067 795.176 583.408C795.392 585.172 796.94 586.469 796.94 586.469L951.597 379.641Z' fill='black'/%3e%3cpath id='Vector_66' opacity='0.05' d='M951.596 379.641L1106.31 174.687C1106.31 174.687 1107.13 175.317 1107.49 176.109C1108.18 177.622 1108.2 179.53 1108.2 179.53V400.655C1108.2 400.655 1108.2 402.852 1107.4 405.085C1107.17 405.751 1106.65 407.048 1106.65 407.048L951.596 379.641Z' fill='black'/%3e%3c/g%3e%3c/g%3e%3cpath id='Vector_67' d='M796.885 353.387L951.595 130.191L1106.29 174.65L951.595 379.641L796.885 353.387Z' fill='%23CBBBA0'/%3e%3cpath id='Vector_68' opacity='0.3' d='M1106.29 174.65L1071.28 221.054L951.595 379.641L831.931 359.329L796.885 353.387L831.931 302.824L918.151 178.432L951.595 130.191L985.04 139.807L1071.28 164.603L1106.29 174.65Z' fill='black'/%3e%3cpath id='Vector_69' d='M1071.28 90V221.054L951.598 379.641L831.934 359.329V228.239L1071.28 90Z' fill='%23FAFBFF'/%3e%3cpath id='Vector_70' d='M911.529 285.825L852.471 319.93V251.72L911.529 217.597V285.825Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_71' d='M981.134 245.616L922.076 279.739V211.511L981.134 177.388V245.616Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_72' d='M1050.74 205.424L991.664 239.548V171.319L1050.74 137.196V205.424Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_73' d='M1050.74 233.749L852.471 348.255V336.389L1050.74 221.865V233.749Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_74' d='M1021.2 264.505V276.389L867.231 365.326L852.453 362.823V361.976L1021.2 264.505Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_75' d='M991.665 305.327V317.211L899.019 370.71L883.125 368.027L991.665 305.327Z' fill='%23E9EAF2'/%3e%3cpath id='Vector_76' d='M976.13 339.882V347.139L969.938 355.332L933.164 376.58L917.162 373.951L976.13 339.882Z' fill='%23E9EAF2'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='980.825' y1='940.567' x2='980.825' y2='558.63' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.21' stop-color='white' stop-opacity='0'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0.2'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ") !important;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-size: cover;
  background-position: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.task-login #rcmloginuser,
.task-login #rcmloginpwd {
  font-size: 16px;
  padding: 18px 10px;
  font-size: 15px;
  padding: 14px;
  color: #fff;
  background-color: #3d3d3b;
  height: 100%;
  border: 0;
}
.task-login td.input-group {
  border: 2px solid #cfd8dc;
  border-radius: 3px;
}
.task-login td.input-group:hover {
  border-color: #90a4ae;
  border-color: #fff;
}
.task-login td.input-group:active,
.task-login td.input-group:focus-within {
  border-color: #fff;
}
.task-login #rcmloginuser:focus,
.task-login #rcmloginpwd:focus {
  box-shadow: none;
}
.input-group .icon.input-group-text {
  border: 0;
  color: #fff;
  background-color: #3d3d3b;
}

.formbuttons{
  display: flex;
}
.task-login [type=button]:disabled,
.task-login [type=reset]:disabled,
.task-login [type=submit]:disabled,
.task-login button:disabled,
.task-login [type=button]:not(:disabled),
.task-login [type=reset]:not(:disabled),
.task-login [type=submit]:not(:disabled),
.task-login button:not(:disabled) {
  cursor: pointer;
  /* padding: 15px 10px; */
  margin-top: 1em;
  background-color: #3d3d3b;
  border-color: #3d3d3b;
  text-transform: capitalize !important;
  border-radius: 4px;
  color: #fff;
  height: 52px;
  padding: 0 12px;
  width: 100%;
  max-width: 154px;
  font-size: 16px;
  font-weight: 700;
  border: 2px solid #cfd8dc;
}
.task-login [type=button]:disabled,
.task-login [type=reset]:disabled,
.task-login [type=submit]:disabled,
.task-login button:disabled{
  opacity: .4 !important;
  cursor: not-allowed;
}
.task-login [type=button]:not(:disabled):active,
.task-login [type=reset]:not(:disabled):active,
.task-login [type=submit]:not(:disabled):active,
.task-login button:not(:disabled):active,
.task-login [type=button]:not(:disabled):focus,
.task-login [type=reset]:not(:disabled):focus,
.task-login [type=submit]:not(:disabled):focus,
.task-login button:not(:disabled):focus,
.task-login [type=button]:not(:disabled):hover,
.task-login [type=reset]:not(:disabled):hover,
.task-login [type=submit]:not(:disabled):hover,
.task-login button:not(:disabled):hover hover {
  box-shadow: none;
  background-color: #fff;
  border-color: #fff;
  color: #3d3d3b;
}
@media (max-width: 400px) {
  .fresh-content-login {
    padding: 40px 20px !important;
  }
}

@media screen and (max-width: 1330px){
  .fresh-content-login {
      max-width: 550px;
      margin: 0 auto;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  #fresh-image-login{
    display: none;
  }
}