@media screen and (max-width: 480px) {
  a.button-custodia.custodia,
  a.button-messenger.messenger,
  a.button-dashboard.dashboard {
    display: none !important;
  }

  html.layout-small .popover-header, html.layout-phone .popover-header {
    background-color: #000 !important;
  }

  .floating-action-buttons a.button {
    background: #000 !important;
  }
}

.custodia-messages-list tr {
  display: block;
  width: 100%;
}

@media screen and (max-width: 1024px) and (min-width: 481px) and (min-height: 641px){
  .button-custodia.custodia, .button-custodia.custodia:hover {
    background-position: 13px 13px !important;
  }

  .button-messenger.messenger, .button-messenger.messenger:hover {
    background-position: 9px 9px !important;
  }

  .button-dashboard.dashboard, .button-dashboard.dashboard:hover {
    background-position: 9px 9px !important;
  }
}

@media screen and (min-width: 1025px) and (min-height: 641px) {
  .button-custodia.custodia, .button-custodia.custodia:hover {
    background-position: 30px 10px !important;
  }

  .button-messenger.messenger, .button-messenger.messenger:hover {
    background-position: 28px 7px !important;
  }

  .button-dashboard.dashboard, .button-dashboard.dashboard:hover {
    background-position: 28px 7px !important;
  }
}

@media screen and (max-height: 750px) and (min-width: 769px) {
  .button-custodia.custodia, .button-custodia.custodia:hover {
    background-position: 13px 13px !important;
  }

  .button-messenger.messenger, .button-messenger.messenger:hover {
    background-position: 9px 9px !important;
  }

  .button-dashboard.dashboard, .button-dashboard.dashboard:hover {
    background-position: 9px 9px !important;
  }
}

.button-custodia.custodia, .button-custodia.custodia:hover {
  background-image: url(images/task_button.png) !important;
  background-repeat: no-repeat !important;
}

.button-messenger.messenger, .button-messenger.messenger:hover {
  background-image: url(images/goto_messenger.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 23px !important;
}

.button-dashboard.dashboard, .button-dashboard.dashboard:hover {
  background-image: url(images/goto_dashboard.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 23px !important;
}

.listitem-custodia {
  background-repeat: no-repeat;
  background-position: 8px 7px;
  background-size: 20px 20px;
}

.custodia-sent, .custodia-data {
  background-image: url(images/send.svg);
  background-repeat: no-repeat;
  background-position: 20px 8px;
  background-size: 18px 22px;
  width: 57px;
  text-align: center;
}

html.dark-mode .custodia-sent {
  background-image: url(images/send.dark.svg);
}

.custodia-data {
  background-image: url(images/settings.svg);
  background-size: 18px 21px;
}

html.dark-mode .custodia-data {
  background-image: url(images/settings.dark.svg);
}

.custodia-sent span, .custodia-data span {
  position: relative;
  top: 25px;
}

.listitem-custodia-data {
  background-image: url(images/settings.svg);
  background-size: 18px 21px;
}

.listitem-custodia-today {
  background-image: url(images/today.svg);
}

html.dark-mode .listitem-custodia-today {
  background-image: url(images/today.dark.svg);
}

.listitem-custodia-yesterday {
  background-image: url(images/yesterday.svg);
}

html.dark-mode .listitem-custodia-yesterday {
  background-image: url(images/yesterday.dark.svg);
}

.listitem-custodia-week {
  background-image: url(images/week.svg);
}

html.dark-mode .listitem-custodia-week {
  background-image: url(images/week.dark.svg);
}

.listitem-custodia-month {
  background-image: url(images/month.svg);
}

html.dark-mode .listitem-custodia-month {
  background-image: url(images/month.dark.svg);
}

.listitem-custodia-all {
  background-image: url(images/alltime.svg);
}

html.dark-mode .listitem-custodia-all {
  background-image: url(images/alltime.dark.svg);
}

.listitem-custodia-export {
  background-image: url(images/export.svg);
}

html.dark-mode .listitem-custodia-export {
  background-image: url(images/export.dark.svg);
}

.listitem-custodia-import {
  background-image: url(images/import.svg);
}

.listitem-custodia-migrate {
  background-image: url(images/migrate.svg);
  background-size: 23px;
}

html.dark-mode .listitem-custodia-migrate {
  background-image: url(images/migrate.dark.svg);
}

.listitem-custodia-text {
  margin-left: 24px;
}

.custodia-messages-list-adr {
  position: relative;
  left: -12px;
  cursor: default;
}

.custodia-messages-list-date {
  position: relative;
  right: 12px;
  cursor: default;
}

.custodia-messages-list .subject a {
  position: relative;
  left: 6px;
  color: #2c363a;
}

.custodia-messages-list td {
  border-bottom: 1px solid #e6ebf3;
}

table.custodia-messages-list {
  display: block;
  overflow: hidden;
  overflow-y: scroll;
}

.custodia-messages-listbox-header, .custodia-message-header {
  display: block !important;
}

.custodia-data-export-listbox-header, .custodia-hidden-header {
  display: none !important;
}

.custodia-shown-header {
  display: block !important;
}

.custodia-watermark {
  background: url(/skins/custodia/images/logo.svg) center no-repeat #fff;
  background-size: 30%;
  background-blend-mode: luminosity;
  background-origin: padding-box;
  background-position-x: 50%;
  background-position-y: 50%;
  opacity: 0.15;
}

.data-export .custodia-watermark {
  background: none;
  opacity: 1;
}

.custodia-iframe-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.custodia-headers-separator-space {
  width: 100%;
  height: 5px;
}

.custodia-headers-separator-line {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e6ebf3;
}

.custodia-access-header {
  line-height: 20px !important;
}

/*
.custodia-sent-icon {
  filter: invert(53%) sepia(33%) saturate(1016%) hue-rotate(81deg) brightness(93%) contrast(86%);
}

.custodia-unread-icon {
  filter: invert(53%) sepia(41%) saturate(866%) hue-rotate(140deg) brightness(91%) contrast(90%);
}

.custodia-read-icon {
  filter: invert(25%) sepia(39%) saturate(4031%) hue-rotate(248deg) brightness(90%) contrast(82%);
}
*/

.custodia-callback-icon {
  cursor: pointer;
  /*
  filter: invert(16%) sepia(100%) saturate(2822%) hue-rotate(346deg) brightness(86%) contrast(96%);
  */
}

.custodia-callback-icon:hover, .custodia-read-calledback:hover {
  filter: invert(16%) sepia(100%) saturate(2822%) hue-rotate(346deg) brightness(86%) contrast(96%);
}

html.dark-mode .custodia-callback-icon:hover, .custodia-read-calledback:hover {
  filter: invert(55%) sepia(86%) saturate(3847%) hue-rotate(174deg) brightness(106%) contrast(103%);
}

.custodia-iframe-wrapper .layout-content,
.custodia-message-content,
.custodia-message-content #message-content {
  height: 100% !important;
}

.custodia-message-content #messagebody body {
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

#custodia-data-menu {
  display: none;
}

.custodia-data-listbox .searchbar,
.custodia-data-listbox .listing-info {
  display: none;
}

.custodia-data-export-selectors-container,
.custodia-data-migrate-account-settings-container {
  width: 100%;
  height: 100%;
}

.custodia-data-migrate-account-settings-container {
  padding: 14px;
}

.custodia-data-listbox .custodia-data-export-selectors-container {
  display: flex;
}

.custodia-messages-listbox .custodia-data-export-selectors-container {
  display: none;
}

.custodia-data-migrate-account-settings-container {
  display: none;
}

.custodia-data-migrate-account-settings-container .form-group {
  display: flex;
}

#custodia-data-export-items-list {
  width: 100%;
}

.listitem-custodia-export-mail {
  background-image: url(images/mail.svg);
}

html.dark-mode .listitem-custodia-export-mail {
  background-image: url(images/mail.dark.svg);
}

.listitem-custodia-export-contacts {
  background-image: url(images/contacts.svg);
}

html.dark-mode .listitem-custodia-export-contacts {
  background-image: url(images/contacts.dark.svg);
}

.listitem-custodia-export-calendar {
  background-image: url(images/month.svg);
}

html.dark-mode .listitem-custodia-export-calendar {
  background-image: url(images/month.dark.svg);
}

.listitem-custodia-export-tasks {
  background-image: url(images/alltime.svg);
}

html.dark-mode .listitem-custodia-export-tasks {
  background-image: url(images/alltime.dark.svg);
}

.listitem-custodia-text-data {
  margin-left: 31px;
}

.custodia-export-options {
  display: none;
}

.custodia-formbuttons {
  margin-left: 14px;
  display: none;
}

.custodia-export-options-secondary {
  margin-top: 15px;
}

.custodia-table-spacer {
  height: 6px;
}

#exporturlcode, #exporturlkey, #exportendpoint {
  font-family: "Courier New", Courier, monospace;
}

.custodia-confirm-export-button,
.custodia-save-apiaccess-button,
.custodia-apiaccess-info,
.custodia-migration-info {
  height: 38.5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.custodia-data-export-cancel-button,
.custodia-data-export-cancel-button:hover,
.custodia-apiaccess-info,
.custodia-apiaccess-info:hover,
.custodia-migration-info,
.custodia-migration-info:hover {
  margin-left: 6px;
  background-color: black;
  border: 1px solid black;
}

#custodia-download-progress,
#custodia-verify-imap-progress,
#custodia-migrating-data-progress {
  margin-left: 13px;
  margin-right: 13px;
  height: 38.5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
}

#custodia-verify-imap-progress,
#custodia-migrating-data-progress {
  margin-left: 0px;
  display: none;
  width: calc(100% - 4px); 
  border: 1px solid #d4dbde;
  border-radius: 0.3rem;
  overflow: hidden;
}

#custodia-download-progress .ui-progressbar-value {
  display: block !important;
  background-color: #b91d22;
  margin: 0px !important;
}

#custodia-verify-imap-progress .ui-progressbar-value,
#custodia-migrating-data-progress .ui-progressbar-value {
  height: 100%;
  width: 100%;
  background-color: #37beff;
  display: none;
  animation: indeterminateAnimation 3s infinite linear;
  transform-origin: 0% 50%;
}

@keyframes indeterminateAnimation {
  0% {
    transform:  translateX(0) scaleX(0);
  }
  40% {
    transform:  translateX(0) scaleX(0.4);
  }
  100% {
    transform:  translateX(100%) scaleX(0.5);
  }
}

#custodia-verify-imap-progress .ui-progressbar-value.complete,
#custodia-migrating-data-progress .ui-progressbar-value.complete {
  /*background-color: #e6ebf3;*/
  background-color: #37beff;
}

#custodia-verify-imap-progress .ui-progressbar-value.failed,
#custodia-migrating-data-progress .ui-progressbar-value.failed {
  background-color: #b91d22;
}

.custodia-verify-imap-progress-result,
.custodia-migrating-data-progress-result {
  position: relative;
  color: #ffffff;
  margin-left: 10px;
  top: 8px;
  display: none;
}

.custodia-verify-imap-progress-result.failed,
.custodia-migrating-data-progress-result.failed {
  color: #ffffff;
}

.custodia-migration-verify-imap-title,
.custodia-migration-copying-title,
.custodia-migration-verify-imap-fail-title,
.custodia-migration-complete-title {
  display: none;
}

.custodia-migration-copying-title,
.custodia-migration-complete-title {
  padding-top: 14px;
}

.custodia-messages-listbox a.button.unread {
  display: none !important;
}

.custodia-messages-listbox-header .button {
  display: block !important;
}

.custodia-messages-listbox-header #toolbar-list-menu,
.custodia-messages-listbox-header a.button {
  float: left;
}

.popover .menu li a#datedesc:before {
  transform: rotate(204deg);
}

.popover .menu li a#dateasc:before {
  transform: rotate(22deg);
}

.custodia-menuitem.selected {
  background-color: #e6ebf3 !important;
  color: #2c363a !important;
}

.custodia-callback-icon-placeholder {
  width: 23px;
  height: 20px;
  float: left;
}

.custodia-read-status-icon {
  position: relative;
  top: 6px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.custodia-read-icon {
  background-image: url(images/seen.svg);
}

html.dark-mode .custodia-read-icon {
  background-image: url(images/seen.dark.svg);
}

.custodia-unread-icon {
  background-image: url(images/unseen.svg);
}

html.dark-mode .custodia-unread-icon {
  background-image: url(images/unseen.dark.svg);
}

.custodia-nooptions-icon {
  background-image: url(images/blocked.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

html.dark-mode .custodia-nooptions-icon {
  background-image: url(images/blocked.dark.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.custodia-read-calledback {
  cursor: pointer;
}

.header-subject.custodia-access-header.custodia-seen-info {
  color: #b91d22;
}

html.dark-mode .header-subject.custodia-access-header.custodia-seen-info {
  color: #00acff;
}

.header-subject.custodia-access-header.custodia-seen-info.hidden {
  display: none;
}

.custodia-lock-icon {
  background-image: url(images/lock.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position-y: 3px;
  position: relative;
  top: 2px;
}

html.dark-mode .custodia-lock-icon {
  background-image: url(images/lock.dark.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position-y: 3px;
  position: relative;
  top: 2px;
}

.invalid {
  border-bottom-color: rgb(176, 27, 26);
  border-left-color: rgb(176, 27, 26);
  border-top-color: rgb(176, 27, 26);
  border-right-color: rgb(176, 27, 26);
  box-shadow: 0 0 5px rgb(176, 27, 26);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(176, 27, 26, 1);
}

.custodia-sent-pagenav {
  position: absolute !important;
  bottom: 0px;
  width: 100%;
}

.custodia-sent-firstpage,
.custodia-sent-prevpage,
.custodia-sent-nextpage,
.custodia-sent-lastpage {
  cursor: pointer;
}

.custodia-data-migrate-formcontent {
  display: none;
  height: 100%;
  padding-right: 10px !important;
}

.custodia-data-migrate-logviewer {
  height: calc(100% - 121px);
  white-space: pre-wrap;
  overflow: scroll;
  background-color: #f4f4f4;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  padding: 14px;
  position: relative;
  z-index: 1;
}

.custodia-data-migrate-formbuttons {
  margin-top: 14px;
}

.custodia-data-migrate-cancel-button {
  margin-left: 6px;
}

.custodia-data-migrate-use-ssl-label,
.custodia-data-migrate-use-tls-label,
.custodia-data-migrate-deleteall-label {
  position: relative;
  left: -18px;
  hyphens: none !important;
}

.custodia-data-migrate-use-ssl-switch,
.custodia-data-migrate-use-tls-switch,
.custodia-data-migrate-deleteall-switch {
  position: relative;
  left: -10px;
}

.btn.btn-primary.submit.custodia-data-migrate-start-button.disabled,
.btn.cancel.btn-secondary.custodia-data-migrate-cancel-button.disabled {
  cursor: default;
}

.btn.btn-primary.submit.custodia-data-migrate-start-button.disabled {
  background-color: #e6ebf3;
  border-color: #d4dbde;
}

.btn.cancel.btn-secondary.custodia-data-migrate-start-button.disabled {
  position: relative;
  cursor: default;
}

.custodia-wait-screen {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  display: none;
}

#custodia_dialog.ui-dialog span.ui-dialog-title {
  position: relative;
  top: -14px;
  left: -2px;
  font-weight: 400;
  font-size: 17px;
}

#custodia_dialog .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
  height: 30px;
  background: #f4f4f4;
}

#custodia_dialog.ui-dialog .ui-dialog-titlebar-close {
  top: -15px;
  right: -7px;
}

#custodia_dialog.ui-dialog .ui-dialog-titlebar-close:hover {
  background: #f4f4f4 !important;
  border: #f4f4f4 !important;
}

#custodia_dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  text-align: center;
  display: block;
}

#custodia_dialog .prompt.ui-dialog-content.ui-widget-content {
  top: -15px;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
  border-radius: 3px;
  width: 400px !important;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable input {
  position: relative;
  top: 4px;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .table td {
  border: 0px solid #ffffff;
  position: relative;
  left: -10px;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-titlebar-close.btn.btn-secondary {
  background: #f4f4f4;
  border: 0px;
}

html.dark-mode #custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-titlebar-close.btn.btn-secondary {
  background: unset;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .btn.btn-secondary {
  background: #333333;
  border: #333333;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .btn.btn-secondary:hover {
  background: #000000;
  border: #000000;
}

#custodia_dialog.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable .btn.btn-secondary:active {
  background: #04adff;
  border: #00a8f9;
}

#custodia_dialog .ui-dialog-buttonset button.custodia_migrate_confirm {
  background: #b91d22 !important;
  border-color: #b91d22 !important;
}

#custodia_dialog .ui-dialog-titlebar-close.btn.btn-secondary:focus {
  box-shadow: none !important;
}

.custodia_dialog.custodia_api_instructions,
.custodia_dialog.custodia_migration_instructions {
  height: auto !important;
}

.custodia_email_migration_instructions {
  color: #00acff;
  cursor: pointer;
}

html.dark-mode .custodia-messages-list .subject a {
  color: #c5d1d3;
}

html.dark-mode .custodia-messages-list td {
  border-bottom: 1px solid #374549;
}

html.dark-mode .custodia-headers-separator-line {
  border-bottom: 1px solid #374549;
}

html.dark-mode .custodia-sent-pagenav {
  background-color: #21292c !important;
}

html.dark-mode,
.listing li.selected,
html.dark-mode .listing li.selected>a,
html.dark-mode .listing li.selected>div>a,
html.dark-mode .listing tr.selected td {
  background-color: unset;
}

html.dark-mode #custodia_dialog .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle,
html.dark-mode #dsemail .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
  background-color: unset;
}

html.dark-mode #custodia_dialog.ui-dialog .ui-dialog-titlebar-close:hover {
  background: #21292c !important;
}

html.dark-mode .btn.btn-primary.custodia-migration-info {
  background: #b91d22 !important;
  border-color: #b91d22 !important;
}