/* Custom Stylesheet hash:17436968851751282489 dated 05 Aug, 2025 17:46:58+Asia/Karachi */
/* Custom CSS for Ephor Help Desk - Catpuccin Theme */

/* Global styles - fix white backgrounds */
body, html, .container, .wrap--body, .wrap, .home-category {
  background-color: #1e1e2e !important; /* cat-base */
  color: #cdd6f4 !important; /* cat-text */
}

/* Fix the large white area in the middle */
.container, .wrap--body {
  background-color: #1e1e2e !important; /* cat-base */
}
p {
  color: #a6adc8 !important; /* cat-subtext0 - soft gray */
}
/* Top navigation bar */
.header, .header__top, .header__top__wrapper {
  background-color: #181825 !important; /* cat-mantle */
  border-bottom: 1px solid #313244 !important; /* cat-surface0 */
}

/* Main heading */
.u-textcenter.heading.heading--kilo, h1 {
  color: #cdd6f4 !important; /* cat-text */
  font-weight: 500;
}

/* Search bar styling */
.search--home {
  background: transparent !important;
}

.search .inputaddon {
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  overflow: hidden;
  display: flex !important; /* Fix search button alignment */
  align-items: stretch !important;
}

.inputaddon__field, .inputaddon__field--big {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border: none !important;
  padding: 12px 16px;
}

/* Button styling with PROJECT CARD HOVER EFFECT */
.button, .inputaddon__item {
  background-color: #b4befe !important; /* cat-lavender */
  background-image: none !important;
  color: #11111b !important; /* cat-crust */
  border: 1px solid #b4befe !important;
  border-radius: 8px;
  padding: 8px 16px !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.5 !important;
  height: auto !important;
  min-height: 36px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* New hover effect matching project cards */
.button:hover, .inputaddon__item:hover {
  background-color: #b4befe !important; /* Keep the same base color */
  border-color: #a1a2e2 !important; /* cat-mauve for border */
  box-shadow: -159px -44px 300px -30px rgba(180, 190, 254, 0.3) inset !important; /* Inner glow effect */
  color: #11111b !important; /* Keep text dark for contrast */
  transform: translateY(-1px);
}

/* Categories and layout items */
.layout, .home-category, #categorylist-view section {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 16px;
}

.layout__item, .layout__item--home {
  color: #cdd6f4 !important; /* cat-text */
  border-bottom: 1px solid #45475a !important; /* cat-surface1 */
  padding: 15px !important;
  margin-bottom: 10px !important;
}

/* Last layout item (no bottom border) */
.layout__item:last-child, 
.layout__item--home:last-child {
  border-bottom: none !important;
}

/* "Articles" section */
h1.layout__item.layout__item--home {
  color: #cdd6f4 !important; /* cat-text */
}

/* Footer */
.footer {
  background-color: #181825 !important; /* cat-mantle */
  border-top: 1px solid #313244 !important; /* cat-surface0 */
}

/* Footer wrap - MADE TRANSPARENT */
.footer .wrap {
  background-color: transparent !important;
}

/* Kayako logo in footer */
.icon-logo--gray {
  filter: opacity(0.7);
}

/* Input placeholder color */
::placeholder {
  color: #7f849c !important; /* cat-overlay1 */
  opacity: 1;
}

/* Links */
a, .u-visuallink {
  color: #89b4fa !important; /* cat-blue */
  transition: color 0.3s ease;
}

a:hover, .u-visuallink:hover {
  color: #b4befe !important; /* cat-lavender */
}

/* Additional elements to ensure full theme coverage */
.signin-link {
  background-color: transparent !important;
}

/* Fix any remaining white backgrounds */
section, .listing, .listing--uniform {
  background-color: transparent !important;
}

/* Admin area fixes */
.admin-header, .config-panel {
  background-color: #181825 !important; /* cat-mantle */
}

/* Menu items */
.menu__link, .menu__submit, .menu__avatar {
  color: #cdd6f4 !important; /* cat-text */
}

/* Messenger/widget fixes */
#kayako-messenger {
  border: 1px solid #313244 !important; /* cat-surface0 */
  background-color: #181825 !important; /* cat-mantle */
  border-radius: 8px;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #313244; /* cat-surface0 */
}

::-webkit-scrollbar-thumb {
  background: #585b70; /* cat-surface2 */
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: #6c7086; /* cat-overlay0 */
}

/* Fix for buttons with icons - ensure alignment */
.button i.icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 6px !important;
}

/* Fix for additional button types */
.button--primary, .button--wide, .config__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #b4befe !important;
  color: #11111b !important;
}

/* Fix the search button gap issue */
#search-form {
  background-color: #313244 !important;
  display: flex !important;
  align-items: center !important;
}

/* Target the specific search button */
#search-form .inputaddon__item,
#search-form .inputaddon__item--borderless,
#search-form button[type="submit"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px !important;
}

/* Make the search icon visible */
#search-form .icon-search {
  color: #a1a2e2 !important; /* cat-mauve - for visibility */
  font-size: 10px !important;
  opacity: 1 !important;
}

/* Fix for "Add new category" button */
.u-textcenter .button {
  display: inline-flex !important;
}

/* Fix for the Article section action buttons */
.layout .button {
  margin: 0 5px !important;
  display: inline-flex !important;
}

/* Additional styling for editing panels and admin elements */

/* Admin bar and editing panels */
.admin-bar--blue {
  background-color: #181825 !important; /* cat-mantle */
  border-bottom: 1px solid #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
}

/* Admin editing message */
.admin-editing-msg, .admin-required-msg, .admin-error-msg {
  color: #cdd6f4 !important; /* cat-text */
}

.admin-error-msg, .admin-required-msg {
  color: #f38ba8 !important; /* cat-red */
}

/* Edit panel textarea fields */
.textfield, .textfield--heading, .textfield--description, .heading--1.textfield--heading {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  padding: 10px !important;
}

.textfield:focus, .textfield--heading:focus, .textfield--description:focus {
  border-color: #a1a2e2 !important; /* cat-mauve */
  outline: none !important;
}

/* Select dropdowns in admin panels */
.select-wrapper {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  overflow: hidden;
}

.select, #section-visibility, #section-order, #section-cat {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border: none !important;
  padding: 8px 12px !important;
}

/* Panel sidebar */
#aside--section {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  padding: 20px !important;
  margin-top: 20px !important;
}

#aside--section label {
  color: #bac2de !important; /* cat-subtext1 */
}

/* Visibility checkboxes */
.toggle, .toggle-btn {
  border-color: #45475a !important; /* cat-surface1 */
}

.toggle:checked + .toggle-btn {
  background-color: #a1a2e2 !important; /* cat-mauve */
}

/* Loader animations */
.btn-loader__bar {
  background-color: #a1a2e2 !important; /* cat-mauve */
}

/* Tag input fields */
.text-core .text-wrap {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
}

.text-core .text-wrap .text-tags {
  background-color: #313244 !important; /* cat-surface0 */
}

.text-core .text-wrap .text-tags .text-tag {
  background-color: #585b70 !important; /* cat-surface2 */
  color: #cdd6f4 !important; /* cat-text */
  border-radius: 4px;
}

.text-core .text-wrap .text-tags .text-button {
  background-color: #585b70 !important; /* cat-surface2 */
  color: #cdd6f4 !important; /* cat-text */
  border-radius: 4px;
  border: none;
  padding: 3px 8px;
}

/* Breadcrumb navigation */
.breadcrumb {
  background-color: transparent !important;
}

.breadcrumb li {
  color: #a6adc8 !important; /* cat-subtext0 */
}

.breadcrumb li a {
  color: #89b4fa !important; /* cat-blue */
}

/* Article listing */
.listing--spaced {
  background-color: transparent !important;
}

.listing--spaced li {
  border-color: #45475a !important; /* cat-surface1 */
}

/* Config panels/modals */
.config__notification {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
}

.config__notification.is-success {
  border-color: #a6e3a1 !important; /* cat-green */
  color: #a6e3a1 !important; /* cat-green */
}

.config__notification.is-error {
  border-color: #f38ba8 !important; /* cat-red */
  color: #f38ba8 !important; /* cat-red */
}

/* Dropdown menus */
.locale, .locale__item, .nav__menu {
  background-color: #181825 !important; /* cat-mantle */
  border: 1px solid #313244 !important; /* cat-surface0 */
  border-radius: 8px;
}

.locale__item, .nav__menu li {
  border-bottom: 1px solid #313244 !important; /* cat-surface0 */
}

.locale__item:hover, .nav__menu li:hover {
  background-color: #313244 !important; /* cat-surface0 */
}

.locale__item.is-active {
  background-color: #45475a !important; /* cat-surface1 */
}

/* Editor textarea specific styling */
#input--heading, #input--description {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border: 1px solid #45475a !important; /* cat-surface1 */
}

/* Fix for grammarly extension elements */
grammarly-extension {
  filter: invert(1) hue-rotate(180deg) !important;
}

/* Icon colors in the admin area */
.icon-arrow-down, .icon-caret-updown, .icon-arrow-right {
  color: #a1a2e2 !important; /* cat-mauve */
}

/* Section and category list items */
#listing {
  background-color: transparent !important;
}

/* Pagination controls */
.pagination {
  background-color: transparent !important;
}

.pagination a {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  color: #cdd6f4 !important; /* cat-text */
}

.pagination a:hover {
  background-color: #45475a !important; /* cat-surface1 */
}

.pagination .is-current {
  background-color: #a1a2e2 !important; /* cat-mauve */
  color: #181825 !important; /* cat-mantle */
}

/* Section edit panel and moderate component */
#aside--section, 
.moderate {
  background-color: #1e1e2e !important; /* cat-base */
  border: 1px solid #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border-radius: 8px;
}

/* Form labels in the moderate component */
#aside--section label,
.moderate label {
  color: #bac2de !important; /* cat-subtext1 */
  font-weight: 500;
}

/* Select dropdown styling */
.moderate .select-wrapper,
#aside--section .select-wrapper {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  overflow: hidden;
}

/* Select dropdown options */
.moderate select,
#aside--section select,
#section-visibility, 
#section-order, 
#section-cat {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border: none !important;
  padding: 10px 12px !important;
}

/* Icon in select dropdowns */
.icon-caret-updown {
  color: #a1a2e2 !important; /* cat-mauve */
}

/* Text tag inputs */
.text-core .text-wrap {
  background-color: #313244 !important; /* cat-surface0 */
  border: 1px solid #45475a !important; /* cat-surface1 */
  border-radius: 8px;
}

/* Text field inputs */
.textfield, 
.textfield--tags {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
  border: 1px solid #45475a !important; /* cat-surface1 */
}

/* Text field placeholder */
.textfield::placeholder,
.textfield--tags::placeholder {
  color: #7f849c !important; /* cat-overlay1 */
  opacity: 1;
}

/* Focus state for inputs */
.textfield:focus,
.textfield--tags:focus,
select:focus {
  border-color: #a1a2e2 !important; /* cat-mauve */
  outline: none;
  box-shadow: 0 0 0 2px rgba(203, 166, 247, 0.3) !important;
}

/* Heading textarea adjustment */
#input--heading, 
#input--description {
  background-color: #313244 !important; /* cat-surface0 */
  color: #cdd6f4 !important; /* cat-text */
}

/* Layout adjustment for the edit panel */
.layout {
  background-color: #1e1e2e !important; /* cat-base */
  border: 1px solid #313244 !important; /* cat-surface0 */
  padding: 20px !important;
  margin-bottom: 25px !important;
}

/* Tag styling */
.text-core .text-wrap .text-tags .text-tag,
.text-button,
.text-button--readonly {
  background-color: #45475a !important; /* cat-surface1 */
  color: #cdd6f4 !important; /* cat-text */
  border-radius: 4px;
  border: 1px solid #585b70 !important; /* cat-surface2 */
  padding: 4px 8px;
  margin: 2px;
}

/* Dropdown menu for tags and teams */
.text-dropdown, 
.text-list {
  background-color: #181825 !important; /* cat-mantle */
  border: 1px solid #313244 !important; /* cat-surface0 */
  border-radius: 6px;
  color: #cdd6f4 !important; /* cat-text */
}

/* Dropdown items on hover */
.text-dropdown .text-list .text-suggestion:hover {
  background-color: #313244 !important; /* cat-surface0 */
}

/* Selected dropdown items */
.text-dropdown .text-list .text-suggestion.text-selected {
  background-color: #a1a2e2 !important; /* cat-mauve */
  color: #11111b !important; /* cat-crust */
}

/* Better dropdown caret styling */
.icon-caret-updown,
.icon-arrow-down {
  color: #a1a2e2 !important; /* cat-mauve */
  opacity: 0.9;
  filter: none !important;
}

/* Team names container */
#section-agent-teamlist,
.section-agent-teamlist {
  max-height: 200px;
  overflow-y: auto;
  margin-top: 5px;
  padding: 5px;
  background-color: #313244 !important; /* cat-surface0 */
  border-radius: 6px;
}

/* Scrollbar for long team lists */
#section-agent-teamlist::-webkit-scrollbar,
.section-agent-teamlist::-webkit-scrollbar {
  width: 8px;
}

#section-agent-teamlist::-webkit-scrollbar-track,
.section-agent-teamlist::-webkit-scrollbar-track {
  background: #313244; /* cat-surface0 */
}

#section-agent-teamlist::-webkit-scrollbar-thumb,
.section-agent-teamlist::-webkit-scrollbar-thumb {
  background: #585b70; /* cat-surface2 */
  border-radius: 8px;
}

/* Admin bar save button area */
.admin-bar--blue {
  background-color: #181825 !important; /* cat-mantle */
  border-bottom: 1px solid #313244 !important; /* cat-surface0 */
}

/* Save button */
#add-section, 
.button--primary {
  background-color: #b4befe !important; /* cat-lavender */
  color: #11111b !important; /* cat-crust */
  border: 1px solid #b4befe !important;
  border-radius: 8px;
  transition: all 0.3s ease !important;
}

/* Save button hover effect */
#add-section:hover, 
.button--primary:hover {
  background-color: #b4befe !important; /* Keep the same base color */
  border-color: #a1a2e2 !important; /* cat-mauve for border */
  box-shadow: -159px -44px 300px -30px rgba(180, 190, 254, 0.3) inset !important; /* Inner glow effect */
  transform: translateY(-1px);
}

/* Cancel link */
.u-textgray, 
.config__link {
  color: #a6adc8 !important; /* cat-subtext0 */
  transition: color 0.3s ease;
}

/* Cancel link hover */
.u-textgray:hover, 
.config__link:hover {
  color: #cdd6f4 !important; /* cat-text */
}

/* Toggle checkboxes in moderate panel */
.toggle, .toggle-btn {
  background-color: #313244 !important; /* cat-surface0 */
  border-color: #45475a !important; /* cat-surface1 */
}

.toggle:checked + .toggle-btn {
  background-color: #a1a2e2 !important; /* cat-mauve */
}

.toggle:checked + .toggle-btn:after {
  background-color: #1e1e2e !important; /* cat-base */
}

/* Text next to toggle */
.checked, .unchecked {
  color: #a6adc8 !important; /* cat-subtext0 */
}

/* Section visibility labels */
.u-mbottomsmall {
  margin-bottom: 10px !important;
}

/* Warning and error messages */
.admin-error-msg, 
.admin-required-msg {
  color: #f38ba8 !important; /* cat-red */
}

.admin-editing-msg {
  color: #a6e3a1 !important; /* cat-green */
}

/* Admin bars styling */
.admin-bar--gray,
.admin-bar--green,
.admin-bar--blue {
  padding: 15px 0 !important;
  border: none !important; /* Remove all borders */
}

/* Gray admin bar (edit bar) */
.admin-bar--gray {
  background-color: transparent !important; /* Make background transparent */
  color: #cdd6f4 !important; /* cat-text */
}

/* Green success bar */
.admin-bar--green {
  background-color: rgba(166, 227, 161, 0.2) !important; /* cat-green with opacity */
  color: #a6e3a1 !important; /* cat-green */
}

/* Edit bar elements */
#edit-bar .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  background-color: transparent !important; /* Ensure wrap is also transparent */
  border: none !important;
}

/* Last updated text */
#last-updated, 
.js-timeago {
  color: #a6adc8 !important; /* cat-subtext0 */
}

/* Delete button */
.u-textwarning, 
#prompt {
  color: #f38ba8 !important; /* cat-red */
  transition: color 0.2s ease;
}

.u-textwarning:hover, 
#prompt:hover {
  color: #f5c2e7 !important; /* cat-pink */
  cursor: pointer;
}

/* Edit button in admin bar */
#edit-content, 
#edit-bar .button {
  background-color: #a1a2e2 !important; /* cat-mauve */
  color: #11111b !important; /* cat-crust */
  border: 1px solid #a1a2e2 !important;
  border-radius: 8px;
  padding: 8px 12px !important;
  transition: all 0.3s ease;
  margin-left: 10px;
}

#edit-content:hover, 
#edit-bar .button:hover {
  background-color: #a1a2e2 !important;
  box-shadow: -159px -44px 300px -30px rgba(203, 166, 247, 0.3) inset !important;
  transform: translateY(-1px);
}

#search-form .inputaddon__field, 
#search-form button {
  margin: 0 !important;
  height: 40px !important;
}

/* File upload styling */
.file-input {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

/* File button container */
.file-btn {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

/* Choose files button */
.file-btn .button--slim {
  background-color: #b4befe !important; /* cat-lavender */
  color: #11111b !important; /* cat-crust */
  border: 1px solid #b4befe !important;
  border-radius: 8px;
  padding: 8px 16px !important;
  transition: all 0.3s ease;
}

.file-btn .button--slim:hover {
  background-color: #b4befe !important;
  border-color: #a1a2e2 !important;
  box-shadow: -159px -44px 300px -30px rgba(180, 190, 254, 0.3) inset !important;
  transform: translateY(-1px);
}

.file-btn, .file-btn::after {
    background: transparent !important;
}

/* Drag and drop text */
.filedrag-msg,
.fileclick-msg,
.u-muted {
  color: #a6adc8 !important; /* cat-subtext0 */
}

/* File container */
.js-file-view {
  border: 2px dashed #45475a !important; /* cat-surface1 */
  border-radius: 8px;
  padding: 15px !important;
  background-color: #313244 !important; /* cat-surface0 */
  transition: all 0.3s ease;
  margin-top: 5px;
  margin-bottom: 5px;
}

.js-file-view:hover {
  border-color: #a1a2e2 !important; /* cat-mauve */
}

/* File selected message */
.js-inputval {
  display: inline-flex;
  margin-left: 10px !important;
  align-items: center;
}

/* Error messages */
.textfield__error-msg {
  color: #f38ba8 !important; /* cat-red */
  margin-top: 5px;
}

/* Form labels styling */
.textfield__label,
label[for="request-subject"],
label[for="request-msg"],
.layout__item--home {
  color: #cdd6f4 !important; /* cat-text - same as main headings */
  font-weight: 500 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Main headings (h1, h2) */
h1, h2, .heading, .ruled, .u-textcenter.heading.heading--kilo {
  color: #cdd6f4 !important; /* cat-text */
  font-weight: 600 !important;
}

/* Subject, Message, Upload Files label text */
.textfield__label:first-child,
.u-muted,
label:not(.toggle-btn):not(.u-textgray) {
  color: #cdd6f4 !important; /* cat-text */
}

.menu__link.active {
    background-color: rgba(180, 190, 250, 0.3);
}

/* Nav menu item hover state */
.nav__menu li:hover,
.nav__menu a:hover {
  background-color: rgba(180, 190, 250, 0.3) !important;
  color: #cdd6f4 !important; /* cat-text */
}

/* Nav menu styling */
.nav__menu {
  background-color: #181825 !important; /* cat-mantle */
  border: 1px solid #313244 !important; /* cat-surface0 */
}

/* Nav menu items */
.nav__menu li, 
.nav__menu a {
  color: #cdd6f4 !important; /* cat-text */
  transition: background-color 0.2s ease;
}
html, .select, .drill-default {
	font-family: Source Sans Pro, sans-serif;
}
a, a:hover, a:focus, a:active, .u-visuallink, .u-visuallink:hover,
.heading--blue,
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active,
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-selected,
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab,
.tab__notCurrent a:hover {
	color: #a1a2e2;
}

.button--primary,
.button--primary:hover:enabled,
.button--primary:focus:enabled,
.button--primary:active:enabled,
.nav__menu a:hover, .nav__menu a:active, .dd__link:hover,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after,
.fr-image-resizer .fr-handler,
.fr-image-progress-bar-layer > div.fr-loader span,
.autocomplete--field__item:hover, .autocomplete--field__item.is-selected {
	background-color: #a1a2e2;
}

.textfield:focus,
.search-wrapslim .inputaddon__field:focus,
.file-btn:focus, .file-btn.is-active, .dz-drag-hover {
	border-color: #a1a2e2;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 4px -1px #a1a2e2;
}

.button--primary:focus:enabled, .button--primary:active:enabled,
.select:focus, .drill-default:focus, .drill-default.drill-focus {
	box-shadow: 0 0 3px 0 #a1a2e2;
}

.tab > li,
.textfield.picker__input--active,
.textfield--heading:focus,
.pager__selected,
.tab__notCurrent:hover,
.picker__select--month:focus, .picker__select--year:focus,
.picker__day--highlighted, .picker__day--selected:hover,
.picker--focused .picker__day--selected, .picker__button--clear:focus,
.picker__button--close:focus,
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-checkbox input:focus + span,
.fr-image-resizer, .fr-image-upload-layer.fr-drop,
table td.fr-selected-cell, table th.fr-selected-cell,
.fr-table-resizer div,
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
	border-color: #a1a2e2;
}

input[type="checkbox"].switch:focus + div {
	box-shadow: 0 0 .2em 1px #a1a2e2, 0 1px 1px hsla(0,0%,100%,.6);
}

.picker__day--today:before,
.picker__button--today:before {
	border-top-color: #a1a2e2;
}